@farris/ui-vue 1.2.7 → 1.2.8

package/components/image-cropper/index.esm.js

@@ -1,111 +1,111 @@
-import { inject as Te, ref as v, onMounted as Ae, onUnmounted as lt, watch as K, defineComponent as Ce, createVNode as T, withModifiers as F } from "vue";
+import { inject as Te, ref as v, onMounted as Ae, onUnmounted as lt, watch as K, defineComponent as Ce, createVNode as T, withModifiers as O } from "vue";
 import { cloneDeep as nt } from "lodash-es";
 const Se = {}, Ee = {};
 function he(e) {
-  const { properties: i, title: r } = e, b = Object.keys(i).reduce((s, t) => (s[t] = i[t].type === "object" && i[t].properties ? he(i[t]) : nt(i[t].default), s), {});
-  return b.id = `${r}-${Date.now()}`, b;
+  const { properties: i, title: r } = e, m = Object.keys(i).reduce((o, t) => (o[t] = i[t].type === "object" && i[t].properties ? he(i[t]) : nt(i[t].default), o), {});
+  return m.id = `${r}-${Date.now()}`, m;
 }
 function ve(e, i = {}) {
   const r = Se[e];
   if (r) {
-    let b = he(r);
-    const s = Ee[e];
-    return b = s ? s({ getSchemaByType: ve }, b, i) : b, b;
+    let m = he(r);
+    const o = Ee[e];
+    return m = o ? o({ getSchemaByType: ve }, m, i) : m, m;
   }
   return null;
 }
 function ut(e, i) {
   const r = he(i);
-  return Object.keys(e).reduce((b, s) => (b[s] = e[s], b), r), r;
+  return Object.keys(e).reduce((m, o) => (m[o] && typeof m[o] == "object" ? Object.assign(m[o], e[o]) : m[o] = e[o], m), r), r;
 }
 function rt(e, i) {
-  return Object.keys(e).filter((b) => e[b] != null).reduce((b, s) => {
-    if (i.has(s)) {
-      const t = i.get(s);
+  return Object.keys(e).filter((m) => e[m] != null).reduce((m, o) => {
+    if (i.has(o)) {
+      const t = i.get(o);
       if (typeof t == "string")
-        b[t] = e[s];
+        m[t] = e[o];
       else {
-        const m = t(s, e[s], e);
-        Object.assign(b, m);
+        const p = t(o, e[o], e);
+        Object.assign(m, p);
       }
     } else
-      b[s] = e[s];
-    return b;
+      m[o] = e[o];
+    return m;
   }, {});
 }
-function ot(e, i, r = /* @__PURE__ */ new Map()) {
-  const b = ut(e, i);
-  return rt(b, r);
+function st(e, i, r = /* @__PURE__ */ new Map()) {
+  const m = ut(e, i);
+  return rt(m, r);
 }
-function st(e = {}) {
-  function i(o, p, d, l) {
-    if (typeof d == "number")
-      return l[o].length === d;
-    if (typeof d == "object") {
-      const u = Object.keys(d)[0], w = d[u];
+function ot(e = {}) {
+  function i(s, y, g, l) {
+    if (typeof g == "number")
+      return l[s].length === g;
+    if (typeof g == "object") {
+      const u = Object.keys(g)[0], w = g[u];
       if (u === "not")
-        return Number(l[o].length) !== Number(w);
+        return Number(l[s].length) !== Number(w);
       if (u === "moreThan")
-        return Number(l[o].length) >= Number(w);
+        return Number(l[s].length) >= Number(w);
       if (u === "lessThan")
-        return Number(l[o].length) <= Number(w);
+        return Number(l[s].length) <= Number(w);
     }
     return !1;
   }
-  function r(o, p, d, l) {
-    return l[o] && l[o].propertyValue && String(l[o].propertyValue.value) === String(d);
+  function r(s, y, g, l) {
+    return l[s] && l[s].propertyValue && String(l[s].propertyValue.value) === String(g);
   }
-  const b = /* @__PURE__ */ new Map([
+  const m = /* @__PURE__ */ new Map([
     ["length", i],
     ["getProperty", r]
   ]);
-  Object.keys(e).reduce((o, p) => (o.set(p, e[p]), o), b);
-  function s(o, p) {
-    const d = o;
-    return typeof p == "number" ? [{ target: d, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: d, operator: "getProperty", param: o, value: !!p }] : typeof p == "object" ? Object.keys(p).map((l) => {
+  Object.keys(e).reduce((s, y) => (s.set(y, e[y]), s), m);
+  function o(s, y) {
+    const g = s;
+    return typeof y == "number" ? [{ target: g, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: g, operator: "getProperty", param: s, value: !!y }] : typeof y == "object" ? Object.keys(y).map((l) => {
       if (l === "length")
-        return { target: d, operator: "length", param: null, value: p[l] };
-      const u = l, w = p[l];
-      return { target: d, operator: "getProperty", param: u, value: w };
+        return { target: g, operator: "length", param: null, value: y[l] };
+      const u = l, w = y[l];
+      return { target: g, operator: "getProperty", param: u, value: w };
     }) : [];
   }
-  function t(o) {
-    return Object.keys(o).reduce((d, l) => {
-      const u = s(l, o[l]);
-      return d.push(...u), d;
+  function t(s) {
+    return Object.keys(s).reduce((g, l) => {
+      const u = o(l, s[l]);
+      return g.push(...u), g;
     }, []);
   }
-  function m(o, p) {
-    if (b.has(o.operator)) {
-      const d = b.get(o.operator);
-      return d && d(o.target, o.param, o.value, p) || !1;
+  function p(s, y) {
+    if (m.has(s.operator)) {
+      const g = m.get(s.operator);
+      return g && g(s.target, s.param, s.value, y) || !1;
     }
     return !1;
   }
-  function x(o, p) {
-    return t(o).reduce((u, w) => u && m(w, p), !0);
+  function b(s, y) {
+    return t(s).reduce((u, w) => u && p(w, y), !0);
   }
-  function A(o, p) {
-    const d = Object.keys(o), l = d.includes("allOf"), u = d.includes("anyOf"), w = l || u, W = (w ? o[w ? l ? "allOf" : "anyOf" : "allOf"] : [o]).map((D) => x(D, p));
+  function A(s, y) {
+    const g = Object.keys(s), l = g.includes("allOf"), u = g.includes("anyOf"), w = l || u, W = (w ? s[w ? l ? "allOf" : "anyOf" : "allOf"] : [s]).map((D) => b(D, y));
     return l ? !W.includes(!1) : W.includes(!0);
   }
   return { parseValueSchema: A };
 }
 const ct = {}, ft = {};
-st();
-function vt(e, i, r = /* @__PURE__ */ new Map(), b = (m, x, A) => x, s = {}, t = (m) => m) {
-  return Se[i.title] = i, Ee[i.title] = b, ct[i.title] = s, ft[i.title] = t, (m = {}) => {
-    const x = ot(m, i, r), A = Object.keys(e).reduce((o, p) => (o[p] = e[p].default, o), {});
-    return Object.assign(A, x);
+ot();
+function vt(e, i, r = /* @__PURE__ */ new Map(), m = (p, b, A) => b, o = {}, t = (p) => p) {
+  return Se[i.title] = i, Ee[i.title] = m, ct[i.title] = o, ft[i.title] = t, (p = {}) => {
+    const b = st(p, i, r), A = Object.keys(e).reduce((s, y) => (s[y] = e[y].default, s), {});
+    return Object.assign(A, b);
   };
 }
 function ht(e, i) {
   return { customClass: i.class, customStyle: i.style };
 }
-function dt(e, i, r) {
+function gt(e, i, r) {
   return i;
 }
-const gt = /* @__PURE__ */ new Map([
+const dt = /* @__PURE__ */ new Map([
   ["appearance", ht]
 ]), mt = "https://json-schema.org/draft/2020-12/schema", pt = "https://farris-design.gitee.io/image-cropper.schema.json", yt = "image-cropper", xt = "A Farris Component", bt = "object", Mt = {
   id: {
@@ -238,7 +238,7 @@ const gt = /* @__PURE__ */ new Map([
   description: Ct,
   type: St,
   categories: Et
-}, de = {
+}, ge = {
   /** 输出图片格式 */
   format: { type: String, default: "png" },
   /** 保持长宽比例 */
@@ -295,11 +295,11 @@ const gt = /* @__PURE__ */ new Map([
       y2: 1e4
     }
   }
-}, we = vt(de, Tt, gt, dt, zt);
+}, we = vt(ge, Tt, dt, gt, zt);
 var ae = /* @__PURE__ */ ((e) => (e.Move = "move", e.Resize = "resize", e))(ae || {});
 function kt() {
-  function e(s) {
-    switch (typeof s == "string" && (s = i(s)), s) {
+  function e(o) {
+    switch (typeof o == "string" && (o = i(o)), o) {
       case 2:
         return { rotate: 0, flip: !0 };
       case 3:
@@ -318,112 +318,112 @@ function kt() {
         return { rotate: 0, flip: !1 };
     }
   }
-  function i(s) {
-    const t = new DataView(r(s));
+  function i(o) {
+    const t = new DataView(r(o));
     if (t.getUint16(0, !1) !== 65496)
       return -2;
-    const m = t.byteLength;
-    let x = 2;
-    for (; x < m; ) {
-      if (t.getUint16(x + 2, !1) <= 8) return -1;
-      const A = t.getUint16(x, !1);
-      if (x += 2, A === 65505) {
-        if (t.getUint32(x += 2, !1) !== 1165519206)
+    const p = t.byteLength;
+    let b = 2;
+    for (; b < p; ) {
+      if (t.getUint16(b + 2, !1) <= 8) return -1;
+      const A = t.getUint16(b, !1);
+      if (b += 2, A === 65505) {
+        if (t.getUint32(b += 2, !1) !== 1165519206)
           return -1;
-        const o = t.getUint16(x += 6, !1) === 18761;
-        x += t.getUint32(x + 4, o);
-        const p = t.getUint16(x, o);
-        x += 2;
-        for (let d = 0; d < p; d++)
-          if (t.getUint16(x + d * 12, o) === 274)
-            return t.getUint16(x + d * 12 + 8, o);
+        const s = t.getUint16(b += 6, !1) === 18761;
+        b += t.getUint32(b + 4, s);
+        const y = t.getUint16(b, s);
+        b += 2;
+        for (let g = 0; g < y; g++)
+          if (t.getUint16(b + g * 12, s) === 274)
+            return t.getUint16(b + g * 12 + 8, s);
       } else {
         if ((A & 65280) !== 65280)
           break;
-        x += t.getUint16(x, !1);
+        b += t.getUint16(b, !1);
       }
     }
     return -1;
   }
-  function r(s) {
-    s = s.replace(/^data:([^;]+);base64,/gmi, "");
-    const t = atob(s), m = t.length, x = new Uint8Array(m);
-    for (let A = 0; A < m; A++)
-      x[A] = t.charCodeAt(A);
-    return x.buffer;
-  }
-  function b(s, t, m) {
-    const x = s.width, A = s.height;
-    t = Math.round(t), m = Math.round(m);
-    const o = x / t, p = A / m, d = Math.ceil(o / 2), l = Math.ceil(p / 2), u = s.getContext("2d");
+  function r(o) {
+    o = o.replace(/^data:([^;]+);base64,/gmi, "");
+    const t = atob(o), p = t.length, b = new Uint8Array(p);
+    for (let A = 0; A < p; A++)
+      b[A] = t.charCodeAt(A);
+    return b.buffer;
+  }
+  function m(o, t, p) {
+    const b = o.width, A = o.height;
+    t = Math.round(t), p = Math.round(p);
+    const s = b / t, y = A / p, g = Math.ceil(s / 2), l = Math.ceil(y / 2), u = o.getContext("2d");
     if (u) {
-      const w = u.getImageData(0, 0, x, A), M = u.createImageData(t, m), { data: $ } = w, W = M.data;
-      for (let P = 0; P < m; P++)
+      const w = u.getImageData(0, 0, b, A), M = u.createImageData(t, p), { data: $ } = w, W = M.data;
+      for (let P = 0; P < p; P++)
         for (let D = 0; D < t; D++) {
-          const V = (D + P * t) * 4, k = P * p;
-          let g = 0, f = 0, h = 0, H = 0, q = 0, C = 0, S = 0;
-          const U = Math.floor(D * o), B = Math.floor(P * p);
-          let Q = Math.ceil((D + 1) * o), G = Math.ceil((P + 1) * p);
-          Q = Math.min(Q, x), G = Math.min(G, A);
+          const j = (D + P * t) * 4, k = P * y;
+          let d = 0, f = 0, h = 0, H = 0, q = 0, C = 0, S = 0;
+          const U = Math.floor(D * s), B = Math.floor(P * y);
+          let Q = Math.ceil((D + 1) * s), G = Math.ceil((P + 1) * y);
+          Q = Math.min(Q, b), G = Math.min(G, A);
           for (let L = B; L < G; L++) {
-            const E = Math.abs(k - L) / l, ie = D * o, ee = E * E;
+            const E = Math.abs(k - L) / l, ie = D * s, ee = E * E;
             for (let I = U; I < Q; I++) {
-              const N = Math.abs(ie - I) / d, R = Math.sqrt(ee + N * N);
+              const N = Math.abs(ie - I) / g, R = Math.sqrt(ee + N * N);
               if (R >= 1)
                 continue;
-              g = 2 * R * R * R - 3 * R * R + 1;
-              const j = 4 * (I + L * x);
-              S += g * $[j + 3], h += g, $[j + 3] < 255 && (g = g * $[j + 3] / 250), H += g * $[j], q += g * $[j + 1], C += g * $[j + 2], f += g;
+              d = 2 * R * R * R - 3 * R * R + 1;
+              const V = 4 * (I + L * b);
+              S += d * $[V + 3], h += d, $[V + 3] < 255 && (d = d * $[V + 3] / 250), H += d * $[V], q += d * $[V + 1], C += d * $[V + 2], f += d;
             }
           }
-          W[V] = H / f, W[V + 1] = q / f, W[V + 2] = C / f, W[V + 3] = S / h;
+          W[j] = H / f, W[j + 1] = q / f, W[j + 2] = C / f, W[j + 3] = S / h;
         }
-      s.width = t, s.height = m, u.putImageData(M, 0, 0);
+      o.width = t, o.height = p, u.putImageData(M, 0, 0);
     }
   }
   return {
-    resizeCanvas: b,
+    resizeCanvas: m,
     getTransformationsFromExifData: e
   };
 }
-function Dt(e, i, r, b) {
-  function s(l, u) {
+function Dt(e, i, r, m) {
+  function o(l, u) {
     e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x2 -= u * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
   }
   function t(l, u) {
     e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x2 -= u * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
   }
-  function m(l, u) {
+  function p(l, u) {
     e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / r.value, l = Math.max(0 - e.value.x1, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x1 += u * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
   }
-  function x(l, u) {
+  function b(l, u) {
     e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / r.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x2 -= u * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
   }
   function A(l, u) {
     e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x2 -= u * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
   }
-  function o(l, u) {
+  function s(l, u) {
     e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.value, l = Math.max(0 - e.value.x1, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x1 += u * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
   }
-  function p() {
+  function y() {
     e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.value, e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.value;
     const l = Math.max(0 - e.value.x1, 0), u = Math.max(e.value.x2 - i.value.width, 0), w = Math.max(e.value.y2 - i.value.height, 0), M = Math.max(0 - e.value.y1, 0);
     (l > 0 || u > 0 || w > 0 || M > 0) && (e.value.x1 += w * r.value > l ? w * r.value : l, e.value.x2 -= M * r.value > u ? M * r.value : u, e.value.y1 += M * r.value > u ? M : u / r.value, e.value.y2 -= w * r.value > l ? w : l / r.value);
   }
-  function d() {
+  function g() {
     if (i.value.width && i.value.height)
-      switch (b.position) {
+      switch (m.position) {
         case "top":
-          s(0, 0);
+          o(0, 0);
           break;
         case "bottom":
           t(0, 0);
           break;
         case "topleft":
-          m(0, 0);
+          p(0, 0);
           break;
         case "topright":
-          x(0, 0);
+          b(0, 0);
           break;
         case "right":
         case "bottomright":
@@ -431,26 +431,26 @@ function Dt(e, i, r, b) {
           break;
         case "left":
         case "bottomleft":
-          o(0, 0);
+          s(0, 0);
           break;
         case "center":
-          p();
+          y();
           break;
       }
   }
-  return { checkAspectRatio: d };
+  return { checkAspectRatio: g };
 }
 function ze(e, i) {
-  const { resizeCanvas: r, getTransformationsFromExifData: b } = kt(), s = Te("NotifyService"), t = v(e.cropper), m = v(e.transform), x = v(e.cropperMinWidth), A = v(e.maintainAspectRatio), o = v(e.aspectRatio), p = v(e.autoCrop), d = v(e.backgroundColor), l = v(e.resizeToWidth), u = v(e.onlyScaleDown), w = v(e.containWithinAspectRatio), M = v(e.canvasRotation), $ = v(e.format), W = v(e.imageQuality), P = v(e.resizeToHeight), D = v(e.cropperMinHeight), V = v(""), k = v(!0), g = v(!0);
+  const { resizeCanvas: r, getTransformationsFromExifData: m } = kt(), o = Te("NotifyService"), t = v(e.cropper), p = v(e.transform), b = v(e.cropperMinWidth), A = v(e.maintainAspectRatio), s = v(e.aspectRatio), y = v(e.autoCrop), g = v(e.backgroundColor), l = v(e.resizeToWidth), u = v(e.onlyScaleDown), w = v(e.containWithinAspectRatio), M = v(e.canvasRotation), $ = v(e.format), W = v(e.imageQuality), P = v(e.resizeToHeight), D = v(e.cropperMinHeight), j = v(""), k = v(!0), d = v(!0);
   let f, h, H = 0, q, C, S;
   const U = v(null), B = v(""), Q = v(""), G = v("0px"), L = v(), E = v({ width: 100, height: 100 }), ie = ae;
-  let ee, I = 20, N = 20, R = !1, j = { rotate: 0, flip: !1 }, y = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
-  const ge = v(e.imageChangedEvent), le = v(e.imageURL), ke = v(e.imageBase64), De = v(e.imageFile);
+  let ee, I = 20, N = 20, R = !1, V = { rotate: 0, flip: !1 }, x = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
+  const de = v(e.imageChangedEvent), le = v(e.imageURL), ke = v(e.imageBase64), De = v(e.imageFile);
   function Be() {
-    Q.value = "scaleX(" + (m.value.scale || 1) * (m.value.flipH ? -1 : 1) + ")scaleY(" + (m.value.scale || 1) * (m.value.flipV ? -1 : 1) + ")rotate(" + (m.value.rotate || 0) + "deg)";
+    Q.value = "scaleX(" + (p.value.scale || 1) * (p.value.flipH ? -1 : 1) + ")scaleY(" + (p.value.scale || 1) * (p.value.flipV ? -1 : 1) + ")rotate(" + (p.value.rotate || 0) + "deg)";
   }
   function Y() {
-    g.value = !1, L.value = null, V.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", y = {
+    d.value = !1, L.value = null, j.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", x = {
       active: !1,
       type: null,
       position: null,
@@ -475,15 +475,15 @@ function ze(e, i) {
     return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(a);
   }
   function Le() {
-    if (M.value += j.rotate, w.value && f.width && f.height) {
+    if (M.value += V.rotate, w.value && f.width && f.height) {
       if (M.value % 2) {
-        const c = f.width * o.value, z = f.height / o.value;
+        const c = f.width * s.value, z = f.height / s.value;
         return {
           width: Math.max(f.height, c),
           height: Math.max(f.width, z)
         };
       }
-      const a = f.height * o.value, n = f.width / o.value;
+      const a = f.height * s.value, n = f.width / s.value;
       return {
         width: Math.max(f.width, a),
         height: Math.max(f.height, n)
@@ -498,29 +498,29 @@ function ze(e, i) {
     };
   }
   function $e() {
-    M.value += j.rotate;
+    M.value += V.rotate;
     const a = Le(), n = document.createElement("canvas");
     a.width && a.height && (n.width = a.width, n.height = a.height);
     const c = n.getContext("2d");
-    return f.width && f.height && S && (c == null || c.setTransform(j.flip ? -1 : 1, 0, 0, 1, n.width / 2, n.height / 2), c == null || c.rotate(Math.PI * (M.value / 2)), c == null || c.drawImage(S, -f.width / 2, -f.height / 2)), n.toDataURL();
+    return f.width && f.height && S && (c == null || c.setTransform(V.flip ? -1 : 1, 0, 0, 1, n.width / 2, n.height / 2), c == null || c.rotate(Math.PI * (M.value / 2)), c == null || c.drawImage(S, -f.width / 2, -f.height / 2)), n.toDataURL();
   }
   function Pe(a) {
     return new Promise((n) => {
-      ee = a, V.value = a, L.value = new Image(), L.value.onload = () => {
+      ee = a, j.value = a, L.value = new Image(), L.value.onload = () => {
         var c, z;
         h.width = (c = L.value) == null ? void 0 : c.naturalWidth, h.height = (z = L.value) == null ? void 0 : z.naturalHeight, n();
       }, L.value.src = ee;
     });
   }
   function me() {
-    if (!S || !S.complete || !j)
+    if (!S || !S.complete || !V)
       return Promise.reject(new Error("No image loaded"));
     const a = $e();
     return Pe(a);
   }
   function ne(a) {
     const n = (c) => {
-      s.show({
+      o.show({
         showCloseButton: !1,
         timeout: 3e3,
         animate: "fadeIn",
@@ -528,13 +528,13 @@ function ze(e, i) {
       }), k.value = !1, R = !0, i.emit("loadImageFailed"), S = null, B.value = "";
     };
     S = new Image(), S.onload = () => {
-      B.value = a, j = b(a), f.width = S == null ? void 0 : S.naturalWidth, f.height = S == null ? void 0 : S.naturalHeight, me().then(() => {
+      B.value = a, V = m(a), f.width = S == null ? void 0 : S.naturalWidth, f.height = S == null ? void 0 : S.naturalHeight, me().then(() => {
         R = !1;
       }).catch(n);
     }, S.onerror = n, S.src = a;
   }
   function Re(a, n) {
-    We(n) ? (R = !1, ne(a)) : (s.show({
+    We(n) ? (R = !1, ne(a)) : (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
@@ -548,7 +548,7 @@ function ze(e, i) {
   function ye(a) {
     const n = new Image();
     n.onerror = () => {
-      s.show({
+      o.show({
         showCloseButton: !1,
         timeout: 3e3,
         animate: "fadeIn",
@@ -570,10 +570,10 @@ function ze(e, i) {
     }
   }
   function He() {
-    L.value && E.value.width && (I = x.value > 0 ? Math.max(20, x.value / L.value.width * E.value.width) : 20);
+    L.value && E.value.width && (I = b.value > 0 ? Math.max(20, b.value / L.value.width * E.value.width) : 20);
   }
   function Ue() {
-    A.value ? N = Math.max(20, I / o.value) : D.value > 0 && L.value && E.value.height ? N = Math.max(20, D.value / L.value.height * E.value.height) : N = 20;
+    A.value ? N = Math.max(20, I / s.value) : D.value > 0 && L.value && E.value.height ? N = Math.max(20, D.value / L.value.height * E.value.height) : N = 20;
   }
   function re() {
     L.value ? (He(), Ue()) : (I = 20, N = 20);
@@ -592,7 +592,7 @@ function ze(e, i) {
     return n.value;
   }
   function Ne() {
-    M.value += j.rotate;
+    M.value += V.rotate;
     const a = U.value, n = v({ x1: 0, x2: 0, y1: 0, y2: 0 });
     if (a && h.height && h.width && f.height && f.width) {
       const c = h.width / a.offsetWidth;
@@ -606,7 +606,7 @@ function ze(e, i) {
     }
     return n.value;
   }
-  function Ve(a, n) {
+  function je(a, n) {
     if (l.value > 0) {
       if (!u.value || a > l.value)
         return l.value / a;
@@ -614,56 +614,56 @@ function ze(e, i) {
       return P.value / n;
     return 1;
   }
-  function je() {
+  function Ve() {
     return Math.min(1, Math.max(0, W.value / 100));
   }
-  function Fe(a) {
-    return a.toDataURL("image/" + $.value, je());
+  function Oe(a) {
+    return a.toDataURL("image/" + $.value, Ve());
   }
-  function Oe() {
+  function Fe() {
     if (U.value && U.value && L.value != null) {
       const a = Ie(), n = a.x2 - a.x1, c = a.y2 - a.y1, z = document.createElement("canvas");
       z.width = n, z.height = c;
       const _ = z.getContext("2d");
       if (_) {
-        d.value != null && (_.fillStyle = d.value, _.fillRect(0, 0, n, c));
-        const J = (m.value.scale || 1) * (m.value.flipH ? -1 : 1), Z = (m.value.scale || 1) * (m.value.flipV ? -1 : 1);
-        h.width && h.height && (_.setTransform(J, 0, 0, Z, h.width / 2, h.height / 2), _.translate(-a.x1 / J, -a.y1 / Z), _.rotate((m.value.rotate || 0) * Math.PI / 180), _.drawImage(L.value, -h.width / 2, -h.height / 2));
-        const O = {
+        g.value != null && (_.fillStyle = g.value, _.fillRect(0, 0, n, c));
+        const J = (p.value.scale || 1) * (p.value.flipH ? -1 : 1), Z = (p.value.scale || 1) * (p.value.flipV ? -1 : 1);
+        h.width && h.height && (_.setTransform(J, 0, 0, Z, h.width / 2, h.height / 2), _.translate(-a.x1 / J, -a.y1 / Z), _.rotate((p.value.rotate || 0) * Math.PI / 180), _.drawImage(L.value, -h.width / 2, -h.height / 2));
+        const F = {
           width: n,
           height: c,
           imagePosition: a,
           cropperPosition: { ...t.value }
         };
-        w.value && (O.offsetImagePosition = Ne());
-        const X = Ve(n, c);
-        return X !== 1 && (O.width = Math.round(n * X), O.height = A.value ? Math.round(O.width / o.value) : Math.round(c * X), r(z, O.width, O.height)), O.base64 = Fe(z), i.emit("imageCropped", O), O;
+        w.value && (F.offsetImagePosition = Ne());
+        const X = je(n, c);
+        return X !== 1 && (F.width = Math.round(n * X), F.height = A.value ? Math.round(F.width / s.value) : Math.round(c * X), r(z, F.width, F.height)), F.base64 = Oe(z), i.emit("imageCropped", F), F;
       }
     }
     return null;
   }
   function te() {
-    p.value && Oe();
+    y.value && Fe();
   }
   function xe() {
     const a = U.value;
     if (a) {
       if (!A.value)
         t.value.x1 = 0, t.value.x2 = a.offsetWidth, t.value.y1 = 0, t.value.y2 = a.offsetHeight;
-      else if (a.offsetWidth / o.value < a.offsetHeight) {
+      else if (a.offsetWidth / s.value < a.offsetHeight) {
         t.value.x1 = 0, t.value.x2 = a.offsetWidth;
-        const n = a.offsetWidth / o.value;
+        const n = a.offsetWidth / s.value;
         t.value.y1 = (a.offsetHeight - n) / 2, t.value.y2 = t.value.y1 + n;
       } else {
         t.value.y1 = 0, t.value.y2 = a.offsetHeight;
-        const n = a.offsetHeight * o.value;
+        const n = a.offsetHeight * s.value;
         t.value.x1 = (a.offsetWidth - n) / 2, t.value.x2 = t.value.x1 + n;
       }
-      te(), g.value = !0;
+      te(), d.value = !0;
     }
   }
   function be() {
-    H > 40 ? (s.show({
+    H > 40 ? (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
@@ -688,21 +688,21 @@ function ze(e, i) {
     window.removeEventListener("resize", Me);
   });
   function Ge() {
-    y.active && (y.active = !1, te());
+    x.active && (x.active = !1, te());
   }
-  function oe(a) {
+  function se(a) {
     return (a.touches && a.touches[0] ? a.touches[0].clientX : a.clientX) || 0;
   }
-  function se(a) {
+  function oe(a) {
     return (a.touches && a.touches[0] ? a.touches[0].clientY : a.clientY) || 0;
   }
   function Ze(a, n, c = null) {
-    y && y.active || (a.preventDefault && a.preventDefault(), y = {
+    x && x.active || (a.preventDefault && a.preventDefault(), x = {
       active: !0,
       type: n,
       position: c,
-      clientX: oe(a),
-      clientY: se(a),
+      clientX: se(a),
+      clientY: oe(a),
       ...t.value
     });
   }
@@ -710,53 +710,53 @@ function ze(e, i) {
     t.value.x1 < 0 && (t.value.x2 -= a ? t.value.x1 : 0, t.value.x1 = 0), t.value.y1 < 0 && (t.value.y2 -= a ? t.value.y1 : 0, t.value.y1 = 0), t.value.x2 > E.value.width && (t.value.x1 -= a ? t.value.x2 - E.value.width : 0, t.value.x2 = E.value.width), t.value.y2 > E.value.height && (t.value.y1 -= a ? t.value.y2 - E.value.height : 0, t.value.y2 = E.value.height);
   }
   function Ye(a) {
-    const n = oe(a) - y.clientX, c = se(a) - y.clientY;
-    t.value.x1 = y.x1 + n, t.value.y1 = y.y1 + c, t.value.x2 = y.x2 + n, t.value.y2 = y.y2 + c;
+    const n = se(a) - x.clientX, c = oe(a) - x.clientY;
+    t.value.x1 = x.x1 + n, t.value.y1 = x.y1 + c, t.value.x2 = x.x2 + n, t.value.y2 = x.y2 + c;
   }
-  const { checkAspectRatio: Xe } = Dt(t, E, o, y);
+  const { checkAspectRatio: Xe } = Dt(t, E, s, x);
   function Ke(a) {
-    const n = oe(a) - y.clientX, c = se(a) - y.clientY;
-    switch (y.position) {
+    const n = se(a) - x.clientX, c = oe(a) - x.clientY;
+    switch (x.position) {
       case "left":
-        t.value.x1 = Math.min(y.x1 + n, t.value.x2 - I);
+        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - I);
         break;
       case "topleft":
-        t.value.x1 = Math.min(y.x1 + n, t.value.x2 - I), t.value.y1 = Math.min(y.y1 + c, t.value.y2 - N);
+        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - I), t.value.y1 = Math.min(x.y1 + c, t.value.y2 - N);
         break;
       case "top":
-        t.value.y1 = Math.min(y.y1 + c, t.value.y2 - N);
+        t.value.y1 = Math.min(x.y1 + c, t.value.y2 - N);
         break;
       case "topright":
-        t.value.x2 = Math.max(y.x2 + n, t.value.x1 + I), t.value.y1 = Math.min(y.y1 + c, t.value.y2 - N);
+        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + I), t.value.y1 = Math.min(x.y1 + c, t.value.y2 - N);
         break;
       case "right":
-        t.value.x2 = Math.max(y.x2 + n, t.value.x1 + I);
+        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + I);
         break;
       case "bottomright":
-        t.value.x2 = Math.max(y.x2 + n, t.value.x1 + I), t.value.y2 = Math.max(y.y2 + c, t.value.y1 + N);
+        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + I), t.value.y2 = Math.max(x.y2 + c, t.value.y1 + N);
         break;
       case "bottom":
-        t.value.y2 = Math.max(y.y2 + c, t.value.y1 + N);
+        t.value.y2 = Math.max(x.y2 + c, t.value.y1 + N);
         break;
       case "bottomleft":
-        t.value.x1 = Math.min(y.x1 + n, t.value.x2 - I), t.value.y2 = Math.max(y.y2 + c, t.value.y1 + N);
+        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - I), t.value.y2 = Math.max(x.y2 + c, t.value.y1 + N);
         break;
       case "center":
-        const { scale: z } = a, _ = Math.abs(y.x2 - y.x1) * z, J = Math.abs(y.y2 - y.y1) * z, { x1: Z } = t.value, { y1: O } = t.value;
-        t.value.x1 = Math.min(y.clientX - _ / 2, t.value.x2 - I), t.value.y1 = Math.min(y.clientY - J / 2, t.value.y2 - N), t.value.x2 = Math.max(y.clientX + _ / 2, Z + I), t.value.y2 = Math.max(y.clientY + J / 2, O + N);
+        const { scale: z } = a, _ = Math.abs(x.x2 - x.x1) * z, J = Math.abs(x.y2 - x.y1) * z, { x1: Z } = t.value, { y1: F } = t.value;
+        t.value.x1 = Math.min(x.clientX - _ / 2, t.value.x2 - I), t.value.y1 = Math.min(x.clientY - J / 2, t.value.y2 - N), t.value.x2 = Math.max(x.clientX + _ / 2, Z + I), t.value.y2 = Math.max(x.clientY + J / 2, F + N);
         break;
     }
     A.value && Xe();
   }
   function et(a) {
-    y && y.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(q), q = setTimeout(() => {
-      y.type === ae.Move ? (Ye(a), ce(!0)) : y.type === ae.Resize && (Ke(a), ce(!1));
+    x && x.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(q), q = setTimeout(() => {
+      x.type === ae.Move ? (Ye(a), ce(!0)) : x.type === ae.Resize && (Ke(a), ce(!1));
     }, 300));
   }
-  return K(ge, (a) => {
+  return K(de, (a) => {
     Y(), a && a.target && a.target.files && a.target.files.length > 0 && (k.value = !0, pe(a.target.files[0]));
   }), K(le, (a) => {
-    a ? (Y(), k.value = !0, ye(a)) : (s.show({
+    a ? (Y(), k.value = !0, ye(a)) : (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
@@ -775,15 +775,15 @@ function ze(e, i) {
       e.transform,
       e.imageChangedEvent
     ],
-    ([a, n, c, z, _, J], [Z, O, X, tt, at, it]) => {
-      S && S.complete && j && (a !== Z || n !== O) && me(), c !== X && (ue(), re(), ce(!1), te()), z !== tt && g.value && xe(), _ !== at && (Be(), te()), J !== it && (ge.value = J);
+    ([a, n, c, z, _, J], [Z, F, X, tt, at, it]) => {
+      S && S.complete && V && (a !== Z || n !== F) && me(), c !== X && (ue(), re(), ce(!1), te()), z !== tt && d.value && xe(), _ !== at && (Be(), te()), J !== it && (de.value = J);
     }
   ), {
     uploadError: R,
-    imageVisible: g,
-    backgroundColor: d,
+    imageVisible: d,
+    backgroundColor: g,
     sourceImage: U,
-    safeImgDataUrl: V,
+    safeImgDataUrl: j,
     safeTransformStyle: Q,
     maxSize: E,
     cropper: t,
@@ -798,14 +798,14 @@ function ze(e, i) {
 }
 const fe = /* @__PURE__ */ Ce({
   name: "FImageCropper",
-  props: de,
+  props: ge,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
   setup(e, i) {
-    const r = v(e.alignImage), b = v(e.roundCropper), s = v(e.hideResizeSquares), t = v(e.loadImageErrorText), m = v(e.disabled), x = v(null), {
+    const r = v(e.alignImage), m = v(e.roundCropper), o = v(e.hideResizeSquares), t = v(e.loadImageErrorText), p = v(e.disabled), b = v(null), {
       uploadError: A,
-      imageVisible: o,
-      backgroundColor: p,
-      sourceImage: d,
+      imageVisible: s,
+      backgroundColor: y,
+      sourceImage: g,
       safeImgDataUrl: l,
       safeTransformStyle: u,
       maxSize: w,
@@ -814,20 +814,20 @@ const fe = /* @__PURE__ */ Ce({
       moveTypes: W,
       isLoading: P,
       startMove: D,
-      imageLoadedInView: V,
+      imageLoadedInView: j,
       moveStop: k,
-      moveImg: g
+      moveImg: d
     } = ze(e, i);
     function f(C) {
       return T("span", {
         class: `farris-image-cropper-resize-bar ${C}`,
-        onMousedown: F((S) => D(S, W.Resize, C), ["prevent"])
+        onMousedown: O((S) => D(S, W.Resize, C), ["prevent"])
       }, null);
     }
     function h(C) {
       return T("div", null, [T("span", {
         class: `farris-image-cropper-resize-bar ${C}`,
-        onMousedown: F((S) => D(S, W.Resize, C), ["prevent"])
+        onMousedown: O((S) => D(S, W.Resize, C), ["prevent"])
       }, [T("span", {
         class: "farris-image-cropper-square"
       }, null)]), T("span", {
@@ -839,32 +839,32 @@ const fe = /* @__PURE__ */ Ce({
     const H = ["top", "right", "bottom", "left"].map((C) => f(C)), q = ["topleft", "topright", "bottomright", "bottomleft"].map((C) => h(C));
     return () => T("div", {
       class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": m.value
+        "farris-image-cropper-disabled": p.value
       }],
       style: {
         "text-align": r.value
       },
-      onMousemove: F((C) => g(C), ["prevent"]),
-      onTouchmove: F((C) => g(C), ["prevent"]),
-      onMouseup: F(() => k(), ["prevent"]),
-      onTouchend: F(() => k(), ["prevent"])
+      onMousemove: O((C) => d(C), ["prevent"]),
+      onTouchmove: O((C) => d(C), ["prevent"]),
+      onMouseup: O(() => k(), ["prevent"]),
+      onTouchend: O(() => k(), ["prevent"])
     }, [!A && T("div", {
-      ref: x,
+      ref: b,
       class: "farris-image-cropper",
       style: [{
-        background: o.value ? p.value : ""
+        background: s.value ? y.value : ""
       }]
     }, [l.value && T("img", {
       title: "farris-source-image",
-      ref: d,
+      ref: g,
       class: "farris-source-image",
       style: [{
-        visibility: o.value ? "visible" : "hidden"
+        visibility: s.value ? "visible" : "hidden"
       }, {
         transform: u.value
       }],
       src: l.value,
-      onLoad: () => V()
+      onLoad: () => j()
     }, null), w.value && T("div", {
       class: "farris-image-overlay",
       style: [{
@@ -874,9 +874,9 @@ const fe = /* @__PURE__ */ Ce({
       }, {
         "margin-left": r.value === "center" ? $.value : ""
       }]
-    }, null), o.value && T("div", {
+    }, null), s.value && T("div", {
       class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": b.value
+        "farris-image-cropper-rounded": m.value
       }],
       style: [{
         top: `${M.value.y1}px`
@@ -887,15 +887,15 @@ const fe = /* @__PURE__ */ Ce({
       }, {
         height: `${M.value.y2 - M.value.y1}px`
       }, {
-        visibility: o.value ? "visible" : "hidden"
+        visibility: s.value ? "visible" : "hidden"
       }, {
         "margin-left": r.value === "center" ? $.value : ""
       }],
       tabindex: "0"
     }, [T("div", {
       class: "farris-image-cropper-move",
-      onMousedown: F((C) => D(C, W.Move, "topleft"), ["prevent"])
-    }, null), !s.value && T("div", null, [q, H])])]), P.value && T("div", {
+      onMousedown: O((C) => D(C, W.Move, "topleft"), ["prevent"])
+    }, null), !o.value && T("div", null, [q, H])])]), P.value && T("div", {
       class: "farris-image-cropper-loading"
     }, [T("div", {
       class: "farris-image-cropper-loading-spinner"
@@ -906,34 +906,34 @@ const fe = /* @__PURE__ */ Ce({
 });
 function Bt(e, i, r) {
   var k;
-  function b() {
+  function m() {
   }
-  const s = "", t = "", m = v();
-  function x() {
+  const o = "", t = "", p = v();
+  function b() {
     return (i == null ? void 0 : i.schema.componentType) !== "frame";
   }
   function A() {
     return !1;
   }
-  function o() {
+  function s() {
     return (i == null ? void 0 : i.schema.componentType) !== "frame";
   }
-  function p() {
+  function y() {
     return (i == null ? void 0 : i.schema.componentType) === "frame";
   }
-  function d(g) {
-    if (!g || !g.value)
+  function g(d) {
+    if (!d || !d.value)
       return null;
-    if (g.value.schema && g.value.schema.type === "component")
-      return g.value;
-    const f = v(g == null ? void 0 : g.value.parent), h = d(f);
+    if (d.value.schema && d.value.schema.type === "component")
+      return d.value;
+    const f = v(d == null ? void 0 : d.value.parent), h = g(f);
     return h || null;
   }
-  function l(g = i) {
-    const { componentInstance: f, designerItemElementRef: h } = g;
-    return !f || !f.value ? null : f.value.canMove ? h : l(g.parent);
+  function l(d = i) {
+    const { componentInstance: f, designerItemElementRef: h } = d;
+    return !f || !f.value ? null : f.value.canMove ? h : l(d.parent);
   }
-  function u(g) {
+  function u(d) {
     return !!r;
   }
   function w() {
@@ -941,61 +941,61 @@ function Bt(e, i, r) {
   }
   function M() {
   }
-  function $(g, f) {
+  function $(d, f) {
   }
-  function W(g) {
-    const { componentType: f } = g;
-    let h = ve(f, g);
+  function W(d) {
+    const { componentType: f } = d;
+    let h = ve(f, d);
     const H = f.toLowerCase().replace("-", "_");
     return h && !h.id && h.type === f && (h.id = `${H}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function P(g, f) {
-    const h = String(g.getAttribute("data-controltype")), H = g.getAttribute("data-feature"), q = H ? JSON.parse(H) : {};
-    q.parentComponentInstance = m.value;
+  function P(d, f) {
+    const h = String(d.getAttribute("data-controltype")), H = d.getAttribute("data-feature"), q = H ? JSON.parse(H) : {};
+    q.parentComponentInstance = p.value;
     let C = ve(h, q);
     const S = h.toLowerCase().replace("-", "_");
     return C && !C.id && C.type === h && (C.id = `${S}_${Math.random().toString().slice(2, 6)}`), C;
   }
-  function D(g) {
+  function D(d) {
   }
-  function V(...g) {
+  function j(...d) {
   }
-  return m.value = {
-    canMove: x(),
+  return p.value = {
+    canMove: b(),
     canSelectParent: A(),
-    canDelete: o(),
-    canNested: !p(),
+    canDelete: s(),
+    canNested: !y(),
     contents: i == null ? void 0 : i.schema.contents,
     elementRef: e,
     parent: (k = i == null ? void 0 : i.parent) == null ? void 0 : k.componentInstance,
     schema: i == null ? void 0 : i.schema,
-    styles: s,
+    styles: o,
     designerClass: t,
     canAccepts: u,
-    getBelongedComponentInstance: d,
+    getBelongedComponentInstance: g,
     getDraggableDesignItemElement: l,
     getDraggingDisplayText: w,
-    getPropConfig: V,
+    getPropConfig: j,
     getDragScopeElement: M,
     onAcceptMovedChildElement: $,
     onAcceptNewChildElement: P,
     onChildElementMovedOut: D,
     addNewChildComponentSchema: W,
-    updateDragAndDropRules: b,
+    updateDragAndDropRules: m,
     triggerBelongedComponentToMoveWhenMoved: v(!1),
     triggerBelongedComponentToDeleteWhenDeleted: v(!1)
-  }, m;
+  }, p;
 }
 const Wt = /* @__PURE__ */ Ce({
   name: "FImageCropperDesign",
-  props: de,
+  props: ge,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
   setup(e, i) {
-    const r = v(e.alignImage), b = v(e.roundCropper), s = v(e.hideResizeSquares), t = v(e.loadImageErrorText), m = v(e.disabled), x = v(null), {
+    const r = v(e.alignImage), m = v(e.roundCropper), o = v(e.hideResizeSquares), t = v(e.loadImageErrorText), p = v(e.disabled), b = v(null), {
       uploadError: A,
-      imageVisible: o,
-      backgroundColor: p,
-      sourceImage: d,
+      imageVisible: s,
+      backgroundColor: y,
+      sourceImage: g,
       safeImgDataUrl: l,
       safeTransformStyle: u,
       maxSize: w,
@@ -1004,9 +1004,9 @@ const Wt = /* @__PURE__ */ Ce({
       moveTypes: W,
       isLoading: P,
       startMove: D,
-      imageLoadedInView: V,
+      imageLoadedInView: j,
       moveStop: k,
-      moveImg: g
+      moveImg: d
     } = ze(e, i), f = v(), h = Te("design-item-context"), H = Bt(f, h);
     Ae(() => {
       f.value.componentInstance = H;
@@ -1014,13 +1014,13 @@ const Wt = /* @__PURE__ */ Ce({
     function q(B) {
       return T("span", {
         class: `farris-image-cropper-resize-bar ${B}`,
-        onMousedown: F((Q) => D(Q, W.Resize, B), ["prevent"])
+        onMousedown: O((Q) => D(Q, W.Resize, B), ["prevent"])
       }, null);
     }
     function C(B) {
       return T("div", null, [T("span", {
         class: `farris-image-cropper-resize-bar ${B}`,
-        onMousedown: F((Q) => D(Q, W.Resize, B), ["prevent"])
+        onMousedown: O((Q) => D(Q, W.Resize, B), ["prevent"])
       }, [T("span", {
         class: "farris-image-cropper-square"
       }, null)]), T("span", {
@@ -1033,32 +1033,32 @@ const Wt = /* @__PURE__ */ Ce({
     return () => T("div", {
       ref: f,
       class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": m.value
+        "farris-image-cropper-disabled": p.value
       }],
       style: {
         "text-align": r.value
       },
-      onMousemove: F((B) => g(B), ["prevent"]),
-      onTouchmove: F((B) => g(B), ["prevent"]),
-      onMouseup: F(() => k(), ["prevent"]),
-      onTouchend: F(() => k(), ["prevent"])
+      onMousemove: O((B) => d(B), ["prevent"]),
+      onTouchmove: O((B) => d(B), ["prevent"]),
+      onMouseup: O(() => k(), ["prevent"]),
+      onTouchend: O(() => k(), ["prevent"])
     }, [!A && T("div", {
-      ref: x,
+      ref: b,
       class: "farris-image-cropper",
       style: [{
-        background: o.value ? p.value : ""
+        background: s.value ? y.value : ""
       }]
     }, [l.value && T("img", {
       title: "farris-source-image",
-      ref: d,
+      ref: g,
       class: "farris-source-image",
       style: [{
-        visibility: o.value ? "visible" : "hidden"
+        visibility: s.value ? "visible" : "hidden"
       }, {
         transform: u.value
       }],
       src: l.value,
-      onLoad: () => V()
+      onLoad: () => j()
     }, null), w.value && T("div", {
       class: "farris-image-overlay",
       style: [{
@@ -1068,9 +1068,9 @@ const Wt = /* @__PURE__ */ Ce({
       }, {
         "margin-left": r.value === "center" ? $.value : ""
       }]
-    }, null), o.value && T("div", {
+    }, null), s.value && T("div", {
       class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": b.value
+        "farris-image-cropper-rounded": m.value
       }],
       style: [{
         top: `${M.value.y1}px`
@@ -1081,15 +1081,15 @@ const Wt = /* @__PURE__ */ Ce({
       }, {
         height: `${M.value.y2 - M.value.y1}px`
       }, {
-        visibility: o.value ? "visible" : "hidden"
+        visibility: s.value ? "visible" : "hidden"
       }, {
         "margin-left": r.value === "center" ? $.value : ""
       }],
       tabindex: "0"
     }, [T("div", {
       class: "farris-image-cropper-move",
-      onMousedown: F((B) => D(B, W.Move, "topleft"), ["prevent"])
-    }, null), !s.value && T("div", null, [U, S])])]), P.value && T("div", {
+      onMousedown: O((B) => D(B, W.Move, "topleft"), ["prevent"])
+    }, null), !o.value && T("div", null, [U, S])])]), P.value && T("div", {
       class: "farris-image-cropper-loading"
     }, [T("div", {
       class: "farris-image-cropper-loading-spinner"
@@ -1101,7 +1101,7 @@ const Wt = /* @__PURE__ */ Ce({
   install(e) {
     e.component(fe.name, fe);
   },
-  register(e, i, r, b) {
+  register(e, i, r, m) {
     e["image-cropper"] = fe, i["image-cropper"] = we;
   },
   registerDesigner(e, i, r) {
@@ -1111,6 +1111,6 @@ const Wt = /* @__PURE__ */ Ce({
 export {
   fe as ImageCropper,
   Pt as default,
-  de as imageCropperProps,
+  ge as imageCropperProps,
   we as propsResolver
 };