@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,156 +1,157 @@
-import { ref as q, defineComponent as Fe, computed as Te, createVNode as Z, 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 "../accordion/index.esm.js";
-import Ct from "../avatar/index.esm.js";
-import xt from "../button-edit/index.esm.js";
+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 bt from "../calendar/index.esm.js";
-import Pt from "../capsule/index.esm.js";
-import It from "../checkbox/index.esm.js";
-import St from "../color-picker/index.esm.js";
-import Tt from "../combo-list/index.esm.js";
-import Et from "../content-container/index.esm.js";
-import Ot from "../data-grid/index.esm.js";
-import Ft from "../date-picker/index.esm.js";
-import At from "../dropdown/index.esm.js";
-import Nt from "../dynamic-form/index.esm.js";
-import Dt from "../external-container/index.esm.js";
-import Bt from "../events-editor/index.esm.js";
-import Mt from "../filter-bar/index.esm.js";
-import _t from "../image-cropper/index.esm.js";
-import Lt from "../input-group/index.esm.js";
-import kt from "../layout/index.esm.js";
-import Rt from "../list-nav/index.esm.js";
-import Vt from "../list-view/index.esm.js";
-import Xt from "../lookup/index.esm.js";
-import $t from "../nav/index.esm.js";
-import Yt from "../number-spinner/index.esm.js";
-import jt from "../number-range/index.esm.js";
-import zt from "../order/index.esm.js";
-import Ut from "../page-header/index.esm.js";
-import Ht from "../page-footer/index.esm.js";
-import Wt from "../pagination/index.esm.js";
-import qt from "../progress/index.esm.js";
-import Gt from "../query-solution/index.esm.js";
-import Kt from "../radio-group/index.esm.js";
-import Qt from "../rate/index.esm.js";
-import Jt from "../response-toolbar/index.esm.js";
-import Zt from "../response-layout/index.esm.js";
-import en from "../response-layout-editor/index.esm.js";
-import tn from "../search-box/index.esm.js";
-import nn from "../section/index.esm.js";
-import on from "../smoke-detector/index.esm.js";
-import rn from "../splitter/index.esm.js";
-import sn from "../step/index.esm.js";
-import an from "../switch/index.esm.js";
-import cn from "../tabs/index.esm.js";
-import ln from "../tags/index.esm.js";
-import un from "../text/index.esm.js";
-import fn from "../time-picker/index.esm.js";
-import dn from "../transfer/index.esm.js";
-import pn from "../tree-view/index.esm.js";
-import mn from "../uploader/index.esm.js";
-import vn from "../verify-detail/index.esm.js";
-import gn from "../weather/index.esm.js";
-import yn from "../component/index.esm.js";
-import hn from "../video/index.esm.js";
-import Cn from "../textarea/index.esm.js";
-import xn from "../tree-grid/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 bn() {
-  const I = { 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 C(e, t, l, P) {
-    const s = (i) => {
-      i.key === "Delete" && (e.indexOf("^"), document.removeEventListener("keydown", s), t.remove());
+  function b(e, t, c, v) {
+    const s = (n) => {
+      n.key === "Delete" && (e.indexOf("^"), document.removeEventListener("keydown", s), t.remove());
     };
-    l.addEventListener("mouseenter", () => {
-      l.setAttribute("stroke", "#37d0ff"), P.setAttribute("stroke", "#37d0ff"), l.setAttribute("stroke-width", "3"), document.addEventListener("keydown", s);
-    }), l.addEventListener("mouseleave", () => {
-      l.setAttribute("stroke", "#4d53e8"), l.setAttribute("stroke-width", "2"), P.setAttribute("stroke", "#4d53e8"), document.removeEventListener("keydown", s);
+    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 l = document.createElementNS("http://www.w3.org/2000/svg", "svg"), P = B();
-      l.appendChild(P);
-      const s = p();
-      l.appendChild(s);
-      const i = w();
-      l.appendChild(i);
-      const j = w();
-      l.appendChild(j), t = document.createElement("div"), t.id = e, t.style.position = "absolute", t.appendChild(l), C(e, t, P, s);
-      const k = document.getElementById("svg-container");
-      return k && k.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, l, P, s) {
-    const i = { x: 0, y: 0 };
-    return e === "west" && (t === "north_west" && (l === "north" && (i.x = 0, i.y = 0 - s / 2), l === "west" && (i.x = 0 - P / 2, i.y = 0)), t === "north_east" && (l === "north" && (i.x = -100, i.y = 0 - s / 2), l === "east" && (i.x = -100, i.y = 0 - s / 2)), t === "south_east" && (l === "south" && (i.x = -100, i.y = 0 + s / 2), l === "east" && (i.x = -100, i.y = 0 + s / 2)), t === "south_west" && (l === "south" && (i.x = 0, i.y = 0 + s / 2), l === "west" && (i.x = 0 - P / 2, i.y = 0))), e === "east" && (t === "north_west" && (l === "north" && (i.x = -100, i.y = 0 - s / 2), l === "west" && (i.x = 100, i.y = 0 - s / 2)), t === "north_east" && (l === "north" && (i.x = 0, i.y = 0 - s / 2), l === "east" && (i.x = 0 + P / 2, i.y = 0)), t === "south_east" && (l === "south" && (i.x = 0, i.y = 0 + s / 2), l === "east" && (i.x = 0 + P / 2, i.y = 0)), t === "south_west" && (l === "south" && (i.x = 100, i.y = 0 + s / 2), l === "west" && (i.x = 100, i.y = 0 + s / 2))), e === "north" && (t === "north_west" && (l === "north" && (i.x = 0, i.y = 0 - s / 2), l === "west" && (i.x = 0 - P / 2, i.y = 0)), t === "north_east" && (l === "north" && (i.x = 0, i.y = 0 - s / 2), l === "east" && (i.x = 0 + P / 2, i.y = 0)), t === "south_east" && (l === "south" && (i.x = 0 + P / 2, i.y = -100), l === "east" && (i.x = 0 + P / 2, i.y = -100)), t === "south_west" && (l === "south" && (i.x = 0 - P / 2, i.y = -100), l === "west" && (i.x = 0 - P / 2, i.y = -100))), e === "south" && (t === "north_west" && (l === "north" && (i.x = 0 - P / 2, i.y = 100), l === "west" && (i.x = 0 - P / 2, i.y = 100)), t === "north_east" && (l === "north" && (i.x = 0 + P / 2, i.y = 100), l === "east" && (i.x = 0 + P / 2, i.y = 100)), t === "south_east" && (l === "south" && (i.x = 0, i.y = 0 + s / 2), l === "east" && (i.x = 0 + P / 2, i.y = 0)), t === "south_west" && (l === "south" && (i.x = 0, i.y = s / 2), l === "west" && (i.x = 0 - P / 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 v(e, t, l, P) {
+  function O(e, t, c, v) {
     const s = { x: 0, y: 0 };
-    return e === "south" && (t === "west" && (s.x = -100, s.y = 0 - P / 2), t === "east" && (s.x = 100, s.y = -100), t === "south" && (s.x = 0 - l / 2, s.y = 100), (t === "north" || t === "center") && (s.x = 0, s.y = 0 - P / 2)), e === "north" && (t === "west" && (s.x = -100, s.y = 100), t === "east" && (s.x = 100, s.y = 100), t === "north" && (s.x = 0 - l / 2, s.y = -100), (t === "south" || t === "center") && (s.x = 0, s.y = P / 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 - l / 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 = P / 2), (t === "east" || t === "center") && (s.x = l / 2, s.y = 0)), s;
+    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 S(e, t, l, P, s, i, j) {
-    const k = j === "south" || j === "east" ? "portrait" : "landscape", ne = s, R = k === "landscape" ? "east" : "north", ie = j === "center" ? k === "landscape" ? "west" : "south" : j, se = F(ne, i, R, e, t), { x: D, y: h } = se, H = v(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 + h], ["portrait", t + h], ["landscape", t + h]]);
-    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 = P.left > I.left, ae = P.bottom > I.bottom, pe = le ? 0 : ae ? e / 2 : de.get(k), he = ae ? t + P.bottom : le ? t / 2 : oe.get(k), Ce = ye.get(k), ve = ce.get(k);
-    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, l, P, s, i, j) {
-    const k = j === "south" || j === "west" ? "portrait" : "landscape", ne = s, R = k === "landscape" ? "west" : "north", ie = j, se = F(ne, i, R, e, t), { x: D, y: h } = se, H = v(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 + h], ["portrait", t + h], ["landscape", t + h]]), 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 = P.right > I.right, ae = P.bottom > I.bottom, pe = le ? e + P.right : ae ? e / 2 : de.get(k), he = ae ? t + P.bottom : le ? t / 2 : oe.get(k), Ce = ye.get(k), ve = ce.get(k);
-    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, l, P, s, i, j) {
-    const k = j === "north" || j === "east" ? "portrait" : "landscape", ne = s, R = k === "landscape" ? "east" : "south", ie = j, se = F(ne, i, R, e, t), { x: D, y: h } = se, H = v(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 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
-    D < 0 && (e += Math.abs(D)), h < 0 && (t += Math.abs(h)), 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 = P.left > I.left, ae = P.top > I.top, pe = le ? 0 : ae ? e / 2 : de.get(k), he = ae ? 0 : le ? t / 2 : oe.get(k), Ce = ye.get(k), ve = ce.get(k);
-    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, l, P, s, i, j) {
-    const k = j === "north" || j === "west" ? "portrait" : "landscape", ne = s, R = k === "landscape" ? "west" : "south", ie = j, se = F(ne, i, R, e, t), { x: D, y: h } = se, H = v(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 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
+  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 + W], ["portrait", 0 + W], ["landscape", 0 + W]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = P.right > I.right, ae = P.top > I.top, pe = le ? e + P.right : ae ? e / 2 : de.get(k), he = ae ? 0 : le ? t / 2 : oe.get(k), Ce = ye.get(k), ve = ce.get(k);
-    return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: W, y: 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 a = /* @__PURE__ */ new Map([
-    ["north_east", S],
-    ["north_west", u],
-    ["south_east", n],
-    ["south_west", o]
-  ]), g = /* @__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,
@@ -165,7 +166,7 @@ function bn() {
       bottom: t.bottom
     } : t;
   }
-  function Y(e, t) {
+  function F(e, t) {
     return e === "north_east" ? {
       left: 100,
       right: t.right,
@@ -178,7 +179,7 @@ function bn() {
       bottom: t.bottom
     } : t;
   }
-  function z(e, t) {
+  function $(e, t) {
     return e === "south_west" ? {
       left: t.left,
       right: t.right,
@@ -191,7 +192,7 @@ function bn() {
       bottom: t.bottom
     } : t;
   }
-  function X(e, t) {
+  function R(e, t) {
     return e === "north_west" ? {
       left: t.left,
       right: t.right,
@@ -204,87 +205,87 @@ function bn() {
       bottom: 100
     } : t;
   }
-  function c(e, t) {
+  function l(e, t) {
     return t;
   }
-  const N = /* @__PURE__ */ new Map([
-    ["east", m],
-    ["west", Y],
-    ["north", z],
-    ["south", X],
-    ["center", c]
+  const E = /* @__PURE__ */ new Map([
+    ["east", a],
+    ["west", F],
+    ["north", $],
+    ["south", R],
+    ["center", l]
   ]);
-  function U(e, t, l, P) {
-    const s = t.x - e.x, i = t.y - e.y, j = s >= 0 ? "east" : "west", k = i >= 0 ? "south" : "north", ne = `${k}_${j}`, ie = (g.get(l) || []).includes(ne), se = N.get(l), D = ie ? se(ne, I) : I, h = Math.abs(s), H = Math.abs(i), W = a.get(`${k}_${j}`), [K, de, oe] = W(
+  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,
-      H,
+      W,
       ie,
-      D,
-      l,
-      ne,
-      P
-    ), ye = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = D.left + D.right + h + ye, le = k === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = D.top + D.bottom + H + le, pe = j === "east" ? e.x - D.left : e.x + D.right - ce, he = k === "south" ? e.y - D.top : e.y + D.bottom - ae, Ce = j === "east" ? D.left : ce - D.right, ve = k === "north" ? ae - D.bottom : D.top, Be = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = k === "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, l, P, s) {
-    e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${l}px`, e.style.width = P + "px", e.style.height = s + "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, l, P, s, i, j) {
-    const k = e.childNodes[0];
-    k.setAttribute("width", String(t)), k.setAttribute("height", String(l)), e.appendChild(k);
-    const ne = k.childNodes[0], R = `${P.x} ${P.y}`, ie = `${s.x} ${s.y}`, se = `${i.x} ${i.y}`, D = `${j.x} ${j.y}`, h = "M ".concat(R).concat(" C ").concat(ie).concat("," + se + ",").concat(D);
-    ne.setAttribute("d", h), 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 J(e, t, l, P, s) {
+  function Q(e, t, c, v, s) {
     const {
-      width: i,
+      width: n,
       height: j,
-      left: k,
-      top: ne,
-      startPoinInBoundray: R,
+      left: L,
+      top: ee,
+      startPoinInBoundray: V,
       firstControlPoint: ie,
       secondControlPoint: se,
-      endPoinInBoundray: D
-    } = U(t, l, P, s);
-    $(e, k, ne, i, j), re(e, i, j, 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, l, P, s) {
-    const i = f(e);
-    J(i, t, l, P, s);
+  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 y(e) {
+  function Z(e) {
     if (e !== null) {
-      const t = e.parentNode, l = G(t.style.left), P = G(t.style.top);
+      const t = e.parentNode, c = G(t.style.left), v = G(t.style.top);
       return {
-        x: l + e.offsetLeft + e.offsetWidth / 2,
-        y: P + 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 b(e, t) {
-    const l = document.getElementById(e), P = document.getElementById(t), s = y(l), i = y(P), j = s.x + 2, k = s.y, ne = i.x - 2, R = i.y;
-    return { startPoint: { x: j, y: k }, 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 A(e, t, l, P) {
-    const { startPoint: s, endPoint: i } = b(e, t);
-    d(`${e}_${t}`, s, i, l, P);
+  function A(e, t, c, v) {
+    const { startPoint: s, endPoint: n } = u(e, t);
+    m(`${e}_${t}`, s, n, c, v);
   }
-  return { connect: A, drawing: d };
+  return { connect: A, drawing: m };
 }
-function Pn(O) {
-  const Q = q(), E = q(0), I = q(0), B = q({ x: 0, y: 0 }), p = q(), { drawing: w } = O;
-  function C(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":
@@ -297,42 +298,42 @@ function Pn(O) {
         return "center";
     }
   }
-  function v(m, Y, z) {
-    const X = z.getBoundingClientRect();
-    E.value = X.left, I.value = X.top, B.value = { x: m, y: Y }, Q.value = F(z);
+  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 S(m) {
-    var $;
-    const Y = m.clientX - E.value, z = m.clientY - I.value, X = B.value.x + Y, c = B.value.y + z, N = m.target, U = N && typeof N.className == "string" && f(N) ? F(N) : "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: c },
-      Q.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", S);
+  function f() {
+    document.addEventListener("mousemove", d);
   }
-  function o() {
-    document.removeEventListener("mousemove", S);
+  function r() {
+    document.removeEventListener("mousemove", d);
   }
-  function a(m) {
-    p.value = void 0, o();
+  function i(a) {
+    g.value = void 0, r();
   }
-  function g(m, Y) {
-    p.value = document.getElementById(m);
-    const z = p.value.offsetParent, X = p.value.getBoundingClientRect(), c = z.getBoundingClientRect(), N = C(z.style.left) + (X.left - c.left), U = C(z.style.top) + (X.top - c.top), $ = N + X.width / 2, re = U + X.height / 2;
-    v($, 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: g, eraseDrawingLine: u, finishToDraw: a, getAncherPointPosition: F, isAncherPoint: f };
+  return { drawFrom: y, eraseDrawingLine: S, finishToDraw: i, getAncherPointPosition: T, isAncherPoint: p };
 }
-const In = {
+const Sn = {
   id: { type: String, default: "" },
   type: { type: String, default: "" },
   /**
@@ -342,35 +343,35 @@ const In = {
   x: { type: Number, default: 0 },
   y: { type: Number, default: 0 },
   connection: { type: Array, default: [] }
-}, Oe = q(0);
-function Sn(O, Q) {
-  const E = Q.getBoundingClientRect(), I = O.getBoundingClientRect(), B = I.top >= E.top, p = I.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 Q;
-  if (O.className.includes("dgComponentSelected") ? Q = O : Q = O.querySelector(".dgComponentSelected"), !Q)
+  let z;
+  if (D.className.includes("dgComponentSelected") ? z = D : z = D.querySelector(".dgComponentSelected"), !z)
     return;
-  const E = Q.getBoundingClientRect();
-  if (E.width === 0 && E.height === 0)
+  const I = z.getBoundingClientRect();
+  if (I.width === 0 && I.height === 0)
     return;
-  const I = Q.querySelector(".component-btn-group");
-  if (I) {
-    if (!Sn(Q, O)) {
-      I.style.display = "none";
+  const w = z.querySelector(".component-btn-group");
+  if (w) {
+    if (!Tn(z, D)) {
+      w.style.display = "none";
       return;
     }
-    I.style.display = "";
-    const p = I.getBoundingClientRect(), w = I.querySelector("div");
-    if (w) {
-      const C = w.getBoundingClientRect();
-      w.style.top = p.top + "px", w.style.left = p.left - C.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 Tn = {
+const En = {
   /**
    * 组件值
    */
@@ -378,384 +379,384 @@ const Tn = {
   componentId: { type: String, default: "" }
 };
 var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function En(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, Q) {
-  (function(E) {
-    O.exports = E();
+var nt = { exports: {} };
+(function(D, z) {
+  (function(I) {
+    D.exports = I();
   })(function() {
     return (/* @__PURE__ */ function() {
-      function E(I, B, p) {
-        function w(F, v) {
-          if (!B[F]) {
-            if (!I[F]) {
-              var S = typeof De == "function" && De;
-              if (!v && S) return S(F, !0);
-              if (C) return C(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: {} };
-            I[F][0].call(n.exports, function(o) {
-              var a = I[F][1][o];
-              return w(a || o);
-            }, n, n.exports, E, I, 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 C = 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, I, B) {
-        var p = {}, w = "(?:^|\\s)", C = "(?:\\s|$)";
-        function f(S) {
-          var u = p[S];
-          return u ? u.lastIndex = 0 : p[S] = u = new RegExp(w + S + C, "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(S, u) {
-          var n = S.className;
-          n.length ? f(u).test(n) || (S.className += " " + u) : S.className = u;
+        function T(d, S) {
+          var f = d.className;
+          f.length ? p(S).test(f) || (d.className += " " + S) : d.className = S;
         }
-        function v(S, u) {
-          S.className = S.className.replace(f(u), " ").trim();
+        function O(d, S) {
+          d.className = d.className.replace(p(S), " ").trim();
         }
-        I.exports = {
-          add: F,
-          rm: v
+        w.exports = {
+          add: T,
+          rm: O
         };
       }, {}],
-      2: [function(E, I, B) {
-        (function(p) {
-          var w = E("contra/emitter"), C = E("crossvent"), f = E("./classes"), F = document, v = F.documentElement;
-          function S(d, G) {
-            var y = arguments.length;
-            y === 1 && Array.isArray(d) === !1 && (G = d, d = []);
-            var b, A, e, t, l, P, s, i, j, k = null, ne, R, ie = !1, se = 0, D, h = G || {};
-            h.moves === void 0 && (h.moves = Y), h.accepts === void 0 && (h.accepts = Y), h.invalid === void 0 && (h.invalid = Be), h.containers === void 0 && (h.containers = d || []), h.isContainer === void 0 && (h.isContainer = m), 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 = F.body);
-            var H = w({
+      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 h.removeOnSpill === !0 && H.on("over", ot).on("out", rt), K(), H;
-            function W(r) {
-              return H.containers.indexOf(r) !== -1 || h.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(v, x, "mousedown", le), o(v, 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(v, x, "mousemove", ae);
+            function de(o) {
+              var x = o ? "remove" : "add";
+              r(O, x, "mousemove", ae);
             }
-            function oe(r) {
-              var x = r ? "remove" : "add";
-              C[x](v, "selectstart", ce), C[x](v, "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, l = r.clientY;
-              var x = a(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, V = pe(T);
-                V && (ne = V, de(), r.type === "mousedown" && (N(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 (a(r) === 0) {
+            function ae(o) {
+              if (ee) {
+                if (i(o) === 0) {
                   Ne({});
                   return;
                 }
-                if (!(r.clientX !== void 0 && Math.abs(r.clientX - t) <= (h.slideFactorX || 0) && r.clientY !== void 0 && Math.abs(r.clientY - l) <= (h.slideFactorY || 0))) {
+                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 = J("clientX", r) || 0, T = J("clientY", r) || 0, V = F.elementFromPoint(x, T);
-                    if (N(V))
+                    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, ke(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 && b) && !W(r)) {
-                for (var x = r; c(r) && W(c(r)) === !1; )
-                  if (h.invalid(r, x) || (r = c(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 = c(r);
-                if (T && !h.invalid(r, x)) {
-                  var V = h.moves(r, T, x, $(r));
-                  if (V)
+                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")), A = r.source, e = r.item, P = s = $(r.item), H.dragging = !0, H.emit("drag", e, A);
+            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, c(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 = J("clientX", r) || 0, V = J("clientY", r) || 0, ee = g(b, T, V), te = Ge(ee, T, V);
-                te && (i && h.copySortSource || !i || te !== A) ? He(x, te) : h.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 = c(r);
-              i && h.copySortSource && x === A && T.removeChild(e), Le(x) ? H.emit("cancel", r, A) : H.emit("drop", r, x, A, s), _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 = c(r);
-                x && x.removeChild(r), H.emit(i ? "cancel" : "remove", r, x, A), _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 : h.revertOnSpill, T = i || e, V = c(T), ee = Le(V);
-                ee === !1 && x && (i ? V && V.removeChild(i) : A.insertBefore(T, P)), ee || x ? H.emit("cancel", T, A, A) : H.emit("drop", T, V, A, s), _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"), j && clearTimeout(j), H.dragging = !1, k && H.emit("out", r, k, A), H.emit("dragend", r, se), A = e = i = P = s = j = k = 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 : b ? T = s : T = $(i || e), r === A && T === P;
+            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 V = r; V && !ee(); )
-                V = c(V);
-              return V;
-              function ee() {
-                var te = W(V);
-                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(V, r), ge = Qe(V, be, x, T), we = Le(V, ge);
-                return we ? !0 : h.accepts(e, V, A, 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 ke(r) {
-              if (!b)
+            function ke(o) {
+              if (!u)
                 return;
-              r.preventDefault();
-              var x = J("clientX", r) || 0, T = J("clientY", r) || 0;
-              b.style.left = x - 2 + "px", b.style.top = T - 2 + "px";
-              var V = i || e, ee = g(b, x, T), te = Ge(ee, x, T), be = te !== null && te !== k;
-              (be || te === null) && (xe(), k = te, Ie()), pt(ee, T);
-              var ge = c(V);
-              if (te === A && i && !h.copySortSource) {
-                ge && ge.removeChild(V);
+              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 (h.revertOnSpill === !0 && !i)
-                we = P, te = A;
+              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(V), i && R && (R.style.display = "none");
+                n && ge && ge.removeChild(X), n && V && (V.style.display = "none");
                 return;
               }
-              R.style.display = "block", nt(we, V, 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, V, k, A);
+                W.emit(fe, X, L, A);
               }
               function Ie() {
-                be && ue("over");
+                we && ue("over");
               }
               function xe() {
-                k && ue("out");
+                L && ue("out");
               }
             }
-            function nt(r, x, T) {
-              (r === x || r === $(x)) && (s = $(x)), (r === null && T || r !== x && r !== $(x)) && (s = r);
+            function ot(o, x, P) {
+              (o === x || o === Y(x)) && (s = Y(x)), (o === null && P || o !== x && o !== Y(x)) && (s = o);
             }
-            function ot(r) {
-              f.rm(r, "gu-hide");
+            function rt(o) {
+              p.rm(o, "gu-hide");
             }
-            function rt(r) {
-              H.dragging && f.add(r, "gu-hide");
-            }
-            function it() {
-              b || (b = document.createElement("div"), b.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;", b.innerHTML = h.getMirrorText && h.getMirrorText(e) || "控件", f.add(b, "gu-mirror"), h.mirrorContainer.appendChild(b), o(v, "add", "mousemove", ke), f.add(h.mirrorContainer, "gu-unselectable"), H.emit("cloned", b, 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, h.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() {
-              b && (f.rm(h.mirrorContainer, "gu-unselectable"), o(v, "remove", "mousemove", ke), c(b).removeChild(b), b = 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 && (c(R).removeChild(R), R = null);
+              u && (p.rm(h.mirrorContainer, "gu-unselectable"), r(O, "remove", "mousemove", ke), l(u).removeChild(u), u = null);
+            }
+            function lt() {
+              V && (l(V).removeChild(V), V = null);
             }
-            function Ke(r, x) {
-              for (var T = x; T !== r && c(T) !== r; )
-                T = c(T);
-              return T === v ? null : T;
+            function Qe(o, x) {
+              for (var P = x; P !== o && l(P) !== o; )
+                P = l(P);
+              return P === O ? null : P;
             }
-            function lt(r, x) {
+            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 V = getComputedStyle(r), ee = /^inline/.test(V.getPropertyValue("display")) || /^(left|right)$/.test(V.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 V = (x.className && x.className.split(" ") || []).filter((ee) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(ee));
-                if (!V.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 V) {
-                  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 V = r.getBoundingClientRect();
-                  V.top !== T.top && (R.style.left = V.right + "px", R.style.top = V.top + "px", R.style.height = V.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 V = D.getBoundingClientRect();
-                T.top < V.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) {
+            function pt(o) {
               s = null;
-              var x = r.lastElementChild;
+              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 (!h.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"), V = D.getBoundingClientRect();
-              if (x - 30 < V.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 > V.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, V) {
-              var ee = h.direction === "horizontal", te = h.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 > V || te && fe.left + fe.width > T && fe.top + fe.height > V)
+                  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 = V - ue.top, xe = T - ue.left, fe = ue.bottom - V, Re = ue.right - T, Ve = Math.min(xe, Re, Ie, fe), 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 + z(ue) / 2 : V > 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 h.copy == "boolean" ? h.copy : h.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 b = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(b);
+              const u = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(u);
             }
-            const y = n(G);
-            for (const b of y)
-              if (b.contains(d))
-                return b;
+            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((y) => {
-              const b = document.getElementById(y);
-              b && G.push(b);
-            }), G.sort((y, b) => y.contains(b) ? 1 : b.contains(y) ? -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, y, b) {
+          function r(m, G, Z, u) {
             var A = {
               mouseup: "touchend",
               mousedown: "touchstart",
@@ -769,525 +770,526 @@ var tt = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            p.navigator.pointerEnabled ? C[G](d, e[y], b) : p.navigator.msPointerEnabled ? C[G](d, t[y], b) : (C[G](d, A[y], b), C[G](d, y, b));
+            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 a(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 g(d, G, y) {
-            d = d || {};
-            var b = d.className || "", A;
-            return d.className += " gu-hide", A = F.elementFromPoint(G, y), d.className = b, A;
+          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 z(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 c(d) {
-            return d.parentNode === F ? null : d.parentNode;
+          function l(m) {
+            return m.parentNode === T ? null : m.parentNode;
           }
-          function N(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(c(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 y = d;
+              var Z = m;
               do
-                y = y.nextSibling;
-              while (y && y.nodeType !== 1);
-              return y;
+                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 J(d, G) {
-            var y = re(G), b = {
+          function Q(m, G) {
+            var Z = re(G), u = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return d in b && !(d in y) && b[d] in y && (d = b[d]), y[d];
+            return m in u && !(m in Z) && u[m] in Z && (m = u[m]), Z[m];
           }
-          I.exports = S;
+          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, I, B) {
-        I.exports = function(w, C) {
-          return Array.prototype.slice.call(w, C);
+      3: [function(I, w, B) {
+        w.exports = function(C, b) {
+          return Array.prototype.slice.call(C, b);
         };
       }, {}],
-      4: [function(E, I, B) {
-        var p = E("ticky");
-        I.exports = function(C, f, F) {
-          C && p(function() {
-            C.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, I, B) {
-        var p = E("atoa"), w = E("./debounce");
-        I.exports = function(f, F) {
-          var v = F || {}, S = {};
-          return f === void 0 && (f = {}), f.on = function(u, n) {
-            return S[u] ? S[u].push(n) : S[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 S[u];
-            else if (o === 0)
-              S = {};
+      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 a = S[u];
-              if (!a)
-                return f;
-              a.splice(a.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 = (S[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), a = this || f;
-              if (u === "error" && v.throws !== !1 && !n.length)
-                throw o.length === 1 ? o[0] : o;
-              return n.forEach(function(m) {
-                v.async ? w(m, o, a) : m.apply(a, 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, I, B) {
-        (function(p) {
-          var w = E("custom-event"), C = E("./eventmap"), f = p.document, F = u, v = o, S = [];
-          p.addEventListener || (F = n, v = a), I.exports = {
-            add: F,
-            remove: v,
-            fabricate: g
+      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(c, N, U, $) {
-            return c.addEventListener(N, U, $);
+          function S(l, E, U, Y) {
+            return l.addEventListener(E, U, Y);
           }
-          function n(c, N, U) {
-            return c.attachEvent("on" + N, Y(c, N, U));
+          function f(l, E, U) {
+            return l.attachEvent("on" + E, F(l, E, U));
           }
-          function o(c, N, U, $) {
-            return c.removeEventListener(N, U, $);
+          function r(l, E, U, Y) {
+            return l.removeEventListener(E, U, Y);
           }
-          function a(c, N, U) {
-            var $ = z(c, N, U);
-            if ($)
-              return c.detachEvent("on" + N, $);
+          function i(l, E, U) {
+            var Y = $(l, E, U);
+            if (Y)
+              return l.detachEvent("on" + E, Y);
           }
-          function g(c, N, U) {
-            var $ = C.indexOf(N) === -1 ? J() : re();
-            c.dispatchEvent ? c.dispatchEvent($) : c.fireEvent("on" + N, $);
+          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(N, !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 J() {
-              return new w(N, { detail: U });
+            function Q() {
+              return new C(E, { detail: U });
             }
           }
-          function m(c, N, U) {
+          function a(l, E, U) {
             return function(re) {
-              var J = re || p.event;
-              J.target = J.target || J.srcElement, J.preventDefault = J.preventDefault || function() {
-                J.returnValue = !1;
-              }, J.stopPropagation = J.stopPropagation || function() {
-                J.cancelBubble = !0;
-              }, J.which = J.which || J.keyCode, U.call(c, J);
+              var Q = re || g.event;
+              Q.target = Q.target || Q.srcElement, Q.preventDefault = Q.preventDefault || function() {
+                Q.returnValue = !1;
+              }, Q.stopPropagation = Q.stopPropagation || function() {
+                Q.cancelBubble = !0;
+              }, Q.which = Q.which || Q.keyCode, U.call(l, Q);
             };
           }
-          function Y(c, N, U) {
-            var $ = z(c, N, U) || m(c, N, U);
-            return S.push({
-              wrapper: $,
-              element: c,
-              type: N,
+          function F(l, E, U) {
+            var Y = $(l, E, U) || a(l, E, U);
+            return d.push({
+              wrapper: Y,
+              element: l,
+              type: E,
               fn: U
-            }), $;
+            }), Y;
           }
-          function z(c, N, U) {
-            var $ = X(c, N, U);
-            if ($) {
-              var re = S[$].wrapper;
-              return S.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(c, N, U) {
-            var $, re;
-            for ($ = 0; $ < S.length; $++)
-              if (re = S[$], re.element === c && re.type === N && 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, I, B) {
-        (function(p) {
-          var w = [], C = "", f = /^on/;
-          for (C in p)
-            f.test(C) && w.push(C.slice(2));
-          I.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, I, B) {
-        (function(p) {
-          var w = p.CustomEvent;
-          function C() {
+      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;
           }
-          I.exports = C() ? w : (
+          w.exports = b() ? C : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(F, v) {
-              var S = document.createEvent("CustomEvent");
-              return v ? S.initCustomEvent(F, v.bubbles, v.cancelable, v.detail) : S.initCustomEvent(F, !1, !1, void 0), S;
+            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, v) {
-                var S = document.createEventObject();
-                return S.type = F, v ? (S.bubbles = !!v.bubbles, S.cancelable = !!v.cancelable, S.detail = v.detail) : (S.bubbles = !1, S.cancelable = !1, S.detail = void 0), S;
+              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, I, B) {
-        var p = I.exports = {}, w, C;
-        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" ? C = clearTimeout : C = F;
+            typeof clearTimeout == "function" ? b = clearTimeout : b = T;
           } catch {
-            C = F;
+            b = T;
           }
         })();
-        function v(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 S(X) {
-          if (C === clearTimeout)
-            return clearTimeout(X);
-          if ((C === F || !C) && clearTimeout)
-            return C = clearTimeout, clearTimeout(X);
+        function d(R) {
+          if (b === clearTimeout)
+            return clearTimeout(R);
+          if ((b === T || !b) && clearTimeout)
+            return b = clearTimeout, clearTimeout(R);
           try {
-            return C(X);
+            return b(R);
           } catch {
             try {
-              return C.call(null, X);
+              return b.call(null, R);
             } catch {
-              return C.call(this, X);
+              return b.call(this, R);
             }
           }
         }
-        var u = [], n = !1, o, a = -1;
-        function g() {
-          !n || !o || (n = !1, o.length ? u = o.concat(u) : a = -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 = v(g);
-            n = !0;
-            for (var c = u.length; c; ) {
-              for (o = u, u = []; ++a < c; )
-                o && o[a].run();
-              a = -1, c = 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, S(X);
+            r = null, f = !1, d(R);
           }
         }
-        p.nextTick = function(X) {
-          var c = new Array(arguments.length - 1);
+        g.nextTick = function(R) {
+          var l = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            for (var N = 1; N < arguments.length; N++)
-              c[N - 1] = arguments[N];
-          u.push(new Y(X, c)), u.length === 1 && !n && v(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, c) {
-          this.fun = X, this.array = c;
+        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 z() {
+        }, g.title = "browser", g.browser = !0, g.env = {}, g.argv = [], g.version = "", g.versions = {};
+        function $() {
         }
-        p.on = z, p.addListener = z, p.once = z, p.off = z, p.removeListener = z, p.removeAllListeners = z, p.emit = z, p.prependListener = z, p.prependOnceListener = z, 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, I, B) {
-        (function(p) {
-          var w = typeof p == "function", C;
-          w ? C = function(f) {
-            p(f);
-          } : C = function(f) {
-            setTimeout(f, 0);
-          }, I.exports = C;
-        }).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, I, B) {
-        (function(p, w) {
-          var C = E("process/browser.js").nextTick, f = Function.prototype.apply, F = Array.prototype.slice, v = {}, S = 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 = S++, a = arguments.length < 2 ? !1 : F.call(arguments, 1);
-            return v[o] = !0, C(function() {
-              v[o] && (a ? n.apply(null, a) : n.call(null), B.clearImmediate(o));
-            }), o;
-          }, B.clearImmediate = typeof w == "function" ? w : function(n) {
-            delete v[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 On = tt.exports;
-const Je = /* @__PURE__ */ En(On);
-function Fn() {
-  let O;
-  function Q(n, o, a) {
-    const g = {};
-    return g.sourceElement = n, g.sourceContainer = a, g.targetContainer = o, g.sourceType = n.getAttribute("data-sourceType") || "move", g.controlType = n.getAttribute("data-controlType"), g.controlTypeName = n.getAttribute("data-controlTypeName"), g.controlCategory = n.getAttribute("data-category"), g.controlFeature = n.getAttribute("data-feature"), g.parentComponentInstance = o.componentInstance, g.controlCategory === "input" ? g.bindingType = "field" : g.controlCategory === "dataCollection" && (g.bindingType = "entity"), n.componentInstance && (g.controlType = n.componentInstance.value.schema.type, g.controlCategory = n.componentInstance.value.schema.category), g;
+})(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, a) {
-    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 g = !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 = Q(n, o, a);
-      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 g;
+    return a;
   }
-  function I(n, o) {
-    const a = o.getBoundingClientRect(), g = n.getBoundingClientRect(), m = g.top >= a.top, Y = g.top < a.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 a = n.querySelector(".dgComponentSelected");
-    if (!(!a || o === 0) && I(a, n)) {
-      const g = a.querySelector(".component-btn-group");
-      if (g) {
-        const m = g.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, a) {
-    n.componentInstance;
-    let g = -1;
-    if (!o)
+  function C(r, i, y) {
+    r.componentInstance;
+    let a = -1;
+    if (!i)
       return -1;
-    if (n.componentInstance.value.contents) {
-      if (a && a.componentInstance) {
-        if (a.getAttribute("data-noattach"))
-          g = Number(a.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 = a.componentInstance.value.schema;
-          let Y = { id: m.id };
-          m.type === "Component" && (Y = { component: m.id }), g = Ye(n.componentInstance.value.contents, Y), g = g === -1 ? 0 : g;
+          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;
         }
-        g !== -1 && n.componentInstance.value.contents.splice(g, 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 g;
+    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 a = o.componentInstance.value.schema;
-    let g;
-    a.type === "Component" ? g = { component: a.id } : g = { id: a.id };
-    let m = Ye(n.componentInstance.value.contents, g);
-    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 C(n, o, a, g) {
-    if (o.componentInstance.value.addNewChildComponentSchema) {
-      const m = w(o, g), Y = String(n.getAttribute("data-controltype")), z = n.getAttribute("data-feature"), X = String(n.innerText), c = o.componentInstance.value, N = { componentType: Y, label: X, parentComponentInstance: c, targetPosition: m }, U = z ? JSON.parse(z) : {}, $ = Object.assign(N, U), re = o.componentInstance.value.addNewChildComponentSchema($);
-      p(o, re, g);
+  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, a, g) {
-    let m, Y = -1;
-    if (n.componentInstance && n.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
-      const c = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-      c && (n = q(c.elementRef).value.parentElement, a = 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 z = n.componentInstance && n.componentInstance.value.schema, X = { id: z && z.id };
-    Y = Ye(a.componentInstance.value.contents, X), Y !== -1 && a.componentInstance.value.contents && (m = a.componentInstance.value.contents.splice(Y, 1), m = m[0]), p(o, m, g), a.componentInstance && a.componentInstance.value.onChildElementMovedOut && a.componentInstance.value.onChildElementMovedOut(n), o.componentInstance && o.componentInstance.value.onAcceptMovedChildElement && o.componentInstance.value.onAcceptMovedChildElement(n, a);
+    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, a, g) {
-    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": {
-        C(n, o, a, g);
+        p(r, i, y, a);
         break;
       }
       default:
-        a.componentInstance.value.contents ? f(n, o, a, g) : o.contains(n) && o.removeChild(n);
+        y.componentInstance.value.contents ? T(r, i, y, a) : i.contains(r) && i.removeChild(r);
     }
     Oe.value++;
   }
-  function v(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, a, g) {
-        let m = !0;
-        return o.classList.contains("no-drag") && (m = !1), o.componentInstance && (m = !!g.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, a, g) {
-        const m = E(o, a, g), 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, a) => {
-      a.className += " drag-over";
-    }).on("out", (o, a) => {
-      a.className = a.className.replace("drag-over", "").replace("  ", "");
-    }).on("drop", (o, a, g, m) => {
-      F(o, a, g, m);
-    }).on("dragend", (o, a) => {
-      B(o, a);
+    }).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 S(n, o) {
-    if (!n)
+  function S(r, i) {
+    if (!r)
       return;
-    if (o.noDragDrop)
-      return n;
-    const a = n.querySelector(`[data-dragref='${o.id}-container']`) || n;
-    O && a && O.containers.push(a);
+    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: S, attachToolbox: u, initializeDragula: v };
+  return { attachComponents: S, attachToolbox: f, initializeDragula: d };
 }
-const An = {
+const Nn = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -1302,225 +1304,225 @@ const An = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, M = {}, _ = {}, L = {};
-let Ze = !1;
-function Nn() {
-  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), kt.registerDesigner(M, _, L), Vt.registerDesigner(M, _, L), Rt.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), xn.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 Dn = {
+const Bn = {
   id: { type: String }
-}, Bn = /* @__PURE__ */ Fe({
+}, Mn = /* @__PURE__ */ Fe({
   name: "FDesignerPlaceholder",
-  props: Dn,
+  props: Bn,
   emits: [],
-  setup(O) {
-    const Q = 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 () => Z("div", {
-      class: Q.value,
-      style: E.value,
+    return () => J("div", {
+      class: z.value,
+      style: I.value,
       role: "alert",
       "data-noattach": "true",
       "data-position": "0"
-    }, [vt("拖拽组件到这里")]);
+    }, [gt("拖拽组件到这里")]);
   }
 });
-function Mn(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: An,
+  props: Nn,
   emits: ["selectionChange"],
-  setup(O, Q) {
-    const E = q(`${O.modelValue.id}-component`), I = q(O.canMove), B = q(O.canDelete), p = q(!1), w = q(O.modelValue), C = q(O.componentId || ""), f = q(""), F = q(""), v = q(), S = me("canvas-dragula"), u = q(), n = me("design-item-context"), o = {
-      designerItemElementRef: v,
-      componentInstance: u,
-      schema: w.value,
-      parent: n,
-      setupContext: Q
+  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 a = me("useFormSchema"), g = Te(() => {
-      const y = O.modelValue.appearance && O.modelValue.appearance.class || "", b = {
+    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": I.value && B.value,
-        "farris-nested": p.value,
-        "can-move": I.value,
-        "d-none": v.value && v.value.classList.contains("d-none"),
-        dgComponentSelected: v.value && v.value.classList.contains("dgComponentSelected")
+        "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 b[`farris-component-${w.value.type}`] = !0, y && y.split(" ").reduce((A, e) => (A[e] = !0, A), b), F.value && F.value.split(" ").reduce((A, e) => (A[e] = !0, A), b), b;
-    }), m = Te(() => {
-      const y = {}, b = O.modelValue.appearance && O.modelValue.appearance.style || "";
-      return b && b.split(";").reduce((A, e) => {
-        const [t, l] = e.split(":");
-        return A[t] = l, A;
-      }, y), f.value && f.value.split(";").reduce((A, e) => {
-        const [t, l] = e.split(":");
-        return t && (A[t] = l), A;
-      }, y), y;
+      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(y, b) {
-      var t, l, P;
-      if (y && (y.preventDefault(), y.stopPropagation()), u.value.triggerBelongedComponentToDeleteWhenDeleted) {
-        const s = u.value.getBelongedComponentInstance(u);
-        if (s && s.parent) {
-          const i = q(s == null ? void 0 : s.parent), j = i.value.contents.findIndex((k) => k.id === s.schema.id);
-          (l = (t = i.value) == null ? void 0 : t.contents) == null || l.splice(j, 1), (P = i.value) == null || P.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;
       }
-      let A = n, e = (s) => s.id === b.id;
-      if (b.type === "component" && (A = n == null ? void 0 : n.parent, e = (s) => s.component === b.id), A && A.schema.contents) {
-        const s = A.schema.contents.findIndex(e);
-        A.schema.contents.splice(s, 1), A.componentInstance.value.updateDragAndDropRules(), Oe.value++, Q.emit("selectionChange");
+      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 z(y) {
-      return B.value && Z("div", {
+    function R(u) {
+      return B.value && J("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: (b) => {
-          Y(b, y);
+        onClick: (A) => {
+          $(A, u);
         }
-      }, [Z("i", {
+      }, [J("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function X() {
-      return I.value && Z("div", {
+    function l() {
+      return w.value && J("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [Z("i", {
+      }, [J("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function c() {
-      return O.customButtons && !!O.customButtons.length && O.customButtons.map((y) => Z("div", {
+    function E() {
+      return D.customButtons && !!D.customButtons.length && D.customButtons.map((u) => J("div", {
         role: "button",
-        class: `btn component-settings-button ${y.class || ""}`,
-        title: y.title,
-        ref: y.id
-      }, [Z("i", {
-        class: y.icon
+        class: `btn component-settings-button ${u.class || ""}`,
+        title: u.title,
+        ref: u.id
+      }, [J("i", {
+        class: u.icon
       }, null)]));
     }
-    function N(y) {
-      return Z("div", {
+    function U(u) {
+      return J("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [Z("div", null, [z(y), X(), c()])]);
+      }, [J("div", null, [R(u), l(), E()])]);
     }
-    function U(y, b, A, e) {
-      Q.emit("selectionChange", y, b, A, e);
+    function Y(u, A, e, t) {
+      z.emit("selectionChange", u, A, e, t);
     }
-    function $(y) {
-      let b;
-      const A = y.type, e = M[A], t = _[A], l = t ? t(y) : {};
-      l.customClass = O.ignore ? l.customClass : "", l.componentId = C.value;
-      const P = y.contents && y.contents.length === 0;
-      return y.contents && !!y.contents.length && e ? Z(e, $e({
-        ref: u
-      }, l), Mn(b = y.contents.map((i) => Z(je, {
-        key: i.id,
-        modelValue: i,
-        "onUpdate:modelValue": (j) => i = j,
-        componentId: C.value,
-        onSelectionChange: U
-      }, null))) ? b : {
-        default: () => [b]
-      }) : e ? P ? Z(e, $e({
-        ref: u
-      }, l), {
-        default: () => [Z(Bn, null, null)]
-      }) : Z(e, $e({
-        ref: u
-      }, l), null) : Z("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(y) {
-      if (y.type === "component-ref") {
-        let A = a == null ? void 0 : a.getFormSchema().module.components.find((e) => e.id === y.component);
-        if (A)
-          return Z(je, {
-            key: A.id,
-            modelValue: A,
-            "onUpdate:modelValue": (e) => A = e,
-            componentId: A.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, (y) => {
-      w.value = y, E.value = `${y.id}-component`;
+    Ue(() => D.modelValue, (u) => {
+      C.value = u, I.value = `${u.id}-component`;
     });
-    function J(y) {
-      const b = y.target;
-      et(b);
+    function m(u) {
+      const A = u.target;
+      tt(A);
     }
-    function d() {
-      var y, b;
-      (b = (y = w.value) == null ? void 0 : y.contents) != null && b.length && v.value && v.value.addEventListener("scroll", J);
+    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 (v.value && u.value && u.value.schema) {
-        const y = v.value.querySelector(`[data-dragref='${u.value.schema.id}-container']`);
-        S && y && S.attachComponents(y, 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, I.value = u.value.canMove !== void 0 ? u.value.canMove : I.value, f.value = u.value.styles || "", F.value = u.value.designerClass || "", v.value && (v.value.componentInstance = u, v.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(() => {
-      v.value && v.value.removeEventListener("scroll", J);
+      G(), Oe.value++;
+    }), yt(() => {
+      d.value && d.value.removeEventListener("scroll", m);
     });
-    function G(y) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((A) => A.classList.remove("dgComponentFocused")), y && (y.preventDefault(), y.stopPropagation());
-      const b = v.value;
-      if (b) {
-        const A = document.getElementsByClassName("dgComponentSelected");
-        if (!(A && A.length === 1 && A[0] === v.value) && (Array.from(A).forEach((t) => t.classList.remove("dgComponentSelected")), b.classList.add("dgComponentFocused"), Q.emit("selectionChange", w.value.type, w.value, C.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");
         }
       }
-      J(y);
+      m(u);
     }
-    return () => w.value.type === "component-ref" ? re(w.value) : Z("div", {
-      id: `${w.value.id}-design-item`,
-      ref: v,
-      class: g.value,
-      style: m.value,
-      onClick: G
-    }, [N(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)]);
   }
-}), _n = /* @__PURE__ */ Fe({
+}), Ln = /* @__PURE__ */ Fe({
   name: "FDesignerCanvas",
-  props: Tn,
+  props: En,
   emits: ["init", "selectionChange", "canvasChanged"],
-  setup(O, Q) {
-    const E = q(), I = q(), B = q(), p = q(), w = q(), C = Fn(), f = q(O.componentId);
-    Nn(), Ee("canvas-dragula", C), Ee("design-item-context", {
-      designerItemElementRef: p,
-      componentInstance: w,
-      schema: I.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"),
@@ -1528,177 +1530,185 @@ 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 && C.initializeDragula(B.value), E.value = O.modelValue, Q.emit("init", C);
-    }), ze(Oe, () => {
-      et(B.value), Q.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 v(S, u, n, o) {
-      Q.emit("selectionChange", S, u, n, o);
+    function d(S, f, r, i) {
+      z.emit("selectionChange", S, f, r, i);
     }
-    return () => Z("div", {
+    return () => J("div", {
       class: "editorDiv flex-fill h-100"
-    }, [Z("div", {
+    }, [J("div", {
       class: "editorPanel d-flex flex-fill flex-column PC"
-    }, [Z("div", {
+    }, [J("div", {
       ref: B,
-      class: F.value
-    }, [E.value && Z(je, {
-      modelValue: E.value,
-      "onUpdate:modelValue": (S) => E.value = S,
-      onSelectionChange: v,
-      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)])])]);
   }
-}), Ln = /* @__PURE__ */ Fe({
+}), kn = /* @__PURE__ */ Fe({
   name: "FFlowNodeItem",
-  props: In,
+  props: Sn,
   emits: [],
-  setup(O, Q) {
-    const E = q(O.id), I = q(O.modelValue), B = q(), p = me("use-drawing-bezier-composition"), {
-      drawFrom: w,
-      eraseDrawingLine: C,
-      finishToDraw: f,
-      getAncherPointPosition: F,
-      isAncherPoint: v
-    } = p, S = me("use-bezier-curve-composition"), {
-      connect: u
-    } = S, n = me("use-connections-composition"), {
-      addConnection: o,
-      getConnectionsOfNode: a
-    } = n;
-    new Map(O.connection);
-    const g = 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(c, N) {
-      if (v(c) && v(N)) {
-        const U = F(c), $ = F(N);
-        u(c.id, N.id, U, $);
-        const re = c.id, J = N.id, d = re.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0], G = J.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0];
-        o(d, re, G, J);
+    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(c) {
-      var N;
-      document.removeEventListener("mouseup", Y), f(c), C(`${(N = B.value) == null ? void 0 : N.id}_curve_to`), m(B.value, c.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 z(c, N) {
-      B.value = document.getElementById(c), w(c, N), document.addEventListener("mouseup", Y), N.stopPropagation();
+    function $(l, E) {
+      B.value = document.getElementById(l), C(l, E), document.addEventListener("mouseup", F), E.stopPropagation();
     }
-    ze([() => O.x, () => O.y], () => {
-      const c = a(E.value);
-      c.length && c.forEach((N) => {
-        const U = document.getElementById(N.from), $ = document.getElementById(N.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 () => Z("div", {
-      id: E.value,
+    return () => J("div", {
+      id: I.value,
       class: "br-node",
-      style: g.value
-    }, [Z("div", {
-      id: `${E.value}-left-point`,
+      style: y.value
+    }, [J("div", {
+      id: `${I.value}-left-point`,
       class: "f-flow-ancher circle-left",
-      onMousedown: (c) => z(`${E.value}-left-point`, c)
-    }, null), Z("div", {
-      id: `${E.value}-top-point`,
+      onMousedown: (l) => $(`${I.value}-left-point`, l)
+    }, null), J("div", {
+      id: `${I.value}-top-point`,
       class: "f-flow-ancher circle-top",
-      onMousedown: (c) => z(`${E.value}-top-point`, c)
-    }, null), Z("div", {
-      id: `${E.value}-content`,
-      class: X.value,
+      onMousedown: (l) => $(`${I.value}-top-point`, l)
+    }, null), J("div", {
+      id: `${I.value}-content`,
+      class: R.value,
       style: "min-width:200px;min-height:200px;"
-    }, [I.value && Z(_n, {
-      modelValue: I.value,
-      "onUpdate:modelValue": (c) => I.value = c
-    }, null)]), Z("div", {
-      id: `${E.value}-right-point`,
+    }, [w.value && J(Ln, {
+      modelValue: w.value,
+      "onUpdate:modelValue": (l) => w.value = l
+    }, null)]), J("div", {
+      id: `${I.value}-right-point`,
       class: "f-flow-ancher circle-right",
-      onMousedown: (c) => z(`${E.value}-right-point`, c)
-    }, null), Z("div", {
-      id: `${E.value}-bottom-point`,
+      onMousedown: (l) => $(`${I.value}-right-point`, l)
+    }, null), J("div", {
+      id: `${I.value}-bottom-point`,
       class: "f-flow-ancher circle-bottom",
-      onMousedown: (c) => z(`${E.value}-bottom-point`, c)
+      onMousedown: (l) => $(`${I.value}-bottom-point`, l)
     }, null)]);
   }
 });
-function kn(O) {
-  const Q = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-  function I(w, C) {
-    const f = E.get(w) || [];
-    f.filter(
-      (v) => C.from === v.from && C.to === v.to
-    ).length > 0 || (f.push(C), 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, C, f, F) {
-    const v = new Set(Q.get(C) || []);
-    v.add(F), Q.set(C, [...v]);
-    const S = { from: C, to: F, type: "Curve" };
-    I(w, S), I(f, S);
+  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 jo = /* @__PURE__ */ Fe({
+const Uo = /* @__PURE__ */ Fe({
   name: "FFlowCanvas",
   props: wn,
   emits: [],
-  setup(O, Q) {
-    const E = q(), I = bn(), B = Pn(I), p = kn();
-    Ee("use-bezier-curve-composition", I), 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 C = q(), f = q(), F = q(), v = q(), S = q();
-    function u(a) {
-      const g = a.clientX - v.value, m = a.clientY - S.value;
-      C.value && C.value.position && (C.value.position.x = f.value + g, C.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), C.value = void 0, v.value = void 0, S.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(a, g) {
-      C.value = a, f.value = a.position.x, F.value = a.position.y, v.value = g.clientX, S.value = g.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 () => Z("div", {
+    return () => J("div", {
       class: "f-flow-canvas editorDiv flex-fill h-100"
-    }, [Z("div", {
+    }, [J("div", {
       id: "svg-container",
       class: "f-struct-wrapper flex-fill",
-      style: w.value
-    }, [E.value && E.value.contents.map((a) => Z(Ln, {
-      modelValue: a.content[0],
-      "onUpdate:modelValue": (g) => a.content[0] = g,
-      id: a.id,
-      x: a.position.x,
-      y: a.position.y,
-      onMousedown: (g) => o(a, g)
+      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 {
-  jo as FFlowCanvas,
+  Uo as FFlowCanvas,
   wn as flowCanvasProps
 };