@uploadcare/react-uploader 0.0.1-alpha.1 → 0.0.1-alpha.4

package/dist/react-uploader.js

@@ -79,15 +79,15 @@ var _ = Object.freeze({
   SET_LATER_KEY: "__toSetLater__",
   USE_TPL: "use-template",
   ROOT_STYLE_ATTR_NAME: "sym-component"
-}), Hi = "1234567890QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm", mr = Hi.length - 1, te = class {
+}), Wi = "1234567890QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm", mr = 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] : Hi.charAt(Math.random() * mr);
+      i += s[e] === "-" ? s[e] : Wi.charAt(Math.random() * mr);
     return i;
   }
 };
-function Wi(s, i, e) {
+function qi(s, i, e) {
   let t = !0, r, n = i.split(".");
   return n.forEach((o, l) => {
     l < n.length - 1 ? s = s[o] : r = o;
@@ -154,7 +154,7 @@ function br(s, i) {
     }), e.removeAttribute(_.REPEAT_ATTR), e.removeAttribute(_.REPEAT_ITEM_TAG_ATTR);
   });
 }
-var pi = "__default__";
+var mi = "__default__";
 function _r(s, i) {
   if (i.shadowRoot)
     return;
@@ -163,14 +163,14 @@ function _r(s, i) {
     return;
   let t = {};
   e.forEach((r) => {
-    let n = r.getAttribute("name") || pi;
+    let n = r.getAttribute("name") || mi;
     t[n] = {
       slot: r,
       fr: document.createDocumentFragment()
     };
   }), i.initChildren.forEach((r) => {
     var n;
-    let o = pi;
+    let o = mi;
     r instanceof Element && r.hasAttribute("slot") && (o = r.getAttribute("slot"), r.removeAttribute("slot")), (n = t[o]) == null || n.fr.appendChild(r);
   }), Object.values(t).forEach((r) => {
     if (r.fr.childNodes.length)
@@ -205,18 +205,18 @@ function vr(s, i) {
       for (let h of c) {
         let d;
         h.startsWith("!!") ? (d = "double", h = h.replace("!!", "")) : h.startsWith("!") && (d = "single", h = h.replace("!", "")), i.sub(h, (f) => {
-          d === "double" ? f = !!f : d === "single" && (f = !f), a ? (f == null ? void 0 : f.constructor) === Boolean ? f ? e.setAttribute(l, "") : e.removeAttribute(l) : e.setAttribute(l, f) : Wi(e, l, f) || (e[_.SET_LATER_KEY] || (e[_.SET_LATER_KEY] = /* @__PURE__ */ Object.create(null)), e[_.SET_LATER_KEY][l] = f);
+          d === "double" ? f = !!f : d === "single" && (f = !f), a ? (f == null ? void 0 : f.constructor) === Boolean ? f ? e.setAttribute(l, "") : e.removeAttribute(l) : e.setAttribute(l, f) : qi(e, l, f) || (e[_.SET_LATER_KEY] || (e[_.SET_LATER_KEY] = /* @__PURE__ */ Object.create(null)), e[_.SET_LATER_KEY][l] = f);
         });
       }
     }), e.removeAttribute(_.BIND_ATTR);
   });
 }
-var it = "{{", Be = "}}", Cr = "skip-text";
+var it = "{{", je = "}}", Cr = "skip-text";
 function wr(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(Be) && 1;
+      return !((n = r.parentElement) != null && n.hasAttribute(Cr)) && r.textContent.includes(it) && r.textContent.includes(je) && 1;
     }
   });
   for (; i = t.nextNode(); )
@@ -226,10 +226,10 @@ function wr(s) {
 var Er = function(s, i) {
   wr(s).forEach((t) => {
     let r = [], n;
-    for (; t.textContent.includes(Be); )
-      t.textContent.startsWith(it) ? (n = t.textContent.indexOf(Be) + Be.length, t.splitText(n), r.push(t)) : (n = t.textContent.indexOf(it), t.splitText(n)), t = t.nextSibling;
+    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;
     r.forEach((o) => {
-      let l = o.textContent.replace(it, "").replace(Be, "");
+      let l = o.textContent.replace(it, "").replace(je, "");
       o.textContent = "", i.sub(l, (a) => {
         o.textContent = a;
       });
@@ -260,7 +260,7 @@ function Ir(s) {
     throw new Error(`Failed to parse CSS property value: ${i}. Original input: ${s}`);
   }
 }
-var mi = 0, $e = null, re = null, ue = class extends HTMLElement {
+var gi = 0, $e = null, re = null, ue = class extends HTMLElement {
   constructor() {
     super(), Dt(this, "updateCssData", () => {
       var s;
@@ -424,7 +424,7 @@ var mi = 0, $e = null, re = null, ue = class extends HTMLElement {
         let i = (s = this.getAttribute(_.CTX_NAME_ATTR)) == null ? void 0 : s.trim();
         if (i && this.style.setProperty(_.CSS_CTX_PROP, `'${i}'`), this.__initDataCtx(), this[_.SET_LATER_KEY]) {
           for (let e in this[_.SET_LATER_KEY])
-            Wi(this, e, this[_.SET_LATER_KEY][e]);
+            qi(this, e, this[_.SET_LATER_KEY][e]);
           delete this[_.SET_LATER_KEY];
         }
         this.initChildren = [...this.childNodes];
@@ -463,7 +463,7 @@ var mi = 0, $e = null, re = null, ue = class extends HTMLElement {
     }, 100)));
   }
   static reg(s, i = !1) {
-    s || (mi++, s = `${_.AUTO_TAG_PRFX}-${mi}`), this.__tag = s;
+    s || (gi++, s = `${_.AUTO_TAG_PRFX}-${gi}`), this.__tag = s;
     let e = window.customElements.get(s);
     if (e) {
       !i && e !== this && console.warn([
@@ -553,7 +553,7 @@ var mi = 0, $e = null, re = null, ue = class extends HTMLElement {
   }
 }, ht = ue;
 Dt(ht, "template");
-function qi(s, i) {
+function Gi(s, i) {
   for (let e in i)
     e.includes("-") ? s.style.setProperty(e, i[e]) : s.style[e] = i[e];
 }
@@ -563,7 +563,7 @@ function kr(s, i) {
 }
 function zt(s = { tag: "div" }) {
   let i = document.createElement(s.tag);
-  if (s.attributes && kr(i, s.attributes), s.styles && qi(i, s.styles), s.properties)
+  if (s.attributes && kr(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,9 +573,9 @@ function zt(s = { tag: "div" }) {
     i.appendChild(t);
   }), i;
 }
-var Gi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr = class {
+var Xi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr = class {
   _notifyWhenReady(s = null) {
-    window.dispatchEvent(new CustomEvent(Gi, {
+    window.dispatchEvent(new CustomEvent(Xi, {
       detail: {
         dbName: this.name,
         storeName: this.storeName,
@@ -671,11 +671,11 @@ var Gi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr
     };
   }
   stop() {
-    window.removeEventListener("storage", this._updateHandler), this._subscriptionsMap = null, Xi.clear(this.name);
+    window.removeEventListener("storage", this._updateHandler), this._subscriptionsMap = null, Ki.clear(this.name);
   }
-}, Xi = class {
+}, Ki = class {
   static get readyEventName() {
-    return Gi;
+    return Xi;
   }
   static open(s = Or, i = "store") {
     let e = s + "/" + i;
@@ -687,7 +687,7 @@ var Gi = "idb-store-ready", Or = "symbiote-db", Lr = "symbiote-idb-update_", Pr
       i.split("/")[0] === s && delete this._reg[i];
   }
 };
-Dt(Xi, "_reg", /* @__PURE__ */ Object.create(null));
+Dt(Ki, "_reg", /* @__PURE__ */ Object.create(null));
 const Ur = 20, S = Object.freeze({
   FILE_ADDED: "file-added",
   FILE_REMOVED: "file-removed",
@@ -787,7 +787,7 @@ function H(s, i) {
   }, /** @type {T & { cancel: () => void }} } */
   t;
 }
-const gi = "--uploadcare-blocks-window-height";
+const bi = "--uploadcare-blocks-window-height";
 class nt {
   /**
    * @param {unknown} client
@@ -809,7 +809,7 @@ class nt {
   }
   /** @private */
   static detachTracker() {
-    window.removeEventListener("resize", this.flush, { capture: !0 }), document.documentElement.style.removeProperty(gi);
+    window.removeEventListener("resize", this.flush, { capture: !0 }), document.documentElement.style.removeProperty(bi);
   }
 }
 /**
@@ -818,12 +818,12 @@ class nt {
  */
 u(nt, "clientsRegistry", /* @__PURE__ */ new Set()), /** @private */
 u(nt, "flush", H(() => {
-  document.documentElement.style.setProperty(gi, `${window.innerHeight}px`);
+  document.documentElement.style.setProperty(bi, `${window.innerHeight}px`);
 }, 100));
-const Ki = (s, i) => new Intl.PluralRules(s).select(i), Mr = (s) => s, kt = "{{", Yi = "}}", bi = "plural:";
+const Yi = (s, i) => new Intl.PluralRules(s).select(i), Mr = (s) => s, kt = "{{", Ji = "}}", _i = "plural:";
 function Ot(s, i, e = {}) {
   var o;
-  let { openToken: t = kt, closeToken: r = Yi, transform: n = Mr } = e;
+  let { openToken: t = kt, closeToken: r = Ji, transform: n = Mr } = 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);
@@ -834,9 +834,9 @@ function Nr(s) {
   const i = [];
   let e = s.indexOf(kt);
   for (; e !== -1; ) {
-    const t = s.indexOf(Yi, e), r = s.substring(e + 2, t);
-    if (r.startsWith(bi)) {
-      const n = s.substring(e + 2, t).replace(bi, ""), o = n.substring(0, n.indexOf("(")), l = n.substring(n.indexOf("(") + 1, n.indexOf(")"));
+    const t = s.indexOf(Ji, e), r = s.substring(e + 2, t);
+    if (r.startsWith(_i)) {
+      const n = s.substring(e + 2, t).replace(_i, ""), o = n.substring(0, n.indexOf("(")), l = n.substring(n.indexOf("(") + 1, n.indexOf(")"));
       i.push({ variable: r, pluralKey: o, countVariable: l });
     }
     e = s.indexOf(kt, t);
@@ -846,7 +846,7 @@ function Nr(s) {
 const we = (s) => {
   var i;
   return (i = s.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)) == null ? void 0 : i.map((e) => e.toLowerCase()).join("-");
-}, Ji = ({ element: s, attribute: i, onSuccess: e, onTimeout: t, timeout: r = 300 }) => {
+}, Zi = ({ element: s, attribute: i, onSuccess: e, onTimeout: t, timeout: r = 300 }) => {
   const n = s.getAttribute(i);
   if (n !== null) {
     e(n);
@@ -866,24 +866,24 @@ const we = (s) => {
     const h = s.getAttribute(i);
     c.type === "attributes" && c.attributeName === i && h !== null && (clearTimeout(l), o.disconnect(), e(h));
   };
-}, _i = /* @__PURE__ */ new Set();
+}, yi = /* @__PURE__ */ new Set();
 function ot(s) {
-  _i.has(s) || (_i.add(s), console.warn(s));
+  yi.has(s) || (yi.add(s), console.warn(s));
 }
-function yi(s) {
+function vi(s) {
   return Object.prototype.toString.call(s) === "[object Object]";
 }
 const Fr = /\W|_/g;
 function Dr(s) {
   return s.split(Fr).map((i, e) => i.charAt(0)[e > 0 ? "toUpperCase" : "toLowerCase"]() + i.slice(1)).join("");
 }
-function vi(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
+function Ci(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
   return Array.isArray(s) ? s.map((e) => he(e, { ignoreKeys: i })) : s;
 }
 function he(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
   if (Array.isArray(s))
-    return vi(s, { ignoreKeys: i });
-  if (!yi(s))
+    return Ci(s, { ignoreKeys: i });
+  if (!vi(s))
     return s;
   const e = {};
   for (const t of Object.keys(s)) {
@@ -892,12 +892,12 @@ function he(s, { ignoreKeys: i } = { ignoreKeys: [] }) {
       e[t] = r;
       continue;
     }
-    yi(r) ? r = he(r, { ignoreKeys: i }) : Array.isArray(r) && (r = vi(r, { ignoreKeys: i })), e[Dr(t)] = r;
+    vi(r) ? r = he(r, { ignoreKeys: i }) : Array.isArray(r) && (r = Ci(r, { ignoreKeys: i })), e[Dr(t)] = r;
   }
   return e;
 }
 const zr = (s) => new Promise((i) => setTimeout(i, s));
-function Zi({ libraryName: s, libraryVersion: i, userAgent: e, publicKey: t = "", integration: r = "" }) {
+function Qi({ libraryName: s, libraryVersion: i, userAgent: e, publicKey: t = "", integration: r = "" }) {
   const n = "JavaScript";
   if (typeof e == "string")
     return e;
@@ -946,7 +946,7 @@ class Ae extends Vt {
     this.name = "CancelError", Object.setPrototypeOf(this, Ae.prototype);
   }
 }
-const jr = 500, Qi = ({ check: s, interval: i = jr, timeout: e, signal: t }) => new Promise((r, n) => {
+const jr = 500, es = ({ check: s, interval: i = jr, timeout: e, signal: t }) => new Promise((r, n) => {
   let o, l;
   ut(t, () => {
     o && clearTimeout(o), n(new Ae("Poll cancelled"));
@@ -981,7 +981,7 @@ const jr = 500, Qi = ({ check: s, interval: i = jr, timeout: e, signal: t }) =>
   maxConcurrentRequests: 4,
   pollingTimeoutMilliseconds: 1e4,
   pusherKey: "79ae88bd931ea68464d9"
-}, dt = "application/octet-stream", es = "original", ge = ({ method: s, url: i, data: e, headers: t = {}, signal: r, onProgress: n }) => new Promise((o, l) => {
+}, dt = "application/octet-stream", ts = "original", ge = ({ method: s, url: i, data: e, headers: t = {}, signal: r, onProgress: n }) => new Promise((o, l) => {
   const a = new XMLHttpRequest(), c = (s == null ? void 0 : s.toUpperCase()) || "GET";
   let h = !1;
   a.open(c, i, !0), t && Object.entries(t).forEach((d) => {
@@ -1027,11 +1027,11 @@ function Hr(s, ...i) {
 }
 const Wr = ({ name: s }) => s ? [s] : [], qr = Hr;
 var Gr = () => new FormData();
-const ts = (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", Re = (s) => ft(s) || pt(s) || ts() || 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 && Re(s.data);
-function is(s, i, e) {
+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);
+function ss(s, i, e) {
   if (Array.isArray(e))
     for (const t of e)
-      is(s, `${i}[]`, t);
+      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 });
     s.push([i, n, ...o]);
@@ -1044,7 +1044,7 @@ function is(s, i, e) {
 function Jr(s) {
   const i = [];
   for (const [e, t] of Object.entries(s))
-    is(i, e, t);
+    ss(i, e, t);
   return i;
 }
 function gt(s) {
@@ -1079,19 +1079,19 @@ const Zr = (s) => {
 var Qr = "6.14.1";
 const en = "UploadcareUploadClient", tn = Qr;
 function Te(s) {
-  return Zi({
+  return Qi({
     libraryName: en,
     libraryVersion: tn,
     ...s
   });
 }
-const sn = "RequestThrottledError", Ci = 15e3, rn = 1e3;
+const sn = "RequestThrottledError", wi = 15e3, rn = 1e3;
 function nn(s) {
   const { headers: i } = s || {};
   if (!i || typeof i["retry-after"] != "string")
-    return Ci;
+    return wi;
   const e = parseInt(i["retry-after"], 10);
-  return Number.isFinite(e) ? e * 1e3 : Ci;
+  return Number.isFinite(e) ? e * 1e3 : wi;
 }
 function be(s, i) {
   const { retryThrottledRequestMaxTimes: e, retryNetworkErrorMaxTimes: t } = i;
@@ -1103,12 +1103,12 @@ function be(s, i) {
     throw o;
   }));
 }
-const ss = (s) => {
+const rs = (s) => {
   let i = "";
   return (ft(s) || pt(s) || mt(s)) && (i = s.type), i || dt;
-}, rs = (s) => {
+}, ns = (s) => {
   let i = "";
-  return pt(s) && s.name ? i = s.name : ft(s) || ts() ? i = "" : mt(s) && s.name && (i = s.name), i || es;
+  return pt(s) && s.name ? i = s.name : ft(s) || is() ? i = "" : mt(s) && s.name && (i = s.name), i || ts;
 };
 function Bt(s) {
   return typeof s > "u" || s === "auto" ? "auto" : s ? "1" : "0";
@@ -1125,8 +1125,8 @@ function on(s, { publicKey: i, fileName: e, contentType: t, baseURL: r = A.baseU
     data: gt({
       file: {
         data: s,
-        name: e || rs(s),
-        contentType: t || ss(s)
+        name: e || ns(s),
+        contentType: t || rs(s)
       },
       UPLOADCARE_PUB_KEY: i,
       UPLOADCARE_STORE: Bt(l),
@@ -1227,7 +1227,7 @@ function hn(s, { publicKey: i, baseURL: e = A.baseURL, jsonpCallback: t, secureS
     return g;
   }), { retryNetworkErrorMaxTimes: d, retryThrottledRequestMaxTimes: h });
 }
-function ns(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 = A.baseURL, signal: t, source: r, integration: n, userAgent: o, retryThrottledRequestMaxTimes: l = A.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: a = A.retryNetworkErrorMaxTimes }) {
   return be(() => ge({
     method: "GET",
     headers: {
@@ -1255,7 +1255,7 @@ function un(s, { publicKey: i, contentType: e, fileName: t, multipartChunkSize:
       "X-UC-User-Agent": Te({ publicKey: i, integration: d, userAgent: f })
     },
     data: gt({
-      filename: t || es,
+      filename: t || ts,
       size: s,
       content_type: e || dt,
       part_size: r,
@@ -1314,8 +1314,8 @@ function fn(s, { publicKey: i, baseURL: e = A.baseURL, source: t = "local", sign
   }), { retryThrottledRequestMaxTimes: l, retryNetworkErrorMaxTimes: a });
 }
 function jt(s, { publicKey: i, baseURL: e, source: t, integration: r, userAgent: n, retryThrottledRequestMaxTimes: o, retryNetworkErrorMaxTimes: l, signal: a, onProgress: c }) {
-  return Qi({
-    check: (h) => ns(s, {
+  return es({
+    check: (h) => os(s, {
       publicKey: i,
       baseURL: e,
       signal: h,
@@ -1331,7 +1331,7 @@ function jt(s, { publicKey: i, baseURL: e, source: t, integration: r, userAgent:
 function pn(s) {
   return "defaultEffects" in s;
 }
-class Me {
+class Ne {
   constructor(i, { baseCDN: e = A.baseCDN, fileName: t } = {}) {
     u(this, "uuid");
     u(this, "name", null);
@@ -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 Me(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 }) => ns(s, {
+})).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, {
   publicKey: i,
   baseURL: t,
   signal: r,
@@ -1387,7 +1387,7 @@ const mn = (s, { publicKey: i, fileName: e, baseURL: t, secureSignature: r, secu
   userAgent: a,
   retryThrottledRequestMaxTimes: c,
   retryNetworkErrorMaxTimes: h
-}).then((f) => new Me(f, { baseCDN: d, fileName: e })).then((f) => (n && n({
+}).then((f) => new Ne(f, { baseCDN: d, fileName: e })).then((f) => (n && n({
   isComputable: !0,
   value: 1
 }), f)), bn = (s, { signal: i } = {}) => {
@@ -1506,7 +1506,7 @@ const Ht = (s) => {
   Ht(s).connect();
 };
 function En({ token: s, publicKey: i, baseURL: e, integration: t, userAgent: r, retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: o, onProgress: l, signal: a }) {
-  return Qi({
+  return es({
     check: (c) => cn(s, {
       publicKey: i,
       baseURL: e,
@@ -1613,23 +1613,23 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   retryThrottledRequestMaxTimes: g,
   onProgress: d,
   signal: h
-})).then((w) => new Me(w, { baseCDN: r })), At = /* @__PURE__ */ new WeakMap(), $n = async (s) => {
+})).then((w) => new Ne(w, { baseCDN: r })), At = /* @__PURE__ */ new WeakMap(), $n = async (s) => {
   if (At.has(s))
     return At.get(s);
   const i = await fetch(s.uri).then((e) => e.blob());
   return At.set(s, i), i;
-}, os = async (s) => {
+}, ls = async (s) => {
   if (pt(s) || ft(s))
     return s.size;
   if (mt(s))
     return (await $n(s)).size;
   throw new Error("Unknown file type. Cannot determine file size.");
-}, Sn = (s, i = A.multipartMinFileSize) => s >= i, ls = (s) => {
+}, Sn = (s, i = A.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 !Re(s) && e.test(s);
+  return !Me(s) && e.test(s);
 }, Wt = (s) => {
   const i = "^(?:\\w+:)?\\/\\/([^\\s\\.]+\\.\\S{2}|localhost[\\:?\\d]*)\\S*$", e = new RegExp(i);
-  return !Re(s) && e.test(s);
+  return !Me(s) && e.test(s);
 }, xn = (s, i) => new Promise((e, t) => {
   const r = [];
   let n = !1, o = i.length;
@@ -1655,7 +1655,7 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
   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 }) => {
-  const U = t ?? await os(s);
+  const U = t ?? await ls(s);
   let ie;
   const ye = (O, R) => {
     if (!c)
@@ -1669,10 +1669,10 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
       }));
     };
   };
-  return g || (g = ss(s)), un(U, {
+  return g || (g = rs(s)), un(U, {
     publicKey: i,
     contentType: g,
-    fileName: e || rs(s),
+    fileName: e || ns(s),
     baseURL: r,
     secureSignature: n,
     secureExpire: o,
@@ -1716,11 +1716,11 @@ const An = ({ token: s, pusherKey: i, signal: e, onProgress: t }) => new Promise
     retryNetworkErrorMaxTimes: p,
     onProgress: c,
     signal: a
-  })).then((O) => new Me(O, { baseCDN: w }));
+  })).then((O) => new Ne(O, { baseCDN: w }));
 };
-async function as(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 }) {
-  if (Re(s)) {
-    const O = await os(s);
+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 }) {
+  if (Me(s)) {
+    const O = await ls(s);
     return Sn(O, g) ? Ln(s, {
       publicKey: i,
       contentType: p,
@@ -1781,7 +1781,7 @@ async function as(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secure
       pusherKey: ie,
       metadata: ye
     });
-  if (ls(s))
+  if (as(s))
     return gn(s, {
       publicKey: i,
       fileName: e,
@@ -1810,17 +1810,17 @@ 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 Me(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 Ne(r, { baseCDN: e })), this.createdAt = i.datetimeCreated, this.storedAt = i.datetimeStored;
   }
 }
 const Un = (s) => {
   for (const i of s)
-    if (!Re(i))
+    if (!Me(i))
       return !1;
   return !0;
 }, Rn = (s) => {
   for (const i of s)
-    if (!ls(i))
+    if (!as(i))
       return !1;
   return !0;
 }, Mn = (s) => {
@@ -1846,7 +1846,7 @@ function Nn(s, { publicKey: i, fileName: e, baseURL: t = A.baseURL, secureSignat
       U[W] = se.value, a({ isComputable: !0, value: K(U) });
     };
   };
-  return Promise.all(s.map((R, W) => Re(R) || Wt(R) ? as(R, {
+  return Promise.all(s.map((R, W) => Me(R) || Wt(R) ? cs(R, {
     publicKey: i,
     fileName: e,
     baseURL: t,
@@ -1920,13 +1920,13 @@ class Fn {
     return this._concurrency;
   }
 }
-const cs = () => ({
+const hs = () => ({
   /** @type {Set<import('./Block').Block>} */
   "*blocksRegistry": /* @__PURE__ */ new Set(),
   /** @type {import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter | null} */
   "*eventEmitter": null
-}), hs = (s) => ({
-  ...cs(),
+}), us = (s) => ({
+  ...hs(),
   "*currentActivity": "",
   "*currentActivityParams": {},
   "*history": [],
@@ -1937,8 +1937,8 @@ const cs = () => ({
       "*currentActivity": ""
     });
   }
-}), us = (s) => ({
-  ...hs(s),
+}), ds = (s) => ({
+  ...us(s),
   "*commonProgress": 0,
   "*uploadList": [],
   "*focusedEntry": null,
@@ -1975,7 +1975,7 @@ class k extends ht {
     u(this, "allowCustomTemplate", !0);
     /** @type {import('./ActivityBlock.js').ActivityType} */
     u(this, "activityType", null);
-    u(this, "init$", cs());
+    u(this, "init$", hs());
     /** @deprecated */
     u(this, "updateCtxCssData", () => {
       ot(
@@ -2009,7 +2009,7 @@ class k extends ht {
    * @returns {string}
    */
   pluralize(e, t) {
-    const r = this.l10n("locale-name") || "en-US", n = Ki(r, t);
+    const r = this.l10n("locale-name") || "en-US", n = Yi(r, t);
     return this.l10n(`${e}__${n}`);
   }
   /**
@@ -2066,7 +2066,7 @@ class k extends ht {
       /** @type {typeof Block} */
       this.constructor.className
     );
-    e && this.classList.toggle(`${Tt}${e}`, !0), this.hasAttribute("retpl") && (this.constructor.template = null, this.processInnerHtml = !0), this.requireCtxName ? Ji({
+    e && this.classList.toggle(`${Tt}${e}`, !0), this.hasAttribute("retpl") && (this.constructor.template = null, this.processInnerHtml = !0), this.requireCtxName ? Zi({
       element: this,
       attribute: "ctx-name",
       onSuccess: () => {
@@ -2192,24 +2192,24 @@ class k extends ht {
 }
 /** @type {string | null} */
 u(k, "StateConsumerScope", null), u(k, "className", "");
-const wi = "active", Fe = "___ACTIVITY_IS_ACTIVE___", G = class G extends k {
+const Ei = "active", De = "___ACTIVITY_IS_ACTIVE___", G = class G extends k {
   constructor() {
     super(...arguments);
     u(this, "historyTracked", !1);
-    u(this, "init$", hs(this));
+    u(this, "init$", us(this));
     u(this, "_debouncedHistoryFlush", H(this._historyFlush.bind(this), 10));
   }
   /** @private */
   _deactivate() {
     var t;
     let e = G._activityRegistry[this.activityKey];
-    this[Fe] = !1, this.removeAttribute(wi), (t = e == null ? void 0 : e.deactivateCallback) == null || t.call(e);
+    this[De] = !1, this.removeAttribute(Ei), (t = e == null ? void 0 : e.deactivateCallback) == null || t.call(e);
   }
   /** @private */
   _activate() {
     var t;
     let e = G._activityRegistry[this.activityKey];
-    this.$["*historyBack"] = this.historyBack.bind(this), this[Fe] = !0, this.setAttribute(wi, ""), (t = e == null ? void 0 : e.activateCallback) == null || t.call(e), this._debouncedHistoryFlush(), this.emit(S.ACTIVITY_CHANGE, {
+    this.$["*historyBack"] = this.historyBack.bind(this), this[De] = !0, this.setAttribute(Ei, ""), (t = e == null ? void 0 : e.activateCallback) == null || t.call(e), this._debouncedHistoryFlush(), this.emit(S.ACTIVITY_CHANGE, {
       activity: this.activityType
     });
   }
@@ -2217,7 +2217,7 @@ const wi = "active", Fe = "___ACTIVITY_IS_ACTIVE___", G = class G extends k {
     super.initCallback(), this.hasAttribute("current-activity") && this.sub("*currentActivity", (e) => {
       this.setAttribute("current-activity", e);
     }), this.activityType && (this.hasAttribute("activity") || this.setAttribute("activity", this.activityType), this.sub("*currentActivity", (e) => {
-      this.activityType !== e && this[Fe] ? this._deactivate() : this.activityType === e && !this[Fe] && this._activate(), e || (this.$["*history"] = []);
+      this.activityType !== e && this[De] ? this._deactivate() : this.activityType === e && !this[De] && this._activate(), e || (this.$["*history"] = []);
     }), this.has("*modalActive") && this.sub("*modalActive", (e) => {
       !e && this.activityType === this.$["*currentActivity"] && (this.$["*currentActivity"] = null);
     }));
@@ -2232,7 +2232,7 @@ const wi = "active", Fe = "___ACTIVITY_IS_ACTIVE___", G = class G extends k {
     return this.activityType && !!G._activityRegistry[this.activityKey];
   }
   get isActivityActive() {
-    return this[Fe];
+    return this[De];
   }
   get couldOpenActivity() {
     return !0;
@@ -2304,7 +2304,7 @@ b.activities = Object.freeze({
   EXTERNAL: "external",
   DETAILS: "details"
 });
-const zn = 20, Pt = 24, je = 34, ds = 3, Z = ds / 2, ve = 1, Je = 100 / 3, v = 1, Ei = 24, Vn = 6;
+const zn = 20, Pt = 24, He = 34, fs = 3, Z = fs / 2, ve = 1, Je = 100 / 3, v = 1, Ai = 24, Vn = 6;
 function Ie(s, i) {
   for (let e in i)
     s.setAttributeNS(null, e, i[e].toString());
@@ -2334,7 +2334,7 @@ function jn(s, i, e) {
     /** @type {Extract<import('./types.js').Direction, 'n' | 's'>} */
     i
   ], c = [-1, 1][l], h = [-1, 1][a], d, f;
-  ["n", "s"].includes(i) ? (d = [t + l * n - je * e / 2, r + a * o + Z * h], f = [t + l * n + je * e / 2, r + a * o + Z * h]) : (d = [t + l * n + Z * c, r + a * o - je * e / 2], f = [t + l * n + Z * c, r + a * o + je * e / 2]);
+  ["n", "s"].includes(i) ? (d = [t + l * n - He * e / 2, r + a * o + Z * h], f = [t + l * n + He * e / 2, r + a * o + Z * h]) : (d = [t + l * n + Z * c, r + a * o - He * e / 2], f = [t + l * n + Z * c, r + a * o + He * e / 2]);
   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 };
 }
@@ -2434,7 +2434,7 @@ function io(s, i) {
 function so(s, i) {
   return Math.abs(s.width / s.height - i) < 0.1;
 }
-function De({ width: s, height: i }, e) {
+function ze({ width: s, height: i }, e) {
   let t = e / 90 % 2 !== 0;
   return { width: t ? i : s, height: t ? s : i };
 }
@@ -2456,7 +2456,7 @@ function st(s) {
 function ke(s, i, e) {
   return Math.min(Math.max(s, i), e);
 }
-const fs = (s) => {
+const ps = (s) => {
   if (!s)
     return [];
   const [i, e] = s.split(":").map(Number);
@@ -2474,29 +2474,29 @@ const fs = (s) => {
   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) {
-  return Zi({
+  return Qi({
     ...s,
     libraryName: Gt,
     libraryVersion: bt
   });
 }
-const ps = ({ type: s, message: i, ...e }) => ({
+const ms = ({ type: s, message: i, ...e }) => ({
   type: s,
   message: i,
   ...e
-}), Se = ps, $t = ps, ms = (s) => {
+}), Se = ms, $t = ms, gs = (s) => {
   if (typeof s != "string" || !s)
     return "";
   let i = s.trim();
   return i.startsWith("-/") ? i = i.slice(2) : i.startsWith("/") && (i = i.slice(1)), i.endsWith("/") && (i = i.slice(0, i.length - 1)), i;
-}, Xt = (...s) => s.filter((i) => typeof i == "string" && i).map((i) => ms(
+}, Xt = (...s) => s.filter((i) => typeof i == "string" && i).map((i) => gs(
   /** @type {String} */
   i
 )).join("/-/"), ae = (...s) => {
   let i = Xt(...s);
   return i ? `-/${i}/` : "";
 };
-function gs(s) {
+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;
 }
@@ -2506,17 +2506,17 @@ function lo(s) {
   return e.substring(t + 1, r);
 }
 function ao(s) {
-  let i = bs(s), e = new URL(i), t = e.pathname.indexOf("/-/");
-  return t === -1 ? [] : e.pathname.substring(t).split("/-/").filter(Boolean).map((n) => ms(n));
+  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));
 }
-function bs(s) {
-  let i = new URL(s), e = gs(s), t = _s(e) ? ys(e).pathname : e;
+function _s(s) {
+  let i = new URL(s), e = bs(s), t = ys(e) ? vs(e).pathname : e;
   return i.pathname = i.pathname.replace(t, ""), i.search = "", i.hash = "", i.toString();
 }
-function _s(s) {
+function ys(s) {
   return s.startsWith("http");
 }
-function ys(s) {
+function vs(s) {
   let i = new URL(s);
   return {
     pathname: i.origin + i.pathname || "",
@@ -2525,14 +2525,14 @@ function ys(s) {
   };
 }
 const V = (s, i, e) => {
-  let t = new URL(bs(s));
-  if (e = e || gs(s), t.pathname.startsWith("//") && (t.pathname = t.pathname.replace("//", "/")), _s(e)) {
-    let r = ys(e);
+  let t = new URL(_s(s));
+  if (e = e || bs(s), t.pathname.startsWith("//") && (t.pathname = t.pathname.replace("//", "/")), ys(e)) {
+    let r = vs(e);
     t.pathname = t.pathname + (i || "") + (r.pathname || ""), t.search = r.search, t.hash = r.hash;
   } else
     t.pathname = t.pathname + (i || "") + (e || "");
   return t.toString();
-}, We = (s, i) => {
+}, qe = (s, i) => {
   let e = new URL(s);
   return e.pathname = i + "/", e.toString();
 }, ce = (s, i = ",") => s.trim().split(i).map((e) => e.trim()).filter((e) => e.length > 0), Ut = [
@@ -2549,9 +2549,9 @@ const V = (s, i, e) => {
   ".heics",
   ".avif",
   ".avifs"
-], Ai = (s) => s ? s.filter((i) => typeof i == "string").map((i) => ce(i)).flat() : [], vs = (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), co = (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 ? vs(i, Ut) : !1;
+  return i ? Cs(i, Ut) : !1;
 }, Y = 1e3, Ce = Object.freeze({
   AUTO: "auto",
   BYTE: "byte",
@@ -2560,20 +2560,20 @@ const V = (s, i, e) => {
   GB: "gb",
   TB: "tb",
   PB: "pb"
-}), ze = (s) => Math.ceil(s * 100) / 100, ho = (s, i = Ce.AUTO) => {
+}), Ve = (s) => Math.ceil(s * 100) / 100, ho = (s, i = Ce.AUTO) => {
   const e = i === Ce.AUTO;
   if (i === Ce.BYTE || e && s < Y ** 1) {
     const t = (
       /** @type {Extract<import('./getPluralForm').PluralForm, 'one' | 'other'>} */
-      Ki("en-US", s)
+      Yi("en-US", s)
     ), r = {
       one: "byte",
       other: "bytes"
     }[t];
     return `${s} ${r}`;
   }
-  return i === Ce.KB || e && s < Y ** 2 ? `${ze(s / Y ** 1)} KB` : i === Ce.MB || e && s < Y ** 3 ? `${ze(s / Y ** 2)} MB` : i === Ce.GB || e && s < Y ** 4 ? `${ze(s / Y ** 3)} GB` : i === Ce.TB || e && s < Y ** 5 ? `${ze(s / Y ** 4)} TB` : `${ze(s / Y ** 5)} PB`;
-}, Ti = "[Typed State] Wrong property name: ", uo = "[Typed State] Wrong property type: ";
+  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 {
   /**
    * @param {Object<string, { type: any; value: any; nullable?: Boolean }>} typedSchema
@@ -2592,7 +2592,7 @@ class fo {
    */
   setValue(i, e) {
     if (!this.__typedSchema.hasOwnProperty(i)) {
-      console.warn(Ti + i);
+      console.warn($i + i);
       return;
     }
     let t = this.__typedSchema[i];
@@ -2610,7 +2610,7 @@ class fo {
   /** @param {String} prop */
   getValue(i) {
     if (!this.__typedSchema.hasOwnProperty(i)) {
-      console.warn(Ti + i);
+      console.warn($i + i);
       return;
     }
     return this.__data.read(i);
@@ -2867,7 +2867,7 @@ const _o = Object.freeze({
     value: null
   },
   fileInfo: {
-    type: Me,
+    type: Ne,
     value: null
   },
   isUploading: {
@@ -2932,7 +2932,7 @@ class $ extends b {
     super(...arguments);
     u(this, "couldBeCtxOwner", !1);
     u(this, "isCtxOwner", !1);
-    u(this, "init$", us(this));
+    u(this, "init$", ds(this));
     /** @private */
     u(this, "__initialUploadMetadata", null);
     /**
@@ -3248,7 +3248,7 @@ class $ extends b {
   }
   /** @param {{ captureCamera?: boolean }} options */
   openSystemDialog(e = {}) {
-    let t = qt(Ai([this.cfg.accept ?? "", ...this.cfg.imgOnly ? Ut : []]));
+    let t = qt(Ti([this.cfg.accept ?? "", ...this.cfg.imgOnly ? Ut : []]));
     this.cfg.accept && this.cfg.imgOnly && console.warn(
       "There could be a mistake.\nBoth `accept` and `imgOnly` parameters are set.\nThe value of `accept` will be concatenated with the internal image mime types list."
     ), this.fileInput = document.createElement("input"), this.fileInput.type = "file", this.fileInput.multiple = this.cfg.multiple, e.captureCamera ? (this.fileInput.capture = this.cfg.cameraCapture, this.fileInput.accept = "image/*") : this.fileInput.accept = t, this.fileInput.dispatchEvent(new MouseEvent("click")), this.fileInput.onchange = () => {
@@ -3297,13 +3297,13 @@ class $ extends b {
    * @param {import('../types').OutputFileEntry} outputEntry
    */
   _validateFileType(e) {
-    const t = this.cfg.imgOnly, r = this.cfg.accept, n = Ai([...t ? Ut : [], r]);
+    const t = this.cfg.imgOnly, r = this.cfg.accept, n = Ti([...t ? Ut : [], r]);
     if (!n.length)
       return;
     const o = e.mimeType, l = e.name;
     if (!o || !l)
       return;
-    const a = vs(o, n), c = co(l, n);
+    const a = Cs(o, n), c = co(l, n);
     if (!a && !c)
       return Se({
         type: "FORBIDDEN_FILE_TYPE",
@@ -3428,7 +3428,7 @@ class $ extends b {
   }
   /** @private */
   setInitialCrop() {
-    const e = fs(this.cfg.cropPreset);
+    const e = ps(this.cfg.cropPreset);
     if (e) {
       const [t] = e, r = this.uploadCollection.findItems(
         (n) => {
@@ -3567,7 +3567,7 @@ const j = Object.freeze({
   mirror: !1,
   flip: !1,
   crop: void 0
-}), Cs = (
+}), ws = (
   /** @type {const} */
   [
     "enhance",
@@ -3612,7 +3612,7 @@ function wo(s, i) {
 }
 function _t(s) {
   return Xt(
-    ...Cs.filter(
+    ...ws.filter(
       (i) => typeof s[i] < "u" && s[i] !== null
     ).map((i) => {
       let e = s[i];
@@ -3620,7 +3620,7 @@ function _t(s) {
     }).filter((i) => !!i)
   );
 }
-const ws = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ? Number(s) : void 0, $i = () => !0, Eo = ([s, i]) => ({
+const Es = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ? Number(s) : void 0, Si = () => !0, Eo = ([s, i]) => ({
   name: s,
   amount: typeof i < "u" ? Number(i) : 100
 }), Ao = ([s, i]) => {
@@ -3643,8 +3643,8 @@ const ws = Xt("format/auto", "progressive/yes"), ne = ([s]) => typeof s < "u" ?
   vibrance: ne,
   warmth: ne,
   filter: Eo,
-  mirror: $i,
-  flip: $i,
+  mirror: Si,
+  flip: Si,
   rotate: ne,
   crop: Ao
 });
@@ -3652,7 +3652,7 @@ function $o(s) {
   const i = {};
   for (const e of s) {
     const [t, ...r] = e.split("/");
-    if (!Cs.includes(t))
+    if (!ws.includes(t))
       continue;
     const n = (
       /** @type {(typeof SUPPORTED_OPERATIONS_ORDERED)[number]} */
@@ -3891,12 +3891,12 @@ const P = Object.freeze({
     } catch (e) {
       return console.error(`Invalid value for config key "${s}".`, e), Oe[s];
     }
-}, qe = (
+}, Re = (
   /** @type {(keyof import('../../types').ConfigType)[]} */
   Object.keys(Oe)
 ), No = ["metadata"], Fo = (s) => No.includes(s), at = (
   /** @type {(keyof import('../../types').ConfigPlainType)[]} */
-  qe.filter((s) => !Fo(s))
+  Re.filter((s) => !Fo(s))
 ), Do = (
   /** @type {Record<keyof import('../../types').ConfigAttributesType, keyof import('../../types').ConfigPlainType>} */
   {
@@ -3906,18 +3906,18 @@ const P = Object.freeze({
 ), zo = (
   /** @type {Record<keyof import('../../types').ConfigAttributesType, string>} */
   {
-    ...Object.fromEntries(qe.map((s) => [we(s), z(s)])),
-    ...Object.fromEntries(qe.map((s) => [s.toLowerCase(), z(s)]))
+    ...Object.fromEntries(Re.map((s) => [we(s), z(s)])),
+    ...Object.fromEntries(Re.map((s) => [s.toLowerCase(), z(s)]))
   }
 );
-class Es extends k {
+class Kt extends k {
   constructor() {
     super();
     u(this, "requireCtxName", !0);
     /** @private */
     u(this, "_debugPrint", H(() => {
       const e = /* @__PURE__ */ Object.create(null);
-      for (const t of qe)
+      for (const t of Re)
         e[t] = this.$[z(t)];
       this.debugPrint("config", e);
     }, 0));
@@ -3948,7 +3948,7 @@ class Es extends k {
         },
         !1
       );
-    for (const t of qe) {
+    for (const t of Re) {
       let r = "__" + t;
       e[r] = e[t], Object.defineProperty(this, t, {
         /** @param {unknown} value */
@@ -3979,13 +3979,25 @@ class Es extends k {
     a[n] = l;
   }
 }
-Es.bindAttributes(zo);
+Kt.bindAttributes(zo);
+for (const s of Re) {
+  const i = "__" + s;
+  Object.defineProperty(Kt.prototype, s, {
+    /** @param {unknown} value */
+    set: function(e) {
+      this[i] = e;
+    },
+    get: function() {
+      return this[i];
+    }
+  });
+}
 const As = (
   /** @type {Config} */
   /** @type {unknown} */
-  Es
+  Kt
 );
-class Kt extends k {
+class Yt extends k {
   constructor() {
     super(...arguments);
     u(this, "init$", {
@@ -4011,11 +4023,11 @@ class Kt extends k {
     });
   }
 }
-Kt.template = /* HTML */
+Yt.template = /* HTML */
 `
   <svg ref="svg" xmlns="http://www.w3.org/2000/svg" set="@viewBox: viewBox; @height: size; @width: size"></svg>
 `;
-Kt.bindAttributes({
+Yt.bindAttributes({
   name: "name",
   size: "size"
 });
@@ -4051,13 +4063,13 @@ const Vo = (s) => [...new Set(s)], Bo = (s) => Object.entries(s).filter(([i, e])
   "is-preview-blur": {
     default: 1
   }
-}), He = "--lr-img-", Si = "unresolved", Ze = 2, Qe = 3, xi = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), Ii = 3e3, ki = 5e3, Oi = 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, Li = Object.freeze({
   PREVIEW: "PREVIEW",
   MAIN: "MAIN"
 }), Ts = /* @__PURE__ */ Object.create(null);
-var ji;
+var Hi;
 for (let s in ct)
-  Ts[He + s] = ((ji = ct[s]) == null ? void 0 : ji.default) || "";
+  Ts[We + s] = ((Hi = ct[s]) == null ? void 0 : Hi.default) || "";
 class Ho extends ht {
   constructor() {
     super(...arguments);
@@ -4068,19 +4080,19 @@ class Ho extends ht {
    * @returns {any}
    */
   $$(e) {
-    return this.$[He + e];
+    return this.$[We + e];
   }
   /** @param {Object<String, String | Number>} kvObj */
   set$$(e) {
     for (let t in e)
-      this.$[He + t] = e[t];
+      this.$[We + t] = e[t];
   }
   /**
    * @param {String} key
    * @param {(val: any) => void} kbFn
    */
   sub$$(e, t) {
-    this.sub(He + e, (r) => {
+    this.sub(We + e, (r) => {
       r === null || r === "" || t(r);
     });
   }
@@ -4117,7 +4129,7 @@ class Ho extends ht {
   }
   attributeChangedCallback(e, t, r) {
     window.setTimeout(() => {
-      this.$[He + e] = r;
+      this.$[We + e] = r;
     });
   }
 }
@@ -4132,7 +4144,7 @@ class Wo extends Ho {
    * @param {String} src
    */
   _fmtAbs(e) {
-    return !e.includes("//") && !xi && (e = new URL(e, document.baseURI).href), e;
+    return !e.includes("//") && !Ii && (e = new URL(e, document.baseURI).href), e;
   }
   /**
    * Validate size
@@ -4144,10 +4156,10 @@ class Wo extends Ho {
     if ((e == null ? void 0 : e.trim()) !== "") {
       let t = e.match(/\d+/)[0], r = e.match(/[a-zA-Z]+/)[0];
       const n = parseInt(t, 10);
-      if (Number(n) > ki && this.hasFormatJPG)
+      if (Number(n) > Oi && this.hasFormatJPG)
+        return Oi + r;
+      if (Number(n) > ki && !this.hasFormatJPG)
         return ki + r;
-      if (Number(n) > Ii && !this.hasFormatJPG)
-        return Ii + r;
     }
     return e;
   }
@@ -4177,7 +4189,7 @@ class Wo extends Ho {
   _getUrlBase(e = "", t = "") {
     if (this.$$("src").startsWith("data:") || this.$$("src").startsWith("blob:"))
       return this.$$("src");
-    if (xi && this.$$("src") && !this.$$("src").includes("//"))
+    if (Ii && this.$$("src") && !this.$$("src").includes("//"))
       return this._proxyUrl(this.$$("src"));
     let r = this._getCdnModifiers(e, t);
     if (this.$$("src").startsWith(this.$$("cdn-cname")))
@@ -4186,7 +4198,7 @@ class Wo extends Ho {
       return this._proxyUrl(
         V(
           //
-          We(this.$$("cdn-cname"), this.$$("uuid")),
+          qe(this.$$("cdn-cname"), this.$$("uuid")),
           r
         )
       );
@@ -4194,7 +4206,7 @@ class Wo extends Ho {
       return this._proxyUrl(
         V(
           //
-          We(this.$$("cdn-cname"), this.$$("uuid")),
+          qe(this.$$("cdn-cname"), this.$$("uuid")),
           r
         )
       );
@@ -4254,10 +4266,10 @@ class Wo extends Ho {
   }
   get currentImg() {
     return this.hasPreviewImage ? {
-      type: Oi.PREVIEW,
+      type: Li.PREVIEW,
       img: this._imgPreview
     } : {
-      type: Oi.MAIN,
+      type: Li.MAIN,
       img: this.img
     };
   }
@@ -4311,8 +4323,8 @@ class Wo extends Ho {
   }
   loaderImage({ src: e, srcset: t, elNode: r }) {
     return new Promise((n, o) => {
-      this._setupConfigForImage({ elNode: r }), r.setAttribute(Si, ""), r.addEventListener("load", () => {
-        r.removeAttribute(Si), n(r);
+      this._setupConfigForImage({ elNode: r }), r.setAttribute(xi, ""), r.addEventListener("load", () => {
+        r.removeAttribute(xi), n(r);
       }), r.addEventListener("error", () => {
         o(!1);
       }), this._appendURL({
@@ -4368,7 +4380,7 @@ class qo extends Wo {
     });
   }
 }
-class Yt extends $ {
+class Jt extends $ {
   constructor() {
     super();
     u(this, "couldBeCtxOwner", !0);
@@ -4393,7 +4405,7 @@ class Yt extends $ {
     });
   }
 }
-Yt.template = /* HTML */
+Jt.template = /* HTML */
 `
   <lr-drop-area set="@disabled: !withDropZone">
     <button type="button" set="onclick: onClick">
@@ -4404,7 +4416,7 @@ Yt.template = /* HTML */
     </button>
   </lr-drop-area>
 `;
-Yt.bindAttributes({
+Jt.bindAttributes({
   // @ts-expect-error TODO: we need to update symbiote types
   dropzone: null
 });
@@ -4515,12 +4527,12 @@ const N = {
   NEAR: 2,
   OVER: 3
 };
-let Li = ["focus"], Yo = 100, St = /* @__PURE__ */ new Map();
+let Pi = ["focus"], Yo = 100, St = /* @__PURE__ */ new Map();
 function Jo(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 Pi(s) {
+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);
   }, l = () => i > 0;
@@ -4548,16 +4560,16 @@ function Pi(s) {
     let g = await Ko(p.dataTransfer);
     s.onItems(g), o(N.INACTIVE);
   };
-  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) => {
+  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) => {
     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), Li.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), Pi.forEach((p) => {
       window.removeEventListener(p, a);
     });
   };
 }
 const Ss = "lr-drop-area", xe = `${Ss}/registry`;
-class Jt extends $ {
+class Zt extends $ {
   constructor() {
     super(), this.init$ = {
       ...this.init$,
@@ -4608,7 +4620,7 @@ class Jt extends $ {
       (e) => {
         typeof e == "string" ? this.set$({ text: this.l10n(e) || e }) : this.set$({ text: this.l10n("drop-files-here") });
       }
-    ), this._destroyDropzone = Pi({
+    ), this._destroyDropzone = Ui({
       element: this,
       shouldIgnore: () => this._shouldIgnore(),
       /** @param {DropzoneState} state */
@@ -4625,7 +4637,7 @@ class Jt extends $ {
       }
     });
     let i = this.ref["content-wrapper"];
-    i && (this._destroyContentWrapperDropzone = Pi({
+    i && (this._destroyContentWrapperDropzone = Ui({
       element: i,
       /** @param {DropzoneState} state */
       onChange: (e) => {
@@ -4672,7 +4684,7 @@ class Jt extends $ {
     i && (i.delete(this), i.size === 0 && T.deleteCtx(Ss)), (e = this._destroyDropzone) == null || e.call(this), (t = this._destroyContentWrapperDropzone) == null || t.call(this), this._onAreaClicked && this.removeEventListener("click", this._onAreaClicked);
   }
 }
-Jt.template = /* HTML */
+Zt.template = /* HTML */
 `
   <slot>
     <div data-default-slot hidden></div>
@@ -4685,7 +4697,7 @@ Jt.template = /* HTML */
     </div>
   </slot>
 `;
-Jt.bindAttributes({
+Zt.bindAttributes({
   // @ts-expect-error TODO: fix types inside symbiote
   "with-icon": null,
   // @ts-expect-error TODO: fix types inside symbiote
@@ -4698,7 +4710,7 @@ Jt.bindAttributes({
   disabled: null
 });
 const Zo = "src-type-";
-class Zt extends $ {
+class Qt extends $ {
   constructor() {
     super();
     u(this, "couldBeCtxOwner", !0);
@@ -4782,12 +4794,12 @@ class Zt extends $ {
     };
   }
 }
-Zt.template = /* HTML */
+Qt.template = /* HTML */
 `
   <lr-icon set="@name: iconName"></lr-icon>
   <div class="txt" l10n="src-type"></div>
 `;
-Zt.bindAttributes({
+Qt.bindAttributes({
   // @ts-expect-error symbiote types bug
   type: null
 });
@@ -4985,7 +4997,7 @@ const ll = () => new Promise((s) => {
   // ("SOF14", "Differential progressive DCT (AC)", SOF)
   207
   // ("SOF15", "Differential spatial (AC)", SOF)
-], Ui = {
+], Ri = {
   squareSide: [
     // Safari (iOS < 9, ram >= 256)
     // We are supported mobile safari < 9 since widget v2, by 5 Mpx limit
@@ -5079,7 +5091,7 @@ function Ps(s) {
   });
 }
 const bl = Ps(ks(Ls, Os)), _l = Ps(ks(Ls, Os)), Us = async (s, i) => {
-  const e = Ui.squareSide.find((o) => o * o >= s * i), t = Ui.dimension.find((o) => o >= s && o >= 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([
@@ -5181,11 +5193,11 @@ function Sl(s, i = 40) {
   });
   return r.src = URL.createObjectURL(s), n;
 }
-const Ri = 16384, xl = /^([0-9]+)x([0-9]+)(?:\s+(\d{1,2}|100)%)?$/i, Il = (s) => {
+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()) || [];
   if (!i.length)
     return !1;
-  const e = i[1] * i[2], t = Ri * Ri;
+  const e = i[1] * i[2], t = Mi * Mi;
   return e > t ? (console.warn(
     `Shrinked size can not be larger than ${Math.floor(t / 1e3 / 1e3)}MP. You have set ${i[1]}x${i[2]} (${Math.ceil(e / 1e3 / 100) / 10}MP).`
   ), !1) : {
@@ -5275,7 +5287,7 @@ class Ee extends $ {
     if (e.getValue("fileInfo") && e.getValue("isImage")) {
       let r = this.cfg.thumbSize, n = this.proxyUrl(
         V(
-          We(this.cfg.cdnCname, this._entry.getValue("uuid")),
+          qe(this.cfg.cdnCname, this._entry.getValue("uuid")),
           ae(e.getValue("cdnUrlModifiers"), `scale_crop/${r}x${r}/center`)
         )
       ), o = e.getValue("thumbUrl");
@@ -5413,7 +5425,7 @@ class Ee extends $ {
             signal: o.signal,
             metadata: await this.getMetadataFor(e.uid)
           };
-          return this.debugPrint("upload options", h, f), as(h, f);
+          return this.debugPrint("upload options", h, f), cs(h, f);
         };
         let a = await this.$["*uploadQueue"].add(l);
         e.setMultipleValues({
@@ -5468,7 +5480,7 @@ Ee.template = /* HTML */
   </div>
 `;
 Ee.activeInstances = /* @__PURE__ */ new Set();
-class Qt extends k {
+class ei extends k {
   constructor() {
     super();
     u(this, "_handleBackdropClick", () => {
@@ -5521,8 +5533,8 @@ class Qt extends k {
     super.destroyCallback(), document.body.style.overflow = "", this._mouseDownTarget = void 0, this.ref.dialog.removeEventListener("close", this._handleDialogClose), this.ref.dialog.removeEventListener("mousedown", this._handleDialogMouseDown), this.ref.dialog.removeEventListener("mouseup", this._handleDialogMouseUp);
   }
 }
-u(Qt, "StateConsumerScope", "modal");
-Qt.template = /* HTML */
+u(ei, "StateConsumerScope", "modal");
+ei.template = /* HTML */
 `
   <dialog ref="dialog">
     <slot></slot>
@@ -5752,7 +5764,7 @@ Ds.template = /* HTML */
     ></button>
   </form>
 `;
-const Mi = () => typeof navigator.permissions < "u";
+const Ni = () => typeof navigator.permissions < "u";
 class zs extends $ {
   constructor() {
     super(...arguments);
@@ -5767,7 +5779,7 @@ class zs extends $ {
       shotBtnDisabled: !0,
       videoHidden: !0,
       messageHidden: !0,
-      requestBtnHidden: Mi(),
+      requestBtnHidden: Ni(),
       l10nMessage: null,
       originalErrorMessage: null,
       cameraSelectOptions: null,
@@ -5787,7 +5799,7 @@ class zs extends $ {
     });
     /** @private */
     u(this, "_onActivate", () => {
-      Mi() && this._subscribePermissions(), this._capture();
+      Ni() && this._subscribePermissions(), this._capture();
     });
     /** @private */
     u(this, "_onDeactivate", () => {
@@ -6214,7 +6226,7 @@ class Ws extends k {
 Ws.template = /* HTML */
 ' <div ref="line" class="progress"></div> ';
 const me = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-class ei extends k {
+class ti extends k {
   constructor() {
     super();
     u(this, "init$", {
@@ -6248,19 +6260,19 @@ class ei extends k {
     URL.revokeObjectURL(this._lastObjectUrl), this.$.src = me;
   }
 }
-ei.template = /* HTML */
+ti.template = /* HTML */
 ' <lr-img class="img-view" ref="img" set="@src: src; style.aa: src;" /> ';
-ei.bindAttributes({
+ti.bindAttributes({
   checkerboard: "checkerboard"
 });
-const Ni = "--cfg-ctx-name";
+const Fi = "--cfg-ctx-name";
 class _e extends k {
   /**
    * @private
    * @returns {string}
    */
   get cfgCssCtxName() {
-    return this.getCssData(Ni, !0);
+    return this.getCssData(Fi, !0);
   }
   /** @private */
   get cfgCtxName() {
@@ -6274,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(Ni, `'${e}'`);
+      e && this.style.setProperty(Fi, `'${e}'`);
     }
     super.connectedCallback();
   }
@@ -6424,7 +6436,7 @@ const Ul = (
   </div>
 `
 );
-class Ne extends _e {
+class Fe extends _e {
   constructor() {
     super();
     /** @private */
@@ -6467,14 +6479,14 @@ class Ne extends _e {
   async updateImage() {
     if (this.isConnected) {
       if (await this._waitForSize(), this.$.cdnUrl) {
-        const e = lo(this.$.cdnUrl), t = We(this.$.cdnUrl, e);
+        const e = lo(this.$.cdnUrl), t = qe(this.$.cdnUrl, e);
         if (t === this.$["*originalUrl"])
           return;
         this.$["*originalUrl"] = t;
         const r = ao(this.$.cdnUrl), n = $o(r);
         this.$["*editorTransformations"] = n;
       } else if (this.$.uuid) {
-        const e = We(this.cfg.cdnCname, this.$.uuid);
+        const e = qe(this.cfg.cdnCname, this.$.uuid);
         if (e === this.$["*originalUrl"])
           return;
         this.$["*originalUrl"] = e, this.$["*editorTransformations"] = {};
@@ -6507,7 +6519,7 @@ class Ne extends _e {
       let t = this.ref["img-el"];
       t.src !== e && (this._imgLoading = !0, t.src = e || me);
     }), this.sub("cropPreset", (e) => {
-      this.$["*cropPresetList"] = fs(e);
+      this.$["*cropPresetList"] = ps(e);
     }), this.sub(
       "tabs",
       /** @param {string} val */
@@ -6544,9 +6556,9 @@ class Ne extends _e {
     ), this.sub("uuid", (e) => e && this.updateImage()), this.sub("cdnUrl", (e) => e && this.updateImage());
   }
 }
-u(Ne, "className", "cloud-image-editor");
-Ne.template = Ul;
-Ne.bindAttributes({
+u(Fe, "className", "cloud-image-editor");
+Fe.template = Ul;
+Fe.bindAttributes({
   uuid: "uuid",
   "cdn-url": "cdnUrl",
   "crop-preset": "cropPreset",
@@ -6635,7 +6647,7 @@ class Gs extends _e {
           Ie(n, p);
         } else {
           const p = ke(
-            Math.min(d, f) / (Pt * 2 + je) / 2,
+            Math.min(d, f) / (Pt * 2 + He) / 2,
             0,
             1
           );
@@ -6646,7 +6658,7 @@ class Gs extends _e {
             p
           );
           const E = Math.max(
-            Ei * ke(Math.min(d, f) / Ei / 3, 0, 1),
+            Ai * ke(Math.min(d, f) / Ai / 3, 0, 1),
             Vn
           );
           Ie(n, {
@@ -6688,7 +6700,7 @@ class Gs extends _e {
         }), l = q("path", {
           stroke: "currentColor",
           fill: "none",
-          "stroke-width": ds
+          "stroke-width": fs
         });
         n.appendChild(l), n.appendChild(o), i[r] = {
           direction: r,
@@ -6915,7 +6927,7 @@ class Xs extends vt {
     };
   }
 }
-const Ve = {
+const Be = {
   FILTER: "filter",
   COLOR_OPERATION: "color_operation"
 }, fe = "original";
@@ -6940,7 +6952,7 @@ class Ks extends _e {
    * @param {String} [filter]
    */
   setOperation(e, t) {
-    this._controlType = e === "filter" ? Ve.FILTER : Ve.COLOR_OPERATION, this._operation = e, this._iconName = e, this._title = e.toUpperCase(), this._filter = t, this._initializeValues(), this.$["*faderEl"].activate({
+    this._controlType = e === "filter" ? Be.FILTER : Be.COLOR_OPERATION, this._operation = e, this._iconName = e, this._title = e.toUpperCase(), this._filter = t, this._initializeValues(), this.$["*faderEl"].activate({
       url: this.$["*originalUrl"],
       operation: this._operation,
       value: this._filter === fe ? void 0 : this.$.value,
@@ -6953,7 +6965,7 @@ class Ks extends _e {
     let { range: e, zero: t } = Ue[this._operation], [r, n] = e;
     this.$.min = r, this.$.max = n, this.$.zero = t;
     let o = this.$["*editorTransformations"][this._operation];
-    if (this._controlType === Ve.FILTER) {
+    if (this._controlType === Be.FILTER) {
       let l = n;
       if (o) {
         let { name: a, amount: c } = o;
@@ -6961,14 +6973,14 @@ class Ks extends _e {
       }
       this.$.value = l, this.$.defaultValue = l;
     }
-    if (this._controlType === Ve.COLOR_OPERATION) {
+    if (this._controlType === Be.COLOR_OPERATION) {
       let l = typeof o < "u" ? o : t;
       this.$.value = l, this.$.defaultValue = l;
     }
   }
   apply() {
     let e;
-    this._controlType === Ve.FILTER ? this._filter === fe ? e = null : e = { name: this._filter, amount: this.$.value } : e = this.$.value;
+    this._controlType === Be.FILTER ? this._filter === fe ? e = null : e = { name: this._filter, amount: this.$.value } : e = this.$.value;
     let t = {
       ...this.$["*editorTransformations"],
       [this._operation]: e
@@ -6994,7 +7006,7 @@ Ks.template = /* HTML */
     set="disabled: disabled; min: min; max: max; defaultValue: defaultValue; zero: zero; onInput: on.input;"
   ></lr-slider-ui>
 `;
-function ti(s) {
+function ii(s) {
   let i = new Image();
   return { promise: new Promise((r, n) => {
     i.src = s, i.onload = r, i.onerror = n;
@@ -7005,7 +7017,7 @@ function ti(s) {
 function Ft(s) {
   let i = [];
   for (let n of s) {
-    let o = ti(n);
+    let o = ii(n);
     i.push(o);
   }
   let e = i.map((n) => n.image);
@@ -7015,7 +7027,7 @@ function Ft(s) {
     });
   } };
 }
-class ii extends vt {
+class si extends vt {
   constructor() {
     super(...arguments);
     u(this, "init$", {
@@ -7036,7 +7048,7 @@ class ii extends vt {
     } : void 0, V(
       this._originalUrl,
       ae(
-        ws,
+        Es,
         _t(l),
         `quality/${n}`,
         `scale_crop/${r}x${r}/center`
@@ -7049,7 +7061,7 @@ class ii extends vt {
    */
   _observerCallback(e, t) {
     if (e[0].isIntersecting) {
-      let n = this.proxyUrl(this._previewSrc()), o = this.ref["preview-el"], { promise: l, cancel: a } = ti(n);
+      let n = this.proxyUrl(this._previewSrc()), o = this.ref["preview-el"], { promise: l, cancel: a } = ii(n);
       this._cancelPreload = a, l.catch((c) => {
         this.$["*networkProblems"] = !0, console.error("Failed to load image", { error: c });
       }).finally(() => {
@@ -7090,7 +7102,7 @@ class ii extends vt {
     super.destroyCallback(), (e = this._observer) == null || e.disconnect(), this._cancelPreload && this._cancelPreload();
   }
 }
-ii.template = /* HTML */
+si.template = /* HTML */
 `
   <div class="before"></div>
   <div class="preview" ref="preview-el"></div>
@@ -7126,12 +7138,12 @@ function Nl(s, i) {
   }
   return e;
 }
-function si(s, i, e) {
+function ri(s, i, e) {
   let r = window.devicePixelRatio, n = Math.min(Math.ceil(i * r), 3e3), o = r >= 2 ? "lightest" : "normal";
   return V(
     s,
     ae(
-      ws,
+      Es,
       _t(e),
       `quality/${o}`,
       `stretch/off/-/resize/${n}x`
@@ -7190,7 +7202,7 @@ class Js extends _e {
   _alignImage() {
     if (!this._isActive || !this.$.image)
       return;
-    let i = this.$.image, e = this.$["*padding"], t = this.$["*operations"], { rotate: r } = t, n = { width: this.offsetWidth, height: this.offsetHeight }, o = De({ width: i.naturalWidth, height: i.naturalHeight }, r), l;
+    let i = this.$.image, e = this.$["*padding"], t = this.$["*operations"], { rotate: r } = t, n = { width: this.offsetWidth, height: this.offsetHeight }, o = ze({ width: i.naturalWidth, height: i.naturalHeight }, r), l;
     if (o.width > n.width - e * 2 || o.height > n.height - e * 2) {
       let a = o.width / o.height, c = n.width / n.height;
       if (a > c) {
@@ -7214,7 +7226,7 @@ class Js extends _e {
       let {
         dimensions: [f, m],
         coords: [p, g]
-      } = n, { width: C } = De(this._imageSize, r), E = o / C;
+      } = n, { width: C } = ze(this._imageSize, r), E = o / C;
       i = lt(
         st({
           x: l + p * E,
@@ -7243,7 +7255,7 @@ class Js extends _e {
     let i = this._ctx;
     if (!i)
       return;
-    let e = this.$.image, t = this.$["*imageBox"], r = this.$["*operations"], { mirror: n, flip: o, rotate: l } = r, a = De({ width: t.width, height: t.height }, l);
+    let e = this.$.image, t = this.$["*imageBox"], r = this.$["*operations"], { mirror: n, flip: o, rotate: l } = r, a = ze({ width: t.width, height: t.height }, l);
     i.save(), i.translate(t.x + t.width / 2, t.y + t.height / 2), i.rotate(l * Math.PI * -1 / 180), i.scale(n ? -1 : 1, o ? -1 : 1), i.drawImage(e, -a.width / 2, -a.height / 2, a.width, a.height), i.restore();
   }
   /** @private */
@@ -7271,7 +7283,7 @@ class Js extends _e {
    * @returns {NonNullable<import('./types.js').Transformations['crop']>['dimensions']}
    */
   _getCropDimensions() {
-    let i = this.$["*cropBox"], e = this.$["*imageBox"], t = this.$["*operations"], { rotate: r } = t, { width: n, height: o } = e, { width: l, height: a } = De(this._imageSize, r), { width: c, height: h } = i, d = n / l, f = o / a;
+    let i = this.$["*cropBox"], e = this.$["*imageBox"], t = this.$["*operations"], { rotate: r } = t, { width: n, height: o } = e, { width: l, height: a } = ze(this._imageSize, r), { width: c, height: h } = i, d = n / l, f = o / a;
     return [
       ke(Math.round(c / d), 1, l),
       ke(Math.round(h / f), 1, a)
@@ -7282,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 } = De(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(), C = {
       dimensions: g,
       coords: (
         /** @type {[Number, Number]} */
@@ -7386,7 +7398,7 @@ class Js extends _e {
       flip: void 0,
       mirror: void 0
     };
-    let r = this.proxyUrl(si(i, t, e)), { promise: n, cancel: o, image: l } = ti(r), a = this._handleImageLoading(r);
+    let r = this.proxyUrl(ri(i, t, e)), { promise: n, cancel: o, image: l } = ii(r), a = this._handleImageLoading(r);
     return l.addEventListener("load", a, { once: !0 }), l.addEventListener("error", a, { once: !0 }), this._cancelPreload && this._cancelPreload(), this._cancelPreload = o, n.then(() => l).catch((c) => (console.error("Failed to load image", { error: c }), this.$["*networkProblems"] = !0, Promise.resolve(l)));
   }
   /**
@@ -7424,7 +7436,7 @@ Js.template = /* HTML */
   <canvas class="canvas" ref="canvas-el"></canvas>
   <lr-crop-frame ref="frame-el"></lr-crop-frame>
 `;
-function Fi(s, i, e) {
+function Di(s, i, e) {
   let t = Array(e);
   e--;
   for (let r = e; r >= 0; r--)
@@ -7447,9 +7459,9 @@ function zl(s, i, e) {
 function Vl(s, i) {
   return s.map((e, t) => e < i ? s.length - t : t);
 }
-function Di(s, i) {
+function zi(s, i) {
   let e = Ue[s].keypointsNumber, { range: t, zero: r } = Ue[s];
-  return [.../* @__PURE__ */ new Set([...Fi(t[0], r, e + 1), ...Fi(r, t[1], e + 1), r, i])].sort(
+  return [.../* @__PURE__ */ new Set([...Di(t[0], r, e + 1), ...Di(r, t[1], e + 1), r, i])].sort(
     (n, o) => n - o
   );
 }
@@ -7491,7 +7503,7 @@ class Bl extends _e {
     let n = { ...this._transformations };
     t && (n[t] = e ? { name: e, amount: r } : r);
     let o = this.offsetWidth;
-    return this.proxyUrl(si(i, o, n));
+    return this.proxyUrl(ri(i, o, n));
   }
   /**
    * @private
@@ -7611,7 +7623,7 @@ class Bl extends _e {
    */
   preload({ url: i, filter: e, operation: t, value: r }) {
     this._cancelBatchPreload && this._cancelBatchPreload();
-    let o = Di(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 } = Ft(o);
     this._cancelBatchPreload = l;
   }
   /** @private */
@@ -7659,7 +7671,7 @@ class Bl extends _e {
       this._setOriginalSrc(l), this._container && this._container.remove();
       return;
     }
-    this._keypoints = Di(e, t).map((l) => this._constructKeypoint(e, l)), this._update(e, t), this._initNodes();
+    this._keypoints = zi(e, t).map((l) => this._constructKeypoint(e, l)), this._update(e, t), this._initNodes();
   }
   /** @param {{ hide?: Boolean }} options */
   deactivate({ hide: i = !0 } = {}) {
@@ -7823,7 +7835,7 @@ class Qs extends _e {
    * @param {String} filter
    */
   _createFilterControl(e) {
-    let t = new ii();
+    let t = new si();
     return t.filter = e, t;
   }
   /**
@@ -7887,7 +7899,7 @@ class Qs extends _e {
   /** @private */
   _preloadEditedImage() {
     if (this.$["*imgContainerEl"] && this.$["*originalUrl"]) {
-      let e = this.$["*imgContainerEl"].offsetWidth, t = this.proxyUrl(si(this.$["*originalUrl"], e, this.$["*editorTransformations"]));
+      let e = this.$["*imgContainerEl"].offsetWidth, t = this.proxyUrl(ri(this.$["*originalUrl"], e, this.$["*editorTransformations"]));
       this._cancelPreload && this._cancelPreload();
       let { cancel: r } = Ft([t]);
       this._cancelPreload = () => {
@@ -7977,7 +7989,7 @@ Qs.template = /* HTML */
     </lr-presence-toggle>
   </div>
 `;
-class ri extends k {
+class ni extends k {
   constructor() {
     super(), this._iconReversed = !1, this._iconSingle = !1, this._iconHidden = !1, this.init$ = {
       ...this.init$,
@@ -8010,8 +8022,8 @@ class ri extends k {
     this.hasAttribute("reverse") ? (this.style.flexDirection = "row-reverse", this._iconReversed = !0) : (this._iconReversed = !1, this.style.flexDirection = null);
   }
 }
-ri.bindAttributes({ text: "text", icon: "icon", reverse: "reverse", theme: "theme" });
-ri.template = /* HTML */
+ni.bindAttributes({ text: "text", icon: "icon", reverse: "reverse", theme: "theme" });
+ni.template = /* HTML */
 `
   <lr-icon size="20" set="className: iconCss; @name: icon;"></lr-icon>
   <div class="text">{{text}}</div>
@@ -8212,7 +8224,7 @@ class ql extends $ {
     this.historyBack();
   }
   mountEditor() {
-    const e = new Ne(), t = this.$.cdnUrl, r = this.cfg.cropPreset, n = this.cfg.cloudImageEditorTabs;
+    const e = new Fe(), 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>} */
@@ -8511,7 +8523,7 @@ sr.template = /* HTML */
     </div>
   </div>
 `;
-class ni extends k {
+class oi extends k {
   /** @param {String} tabL10nStr */
   setCurrentTab(i) {
     if (!i)
@@ -8545,11 +8557,11 @@ class ni extends k {
     }), this.hasAttribute("default") || this.setCurrentTab(Object.keys(this._tabMap)[0]);
   }
 }
-ni.bindAttributes({
+oi.bindAttributes({
   "tab-list": null,
   default: null
 });
-ni.template = /* HTML */
+oi.template = /* HTML */
 `
   <div ref="row" class="tabs-row"></div>
   <div ref="context" class="tabs-context">
@@ -8563,7 +8575,7 @@ class ea extends $ {
   }
   _createValidationInput() {
     const e = document.createElement("input");
-    return e.type = "text", e.name = this.ctxName, e.required = this.cfg.multipleMin > 0, e.tabIndex = -1, qi(e, {
+    return e.type = "text", e.name = this.ctxName, e.required = this.cfg.multipleMin > 0, e.tabIndex = -1, Gi(e, {
       opacity: 0,
       height: 0,
       width: 0
@@ -8656,7 +8668,7 @@ const M = {
   VOL_OFF: "mute",
   CAP_ON: "captions",
   CAP_OFF: "captions-off"
-}, zi = {
+}, Vi = {
   requestFullscreen: (s) => {
     s.requestFullscreen ? s.requestFullscreen() : s.webkitRequestFullscreen && s.webkitRequestFullscreen();
   },
@@ -8706,7 +8718,7 @@ class oe extends k {
     this._video.paused || this._video.ended ? this._video.play() : this._video.pause();
   }
   toggleFullscreen() {
-    (document.fullscreenElement || document.webkitFullscreenElement) === this ? zi.exitFullscreen() : zi.requestFullscreen(this);
+    (document.fullscreenElement || document.webkitFullscreenElement) === this ? Vi.exitFullscreen() : Vi.requestFullscreen(this);
   }
   toggleCaptions() {
     this.$.capIcon === M.CAP_OFF ? (this.$.capIcon = M.CAP_ON, this._video.textTracks[0].mode = "showing", window.localStorage.setItem(oe.is + ":captions", "1")) : (this.$.capIcon = M.CAP_OFF, this._video.textTracks[0].mode = "hidden", window.localStorage.removeItem(oe.is + ":captions"));
@@ -8841,7 +8853,7 @@ oe.bindAttributes({
   src: "src"
 });
 const ia = "css-src";
-function oi(s) {
+function li(s) {
   return class extends s {
     constructor() {
       super(...arguments);
@@ -8868,7 +8880,7 @@ function oi(s) {
       });
     }
     initCallback() {
-      super.initCallback(), this.setAttribute("hidden", ""), Ji({
+      super.initCallback(), this.setAttribute("hidden", ""), Zi({
         element: this,
         attribute: ia,
         onSuccess: (e) => {
@@ -8893,7 +8905,7 @@ function oi(s) {
     }
   };
 }
-class nr extends oi(k) {
+class nr extends li(k) {
 }
 class or extends k {
   initCallback() {
@@ -8919,11 +8931,11 @@ u(
     >
   `
 );
-class li extends nr {
+class ai extends nr {
   constructor() {
     super(...arguments);
     u(this, "requireCtxName", !0);
-    u(this, "init$", us(this));
+    u(this, "init$", ds(this));
     u(this, "_template", null);
   }
   static set template(e) {
@@ -8934,7 +8946,7 @@ class li extends nr {
     return this._template;
   }
 }
-let ai = class extends li {
+let ci = class extends ai {
   shadowReadyCallback() {
     super.shadowReadyCallback(), this.sub(
       "*modalActive",
@@ -8945,7 +8957,7 @@ let ai = class extends li {
     );
   }
 };
-ai.template = /* HTML */
+ci.template = /* HTML */
 `
   <lr-simple-btn></lr-simple-btn>
 
@@ -8965,7 +8977,7 @@ ai.template = /* HTML */
 
   <lr-progress-bar-common></lr-progress-bar-common>
 `;
-let Ct = class extends li {
+let Ct = class extends ai {
   constructor() {
     super(...arguments);
     u(this, "pauseRender", !0);
@@ -8991,7 +9003,7 @@ Ct.template = /* HTML */
   </lr-start-from>
   <lr-upload-list ref="uBlock"></lr-upload-list>
 `;
-let lr = class extends li {
+let lr = class extends ai {
   constructor() {
     super(), this.init$ = {
       ...this.init$,
@@ -9037,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 oi(Ne) {
+class sa extends li(Fe) {
   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();
   }
@@ -9071,7 +9083,7 @@ async function ra(s, i = !1) {
     }, document.head.appendChild(r);
   });
 }
-const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ActivityBlock: b,
   ActivityHeader: ta,
@@ -9080,15 +9092,15 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CameraSource: zs,
   CloudImageEditor: sa,
   CloudImageEditorActivity: ql,
-  CloudImageEditorBlock: Ne,
+  CloudImageEditorBlock: Fe,
   Config: As,
   ConfirmationDialog: js,
   Copyright: or,
   CropFrame: Gs,
   Data: T,
-  DropArea: Jt,
+  DropArea: Zt,
   EditorCropButtonControl: Xs,
-  EditorFilterControl: ii,
+  EditorFilterControl: si,
   EditorImageCropper: Js,
   EditorImageFader: Bl,
   EditorOperationControl: Ys,
@@ -9097,16 +9109,16 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   EditorToolbar: Qs,
   ExternalSource: sr,
   FileItem: Ee,
-  FilePreview: ei,
+  FilePreview: ti,
   FileUploaderInline: lr,
   FileUploaderMinimal: Ct,
-  FileUploaderRegular: ai,
+  FileUploaderRegular: ci,
   FormInput: ea,
-  Icon: Kt,
+  Icon: Yt,
   Img: qo,
   LineLoaderUi: er,
-  LrBtnUi: ri,
-  Modal: Qt,
+  LrBtnUi: ni,
+  Modal: ei,
   PACKAGE_NAME: Gt,
   PACKAGE_VERSION: bt,
   PresenceToggle: tr,
@@ -9114,12 +9126,12 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ProgressBarCommon: Hs,
   Select: rr,
   ShadowWrapper: nr,
-  SimpleBtn: Yt,
+  SimpleBtn: Jt,
   SliderUi: ir,
-  SourceBtn: Zt,
+  SourceBtn: Qt,
   SourceList: Qo,
   StartFrom: $s,
-  Tabs: ni,
+  Tabs: oi,
   UID: te,
   UploadCtxProvider: Nt,
   UploadDetails: Bs,
@@ -9129,7 +9141,7 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Video: oe,
   connectBlocksFrom: ra,
   registerBlocks: Ke,
-  shadowed: oi,
+  shadowed: li,
   toKebabCase: we
 }, Symbol.toStringTag, { value: "Module" })), ar = /* @__PURE__ */ new Set([
   "children",
@@ -9137,9 +9149,9 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "ref",
   "style",
   "className"
-]), Vi = /* @__PURE__ */ new WeakMap(), na = (s) => {
-  let i = Vi.get(s);
-  return i || (i = /* @__PURE__ */ new Map(), Vi.set(s, i)), i;
+]), Bi = /* @__PURE__ */ new WeakMap(), na = (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) {
@@ -9149,7 +9161,7 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     const n = t.get(i);
     s.removeEventListener(i, n), t.delete(i);
   }
-}, la = oa, Bi = (s, i, e, t, r) => {
+}, 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);
@@ -9192,7 +9204,7 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         return;
       const p = /* @__PURE__ */ new Map();
       for (const g in m)
-        Bi(
+        ji(
           d.current,
           g,
           a[g],
@@ -9200,7 +9212,7 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           n
         ), h.current.delete(g), p.set(g, a[g]);
       for (const [g, C] of h.current)
-        Bi(d.current, g, void 0, C, n);
+        ji(d.current, g, void 0, C, n);
       h.current = p;
     }, []), f.suppressHydrationWarning = !0, s.createElement(i, {
       ...f,
@@ -9213,16 +9225,16 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     });
   });
   return l.displayName = t ?? e.name, l;
-}, hi = Ye({
+}, ui = Ye({
   react: I,
   tagName: "lr-config",
   elementClass: As
-}), ui = Ye({
+}), di = Ye({
   react: I,
   tagName: "lr-upload-ctx-provider",
   elementClass: Nt,
   schema: Nt.EventType
-}), di = (s) => `https://cdn.jsdelivr.net/npm/@uploadcare/blocks@${bt}/web/lr-file-uploader-${s}.min.css`, fi = (s) => {
+}), 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]) => {
     t.startsWith("on") ? i[t] = r : e[t] = r;
@@ -9231,21 +9243,21 @@ const ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     config: e
   };
 };
-Ke(ci);
+Ke(hi);
 const ua = Ye({
   react: I,
   tagName: "lr-file-uploader-regular",
-  elementClass: ai
-}), da = di("regular"), wa = ({
+  elementClass: ci
+}), da = fi("regular"), wa = ({
   refUploadCtxProvider: s,
   ...i
 }) => {
   const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => fi(i),
+    () => pi(i),
     [i]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(hi, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
-    ui,
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+    di,
     {
       ref: s,
       "ctx-name": e,
@@ -9259,21 +9271,21 @@ const ua = Ye({
     }
   ));
 };
-Ke(ci);
+Ke(hi);
 const fa = Ye({
   react: I,
   tagName: "lr-file-uploader-minimal",
   elementClass: Ct
-}), pa = di("minimal"), Ea = ({
+}), pa = fi("minimal"), Ea = ({
   refUploadCtxProvider: s,
   ...i
 }) => {
   const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => fi(i),
+    () => pi(i),
     [i]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(hi, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
-    ui,
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+    di,
     {
       ref: s,
       "ctx-name": e,
@@ -9287,21 +9299,21 @@ const fa = Ye({
     }
   ));
 };
-Ke(ci);
+Ke(hi);
 const ma = Ye({
   react: I,
   tagName: "lr-file-uploader-inline",
   elementClass: Ct
-}), ga = di("inline"), Aa = ({
+}), ga = fi("inline"), Aa = ({
   refUploadCtxProvider: s,
   ...i
 }) => {
   const e = Le(() => te.generate(), [te.generate]), { eventHandlers: t, config: r } = Le(
-    () => fi(i),
+    () => pi(i),
     [i]
   );
-  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(hi, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
-    ui,
+  return /* @__PURE__ */ I.createElement(I.Fragment, null, /* @__PURE__ */ I.createElement(ui, { "ctx-name": e, ...r }), /* @__PURE__ */ I.createElement(
+    di,
     {
       ref: s,
       "ctx-name": e,