@uploadcare/react-uploader 0.0.1-alpha.4 → 0.2.0-alpha.0

package/dist/react-uploader.js

@@ -1,9 +1,9 @@
-var hr = Object.defineProperty;
-var ur = (s, i, e) => i in s ? hr(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var u = (s, i, e) => (ur(s, typeof i != "symbol" ? i + "" : i, e), e);
-import I, { useMemo as Le } from "react";
-var dr = Object.defineProperty, fr = (s, i, e) => i in s ? dr(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e, Dt = (s, i, e) => (fr(s, typeof i != "symbol" ? i + "" : i, e), e);
-function pr(s) {
+var cr = Object.defineProperty;
+var hr = (s, i, e) => i in s ? cr(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var u = (s, i, e) => (hr(s, typeof i != "symbol" ? i + "" : i, e), e);
+import I, { useMemo as Pe } from "react";
+var ur = Object.defineProperty, dr = (s, i, e) => i in s ? ur(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e, Dt = (s, i, e) => (dr(s, typeof i != "symbol" ? i + "" : i, e), e);
+function fr(s) {
   let i = (e) => {
     var t;
     for (let r in e)
@@ -14,7 +14,7 @@ function pr(s) {
 }
 var T = class {
   constructor(s) {
-    s.constructor === Object ? this.store = pr(s) : (this._storeIsProxy = !0, this.store = s), this.callbackMap = /* @__PURE__ */ Object.create(null);
+    s.constructor === Object ? this.store = fr(s) : (this._storeIsProxy = !0, this.store = s), this.callbackMap = /* @__PURE__ */ Object.create(null);
   }
   static warn(s, i) {
     console.warn(`Symbiote Data: cannot ${s}. Prop name: ` + i);
@@ -79,11 +79,11 @@ var _ = Object.freeze({
   SET_LATER_KEY: "__toSetLater__",
   USE_TPL: "use-template",
   ROOT_STYLE_ATTR_NAME: "sym-component"
-}), Wi = "1234567890QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm", mr = Wi.length - 1, te = class {
+}), Wi = "1234567890QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm", pr = Wi.length - 1, te = class {
   static generate(s = "XXXXXXXXX-XXX") {
     let i = "";
     for (let e = 0; e < s.length; e++)
-      i += s[e] === "-" ? s[e] : Wi.charAt(Math.random() * mr);
+      i += s[e] === "-" ? s[e] : Wi.charAt(Math.random() * pr);
     return i;
   }
 };
@@ -93,10 +93,10 @@ function qi(s, i, e) {
     l < n.length - 1 ? s = s[o] : r = o;
   }), s ? s[r] = e : t = !1, t;
 }
-function gr(s) {
+function mr(s) {
   return s.split("-").map((i, e) => i && e ? i[0].toUpperCase() + i.slice(1) : i).join("").split("_").map((i, e) => i && e ? i.toUpperCase() : i).join("");
 }
-function br(s, i) {
+function gr(s, i) {
   [...s.querySelectorAll(`[${_.REPEAT_ATTR}]`)].forEach((e) => {
     let t = e.getAttribute(_.REPEAT_ITEM_TAG_ATTR), r;
     if (t && (r = window.customElements.get(t)), !r) {
@@ -155,7 +155,7 @@ function br(s, i) {
   });
 }
 var mi = "__default__";
-function _r(s, i) {
+function br(s, i) {
   if (i.shadowRoot)
     return;
   let e = [...s.querySelectorAll("slot")];
@@ -182,18 +182,18 @@ function _r(s, i) {
       r.slot.remove();
   });
 }
-function yr(s, i) {
+function _r(s, i) {
   [...s.querySelectorAll(`[${_.EL_REF_ATTR}]`)].forEach((e) => {
     let t = e.getAttribute(_.EL_REF_ATTR);
     i.ref[t] = e, e.removeAttribute(_.EL_REF_ATTR);
   });
 }
-function vr(s, i) {
+function yr(s, i) {
   [...s.querySelectorAll(`[${_.BIND_ATTR}]`)].forEach((e) => {
     let r = e.getAttribute(_.BIND_ATTR).split(";");
     [...e.attributes].forEach((n) => {
       if (n.name.startsWith("-") && n.value) {
-        let o = gr(n.name.replace("-", ""));
+        let o = mr(n.name.replace("-", ""));
         r.push(o + ":" + n.value), e.removeAttribute(n.name);
       }
     }), r.forEach((n) => {
@@ -211,20 +211,20 @@ function vr(s, i) {
     }), e.removeAttribute(_.BIND_ATTR);
   });
 }
-var it = "{{", je = "}}", Cr = "skip-text";
-function wr(s) {
+var it = "{{", je = "}}", vr = "skip-text";
+function Cr(s) {
   let i, e = [], t = document.createTreeWalker(s, NodeFilter.SHOW_TEXT, {
     acceptNode: (r) => {
       var n;
-      return !((n = r.parentElement) != null && n.hasAttribute(Cr)) && r.textContent.includes(it) && r.textContent.includes(je) && 1;
+      return !((n = r.parentElement) != null && n.hasAttribute(vr)) && r.textContent.includes(it) && r.textContent.includes(je) && 1;
     }
   });
   for (; i = t.nextNode(); )
     e.push(i);
   return e;
 }
-var Er = function(s, i) {
-  wr(s).forEach((t) => {
+var wr = function(s, i) {
+  Cr(s).forEach((t) => {
     let r = [], n;
     for (; t.textContent.includes(je); )
       t.textContent.startsWith(it) ? (n = t.textContent.indexOf(je) + je.length, t.splitText(n), r.push(t)) : (n = t.textContent.indexOf(it), t.splitText(n)), t = t.nextSibling;
@@ -235,14 +235,14 @@ var Er = function(s, i) {
       });
     });
   });
-}, Ar = [br, _r, yr, vr, Er], rt = "'", Pe = '"', Tr = /\\([0-9a-fA-F]{1,6} ?)/g;
+}, Er = [gr, br, _r, yr, wr], rt = "'", Le = '"', Ar = /\\([0-9a-fA-F]{1,6} ?)/g;
+function Tr(s) {
+  return (s[0] === Le || s[0] === rt) && (s[s.length - 1] === Le || s[s.length - 1] === rt);
+}
 function $r(s) {
-  return (s[0] === Pe || s[0] === rt) && (s[s.length - 1] === Pe || s[s.length - 1] === rt);
+  return (s[0] === Le || s[0] === rt) && (s = s.slice(1)), (s[s.length - 1] === Le || s[s.length - 1] === rt) && (s = s.slice(0, -1)), s;
 }
 function Sr(s) {
-  return (s[0] === Pe || s[0] === rt) && (s = s.slice(1)), (s[s.length - 1] === Pe || s[s.length - 1] === rt) && (s = s.slice(0, -1)), s;
-}
-function xr(s) {
   let i = "", e = "";
   for (var t = 0; t < s.length; t++) {
     const r = s[t + 1];
@@ -250,10 +250,10 @@ function xr(s) {
   }
   return i;
 }
-function Ir(s) {
+function xr(s) {
   let i = s;
-  $r(s) && (i = Sr(i), i = i.replace(Tr, (e, t) => String.fromCodePoint(parseInt(t.trim(), 16))), i = i.replaceAll(`\\
-`, "\\n"), i = xr(i), i = Pe + i + Pe);
+  Tr(s) && (i = $r(i), i = i.replace(Ar, (e, t) => String.fromCodePoint(parseInt(t.trim(), 16))), i = i.replaceAll(`\\
+`, "\\n"), i = Sr(i), i = Le + i + Le);
   try {
     return JSON.parse(i);
   } catch {
@@ -428,7 +428,7 @@ var gi = 0, $e = null, re = null, ue = class extends HTMLElement {
           delete this[_.SET_LATER_KEY];
         }
         this.initChildren = [...this.childNodes];
-        for (let e of Ar)
+        for (let e of Er)
           this.addTemplateProcessor(e);
         if (this.pauseRender)
           this.__initCallback();
@@ -496,7 +496,7 @@ var gi = 0, $e = null, re = null, ue = class extends HTMLElement {
       this.__computedStyle || (this.__computedStyle = window.getComputedStyle(this));
       let e = this.__computedStyle.getPropertyValue(s).trim();
       try {
-        this.__cssDataCache[s] = Ir(e);
+        this.__cssDataCache[s] = xr(e);
       } catch {
         !i && console.warn(`CSS Data error: ${s}`), this.__cssDataCache[s] = null;
       }
@@ -557,13 +557,13 @@ function Gi(s, i) {
   for (let e in i)
     e.includes("-") ? s.style.setProperty(e, i[e]) : s.style[e] = i[e];
 }
-function kr(s, i) {
+function Ir(s, i) {
   for (let e in i)
     i[e].constructor === Boolean ? i[e] ? s.setAttribute(e, "") : s.removeAttribute(e) : s.setAttribute(e, i[e]);
 }
 function zt(s = { tag: "div" }) {
   let i = document.createElement(s.tag);
-  if (s.attributes && kr(i, s.attributes), s.styles && Gi(i, s.styles), s.properties)
+  if (s.attributes && Ir(i, s.attributes), s.styles && Gi(i, s.styles), s.properties)
     for (let e in s.properties)
       i[e] = s.properties[e];
   return s.processors && s.processors.forEach((e) => {
@@ -573,7 +573,7 @@ function zt(s = { tag: "div" }) {
     i.appendChild(t);
   }), i;
 }
-var Xi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr = class {
+var Xi = "idb-store-ready", kr = "symbiote-db", Or = "symbiote-idb-update_", Pr = class {
   _notifyWhenReady(s = null) {
     window.dispatchEvent(new CustomEvent(Xi, {
       detail: {
@@ -584,7 +584,7 @@ var Xi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr
     }));
   }
   get _updEventName() {
-    return Lr + this.name;
+    return Or + this.name;
   }
   _getUpdateEvent(s) {
     return new CustomEvent(this._updEventName, {
@@ -677,7 +677,7 @@ var Xi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr
   static get readyEventName() {
     return Xi;
   }
-  static open(s = Or, i = "store") {
+  static open(s = kr, i = "store") {
     let e = s + "/" + i;
     return this._reg[e] || (this._reg[e] = new Pr(s, i)), this._reg[e];
   }
@@ -688,7 +688,7 @@ var Xi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr
   }
 };
 Dt(Ki, "_reg", /* @__PURE__ */ Object.create(null));
-const Ur = 20, S = Object.freeze({
+const Lr = 20, S = Object.freeze({
   FILE_ADDED: "file-added",
   FILE_REMOVED: "file-removed",
   FILE_UPLOAD_START: "file-upload-start",
@@ -708,7 +708,7 @@ const Ur = 20, S = Object.freeze({
   CHANGE: "change",
   GROUP_CREATED: "group-created"
 });
-class Rr {
+class Ur {
   /** @param {(...args: unknown[]) => void} debugPrint */
   constructor(i) {
     /**
@@ -768,7 +768,7 @@ class Rr {
       return;
     }
     this._timeoutStore.has(i) && window.clearTimeout(this._timeoutStore.get(i));
-    const r = typeof t == "number" ? t : Ur, n = window.setTimeout(() => {
+    const r = typeof t == "number" ? t : Lr, n = window.setTimeout(() => {
       this._dispatch(i, typeof e == "function" ? e() : e), this._timeoutStore.delete(i);
     }, r);
     this._timeoutStore.set(i, n);
@@ -820,17 +820,17 @@ u(nt, "clientsRegistry", /* @__PURE__ */ new Set()), /** @private */
 u(nt, "flush", H(() => {
   document.documentElement.style.setProperty(bi, `${window.innerHeight}px`);
 }, 100));
-const Yi = (s, i) => new Intl.PluralRules(s).select(i), Mr = (s) => s, kt = "{{", Ji = "}}", _i = "plural:";
+const Yi = (s, i) => new Intl.PluralRules(s).select(i), Rr = (s) => s, kt = "{{", Ji = "}}", _i = "plural:";
 function Ot(s, i, e = {}) {
   var o;
-  let { openToken: t = kt, closeToken: r = Ji, transform: n = Mr } = e;
+  let { openToken: t = kt, closeToken: r = Ji, transform: n = Rr } = e;
   for (let l in i) {
     let a = (o = i[l]) == null ? void 0 : o.toString();
     s = s.replaceAll(t + l + r, typeof a == "string" ? n(a) : a);
   }
   return s;
 }
-function Nr(s) {
+function Mr(s) {
   const i = [];
   let e = s.indexOf(kt);
   for (; e !== -1; ) {
@@ -874,7 +874,7 @@ function vi(s) {
   return Object.prototype.toString.call(s) === "[object Object]";
 }
 const Fr = /\W|_/g;
-function Dr(s) {
+function Nr(s) {
   return s.split(Fr).map((i, e) => i.charAt(0)[e > 0 ? "toUpperCase" : "toLowerCase"]() + i.slice(1)).join("");
 }
 function Ci(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
@@ -892,11 +892,11 @@ function he(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
       e[t] = r;
       continue;
     }
-    vi(r) ? r = he(r, { ignoreKeys: i }) : Array.isArray(r) && (r = Ci(r, { ignoreKeys: i })), e[Dr(t)] = r;
+    vi(r) ? r = he(r, { ignoreKeys: i }) : Array.isArray(r) && (r = Ci(r, { ignoreKeys: i })), e[Nr(t)] = r;
   }
   return e;
 }
-const zr = (s) => new Promise((i) => setTimeout(i, s));
+const Dr = (s) => new Promise((i) => setTimeout(i, s));
 function Qi({ libraryName: s, libraryVersion: i, userAgent: e, publicKey: t = "", integration: r = "" }) {
   const n = "JavaScript";
   if (typeof e == "string")
@@ -912,17 +912,17 @@ function Qi({ libraryName: s, libraryVersion: i, userAgent: e, publicKey: t = ""
   const o = [s, i, t].filter(Boolean).join("/"), l = [n, r].filter(Boolean).join("; ");
   return `${o} (${l})`;
 }
-const Vr = {
+const zr = {
   factor: 2,
   time: 100
 };
-function Br(s, i = Vr) {
+function Vr(s, i = zr) {
   let e = 0;
   function t(r) {
     const n = Math.round(i.time * i.factor ** e);
     return r({
       attempt: e,
-      retry: (l) => zr(l ?? n).then(() => (e += 1, t(r)))
+      retry: (l) => Dr(l ?? n).then(() => (e += 1, t(r)))
     });
   }
   return t(s);
@@ -946,7 +946,7 @@ class Ae extends Vt {
     this.name = "CancelError", Object.setPrototypeOf(this, Ae.prototype);
   }
 }
-const jr = 500, es = ({ check: s, interval: i = jr, timeout: e, signal: t }) => new Promise((r, n) => {
+const Br = 500, es = ({ check: s, interval: i = Br, timeout: e, signal: t }) => new Promise((r, n) => {
   let o, l;
   ut(t, () => {
     o && clearTimeout(o), n(new Ae("Poll cancelled"));
@@ -965,7 +965,7 @@ const jr = 500, es = ({ check: s, interval: i = jr, timeout: e, signal: t }) =>
     }
   };
   o = setTimeout(a, 0);
-}), A = {
+}), E = {
   baseCDN: "https://ucarecdn.com",
   baseURL: "https://upload.uploadcare.com",
   maxContentLength: 50 * 1024 * 1024,
@@ -1001,9 +1001,9 @@ const jr = 500, es = ({ check: s, interval: i = jr, timeout: e, signal: t }) =>
         signal: r,
         onProgress: n
       }, f = a.getAllResponseHeaders().trim().split(/[\r\n]+/), m = {};
-      f.forEach(function(C) {
-        const E = C.split(": "), w = E.shift(), y = E.join(": ");
-        w && typeof w < "u" && (m[w] = y);
+      f.forEach(function(A) {
+        const w = A.split(": "), C = w.shift(), y = w.join(": ");
+        C && typeof C < "u" && (m[C] = y);
       });
       const p = a.response, g = a.status;
       o({
@@ -1022,33 +1022,33 @@ const jr = 500, es = ({ check: s, interval: i = jr, timeout: e, signal: t }) =>
     }) : n({ isComputable: !1 });
   }), e ? a.send(e) : a.send();
 });
-function Hr(s, ...i) {
+function jr(s, ...i) {
   return s;
 }
-const Wr = ({ name: s }) => s ? [s] : [], qr = Hr;
-var Gr = () => new FormData();
-const is = (s) => !1, ft = (s) => typeof Blob < "u" && s instanceof Blob, pt = (s) => typeof File < "u" && s instanceof File, mt = (s) => !!s && typeof s == "object" && !Array.isArray(s) && "uri" in s && typeof s.uri == "string", Me = (s) => ft(s) || pt(s) || is() || mt(s), Xr = (s) => typeof s == "string" || typeof s == "number" || typeof s > "u", Kr = (s) => !!s && typeof s == "object" && !Array.isArray(s), Yr = (s) => !!s && typeof s == "object" && "data" in s && Me(s.data);
+const Hr = ({ name: s }) => s ? [s] : [], Wr = jr;
+var qr = () => new FormData();
+const is = (s) => !1, ft = (s) => typeof Blob < "u" && s instanceof Blob, pt = (s) => typeof File < "u" && s instanceof File, mt = (s) => !!s && typeof s == "object" && !Array.isArray(s) && "uri" in s && typeof s.uri == "string", Me = (s) => ft(s) || pt(s) || is() || mt(s), Gr = (s) => typeof s == "string" || typeof s == "number" || typeof s > "u", Xr = (s) => !!s && typeof s == "object" && !Array.isArray(s), Kr = (s) => !!s && typeof s == "object" && "data" in s && Me(s.data);
 function ss(s, i, e) {
   if (Array.isArray(e))
     for (const t of e)
       ss(s, `${i}[]`, t);
-  else if (Yr(e)) {
-    const { name: t, contentType: r } = e, n = qr(e.data, t, r ?? dt), o = Wr({ name: t, contentType: r });
+  else if (Kr(e)) {
+    const { name: t, contentType: r } = e, n = Wr(e.data, t, r ?? dt), o = Hr({ name: t, contentType: r });
     s.push([i, n, ...o]);
-  } else if (Kr(e))
+  } else if (Xr(e))
     for (const [t, r] of Object.entries(e))
       typeof r < "u" && s.push([`${i}[${t}]`, String(r)]);
   else
-    Xr(e) && e && s.push([i, e.toString()]);
+    Gr(e) && e && s.push([i, e.toString()]);
 }
-function Jr(s) {
+function Yr(s) {
   const i = [];
   for (const [e, t] of Object.entries(s))
     ss(i, e, t);
   return i;
 }
 function gt(s) {
-  const i = Gr(), e = Jr(s);
+  const i = qr(), e = Yr(s);
   for (const t of e) {
     const [r, n, ...o] = t;
     i.append(r, n, ...o);
@@ -1065,7 +1065,7 @@ class D extends Vt {
     this.name = "UploadError", this.message = e, this.code = t, this.request = r, this.response = n, this.headers = o, Object.setPrototypeOf(this, D.prototype);
   }
 }
-const Zr = (s) => {
+const Jr = (s) => {
   const i = new URLSearchParams();
   for (const [e, t] of Object.entries(s))
     t && typeof t == "object" && !Array.isArray(t) ? Object.entries(t).filter((r) => r[1] ?? !1).forEach((r) => i.set(`${e}[${r[0]}]`, String(r[1]))) : Array.isArray(t) ? t.forEach((r) => {
@@ -1074,19 +1074,19 @@ const Zr = (s) => {
   return i.toString();
 }, le = (s, i, e) => {
   const t = new URL(s);
-  return t.pathname = (t.pathname + i).replace("//", "/"), e && (t.search = Zr(e)), t.toString();
+  return t.pathname = (t.pathname + i).replace("//", "/"), e && (t.search = Jr(e)), t.toString();
 };
-var Qr = "6.14.1";
-const en = "UploadcareUploadClient", tn = Qr;
+var Zr = "6.14.1";
+const Qr = "UploadcareUploadClient", en = Zr;
 function Te(s) {
   return Qi({
-    libraryName: en,
-    libraryVersion: tn,
+    libraryName: Qr,
+    libraryVersion: en,
     ...s
   });
 }
-const sn = "RequestThrottledError", wi = 15e3, rn = 1e3;
-function nn(s) {
+const tn = "RequestThrottledError", wi = 15e3, sn = 1e3;
+function rn(s) {
   const { headers: i } = s || {};
   if (!i || typeof i["retry-after"] != "string")
     return wi;
@@ -1095,11 +1095,11 @@ function nn(s) {
 }
 function be(s, i) {
   const { retryThrottledRequestMaxTimes: e, retryNetworkErrorMaxTimes: t } = i;
-  return Br(({ attempt: r, retry: n }) => s().catch((o) => {
-    if ("response" in o && (o == null ? void 0 : o.code) === sn && r < e)
-      return n(nn(o));
+  return Vr(({ attempt: r, retry: n }) => s().catch((o) => {
+    if ("response" in o && (o == null ? void 0 : o.code) === tn && r < e)
+      return n(rn(o));
     if (o instanceof Xe && r < t)
-      return n((r + 1) * rn);
+      return n((r + 1) * sn);
     throw o;
   }));
 }
@@ -1113,7 +1113,7 @@ const rs = (s) => {
 function Bt(s) {
   return typeof s > "u" || s === "auto" ? "auto" : s ? "1" : "0";
 }
-function on(s, { publicKey: i, fileName: e, contentType: t, baseURL: r = A.baseURL, secureSignature: n, secureExpire: o, store: l, signal: a, onProgress: c, source: h = "local", integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = A.retryNetworkErrorMaxTimes, metadata: g }) {
+function nn(s, { publicKey: i, fileName: e, contentType: t, baseURL: r = E.baseURL, secureSignature: n, secureExpire: o, store: l, signal: a, onProgress: c, source: h = "local", integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = E.retryNetworkErrorMaxTimes, metadata: g }) {
   return be(() => ge({
     method: "POST",
     url: le(r, "/base/", {
@@ -1137,18 +1137,18 @@ function on(s, { publicKey: i, fileName: e, contentType: t, baseURL: r = A.baseU
     }),
     signal: a,
     onProgress: c
-  }).then(({ data: C, headers: E, request: w }) => {
-    const y = he(JSON.parse(C));
+  }).then(({ data: A, headers: w, request: C }) => {
+    const y = he(JSON.parse(A));
     if ("error" in y)
-      throw new D(y.error.content, y.error.errorCode, w, y, E);
+      throw new D(y.error.content, y.error.errorCode, C, y, w);
     return y;
   }), { retryNetworkErrorMaxTimes: p, retryThrottledRequestMaxTimes: m });
 }
-var Lt;
+var Pt;
 (function(s) {
   s.Token = "token", s.FileInfo = "file_info";
-})(Lt || (Lt = {}));
-function ln(s, { publicKey: i, baseURL: e = A.baseURL, store: t, fileName: r, checkForUrlDuplicates: n, saveUrlForRecurrentUploads: o, secureSignature: l, secureExpire: a, source: c = "url", signal: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = A.retryNetworkErrorMaxTimes, metadata: g }) {
+})(Pt || (Pt = {}));
+function on(s, { publicKey: i, baseURL: e = E.baseURL, store: t, fileName: r, checkForUrlDuplicates: n, saveUrlForRecurrentUploads: o, secureSignature: l, secureExpire: a, source: c = "url", signal: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = E.retryNetworkErrorMaxTimes, metadata: g }) {
   return be(() => ge({
     method: "POST",
     headers: {
@@ -1168,19 +1168,19 @@ function ln(s, { publicKey: i, baseURL: e = A.baseURL, store: t, fileName: r, ch
       metadata: g
     }),
     signal: h
-  }).then(({ data: C, headers: E, request: w }) => {
-    const y = he(JSON.parse(C));
+  }).then(({ data: A, headers: w, request: C }) => {
+    const y = he(JSON.parse(A));
     if ("error" in y)
-      throw new D(y.error.content, y.error.errorCode, w, y, E);
+      throw new D(y.error.content, y.error.errorCode, C, y, w);
     return y;
   }), { retryNetworkErrorMaxTimes: p, retryThrottledRequestMaxTimes: m });
 }
-var F;
+var N;
 (function(s) {
   s.Unknown = "unknown", s.Waiting = "waiting", s.Progress = "progress", s.Error = "error", s.Success = "success";
-})(F || (F = {}));
-const an = (s) => "status" in s && s.status === F.Error;
-function cn(s, { publicKey: i, baseURL: e = A.baseURL, signal: t, integration: r, userAgent: n, retryThrottledRequestMaxTimes: o = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = A.retryNetworkErrorMaxTimes } = {}) {
+})(N || (N = {}));
+const ln = (s) => "status" in s && s.status === N.Error;
+function an(s, { publicKey: i, baseURL: e = E.baseURL, signal: t, integration: r, userAgent: n, retryThrottledRequestMaxTimes: o = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = E.retryNetworkErrorMaxTimes } = {}) {
   return be(() => ge({
     method: "GET",
     headers: i ? {
@@ -1197,12 +1197,12 @@ function cn(s, { publicKey: i, baseURL: e = A.baseURL, signal: t, integration: r
     signal: t
   }).then(({ data: a, headers: c, request: h }) => {
     const d = he(JSON.parse(a));
-    if ("error" in d && !an(d))
+    if ("error" in d && !ln(d))
       throw new D(d.error.content, d.error.errorCode, h, d, c);
     return d;
   }), { retryNetworkErrorMaxTimes: l, retryThrottledRequestMaxTimes: o });
 }
-function hn(s, { publicKey: i, baseURL: e = A.baseURL, jsonpCallback: t, secureSignature: r, secureExpire: n, signal: o, source: l, integration: a, userAgent: c, retryThrottledRequestMaxTimes: h = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: d = A.retryNetworkErrorMaxTimes }) {
+function cn(s, { publicKey: i, baseURL: e = E.baseURL, jsonpCallback: t, secureSignature: r, secureExpire: n, signal: o, source: l, integration: a, userAgent: c, retryThrottledRequestMaxTimes: h = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: d = E.retryNetworkErrorMaxTimes }) {
   return be(() => ge({
     method: "POST",
     headers: {
@@ -1227,7 +1227,7 @@ function hn(s, { publicKey: i, baseURL: e = A.baseURL, jsonpCallback: t, secureS
     return g;
   }), { retryNetworkErrorMaxTimes: d, retryThrottledRequestMaxTimes: h });
 }
-function os(s, { publicKey: i, baseURL: e = A.baseURL, signal: t, source: r, integration: n, userAgent: o, retryThrottledRequestMaxTimes: l = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: a = A.retryNetworkErrorMaxTimes }) {
+function os(s, { publicKey: i, baseURL: e = E.baseURL, signal: t, source: r, integration: n, userAgent: o, retryThrottledRequestMaxTimes: l = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: a = E.retryNetworkErrorMaxTimes }) {
   return be(() => ge({
     method: "GET",
     headers: {
@@ -1247,7 +1247,7 @@ function os(s, { publicKey: i, baseURL: e = A.baseURL, signal: t, source: r, int
     return f;
   }), { retryThrottledRequestMaxTimes: l, retryNetworkErrorMaxTimes: a });
 }
-function un(s, { publicKey: i, contentType: e, fileName: t, multipartChunkSize: r = A.multipartChunkSize, baseURL: n = "", secureSignature: o, secureExpire: l, store: a, signal: c, source: h = "local", integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = A.retryNetworkErrorMaxTimes, metadata: g }) {
+function hn(s, { publicKey: i, contentType: e, fileName: t, multipartChunkSize: r = E.multipartChunkSize, baseURL: n = "", secureSignature: o, secureExpire: l, store: a, signal: c, source: h = "local", integration: d, userAgent: f, retryThrottledRequestMaxTimes: m = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: p = E.retryNetworkErrorMaxTimes, metadata: g }) {
   return be(() => ge({
     method: "POST",
     url: le(n, "/multipart/start/", { jsonerrors: 1 }),
@@ -1267,14 +1267,14 @@ function un(s, { publicKey: i, contentType: e, fileName: t, multipartChunkSize:
       metadata: g
     }),
     signal: c
-  }).then(({ data: C, headers: E, request: w }) => {
-    const y = he(JSON.parse(C));
+  }).then(({ data: A, headers: w, request: C }) => {
+    const y = he(JSON.parse(A));
     if ("error" in y)
-      throw new D(y.error.content, y.error.errorCode, w, y, E);
+      throw new D(y.error.content, y.error.errorCode, C, y, w);
     return y.parts = Object.keys(y.parts).map((U) => y.parts[Number(U)]), y;
   }), { retryThrottledRequestMaxTimes: m, retryNetworkErrorMaxTimes: p });
 }
-function dn(s, i, { contentType: e, signal: t, onProgress: r, retryThrottledRequestMaxTimes: n = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: o = A.retryNetworkErrorMaxTimes }) {
+function un(s, i, { contentType: e, signal: t, onProgress: r, retryThrottledRequestMaxTimes: n = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: o = E.retryNetworkErrorMaxTimes }) {
   return be(() => ge({
     method: "PUT",
     url: i,
@@ -1293,7 +1293,7 @@ function dn(s, i, { contentType: e, signal: t, onProgress: r, retryThrottledRequ
     retryNetworkErrorMaxTimes: o
   });
 }
-function fn(s, { publicKey: i, baseURL: e = A.baseURL, source: t = "local", signal: r, integration: n, userAgent: o, retryThrottledRequestMaxTimes: l = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: a = A.retryNetworkErrorMaxTimes }) {
+function dn(s, { publicKey: i, baseURL: e = E.baseURL, source: t = "local", signal: r, integration: n, userAgent: o, retryThrottledRequestMaxTimes: l = E.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: a = E.retryNetworkErrorMaxTimes }) {
   return be(() => ge({
     method: "POST",
     url: le(e, "/multipart/complete/", { jsonerrors: 1 }),
@@ -1328,11 +1328,11 @@ function jt(s, { publicKey: i, baseURL: e, source: t, integration: r, userAgent:
     signal: a
   });
 }
-function pn(s) {
+function fn(s) {
   return "defaultEffects" in s;
 }
-class Ne {
-  constructor(i, { baseCDN: e = A.baseCDN, fileName: t } = {}) {
+class Fe {
+  constructor(i, { baseCDN: e = E.baseCDN, fileName: t } = {}) {
     u(this, "uuid");
     u(this, "name", null);
     u(this, "size", null);
@@ -1349,10 +1349,10 @@ class Ne {
     u(this, "s3Bucket", null);
     u(this, "defaultEffects", null);
     const { uuid: r, s3Bucket: n } = i, o = le(e, `${r}/`), l = n ? le(`https://${n}.s3.amazonaws.com/`, `${r}/${i.filename}`) : null;
-    this.uuid = r, this.name = t || i.filename, this.size = i.size, this.isStored = i.isStored, this.isImage = i.isImage, this.mimeType = i.mimeType, this.cdnUrl = o, this.originalFilename = i.originalFilename, this.imageInfo = i.imageInfo, this.videoInfo = i.videoInfo, this.contentInfo = i.contentInfo, this.metadata = i.metadata || null, this.s3Bucket = n || null, this.s3Url = l, pn(i) && (this.defaultEffects = i.defaultEffects);
+    this.uuid = r, this.name = t || i.filename, this.size = i.size, this.isStored = i.isStored, this.isImage = i.isImage, this.mimeType = i.mimeType, this.cdnUrl = o, this.originalFilename = i.originalFilename, this.imageInfo = i.imageInfo, this.videoInfo = i.videoInfo, this.contentInfo = i.contentInfo, this.metadata = i.metadata || null, this.s3Bucket = n || null, this.s3Url = l, fn(i) && (this.defaultEffects = i.defaultEffects);
   }
 }
-const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secureExpire: n, store: o, contentType: l, signal: a, onProgress: c, source: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m, retryNetworkErrorMaxTimes: p, baseCDN: g, metadata: C }) => on(s, {
+const pn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secureExpire: n, store: o, contentType: l, signal: a, onProgress: c, source: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m, retryNetworkErrorMaxTimes: p, baseCDN: g, metadata: A }) => nn(s, {
   publicKey: i,
   fileName: e,
   contentType: l,
@@ -1367,8 +1367,8 @@ const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secu
   userAgent: f,
   retryThrottledRequestMaxTimes: m,
   retryNetworkErrorMaxTimes: p,
-  metadata: C
-}).then(({ file: E }) => jt(E, {
+  metadata: A
+}).then(({ file: w }) => jt(w, {
   publicKey: i,
   baseURL: t,
   source: h,
@@ -1378,7 +1378,7 @@ const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secu
   retryNetworkErrorMaxTimes: p,
   onProgress: c,
   signal: a
-})).then((E) => new Ne(E, { baseCDN: g })), gn = (s, { publicKey: i, fileName: e, baseURL: t, signal: r, onProgress: n, source: o, integration: l, userAgent: a, retryThrottledRequestMaxTimes: c, retryNetworkErrorMaxTimes: h, baseCDN: d }) => os(s, {
+})).then((w) => new Fe(w, { baseCDN: g })), mn = (s, { publicKey: i, fileName: e, baseURL: t, signal: r, onProgress: n, source: o, integration: l, userAgent: a, retryThrottledRequestMaxTimes: c, retryNetworkErrorMaxTimes: h, baseCDN: d }) => os(s, {
   publicKey: i,
   baseURL: t,
   signal: r,
@@ -1387,10 +1387,10 @@ const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secu
   userAgent: a,
   retryThrottledRequestMaxTimes: c,
   retryNetworkErrorMaxTimes: h
-}).then((f) => new Ne(f, { baseCDN: d, fileName: e })).then((f) => (n && n({
+}).then((f) => new Fe(f, { baseCDN: d, fileName: e })).then((f) => (n && n({
   isComputable: !0,
   value: 1
-}), f)), bn = (s, { signal: i } = {}) => {
+}), f)), gn = (s, { signal: i } = {}) => {
   let e = null, t = null;
   const r = s.map(() => new AbortController()), n = (o) => () => {
     t = o, r.forEach((l, a) => a !== o && l.abort());
@@ -1406,8 +1406,8 @@ const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secu
     return o[t];
   });
 };
-var _n = window.WebSocket;
-class yn {
+var bn = window.WebSocket;
+class _n {
   constructor() {
     u(this, "events", /* @__PURE__ */ Object.create({}));
   }
@@ -1422,8 +1422,8 @@ class yn {
     e ? this.events[i] = this.events[i].filter((t) => t !== e) : this.events[i] = [];
   }
 }
-const vn = (s, i) => s === "success" ? { status: F.Success, ...i } : s === "progress" ? { status: F.Progress, ...i } : { status: F.Error, ...i };
-class Cn {
+const yn = (s, i) => s === "success" ? { status: N.Success, ...i } : s === "progress" ? { status: N.Progress, ...i } : { status: N.Error, ...i };
+class vn {
   constructor(i, e = 3e4) {
     u(this, "key");
     u(this, "disconnectTime");
@@ -1431,14 +1431,14 @@ class Cn {
     u(this, "queue", []);
     u(this, "isConnected", !1);
     u(this, "subscribers", 0);
-    u(this, "emmitter", new yn());
+    u(this, "emmitter", new _n());
     u(this, "disconnectTimeoutId", null);
     this.key = i, this.disconnectTime = e;
   }
   connect() {
     if (this.disconnectTimeoutId && clearTimeout(this.disconnectTimeoutId), !this.isConnected && !this.ws) {
       const i = `wss://ws.pusherapp.com/app/${this.key}?protocol=5&client=js&version=1.12.2`;
-      this.ws = new _n(i), this.ws.addEventListener("error", (e) => {
+      this.ws = new bn(i), this.ws.addEventListener("error", (e) => {
         this.emmitter.emit("error", new Error(e.message));
       }), this.emmitter.on("connected", () => {
         this.isConnected = !0, this.queue.forEach((e) => this.send(e.event, e.data)), this.queue = [];
@@ -1456,7 +1456,7 @@ class Cn {
           case "progress":
           case "success":
           case "fail":
-            this.emmitter.emit(t.channel, vn(t.event, JSON.parse(t.data)));
+            this.emmitter.emit(t.channel, yn(t.event, JSON.parse(t.data)));
         }
       });
     }
@@ -1499,15 +1499,15 @@ let Et = null;
 const Ht = (s) => {
   if (!Et) {
     const i = typeof window > "u" ? 0 : 3e4;
-    Et = new Cn(s, i);
+    Et = new vn(s, i);
   }
   return Et;
-}, wn = (s) => {
+}, Cn = (s) => {
   Ht(s).connect();
 };
-function En({ token: s, publicKey: i, baseURL: e, integration: t, userAgent: r, retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: o, onProgress: l, signal: a }) {
+function wn({ token: s, publicKey: i, baseURL: e, integration: t, userAgent: r, retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: o, onProgress: l, signal: a }) {
   return es({
-    check: (c) => cn(s, {
+    check: (c) => an(s, {
       publicKey: i,
       baseURL: e,
       integration: t,
@@ -1517,18 +1517,18 @@ function En({ token: s, publicKey: i, baseURL: e, integration: t, userAgent: r,
       signal: c
     }).then((h) => {
       switch (h.status) {
-        case F.Error:
+        case N.Error:
           return new D(h.error, h.errorCode);
-        case F.Waiting:
+        case N.Waiting:
           return !1;
-        case F.Unknown:
+        case N.Unknown:
           return new D(`Token "${s}" was not found.`);
-        case F.Progress:
+        case N.Progress:
           return l && (h.total === "unknown" ? l({ isComputable: !1 }) : l({
             isComputable: !0,
             value: h.done / h.total
           })), !1;
-        case F.Success:
+        case N.Success:
           return l && l({
             isComputable: !0,
             value: h.done / h.total
@@ -1540,7 +1540,7 @@ function En({ token: s, publicKey: i, baseURL: e, integration: t, userAgent: r,
     signal: a
   });
 }
-const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise((r, n) => {
+const En = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise((r, n) => {
   const o = Ht(i), l = o.onError(n), a = () => {
     l(), o.unsubscribe(s);
   };
@@ -1548,25 +1548,25 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
     a(), n(new Ae("pusher cancelled"));
   }), o.subscribe(s, (c) => {
     switch (c.status) {
-      case F.Progress: {
+      case N.Progress: {
         t && (c.total === "unknown" ? t({ isComputable: !1 }) : t({
           isComputable: !0,
           value: c.done / c.total
         }));
         break;
       }
-      case F.Success: {
+      case N.Success: {
         a(), t && t({
           isComputable: !0,
           value: c.done / c.total
         }), r(c);
         break;
       }
-      case F.Error:
+      case N.Error:
         a(), n(new D(c.msg, c.error_code));
     }
   });
-}), Tn = (s, { publicKey: i, fileName: e, baseURL: t, baseCDN: r, checkForUrlDuplicates: n, saveUrlForRecurrentUploads: o, secureSignature: l, secureExpire: a, store: c, signal: h, onProgress: d, source: f, integration: m, userAgent: p, retryThrottledRequestMaxTimes: g, pusherKey: C = A.pusherKey, metadata: E }) => Promise.resolve(wn(C)).then(() => ln(s, {
+}), An = (s, { publicKey: i, fileName: e, baseURL: t, baseCDN: r, checkForUrlDuplicates: n, saveUrlForRecurrentUploads: o, secureSignature: l, secureExpire: a, store: c, signal: h, onProgress: d, source: f, integration: m, userAgent: p, retryThrottledRequestMaxTimes: g, pusherKey: A = E.pusherKey, metadata: w }) => Promise.resolve(Cn(A)).then(() => on(s, {
   publicKey: i,
   fileName: e,
   baseURL: t,
@@ -1580,13 +1580,13 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   integration: m,
   userAgent: p,
   retryThrottledRequestMaxTimes: g,
-  metadata: E
-})).catch((w) => {
-  const y = Ht(C);
-  return y == null || y.disconnect(), Promise.reject(w);
-}).then((w) => w.type === Lt.FileInfo ? w : bn([
-  ({ signal: y }) => En({
-    token: w.token,
+  metadata: w
+})).catch((C) => {
+  const y = Ht(A);
+  return y == null || y.disconnect(), Promise.reject(C);
+}).then((C) => C.type === Pt.FileInfo ? C : gn([
+  ({ signal: y }) => wn({
+    token: C.token,
     publicKey: i,
     baseURL: t,
     integration: m,
@@ -1595,17 +1595,17 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
     onProgress: d,
     signal: y
   }),
-  ({ signal: y }) => An({
-    token: w.token,
-    pusherKey: C,
+  ({ signal: y }) => En({
+    token: C.token,
+    pusherKey: A,
     signal: y,
     onProgress: d
   })
-], { signal: h })).then((w) => {
-  if (w instanceof D)
-    throw w;
-  return w;
-}).then((w) => jt(w.uuid, {
+], { signal: h })).then((C) => {
+  if (C instanceof D)
+    throw C;
+  return C;
+}).then((C) => jt(C.uuid, {
   publicKey: i,
   baseURL: t,
   integration: m,
@@ -1613,7 +1613,7 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   retryThrottledRequestMaxTimes: g,
   onProgress: d,
   signal: h
-})).then((w) => new Ne(w, { baseCDN: r })), At = /* @__PURE__ */ new WeakMap(), $n = async (s) => {
+})).then((C) => new Fe(C, { baseCDN: r })), At = /* @__PURE__ */ new WeakMap(), Tn = async (s) => {
   if (At.has(s))
     return At.get(s);
   const i = await fetch(s.uri).then((e) => e.blob());
@@ -1622,15 +1622,15 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   if (pt(s) || ft(s))
     return s.size;
   if (mt(s))
-    return (await $n(s)).size;
+    return (await Tn(s)).size;
   throw new Error("Unknown file type. Cannot determine file size.");
-}, Sn = (s, i = A.multipartMinFileSize) => s >= i, as = (s) => {
+}, $n = (s, i = E.multipartMinFileSize) => s >= i, as = (s) => {
   const i = "[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}", e = new RegExp(i);
   return !Me(s) && e.test(s);
 }, Wt = (s) => {
   const i = "^(?:\\w+:)?\\/\\/([^\\s\\.]+\\.\\S{2}|localhost[\\:?\\d]*)\\S*$", e = new RegExp(i);
   return !Me(s) && e.test(s);
-}, xn = (s, i) => new Promise((e, t) => {
+}, Sn = (s, i) => new Promise((e, t) => {
   const r = [];
   let n = !1, o = i.length;
   const l = [...i], a = () => {
@@ -1643,10 +1643,10 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   };
   for (let c = 0; c < s; c++)
     a();
-}), In = (s, i, e, t) => {
+}), xn = (s, i, e, t) => {
   const r = t * i, n = Math.min(r + t, e);
   return s.slice(r, n);
-}, kn = async (s, i, e) => (t) => In(s, t, i, e), On = (s, i, { publicKey: e, contentType: t, onProgress: r, signal: n, integration: o, retryThrottledRequestMaxTimes: l, retryNetworkErrorMaxTimes: a }) => dn(s, i, {
+}, In = async (s, i, e) => (t) => xn(s, t, i, e), kn = (s, i, { publicKey: e, contentType: t, onProgress: r, signal: n, integration: o, retryThrottledRequestMaxTimes: l, retryNetworkErrorMaxTimes: a }) => un(s, i, {
   publicKey: e,
   contentType: t,
   onProgress: r,
@@ -1654,7 +1654,7 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   integration: o,
   retryThrottledRequestMaxTimes: l,
   retryNetworkErrorMaxTimes: a
-}), Ln = async (s, { publicKey: i, fileName: e, fileSize: t, baseURL: r, secureSignature: n, secureExpire: o, store: l, signal: a, onProgress: c, source: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m, retryNetworkErrorMaxTimes: p, contentType: g, multipartChunkSize: C = A.multipartChunkSize, maxConcurrentRequests: E = A.maxConcurrentRequests, baseCDN: w, metadata: y }) => {
+}), On = async (s, { publicKey: i, fileName: e, fileSize: t, baseURL: r, secureSignature: n, secureExpire: o, store: l, signal: a, onProgress: c, source: h, integration: d, userAgent: f, retryThrottledRequestMaxTimes: m, retryNetworkErrorMaxTimes: p, contentType: g, multipartChunkSize: A = E.multipartChunkSize, maxConcurrentRequests: w = E.maxConcurrentRequests, baseCDN: C, metadata: y }) => {
   const U = t ?? await ls(s);
   let ie;
   const ye = (O, R) => {
@@ -1669,7 +1669,7 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
       }));
     };
   };
-  return g || (g = rs(s)), un(U, {
+  return g || (g = rs(s)), hn(U, {
     publicKey: i,
     contentType: g,
     fileName: e || ns(s),
@@ -1685,10 +1685,10 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
     retryNetworkErrorMaxTimes: p,
     metadata: y
   }).then(async ({ uuid: O, parts: R }) => {
-    const W = await kn(s, U, C);
+    const W = await In(s, U, A);
     return Promise.all([
       O,
-      xn(E, R.map((K, se) => () => On(W(se), K, {
+      Sn(w, R.map((K, se) => () => kn(W(se), K, {
         publicKey: i,
         contentType: g,
         onProgress: ye(R.length, se),
@@ -1698,7 +1698,7 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
         retryNetworkErrorMaxTimes: p
       })))
     ]);
-  }).then(([O]) => fn(O, {
+  }).then(([O]) => dn(O, {
     publicKey: i,
     baseURL: r,
     source: h,
@@ -1716,15 +1716,15 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
     retryNetworkErrorMaxTimes: p,
     onProgress: c,
     signal: a
-  })).then((O) => new Ne(O, { baseCDN: w }));
+  })).then((O) => new Fe(O, { baseCDN: C }));
 };
-async function cs(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secureSignature: r, secureExpire: n, store: o, signal: l, onProgress: a, source: c, integration: h, userAgent: d, retryThrottledRequestMaxTimes: f, retryNetworkErrorMaxTimes: m, contentType: p, multipartMinFileSize: g, multipartChunkSize: C, maxConcurrentRequests: E, baseCDN: w = A.baseCDN, checkForUrlDuplicates: y, saveUrlForRecurrentUploads: U, pusherKey: ie, metadata: ye }) {
+async function cs(s, { publicKey: i, fileName: e, baseURL: t = E.baseURL, secureSignature: r, secureExpire: n, store: o, signal: l, onProgress: a, source: c, integration: h, userAgent: d, retryThrottledRequestMaxTimes: f, retryNetworkErrorMaxTimes: m, contentType: p, multipartMinFileSize: g, multipartChunkSize: A, maxConcurrentRequests: w, baseCDN: C = E.baseCDN, checkForUrlDuplicates: y, saveUrlForRecurrentUploads: U, pusherKey: ie, metadata: ye }) {
   if (Me(s)) {
     const O = await ls(s);
-    return Sn(O, g) ? Ln(s, {
+    return $n(O, g) ? On(s, {
       publicKey: i,
       contentType: p,
-      multipartChunkSize: C,
+      multipartChunkSize: A,
       fileSize: O,
       fileName: e,
       baseURL: t,
@@ -1736,12 +1736,12 @@ async function cs(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secure
       source: c,
       integration: h,
       userAgent: d,
-      maxConcurrentRequests: E,
+      maxConcurrentRequests: w,
       retryThrottledRequestMaxTimes: f,
       retryNetworkErrorMaxTimes: m,
-      baseCDN: w,
+      baseCDN: C,
       metadata: ye
-    }) : mn(s, {
+    }) : pn(s, {
       publicKey: i,
       fileName: e,
       contentType: p,
@@ -1756,16 +1756,16 @@ async function cs(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secure
       userAgent: d,
       retryThrottledRequestMaxTimes: f,
       retryNetworkErrorMaxTimes: m,
-      baseCDN: w,
+      baseCDN: C,
       metadata: ye
     });
   }
   if (Wt(s))
-    return Tn(s, {
+    return An(s, {
       publicKey: i,
       fileName: e,
       baseURL: t,
-      baseCDN: w,
+      baseCDN: C,
       checkForUrlDuplicates: y,
       saveUrlForRecurrentUploads: U,
       secureSignature: r,
@@ -1782,7 +1782,7 @@ async function cs(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secure
       metadata: ye
     });
   if (as(s))
-    return gn(s, {
+    return mn(s, {
       publicKey: i,
       fileName: e,
       baseURL: t,
@@ -1793,12 +1793,12 @@ async function cs(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secure
       userAgent: d,
       retryThrottledRequestMaxTimes: f,
       retryNetworkErrorMaxTimes: m,
-      baseCDN: w
+      baseCDN: C
     });
   throw new TypeError(`File uploading from "${s}" is not supported`);
 }
 class Pn {
-  constructor(i, { baseCDN: e = A.baseCDN } = {}) {
+  constructor(i, { baseCDN: e = E.baseCDN } = {}) {
     u(this, "uuid");
     u(this, "filesCount");
     u(this, "totalSize");
@@ -1810,34 +1810,34 @@ class Pn {
     u(this, "storedAt", null);
     this.uuid = i.id, this.filesCount = i.filesCount;
     const t = i.files.filter(Boolean);
-    this.totalSize = Object.values(t).reduce((r, n) => r + n.size, 0), this.isStored = !!i.datetimeStored, this.isImage = !!Object.values(t).filter((r) => r.isImage).length, this.cdnUrl = i.cdnUrl, this.files = t.map((r) => new Ne(r, { baseCDN: e })), this.createdAt = i.datetimeCreated, this.storedAt = i.datetimeStored;
+    this.totalSize = Object.values(t).reduce((r, n) => r + n.size, 0), this.isStored = !!i.datetimeStored, this.isImage = !!Object.values(t).filter((r) => r.isImage).length, this.cdnUrl = i.cdnUrl, this.files = t.map((r) => new Fe(r, { baseCDN: e })), this.createdAt = i.datetimeCreated, this.storedAt = i.datetimeStored;
   }
 }
-const Un = (s) => {
+const Ln = (s) => {
   for (const i of s)
     if (!Me(i))
       return !1;
   return !0;
-}, Rn = (s) => {
+}, Un = (s) => {
   for (const i of s)
     if (!as(i))
       return !1;
   return !0;
-}, Mn = (s) => {
+}, Rn = (s) => {
   for (const i of s)
     if (!Wt(i))
       return !1;
   return !0;
 };
-function Nn(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secureSignature: r, secureExpire: n, store: o, signal: l, onProgress: a, source: c, integration: h, userAgent: d, retryThrottledRequestMaxTimes: f, retryNetworkErrorMaxTimes: m, contentType: p, multipartChunkSize: g = A.multipartChunkSize, baseCDN: C = A.baseCDN, checkForUrlDuplicates: E, saveUrlForRecurrentUploads: w, jsonpCallback: y }) {
-  if (!Un(s) && !Mn(s) && !Rn(s))
+function Mn(s, { publicKey: i, fileName: e, baseURL: t = E.baseURL, secureSignature: r, secureExpire: n, store: o, signal: l, onProgress: a, source: c, integration: h, userAgent: d, retryThrottledRequestMaxTimes: f, retryNetworkErrorMaxTimes: m, contentType: p, multipartChunkSize: g = E.multipartChunkSize, baseCDN: A = E.baseCDN, checkForUrlDuplicates: w, saveUrlForRecurrentUploads: C, jsonpCallback: y }) {
+  if (!Ln(s) && !Rn(s) && !Un(s))
     throw new TypeError(`Group uploading from "${s}" is not supported`);
   let U, ie = !0;
   const ye = s.length, O = (R, W) => {
     if (!a)
       return;
     U || (U = Array(R).fill(0));
-    const K = (se) => se.reduce((wt, cr) => wt + cr) / R;
+    const K = (se) => se.reduce((wt, ar) => wt + ar) / R;
     return (se) => {
       if (!se.isComputable || !ie) {
         ie = !1, a({ isComputable: !1 });
@@ -1862,10 +1862,10 @@ function Nn(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secureSignat
     retryNetworkErrorMaxTimes: m,
     contentType: p,
     multipartChunkSize: g,
-    baseCDN: C,
-    checkForUrlDuplicates: E,
-    saveUrlForRecurrentUploads: w
-  }).then((K) => K.uuid) : R)).then((R) => hn(R, {
+    baseCDN: A,
+    checkForUrlDuplicates: w,
+    saveUrlForRecurrentUploads: C
+  }).then((K) => K.uuid) : R)).then((R) => cn(R, {
     publicKey: i,
     baseURL: t,
     jsonpCallback: y,
@@ -1877,7 +1877,7 @@ function Nn(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secureSignat
     userAgent: d,
     retryThrottledRequestMaxTimes: f,
     retryNetworkErrorMaxTimes: m
-  }).then((W) => new Pn(W, { baseCDN: C })).then((W) => (a && a({ isComputable: !0, value: 1 }), W)));
+  }).then((W) => new Pn(W, { baseCDN: A })).then((W) => (a && a({ isComputable: !0, value: 1 }), W)));
 }
 class Fn {
   constructor(i) {
@@ -1954,7 +1954,7 @@ const hs = () => ({
   /** @type {Set<string>} */
   "*uploadTrigger": /* @__PURE__ */ new Set()
 });
-function Dn(s, i) {
+function Nn(s, i) {
   [...s.querySelectorAll("[l10n]")].forEach((e) => {
     let t = e.getAttribute("l10n"), r = "textContent";
     if (t.includes(":")) {
@@ -1985,7 +1985,7 @@ class k extends ht {
       for (let t of e)
         t.isConnected && t.updateCssData();
     });
-    this.addTemplateProcessor(Dn), this.__l10nKeys = [];
+    this.addTemplateProcessor(Nn), this.__l10nKeys = [];
   }
   /**
    * @param {String} str
@@ -1995,7 +1995,7 @@ class k extends ht {
   l10n(e, t = {}) {
     if (!e)
       return "";
-    let r = this.getCssData("--l10n-" + e, !0) || e, n = Nr(r);
+    let r = this.getCssData("--l10n-" + e, !0) || e, n = Mr(r);
     for (let l of n)
       t[l.variable] = this.pluralize(
         l.pluralKey,
@@ -2081,7 +2081,7 @@ class k extends ht {
     super.disconnectedCallback(), nt.unregisterClient(this);
   }
   initCallback() {
-    this.$["*blocksRegistry"].add(this), this.$["*eventEmitter"] || (this.$["*eventEmitter"] = new Rr(this.debugPrint.bind(this)));
+    this.$["*blocksRegistry"].add(this), this.$["*eventEmitter"] || (this.$["*eventEmitter"] = new Ur(this.debugPrint.bind(this)));
   }
   destroyCallback() {
     let e = this.$["*blocksRegistry"];
@@ -2304,7 +2304,7 @@ b.activities = Object.freeze({
   EXTERNAL: "external",
   DETAILS: "details"
 });
-const zn = 20, Pt = 24, He = 34, fs = 3, Z = fs / 2, ve = 1, Je = 100 / 3, v = 1, Ai = 24, Vn = 6;
+const Dn = 20, Lt = 24, He = 34, fs = 3, Z = fs / 2, ve = 1, Je = 100 / 3, v = 1, Ai = 24, zn = 6;
 function Ie(s, i) {
   for (let e in i)
     s.setAttributeNS(null, e, i[e].toString());
@@ -2313,12 +2313,12 @@ function q(s, i = {}) {
   let e = document.createElementNS("http://www.w3.org/2000/svg", s);
   return Ie(e, i), e;
 }
-function Bn(s, i, e) {
+function Vn(s, i, e) {
   let { x: t, y: r, width: n, height: o } = s, l = i.includes("w") ? 0 : 1, a = i.includes("n") ? 0 : 1, c = [-1, 1][l], h = [-1, 1][a], d = [
     t + l * n + Z * c,
-    r + a * o + Z * h - Pt * e * h
+    r + a * o + Z * h - Lt * e * h
   ], f = [t + l * n + Z * c, r + a * o + Z * h], m = [
-    t + l * n - Pt * e * c + Z * c,
+    t + l * n - Lt * e * c + Z * c,
     r + a * o + Z * h
   ];
   return {
@@ -2326,7 +2326,7 @@ function Bn(s, i, e) {
     center: f
   };
 }
-function jn(s, i, e) {
+function Bn(s, i, e) {
   let { x: t, y: r, width: n, height: o } = s, l = ["n", "s"].includes(i) ? 0.5 : { w: 0, e: 1 }[
     /** @type {Extract<import('./types.js').Direction, 'w' | 'e'>} */
     i
@@ -2338,10 +2338,10 @@ function jn(s, i, e) {
   let m = `M ${d[0]} ${d[1]} L ${f[0]} ${f[1]}`, p = [f[0] - (f[0] - d[0]) / 2, f[1] - (f[1] - d[1]) / 2];
   return { d: m, center: p };
 }
-function Hn(s) {
+function jn(s) {
   return s === "" ? "move" : ["e", "w"].includes(s) ? "ew-resize" : ["n", "s"].includes(s) ? "ns-resize" : ["nw", "se"].includes(s) ? "nwse-resize" : "nesw-resize";
 }
-function Wn({ rect: s, delta: [i, e], imageBox: t }) {
+function Hn({ rect: s, delta: [i, e], imageBox: t }) {
   return lt(
     {
       ...s,
@@ -2359,86 +2359,86 @@ function lt(s, i) {
     y: t
   };
 }
-function qn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Wn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   const [, r] = i;
   let { y: n, width: o, height: l } = s;
   n += r, l -= r, e && (o = l * e);
   let a = s.x + s.width / 2 - o / 2;
   return n <= t.y && (n = t.y, l = s.y + s.height - n, e && (o = l * e, a = s.x + s.width / 2 - o / 2)), a <= t.x && (a = t.x, n = s.y + s.height - l), a + o >= t.x + t.width && (a = Math.max(t.x, t.x + t.width - o), o = t.x + t.width - a, e && (l = o / e), n = s.y + s.height - l), l < v && (l = v, e && (o = l * e, a = s.x + s.width / 2 - o / 2), n = s.y + s.height - l), o < v && (o = v, e && (l = o / e, a = s.x + s.width / 2 - o / 2), n = s.y + s.height - l), { x: a, y: n, width: o, height: l };
 }
-function Gn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function qn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   const [r] = i;
   let { x: n, width: o, height: l } = s;
   n += r, o -= r, e && (l = o / e);
   let a = s.y + s.height / 2 - l / 2;
   return n <= t.x && (n = t.x, o = s.x + s.width - n, e && (l = o / e, a = s.y + s.height / 2 - l / 2)), a <= t.y && (a = t.y, n = s.x + s.width - o), a + l >= t.y + t.height && (a = Math.max(t.y, t.y + t.height - l), l = t.y + t.height - a, e && (o = l * e), n = s.x + s.width - o), l < v && (l = v, e && (o = l * e), a = s.y + s.height / 2 - l / 2, n = s.x + s.width - o), o < v && (o = v, e && (l = o / e), a = s.y + s.height / 2 - l / 2, n = s.x + s.width - o), { x: n, y: a, width: o, height: l };
 }
-function Xn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Gn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   const [, r] = i;
   let { y: n, width: o, height: l } = s;
   l += r, e && (o = l * e);
   let a = s.x + s.width / 2 - o / 2;
   return n + l >= t.y + t.height && (l = t.y + t.height - n, e && (o = l * e), a = s.x + s.width / 2 - o / 2), a <= t.x && (a = t.x, n = s.y), a + o >= t.x + t.width && (a = Math.max(t.x, t.x + t.width - o), o = t.x + t.width - a, e && (l = o / e), n = s.y), l < v && (l = v, e && (o = l * e), a = s.x + s.width / 2 - o / 2), o < v && (o = v, e && (l = o / e), a = s.x + s.width / 2 - o / 2), { x: a, y: n, width: o, height: l };
 }
-function Kn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Xn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   const [r] = i;
   let { x: n, width: o, height: l } = s;
   o += r, e && (l = o / e);
   let a = s.y + s.height / 2 - l / 2;
   return n + o >= t.x + t.width && (o = t.x + t.width - n, e && (l = o / e), a = s.y + s.height / 2 - l / 2), a <= t.y && (a = t.y, n = s.x), a + l >= t.y + t.height && (a = Math.max(t.y, t.y + t.height - l), l = t.y + t.height - a, e && (o = l * e), n = s.x), l < v && (l = v, e && (o = l * e), a = s.y + s.height / 2 - l / 2), o < v && (o = v, e && (l = o / e), a = s.y + s.height / 2 - l / 2), { x: n, y: a, width: o, height: l };
 }
-function Yn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Kn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   let [r, n] = i, { x: o, y: l, width: a, height: c } = s;
   return o + r < t.x && (r = t.x - o), l + n < t.y && (n = t.y - l), o += r, a -= r, l += n, c -= n, e && Math.abs(a / c) > e ? (n = a / e - c, c += n, l -= n, l <= t.y && (c = c - (t.y - l), a = c * e, o = s.x + s.width - a, l = t.y)) : e && (r = c * e - a, a = a + r, o -= r, o <= t.x && (a = a - (t.x - o), c = a / e, o = t.x, l = s.y + s.height - c)), c < v && (c = v, e && (a = c * e), o = s.x + s.width - a, l = s.y + s.height - c), a < v && (a = v, e && (c = a / e), o = s.x + s.width - a, l = s.y + s.height - c), { x: o, y: l, width: a, height: c };
 }
-function Jn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Yn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   let [r, n] = i, { x: o, y: l, width: a, height: c } = s;
   return o + a + r > t.x + t.width && (r = t.x + t.width - o - a), l + n < t.y && (n = t.y - l), a += r, l += n, c -= n, e && Math.abs(a / c) > e ? (n = a / e - c, c += n, l -= n, l <= t.y && (c = c - (t.y - l), a = c * e, o = s.x, l = t.y)) : e && (r = c * e - a, a += r, o + a >= t.x + t.width && (a = t.x + t.width - o, c = a / e, o = t.x + t.width - a, l = s.y + s.height - c)), c < v && (c = v, e && (a = c * e), l = s.y + s.height - c), a < v && (a = v, e && (c = a / e), l = s.y + s.height - c), { x: o, y: l, width: a, height: c };
 }
-function Zn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Jn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   let [r, n] = i, { x: o, y: l, width: a, height: c } = s;
   return o + r < t.x && (r = t.x - o), l + c + n > t.y + t.height && (n = t.y + t.height - l - c), o += r, a -= r, c += n, e && Math.abs(a / c) > e ? (n = a / e - c, c += n, l + c >= t.y + t.height && (c = t.y + t.height - l, a = c * e, o = s.x + s.width - a, l = t.y + t.height - c)) : e && (r = c * e - a, a += r, o -= r, o <= t.x && (a = a - (t.x - o), c = a / e, o = t.x, l = s.y)), c < v && (c = v, e && (a = c * e), o = s.x + s.width - a), a < v && (a = v, e && (c = a / e), o = s.x + s.width - a), { x: o, y: l, width: a, height: c };
 }
-function Qn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
+function Zn({ rect: s, delta: i, aspectRatio: e, imageBox: t }) {
   let [r, n] = i, { x: o, y: l, width: a, height: c } = s;
   return o + a + r > t.x + t.width && (r = t.x + t.width - o - a), l + c + n > t.y + t.height && (n = t.y + t.height - l - c), a += r, c += n, e && Math.abs(a / c) > e ? (n = a / e - c, c += n, l + c >= t.y + t.height && (c = t.y + t.height - l, a = c * e, o = s.x, l = t.y + t.height - c)) : e && (r = c * e - a, a += r, o + a >= t.x + t.width && (a = t.x + t.width - o, c = a / e, o = t.x + t.width - a, l = s.y)), c < v && (c = v, e && (a = c * e)), a < v && (a = v, e && (c = a / e)), { x: o, y: l, width: a, height: c };
 }
-function eo({ direction: s, ...i }) {
+function Qn({ direction: s, ...i }) {
   switch (s) {
     case "n":
-      return qn(i);
+      return Wn(i);
     case "w":
-      return Gn(i);
+      return qn(i);
     case "s":
-      return Xn(i);
+      return Gn(i);
     case "e":
-      return Kn(i);
+      return Xn(i);
     case "nw":
-      return Yn(i);
+      return Kn(i);
     case "ne":
-      return Jn(i);
+      return Yn(i);
     case "sw":
-      return Zn(i);
+      return Jn(i);
     case "se":
-      return Qn(i);
+      return Zn(i);
     default:
       return i.rect;
   }
 }
-function to(s, [i, e]) {
+function eo(s, [i, e]) {
   return s.x <= i && i <= s.x + s.width && s.y <= e && e <= s.y + s.height;
 }
-function io(s, i) {
+function to(s, i) {
   return s.x >= i.x && s.y >= i.y && s.x + s.width <= i.x + i.width && s.y + s.height <= i.y + i.height;
 }
-function so(s, i) {
+function io(s, i) {
   return Math.abs(s.width / s.height - i) < 0.1;
 }
 function ze({ width: s, height: i }, e) {
   let t = e / 90 % 2 !== 0;
   return { width: t ? i : s, height: t ? s : i };
 }
-function ro(s, i, e) {
+function so(s, i, e) {
   const t = s / i;
   let r, n;
   t > e ? (r = Math.round(i * e), n = i) : (r = s, n = Math.round(s / e));
@@ -2472,8 +2472,8 @@ const ps = (s) => {
   CAMERA: "camera",
   EXTERNAL: "external",
   API: "js-api"
-}), no = (s) => s ? s.split(",").map((i) => i.trim()) : [], qt = (s) => s ? s.join(",") : "", Gt = "blocks", bt = "0.36.0";
-function oo(s) {
+}), ro = (s) => s ? s.split(",").map((i) => i.trim()) : [], qt = (s) => s ? s.join(",") : "", Gt = "blocks", bt = "0.36.0";
+function no(s) {
   return Qi({
     ...s,
     libraryName: Gt,
@@ -2500,12 +2500,12 @@ function bs(s) {
   let i = new URL(s), e = i.pathname + i.search + i.hash, t = e.lastIndexOf("http"), r = e.lastIndexOf("/"), n = "";
   return t >= 0 ? n = e.slice(t) : r >= 0 && (n = e.slice(r + 1)), n;
 }
-function lo(s) {
+function oo(s) {
   let i = new URL(s), { pathname: e } = i;
   const t = e.indexOf("/"), r = e.indexOf("/", t + 1);
   return e.substring(t + 1, r);
 }
-function ao(s) {
+function lo(s) {
   let i = _s(s), e = new URL(i), t = e.pathname.indexOf("/-/");
   return t === -1 ? [] : e.pathname.substring(t).split("/-/").filter(Boolean).map((n) => gs(n));
 }
@@ -2549,7 +2549,7 @@ const V = (s, i, e) => {
   ".heics",
   ".avif",
   ".avifs"
-], Ti = (s) => s ? s.filter((i) => typeof i == "string").map((i) => ce(i)).flat() : [], Cs = (s, i) => i.some((e) => e.endsWith("*") ? (e = e.replace("*", ""), s.startsWith(e)) : s === e), co = (s, i) => i.some((e) => e.startsWith(".") ? s.toLowerCase().endsWith(e.toLowerCase()) : !1), Rt = (s) => {
+], Ti = (s) => s ? s.filter((i) => typeof i == "string").map((i) => ce(i)).flat() : [], Cs = (s, i) => i.some((e) => e.endsWith("*") ? (e = e.replace("*", ""), s.startsWith(e)) : s === e), ao = (s, i) => i.some((e) => e.startsWith(".") ? s.toLowerCase().endsWith(e.toLowerCase()) : !1), Rt = (s) => {
   let i = s == null ? void 0 : s.type;
   return i ? Cs(i, Ut) : !1;
 }, Y = 1e3, Ce = Object.freeze({
@@ -2560,7 +2560,7 @@ const V = (s, i, e) => {
   GB: "gb",
   TB: "tb",
   PB: "pb"
-}), Ve = (s) => Math.ceil(s * 100) / 100, ho = (s, i = Ce.AUTO) => {
+}), Ve = (s) => Math.ceil(s * 100) / 100, co = (s, i = Ce.AUTO) => {
   const e = i === Ce.AUTO;
   if (i === Ce.BYTE || e && s < Y ** 1) {
     const t = (
@@ -2573,8 +2573,8 @@ const V = (s, i, e) => {
     return `${s} ${r}`;
   }
   return i === Ce.KB || e && s < Y ** 2 ? `${Ve(s / Y ** 1)} KB` : i === Ce.MB || e && s < Y ** 3 ? `${Ve(s / Y ** 2)} MB` : i === Ce.GB || e && s < Y ** 4 ? `${Ve(s / Y ** 3)} GB` : i === Ce.TB || e && s < Y ** 5 ? `${Ve(s / Y ** 4)} TB` : `${Ve(s / Y ** 5)} PB`;
-}, $i = "[Typed State] Wrong property name: ", uo = "[Typed State] Wrong property type: ";
-class fo {
+}, $i = "[Typed State] Wrong property name: ", ho = "[Typed State] Wrong property type: ";
+class uo {
   /**
    * @param {Object<string, { type: any; value: any; nullable?: Boolean }>} typedSchema
    * @param {String} [ctxName]
@@ -2600,7 +2600,7 @@ class fo {
       this.__data.pub(i, e);
       return;
     }
-    console.warn(uo + i);
+    console.warn(ho + i);
   }
   /** @param {Object<string, any>} updObj */
   setMultipleValues(i) {
@@ -2626,7 +2626,7 @@ class fo {
     T.deleteCtx(this.__ctxId);
   }
 }
-class po {
+class fo {
   /**
    * @param {Object} options
    * @param {Object<string, { type: any; value: any }>} options.typedSchema
@@ -2669,7 +2669,7 @@ class po {
    * @returns {string}
    */
   add(i) {
-    let e = new fo(this.__typedSchema);
+    let e = new uo(this.__typedSchema);
     for (let t in i)
       e.setValue(t, i[t]);
     return this.__items.add(e.uid), this.notify(), this.__data.add(e.uid, e), this.__added.add(e), this.__watchList.forEach((t) => {
@@ -2749,7 +2749,7 @@ class po {
       }), delete this.__subsMap[i];
   }
 }
-const mo = (s) => {
+const po = (s) => {
   const i = /* @__PURE__ */ new Map();
   return (
     /** @type {T} */
@@ -2762,7 +2762,7 @@ const mo = (s) => {
     }
   );
 };
-function go(s) {
+function mo(s) {
   let i = !1;
   return setTimeout(() => {
     i = !0;
@@ -2771,7 +2771,7 @@ function go(s) {
     (...r) => (i && ot(s), t(...r))
   );
 }
-function bo(s) {
+function go(s) {
   const i = {
     /** @returns {number} */
     progress: () => s.$["*commonProgress"],
@@ -2796,14 +2796,14 @@ function bo(s) {
     /** @type {import('../index.js').OutputCollectionState<TCollectionStatus, TGroupFlag>} */
     /** @type {unknown} */
     {}
-  ), t = go(
+  ), t = mo(
     "You're trying to access the OutputCollectionState asynchronously. In this case, the data you retrieve will be newer than it was when the OutputCollectionState was created or when the event was dispatched. If you want to retain the state at a specific moment in time, you should use the spread operator like this: `{...outputCollectionState}` or `{...e.detail}`"
   );
   for (const [r, n] of Object.entries(i)) {
     const o = (
       /** @type {keyof typeof getters} */
       r
-    ), a = mo(t(
+    ), a = po(t(
       /** @type {(typeof getters)[name]} */
       n
     ));
@@ -2814,7 +2814,7 @@ function bo(s) {
   }
   return e;
 }
-const _o = Object.freeze({
+const bo = Object.freeze({
   file: {
     type: File,
     value: null
@@ -2867,7 +2867,7 @@ const _o = Object.freeze({
     value: null
   },
   fileInfo: {
-    type: Ne,
+    type: Fe,
     value: null
   },
   isUploading: {
@@ -2916,11 +2916,11 @@ const _o = Object.freeze({
     type: Boolean,
     value: !1
   }
-}), yo = /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i, vo = new RegExp(`^/?(${yo.source})(?:/(-/(?:[^/]+/)+)?([^/]*))?$`, "i"), Co = ({ url: s, cdnBase: i }) => {
+}), _o = /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i, yo = new RegExp(`^/?(${_o.source})(?:/(-/(?:[^/]+/)+)?([^/]*))?$`, "i"), vo = ({ url: s, cdnBase: i }) => {
   const e = new URL(i), t = new URL(s);
   if (e.host !== t.host)
     return null;
-  const [, r, n, o] = vo.exec(t.pathname);
+  const [, r, n, o] = yo.exec(t.pathname);
   return {
     uuid: r,
     cdnUrlModifiers: n || "",
@@ -3128,8 +3128,8 @@ class $ extends b {
   }
   initCallback() {
     if (super.initCallback(), !this.$["*uploadCollection"]) {
-      let e = new po({
-        typedSchema: _o,
+      let e = new fo({
+        typedSchema: bo,
         watchList: ["uploadProgress", "uploadError", "fileInfo", "errors", "cdnUrl", "isUploading"]
       });
       this.$["*uploadCollection"] = e;
@@ -3186,7 +3186,7 @@ class $ extends b {
    * @returns {import('../types').OutputFileEntry<'idle'>}
    */
   addFileFromCdnUrl(e, { silent: t, fileName: r, source: n } = {}) {
-    const o = Co({ url: e, cdnBase: this.cfg.cdnCname });
+    const o = vo({ url: e, cdnBase: this.cfg.cdnCname });
     if (!o)
       throw new Error("Invalid CDN URL");
     const l = this.uploadCollection.add({
@@ -3303,7 +3303,7 @@ class $ extends b {
     const o = e.mimeType, l = e.name;
     if (!o || !l)
       return;
-    const a = Cs(o, n), c = co(l, n);
+    const a = Cs(o, n), c = ao(l, n);
     if (!a && !c)
       return Se({
         type: "FORBIDDEN_FILE_TYPE",
@@ -3320,7 +3320,7 @@ class $ extends b {
     if (t && r && r > t)
       return Se({
         type: "FILE_SIZE_EXCEEDED",
-        message: this.l10n("files-max-size-limit-error", { maxFileSize: ho(t) }),
+        message: this.l10n("files-max-size-limit-error", { maxFileSize: co(t) }),
         entry: e
       });
   }
@@ -3414,7 +3414,7 @@ class $ extends b {
    * @param {import('../types').OutputCollectionState} collectionState
    */
   async _createGroup(e) {
-    const t = this.getUploadClientOptions(), r = e.allEntries.map((a) => a.uuid + (a.cdnUrlModifiers ? `/${a.cdnUrlModifiers}` : "")), n = new AbortController(), o = await Nn(r, { ...t, signal: n.signal });
+    const t = this.getUploadClientOptions(), r = e.allEntries.map((a) => a.uuid + (a.cdnUrlModifiers ? `/${a.cdnUrlModifiers}` : "")), n = new AbortController(), o = await Mn(r, { ...t, signal: n.signal });
     if (this.$["*collectionState"] !== e) {
       n.abort();
       return;
@@ -3437,7 +3437,7 @@ class $ extends b {
         }
       ).map((n) => this.uploadCollection.read(n));
       for (const n of r) {
-        const o = n.getValue("fileInfo"), { width: l, height: a } = o.imageInfo, c = t.width / t.height, h = ro(l, a, c), d = ae(
+        const o = n.getValue("fileInfo"), { width: l, height: a } = o.imageInfo, c = t.width / t.height, h = so(l, a, c), d = ae(
           `crop/${h.width}x${h.height}/${h.x},${h.y}`,
           "preview"
         );
@@ -3468,7 +3468,7 @@ class $ extends b {
       publicKey: this.cfg.pubkey,
       baseCDN: this.cfg.cdnCname,
       baseURL: this.cfg.baseUrl,
-      userAgent: oo,
+      userAgent: no,
       integration: this.cfg.userAgentIntegration,
       secureSignature: this.cfg.secureSignature,
       secureExpire: this.cfg.secureExpire,
@@ -3529,7 +3529,7 @@ class $ extends b {
   getOutputCollectionState() {
     return (
       /** @type {ReturnType<typeof buildOutputCollectionState<TStatus>>} */
-      bo(this)
+      go(this)
     );
   }
 }
@@ -3585,7 +3585,7 @@ const j = Object.freeze({
     "crop"
   ]
 );
-function wo(s, i) {
+function Co(s, i) {
   if (typeof i == "number") {
     const e = i;
     return j[s] !== e ? `${s}/${e}` : "";
@@ -3616,14 +3616,14 @@ function _t(s) {
       (i) => typeof s[i] < "u" && s[i] !== null
     ).map((i) => {
       let e = s[i];
-      return wo(i, e);
+      return Co(i, e);
     }).filter((i) => !!i)
   );
 }
-const Es = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ? Number(s) : void 0, Si = () => !0, Eo = ([s, i]) => ({
+const Es = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ? Number(s) : void 0, Si = () => !0, wo = ([s, i]) => ({
   name: s,
   amount: typeof i < "u" ? Number(i) : 100
-}), Ao = ([s, i]) => {
+}), Eo = ([s, i]) => {
   if (!/\d+x\d+/.test(s) || !/\d+,\d+/.test(i))
     throw new Error("Crop by aspect ratio, percentage or alignment shortcuts is not supported.");
   return (
@@ -3633,7 +3633,7 @@ const Es = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ?
       coords: ce(i).map(Number)
     }
   );
-}, To = Object.freeze({
+}, Ao = Object.freeze({
   enhance: ne,
   brightness: ne,
   exposure: ne,
@@ -3642,13 +3642,13 @@ const Es = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ?
   saturation: ne,
   vibrance: ne,
   warmth: ne,
-  filter: Eo,
+  filter: wo,
   mirror: Si,
   flip: Si,
   rotate: ne,
-  crop: Ao
+  crop: Eo
 });
-function $o(s) {
+function To(s) {
   const i = {};
   for (const e of s) {
     const [t, ...r] = e.split("/");
@@ -3657,7 +3657,7 @@ function $o(s) {
     const n = (
       /** @type {(typeof SUPPORTED_OPERATIONS_ORDERED)[number]} */
       t
-    ), o = To[n];
+    ), o = Ao[n];
     try {
       const l = o(r);
       i[n] = l;
@@ -3677,11 +3677,11 @@ function $o(s) {
     i
   );
 }
-const P = Object.freeze({
+const L = Object.freeze({
   CROP: "crop",
   TUNING: "tuning",
   FILTERS: "filters"
-}), ee = [P.CROP, P.TUNING, P.FILTERS], So = [
+}), ee = [L.CROP, L.TUNING, L.FILTERS], $o = [
   "brightness",
   "exposure",
   "gamma",
@@ -3690,7 +3690,7 @@ const P = Object.freeze({
   "vibrance",
   "warmth",
   "enhance"
-], xo = [
+], So = [
   "adaris",
   "briaril",
   "calarel",
@@ -3731,7 +3731,7 @@ const P = Object.freeze({
   "yllara",
   "zatvel",
   "zevcen"
-], Io = ["rotate", "mirror", "flip"], Ue = Object.freeze({
+], xo = ["rotate", "mirror", "flip"], Ue = Object.freeze({
   brightness: {
     zero: j.brightness,
     range: [-100, 100],
@@ -3777,7 +3777,7 @@ const P = Object.freeze({
     range: [0, 100],
     keypointsNumber: 1
   }
-}), ko = "https://ucarecdn.com", Oo = "https://upload.uploadcare.com", Lo = "https://social.uploadcare.com", Oe = {
+}), Io = "https://ucarecdn.com", ko = "https://upload.uploadcare.com", Oo = "https://social.uploadcare.com", Oe = {
   pubkey: "",
   multiple: !0,
   multipleMin: 0,
@@ -3803,9 +3803,9 @@ const P = Object.freeze({
   modalBackdropStrokes: !1,
   sourceListWrap: !0,
   remoteTabSessionKey: "",
-  cdnCname: ko,
-  baseUrl: Oo,
-  socialBaseUrl: Lo,
+  cdnCname: Io,
+  baseUrl: ko,
+  socialBaseUrl: Oo,
   secureSignature: "",
   secureExpire: "",
   secureDeliveryProxy: "",
@@ -3821,7 +3821,7 @@ const P = Object.freeze({
   userAgentIntegration: "",
   debug: !1,
   metadata: null
-}, L = (s) => String(s), J = (s) => {
+}, P = (s) => String(s), J = (s) => {
   const i = Number(s);
   if (Number.isNaN(i))
     throw new Error(`Invalid number: "${s}"`);
@@ -3836,43 +3836,43 @@ const P = Object.freeze({
   if (s === "false")
     return !1;
   throw new Error(`Invalid boolean: "${s}"`);
-}, Po = (s) => s === "auto" ? s : x(s), Uo = (s) => {
-  const i = L(s);
+}, Po = (s) => s === "auto" ? s : x(s), Lo = (s) => {
+  const i = P(s);
   if (i !== "user" && i !== "environment" && i !== "")
     throw new Error(`Invalid "cameraCapture" value: "${i}"`);
   return i;
-}, Ro = {
-  pubkey: L,
+}, Uo = {
+  pubkey: P,
   multiple: x,
   multipleMin: J,
   multipleMax: J,
   confirmUpload: x,
   imgOnly: x,
-  accept: L,
-  externalSourcesPreferredTypes: L,
+  accept: P,
+  externalSourcesPreferredTypes: P,
   store: Po,
   cameraMirror: x,
-  cameraCapture: Uo,
-  sourceList: L,
+  cameraCapture: Lo,
+  sourceList: P,
   maxLocalFileSizeBytes: J,
   thumbSize: J,
   showEmptyList: x,
   useLocalImageEditor: x,
   useCloudImageEditor: x,
-  cloudImageEditorTabs: L,
+  cloudImageEditorTabs: P,
   removeCopyright: x,
-  cropPreset: L,
-  imageShrink: L,
+  cropPreset: P,
+  imageShrink: P,
   modalScrollLock: x,
   modalBackdropStrokes: x,
   sourceListWrap: x,
-  remoteTabSessionKey: L,
-  cdnCname: L,
-  baseUrl: L,
-  socialBaseUrl: L,
-  secureSignature: L,
-  secureExpire: L,
-  secureDeliveryProxy: L,
+  remoteTabSessionKey: P,
+  cdnCname: P,
+  baseUrl: P,
+  socialBaseUrl: P,
+  secureSignature: P,
+  secureExpire: P,
+  secureDeliveryProxy: P,
   retryThrottledRequestMaxTimes: J,
   multipartMinFileSize: J,
   multipartChunkSize: J,
@@ -3882,28 +3882,28 @@ const P = Object.freeze({
   checkForUrlDuplicates: x,
   saveUrlForRecurrentUploads: x,
   groupOutput: x,
-  userAgentIntegration: L,
+  userAgentIntegration: P,
   debug: x
-}, Mo = (s, i) => {
+}, Ro = (s, i) => {
   if (!(typeof i > "u" || i === null))
     try {
-      return Ro[s](i);
+      return Uo[s](i);
     } catch (e) {
       return console.error(`Invalid value for config key "${s}".`, e), Oe[s];
     }
 }, Re = (
   /** @type {(keyof import('../../types').ConfigType)[]} */
   Object.keys(Oe)
-), No = ["metadata"], Fo = (s) => No.includes(s), at = (
+), Mo = ["metadata"], Fo = (s) => Mo.includes(s), at = (
   /** @type {(keyof import('../../types').ConfigPlainType)[]} */
   Re.filter((s) => !Fo(s))
-), Do = (
+), No = (
   /** @type {Record<keyof import('../../types').ConfigAttributesType, keyof import('../../types').ConfigPlainType>} */
   {
     ...Object.fromEntries(at.map((s) => [we(s), s])),
     ...Object.fromEntries(at.map((s) => [s.toLowerCase(), s]))
   }
-), zo = (
+), Do = (
   /** @type {Record<keyof import('../../types').ConfigAttributesType, string>} */
   {
     ...Object.fromEntries(Re.map((s) => [we(s), z(s)])),
@@ -3972,14 +3972,14 @@ class Kt extends k {
   attributeChangedCallback(e, t, r) {
     if (t === r)
       return;
-    const n = Do[e], l = Mo(n, r) ?? Oe[n], a = (
+    const n = No[e], l = Ro(n, r) ?? Oe[n], a = (
       /** @type {typeof this & any} */
       this
     );
     a[n] = l;
   }
 }
-Kt.bindAttributes(zo);
+Kt.bindAttributes(Do);
 for (const s of Re) {
   const i = "__" + s;
   Object.defineProperty(Kt.prototype, s, {
@@ -4031,7 +4031,7 @@ Yt.bindAttributes({
   name: "name",
   size: "size"
 });
-const Vo = (s) => [...new Set(s)], Bo = (s) => Object.entries(s).filter(([i, e]) => e !== void 0 && e !== "").map(([i, e]) => i === "cdn-operations" || i === "analytics" ? e : `${i}/${e}`), jo = "https://ucarecdn.com", ct = Object.freeze({
+const zo = (s) => [...new Set(s)], Vo = (s) => Object.entries(s).filter(([i, e]) => e !== void 0 && e !== "").map(([i, e]) => i === "cdn-operations" || i === "analytics" ? e : `${i}/${e}`), Bo = "https://ucarecdn.com", ct = Object.freeze({
   "dev-mode": {},
   pubkey: {},
   uuid: {},
@@ -4046,7 +4046,7 @@ const Vo = (s) => [...new Set(s)], Bo = (s) => Object.entries(s).filter(([i, e])
     // '200, 300, 400'
   },
   "cdn-cname": {
-    default: jo
+    default: Bo
   },
   "proxy-cname": {},
   "secure-delivery-proxy": {},
@@ -4063,14 +4063,14 @@ const Vo = (s) => [...new Set(s)], Bo = (s) => Object.entries(s).filter(([i, e])
   "is-preview-blur": {
     default: 1
   }
-}), We = "--lr-img-", xi = "unresolved", Ze = 2, Qe = 3, Ii = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), ki = 3e3, Oi = 5e3, Li = Object.freeze({
+}), We = "--lr-img-", xi = "unresolved", Ze = 2, Qe = 3, Ii = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), ki = 3e3, Oi = 5e3, Pi = Object.freeze({
   PREVIEW: "PREVIEW",
   MAIN: "MAIN"
 }), Ts = /* @__PURE__ */ Object.create(null);
 var Hi;
 for (let s in ct)
   Ts[We + s] = ((Hi = ct[s]) == null ? void 0 : Hi.default) || "";
-class Ho extends ht {
+class jo extends ht {
   constructor() {
     super(...arguments);
     u(this, "cssInit$", Ts);
@@ -4133,7 +4133,7 @@ class Ho extends ht {
     });
   }
 }
-class Wo extends Ho {
+class Ho extends jo {
   constructor() {
     super(...arguments);
     u(this, "_img", new Image());
@@ -4178,7 +4178,7 @@ class Wo extends Ho {
       "cdn-operations": this.$$("cdn-operations"),
       analytics: this.analyticsParams()
     };
-    return ae(...Bo(r));
+    return ae(...Vo(r));
   }
   /**
    * @private
@@ -4266,10 +4266,10 @@ class Wo extends Ho {
   }
   get currentImg() {
     return this.hasPreviewImage ? {
-      type: Li.PREVIEW,
+      type: Pi.PREVIEW,
       img: this._imgPreview
     } : {
-      type: Li.MAIN,
+      type: Pi.MAIN,
       img: this.img
     };
   }
@@ -4282,7 +4282,7 @@ class Wo extends Ho {
   get breakpoints() {
     if (this.$$("breakpoints")) {
       const e = ce(this.$$("breakpoints"));
-      return Vo(e.map((t) => parseInt(t, 10)));
+      return zo(e.map((t) => parseInt(t, 10)));
     } else
       return null;
   }
@@ -4369,7 +4369,7 @@ class Wo extends Ho {
     this.bgSelector ? this.renderBackground() : this.renderImage();
   }
 }
-class qo extends Wo {
+class Wo extends Ho {
   initCallback() {
     super.initCallback(), this.sub$$("src", () => {
       this.init();
@@ -4433,7 +4433,7 @@ class $s extends b {
 }
 $s.template = /* HTML */
 ' <div class="content"><slot></slot></div> ';
-function Go(s) {
+function qo(s) {
   return new Promise((i) => {
     typeof window.FileReader != "function" && i(!1);
     try {
@@ -4450,7 +4450,7 @@ function Go(s) {
     }
   });
 }
-function Xo(s, i) {
+function Go(s, i) {
   return new Promise((e) => {
     let t = 0;
     const r = [], n = (l) => {
@@ -4478,7 +4478,7 @@ function Xo(s, i) {
     n(s);
   });
 }
-function Ko(s) {
+function Xo(s) {
   const i = [], e = [];
   for (let t = 0; t < s.items.length; t++) {
     let r = s.items[t];
@@ -4492,7 +4492,7 @@ function Ko(s) {
             r.getAsEntry()
           );
           e.push(
-            Xo(l, n).then((a) => {
+            Go(l, n).then((a) => {
               a && i.push(...a);
             })
           );
@@ -4500,7 +4500,7 @@ function Ko(s) {
         }
         const o = r.getAsFile();
         o && e.push(
-          Go(o).then((l) => {
+          qo(o).then((l) => {
             l || i.push({
               type: "file",
               file: o
@@ -4521,49 +4521,49 @@ function Ko(s) {
   }
   return Promise.all(e).then(() => i);
 }
-const N = {
+const F = {
   ACTIVE: 0,
   INACTIVE: 1,
   NEAR: 2,
   OVER: 3
 };
-let Pi = ["focus"], Yo = 100, St = /* @__PURE__ */ new Map();
-function Jo(s, i) {
+let Li = ["focus"], Ko = 100, St = /* @__PURE__ */ new Map();
+function Yo(s, i) {
   let e = Math.max(Math.min(s[0], i.x + i.width), i.x), t = Math.max(Math.min(s[1], i.y + i.height), i.y);
   return Math.sqrt((s[0] - e) * (s[0] - e) + (s[1] - t) * (s[1] - t));
 }
 function Ui(s) {
-  let i = 0, e = document.body, t = /* @__PURE__ */ new Set(), r = (p) => t.add(p), n = N.INACTIVE, o = (p) => {
-    s.shouldIgnore() && p !== N.INACTIVE || (n !== p && t.forEach((g) => g(p)), n = p);
+  let i = 0, e = document.body, t = /* @__PURE__ */ new Set(), r = (p) => t.add(p), n = F.INACTIVE, o = (p) => {
+    s.shouldIgnore() && p !== F.INACTIVE || (n !== p && t.forEach((g) => g(p)), n = p);
   }, l = () => i > 0;
   r((p) => s.onChange(p));
   let a = () => {
-    i = 0, o(N.INACTIVE);
+    i = 0, o(F.INACTIVE);
   }, c = () => {
-    i += 1, n === N.INACTIVE && o(N.ACTIVE);
+    i += 1, n === F.INACTIVE && o(F.ACTIVE);
   }, h = () => {
-    i -= 1, l() || o(N.INACTIVE);
+    i -= 1, l() || o(F.INACTIVE);
   }, d = (p) => {
-    p.preventDefault(), i = 0, o(N.INACTIVE);
+    p.preventDefault(), i = 0, o(F.INACTIVE);
   }, f = (p) => {
     if (s.shouldIgnore())
       return;
     l() || (i += 1);
-    let g = [p.x, p.y], C = s.element.getBoundingClientRect(), E = Math.floor(Jo(g, C)), w = E < Yo, y = p.composedPath().includes(s.element);
-    St.set(s.element, E);
-    let U = Math.min(...St.values()) === E;
-    y && U ? (p.preventDefault(), o(N.OVER)) : o(w && U ? N.NEAR : N.ACTIVE);
+    let g = [p.x, p.y], A = s.element.getBoundingClientRect(), w = Math.floor(Yo(g, A)), C = w < Ko, y = p.composedPath().includes(s.element);
+    St.set(s.element, w);
+    let U = Math.min(...St.values()) === w;
+    y && U ? (p.preventDefault(), o(F.OVER)) : o(C && U ? F.NEAR : F.ACTIVE);
   }, m = async (p) => {
     if (s.shouldIgnore())
       return;
     p.preventDefault();
-    let g = await Ko(p.dataTransfer);
-    s.onItems(g), o(N.INACTIVE);
+    let g = await Xo(p.dataTransfer);
+    s.onItems(g), o(F.INACTIVE);
   };
-  return e.addEventListener("drop", d), e.addEventListener("dragleave", h), e.addEventListener("dragenter", c), e.addEventListener("dragover", f), s.element.addEventListener("drop", m), Pi.forEach((p) => {
+  return e.addEventListener("drop", d), e.addEventListener("dragleave", h), e.addEventListener("dragenter", c), e.addEventListener("dragover", f), s.element.addEventListener("drop", m), Li.forEach((p) => {
     window.addEventListener(p, a);
   }), () => {
-    St.delete(s.element), e.removeEventListener("drop", d), e.removeEventListener("dragleave", h), e.removeEventListener("dragenter", c), e.removeEventListener("dragover", f), s.element.removeEventListener("drop", m), Pi.forEach((p) => {
+    St.delete(s.element), e.removeEventListener("drop", d), e.removeEventListener("dragleave", h), e.removeEventListener("dragenter", c), e.removeEventListener("dragover", f), s.element.removeEventListener("drop", m), Li.forEach((p) => {
       window.removeEventListener(p, a);
     });
   };
@@ -4573,7 +4573,7 @@ class Zt extends $ {
   constructor() {
     super(), this.init$ = {
       ...this.init$,
-      state: N.INACTIVE,
+      state: F.INACTIVE,
       withIcon: !1,
       isClickable: !1,
       isFullscreen: !1,
@@ -4642,7 +4642,7 @@ class Zt extends $ {
       /** @param {DropzoneState} state */
       onChange: (e) => {
         var r;
-        const t = (r = Object.entries(N).find(([, n]) => n === e)) == null ? void 0 : r[0].toLowerCase();
+        const t = (r = Object.entries(F).find(([, n]) => n === e)) == null ? void 0 : r[0].toLowerCase();
         t && i.setAttribute("drag-state", t);
       },
       onItems: () => {
@@ -4650,7 +4650,7 @@ class Zt extends $ {
       shouldIgnore: () => this._shouldIgnore()
     })), this.sub("state", (e) => {
       var r;
-      const t = (r = Object.entries(N).find(([, n]) => n === e)) == null ? void 0 : r[0].toLowerCase();
+      const t = (r = Object.entries(F).find(([, n]) => n === e)) == null ? void 0 : r[0].toLowerCase();
       t && this.setAttribute("drag-state", t);
     }), this.subConfigValue("sourceList", (e) => {
       const t = ce(e);
@@ -4709,7 +4709,7 @@ Zt.bindAttributes({
   // @ts-expect-error TODO: fix types inside symbiote
   disabled: null
 });
-const Zo = "src-type-";
+const Jo = "src-type-";
 class Qt extends $ {
   constructor() {
     super();
@@ -4789,7 +4789,7 @@ class Qt extends $ {
       return;
     }
     const { textKey: r = e, icon: n = e } = t;
-    this.applyL10nKey("src-type", `${Zo}${r}`), this.$.iconName = n, this.onclick = () => {
+    this.applyL10nKey("src-type", `${Jo}${r}`), this.$.iconName = n, this.onclick = () => {
       this.activate();
     };
   }
@@ -4803,7 +4803,7 @@ Qt.bindAttributes({
   // @ts-expect-error symbiote types bug
   type: null
 });
-class Qo extends k {
+class Zo extends k {
   initCallback() {
     super.initCallback(), this.subConfigValue("sourceList", (i) => {
       let e = ce(i), t = "";
@@ -4862,7 +4862,7 @@ const yt = () => {
       });
     })
   };
-}, el = async (s) => {
+}, Qo = async (s) => {
   const i = [], { promiseReadJpegChunks: e, stack: t } = yt();
   return await e(s), t.forEach(({ marker: r, view: n }) => {
     r === 226 && // check for "ICC_PROFILE\0"
@@ -4887,13 +4887,13 @@ const yt = () => {
       type: s.type
     });
   }
-}, tl = 226, Is = (s, i) => xs(s, tl, i.map((e) => e.buffer)), il = async (s) => {
+}, el = 226, Is = (s, i) => xs(s, el, i.map((e) => e.buffer)), tl = async (s) => {
   try {
     return await Is(s, []);
   } catch (i) {
     throw new Error(`Failed to strip ICC profile: ${i}`);
   }
-}, sl = (s, i, e) => new Promise((t, r) => {
+}, il = (s, i, e) => new Promise((t, r) => {
   const n = (o) => {
     if (!o) {
       r("Failed to convert canvas to blob");
@@ -4908,7 +4908,7 @@ const yt = () => {
     canvas: s,
     ctx: i
   };
-}, rl = (s) => {
+}, sl = (s) => {
   const { ctx: e, canvas: t } = Ge();
   t.width = t.height = 50, e.drawImage(s, 0, 0, 50, 50);
   const r = e.getImageData(0, 0, 50, 50).data;
@@ -4917,7 +4917,7 @@ const yt = () => {
     if (r[n] < 254)
       return !0;
   return !1;
-}, nl = async (s) => {
+}, rl = async (s) => {
   let i = null;
   const { promiseReadJpegChunks: e, stack: t } = yt();
   return await e(s), t.forEach(({ marker: r, view: n }) => {
@@ -4927,18 +4927,18 @@ const yt = () => {
       return;
     }
   }), i;
-}, ol = "data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QA6RXhpZgAATU0AKgAAAAgAAwESAAMAAAABAAYAAAEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAD/2wBDAP//////////////////////////////////////////////////////////////////////////////////////wAALCAABAAIBASIA/8QAJgABAAAAAAAAAAAAAAAAAAAAAxABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAAPwBH/9k=";
+}, nl = "data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QA6RXhpZgAATU0AKgAAAAgAAwESAAMAAAABAAYAAAEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAD/2wBDAP//////////////////////////////////////////////////////////////////////////////////////wAALCAABAAIBASIA/8QAJgABAAAAAAAAAAAAAAAAAAAAAxABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAAPwBH/9k=";
 let et;
-const ll = () => new Promise((s) => {
+const ol = () => new Promise((s) => {
   if (et !== void 0)
     s(et);
   else {
     const i = new Image();
     i.addEventListener("load", () => {
       et = i.naturalWidth < i.naturalHeight, i.src = "//:0", s(et);
-    }), i.src = ol;
+    }), i.src = nl;
   }
-}), al = (s, i) => {
+}), ll = (s, i) => {
   let e, t, r, n;
   if (!s || s.byteLength < 14 || s.getUint32(0) !== 1165519206 || s.getUint16(4) !== 0)
     return;
@@ -4957,20 +4957,20 @@ const ll = () => new Promise((s) => {
       return;
     s.getUint16(r, t) === 274 && i(r + 8, t), r += 12;
   }
-}, cl = (s, i) => {
-  al(s, (e, t) => s.setUint16(e, i, t));
-}, hl = async (s, i, e) => (e && cl(i, 1), xs(s, 225, [i.buffer])), ul = (s, i) => new Promise((e, t) => {
+}, al = (s, i) => {
+  ll(s, (e, t) => s.setUint16(e, i, t));
+}, cl = async (s, i, e) => (e && al(i, 1), xs(s, 225, [i.buffer])), hl = (s, i) => new Promise((e, t) => {
   i && (s.src = i), s.complete ? e(s) : (s.addEventListener("load", () => {
     e(s);
   }), s.addEventListener("error", () => {
     t(new Error("Failed to load image. Probably not an image."));
   }));
-}), dl = (s) => ul(new Image(), s), fl = [
+}), ul = (s) => hl(new Image(), s), dl = [
   1,
   // L (black-white)
   3
   // RGB
-], pl = [
+], fl = [
   192,
   // ("SOF0", "Baseline DCT", SOF)
   193,
@@ -5041,13 +5041,13 @@ const ll = () => new Promise((s) => {
     // but we will not use them
     65535
   ]
-}, ml = async (s) => {
+}, pl = async (s) => {
   let i = !1;
   const { promiseReadJpegChunks: e, stack: t } = yt();
   return await e(s).then(() => (t.forEach(({ marker: r, view: n }) => {
-    if (!i && pl.indexOf(r) >= 0) {
+    if (!i && fl.indexOf(r) >= 0) {
       const o = n.getUint8(5);
-      fl.indexOf(o) < 0 && (i = !0);
+      dl.indexOf(o) < 0 && (i = !0);
     }
   }), i)).catch(() => i);
 }, ks = (s, i) => {
@@ -5069,12 +5069,12 @@ const ll = () => new Promise((s) => {
   G: 110,
   B: 165,
   A: 255
-}, gl = `rgba(${de.R}, ${de.G}, ${de.B}, ${de.A / 255})`, Ls = (s, i) => {
+}, ml = `rgba(${de.R}, ${de.G}, ${de.B}, ${de.A / 255})`, Ps = (s, i) => {
   try {
     const e = [s - 1, i - 1, 1, 1], { canvas: t, ctx: r } = Ge();
     t.width = 1, t.height = 1;
     const { canvas: n, ctx: o } = Ge();
-    n.width = s, n.height = i, o && (o.fillStyle = gl, o.fillRect(...e), r.drawImage(n, s - 1, i - 1, 1, 1, 0, 0, 1, 1));
+    n.width = s, n.height = i, o && (o.fillStyle = ml, o.fillRect(...e), r.drawImage(n, s - 1, i - 1, 1, 1, 0, 0, 1, 1));
     const l = r && r.getImageData(0, 0, 1, 1).data;
     let a = !1;
     return l && (a = l[0] === de.R && l[1] === de.G && l[2] === de.B && l[3] === de.A), n.width = n.height = 1, a;
@@ -5082,7 +5082,7 @@ const ll = () => new Promise((s) => {
     return console.error(`Failed to test for max canvas size of ${s}x${i}.`), !1;
   }
 };
-function Ps(s) {
+function Ls(s) {
   return (...i) => new Promise((e) => {
     setTimeout(() => {
       const t = s(...i);
@@ -5090,13 +5090,13 @@ function Ps(s) {
     }, 0);
   });
 }
-const bl = Ps(ks(Ls, Os)), _l = Ps(ks(Ls, Os)), Us = async (s, i) => {
+const gl = Ls(ks(Ps, Os)), bl = Ls(ks(Ps, Os)), Us = async (s, i) => {
   const e = Ri.squareSide.find((o) => o * o >= s * i), t = Ri.dimension.find((o) => o >= s && o >= i);
   if (!e || !t)
     throw new Error("Not supported");
   const [r, n] = await Promise.all([
-    bl(e, e),
-    _l(t, 1)
+    gl(e, e),
+    bl(t, 1)
   ]);
   if (r && n)
     return !0;
@@ -5108,38 +5108,38 @@ const bl = Ps(ks(Ls, Os)), _l = Ps(ks(Ls, Os)), Us = async (s, i) => {
   } catch (t) {
     throw new Error("Canvas resize error", { cause: t });
   }
-}, yl = ({ img: s, targetW: i, targetH: e }) => Rs(s, i, e), vl = function({ sourceW: s, targetW: i, targetH: e, step: t }) {
+}, _l = ({ img: s, targetW: i, targetH: e }) => Rs(s, i, e), yl = function({ sourceW: s, targetW: i, targetH: e, step: t }) {
   const r = [];
   let n = i, o = e;
   do
     r.push([n, o]), n = Math.round(n / t), o = Math.round(o / t);
   while (n < s * t);
   return r.reverse();
-}, Cl = ({ img: s, sourceW: i, targetW: e, targetH: t, step: r }) => vl({ sourceW: i, targetW: e, targetH: t, step: r }).reduce((o, [l, a]) => o.then((c) => Us(l, a).then(() => Rs(c, l, a)).catch(() => c)), Promise.resolve(s)), wl = () => /iPad|iPhone|iPod/.test(navigator.platform) ? !0 : navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform), El = navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform), xt = 0.71, Al = (s, i) => {
+}, vl = ({ img: s, sourceW: i, targetW: e, targetH: t, step: r }) => yl({ sourceW: i, targetW: e, targetH: t, step: r }).reduce((o, [l, a]) => o.then((c) => Us(l, a).then(() => Rs(c, l, a)).catch(() => c)), Promise.resolve(s)), Cl = () => /iPad|iPhone|iPod/.test(navigator.platform) ? !0 : navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform), wl = navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform), xt = 0.71, El = (s, i) => {
   if (s.width * xt * s.height * xt < i.size)
     throw new Error("Not required");
   const e = s.width, t = s.height, r = e / t, n = Math.floor(Math.sqrt(i.size * r)), o = Math.floor(i.size / Math.sqrt(i.size * r));
   return Us(n, o).then(() => {
     const { ctx: l } = Ge();
-    return "imageSmoothingQuality" in l && !wl() && !El ? yl({ img: s, targetW: n, targetH: o }) : Cl({ img: s, sourceW: e, targetW: n, targetH: o, step: xt });
+    return "imageSmoothingQuality" in l && !Cl() && !wl ? _l({ img: s, targetW: n, targetH: o }) : vl({ img: s, sourceW: e, targetW: n, targetH: o, step: xt });
   }).catch(() => Promise.reject("Not supported"));
-}, Tl = async (s, i) => {
+}, Al = async (s, i) => {
   try {
-    if (await ml(s))
+    if (await pl(s))
       throw new Error("Should skipped");
     const t = await Promise.allSettled([
-      nl(s),
-      ll(),
-      el(s)
-    ]), n = !t.some((g) => g.status === "rejected"), [o, l, a] = t, c = await il(s).catch(() => s), h = await dl(URL.createObjectURL(c));
+      rl(s),
+      ol(),
+      Qo(s)
+    ]), n = !t.some((g) => g.status === "rejected"), [o, l, a] = t, c = await tl(s).catch(() => s), h = await ul(URL.createObjectURL(c));
     URL.revokeObjectURL(h.src);
-    const d = await Al(h, i);
+    const d = await El(h, i);
     let f = "image/jpeg", m = (i == null ? void 0 : i.quality) || 0.8;
-    !n && rl(d) && (f = "image/png", m = void 0);
-    let p = await sl(d, f, m);
+    !n && sl(d) && (f = "image/png", m = void 0);
+    let p = await il(d, f, m);
     if (n && o.status === "fulfilled" && o.value) {
-      const g = o.value, C = l.status === "fulfilled" ? l.value : !1;
-      p = await hl(p, g, C);
+      const g = o.value, A = l.status === "fulfilled" ? l.value : !1;
+      p = await cl(p, g, A);
     }
     return n && a.status === "fulfilled" && a.value.length > 0 && (p = await Is(p, a.value)), p;
   } catch (e) {
@@ -5153,7 +5153,7 @@ function Ms(s) {
   });
   return URL.createObjectURL(i);
 }
-function $l(s = "#fff", i = "rgba(0, 0, 0, .1)") {
+function Tl(s = "#fff", i = "rgba(0, 0, 0, .1)") {
   return Ms(
     /*svg*/
     `<svg height="20" width="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
@@ -5173,7 +5173,7 @@ function Mt(s = "hsl(209, 21%, 65%)", i = 32, e = 32) {
   `
   );
 }
-function Sl(s, i = 40) {
+function $l(s, i = 40) {
   if (s.type === "image/svg+xml")
     return URL.createObjectURL(s);
   let e = document.createElement("canvas"), t = e.getContext("2d"), r = new Image(), n = new Promise((o, l) => {
@@ -5193,8 +5193,8 @@ function Sl(s, i = 40) {
   });
   return r.src = URL.createObjectURL(s), n;
 }
-const Mi = 16384, xl = /^([0-9]+)x([0-9]+)(?:\s+(\d{1,2}|100)%)?$/i, Il = (s) => {
-  const i = xl.exec(s == null ? void 0 : s.toLocaleLowerCase()) || [];
+const Mi = 16384, Sl = /^([0-9]+)x([0-9]+)(?:\s+(\d{1,2}|100)%)?$/i, xl = (s) => {
+  const i = Sl.exec(s == null ? void 0 : s.toLocaleLowerCase()) || [];
   if (!i.length)
     return !1;
   const e = i[1] * i[2], t = Mi * Mi;
@@ -5297,7 +5297,7 @@ class Ee extends $ {
     if (!e.getValue("thumbUrl"))
       if ((t = e.getValue("file")) != null && t.type.includes("image"))
         try {
-          let r = await Sl(e.getValue("file"), this.cfg.thumbSize);
+          let r = await $l(e.getValue("file"), this.cfg.thumbSize);
           e.setValue("thumbUrl", r);
         } catch {
           let n = window.getComputedStyle(this).getPropertyValue("--clr-generic-file-icon");
@@ -5389,14 +5389,14 @@ class Ee extends $ {
     super.disconnectedCallback(), this._debouncedGenerateThumb.cancel(), (e = this._observer) == null || e.disconnect();
   }
   _settingsOfShrink() {
-    return Il(this.cfg.imageShrink);
+    return xl(this.cfg.imageShrink);
   }
   /**
    * @private
    * @param {File} file
    */
   _processShrink(e) {
-    return Tl(e, this._settingsOfShrink());
+    return Al(e, this._settingsOfShrink());
   }
   async upload() {
     var r, n;
@@ -5540,7 +5540,7 @@ ei.template = /* HTML */
     <slot></slot>
   </dialog>
 `;
-const Ns = (s, i) => {
+const Fs = (s, i) => {
   let e, t, r;
   const n = (...o) => {
     e ? (clearTimeout(t), t = setTimeout(
@@ -5561,7 +5561,7 @@ const Ns = (s, i) => {
   /** @type {unknown} */
   n;
 };
-class Fs extends $ {
+class Ns extends $ {
   constructor() {
     super();
     // Context owner should have access to CSS l10n
@@ -5570,7 +5570,7 @@ class Fs extends $ {
     u(this, "historyTracked", !0);
     u(this, "activityType", b.activities.UPLOAD_LIST);
     /** @private */
-    u(this, "_throttledHandleCollectionUpdate", Ns(() => {
+    u(this, "_throttledHandleCollectionUpdate", Fs(() => {
       this.isConnected && (this._updateUploadsState(), !this.couldOpenActivity && this.$["*currentActivity"] === this.activityType && this.historyBack());
     }, 300));
     this.init$ = {
@@ -5665,7 +5665,7 @@ class Fs extends $ {
     super.destroyCallback(), this.uploadCollection.unobserveProperties(this._throttledHandleCollectionUpdate);
   }
 }
-Fs.template = /* HTML */
+Ns.template = /* HTML */
 `
   <lr-activity-header>
     <span class="header-text">{{headerText}}</span>
@@ -5764,7 +5764,7 @@ Ds.template = /* HTML */
     ></button>
   </form>
 `;
-const Ni = () => typeof navigator.permissions < "u";
+const Fi = () => typeof navigator.permissions < "u";
 class zs extends $ {
   constructor() {
     super(...arguments);
@@ -5779,7 +5779,7 @@ class zs extends $ {
       shotBtnDisabled: !0,
       videoHidden: !0,
       messageHidden: !0,
-      requestBtnHidden: Ni(),
+      requestBtnHidden: Fi(),
       l10nMessage: null,
       originalErrorMessage: null,
       cameraSelectOptions: null,
@@ -5799,7 +5799,7 @@ class zs extends $ {
     });
     /** @private */
     u(this, "_onActivate", () => {
-      Ni() && this._subscribePermissions(), this._capture();
+      Fi() && this._subscribePermissions(), this._capture();
     });
     /** @private */
     u(this, "_onDeactivate", () => {
@@ -5955,7 +5955,7 @@ class Vs extends $ {
   }
 }
 Vs.EventType = S;
-const Nt = (
+const Ft = (
   /** @type {UploadCtxProvider} */
   /** @type {unknown} */
   Vs
@@ -6097,7 +6097,7 @@ Bs.template = /* HTML */
     </div>
   </div>
 `;
-class kl {
+class Il {
   constructor() {
     u(this, "captionL10nStr", "confirm-your-action");
     u(this, "messageL10Str", "are-you-sure");
@@ -6116,7 +6116,7 @@ class js extends b {
     super(...arguments);
     u(this, "activityType", b.activities.CONFIRMATION);
     /** @private */
-    u(this, "_defaults", new kl());
+    u(this, "_defaults", new Il());
     u(this, "init$", {
       ...this.init$,
       activityCaption: "",
@@ -6237,7 +6237,7 @@ class ti extends k {
   }
   initCallback() {
     super.initCallback(), this.sub("checkerboard", () => {
-      this.style.backgroundImage = this.hasAttribute("checkerboard") ? `url(${$l()})` : "unset";
+      this.style.backgroundImage = this.hasAttribute("checkerboard") ? `url(${Tl()})` : "unset";
     });
   }
   destroyCallback() {
@@ -6265,14 +6265,14 @@ ti.template = /* HTML */
 ti.bindAttributes({
   checkerboard: "checkerboard"
 });
-const Fi = "--cfg-ctx-name";
+const Ni = "--cfg-ctx-name";
 class _e extends k {
   /**
    * @private
    * @returns {string}
    */
   get cfgCssCtxName() {
-    return this.getCssData(Fi, !0);
+    return this.getCssData(Ni, !0);
   }
   /** @private */
   get cfgCtxName() {
@@ -6286,7 +6286,7 @@ class _e extends k {
     var i;
     if (!this.connectedOnce) {
       const e = (i = this.getAttribute("ctx-name")) == null ? void 0 : i.trim();
-      e && this.style.setProperty(Fi, `'${e}'`);
+      e && this.style.setProperty(Ni, `'${e}'`);
     }
     super.connectedCallback();
   }
@@ -6320,15 +6320,15 @@ function X(...s) {
   let i = qs(...s);
   return Object.keys(i).reduce((e, t) => (i[t] && e.push(t), e), []).join(" ");
 }
-function Ol(s, ...i) {
+function kl(s, ...i) {
   let e = qs(...i);
   for (let t of Object.keys(e))
     s.classList.toggle(t, e[t]);
 }
-const Ll = (s) => {
+const Ol = (s) => {
   if (!s)
     return ee;
-  const i = no(s).filter((e) => ee.includes(e));
+  const i = ro(s).filter((e) => ee.includes(e));
   return i.length === 0 ? ee : i;
 };
 function Pl(s) {
@@ -6345,7 +6345,7 @@ function Pl(s) {
     /** @type {import('./types.js').CropPresetList} */
     "*cropPresetList": [],
     "*tabList": ee,
-    "*tabId": P.CROP,
+    "*tabId": L.CROP,
     entry: null,
     extension: null,
     editorMode: !1,
@@ -6401,7 +6401,7 @@ function Pl(s) {
     }
   };
 }
-const Ul = (
+const Ll = (
   /* HTML */
   `
   <div class="wrapper wrapper_desktop">
@@ -6436,7 +6436,7 @@ const Ul = (
   </div>
 `
 );
-class Fe extends _e {
+class Ne extends _e {
   constructor() {
     super();
     /** @private */
@@ -6479,11 +6479,11 @@ class Fe extends _e {
   async updateImage() {
     if (this.isConnected) {
       if (await this._waitForSize(), this.$.cdnUrl) {
-        const e = lo(this.$.cdnUrl), t = qe(this.$.cdnUrl, e);
+        const e = oo(this.$.cdnUrl), t = qe(this.$.cdnUrl, e);
         if (t === this.$["*originalUrl"])
           return;
         this.$["*originalUrl"] = t;
-        const r = ao(this.$.cdnUrl), n = $o(r);
+        const r = lo(this.$.cdnUrl), n = To(r);
         this.$["*editorTransformations"] = n;
       } else if (this.$.uuid) {
         const e = qe(this.cfg.cdnCname, this.$.uuid);
@@ -6492,13 +6492,13 @@ class Fe extends _e {
         this.$["*originalUrl"] = e, this.$["*editorTransformations"] = {};
       } else
         throw new Error("No UUID nor CDN URL provided");
-      this.$["*tabId"] === P.CROP ? this.$["*cropperEl"].deactivate({ reset: !0 }) : this.$["*faderEl"].deactivate();
+      this.$["*tabId"] === L.CROP ? this.$["*cropperEl"].deactivate({ reset: !0 }) : this.$["*faderEl"].deactivate();
       try {
         const e = V(this.$["*originalUrl"], ae("json")), t = await fetch(e).then((o) => o.json()), { width: r, height: n } = (
           /** @type {{ width: number; height: number }} */
           t
         );
-        this.$["*imageSize"] = { width: r, height: n }, this.$["*tabId"] === P.CROP ? this.$["*cropperEl"].activate(this.$["*imageSize"]) : this.$["*faderEl"].activate({ url: this.$["*originalUrl"] });
+        this.$["*imageSize"] = { width: r, height: n }, this.$["*tabId"] === L.CROP ? this.$["*cropperEl"].activate(this.$["*imageSize"]) : this.$["*faderEl"].activate({ url: this.$["*originalUrl"] });
       } catch (e) {
         e && console.error("Failed to load image info", e);
       }
@@ -6524,12 +6524,12 @@ class Fe extends _e {
       "tabs",
       /** @param {string} val */
       (e) => {
-        this.$["*tabList"] = Ll(e);
+        this.$["*tabList"] = Ol(e);
       }
     ), this.sub("*tabId", (e) => {
       this.ref["img-el"].className = X("image", {
-        image_hidden_to_cropper: e === P.CROP,
-        image_hidden_effects: e !== P.CROP
+        image_hidden_to_cropper: e === L.CROP,
+        image_hidden_effects: e !== L.CROP
       });
     }), this.classList.add("editor_ON"), this.sub("*networkProblems", (e) => {
       this.$["presence.networkProblems"] = e, this.$["presence.modalCaption"] = !e;
@@ -6556,9 +6556,9 @@ class Fe extends _e {
     ), this.sub("uuid", (e) => e && this.updateImage()), this.sub("cdnUrl", (e) => e && this.updateImage());
   }
 }
-u(Fe, "className", "cloud-image-editor");
-Fe.template = Ul;
-Fe.bindAttributes({
+u(Ne, "className", "cloud-image-editor");
+Ne.template = Ll;
+Ne.bindAttributes({
   uuid: "uuid",
   "cdn-url": "cdnUrl",
   "crop-preset": "cropPreset",
@@ -6647,25 +6647,25 @@ class Gs extends _e {
           Ie(n, p);
         } else {
           const p = ke(
-            Math.min(d, f) / (Pt * 2 + He) / 2,
+            Math.min(d, f) / (Lt * 2 + He) / 2,
             0,
             1
           );
-          let { d: g, center: C } = a ? Bn(i, t, p) : jn(
+          let { d: g, center: A } = a ? Vn(i, t, p) : Bn(
             i,
             /** @type {Extract<import('./types.js').Direction, 'n' | 's' | 'w' | 'e'>} */
             t,
             p
           );
-          const E = Math.max(
+          const w = Math.max(
             Ai * ke(Math.min(d, f) / Ai / 3, 0, 1),
-            Vn
+            zn
           );
           Ie(n, {
-            x: C[0] - E,
-            y: C[1] - E,
-            width: E * 2,
-            height: E * 2
+            x: A[0] - w,
+            y: A[1] - w,
+            width: w * 2,
+            height: w * 2
           }), Ie(r, { d: g });
         }
         let m = this._shouldThumbBeDisabled(t);
@@ -6805,7 +6805,7 @@ class Gs extends _e {
       this._dragStartCrop ?? this.$["*cropBox"]
     );
     const l = (c = this.$["*cropPresetList"]) == null ? void 0 : c[0], a = l ? l.width / l.height : void 0;
-    if (i === "" ? o = Wn({ rect: o, delta: [t, r], imageBox: n }) : o = eo({ rect: o, delta: [t, r], direction: i, aspectRatio: a, imageBox: n }), !Object.values(o).every((h) => Number.isFinite(h) && h >= 0)) {
+    if (i === "" ? o = Hn({ rect: o, delta: [t, r], imageBox: n }) : o = Qn({ rect: o, delta: [t, r], direction: i, aspectRatio: a, imageBox: n }), !Object.values(o).every((h) => Number.isFinite(h) && h >= 0)) {
       console.error("CropFrame is trying to create invalid rectangle", {
         payload: o
       });
@@ -6829,14 +6829,14 @@ class Gs extends _e {
         width: n.width,
         height: n.height
       };
-      return to(o, [i.x, i.y]);
+      return eo(o, [i.x, i.y]);
     });
     this._hoverThumb = e, this._updateCursor();
   }
   /** @private */
   _updateCursor() {
     let i = this._hoverThumb;
-    this.ref["svg-el"].style.cursor = i ? Hn(i.direction) : "initial";
+    this.ref["svg-el"].style.cursor = i ? jn(i.direction) : "initial";
   }
   /** @private */
   _render() {
@@ -6910,19 +6910,19 @@ vt.template = /* HTML */
   <lr-icon size="20" set="@name: icon;"></lr-icon>
   <div class="title" ref="title-el">{{title}}</div>
 `;
-function Rl(s) {
+function Ul(s) {
   let i = s + 90;
   return i = i >= 360 ? 0 : i, i;
 }
-function Ml(s, i) {
-  return s === "rotate" ? Rl(i) : ["mirror", "flip"].includes(s) ? !i : null;
+function Rl(s, i) {
+  return s === "rotate" ? Ul(i) : ["mirror", "flip"].includes(s) ? !i : null;
 }
 class Xs extends vt {
   initCallback() {
     super.initCallback(), this.defineAccessor("operation", (i) => {
       i && (this._operation = i, this.$.icon = i);
     }), this.$["on.click"] = (i) => {
-      let e = this.$["*cropperEl"].getValue(this._operation), t = Ml(this._operation, e);
+      let e = this.$["*cropperEl"].getValue(this._operation), t = Rl(this._operation, e);
       this.$["*cropperEl"].setValue(this._operation, t);
     };
   }
@@ -7014,7 +7014,7 @@ function ii(s) {
     i.naturalWidth === 0 && (i.src = me);
   } };
 }
-function Ft(s) {
+function Nt(s) {
   let i = [];
   for (let n of s) {
     let o = ii(n);
@@ -7130,7 +7130,7 @@ class Ys extends vt {
     });
   }
 }
-function Nl(s, i) {
+function Ml(s, i) {
   let e = {};
   for (let t of i) {
     let r = s[t];
@@ -7161,7 +7161,7 @@ class Js extends _e {
     super(), this.init$ = {
       ...this.init$,
       image: null,
-      "*padding": zn,
+      "*padding": Dn,
       /** @type {Operations} */
       "*operations": {
         rotate: 0,
@@ -7182,7 +7182,7 @@ class Js extends _e {
         width: 0,
         height: 0
       }
-    }, this._commitDebounced = H(this._commit.bind(this), 300), this._handleResizeThrottled = Ns(this._handleResize.bind(this), 100), this._imageSize = { width: 0, height: 0 };
+    }, this._commitDebounced = H(this._commit.bind(this), 300), this._handleResizeThrottled = Fs(this._handleResize.bind(this), 100), this._imageSize = { width: 0, height: 0 };
   }
   /** @private */
   _handleResize() {
@@ -7190,7 +7190,7 @@ class Js extends _e {
   }
   /** @private */
   _syncTransformations() {
-    let i = this.$["*editorTransformations"], e = Nl(i, Object.keys(this.$["*operations"])), t = { ...this.$["*operations"], ...e };
+    let i = this.$["*editorTransformations"], e = Ml(i, Object.keys(this.$["*operations"])), t = { ...this.$["*operations"], ...e };
     this.$["*operations"] = t;
   }
   /** @private */
@@ -7226,19 +7226,19 @@ class Js extends _e {
       let {
         dimensions: [f, m],
         coords: [p, g]
-      } = n, { width: C } = ze(this._imageSize, r), E = o / C;
+      } = n, { width: A } = ze(this._imageSize, r), w = o / A;
       i = lt(
         st({
-          x: l + p * E,
-          y: a + g * E,
-          width: f * E,
-          height: m * E
+          x: l + p * w,
+          y: a + g * w,
+          width: f * w,
+          height: m * w
         }),
         this.$["*imageBox"]
       );
     }
     const c = (d = this.$["*cropPresetList"]) == null ? void 0 : d[0], h = c ? c.width / c.height : void 0;
-    if (!io(i, e) || h && !so(i, h)) {
+    if (!to(i, e) || h && !io(i, h)) {
       const f = e.width / e.height;
       let m = e.width, p = e.height;
       h && (f > h ? m = Math.min(e.height * h, e.width) : p = Math.min(e.width / h, e.height)), i = {
@@ -7294,7 +7294,7 @@ class Js extends _e {
    * @returns {import('./types.js').Transformations['crop']}
    */
   _getCropTransformation() {
-    let i = this.$["*cropBox"], e = this.$["*imageBox"], t = this.$["*operations"], { rotate: r } = t, { width: n, height: o, x: l, y: a } = e, { width: c, height: h } = ze(this._imageSize, r), { x: d, y: f } = i, m = n / c, p = o / h, g = this._getCropDimensions(), C = {
+    let i = this.$["*cropBox"], e = this.$["*imageBox"], t = this.$["*operations"], { rotate: r } = t, { width: n, height: o, x: l, y: a } = e, { width: c, height: h } = ze(this._imageSize, r), { x: d, y: f } = i, m = n / c, p = o / h, g = this._getCropDimensions(), A = {
       dimensions: g,
       coords: (
         /** @type {[Number, Number]} */
@@ -7304,14 +7304,14 @@ class Js extends _e {
         ]
       )
     };
-    if (!Fl(C)) {
+    if (!Fl(A)) {
       console.error("Cropper is trying to create invalid crop object", {
-        payload: C
+        payload: A
       });
       return;
     }
     if (!(g[0] === c && g[1] === h))
-      return C;
+      return A;
   }
   /** @private */
   _commit() {
@@ -7443,20 +7443,20 @@ function Di(s, i, e) {
     t[r] = Math.ceil((r * i + (e - r) * s) / e);
   return t;
 }
-function Dl(s) {
+function Nl(s) {
   return s.reduce(
     (i, e, t) => t < s.length - 1 ? [...i, [e, s[t + 1]]] : i,
     []
   );
 }
-function zl(s, i, e) {
-  let t = Dl(s).find(([r, n]) => r <= i && i <= n);
+function Dl(s, i, e) {
+  let t = Nl(s).find(([r, n]) => r <= i && i <= n);
   return s.map((r) => {
     let n = Math.abs(t[0] - t[1]), o = Math.abs(i - t[0]) / n;
     return t[0] === r ? i > e ? 1 : 1 - o : t[1] === r ? i >= e ? o : 1 : 0;
   });
 }
-function Vl(s, i) {
+function zl(s, i) {
   return s.map((e, t) => e < i ? s.length - t : t);
 }
 function zi(s, i) {
@@ -7465,7 +7465,7 @@ function zi(s, i) {
     (n, o) => n - o
   );
 }
-class Bl extends _e {
+class Vl extends _e {
   constructor() {
     super(), this._isActive = !1, this._hidden = !0, this._addKeypointDebounced = H(this._addKeypoint.bind(this), 600), this.classList.add("inactive_to_cropper");
   }
@@ -7572,7 +7572,7 @@ class Bl extends _e {
    */
   _update(i, e) {
     this._operation = i, this._value = e;
-    let { zero: t } = Ue[i], r = this._keypoints.map((l) => l.value), n = zl(r, e, t), o = Vl(r, t);
+    let { zero: t } = Ue[i], r = this._keypoints.map((l) => l.value), n = Dl(r, e, t), o = zl(r, t);
     for (let [l, a] of Object.entries(this._keypoints))
       a.opacity = n[l], a.zIndex = o[l];
     this._flush();
@@ -7588,7 +7588,7 @@ class Bl extends _e {
     this._previewImage = this._previewImage || this._createPreviewImage(), !this.contains(this._previewImage) && i.appendChild(this._previewImage);
     let e = document.createElement("div");
     i.appendChild(e);
-    let t = this._keypoints.map((c) => c.src), { images: r, promise: n, cancel: o } = Ft(t);
+    let t = this._keypoints.map((c) => c.src), { images: r, promise: n, cancel: o } = Nt(t);
     r.forEach((c) => {
       let h = this._handleImageLoading(c.src);
       c.addEventListener("load", h), c.addEventListener("error", h);
@@ -7623,7 +7623,7 @@ class Bl extends _e {
    */
   preload({ url: i, filter: e, operation: t, value: r }) {
     this._cancelBatchPreload && this._cancelBatchPreload();
-    let o = zi(t, r).map((a) => this._imageSrc({ url: i, filter: e, operation: t, value: a })), { cancel: l } = Ft(o);
+    let o = zi(t, r).map((a) => this._imageSrc({ url: i, filter: e, operation: t, value: a })), { cancel: l } = Nt(o);
     this._cancelBatchPreload = l;
   }
   /** @private */
@@ -7688,19 +7688,19 @@ class Bl extends _e {
     )) : this._container && this._container.remove();
   }
 }
-const jl = 1;
+const Bl = 1;
 class Zs extends _e {
   initCallback() {
     super.initCallback(), this.addEventListener("wheel", (i) => {
       i.preventDefault();
       let { deltaY: e, deltaX: t } = i;
-      Math.abs(t) > jl ? this.scrollLeft += t : this.scrollLeft += e;
+      Math.abs(t) > Bl ? this.scrollLeft += t : this.scrollLeft += e;
     });
   }
 }
 Zs.template = /* HTML */
 " <slot></slot> ";
-function Hl(s) {
+function jl(s) {
   return (
     /* HTML */
     `
@@ -7718,7 +7718,7 @@ function Hl(s) {
   `
   );
 }
-function Wl(s) {
+function Hl(s) {
   return (
     /* HTML */
     `
@@ -7739,13 +7739,13 @@ class Qs extends _e {
       var o, l;
       const e = this.$["*editorTransformations"], t = this.$["*currentOperation"];
       let r = "", n = !1;
-      if (this.$["*tabId"] === P.FILTERS)
+      if (this.$["*tabId"] === L.FILTERS)
         if (n = !0, this.$["*currentFilter"] && ((o = e == null ? void 0 : e.filter) == null ? void 0 : o.name) === this.$["*currentFilter"]) {
           let a = ((l = e == null ? void 0 : e.filter) == null ? void 0 : l.amount) || 100;
           r = this.l10n(this.$["*currentFilter"]) + " " + a;
         } else
           r = this.l10n(fe);
-      else if (this.$["*tabId"] === P.TUNING && t) {
+      else if (this.$["*tabId"] === L.TUNING && t) {
         n = !0;
         let a = (e == null ? void 0 : e[t]) || Ue[t].zero;
         r = t + " " + a;
@@ -7761,9 +7761,9 @@ class Qs extends _e {
       "*currentFilter": fe,
       "*currentOperation": null,
       showLoader: !1,
-      filters: xo,
-      colorOperations: So,
-      cropOperations: Io,
+      filters: So,
+      colorOperations: $o,
+      cropOperations: xo,
       "*operationTooltip": null,
       "l10n.cancel": this.l10n("cancel"),
       "l10n.apply": this.l10n("apply"),
@@ -7820,7 +7820,7 @@ class Qs extends _e {
   }
   /** @private */
   _onSliderClose() {
-    this.$["*showSlider"] = !1, this.$["*tabId"] === P.TUNING && this.ref["tooltip-el"].classList.toggle("info-tooltip_visible", !1);
+    this.$["*showSlider"] = !1, this.$["*tabId"] === L.TUNING && this.ref["tooltip-el"].classList.toggle("info-tooltip_visible", !1);
   }
   /**
    * @private
@@ -7852,16 +7852,16 @@ class Qs extends _e {
    */
   _renderControlsList(e) {
     let t = this.ref[`controls-list-${e}`], r = document.createDocumentFragment();
-    e === P.CROP ? this.$.cropOperations.forEach(
+    e === L.CROP ? this.$.cropOperations.forEach(
       /** @param {string} operation */
       (n) => {
         let o = this._createToggleControl(n);
         r.appendChild(o);
       }
-    ) : e === P.FILTERS ? [fe, ...this.$.filters].forEach((n) => {
+    ) : e === L.FILTERS ? [fe, ...this.$.filters].forEach((n) => {
       let o = this._createFilterControl(n);
       r.appendChild(o);
-    }) : e === P.TUNING && this.$.colorOperations.forEach(
+    }) : e === L.TUNING && this.$.colorOperations.forEach(
       /** @param {string} operation */
       (n) => {
         let o = this._createOperationControl(n);
@@ -7877,7 +7877,7 @@ class Qs extends _e {
    * @param {{ fromViewer?: Boolean }} options
    */
   _activateTab(e, { fromViewer: t }) {
-    this.$["*tabId"] = e, e === P.CROP ? (this.$["*faderEl"].deactivate(), this.$["*cropperEl"].activate(this.$["*imageSize"], { fromViewer: t })) : (this.$["*faderEl"].activate({ url: this.$["*originalUrl"], fromViewer: t }), this.$["*cropperEl"].deactivate());
+    this.$["*tabId"] = e, e === L.CROP ? (this.$["*faderEl"].deactivate(), this.$["*cropperEl"].activate(this.$["*imageSize"], { fromViewer: t })) : (this.$["*faderEl"].activate({ url: this.$["*originalUrl"], fromViewer: t }), this.$["*cropperEl"].deactivate());
     for (let r of ee) {
       let n = r === e, o = this.ref[`tab-toggle-${r}`];
       o.active = n, n ? (this._renderControlsList(e), this._syncTabIndicator()) : this._unmountTabControls(r), this.$[`presence.tabContent.${r}`] = n;
@@ -7901,7 +7901,7 @@ class Qs extends _e {
     if (this.$["*imgContainerEl"] && this.$["*originalUrl"]) {
       let e = this.$["*imgContainerEl"].offsetWidth, t = this.proxyUrl(ri(this.$["*originalUrl"], e, this.$["*editorTransformations"]));
       this._cancelPreload && this._cancelPreload();
-      let { cancel: r } = Ft([t]);
+      let { cancel: r } = Nt([t]);
       this._cancelPreload = () => {
         r(), this._cancelPreload = void 0;
       };
@@ -7968,12 +7968,12 @@ Qs.template = /* HTML */
   </div>
   <div class="toolbar-container">
     <lr-presence-toggle class="sub-toolbar" set="visible: presence.mainToolbar; styles: presence.subTopToolbarStyles">
-      <div class="tab-content-row">${ee.map(Wl).join("")}</div>
+      <div class="tab-content-row">${ee.map(Hl).join("")}</div>
       <div class="controls-row">
         <lr-btn-ui theme="boring" icon="closeMax" set="onclick: on.cancel"> </lr-btn-ui>
         <lr-presence-toggle class="tab-toggles" set="visible: presence.tabToggles; styles: presence.tabTogglesStyles">
           <div ref="tabs-indicator" class="tab-toggles_indicator"></div>
-          ${ee.map(Hl).join("")}
+          ${ee.map(jl).join("")}
         </lr-presence-toggle>
         <lr-btn-ui theme="primary" icon="done" set="onclick: on.apply"> </lr-btn-ui>
       </div>
@@ -8071,7 +8071,7 @@ class tr extends k {
     });
   }
   _handleVisible() {
-    this.style.visibility = this._visible ? "inherit" : "hidden", Ol(this, {
+    this.style.visibility = this._visible ? "inherit" : "hidden", kl(this, {
       [tt.transition]: !this._externalTransitions,
       [this._visibleStyle]: this._visible,
       [this._hiddenStyle]: !this._visible
@@ -8186,7 +8186,7 @@ ir.template = /* HTML */
     set="oninput: on.sliderInput; onchange: on.sliderChange; @min: min; @max: max; @value: defaultValue;"
   />
 `;
-class ql extends $ {
+class Wl extends $ {
   constructor() {
     super();
     u(this, "couldBeCtxOwner", !0);
@@ -8224,7 +8224,7 @@ class ql extends $ {
     this.historyBack();
   }
   mountEditor() {
-    const e = new Fe(), t = this.$.cdnUrl, r = this.cfg.cropPreset, n = this.cfg.cloudImageEditorTabs;
+    const e = new Ne(), t = this.$.cdnUrl, r = this.cfg.cropPreset, n = this.cfg.cloudImageEditorTabs;
     e.setAttribute("ctx-name", this.ctxName), e.setAttribute("cdn-url", t), r && e.setAttribute("crop-preset", r), n && e.setAttribute("tabs", n), e.addEventListener("apply", (o) => {
       const l = (
         /** @type {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} */
@@ -8249,22 +8249,22 @@ class ql extends $ {
     this._instance = void 0, this.innerHTML = "";
   }
 }
-const Gl = function(s) {
+const ql = function(s) {
   return s.replace(/[\\-\\[]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-}, Xl = function(s, i = "i") {
-  const e = s.split("*").map(Gl);
+}, Gl = function(s, i = "i") {
+  const e = s.split("*").map(ql);
   return new RegExp("^" + e.join(".+") + "$", i);
 };
-let Kl = (s) => Object.keys(s).reduce((e, t) => {
+let Xl = (s) => Object.keys(s).reduce((e, t) => {
   let r = s[t], n = Object.keys(r).reduce((o, l) => {
     let a = r[l];
     return o + `${l}: ${a};`;
   }, "");
   return e + `${t}{${n}}`;
 }, "");
-function Yl({ textColor: s, backgroundColor: i, linkColor: e, linkColorHover: t, shadeColor: r }) {
+function Kl({ textColor: s, backgroundColor: i, linkColor: e, linkColorHover: t, shadeColor: r }) {
   let n = `solid 1px ${r}`;
-  return Kl({
+  return Xl({
     body: {
       color: s,
       "background-color": i
@@ -8345,12 +8345,12 @@ window.addEventListener("message", (s) => {
       s.source === t && r(i);
   }
 });
-const Jl = function(s, i, e) {
+const Yl = function(s, i, e) {
   s in pe || (pe[s] = []), pe[s].push([i, e]);
-}, Zl = function(s, i) {
+}, Jl = function(s, i) {
   s in pe && (pe[s] = pe[s].filter((e) => e[0] !== i));
 };
-function Ql(s) {
+function Zl(s) {
   let i = [];
   for (let [e, t] of Object.entries(s))
     t == null || typeof t == "string" && t.length === 0 || i.push(`${e}=${encodeURIComponent(t)}`);
@@ -8418,7 +8418,7 @@ class sr extends $ {
     if (e.alternatives) {
       const t = ce(this.cfg.externalSourcesPreferredTypes);
       for (const r of t) {
-        const n = Xl(r);
+        const n = Gl(r);
         for (const [o, l] of Object.entries(e.alternatives))
           if (n.test(o))
             return l;
@@ -8463,7 +8463,7 @@ class sr extends $ {
     };
     this.sendMessage({
       type: "embed-css",
-      style: Yl(e)
+      style: Kl(e)
     });
   }
   /** @private */
@@ -8476,7 +8476,7 @@ class sr extends $ {
       pass_window_open: !1,
       session_key: this.cfg.remoteTabSessionKey
     }, o = new URL(this.cfg.socialBaseUrl);
-    return o.pathname = `/window3/${r}`, o.search = Ql(n), o.toString();
+    return o.pathname = `/window3/${r}`, o.search = Zl(n), o.toString();
   }
   /** @private */
   mountIframe() {
@@ -8490,11 +8490,11 @@ class sr extends $ {
         allowTransparency: !0
       }
     });
-    e.addEventListener("load", this.handleIframeLoad.bind(this)), this.ref.iframeWrapper.innerHTML = "", this.ref.iframeWrapper.appendChild(e), Jl("file-selected", e.contentWindow, this.handleFileSelected.bind(this)), this._iframe = e, this.$.selectedList = [];
+    e.addEventListener("load", this.handleIframeLoad.bind(this)), this.ref.iframeWrapper.innerHTML = "", this.ref.iframeWrapper.appendChild(e), Yl("file-selected", e.contentWindow, this.handleFileSelected.bind(this)), this._iframe = e, this.$.selectedList = [];
   }
   /** @private */
   unmountIframe() {
-    this._iframe && Zl("file-selected", this._iframe.contentWindow), this.ref.iframeWrapper.innerHTML = "", this._iframe = null, this.$.selectedList = [], this.$.counter = 0;
+    this._iframe && Jl("file-selected", this._iframe.contentWindow), this.ref.iframeWrapper.innerHTML = "", this._iframe = null, this.$.selectedList = [], this.$.counter = 0;
   }
 }
 sr.template = /* HTML */
@@ -8568,7 +8568,7 @@ oi.template = /* HTML */
     <slot></slot>
   </div>
 `;
-class ea extends $ {
+class Ql extends $ {
   constructor() {
     super(...arguments);
     u(this, "requireCtxName", !0);
@@ -8623,7 +8623,7 @@ class ea extends $ {
     );
   }
 }
-class ta extends b {
+class ea extends b {
 }
 class rr extends k {
   constructor() {
@@ -8852,7 +8852,7 @@ oe.bindAttributes({
   video: "video",
   src: "src"
 });
-const ia = "css-src";
+const ta = "css-src";
 function li(s) {
   return class extends s {
     constructor() {
@@ -8882,7 +8882,7 @@ function li(s) {
     initCallback() {
       super.initCallback(), this.setAttribute("hidden", ""), Zi({
         element: this,
-        attribute: ia,
+        attribute: ta,
         onSuccess: (e) => {
           this.attachShadow({
             mode: "open"
@@ -9049,7 +9049,7 @@ lr.template = /* HTML */
   <lr-external-source></lr-external-source>
   <lr-progress-bar></lr-progress-bar>
   <lr-cloud-image-editor-activity></lr-cloud-image-editor-activity>`;
-class sa extends li(Fe) {
+class ia extends li(Ne) {
   shadowReadyCallback() {
     this.__shadowReady = !0, this.$["*faderEl"] = this.ref["fader-el"], this.$["*cropperEl"] = this.ref["cropper-el"], this.$["*imgContainerEl"] = this.ref["img-container-el"], this.initEditor();
   }
@@ -9064,7 +9064,7 @@ function Ke(s) {
   }
 }
 const It = "LR";
-async function ra(s, i = !1) {
+async function sa(s, i = !1) {
   return new Promise((e, t) => {
     if (typeof document != "object") {
       e(null);
@@ -9086,13 +9086,13 @@ async function ra(s, i = !1) {
 const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ActivityBlock: b,
-  ActivityHeader: ta,
+  ActivityHeader: ea,
   BaseComponent: ht,
   Block: k,
   CameraSource: zs,
-  CloudImageEditor: sa,
-  CloudImageEditorActivity: ql,
-  CloudImageEditorBlock: Fe,
+  CloudImageEditor: ia,
+  CloudImageEditorActivity: Wl,
+  CloudImageEditorBlock: Ne,
   Config: As,
   ConfirmationDialog: js,
   Copyright: or,
@@ -9102,7 +9102,7 @@ const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   EditorCropButtonControl: Xs,
   EditorFilterControl: si,
   EditorImageCropper: Js,
-  EditorImageFader: Bl,
+  EditorImageFader: Vl,
   EditorOperationControl: Ys,
   EditorScroller: Zs,
   EditorSlider: Ks,
@@ -9113,9 +9113,9 @@ const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FileUploaderInline: lr,
   FileUploaderMinimal: Ct,
   FileUploaderRegular: ci,
-  FormInput: ea,
+  FormInput: Ql,
   Icon: Yt,
-  Img: qo,
+  Img: Wo,
   LineLoaderUi: er,
   LrBtnUi: ni,
   Modal: ei,
@@ -9129,111 +9129,110 @@ const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SimpleBtn: Jt,
   SliderUi: ir,
   SourceBtn: Qt,
-  SourceList: Qo,
+  SourceList: Zo,
   StartFrom: $s,
   Tabs: oi,
   UID: te,
-  UploadCtxProvider: Nt,
+  UploadCtxProvider: Ft,
   UploadDetails: Bs,
-  UploadList: Fs,
+  UploadList: Ns,
   UploaderBlock: $,
   UrlSource: Ds,
   Video: oe,
-  connectBlocksFrom: ra,
+  connectBlocksFrom: sa,
   registerBlocks: Ke,
   shadowed: li,
   toKebabCase: we
-}, Symbol.toStringTag, { value: "Module" })), ar = /* @__PURE__ */ new Set([
+}, Symbol.toStringTag, { value: "Module" })), ra = /* @__PURE__ */ new Set([
   "children",
-  "localName",
   "ref",
   "style",
   "className"
-]), Bi = /* @__PURE__ */ new WeakMap(), na = (s) => {
+]), na = (s = {}) => Object == null ? void 0 : Object.keys(s).reduce((i, e) => {
+  var t, r;
+  const n = s == null ? void 0 : s[e], o = `on${(r = (t = n == null ? void 0 : n.split("-")) == null ? void 0 : t.map((l) => l.charAt(0).toUpperCase() + l.slice(1))) == null ? void 0 : r.join("")}`;
+  return i[o] = n, i;
+}, {}), Bi = /* @__PURE__ */ new WeakMap(), oa = (s) => {
   let i = Bi.get(s);
   return i || (i = /* @__PURE__ */ new Map(), Bi.set(s, i)), i;
-}, oa = (s, i, e) => {
-  const t = na(s), r = t.has(i);
-  if (e) {
-    const n = { handleEvent: e };
-    r || s.addEventListener(i, n), t.set(i, n);
-  } else if (r) {
-    const n = t.get(i);
-    s.removeEventListener(i, n), t.delete(i);
-  }
-}, la = oa, ji = (s, i, e, t, r) => {
-  const n = r == null ? void 0 : r[i];
-  if (n !== void 0 && e !== t) {
-    la(s, n, e);
+}, ji = ({
+  node: s,
+  nameProp: i,
+  valueProp: e,
+  prevValueProp: t,
+  event: r
+}) => {
+  if (r !== void 0 && e !== t) {
+    const n = oa(s), o = n.has(r);
+    if (e) {
+      const l = {
+        handleEvent: e
+      };
+      o || s.addEventListener(r, l), n.set(r, l);
+    } else if (o) {
+      const l = n.get(r);
+      s.removeEventListener(r, l), n.delete(r);
+    }
     return;
   }
   s[i] = e, e == null && i in HTMLElement.prototype && s.removeAttribute(i);
-}, aa = (s = {}) => Object == null ? void 0 : Object.keys(s).reduce((i, e) => {
-  var t, r;
-  const n = s == null ? void 0 : s[e], o = `on${(r = (t = n == null ? void 0 : n.split("-")) == null ? void 0 : t.map((l) => l.charAt(0).toUpperCase() + l.slice(1))) == null ? void 0 : r.join("")}`;
-  return i[o] = n, i;
-}, {}), ca = (s, i) => {
-  ar.forEach((e) => {
-    e in i.prototype && !(e in HTMLElement.prototype) && console.warn(
-      `${s} contains property ${e} which is a React reserved property.`
-    );
-  });
-}, ha = (s, i, e) => {
+}, la = (s, i, e) => {
   const t = {}, r = {};
   return Object.entries(s).forEach(([n, o]) => {
-    ar.has(n) ? t[n === "className" ? "class" : n] = o : i.has(n) || n in e.prototype ? r[n] = o : t[n] = o;
-  }), { reactProps: t, elementProps: r };
+    ra.has(n) ? t[n === "className" ? "class" : n] = o : i.has(n) || n in e.prototype ? r[n] = o : t[n] = o;
+  }), { reactProps: t, customElProps: r };
 }, Ye = ({
   react: s,
   // https://react.dev/warnings/invalid-hook-call-warning
-  tagName: i,
-  elementClass: e,
-  displayName: t,
-  schema: r
+  tag: i,
+  elClass: e,
+  schemaEvents: t
 }) => {
-  const n = aa(r), o = new Set(Object.keys(n ?? {}));
-  ca(i, e);
-  const l = s.forwardRef((a, c) => {
-    const h = s.useRef(/* @__PURE__ */ new Map()), d = s.useRef(null), { reactProps: f, elementProps: m } = ha(
-      a,
-      o,
-      e
-    );
-    return s.useLayoutEffect(() => {
-      if (d.current === null)
-        return;
-      const p = /* @__PURE__ */ new Map();
-      for (const g in m)
-        ji(
-          d.current,
-          g,
-          a[g],
-          h.current.get(g),
-          n
-        ), h.current.delete(g), p.set(g, a[g]);
-      for (const [g, C] of h.current)
-        ji(d.current, g, void 0, C, n);
-      h.current = p;
-    }, []), f.suppressHydrationWarning = !0, s.createElement(i, {
-      ...f,
-      ref: s.useCallback(
-        (p) => {
-          d.current = p, typeof c == "function" ? c(p) : c !== null && (c.current = p);
-        },
-        [c]
-      )
-    });
-  });
-  return l.displayName = t ?? e.name, l;
+  const r = na(t), n = new Set(Object.keys(r ?? {})), o = s.forwardRef(
+    (l, a) => {
+      const c = s.useRef(/* @__PURE__ */ new Map()), h = s.useRef(null), { reactProps: d, customElProps: f } = la(l, n, e);
+      return s.useLayoutEffect(() => {
+        if (h.current === null)
+          return;
+        const m = /* @__PURE__ */ new Map();
+        for (const p in f)
+          ji({
+            node: h.current,
+            nameProp: p,
+            valueProp: f[p],
+            prevValueProp: c.current.get(p),
+            event: r[p]
+          }), c.current.delete(p), m.set(p, l[p]);
+        for (const [p, g] of c.current)
+          ji({
+            node: h.current,
+            nameProp: p,
+            valueProp: void 0,
+            prevValueProp: g,
+            event: r[p]
+          });
+        c.current = m;
+      }), s.createElement(i ?? e.__tag, {
+        ...d,
+        ref: s.useCallback(
+          (m) => {
+            h.current = m, typeof a == "function" ? a(m) : a !== null && (a.current = m);
+          },
+          [a]
+        )
+      });
+    }
+  );
+  return o.displayName = e.name, o;
 }, ui = Ye({
   react: I,
-  tagName: "lr-config",
-  elementClass: As
+  tag: "lr-config",
+  elClass: As
 }), di = Ye({
   react: I,
-  tagName: "lr-upload-ctx-provider",
-  elementClass: Nt,
-  schema: Nt.EventType
+  tag: "lr-upload-ctx-provider",
+  elClass: Ft,
+  schemaEvents: Ft.EventType
 }), fi = (s) => `https://cdn.jsdelivr.net/npm/@uploadcare/blocks@${bt}/web/lr-file-uploader-${s}.min.css`, pi = (s) => {
   const i = {}, e = {};
   return Object.entries(s).forEach(([t, r]) => {
@@ -9244,85 +9243,101 @@ const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   };
 };
 Ke(hi);
-const ua = Ye({
+const aa = Ye({
   react: I,
-  tagName: "lr-file-uploader-regular",
-  elementClass: ci
-}), da = fi("regular"), wa = ({
-  refUploadCtxProvider: s,
-  ...i
+  tag: "lr-file-uploader-regular",
+  elClass: ci
+}), ca = fi("regular"), ya = ({
+  ctxName: s,
+  className: i,
+  refUploadCtxProvider: e,
+  ...t
 }) => {
-  const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => pi(i),
-    [i]
+  const r = Pe(
+    () => s ?? te.generate(),
+    [s, te.generate]
+  ), { eventHandlers: n, config: o } = Pe(
+    () => pi(t),
+    [t]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": r, ...o }), /* @__PURE__ */ I.createElement(
     di,
     {
-      ref: s,
-      "ctx-name": e,
-      ...t
+      ref: e,
+      "ctx-name": r,
+      ...n
     }
   ), /* @__PURE__ */ I.createElement(
-    ua,
+    aa,
     {
-      "ctx-name": e,
-      "css-src": da
+      "ctx-name": r,
+      "css-src": ca
     }
   ));
 };
 Ke(hi);
-const fa = Ye({
+const ha = Ye({
   react: I,
-  tagName: "lr-file-uploader-minimal",
-  elementClass: Ct
-}), pa = fi("minimal"), Ea = ({
-  refUploadCtxProvider: s,
-  ...i
+  tag: "lr-file-uploader-minimal",
+  elClass: Ct
+}), ua = fi("minimal"), va = ({
+  ctxName: s,
+  className: i,
+  refUploadCtxProvider: e,
+  ...t
 }) => {
-  const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => pi(i),
-    [i]
+  const r = Pe(
+    () => s ?? te.generate(),
+    [s, te.generate]
+  ), { eventHandlers: n, config: o } = Pe(
+    () => pi(t),
+    [t]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": r, ...o }), /* @__PURE__ */ I.createElement(
     di,
     {
-      ref: s,
-      "ctx-name": e,
-      ...t
+      ref: e,
+      "ctx-name": r,
+      ...n
     }
   ), /* @__PURE__ */ I.createElement(
-    fa,
+    ha,
     {
-      "ctx-name": e,
-      "css-src": pa
+      "ctx-name": r,
+      "css-src": ua
     }
   ));
 };
 Ke(hi);
-const ma = Ye({
+const da = Ye({
   react: I,
-  tagName: "lr-file-uploader-inline",
-  elementClass: Ct
-}), ga = fi("inline"), Aa = ({
-  refUploadCtxProvider: s,
-  ...i
+  tag: "lr-file-uploader-inline",
+  elClass: Ct
+}), fa = fi("inline"), Ca = ({
+  ctxName: s,
+  className: i,
+  refUploadCtxProvider: e,
+  ...t
 }) => {
-  const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => pi(i),
-    [i]
+  const r = Pe(
+    () => s ?? te.generate(),
+    [s, te.generate]
+  ), { eventHandlers: n, config: o } = Pe(
+    () => pi(t),
+    [t]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": r, ...o }), /* @__PURE__ */ I.createElement(
     di,
     {
-      ref: s,
-      "ctx-name": e,
-      ...t
+      ref: e,
+      "ctx-name": r,
+      ...n
     }
-  ), /* @__PURE__ */ I.createElement(ma, { "ctx-name": e, "css-src": ga }));
+  ), /* @__PURE__ */ I.createElement(da, { "ctx-name": r, "css-src": fa }));
 };
 export {
-  Aa as FileUploaderInline,
-  Ea as FileUploaderMinimal,
-  wa as FileUploaderRegular
+  Ca as FileUploaderInline,
+  va as FileUploaderMinimal,
+  ya as FileUploaderRegular,
+  Ft as UploadCtxProvider
 };