@a2simcode/ui 0.0.76 → 0.0.77

package/dist/simcode-ui.es.js

@@ -35,8 +35,8 @@ import { useVirtualList as pl } from "@vueuse/core";
 import Nd from "async-validator";
 import { createEditor as Wd, createToolbar as Ud } from "@wangeditor/editor";
 import Ws from "diagram-js";
-import { closest as gl, queryAll as Wa, query as $t, delegate as Hn, classes as Nt, event as qe, assignStyle as ai, domify as Ut, remove as Ua, clear as Us, attr as tn, matches as Yd } from "min-dom";
-import { isNumber as Ct, assign as _e, forEach as ne, isArray as Qe, find as rn, filter as Jt, isUndefined as Gd, isObject as Xt, groupBy as vl, has as Ys, map as li, every as ml, sortBy as oi, isNil as fr, bind as yl, uniqueBy as Kd, isFunction as sn, isDefined as en, some as Jd, omit as Xd, pick as Gi, values as Gs, without as qd, reduce as Ya, isString as Ga, matchPattern as Ki, flatten as Zd, size as Qd, debounce as ef } from "min-dash";
+import { closest as gl, queryAll as Wa, query as $t, delegate as Hn, classes as Nt, event as Xe, assignStyle as ai, domify as Ut, remove as Ua, clear as Us, attr as tn, matches as Yd } from "min-dom";
+import { isNumber as Ct, assign as _e, forEach as ne, isArray as Ze, find as rn, filter as Jt, isUndefined as Gd, isObject as Xt, groupBy as vl, has as Ys, map as li, every as ml, sortBy as oi, isNil as fr, bind as yl, uniqueBy as Kd, isFunction as sn, isDefined as en, some as Jd, omit as Xd, pick as Gi, values as Gs, without as qd, reduce as Ya, isString as Ga, matchPattern as Ki, flatten as Zd, size as Qd, debounce as ef } from "min-dash";
 import { create as Ve, attr as ye, remove as Yt, append as Oe, clone as Ks, classes as lt, createTransform as qo, transform as bl, clear as xl } from "tiny-svg";
 import io from "inherits";
 import tf from "diagram-js-direct-editing";
@@ -4107,6 +4107,20 @@ const Mi = {
     getTableProvide: {
       type: Function,
       default: void 0
+    },
+    /**
+     * @zh 列索引
+     */
+    colNum: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * @zh 行索引
+     */
+    rowNum: {
+      type: Number,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change"],
@@ -4192,7 +4206,9 @@ const Mi = {
         row: h,
         getTableData: d,
         config: y.value,
-        type: "change"
+        type: "change",
+        colNum: n.colNum,
+        rowNum: n.rowNum
       };
       y.value?.change && y.value?.change(z), p && p(z), l && l(z), o("change", z);
     }, E = A(), S = A([]), T = (R, ...z) => {
@@ -4302,13 +4318,19 @@ class _h {
     return await this.createEditor(t);
   }
   async createEditor(t) {
-    const { container: n, referencePosition: o, col: i, row: a, table: l } = t, r = l.getBodyField(i, a), s = l.options?.columns || [], c = this.findColumnByField(s, r), u = c?._compConfig || {}, d = A(l.getCellOriginRecord(i, a) || {});
+    const { container: n, referencePosition: o, col: i, row: a, table: l } = t;
+    console.log(i, a, "createEditor");
+    const r = l.getBodyField(i, a), s = l.options?.columns || [], c = this.findColumnByField(s, r), u = c?._compConfig || {}, d = A(l.getCellOriginRecord(i, a) || {});
     if (!n)
       return !1;
     const f = document.createElement("div");
     f.style.position = "absolute", f.style.width = "100%", f.style.height = "100%", f.style.boxSizing = "border-box";
     const { bgColor: p } = l.getCellStyle(i, a) || {};
-    f.style.backgroundColor = p || "#FFFFFF", this.wrapContainer = f, this.container = n, this.container && this.container.appendChild(f), u.autoFocus = !0, this.currentValue = void 0;
+    if (f.style.backgroundColor = p || "#FFFFFF", c?._compType === "j-switch") {
+      const g = c?.style?.textAlign;
+      f.style.display = "flex", f.style.alignItems = "center", f.style.justifyContent = g === "center" ? "center" : g === "right" ? "flex-end" : "flex-start", f.style.paddingLeft = g === "center" ? "0" : "11px";
+    }
+    this.wrapContainer = f, this.container = n, this.container && this.container.appendChild(f), u.autoFocus = !0, this.currentValue = void 0;
     const h = od(sc, {
       id: r,
       type: c._compType,
@@ -4321,7 +4343,9 @@ class _h {
       "onUpdate:modelValue": (g) => {
         this.currentValue = g;
       },
-      getTableProvide: l._getTableProvide
+      getTableProvide: l._getTableProvide,
+      colNum: i,
+      rowNum: a
     });
     return h.appContext = l._getAppContext(), Yi(h, f), o?.rect && this.adjustPosition(o.rect), !0;
   }
@@ -4798,12 +4822,12 @@ const Mh = { class: "j-table-footer" }, Ph = {
         elements: Re
       };
     }, tt = (L) => {
-      const { dataValue: W, rect: J, table: X, col: oe, row: Q } = L, se = X.getBodyField(oe, Q), Pe = X.options?.columns || [], Re = ee(Pe, se)?._compConfig || {}, me = Number(Re.min) || 0, De = Number(Re.max) || 100, at = Number(W) || 0, ct = De - me, ke = ct === 0 ? 0 : Math.max(0, Math.min(100, (at - me) / ct * 100)), pe = 4, Le = 8, et = 8, Fe = (J.height - pe) / 2, We = String(at), ut = on(We) || 0, ot = Le, Ft = Fe, Wt = J.width - Le * 2 - ut - et, Ht = Wt * ke / 100, It = [], nn = (Bt, Et, Xe) => {
-        const Ie = Math.min(Xe, Et / 2, Bt / 2);
+      const { dataValue: W, rect: J, table: X, col: oe, row: Q } = L, se = X.getBodyField(oe, Q), Pe = X.options?.columns || [], Re = ee(Pe, se)?._compConfig || {}, me = Number(Re.min) || 0, De = Number(Re.max) || 100, at = Number(W) || 0, ct = De - me, ke = ct === 0 ? 0 : Math.max(0, Math.min(100, (at - me) / ct * 100)), pe = 4, Le = 8, et = 8, Fe = (J.height - pe) / 2, We = String(at), ut = on(We) || 0, ot = Le, Ft = Fe, Wt = J.width - Le * 2 - ut - et, Ht = Wt * ke / 100, It = [], nn = (Bt, Et, Je) => {
+        const Ie = Math.min(Je, Et / 2, Bt / 2);
         return `M ${Ie} 0 L ${Bt - Ie} 0 Q ${Bt} 0 ${Bt} ${Ie} L ${Bt} ${Et - Ie} Q ${Bt} ${Et} ${Bt - Ie} ${Et} L ${Ie} ${Et} Q 0 ${Et} 0 ${Et - Ie} L 0 ${Ie} Q 0 0 ${Ie} 0 Z`;
-      }, Xn = (Bt, Et, Xe) => {
-        const Ie = Math.min(Xe, Et / 2, Bt / 2);
-        return Bt <= Ie * 2 ? nn(Bt, Et, Xe) : `M ${Ie} 0 L ${Bt} 0 L ${Bt} ${Et} L ${Ie} ${Et} Q 0 ${Et} 0 ${Et - Ie} L 0 ${Ie} Q 0 0 ${Ie} 0 Z`;
+      }, Xn = (Bt, Et, Je) => {
+        const Ie = Math.min(Je, Et / 2, Bt / 2);
+        return Bt <= Ie * 2 ? nn(Bt, Et, Je) : `M ${Ie} 0 L ${Bt} 0 L ${Bt} ${Et} L ${Ie} ${Et} Q 0 ${Et} 0 ${Et - Ie} L 0 ${Ie} Q 0 0 ${Ie} 0 Z`;
       }, Ta = pe / 2, _i = nn(Wt, pe, Ta);
       if (It.push({
         type: "icon",
@@ -4891,23 +4915,23 @@ const Mh = { class: "j-table-footer" }, Ph = {
         value: Re._fieldFormat ? se : W
       });
       if (at.length === 0) return { elements: [] };
-      const ct = 14, ke = 28, pe = 2, Le = 12, et = 8, Fe = 6, We = 8, ut = Math.max(0, J.width - We * 2), ot = Math.max(0, ut - Le * 2), Ft = [], Wt = (Xe) => {
-        const Ie = Z(Xe, ot), Gt = on(Ie) || 0;
+      const ct = 14, ke = 28, pe = 2, Le = 12, et = 8, Fe = 6, We = 8, ut = Math.max(0, J.width - We * 2), ot = Math.max(0, ut - Le * 2), Ft = [], Wt = (Je) => {
+        const Ie = Z(Je, ot), Gt = on(Ie) || 0;
         return Math.min(ut, Gt + Le * 2);
-      }, Ht = (Xe, Ie, Gt, Lt, Tn) => {
+      }, Ht = (Je, Ie, Gt, Lt, Tn) => {
         const ki = Z(Gt, ot), Ku = ft(ki), Ju = on(ki) || 0, vo = Math.min(ut, Ju + Le * 2), Xu = Lt || "#f2f3f5", qu = Tn || "#1d2129", Zu = ke / 2 + ct * 0.35, Qu = `<svg xmlns="http://www.w3.org/2000/svg" width="${vo}" height="${ke}" viewBox="0 0 ${vo} ${ke}"><rect x="0" y="0" width="${vo}" height="${ke}" rx="${pe}" ry="${pe}" fill="${Xu}"/><text x="${vo / 2}" y="${Zu}" text-anchor="middle" font-size="${ct}" fill="${qu}">${Ku}</text></svg>`;
         return Ft.push({
           type: "icon",
           svg: Qu,
-          x: Xe,
+          x: Je,
           y: Ie,
           width: vo,
           height: ke
         }), { tagWidth: vo };
       }, It = [];
       let nn = [], Xn = 0;
-      for (let Xe = 0; Xe < at.length; Xe++) {
-        const Ie = at[Xe], Gt = Ie.label, Lt = Wt(Gt), Tn = {
+      for (let Je = 0; Je < at.length; Je++) {
+        const Ie = at[Je], Gt = Ie.label, Lt = Wt(Gt), Tn = {
           label: Gt,
           bg: Ie.color || "#f2f3f5",
           text: Ie.textColor || nt(Ie.color || "#f2f3f5"),
@@ -4919,19 +4943,19 @@ const Mh = { class: "j-table-footer" }, Ph = {
       const Ta = J.height;
       let _i = Math.max(1, Math.floor((Ta + Fe) / (ke + Fe))), Ei = !1;
       if (It.length > _i && (Ei = !0, It.length = _i), Ei) {
-        const Xe = It[It.length - 1], Ie = Wt("...");
-        let Gt = Xe.lineWidth + (Xe.items.length > 0 ? et : 0) + Ie;
-        for (; Gt > ut && Xe.items.length > 0; ) {
-          const Lt = Xe.items.pop();
+        const Je = It[It.length - 1], Ie = Wt("...");
+        let Gt = Je.lineWidth + (Je.items.length > 0 ? et : 0) + Ie;
+        for (; Gt > ut && Je.items.length > 0; ) {
+          const Lt = Je.items.pop();
           if (!Lt) break;
-          Xe.items.length > 0 ? Xe.lineWidth -= et + Lt.width : Xe.lineWidth -= Lt.width, Gt = Xe.lineWidth + (Xe.items.length > 0 ? et : 0) + Ie;
+          Je.items.length > 0 ? Je.lineWidth -= et + Lt.width : Je.lineWidth -= Lt.width, Gt = Je.lineWidth + (Je.items.length > 0 ? et : 0) + Ie;
         }
-        Xe.items.push({ label: "...", bg: "#f2f3f5", text: "#1d2129", width: Ie }), Xe.lineWidth += Xe.items.length > 1 ? et + Ie : Ie;
+        Je.items.push({ label: "...", bg: "#f2f3f5", text: "#1d2129", width: Ie }), Je.lineWidth += Je.items.length > 1 ? et + Ie : Ie;
       }
       const Ma = It.length * ke + (It.length > 1 ? (It.length - 1) * Fe : 0);
       let Et = Math.max(0, (J.height - Ma) / 2);
-      for (let Xe = 0; Xe < It.length; Xe++) {
-        const Ie = It[Xe];
+      for (let Je = 0; Je < It.length; Je++) {
+        const Ie = It[Je];
         let Gt = De === "center" ? We + Math.max(0, (ut - Ie.lineWidth) / 2) : De === "right" ? We + Math.max(0, ut - Ie.lineWidth) : We;
         for (let Lt = 0; Lt < Ie.items.length; Lt++) {
           const Tn = Ie.items[Lt], { tagWidth: ki } = Ht(
@@ -4943,7 +4967,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
           );
           Gt += ki + (Lt < Ie.items.length - 1 ? et : 0);
         }
-        Et += ke + (Xe < It.length - 1 ? Fe : 0);
+        Et += ke + (Je < It.length - 1 ? Fe : 0);
       }
       return {
         elements: Ft
@@ -5265,7 +5289,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
           });
         else {
           const W = _n();
-          W !== m ? (m = W, i.subColumns && i.subColumns.length > 0 ? (Ye(), Me(L)) : Je(L)) : g.setRecords(L);
+          W !== m ? (m = W, i.subColumns && i.subColumns.length > 0 ? (Ye(), Me(L)) : Qe(L)) : g.setRecords(L);
         }
     }, En = () => g ? g.records : [];
     St(() => {
@@ -5325,8 +5349,8 @@ const Mh = { class: "j-table-footer" }, Ph = {
       } else
         console.warn("Warning: rowKey is not defined. Please set rowKey to enable row selection.");
     }, Ra = (L) => {
-      Je(), a("rowChange", L);
-    }, Je = (L) => {
+      g.renderWithRecreateCells(), a("rowChange", L);
+    }, Qe = (L) => {
       if (!g) return;
       const W = st(), J = ve();
       J.records = L || g.records, g.updateOption(J, {
@@ -5359,7 +5383,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
       L._i = Bn(), Wu.value.forEach((W) => {
         const J = W.config?.valueRowKey || W.id || "";
         J && (L[J] = yn(W.config?.defaultValue));
-      }), g && (g.addRecord(L), i.heightMode === "auto" && Je(), g.scrollToCell({ col: 0, row: g.records.length })), a("change", {
+      }), g && (g.addRecord(L), i.heightMode === "auto" && Qe(), g.scrollToCell({ col: 0, row: g.records.length })), a("change", {
         id: i.id,
         value: L,
         data: L,
@@ -5378,7 +5402,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
         const W = g.records, J = new Set(L.map((oe) => oe._i)), X = W.filter(
           (oe) => !J.has(oe._i)
         );
-        Je(X), a("update:modelValue", X), L.forEach((oe) => {
+        Qe(X), a("update:modelValue", X), L.forEach((oe) => {
           a("change", {
             id: i.id,
             value: oe,
@@ -5394,7 +5418,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
     rt(
       () => i.columns,
       () => {
-        Je();
+        Qe();
       }
     ), rt(
       () => [
@@ -5416,12 +5440,12 @@ const Mh = { class: "j-table-footer" }, Ph = {
         Si.value
       ],
       () => {
-        Je();
+        Qe();
       }
     ), rt(
       () => i.actions,
       () => {
-        Je();
+        Qe();
       },
       { deep: !0 }
     );
@@ -10416,7 +10440,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
                 P.value && !x.value ? (C(), I("div", nv, [
                   K(Jn, {
                     modelValue: T.value,
-                    "onUpdate:modelValue": he[2] || (he[2] = (Je) => T.value = Je),
+                    "onUpdate:modelValue": he[2] || (he[2] = (Qe) => T.value = Qe),
                     modelModifiers: { trim: !0 },
                     placeholder: G(o)("搜索数据"),
                     clearable: "",
@@ -10454,9 +10478,9 @@ const Mh = { class: "j-table-footer" }, Ph = {
                                   ref_key: "keywordPanelRef",
                                   ref: R,
                                   "check-all": z.value,
-                                  "onUpdate:checkAll": he[0] || (he[0] = (Je) => z.value = Je),
+                                  "onUpdate:checkAll": he[0] || (he[0] = (Qe) => z.value = Qe),
                                   "check-fields": $.value,
-                                  "onUpdate:checkFields": he[1] || (he[1] = (Je) => $.value = Je),
+                                  "onUpdate:checkFields": he[1] || (he[1] = (Qe) => $.value = Qe),
                                   columns: S.value
                                 }, null, 8, ["check-all", "check-fields", "columns"])
                               ]),
@@ -10473,7 +10497,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
                 !O.value && !x.value ? (C(), H(ce, {
                   key: 1,
                   visible: N.value,
-                  "onUpdate:visible": he[6] || (he[6] = (Je) => N.value = Je),
+                  "onUpdate:visible": he[6] || (he[6] = (Qe) => N.value = Qe),
                   placement: "bottom",
                   "popper-style": "padding: 0",
                   width: 664,
@@ -10494,13 +10518,13 @@ const Mh = { class: "j-table-footer" }, Ph = {
                       ref_key: "filterPanelRef",
                       ref: k,
                       "is-pin": O.value,
-                      "onUpdate:isPin": he[3] || (he[3] = (Je) => O.value = Je),
+                      "onUpdate:isPin": he[3] || (he[3] = (Qe) => O.value = Qe),
                       relation: ge.value,
-                      "onUpdate:relation": he[4] || (he[4] = (Je) => ge.value = Je),
+                      "onUpdate:relation": he[4] || (he[4] = (Qe) => ge.value = Qe),
                       "search-field-list": ue.value,
                       columns: S.value,
                       onFilter: U,
-                      onClose: he[5] || (he[5] = (Je) => N.value = !1)
+                      onClose: he[5] || (he[5] = (Qe) => N.value = !1)
                     }, null, 8, ["is-pin", "relation", "search-field-list", "columns"])
                   ]),
                   _: 1
@@ -10514,7 +10538,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
                     F("div", null, [
                       K(ce, {
                         visible: dt.value,
-                        "onUpdate:visible": he[7] || (he[7] = (Je) => dt.value = Je),
+                        "onUpdate:visible": he[7] || (he[7] = (Qe) => dt.value = Qe),
                         placement: "bottom",
                         "popper-style": "padding: 0",
                         width: 380,
@@ -10552,7 +10576,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
                     F("div", null, [
                       K(ce, {
                         visible: ft.value,
-                        "onUpdate:visible": he[8] || (he[8] = (Je) => ft.value = Je),
+                        "onUpdate:visible": he[8] || (he[8] = (Qe) => ft.value = Qe),
                         placement: "bottom",
                         "popper-style": "padding: 0",
                         width: 400,
@@ -10627,7 +10651,7 @@ const Mh = { class: "j-table-footer" }, Ph = {
                 ref_key: "tableRef",
                 ref: r,
                 "table-page": u.value,
-                "onUpdate:tablePage": he[9] || (he[9] = (Je) => u.value = Je),
+                "onUpdate:tablePage": he[9] || (he[9] = (Qe) => u.value = Qe),
                 columns: E.value,
                 "sub-columns": e.subColumns,
                 records: G(s),
@@ -10657,9 +10681,9 @@ const Mh = { class: "j-table-footer" }, Ph = {
               ref_key: "filterPanelRef",
               ref: k,
               "is-pin": O.value,
-              "onUpdate:isPin": he[10] || (he[10] = (Je) => O.value = Je),
+              "onUpdate:isPin": he[10] || (he[10] = (Qe) => O.value = Qe),
               relation: ge.value,
-              "onUpdate:relation": he[11] || (he[11] = (Je) => ge.value = Je),
+              "onUpdate:relation": he[11] || (he[11] = (Qe) => ge.value = Qe),
               "search-field-list": ue.value,
               columns: S.value,
               onFilter: U
@@ -13016,7 +13040,7 @@ Ho.prototype.isSelected = function(e) {
 };
 Ho.prototype.select = function(e, t) {
   var n = this._selectedElements, o = n.slice();
-  Qe(e) || (e = e ? [e] : []);
+  Ze(e) || (e = e ? [e] : []);
   var i = this._canvas, a = i.getRootElement();
   e = e.filter(function(l) {
     var r = i.findRoot(l);
@@ -13063,7 +13087,7 @@ function yc(e, t, n, o) {
     if (l) {
       if (c === !1)
         return;
-      Qe(c) ? t.select(c) : t.select(r.filter(ym));
+      Ze(c) ? t.select(c) : t.select(r.filter(ym));
     }
   }), e.on("connect.end", 500, function(i) {
     var a = i.context, l = a.connection;
@@ -13136,7 +13160,7 @@ function wc(e) {
   return e.altKey ? !1 : e.ctrlKey || e.metaKey;
 }
 function Cc(e, t) {
-  return e = Qe(e) ? e : [e], e.indexOf(t.key) !== -1 || e.indexOf(t.code) !== -1;
+  return e = Ze(e) ? e : [e], e.indexOf(t.key) !== -1 || e.indexOf(t.code) !== -1;
 }
 var yo = Math.round, Tr = "djs-drag-active";
 function qn(e) {
@@ -13229,7 +13253,7 @@ function Sc(e, t, n, o) {
   }
   function y(x) {
     var w, _;
-    r("cleanup"), bc(), a.trapClick ? _ = f : _ = u, qe.unbind(document, "mousemove", c), qe.unbind(document, "dragstart", qn), qe.unbind(document, "selectstart", qn), qe.unbind(document, "mousedown", _, !0), qe.unbind(document, "mouseup", _, !0), qe.unbind(document, "keyup", d), qe.unbind(document, "touchstart", p, !0), qe.unbind(document, "touchcancel", v, !0), qe.unbind(document, "touchmove", c, !0), qe.unbind(document, "touchend", u, !0), e.off("element.hover", h), e.off("element.out", g), t.removeMarker(t.getRootElement(), Tr);
+    r("cleanup"), bc(), a.trapClick ? _ = f : _ = u, Xe.unbind(document, "mousemove", c), Xe.unbind(document, "dragstart", qn), Xe.unbind(document, "selectstart", qn), Xe.unbind(document, "mousedown", _, !0), Xe.unbind(document, "mouseup", _, !0), Xe.unbind(document, "keyup", d), Xe.unbind(document, "touchstart", p, !0), Xe.unbind(document, "touchcancel", v, !0), Xe.unbind(document, "touchmove", c, !0), Xe.unbind(document, "touchend", u, !0), e.off("element.hover", h), e.off("element.out", g), t.removeMarker(t.getRootElement(), Tr);
     var m = a.payload.previousSelection;
     return x !== !1 && m && !n.get().length && s(m), w = a, a = null, w;
   }
@@ -13244,7 +13268,7 @@ function Sc(e, t, n, o) {
       displacement: Eo(w, P),
       localStart: P,
       isTouch: z
-    }, m), m.manual || (z ? (qe.bind(document, "touchstart", p, !0), qe.bind(document, "touchcancel", v, !0), qe.bind(document, "touchmove", c, !0), qe.bind(document, "touchend", u, !0)) : (qe.bind(document, "mousemove", c), qe.bind(document, "dragstart", qn), qe.bind(document, "selectstart", qn), qe.bind(document, "mousedown", R, !0), qe.bind(document, "mouseup", R, !0)), qe.bind(document, "keyup", d), e.on("element.hover", h), e.on("element.out", g)), r("init"), m.autoActivate && c(x, !0);
+    }, m), m.manual || (z ? (Xe.bind(document, "touchstart", p, !0), Xe.bind(document, "touchcancel", v, !0), Xe.bind(document, "touchmove", c, !0), Xe.bind(document, "touchend", u, !0)) : (Xe.bind(document, "mousemove", c), Xe.bind(document, "dragstart", qn), Xe.bind(document, "selectstart", qn), Xe.bind(document, "mousedown", R, !0), Xe.bind(document, "mouseup", R, !0)), Xe.bind(document, "keyup", d), e.on("element.hover", h), e.on("element.out", g)), r("init"), m.autoActivate && c(x, !0);
   }
   e.on("diagram.destroy", v), this.init = b, this.move = c, this.hover = h, this.out = g, this.end = u, this.cancel = v, this.context = function() {
     return a;
@@ -13392,9 +13416,9 @@ function Mr(e, t, n) {
   return e.push(t), o;
 }
 function Tl(e, t, n) {
-  n = n || 0, Qe(e) || (e = [e]), ne(e, function(o, i) {
+  n = n || 0, Ze(e) || (e = [e]), ne(e, function(o, i) {
     var a = t(o, i, n);
-    Qe(a) && a.length && Tl(a, t, n + 1);
+    Ze(a) && a.length && Tl(a, t, n + 1);
   });
 }
 function Am(e, t, n) {
@@ -13435,7 +13459,7 @@ function Hm(e, t, n) {
   };
 }
 function dn(e, t) {
-  t = !!t, Qe(e) || (e = [e]);
+  t = !!t, Ze(e) || (e = [e]);
   var n, o, i, a;
   return ne(e, function(l) {
     var r = l;
@@ -13564,7 +13588,7 @@ function Ec(e, t, n, o, i) {
       n.off("elements.changed", r);
     });
   }), this.start = function(s, c, u) {
-    Qe(c) || (c = [c]);
+    Ze(c) || (c = [c]);
     var d = rn(c, function(h) {
       return !Dt(h);
     });
@@ -14060,7 +14084,7 @@ function Qo(e) {
     y: Math.round(e.y)
   };
 }
-function Ze(e) {
+function qe(e) {
   return {
     top: e.y,
     right: e.x + (e.width || 0),
@@ -14111,7 +14135,7 @@ function yt(e) {
 }
 function Ln(e, t, n) {
   n = n || 0, Xt(n) || (n = { x: n, y: n });
-  var o = Ze(e), i = Ze(t), a = o.bottom + n.y <= i.top, l = o.left - n.x >= i.right, r = o.top - n.y >= i.bottom, s = o.right + n.x <= i.left, c = a ? "top" : r ? "bottom" : null, u = s ? "left" : l ? "right" : null;
+  var o = qe(e), i = qe(t), a = o.bottom + n.y <= i.top, l = o.left - n.x >= i.right, r = o.top - n.y >= i.bottom, s = o.right + n.x <= i.left, c = a ? "top" : r ? "bottom" : null, u = s ? "left" : l ? "right" : null;
   return u && c ? c + "-" + u : u || c || "intersect";
 }
 function ol(e, t, n) {
@@ -14255,7 +14279,7 @@ function Hc(e, t) {
     r.preventDefault();
   }
   function a(r) {
-    qe.unbind(document, "mousemove", i), qe.unbind(document, "mouseup", a), n = null, bc();
+    Xe.unbind(document, "mousemove", i), Xe.unbind(document, "mouseup", a), n = null, bc();
   }
   function l(r) {
     if (!gl(r.target, ".djs-draggable")) {
@@ -14264,7 +14288,7 @@ function Hc(e, t) {
         return n = {
           button: s,
           start: Po(r)
-        }, qe.bind(document, "mousemove", i), qe.bind(document, "mouseup", a), !0;
+        }, Xe.bind(document, "mousemove", i), Xe.bind(document, "mouseup", a), !0;
     }
   }
   this.isActive = function() {
@@ -14354,7 +14378,7 @@ fn.prototype._zoom = function(e, t, n) {
 };
 fn.prototype.toggle = function(t) {
   var n = this._container, o = this._handleWheel, i = this._enabled;
-  return typeof t > "u" && (t = !i), i !== t && qe[t ? "bind" : "unbind"](n, "wheel", o, !1), this._enabled = t, t;
+  return typeof t > "u" && (t = !i), i !== t && Xe[t ? "bind" : "unbind"](n, "wheel", o, !1), this._enabled = t, t;
 };
 fn.prototype._init = function(e) {
   this.toggle(e);
@@ -14481,7 +14505,7 @@ ht.prototype._popAction = function() {
 };
 ht.prototype._markDirty = function(e) {
   const t = this._currentExecution;
-  e && (e = Qe(e) ? e : [e], t.dirty = t.dirty.concat(e));
+  e && (e = Ze(e) ? e : [e], t.dirty = t.dirty.concat(e));
 };
 ht.prototype._executedAction = function(e, t) {
   const n = ++this._stackIdx;
@@ -14552,7 +14576,7 @@ function Cy(e, t) {
 Ot.prototype.on = function(e, t, n, o, i, a) {
   if ((sn(t) || Ct(t)) && (a = i, i = o, o = n, n = t, t = null), sn(n) && (a = i, i = o, o = n, n = wy), Xt(i) && (a = i, i = !1), !sn(o))
     throw new Error("handlerFn must be a function");
-  Qe(e) || (e = [e]);
+  Ze(e) || (e = [e]);
   var l = this._eventBus;
   ne(e, function(r) {
     var s = ["commandStack", r, t].filter(function(c) {
@@ -15285,11 +15309,11 @@ vi.prototype.execute = function(e) {
   var t = e.newSource, n = e.newTarget, o = e.connection, i = e.dockingOrPoints;
   if (!t && !n)
     throw new Error("newSource or newTarget required");
-  return Qe(i) && (e.oldWaypoints = o.waypoints, o.waypoints = i), t && (e.oldSource = o.source, o.source = t), n && (e.oldTarget = o.target, o.target = n), o;
+  return Ze(i) && (e.oldWaypoints = o.waypoints, o.waypoints = i), t && (e.oldSource = o.source, o.source = t), n && (e.oldTarget = o.target, o.target = n), o;
 };
 vi.prototype.postExecute = function(e) {
   var t = e.connection, n = e.newSource, o = e.newTarget, i = e.dockingOrPoints, a = e.hints || {}, l = {};
-  a.connectionStart && (l.connectionStart = a.connectionStart), a.connectionEnd && (l.connectionEnd = a.connectionEnd), a.layoutConnection !== !1 && (n && (!o || a.docking === "source") && (l.connectionStart = l.connectionStart || es(Qe(i) ? i[0] : i)), o && (!n || a.docking === "target") && (l.connectionEnd = l.connectionEnd || es(Qe(i) ? i[i.length - 1] : i)), a.newWaypoints && (l.waypoints = a.newWaypoints), this._modeling.layoutConnection(t, l));
+  a.connectionStart && (l.connectionStart = a.connectionStart), a.connectionEnd && (l.connectionEnd = a.connectionEnd), a.layoutConnection !== !1 && (n && (!o || a.docking === "source") && (l.connectionStart = l.connectionStart || es(Ze(i) ? i[0] : i)), o && (!n || a.docking === "target") && (l.connectionEnd = l.connectionEnd || es(Ze(i) ? i[i.length - 1] : i)), a.newWaypoints && (l.waypoints = a.newWaypoints), this._modeling.layoutConnection(t, l));
 };
 vi.prototype.revert = function(e) {
   var t = e.oldSource, n = e.oldTarget, o = e.oldWaypoints, i = e.connection;
@@ -15729,7 +15753,7 @@ Ge.prototype.createShape = function(e, t, n, o, i) {
   return this._commandStack.execute("shape.create", s), s.shape;
 };
 Ge.prototype.createElements = function(e, t, n, o, i) {
-  Qe(e) || (e = [e]), typeof o != "number" && (i = o, o = void 0), i = i || {};
+  Ze(e) || (e = [e]), typeof o != "number" && (i = o, o = void 0), i = i || {};
   var a = {
     position: t,
     elements: e,
@@ -16120,7 +16144,7 @@ function ib(e, t, n, o, i) {
   return ob(d, f, c);
 }
 function ab(e, t, n, o, i, a) {
-  Qe(n) && (i = n, a = o, n = yt(e), o = yt(t)), a = _e({ preferredLayouts: [] }, a), i = i || [];
+  Ze(n) && (i = n, a = o, n = yt(e), o = yt(t)), a = _e({ preferredLayouts: [] }, a), i = i || [];
   var l = a.preferredLayouts, r = l.indexOf("straight") !== -1, s;
   return s = r && rb(e, t, n, o, a), s || (s = a.connectionEnd && cb(t, e, o, i), s) || (s = a.connectionStart && sb(e, t, n, i), s) ? s : !a.connectionStart && !a.connectionEnd && i && i.length ? i : ib(e, t, n, o, a);
 }
@@ -17421,7 +17445,7 @@ Lo.prototype.trigger = function(e, t) {
   var n = this._modeling, o, i = Jt(e, function(s) {
     return !(s.waypoints || s.host || s.labelTarget);
   });
-  if (o = this._rules.allowed("elements.align", { elements: i }), Qe(o) && (i = o), !(i.length < 2 || !o)) {
+  if (o = this._rules.allowed("elements.align", { elements: i }), Ze(o) && (i = o), !(i.length < 2 || !o)) {
     var a = Fb[t], l = oi(i, a), r = this._alignmentPosition(t, l);
     n.alignElements(l, r);
   }
@@ -17597,7 +17621,7 @@ function bu(e, t, n, o, i) {
       return E = l(w, m), a(m, _, E) ? i.start(x, w, m.index) : o.start(x, w, m.index, !m.bendpoint), !0;
   }
   function s(x, w, _) {
-    qe.bind(x, w, function(m) {
+    Xe.bind(x, w, function(m) {
       n.triggerMouseEvent(w, m, _), m.stopPropagation();
     });
   }
@@ -17988,7 +18012,7 @@ function Su(e) {
 var dx = Math.abs, ks = Math.round, $a = 10;
 function _u(e) {
   function t(a, l) {
-    if (Qe(a)) {
+    if (Ze(a)) {
       for (var r = a.length; r--; ) if (dx(a[r] - l) <= $a)
         return a[r];
     } else {
@@ -18193,7 +18217,7 @@ Tt.prototype.add = function(e, t, n) {
 };
 Tt.prototype.remove = function(e) {
   var t = this.get(e) || [];
-  Qe(t) || (t = [t]);
+  Ze(t) || (t = [t]);
   var n = this;
   ne(t, function(o) {
     var i = n._getOverlayContainer(o.element, !0);
@@ -18404,7 +18428,7 @@ wt.prototype._init = function() {
   }), this._eventBus.on("elements.changed", function(t) {
     var n = t.elements, o = e._current;
     if (o) {
-      var i = o.target, a = Qe(i) ? i : [i], l = a.filter(function(s) {
+      var i = o.target, a = Ze(i) ? i : [i], l = a.filter(function(s) {
         return n.includes(s);
       });
       if (l.length) {
@@ -18419,7 +18443,7 @@ wt.prototype._init = function() {
     e._updatePosition();
   }), this._eventBus.on("element.marker.update", function(t) {
     if (e.isOpen()) {
-      var n = t.element, o = e._current, i = Qe(o.target) ? o.target : [o.target];
+      var n = t.element, o = e._current, i = Ze(o.target) ? o.target : [o.target];
       i.includes(n) && e._updateVisibility();
     }
   }), this._container = this._createContainer();
@@ -18434,7 +18458,7 @@ wt.prototype.registerProvider = function(e, t) {
   });
 };
 wt.prototype.getEntries = function(e) {
-  var t = this._getProviders(), n = Qe(e) ? "getMultiElementContextPadEntries" : "getContextPadEntries", o = {};
+  var t = this._getProviders(), n = Ze(e) ? "getMultiElementContextPadEntries" : "getContextPadEntries", o = {};
   return ne(t, function(i) {
     if (sn(i[n])) {
       var a = i[n](e);
@@ -18506,7 +18530,7 @@ wt.prototype._createHtml = function(e) {
     t.trigger("mouseover", o);
   }), Hn.bind(n, Di, "mouseout", function(o) {
     t.trigger("mouseout", o);
-  }), qe.bind(n, "mousedown", function(o) {
+  }), Xe.bind(n, "mousedown", function(o) {
     o.stopPropagation();
   }), this._container.appendChild(n), this._eventBus.fire("contextPad.create", {
     target: e,
@@ -18528,7 +18552,7 @@ wt.prototype.isOpen = function(e) {
   if (!e)
     return !0;
   var n = t.target;
-  return Qe(e) !== Qe(n) ? !1 : Qe(e) ? e.length === n.length && ml(e, function(o) {
+  return Ze(e) !== Ze(n) ? !1 : Ze(e) ? e.length === n.length && ml(e, function(o) {
     return n.includes(o);
   }) : n === e;
 };
@@ -18542,7 +18566,7 @@ wt.prototype.hide = function() {
   this.isOpen() && (Nt(this._current.html).remove("open"), this._eventBus.fire("contextPad.hide", { current: this._current }));
 };
 wt.prototype._getPosition = function(e) {
-  if (!Qe(e) && Dt(e)) {
+  if (!Ze(e) && Dt(e)) {
     var t = this._canvas.viewbox(), n = Tx(e), o = n.x * t.scale - t.x * t.scale, i = n.y * t.scale - t.y * t.scale;
     return {
       left: o + Rs * this._canvas.zoom(),
@@ -18574,7 +18598,7 @@ wt.prototype._updatePosition = function() {
 wt.prototype._updateVisibility = function() {
   const e = () => {
     if (this.isOpen()) {
-      var t = this, n = this._current.target, o = Qe(n) ? n : [n], i = o.some(function(a) {
+      var t = this, n = this._current.target, o = Ze(n) ? n : [n], i = o.some(function(a) {
         return t._canvas.hasMarker(a, _x);
       });
       i ? t.hide() : t.show();
@@ -18583,7 +18607,7 @@ wt.prototype._updateVisibility = function() {
   this._scheduler.schedule(e, "ContextPad#_updateVisibility");
 };
 wt.prototype._getTargetBounds = function(e) {
-  var t = this, n = Qe(e) ? e : [e], o = n.map(function(i) {
+  var t = this, n = Ze(e) ? e : [e], o = n.map(function(i) {
     return t._canvas.getGraphics(i);
   });
   return o.reduce(function(i, a) {
@@ -18598,7 +18622,7 @@ wt.prototype._getTargetBounds = function(e) {
 };
 function Rx(e, t) {
   var n = Nt(e);
-  t = Qe(t) ? t : t.split(/\s+/g), t.forEach(function(o) {
+  t = Ze(t) ? t : t.split(/\s+/g), t.forEach(function(o) {
     n.add(o);
   });
 }
@@ -18606,7 +18630,7 @@ function Tx(e) {
   return e.waypoints[e.waypoints.length - 1];
 }
 function Mx(e, t) {
-  return e = Qe(e) ? e : [e], t = Qe(t) ? t : [t], e.length === t.length && ml(e, function(n) {
+  return e = Ze(e) ? e : [e], t = Ze(t) ? t : [t], e.length === t.length && ml(e, function(n) {
     return t.includes(n);
   });
 }
@@ -19301,7 +19325,7 @@ xt.prototype._init = function() {
     if (Yd(a, ju))
       return e.toggle();
     e.trigger("click", i);
-  }), qe.bind(o, "mousedown", function(i) {
+  }), Xe.bind(o, "mousedown", function(i) {
     i.stopPropagation();
   }), Hn.bind(o, Hu, "dragstart", function(i) {
     e.trigger("dragstart", i);
@@ -19391,7 +19415,7 @@ xt.prototype._getParentContainer = function() {
 };
 xt.HTML_MARKUP = '<div class="djs-palette"><div class="djs-palette-entries"></div><div class="djs-palette-toggle"></div></div>';
 function qx(e, t) {
-  var n = Nt(e), o = Qe(t) ? t : t.split(/\s+/g);
+  var n = Nt(e), o = Ze(t) ? t : t.split(/\s+/g);
   o.forEach(function(i) {
     n.add(i);
   });
@@ -19448,7 +19472,7 @@ function Vi(e, t, n) {
 function ow(e, t) {
   if (!t)
     return e;
-  var n = Ze(e);
+  var n = qe(e);
   return Pc({
     top: Vi("top", n, t),
     right: Vi("right", n, t),
@@ -19457,12 +19481,12 @@ function ow(e, t) {
   });
 }
 function iw(e, t, n, o) {
-  var i = Ze(t), a = {
+  var i = qe(t), a = {
     top: /n/.test(e) ? i.bottom - n.height : i.top,
     left: /w/.test(e) ? i.right - n.width : i.left,
     bottom: /s/.test(e) ? i.top + n.height : i.bottom,
     right: /e/.test(e) ? i.left + n.width : i.right
-  }, l = o ? Ze(o) : a, r = {
+  }, l = o ? qe(o) : a, r = {
     top: aa(a.top, l.top),
     left: aa(a.left, l.left),
     bottom: ia(a.bottom, l.bottom),
@@ -19501,7 +19525,7 @@ function bi(e, t, n, o) {
   function l(s) {
     var c = s.resizeConstraints, u = s.minBounds;
     c === void 0 && (u === void 0 && (u = i.computeMinResizeBox(s)), s.resizeConstraints = {
-      min: Ze(u)
+      min: qe(u)
     });
   }
   function r(s) {
@@ -19560,7 +19584,7 @@ function sw(e, t) {
   return e.x !== t.x || e.y !== t.y || e.width !== t.width || e.height !== t.height;
 }
 function Ou(e, t) {
-  var n = yt(e), o = Ze(e), i = {
+  var n = yt(e), o = qe(e), i = {
     x: n.x,
     y: n.y
   };
@@ -19608,7 +19632,7 @@ Yn.prototype.makeDraggable = function(e, t, n) {
   function i(a) {
     $n(a) && o.activate(a, e, n);
   }
-  qe.bind(t, "mousedown", i), qe.bind(t, "touchstart", i);
+  Xe.bind(t, "mousedown", i), Xe.bind(t, "touchstart", i);
 };
 Yn.prototype._createResizer = function(e, t, n, o) {
   var i = this._getResizersParent(), a = fw(o), l = Ve("g");
@@ -19972,7 +19996,7 @@ wi.prototype.getSnapTargets = function(e, t) {
   });
 };
 function Lu(e, t) {
-  var n = yt(e), o = Ze(e), i = {
+  var n = yt(e), o = qe(e), i = {
     x: n.x,
     y: n.y
   };
@@ -20206,7 +20230,7 @@ function Pw(e, t) {
   var o = t.defaultDistance || $u, i = t.direction || "e", a = t.filter, l = t.getWeight || n, r = t.maxDistance || Mw, s = t.reference || "start";
   a || (a = Aw);
   function c(h, g) {
-    return i === "n" ? s === "start" ? Ze(h).top - Ze(g).bottom : s === "center" ? Ze(h).top - yt(g).y : Ze(h).top - Ze(g).top : i === "w" ? s === "start" ? Ze(h).left - Ze(g).right : s === "center" ? Ze(h).left - yt(g).x : Ze(h).left - Ze(g).left : i === "s" ? s === "start" ? Ze(g).top - Ze(h).bottom : s === "center" ? yt(g).y - Ze(h).bottom : Ze(g).bottom - Ze(h).bottom : s === "start" ? Ze(g).left - Ze(h).right : s === "center" ? yt(g).x - Ze(h).right : Ze(g).right - Ze(h).right;
+    return i === "n" ? s === "start" ? qe(h).top - qe(g).bottom : s === "center" ? qe(h).top - yt(g).y : qe(h).top - qe(g).top : i === "w" ? s === "start" ? qe(h).left - qe(g).right : s === "center" ? qe(h).left - yt(g).x : qe(h).left - qe(g).left : i === "s" ? s === "start" ? qe(g).top - qe(h).bottom : s === "center" ? yt(g).y - qe(h).bottom : qe(g).bottom - qe(h).bottom : s === "start" ? qe(g).left - qe(h).right : s === "center" ? yt(g).x - qe(h).right : qe(g).right - qe(h).right;
   }
   var u = e.incoming.filter(a).map(function(h) {
     var g = l(h), v = g < 0 ? c(h.source, e) : c(e, h.source);
@@ -20262,7 +20286,7 @@ zu.$inject = [
 ];
 function Hw(e, t, n) {
   n || (n = {});
-  var o = n.defaultDistance || $u, i = yt(e), a = Ze(e);
+  var o = n.defaultDistance || $u, i = yt(e), a = qe(e);
   return {
     x: a.right + o + t.width / 2,
     y: i.y
@@ -20337,7 +20361,7 @@ function Nw(e, t) {
   return Ww(e, t);
 }
 function Ww(e, t) {
-  const n = Ze(e), o = yt(e), i = Pw(e, {
+  const n = qe(e), o = yt(e), i = Pw(e, {
     filter: (u) => Bw(u, "myline")
   }), a = 30, l = 80, s = {
     x: n.right + i + t.width / 2,