@farris/ui-vue 1.2.7 → 1.2.9

package/components/flow-canvas/index.esm.js

@@ -1,155 +1,157 @@
-import { ref as q, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as vt, inject as me, provide as Ee, watch as ze, onMounted as Ue, onBeforeUnmount as gt, mergeProps as $e, isVNode as yt } from "vue";
+import { ref as H, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as gt, inject as me, provide as Ee, watch as Ue, onMounted as He, onBeforeUnmount as yt, mergeProps as $e, isVNode as ht } from "vue";
 import { findIndex as Ye } from "lodash-es";
-import ht from "@farris/ui-vue/components/accordion";
-import Ct from "@farris/ui-vue/components/avatar";
-import xt from "@farris/ui-vue/components/button-edit";
-import wt from "@farris/ui-vue/components/button-group";
-import bt from "@farris/ui-vue/components/calendar";
-import Pt from "@farris/ui-vue/components/capsule";
-import It from "@farris/ui-vue/components/checkbox";
-import St from "@farris/ui-vue/components/color-picker";
-import Tt from "@farris/ui-vue/components/combo-list";
-import Et from "@farris/ui-vue/components/content-container";
-import Ot from "@farris/ui-vue/components/data-grid";
-import Ft from "@farris/ui-vue/components/date-picker";
-import At from "@farris/ui-vue/components/dropdown";
-import Nt from "@farris/ui-vue/components/dynamic-form";
-import Dt from "@farris/ui-vue/components/external-container";
-import Bt from "@farris/ui-vue/components/events-editor";
-import Mt from "@farris/ui-vue/components/filter-bar";
-import _t from "@farris/ui-vue/components/image-cropper";
-import Lt from "@farris/ui-vue/components/input-group";
-import Rt from "@farris/ui-vue/components/layout";
-import kt from "@farris/ui-vue/components/list-nav";
-import Vt from "@farris/ui-vue/components/list-view";
-import Xt from "@farris/ui-vue/components/lookup";
-import $t from "@farris/ui-vue/components/nav";
-import Yt from "@farris/ui-vue/components/number-spinner";
-import jt from "@farris/ui-vue/components/number-range";
-import zt from "@farris/ui-vue/components/order";
-import Ut from "@farris/ui-vue/components/page-header";
-import Ht from "@farris/ui-vue/components/page-footer";
-import Wt from "@farris/ui-vue/components/pagination";
-import qt from "@farris/ui-vue/components/progress";
-import Gt from "@farris/ui-vue/components/query-solution";
-import Kt from "@farris/ui-vue/components/radio-group";
-import Qt from "@farris/ui-vue/components/rate";
-import Jt from "@farris/ui-vue/components/response-toolbar";
-import Zt from "@farris/ui-vue/components/response-layout";
-import en from "@farris/ui-vue/components/response-layout-editor";
-import tn from "@farris/ui-vue/components/search-box";
-import nn from "@farris/ui-vue/components/section";
-import on from "@farris/ui-vue/components/smoke-detector";
-import rn from "@farris/ui-vue/components/splitter";
-import sn from "@farris/ui-vue/components/step";
-import an from "@farris/ui-vue/components/switch";
-import cn from "@farris/ui-vue/components/tabs";
-import ln from "@farris/ui-vue/components/tags";
-import un from "@farris/ui-vue/components/text";
-import fn from "@farris/ui-vue/components/time-picker";
-import dn from "@farris/ui-vue/components/transfer";
-import pn from "@farris/ui-vue/components/tree-view";
-import mn from "@farris/ui-vue/components/uploader";
-import vn from "@farris/ui-vue/components/verify-detail";
-import gn from "@farris/ui-vue/components/weather";
-import yn from "@farris/ui-vue/components/component";
-import hn from "@farris/ui-vue/components/video";
-import Cn from "@farris/ui-vue/components/textarea";
-const xn = {
+import Ct from "../accordion/index.esm.js";
+import xt from "../avatar/index.esm.js";
+import bt from "../button-edit/index.esm.js";
+import wt from "../button-group/index.esm.js";
+import Pt from "../calendar/index.esm.js";
+import It from "../capsule/index.esm.js";
+import St from "../checkbox/index.esm.js";
+import Tt from "../color-picker/index.esm.js";
+import Et from "../combo-list/index.esm.js";
+import Ot from "../content-container/index.esm.js";
+import Ft from "../data-grid/index.esm.js";
+import At from "../date-picker/index.esm.js";
+import Nt from "../dropdown/index.esm.js";
+import Dt from "../dynamic-form/index.esm.js";
+import Bt from "../external-container/index.esm.js";
+import Mt from "../events-editor/index.esm.js";
+import _t from "../filter-bar/index.esm.js";
+import Lt from "../image-cropper/index.esm.js";
+import kt from "../input-group/index.esm.js";
+import Rt from "../layout/index.esm.js";
+import Vt from "../list-nav/index.esm.js";
+import Xt from "../list-view/index.esm.js";
+import $t from "../lookup/index.esm.js";
+import Yt from "../nav/index.esm.js";
+import jt from "../number-spinner/index.esm.js";
+import zt from "../number-range/index.esm.js";
+import Ut from "../order/index.esm.js";
+import Ht from "../page-header/index.esm.js";
+import Wt from "../page-footer/index.esm.js";
+import qt from "../pagination/index.esm.js";
+import Gt from "../progress/index.esm.js";
+import Kt from "../query-solution/index.esm.js";
+import Qt from "../radio-group/index.esm.js";
+import Jt from "../rate/index.esm.js";
+import Zt from "../response-toolbar/index.esm.js";
+import en from "../response-layout/index.esm.js";
+import tn from "../response-layout-editor/index.esm.js";
+import nn from "../search-box/index.esm.js";
+import on from "../section/index.esm.js";
+import rn from "../smoke-detector/index.esm.js";
+import sn from "../splitter/index.esm.js";
+import an from "../step/index.esm.js";
+import cn from "../switch/index.esm.js";
+import ln from "../tabs/index.esm.js";
+import un from "../tags/index.esm.js";
+import fn from "../text/index.esm.js";
+import dn from "../time-picker/index.esm.js";
+import pn from "../transfer/index.esm.js";
+import mn from "../tree-view/index.esm.js";
+import vn from "../uploader/index.esm.js";
+import gn from "../verify-detail/index.esm.js";
+import yn from "../weather/index.esm.js";
+import hn from "../component/index.esm.js";
+import Cn from "../video/index.esm.js";
+import xn from "../textarea/index.esm.js";
+import bn from "../tree-grid/index.esm.js";
+import { getCustomClass as je } from "../common/index.esm.js";
+const wn = {
   /**
    * 组件值
    */
   modelValue: { type: Object, default: {} }
 };
-function wn() {
-  const P = { aroundDirection: "none", left: 2, right: 2, top: 2, bottom: 2, x: 0, y: 0 };
+function Pn() {
+  const w = { aroundDirection: "none", left: 2, right: 2, top: 2, bottom: 2, x: 0, y: 0 };
   function B() {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
     return e.setAttribute("fill", "none"), e.setAttribute("stroke", "#4d53e8"), e.setAttribute("stroke-width", "2"), e.setAttribute("class", ""), e;
   }
-  function p() {
+  function g() {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
     return e.setAttribute("fill", "none"), e.setAttribute("stroke", "#4d53e8"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e;
   }
-  function w() {
+  function C() {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
     return e.setAttribute("fill", "none"), e.setAttribute("stroke", "#4d53e8"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e;
   }
-  function h(e, t, a, b) {
-    const c = (i) => {
-      i.key === "Delete" && (e.indexOf("^"), document.removeEventListener("keydown", c), t.remove());
+  function b(e, t, c, v) {
+    const s = (n) => {
+      n.key === "Delete" && (e.indexOf("^"), document.removeEventListener("keydown", s), t.remove());
     };
-    a.addEventListener("mouseenter", () => {
-      a.setAttribute("stroke", "#37d0ff"), b.setAttribute("stroke", "#37d0ff"), a.setAttribute("stroke-width", "3"), document.addEventListener("keydown", c);
-    }), a.addEventListener("mouseleave", () => {
-      a.setAttribute("stroke", "#4d53e8"), a.setAttribute("stroke-width", "2"), b.setAttribute("stroke", "#4d53e8"), document.removeEventListener("keydown", c);
+    c.addEventListener("mouseenter", () => {
+      c.setAttribute("stroke", "#37d0ff"), v.setAttribute("stroke", "#37d0ff"), c.setAttribute("stroke-width", "3"), document.addEventListener("keydown", s);
+    }), c.addEventListener("mouseleave", () => {
+      c.setAttribute("stroke", "#4d53e8"), c.setAttribute("stroke-width", "2"), v.setAttribute("stroke", "#4d53e8"), document.removeEventListener("keydown", s);
     });
   }
-  function f(e) {
+  function p(e) {
     let t = document.getElementById(e);
     if (t == null) {
-      const a = document.createElementNS("http://www.w3.org/2000/svg", "svg"), b = B();
-      a.appendChild(b);
-      const c = p();
-      a.appendChild(c);
-      const i = w();
-      a.appendChild(i);
-      const z = w();
-      a.appendChild(z), t = document.createElement("div"), t.id = e, t.style.position = "absolute", t.appendChild(a), h(e, t, b, c);
-      const V = document.getElementById("svg-container");
-      return V && V.appendChild(t), t;
+      const c = document.createElementNS("http://www.w3.org/2000/svg", "svg"), v = B();
+      c.appendChild(v);
+      const s = g();
+      c.appendChild(s);
+      const n = C();
+      c.appendChild(n);
+      const j = C();
+      c.appendChild(j), t = document.createElement("div"), t.id = e, t.style.position = "absolute", t.appendChild(c), b(e, t, v, s);
+      const L = document.getElementById("svg-container");
+      return L && L.appendChild(t), t;
     }
     return t;
   }
-  function F(e, t, a, b, c) {
-    const i = { x: 0, y: 0 };
-    return e === "west" && (t === "north_west" && (a === "north" && (i.x = 0, i.y = 0 - c / 2), a === "west" && (i.x = 0 - b / 2, i.y = 0)), t === "north_east" && (a === "north" && (i.x = -100, i.y = 0 - c / 2), a === "east" && (i.x = -100, i.y = 0 - c / 2)), t === "south_east" && (a === "south" && (i.x = -100, i.y = 0 + c / 2), a === "east" && (i.x = -100, i.y = 0 + c / 2)), t === "south_west" && (a === "south" && (i.x = 0, i.y = 0 + c / 2), a === "west" && (i.x = 0 - b / 2, i.y = 0))), e === "east" && (t === "north_west" && (a === "north" && (i.x = -100, i.y = 0 - c / 2), a === "west" && (i.x = 100, i.y = 0 - c / 2)), t === "north_east" && (a === "north" && (i.x = 0, i.y = 0 - c / 2), a === "east" && (i.x = 0 + b / 2, i.y = 0)), t === "south_east" && (a === "south" && (i.x = 0, i.y = 0 + c / 2), a === "east" && (i.x = 0 + b / 2, i.y = 0)), t === "south_west" && (a === "south" && (i.x = 100, i.y = 0 + c / 2), a === "west" && (i.x = 100, i.y = 0 + c / 2))), e === "north" && (t === "north_west" && (a === "north" && (i.x = 0, i.y = 0 - c / 2), a === "west" && (i.x = 0 - b / 2, i.y = 0)), t === "north_east" && (a === "north" && (i.x = 0, i.y = 0 - c / 2), a === "east" && (i.x = 0 + b / 2, i.y = 0)), t === "south_east" && (a === "south" && (i.x = 0 + b / 2, i.y = -100), a === "east" && (i.x = 0 + b / 2, i.y = -100)), t === "south_west" && (a === "south" && (i.x = 0 - b / 2, i.y = -100), a === "west" && (i.x = 0 - b / 2, i.y = -100))), e === "south" && (t === "north_west" && (a === "north" && (i.x = 0 - b / 2, i.y = 100), a === "west" && (i.x = 0 - b / 2, i.y = 100)), t === "north_east" && (a === "north" && (i.x = 0 + b / 2, i.y = 100), a === "east" && (i.x = 0 + b / 2, i.y = 100)), t === "south_east" && (a === "south" && (i.x = 0, i.y = 0 + c / 2), a === "east" && (i.x = 0 + b / 2, i.y = 0)), t === "south_west" && (a === "south" && (i.x = 0, i.y = c / 2), a === "west" && (i.x = 0 - b / 2, i.y = 0))), i;
+  function T(e, t, c, v, s) {
+    const n = { x: 0, y: 0 };
+    return e === "west" && (t === "north_west" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (c === "north" && (n.x = -100, n.y = 0 - s / 2), c === "east" && (n.x = -100, n.y = 0 - s / 2)), t === "south_east" && (c === "south" && (n.x = -100, n.y = 0 + s / 2), c === "east" && (n.x = -100, n.y = 0 + s / 2)), t === "south_west" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0))), e === "east" && (t === "north_west" && (c === "north" && (n.x = -100, n.y = 0 - s / 2), c === "west" && (n.x = 100, n.y = 0 - s / 2)), t === "north_east" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (c === "south" && (n.x = 100, n.y = 0 + s / 2), c === "west" && (n.x = 100, n.y = 0 + s / 2))), e === "north" && (t === "north_west" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (c === "south" && (n.x = 0 + v / 2, n.y = -100), c === "east" && (n.x = 0 + v / 2, n.y = -100)), t === "south_west" && (c === "south" && (n.x = 0 - v / 2, n.y = -100), c === "west" && (n.x = 0 - v / 2, n.y = -100))), e === "south" && (t === "north_west" && (c === "north" && (n.x = 0 - v / 2, n.y = 100), c === "west" && (n.x = 0 - v / 2, n.y = 100)), t === "north_east" && (c === "north" && (n.x = 0 + v / 2, n.y = 100), c === "east" && (n.x = 0 + v / 2, n.y = 100)), t === "south_east" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (c === "south" && (n.x = 0, n.y = s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0))), n;
   }
-  function C(e, t, a, b) {
-    const c = { x: 0, y: 0 };
-    return e === "south" && (t === "west" && (c.x = -100, c.y = 0 - b / 2), t === "east" && (c.x = 100, c.y = -100), t === "south" && (c.x = 0 - a / 2, c.y = 100), (t === "north" || t === "center") && (c.x = 0, c.y = 0 - b / 2)), e === "north" && (t === "west" && (c.x = -100, c.y = 100), t === "east" && (c.x = 100, c.y = 100), t === "north" && (c.x = 0 - a / 2, c.y = -100), (t === "south" || t === "center") && (c.x = 0, c.y = b / 2)), e === "east" && (t === "north" && (c.y = -100, c.x = -100), t === "south" && (c.y = 100, c.x = -100), t === "east" && (c.x = 100, c.y = 100), (t === "west" || t === "center") && (c.x = 0 - a / 2, c.y = 0)), e === "west" && (t === "north" && (c.y = -100, c.x = 100), t === "south" && (c.y = 100, c.x = 100), t === "west" && (c.x = -100, c.y = b / 2), (t === "east" || t === "center") && (c.x = a / 2, c.y = 0)), c;
+  function O(e, t, c, v) {
+    const s = { x: 0, y: 0 };
+    return e === "south" && (t === "west" && (s.x = -100, s.y = 0 - v / 2), t === "east" && (s.x = 100, s.y = -100), t === "south" && (s.x = 0 - c / 2, s.y = 100), (t === "north" || t === "center") && (s.x = 0, s.y = 0 - v / 2)), e === "north" && (t === "west" && (s.x = -100, s.y = 100), t === "east" && (s.x = 100, s.y = 100), t === "north" && (s.x = 0 - c / 2, s.y = -100), (t === "south" || t === "center") && (s.x = 0, s.y = v / 2)), e === "east" && (t === "north" && (s.y = -100, s.x = -100), t === "south" && (s.y = 100, s.x = -100), t === "east" && (s.x = 100, s.y = 100), (t === "west" || t === "center") && (s.x = 0 - c / 2, s.y = 0)), e === "west" && (t === "north" && (s.y = -100, s.x = 100), t === "south" && (s.y = 100, s.x = 100), t === "west" && (s.x = -100, s.y = v / 2), (t === "east" || t === "center") && (s.x = c / 2, s.y = 0)), s;
   }
-  function I(e, t, a, b, c, i, z) {
-    const V = z === "south" || z === "east" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "east" : "north", ie = z === "center" ? V === "landscape" ? "west" : "south" : z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H;
+  function d(e, t, c, v, s, n, j) {
+    const L = j === "south" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "north", ie = j === "center" ? L === "landscape" ? "west" : "south" : j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
     K < 0 && (t += Math.abs(K));
-    const de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", t + y], ["portrait", t + y], ["landscape", t + y]]);
-    D < 0 && (e += Math.abs(D)), W > 0 && (e += W);
-    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.left > P.left, ae = b.bottom > P.bottom, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
+    const de = /* @__PURE__ */ new Map([["default", 0 + N], ["portrait", 0 + N], ["landscape", 0 + N]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]);
+    N < 0 && (e += Math.abs(N)), q > 0 && (e += q);
+    const ye = /* @__PURE__ */ new Map([["default", e + q], ["portrait", e + q], ["landscape", e + q]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = v.left > w.left, ae = v.bottom > w.bottom, pe = le ? 0 : ae ? e / 2 : de.get(L), he = ae ? t + v.bottom : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function u(e, t, a, b, c, i, z) {
-    const V = z === "south" || z === "west" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "west" : "north", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H;
-    K < 0 && (t += Math.abs(K)), D > 0 && (e += D), W < 0 && (e += Math.abs(W));
-    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", t + y], ["portrait", t + y], ["landscape", t + y]]), ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = b.right > P.right, ae = b.bottom > P.bottom, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? t + b.bottom : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
+  function S(e, t, c, v, s, n, j) {
+    const L = j === "south" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "north", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
+    K < 0 && (t += Math.abs(K)), N > 0 && (e += N), q < 0 && (e += Math.abs(q));
+    const de = /* @__PURE__ */ new Map([["default", e + N], ["portrait", e + N], ["landscape", e + N]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]), ye = /* @__PURE__ */ new Map([["default", 0 + q], ["portrait", 0 + q], ["landscape", 0 + q]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = v.right > w.right, ae = v.bottom > w.bottom, pe = le ? e + v.right : ae ? e / 2 : de.get(L), he = ae ? t + v.bottom : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function n(e, t, a, b, c, i, z) {
-    const V = z === "north" || z === "east" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "east" : "south", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H, de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + y], ["portrait", 0 + y], ["landscape", 0 + y]]);
-    D < 0 && (e += Math.abs(D)), y < 0 && (t += Math.abs(y)), W > 0 && (e += W), K > 0 && (t += K);
-    const ye = /* @__PURE__ */ new Map([["default", e + W], ["portrait", e + W], ["landscape", e + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.left > P.left, ae = b.top > P.top, pe = le ? 0 : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
+  function f(e, t, c, v, s, n, j) {
+    const L = j === "north" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "south", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W, de = /* @__PURE__ */ new Map([["default", 0 + N], ["portrait", 0 + N], ["landscape", 0 + N]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
+    N < 0 && (e += Math.abs(N)), h < 0 && (t += Math.abs(h)), q > 0 && (e += q), K > 0 && (t += K);
+    const ye = /* @__PURE__ */ new Map([["default", e + q], ["portrait", e + q], ["landscape", e + q]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = v.left > w.left, ae = v.top > w.top, pe = le ? 0 : ae ? e / 2 : de.get(L), he = ae ? 0 : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function o(e, t, a, b, c, i, z) {
-    const V = z === "north" || z === "west" ? "portrait" : "landscape", ne = c, R = V === "landscape" ? "west" : "south", ie = z, se = F(ne, i, R, e, t), { x: D, y } = se, H = C(R, ie, e, t), { x: W, y: K } = H;
-    W < 0 && (e += Math.abs(W));
-    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + y], ["portrait", 0 + y], ["landscape", 0 + y]]);
-    y < 0 && (t += Math.abs(y)), K > 0 && (t += K);
-    const ye = /* @__PURE__ */ new Map([["default", 0 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = b.right > P.right, ae = b.top > P.top, pe = le ? e + b.right : ae ? e / 2 : de.get(V), he = ae ? 0 : le ? t / 2 : oe.get(V), Ce = ye.get(V), ve = ce.get(V);
-    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: K }];
+  function r(e, t, c, v, s, n, j) {
+    const L = j === "north" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "south", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
+    q < 0 && (e += Math.abs(q));
+    const de = /* @__PURE__ */ new Map([["default", e + N], ["portrait", e + N], ["landscape", e + N]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
+    h < 0 && (t += Math.abs(h)), K > 0 && (t += K);
+    const ye = /* @__PURE__ */ new Map([["default", 0 + q], ["portrait", 0 + q], ["landscape", 0 + q]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = v.right > w.right, ae = v.top > w.top, pe = le ? e + v.right : ae ? e / 2 : de.get(L), he = ae ? 0 : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
+    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  const s = /* @__PURE__ */ new Map([
-    ["north_east", I],
-    ["north_west", u],
-    ["south_east", n],
-    ["south_west", o]
-  ]), v = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
+    ["north_east", d],
+    ["north_west", S],
+    ["south_east", f],
+    ["south_west", r]
+  ]), y = /* @__PURE__ */ new Map([
     ["east", ["north_west", "south_west"]],
     ["west", ["north_east", "south_east"]],
     ["north", ["south_west", "south_east"]],
     ["south", ["north_west", "north_east"]],
     ["center", []]
   ]);
-  function m(e, t) {
+  function a(e, t) {
     return e === "north_west" ? {
       aroundDirection: "north_west",
       left: t.left,
@@ -164,7 +166,7 @@ function wn() {
       bottom: t.bottom
     } : t;
   }
-  function Y(e, t) {
+  function F(e, t) {
     return e === "north_east" ? {
       left: 100,
       right: t.right,
@@ -177,7 +179,7 @@ function wn() {
       bottom: t.bottom
     } : t;
   }
-  function j(e, t) {
+  function $(e, t) {
     return e === "south_west" ? {
       left: t.left,
       right: t.right,
@@ -190,7 +192,7 @@ function wn() {
       bottom: t.bottom
     } : t;
   }
-  function X(e, t) {
+  function R(e, t) {
     return e === "north_west" ? {
       left: t.left,
       right: t.right,
@@ -206,84 +208,84 @@ function wn() {
   function l(e, t) {
     return t;
   }
-  const A = /* @__PURE__ */ new Map([
-    ["east", m],
-    ["west", Y],
-    ["north", j],
-    ["south", X],
+  const E = /* @__PURE__ */ new Map([
+    ["east", a],
+    ["west", F],
+    ["north", $],
+    ["south", R],
     ["center", l]
   ]);
-  function U(e, t, a, b) {
-    const c = t.x - e.x, i = t.y - e.y, z = c >= 0 ? "east" : "west", V = i >= 0 ? "south" : "north", ne = `${V}_${z}`, ie = (v.get(a) || []).includes(ne), se = A.get(a), D = ie ? se(ne, P) : P, y = Math.abs(c), H = Math.abs(i), W = s.get(`${V}_${z}`), [K, de, oe] = W(
-      y,
-      H,
+  function U(e, t, c, v) {
+    const s = t.x - e.x, n = t.y - e.y, j = s >= 0 ? "east" : "west", L = n >= 0 ? "south" : "north", ee = `${L}_${j}`, ie = (y.get(c) || []).includes(ee), se = E.get(c), N = ie ? se(ee, w) : w, h = Math.abs(s), W = Math.abs(n), q = i.get(`${L}_${j}`), [K, de, oe] = q(
+      h,
+      W,
       ie,
-      D,
-      a,
-      ne,
-      b
-    ), ye = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = D.left + D.right + y + ye, le = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = D.top + D.bottom + H + le, pe = z === "east" ? e.x - D.left : e.x + D.right - ce, he = V === "south" ? e.y - D.top : e.y + D.bottom - ae, Ce = z === "east" ? D.left : ce - D.right, ve = V === "north" ? ae - D.bottom : D.top, Be = z === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = V === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
+      N,
+      c,
+      ee,
+      v
+    ), ye = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = N.left + N.right + h + ye, le = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = N.top + N.bottom + W + le, pe = j === "east" ? e.x - N.left : e.x + N.right - ce, he = L === "south" ? e.y - N.top : e.y + N.bottom - ae, Ce = j === "east" ? N.left : ce - N.right, ve = L === "north" ? ae - N.bottom : N.top, Be = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
     return { width: ce, height: ae, left: pe, top: he, startPoinInBoundray: { x: Ce, y: ve }, firstControlPoint: K, secondControlPoint: de, endPoinInBoundray: { x: Be, y: Ae } };
   }
-  function $(e, t, a, b, c) {
-    e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${a}px`, e.style.width = b + "px", e.style.height = c + "px";
+  function Y(e, t, c, v, s) {
+    e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${c}px`, e.style.width = v + "px", e.style.height = s + "px";
   }
-  function re(e, t, a, b, c, i, z) {
-    const V = e.childNodes[0];
-    V.setAttribute("width", String(t)), V.setAttribute("height", String(a)), e.appendChild(V);
-    const ne = V.childNodes[0], R = `${b.x} ${b.y}`, ie = `${c.x} ${c.y}`, se = `${i.x} ${i.y}`, D = `${z.x} ${z.y}`, y = "M ".concat(R).concat(" C ").concat(ie).concat("," + se + ",").concat(D);
-    ne.setAttribute("d", y), ne.setAttribute("fill", "none"), ne.setAttribute("stroke", "#4d53e8"), ne.setAttribute("stroke-width", "2"), ne.setAttribute("class", "");
+  function re(e, t, c, v, s, n, j) {
+    const L = e.childNodes[0];
+    L.setAttribute("width", String(t)), L.setAttribute("height", String(c)), e.appendChild(L);
+    const ee = L.childNodes[0], V = `${v.x} ${v.y}`, ie = `${s.x} ${s.y}`, se = `${n.x} ${n.y}`, N = `${j.x} ${j.y}`, h = "M ".concat(V).concat(" C ").concat(ie).concat("," + se + ",").concat(N);
+    ee.setAttribute("d", h), ee.setAttribute("fill", "none"), ee.setAttribute("stroke", "#4d53e8"), ee.setAttribute("stroke-width", "2"), ee.setAttribute("class", "");
   }
-  function Q(e, t, a, b, c) {
+  function Q(e, t, c, v, s) {
     const {
-      width: i,
-      height: z,
-      left: V,
-      top: ne,
-      startPoinInBoundray: R,
+      width: n,
+      height: j,
+      left: L,
+      top: ee,
+      startPoinInBoundray: V,
       firstControlPoint: ie,
       secondControlPoint: se,
-      endPoinInBoundray: D
-    } = U(t, a, b, c);
-    $(e, V, ne, i, z), re(e, i, z, R, ie, se, D);
+      endPoinInBoundray: N
+    } = U(t, c, v, s);
+    Y(e, L, ee, n, j), re(e, n, j, V, ie, se, N);
   }
-  function d(e, t, a, b, c) {
-    const i = f(e);
-    Q(i, t, a, b, c);
+  function m(e, t, c, v, s) {
+    const n = p(e);
+    Q(n, t, c, v, s);
   }
   function G(e) {
     return Number(e.replace("px", ""));
   }
-  function g(e) {
+  function Z(e) {
     if (e !== null) {
-      const t = e.parentNode, a = G(t.style.left), b = G(t.style.top);
+      const t = e.parentNode, c = G(t.style.left), v = G(t.style.top);
       return {
-        x: a + e.offsetLeft + e.offsetWidth / 2,
-        y: b + e.offsetTop + e.offsetHeight / 2
+        x: c + e.offsetLeft + e.offsetWidth / 2,
+        y: v + e.offsetTop + e.offsetHeight / 2
       };
     }
     return { x: 0, y: 0 };
   }
-  function S(e, t) {
-    const a = document.getElementById(e), b = document.getElementById(t), c = g(a), i = g(b), z = c.x + 2, V = c.y, ne = i.x - 2, R = i.y;
-    return { startPoint: { x: z, y: V }, endPoint: { x: ne, y: R } };
+  function u(e, t) {
+    const c = document.getElementById(e), v = document.getElementById(t), s = Z(c), n = Z(v), j = s.x + 2, L = s.y, ee = n.x - 2, V = n.y;
+    return { startPoint: { x: j, y: L }, endPoint: { x: ee, y: V } };
   }
-  function N(e, t, a, b) {
-    const { startPoint: c, endPoint: i } = S(e, t);
-    d(`${e}_${t}`, c, i, a, b);
+  function A(e, t, c, v) {
+    const { startPoint: s, endPoint: n } = u(e, t);
+    m(`${e}_${t}`, s, n, c, v);
   }
-  return { connect: N, drawing: d };
+  return { connect: A, drawing: m };
 }
-function bn(O) {
-  const Z = q(), E = q(0), P = q(0), B = q({ x: 0, y: 0 }), p = q(), { drawing: w } = O;
-  function h(m) {
-    return Number(m.replace("px", ""));
+function In(D) {
+  const z = H(), I = H(0), w = H(0), B = H({ x: 0, y: 0 }), g = H(), { drawing: C } = D;
+  function b(a) {
+    return Number(a.replace("px", ""));
   }
-  function f(m) {
-    return (m && m.className && m.className.split ? m.className.split(" ") : []).includes("f-flow-ancher");
+  function p(a) {
+    return (a && a.className && a.className.split ? a.className.split(" ") : []).includes("f-flow-ancher");
   }
-  function F(m) {
-    switch ((m ? m.className.split(" ") : []).find((X) => X.startsWith("circle-")) || "") {
+  function T(a) {
+    switch ((a ? a.className.split(" ") : []).find((R) => R.startsWith("circle-")) || "") {
       case "circle-left":
         return "west";
       case "circle-right":
@@ -296,42 +298,42 @@ function bn(O) {
         return "center";
     }
   }
-  function C(m, Y, j) {
-    const X = j.getBoundingClientRect();
-    E.value = X.left, P.value = X.top, B.value = { x: m, y: Y }, Z.value = F(j);
+  function O(a, F, $) {
+    const R = $.getBoundingClientRect();
+    I.value = R.left, w.value = R.top, B.value = { x: a, y: F }, z.value = T($);
   }
-  function I(m) {
-    var $;
-    const Y = m.clientX - E.value, j = m.clientY - P.value, X = B.value.x + Y, l = B.value.y + j, A = m.target, U = A && typeof A.className == "string" && f(A) ? F(A) : "center";
-    w(
-      `${($ = p.value) == null ? void 0 : $.id}_curve_to`,
+  function d(a) {
+    var Y;
+    const F = a.clientX - I.value, $ = a.clientY - w.value, R = B.value.x + F, l = B.value.y + $, E = a.target, U = E && typeof E.className == "string" && p(E) ? T(E) : "center";
+    C(
+      `${(Y = g.value) == null ? void 0 : Y.id}_curve_to`,
       { x: B.value.x, y: B.value.y },
-      { x: X, y: l },
-      Z.value,
+      { x: R, y: l },
+      z.value,
       U
     );
   }
-  function u(m) {
-    const Y = document.getElementById(m);
-    Y && Y.remove();
+  function S(a) {
+    const F = document.getElementById(a);
+    F && F.remove();
   }
-  function n() {
-    document.addEventListener("mousemove", I);
+  function f() {
+    document.addEventListener("mousemove", d);
   }
-  function o() {
-    document.removeEventListener("mousemove", I);
+  function r() {
+    document.removeEventListener("mousemove", d);
   }
-  function s(m) {
-    p.value = void 0, o();
+  function i(a) {
+    g.value = void 0, r();
   }
-  function v(m, Y) {
-    p.value = document.getElementById(m);
-    const j = p.value.offsetParent, X = p.value.getBoundingClientRect(), l = j.getBoundingClientRect(), A = h(j.style.left) + (X.left - l.left), U = h(j.style.top) + (X.top - l.top), $ = A + X.width / 2, re = U + X.height / 2;
-    C($, re, p.value), n();
+  function y(a, F) {
+    g.value = document.getElementById(a);
+    const $ = g.value.offsetParent, R = g.value.getBoundingClientRect(), l = $.getBoundingClientRect(), E = b($.style.left) + (R.left - l.left), U = b($.style.top) + (R.top - l.top), Y = E + R.width / 2, re = U + R.height / 2;
+    O(Y, re, g.value), f();
   }
-  return { drawFrom: v, eraseDrawingLine: u, finishToDraw: s, getAncherPointPosition: F, isAncherPoint: f };
+  return { drawFrom: y, eraseDrawingLine: S, finishToDraw: i, getAncherPointPosition: T, isAncherPoint: p };
 }
-const Pn = {
+const Sn = {
   id: { type: String, default: "" },
   type: { type: String, default: "" },
   /**
@@ -341,35 +343,35 @@ const Pn = {
   x: { type: Number, default: 0 },
   y: { type: Number, default: 0 },
   connection: { type: Array, default: [] }
-}, Oe = q(0);
-function In(O, Z) {
-  const E = Z.getBoundingClientRect(), P = O.getBoundingClientRect(), B = P.top >= E.top, p = P.top <= E.bottom;
-  return B && p;
+}, Oe = H(0);
+function Tn(D, z) {
+  const I = z.getBoundingClientRect(), w = D.getBoundingClientRect(), B = w.top >= I.top, g = w.top <= I.bottom;
+  return B && g;
 }
-function et(O) {
-  if (!O)
+function tt(D) {
+  if (!D)
     return;
-  let Z;
-  if (O.className.includes("dgComponentSelected") ? Z = O : Z = O.querySelector(".dgComponentSelected"), !Z)
+  let z;
+  if (D.className.includes("dgComponentSelected") ? z = D : z = D.querySelector(".dgComponentSelected"), !z)
     return;
-  const E = Z.getBoundingClientRect();
-  if (E.width === 0 && E.height === 0)
+  const I = z.getBoundingClientRect();
+  if (I.width === 0 && I.height === 0)
     return;
-  const P = Z.querySelector(".component-btn-group");
-  if (P) {
-    if (!In(Z, O)) {
-      P.style.display = "none";
+  const w = z.querySelector(".component-btn-group");
+  if (w) {
+    if (!Tn(z, D)) {
+      w.style.display = "none";
       return;
     }
-    P.style.display = "";
-    const p = P.getBoundingClientRect(), w = P.querySelector("div");
-    if (w) {
-      const h = w.getBoundingClientRect();
-      w.style.top = p.top + "px", w.style.left = p.left - h.width + "px";
+    w.style.display = "";
+    const g = w.getBoundingClientRect(), C = w.querySelector("div");
+    if (C) {
+      const b = C.getBoundingClientRect();
+      C.style.top = g.top + "px", C.style.left = g.left - b.width + "px";
     }
   }
 }
-const Sn = {
+const En = {
   /**
    * 组件值
    */
@@ -377,385 +379,385 @@ const Sn = {
   componentId: { type: String, default: "" }
 };
 var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Tn(O) {
-  return O && O.__esModule && Object.prototype.hasOwnProperty.call(O, "default") ? O.default : O;
+function On(D) {
+  return D && D.__esModule && Object.prototype.hasOwnProperty.call(D, "default") ? D.default : D;
 }
-function De(O) {
-  throw new Error('Could not dynamically require "' + O + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+function De(D) {
+  throw new Error('Could not dynamically require "' + D + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var tt = { exports: {} };
-(function(O, Z) {
-  (function(E) {
-    O.exports = E();
+var nt = { exports: {} };
+(function(D, z) {
+  (function(I) {
+    D.exports = I();
   })(function() {
     return (/* @__PURE__ */ function() {
-      function E(P, B, p) {
-        function w(F, C) {
-          if (!B[F]) {
-            if (!P[F]) {
-              var I = typeof De == "function" && De;
-              if (!C && I) return I(F, !0);
-              if (h) return h(F, !0);
-              var u = new Error("Cannot find module '" + F + "'");
-              throw u.code = "MODULE_NOT_FOUND", u;
+      function I(w, B, g) {
+        function C(T, O) {
+          if (!B[T]) {
+            if (!w[T]) {
+              var d = typeof De == "function" && De;
+              if (!O && d) return d(T, !0);
+              if (b) return b(T, !0);
+              var S = new Error("Cannot find module '" + T + "'");
+              throw S.code = "MODULE_NOT_FOUND", S;
             }
-            var n = B[F] = { exports: {} };
-            P[F][0].call(n.exports, function(o) {
-              var s = P[F][1][o];
-              return w(s || o);
-            }, n, n.exports, E, P, B, p);
+            var f = B[T] = { exports: {} };
+            w[T][0].call(f.exports, function(r) {
+              var i = w[T][1][r];
+              return C(i || r);
+            }, f, f.exports, I, w, B, g);
           }
-          return B[F].exports;
+          return B[T].exports;
         }
-        for (var h = typeof De == "function" && De, f = 0; f < p.length; f++) w(p[f]);
-        return w;
+        for (var b = typeof De == "function" && De, p = 0; p < g.length; p++) C(g[p]);
+        return C;
       }
-      return E;
+      return I;
     }())({
-      1: [function(E, P, B) {
-        var p = {}, w = "(?:^|\\s)", h = "(?:\\s|$)";
-        function f(I) {
-          var u = p[I];
-          return u ? u.lastIndex = 0 : p[I] = u = new RegExp(w + I + h, "g"), u;
+      1: [function(I, w, B) {
+        var g = {}, C = "(?:^|\\s)", b = "(?:\\s|$)";
+        function p(d) {
+          var S = g[d];
+          return S ? S.lastIndex = 0 : g[d] = S = new RegExp(C + d + b, "g"), S;
         }
-        function F(I, u) {
-          var n = I.className;
-          n.length ? f(u).test(n) || (I.className += " " + u) : I.className = u;
+        function T(d, S) {
+          var f = d.className;
+          f.length ? p(S).test(f) || (d.className += " " + S) : d.className = S;
         }
-        function C(I, u) {
-          I.className = I.className.replace(f(u), " ").trim();
+        function O(d, S) {
+          d.className = d.className.replace(p(S), " ").trim();
         }
-        P.exports = {
-          add: F,
-          rm: C
+        w.exports = {
+          add: T,
+          rm: O
         };
       }, {}],
-      2: [function(E, P, B) {
-        (function(p) {
-          var w = E("contra/emitter"), h = E("crossvent"), f = E("./classes"), F = document, C = F.documentElement;
-          function I(d, G) {
-            var g = arguments.length;
-            g === 1 && Array.isArray(d) === !1 && (G = d, d = []);
-            var S, N, e, t, a, b, c, i, z, V = null, ne, R, ie = !1, se = 0, D, y = G || {};
-            y.moves === void 0 && (y.moves = Y), y.accepts === void 0 && (y.accepts = Y), y.invalid === void 0 && (y.invalid = Be), y.containers === void 0 && (y.containers = d || []), y.isContainer === void 0 && (y.isContainer = m), y.copy === void 0 && (y.copy = !1), y.copySortSource === void 0 && (y.copySortSource = !1), y.revertOnSpill === void 0 && (y.revertOnSpill = !1), y.removeOnSpill === void 0 && (y.removeOnSpill = !1), y.direction === void 0 && (y.direction = "vertical"), y.ignoreInputTextSelection === void 0 && (y.ignoreInputTextSelection = !0), y.mirrorContainer === void 0 && (y.mirrorContainer = F.body);
-            var H = w({
-              containers: y.containers,
+      2: [function(I, w, B) {
+        (function(g) {
+          var C = I("contra/emitter"), b = I("crossvent"), p = I("./classes"), T = document, O = T.documentElement;
+          function d(m, G) {
+            var Z = arguments.length;
+            Z === 1 && Array.isArray(m) === !1 && (G = m, m = []);
+            var u, A, e, t, c, v, s, n, j, L = null, ee, V, ie = !1, se = 0, N, h = G || {};
+            h.moves === void 0 && (h.moves = F), h.accepts === void 0 && (h.accepts = F), h.invalid === void 0 && (h.invalid = Be), h.containers === void 0 && (h.containers = m || []), h.isContainer === void 0 && (h.isContainer = a), h.copy === void 0 && (h.copy = !1), h.copySortSource === void 0 && (h.copySortSource = !1), h.revertOnSpill === void 0 && (h.revertOnSpill = !1), h.removeOnSpill === void 0 && (h.removeOnSpill = !1), h.direction === void 0 && (h.direction = "vertical"), h.ignoreInputTextSelection === void 0 && (h.ignoreInputTextSelection = !0), h.mirrorContainer === void 0 && (h.mirrorContainer = T.body);
+            var W = C({
+              containers: h.containers,
               start: Ce,
               end: Ae,
-              cancel: qe,
-              remove: We,
+              cancel: Ge,
+              remove: qe,
               destroy: ye,
               canMove: he,
               dragging: !1
             });
-            return y.removeOnSpill === !0 && H.on("over", ot).on("out", rt), K(), H;
-            function W(r) {
-              return H.containers.indexOf(r) !== -1 || y.isContainer(r);
+            return h.removeOnSpill === !0 && W.on("over", rt).on("out", it), K(), W;
+            function q(o) {
+              return W.containers.indexOf(o) !== -1 || h.isContainer(o);
             }
-            function K(r) {
-              var x = r ? "remove" : "add";
-              o(C, x, "mousedown", le), o(C, x, "mouseup", Ne);
+            function K(o) {
+              var x = o ? "remove" : "add";
+              r(O, x, "mousedown", le), r(O, x, "mouseup", Ne);
             }
-            function de(r) {
-              var x = r ? "remove" : "add";
-              o(C, x, "mousemove", ae);
+            function de(o) {
+              var x = o ? "remove" : "add";
+              r(O, x, "mousemove", ae);
             }
-            function oe(r) {
-              var x = r ? "remove" : "add";
-              h[x](C, "selectstart", ce), h[x](C, "click", ce);
+            function oe(o) {
+              var x = o ? "remove" : "add";
+              b[x](O, "selectstart", ce), b[x](O, "click", ce);
             }
             function ye() {
               K(!0), Ne({});
             }
-            function ce(r) {
-              ne && r.preventDefault();
+            function ce(o) {
+              ee && o.preventDefault();
             }
-            function le(r) {
-              t = r.clientX, a = r.clientY;
-              var x = s(r) !== 1 || r.metaKey || r.ctrlKey;
+            function le(o) {
+              t = o.clientX, c = o.clientY;
+              var x = i(o) !== 1 || o.metaKey || o.ctrlKey;
               if (!x) {
-                var T = r.target, k = pe(T);
-                k && (ne = k, de(), r.type === "mousedown" && (A(T) ? T.focus() : r.preventDefault()));
+                var P = o.target, X = pe(P);
+                X && (ee = X, de(), o.type === "mousedown" && (E(P) ? P.focus() : o.preventDefault()));
               }
             }
-            function ae(r) {
-              if (ne) {
-                if (s(r) === 0) {
+            function ae(o) {
+              if (ee) {
+                if (i(o) === 0) {
                   Ne({});
                   return;
                 }
-                if (!(r.clientX !== void 0 && Math.abs(r.clientX - t) <= (y.slideFactorX || 0) && r.clientY !== void 0 && Math.abs(r.clientY - a) <= (y.slideFactorY || 0))) {
-                  if (y.ignoreInputTextSelection) {
-                    var x = Q("clientX", r) || 0, T = Q("clientY", r) || 0, k = F.elementFromPoint(x, T);
-                    if (A(k))
+                if (!(o.clientX !== void 0 && Math.abs(o.clientX - t) <= (h.slideFactorX || 0) && o.clientY !== void 0 && Math.abs(o.clientY - c) <= (h.slideFactorY || 0))) {
+                  if (h.ignoreInputTextSelection) {
+                    var x = Q("clientX", o) || 0, P = Q("clientY", o) || 0, X = T.elementFromPoint(x, P);
+                    if (E(X))
                       return;
                   }
-                  var ee = ne;
-                  de(!0), oe(), Ae(), ve(ee), f.add(i || e, "gu-transit"), st(), it(), se = 0, Re(r);
+                  var te = ee;
+                  de(!0), oe(), Ae(), ve(te), p.add(n || e, "gu-transit"), at(), st(), se = 0, ke(o);
                 }
               }
             }
-            function pe(r) {
-              if (!(H.dragging && S) && !W(r)) {
-                for (var x = r; l(r) && W(l(r)) === !1; )
-                  if (y.invalid(r, x) || (r = l(r), !r))
+            function pe(o) {
+              if (!(W.dragging && u) && !q(o)) {
+                for (var x = o; l(o) && q(l(o)) === !1; )
+                  if (h.invalid(o, x) || (o = l(o), !o))
                     return;
-                var T = l(r);
-                if (T && !y.invalid(r, x)) {
-                  var k = y.moves(r, T, x, $(r));
-                  if (k)
+                var P = l(o);
+                if (P && !h.invalid(o, x)) {
+                  var X = h.moves(o, P, x, Y(o));
+                  if (X)
                     return {
-                      item: r,
-                      source: T
+                      item: o,
+                      source: P
                     };
                 }
               }
             }
-            function he(r) {
-              return !!pe(r);
+            function he(o) {
+              return !!pe(o);
             }
-            function Ce(r) {
-              var x = pe(r);
+            function Ce(o) {
+              var x = pe(o);
               x && ve(x);
             }
-            function ve(r) {
-              mt(r.item, r.source) && (i = r.item.cloneNode(!0), H.emit("cloned", i, r.item, "copy")), N = r.source, e = r.item, b = c = $(r.item), H.dragging = !0, H.emit("drag", e, N);
+            function ve(o) {
+              vt(o.item, o.source) && (n = o.item.cloneNode(!0), W.emit("cloned", n, o.item, "copy")), A = o.source, e = o.item, v = s = Y(o.item), W.dragging = !0, W.emit("drag", e, A);
             }
             function Be() {
               return !1;
             }
             function Ae() {
-              if (H.dragging) {
-                var r = i || e;
-                He(r, l(r));
+              if (W.dragging) {
+                var o = n || e;
+                We(o, l(o));
               }
             }
             function Me() {
-              ne = !1, de(!0), oe(!0);
+              ee = !1, de(!0), oe(!0);
             }
-            function Ne(r) {
-              if (Me(), !!H.dragging) {
-                var x = i || e, T = Q("clientX", r) || 0, k = Q("clientY", r) || 0, ee = v(S, T, k), te = Ge(ee, T, k);
-                te && (i && y.copySortSource || !i || te !== N) ? He(x, te) : y.removeOnSpill ? We() : qe();
+            function Ne(o) {
+              if (Me(), !!W.dragging) {
+                var x = n || e, P = Q("clientX", o) || 0, X = Q("clientY", o) || 0, te = y(u, P, X), ne = Ke(te, P, X);
+                ne && (n && h.copySortSource || !n || ne !== A) ? We(x, ne) : h.removeOnSpill ? qe() : Ge();
               }
             }
-            function He(r, x) {
-              var T = l(r);
-              i && y.copySortSource && x === N && T.removeChild(e), Le(x) ? H.emit("cancel", r, N) : H.emit("drop", r, x, N, c), _e();
+            function We(o, x) {
+              var P = l(o);
+              n && h.copySortSource && x === A && P.removeChild(e), Le(x) ? W.emit("cancel", o, A) : W.emit("drop", o, x, A, s), _e();
             }
-            function We() {
-              if (H.dragging) {
-                var r = i || e, x = l(r);
-                x && x.removeChild(r), H.emit(i ? "cancel" : "remove", r, x, N), _e();
+            function qe() {
+              if (W.dragging) {
+                var o = n || e, x = l(o);
+                x && x.removeChild(o), W.emit(n ? "cancel" : "remove", o, x, A), _e();
               }
             }
-            function qe(r) {
-              if (H.dragging) {
-                var x = arguments.length > 0 ? r : y.revertOnSpill, T = i || e, k = l(T), ee = Le(k);
-                ee === !1 && x && (i ? k && k.removeChild(i) : N.insertBefore(T, b)), ee || x ? H.emit("cancel", T, N, N) : H.emit("drop", T, k, N, c), _e();
+            function Ge(o) {
+              if (W.dragging) {
+                var x = arguments.length > 0 ? o : h.revertOnSpill, P = n || e, X = l(P), te = Le(X);
+                te === !1 && x && (n ? X && X.removeChild(n) : A.insertBefore(P, v)), te || x ? W.emit("cancel", P, A, A) : W.emit("drop", P, X, A, s), _e();
               }
             }
             function _e() {
-              var r = i || e;
-              Me(), at(), ct(), r && f.rm(r, "gu-transit"), z && clearTimeout(z), H.dragging = !1, V && H.emit("out", r, V, N), H.emit("dragend", r, se), N = e = i = b = c = z = V = null;
+              var o = n || e;
+              Me(), ct(), lt(), o && p.rm(o, "gu-transit"), j && clearTimeout(j), W.dragging = !1, L && W.emit("out", o, L, A), W.emit("dragend", o, se), A = e = n = v = s = j = L = null;
             }
-            function Le(r, x) {
-              var T;
-              return x !== void 0 ? T = x : S ? T = c : T = $(i || e), r === N && T === b;
+            function Le(o, x) {
+              var P;
+              return x !== void 0 ? P = x : u ? P = s : P = Y(n || e), o === A && P === v;
             }
-            function Ge(r, x, T) {
-              for (var k = r; k && !ee(); )
-                k = l(k);
-              return k;
-              function ee() {
-                var te = W(k);
-                if (te === !1)
+            function Ke(o, x, P) {
+              for (var X = o; X && !te(); )
+                X = l(X);
+              return X;
+              function te() {
+                var ne = q(X);
+                if (ne === !1)
                   return !1;
-                var be = Ke(k, r), ge = Qe(k, be, x, T), we = Le(k, ge);
-                return we ? !0 : y.accepts(e, k, N, ge);
+                var we = Qe(X, o), ge = Je(X, we, x, P), be = Le(X, ge);
+                return be ? !0 : h.accepts(e, X, A, ge);
               }
             }
-            function Re(r) {
-              if (!S)
+            function ke(o) {
+              if (!u)
                 return;
-              r.preventDefault();
-              var x = Q("clientX", r) || 0, T = Q("clientY", r) || 0;
-              S.style.left = x - 2 + "px", S.style.top = T - 2 + "px";
-              var k = i || e, ee = v(S, x, T), te = Ge(ee, x, T), be = te !== null && te !== V;
-              (be || te === null) && (xe(), V = te, Ie()), pt(ee, T);
-              var ge = l(k);
-              if (te === N && i && !y.copySortSource) {
-                ge && ge.removeChild(k);
+              o.preventDefault();
+              var x = Q("clientX", o) || 0, P = Q("clientY", o) || 0;
+              u.style.left = x - 2 + "px", u.style.top = P - 2 + "px";
+              var X = n || e, te = y(u, x, P), ne = Ke(te, x, P), we = ne !== null && ne !== L;
+              (we || ne === null) && (xe(), L = ne, Ie()), mt(te, P);
+              var ge = l(X);
+              if (ne === A && n && !h.copySortSource) {
+                ge && ge.removeChild(X);
                 return;
               }
-              var we, Pe = Ke(te, ee);
-              if (ie = lt(Pe, te), Pe !== null)
-                we = Qe(te, Pe, x, T);
-              else if (y.revertOnSpill === !0 && !i)
-                we = b, te = N;
+              var be, Pe = Qe(ne, te);
+              if (ie = ut(Pe, ne), Pe !== null)
+                be = Je(ne, Pe, x, P);
+              else if (h.revertOnSpill === !0 && !n)
+                be = v, ne = A;
               else {
-                i && ge && ge.removeChild(k), i && R && (R.style.display = "none");
+                n && ge && ge.removeChild(X), n && V && (V.style.display = "none");
                 return;
               }
-              R.style.display = "block", nt(we, k, be), we ? ft(Pe, we) : dt(te);
+              V.style.display = "block", ot(be, X, we), be ? dt(Pe, be) : pt(ne);
               function ue(fe) {
-                H.emit(fe, k, V, N);
+                W.emit(fe, X, L, A);
               }
               function Ie() {
-                be && ue("over");
+                we && ue("over");
               }
               function xe() {
-                V && ue("out");
+                L && ue("out");
               }
             }
-            function nt(r, x, T) {
-              (r === x || r === $(x)) && (c = $(x)), (r === null && T || r !== x && r !== $(x)) && (c = r);
-            }
-            function ot(r) {
-              f.rm(r, "gu-hide");
+            function ot(o, x, P) {
+              (o === x || o === Y(x)) && (s = Y(x)), (o === null && P || o !== x && o !== Y(x)) && (s = o);
             }
-            function rt(r) {
-              H.dragging && f.add(r, "gu-hide");
+            function rt(o) {
+              p.rm(o, "gu-hide");
             }
-            function it() {
-              S || (S = document.createElement("div"), S.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", S.innerHTML = y.getMirrorText && y.getMirrorText(e) || "控件", f.add(S, "gu-mirror"), y.mirrorContainer.appendChild(S), o(C, "add", "mousemove", Re), f.add(y.mirrorContainer, "gu-unselectable"), H.emit("cloned", S, e, "mirror"));
+            function it(o) {
+              W.dragging && p.add(o, "gu-hide");
             }
             function st() {
-              if (R = document.createElement("div"), f.add(R, "gu-insertion"), e) {
-                var r = e.getBoundingClientRect();
-                R.style.left = r.left + "px", R.style.top = r.top + "px";
-              }
-              ie = !1, y.mirrorContainer.appendChild(R);
+              u || (u = document.createElement("div"), u.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", u.innerHTML = h.getMirrorText && h.getMirrorText(e) || "控件", p.add(u, "gu-mirror"), h.mirrorContainer.appendChild(u), r(O, "add", "mousemove", ke), p.add(h.mirrorContainer, "gu-unselectable"), W.emit("cloned", u, e, "mirror"));
             }
             function at() {
-              S && (f.rm(y.mirrorContainer, "gu-unselectable"), o(C, "remove", "mousemove", Re), l(S).removeChild(S), S = null);
+              if (V = document.createElement("div"), p.add(V, "gu-insertion"), e) {
+                var o = e.getBoundingClientRect();
+                V.style.left = o.left + "px", V.style.top = o.top + "px";
+              }
+              ie = !1, h.mirrorContainer.appendChild(V);
             }
             function ct() {
-              R && (l(R).removeChild(R), R = null);
+              u && (p.rm(h.mirrorContainer, "gu-unselectable"), r(O, "remove", "mousemove", ke), l(u).removeChild(u), u = null);
             }
-            function Ke(r, x) {
-              for (var T = x; T !== r && l(T) !== r; )
-                T = l(T);
-              return T === C ? null : T;
+            function lt() {
+              V && (l(V).removeChild(V), V = null);
             }
-            function lt(r, x) {
+            function Qe(o, x) {
+              for (var P = x; P !== o && l(P) !== o; )
+                P = l(P);
+              return P === O ? null : P;
+            }
+            function ut(o, x) {
               if (!x)
                 return ie;
-              var T = r || x && x.lastElementChild;
-              if (!T)
+              var P = o || x && x.lastElementChild;
+              if (!P)
                 return !0;
-              var k = getComputedStyle(r), ee = /^inline/.test(k.getPropertyValue("display")) || /^(left|right)$/.test(k.getPropertyValue("float"));
-              if (ee)
+              var X = getComputedStyle(o), te = /^inline/.test(X.getPropertyValue("display")) || /^(left|right)$/.test(X.getPropertyValue("float"));
+              if (te)
                 return !0;
               if (x) {
-                var te = getComputedStyle(x), be = te.getPropertyValue("display");
-                if (/flex$/.test(be)) {
-                  var ge = te.getPropertyValue("flex-direction") || "row";
+                var ne = getComputedStyle(x), we = ne.getPropertyValue("display");
+                if (/flex$/.test(we)) {
+                  var ge = ne.getPropertyValue("flex-direction") || "row";
                   if (ge === "row" || ge === "row-reverse")
-                    return !ut(x);
+                    return !ft(x);
                 }
                 return !1;
               }
               return !0;
             }
-            function ut(r) {
-              if (!r.children || !r.children.length)
+            function ft(o) {
+              if (!o.children || !o.children.length)
                 return !1;
-              for (const x of Array.from(r.children)) {
-                const k = (x.className && x.className.split(" ") || []).filter((ee) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(ee));
-                if (!k.length)
+              for (const x of Array.from(o.children)) {
+                const X = (x.className && x.className.split(" ") || []).filter((te) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(te));
+                if (!X.length)
                   return !1;
-                for (const ee of k) {
-                  const te = ee.slice(ee.lastIndexOf("-") + 1);
-                  if (parseInt(te, 10) !== 12)
+                for (const te of X) {
+                  const ne = te.slice(te.lastIndexOf("-") + 1);
+                  if (parseInt(ne, 10) !== 12)
                     return !1;
                 }
               }
               return !0;
             }
-            function ft(r, x) {
-              const T = x.getBoundingClientRect();
-              if (R.style.left = T.left + "px", R.style.top = T.top + "px", ie) {
-                if (R.style.height = T.height + "px", R.style.width = "4px", r) {
-                  const k = r.getBoundingClientRect();
-                  k.top !== T.top && (R.style.left = k.right + "px", R.style.top = k.top + "px", R.style.height = k.height + "px");
+            function dt(o, x) {
+              const P = x.getBoundingClientRect();
+              if (V.style.left = P.left + "px", V.style.top = P.top + "px", ie) {
+                if (V.style.height = P.height + "px", V.style.width = "4px", o) {
+                  const X = o.getBoundingClientRect();
+                  X.top !== P.top && (V.style.left = X.right + "px", V.style.top = X.top + "px", V.style.height = X.height + "px");
                 }
-              } else if (R.style.height = "4px", R.style.width = T.width + "px", D) {
-                const k = D.getBoundingClientRect();
-                T.top < k.top && (R.style.display = "none");
+              } else if (V.style.height = "4px", V.style.width = P.width + "px", N) {
+                const X = N.getBoundingClientRect();
+                P.top < X.top && (V.style.display = "none");
               }
-              x === e && e && (R.style.display = "none");
+              x === e && e && (V.style.display = "none");
             }
-            function dt(r) {
-              c = null;
-              var x = r.lastElementChild;
+            function pt(o) {
+              s = null;
+              var x = o.lastElementChild;
               if (x) {
-                var T = x.getBoundingClientRect();
-                ie ? (R.style.left = T.right + "px", R.style.top = T.top + "px", R.style.height = T.height + "px", R.style.width = "4px") : (R.style.left = T.left + "px", R.style.top = T.bottom + "px", R.style.height = "4px", R.style.width = T.width + "px"), x === e && e && (R.style.display = "none");
+                var P = x.getBoundingClientRect();
+                ie ? (V.style.left = P.right + "px", V.style.top = P.top + "px", V.style.height = P.height + "px", V.style.width = "4px") : (V.style.left = P.left + "px", V.style.top = P.bottom + "px", V.style.height = "4px", V.style.width = P.width + "px"), x === e && e && (V.style.display = "none");
               } else
-                R.style.display = "none";
+                V.style.display = "none";
             }
-            function pt(r, x) {
-              if (!y.mirrorContainer.contains(r) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (D = u(r), !D || !D.contains(r)))
+            function mt(o, x) {
+              if (!h.mirrorContainer.contains(o) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (N = S(o), !N || !N.contains(o)))
                 return;
-              const T = document.querySelector(".dgComponentSelected"), k = D.getBoundingClientRect();
-              if (x - 30 < k.top && D.scrollTop > 0) {
-                let ee = D.scrollTop < 10 ? D.scrollTop : 10;
-                D.scrollBy(0, -1 * ee), T && D.contains(T) && (se = se + -1 * ee);
+              const P = document.querySelector(".dgComponentSelected"), X = N.getBoundingClientRect();
+              if (x - 30 < X.top && N.scrollTop > 0) {
+                let te = N.scrollTop < 10 ? N.scrollTop : 10;
+                N.scrollBy(0, -1 * te), P && N.contains(P) && (se = se + -1 * te);
               }
-              if (x + 30 > k.bottom && D.scrollTop < D.scrollHeight - D.clientHeight) {
-                const ee = D.scrollHeight - D.clientHeight - D.scrollTop;
-                let te = ee < 10 ? ee : 10;
-                D.scrollBy(0, te), T && D.contains(T) && (se = se + te);
+              if (x + 30 > X.bottom && N.scrollTop < N.scrollHeight - N.clientHeight) {
+                const te = N.scrollHeight - N.clientHeight - N.scrollTop;
+                let ne = te < 10 ? te : 10;
+                N.scrollBy(0, ne), P && N.contains(P) && (se = se + ne);
               }
             }
-            function Qe(r, x, T, k) {
-              var ee = y.direction === "horizontal", te = y.direction === "mixed", be = x !== r ? we() : ge();
-              return be;
+            function Je(o, x, P, X) {
+              var te = h.direction === "horizontal", ne = h.direction === "mixed", we = x !== o ? be() : ge();
+              return we;
               function ge() {
-                var ue = r.children.length, Ie, xe, fe;
+                var ue = o.children.length, Ie, xe, fe;
                 for (Ie = 0; Ie < ue; Ie++)
-                  if (xe = r.children[Ie], fe = xe.getBoundingClientRect(), ee && fe.left + fe.width / 2 > T || !te && !ee && fe.top + fe.height / 2 > k || te && fe.left + fe.width > T && fe.top + fe.height > k)
+                  if (xe = o.children[Ie], fe = xe.getBoundingClientRect(), te && fe.left + fe.width / 2 > P || !ne && !te && fe.top + fe.height / 2 > X || ne && fe.left + fe.width > P && fe.top + fe.height > X)
                     return xe;
                 return null;
               }
-              function we() {
+              function be() {
                 var ue = x.getBoundingClientRect();
-                if (te) {
-                  var Ie = k - ue.top, xe = T - ue.left, fe = ue.bottom - k, ke = ue.right - T, Ve = Math.min(xe, ke, Ie, fe), Xe;
-                  return ie ? Xe = ke < xe : Xe = fe === Ve || ke === Ve || xe === Ve, Pe(Xe);
+                if (ne) {
+                  var Ie = X - ue.top, xe = P - ue.left, fe = ue.bottom - X, Re = ue.right - P, Ve = Math.min(xe, Re, Ie, fe), Xe;
+                  return ie ? Xe = Re < xe : Xe = fe === Ve || Re === Ve || xe === Ve, Pe(Xe);
                 }
-                return Pe(ee ? T > ue.left + j(ue) / 2 : k > ue.top + X(ue) / 2);
+                return Pe(te ? P > ue.left + $(ue) / 2 : X > ue.top + R(ue) / 2);
               }
               function Pe(ue) {
-                return ue ? $(x) : x;
+                return ue ? Y(x) : x;
               }
             }
-            function mt(r, x) {
-              return typeof y.copy == "boolean" ? y.copy : y.copy(r, x);
+            function vt(o, x) {
+              return typeof h.copy == "boolean" ? h.copy : h.copy(o, x);
             }
           }
-          function u(d) {
+          function S(m) {
             const G = Array.from(window.scrollContainerList);
             if (G.length === 1) {
-              const S = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(S);
+              const u = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(u);
             }
-            const g = n(G);
-            for (const S of g)
-              if (S.contains(d))
-                return S;
+            const Z = f(G);
+            for (const u of Z)
+              if (u.contains(m))
+                return u;
             return null;
           }
-          function n(d) {
+          function f(m) {
             const G = [];
-            return d.forEach((g) => {
-              const S = document.getElementById(g);
-              S && G.push(S);
-            }), G.sort((g, S) => g.contains(S) ? 1 : S.contains(g) ? -1 : 0), G;
+            return m.forEach((Z) => {
+              const u = document.getElementById(Z);
+              u && G.push(u);
+            }), G.sort((Z, u) => Z.contains(u) ? 1 : u.contains(Z) ? -1 : 0), G;
           }
-          function o(d, G, g, S) {
-            var N = {
+          function r(m, G, Z, u) {
+            var A = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
@@ -768,156 +770,156 @@ var tt = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            p.navigator.pointerEnabled ? h[G](d, e[g], S) : p.navigator.msPointerEnabled ? h[G](d, t[g], S) : (h[G](d, N[g], S), h[G](d, g, S));
+            g.navigator.pointerEnabled ? b[G](m, e[Z], u) : g.navigator.msPointerEnabled ? b[G](m, t[Z], u) : (b[G](m, A[Z], u), b[G](m, Z, u));
           }
-          function s(d) {
-            if (d.touches !== void 0)
-              return d.touches.length;
-            if (d.which !== void 0 && d.which !== 0)
-              return d.which;
-            if (d.buttons !== void 0)
-              return d.buttons;
-            var G = d.button;
+          function i(m) {
+            if (m.touches !== void 0)
+              return m.touches.length;
+            if (m.which !== void 0 && m.which !== 0)
+              return m.which;
+            if (m.buttons !== void 0)
+              return m.buttons;
+            var G = m.button;
             if (G !== void 0)
               return G & 1 ? 1 : G & 2 ? 3 : G & 4 ? 2 : 0;
           }
-          function v(d, G, g) {
-            d = d || {};
-            var S = d.className || "", N;
-            return d.className += " gu-hide", N = F.elementFromPoint(G, g), d.className = S, N;
+          function y(m, G, Z) {
+            m = m || {};
+            var u = m.className || "", A;
+            return m.className += " gu-hide", A = T.elementFromPoint(G, Z), m.className = u, A;
           }
-          function m() {
+          function a() {
             return !1;
           }
-          function Y() {
+          function F() {
             return !0;
           }
-          function j(d) {
-            return d.width || d.right - d.left;
+          function $(m) {
+            return m.width || m.right - m.left;
           }
-          function X(d) {
-            return d.height || d.bottom - d.top;
+          function R(m) {
+            return m.height || m.bottom - m.top;
           }
-          function l(d) {
-            return d.parentNode === F ? null : d.parentNode;
+          function l(m) {
+            return m.parentNode === T ? null : m.parentNode;
           }
-          function A(d) {
-            return d.tagName === "INPUT" || d.tagName === "TEXTAREA" || d.tagName === "SELECT" || U(d);
+          function E(m) {
+            return m.tagName === "INPUT" || m.tagName === "TEXTAREA" || m.tagName === "SELECT" || U(m);
           }
-          function U(d) {
-            return !d || d.contentEditable === "false" ? !1 : d.contentEditable === "true" ? !0 : U(l(d));
+          function U(m) {
+            return !m || m.contentEditable === "false" ? !1 : m.contentEditable === "true" ? !0 : U(l(m));
           }
-          function $(d) {
-            return d.nextElementSibling || G();
+          function Y(m) {
+            return m.nextElementSibling || G();
             function G() {
-              var g = d;
+              var Z = m;
               do
-                g = g.nextSibling;
-              while (g && g.nodeType !== 1);
-              return g;
+                Z = Z.nextSibling;
+              while (Z && Z.nodeType !== 1);
+              return Z;
             }
           }
-          function re(d) {
-            return d.targetTouches && d.targetTouches.length ? d.targetTouches[0] : d.changedTouches && d.changedTouches.length ? d.changedTouches[0] : d;
+          function re(m) {
+            return m.targetTouches && m.targetTouches.length ? m.targetTouches[0] : m.changedTouches && m.changedTouches.length ? m.changedTouches[0] : m;
           }
-          function Q(d, G) {
-            var g = re(G), S = {
+          function Q(m, G) {
+            var Z = re(G), u = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return d in S && !(d in g) && S[d] in g && (d = S[d]), g[d];
+            return m in u && !(m in Z) && u[m] in Z && (m = u[m]), Z[m];
           }
-          P.exports = I;
+          w.exports = d;
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
-      3: [function(E, P, B) {
-        P.exports = function(w, h) {
-          return Array.prototype.slice.call(w, h);
+      3: [function(I, w, B) {
+        w.exports = function(C, b) {
+          return Array.prototype.slice.call(C, b);
         };
       }, {}],
-      4: [function(E, P, B) {
-        var p = E("ticky");
-        P.exports = function(h, f, F) {
-          h && p(function() {
-            h.apply(F || null, f || []);
+      4: [function(I, w, B) {
+        var g = I("ticky");
+        w.exports = function(b, p, T) {
+          b && g(function() {
+            b.apply(T || null, p || []);
           });
         };
       }, { ticky: 10 }],
-      5: [function(E, P, B) {
-        var p = E("atoa"), w = E("./debounce");
-        P.exports = function(f, F) {
-          var C = F || {}, I = {};
-          return f === void 0 && (f = {}), f.on = function(u, n) {
-            return I[u] ? I[u].push(n) : I[u] = [n], f;
-          }, f.once = function(u, n) {
-            return n._once = !0, f.on(u, n), f;
-          }, f.off = function(u, n) {
-            var o = arguments.length;
-            if (o === 1)
-              delete I[u];
-            else if (o === 0)
-              I = {};
+      5: [function(I, w, B) {
+        var g = I("atoa"), C = I("./debounce");
+        w.exports = function(p, T) {
+          var O = T || {}, d = {};
+          return p === void 0 && (p = {}), p.on = function(S, f) {
+            return d[S] ? d[S].push(f) : d[S] = [f], p;
+          }, p.once = function(S, f) {
+            return f._once = !0, p.on(S, f), p;
+          }, p.off = function(S, f) {
+            var r = arguments.length;
+            if (r === 1)
+              delete d[S];
+            else if (r === 0)
+              d = {};
             else {
-              var s = I[u];
-              if (!s)
-                return f;
-              s.splice(s.indexOf(n), 1);
+              var i = d[S];
+              if (!i)
+                return p;
+              i.splice(i.indexOf(f), 1);
             }
-            return f;
-          }, f.emit = function() {
-            var u = p(arguments);
-            return f.emitterSnapshot(u.shift()).apply(this, u);
-          }, f.emitterSnapshot = function(u) {
-            var n = (I[u] || []).slice(0);
+            return p;
+          }, p.emit = function() {
+            var S = g(arguments);
+            return p.emitterSnapshot(S.shift()).apply(this, S);
+          }, p.emitterSnapshot = function(S) {
+            var f = (d[S] || []).slice(0);
             return function() {
-              var o = p(arguments), s = this || f;
-              if (u === "error" && C.throws !== !1 && !n.length)
-                throw o.length === 1 ? o[0] : o;
-              return n.forEach(function(m) {
-                C.async ? w(m, o, s) : m.apply(s, o), m._once && f.off(u, m);
-              }), f;
+              var r = g(arguments), i = this || p;
+              if (S === "error" && O.throws !== !1 && !f.length)
+                throw r.length === 1 ? r[0] : r;
+              return f.forEach(function(a) {
+                O.async ? C(a, r, i) : a.apply(i, r), a._once && p.off(S, a);
+              }), p;
             };
-          }, f;
+          }, p;
         };
       }, { "./debounce": 4, atoa: 3 }],
-      6: [function(E, P, B) {
-        (function(p) {
-          var w = E("custom-event"), h = E("./eventmap"), f = p.document, F = u, C = o, I = [];
-          p.addEventListener || (F = n, C = s), P.exports = {
-            add: F,
-            remove: C,
-            fabricate: v
+      6: [function(I, w, B) {
+        (function(g) {
+          var C = I("custom-event"), b = I("./eventmap"), p = g.document, T = S, O = r, d = [];
+          g.addEventListener || (T = f, O = i), w.exports = {
+            add: T,
+            remove: O,
+            fabricate: y
           };
-          function u(l, A, U, $) {
-            return l.addEventListener(A, U, $);
+          function S(l, E, U, Y) {
+            return l.addEventListener(E, U, Y);
           }
-          function n(l, A, U) {
-            return l.attachEvent("on" + A, Y(l, A, U));
+          function f(l, E, U) {
+            return l.attachEvent("on" + E, F(l, E, U));
           }
-          function o(l, A, U, $) {
-            return l.removeEventListener(A, U, $);
+          function r(l, E, U, Y) {
+            return l.removeEventListener(E, U, Y);
           }
-          function s(l, A, U) {
-            var $ = j(l, A, U);
-            if ($)
-              return l.detachEvent("on" + A, $);
+          function i(l, E, U) {
+            var Y = $(l, E, U);
+            if (Y)
+              return l.detachEvent("on" + E, Y);
           }
-          function v(l, A, U) {
-            var $ = h.indexOf(A) === -1 ? Q() : re();
-            l.dispatchEvent ? l.dispatchEvent($) : l.fireEvent("on" + A, $);
+          function y(l, E, U) {
+            var Y = b.indexOf(E) === -1 ? Q() : re();
+            l.dispatchEvent ? l.dispatchEvent(Y) : l.fireEvent("on" + E, Y);
             function re() {
-              var d;
-              return f.createEvent ? (d = f.createEvent("Event"), d.initEvent(A, !0, !0)) : f.createEventObject && (d = f.createEventObject()), d;
+              var m;
+              return p.createEvent ? (m = p.createEvent("Event"), m.initEvent(E, !0, !0)) : p.createEventObject && (m = p.createEventObject()), m;
             }
             function Q() {
-              return new w(A, { detail: U });
+              return new C(E, { detail: U });
             }
           }
-          function m(l, A, U) {
+          function a(l, E, U) {
             return function(re) {
-              var Q = re || p.event;
+              var Q = re || g.event;
               Q.target = Q.target || Q.srcElement, Q.preventDefault = Q.preventDefault || function() {
                 Q.returnValue = !1;
               }, Q.stopPropagation = Q.stopPropagation || function() {
@@ -925,368 +927,369 @@ var tt = { exports: {} };
               }, Q.which = Q.which || Q.keyCode, U.call(l, Q);
             };
           }
-          function Y(l, A, U) {
-            var $ = j(l, A, U) || m(l, A, U);
-            return I.push({
-              wrapper: $,
+          function F(l, E, U) {
+            var Y = $(l, E, U) || a(l, E, U);
+            return d.push({
+              wrapper: Y,
               element: l,
-              type: A,
+              type: E,
               fn: U
-            }), $;
+            }), Y;
           }
-          function j(l, A, U) {
-            var $ = X(l, A, U);
-            if ($) {
-              var re = I[$].wrapper;
-              return I.splice($, 1), re;
+          function $(l, E, U) {
+            var Y = R(l, E, U);
+            if (Y) {
+              var re = d[Y].wrapper;
+              return d.splice(Y, 1), re;
             }
           }
-          function X(l, A, U) {
-            var $, re;
-            for ($ = 0; $ < I.length; $++)
-              if (re = I[$], re.element === l && re.type === A && re.fn === U)
-                return $;
+          function R(l, E, U) {
+            var Y, re;
+            for (Y = 0; Y < d.length; Y++)
+              if (re = d[Y], re.element === l && re.type === E && re.fn === U)
+                return Y;
           }
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
-      7: [function(E, P, B) {
-        (function(p) {
-          var w = [], h = "", f = /^on/;
-          for (h in p)
-            f.test(h) && w.push(h.slice(2));
-          P.exports = w;
+      7: [function(I, w, B) {
+        (function(g) {
+          var C = [], b = "", p = /^on/;
+          for (b in g)
+            p.test(b) && C.push(b.slice(2));
+          w.exports = C;
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      8: [function(E, P, B) {
-        (function(p) {
-          var w = p.CustomEvent;
-          function h() {
+      8: [function(I, w, B) {
+        (function(g) {
+          var C = g.CustomEvent;
+          function b() {
             try {
-              var f = new w("cat", { detail: { foo: "bar" } });
-              return f.type === "cat" && f.detail.foo === "bar";
+              var p = new C("cat", { detail: { foo: "bar" } });
+              return p.type === "cat" && p.detail.foo === "bar";
             } catch {
             }
             return !1;
           }
-          P.exports = h() ? w : (
+          w.exports = b() ? C : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(F, C) {
-              var I = document.createEvent("CustomEvent");
-              return C ? I.initCustomEvent(F, C.bubbles, C.cancelable, C.detail) : I.initCustomEvent(F, !1, !1, void 0), I;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(T, O) {
+              var d = document.createEvent("CustomEvent");
+              return O ? d.initCustomEvent(T, O.bubbles, O.cancelable, O.detail) : d.initCustomEvent(T, !1, !1, void 0), d;
             } : (
               // IE <= 8
-              function(F, C) {
-                var I = document.createEventObject();
-                return I.type = F, C ? (I.bubbles = !!C.bubbles, I.cancelable = !!C.cancelable, I.detail = C.detail) : (I.bubbles = !1, I.cancelable = !1, I.detail = void 0), I;
+              function(T, O) {
+                var d = document.createEventObject();
+                return d.type = T, O ? (d.bubbles = !!O.bubbles, d.cancelable = !!O.cancelable, d.detail = O.detail) : (d.bubbles = !1, d.cancelable = !1, d.detail = void 0), d;
               }
             )
           );
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      9: [function(E, P, B) {
-        var p = P.exports = {}, w, h;
-        function f() {
+      9: [function(I, w, B) {
+        var g = w.exports = {}, C, b;
+        function p() {
           throw new Error("setTimeout has not been defined");
         }
-        function F() {
+        function T() {
           throw new Error("clearTimeout has not been defined");
         }
         (function() {
           try {
-            typeof setTimeout == "function" ? w = setTimeout : w = f;
+            typeof setTimeout == "function" ? C = setTimeout : C = p;
           } catch {
-            w = f;
+            C = p;
           }
           try {
-            typeof clearTimeout == "function" ? h = clearTimeout : h = F;
+            typeof clearTimeout == "function" ? b = clearTimeout : b = T;
           } catch {
-            h = F;
+            b = T;
           }
         })();
-        function C(X) {
-          if (w === setTimeout)
-            return setTimeout(X, 0);
-          if ((w === f || !w) && setTimeout)
-            return w = setTimeout, setTimeout(X, 0);
+        function O(R) {
+          if (C === setTimeout)
+            return setTimeout(R, 0);
+          if ((C === p || !C) && setTimeout)
+            return C = setTimeout, setTimeout(R, 0);
           try {
-            return w(X, 0);
+            return C(R, 0);
           } catch {
             try {
-              return w.call(null, X, 0);
+              return C.call(null, R, 0);
             } catch {
-              return w.call(this, X, 0);
+              return C.call(this, R, 0);
             }
           }
         }
-        function I(X) {
-          if (h === clearTimeout)
-            return clearTimeout(X);
-          if ((h === F || !h) && clearTimeout)
-            return h = clearTimeout, clearTimeout(X);
+        function d(R) {
+          if (b === clearTimeout)
+            return clearTimeout(R);
+          if ((b === T || !b) && clearTimeout)
+            return b = clearTimeout, clearTimeout(R);
           try {
-            return h(X);
+            return b(R);
           } catch {
             try {
-              return h.call(null, X);
+              return b.call(null, R);
             } catch {
-              return h.call(this, X);
+              return b.call(this, R);
             }
           }
         }
-        var u = [], n = !1, o, s = -1;
-        function v() {
-          !n || !o || (n = !1, o.length ? u = o.concat(u) : s = -1, u.length && m());
+        var S = [], f = !1, r, i = -1;
+        function y() {
+          !f || !r || (f = !1, r.length ? S = r.concat(S) : i = -1, S.length && a());
         }
-        function m() {
-          if (!n) {
-            var X = C(v);
-            n = !0;
-            for (var l = u.length; l; ) {
-              for (o = u, u = []; ++s < l; )
-                o && o[s].run();
-              s = -1, l = u.length;
+        function a() {
+          if (!f) {
+            var R = O(y);
+            f = !0;
+            for (var l = S.length; l; ) {
+              for (r = S, S = []; ++i < l; )
+                r && r[i].run();
+              i = -1, l = S.length;
             }
-            o = null, n = !1, I(X);
+            r = null, f = !1, d(R);
           }
         }
-        p.nextTick = function(X) {
+        g.nextTick = function(R) {
           var l = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            for (var A = 1; A < arguments.length; A++)
-              l[A - 1] = arguments[A];
-          u.push(new Y(X, l)), u.length === 1 && !n && C(m);
+            for (var E = 1; E < arguments.length; E++)
+              l[E - 1] = arguments[E];
+          S.push(new F(R, l)), S.length === 1 && !f && O(a);
         };
-        function Y(X, l) {
-          this.fun = X, this.array = l;
+        function F(R, l) {
+          this.fun = R, this.array = l;
         }
-        Y.prototype.run = function() {
+        F.prototype.run = function() {
           this.fun.apply(null, this.array);
-        }, p.title = "browser", p.browser = !0, p.env = {}, p.argv = [], p.version = "", p.versions = {};
-        function j() {
+        }, g.title = "browser", g.browser = !0, g.env = {}, g.argv = [], g.version = "", g.versions = {};
+        function $() {
         }
-        p.on = j, p.addListener = j, p.once = j, p.off = j, p.removeListener = j, p.removeAllListeners = j, p.emit = j, p.prependListener = j, p.prependOnceListener = j, p.listeners = function(X) {
+        g.on = $, g.addListener = $, g.once = $, g.off = $, g.removeListener = $, g.removeAllListeners = $, g.emit = $, g.prependListener = $, g.prependOnceListener = $, g.listeners = function(R) {
           return [];
-        }, p.binding = function(X) {
+        }, g.binding = function(R) {
           throw new Error("process.binding is not supported");
-        }, p.cwd = function() {
+        }, g.cwd = function() {
           return "/";
-        }, p.chdir = function(X) {
+        }, g.chdir = function(R) {
           throw new Error("process.chdir is not supported");
-        }, p.umask = function() {
+        }, g.umask = function() {
           return 0;
         };
       }, {}],
-      10: [function(E, P, B) {
-        (function(p) {
-          var w = typeof p == "function", h;
-          w ? h = function(f) {
-            p(f);
-          } : h = function(f) {
-            setTimeout(f, 0);
-          }, P.exports = h;
-        }).call(this, E("timers").setImmediate);
+      10: [function(I, w, B) {
+        (function(g) {
+          var C = typeof g == "function", b;
+          C ? b = function(p) {
+            g(p);
+          } : b = function(p) {
+            setTimeout(p, 0);
+          }, w.exports = b;
+        }).call(this, I("timers").setImmediate);
       }, { timers: 11 }],
-      11: [function(E, P, B) {
-        (function(p, w) {
-          var h = E("process/browser.js").nextTick, f = Function.prototype.apply, F = Array.prototype.slice, C = {}, I = 0;
+      11: [function(I, w, B) {
+        (function(g, C) {
+          var b = I("process/browser.js").nextTick, p = Function.prototype.apply, T = Array.prototype.slice, O = {}, d = 0;
           B.setTimeout = function() {
-            return new u(f.call(setTimeout, window, arguments), clearTimeout);
+            return new S(p.call(setTimeout, window, arguments), clearTimeout);
           }, B.setInterval = function() {
-            return new u(f.call(setInterval, window, arguments), clearInterval);
-          }, B.clearTimeout = B.clearInterval = function(n) {
-            n.close();
+            return new S(p.call(setInterval, window, arguments), clearInterval);
+          }, B.clearTimeout = B.clearInterval = function(f) {
+            f.close();
           };
-          function u(n, o) {
-            this._id = n, this._clearFn = o;
+          function S(f, r) {
+            this._id = f, this._clearFn = r;
           }
-          u.prototype.unref = u.prototype.ref = function() {
-          }, u.prototype.close = function() {
+          S.prototype.unref = S.prototype.ref = function() {
+          }, S.prototype.close = function() {
             this._clearFn.call(window, this._id);
-          }, B.enroll = function(n, o) {
-            clearTimeout(n._idleTimeoutId), n._idleTimeout = o;
-          }, B.unenroll = function(n) {
-            clearTimeout(n._idleTimeoutId), n._idleTimeout = -1;
-          }, B._unrefActive = B.active = function(n) {
-            clearTimeout(n._idleTimeoutId);
-            var o = n._idleTimeout;
-            o >= 0 && (n._idleTimeoutId = setTimeout(function() {
-              n._onTimeout && n._onTimeout();
-            }, o));
-          }, B.setImmediate = typeof p == "function" ? p : function(n) {
-            var o = I++, s = arguments.length < 2 ? !1 : F.call(arguments, 1);
-            return C[o] = !0, h(function() {
-              C[o] && (s ? n.apply(null, s) : n.call(null), B.clearImmediate(o));
-            }), o;
-          }, B.clearImmediate = typeof w == "function" ? w : function(n) {
-            delete C[n];
+          }, B.enroll = function(f, r) {
+            clearTimeout(f._idleTimeoutId), f._idleTimeout = r;
+          }, B.unenroll = function(f) {
+            clearTimeout(f._idleTimeoutId), f._idleTimeout = -1;
+          }, B._unrefActive = B.active = function(f) {
+            clearTimeout(f._idleTimeoutId);
+            var r = f._idleTimeout;
+            r >= 0 && (f._idleTimeoutId = setTimeout(function() {
+              f._onTimeout && f._onTimeout();
+            }, r));
+          }, B.setImmediate = typeof g == "function" ? g : function(f) {
+            var r = d++, i = arguments.length < 2 ? !1 : T.call(arguments, 1);
+            return O[r] = !0, b(function() {
+              O[r] && (i ? f.apply(null, i) : f.call(null), B.clearImmediate(r));
+            }), r;
+          }, B.clearImmediate = typeof C == "function" ? C : function(f) {
+            delete O[f];
           };
-        }).call(this, E("timers").setImmediate, E("timers").clearImmediate);
+        }).call(this, I("timers").setImmediate, I("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
     }, {}, [2])(2);
   });
-})(tt);
-var En = tt.exports;
-const Je = /* @__PURE__ */ Tn(En);
-function On() {
-  let O;
-  function Z(n, o, s) {
-    const v = {};
-    return v.sourceElement = n, v.sourceContainer = s, v.targetContainer = o, v.sourceType = n.getAttribute("data-sourceType") || "move", v.controlType = n.getAttribute("data-controlType"), v.controlTypeName = n.getAttribute("data-controlTypeName"), v.controlCategory = n.getAttribute("data-category"), v.controlFeature = n.getAttribute("data-feature"), v.parentComponentInstance = o.componentInstance, v.controlCategory === "input" ? v.bindingType = "field" : v.controlCategory === "dataCollection" && (v.bindingType = "entity"), n.componentInstance && (v.controlType = n.componentInstance.value.schema.type, v.controlCategory = n.componentInstance.value.schema.category), v;
+})(nt);
+var Fn = nt.exports;
+const Ze = /* @__PURE__ */ On(Fn);
+function An(D) {
+  let z;
+  function I(r, i, y) {
+    const a = {};
+    return a.sourceElement = r, a.sourceContainer = y, a.targetContainer = i, a.sourceType = r.getAttribute("data-sourceType") || "move", a.controlType = r.getAttribute("data-controlType"), a.controlTypeName = r.getAttribute("data-controlTypeName"), a.controlCategory = r.getAttribute("data-category"), a.controlFeature = r.getAttribute("data-feature"), a.parentComponentInstance = i.componentInstance, a.controlCategory === "input" ? a.bindingType = "field" : a.controlCategory === "dataCollection" && (a.bindingType = "entity"), r.componentInstance && (a.controlType = r.componentInstance.value.schema.type, a.controlCategory = r.componentInstance.value.schema.category), a;
   }
-  function E(n, o, s) {
-    if (n.contains(o) || o.classList.contains("no-drop"))
+  function w(r, i, y) {
+    if (r.contains(i) || i.classList.contains("no-drop"))
       return !1;
-    const v = !0;
-    if (n.componentInstance && n.componentInstance.value.getDragScopeElement) {
-      const m = n.componentInstance.value.getDragScopeElement();
-      if (m && !m.contains(o))
+    const a = !0;
+    if (r.componentInstance && r.componentInstance.value.getDragScopeElement) {
+      const F = r.componentInstance.value.getDragScopeElement();
+      if (F && !F.contains(i))
         return !1;
     }
-    if (o.componentInstance && o.componentInstance.value.canAccepts) {
-      const m = Z(n, o, s);
-      return o.componentInstance.value.canAccepts(m);
+    if (i.componentInstance && i.componentInstance.value.canAccepts) {
+      const F = I(r, i, y);
+      return i.componentInstance.value.canAccepts(F);
     }
-    return v;
+    return a;
   }
-  function P(n, o) {
-    const s = o.getBoundingClientRect(), v = n.getBoundingClientRect(), m = v.top >= s.top, Y = v.top < s.bottom;
-    return m && Y;
+  function B(r, i) {
+    const y = i.getBoundingClientRect(), a = r.getBoundingClientRect(), F = a.top >= y.top, $ = a.top < y.bottom;
+    return F && $;
   }
-  function B(n, o) {
-    const s = n.querySelector(".dgComponentSelected");
-    if (!(!s || o === 0) && P(s, n)) {
-      const v = s.querySelector(".component-btn-group");
-      if (v) {
-        const m = v.querySelector("div");
-        if (m && m.style.top) {
-          const Y = Number.parseFloat(m.style.top);
-          m.style.top = Y - o + "px";
+  function g(r, i) {
+    const y = r.querySelector(".dgComponentSelected");
+    if (!(!y || i === 0) && B(y, r)) {
+      const a = y.querySelector(".component-btn-group");
+      if (a) {
+        const F = a.querySelector("div");
+        if (F && F.style.top) {
+          const $ = Number.parseFloat(F.style.top);
+          F.style.top = $ - i + "px";
         }
       }
     }
   }
-  function p(n, o, s) {
-    n.componentInstance;
-    let v = -1;
-    if (!o)
+  function C(r, i, y) {
+    r.componentInstance;
+    let a = -1;
+    if (!i)
       return -1;
-    if (n.componentInstance.value.contents) {
-      if (s && s.componentInstance) {
-        if (s.getAttribute("data-noattach"))
-          v = Number(s.getAttribute("data-position"));
+    if (r.componentInstance.value.contents) {
+      if (y && y.componentInstance) {
+        if (y.getAttribute("data-noattach"))
+          a = Number(y.getAttribute("data-position"));
         else {
-          const m = s.componentInstance.value.schema;
-          let Y = { id: m.id };
-          m.type === "Component" && (Y = { component: m.id }), v = Ye(n.componentInstance.value.contents, Y), v = v === -1 ? 0 : v;
+          const F = y.componentInstance.value.schema;
+          let $ = { id: F.id };
+          F.type === "Component" && ($ = { component: F.id }), a = Ye(r.componentInstance.value.contents, $), a = a === -1 ? 0 : a;
         }
-        v !== -1 && n.componentInstance.value.contents.splice(v, 0, o);
+        a !== -1 && r.componentInstance.value.contents.splice(a, 0, i);
       } else
-        n.componentInstance.value.contents.push(o);
-      n.componentInstance.value.updateDragAndDropRules();
+        r.componentInstance.value.contents.push(i);
+      r.componentInstance.value.updateDragAndDropRules();
     }
-    return v;
+    return a;
   }
-  function w(n, o) {
-    if (!n.componentInstance.value.contents)
+  function b(r, i) {
+    if (!r.componentInstance.value.contents)
       return -1;
-    if (n.componentInstance.value.contents.length === 0)
+    if (r.componentInstance.value.contents.length === 0)
       return 0;
-    if (!o || !o.componentInstance)
-      return n.componentInstance.value.contents.length;
-    if (o.getAttribute("data-noattach"))
-      return Number(o.getAttribute("data-position"));
-    const s = o.componentInstance.value.schema;
-    let v;
-    s.type === "Component" ? v = { component: s.id } : v = { id: s.id };
-    let m = Ye(n.componentInstance.value.contents, v);
-    return m = m === -1 ? 0 : m, m;
+    if (!i || !i.componentInstance)
+      return r.componentInstance.value.contents.length;
+    if (i.getAttribute("data-noattach"))
+      return Number(i.getAttribute("data-position"));
+    const y = i.componentInstance.value.schema;
+    let a;
+    y.type === "Component" ? a = { component: y.id } : a = { id: y.id };
+    let F = Ye(r.componentInstance.value.contents, a);
+    return F = F === -1 ? 0 : F, F;
   }
-  function h(n, o, s, v) {
-    if (o.componentInstance.value.addNewChildComponentSchema) {
-      const m = w(o, v), Y = String(n.getAttribute("data-controltype")), j = n.getAttribute("data-feature"), X = String(n.innerText), l = o.componentInstance.value, A = { componentType: Y, label: X, parentComponentInstance: l, targetPosition: m }, U = j ? JSON.parse(j) : {}, $ = Object.assign(A, U), re = o.componentInstance.value.addNewChildComponentSchema($);
-      p(o, re, v);
+  function p(r, i, y, a) {
+    if (i.componentInstance.value.addNewChildComponentSchema) {
+      const F = b(i, a), $ = String(r.getAttribute("data-controltype")), R = r.getAttribute("data-feature"), l = String(r.innerText), E = i.componentInstance.value, U = { componentType: $, label: l, parentComponentInstance: E, targetPosition: F }, Y = R ? JSON.parse(R) : {}, re = Object.assign(U, Y), Q = i.componentInstance.value.addNewChildComponentSchema(re, D);
+      C(i, Q, a);
     }
-    o.contains(n) && o.removeChild(n);
+    i.contains(r) && i.removeChild(r);
   }
-  function f(n, o, s, v) {
-    let m, Y = -1;
-    if (n.componentInstance && n.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
-      const l = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-      l && (n = q(l.elementRef).value.parentElement, s = n.parentElement);
+  function T(r, i, y, a) {
+    let F, $ = -1;
+    if (r.componentInstance && r.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
+      const E = r.componentInstance.value.getBelongedComponentInstance(r.componentInstance);
+      E && (r = H(E.elementRef).value.parentElement, y = r.parentElement);
     }
-    const j = n.componentInstance && n.componentInstance.value.schema, X = { id: j && j.id };
-    Y = Ye(s.componentInstance.value.contents, X), Y !== -1 && s.componentInstance.value.contents && (m = s.componentInstance.value.contents.splice(Y, 1), m = m[0]), p(o, m, v), s.componentInstance && s.componentInstance.value.onChildElementMovedOut && s.componentInstance.value.onChildElementMovedOut(n), o.componentInstance && o.componentInstance.value.onAcceptMovedChildElement && o.componentInstance.value.onAcceptMovedChildElement(n, s);
+    const R = r.componentInstance && r.componentInstance.value.schema;
+    let l = { id: R && R.id };
+    R.type === "component" && (l = { component: R && R.id }), $ = Ye(y.componentInstance.value.contents, l), $ !== -1 && y.componentInstance.value.contents && (F = y.componentInstance.value.contents.splice($, 1), F = F[0]), C(i, F, a), y.componentInstance && y.componentInstance.value.onChildElementMovedOut && y.componentInstance.value.onChildElementMovedOut(r), i.componentInstance && i.componentInstance.value.onAcceptMovedChildElement && i.componentInstance.value.onAcceptMovedChildElement(r, y);
   }
-  function F(n, o, s, v) {
-    if (!o || n.contains(o))
+  function O(r, i, y, a) {
+    if (!i || r.contains(i))
       return;
-    switch (n.getAttribute("data-sourceType")) {
+    switch (r.getAttribute("data-sourceType")) {
       case "control":
       case "field":
       case "entity": {
-        h(n, o, s, v);
+        p(r, i, y, a);
         break;
       }
       default:
-        s.componentInstance.value.contents ? f(n, o, s, v) : o.contains(n) && o.removeChild(n);
+        y.componentInstance.value.contents ? T(r, i, y, a) : i.contains(r) && i.removeChild(r);
     }
     Oe.value++;
   }
-  function C(n) {
-    O && O.destroy(), Je && (O = Je([], {
+  function d(r) {
+    z && z.destroy(), Ze && (z = Ze([], {
       // 镜像容器
-      mirrorContainer: n,
+      mirrorContainer: r,
       direction: "mixed",
       revertOnSpill: !0,
       // 判断是否可移动
-      moves(o, s, v) {
-        let m = !0;
-        return o.classList.contains("no-drag") && (m = !1), o.componentInstance && (m = !!v.getAttribute("data-dragging-icon")), m;
+      moves(i, y, a) {
+        let F = !0;
+        return i.classList.contains("no-drag") && (F = !1), i.componentInstance && (F = !!a.getAttribute("data-dragging-icon")), F;
       },
       // 判断是否可拷贝
-      copy(o) {
-        return o.classList.contains("drag-copy");
+      copy(i) {
+        return i.classList.contains("drag-copy");
       },
       // 获取镜像元素的文本内容
-      getMirrorText(o) {
-        return o.componentInstance && o.componentInstance.value.getDraggingDisplayText ? o.componentInstance.value.getDraggingDisplayText() : o.innerText || "控件";
+      getMirrorText(i) {
+        return i.componentInstance && i.componentInstance.value.getDraggingDisplayText ? i.componentInstance.value.getDraggingDisplayText() : i.innerText || "控件";
       },
       // 判断目标区域是否可接收拖拽的控件
-      accepts(o, s, v) {
-        const m = E(o, s, v), Y = n.lastElementChild;
-        return m ? Y.className = Y.className.replace("undroppable", "") : Y.className.includes("undroppable") || (Y.className += " undroppable"), m;
+      accepts(i, y, a) {
+        const F = w(i, y, a), $ = r.lastElementChild;
+        return F ? $.className = $.className.replace("undroppable", "") : $.className.includes("undroppable") || ($.className += " undroppable"), F;
       }
-    }).on("over", (o, s) => {
-      s.className += " drag-over";
-    }).on("out", (o, s) => {
-      s.className = s.className.replace("drag-over", "").replace("  ", "");
-    }).on("drop", (o, s, v, m) => {
-      F(o, s, v, m);
-    }).on("dragend", (o, s) => {
-      B(o, s);
+    }).on("over", (i, y) => {
+      y.className += " drag-over";
+    }).on("out", (i, y) => {
+      y.className = y.className.replace("drag-over", "").replace("  ", "");
+    }).on("drop", (i, y, a, F) => {
+      O(i, y, a, F);
+    }).on("dragend", (i, y) => {
+      g(i, y);
     }));
   }
-  function I(n, o) {
-    if (!n)
+  function S(r, i) {
+    if (!r)
       return;
-    if (o.noDragDrop)
-      return n;
-    const s = n.querySelector(`[data-dragref='${o.id}-container']`) || n;
-    O && s && O.containers.push(s);
+    if (i.noDragDrop)
+      return r;
+    const y = r.querySelector(`[data-dragref='${i.id}-container']`) || r;
+    z && y && z.containers.push(y);
   }
-  function u() {
-    if (!O)
+  function f() {
+    if (!z)
       return;
-    const n = document.getElementsByClassName("controlCategory");
-    n && (O.containers = O.containers.filter(
-      (o) => !o.className.includes("controlCategory")
-    ), Array.from(n).forEach((o) => {
-      O.containers.push(o);
+    const r = document.getElementsByClassName("controlCategory");
+    r && (z.containers = z.containers.filter(
+      (i) => !i.className.includes("controlCategory")
+    ), Array.from(r).forEach((i) => {
+      z.containers.push(i);
     }));
   }
-  return { attachComponents: I, attachToolbox: u, initializeDragula: C };
+  return { attachComponents: S, attachToolbox: f, initializeDragula: d };
 }
-const Fn = {
+const Nn = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -1301,107 +1304,115 @@ const Fn = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, M = {}, _ = {}, L = {};
-let Ze = !1;
-function An() {
-  Ze || (Ze = !0, Ct.registerDesigner(M, _, L), ht.registerDesigner(M, _, L), xt.registerDesigner(M, _, L), wt.registerDesigner(M, _, L), bt.registerDesigner(M, _, L), Pt.registerDesigner(M, _, L), It.registerDesigner(M, _, L), St.registerDesigner(M, _, L), Tt.registerDesigner(M, _, L), Et.registerDesigner(M, _, L), Ot.registerDesigner(M, _, L), Ft.registerDesigner(M, _, L), At.registerDesigner(M, _, L), Nt.registerDesigner(M, _, L), Bt.registerDesigner(M, _, L), Dt.registerDesigner(M, _), Mt.registerDesigner(M, _, L), _t.registerDesigner(M, _, L), Lt.registerDesigner(M, _, L), Rt.registerDesigner(M, _, L), Vt.registerDesigner(M, _, L), kt.registerDesigner(M, _, L), $t.registerDesigner(M, _, L), Xt.registerDesigner(M, _, L), jt.registerDesigner(M, _, L), Yt.registerDesigner(M, _, L), zt.registerDesigner(M, _, L), Ut.registerDesigner(M, _, L), Ht.registerDesigner(M, _, L), Wt.registerDesigner(M, _, L), qt.registerDesigner(M, _, L), Gt.registerDesigner(M, _, L), Kt.registerDesigner(M, _, L), Zt.registerDesigner(M, _, L), en.registerDesigner(M, _, L), Jt.registerDesigner(M, _, L), Qt.registerDesigner(M, _, L), tn.registerDesigner(M, _, L), nn.registerDesigner(M, _, L), on.registerDesigner(M, _, L), rn.registerDesigner(M, _, L), sn.registerDesigner(M, _, L), an.registerDesigner(M, _, L), cn.registerDesigner(M, _, L), ln.registerDesigner(M, _, L), un.registerDesigner(M, _, L), gn.registerDesigner(M, _, L), fn.registerDesigner(M, _, L), dn.registerDesigner(M, _, L), pn.registerDesigner(M, _, L), mn.registerDesigner(M, _, L), vn.registerDesigner(M, _, L), yn.registerDesigner(M, _), hn.registerDesigner(M, _, L), Cn.registerDesigner(M, _, L));
+}, M = {}, _ = {}, k = {};
+let et = !1;
+function Dn() {
+  et || (et = !0, xt.registerDesigner(M, _, k), Ct.registerDesigner(M, _, k), bt.registerDesigner(M, _, k), wt.registerDesigner(M, _, k), Pt.registerDesigner(M, _, k), It.registerDesigner(M, _, k), St.registerDesigner(M, _, k), Tt.registerDesigner(M, _, k), Et.registerDesigner(M, _, k), Ot.registerDesigner(M, _, k), Ft.registerDesigner(M, _, k), At.registerDesigner(M, _, k), Nt.registerDesigner(M, _, k), Dt.registerDesigner(M, _, k), Mt.registerDesigner(M, _, k), Bt.registerDesigner(M, _), _t.registerDesigner(M, _, k), Lt.registerDesigner(M, _, k), kt.registerDesigner(M, _, k), Rt.registerDesigner(M, _, k), Xt.registerDesigner(M, _, k), Vt.registerDesigner(M, _, k), Yt.registerDesigner(M, _, k), $t.registerDesigner(M, _, k), zt.registerDesigner(M, _, k), jt.registerDesigner(M, _, k), Ut.registerDesigner(M, _, k), Ht.registerDesigner(M, _, k), Wt.registerDesigner(M, _, k), qt.registerDesigner(M, _, k), Gt.registerDesigner(M, _, k), Kt.registerDesigner(M, _, k), Qt.registerDesigner(M, _, k), en.registerDesigner(M, _, k), tn.registerDesigner(M, _, k), Zt.registerDesigner(M, _, k), Jt.registerDesigner(M, _, k), nn.registerDesigner(M, _, k), on.registerDesigner(M, _, k), rn.registerDesigner(M, _, k), sn.registerDesigner(M, _, k), an.registerDesigner(M, _, k), cn.registerDesigner(M, _, k), ln.registerDesigner(M, _, k), un.registerDesigner(M, _, k), fn.registerDesigner(M, _, k), yn.registerDesigner(M, _, k), dn.registerDesigner(M, _, k), pn.registerDesigner(M, _, k), mn.registerDesigner(M, _, k), vn.registerDesigner(M, _, k), gn.registerDesigner(M, _, k), hn.registerDesigner(M, _), Cn.registerDesigner(M, _, k), xn.registerDesigner(M, _, k), bn.registerDesigner(M, _, k));
 }
-const Nn = {
+const Bn = {
   id: { type: String }
-}, Dn = /* @__PURE__ */ Fe({
+}, Mn = /* @__PURE__ */ Fe({
   name: "FDesignerPlaceholder",
-  props: Nn,
+  props: Bn,
   emits: [],
-  setup(O) {
-    const Z = Te(() => ({
+  setup(D) {
+    const z = Te(() => ({
       "drag-and-drop-alert": !0,
-      alert: !0,
-      "alert-info": !0,
       "no-drag": !0,
       "w-100": !0
-    })), E = Te(() => ({
+    })), I = Te(() => ({
       height: "60px",
       display: "flex",
       "justify-content": "center",
       "align-items": "center",
-      margin: 0
+      margin: 0,
+      padding: ".75rem 1.25rem",
+      border: "1px solid transparent",
+      "border-radius": "3px",
+      color: "#315585",
+      "background-color": "#dfedff",
+      "border-color": "#d2e6ff"
     }));
     return () => J("div", {
-      class: Z.value,
-      style: E.value,
+      class: z.value,
+      style: I.value,
       role: "alert",
       "data-noattach": "true",
       "data-position": "0"
-    }, [vt("拖拽组件到这里")]);
+    }, [gt("拖拽组件到这里")]);
   }
 });
-function Bn(O) {
-  return typeof O == "function" || Object.prototype.toString.call(O) === "[object Object]" && !yt(O);
+function _n(D) {
+  return typeof D == "function" || Object.prototype.toString.call(D) === "[object Object]" && !ht(D);
 }
-const je = /* @__PURE__ */ Fe({
+const ze = /* @__PURE__ */ Fe({
   name: "FDesignerItem",
-  props: Fn,
+  props: Nn,
   emits: ["selectionChange"],
-  setup(O, Z) {
-    const E = q(`${O.modelValue.id}-component`), P = q(O.canMove), B = q(O.canDelete), p = q(!1), w = q(O.modelValue), h = q(O.componentId || ""), f = q(""), F = q(""), C = q(), I = me("canvas-dragula"), u = q(), n = me("design-item-context"), o = {
-      designerItemElementRef: C,
-      componentInstance: u,
-      schema: w.value,
-      parent: n,
-      setupContext: Z
+  setup(D, z) {
+    const I = H(`${D.modelValue.id}-component`), w = H(D.canMove), B = H(D.canDelete), g = H(!1), C = H(D.modelValue), b = H(D.componentId || ""), p = H(""), T = H(""), O = H(D.customClass), d = H(), S = me("canvas-dragula"), f = H(), r = me("design-item-context"), i = {
+      designerItemElementRef: d,
+      componentInstance: f,
+      schema: C.value,
+      parent: r,
+      setupContext: z
     };
-    Ee("design-item-context", o);
-    const s = me("useFormSchema"), v = Te(() => {
-      const g = O.modelValue.appearance && O.modelValue.appearance.class || "", S = {
+    Ee("design-item-context", i);
+    const y = me("useFormSchema"), a = Te(() => {
+      const u = D.modelValue.appearance && D.modelValue.appearance.class || "";
+      let A = {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
-        "flex-fill": w.value.id == "root-component",
-        "position-relative": P.value && B.value,
-        "farris-nested": p.value,
-        "can-move": P.value,
-        "d-none": C.value && C.value.classList.contains("d-none")
+        "flex-fill": C.value.id == "root-component",
+        "position-relative": w.value && B.value,
+        "farris-nested": g.value,
+        "can-move": w.value,
+        "d-none": d.value && d.value.classList.contains("d-none"),
+        dgComponentSelected: d.value && d.value.classList.contains("dgComponentSelected"),
+        dgComponentFocused: d.value && d.value.classList.contains("dgComponentFocused")
       };
-      return S[`farris-component-${w.value.type}`] = !0, g && g.split(" ").reduce((N, e) => (N[e] = !0, N), S), F.value && F.value.split(" ").reduce((N, e) => (N[e] = !0, N), S), S;
-    }), m = Te(() => {
-      const g = {}, S = O.modelValue.appearance && O.modelValue.appearance.style || "";
-      return S && S.split(";").reduce((N, e) => {
-        const [t, a] = e.split(":");
-        return N[t] = a, N;
-      }, g), f.value && f.value.split(";").reduce((N, e) => {
-        const [t, a] = e.split(":");
-        return t && (N[t] = a), N;
-      }, g), g;
+      return A[`farris-component-${C.value.type}`] = !0, A = je(A, u), A = je(A, T.value), A = je(A, O.value), A;
+    }), F = Te(() => {
+      const u = {}, A = D.modelValue.appearance && D.modelValue.appearance.style || "";
+      return A && A.split(";").reduce((e, t) => {
+        const [c, v] = t.split(":");
+        return e[c] = v, e;
+      }, u), p.value && p.value.split(";").reduce((e, t) => {
+        const [c, v] = t.split(":");
+        return c && (e[c] = v), e;
+      }, u), u;
     });
-    function Y(g, S) {
-      var N, e, t;
-      if (g && (g.preventDefault(), g.stopPropagation()), u.value.triggerBelongedComponentToDeleteWhenDeleted) {
-        const a = u.value.getBelongedComponentInstance(u);
-        if (a && a.parent) {
-          const b = q(a == null ? void 0 : a.parent), c = b.value.contents.findIndex((i) => i.id === a.schema.id);
-          (e = (N = b.value) == null ? void 0 : N.contents) == null || e.splice(c, 1), (t = b.value) == null || t.updateDragAndDropRules(), Oe.value++;
+    function $(u, A) {
+      var c, v, s;
+      if (u && (u.preventDefault(), u.stopPropagation()), f.value.triggerBelongedComponentToDeleteWhenDeleted) {
+        const n = f.value.getBelongedComponentInstance(f);
+        if (n && n.parent) {
+          const j = H(n == null ? void 0 : n.parent), L = j.value.contents.findIndex((ee) => ee.id === n.schema.id);
+          (v = (c = j.value) == null ? void 0 : c.contents) == null || v.splice(L, 1), (s = j.value) == null || s.updateDragAndDropRules(), Oe.value++;
         }
         return;
       }
-      if (n && n.schema.contents) {
-        const a = n.schema.contents.findIndex((b) => b.id === S.id);
-        n.schema.contents.splice(a, 1), n.componentInstance.value.updateDragAndDropRules(), Oe.value++;
+      let e = r, t = (n) => n.id === A.id;
+      if (A.type === "component" && (e = r == null ? void 0 : r.parent, t = (n) => n.component === A.id), e && e.schema.contents) {
+        const n = e.schema.contents.findIndex(t);
+        e.schema.contents.splice(n, 1), e.componentInstance.value.updateDragAndDropRules(), Oe.value++, z.emit("selectionChange");
       }
     }
-    function j(g) {
+    function R(u) {
       return B.value && J("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: (S) => {
-          Y(S, g);
+        onClick: (A) => {
+          $(A, u);
         }
       }, [J("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function X() {
-      return P.value && J("div", {
+    function l() {
+      return w.value && J("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
@@ -1411,113 +1422,107 @@ const je = /* @__PURE__ */ Fe({
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function l() {
-      return O.customButtons && !!O.customButtons.length && O.customButtons.map((g) => J("div", {
+    function E() {
+      return D.customButtons && !!D.customButtons.length && D.customButtons.map((u) => J("div", {
         role: "button",
-        class: `btn component-settings-button ${g.class || ""}`,
-        title: g.title,
-        ref: g.id
+        class: `btn component-settings-button ${u.class || ""}`,
+        title: u.title,
+        ref: u.id
       }, [J("i", {
-        class: g.icon
+        class: u.icon
       }, null)]));
     }
-    function A(g) {
+    function U(u) {
       return J("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [J("div", null, [j(g), X(), l()])]);
+      }, [J("div", null, [R(u), l(), E()])]);
     }
-    function U(g, S, N, e) {
-      Z.emit("selectionChange", g, S, N, e);
+    function Y(u, A, e, t) {
+      z.emit("selectionChange", u, A, e, t);
     }
-    function $(g) {
-      let S;
-      const N = g.type, e = M[N], t = _[N], a = t ? t(g) : {};
-      a.customClass = O.ignore ? a.customClass : "", a.componentId = h.value;
-      const b = g.contents && g.contents.length === 0;
-      return g.contents && !!g.contents.length && e ? J(e, $e({
-        ref: u
-      }, a), Bn(S = g.contents.map((i) => J(je, {
-        key: i.id,
-        modelValue: i,
-        "onUpdate:modelValue": (z) => i = z,
-        componentId: h.value,
-        onSelectionChange: U
-      }, null))) ? S : {
-        default: () => [S]
-      }) : e ? b ? J(e, $e({
-        ref: u
-      }, a), {
-        default: () => [J(Dn, null, null)]
-      }) : J(e, $e({
-        ref: u
-      }, a), null) : J("div", null, null);
+    function re(u) {
+      let A;
+      const e = u.type, t = M[e], c = _[e], v = c ? c(u) : {};
+      v.customClass = D.ignore ? v.customClass : "", v.componentId = b.value;
+      const s = u.contents && u.contents.length === 0;
+      return u.contents && !!u.contents.length && t ? J(t, $e({
+        ref: f
+      }, v), _n(A = u.contents.map((j) => J(ze, {
+        key: j.id,
+        modelValue: j,
+        "onUpdate:modelValue": (L) => j = L,
+        componentId: b.value,
+        onSelectionChange: Y
+      }, null))) ? A : {
+        default: () => [A]
+      }) : t ? s ? J(t, $e({
+        ref: f
+      }, v), {
+        default: () => [J(Mn, null, null)]
+      }) : J(t, $e({
+        ref: f
+      }, v), null) : J("div", null, null);
     }
-    function re(g) {
-      if (g.type === "component-ref") {
-        let N = s == null ? void 0 : s.getFormSchema().module.components.find((e) => e.id === g.component);
-        if (N)
-          return J(je, {
-            key: N.id,
-            modelValue: N,
-            "onUpdate:modelValue": (e) => N = e,
-            componentId: N.id,
-            onSelectionChange: U
+    function Q(u) {
+      if (u.type === "component-ref") {
+        let e = y == null ? void 0 : y.getFormSchema().module.components.find((t) => t.id === u.component);
+        if (e)
+          return J(ze, {
+            key: e.id,
+            modelValue: e,
+            "onUpdate:modelValue": (t) => e = t,
+            componentId: e.id,
+            onSelectionChange: Y
           }, null);
       }
     }
-    ze(() => O.modelValue, (g) => {
-      w.value = g, E.value = `${g.id}-component`;
+    Ue(() => D.modelValue, (u) => {
+      C.value = u, I.value = `${u.id}-component`;
     });
-    function Q(g) {
-      const S = g.target;
-      et(S);
+    function m(u) {
+      const A = u.target;
+      tt(A);
     }
-    function d() {
-      var g, S;
-      (S = (g = w.value) == null ? void 0 : g.contents) != null && S.length && C.value && C.value.addEventListener("scroll", Q);
+    function G() {
+      var u, A;
+      (A = (u = C.value) == null ? void 0 : u.contents) != null && A.length && d.value && d.value.addEventListener("scroll", m);
     }
-    Ue(() => {
-      if (C.value && u.value && u.value.schema) {
-        const g = C.value.querySelector(`[data-dragref='${u.value.schema.id}-container']`);
-        I && g && I.attachComponents(g, w.value), p.value = u.value.canNested !== void 0 ? u.value.canNested : p.value, B.value = u.value.canDelete !== void 0 ? u.value.canDelete : B.value, P.value = u.value.canMove !== void 0 ? u.value.canMove : P.value, f.value = u.value.styles || "", F.value = u.value.designerClass || "", C.value && (C.value.componentInstance = u, C.value.designItemContext = o);
+    He(() => {
+      if (d.value && f.value && f.value.schema) {
+        const u = d.value.querySelector(`[data-dragref='${f.value.schema.id}-container']`);
+        S && u && S.attachComponents(u, C.value), g.value = f.value.canNested !== void 0 ? f.value.canNested : g.value, B.value = f.value.canDelete !== void 0 ? f.value.canDelete : B.value, w.value = f.value.canMove !== void 0 ? f.value.canMove : w.value, p.value = f.value.styles || "", T.value = f.value.designerClass || "", d.value && (d.value.componentInstance = f, d.value.designItemContext = i);
       }
-      d(), Oe.value++;
-    }), gt(() => {
-      C.value && C.value.removeEventListener("scroll", Q);
+      G(), Oe.value++;
+    }), yt(() => {
+      d.value && d.value.removeEventListener("scroll", m);
     });
-    function G(g) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((N) => N.classList.remove("dgComponentFocused")), g && (g.preventDefault(), g.stopPropagation());
-      const S = C.value;
-      if (S) {
-        const N = document.getElementsByClassName("dgComponentSelected");
-        if (!(N && N.length === 1 && N[0] === C.value) && (Array.from(N).forEach((t) => t.classList.remove("dgComponentSelected")), S.classList.add("dgComponentFocused"), Z.emit("selectionChange", w.value.type, w.value, h.value, u.value), u.value.getDraggableDesignItemElement)) {
-          const t = u.value.getDraggableDesignItemElement(o);
-          t && t.value && t.value.classList.add("dgComponentSelected");
+    function Z(u) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((e) => e.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
+      const A = d.value;
+      if (A) {
+        const e = document.getElementsByClassName("dgComponentSelected");
+        if (!(e && e.length === 1 && e[0] === d.value) && (Array.from(e).forEach((c) => c.classList.remove("dgComponentSelected")), A.classList.add("dgComponentFocused"), z.emit("selectionChange", C.value.type, C.value, b.value, f.value), f.value.getDraggableDesignItemElement)) {
+          const c = f.value.getDraggableDesignItemElement(i);
+          c && c.value && c.value.classList.add("dgComponentSelected");
         }
       }
-      Q(g);
+      m(u);
     }
-    return () => w.value.type === "component-ref" ? re(w.value) : J("div", {
-      id: `${w.value.id}-design-item`,
-      ref: C,
-      class: v.value,
-      style: m.value,
-      onClick: G
-    }, [A(w.value), $(w.value)]);
+    return () => C.value.type === "component-ref" ? Q(C.value) : J("div", {
+      id: `${C.value.id}-design-item`,
+      ref: d,
+      class: a.value,
+      style: F.value,
+      onClick: Z
+    }, [U(C.value), re(C.value)]);
   }
-}), Mn = /* @__PURE__ */ Fe({
+}), Ln = /* @__PURE__ */ Fe({
   name: "FDesignerCanvas",
-  props: Sn,
+  props: En,
   emits: ["init", "selectionChange", "canvasChanged"],
-  setup(O, Z) {
-    const E = q(), P = q(), B = q(), p = q(), w = q(), h = On(), f = q(O.componentId);
-    An(), Ee("canvas-dragula", h), Ee("design-item-context", {
-      designerItemElementRef: p,
-      componentInstance: w,
-      schema: P.value,
-      parent: void 0
-    }), Ee("designer-host-service", {
+  setup(D, z) {
+    const I = H(), w = H(), B = H(), g = H(), C = H(), b = H(D.componentId), p = {
       eventsEditorUtils: me("eventsEditorUtils"),
       formSchemaUtils: me("useFormSchema"),
       formMetadataConverter: me("formMetadataConverter"),
@@ -1525,21 +1530,29 @@ const je = /* @__PURE__ */ Fe({
       controlCreatorUtils: me("controlCreatorUtils"),
       metadataService: me("Meatdata_Http_Service_Token"),
       schemaService: me("schemaService")
+    };
+    Ee("designer-host-service", p);
+    const T = An(p);
+    Dn(), Ee("canvas-dragula", T), Ee("design-item-context", {
+      designerItemElementRef: g,
+      componentInstance: C,
+      schema: w.value,
+      parent: void 0
     });
-    const F = Te(() => ({
+    const O = Te(() => ({
       "d-flex": !0,
       "flex-fill": !0,
       "flex-column": !0
     }));
-    Ue(() => {
-      B.value && h.initializeDragula(B.value), E.value = O.modelValue, Z.emit("init", h);
-    }), ze(Oe, () => {
-      et(B.value), Z.emit("canvasChanged");
+    He(() => {
+      B.value && T.initializeDragula(B.value), I.value = D.modelValue, z.emit("init", T);
+    }), Ue(Oe, () => {
+      tt(B.value), z.emit("canvasChanged");
     }, {
       flush: "post"
     });
-    function C(I, u, n, o) {
-      Z.emit("selectionChange", I, u, n, o);
+    function d(S, f, r, i) {
+      z.emit("selectionChange", S, f, r, i);
     }
     return () => J("div", {
       class: "editorDiv flex-fill h-100"
@@ -1547,155 +1560,155 @@ const je = /* @__PURE__ */ Fe({
       class: "editorPanel d-flex flex-fill flex-column PC"
     }, [J("div", {
       ref: B,
-      class: F.value
-    }, [E.value && J(je, {
-      modelValue: E.value,
-      "onUpdate:modelValue": (I) => E.value = I,
-      onSelectionChange: C,
-      componentId: f.value
+      class: O.value
+    }, [I.value && J(ze, {
+      modelValue: I.value,
+      "onUpdate:modelValue": (S) => I.value = S,
+      onSelectionChange: d,
+      componentId: b.value
     }, null)])])]);
   }
-}), _n = /* @__PURE__ */ Fe({
+}), kn = /* @__PURE__ */ Fe({
   name: "FFlowNodeItem",
-  props: Pn,
+  props: Sn,
   emits: [],
-  setup(O, Z) {
-    const E = q(O.id), P = q(O.modelValue), B = q(), p = me("use-drawing-bezier-composition"), {
-      drawFrom: w,
-      eraseDrawingLine: h,
-      finishToDraw: f,
-      getAncherPointPosition: F,
-      isAncherPoint: C
-    } = p, I = me("use-bezier-curve-composition"), {
-      connect: u
-    } = I, n = me("use-connections-composition"), {
-      addConnection: o,
-      getConnectionsOfNode: s
-    } = n;
-    new Map(O.connection);
-    const v = Te(() => ({
-      left: `${O.x}px`,
-      top: `${O.y}px`
+  setup(D, z) {
+    const I = H(D.id), w = H(D.modelValue), B = H(), g = me("use-drawing-bezier-composition"), {
+      drawFrom: C,
+      eraseDrawingLine: b,
+      finishToDraw: p,
+      getAncherPointPosition: T,
+      isAncherPoint: O
+    } = g, d = me("use-bezier-curve-composition"), {
+      connect: S
+    } = d, f = me("use-connections-composition"), {
+      addConnection: r,
+      getConnectionsOfNode: i
+    } = f;
+    new Map(D.connection);
+    const y = Te(() => ({
+      left: `${D.x}px`,
+      top: `${D.y}px`
     }));
-    function m(l, A) {
-      if (C(l) && C(A)) {
-        const U = F(l), $ = F(A);
-        u(l.id, A.id, U, $);
-        const re = l.id, Q = A.id, d = re.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0], G = Q.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0];
-        o(d, re, G, Q);
+    function a(l, E) {
+      if (O(l) && O(E)) {
+        const U = T(l), Y = T(E);
+        S(l.id, E.id, U, Y);
+        const re = l.id, Q = E.id, m = re.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0], G = Q.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0];
+        r(m, re, G, Q);
       }
     }
-    function Y(l) {
-      var A;
-      document.removeEventListener("mouseup", Y), f(l), h(`${(A = B.value) == null ? void 0 : A.id}_curve_to`), m(B.value, l.target);
+    function F(l) {
+      var E;
+      document.removeEventListener("mouseup", F), p(l), b(`${(E = B.value) == null ? void 0 : E.id}_curve_to`), a(B.value, l.target);
     }
-    function j(l, A) {
-      B.value = document.getElementById(l), w(l, A), document.addEventListener("mouseup", Y), A.stopPropagation();
+    function $(l, E) {
+      B.value = document.getElementById(l), C(l, E), document.addEventListener("mouseup", F), E.stopPropagation();
     }
-    ze([() => O.x, () => O.y], () => {
-      const l = s(E.value);
-      l.length && l.forEach((A) => {
-        const U = document.getElementById(A.from), $ = document.getElementById(A.to);
-        U && $ && m(U, $);
+    Ue([() => D.x, () => D.y], () => {
+      const l = i(I.value);
+      l.length && l.forEach((E) => {
+        const U = document.getElementById(E.from), Y = document.getElementById(E.to);
+        U && Y && a(U, Y);
       });
     });
-    const X = Te(() => ({
+    const R = Te(() => ({
       "node-content": !0
     }));
     return () => J("div", {
-      id: E.value,
+      id: I.value,
       class: "br-node",
-      style: v.value
+      style: y.value
     }, [J("div", {
-      id: `${E.value}-left-point`,
+      id: `${I.value}-left-point`,
       class: "f-flow-ancher circle-left",
-      onMousedown: (l) => j(`${E.value}-left-point`, l)
+      onMousedown: (l) => $(`${I.value}-left-point`, l)
     }, null), J("div", {
-      id: `${E.value}-top-point`,
+      id: `${I.value}-top-point`,
       class: "f-flow-ancher circle-top",
-      onMousedown: (l) => j(`${E.value}-top-point`, l)
+      onMousedown: (l) => $(`${I.value}-top-point`, l)
     }, null), J("div", {
-      id: `${E.value}-content`,
-      class: X.value,
+      id: `${I.value}-content`,
+      class: R.value,
       style: "min-width:200px;min-height:200px;"
-    }, [P.value && J(Mn, {
-      modelValue: P.value,
-      "onUpdate:modelValue": (l) => P.value = l
+    }, [w.value && J(Ln, {
+      modelValue: w.value,
+      "onUpdate:modelValue": (l) => w.value = l
     }, null)]), J("div", {
-      id: `${E.value}-right-point`,
+      id: `${I.value}-right-point`,
       class: "f-flow-ancher circle-right",
-      onMousedown: (l) => j(`${E.value}-right-point`, l)
+      onMousedown: (l) => $(`${I.value}-right-point`, l)
     }, null), J("div", {
-      id: `${E.value}-bottom-point`,
+      id: `${I.value}-bottom-point`,
       class: "f-flow-ancher circle-bottom",
-      onMousedown: (l) => j(`${E.value}-bottom-point`, l)
+      onMousedown: (l) => $(`${I.value}-bottom-point`, l)
     }, null)]);
   }
 });
-function Ln(O) {
-  const Z = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-  function P(w, h) {
-    const f = E.get(w) || [];
-    f.filter(
-      (C) => h.from === C.from && h.to === C.to
-    ).length > 0 || (f.push(h), E.set(w, f));
+function Rn(D) {
+  const z = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
+  function w(C, b) {
+    const p = I.get(C) || [];
+    p.filter(
+      (O) => b.from === O.from && b.to === O.to
+    ).length > 0 || (p.push(b), I.set(C, p));
   }
-  function B(w, h, f, F) {
-    const C = new Set(Z.get(h) || []);
-    C.add(F), Z.set(h, [...C]);
-    const I = { from: h, to: F, type: "Curve" };
-    P(w, I), P(f, I);
+  function B(C, b, p, T) {
+    const O = new Set(z.get(b) || []);
+    O.add(T), z.set(b, [...O]);
+    const d = { from: b, to: T, type: "Curve" };
+    w(C, d), w(p, d);
   }
-  function p(w) {
-    return E.get(w) || [];
+  function g(C) {
+    return I.get(C) || [];
   }
-  return { addConnection: B, getConnectionsOfNode: p };
+  return { addConnection: B, getConnectionsOfNode: g };
 }
-const $o = /* @__PURE__ */ Fe({
+const Uo = /* @__PURE__ */ Fe({
   name: "FFlowCanvas",
-  props: xn,
+  props: wn,
   emits: [],
-  setup(O, Z) {
-    const E = q(), P = wn(), B = bn(P), p = Ln();
-    Ee("use-bezier-curve-composition", P), Ee("use-connections-composition", p), Ee("use-drawing-bezier-composition", B);
-    const w = Te(() => ({
+  setup(D, z) {
+    const I = H(), w = Pn(), B = In(w), g = Rn();
+    Ee("use-bezier-curve-composition", w), Ee("use-connections-composition", g), Ee("use-drawing-bezier-composition", B);
+    const C = Te(() => ({
       transition: "transform 0.2s",
       "background-color": "#F2F3F5",
       height: "100%",
       width: "100%",
       position: "relative"
     }));
-    Ue(() => {
-      E.value = O.modelValue;
+    He(() => {
+      I.value = D.modelValue;
     });
-    const h = q(), f = q(), F = q(), C = q(), I = q();
-    function u(s) {
-      const v = s.clientX - C.value, m = s.clientY - I.value;
-      h.value && h.value.position && (h.value.position.x = f.value + v, h.value.position.y = F.value + m);
+    const b = H(), p = H(), T = H(), O = H(), d = H();
+    function S(i) {
+      const y = i.clientX - O.value, a = i.clientY - d.value;
+      b.value && b.value.position && (b.value.position.x = p.value + y, b.value.position.y = T.value + a);
     }
-    function n() {
-      document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", n), h.value = void 0, C.value = void 0, I.value = void 0;
+    function f() {
+      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", f), b.value = void 0, O.value = void 0, d.value = void 0;
     }
-    function o(s, v) {
-      h.value = s, f.value = s.position.x, F.value = s.position.y, C.value = v.clientX, I.value = v.clientY, document.addEventListener("mousemove", u), document.addEventListener("mouseup", n);
+    function r(i, y) {
+      b.value = i, p.value = i.position.x, T.value = i.position.y, O.value = y.clientX, d.value = y.clientY, document.addEventListener("mousemove", S), document.addEventListener("mouseup", f);
     }
     return () => J("div", {
       class: "f-flow-canvas editorDiv flex-fill h-100"
     }, [J("div", {
       id: "svg-container",
       class: "f-struct-wrapper flex-fill",
-      style: w.value
-    }, [E.value && E.value.contents.map((s) => J(_n, {
-      modelValue: s.content[0],
-      "onUpdate:modelValue": (v) => s.content[0] = v,
-      id: s.id,
-      x: s.position.x,
-      y: s.position.y,
-      onMousedown: (v) => o(s, v)
+      style: C.value
+    }, [I.value && I.value.contents.map((i) => J(kn, {
+      modelValue: i.content[0],
+      "onUpdate:modelValue": (y) => i.content[0] = y,
+      id: i.id,
+      x: i.position.x,
+      y: i.position.y,
+      onMousedown: (y) => r(i, y)
     }, null))])]);
   }
 });
 export {
-  $o as FFlowCanvas,
-  xn as flowCanvasProps
+  Uo as FFlowCanvas,
+  wn as flowCanvasProps
 };