hplx-feature-library 1.0.127 → 1.0.128

package/dist/Attachments/index.js

@@ -17,26 +17,26 @@ function d6(o, u) {
 }
 const s2 = (o) => {
   let u;
-  const x = /* @__PURE__ */ new Set(), P = (h, C) => {
+  const C = /* @__PURE__ */ new Set(), P = (h, x) => {
     const N = typeof h == "function" ? h(u) : h;
     if (!Object.is(N, u)) {
       const w = u;
-      u = C ?? (typeof N != "object" || N === null) ? N : Object.assign({}, u, N), x.forEach((S) => S(u, w));
+      u = x ?? (typeof N != "object" || N === null) ? N : Object.assign({}, u, N), C.forEach((S) => S(u, w));
     }
-  }, R = () => u, m = { setState: P, getState: R, getInitialState: () => y, subscribe: (h) => (x.add(h), () => x.delete(h)) }, y = u = o(P, R, m);
+  }, R = () => u, m = { setState: P, getState: R, getInitialState: () => y, subscribe: (h) => (C.add(h), () => C.delete(h)) }, y = u = o(P, R, m);
   return m;
 }, h6 = (o) => o ? s2(o) : s2, p6 = (o) => o;
 function v6(o, u = p6) {
-  const x = dn.useSyncExternalStore(
+  const C = dn.useSyncExternalStore(
     o.subscribe,
     dn.useCallback(() => u(o.getState()), [o, u]),
     dn.useCallback(() => u(o.getInitialState()), [o, u])
   );
-  return dn.useDebugValue(x), x;
+  return dn.useDebugValue(C), C;
 }
 const o2 = (o) => {
-  const u = h6(o), x = (P) => v6(u, P);
-  return Object.assign(x, u), x;
+  const u = h6(o), C = (P) => v6(u, P);
+  return Object.assign(C, u), C;
 }, Iy = (o) => o ? o2(o) : o2, Aa = Iy((o) => ({
   showSaveGroupPreview: !1,
   setShowSaveGroupPreview: (u) => o({ showSaveGroupPreview: u }),
@@ -46,8 +46,8 @@ const o2 = (o) => {
   // Selected Documents
   selectedDocuments: [],
   setSelectedDocuments: (u) => o({ selectedDocuments: u }),
-  toggleSelectedDocument: (u) => o((x) => ({
-    selectedDocuments: x.selectedDocuments.some((R) => R.id === u.id) ? x.selectedDocuments.filter((R) => R.id !== u.id) : [...x.selectedDocuments, u]
+  toggleSelectedDocument: (u) => o((C) => ({
+    selectedDocuments: C.selectedDocuments.some((R) => R.id === u.id) ? C.selectedDocuments.filter((R) => R.id !== u.id) : [...C.selectedDocuments, u]
   })),
   clearSelectedDocuments: () => o({ selectedDocuments: [] }),
   // Document View
@@ -58,26 +58,26 @@ const o2 = (o) => {
   setDocument: (u) => o(() => ({
     document: [...u]
   })),
-  addDocuments: (u) => o((x) => ({
-    document: [...x.document, ...u]
+  addDocuments: (u) => o((C) => ({
+    document: [...C.document, ...u]
     // immutably append multiple docs
   })),
-  addDocument: (u) => o((x) => ({
-    document: [u, ...x.document]
+  addDocument: (u) => o((C) => ({
+    document: [u, ...C.document]
     // immutably add single doc
   })),
-  updateDocument: (u) => o((x) => ({
-    ...x,
+  updateDocument: (u) => o((C) => ({
+    ...C,
     document: [
-      ...x.document.map(
+      ...C.document.map(
         (P) => P.id === u.id ? { ...u } : P
         // immutably replace matched doc
       )
     ]
   })),
-  deleteDocument: (u) => o((x) => ({
-    ...x,
-    document: x.document.filter((P) => P.id !== u)
+  deleteDocument: (u) => o((C) => ({
+    ...C,
+    document: C.document.filter((P) => P.id !== u)
     // immutably remove doc
   })),
   clearDocument: () => o({ document: [] })
@@ -93,15 +93,15 @@ const S6 = {
   [Or.JPEG]: ["image/jpeg", "image/jpg"],
   [Or.PNG]: ["image/png"],
   [Or.MP4]: ["video/mp4"]
-}, x6 = 1e3 * 1024 * 1024, C6 = (o) => o.size > x6 ? { isValid: !1, error: `File "${o.name}" is too large. Maximum size is 10MB.` } : Object.values(S6).some((x) => x.includes(o.type)) ? { isValid: !0 } : {
+}, x6 = 1e3 * 1024 * 1024, C6 = (o) => o.size > x6 ? { isValid: !1, error: `File "${o.name}" is too large. Maximum size is 10MB.` } : Object.values(S6).some((C) => C.includes(o.type)) ? { isValid: !0 } : {
   isValid: !1,
   error: `File "${o.name}" is not a supported format. Supported formats: PDF, JPEG, PNG, MP4.`
 }, Wy = (o) => {
-  const u = [], x = [];
+  const u = [], C = [];
   return o.forEach((P) => {
     const R = C6(P);
-    R.isValid ? u.push(P) : x.push(R.error || "Invalid file");
-  }), { validFiles: u, errors: x };
+    R.isValid ? u.push(P) : C.push(R.error || "Invalid file");
+  }), { validFiles: u, errors: C };
 }, Vf = (o) => "mimeType" in o || "fileType" in o;
 function E6(o) {
   const u = {};
@@ -109,38 +109,38 @@ function E6(o) {
     const R = P.createdAt, g = qc(R), p = d6(g) ? "Today" : s6(g, "EEE, dd MMMM");
     u[p] || (u[p] = []), u[p].push(P);
   });
-  const x = Object.entries(u).map(([P, R]) => {
+  const C = Object.entries(u).map(([P, R]) => {
     const g = R.sort((p, m) => {
       const y = qc(p.createdAt).getTime();
       return qc(m.createdAt).getTime() - y;
     });
     return { dateLabel: P, documents: g };
   });
-  return x.sort((P, R) => {
+  return C.sort((P, R) => {
     const g = qc(P.documents[0].createdAt).getTime();
     return qc(R.documents[0].createdAt).getTime() - g;
-  }), x;
+  }), C;
 }
 function b6(o) {
-  const { setShowPreview: u, setCompareMode: x } = Ya(), { documents: P } = o, R = wa(() => Vf(P) ? P : [...P.documents], [P]), { selectedDocuments: g, setSelectedGroup: p, setSelectedDocuments: m } = Aa(), y = (C, N) => {
-    const w = C.mimeType === Or.JPEG || C.mimeType === Or.PNG;
+  const { setShowPreview: u, setCompareMode: C } = Ya(), { documents: P } = o, R = wa(() => Vf(P) ? P : [...P.documents], [P]), { selectedDocuments: g, setSelectedGroup: p, setSelectedDocuments: m } = Aa(), y = (x, N) => {
+    const w = x.mimeType === Or.JPEG || x.mimeType === Or.PNG;
     return /* @__PURE__ */ Q.jsx("div", { className: "hfl-w-full hfl-h-full", children: /* @__PURE__ */ Q.jsx(
       "img",
       {
-        src: w && C.filePath || c2,
-        alt: C.label,
+        src: w && (x.thumbnail || x.filePath) || c2,
+        alt: x.label,
         className: "hfl-w-full hfl-h-full hfl-object-fit"
       }
-    ) }, C.id || N);
+    ) }, x.id || N);
   }, h = nn(() => {
-    g.length > 0 || (Vf(P) ? (u(!0), m([P])) : (x(!0), p(P), m(P.documents)));
-  }, [P, g.length, x, m, p, u]);
+    g.length > 0 || (Vf(P) ? (u(!0), m([P])) : (C(!0), p(P), m(P.documents)));
+  }, [P, g.length, C, m, p, u]);
   return Array.isArray(R) ? /* @__PURE__ */ Q.jsx(
     "div",
     {
       className: "hfl-grid hfl-grid-cols-2 hfl-grid-rows-2 hfl-w-[220px] hfl-h-[220px] hfl-overflow-hidden hfl-rounded-tl-md hfl-rounded-tr-md hfl-cursor-pointer",
       onClick: h,
-      children: R.map((C, N) => y(C, N))
+      children: R.map((x, N) => y(x, N))
     }
   ) : /* @__PURE__ */ Q.jsx(
     "div",
@@ -152,24 +152,24 @@ function b6(o) {
   );
 }
 const Qy = bu(b6), T6 = (o) => {
-  const [u, x] = at(!1), [P, R] = at("bottom"), g = jt(null), p = nn(() => {
+  const [u, C] = at(!1), [P, R] = at("bottom"), g = jt(null), p = nn(() => {
     if (!o.current) return;
     const h = o.current.getBoundingClientRect();
     window.innerHeight - h.bottom < 120 ? R("top") : R("bottom");
   }, [o]), m = nn(() => {
-    u || p(), x((h) => !h);
+    u || p(), C((h) => !h);
   }, [u, p]), y = nn(() => {
-    x(!1);
+    C(!1);
   }, []);
   return un(() => {
     if (!u) return;
     const h = (N) => {
       g.current && !g.current.contains(N.target) && o.current && !o.current.contains(N.target) && y();
-    }, C = () => {
+    }, x = () => {
       y();
     };
-    return document.addEventListener("mousedown", h), window.addEventListener("scroll", C, !0), () => {
-      document.removeEventListener("mousedown", h), window.removeEventListener("scroll", C, !0);
+    return document.addEventListener("mousedown", h), window.addEventListener("scroll", x, !0), () => {
+      document.removeEventListener("mousedown", h), window.removeEventListener("scroll", x, !0);
     };
   }, [u, y, o]), {
     isOpen: u,
@@ -181,8 +181,8 @@ const Qy = bu(b6), T6 = (o) => {
   { label: "Edit", icon: "hx_edit", action: "onEdit" },
   { label: "Delete", icon: "hx_delete", action: "onDelete" }
 ];
-function A6({ dropdownRef: o, position: u, onEdit: x, onPreview: P, onDelete: R }) {
-  const g = { onEdit: x, onPreview: P, onDelete: R }, p = u === "top" ? "hfl-bottom-full hfl-mb-2" : "hfl-top-full hfl-mt-2";
+function A6({ dropdownRef: o, position: u, onEdit: C, onPreview: P, onDelete: R }) {
+  const g = { onEdit: C, onPreview: P, onDelete: R }, p = u === "top" ? "hfl-bottom-full hfl-mb-2" : "hfl-top-full hfl-mt-2";
   return /* @__PURE__ */ Q.jsx(
     "div",
     {
@@ -205,11 +205,11 @@ function A6({ dropdownRef: o, position: u, onEdit: x, onPreview: P, onDelete: R
   );
 }
 function R6(o) {
-  const { document: u } = o, { selectedDocuments: x, toggleSelectedDocument: P, deleteDocument: R } = Aa(), { onDeleteAttachments: g } = Ya(), p = jt(null), {
+  const { document: u } = o, { selectedDocuments: C, toggleSelectedDocument: P, deleteDocument: R } = Aa(), { onDeleteAttachments: g } = Ya(), p = jt(null), {
     isOpen: m,
     position: y,
     toggleDropdown: h,
-    dropdownRef: C
+    dropdownRef: x
   } = T6(p), N = wa(
     () => new Date(u.createdAt).toLocaleDateString("en-GB", {
       day: "2-digit",
@@ -230,9 +230,9 @@ function R6(o) {
       "input",
       {
         type: "checkbox",
-        disabled: x.length >= 4 && !x.some((b) => b.id === u.id),
+        disabled: C.length >= 4 && !C.some((b) => b.id === u.id),
         className: "hfl-cursor-pointer hfl-w-[24px] hfl-h-[24px] hfl-mt-0",
-        checked: x.some((b) => b.id === u.id),
+        checked: C.some((b) => b.id === u.id),
         onChange: S
       }
     ) }),
@@ -279,7 +279,7 @@ function R6(o) {
           m && /* @__PURE__ */ Q.jsx(
             A6,
             {
-              dropdownRef: C,
+              dropdownRef: x,
               position: y,
               onEdit: E,
               onPreview: D,
@@ -292,17 +292,17 @@ function R6(o) {
   ] });
 }
 const Jy = bu(R6), N6 = ({ onFileUpload: o, disabled: u = !1 }) => {
-  const [x, P] = at(!1), [R, g] = at(!1), p = nn(
-    (C) => {
-      C.preventDefault(), C.stopPropagation(), !(u || R) && P(!0);
+  const [C, P] = at(!1), [R, g] = at(!1), p = nn(
+    (x) => {
+      x.preventDefault(), x.stopPropagation(), !(u || R) && P(!0);
     },
     [u, R]
-  ), m = nn((C) => {
-    C.preventDefault(), C.stopPropagation(), C.currentTarget.contains(C.relatedTarget) || P(!1);
+  ), m = nn((x) => {
+    x.preventDefault(), x.stopPropagation(), x.currentTarget.contains(x.relatedTarget) || P(!1);
   }, []), y = nn(
-    async (C) => {
-      if (C.preventDefault(), C.stopPropagation(), P(!1), u || R) return;
-      const N = Array.from(C.dataTransfer.files);
+    async (x) => {
+      if (x.preventDefault(), x.stopPropagation(), P(!1), u || R) return;
+      const N = Array.from(x.dataTransfer.files);
       if (N.length !== 0) {
         g(!0);
         try {
@@ -315,11 +315,11 @@ const Jy = bu(R6), N6 = ({ onFileUpload: o, disabled: u = !1 }) => {
       }
     },
     [u, R, o]
-  ), h = nn((C) => {
-    C.preventDefault(), C.stopPropagation();
+  ), h = nn((x) => {
+    x.preventDefault(), x.stopPropagation();
   }, []);
   return {
-    isDragOver: x,
+    isDragOver: C,
     isUploading: R,
     dragHandlers: {
       onDragOver: p,
@@ -350,7 +350,7 @@ function D6({ isDragOver: o, isUploading: u }) {
     }
   );
 }
-function Zy({ onFileUpload: o, children: u, className: x, disabled: P = !1 }) {
+function Zy({ onFileUpload: o, children: u, className: C, disabled: P = !1 }) {
   const { isDragOver: R, isUploading: g, dragHandlers: p } = N6({
     onFileUpload: o,
     disabled: P
@@ -358,7 +358,7 @@ function Zy({ onFileUpload: o, children: u, className: x, disabled: P = !1 }) {
   return /* @__PURE__ */ Q.jsxs(
     "div",
     {
-      className: `hfl-relative hfl-transition-all hfl-duration-200 hfl-overflow-y-scroll ${R ? "hfl-bg-Blue-25" : ""} ${x || ""}`,
+      className: `hfl-relative hfl-transition-all hfl-duration-200 hfl-overflow-y-scroll ${R ? "hfl-bg-Blue-25" : ""} ${C || ""}`,
       ...p,
       children: [
         u,
@@ -393,7 +393,7 @@ const P6 = (o) => /* @__PURE__ */ Q.jsx("svg", { width: "24", height: "24", view
   }
 ) });
 function _y({ onFileUpload: o }) {
-  const u = jt(null), x = () => {
+  const u = jt(null), C = () => {
     u.current?.click();
   }, P = async (R) => {
     const g = Array.from(R.target.files || []);
@@ -410,7 +410,7 @@ function _y({ onFileUpload: o }) {
     "div",
     {
       className: "hfl-w-[220px] hfl-h-[285px] hfl-rounded-md hfl-border hfl-border-Gray-300 hfl-flex hfl-flex-col hfl-items-center hfl-justify-center hfl-cursor-pointer",
-      onClick: x,
+      onClick: C,
       children: [
         /* @__PURE__ */ Q.jsxs("div", { className: "hfl-flex hfl-flex-col hfl-items-center hfl-justify-center", children: [
           /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-items-center hfl-justify-center hfl-w-16 hfl-h-16 hfl-mb-4 hfl-border hfl-border-dashed hfl-border-Gray-400 hfl-rounded-full", children: /* @__PURE__ */ Q.jsx(If, { className: "hfl-text-Gray-500", width: 24, height: 24 }) }),
@@ -431,7 +431,7 @@ function _y({ onFileUpload: o }) {
     }
   );
 }
-function O6({ onFileUpload: o, onEdit: u, onPreview: x, onDownload: P }) {
+function O6({ onFileUpload: o, onEdit: u, onPreview: C, onDownload: P }) {
   const { document: R } = Aa(), g = jt(null);
   un(() => {
     console.log("Document length: ", R.length);
@@ -443,8 +443,8 @@ function O6({ onFileUpload: o, onEdit: u, onPreview: x, onDownload: P }) {
     if (h.length !== 0)
       try {
         await o(h);
-      } catch (C) {
-        console.error("Error uploading files:", C);
+      } catch (x) {
+        console.error("Error uploading files:", x);
       } finally {
         g.current && (g.current.value = "");
       }
@@ -456,7 +456,7 @@ function O6({ onFileUpload: o, onEdit: u, onPreview: x, onDownload: P }) {
       {
         document: y,
         onEdit: u,
-        onPreview: x,
+        onPreview: C,
         onDownload: P
       },
       y.id
@@ -491,30 +491,30 @@ function O6({ onFileUpload: o, onEdit: u, onPreview: x, onDownload: P }) {
   ] }) });
 }
 const z6 = bu(O6);
-function F6({ onFileUpload: o, onEdit: u, onPreview: x, onDownload: P }) {
+function F6({ onFileUpload: o, onEdit: u, onPreview: C, onDownload: P }) {
   const { document: R } = Aa(), g = wa(() => E6(R), [R]), p = jt(null), m = () => {
     p.current?.click();
   }, y = async (h) => {
-    const C = Array.from(h.target.files || []);
-    if (C.length !== 0)
+    const x = Array.from(h.target.files || []);
+    if (x.length !== 0)
       try {
-        await o(C);
+        await o(x);
       } catch (N) {
         console.error("Error uploading files:", N);
       } finally {
         p.current && (p.current.value = "");
       }
   };
-  return /* @__PURE__ */ Q.jsx(Zy, { onFileUpload: o, children: R.length > 0 ? /* @__PURE__ */ Q.jsx("div", { className: "hfl-w-full hfl-overflow-y-scroll hfl-h-full hfl-flex hfl-flex-col hfl-gap-4 hfl-flex-grow hfl-p-4", children: g.map((h, C) => /* @__PURE__ */ Q.jsxs("div", { children: [
+  return /* @__PURE__ */ Q.jsx(Zy, { onFileUpload: o, children: R.length > 0 ? /* @__PURE__ */ Q.jsx("div", { className: "hfl-w-full hfl-overflow-y-scroll hfl-h-full hfl-flex hfl-flex-col hfl-gap-4 hfl-flex-grow hfl-p-4", children: g.map((h, x) => /* @__PURE__ */ Q.jsxs("div", { children: [
     /* @__PURE__ */ Q.jsx(It, { variant: "Medium", type: "Text md", className: "hfl-text-Blue_gray-950 hfl-mb-2 hfl-ml-3", children: h.dateLabel }),
     /* @__PURE__ */ Q.jsxs("div", { className: "hfl-py-2 hfl-px-4 hfl-flex hfl-gap-2 hfl-flex-wrap hfl-w-full", children: [
-      C === 0 && /* @__PURE__ */ Q.jsx(_y, { onFileUpload: o }),
+      x === 0 && /* @__PURE__ */ Q.jsx(_y, { onFileUpload: o }),
       h.documents.map((N) => /* @__PURE__ */ Q.jsx(
         Jy,
         {
           document: N,
           onEdit: u,
-          onPreview: x,
+          onPreview: C,
           onDownload: P
         },
         N.id
@@ -554,20 +554,20 @@ var U6 = o6();
 const qy = 0, Ky = 1, $y = 2, f2 = 3;
 var d2 = Object.prototype.hasOwnProperty;
 function t1(o, u) {
-  var x, P;
+  var C, P;
   if (o === u) return !0;
-  if (o && u && (x = o.constructor) === u.constructor) {
-    if (x === Date) return o.getTime() === u.getTime();
-    if (x === RegExp) return o.toString() === u.toString();
-    if (x === Array) {
+  if (o && u && (C = o.constructor) === u.constructor) {
+    if (C === Date) return o.getTime() === u.getTime();
+    if (C === RegExp) return o.toString() === u.toString();
+    if (C === Array) {
       if ((P = o.length) === u.length)
         for (; P-- && t1(o[P], u[P]); ) ;
       return P === -1;
     }
-    if (!x || typeof o == "object") {
+    if (!C || typeof o == "object") {
       P = 0;
-      for (x in o)
-        if (d2.call(o, x) && ++P && !d2.call(u, x) || !(x in u) || !t1(o[x], u[x])) return !1;
+      for (C in o)
+        if (d2.call(o, C) && ++P && !d2.call(u, C) || !(C in u) || !t1(o[C], u[C])) return !1;
       return Object.keys(u).length === P;
     }
   }
@@ -581,7 +581,7 @@ const bl = /* @__PURE__ */ new WeakMap(), ls = () => {
   ...o,
   ...u
 }), e5 = (o) => ki(o.then), zv = {}, Zh = {}, h1 = "undefined", Wf = typeof window != h1, r1 = typeof document != h1, j6 = Wf && "Deno" in window, B6 = () => Wf && typeof window.requestAnimationFrame != h1, t5 = (o, u) => {
-  const x = bl.get(o);
+  const C = bl.get(o);
   return [
     // Getter
     () => !Ht(u) && o.get(u) || zv,
@@ -589,11 +589,11 @@ const bl = /* @__PURE__ */ new WeakMap(), ls = () => {
     (P) => {
       if (!Ht(u)) {
         const R = o.get(u);
-        u in Zh || (Zh[u] = R), x[5](u, ss(R, P), R || zv);
+        u in Zh || (Zh[u] = R), C[5](u, ss(R, P), R || zv);
       }
     },
     // Subscriber
-    x[6],
+    C[6],
     // Get server cache snapshot
     () => !Ht(u) && u in Zh ? Zh[u] : !Ht(u) && o.get(u) || zv
   ];
@@ -613,11 +613,11 @@ const H6 = () => a1, [i1, l1] = Wf && window.addEventListener ? [
 }), I6 = (o) => {
   const u = () => {
     a1 = !0, o();
-  }, x = () => {
+  }, C = () => {
     a1 = !1;
   };
-  return i1("online", u), i1("offline", x), () => {
-    l1("online", u), l1("offline", x);
+  return i1("online", u), i1("offline", C), () => {
+    l1("online", u), l1("offline", C);
   };
 }, Y6 = {
   isOnline: H6,
@@ -631,7 +631,7 @@ const H6 = () => a1, [i1, l1] = Wf && window.addEventListener ? [
 ].includes(Gv.effectiveType) || Gv.saveData), _h = /* @__PURE__ */ new WeakMap(), Q6 = (o) => n1.prototype.toString.call(o), Uv = (o, u) => o === `[object ${u}]`;
 let J6 = 0;
 const s1 = (o) => {
-  const u = typeof o, x = Q6(o), P = Uv(x, "Date"), R = Uv(x, "RegExp"), g = Uv(x, "Object");
+  const u = typeof o, C = Q6(o), P = Uv(C, "Date"), R = Uv(C, "RegExp"), g = Uv(C, "Object");
   let p, m;
   if (n1(o) === o && !P && !R) {
     if (p = _h.get(o), p) return p;
@@ -666,7 +666,7 @@ const s1 = (o) => {
 let Z6 = 0;
 const o1 = () => ++Z6;
 async function n5(...o) {
-  const [u, x, P, R] = o, g = ss({
+  const [u, C, P, R] = o, g = ss({
     populateCache: !0,
     throwOnError: !0
   }, typeof R == "boolean" ? {
@@ -675,15 +675,15 @@ async function n5(...o) {
   let p = g.populateCache;
   const m = g.rollbackOnError;
   let y = g.optimisticData;
-  const h = (w) => typeof m == "function" ? m(w) : m !== !1, C = g.throwOnError;
-  if (ki(x)) {
-    const w = x, S = [], E = u.keys();
+  const h = (w) => typeof m == "function" ? m(w) : m !== !1, x = g.throwOnError;
+  if (ki(C)) {
+    const w = C, S = [], E = u.keys();
     for (const D of E)
       // Skip the special useSWRInfinite and useSWRSubscription keys.
       !/^\$(inf|sub)\$/.test(D) && w(u.get(D)._k) && S.push(D);
     return Promise.all(S.map(N));
   }
-  return N(x);
+  return N(C);
   async function N(w) {
     const [S] = p1(w);
     if (!S) return;
@@ -738,25 +738,25 @@ async function n5(...o) {
         _c: Lr
       });
     }), J) {
-      if (C) throw k;
+      if (x) throw k;
       return;
     }
     return L;
   }
 }
 const v2 = (o, u) => {
-  for (const x in o)
-    o[x][0] && o[x][0](u);
+  for (const C in o)
+    o[C][0] && o[C][0](u);
 }, _6 = (o, u) => {
   if (!bl.has(o)) {
-    const x = ss(X6, u), P = /* @__PURE__ */ Object.create(null), R = n5.bind(Lr, o);
+    const C = ss(X6, u), P = /* @__PURE__ */ Object.create(null), R = n5.bind(Lr, o);
     let g = ls;
-    const p = /* @__PURE__ */ Object.create(null), m = (C, N) => {
-      const w = p[C] || [];
-      return p[C] = w, w.push(N), () => w.splice(w.indexOf(N), 1);
-    }, y = (C, N, w) => {
-      o.set(C, N);
-      const S = p[C];
+    const p = /* @__PURE__ */ Object.create(null), m = (x, N) => {
+      const w = p[x] || [];
+      return p[x] = w, w.push(N), () => w.splice(w.indexOf(N), 1);
+    }, y = (x, N, w) => {
+      o.set(x, N);
+      const S = p[x];
       if (S)
         for (const E of S)
           E(N, w);
@@ -770,9 +770,9 @@ const v2 = (o, u) => {
         y,
         m
       ]), !Yf)) {
-        const C = x.initFocus(setTimeout.bind(Lr, v2.bind(Lr, P, qy))), N = x.initReconnect(setTimeout.bind(Lr, v2.bind(Lr, P, Ky)));
+        const x = C.initFocus(setTimeout.bind(Lr, v2.bind(Lr, P, qy))), N = C.initReconnect(setTimeout.bind(Lr, v2.bind(Lr, P, Ky)));
         g = () => {
-          C && C(), N && N(), bl.delete(o);
+          x && x(), N && N(), bl.delete(o);
         };
       }
     };
@@ -787,8 +787,8 @@ const v2 = (o, u) => {
     o,
     bl.get(o)[4]
   ];
-}, q6 = (o, u, x, P, R) => {
-  const g = x.errorRetryCount, p = R.retryCount, m = ~~((Math.random() + 0.5) * (1 << (p < 8 ? p : 8))) * x.errorRetryInterval;
+}, q6 = (o, u, C, P, R) => {
+  const g = C.errorRetryCount, p = R.retryCount, m = ~~((Math.random() + 0.5) * (1 << (p < 8 ? p : 8))) * C.errorRetryInterval;
   !Ht(g) && p > g || setTimeout(P, m, R);
 }, K6 = t1, [r5, $6] = _6(/* @__PURE__ */ new Map()), e9 = ss(
   {
@@ -818,12 +818,12 @@ const v2 = (o, u) => {
   // use web preset by default
   Y6
 ), t9 = (o, u) => {
-  const x = ss(o, u);
+  const C = ss(o, u);
   if (u) {
     const { use: P, fallback: R } = o, { use: g, fallback: p } = u;
-    P && g && (x.use = P.concat(g)), R && p && (x.fallback = ss(R, p));
+    P && g && (C.use = P.concat(g)), R && p && (C.fallback = ss(R, p));
   }
-  return x;
+  return C;
 }, n9 = f1({}), r9 = "$inf$", a5 = Wf && window.__SWR_DEVTOOLS_USE__, a9 = a5 ? window.__SWR_DEVTOOLS_USE__ : [], i9 = () => {
   a5 && (window.__SWR_DEVTOOLS_REACT__ = dn);
 }, l9 = (o) => ki(o[1]) ? [
@@ -839,23 +839,23 @@ const v2 = (o, u) => {
   return wa(() => ss(e9, o), [
     o
   ]);
-}, o9 = (o) => (u, x, P) => o(u, x && ((...g) => {
+}, o9 = (o) => (u, C, P) => o(u, C && ((...g) => {
   const [p] = p1(u), [, , , m] = bl.get(r5);
   if (p.startsWith(r9))
-    return x(...g);
+    return C(...g);
   const y = m[p];
-  return Ht(y) ? x(...g) : (delete m[p], y);
-}), P), u9 = a9.concat(o9), c9 = (o) => function(...x) {
-  const P = s9(), [R, g, p] = l9(x), m = t9(P, p);
+  return Ht(y) ? C(...g) : (delete m[p], y);
+}), P), u9 = a9.concat(o9), c9 = (o) => function(...C) {
+  const P = s9(), [R, g, p] = l9(C), m = t9(P, p);
   let y = o;
-  const { use: h } = m, C = (h || []).concat(u9);
-  for (let N = C.length; N--; )
-    y = C[N](y);
+  const { use: h } = m, x = (h || []).concat(u9);
+  for (let N = x.length; N--; )
+    y = x[N](y);
   return y(R, g || m.fetcher || null, m);
-}, f9 = (o, u, x) => {
+}, f9 = (o, u, C) => {
   const P = u[o] || (u[o] = []);
-  return P.push(x), () => {
-    const R = P.indexOf(x);
+  return P.push(C), () => {
+    const R = P.indexOf(C);
     R >= 0 && (P[R] = P[P.length - 1], P.pop());
   };
 };
@@ -881,8 +881,8 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
   }
 }), Bv = {
   dedupe: !0
-}, m2 = Promise.resolve(Lr), d9 = (o, u, x) => {
-  const { cache: P, compare: R, suspense: g, fallbackData: p, revalidateOnMount: m, revalidateIfStale: y, refreshInterval: h, refreshWhenHidden: C, refreshWhenOffline: N, keepPreviousData: w } = x, [S, E, D, H] = bl.get(P), [B, b] = p1(o), v = jt(!1), M = jt(!1), L = jt(B), k = jt(u), J = jt(x), O = () => J.current, j = () => O().isVisible() && O().isOnline(), [F, X, K, $] = t5(P, B), re = jt({}).current, ee = Ht(p) ? Ht(x.fallback) ? Lr : x.fallback[B] : p, pe = (Re, ke) => {
+}, m2 = Promise.resolve(Lr), d9 = (o, u, C) => {
+  const { cache: P, compare: R, suspense: g, fallbackData: p, revalidateOnMount: m, revalidateIfStale: y, refreshInterval: h, refreshWhenHidden: x, refreshWhenOffline: N, keepPreviousData: w } = C, [S, E, D, H] = bl.get(P), [B, b] = p1(o), v = jt(!1), M = jt(!1), L = jt(B), k = jt(u), J = jt(C), O = () => J.current, j = () => O().isVisible() && O().isOnline(), [F, X, K, $] = t5(P, B), re = jt({}).current, ee = Ht(p) ? Ht(C.fallback) ? Lr : C.fallback[B] : p, pe = (Re, ke) => {
     for (const Ge in re) {
       const $e = Ge;
       if ($e === "data") {
@@ -940,12 +940,12 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
       };
       Ht(F().data) && (ut.isLoading = !0);
       try {
-        if (Nt && (X(ut), x.loadingTimeout && Ht(F().data) && setTimeout(() => {
-          et && dt() && O().onLoadingSlow(B, x);
-        }, x.loadingTimeout), D[B] = [
+        if (Nt && (X(ut), C.loadingTimeout && Ht(F().data) && setTimeout(() => {
+          et && dt() && O().onLoadingSlow(B, C);
+        }, C.loadingTimeout), D[B] = [
           ke(b),
           o1()
-        ]), [Ge, $e] = D[B], Ge = await Ge, Nt && setTimeout(hn, x.dedupingInterval), !D[B] || D[B][1] !== $e)
+        ]), [Ge, $e] = D[B], Ge = await Ge, Nt && setTimeout(hn, C.dedupingInterval), !D[B] || D[B][1] !== $e)
           return Nt && dt() && O().onDiscarded(B), !1;
         yt.error = Lr;
         const xt = E[B];
@@ -955,7 +955,7 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
         xt[1] === 0))
           return St(), Nt && dt() && O().onDiscarded(B), !1;
         const Ft = F().data;
-        yt.data = R(Ft, Ge) ? Ft : Ge, Nt && dt() && O().onSuccess(Ge, B, x);
+        yt.data = R(Ft, Ge) ? Ft : Ge, Nt && dt() && O().onSuccess(Ge, B, C);
       } catch (xt) {
         hn();
         const Ft = O(), { shouldRetryOnError: cn } = Ft;
@@ -991,7 +991,7 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
     []
   );
   if (Fv(() => {
-    k.current = u, J.current = x, Ht(_) || (me.current = _);
+    k.current = u, J.current = C, Ht(_) || (me.current = _);
   }), Fv(() => {
     if (!B) return;
     const Re = Ae.bind(Lr, Bv);
@@ -1024,21 +1024,21 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
       $e && Re !== -1 && (Re = setTimeout(Ge, $e));
     }
     function Ge() {
-      !F().error && (C || O().isVisible()) && (N || O().isOnline()) ? Ae(Bv).then(ke) : ke();
+      !F().error && (x || O().isVisible()) && (N || O().isOnline()) ? Ae(Bv).then(ke) : ke();
     }
     return ke(), () => {
       Re && (clearTimeout(Re), Re = -1);
     };
   }, [
     h,
-    C,
+    x,
     N,
     B
   ]), a6(we), g) {
     const Re = B && Ht(oe);
     if (!h2 && Yf && Re)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    Re && (k.current = u, J.current = x, M.current = !1);
+    Re && (k.current = u, J.current = C, M.current = !1);
     const ke = H[B], Ge = !Ht(ke) && Re ? Me(ke) : m2;
     if (jv(Ge), !Ht(ne) && Re)
       throw ne;
@@ -1062,7 +1062,7 @@ const jv = dn.use || // This extra generic is to avoid TypeScript mixing up the
   };
 }, h9 = c9(d9);
 function p9() {
-  const { clearSelectedDocuments: o, selectedDocuments: u } = Aa(), { setCompareMode: x, setShowPreview: P } = Ya(), R = wa(
+  const { clearSelectedDocuments: o, selectedDocuments: u } = Aa(), { setCompareMode: C, setShowPreview: P } = Ya(), R = wa(
     () => [
       {
         label: Ov.COMPARE,
@@ -1070,7 +1070,7 @@ function p9() {
         disabled: u.length < 2,
         iconFile: "hx_compare",
         onClick: () => {
-          x(!0);
+          C(!0);
         }
         // Placeholder for compare action
       },
@@ -1093,7 +1093,7 @@ function p9() {
         onClick: () => o()
       }
     ],
-    [o, u.length, x, P]
+    [o, u.length, C, P]
   );
   return /* @__PURE__ */ Q.jsx("div", { className: "hfl-z-999 hfl-absolute hfl-left-1/2 hfl-top-[55%] hfl-transform hfl--translate-x-1/2 hfl-flex hfl-px-4 hfl-py-2 hfl-gap-2 hfl-rounded-lg hfl-border-1 hfl-border-Gray-300 hfl-bg-White", children: R.map((g) => /* @__PURE__ */ Q.jsx(
     Tl,
@@ -1124,13 +1124,13 @@ const v9 = bu(p9), m9 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASC
 function y9({
   showBackButton: o,
   onFileUpload: u,
-  setNextDate: x,
+  setNextDate: C,
   onCaptureClick: P,
   isUploading: R,
   setIsUploading: g,
   onHeaderBackClickCb: p
 }) {
-  const [m, y] = at(!1), [h, C] = at(""), [N, w] = at(null), S = jt(null), E = jt(null), D = jt(null), { documentView: H, setDocumentView: B } = Aa(), [b, v] = at(""), [M, L] = at(""), { setSearch: k, setTypes: J, setDates: O, setPage: j, setHasData: F } = Ya(), [X, K] = at([]), { setCompareMode: $, setShowPreview: re } = Ya(), { clearSelectedDocuments: ee } = Aa();
+  const [m, y] = at(!1), [h, x] = at(""), [N, w] = at(null), S = jt(null), E = jt(null), D = jt(null), { documentView: H, setDocumentView: B } = Aa(), [b, v] = at(""), [M, L] = at(""), { setSearch: k, setTypes: J, setDates: O, setPage: j, setHasData: F } = Ya(), [X, K] = at([]), { setCompareMode: $, setShowPreview: re } = Ya(), { clearSelectedDocuments: ee } = Aa();
   un(() => {
     const ae = X.map((Ce) => Ce === "unspecified" ? "" : Ce);
     J(ae);
@@ -1138,7 +1138,7 @@ function y9({
   const pe = () => {
     y(!m), w(null);
   }, z = (ae) => {
-    C(ae.target.value);
+    x(ae.target.value);
   }, U = (ae) => {
     w(N === ae ? null : ae);
   }, W = (ae) => {
@@ -1164,7 +1164,7 @@ function y9({
       }
     }
   }, ne = (ae) => {
-    B(ae), x(""), j(1), F(!0);
+    B(ae), C(""), j(1), F(!0);
   };
   un(() => (E.current && clearTimeout(E.current), E.current = setTimeout(() => {
     k(h), j(1);
@@ -1371,23 +1371,23 @@ const Qf = Iy((o) => ({
   })
 }));
 function i5(o) {
-  const { setHeaderHeight: u, isPreview: x = !1 } = o, P = jt(null), { setShowPenTool: R, showPenTool: g } = Qf(), p = nn(() => R(!g), [R, g]), { setShowSaveGroupPreview: m, setSelectedGroup: y, clearSelectedDocuments: h } = Aa();
+  const { setHeaderHeight: u, isPreview: C = !1 } = o, P = jt(null), { setShowPenTool: R, showPenTool: g } = Qf(), p = nn(() => R(!g), [R, g]), { setShowSaveGroupPreview: m, setSelectedGroup: y, clearSelectedDocuments: h } = Aa();
   un(() => {
     const S = P?.current?.clientHeight || 0;
     u(S);
   }, [u]);
-  const { setCompareMode: C, setShowPreview: N } = Ya(), w = nn(() => {
-    N(!1), C(!1), y(null), h(), m(!1);
-  }, [h, C, y, N, m]);
+  const { setCompareMode: x, setShowPreview: N } = Ya(), w = nn(() => {
+    N(!1), x(!1), y(null), h(), m(!1);
+  }, [h, x, y, N, m]);
   return /* @__PURE__ */ Q.jsxs(
     "div",
     {
       className: "hfl-flex hfl-justify-between hfl-items-center hfl-px-4 hfl-py-2 hfl-bg-Gray-100 hfl-w-full",
       ref: P,
       children: [
-        /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-gap-2 hfl-items-center", children: /* @__PURE__ */ Q.jsx(It, { className: "hfl-text-Gray-700 ", variant: "Semibold", type: "Text lg", children: x ? u6.TITLE : Jh.TITLE }) }),
+        /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-gap-2 hfl-items-center", children: /* @__PURE__ */ Q.jsx(It, { className: "hfl-text-Gray-700 ", variant: "Semibold", type: "Text lg", children: C ? u6.TITLE : Jh.TITLE }) }),
         /* @__PURE__ */ Q.jsxs("div", { className: "hfl-flex hfl-gap-2 hfl-items-center", children: [
-          !x && /* @__PURE__ */ Q.jsx(
+          !C && /* @__PURE__ */ Q.jsx(
             Tl,
             {
               hierarchy: "Primary",
@@ -1437,13 +1437,13 @@ function Et() {
   return g2 || (g2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o._registerNode = o.Konva = o.glob = void 0;
     const u = Math.PI / 180;
-    function x() {
+    function C() {
       return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
     }
     o.glob = typeof l2 < "u" ? l2 : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, o.Konva = {
       _global: o.glob,
       version: "9.3.22",
-      isBrowser: x(),
+      isBrowser: C(),
       isUnminified: /param/.test((function(R) {
       }).toString()),
       dblClickWindow: 400,
@@ -1497,7 +1497,7 @@ function An() {
   return y2 || (y2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Util = o.Transform = void 0;
     const u = Et();
-    class x {
+    class C {
       constructor(M = [1, 0, 0, 1, 0, 0]) {
         this.dirty = !1, this.m = M && M.slice() || [1, 0, 0, 1, 0, 0];
       }
@@ -1505,7 +1505,7 @@ function An() {
         this.m[0] = 1, this.m[1] = 0, this.m[2] = 0, this.m[3] = 1, this.m[4] = 0, this.m[5] = 0;
       }
       copy() {
-        return new x(this.m);
+        return new C(this.m);
       }
       copyInto(M) {
         M.m[0] = this.m[0], M.m[1] = this.m[1], M.m[2] = this.m[2], M.m[3] = this.m[3], M.m[4] = this.m[4], M.m[5] = this.m[5];
@@ -1568,8 +1568,8 @@ function An() {
         return X.rotation = o.Util._getRotation(X.rotation), X;
       }
     }
-    o.Transform = x;
-    const P = "[object Array]", R = "[object Number]", g = "[object String]", p = "[object Boolean]", m = Math.PI / 180, y = 180 / Math.PI, h = "#", C = "", N = "0", w = "Konva warning: ", S = "Konva error: ", E = "rgb(", D = {
+    o.Transform = C;
+    const P = "[object Array]", R = "[object Number]", g = "[object String]", p = "[object Boolean]", m = Math.PI / 180, y = 180 / Math.PI, h = "#", x = "", N = "0", w = "Konva warning: ", S = "Konva error: ", E = "rgb(", D = {
       aliceblue: [240, 248, 255],
       antiquewhite: [250, 235, 215],
       aqua: [0, 255, 255],
@@ -1793,7 +1793,7 @@ function An() {
         return ((1 << 24) + (v << 16) + (M << 8) + L).toString(16).slice(1);
       },
       _hexToRgb(v) {
-        v = v.replace(h, C);
+        v = v.replace(h, x);
         const M = parseInt(v, 16);
         return {
           r: M >> 16 & 255,
@@ -2050,7 +2050,7 @@ function l5() {
   if (S2) return El;
   S2 = 1, Object.defineProperty(El, "__esModule", { value: !0 }), El.HitContext = El.SceneContext = El.Context = void 0;
   const o = An(), u = Et();
-  function x(B) {
+  function C(B) {
     const b = [], v = B.length, M = o.Util;
     for (let L = 0; L < v; L++) {
       let k = B[L];
@@ -2058,7 +2058,7 @@ function l5() {
     }
     return b;
   }
-  const P = ",", R = "(", g = ")", p = "([", m = "])", y = ";", h = "()", C = "=", N = [
+  const P = ",", R = "(", g = ")", p = "([", m = "])", y = ";", h = "()", x = "=", N = [
     "arc",
     "arcTo",
     "beginPath",
@@ -2132,7 +2132,7 @@ function l5() {
     getTrace(b, v) {
       let M = this.traceArr, L = M.length, k = "", J, O, j, F;
       for (J = 0; J < L; J++)
-        O = M[J], j = O.method, j ? (F = O.args, k += j, b ? k += h : o.Util._isArray(F[0]) ? k += p + F.join(P) + m : (v && (F = F.map((X) => typeof X == "number" ? Math.floor(X) : X)), k += R + F.join(P) + g)) : (k += O.property, b || (k += C + O.val)), k += y;
+        O = M[J], j = O.method, j ? (F = O.args, k += j, b ? k += h : o.Util._isArray(F[0]) ? k += p + F.join(P) + m : (v && (F = F.map((X) => typeof X == "number" ? Math.floor(X) : X)), k += R + F.join(P) + g)) : (k += O.property, b || (k += x + O.val)), k += y;
       return k;
     }
     clearTrace() {
@@ -2289,7 +2289,7 @@ function l5() {
       const J = function(O) {
         let j = b[O], F;
         b[O] = function() {
-          return k = x(Array.prototype.slice.call(arguments, 0)), F = j.apply(b, arguments), b._trace({
+          return k = C(Array.prototype.slice.call(arguments, 0)), F = j.apply(b, arguments), b._trace({
             method: O,
             args: k
           }), F;
@@ -2427,21 +2427,21 @@ var x2;
 function n0() {
   if (x2) return Cl;
   x2 = 1, Object.defineProperty(Cl, "__esModule", { value: !0 }), Cl.HitCanvas = Cl.SceneCanvas = Cl.Canvas = void 0;
-  const o = An(), u = l5(), x = Et();
+  const o = An(), u = l5(), C = Et();
   let P;
   function R() {
     if (P)
       return P;
     const y = o.Util.createCanvasElement(), h = y.getContext("2d");
     return P = function() {
-      const C = x.Konva._global.devicePixelRatio || 1, N = h.webkitBackingStorePixelRatio || h.mozBackingStorePixelRatio || h.msBackingStorePixelRatio || h.oBackingStorePixelRatio || h.backingStorePixelRatio || 1;
-      return C / N;
+      const x = C.Konva._global.devicePixelRatio || 1, N = h.webkitBackingStorePixelRatio || h.mozBackingStorePixelRatio || h.msBackingStorePixelRatio || h.oBackingStorePixelRatio || h.backingStorePixelRatio || 1;
+      return x / N;
     }(), o.Util.releaseCanvas(y), P;
   }
   let g = class {
     constructor(h) {
       this.pixelRatio = 1, this.width = 0, this.height = 0, this.isCache = !1;
-      const N = (h || {}).pixelRatio || x.Konva.pixelRatio || R();
+      const N = (h || {}).pixelRatio || C.Konva.pixelRatio || R();
       this.pixelRatio = N, this._canvas = o.Util.createCanvasElement(), this._canvas.style.padding = "0", this._canvas.style.margin = "0", this._canvas.style.border = "0", this._canvas.style.background = "transparent", this._canvas.style.position = "absolute", this._canvas.style.top = "0", this._canvas.style.left = "0";
     }
     getContext() {
@@ -2451,18 +2451,18 @@ function n0() {
       return this.pixelRatio;
     }
     setPixelRatio(h) {
-      const C = this.pixelRatio;
-      this.pixelRatio = h, this.setSize(this.getWidth() / C, this.getHeight() / C);
+      const x = this.pixelRatio;
+      this.pixelRatio = h, this.setSize(this.getWidth() / x, this.getHeight() / x);
     }
     setWidth(h) {
       this.width = this._canvas.width = h * this.pixelRatio, this._canvas.style.width = h + "px";
-      const C = this.pixelRatio;
-      this.getContext()._context.scale(C, C);
+      const x = this.pixelRatio;
+      this.getContext()._context.scale(x, x);
     }
     setHeight(h) {
       this.height = this._canvas.height = h * this.pixelRatio, this._canvas.style.height = h + "px";
-      const C = this.pixelRatio;
-      this.getContext()._context.scale(C, C);
+      const x = this.pixelRatio;
+      this.getContext()._context.scale(x, x);
     }
     getWidth() {
       return this.width;
@@ -2470,12 +2470,12 @@ function n0() {
     getHeight() {
       return this.height;
     }
-    setSize(h, C) {
-      this.setWidth(h || 0), this.setHeight(C || 0);
+    setSize(h, x) {
+      this.setWidth(h || 0), this.setHeight(x || 0);
     }
-    toDataURL(h, C) {
+    toDataURL(h, x) {
       try {
-        return this._canvas.toDataURL(h, C);
+        return this._canvas.toDataURL(h, x);
       } catch {
         try {
           return this._canvas.toDataURL();
@@ -2505,7 +2505,7 @@ var Iv = {}, C2;
 function v1() {
   return C2 || (C2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.DD = void 0;
-    const u = Et(), x = An();
+    const u = Et(), C = An();
     o.DD = {
       get isDragging() {
         let P = !1;
@@ -2525,12 +2525,12 @@ function v1() {
         const R = [];
         o.DD._dragElements.forEach((g, p) => {
           const { node: m } = g, y = m.getStage();
-          y.setPointersPositions(P), g.pointerId === void 0 && (g.pointerId = x.Util._getFirstPointerId(P));
-          const h = y._changedPointerPositions.find((C) => C.id === g.pointerId);
+          y.setPointersPositions(P), g.pointerId === void 0 && (g.pointerId = C.Util._getFirstPointerId(P));
+          const h = y._changedPointerPositions.find((x) => x.id === g.pointerId);
           if (h) {
             if (g.dragStatus !== "dragging") {
-              const C = m.dragDistance();
-              if (Math.max(Math.abs(h.x - g.startPointerPos.x), Math.abs(h.y - g.startPointerPos.y)) < C || (m.startDrag({ evt: P }), !m.isDragging()))
+              const x = m.dragDistance();
+              if (Math.max(Math.abs(h.x - g.startPointerPos.x), Math.abs(h.y - g.startPointerPos.y)) < x || (m.startDrag({ evt: P }), !m.isDragging()))
                 return;
             }
             m._setDragPosition(P, g), R.push(m);
@@ -2547,7 +2547,7 @@ function v1() {
         const R = [];
         o.DD._dragElements.forEach((g) => {
           const { node: p } = g, m = p.getStage();
-          if (P && m.setPointersPositions(P), !m._changedPointerPositions.find((C) => C.id === g.pointerId))
+          if (P && m.setPointersPositions(P), !m._changedPointerPositions.find((x) => x.id === g.pointerId))
             return;
           (g.dragStatus === "dragging" || g.dragStatus === "stopped") && (o.DD.justDragged = !0, u.Konva._mouseListenClick = !1, u.Konva._touchListenClick = !1, u.Konva._pointerListenClick = !1, g.dragStatus = "stopped");
           const h = g.node.getLayer() || g.node instanceof u.Konva.Stage && g.node;
@@ -2571,9 +2571,9 @@ function v1() {
 var Yv = {}, oa = {}, E2;
 function zt() {
   if (E2) return oa;
-  E2 = 1, Object.defineProperty(oa, "__esModule", { value: !0 }), oa.RGBComponent = P, oa.alphaComponent = R, oa.getNumberValidator = g, oa.getNumberOrArrayOfNumbersValidator = p, oa.getNumberOrAutoValidator = m, oa.getStringValidator = y, oa.getStringOrGradientValidator = h, oa.getFunctionValidator = C, oa.getNumberArrayValidator = N, oa.getBooleanValidator = w, oa.getComponentValidator = S;
+  E2 = 1, Object.defineProperty(oa, "__esModule", { value: !0 }), oa.RGBComponent = P, oa.alphaComponent = R, oa.getNumberValidator = g, oa.getNumberOrArrayOfNumbersValidator = p, oa.getNumberOrAutoValidator = m, oa.getStringValidator = y, oa.getStringOrGradientValidator = h, oa.getFunctionValidator = x, oa.getNumberArrayValidator = N, oa.getBooleanValidator = w, oa.getComponentValidator = S;
   const o = Et(), u = An();
-  function x(E) {
+  function C(E) {
     return u.Util._isString(E) ? '"' + E + '"' : Object.prototype.toString.call(E) === "[object Number]" || u.Util._isBoolean(E) ? E : Object.prototype.toString.call(E);
   }
   function P(E) {
@@ -2585,39 +2585,39 @@ function zt() {
   function g() {
     if (o.Konva.isUnminified)
       return function(E, D) {
-        return u.Util._isNumber(E) || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a number.'), E;
+        return u.Util._isNumber(E) || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a number.'), E;
       };
   }
   function p(E) {
     if (o.Konva.isUnminified)
       return function(D, H) {
         let B = u.Util._isNumber(D), b = u.Util._isArray(D) && D.length == E;
-        return !B && !b && u.Util.warn(x(D) + ' is a not valid value for "' + H + '" attribute. The value should be a number or Array<number>(' + E + ")"), D;
+        return !B && !b && u.Util.warn(C(D) + ' is a not valid value for "' + H + '" attribute. The value should be a number or Array<number>(' + E + ")"), D;
       };
   }
   function m() {
     if (o.Konva.isUnminified)
       return function(E, D) {
-        return u.Util._isNumber(E) || E === "auto" || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a number or "auto".'), E;
+        return u.Util._isNumber(E) || E === "auto" || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a number or "auto".'), E;
       };
   }
   function y() {
     if (o.Konva.isUnminified)
       return function(E, D) {
-        return u.Util._isString(E) || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a string.'), E;
+        return u.Util._isString(E) || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a string.'), E;
       };
   }
   function h() {
     if (o.Konva.isUnminified)
       return function(E, D) {
         const H = u.Util._isString(E), B = Object.prototype.toString.call(E) === "[object CanvasGradient]" || E && E.addColorStop;
-        return H || B || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a string or a native gradient.'), E;
+        return H || B || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a string or a native gradient.'), E;
       };
   }
-  function C() {
+  function x() {
     if (o.Konva.isUnminified)
       return function(E, D) {
-        return u.Util._isFunction(E) || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a function.'), E;
+        return u.Util._isFunction(E) || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a function.'), E;
       };
   }
   function N() {
@@ -2626,19 +2626,19 @@ function zt() {
         const H = Int8Array ? Object.getPrototypeOf(Int8Array) : null;
         return H && E instanceof H || (u.Util._isArray(E) ? E.forEach(function(B) {
           u.Util._isNumber(B) || u.Util.warn('"' + D + '" attribute has non numeric element ' + B + ". Make sure that all elements are numbers.");
-        }) : u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a array of numbers.')), E;
+        }) : u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a array of numbers.')), E;
       };
   }
   function w() {
     if (o.Konva.isUnminified)
       return function(E, D) {
-        return E === !0 || E === !1 || u.Util.warn(x(E) + ' is a not valid value for "' + D + '" attribute. The value should be a boolean.'), E;
+        return E === !0 || E === !1 || u.Util.warn(C(E) + ' is a not valid value for "' + D + '" attribute. The value should be a boolean.'), E;
       };
   }
   function S(E) {
     if (o.Konva.isUnminified)
       return function(D, H) {
-        return D == null || u.Util.isObject(D) || u.Util.warn(x(D) + ' is a not valid value for "' + H + '" attribute. The value should be an object with properties ' + E), D;
+        return D == null || u.Util.isObject(D) || u.Util.warn(C(D) + ' is a not valid value for "' + H + '" attribute. The value should be an object with properties ' + E), D;
       };
   }
   return oa;
@@ -2647,7 +2647,7 @@ var b2;
 function Rt() {
   return b2 || (b2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Factory = void 0;
-    const u = An(), x = zt(), P = "get", R = "set";
+    const u = An(), C = zt(), P = "get", R = "set";
     o.Factory = {
       addGetterSetter(g, p, m, y, h) {
         o.Factory.addGetter(g, p, m), o.Factory.addSetter(g, p, y, h), o.Factory.addOverloadedGetterSetter(g, p);
@@ -2665,21 +2665,21 @@ function Rt() {
       },
       overWriteSetter(g, p, m, y) {
         const h = R + u.Util._capitalize(p);
-        g.prototype[h] = function(C) {
-          return m && C !== void 0 && C !== null && (C = m.call(this, C, p)), this._setAttr(p, C), y && y.call(this), this;
+        g.prototype[h] = function(x) {
+          return m && x !== void 0 && x !== null && (x = m.call(this, x, p)), this._setAttr(p, x), y && y.call(this), this;
         };
       },
       addComponentsGetterSetter(g, p, m, y, h) {
-        const C = m.length, N = u.Util._capitalize, w = P + N(p), S = R + N(p);
+        const x = m.length, N = u.Util._capitalize, w = P + N(p), S = R + N(p);
         g.prototype[w] = function() {
           const D = {};
-          for (let H = 0; H < C; H++) {
+          for (let H = 0; H < x; H++) {
             const B = m[H];
             D[B] = this.getAttr(p + N(B));
           }
           return D;
         };
-        const E = (0, x.getComponentValidator)(m);
+        const E = (0, C.getComponentValidator)(m);
         g.prototype[S] = function(D) {
           const H = this.attrs[p];
           y && (D = y.call(this, D, p)), E && E.call(this, D, p);
@@ -2698,22 +2698,22 @@ function Rt() {
       },
       addDeprecatedGetterSetter(g, p, m, y) {
         u.Util.error("Adding deprecated " + p);
-        const h = P + u.Util._capitalize(p), C = p + " property is deprecated and will be removed soon. Look at Konva change log for more information.";
+        const h = P + u.Util._capitalize(p), x = p + " property is deprecated and will be removed soon. Look at Konva change log for more information.";
         g.prototype[h] = function() {
-          u.Util.error(C);
+          u.Util.error(x);
           const N = this.attrs[p];
           return N === void 0 ? m : N;
         }, o.Factory.addSetter(g, p, y, function() {
-          u.Util.error(C);
+          u.Util.error(x);
         }), o.Factory.addOverloadedGetterSetter(g, p);
       },
       backCompat(g, p) {
         u.Util.each(p, function(m, y) {
-          const h = g.prototype[y], C = P + u.Util._capitalize(m), N = R + u.Util._capitalize(m);
+          const h = g.prototype[y], x = P + u.Util._capitalize(m), N = R + u.Util._capitalize(m);
           function w() {
             h.apply(this, arguments), u.Util.error('"' + m + '" method is deprecated and will be removed soon. Use ""' + y + '" instead.');
           }
-          g.prototype[m] = w, g.prototype[C] = w, g.prototype[N] = w;
+          g.prototype[m] = w, g.prototype[x] = w, g.prototype[N] = w;
         });
       },
       afterSetFilter() {
@@ -2726,7 +2726,7 @@ var T2;
 function Mn() {
   if (T2) return $c;
   T2 = 1, Object.defineProperty($c, "__esModule", { value: !0 }), $c.Node = void 0;
-  const o = n0(), u = v1(), x = Rt(), P = Et(), R = An(), g = zt(), p = "absoluteOpacity", m = "allEventListeners", y = "absoluteTransform", h = "absoluteScale", C = "canvas", N = "Change", w = "children", S = "konva", E = "listening", D = "mouseenter", H = "mouseleave", B = "pointerenter", b = "pointerleave", v = "touchenter", M = "touchleave", L = "set", k = "Shape", J = " ", O = "stage", j = "transform", F = "Stage", X = "visible", K = [
+  const o = n0(), u = v1(), C = Rt(), P = Et(), R = An(), g = zt(), p = "absoluteOpacity", m = "allEventListeners", y = "absoluteTransform", h = "absoluteScale", x = "canvas", N = "Change", w = "children", S = "konva", E = "listening", D = "mouseenter", H = "mouseleave", B = "pointerenter", b = "pointerleave", v = "touchenter", M = "touchleave", L = "set", k = "Shape", J = " ", O = "stage", j = "transform", F = "Stage", X = "visible", K = [
     "xChange.konva",
     "yChange.konva",
     "scaleXChange.konva",
@@ -2762,15 +2762,15 @@ function Mn() {
       return this._getCache(z, W);
     }
     _getCanvasCache() {
-      return this._cache.get(C);
+      return this._cache.get(x);
     }
     _clearSelfAndDescendantCache(z) {
       this._clearCache(z), z === y && this.fire("absoluteTransformChange");
     }
     clearCache() {
-      if (this._cache.has(C)) {
-        const { scene: z, filter: U, hit: W, buffer: I } = this._cache.get(C);
-        R.Util.releaseCanvas(z, U, W, I), this._cache.delete(C);
+      if (this._cache.has(x)) {
+        const { scene: z, filter: U, hit: W, buffer: I } = this._cache.get(x);
+        R.Util.releaseCanvas(z, U, W, I), this._cache.delete(x);
       }
       return this._clearSelfAndDescendantCache(), this._requestDraw(), this;
     }
@@ -2806,7 +2806,7 @@ function Mn() {
         height: Ae.height / Ae.pixelRatio + Math.abs(me),
         pixelRatio: Ae.pixelRatio
       }), $e = Ge.getContext();
-      return Ye.isCache = !0, Ae.isCache = !0, this._cache.delete(C), this._filterUpToDate = !1, U.imageSmoothingEnabled === !1 && (Ae.getContext()._context.imageSmoothingEnabled = !1, Me.getContext()._context.imageSmoothingEnabled = !1), Re.save(), ke.save(), $e.save(), Re.translate(-ne, -me), ke.translate(-ne, -me), $e.translate(-ne, -me), Ge.x = ne, Ge.y = me, this._isUnderCache = !0, this._clearSelfAndDescendantCache(p), this._clearSelfAndDescendantCache(h), this.drawScene(Ae, this, Ge), this.drawHit(Ye, this), this._isUnderCache = !1, Re.restore(), ke.restore(), se && (Re.save(), Re.beginPath(), Re.rect(0, 0, I, _), Re.closePath(), Re.setAttr("strokeStyle", "red"), Re.setAttr("lineWidth", 5), Re.stroke(), Re.restore()), this._cache.set(C, {
+      return Ye.isCache = !0, Ae.isCache = !0, this._cache.delete(x), this._filterUpToDate = !1, U.imageSmoothingEnabled === !1 && (Ae.getContext()._context.imageSmoothingEnabled = !1, Me.getContext()._context.imageSmoothingEnabled = !1), Re.save(), ke.save(), $e.save(), Re.translate(-ne, -me), ke.translate(-ne, -me), $e.translate(-ne, -me), Ge.x = ne, Ge.y = me, this._isUnderCache = !0, this._clearSelfAndDescendantCache(p), this._clearSelfAndDescendantCache(h), this.drawScene(Ae, this, Ge), this.drawHit(Ye, this), this._isUnderCache = !1, Re.restore(), ke.restore(), se && (Re.save(), Re.beginPath(), Re.rect(0, 0, I, _), Re.closePath(), Re.setAttr("strokeStyle", "red"), Re.setAttr("lineWidth", 5), Re.stroke(), Re.restore()), this._cache.set(x, {
         scene: Ae,
         filter: Me,
         hit: Ye,
@@ -2816,7 +2816,7 @@ function Mn() {
       }), this._requestDraw(), this;
     }
     isCached() {
-      return this._cache.has(C);
+      return this._cache.has(x);
     }
     getClientRect(z) {
       throw new Error('abstract "getClientRect" method call');
@@ -3525,10 +3525,10 @@ function Mn() {
   }), re.prototype.on.call(re.prototype, "opacityChange.konva", function() {
     this._clearSelfAndDescendantCache(p);
   });
-  const ee = x.Factory.addGetterSetter;
-  return ee(re, "zIndex"), ee(re, "absolutePosition"), ee(re, "position"), ee(re, "x", 0, (0, g.getNumberValidator)()), ee(re, "y", 0, (0, g.getNumberValidator)()), ee(re, "globalCompositeOperation", "source-over", (0, g.getStringValidator)()), ee(re, "opacity", 1, (0, g.getNumberValidator)()), ee(re, "name", "", (0, g.getStringValidator)()), ee(re, "id", "", (0, g.getStringValidator)()), ee(re, "rotation", 0, (0, g.getNumberValidator)()), x.Factory.addComponentsGetterSetter(re, "scale", ["x", "y"]), ee(re, "scaleX", 1, (0, g.getNumberValidator)()), ee(re, "scaleY", 1, (0, g.getNumberValidator)()), x.Factory.addComponentsGetterSetter(re, "skew", ["x", "y"]), ee(re, "skewX", 0, (0, g.getNumberValidator)()), ee(re, "skewY", 0, (0, g.getNumberValidator)()), x.Factory.addComponentsGetterSetter(re, "offset", ["x", "y"]), ee(re, "offsetX", 0, (0, g.getNumberValidator)()), ee(re, "offsetY", 0, (0, g.getNumberValidator)()), ee(re, "dragDistance", void 0, (0, g.getNumberValidator)()), ee(re, "width", 0, (0, g.getNumberValidator)()), ee(re, "height", 0, (0, g.getNumberValidator)()), ee(re, "listening", !0, (0, g.getBooleanValidator)()), ee(re, "preventDefault", !0, (0, g.getBooleanValidator)()), ee(re, "filters", void 0, function(pe) {
+  const ee = C.Factory.addGetterSetter;
+  return ee(re, "zIndex"), ee(re, "absolutePosition"), ee(re, "position"), ee(re, "x", 0, (0, g.getNumberValidator)()), ee(re, "y", 0, (0, g.getNumberValidator)()), ee(re, "globalCompositeOperation", "source-over", (0, g.getStringValidator)()), ee(re, "opacity", 1, (0, g.getNumberValidator)()), ee(re, "name", "", (0, g.getStringValidator)()), ee(re, "id", "", (0, g.getStringValidator)()), ee(re, "rotation", 0, (0, g.getNumberValidator)()), C.Factory.addComponentsGetterSetter(re, "scale", ["x", "y"]), ee(re, "scaleX", 1, (0, g.getNumberValidator)()), ee(re, "scaleY", 1, (0, g.getNumberValidator)()), C.Factory.addComponentsGetterSetter(re, "skew", ["x", "y"]), ee(re, "skewX", 0, (0, g.getNumberValidator)()), ee(re, "skewY", 0, (0, g.getNumberValidator)()), C.Factory.addComponentsGetterSetter(re, "offset", ["x", "y"]), ee(re, "offsetX", 0, (0, g.getNumberValidator)()), ee(re, "offsetY", 0, (0, g.getNumberValidator)()), ee(re, "dragDistance", void 0, (0, g.getNumberValidator)()), ee(re, "width", 0, (0, g.getNumberValidator)()), ee(re, "height", 0, (0, g.getNumberValidator)()), ee(re, "listening", !0, (0, g.getBooleanValidator)()), ee(re, "preventDefault", !0, (0, g.getBooleanValidator)()), ee(re, "filters", void 0, function(pe) {
     return this._filterUpToDate = !1, pe;
-  }), ee(re, "visible", !0, (0, g.getBooleanValidator)()), ee(re, "transformsEnabled", "all", (0, g.getStringValidator)()), ee(re, "size"), ee(re, "dragBoundFunc"), ee(re, "draggable", !1, (0, g.getBooleanValidator)()), x.Factory.backCompat(re, {
+  }), ee(re, "visible", !0, (0, g.getBooleanValidator)()), ee(re, "transformsEnabled", "all", (0, g.getStringValidator)()), ee(re, "size"), ee(re, "dragBoundFunc"), ee(re, "draggable", !1, (0, g.getBooleanValidator)()), C.Factory.backCompat(re, {
     rotateDeg: "rotate",
     setRotationDeg: "setRotation",
     getRotationDeg: "getRotation"
@@ -3538,7 +3538,7 @@ var ef = {}, w2;
 function r0() {
   if (w2) return ef;
   w2 = 1, Object.defineProperty(ef, "__esModule", { value: !0 }), ef.Container = void 0;
-  const o = Rt(), u = Mn(), x = zt();
+  const o = Rt(), u = Mn(), C = zt();
   let P = class extends u.Node {
     constructor() {
       super(...arguments), this.children = [];
@@ -3641,13 +3641,13 @@ function r0() {
       }), this._requestDraw();
     }
     drawScene(g, p, m) {
-      const y = this.getLayer(), h = g || y && y.getCanvas(), C = h && h.getContext(), N = this._getCanvasCache(), w = N && N.scene, S = h && h.isCache;
+      const y = this.getLayer(), h = g || y && y.getCanvas(), x = h && h.getContext(), N = this._getCanvasCache(), w = N && N.scene, S = h && h.isCache;
       if (!this.isVisible() && !S)
         return this;
       if (w) {
-        C.save();
+        x.save();
         const E = this.getAbsoluteTransform(p).getMatrix();
-        C.transform(E[0], E[1], E[2], E[3], E[4], E[5]), this._drawCachedSceneCanvas(C), C.restore();
+        x.transform(E[0], E[1], E[2], E[3], E[4], E[5]), this._drawCachedSceneCanvas(x), x.restore();
       } else
         this._drawChildren("drawScene", h, p, m);
       return this;
@@ -3655,8 +3655,8 @@ function r0() {
     drawHit(g, p) {
       if (!this.shouldDrawHit(p))
         return this;
-      const m = this.getLayer(), y = g || m && m.hitCanvas, h = y && y.getContext(), C = this._getCanvasCache();
-      if (C && C.hit) {
+      const m = this.getLayer(), y = g || m && m.hitCanvas, h = y && y.getContext(), x = this._getCanvasCache();
+      if (x && x.hit) {
         h.save();
         const w = this.getAbsoluteTransform(p).getMatrix();
         h.transform(w[0], w[1], w[2], w[3], w[4], w[5]), this._drawCachedHitCanvas(h), h.restore();
@@ -3666,30 +3666,30 @@ function r0() {
     }
     _drawChildren(g, p, m, y) {
       var h;
-      const C = p && p.getContext(), N = this.clipWidth(), w = this.clipHeight(), S = this.clipFunc(), E = typeof N == "number" && typeof w == "number" || S, D = m === this;
+      const x = p && p.getContext(), N = this.clipWidth(), w = this.clipHeight(), S = this.clipFunc(), E = typeof N == "number" && typeof w == "number" || S, D = m === this;
       if (E) {
-        C.save();
+        x.save();
         const B = this.getAbsoluteTransform(m);
         let b = B.getMatrix();
-        C.transform(b[0], b[1], b[2], b[3], b[4], b[5]), C.beginPath();
+        x.transform(b[0], b[1], b[2], b[3], b[4], b[5]), x.beginPath();
         let v;
         if (S)
-          v = S.call(this, C, this);
+          v = S.call(this, x, this);
         else {
           const M = this.clipX(), L = this.clipY();
-          C.rect(M || 0, L || 0, N, w);
+          x.rect(M || 0, L || 0, N, w);
         }
-        C.clip.apply(C, v), b = B.copy().invert().getMatrix(), C.transform(b[0], b[1], b[2], b[3], b[4], b[5]);
+        x.clip.apply(x, v), b = B.copy().invert().getMatrix(), x.transform(b[0], b[1], b[2], b[3], b[4], b[5]);
       }
       const H = !D && this.globalCompositeOperation() !== "source-over" && g === "drawScene";
-      H && (C.save(), C._applyGlobalCompositeOperation(this)), (h = this.children) === null || h === void 0 || h.forEach(function(B) {
+      H && (x.save(), x._applyGlobalCompositeOperation(this)), (h = this.children) === null || h === void 0 || h.forEach(function(B) {
         B[g](p, m, y);
-      }), H && C.restore(), E && C.restore();
+      }), H && x.restore(), E && x.restore();
     }
     getClientRect(g = {}) {
       var p;
       const m = g.skipTransform, y = g.relativeTo;
-      let h, C, N, w, S = {
+      let h, x, N, w, S = {
         x: 1 / 0,
         y: 1 / 0,
         width: 0,
@@ -3704,7 +3704,7 @@ function r0() {
           skipShadow: g.skipShadow,
           skipStroke: g.skipStroke
         });
-        b.width === 0 && b.height === 0 || (h === void 0 ? (h = b.x, C = b.y, N = b.x + b.width, w = b.y + b.height) : (h = Math.min(h, b.x), C = Math.min(C, b.y), N = Math.max(N, b.x + b.width), w = Math.max(w, b.y + b.height)));
+        b.width === 0 && b.height === 0 || (h === void 0 ? (h = b.x, x = b.y, N = b.x + b.width, w = b.y + b.height) : (h = Math.min(h, b.x), x = Math.min(x, b.y), N = Math.max(N, b.x + b.width), w = Math.max(w, b.y + b.height)));
       });
       const D = this.find("Shape");
       let H = !1;
@@ -3715,9 +3715,9 @@ function r0() {
         }
       return H && h !== void 0 ? S = {
         x: h,
-        y: C,
+        y: x,
         width: N - h,
-        height: w - C
+        height: w - x
       } : S = {
         x: 0,
         y: 0,
@@ -3731,13 +3731,13 @@ function r0() {
     "y",
     "width",
     "height"
-  ]), o.Factory.addGetterSetter(P, "clipX", void 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipY", void 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipWidth", void 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipHeight", void 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipFunc"), ef;
+  ]), o.Factory.addGetterSetter(P, "clipX", void 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipY", void 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipWidth", void 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipHeight", void 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(P, "clipFunc"), ef;
 }
 var Xv = {}, rs = {}, A2;
 function s5() {
   if (A2) return rs;
   A2 = 1, Object.defineProperty(rs, "__esModule", { value: !0 }), rs.getCapturedShape = P, rs.createEvent = R, rs.hasPointerCapture = g, rs.setPointerCapture = p, rs.releaseCapture = m;
-  const o = Et(), u = /* @__PURE__ */ new Map(), x = o.Konva._global.PointerEvent !== void 0;
+  const o = Et(), u = /* @__PURE__ */ new Map(), C = o.Konva._global.PointerEvent !== void 0;
   function P(y) {
     return u.get(y);
   }
@@ -3751,14 +3751,14 @@ function s5() {
     return u.get(y) === h;
   }
   function p(y, h) {
-    m(y), h.getStage() && (u.set(y, h), x && h._fire("gotpointercapture", R(new PointerEvent("gotpointercapture"))));
+    m(y), h.getStage() && (u.set(y, h), C && h._fire("gotpointercapture", R(new PointerEvent("gotpointercapture"))));
   }
   function m(y, h) {
-    const C = u.get(y);
-    if (!C)
+    const x = u.get(y);
+    if (!x)
       return;
-    const N = C.getStage();
-    N && N.content, u.delete(y), x && C._fire("lostpointercapture", R(new PointerEvent("lostpointercapture")));
+    const N = x.getStage();
+    N && N.content, u.delete(y), C && x._fire("lostpointercapture", R(new PointerEvent("lostpointercapture")));
   }
   return rs;
 }
@@ -3766,7 +3766,7 @@ var R2;
 function x9() {
   return R2 || (R2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Stage = o.stages = void 0;
-    const u = An(), x = Rt(), P = r0(), R = Et(), g = n0(), p = v1(), m = Et(), y = s5(), h = "Stage", C = "string", N = "px", w = "mouseout", S = "mouseleave", E = "mouseover", D = "mouseenter", H = "mousemove", B = "mousedown", b = "mouseup", v = "pointermove", M = "pointerdown", L = "pointerup", k = "pointercancel", J = "lostpointercapture", O = "pointerout", j = "pointerleave", F = "pointerover", X = "pointerenter", K = "contextmenu", $ = "touchstart", re = "touchend", ee = "touchmove", pe = "touchcancel", z = "wheel", U = 5, W = [
+    const u = An(), C = Rt(), P = r0(), R = Et(), g = n0(), p = v1(), m = Et(), y = s5(), h = "Stage", x = "string", N = "px", w = "mouseout", S = "mouseleave", E = "mouseover", D = "mouseenter", H = "mousemove", B = "mousedown", b = "mouseup", v = "pointermove", M = "pointerdown", L = "pointerup", k = "pointercancel", J = "lostpointercapture", O = "pointerout", j = "pointerleave", F = "pointerover", X = "pointerenter", K = "contextmenu", $ = "touchstart", re = "touchend", ee = "touchmove", pe = "touchcancel", z = "wheel", U = 5, W = [
       [D, "_pointerenter"],
       [B, "_pointerdown"],
       [H, "_pointermove"],
@@ -3853,7 +3853,7 @@ function x9() {
         this.content.style.display = Z;
       }
       setContainer(Z) {
-        if (typeof Z === C) {
+        if (typeof Z === x) {
           let ae;
           if (Z.charAt(0) === ".") {
             const Ce = Z.slice(1);
@@ -4193,7 +4193,7 @@ function x9() {
         }), this;
       }
     }
-    o.Stage = we, we.prototype.nodeType = h, (0, m._registerNode)(we), x.Factory.addGetterSetter(we, "container"), R.Konva.isBrowser && document.addEventListener("visibilitychange", () => {
+    o.Stage = we, we.prototype.nodeType = h, (0, m._registerNode)(we), C.Factory.addGetterSetter(we, "container"), R.Konva.isBrowser && document.addEventListener("visibilitychange", () => {
       o.stages.forEach((se) => {
         se.batchDraw();
       });
@@ -4204,10 +4204,10 @@ var tf = {}, Wv = {}, N2;
 function sr() {
   return N2 || (N2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Shape = o.shapes = void 0;
-    const u = Et(), x = An(), P = Rt(), R = Mn(), g = zt(), p = Et(), m = s5(), y = "hasShadow", h = "shadowRGBA", C = "patternImage", N = "linearGradient", w = "radialGradient";
+    const u = Et(), C = An(), P = Rt(), R = Mn(), g = zt(), p = Et(), m = s5(), y = "hasShadow", h = "shadowRGBA", x = "patternImage", N = "linearGradient", w = "radialGradient";
     let S;
     function E() {
-      return S || (S = x.Util.createCanvasElement().getContext("2d"), S);
+      return S || (S = C.Util.createCanvasElement().getContext("2d"), S);
     }
     o.shapes = {};
     function D(j) {
@@ -4231,7 +4231,7 @@ function sr() {
       this._clearCache(h);
     }
     function L() {
-      this._clearCache(C);
+      this._clearCache(x);
     }
     function k() {
       this._clearCache(N);
@@ -4243,15 +4243,15 @@ function sr() {
       constructor(F) {
         super(F);
         let X;
-        for (; X = x.Util.getRandomColor(), !(X && !(X in o.shapes)); )
+        for (; X = C.Util.getRandomColor(), !(X && !(X in o.shapes)); )
           ;
         this.colorKey = X, o.shapes[X] = this;
       }
       getContext() {
-        return x.Util.warn("shape.getContext() method is deprecated. Please do not use it."), this.getLayer().getContext();
+        return C.Util.warn("shape.getContext() method is deprecated. Please do not use it."), this.getLayer().getContext();
       }
       getCanvas() {
-        return x.Util.warn("shape.getCanvas() method is deprecated. Please do not use it."), this.getLayer().getCanvas();
+        return C.Util.warn("shape.getCanvas() method is deprecated. Please do not use it."), this.getLayer().getCanvas();
       }
       getSceneFunc() {
         return this.attrs.sceneFunc || this._sceneFunc;
@@ -4266,13 +4266,13 @@ function sr() {
         return this.shadowEnabled() && this.shadowOpacity() !== 0 && !!(this.shadowColor() || this.shadowBlur() || this.shadowOffsetX() || this.shadowOffsetY());
       }
       _getFillPattern() {
-        return this._getCache(C, this.__getFillPattern);
+        return this._getCache(x, this.__getFillPattern);
       }
       __getFillPattern() {
         if (this.fillPatternImage()) {
           const X = E().createPattern(this.fillPatternImage(), this.fillPatternRepeat() || "repeat");
           if (X && X.setTransform) {
-            const K = new x.Transform();
+            const K = new C.Transform();
             K.translate(this.fillPatternX(), this.fillPatternY()), K.rotate(u.Konva.getAngle(this.fillPatternRotation())), K.scale(this.fillPatternScaleX(), this.fillPatternScaleY()), K.translate(-1 * this.fillPatternOffsetX(), -1 * this.fillPatternOffsetY());
             const $ = K.getMatrix(), re = typeof DOMMatrix > "u" ? {
               a: $[0],
@@ -4317,7 +4317,7 @@ function sr() {
       _getShadowRGBA() {
         if (!this.hasShadow())
           return;
-        const F = x.Util.colorToRGBA(this.shadowColor());
+        const F = C.Util.colorToRGBA(this.shadowColor());
         if (F)
           return "rgba(" + F.r + "," + F.g + "," + F.b + "," + F.a * (this.shadowOpacity() || 1) + ")";
       }
@@ -4363,7 +4363,7 @@ function sr() {
         return !!($ && re && pe && z);
       }
       setStrokeHitEnabled(F) {
-        x.Util.warn("strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead."), F ? this.hitStrokeWidth("auto") : this.hitStrokeWidth(0);
+        C.Util.warn("strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead."), F ? this.hitStrokeWidth("auto") : this.hitStrokeWidth(0);
       }
       getStrokeHitEnabled() {
         return this.hitStrokeWidth() !== 0;
@@ -4428,7 +4428,7 @@ function sr() {
         if (!this.shouldDrawHit(X, K))
           return this;
         const $ = this.getLayer(), re = F || $.hitCanvas, ee = re && re.getContext(), pe = this.hitFunc() || this.sceneFunc(), z = this._getCanvasCache(), U = z && z.hit;
-        if (this.colorKey || x.Util.warn("Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()"), U) {
+        if (this.colorKey || C.Util.warn("Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()"), U) {
           ee.save();
           const I = this.getAbsoluteTransform(X).getMatrix();
           return ee.transform(I[0], I[1], I[2], I[3], I[4], I[5]), this._drawCachedHitCanvas(ee), ee.restore(), this;
@@ -4445,12 +4445,12 @@ function sr() {
         const X = this._getCanvasCache(), K = this._getCachedSceneCanvas(), $ = X.hit, re = $.getContext(), ee = $.getWidth(), pe = $.getHeight();
         re.clear(), re.drawImage(K._canvas, 0, 0, ee, pe);
         try {
-          const z = re.getImageData(0, 0, ee, pe), U = z.data, W = U.length, I = x.Util._hexToRgb(this.colorKey);
+          const z = re.getImageData(0, 0, ee, pe), U = z.data, W = U.length, I = C.Util._hexToRgb(this.colorKey);
           for (let _ = 0; _ < W; _ += 4)
             U[_ + 3] > F ? (U[_] = I.r, U[_ + 1] = I.g, U[_ + 2] = I.b, U[_ + 3] = 255) : U[_ + 3] = 0;
           re.putImageData(z, 0, 0);
         } catch (z) {
-          x.Util.error("Unable to draw hit graph from cached scene canvas. " + z.message);
+          C.Util.error("Unable to draw hit graph from cached scene canvas. " + z.message);
         }
         return this;
       }
@@ -4499,7 +4499,7 @@ var D2;
 function o5() {
   if (D2) return tf;
   D2 = 1, Object.defineProperty(tf, "__esModule", { value: !0 }), tf.Layer = void 0;
-  const o = An(), u = r0(), x = Mn(), P = Rt(), R = n0(), g = zt(), p = sr(), m = Et(), y = "#", h = "beforeDraw", C = "draw", N = [
+  const o = An(), u = r0(), C = Mn(), P = Rt(), R = n0(), g = zt(), p = sr(), m = Et(), y = "#", h = "beforeDraw", x = "draw", N = [
     { x: 0, y: 0 },
     { x: -1, y: -1 },
     { x: 1, y: -1 },
@@ -4536,18 +4536,18 @@ function o5() {
       return H && H.content && (H.content.removeChild(this.getNativeCanvasElement()), D < H.children.length - 1 ? H.content.insertBefore(this.getNativeCanvasElement(), H.children[D + 1].getCanvas()._canvas) : H.content.appendChild(this.getNativeCanvasElement())), this;
     }
     moveToTop() {
-      x.Node.prototype.moveToTop.call(this);
+      C.Node.prototype.moveToTop.call(this);
       const D = this.getStage();
       return D && D.content && (D.content.removeChild(this.getNativeCanvasElement()), D.content.appendChild(this.getNativeCanvasElement())), !0;
     }
     moveUp() {
-      if (!x.Node.prototype.moveUp.call(this))
+      if (!C.Node.prototype.moveUp.call(this))
         return !1;
       const H = this.getStage();
       return !H || !H.content ? !1 : (H.content.removeChild(this.getNativeCanvasElement()), this.index < H.children.length - 1 ? H.content.insertBefore(this.getNativeCanvasElement(), H.children[this.index + 1].getCanvas()._canvas) : H.content.appendChild(this.getNativeCanvasElement()), !0);
     }
     moveDown() {
-      if (x.Node.prototype.moveDown.call(this)) {
+      if (C.Node.prototype.moveDown.call(this)) {
         const D = this.getStage();
         if (D) {
           const H = D.children;
@@ -4558,7 +4558,7 @@ function o5() {
       return !1;
     }
     moveToBottom() {
-      if (x.Node.prototype.moveToBottom.call(this)) {
+      if (C.Node.prototype.moveToBottom.call(this)) {
         const D = this.getStage();
         if (D) {
           const H = D.children;
@@ -4573,7 +4573,7 @@ function o5() {
     }
     remove() {
       const D = this.getNativeCanvasElement();
-      return x.Node.prototype.remove.call(this), D && D.parentNode && o.Util._isInDocument(D) && D.parentNode.removeChild(D), this;
+      return C.Node.prototype.remove.call(this), D && D.parentNode && o.Util._isInDocument(D) && D.parentNode.removeChild(D), this;
     }
     getStage() {
       return this.parent;
@@ -4586,7 +4586,7 @@ function o5() {
       H !== "Group" && H !== "Shape" && o.Util.throw("You may only add groups and shapes to a layer.");
     }
     _toKonvaCanvas(D) {
-      return D = D || {}, D.width = D.width || this.getWidth(), D.height = D.height || this.getHeight(), D.x = D.x !== void 0 ? D.x : this.x(), D.y = D.y !== void 0 ? D.y : this.y(), x.Node.prototype._toKonvaCanvas.call(this, D);
+      return D = D || {}, D.width = D.width || this.getWidth(), D.height = D.height || this.getHeight(), D.x = D.x !== void 0 ? D.x : this.x(), D.y = D.y !== void 0 ? D.y : this.y(), C.Node.prototype._toKonvaCanvas.call(this, D);
     }
     _checkVisibility() {
       this.visible() ? this.canvas._canvas.style.display = "block" : this.canvas._canvas.style.display = "none";
@@ -4653,7 +4653,7 @@ function o5() {
       const b = this.getLayer(), v = D || b && b.getCanvas();
       return this._fire(h, {
         node: this
-      }), this.clearBeforeDraw() && v.getContext().clear(), u.Container.prototype.drawScene.call(this, v, H, B), this._fire(C, {
+      }), this.clearBeforeDraw() && v.getContext().clear(), u.Container.prototype.drawScene.call(this, v, H, B), this._fire(x, {
         node: this
       }), this;
     }
@@ -4689,32 +4689,32 @@ var nf = {}, P2;
 function C9() {
   if (P2) return nf;
   P2 = 1, Object.defineProperty(nf, "__esModule", { value: !0 }), nf.FastLayer = void 0;
-  const o = An(), u = o5(), x = Et();
+  const o = An(), u = o5(), C = Et();
   let P = class extends u.Layer {
     constructor(g) {
       super(g), this.listening(!1), o.Util.warn('Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.');
     }
   };
-  return nf.FastLayer = P, P.prototype.nodeType = "FastLayer", (0, x._registerNode)(P), nf;
+  return nf.FastLayer = P, P.prototype.nodeType = "FastLayer", (0, C._registerNode)(P), nf;
 }
 var rf = {}, M2;
 function m1() {
   if (M2) return rf;
   M2 = 1, Object.defineProperty(rf, "__esModule", { value: !0 }), rf.Group = void 0;
-  const o = An(), u = r0(), x = Et();
+  const o = An(), u = r0(), C = Et();
   let P = class extends u.Container {
     _validateAdd(g) {
       const p = g.getType();
       p !== "Group" && p !== "Shape" && o.Util.throw("You may only add groups and shapes to groups.");
     }
   };
-  return rf.Group = P, P.prototype.nodeType = "Group", (0, x._registerNode)(P), rf;
+  return rf.Group = P, P.prototype.nodeType = "Group", (0, C._registerNode)(P), rf;
 }
 var af = {}, L2;
 function g1() {
   if (L2) return af;
   L2 = 1, Object.defineProperty(af, "__esModule", { value: !0 }), af.Animation = void 0;
-  const o = Et(), u = An(), x = function() {
+  const o = Et(), u = An(), C = function() {
     return o.glob.performance && o.glob.performance.now ? function() {
       return o.glob.performance.now();
     } : function() {
@@ -4726,7 +4726,7 @@ function g1() {
       this.id = Eu.animIdCounter++, this.frame = {
         time: 0,
         timeDiff: 0,
-        lastTime: x(),
+        lastTime: C(),
         frameRate: 0
       }, this.func = g, this.setLayers(p);
     }
@@ -4752,7 +4752,7 @@ function g1() {
       return !1;
     }
     start() {
-      return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = x(), Eu._addAnimation(this), this;
+      return this.stop(), this.frame.timeDiff = 0, this.frame.lastTime = C(), Eu._addAnimation(this), this;
     }
     stop() {
       return Eu._removeAnimation(this), this;
@@ -4774,11 +4774,11 @@ function g1() {
     static _runFrames() {
       const g = {}, p = this.animations;
       for (let m = 0; m < p.length; m++) {
-        const y = p[m], h = y.layers, C = y.func;
-        y._updateFrameObject(x());
+        const y = p[m], h = y.layers, x = y.func;
+        y._updateFrameObject(C());
         const N = h.length;
         let w;
-        if (C ? w = C.call(y, y.frame) !== !1 : w = !0, !!w)
+        if (x ? w = x.call(y, y.frame) !== !1 : w = !0, !!w)
           for (let S = 0; S < N; S++) {
             const E = h[S];
             E._id !== void 0 && (g[E._id] = E);
@@ -4801,14 +4801,14 @@ var Qv = {}, O2;
 function E9() {
   return O2 || (O2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Easings = o.Tween = void 0;
-    const u = An(), x = g1(), P = Mn(), R = Et(), g = {
+    const u = An(), C = g1(), P = Mn(), R = Et(), g = {
       node: 1,
       duration: 1,
       easing: 1,
       onFinish: 1,
       yoyo: 1
     }, p = 1, m = 2, y = 3, h = ["fill", "stroke", "shadowColor"];
-    let C = 0;
+    let x = 0;
     class N {
       constructor(E, D, H, B, b, v, M) {
         this.prop = E, this.propFunc = D, this.begin = B, this._pos = B, this.duration = v, this._change = 0, this.prevPos = 0, this.yoyo = M, this._time = 0, this._position = 0, this._startTime = 0, this._finish = 0, this.func = H, this._change = b - this.begin, this.pause();
@@ -4862,9 +4862,9 @@ function E9() {
       constructor(E) {
         const D = this, H = E.node, B = H._id, b = E.easing || o.Easings.Linear, v = !!E.yoyo;
         let M, L;
-        typeof E.duration > "u" ? M = 0.3 : E.duration === 0 ? M = 1e-3 : M = E.duration, this.node = H, this._id = C++;
+        typeof E.duration > "u" ? M = 0.3 : E.duration === 0 ? M = 1e-3 : M = E.duration, this.node = H, this._id = x++;
         const k = H.getLayer() || (H instanceof R.Konva.Stage ? H.getLayers() : null);
-        k || u.Util.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new x.Animation(function() {
+        k || u.Util.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new C.Animation(function() {
           D.tween.onEnterFrame();
         }, k), this.tween = new N(L, function(J) {
           D._tweenFunc(J);
@@ -5033,10 +5033,10 @@ var z2;
 function c1() {
   return z2 || (z2 = 1, function(o) {
     Object.defineProperty(o, "__esModule", { value: !0 }), o.Konva = void 0;
-    const u = Et(), x = An(), P = Mn(), R = r0(), g = x9(), p = o5(), m = C9(), y = m1(), h = v1(), C = sr(), N = g1(), w = E9(), S = l5(), E = n0();
-    o.Konva = x.Util._assign(u.Konva, {
-      Util: x.Util,
-      Transform: x.Transform,
+    const u = Et(), C = An(), P = Mn(), R = r0(), g = x9(), p = o5(), m = C9(), y = m1(), h = v1(), x = sr(), N = g1(), w = E9(), S = l5(), E = n0();
+    o.Konva = C.Util._assign(u.Konva, {
+      Util: C.Util,
+      Transform: C.Transform,
       Node: P.Node,
       Container: R.Container,
       Stage: g.Stage,
@@ -5045,8 +5045,8 @@ function c1() {
       FastLayer: m.FastLayer,
       Group: y.Group,
       DD: h.DD,
-      Shape: C.Shape,
-      shapes: C.shapes,
+      Shape: x.Shape,
+      shapes: x.shapes,
       Animation: N.Animation,
       Tween: w.Tween,
       Easings: w.Easings,
@@ -5059,10 +5059,10 @@ var lf = {}, F2;
 function b9() {
   if (F2) return lf;
   F2 = 1, Object.defineProperty(lf, "__esModule", { value: !0 }), lf.Arc = void 0;
-  const o = Rt(), u = sr(), x = Et(), P = zt(), R = Et();
+  const o = Rt(), u = sr(), C = Et(), P = zt(), R = Et();
   let g = class extends u.Shape {
     _sceneFunc(m) {
-      const y = x.Konva.getAngle(this.angle()), h = this.clockwise();
+      const y = C.Konva.getAngle(this.angle()), h = this.clockwise();
       m.beginPath(), m.arc(0, 0, this.outerRadius(), 0, y, h), m.arc(0, 0, this.innerRadius(), y, 0, !h), m.closePath(), m.fillStrokeShape(this);
     }
     getWidth() {
@@ -5078,7 +5078,7 @@ function b9() {
       this.outerRadius(m / 2);
     }
     getSelfRect() {
-      const m = this.innerRadius(), y = this.outerRadius(), h = this.clockwise(), C = x.Konva.getAngle(h ? 360 - this.angle() : this.angle()), N = Math.cos(Math.min(C, Math.PI)), w = 1, S = Math.sin(Math.min(Math.max(Math.PI, C), 3 * Math.PI / 2)), E = Math.sin(Math.min(C, Math.PI / 2)), D = N * (N > 0 ? m : y), H = w * y, B = S * (S > 0 ? m : y), b = E * (E > 0 ? y : m);
+      const m = this.innerRadius(), y = this.outerRadius(), h = this.clockwise(), x = C.Konva.getAngle(h ? 360 - this.angle() : this.angle()), N = Math.cos(Math.min(x, Math.PI)), w = 1, S = Math.sin(Math.min(Math.max(Math.PI, x), 3 * Math.PI / 2)), E = Math.sin(Math.min(x, Math.PI / 2)), D = N * (N > 0 ? m : y), H = w * y, B = S * (S > 0 ? m : y), b = E * (E > 0 ? y : m);
       return {
         x: D,
         y: h ? -1 * b : B,
@@ -5098,40 +5098,40 @@ var sf = {}, of = {}, G2;
 function u5() {
   if (G2) return of;
   G2 = 1, Object.defineProperty(of, "__esModule", { value: !0 }), of.Line = void 0;
-  const o = Rt(), u = Et(), x = sr(), P = zt();
-  function R(m, y, h, C, N, w, S) {
-    const E = Math.sqrt(Math.pow(h - m, 2) + Math.pow(C - y, 2)), D = Math.sqrt(Math.pow(N - h, 2) + Math.pow(w - C, 2)), H = S * E / (E + D), B = S * D / (E + D), b = h - H * (N - m), v = C - H * (w - y), M = h + B * (N - m), L = C + B * (w - y);
+  const o = Rt(), u = Et(), C = sr(), P = zt();
+  function R(m, y, h, x, N, w, S) {
+    const E = Math.sqrt(Math.pow(h - m, 2) + Math.pow(x - y, 2)), D = Math.sqrt(Math.pow(N - h, 2) + Math.pow(w - x, 2)), H = S * E / (E + D), B = S * D / (E + D), b = h - H * (N - m), v = x - H * (w - y), M = h + B * (N - m), L = x + B * (w - y);
     return [b, v, M, L];
   }
   function g(m, y) {
-    const h = m.length, C = [];
+    const h = m.length, x = [];
     for (let N = 2; N < h - 2; N += 2) {
       const w = R(m[N - 2], m[N - 1], m[N], m[N + 1], m[N + 2], m[N + 3], y);
-      isNaN(w[0]) || (C.push(w[0]), C.push(w[1]), C.push(m[N]), C.push(m[N + 1]), C.push(w[2]), C.push(w[3]));
+      isNaN(w[0]) || (x.push(w[0]), x.push(w[1]), x.push(m[N]), x.push(m[N + 1]), x.push(w[2]), x.push(w[3]));
     }
-    return C;
+    return x;
   }
-  class p extends x.Shape {
+  class p extends C.Shape {
     constructor(y) {
       super(y), this.on("pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva", function() {
         this._clearCache("tensionPoints");
       });
     }
     _sceneFunc(y) {
-      const h = this.points(), C = h.length, N = this.tension(), w = this.closed(), S = this.bezier();
-      if (!C)
+      const h = this.points(), x = h.length, N = this.tension(), w = this.closed(), S = this.bezier();
+      if (!x)
         return;
       let E = 0;
-      if (y.beginPath(), y.moveTo(h[0], h[1]), N !== 0 && C > 4) {
+      if (y.beginPath(), y.moveTo(h[0], h[1]), N !== 0 && x > 4) {
         const D = this.getTensionPoints(), H = D.length;
         for (E = w ? 0 : 4, w || y.quadraticCurveTo(D[0], D[1], D[2], D[3]); E < H - 2; )
           y.bezierCurveTo(D[E++], D[E++], D[E++], D[E++], D[E++], D[E++]);
-        w || y.quadraticCurveTo(D[H - 2], D[H - 1], h[C - 2], h[C - 1]);
+        w || y.quadraticCurveTo(D[H - 2], D[H - 1], h[x - 2], h[x - 1]);
       } else if (S)
-        for (E = 2; E < C; )
+        for (E = 2; E < x; )
           y.bezierCurveTo(h[E++], h[E++], h[E++], h[E++], h[E++], h[E++]);
       else
-        for (E = 2; E < C; E += 2)
+        for (E = 2; E < x; E += 2)
           y.lineTo(h[E], h[E + 1]);
       w ? (y.closePath(), y.fillStrokeShape(this)) : y.strokeShape(this);
     }
@@ -5142,7 +5142,7 @@ function u5() {
       return this.closed() ? this._getTensionPointsClosed() : g(this.points(), this.tension());
     }
     _getTensionPointsClosed() {
-      const y = this.points(), h = y.length, C = this.tension(), N = R(y[h - 2], y[h - 1], y[0], y[1], y[2], y[3], C), w = R(y[h - 4], y[h - 3], y[h - 2], y[h - 1], y[0], y[1], C), S = g(y, C);
+      const y = this.points(), h = y.length, x = this.tension(), N = R(y[h - 2], y[h - 1], y[0], y[1], y[2], y[3], x), w = R(y[h - 4], y[h - 3], y[h - 2], y[h - 1], y[0], y[1], x), S = g(y, x);
       return [N[2], N[3]].concat(S).concat([
         w[0],
         w[1],
@@ -5178,13 +5178,13 @@ function u5() {
         y[y.length - 2],
         y[y.length - 1]
       ] : y = this.points();
-      let h = y[0], C = y[0], N = y[1], w = y[1], S, E;
+      let h = y[0], x = y[0], N = y[1], w = y[1], S, E;
       for (let D = 0; D < y.length / 2; D++)
-        S = y[D * 2], E = y[D * 2 + 1], h = Math.min(h, S), C = Math.max(C, S), N = Math.min(N, E), w = Math.max(w, E);
+        S = y[D * 2], E = y[D * 2 + 1], h = Math.min(h, S), x = Math.max(x, S), N = Math.min(N, E), w = Math.max(w, E);
       return {
         x: h,
         y: N,
-        width: C - h,
+        width: x - h,
         height: w - N
       };
     }
@@ -5889,30 +5889,30 @@ function T9() {
       ]
     ], o.binomialCoefficients = [[1], [1, 1], [1, 2, 1], [1, 3, 3, 1]];
     const u = (p, m, y) => {
-      let h, C;
+      let h, x;
       const w = y / 2;
       h = 0;
       for (let S = 0; S < 20; S++)
-        C = w * o.tValues[20][S] + w, h += o.cValues[20][S] * P(p, m, C);
+        x = w * o.tValues[20][S] + w, h += o.cValues[20][S] * P(p, m, x);
       return w * h;
     };
     o.getCubicArcLength = u;
-    const x = (p, m, y) => {
+    const C = (p, m, y) => {
       y === void 0 && (y = 1);
-      const h = p[0] - 2 * p[1] + p[2], C = m[0] - 2 * m[1] + m[2], N = 2 * p[1] - 2 * p[0], w = 2 * m[1] - 2 * m[0], S = 4 * (h * h + C * C), E = 4 * (h * N + C * w), D = N * N + w * w;
+      const h = p[0] - 2 * p[1] + p[2], x = m[0] - 2 * m[1] + m[2], N = 2 * p[1] - 2 * p[0], w = 2 * m[1] - 2 * m[0], S = 4 * (h * h + x * x), E = 4 * (h * N + x * w), D = N * N + w * w;
       if (S === 0)
         return y * Math.sqrt(Math.pow(p[2] - p[0], 2) + Math.pow(m[2] - m[0], 2));
       const H = E / (2 * S), B = D / S, b = y + H, v = B - H * H, M = b * b + v > 0 ? Math.sqrt(b * b + v) : 0, L = H * H + v > 0 ? Math.sqrt(H * H + v) : 0, k = H + Math.sqrt(H * H + v) !== 0 ? v * Math.log(Math.abs((b + M) / (H + L))) : 0;
       return Math.sqrt(S) / 2 * (b * M - H * L + k);
     };
-    o.getQuadraticArcLength = x;
+    o.getQuadraticArcLength = C;
     function P(p, m, y) {
-      const h = R(1, y, p), C = R(1, y, m), N = h * h + C * C;
+      const h = R(1, y, p), x = R(1, y, m), N = h * h + x * x;
       return Math.sqrt(N);
     }
     const R = (p, m, y) => {
       const h = y.length - 1;
-      let C, N;
+      let x, N;
       if (h === 0)
         return 0;
       if (p === 0) {
@@ -5921,25 +5921,25 @@ function T9() {
           N += o.binomialCoefficients[h][w] * Math.pow(1 - m, h - w) * Math.pow(m, w) * y[w];
         return N;
       } else {
-        C = new Array(h);
+        x = new Array(h);
         for (let w = 0; w < h; w++)
-          C[w] = h * (y[w + 1] - y[w]);
-        return R(p - 1, m, C);
+          x[w] = h * (y[w + 1] - y[w]);
+        return R(p - 1, m, x);
       }
     }, g = (p, m, y) => {
-      let h = 1, C = p / m, N = (p - y(C)) / m, w = 0;
+      let h = 1, x = p / m, N = (p - y(x)) / m, w = 0;
       for (; h > 1e-3; ) {
-        const S = y(C + N), E = Math.abs(p - S) / m;
+        const S = y(x + N), E = Math.abs(p - S) / m;
         if (E < h)
-          h = E, C += N;
+          h = E, x += N;
         else {
-          const D = y(C - N), H = Math.abs(p - D) / m;
-          H < h ? (h = H, C -= N) : N /= 2;
+          const D = y(x - N), H = Math.abs(p - D) / m;
+          H < h ? (h = H, x -= N) : N /= 2;
         }
         if (w++, w > 500)
           break;
       }
-      return C;
+      return x;
     };
     o.t2length = g;
   }(Jv)), Jv;
@@ -5948,8 +5948,8 @@ var j2;
 function y1() {
   if (j2) return uf;
   j2 = 1, Object.defineProperty(uf, "__esModule", { value: !0 }), uf.Path = void 0;
-  const o = Rt(), u = Et(), x = sr(), P = T9();
-  let R = class ua extends x.Shape {
+  const o = Rt(), u = Et(), C = sr(), P = T9();
+  let R = class ua extends C.Shape {
     constructor(p) {
       super(p), this.dataArray = [], this.pathLength = 0, this._readDataAttribute(), this.on("dataChange.konva", function() {
         this._readDataAttribute();
@@ -5963,8 +5963,8 @@ function y1() {
       p.beginPath();
       let y = !1;
       for (let h = 0; h < m.length; h++) {
-        const C = m[h].command, N = m[h].points;
-        switch (C) {
+        const x = m[h].command, N = m[h].points;
+        switch (x) {
           case "L":
             p.lineTo(N[0], N[1]);
             break;
@@ -6012,14 +6012,14 @@ function y1() {
         else
           p = p.concat(S.points);
       });
-      let m = p[0], y = p[0], h = p[1], C = p[1], N, w;
+      let m = p[0], y = p[0], h = p[1], x = p[1], N, w;
       for (let S = 0; S < p.length / 2; S++)
-        N = p[S * 2], w = p[S * 2 + 1], isNaN(N) || (m = Math.min(m, N), y = Math.max(y, N)), isNaN(w) || (h = Math.min(h, w), C = Math.max(C, w));
+        N = p[S * 2], w = p[S * 2 + 1], isNaN(N) || (m = Math.min(m, N), y = Math.max(y, N)), isNaN(w) || (h = Math.min(h, w), x = Math.max(x, w));
       return {
         x: m,
         y: h,
         width: y - m,
-        height: C - h
+        height: x - h
       };
     }
     getLength() {
@@ -6038,12 +6038,12 @@ function y1() {
       return m;
     }
     static getPointAtLengthOfDataArray(p, m) {
-      let y, h = 0, C = m.length;
-      if (!C)
+      let y, h = 0, x = m.length;
+      if (!x)
         return null;
-      for (; h < C && p > m[h].pathLength; )
+      for (; h < x && p > m[h].pathLength; )
         p -= m[h].pathLength, ++h;
-      if (h === C)
+      if (h === x)
         return y = m[h - 1].points.slice(-2), {
           x: y[0],
           y: y[1]
@@ -6071,20 +6071,20 @@ function y1() {
       }
       return null;
     }
-    static getPointOnLine(p, m, y, h, C, N, w) {
+    static getPointOnLine(p, m, y, h, x, N, w) {
       N = N ?? m, w = w ?? y;
-      const S = this.getLineLength(m, y, h, C);
+      const S = this.getLineLength(m, y, h, x);
       if (S < 1e-10)
         return { x: m, y };
       if (h === m)
-        return { x: N, y: w + (C > y ? p : -p) };
-      const E = (C - y) / (h - m), D = Math.sqrt(p * p / (1 + E * E)) * (h < m ? -1 : 1), H = E * D;
+        return { x: N, y: w + (x > y ? p : -p) };
+      const E = (x - y) / (h - m), D = Math.sqrt(p * p / (1 + E * E)) * (h < m ? -1 : 1), H = E * D;
       if (Math.abs(w - y - E * (N - m)) < 1e-10)
         return { x: N + D, y: w + H };
-      const B = ((N - m) * (h - m) + (w - y) * (C - y)) / (S * S), b = m + B * (h - m), v = y + B * (C - y), M = this.getLineLength(N, w, b, v), L = Math.sqrt(p * p - M * M), k = Math.sqrt(L * L / (1 + E * E)) * (h < m ? -1 : 1), J = E * k;
+      const B = ((N - m) * (h - m) + (w - y) * (x - y)) / (S * S), b = m + B * (h - m), v = y + B * (x - y), M = this.getLineLength(N, w, b, v), L = Math.sqrt(p * p - M * M), k = Math.sqrt(L * L / (1 + E * E)) * (h < m ? -1 : 1), J = E * k;
       return { x: b + k, y: v + J };
     }
-    static getPointOnCubicBezier(p, m, y, h, C, N, w, S, E) {
+    static getPointOnCubicBezier(p, m, y, h, x, N, w, S, E) {
       function D(L) {
         return L * L * L;
       }
@@ -6097,10 +6097,10 @@ function y1() {
       function b(L) {
         return (1 - L) * (1 - L) * (1 - L);
       }
-      const v = S * D(p) + N * H(p) + h * B(p) + m * b(p), M = E * D(p) + w * H(p) + C * B(p) + y * b(p);
+      const v = S * D(p) + N * H(p) + h * B(p) + m * b(p), M = E * D(p) + w * H(p) + x * B(p) + y * b(p);
       return { x: v, y: M };
     }
-    static getPointOnQuadraticBezier(p, m, y, h, C, N, w) {
+    static getPointOnQuadraticBezier(p, m, y, h, x, N, w) {
       function S(b) {
         return b * b;
       }
@@ -6110,13 +6110,13 @@ function y1() {
       function D(b) {
         return (1 - b) * (1 - b);
       }
-      const H = N * S(p) + h * E(p) + m * D(p), B = w * S(p) + C * E(p) + y * D(p);
+      const H = N * S(p) + h * E(p) + m * D(p), B = w * S(p) + x * E(p) + y * D(p);
       return { x: H, y: B };
     }
-    static getPointOnEllipticalArc(p, m, y, h, C, N) {
+    static getPointOnEllipticalArc(p, m, y, h, x, N) {
       const w = Math.cos(N), S = Math.sin(N), E = {
-        x: y * Math.cos(C),
-        y: h * Math.sin(C)
+        x: y * Math.cos(x),
+        y: h * Math.sin(x)
       };
       return {
         x: p + (E.x * w - E.y * S),
@@ -6152,7 +6152,7 @@ function y1() {
       m = m.replace(new RegExp(" ", "g"), ",");
       for (let H = 0; H < y.length; H++)
         m = m.replace(new RegExp(y[H], "g"), "|" + y[H]);
-      const h = m.split("|"), C = [], N = [];
+      const h = m.split("|"), x = [], N = [];
       let w = 0, S = 0;
       const E = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;
       let D;
@@ -6182,10 +6182,10 @@ function y1() {
               break;
             case "m":
               const U = v.shift(), W = v.shift();
-              if (w += U, S += W, M = "M", C.length > 2 && C[C.length - 1].command === "z") {
-                for (let I = C.length - 2; I >= 0; I--)
-                  if (C[I].command === "M") {
-                    w = C[I].points[0] + U, S = C[I].points[1] + W;
+              if (w += U, S += W, M = "M", x.length > 2 && x[x.length - 1].command === "z") {
+                for (let I = x.length - 2; I >= 0; I--)
+                  if (x[I].command === "M") {
+                    w = x[I].points[0] + U, S = x[I].points[1] + W;
                     break;
                   }
               }
@@ -6213,10 +6213,10 @@ function y1() {
               L.push(w + v.shift(), S + v.shift(), w + v.shift(), S + v.shift()), w += v.shift(), S += v.shift(), M = "C", L.push(w, S);
               break;
             case "S":
-              j = w, F = S, O = C[C.length - 1], O.command === "C" && (j = w + (w - O.points[2]), F = S + (S - O.points[3])), L.push(j, F, v.shift(), v.shift()), w = v.shift(), S = v.shift(), M = "C", L.push(w, S);
+              j = w, F = S, O = x[x.length - 1], O.command === "C" && (j = w + (w - O.points[2]), F = S + (S - O.points[3])), L.push(j, F, v.shift(), v.shift()), w = v.shift(), S = v.shift(), M = "C", L.push(w, S);
               break;
             case "s":
-              j = w, F = S, O = C[C.length - 1], O.command === "C" && (j = w + (w - O.points[2]), F = S + (S - O.points[3])), L.push(j, F, w + v.shift(), S + v.shift()), w += v.shift(), S += v.shift(), M = "C", L.push(w, S);
+              j = w, F = S, O = x[x.length - 1], O.command === "C" && (j = w + (w - O.points[2]), F = S + (S - O.points[3])), L.push(j, F, w + v.shift(), S + v.shift()), w += v.shift(), S += v.shift(), M = "C", L.push(w, S);
               break;
             case "Q":
               L.push(v.shift(), v.shift()), w = v.shift(), S = v.shift(), L.push(w, S);
@@ -6225,10 +6225,10 @@ function y1() {
               L.push(w + v.shift(), S + v.shift()), w += v.shift(), S += v.shift(), M = "Q", L.push(w, S);
               break;
             case "T":
-              j = w, F = S, O = C[C.length - 1], O.command === "Q" && (j = w + (w - O.points[0]), F = S + (S - O.points[1])), w = v.shift(), S = v.shift(), M = "Q", L.push(j, F, w, S);
+              j = w, F = S, O = x[x.length - 1], O.command === "Q" && (j = w + (w - O.points[0]), F = S + (S - O.points[1])), w = v.shift(), S = v.shift(), M = "Q", L.push(j, F, w, S);
               break;
             case "t":
-              j = w, F = S, O = C[C.length - 1], O.command === "Q" && (j = w + (w - O.points[0]), F = S + (S - O.points[1])), w += v.shift(), S += v.shift(), M = "Q", L.push(j, F, w, S);
+              j = w, F = S, O = x[x.length - 1], O.command === "Q" && (j = w + (w - O.points[0]), F = S + (S - O.points[1])), w += v.shift(), S += v.shift(), M = "Q", L.push(j, F, w, S);
               break;
             case "A":
               X = v.shift(), K = v.shift(), $ = v.shift(), re = v.shift(), ee = v.shift(), pe = w, z = S, w = v.shift(), S = v.shift(), M = "A", L = this.convertEndpointToCenterParameterization(pe, z, w, S, re, ee, X, K, $);
@@ -6237,7 +6237,7 @@ function y1() {
               X = v.shift(), K = v.shift(), $ = v.shift(), re = v.shift(), ee = v.shift(), pe = w, z = S, w += v.shift(), S += v.shift(), M = "A", L = this.convertEndpointToCenterParameterization(pe, z, w, S, re, ee, X, K, $);
               break;
           }
-          C.push({
+          x.push({
             command: M || b,
             points: L,
             start: {
@@ -6247,17 +6247,17 @@ function y1() {
             pathLength: this.calcLength(k, J, M || b, L)
           });
         }
-        (b === "z" || b === "Z") && C.push({
+        (b === "z" || b === "Z") && x.push({
           command: "z",
           points: [],
           start: void 0,
           pathLength: 0
         });
       }
-      return C;
+      return x;
     }
     static calcLength(p, m, y, h) {
-      let C, N, w, S;
+      let x, N, w, S;
       const E = ua;
       switch (y) {
         case "L":
@@ -6267,24 +6267,24 @@ function y1() {
         case "Q":
           return (0, P.getQuadraticArcLength)([p, h[0], h[2]], [m, h[1], h[3]], 1);
         case "A":
-          C = 0;
+          x = 0;
           const D = h[4], H = h[5], B = h[4] + H;
           let b = Math.PI / 180;
           if (Math.abs(D - B) < b && (b = Math.abs(D - B)), N = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], D, 0), H < 0)
             for (S = D - b; S > B; S -= b)
-              w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], S, 0), C += E.getLineLength(N.x, N.y, w.x, w.y), N = w;
+              w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], S, 0), x += E.getLineLength(N.x, N.y, w.x, w.y), N = w;
           else
             for (S = D + b; S < B; S += b)
-              w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], S, 0), C += E.getLineLength(N.x, N.y, w.x, w.y), N = w;
-          return w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], B, 0), C += E.getLineLength(N.x, N.y, w.x, w.y), C;
+              w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], S, 0), x += E.getLineLength(N.x, N.y, w.x, w.y), N = w;
+          return w = E.getPointOnEllipticalArc(h[0], h[1], h[2], h[3], B, 0), x += E.getLineLength(N.x, N.y, w.x, w.y), x;
       }
       return 0;
     }
-    static convertEndpointToCenterParameterization(p, m, y, h, C, N, w, S, E) {
+    static convertEndpointToCenterParameterization(p, m, y, h, x, N, w, S, E) {
       const D = E * (Math.PI / 180), H = Math.cos(D) * (p - y) / 2 + Math.sin(D) * (m - h) / 2, B = -1 * Math.sin(D) * (p - y) / 2 + Math.cos(D) * (m - h) / 2, b = H * H / (w * w) + B * B / (S * S);
       b > 1 && (w *= Math.sqrt(b), S *= Math.sqrt(b));
       let v = Math.sqrt((w * w * (S * S) - w * w * (B * B) - S * S * (H * H)) / (w * w * (B * B) + S * S * (H * H)));
-      C === N && (v *= -1), isNaN(v) && (v = 0);
+      x === N && (v *= -1), isNaN(v) && (v = 0);
       const M = v * w * B / S, L = v * -S * H / w, k = (p + y) / 2 + Math.cos(D) * M - Math.sin(D) * L, J = (m + h) / 2 + Math.sin(D) * M + Math.cos(D) * L, O = function(ee) {
         return Math.sqrt(ee[0] * ee[0] + ee[1] * ee[1]);
       }, j = function(ee, pe) {
@@ -6302,30 +6302,30 @@ var B2;
 function w9() {
   if (B2) return sf;
   B2 = 1, Object.defineProperty(sf, "__esModule", { value: !0 }), sf.Arrow = void 0;
-  const o = Rt(), u = u5(), x = zt(), P = Et(), R = y1();
+  const o = Rt(), u = u5(), C = zt(), P = Et(), R = y1();
   let g = class extends u.Line {
     _sceneFunc(m) {
       super._sceneFunc(m);
       const y = Math.PI * 2, h = this.points();
-      let C = h;
+      let x = h;
       const N = this.tension() !== 0 && h.length > 4;
-      N && (C = this.getTensionPoints());
+      N && (x = this.getTensionPoints());
       const w = this.pointerLength(), S = h.length;
       let E, D;
       if (N) {
         const b = [
-          C[C.length - 4],
-          C[C.length - 3],
-          C[C.length - 2],
-          C[C.length - 1],
+          x[x.length - 4],
+          x[x.length - 3],
+          x[x.length - 2],
+          x[x.length - 1],
           h[S - 2],
           h[S - 1]
-        ], v = R.Path.calcLength(C[C.length - 4], C[C.length - 3], "C", b), M = R.Path.getPointOnQuadraticBezier(Math.min(1, 1 - w / v), b[0], b[1], b[2], b[3], b[4], b[5]);
+        ], v = R.Path.calcLength(x[x.length - 4], x[x.length - 3], "C", b), M = R.Path.getPointOnQuadraticBezier(Math.min(1, 1 - w / v), b[0], b[1], b[2], b[3], b[4], b[5]);
         E = h[S - 2] - M.x, D = h[S - 1] - M.y;
       } else
         E = h[S - 2] - h[S - 4], D = h[S - 1] - h[S - 3];
       const H = (Math.atan2(D, E) + y) % y, B = this.pointerWidth();
-      this.pointerAtEnding() && (m.save(), m.beginPath(), m.translate(h[S - 2], h[S - 1]), m.rotate(H), m.moveTo(0, 0), m.lineTo(-w, B / 2), m.lineTo(-w, -B / 2), m.closePath(), m.restore(), this.__fillStroke(m)), this.pointerAtBeginning() && (m.save(), m.beginPath(), m.translate(h[0], h[1]), N ? (E = (C[0] + C[2]) / 2 - h[0], D = (C[1] + C[3]) / 2 - h[1]) : (E = h[2] - h[0], D = h[3] - h[1]), m.rotate((Math.atan2(-D, -E) + y) % y), m.moveTo(0, 0), m.lineTo(-w, B / 2), m.lineTo(-w, -B / 2), m.closePath(), m.restore(), this.__fillStroke(m));
+      this.pointerAtEnding() && (m.save(), m.beginPath(), m.translate(h[S - 2], h[S - 1]), m.rotate(H), m.moveTo(0, 0), m.lineTo(-w, B / 2), m.lineTo(-w, -B / 2), m.closePath(), m.restore(), this.__fillStroke(m)), this.pointerAtBeginning() && (m.save(), m.beginPath(), m.translate(h[0], h[1]), N ? (E = (x[0] + x[2]) / 2 - h[0], D = (x[1] + x[3]) / 2 - h[1]) : (E = h[2] - h[0], D = h[3] - h[1]), m.rotate((Math.atan2(-D, -E) + y) % y), m.moveTo(0, 0), m.lineTo(-w, B / 2), m.lineTo(-w, -B / 2), m.closePath(), m.restore(), this.__fillStroke(m));
     }
     __fillStroke(m) {
       const y = this.dashEnabled();
@@ -6341,13 +6341,13 @@ function w9() {
       };
     }
   };
-  return sf.Arrow = g, g.prototype.className = "Arrow", (0, P._registerNode)(g), o.Factory.addGetterSetter(g, "pointerLength", 10, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(g, "pointerWidth", 10, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(g, "pointerAtBeginning", !1), o.Factory.addGetterSetter(g, "pointerAtEnding", !0), sf;
+  return sf.Arrow = g, g.prototype.className = "Arrow", (0, P._registerNode)(g), o.Factory.addGetterSetter(g, "pointerLength", 10, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(g, "pointerWidth", 10, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(g, "pointerAtBeginning", !1), o.Factory.addGetterSetter(g, "pointerAtEnding", !0), sf;
 }
 var cf = {}, H2;
 function A9() {
   if (H2) return cf;
   H2 = 1, Object.defineProperty(cf, "__esModule", { value: !0 }), cf.Circle = void 0;
-  const o = Rt(), u = sr(), x = zt(), P = Et();
+  const o = Rt(), u = sr(), C = zt(), P = Et();
   class R extends u.Shape {
     _sceneFunc(p) {
       p.beginPath(), p.arc(0, 0, this.attrs.radius || 0, 0, Math.PI * 2, !1), p.closePath(), p.fillStrokeShape(this);
@@ -6365,13 +6365,13 @@ function A9() {
       this.radius() !== p / 2 && this.radius(p / 2);
     }
   }
-  return cf.Circle = R, R.prototype._centroid = !0, R.prototype.className = "Circle", R.prototype._attrsAffectingSize = ["radius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "radius", 0, (0, x.getNumberValidator)()), cf;
+  return cf.Circle = R, R.prototype._centroid = !0, R.prototype.className = "Circle", R.prototype._attrsAffectingSize = ["radius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "radius", 0, (0, C.getNumberValidator)()), cf;
 }
 var ff = {}, k2;
 function R9() {
   if (k2) return ff;
   k2 = 1, Object.defineProperty(ff, "__esModule", { value: !0 }), ff.Ellipse = void 0;
-  const o = Rt(), u = sr(), x = zt(), P = Et();
+  const o = Rt(), u = sr(), C = zt(), P = Et();
   let R = class extends u.Shape {
     _sceneFunc(p) {
       const m = this.radiusX(), y = this.radiusY();
@@ -6390,14 +6390,14 @@ function R9() {
       this.radiusY(p / 2);
     }
   };
-  return ff.Ellipse = R, R.prototype.className = "Ellipse", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["radiusX", "radiusY"], (0, P._registerNode)(R), o.Factory.addComponentsGetterSetter(R, "radius", ["x", "y"]), o.Factory.addGetterSetter(R, "radiusX", 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(R, "radiusY", 0, (0, x.getNumberValidator)()), ff;
+  return ff.Ellipse = R, R.prototype.className = "Ellipse", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["radiusX", "radiusY"], (0, P._registerNode)(R), o.Factory.addComponentsGetterSetter(R, "radius", ["x", "y"]), o.Factory.addGetterSetter(R, "radiusX", 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(R, "radiusY", 0, (0, C.getNumberValidator)()), ff;
 }
 var df = {}, V2;
 function N9() {
   if (V2) return df;
   V2 = 1, Object.defineProperty(df, "__esModule", { value: !0 }), df.Image = void 0;
-  const o = An(), u = Rt(), x = sr(), P = Et(), R = zt();
-  class g extends x.Shape {
+  const o = An(), u = Rt(), C = sr(), P = Et(), R = zt();
+  class g extends C.Shape {
     constructor(m) {
       super(m), this._loadListener = () => {
         this._requestDraw();
@@ -6420,7 +6420,7 @@ function N9() {
       return m && y ? !0 : super._useBufferCanvas(!0);
     }
     _sceneFunc(m) {
-      const y = this.getWidth(), h = this.getHeight(), C = this.cornerRadius(), N = this.attrs.image;
+      const y = this.getWidth(), h = this.getHeight(), x = this.cornerRadius(), N = this.attrs.image;
       let w;
       if (N) {
         const S = this.attrs.cropWidth, E = this.attrs.cropHeight;
@@ -6436,11 +6436,11 @@ function N9() {
           h
         ] : w = [N, 0, 0, y, h];
       }
-      (this.hasFill() || this.hasStroke() || C) && (m.beginPath(), C ? o.Util.drawRoundedRectPath(m, y, h, C) : m.rect(0, 0, y, h), m.closePath(), m.fillStrokeShape(this)), N && (C && m.clip(), m.drawImage.apply(m, w));
+      (this.hasFill() || this.hasStroke() || x) && (m.beginPath(), x ? o.Util.drawRoundedRectPath(m, y, h, x) : m.rect(0, 0, y, h), m.closePath(), m.fillStrokeShape(this)), N && (x && m.clip(), m.drawImage.apply(m, w));
     }
     _hitFunc(m) {
-      const y = this.width(), h = this.height(), C = this.cornerRadius();
-      m.beginPath(), C ? o.Util.drawRoundedRectPath(m, y, h, C) : m.rect(0, 0, y, h), m.closePath(), m.fillStrokeShape(this);
+      const y = this.width(), h = this.height(), x = this.cornerRadius();
+      m.beginPath(), x ? o.Util.drawRoundedRectPath(m, y, h, x) : m.rect(0, 0, y, h), m.closePath(), m.fillStrokeShape(this);
     }
     getWidth() {
       var m, y;
@@ -6451,13 +6451,13 @@ function N9() {
       return (m = this.attrs.height) !== null && m !== void 0 ? m : (y = this.image()) === null || y === void 0 ? void 0 : y.height;
     }
     static fromURL(m, y, h = null) {
-      const C = o.Util.createImageElement();
-      C.onload = function() {
+      const x = o.Util.createImageElement();
+      x.onload = function() {
         const N = new g({
-          image: C
+          image: x
         });
         y(N);
-      }, C.onerror = h, C.crossOrigin = "Anonymous", C.src = m;
+      }, x.onerror = h, x.crossOrigin = "Anonymous", x.src = m;
     }
   }
   return df.Image = g, g.prototype.className = "Image", (0, P._registerNode)(g), u.Factory.addGetterSetter(g, "cornerRadius", 0, (0, R.getNumberOrArrayOfNumbersValidator)(4)), u.Factory.addGetterSetter(g, "image"), u.Factory.addComponentsGetterSetter(g, "crop", ["x", "y", "width", "height"]), u.Factory.addGetterSetter(g, "cropX", 0, (0, R.getNumberValidator)()), u.Factory.addGetterSetter(g, "cropY", 0, (0, R.getNumberValidator)()), u.Factory.addGetterSetter(g, "cropWidth", 0, (0, R.getNumberValidator)()), u.Factory.addGetterSetter(g, "cropHeight", 0, (0, R.getNumberValidator)()), df;
@@ -6466,7 +6466,7 @@ var Ws = {}, I2;
 function D9() {
   if (I2) return Ws;
   I2 = 1, Object.defineProperty(Ws, "__esModule", { value: !0 }), Ws.Tag = Ws.Label = void 0;
-  const o = Rt(), u = sr(), x = m1(), P = zt(), R = Et(), g = [
+  const o = Rt(), u = sr(), C = m1(), P = zt(), R = Et(), g = [
     "fontFamily",
     "fontSize",
     "fontStyle",
@@ -6478,8 +6478,8 @@ function D9() {
     "pointerDirection",
     "pointerWidth",
     "pointerHeight"
-  ], p = "Change.konva", m = "none", y = "up", h = "right", C = "down", N = "left", w = g.length;
-  let S = class extends x.Group {
+  ], p = "Change.konva", m = "none", y = "up", h = "right", x = "down", N = "left", w = g.length;
+  let S = class extends C.Group {
     constructor(H) {
       super(H), this.on("add.konva", function(B) {
         this._addListeners(B.child), this._sync();
@@ -6515,7 +6515,7 @@ function D9() {
           case h:
             k = b + L, J = v / 2;
             break;
-          case C:
+          case x:
             k = b / 2, J = v + O;
             break;
           case N:
@@ -6539,11 +6539,11 @@ function D9() {
     _sceneFunc(H) {
       const B = this.width(), b = this.height(), v = this.pointerDirection(), M = this.pointerWidth(), L = this.pointerHeight(), k = this.cornerRadius();
       let J = 0, O = 0, j = 0, F = 0;
-      typeof k == "number" ? J = O = j = F = Math.min(k, B / 2, b / 2) : (J = Math.min(k[0] || 0, B / 2, b / 2), O = Math.min(k[1] || 0, B / 2, b / 2), F = Math.min(k[2] || 0, B / 2, b / 2), j = Math.min(k[3] || 0, B / 2, b / 2)), H.beginPath(), H.moveTo(J, 0), v === y && (H.lineTo((B - M) / 2, 0), H.lineTo(B / 2, -1 * L), H.lineTo((B + M) / 2, 0)), H.lineTo(B - O, 0), H.arc(B - O, O, O, Math.PI * 3 / 2, 0, !1), v === h && (H.lineTo(B, (b - L) / 2), H.lineTo(B + M, b / 2), H.lineTo(B, (b + L) / 2)), H.lineTo(B, b - F), H.arc(B - F, b - F, F, 0, Math.PI / 2, !1), v === C && (H.lineTo((B + M) / 2, b), H.lineTo(B / 2, b + L), H.lineTo((B - M) / 2, b)), H.lineTo(j, b), H.arc(j, b - j, j, Math.PI / 2, Math.PI, !1), v === N && (H.lineTo(0, (b + L) / 2), H.lineTo(-1 * M, b / 2), H.lineTo(0, (b - L) / 2)), H.lineTo(0, J), H.arc(J, J, J, Math.PI, Math.PI * 3 / 2, !1), H.closePath(), H.fillStrokeShape(this);
+      typeof k == "number" ? J = O = j = F = Math.min(k, B / 2, b / 2) : (J = Math.min(k[0] || 0, B / 2, b / 2), O = Math.min(k[1] || 0, B / 2, b / 2), F = Math.min(k[2] || 0, B / 2, b / 2), j = Math.min(k[3] || 0, B / 2, b / 2)), H.beginPath(), H.moveTo(J, 0), v === y && (H.lineTo((B - M) / 2, 0), H.lineTo(B / 2, -1 * L), H.lineTo((B + M) / 2, 0)), H.lineTo(B - O, 0), H.arc(B - O, O, O, Math.PI * 3 / 2, 0, !1), v === h && (H.lineTo(B, (b - L) / 2), H.lineTo(B + M, b / 2), H.lineTo(B, (b + L) / 2)), H.lineTo(B, b - F), H.arc(B - F, b - F, F, 0, Math.PI / 2, !1), v === x && (H.lineTo((B + M) / 2, b), H.lineTo(B / 2, b + L), H.lineTo((B - M) / 2, b)), H.lineTo(j, b), H.arc(j, b - j, j, Math.PI / 2, Math.PI, !1), v === N && (H.lineTo(0, (b + L) / 2), H.lineTo(-1 * M, b / 2), H.lineTo(0, (b - L) / 2)), H.lineTo(0, J), H.arc(J, J, J, Math.PI, Math.PI * 3 / 2, !1), H.closePath(), H.fillStrokeShape(this);
     }
     getSelfRect() {
       let H = 0, B = 0, b = this.pointerWidth(), v = this.pointerHeight(), M = this.pointerDirection(), L = this.width(), k = this.height();
-      return M === y ? (B -= v, k += v) : M === C ? k += v : M === N ? (H -= b * 1.5, L += b) : M === h && (L += b * 1.5), {
+      return M === y ? (B -= v, k += v) : M === x ? k += v : M === N ? (H -= b * 1.5, L += b) : M === h && (L += b * 1.5), {
         x: H,
         y: B,
         width: L,
@@ -6557,20 +6557,20 @@ var hf = {}, Y2;
 function c5() {
   if (Y2) return hf;
   Y2 = 1, Object.defineProperty(hf, "__esModule", { value: !0 }), hf.Rect = void 0;
-  const o = Rt(), u = sr(), x = Et(), P = An(), R = zt();
+  const o = Rt(), u = sr(), C = Et(), P = An(), R = zt();
   class g extends u.Shape {
     _sceneFunc(m) {
-      const y = this.cornerRadius(), h = this.width(), C = this.height();
-      m.beginPath(), y ? P.Util.drawRoundedRectPath(m, h, C, y) : m.rect(0, 0, h, C), m.closePath(), m.fillStrokeShape(this);
+      const y = this.cornerRadius(), h = this.width(), x = this.height();
+      m.beginPath(), y ? P.Util.drawRoundedRectPath(m, h, x, y) : m.rect(0, 0, h, x), m.closePath(), m.fillStrokeShape(this);
     }
   }
-  return hf.Rect = g, g.prototype.className = "Rect", (0, x._registerNode)(g), o.Factory.addGetterSetter(g, "cornerRadius", 0, (0, R.getNumberOrArrayOfNumbersValidator)(4)), hf;
+  return hf.Rect = g, g.prototype.className = "Rect", (0, C._registerNode)(g), o.Factory.addGetterSetter(g, "cornerRadius", 0, (0, R.getNumberOrArrayOfNumbersValidator)(4)), hf;
 }
 var pf = {}, X2;
 function P9() {
   if (X2) return pf;
   X2 = 1, Object.defineProperty(pf, "__esModule", { value: !0 }), pf.RegularPolygon = void 0;
-  const o = Rt(), u = sr(), x = zt(), P = Et();
+  const o = Rt(), u = sr(), C = zt(), P = Et();
   let R = class extends u.Shape {
     _sceneFunc(p) {
       const m = this._getPoints();
@@ -6590,14 +6590,14 @@ function P9() {
     }
     getSelfRect() {
       const p = this._getPoints();
-      let m = p[0].x, y = p[0].y, h = p[0].x, C = p[0].y;
+      let m = p[0].x, y = p[0].y, h = p[0].x, x = p[0].y;
       return p.forEach((N) => {
-        m = Math.min(m, N.x), y = Math.max(y, N.x), h = Math.min(h, N.y), C = Math.max(C, N.y);
+        m = Math.min(m, N.x), y = Math.max(y, N.x), h = Math.min(h, N.y), x = Math.max(x, N.y);
       }), {
         x: m,
         y: h,
         width: y - m,
-        height: C - h
+        height: x - h
       };
     }
     getWidth() {
@@ -6613,13 +6613,13 @@ function P9() {
       this.radius(p / 2);
     }
   };
-  return pf.RegularPolygon = R, R.prototype.className = "RegularPolygon", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["radius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "radius", 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(R, "sides", 0, (0, x.getNumberValidator)()), pf;
+  return pf.RegularPolygon = R, R.prototype.className = "RegularPolygon", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["radius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "radius", 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(R, "sides", 0, (0, C.getNumberValidator)()), pf;
 }
 var vf = {}, W2;
 function M9() {
   if (W2) return vf;
   W2 = 1, Object.defineProperty(vf, "__esModule", { value: !0 }), vf.Ring = void 0;
-  const o = Rt(), u = sr(), x = zt(), P = Et(), R = Math.PI * 2;
+  const o = Rt(), u = sr(), C = zt(), P = Et(), R = Math.PI * 2;
   let g = class extends u.Shape {
     _sceneFunc(m) {
       m.beginPath(), m.arc(0, 0, this.innerRadius(), 0, R, !1), m.moveTo(this.outerRadius(), 0), m.arc(0, 0, this.outerRadius(), R, 0, !0), m.closePath(), m.fillStrokeShape(this);
@@ -6637,16 +6637,16 @@ function M9() {
       this.outerRadius(m / 2);
     }
   };
-  return vf.Ring = g, g.prototype.className = "Ring", g.prototype._centroid = !0, g.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"], (0, P._registerNode)(g), o.Factory.addGetterSetter(g, "innerRadius", 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(g, "outerRadius", 0, (0, x.getNumberValidator)()), vf;
+  return vf.Ring = g, g.prototype.className = "Ring", g.prototype._centroid = !0, g.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"], (0, P._registerNode)(g), o.Factory.addGetterSetter(g, "innerRadius", 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(g, "outerRadius", 0, (0, C.getNumberValidator)()), vf;
 }
 var mf = {}, Q2;
 function L9() {
   if (Q2) return mf;
   Q2 = 1, Object.defineProperty(mf, "__esModule", { value: !0 }), mf.Sprite = void 0;
-  const o = Rt(), u = sr(), x = g1(), P = zt(), R = Et();
+  const o = Rt(), u = sr(), C = g1(), P = zt(), R = Et();
   let g = class extends u.Shape {
     constructor(m) {
-      super(m), this._updated = !0, this.anim = new x.Animation(() => {
+      super(m), this._updated = !0, this.anim = new C.Animation(() => {
         const y = this._updated;
         return this._updated = !1, y;
       }), this.on("animationChange.konva", function() {
@@ -6658,7 +6658,7 @@ function L9() {
       });
     }
     _sceneFunc(m) {
-      const y = this.animation(), h = this.frameIndex(), C = h * 4, N = this.animations()[y], w = this.frameOffsets(), S = N[C + 0], E = N[C + 1], D = N[C + 2], H = N[C + 3], B = this.image();
+      const y = this.animation(), h = this.frameIndex(), x = h * 4, N = this.animations()[y], w = this.frameOffsets(), S = N[x + 0], E = N[x + 1], D = N[x + 2], H = N[x + 3], B = this.image();
       if ((this.hasFill() || this.hasStroke()) && (m.beginPath(), m.rect(0, 0, D, H), m.closePath(), m.fillStrokeShape(this)), B)
         if (w) {
           const b = w[y], v = h * 2;
@@ -6667,7 +6667,7 @@ function L9() {
           m.drawImage(B, S, E, D, H, 0, 0, D, H);
     }
     _hitFunc(m) {
-      const y = this.animation(), h = this.frameIndex(), C = h * 4, N = this.animations()[y], w = this.frameOffsets(), S = N[C + 2], E = N[C + 3];
+      const y = this.animation(), h = this.frameIndex(), x = h * 4, N = this.animations()[y], w = this.frameOffsets(), S = N[x + 2], E = N[x + 3];
       if (m.beginPath(), w) {
         const D = w[y], H = h * 2;
         m.rect(D[H + 0], D[H + 1], S, E);
@@ -6697,7 +6697,7 @@ function L9() {
       return this.anim.isRunning();
     }
     _updateIndex() {
-      const m = this.frameIndex(), y = this.animation(), h = this.animations(), C = h[y], N = C.length / 4;
+      const m = this.frameIndex(), y = this.animation(), h = this.animations(), x = h[y], N = x.length / 4;
       m < N - 1 ? this.frameIndex(m + 1) : this.frameIndex(0);
     }
   };
@@ -6711,13 +6711,13 @@ var gf = {}, J2;
 function O9() {
   if (J2) return gf;
   J2 = 1, Object.defineProperty(gf, "__esModule", { value: !0 }), gf.Star = void 0;
-  const o = Rt(), u = sr(), x = zt(), P = Et();
+  const o = Rt(), u = sr(), C = zt(), P = Et();
   let R = class extends u.Shape {
     _sceneFunc(p) {
       const m = this.innerRadius(), y = this.outerRadius(), h = this.numPoints();
       p.beginPath(), p.moveTo(0, 0 - y);
-      for (let C = 1; C < h * 2; C++) {
-        const N = C % 2 === 0 ? y : m, w = N * Math.sin(C * Math.PI / h), S = -1 * N * Math.cos(C * Math.PI / h);
+      for (let x = 1; x < h * 2; x++) {
+        const N = x % 2 === 0 ? y : m, w = N * Math.sin(x * Math.PI / h), S = -1 * N * Math.cos(x * Math.PI / h);
         p.lineTo(w, S);
       }
       p.closePath(), p.fillStrokeShape(this);
@@ -6735,13 +6735,13 @@ function O9() {
       this.outerRadius(p / 2);
     }
   };
-  return gf.Star = R, R.prototype.className = "Star", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "numPoints", 5, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(R, "innerRadius", 0, (0, x.getNumberValidator)()), o.Factory.addGetterSetter(R, "outerRadius", 0, (0, x.getNumberValidator)()), gf;
+  return gf.Star = R, R.prototype.className = "Star", R.prototype._centroid = !0, R.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"], (0, P._registerNode)(R), o.Factory.addGetterSetter(R, "numPoints", 5, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(R, "innerRadius", 0, (0, C.getNumberValidator)()), o.Factory.addGetterSetter(R, "outerRadius", 0, (0, C.getNumberValidator)()), gf;
 }
 var Cu = {}, Z2;
 function f5() {
   if (Z2) return Cu;
   Z2 = 1, Object.defineProperty(Cu, "__esModule", { value: !0 }), Cu.Text = void 0, Cu.stringToArray = p;
-  const o = An(), u = Rt(), x = sr(), P = Et(), R = zt(), g = Et();
+  const o = An(), u = Rt(), C = sr(), P = Et(), R = zt(), g = Et();
   function p(oe) {
     return [...oe].reduce((ne, me, we, se) => {
       if (new RegExp("\\p{Emoji}", "u").test(me)) {
@@ -6751,7 +6751,7 @@ function f5() {
       return ne;
     }, []);
   }
-  const m = "auto", y = "center", h = "inherit", C = "justify", N = "Change.konva", w = "2d", S = "-", E = "left", D = "text", H = "Text", B = "top", b = "bottom", v = "middle", M = "normal", L = "px ", k = " ", J = "right", O = "rtl", j = "word", F = "char", X = "none", K = "…", $ = [
+  const m = "auto", y = "center", h = "inherit", x = "justify", N = "Change.konva", w = "2d", S = "-", E = "left", D = "text", H = "Text", B = "top", b = "bottom", v = "middle", M = "normal", L = "px ", k = " ", J = "right", O = "rtl", j = "word", F = "char", X = "none", K = "…", $ = [
     "direction",
     "fontFamily",
     "fontSize",
@@ -6788,7 +6788,7 @@ function f5() {
   function I(oe) {
     return oe = oe || {}, !oe.fillLinearGradientColorStops && !oe.fillRadialGradientColorStops && !oe.fillPatternImage && (oe.fill = oe.fill || "black"), oe;
   }
-  let _ = class extends x.Shape {
+  let _ = class extends C.Shape {
     constructor(ne) {
       super(I(ne)), this._partialTextX = 0, this._partialTextY = 0;
       for (let me = 0; me < re; me++)
@@ -6813,7 +6813,7 @@ function f5() {
           ne.save(), ne.beginPath();
           const pn = P.Konva._fixTextRendering ? Math.round(Z / 4) : Math.round(Z / 2), rn = St, De = dt + hn + pn;
           ne.moveTo(rn, De);
-          const Ve = Ye === C && !cn ? Re - se * 2 : Ft;
+          const Ve = Ye === x && !cn ? Re - se * 2 : Ft;
           ne.lineTo(rn + Math.round(Ve), De), ne.lineWidth = Z / 15;
           const ft = this._getLinearGradient();
           ne.strokeStyle = ft || Ge, ne.stroke(), ne.restore();
@@ -6822,16 +6822,16 @@ function f5() {
           ne.save(), ne.beginPath();
           const pn = P.Konva._fixTextRendering ? -Math.round(Z / 4) : 0;
           ne.moveTo(St, dt + hn + pn);
-          const rn = Ye === C && !cn ? Re - se * 2 : Ft;
+          const rn = Ye === x && !cn ? Re - se * 2 : Ft;
           ne.lineTo(St + Math.round(rn), dt + hn + pn), ne.lineWidth = Z / 15;
           const De = this._getLinearGradient();
           ne.strokeStyle = De || Ge, ne.stroke(), ne.restore();
         }
-        if (Ae !== O && (ke !== 0 || Ye === C)) {
+        if (Ae !== O && (ke !== 0 || Ye === x)) {
           const pn = xt.split(" ").length - 1, rn = p(xt);
           for (let De = 0; De < rn.length; De++) {
             const Ve = rn[De];
-            Ve === " " && !cn && Ye === C && (St += (Re - se * 2 - Ft) / pn), this._partialTextX = St, this._partialTextY = dt + hn, this._partialText = Ve, ne.fillStrokeShape(this), St += this.measureSize(Ve).width + ke;
+            Ve === " " && !cn && Ye === x && (St += (Re - se * 2 - Ft) / pn), this._partialTextX = St, this._partialTextY = dt + hn, this._partialText = Ve, ne.fillStrokeShape(this), St += this.measureSize(Ve).width + ke;
           }
         } else
           ke !== 0 && ne.setAttr("letterSpacing", `${ke}px`), this._partialTextX = St, this._partialTextY = dt + hn, this._partialText = xt, ne.fillStrokeShape(this);
@@ -6883,7 +6883,7 @@ function f5() {
       return this.fontStyle() + k + this.fontVariant() + k + (this.fontSize() + L) + ee(this.fontFamily());
     }
     _addTextLine(ne) {
-      this.align() === C && (ne = ne.trim());
+      this.align() === x && (ne = ne.trim());
       const we = this._getTextWidth(ne);
       return this.textArr.push({
         text: ne,
@@ -6968,14 +6968,14 @@ var yf = {}, _2;
 function z9() {
   if (_2) return yf;
   _2 = 1, Object.defineProperty(yf, "__esModule", { value: !0 }), yf.TextPath = void 0;
-  const o = An(), u = Rt(), x = sr(), P = y1(), R = f5(), g = zt(), p = Et(), m = "", y = "normal";
+  const o = An(), u = Rt(), C = sr(), P = y1(), R = f5(), g = zt(), p = Et(), m = "", y = "normal";
   function h(w) {
     w.fillText(this.partialText, 0, 0);
   }
-  function C(w) {
+  function x(w) {
     w.strokeText(this.partialText, 0, 0);
   }
-  let N = class extends x.Shape {
+  let N = class extends C.Shape {
     constructor(S) {
       super(S), this.dummyCanvas = o.Util.createCanvasElement(), this.dataArray = [], this._readDataAttribute(), this.on("dataChange.konva", function() {
         this._readDataAttribute(), this._setTextData();
@@ -7106,13 +7106,13 @@ function z9() {
       return o.Util.releaseCanvas(this.dummyCanvas), super.destroy();
     }
   };
-  return yf.TextPath = N, N.prototype._fillFunc = h, N.prototype._strokeFunc = C, N.prototype._fillFuncHit = h, N.prototype._strokeFuncHit = C, N.prototype.className = "TextPath", N.prototype._attrsAffectingSize = ["text", "fontSize", "data"], (0, p._registerNode)(N), u.Factory.addGetterSetter(N, "data"), u.Factory.addGetterSetter(N, "fontFamily", "Arial"), u.Factory.addGetterSetter(N, "fontSize", 12, (0, g.getNumberValidator)()), u.Factory.addGetterSetter(N, "fontStyle", y), u.Factory.addGetterSetter(N, "align", "left"), u.Factory.addGetterSetter(N, "letterSpacing", 0, (0, g.getNumberValidator)()), u.Factory.addGetterSetter(N, "textBaseline", "middle"), u.Factory.addGetterSetter(N, "fontVariant", y), u.Factory.addGetterSetter(N, "text", m), u.Factory.addGetterSetter(N, "textDecoration", ""), u.Factory.addGetterSetter(N, "kerningFunc", void 0), yf;
+  return yf.TextPath = N, N.prototype._fillFunc = h, N.prototype._strokeFunc = x, N.prototype._fillFuncHit = h, N.prototype._strokeFuncHit = x, N.prototype.className = "TextPath", N.prototype._attrsAffectingSize = ["text", "fontSize", "data"], (0, p._registerNode)(N), u.Factory.addGetterSetter(N, "data"), u.Factory.addGetterSetter(N, "fontFamily", "Arial"), u.Factory.addGetterSetter(N, "fontSize", 12, (0, g.getNumberValidator)()), u.Factory.addGetterSetter(N, "fontStyle", y), u.Factory.addGetterSetter(N, "align", "left"), u.Factory.addGetterSetter(N, "letterSpacing", 0, (0, g.getNumberValidator)()), u.Factory.addGetterSetter(N, "textBaseline", "middle"), u.Factory.addGetterSetter(N, "fontVariant", y), u.Factory.addGetterSetter(N, "text", m), u.Factory.addGetterSetter(N, "textDecoration", ""), u.Factory.addGetterSetter(N, "kerningFunc", void 0), yf;
 }
 var Sf = {}, q2;
 function F9() {
   if (q2) return Sf;
   q2 = 1, Object.defineProperty(Sf, "__esModule", { value: !0 }), Sf.Transformer = void 0;
-  const o = An(), u = Rt(), x = Mn(), P = sr(), R = c5(), g = m1(), p = Et(), m = zt(), y = Et(), h = "tr-konva", C = [
+  const o = An(), u = Rt(), C = Mn(), P = sr(), R = c5(), g = m1(), p = Et(), m = zt(), y = Et(), h = "tr-konva", x = [
     "resizeEnabledChange",
     "rotateAnchorOffsetChange",
     "rotateEnabledChange",
@@ -7196,7 +7196,7 @@ function F9() {
   }
   let L = 0, k = class extends g.Group {
     constructor(j) {
-      super(j), this._movingAnchorName = null, this._transforming = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(C, this.update), this.getNode() && this.update();
+      super(j), this._movingAnchorName = null, this._transforming = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(x, this.update), this.getNode() && this.update();
     }
     attachTo(j) {
       return this.setNode(j), this;
@@ -7687,10 +7687,10 @@ function F9() {
       return this.getStage() && this._cursorChange && this.getStage().content && (this.getStage().content.style.cursor = ""), g.Group.prototype.destroy.call(this), this.detach(), this._removeEvents(), this;
     }
     toObject() {
-      return x.Node.prototype.toObject.call(this);
+      return C.Node.prototype.toObject.call(this);
     }
     clone(j) {
-      return x.Node.prototype.clone.call(this, j);
+      return C.Node.prototype.clone.call(this, j);
     }
     getClientRect() {
       return this.nodes().length > 0 ? super.getClientRect() : { x: 0, y: 0, width: 0, height: 0 };
@@ -7712,10 +7712,10 @@ var xf = {}, K2;
 function G9() {
   if (K2) return xf;
   K2 = 1, Object.defineProperty(xf, "__esModule", { value: !0 }), xf.Wedge = void 0;
-  const o = Rt(), u = sr(), x = Et(), P = zt(), R = Et();
+  const o = Rt(), u = sr(), C = Et(), P = zt(), R = Et();
   let g = class extends u.Shape {
     _sceneFunc(m) {
-      m.beginPath(), m.arc(0, 0, this.radius(), 0, x.Konva.getAngle(this.angle()), this.clockwise()), m.lineTo(0, 0), m.closePath(), m.fillStrokeShape(this);
+      m.beginPath(), m.arc(0, 0, this.radius(), 0, C.Konva.getAngle(this.angle()), this.clockwise()), m.lineTo(0, 0), m.closePath(), m.fillStrokeShape(this);
     }
     getWidth() {
       return this.radius() * 2;
@@ -7740,7 +7740,7 @@ var Cf = {}, $2;
 function U9() {
   if ($2) return Cf;
   $2 = 1, Object.defineProperty(Cf, "__esModule", { value: !0 }), Cf.Blur = void 0;
-  const o = Rt(), u = Mn(), x = zt();
+  const o = Rt(), u = Mn(), C = zt();
   function P() {
     this.r = 0, this.g = 0, this.b = 0, this.a = 0, this.next = null;
   }
@@ -8258,7 +8258,7 @@ function U9() {
     24
   ];
   function p(y, h) {
-    const C = y.data, N = y.width, w = y.height;
+    const x = y.data, N = y.width, w = y.height;
     let S, E, D, H, B, b, v, M, L, k, J, O, j, F, X, K, $, re, ee, pe;
     const z = h + h + 1, U = N - 1, W = w - 1, I = h + 1, _ = I * (I + 1) / 2, oe = new P(), ne = R[h], me = g[h];
     let we = null, se = oe, Z = null, ae = null;
@@ -8266,63 +8266,63 @@ function U9() {
       se = se.next = new P(), Ce === I && (we = se);
     se.next = oe, D = E = 0;
     for (let Ce = 0; Ce < w; Ce++) {
-      O = j = F = X = H = B = b = v = 0, M = I * (K = C[E]), L = I * ($ = C[E + 1]), k = I * (re = C[E + 2]), J = I * (ee = C[E + 3]), H += _ * K, B += _ * $, b += _ * re, v += _ * ee, se = oe;
+      O = j = F = X = H = B = b = v = 0, M = I * (K = x[E]), L = I * ($ = x[E + 1]), k = I * (re = x[E + 2]), J = I * (ee = x[E + 3]), H += _ * K, B += _ * $, b += _ * re, v += _ * ee, se = oe;
       for (let Ae = 0; Ae < I; Ae++)
         se.r = K, se.g = $, se.b = re, se.a = ee, se = se.next;
       for (let Ae = 1; Ae < I; Ae++)
-        S = E + ((U < Ae ? U : Ae) << 2), H += (se.r = K = C[S]) * (pe = I - Ae), B += (se.g = $ = C[S + 1]) * pe, b += (se.b = re = C[S + 2]) * pe, v += (se.a = ee = C[S + 3]) * pe, O += K, j += $, F += re, X += ee, se = se.next;
+        S = E + ((U < Ae ? U : Ae) << 2), H += (se.r = K = x[S]) * (pe = I - Ae), B += (se.g = $ = x[S + 1]) * pe, b += (se.b = re = x[S + 2]) * pe, v += (se.a = ee = x[S + 3]) * pe, O += K, j += $, F += re, X += ee, se = se.next;
       Z = oe, ae = we;
       for (let Ae = 0; Ae < N; Ae++)
-        C[E + 3] = ee = v * ne >> me, ee !== 0 ? (ee = 255 / ee, C[E] = (H * ne >> me) * ee, C[E + 1] = (B * ne >> me) * ee, C[E + 2] = (b * ne >> me) * ee) : C[E] = C[E + 1] = C[E + 2] = 0, H -= M, B -= L, b -= k, v -= J, M -= Z.r, L -= Z.g, k -= Z.b, J -= Z.a, S = D + ((S = Ae + h + 1) < U ? S : U) << 2, O += Z.r = C[S], j += Z.g = C[S + 1], F += Z.b = C[S + 2], X += Z.a = C[S + 3], H += O, B += j, b += F, v += X, Z = Z.next, M += K = ae.r, L += $ = ae.g, k += re = ae.b, J += ee = ae.a, O -= K, j -= $, F -= re, X -= ee, ae = ae.next, E += 4;
+        x[E + 3] = ee = v * ne >> me, ee !== 0 ? (ee = 255 / ee, x[E] = (H * ne >> me) * ee, x[E + 1] = (B * ne >> me) * ee, x[E + 2] = (b * ne >> me) * ee) : x[E] = x[E + 1] = x[E + 2] = 0, H -= M, B -= L, b -= k, v -= J, M -= Z.r, L -= Z.g, k -= Z.b, J -= Z.a, S = D + ((S = Ae + h + 1) < U ? S : U) << 2, O += Z.r = x[S], j += Z.g = x[S + 1], F += Z.b = x[S + 2], X += Z.a = x[S + 3], H += O, B += j, b += F, v += X, Z = Z.next, M += K = ae.r, L += $ = ae.g, k += re = ae.b, J += ee = ae.a, O -= K, j -= $, F -= re, X -= ee, ae = ae.next, E += 4;
       D += N;
     }
     for (let Ce = 0; Ce < N; Ce++) {
-      j = F = X = O = B = b = v = H = 0, E = Ce << 2, M = I * (K = C[E]), L = I * ($ = C[E + 1]), k = I * (re = C[E + 2]), J = I * (ee = C[E + 3]), H += _ * K, B += _ * $, b += _ * re, v += _ * ee, se = oe;
+      j = F = X = O = B = b = v = H = 0, E = Ce << 2, M = I * (K = x[E]), L = I * ($ = x[E + 1]), k = I * (re = x[E + 2]), J = I * (ee = x[E + 3]), H += _ * K, B += _ * $, b += _ * re, v += _ * ee, se = oe;
       for (let Me = 0; Me < I; Me++)
         se.r = K, se.g = $, se.b = re, se.a = ee, se = se.next;
       let Ae = N;
       for (let Me = 1; Me <= h; Me++)
-        E = Ae + Ce << 2, H += (se.r = K = C[E]) * (pe = I - Me), B += (se.g = $ = C[E + 1]) * pe, b += (se.b = re = C[E + 2]) * pe, v += (se.a = ee = C[E + 3]) * pe, O += K, j += $, F += re, X += ee, se = se.next, Me < W && (Ae += N);
+        E = Ae + Ce << 2, H += (se.r = K = x[E]) * (pe = I - Me), B += (se.g = $ = x[E + 1]) * pe, b += (se.b = re = x[E + 2]) * pe, v += (se.a = ee = x[E + 3]) * pe, O += K, j += $, F += re, X += ee, se = se.next, Me < W && (Ae += N);
       E = Ce, Z = oe, ae = we;
       for (let Me = 0; Me < w; Me++)
-        S = E << 2, C[S + 3] = ee = v * ne >> me, ee > 0 ? (ee = 255 / ee, C[S] = (H * ne >> me) * ee, C[S + 1] = (B * ne >> me) * ee, C[S + 2] = (b * ne >> me) * ee) : C[S] = C[S + 1] = C[S + 2] = 0, H -= M, B -= L, b -= k, v -= J, M -= Z.r, L -= Z.g, k -= Z.b, J -= Z.a, S = Ce + ((S = Me + I) < W ? S : W) * N << 2, H += O += Z.r = C[S], B += j += Z.g = C[S + 1], b += F += Z.b = C[S + 2], v += X += Z.a = C[S + 3], Z = Z.next, M += K = ae.r, L += $ = ae.g, k += re = ae.b, J += ee = ae.a, O -= K, j -= $, F -= re, X -= ee, ae = ae.next, E += N;
+        S = E << 2, x[S + 3] = ee = v * ne >> me, ee > 0 ? (ee = 255 / ee, x[S] = (H * ne >> me) * ee, x[S + 1] = (B * ne >> me) * ee, x[S + 2] = (b * ne >> me) * ee) : x[S] = x[S + 1] = x[S + 2] = 0, H -= M, B -= L, b -= k, v -= J, M -= Z.r, L -= Z.g, k -= Z.b, J -= Z.a, S = Ce + ((S = Me + I) < W ? S : W) * N << 2, H += O += Z.r = x[S], B += j += Z.g = x[S + 1], b += F += Z.b = x[S + 2], v += X += Z.a = x[S + 3], Z = Z.next, M += K = ae.r, L += $ = ae.g, k += re = ae.b, J += ee = ae.a, O -= K, j -= $, F -= re, X -= ee, ae = ae.next, E += N;
     }
   }
   const m = function(h) {
-    const C = Math.round(this.blurRadius());
-    C > 0 && p(h, C);
+    const x = Math.round(this.blurRadius());
+    x > 0 && p(h, x);
   };
-  return Cf.Blur = m, o.Factory.addGetterSetter(u.Node, "blurRadius", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Cf;
+  return Cf.Blur = m, o.Factory.addGetterSetter(u.Node, "blurRadius", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Cf;
 }
 var Ef = {}, ey;
 function j9() {
   if (ey) return Ef;
   ey = 1, Object.defineProperty(Ef, "__esModule", { value: !0 }), Ef.Brighten = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = this.brightness() * 255, p = R.data, m = p.length;
     for (let y = 0; y < m; y += 4)
       p[y] += g, p[y + 1] += g, p[y + 2] += g;
   };
-  return Ef.Brighten = P, o.Factory.addGetterSetter(u.Node, "brightness", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Ef;
+  return Ef.Brighten = P, o.Factory.addGetterSetter(u.Node, "brightness", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Ef;
 }
 var bf = {}, ty;
 function B9() {
   if (ty) return bf;
   ty = 1, Object.defineProperty(bf, "__esModule", { value: !0 }), bf.Contrast = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = Math.pow((this.contrast() + 100) / 100, 2), p = R.data, m = p.length;
-    let y = 150, h = 150, C = 150;
+    let y = 150, h = 150, x = 150;
     for (let N = 0; N < m; N += 4)
-      y = p[N], h = p[N + 1], C = p[N + 2], y /= 255, y -= 0.5, y *= g, y += 0.5, y *= 255, h /= 255, h -= 0.5, h *= g, h += 0.5, h *= 255, C /= 255, C -= 0.5, C *= g, C += 0.5, C *= 255, y = y < 0 ? 0 : y > 255 ? 255 : y, h = h < 0 ? 0 : h > 255 ? 255 : h, C = C < 0 ? 0 : C > 255 ? 255 : C, p[N] = y, p[N + 1] = h, p[N + 2] = C;
+      y = p[N], h = p[N + 1], x = p[N + 2], y /= 255, y -= 0.5, y *= g, y += 0.5, y *= 255, h /= 255, h -= 0.5, h *= g, h += 0.5, h *= 255, x /= 255, x -= 0.5, x *= g, x += 0.5, x *= 255, y = y < 0 ? 0 : y > 255 ? 255 : y, h = h < 0 ? 0 : h > 255 ? 255 : h, x = x < 0 ? 0 : x > 255 ? 255 : x, p[N] = y, p[N + 1] = h, p[N + 2] = x;
   };
-  return bf.Contrast = P, o.Factory.addGetterSetter(u.Node, "contrast", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), bf;
+  return bf.Contrast = P, o.Factory.addGetterSetter(u.Node, "contrast", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), bf;
 }
 var Tf = {}, ny;
 function H9() {
   if (ny) return Tf;
   ny = 1, Object.defineProperty(Tf, "__esModule", { value: !0 }), Tf.Emboss = void 0;
-  const o = Rt(), u = Mn(), x = An(), P = zt(), R = function(g) {
-    const p = this.embossStrength() * 10, m = this.embossWhiteLevel() * 255, y = this.embossDirection(), h = this.embossBlend(), C = g.data, N = g.width, w = g.height, S = N * 4;
+  const o = Rt(), u = Mn(), C = An(), P = zt(), R = function(g) {
+    const p = this.embossStrength() * 10, m = this.embossWhiteLevel() * 255, y = this.embossDirection(), h = this.embossBlend(), x = g.data, N = g.width, w = g.height, S = N * 4;
     let E = 0, D = 0, H = w;
     switch (y) {
       case "top-left":
@@ -8350,7 +8350,7 @@ function H9() {
         E = 0, D = -1;
         break;
       default:
-        x.Util.error("Unknown emboss direction: " + y);
+        C.Util.error("Unknown emboss direction: " + y);
     }
     do {
       const B = (H - 1) * S;
@@ -8362,15 +8362,15 @@ function H9() {
         const L = B + (M - 1) * 4;
         let k = D;
         M + k < 1 && (k = 0), M + k > N && (k = 0);
-        const J = v + (M - 1 + k) * 4, O = C[L] - C[J], j = C[L + 1] - C[J + 1], F = C[L + 2] - C[J + 2];
+        const J = v + (M - 1 + k) * 4, O = x[L] - x[J], j = x[L + 1] - x[J + 1], F = x[L + 2] - x[J + 2];
         let X = O;
         const K = X > 0 ? X : -X, $ = j > 0 ? j : -j, re = F > 0 ? F : -F;
         if ($ > K && (X = j), re > K && (X = F), X *= p, h) {
-          const ee = C[L] + X, pe = C[L + 1] + X, z = C[L + 2] + X;
-          C[L] = ee > 255 ? 255 : ee < 0 ? 0 : ee, C[L + 1] = pe > 255 ? 255 : pe < 0 ? 0 : pe, C[L + 2] = z > 255 ? 255 : z < 0 ? 0 : z;
+          const ee = x[L] + X, pe = x[L + 1] + X, z = x[L + 2] + X;
+          x[L] = ee > 255 ? 255 : ee < 0 ? 0 : ee, x[L + 1] = pe > 255 ? 255 : pe < 0 ? 0 : pe, x[L + 2] = z > 255 ? 255 : z < 0 ? 0 : z;
         } else {
           let ee = m - X;
-          ee < 0 ? ee = 0 : ee > 255 && (ee = 255), C[L] = C[L + 1] = C[L + 2] = ee;
+          ee < 0 ? ee = 0 : ee > 255 && (ee = 255), x[L] = x[L + 1] = x[L + 2] = ee;
         }
       } while (--M);
     } while (--H);
@@ -8381,24 +8381,24 @@ var wf = {}, ry;
 function k9() {
   if (ry) return wf;
   ry = 1, Object.defineProperty(wf, "__esModule", { value: !0 }), wf.Enhance = void 0;
-  const o = Rt(), u = Mn(), x = zt();
+  const o = Rt(), u = Mn(), C = zt();
   function P(g, p, m, y, h) {
-    const C = m - p, N = h - y;
-    if (C === 0)
+    const x = m - p, N = h - y;
+    if (x === 0)
       return y + N / 2;
     if (N === 0)
       return y;
-    let w = (g - p) / C;
+    let w = (g - p) / x;
     return w = N * w + y, w;
   }
   const R = function(g) {
     const p = g.data, m = p.length;
-    let y = p[0], h = y, C, N = p[1], w = N, S, E = p[2], D = E, H;
+    let y = p[0], h = y, x, N = p[1], w = N, S, E = p[2], D = E, H;
     const B = this.enhance();
     if (B === 0)
       return;
     for (let O = 0; O < m; O += 4)
-      C = p[O + 0], C < y ? y = C : C > h && (h = C), S = p[O + 1], S < N ? N = S : S > w && (w = S), H = p[O + 2], H < E ? E = H : H > D && (D = H);
+      x = p[O + 0], x < y ? y = x : x > h && (h = x), S = p[O + 1], S < N ? N = S : S > w && (w = S), H = p[O + 2], H < E ? E = H : H > D && (D = H);
     h === y && (h = 255, y = 0), w === N && (w = 255, N = 0), D === E && (D = 255, E = 0);
     let b, v, M, L, k, J;
     if (B > 0)
@@ -8414,17 +8414,17 @@ function k9() {
     for (let O = 0; O < m; O += 4)
       p[O + 0] = P(p[O + 0], y, h, v, b), p[O + 1] = P(p[O + 1], N, w, L, M), p[O + 2] = P(p[O + 2], E, D, J, k);
   };
-  return wf.Enhance = R, o.Factory.addGetterSetter(u.Node, "enhance", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), wf;
+  return wf.Enhance = R, o.Factory.addGetterSetter(u.Node, "enhance", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), wf;
 }
 var Af = {}, ay;
 function V9() {
   if (ay) return Af;
   ay = 1, Object.defineProperty(Af, "__esModule", { value: !0 }), Af.Grayscale = void 0;
   const o = function(u) {
-    const x = u.data, P = x.length;
+    const C = u.data, P = C.length;
     for (let R = 0; R < P; R += 4) {
-      const g = 0.34 * x[R] + 0.5 * x[R + 1] + 0.16 * x[R + 2];
-      x[R] = g, x[R + 1] = g, x[R + 2] = g;
+      const g = 0.34 * C[R] + 0.5 * C[R + 1] + 0.16 * C[R + 2];
+      C[R] = g, C[R + 1] = g, C[R + 2] = g;
     }
   };
   return Af.Grayscale = o, Af;
@@ -8433,13 +8433,13 @@ var Rf = {}, iy;
 function I9() {
   if (iy) return Rf;
   iy = 1, Object.defineProperty(Rf, "__esModule", { value: !0 }), Rf.HSL = void 0;
-  const o = Rt(), u = Mn(), x = zt();
-  o.Factory.addGetterSetter(u.Node, "hue", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "saturation", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "luminance", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter);
+  const o = Rt(), u = Mn(), C = zt();
+  o.Factory.addGetterSetter(u.Node, "hue", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "saturation", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "luminance", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter);
   const P = function(R) {
-    const g = R.data, p = g.length, m = 1, y = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, C = this.luminance() * 127, N = m * y * Math.cos(h * Math.PI / 180), w = m * y * Math.sin(h * Math.PI / 180), S = 0.299 * m + 0.701 * N + 0.167 * w, E = 0.587 * m - 0.587 * N + 0.33 * w, D = 0.114 * m - 0.114 * N - 0.497 * w, H = 0.299 * m - 0.299 * N - 0.328 * w, B = 0.587 * m + 0.413 * N + 0.035 * w, b = 0.114 * m - 0.114 * N + 0.293 * w, v = 0.299 * m - 0.3 * N + 1.25 * w, M = 0.587 * m - 0.586 * N - 1.05 * w, L = 0.114 * m + 0.886 * N - 0.2 * w;
+    const g = R.data, p = g.length, m = 1, y = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, x = this.luminance() * 127, N = m * y * Math.cos(h * Math.PI / 180), w = m * y * Math.sin(h * Math.PI / 180), S = 0.299 * m + 0.701 * N + 0.167 * w, E = 0.587 * m - 0.587 * N + 0.33 * w, D = 0.114 * m - 0.114 * N - 0.497 * w, H = 0.299 * m - 0.299 * N - 0.328 * w, B = 0.587 * m + 0.413 * N + 0.035 * w, b = 0.114 * m - 0.114 * N + 0.293 * w, v = 0.299 * m - 0.3 * N + 1.25 * w, M = 0.587 * m - 0.586 * N - 1.05 * w, L = 0.114 * m + 0.886 * N - 0.2 * w;
     let k, J, O, j;
     for (let F = 0; F < p; F += 4)
-      k = g[F + 0], J = g[F + 1], O = g[F + 2], j = g[F + 3], g[F + 0] = S * k + E * J + D * O + C, g[F + 1] = H * k + B * J + b * O + C, g[F + 2] = v * k + M * J + L * O + C, g[F + 3] = j;
+      k = g[F + 0], J = g[F + 1], O = g[F + 2], j = g[F + 3], g[F + 0] = S * k + E * J + D * O + x, g[F + 1] = H * k + B * J + b * O + x, g[F + 2] = v * k + M * J + L * O + x, g[F + 3] = j;
   };
   return Rf.HSL = P, Rf;
 }
@@ -8447,23 +8447,23 @@ var Nf = {}, ly;
 function Y9() {
   if (ly) return Nf;
   ly = 1, Object.defineProperty(Nf, "__esModule", { value: !0 }), Nf.HSV = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
-    const g = R.data, p = g.length, m = Math.pow(2, this.value()), y = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, C = m * y * Math.cos(h * Math.PI / 180), N = m * y * Math.sin(h * Math.PI / 180), w = 0.299 * m + 0.701 * C + 0.167 * N, S = 0.587 * m - 0.587 * C + 0.33 * N, E = 0.114 * m - 0.114 * C - 0.497 * N, D = 0.299 * m - 0.299 * C - 0.328 * N, H = 0.587 * m + 0.413 * C + 0.035 * N, B = 0.114 * m - 0.114 * C + 0.293 * N, b = 0.299 * m - 0.3 * C + 1.25 * N, v = 0.587 * m - 0.586 * C - 1.05 * N, M = 0.114 * m + 0.886 * C - 0.2 * N;
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
+    const g = R.data, p = g.length, m = Math.pow(2, this.value()), y = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, x = m * y * Math.cos(h * Math.PI / 180), N = m * y * Math.sin(h * Math.PI / 180), w = 0.299 * m + 0.701 * x + 0.167 * N, S = 0.587 * m - 0.587 * x + 0.33 * N, E = 0.114 * m - 0.114 * x - 0.497 * N, D = 0.299 * m - 0.299 * x - 0.328 * N, H = 0.587 * m + 0.413 * x + 0.035 * N, B = 0.114 * m - 0.114 * x + 0.293 * N, b = 0.299 * m - 0.3 * x + 1.25 * N, v = 0.587 * m - 0.586 * x - 1.05 * N, M = 0.114 * m + 0.886 * x - 0.2 * N;
     for (let L = 0; L < p; L += 4) {
       const k = g[L + 0], J = g[L + 1], O = g[L + 2], j = g[L + 3];
       g[L + 0] = w * k + S * J + E * O, g[L + 1] = D * k + H * J + B * O, g[L + 2] = b * k + v * J + M * O, g[L + 3] = j;
     }
   };
-  return Nf.HSV = P, o.Factory.addGetterSetter(u.Node, "hue", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "saturation", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "value", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Nf;
+  return Nf.HSV = P, o.Factory.addGetterSetter(u.Node, "hue", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "saturation", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "value", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Nf;
 }
 var Df = {}, sy;
 function X9() {
   if (sy) return Df;
   sy = 1, Object.defineProperty(Df, "__esModule", { value: !0 }), Df.Invert = void 0;
   const o = function(u) {
-    const x = u.data, P = x.length;
+    const C = u.data, P = C.length;
     for (let R = 0; R < P; R += 4)
-      x[R] = 255 - x[R], x[R + 1] = 255 - x[R + 1], x[R + 2] = 255 - x[R + 2];
+      C[R] = 255 - C[R], C[R + 1] = 255 - C[R + 1], C[R + 2] = 255 - C[R + 2];
   };
   return Df.Invert = o, Df;
 }
@@ -8471,8 +8471,8 @@ var Pf = {}, oy;
 function W9() {
   if (oy) return Pf;
   oy = 1, Object.defineProperty(Pf, "__esModule", { value: !0 }), Pf.Kaleidoscope = void 0;
-  const o = Rt(), u = Mn(), x = An(), P = zt(), R = function(m, y, h) {
-    const C = m.data, N = y.data, w = m.width, S = m.height, E = h.polarCenterX || w / 2, D = h.polarCenterY || S / 2;
+  const o = Rt(), u = Mn(), C = An(), P = zt(), R = function(m, y, h) {
+    const x = m.data, N = y.data, w = m.width, S = m.height, E = h.polarCenterX || w / 2, D = h.polarCenterY || S / 2;
     let H = Math.sqrt(E * E + D * D), B = w - E, b = S - D;
     const v = Math.sqrt(B * B + b * b);
     H = v > H ? v : H;
@@ -8482,12 +8482,12 @@ function W9() {
       for (let F = 0; F < M; F += 1) {
         B = Math.floor(E + H * F / M * j), b = Math.floor(D + H * F / M * O);
         let X = (b * w + B) * 4;
-        const K = C[X + 0], $ = C[X + 1], re = C[X + 2], ee = C[X + 3];
+        const K = x[X + 0], $ = x[X + 1], re = x[X + 2], ee = x[X + 3];
         X = (J + F * w) * 4, N[X + 0] = K, N[X + 1] = $, N[X + 2] = re, N[X + 3] = ee;
       }
     }
   }, g = function(m, y, h) {
-    const C = m.data, N = y.data, w = m.width, S = m.height, E = h.polarCenterX || w / 2, D = h.polarCenterY || S / 2;
+    const x = m.data, N = y.data, w = m.width, S = m.height, E = h.polarCenterX || w / 2, D = h.polarCenterY || S / 2;
     let H = Math.sqrt(E * E + D * D), B = w - E, b = S - D;
     const v = Math.sqrt(B * B + b * b);
     H = v > H ? v : H;
@@ -8499,19 +8499,19 @@ function W9() {
         let K = (Math.atan2(F, j) * 180 / Math.PI + 360 + k) % 360;
         K = K * L / 360, J = Math.floor(K), O = Math.floor(X);
         let $ = (O * w + J) * 4;
-        const re = C[$ + 0], ee = C[$ + 1], pe = C[$ + 2], z = C[$ + 3];
+        const re = x[$ + 0], ee = x[$ + 1], pe = x[$ + 2], z = x[$ + 3];
         $ = (b * w + B) * 4, N[$ + 0] = re, N[$ + 1] = ee, N[$ + 2] = pe, N[$ + 3] = z;
       }
   }, p = function(m) {
     const y = m.width, h = m.height;
-    let C, N, w, S, E, D, H, B, b, v, M = Math.round(this.kaleidoscopePower());
+    let x, N, w, S, E, D, H, B, b, v, M = Math.round(this.kaleidoscopePower());
     const L = Math.round(this.kaleidoscopeAngle()), k = Math.floor(y * (L % 360) / 360);
     if (M < 1)
       return;
-    const J = x.Util.createCanvasElement();
+    const J = C.Util.createCanvasElement();
     J.width = y, J.height = h;
     const O = J.getContext("2d").getImageData(0, 0, y, h);
-    x.Util.releaseCanvas(J), R(m, O, {
+    C.Util.releaseCanvas(J), R(m, O, {
       polarCenterX: y / 2,
       polarCenterY: h / 2
     });
@@ -8521,12 +8521,12 @@ function W9() {
     j = Math.ceil(j);
     let F = j, X = 0, K = F, $ = 1;
     for (k + j > y && (X = F, K = 0, $ = -1), N = 0; N < h; N += 1)
-      for (C = X; C !== K; C += $)
-        w = Math.round(C + k) % y, b = (y * N + w) * 4, E = O.data[b + 0], D = O.data[b + 1], H = O.data[b + 2], B = O.data[b + 3], v = (y * N + C) * 4, O.data[v + 0] = E, O.data[v + 1] = D, O.data[v + 2] = H, O.data[v + 3] = B;
+      for (x = X; x !== K; x += $)
+        w = Math.round(x + k) % y, b = (y * N + w) * 4, E = O.data[b + 0], D = O.data[b + 1], H = O.data[b + 2], B = O.data[b + 3], v = (y * N + x) * 4, O.data[v + 0] = E, O.data[v + 1] = D, O.data[v + 2] = H, O.data[v + 3] = B;
     for (N = 0; N < h; N += 1)
       for (F = Math.floor(j), S = 0; S < M; S += 1) {
-        for (C = 0; C < F + 1; C += 1)
-          b = (y * N + C) * 4, E = O.data[b + 0], D = O.data[b + 1], H = O.data[b + 2], B = O.data[b + 3], v = (y * N + F * 2 - C - 1) * 4, O.data[v + 0] = E, O.data[v + 1] = D, O.data[v + 2] = H, O.data[v + 3] = B;
+        for (x = 0; x < F + 1; x += 1)
+          b = (y * N + x) * 4, E = O.data[b + 0], D = O.data[b + 1], H = O.data[b + 2], B = O.data[b + 3], v = (y * N + F * 2 - x - 1) * 4, O.data[v + 0] = E, O.data[v + 1] = D, O.data[v + 2] = H, O.data[v + 3] = B;
         F *= 2;
       }
     g(O, m, {});
@@ -8537,7 +8537,7 @@ var Mf = {}, uy;
 function Q9() {
   if (uy) return Mf;
   uy = 1, Object.defineProperty(Mf, "__esModule", { value: !0 }), Mf.Mask = void 0;
-  const o = Rt(), u = Mn(), x = zt();
+  const o = Rt(), u = Mn(), C = zt();
   function P(w, S, E) {
     let D = (E * w.width + S) * 4;
     const H = [];
@@ -8607,7 +8607,7 @@ function Q9() {
       }
     return b;
   }
-  function C(w, S, E) {
+  function x(w, S, E) {
     const D = [0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111, 0.1111111111111111], H = Math.round(Math.sqrt(D.length)), B = Math.floor(H / 2), b = [];
     for (let v = 0; v < E; v++)
       for (let M = 0; M < S; M++) {
@@ -8628,33 +8628,33 @@ function Q9() {
   const N = function(w) {
     const S = this.threshold();
     let E = p(w, S);
-    return E && (E = y(E, w.width, w.height), E = h(E, w.width, w.height), E = C(E, w.width, w.height), m(w, E)), w;
+    return E && (E = y(E, w.width, w.height), E = h(E, w.width, w.height), E = x(E, w.width, w.height), m(w, E)), w;
   };
-  return Mf.Mask = N, o.Factory.addGetterSetter(u.Node, "threshold", 0, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Mf;
+  return Mf.Mask = N, o.Factory.addGetterSetter(u.Node, "threshold", 0, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Mf;
 }
 var Lf = {}, cy;
 function J9() {
   if (cy) return Lf;
   cy = 1, Object.defineProperty(Lf, "__esModule", { value: !0 }), Lf.Noise = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = this.noise() * 255, p = R.data, m = p.length, y = g / 2;
     for (let h = 0; h < m; h += 4)
       p[h + 0] += y - 2 * y * Math.random(), p[h + 1] += y - 2 * y * Math.random(), p[h + 2] += y - 2 * y * Math.random();
   };
-  return Lf.Noise = P, o.Factory.addGetterSetter(u.Node, "noise", 0.2, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Lf;
+  return Lf.Noise = P, o.Factory.addGetterSetter(u.Node, "noise", 0.2, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Lf;
 }
 var Of = {}, fy;
 function Z9() {
   if (fy) return Of;
   fy = 1, Object.defineProperty(Of, "__esModule", { value: !0 }), Of.Pixelate = void 0;
-  const o = Rt(), u = An(), x = Mn(), P = zt(), R = function(g) {
-    let p = Math.ceil(this.pixelSize()), m = g.width, y = g.height, h = Math.ceil(m / p), C = Math.ceil(y / p), N = g.data;
+  const o = Rt(), u = An(), C = Mn(), P = zt(), R = function(g) {
+    let p = Math.ceil(this.pixelSize()), m = g.width, y = g.height, h = Math.ceil(m / p), x = Math.ceil(y / p), N = g.data;
     if (p <= 0) {
       u.Util.error("pixelSize value can not be <= 0");
       return;
     }
     for (let w = 0; w < h; w += 1)
-      for (let S = 0; S < C; S += 1) {
+      for (let S = 0; S < x; S += 1) {
         let E = 0, D = 0, H = 0, B = 0;
         const b = w * p, v = b + p, M = S * p, L = M + p;
         let k = 0;
@@ -8677,52 +8677,52 @@ function Z9() {
             }
       }
   };
-  return Of.Pixelate = R, o.Factory.addGetterSetter(x.Node, "pixelSize", 8, (0, P.getNumberValidator)(), o.Factory.afterSetFilter), Of;
+  return Of.Pixelate = R, o.Factory.addGetterSetter(C.Node, "pixelSize", 8, (0, P.getNumberValidator)(), o.Factory.afterSetFilter), Of;
 }
 var zf = {}, dy;
 function _9() {
   if (dy) return zf;
   dy = 1, Object.defineProperty(zf, "__esModule", { value: !0 }), zf.Posterize = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = Math.round(this.levels() * 254) + 1, p = R.data, m = p.length, y = 255 / g;
     for (let h = 0; h < m; h += 1)
       p[h] = Math.floor(p[h] / y) * y;
   };
-  return zf.Posterize = P, o.Factory.addGetterSetter(u.Node, "levels", 0.5, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), zf;
+  return zf.Posterize = P, o.Factory.addGetterSetter(u.Node, "levels", 0.5, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), zf;
 }
 var Ff = {}, hy;
 function q9() {
   if (hy) return Ff;
   hy = 1, Object.defineProperty(Ff, "__esModule", { value: !0 }), Ff.RGB = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = R.data, p = g.length, m = this.red(), y = this.green(), h = this.blue();
-    for (let C = 0; C < p; C += 4) {
-      const N = (0.34 * g[C] + 0.5 * g[C + 1] + 0.16 * g[C + 2]) / 255;
-      g[C] = N * m, g[C + 1] = N * y, g[C + 2] = N * h, g[C + 3] = g[C + 3];
+    for (let x = 0; x < p; x += 4) {
+      const N = (0.34 * g[x] + 0.5 * g[x + 1] + 0.16 * g[x + 2]) / 255;
+      g[x] = N * m, g[x + 1] = N * y, g[x + 2] = N * h, g[x + 3] = g[x + 3];
     }
   };
   return Ff.RGB = P, o.Factory.addGetterSetter(u.Node, "red", 0, function(R) {
     return this._filterUpToDate = !1, R > 255 ? 255 : R < 0 ? 0 : Math.round(R);
   }), o.Factory.addGetterSetter(u.Node, "green", 0, function(R) {
     return this._filterUpToDate = !1, R > 255 ? 255 : R < 0 ? 0 : Math.round(R);
-  }), o.Factory.addGetterSetter(u.Node, "blue", 0, x.RGBComponent, o.Factory.afterSetFilter), Ff;
+  }), o.Factory.addGetterSetter(u.Node, "blue", 0, C.RGBComponent, o.Factory.afterSetFilter), Ff;
 }
 var Gf = {}, py;
 function K9() {
   if (py) return Gf;
   py = 1, Object.defineProperty(Gf, "__esModule", { value: !0 }), Gf.RGBA = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
-    const g = R.data, p = g.length, m = this.red(), y = this.green(), h = this.blue(), C = this.alpha();
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
+    const g = R.data, p = g.length, m = this.red(), y = this.green(), h = this.blue(), x = this.alpha();
     for (let N = 0; N < p; N += 4) {
-      const w = 1 - C;
-      g[N] = m * C + g[N] * w, g[N + 1] = y * C + g[N + 1] * w, g[N + 2] = h * C + g[N + 2] * w;
+      const w = 1 - x;
+      g[N] = m * x + g[N] * w, g[N + 1] = y * x + g[N + 1] * w, g[N + 2] = h * x + g[N + 2] * w;
     }
   };
   return Gf.RGBA = P, o.Factory.addGetterSetter(u.Node, "red", 0, function(R) {
     return this._filterUpToDate = !1, R > 255 ? 255 : R < 0 ? 0 : Math.round(R);
   }), o.Factory.addGetterSetter(u.Node, "green", 0, function(R) {
     return this._filterUpToDate = !1, R > 255 ? 255 : R < 0 ? 0 : Math.round(R);
-  }), o.Factory.addGetterSetter(u.Node, "blue", 0, x.RGBComponent, o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "alpha", 1, function(R) {
+  }), o.Factory.addGetterSetter(u.Node, "blue", 0, C.RGBComponent, o.Factory.afterSetFilter), o.Factory.addGetterSetter(u.Node, "alpha", 1, function(R) {
     return this._filterUpToDate = !1, R > 1 ? 1 : R < 0 ? 0 : R;
   }), Gf;
 }
@@ -8731,10 +8731,10 @@ function $9() {
   if (vy) return Uf;
   vy = 1, Object.defineProperty(Uf, "__esModule", { value: !0 }), Uf.Sepia = void 0;
   const o = function(u) {
-    const x = u.data, P = x.length;
+    const C = u.data, P = C.length;
     for (let R = 0; R < P; R += 4) {
-      const g = x[R + 0], p = x[R + 1], m = x[R + 2];
-      x[R + 0] = Math.min(255, g * 0.393 + p * 0.769 + m * 0.189), x[R + 1] = Math.min(255, g * 0.349 + p * 0.686 + m * 0.168), x[R + 2] = Math.min(255, g * 0.272 + p * 0.534 + m * 0.131);
+      const g = C[R + 0], p = C[R + 1], m = C[R + 2];
+      C[R + 0] = Math.min(255, g * 0.393 + p * 0.769 + m * 0.189), C[R + 1] = Math.min(255, g * 0.349 + p * 0.686 + m * 0.168), C[R + 2] = Math.min(255, g * 0.272 + p * 0.534 + m * 0.131);
     }
   };
   return Uf.Sepia = o, Uf;
@@ -8744,15 +8744,15 @@ function e7() {
   if (my) return jf;
   my = 1, Object.defineProperty(jf, "__esModule", { value: !0 }), jf.Solarize = void 0;
   const o = function(u) {
-    const x = u.data, P = u.width, R = u.height, g = P * 4;
+    const C = u.data, P = u.width, R = u.height, g = P * 4;
     let p = R;
     do {
       const m = (p - 1) * g;
       let y = P;
       do {
         const h = m + (y - 1) * 4;
-        let C = x[h], N = x[h + 1], w = x[h + 2];
-        C > 127 && (C = 255 - C), N > 127 && (N = 255 - N), w > 127 && (w = 255 - w), x[h] = C, x[h + 1] = N, x[h + 2] = w;
+        let x = C[h], N = C[h + 1], w = C[h + 2];
+        x > 127 && (x = 255 - x), N > 127 && (N = 255 - N), w > 127 && (w = 255 - w), C[h] = x, C[h + 1] = N, C[h + 2] = w;
       } while (--y);
     } while (--p);
   };
@@ -8762,21 +8762,21 @@ var Bf = {}, gy;
 function t7() {
   if (gy) return Bf;
   gy = 1, Object.defineProperty(Bf, "__esModule", { value: !0 }), Bf.Threshold = void 0;
-  const o = Rt(), u = Mn(), x = zt(), P = function(R) {
+  const o = Rt(), u = Mn(), C = zt(), P = function(R) {
     const g = this.threshold() * 255, p = R.data, m = p.length;
     for (let y = 0; y < m; y += 1)
       p[y] = p[y] < g ? 0 : 255;
   };
-  return Bf.Threshold = P, o.Factory.addGetterSetter(u.Node, "threshold", 0.5, (0, x.getNumberValidator)(), o.Factory.afterSetFilter), Bf;
+  return Bf.Threshold = P, o.Factory.addGetterSetter(u.Node, "threshold", 0.5, (0, C.getNumberValidator)(), o.Factory.afterSetFilter), Bf;
 }
 var yy;
 function n7() {
   if (yy) return Kc;
   yy = 1, Object.defineProperty(Kc, "__esModule", { value: !0 }), Kc.Konva = void 0;
-  const o = c1(), u = b9(), x = w9(), P = A9(), R = R9(), g = N9(), p = D9(), m = u5(), y = y1(), h = c5(), C = P9(), N = M9(), w = L9(), S = O9(), E = f5(), D = z9(), H = F9(), B = G9(), b = U9(), v = j9(), M = B9(), L = H9(), k = k9(), J = V9(), O = I9(), j = Y9(), F = X9(), X = W9(), K = Q9(), $ = J9(), re = Z9(), ee = _9(), pe = q9(), z = K9(), U = $9(), W = e7(), I = t7();
+  const o = c1(), u = b9(), C = w9(), P = A9(), R = R9(), g = N9(), p = D9(), m = u5(), y = y1(), h = c5(), x = P9(), N = M9(), w = L9(), S = O9(), E = f5(), D = z9(), H = F9(), B = G9(), b = U9(), v = j9(), M = B9(), L = H9(), k = k9(), J = V9(), O = I9(), j = Y9(), F = X9(), X = W9(), K = Q9(), $ = J9(), re = Z9(), ee = _9(), pe = q9(), z = K9(), U = $9(), W = e7(), I = t7();
   return Kc.Konva = o.Konva.Util._assign(o.Konva, {
     Arc: u.Arc,
-    Arrow: x.Arrow,
+    Arrow: C.Arrow,
     Circle: P.Circle,
     Ellipse: R.Ellipse,
     Image: g.Image,
@@ -8785,7 +8785,7 @@ function n7() {
     Line: m.Line,
     Path: y.Path,
     Rect: h.Rect,
-    RegularPolygon: C.RegularPolygon,
+    RegularPolygon: x.RegularPolygon,
     Ring: N.Ring,
     Sprite: w.Sprite,
     Star: S.Star,
@@ -8828,9 +8828,9 @@ var qh = { exports: {} }, xy;
 function i7() {
   return xy || (xy = 1, function(o, u) {
     Object.defineProperty(u, "__esModule", { value: !0 }), u.Konva = void 0;
-    var x = c1();
+    var C = c1();
     Object.defineProperty(u, "Konva", { enumerable: !0, get: function() {
-      return x.Konva;
+      return C.Konva;
     } });
     const P = c1();
     o.exports = P.Konva;
@@ -8860,7 +8860,7 @@ function s7() {
         else break e;
       }
     }
-    function x(U) {
+    function C(U) {
       return U.length === 0 ? null : U[0];
     }
     function P(U) {
@@ -8892,20 +8892,20 @@ function s7() {
         return p.now() - m;
       };
     }
-    var y = [], h = [], C = 1, N = null, w = 3, S = !1, E = !1, D = !1, H = typeof setTimeout == "function" ? setTimeout : null, B = typeof clearTimeout == "function" ? clearTimeout : null, b = typeof setImmediate < "u" ? setImmediate : null;
+    var y = [], h = [], x = 1, N = null, w = 3, S = !1, E = !1, D = !1, H = typeof setTimeout == "function" ? setTimeout : null, B = typeof clearTimeout == "function" ? clearTimeout : null, b = typeof setImmediate < "u" ? setImmediate : null;
     typeof navigator < "u" && navigator.scheduling !== void 0 && navigator.scheduling.isInputPending !== void 0 && navigator.scheduling.isInputPending.bind(navigator.scheduling);
     function v(U) {
-      for (var W = x(h); W !== null; ) {
+      for (var W = C(h); W !== null; ) {
         if (W.callback === null) P(h);
         else if (W.startTime <= U) P(h), W.sortIndex = W.expirationTime, u(y, W);
         else break;
-        W = x(h);
+        W = C(h);
       }
     }
     function M(U) {
-      if (D = !1, v(U), !E) if (x(y) !== null) E = !0, pe(L);
+      if (D = !1, v(U), !E) if (C(y) !== null) E = !0, pe(L);
       else {
-        var W = x(h);
+        var W = C(h);
         W !== null && z(M, W.startTime - U);
       }
     }
@@ -8913,18 +8913,18 @@ function s7() {
       E = !1, D && (D = !1, B(O), O = -1), S = !0;
       var I = w;
       try {
-        for (v(W), N = x(y); N !== null && (!(N.expirationTime > W) || U && !X()); ) {
+        for (v(W), N = C(y); N !== null && (!(N.expirationTime > W) || U && !X()); ) {
           var _ = N.callback;
           if (typeof _ == "function") {
             N.callback = null, w = N.priorityLevel;
             var oe = _(N.expirationTime <= W);
-            W = o.unstable_now(), typeof oe == "function" ? N.callback = oe : N === x(y) && P(y), v(W);
+            W = o.unstable_now(), typeof oe == "function" ? N.callback = oe : N === C(y) && P(y), v(W);
           } else P(y);
-          N = x(y);
+          N = C(y);
         }
         if (N !== null) var ne = !0;
         else {
-          var me = x(h);
+          var me = C(h);
           me !== null && z(M, me.startTime - W), ne = !1;
         }
         return ne;
@@ -8977,7 +8977,7 @@ function s7() {
     }, o.unstable_getCurrentPriorityLevel = function() {
       return w;
     }, o.unstable_getFirstCallbackNode = function() {
-      return x(y);
+      return C(y);
     }, o.unstable_next = function(U) {
       switch (w) {
         case 1:
@@ -9033,7 +9033,7 @@ function s7() {
         default:
           oe = 5e3;
       }
-      return oe = I + oe, U = { id: C++, callback: W, priorityLevel: U, startTime: I, expirationTime: oe, sortIndex: -1 }, I > _ ? (U.sortIndex = I, u(h, U), x(y) === null && U === x(h) && (D ? (B(O), O = -1) : D = !0, z(M, I - _))) : (U.sortIndex = oe, u(y, U), E || S || (E = !0, pe(L))), U;
+      return oe = I + oe, U = { id: x++, callback: W, priorityLevel: U, startTime: I, expirationTime: oe, sortIndex: -1 }, I > _ ? (U.sortIndex = I, u(h, U), C(y) === null && U === C(h) && (D ? (B(O), O = -1) : D = !0, z(M, I - _))) : (U.sortIndex = oe, u(y, U), E || S || (E = !0, pe(L))), U;
     }, o.unstable_shouldYield = X, o.unstable_wrapCallback = function(U) {
       var W = w;
       return function() {
@@ -9063,7 +9063,7 @@ function o7() {
   return Ey || (Ey = 1, function(o) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var u = !1, x = 5;
+      var u = !1, C = 5;
       function P(De, Ve) {
         var ft = De.length;
         De.push(Ve), p(De, Ve, ft);
@@ -9101,7 +9101,7 @@ function o7() {
         var ft = De.sortIndex - Ve.sortIndex;
         return ft !== 0 ? ft : De.id - Ve.id;
       }
-      var h = 1, C = 2, N = 3, w = 4, S = 5;
+      var h = 1, x = 2, N = 3, w = 4, S = 5;
       function E(De, Ve) {
       }
       var D = typeof performance == "object" && typeof performance.now == "function";
@@ -9168,7 +9168,7 @@ function o7() {
       function me(De, Ve) {
         switch (De) {
           case h:
-          case C:
+          case x:
           case N:
           case w:
           case S:
@@ -9188,7 +9188,7 @@ function o7() {
         var Ve;
         switch ($) {
           case h:
-          case C:
+          case x:
           case N:
             Ve = N;
             break;
@@ -9228,7 +9228,7 @@ function o7() {
           case h:
             Je = M;
             break;
-          case C:
+          case x:
             Je = L;
             break;
           case S:
@@ -9266,7 +9266,7 @@ function o7() {
       function Ye() {
         return $;
       }
-      var Re = !1, ke = null, Ge = -1, $e = x, et = -1;
+      var Re = !1, ke = null, Ge = -1, $e = C, et = -1;
       function vt() {
         var De = o.unstable_now() - et;
         return !(De < $e);
@@ -9278,7 +9278,7 @@ function o7() {
           console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported");
           return;
         }
-        De > 0 ? $e = Math.floor(1e3 / De) : $e = x;
+        De > 0 ? $e = Math.floor(1e3 / De) : $e = C;
       }
       var yt = function() {
         if (ke !== null) {
@@ -9318,7 +9318,7 @@ function o7() {
         U(Ge), Ge = -1;
       }
       var pn = Nt, rn = null;
-      o.unstable_IdlePriority = S, o.unstable_ImmediatePriority = h, o.unstable_LowPriority = w, o.unstable_NormalPriority = N, o.unstable_Profiling = rn, o.unstable_UserBlockingPriority = C, o.unstable_cancelCallback = Me, o.unstable_continueExecution = Ce, o.unstable_forceFrameRate = dt, o.unstable_getCurrentPriorityLevel = Ye, o.unstable_getFirstCallbackNode = Ae, o.unstable_next = we, o.unstable_pauseExecution = ae, o.unstable_requestPaint = pn, o.unstable_runWithPriority = me, o.unstable_scheduleCallback = Z, o.unstable_shouldYield = vt, o.unstable_wrapCallback = se, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      o.unstable_IdlePriority = S, o.unstable_ImmediatePriority = h, o.unstable_LowPriority = w, o.unstable_NormalPriority = N, o.unstable_Profiling = rn, o.unstable_UserBlockingPriority = x, o.unstable_cancelCallback = Me, o.unstable_continueExecution = Ce, o.unstable_forceFrameRate = dt, o.unstable_getCurrentPriorityLevel = Ye, o.unstable_getFirstCallbackNode = Ae, o.unstable_next = we, o.unstable_pauseExecution = ae, o.unstable_requestPaint = pn, o.unstable_runWithPriority = me, o.unstable_scheduleCallback = Z, o.unstable_shouldYield = vt, o.unstable_wrapCallback = se, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(_v)), _v;
 }
@@ -9338,12 +9338,12 @@ function S1() {
 var qv, Ty;
 function u7() {
   return Ty || (Ty = 1, qv = function(u) {
-    var x = {}, P = dn, R = S1(), g = Object.assign;
+    var C = {}, P = dn, R = S1(), g = Object.assign;
     function p(n) {
       for (var r = "https://reactjs.org/docs/error-decoder.html?invariant=" + n, l = 1; l < arguments.length; l++) r += "&args[]=" + encodeURIComponent(arguments[l]);
       return "Minified React error #" + n + "; visit " + r + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
     }
-    var m = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, y = Symbol.for("react.element"), h = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), E = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), L = Symbol.iterator;
+    var m = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, y = Symbol.for("react.element"), h = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), E = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), L = Symbol.iterator;
     function k(n) {
       return n === null || typeof n != "object" ? null : (n = L && n[L] || n["@@iterator"], typeof n == "function" ? n : null);
     }
@@ -9352,7 +9352,7 @@ function u7() {
       if (typeof n == "function") return n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case C:
+        case x:
           return "Fragment";
         case h:
           return "Portal";
@@ -10011,7 +10011,7 @@ function u7() {
       }
       function he(ce, ie, ge, ze) {
         var Ze = ge.type;
-        return Ze === C ? Oe(ce, ie, ge.props.children, ze, ge.key) : ie !== null && (ie.elementType === Ze || typeof Ze == "object" && Ze !== null && Ze.$$typeof === v && id(Ze) === ie.type) ? (ze = d(ie, ge.props), ze.ref = ys(ce, ie, ge), ze.return = ce, ze) : (ze = zs(ge.type, ge.key, ge.props, null, ce.mode, ze), ze.ref = ys(ce, ie, ge), ze.return = ce, ze);
+        return Ze === x ? Oe(ce, ie, ge.props.children, ze, ge.key) : ie !== null && (ie.elementType === Ze || typeof Ze == "object" && Ze !== null && Ze.$$typeof === v && id(Ze) === ie.type) ? (ze = d(ie, ge.props), ze.ref = ys(ce, ie, ge), ze.return = ce, ze) : (ze = zs(ge.type, ge.key, ge.props, null, ce.mode, ze), ze.ref = ys(ce, ie, ge), ze.return = ce, ze);
       }
       function Ne(ce, ie, ge, ze) {
         return ie === null || ie.tag !== 4 || ie.stateNode.containerInfo !== ge.containerInfo || ie.stateNode.implementation !== ge.implementation ? (ie = pc(ge, ce.mode, ze), ie.return = ce, ie) : (ie = d(ie, ge.children || []), ie.return = ce, ie);
@@ -10122,13 +10122,13 @@ function u7() {
         }), an && _i(ce, Tt), Ze;
       }
       function ri(ce, ie, ge, ze) {
-        if (typeof ge == "object" && ge !== null && ge.type === C && ge.key === null && (ge = ge.props.children), typeof ge == "object" && ge !== null) {
+        if (typeof ge == "object" && ge !== null && ge.type === x && ge.key === null && (ge = ge.props.children), typeof ge == "object" && ge !== null) {
           switch (ge.$$typeof) {
             case y:
               e: {
                 for (var Ze = ge.key, ct = ie; ct !== null; ) {
                   if (ct.key === Ze) {
-                    if (Ze = ge.type, Ze === C) {
+                    if (Ze = ge.type, Ze === x) {
                       if (ct.tag === 7) {
                         l(ce, ct.sibling), ie = d(ct, ge.props.children), ie.return = ce, ce = ie;
                         break e;
@@ -10142,7 +10142,7 @@ function u7() {
                   } else r(ce, ct);
                   ct = ct.sibling;
                 }
-                ge.type === C ? (ie = ni(ge.props.children, ce.mode, ze, ge.key), ie.return = ce, ce = ie) : (ze = zs(ge.type, ge.key, ge.props, null, ce.mode, ze), ze.ref = ys(ce, ie, ge), ze.return = ce, ce = ze);
+                ge.type === x ? (ie = ni(ge.props.children, ce.mode, ze, ge.key), ie.return = ce, ce = ie) : (ze = zs(ge.type, ge.key, ge.props, null, ce.mode, ze), ze.ref = ys(ce, ie, ge), ze.return = ce, ce = ze);
               }
               return Y(ce);
             case h:
@@ -12784,7 +12784,7 @@ Error generating stack: ` + T.message + `
       if (c = n, typeof n == "function") $o(n) && (Y = 1);
       else if (typeof n == "string") Y = 5;
       else e: switch (n) {
-        case C:
+        case x:
           return ni(l.children, d, T, r);
         case N:
           Y = 8, d |= 8;
@@ -12885,7 +12885,7 @@ Error generating stack: ` + T.message + `
     function Wl() {
       return null;
     }
-    return x.attemptContinuousHydration = function(n) {
+    return C.attemptContinuousHydration = function(n) {
       if (n.tag === 13) {
         var r = ea(n, 134217728);
         if (r !== null) {
@@ -12894,7 +12894,7 @@ Error generating stack: ` + T.message + `
         }
         eu(n, 134217728);
       }
-    }, x.attemptDiscreteHydration = function(n) {
+    }, C.attemptDiscreteHydration = function(n) {
       if (n.tag === 13) {
         var r = ea(n, 1);
         if (r !== null) {
@@ -12903,7 +12903,7 @@ Error generating stack: ` + T.message + `
         }
         eu(n, 1);
       }
-    }, x.attemptHydrationAtCurrentPriority = function(n) {
+    }, C.attemptHydrationAtCurrentPriority = function(n) {
       if (n.tag === 13) {
         var r = $a(n), l = ea(n, r);
         if (l !== null) {
@@ -12912,7 +12912,7 @@ Error generating stack: ` + T.message + `
         }
         eu(n, r);
       }
-    }, x.attemptSynchronousHydration = function(n) {
+    }, C.attemptSynchronousHydration = function(n) {
       switch (n.tag) {
         case 3:
           var r = n.stateNode;
@@ -12930,7 +12930,7 @@ Error generating stack: ` + T.message + `
             }
           }), eu(n, 1);
       }
-    }, x.batchedUpdates = function(n, r) {
+    }, C.batchedUpdates = function(n, r) {
       var l = gt;
       gt |= 1;
       try {
@@ -12938,38 +12938,38 @@ Error generating stack: ` + T.message + `
       } finally {
         gt = l, gt === 0 && (kl(), ro && Pa());
       }
-    }, x.createComponentSelector = function(n) {
+    }, C.createComponentSelector = function(n) {
       return { $$typeof: Vr, value: n };
-    }, x.createContainer = function(n, r, l, c, d, T, Y) {
+    }, C.createContainer = function(n, r, l, c, d, T, Y) {
       return Od(n, r, !1, null, l, c, d, T, Y);
-    }, x.createHasPseudoClassSelector = function(n) {
+    }, C.createHasPseudoClassSelector = function(n) {
       return { $$typeof: br, value: n };
-    }, x.createHydrationContainer = function(n, r, l, c, d, T, Y, le, he) {
+    }, C.createHydrationContainer = function(n, r, l, c, d, T, Y, le, he) {
       return n = Od(l, c, !0, n, d, T, Y, le, he), n.context = zd(null), l = n.current, c = $t(), d = $a(l), T = ta(c, d), T.callback = r ?? null, Si(l, T, d), n.current.lanes = d, ps(n, d, c), Pn(n, c), n;
-    }, x.createPortal = function(n, r, l) {
+    }, C.createPortal = function(n, r, l) {
       var c = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       return { $$typeof: h, key: c == null ? null : "" + c, children: n, containerInfo: r, implementation: l };
-    }, x.createRoleSelector = function(n) {
+    }, C.createRoleSelector = function(n) {
       return { $$typeof: Vo, value: n };
-    }, x.createTestNameSelector = function(n) {
+    }, C.createTestNameSelector = function(n) {
       return { $$typeof: Io, value: n };
-    }, x.createTextSelector = function(n) {
+    }, C.createTextSelector = function(n) {
       return { $$typeof: Yo, value: n };
-    }, x.deferredUpdates = function(n) {
+    }, C.deferredUpdates = function(n) {
       var r = Gt, l = yn.transition;
       try {
         return yn.transition = null, Gt = 16, n();
       } finally {
         Gt = r, yn.transition = l;
       }
-    }, x.discreteUpdates = function(n, r, l, c, d) {
+    }, C.discreteUpdates = function(n, r, l, c, d) {
       var T = Gt, Y = yn.transition;
       try {
         return yn.transition = null, Gt = 1, n(r, l, c, d);
       } finally {
         Gt = T, yn.transition = Y, gt === 0 && kl();
       }
-    }, x.findAllNodes = uc, x.findBoundingRects = function(n, r) {
+    }, C.findAllNodes = uc, C.findBoundingRects = function(n, r) {
       if (!dt) throw Error(p(363));
       r = uc(n, r), n = [];
       for (var l = 0; l < r.length; l++) n.push(St(r[l]));
@@ -12992,11 +12992,11 @@ Error generating stack: ` + T.message + `
         }
       }
       return n;
-    }, x.findHostInstance = vc, x.findHostInstanceWithNoPortals = function(n) {
+    }, C.findHostInstance = vc, C.findHostInstanceWithNoPortals = function(n) {
       return n = X(n), n = n !== null ? re(n) : null, n === null ? null : n.stateNode;
-    }, x.findHostInstanceWithWarning = function(n) {
+    }, C.findHostInstanceWithWarning = function(n) {
       return vc(n);
-    }, x.flushControlled = function(n) {
+    }, C.flushControlled = function(n) {
       var r = gt;
       gt |= 1;
       var l = yn.transition, c = Gt;
@@ -13005,7 +13005,7 @@ Error generating stack: ` + T.message + `
       } finally {
         Gt = c, yn.transition = l, gt = r, gt === 0 && (kl(), Pa());
       }
-    }, x.flushPassiveEffects = on, x.flushSync = Ba, x.focusWithin = function(n, r) {
+    }, C.flushPassiveEffects = on, C.flushSync = Ba, C.focusWithin = function(n, r) {
       if (!dt) throw Error(p(363));
       for (n = sc(n), r = Ad(n, r), r = Array.from(r), n = 0; n < r.length; ) {
         var l = r[n++];
@@ -13015,9 +13015,9 @@ Error generating stack: ` + T.message + `
         }
       }
       return !1;
-    }, x.getCurrentUpdatePriority = function() {
+    }, C.getCurrentUpdatePriority = function() {
       return Gt;
-    }, x.getFindAllNodesFailureDescription = function(n, r) {
+    }, C.getFindAllNodesFailureDescription = function(n, r) {
       if (!dt) throw Error(p(363));
       var l = 0, c = [];
       n = [sc(n), 0];
@@ -13034,7 +13034,7 @@ No matching component was found for:
   `) + n.join(" > ");
       }
       return null;
-    }, x.getPublicRootInstance = function(n) {
+    }, C.getPublicRootInstance = function(n) {
       if (n = n.current, !n.child) return null;
       switch (n.child.tag) {
         case 5:
@@ -13042,7 +13042,7 @@ No matching component was found for:
         default:
           return n.child.stateNode;
       }
-    }, x.injectIntoDevTools = function(n) {
+    }, C.injectIntoDevTools = function(n) {
       if (n = { bundleType: n.bundleType, version: n.version, rendererPackageName: n.rendererPackageName, rendererConfig: n.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, overrideProps: null, overridePropsDeletePath: null, overridePropsRenamePath: null, setErrorHandler: null, setSuspenseHandler: null, scheduleUpdate: null, currentDispatcherRef: m.ReactCurrentDispatcher, findHostInstanceByFiber: Fd, findFiberByHostInstance: n.findFiberByHostInstance || Wl, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, reconcilerVersion: "18.3.1" }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u") n = !1;
       else {
         var r = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -13056,33 +13056,33 @@ No matching component was found for:
         }
       }
       return n;
-    }, x.isAlreadyRendering = function() {
+    }, C.isAlreadyRendering = function() {
       return !1;
-    }, x.observeVisibleRects = function(n, r, l, c) {
+    }, C.observeVisibleRects = function(n, r, l, c) {
       if (!dt) throw Error(p(363));
       n = uc(n, r);
       var d = cn(n, l, c).disconnect;
       return { disconnect: function() {
         d();
       } };
-    }, x.registerMutableSourceForHydration = function(n, r) {
+    }, C.registerMutableSourceForHydration = function(n, r) {
       var l = r._getVersion;
       l = l(r._source), n.mutableSourceEagerHydrationData == null ? n.mutableSourceEagerHydrationData = [r, l] : n.mutableSourceEagerHydrationData.push(r, l);
-    }, x.runWithPriority = function(n, r) {
+    }, C.runWithPriority = function(n, r) {
       var l = Gt;
       try {
         return Gt = n, r();
       } finally {
         Gt = l;
       }
-    }, x.shouldError = function() {
+    }, C.shouldError = function() {
       return null;
-    }, x.shouldSuspend = function() {
+    }, C.shouldSuspend = function() {
       return !1;
-    }, x.updateContainer = function(n, r, l, c) {
+    }, C.updateContainer = function(n, r, l, c) {
       var d = r.current, T = $t(), Y = $a(d);
       return l = zd(l), r.context === null ? r.context = l : r.pendingContext = l, r = ta(T, Y), r.payload = { element: n }, c = c === void 0 ? null : c, c !== null && (r.callback = c), n = Si(d, r, Y), n !== null && (Wn(n, d, Y, T), Pl(n, d, Y)), Y;
-    }, x;
+    }, C;
   }), qv;
 }
 var Kv = { exports: {} };
@@ -13098,7 +13098,7 @@ var Kv = { exports: {} };
 var wy;
 function c7() {
   return wy || (wy = 1, process.env.NODE_ENV !== "production" && (Kv.exports = function(u) {
-    var x = {}, P = dn, R = S1(), g = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, p = !1;
+    var C = {}, P = dn, R = S1(), g = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, p = !1;
     function m(e) {
       p = e;
     }
@@ -13106,17 +13106,17 @@ function c7() {
       if (!p) {
         for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
           a[i - 1] = arguments[i];
-        C("warn", e, a);
+        x("warn", e, a);
       }
     }
     function h(e) {
       if (!p) {
         for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
           a[i - 1] = arguments[i];
-        C("error", e, a);
+        x("error", e, a);
       }
     }
-    function C(e, t, a) {
+    function x(e, t, a) {
       {
         var i = g.ReactDebugCurrentFrame, s = i.getStackAddendum();
         s !== "" && (t += "%s", a = a.concat([s]));
@@ -22280,7 +22280,7 @@ Check the render method of %s.`, Je(Oe) || "Unknown"));
         reconcilerVersion: G8
       });
     }
-    return x.attemptContinuousHydration = X8, x.attemptDiscreteHydration = Y8, x.attemptHydrationAtCurrentPriority = W8, x.attemptSynchronousHydration = I8, x.batchedUpdates = W4, x.createComponentSelector = E4, x.createContainer = H8, x.createHasPseudoClassSelector = b4, x.createHydrationContainer = k8, x.createPortal = U8, x.createRoleSelector = T4, x.createTestNameSelector = A4, x.createTextSelector = w4, x.deferredUpdates = X4, x.discreteUpdates = Q4, x.findAllNodes = Mh, x.findBoundingRects = D4, x.findHostInstance = j8, x.findHostInstanceWithNoPortals = Q8, x.findHostInstanceWithWarning = B8, x.flushControlled = Z4, x.flushPassiveEffects = Bi, x.flushSync = kh, x.focusWithin = P4, x.getCurrentUpdatePriority = cr, x.getFindAllNodesFailureDescription = N4, x.getPublicRootInstance = V8, x.injectIntoDevTools = q8, x.isAlreadyRendering = J4, x.observeVisibleRects = L4, x.registerMutableSourceForHydration = G5, x.runWithPriority = ic, x.shouldError = Vg, x.shouldSuspend = Yg, x.updateContainer = Bg, x;
+    return C.attemptContinuousHydration = X8, C.attemptDiscreteHydration = Y8, C.attemptHydrationAtCurrentPriority = W8, C.attemptSynchronousHydration = I8, C.batchedUpdates = W4, C.createComponentSelector = E4, C.createContainer = H8, C.createHasPseudoClassSelector = b4, C.createHydrationContainer = k8, C.createPortal = U8, C.createRoleSelector = T4, C.createTestNameSelector = A4, C.createTextSelector = w4, C.deferredUpdates = X4, C.discreteUpdates = Q4, C.findAllNodes = Mh, C.findBoundingRects = D4, C.findHostInstance = j8, C.findHostInstanceWithNoPortals = Q8, C.findHostInstanceWithWarning = B8, C.flushControlled = Z4, C.flushPassiveEffects = Bi, C.flushSync = kh, C.focusWithin = P4, C.getCurrentUpdatePriority = cr, C.getFindAllNodesFailureDescription = N4, C.getPublicRootInstance = V8, C.injectIntoDevTools = q8, C.isAlreadyRendering = J4, C.observeVisibleRects = L4, C.registerMutableSourceForHydration = G5, C.runWithPriority = ic, C.shouldError = Vg, C.shouldSuspend = Yg, C.updateContainer = Bg, C;
   })), Kv.exports;
 }
 var Ay;
@@ -22322,13 +22322,13 @@ function v7() {
     ), u = (
       /*             */
       4
-    ), x = (
+    ), C = (
       /*                     */
       16
     ), P = (
       /*                        */
       536870912
-    ), R = o, g = u, p = x, m = P, y = 0, h = 1;
+    ), R = o, g = u, p = C, m = P, y = 0, h = 1;
     is.ConcurrentRoot = h, is.ContinuousEventPriority = g, is.DefaultEventPriority = p, is.DiscreteEventPriority = R, is.IdleEventPriority = m, is.LegacyRoot = y;
   }()), is;
 }
@@ -22355,31 +22355,31 @@ For more info see: https://github.com/konvajs/react-konva/issues/256
 react-konva may get confused with ordering. Just define correct order of elements in your render function of a component.
 For more info see: https://github.com/konvajs/react-konva/issues/194
 `, x7 = {};
-function a0(o, u, x = x7) {
+function a0(o, u, C = x7) {
   if (!My && "zIndex" in u && (console.warn(S7), My = !0), !Ly && u.draggable) {
     var P = u.x !== void 0 || u.y !== void 0, R = u.onDragEnd || u.onDragMove;
     P && !R && (console.warn(y7), Ly = !0);
   }
-  for (var g in x)
+  for (var g in C)
     if (!Py[g]) {
-      var p = g.slice(0, 2) === "on", m = x[g] !== u[g];
+      var p = g.slice(0, 2) === "on", m = C[g] !== u[g];
       if (p && m) {
         var y = g.substr(2).toLowerCase();
-        y.substr(0, 7) === "content" && (y = "content" + y.substr(7, 1).toUpperCase() + y.substr(8)), o.off(y, x[g]);
+        y.substr(0, 7) === "content" && (y = "content" + y.substr(7, 1).toUpperCase() + y.substr(8)), o.off(y, C[g]);
       }
       var h = !u.hasOwnProperty(g);
       h && o.setAttr(g, void 0);
     }
-  var C = u._useStrictMode, N = {}, w = !1;
+  var x = u._useStrictMode, N = {}, w = !1;
   const S = {};
   for (var g in u)
     if (!Py[g]) {
-      var p = g.slice(0, 2) === "on", E = x[g] !== u[g];
+      var p = g.slice(0, 2) === "on", E = C[g] !== u[g];
       if (p && E) {
         var y = g.substr(2).toLowerCase();
         y.substr(0, 7) === "content" && (y = "content" + y.substr(7, 1).toUpperCase() + y.substr(8)), u[g] && (S[y] = u[g]);
       }
-      !p && (u[g] !== x[g] || C && u[g] !== o.getAttr(g)) && (w = !0, N[g] = u[g]);
+      !p && (u[g] !== C[g] || x && u[g] !== o.getAttr(g)) && (w = !0, N[g] = u[g]);
     }
   w && (o.setAttrs(N), os(o));
   for (var y in S)
@@ -22401,7 +22401,7 @@ function E7(o, u) {
   }
   o.add(u), os(o);
 }
-function b7(o, u, x) {
+function b7(o, u, C) {
   let P = Xf[o];
   P || (console.error(`Konva has no node with the type ${o}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${o}"  If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`), P = Xf.Group);
   const R = {}, g = {};
@@ -22412,10 +22412,10 @@ function b7(o, u, x) {
   const y = new P(R);
   return a0(y, g), y;
 }
-function T7(o, u, x) {
+function T7(o, u, C) {
   console.error(`Text components are not supported for now in ReactKonva. Your text is: "${o}"`);
 }
-function w7(o, u, x) {
+function w7(o, u, C) {
   return !1;
 }
 function A7(o) {
@@ -22427,7 +22427,7 @@ function R7() {
 function N7() {
   return null;
 }
-function D7(o, u, x, P) {
+function D7(o, u, C, P) {
   return C7;
 }
 function P7() {
@@ -22454,11 +22454,11 @@ function V7(o, u) {
 function I7(o, u) {
   u.parent === o ? u.moveToTop() : o.add(u), os(o);
 }
-function p5(o, u, x) {
-  u._remove(), o.add(u), u.setZIndex(x.getZIndex()), os(o);
+function p5(o, u, C) {
+  u._remove(), o.add(u), u.setZIndex(C.getZIndex()), os(o);
 }
-function Y7(o, u, x) {
-  p5(o, u, x);
+function Y7(o, u, C) {
+  p5(o, u, C);
 }
 function X7(o, u) {
   u.destroy(), u.off(x1), os(o);
@@ -22466,12 +22466,12 @@ function X7(o, u) {
 function W7(o, u) {
   u.destroy(), u.off(x1), os(o);
 }
-function Q7(o, u, x) {
-  console.error(`Text components are not yet supported in ReactKonva. You text is: "${x}"`);
+function Q7(o, u, C) {
+  console.error(`Text components are not yet supported in ReactKonva. You text is: "${C}"`);
 }
-function J7(o, u, x) {
+function J7(o, u, C) {
 }
-function Z7(o, u, x, P, R) {
+function Z7(o, u, C, P, R) {
   a0(o, R, P);
 }
 function _7(o) {
@@ -22530,23 +22530,23 @@ const nS = () => d5.DefaultEventPriority, rS = /* @__PURE__ */ Object.freeze(/*
   unhideTextInstance: $7,
   warnsIfNotActing: H7
 }, Symbol.toStringTag, { value: "Module" }));
-var aS = Object.defineProperty, iS = Object.defineProperties, lS = Object.getOwnPropertyDescriptors, Oy = Object.getOwnPropertySymbols, sS = Object.prototype.hasOwnProperty, oS = Object.prototype.propertyIsEnumerable, zy = (o, u, x) => u in o ? aS(o, u, { enumerable: !0, configurable: !0, writable: !0, value: x }) : o[u] = x, Fy = (o, u) => {
-  for (var x in u || (u = {}))
-    sS.call(u, x) && zy(o, x, u[x]);
+var aS = Object.defineProperty, iS = Object.defineProperties, lS = Object.getOwnPropertyDescriptors, Oy = Object.getOwnPropertySymbols, sS = Object.prototype.hasOwnProperty, oS = Object.prototype.propertyIsEnumerable, zy = (o, u, C) => u in o ? aS(o, u, { enumerable: !0, configurable: !0, writable: !0, value: C }) : o[u] = C, Fy = (o, u) => {
+  for (var C in u || (u = {}))
+    sS.call(u, C) && zy(o, C, u[C]);
   if (Oy)
-    for (var x of Oy(u))
-      oS.call(u, x) && zy(o, x, u[x]);
+    for (var C of Oy(u))
+      oS.call(u, C) && zy(o, C, u[C]);
   return o;
 }, uS = (o, u) => iS(o, lS(u)), Gy, Uy;
 typeof window < "u" && ((Gy = window.document) != null && Gy.createElement || ((Uy = window.navigator) == null ? void 0 : Uy.product) === "ReactNative") ? ca.useLayoutEffect : ca.useEffect;
-function v5(o, u, x) {
+function v5(o, u, C) {
   if (!o)
     return;
-  if (x(o) === !0)
+  if (C(o) === !0)
     return o;
   let P = o.child;
   for (; P; ) {
-    const R = v5(P, u, x);
+    const R = v5(P, u, C);
     if (R)
       return R;
     P = P.sibling;
@@ -22616,13 +22616,13 @@ function cS() {
 function fS() {
   const o = cS(), [u] = ca.useState(() => /* @__PURE__ */ new Map());
   u.clear();
-  let x = o;
-  for (; x; ) {
-    if (x.type && typeof x.type == "object") {
-      const R = x.type._context === void 0 && x.type.Provider === x.type ? x.type : x.type._context;
+  let C = o;
+  for (; C; ) {
+    if (C.type && typeof C.type == "object") {
+      const R = C.type._context === void 0 && C.type.Provider === C.type ? C.type : C.type._context;
       R && R !== C1 && !u.has(R) && u.set(R, ca.useContext(m5(R)));
     }
-    x = x.return;
+    C = C.return;
   }
   return u;
 }
@@ -22630,8 +22630,8 @@ function dS() {
   const o = fS();
   return ca.useMemo(
     () => Array.from(o.keys()).reduce(
-      (u, x) => (P) => /* @__PURE__ */ ca.createElement(u, null, /* @__PURE__ */ ca.createElement(x.Provider, uS(Fy({}, P), {
-        value: o.get(x)
+      (u, C) => (P) => /* @__PURE__ */ ca.createElement(u, null, /* @__PURE__ */ ca.createElement(C.Provider, uS(Fy({}, P), {
+        value: o.get(C)
       }))),
       (u) => /* @__PURE__ */ ca.createElement(g5, Fy({}, u))
     ),
@@ -22647,18 +22647,18 @@ function hS(o) {
   }, []), u.current;
 }
 const pS = (o) => {
-  const u = dn.useRef(), x = dn.useRef(), P = dn.useRef(), R = hS(o), g = dS(), p = (m) => {
+  const u = dn.useRef(), C = dn.useRef(), P = dn.useRef(), R = hS(o), g = dS(), p = (m) => {
     const { forwardedRef: y } = o;
     y && (typeof y == "function" ? y(m) : y.current = m);
   };
-  return dn.useLayoutEffect(() => (x.current = new Xf.Stage({
+  return dn.useLayoutEffect(() => (C.current = new Xf.Stage({
     width: o.width,
     height: o.height,
     container: u.current
-  }), p(x.current), P.current = Hf.createContainer(x.current, d5.LegacyRoot, !1, null), Hf.updateContainer(dn.createElement(g, {}, o.children), P.current), () => {
-    Xf.isBrowser && (p(null), Hf.updateContainer(null, P.current, null), x.current.destroy());
+  }), p(C.current), P.current = Hf.createContainer(C.current, d5.LegacyRoot, !1, null), Hf.updateContainer(dn.createElement(g, {}, o.children), P.current), () => {
+    Xf.isBrowser && (p(null), Hf.updateContainer(null, P.current, null), C.current.destroy());
   }), []), dn.useLayoutEffect(() => {
-    p(x.current), a0(x.current, o, R), Hf.updateContainer(dn.createElement(g, {}, o.children), P.current, null);
+    p(C.current), a0(C.current, o, R), Hf.updateContainer(dn.createElement(g, {}, o.children), P.current, null);
   }), dn.createElement("div", {
     ref: u,
     id: o.id,
@@ -22677,8 +22677,8 @@ Hf.injectIntoDevTools({
   version: dn.version,
   rendererPackageName: "react-konva"
 });
-const yS = dn.forwardRef((o, u) => dn.createElement(g5, {}, dn.createElement(pS, { ...o, forwardedRef: u }))), y5 = ({ imageUrl: o, customClassName: u = "", containerRef: x }) => {
-  const { showPenTool: P, penColor: R, penTool: g, strokeWidth: p } = Qf(), [m, y] = at(null), [h, C] = at({ width: 0, height: 0 }), [N, w] = at(!1), [S, E] = at([]), [D, H] = at(
+const yS = dn.forwardRef((o, u) => dn.createElement(g5, {}, dn.createElement(pS, { ...o, forwardedRef: u }))), y5 = ({ imageUrl: o, customClassName: u = "", containerRef: C }) => {
+  const { showPenTool: P, penColor: R, penTool: g, strokeWidth: p } = Qf(), [m, y] = at(null), [h, x] = at({ width: 0, height: 0 }), [N, w] = at(!1), [S, E] = at([]), [D, H] = at(
     []
   ), [B, b] = at(null), v = jt(null), M = jt(null), L = 600, k = 600;
   un(() => {
@@ -22686,7 +22686,7 @@ const yS = dn.forwardRef((o, u) => dn.createElement(g5, {}, dn.createElement(pS,
     F.onload = () => {
       y(F);
       const X = Math.min(L / F.width, k / F.height, 1);
-      C({
+      x({
         width: Math.min(F.width * X, L),
         height: Math.min(F.height * X, k)
       });
@@ -22733,19 +22733,19 @@ const yS = dn.forwardRef((o, u) => dn.createElement(g5, {}, dn.createElement(pS,
     ]), b(null)));
   }, [P, m, B, g, D, R, p]);
   return un(() => {
-    if (!x) return;
+    if (!C) return;
     const F = () => {
-      const X = document.getElementById(x);
+      const X = document.getElementById(C);
       if (X && m) {
         const { clientWidth: K, clientHeight: $ } = X, re = Math.min(K / m.width, $ / m.height);
-        C({
+        x({
           width: m.width * re,
           height: m.height * re
         });
       }
     };
     return F(), window.addEventListener("resize", F), () => window.removeEventListener("resize", F);
-  }, [x, m]), m ? /* @__PURE__ */ Q.jsx("div", { style: { position: "relative" }, className: u, children: /* @__PURE__ */ Q.jsx(
+  }, [C, m]), m ? /* @__PURE__ */ Q.jsx("div", { style: { position: "relative" }, className: u, children: /* @__PURE__ */ Q.jsx(
     yS,
     {
       ref: v,
@@ -22866,13 +22866,13 @@ const yS = dn.forwardRef((o, u) => dn.createElement(g5, {}, dn.createElement(pS,
   ) });
 };
 function SS(o) {
-  const { containerHeight: u, containerWidth: x } = o, { groupDocuments: P } = S9(), { parentRef: R } = Ya(), g = jt(null);
+  const { containerHeight: u, containerWidth: C } = o, { groupDocuments: P } = S9(), { parentRef: R } = Ya(), g = jt(null);
   let p = 1, m = P.length;
   (P.length === 3 || P.length === 4) && (p = 2, m = 2);
-  const y = u / p, h = x / m;
+  const y = u / p, h = C / m;
   return un(() => {
-    g.current && (g.current.style.height = `${u}px`, g.current.style.width = `${x}px`);
-  }, [u, x, R]), /* @__PURE__ */ Q.jsx(
+    g.current && (g.current.style.height = `${u}px`, g.current.style.width = `${C}px`);
+  }, [u, C, R]), /* @__PURE__ */ Q.jsx(
     "div",
     {
       ref: g,
@@ -22883,11 +22883,11 @@ function SS(o) {
         gridTemplateRows: P.length > 2 ? `repeat(${p}, 1fr)` : void 0,
         gap: "8px",
         height: `${u}px`,
-        width: `${x}px`,
+        width: `${C}px`,
         justifyContent: P.length === 1 ? "center" : void 0,
         alignItems: "center"
       },
-      children: P.map((C, N) => /* @__PURE__ */ Q.jsx(
+      children: P.map((x, N) => /* @__PURE__ */ Q.jsx(
         "div",
         {
           style: {
@@ -22897,17 +22897,17 @@ function SS(o) {
             alignItems: "center",
             justifyContent: N % 2 === 0 ? "flex-end" : "flex-start"
           },
-          id: `compare-${C.id}`,
-          children: /* @__PURE__ */ Q.jsx(y5, { imageUrl: C.filePath, containerRef: `compare-${C.id}` })
+          id: `compare-${x.id}`,
+          children: /* @__PURE__ */ Q.jsx(y5, { imageUrl: x.filePath, containerRef: `compare-${x.id}` })
         },
-        `compare-${C.id}`
+        `compare-${x.id}`
       ))
     }
   );
 }
 const xS = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z'%20fill='%237C8897'/%3e%3c/svg%3e", CS = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgB7ZI9DoIwGIa/0gt4IRk0TnIR44IjEUNJiIbJDeI9ZJNEceE6HABqqwvy169MDDxJk6Yt7wP0BZiZHKcwst0w9kAT+dzxHNnNdaN1sqQAHJiOxA1vHufkSghfNPdocyFL77m5toiYMnNjQfZIXqpw4BUTww+cPVMKfpLkiZGownsFGAkmfFAwJMGGSwggcC8xEyc9Mdi3F8hwtOBPIkGGSwzAYhi8c66AYg7V/7n4aHkPqAqjBM0LxVYYJehri46E6obrSuiYcB0JHRveJVmutsU7TfL6fqumpISCV/yA7bkkcHbihcCHmUnyAbVr1q3eVypyAAAAAElFTkSuQmCC", ES = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.0302%202.96967C22.4276%204.36713%2022.4276%206.63286%2021.0302%208.03033L9.06186%2019.9987C8.78498%2020.2755%208.44064%2020.4754%208.06288%2020.5784L2.94719%2021.9736C2.38732%2022.1263%201.87359%2021.6125%202.02628%2021.0527L3.42147%2015.937C3.52449%2015.5592%203.72432%2015.2149%204.0012%2014.938L15.9695%202.96967C17.367%201.5722%2019.6327%201.5722%2021.0302%202.96967ZM15%206.06057L5.06186%2015.9987C4.96956%2016.0909%204.90296%2016.2057%204.86861%2016.3316L3.81877%2020.1811L7.6682%2019.1312C7.79412%2019.0969%207.9089%2019.0303%208.0012%2018.938L17.939%208.99957L15%206.06057ZM17.0302%204.03033L16.06%204.99957L18.999%207.93957L19.9695%206.96967C20.7812%206.15799%2020.7812%204.842%2019.9695%204.03033C19.1578%203.21865%2017.8419%203.21865%2017.0302%204.03033Z'%20fill='%237C8897'/%3e%3c/svg%3e", bS = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202ZM12%203.5C7.30558%203.5%203.5%207.30558%203.5%2012C3.5%2016.6944%207.30558%2020.5%2012%2020.5C16.6944%2020.5%2020.5%2016.6944%2020.5%2012C20.5%207.30558%2016.6944%203.5%2012%203.5Z'%20fill='%237C8897'/%3e%3c/svg%3e";
 function TS() {
-  const { setShowPenTool: o, setPenTool: u } = Qf(), x = wa(
+  const { setShowPenTool: o, setPenTool: u } = Qf(), C = wa(
     () => [
       {
         image: CS,
@@ -22932,7 +22932,7 @@ function TS() {
     ],
     [u, o]
   );
-  return /* @__PURE__ */ Q.jsx("div", { className: "hfl-rounded-md hfl-p-2 hfl-bg-White hfl-flex hfl-flex-col hfl-gap-2 hfl-items-center", children: x.map((P) => /* @__PURE__ */ Q.jsx(
+  return /* @__PURE__ */ Q.jsx("div", { className: "hfl-rounded-md hfl-p-2 hfl-bg-White hfl-flex hfl-flex-col hfl-gap-2 hfl-items-center", children: C.map((P) => /* @__PURE__ */ Q.jsx(
     "img",
     {
       src: P.image,
@@ -22947,7 +22947,7 @@ function TS() {
 function wS() {
   const { setPenColor: o, penColor: u } = Qf();
   return /* @__PURE__ */ Q.jsx("div", { className: "hfl-rounded-md hfl-p-2 hfl-bg-White hfl-flex hfl-flex-col hfl-gap-2 hfl-items-center", children: e1.map(
-    (x) => u === x ? /* @__PURE__ */ Q.jsx(
+    (C) => u === C ? /* @__PURE__ */ Q.jsx(
       "div",
       {
         className: "hfl-border-Primary-600 hfl-w-[26px] hfl-h-[26px] hfl-rounded-full hfl-flex hfl-justify-center hfl-items-center hfl-border-2",
@@ -22955,31 +22955,31 @@ function wS() {
           "div",
           {
             className: "hfl-rounded-full hfl-w-[24px] hfl-h-[24px] ",
-            style: { backgroundColor: x },
-            onClick: () => o(x)
+            style: { backgroundColor: C },
+            onClick: () => o(C)
           }
         )
       },
-      x
+      C
     ) : /* @__PURE__ */ Q.jsx(
       "div",
       {
         className: "hfl-rounded-full hfl-w-[24px] hfl-h-[24px] ",
-        style: { backgroundColor: x },
-        onClick: () => o(x)
+        style: { backgroundColor: C },
+        onClick: () => o(C)
       },
-      x
+      C
     )
   ) });
 }
 function S5() {
-  const o = jt(null), { parentRef: u } = Ya(), { showPenTool: x } = Qf();
+  const o = jt(null), { parentRef: u } = Ya(), { showPenTool: C } = Qf();
   return un(() => {
-    if (x && u.current && o.current) {
+    if (C && u.current && o.current) {
       const P = u.current.getBoundingClientRect(), R = P.width, g = P.height, p = P.top + g * 0.1, m = P.left + R * 0.9;
       o.current.style.position = "fixed", o.current.style.top = `${p}px`, o.current.style.left = `${m}px`;
     }
-  }, [u, x]), x ? /* @__PURE__ */ Q.jsxs("div", { className: "hfl-fixed hfl-z-99999999 hfl-flex hfl-flex-col hfl-gap-2", ref: o, children: [
+  }, [u, C]), C ? /* @__PURE__ */ Q.jsxs("div", { className: "hfl-fixed hfl-z-99999999 hfl-flex hfl-flex-col hfl-gap-2", ref: o, children: [
     /* @__PURE__ */ Q.jsx(TS, {}),
     /* @__PURE__ */ Q.jsx(wS, {})
   ] }) : null;
@@ -22988,12 +22988,12 @@ function AS() {
   const {
     clearSelectedDocuments: o,
     setSelectedGroup: u,
-    selectedGroup: x,
+    selectedGroup: C,
     selectedDocuments: P,
     addDocument: R,
     setShowSaveGroupPreview: g,
     updateDocument: p
-  } = Aa(), [m, y] = at(!1), h = jt(null), { onSaveComparision: C, setCompareMode: N, setShowPreview: w, setError: S } = Ya(), [E, D] = at(x?.label || ""), H = nn(() => {
+  } = Aa(), [m, y] = at(!1), h = jt(null), { onSaveComparision: x, setCompareMode: N, setShowPreview: w, setError: S } = Ya(), [E, D] = at(C?.label || ""), H = nn(() => {
     w(!1), N(!1), u(null), o(), g(!1);
   }, [o, N, u, w, g]), B = nn(async () => {
     if (!E) {
@@ -23002,12 +23002,12 @@ function AS() {
     }
     try {
       y(!0);
-      const v = await C(
-        x?.id || "",
+      const v = await x(
+        C?.id || "",
         E,
         P.map((M) => M.id)
       );
-      v.status && v.data && (x?.id ? p(v.data) : R(v.data));
+      v.status && v.data && (C?.id ? p(v.data) : R(v.data));
     } catch (v) {
       console.error("Error saving comparison:", v);
     } finally {
@@ -23016,9 +23016,9 @@ function AS() {
   }, [
     R,
     H,
-    C,
+    x,
     P,
-    x?.id,
+    C?.id,
     E,
     S,
     p
@@ -23086,15 +23086,15 @@ function AS() {
   );
 }
 function RS() {
-  const { parentRef: o } = Ya(), { selectedDocuments: u, selectedGroup: x, showSaveGroupPreview: P } = Aa(), R = jt(null), [g, p] = at(void 0), [m, y] = at([]), [h, C] = at(0), [N, w] = at(0);
+  const { parentRef: o } = Ya(), { selectedDocuments: u, selectedGroup: C, showSaveGroupPreview: P } = Aa(), R = jt(null), [g, p] = at(void 0), [m, y] = at([]), [h, x] = at(0), [N, w] = at(0);
   return un(() => {
     o.current && R.current && (R.current.style.height = `${o.current.clientHeight}px`, R.current.style.width = `${o.current.clientWidth}px`, R.current.style.top = o.current.getBoundingClientRect().top + "px", R.current.style.left = o.current.getBoundingClientRect().left + "px");
   }, [o]), un(() => {
-    x ? (y(x.documents), p(x.id)) : (y(u), p(void 0));
-  }, [u, x]), un(() => {
+    C ? (y(C.documents), p(C.id)) : (y(u), p(void 0));
+  }, [u, C]), un(() => {
     if (o.current) {
       const S = o.current.clientHeight;
-      C(S - N);
+      x(S - N);
     }
   }, [N, o]), /* @__PURE__ */ Q.jsx(Xy.Provider, { value: { groupDocuments: m, setGroupDocuments: y, groupId: g, setGroupId: p }, children: /* @__PURE__ */ Q.jsxs("div", { ref: R, className: "hfl-fixed hfl-z-99999", children: [
     /* @__PURE__ */ Q.jsx(i5, { setHeaderHeight: w }),
@@ -23110,7 +23110,7 @@ function RS() {
   ] }) });
 }
 function NS(o) {
-  const { selectedIndex: u, selectedPreview: x, setSelectedIndex: P } = o, R = nn(
+  const { selectedIndex: u, selectedPreview: C, setSelectedIndex: P } = o, R = nn(
     (g) => {
       P(g);
     },
@@ -23119,8 +23119,8 @@ function NS(o) {
   return /* @__PURE__ */ Q.jsx(
     "div",
     {
-      className: `hfl-flex hfl-bg-Gray-600 hfl-p-2 hfl-flex-col hfl-gap-2 hfl-h-full ${x.length < 2 ? "hfl-hidden" : ""}`,
-      children: x.map((g, p) => /* @__PURE__ */ Q.jsx(
+      className: `hfl-flex hfl-bg-Gray-600 hfl-p-2 hfl-flex-col hfl-gap-2 hfl-h-full ${C.length < 2 ? "hfl-hidden" : ""}`,
+      children: C.map((g, p) => /* @__PURE__ */ Q.jsx(
         "img",
         {
           src: g.filePath,
@@ -23137,7 +23137,7 @@ function NS(o) {
 }
 const DS = bu(NS), PS = "data:image/svg+xml,%3csvg%20width='9'%20height='16'%20viewBox='0%200%209%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.03033%2015.2803C8.32322%2014.9874%208.32322%2014.5126%208.03033%2014.2197L1.81066%208L8.03033%201.78033C8.32322%201.48744%208.32322%201.01256%208.03033%200.71967C7.73744%200.426777%207.26256%200.426777%206.96967%200.71967L0.219671%207.46967C-0.0732224%207.76256%20-0.0732225%208.23744%200.219671%208.53033L6.96967%2015.2803C7.26256%2015.5732%207.73744%2015.5732%208.03033%2015.2803Z'%20fill='%23101828'/%3e%3c/svg%3e", MS = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.96967%204.71967C8.67678%205.01256%208.67678%205.48744%208.96967%205.78033L15.1893%2012L8.96967%2018.2197C8.67678%2018.5126%208.67678%2018.9874%208.96967%2019.2803C9.26256%2019.5732%209.73744%2019.5732%2010.0303%2019.2803L16.7803%2012.5303C17.0732%2012.2374%2017.0732%2011.7626%2016.7803%2011.4697L10.0303%204.71967C9.73744%204.42678%209.26256%204.42678%208.96967%204.71967Z'%20fill='%23101828'/%3e%3c/svg%3e";
 function LS(o) {
-  const { selectedIndex: u, documentPreview: x, handleImageChange: P } = o, R = jt(null), g = wa(() => x[u], [x, u]);
+  const { selectedIndex: u, documentPreview: C, handleImageChange: P } = o, R = jt(null), g = wa(() => C[u], [C, u]);
   return /* @__PURE__ */ Q.jsxs("div", { className: "hfl-flex hfl-gap-4 hfl-py-2 hfl-items-center", ref: R, children: [
     /* @__PURE__ */ Q.jsx(
       "button",
@@ -23154,14 +23154,14 @@ function LS(o) {
       {
         onClick: () => P("next"),
         className: " hfl-w-[48px] hfl-h-[48px] hfl-rounded-full hfl-cursor-pointer hfl-bg-Gray-300  hfl-flex hfl-justify-center hfl-items-center",
-        disabled: u === x.length - 1,
+        disabled: u === C.length - 1,
         children: /* @__PURE__ */ Q.jsx("img", { src: MS })
       }
     )
   ] });
 }
 function OS() {
-  const { parentRef: o } = Ya(), u = jt(null), [x, P] = at(0), { selectedDocuments: R, selectedGroup: g } = Aa(), p = jt(null), m = wa(
+  const { parentRef: o } = Ya(), u = jt(null), [C, P] = at(0), { selectedDocuments: R, selectedGroup: g } = Aa(), p = jt(null), m = wa(
     () => g ? g.documents : R,
     [R, g]
   ), [y, h] = at(0);
@@ -23170,10 +23170,10 @@ function OS() {
   }, [o]), un(() => {
     if (o.current && p.current) {
       const N = o.current.clientHeight;
-      p.current.style.height = `${N - x}px`;
+      p.current.style.height = `${N - C}px`;
     }
-  }, [x, o]);
-  const C = nn(
+  }, [C, o]);
+  const x = nn(
     (N) => {
       h((w) => N === "next" ? m.length - 1 === w ? 0 : w + 1 : w === 0 ? m.length - 1 : w - 1);
     },
@@ -23181,12 +23181,12 @@ function OS() {
   );
   return un(() => {
     const N = (w) => {
-      w.key === "ArrowRight" ? C("next") : w.key === "ArrowLeft" && C("prev");
+      w.key === "ArrowRight" ? x("next") : w.key === "ArrowLeft" && x("prev");
     };
     return window.addEventListener("keydown", N), () => {
       window.removeEventListener("keydown", N);
     };
-  }, [C]), /* @__PURE__ */ Q.jsxs("div", { className: "hfl-z-99999 hfl-fixed", ref: u, children: [
+  }, [x]), /* @__PURE__ */ Q.jsxs("div", { className: "hfl-z-99999 hfl-fixed", ref: u, children: [
     /* @__PURE__ */ Q.jsx(i5, { setHeaderHeight: P, isPreview: !0 }),
     /* @__PURE__ */ Q.jsxs("div", { className: " hfl-bg-Gray-400 hfl-flex hfl-flex-justify-center hfl-pr-2  hfl-w-full", ref: p, children: [
       /* @__PURE__ */ Q.jsx(
@@ -23202,7 +23202,7 @@ function OS() {
         {
           documentPreview: m,
           selectedIndex: y,
-          handleImageChange: C
+          handleImageChange: x
         }
       ) })
     ] }),
@@ -23210,8 +23210,8 @@ function OS() {
   ] });
 }
 const zS = ({ file_data: o }) => {
-  const [u, x] = at(!1), P = jt(null), R = [{ src: o, type: "video/mp4" }], g = (p) => {
-    p.currentTarget.remove(), P.current && P.current.children.length === 0 && x(!0);
+  const [u, C] = at(!1), P = jt(null), R = [{ src: o, type: "video/mp4" }], g = (p) => {
+    p.currentTarget.remove(), P.current && P.current.children.length === 0 && C(!0);
   };
   return /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-justify-center hfl-items-center hfl-w-full hfl-max-w-[800px] hfl-mx-auto", children: u ? /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-flex-col hfl-justify-center hfl-items-center hfl-gap-2 hfl-h-[300px] hfl-p-2", children: /* @__PURE__ */ Q.jsx(It, { variant: "Medium", type: "Text md", className: "xxxs:max-sm:hfl-text-[10px]", children: "Live preview is not supported for this video. Please download it to watch." }) }) : /* @__PURE__ */ Q.jsxs(
     "video",
@@ -23227,7 +23227,7 @@ const zS = ({ file_data: o }) => {
     }
   ) });
 }, FS = () => /* @__PURE__ */ Q.jsx("div", { className: "hfl-inset-0 hfl-z-[100] hfl-flex hfl-h-full hfl-w-full hfl-items-center  hfl-justify-center hfl-overflow-y-auto hfl-outline-none focus:hfl-outline-none", children: /* @__PURE__ */ Q.jsx(n6, { progress: 10, spinnerMode: !0 }) }), GS = ({ file_data: o }) => {
-  const [u, x] = at(!0), [P, R] = at(!1);
+  const [u, C] = at(!0), [P, R] = at(!1);
   return /* @__PURE__ */ Q.jsxs("div", { className: "hfl-relative hfl-w-full hfl-max-w-[800px] hfl-mx-auto", children: [
     u && !P && /* @__PURE__ */ Q.jsx("div", { className: "hfl-flex hfl-w-full hfl-justify-center hfl-items-center hfl-h-full", children: /* @__PURE__ */ Q.jsx(FS, {}) }),
     P ? (
@@ -23239,9 +23239,9 @@ const zS = ({ file_data: o }) => {
         src: `${o}?t=${Date.now()}`,
         loading: "lazy",
         className: "hfl-w-full hfl-h-auto hfl-transition-opacity hfl-duration-300 hfl-rounded-lg",
-        onLoad: () => x(!1),
+        onLoad: () => C(!1),
         onError: () => {
-          x(!1), R(!0);
+          C(!1), R(!0);
         },
         style: { opacity: u ? 0 : 1 },
         alt: "Preview"
@@ -23251,7 +23251,7 @@ const zS = ({ file_data: o }) => {
 }, US = ({
   childModalRef: o,
   children: u,
-  hideBackDrop: x = !1,
+  hideBackDrop: C = !1,
   backdropClasses: P = "",
   modalClasses: R = "",
   closeOnClickOutside: g,
@@ -23268,13 +23268,13 @@ const zS = ({ file_data: o }) => {
 }, [p, o, g]), /* @__PURE__ */ Q.jsx(
   "div",
   {
-    className: `hfl-fixed ${m} hfl-z-50 hfl-flex hfl-items-center hfl-justify-center ${P} ${x ? "" : "hfl-bg-Gray-750 hfl-backdrop-blur-sm"}`,
+    className: `hfl-fixed ${m} hfl-z-50 hfl-flex hfl-items-center hfl-justify-center ${P} ${C ? "" : "hfl-bg-Gray-750 hfl-backdrop-blur-sm"}`,
     children: /* @__PURE__ */ Q.jsx("div", { ref: o, className: `hfl-rounded-lg hfl-shadow-md hfl-bg-White ${R ?? ""}`, children: u })
   }
 )), jS = () => {
-  const { selectedDocuments: o, clearSelectedDocuments: u } = Aa(), { setShowPreview: x } = Ya(), P = wa(() => o[0], [o]), R = jt(null), g = nn(() => {
-    x(!1), u();
-  }, [u, x]), p = (m) => {
+  const { selectedDocuments: o, clearSelectedDocuments: u } = Aa(), { setShowPreview: C } = Ya(), P = wa(() => o[0], [o]), R = jt(null), g = nn(() => {
+    C(!1), u();
+  }, [u, C]), p = (m) => {
     switch (m) {
       case Or.PDF:
         return /* @__PURE__ */ Q.jsx("div", { className: "hfl-px-6 hfl-pt-4 hfl-pb-20 hfl-bg-white hfl-h-[100vh] hfl-w-full", children: /* @__PURE__ */ Q.jsx("iframe", { src: `${P.filePath}`, width: "100%", height: "100%", style: { border: "none" }, children: "Your browser does not support PDFs." }) });
@@ -23318,8 +23318,8 @@ const zS = ({ file_data: o }) => {
     value: o
   }))
 ];
-function HS({ isOpen: o, document: u, onClose: x, onSave: P }) {
-  const [R, g] = at(""), [p, m] = at(""), [y, h] = at(!1), [C, N] = at(""), [w, S] = at("");
+function HS({ isOpen: o, document: u, onClose: C, onSave: P }) {
+  const [R, g] = at(""), [p, m] = at(""), [y, h] = at(!1), [x, N] = at(""), [w, S] = at("");
   un(() => {
     if (u) {
       const D = u.label, H = D.lastIndexOf(".");
@@ -23332,13 +23332,13 @@ function HS({ isOpen: o, document: u, onClose: x, onSave: P }) {
       try {
         const D = {
           id: u.id,
-          label: `${C}${w}`,
+          label: `${x}${w}`,
           reportType: R === kf.REPORT_TYPE_UNSPECIFIED ? "" : R,
           createdAt: new Date(p).toISOString(),
           filePath: u.filePath,
           mimeType: u.mimeType
         };
-        await P(D), x();
+        await P(D), C();
       } catch (D) {
         console.error("Failed to save document:", D);
       } finally {
@@ -23359,7 +23359,7 @@ function HS({ isOpen: o, document: u, onClose: x, onSave: P }) {
           "input",
           {
             id: "documentName",
-            value: C,
+            value: x,
             onChange: (D) => N(D.target.value),
             placeholder: "Enter document name",
             className: "hfl-w-full hfl-border hfl-border-Gray-300 hfl-rounded-md hfl-px-3 hfl-py-2 focus:hfl-outline-none focus:hfl-ring-2 focus:hfl-ring-Primary-500"
@@ -23392,7 +23392,7 @@ function HS({ isOpen: o, document: u, onClose: x, onSave: P }) {
       ] })
     ] }),
     /* @__PURE__ */ Q.jsxs("div", { className: "hfl-flex hfl-justify-end hfl-gap-3 hfl-mt-4", children: [
-      /* @__PURE__ */ Q.jsx(Tl, { textField: "Cancel", hierarchy: "Secondary", onClick: x, disabled: y, size: "sm" }),
+      /* @__PURE__ */ Q.jsx(Tl, { textField: "Cancel", hierarchy: "Secondary", onClick: C, disabled: y, size: "sm" }),
       /* @__PURE__ */ Q.jsx(
         Tl,
         {
@@ -23406,8 +23406,8 @@ function HS({ isOpen: o, document: u, onClose: x, onSave: P }) {
     ] })
   ] }) });
 }
-function kS({ isOpen: o, onClose: u, onCapture: x }) {
-  const P = jt(null), R = jt(null), g = jt(null), [p, m] = at(!1), [y, h] = at(null), [C, N] = at(!1), [w, S] = at(!1), [E, D] = at([]), [H, B] = at(null), b = async () => {
+function kS({ isOpen: o, onClose: u, onCapture: C }) {
+  const P = jt(null), R = jt(null), g = jt(null), [p, m] = at(!1), [y, h] = at(null), [x, N] = at(!1), [w, S] = at(!1), [E, D] = at([]), [H, B] = at(null), b = async () => {
     try {
       const O = (await navigator.mediaDevices.enumerateDevices()).filter((j) => j.kind === "videoinput");
       console.log("Available video devices:", O), D(O);
@@ -23465,7 +23465,7 @@ function kS({ isOpen: o, onClose: u, onCapture: x }) {
         }), X = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-"), K = new File([F], `captured-image-${X}.jpg`, {
           type: "image/jpeg"
         });
-        await x(K), u();
+        await C(K), u();
       } catch (J) {
         console.error("Error capturing photo:", J), h("Failed to capture photo. Please try again.");
       } finally {
@@ -23545,40 +23545,40 @@ function kS({ isOpen: o, onClose: u, onCapture: x }) {
         "button",
         {
           onClick: L,
-          disabled: C,
-          className: `hfl-flex hfl-items-center hfl-gap-2 hfl-px-6 hfl-py-3 hfl-text-sm hfl-text-white hfl-rounded-lg hfl-transition-colors ${C ? "hfl-bg-Gray-400 hfl-cursor-not-allowed" : "hfl-bg-Blue-600 hfl-hover:bg-Blue-700"}`,
+          disabled: x,
+          className: `hfl-flex hfl-items-center hfl-gap-2 hfl-px-6 hfl-py-3 hfl-text-sm hfl-text-white hfl-rounded-lg hfl-transition-colors ${x ? "hfl-bg-Gray-400 hfl-cursor-not-allowed" : "hfl-bg-Blue-600 hfl-hover:bg-Blue-700"}`,
           children: [
             /* @__PURE__ */ Q.jsx("i", { className: "hx_camera hfl-text-base" }),
-            /* @__PURE__ */ Q.jsx(It, { variant: "Medium", type: "Text sm", className: "hfl-text-white", children: C ? "Capturing..." : "Capture Photo" })
+            /* @__PURE__ */ Q.jsx(It, { variant: "Medium", type: "Text sm", className: "hfl-text-white", children: x ? "Capturing..." : "Capture Photo" })
           ]
         }
       )
     ] })
   ] }) }) : null;
 }
-function VS({ containerRef: o, setPage: u, hasData: x, shouldScroll: P }) {
+function VS({ containerRef: o, setPage: u, hasData: C, shouldScroll: P }) {
   const R = jt(P), g = jt(0), p = jt(!1);
   un(() => {
     R.current = P;
   }, [P]), un(() => {
     if (!o || !o.current) return;
-    console.log("Inside scroll event", x);
+    console.log("Inside scroll event", C);
     const m = o.current;
     if (!m) return;
     const y = () => {
-      if (!R.current || !x) return;
-      const { scrollTop: h, scrollHeight: C, clientHeight: N } = m;
-      p.current = h > g.current, g.current = h, p.current && h + N >= C - 10 && u((w) => w + 1);
+      if (!R.current || !C) return;
+      const { scrollTop: h, scrollHeight: x, clientHeight: N } = m;
+      p.current = h > g.current, g.current = h, p.current && h + N >= x - 10 && u((w) => w + 1);
     };
     return m.addEventListener("scroll", y), () => {
       m.removeEventListener("scroll", y);
     };
-  }, [o, u, x]);
+  }, [o, u, C]);
 }
 function vx(o) {
   const {
     parentRef: u,
-    fetchAttachments: x,
+    fetchAttachments: C,
     uploadFiles: P,
     onDocumentPreview: R,
     onDocumentDownload: g,
@@ -23586,7 +23586,7 @@ function vx(o) {
     setError: m,
     showHeaderBackButton: y,
     patient_id: h = "",
-    patient_role_id: C = "",
+    patient_role_id: x = "",
     doctor_id: N = "",
     doctor_role_id: w = "",
     branch_id: S = "",
@@ -23594,8 +23594,8 @@ function vx(o) {
     onSaveComparision: D,
     onHeaderBackClick: H
   } = o, [B, b] = at(!1), [v, M] = at(!1), [L, k] = at(""), [J, O] = at(!0), [j, F] = at([]), [X, K] = at({ startDate: null, endDate: null }), [$, re] = at(1), [ee, pe] = at(""), z = jt(null), [U, W] = at(i6.VIEW_GRID), { documentView: I, setDocument: _, addDocuments: oe, selectedDocuments: ne, addDocument: me, updateDocument: we } = Aa(), se = wa(() => I === Qs.GRID_VIEW ? 20 : 3, [I]), [Z, ae] = at(null), [Ce, Ae] = at(!1), [Me, Ye] = at(!1), Re = wa(() => !B && !v, [B, v]), { isLoading: ke } = h9(
-    `attachments?page=${$}&page_size=${se}&query_type=${U}&search=${L}&types=${j.join(",")}&start_date=${X.startDate}&end_date=${X.endDate}&next_date=${ee}&patient_id=${h}&patient_role_id=${C}&doctor_id=${N}&doctor_role_id=${w}&branch_id=${S}`,
-    () => x($, L, j, se, U, X, ee),
+    `attachments?page=${$}&page_size=${se}&query_type=${U}&search=${L}&types=${j.join(",")}&start_date=${X.startDate}&end_date=${X.endDate}&next_date=${ee}&patient_id=${h}&patient_role_id=${x}&doctor_id=${N}&doctor_role_id=${w}&branch_id=${S}`,
+    () => C($, L, j, se, U, X, ee),
     {
       revalidateOnFocus: !1,
       onSuccess: (ut) => {