e-virt-table 1.2.32 → 1.2.33

package/dist/index.es.js

@@ -66,7 +66,7 @@ function Dt() {
     return (c === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function j(c, t) {
+function Z(c, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e, a = typeof t == "function" ? t() : t;
@@ -214,7 +214,7 @@ function xe(c, t = document.documentElement) {
   const e = c.startsWith("--") ? c : `--${c}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function Rt(c) {
+function It(c) {
   if (!c) return /* @__PURE__ */ new Date(0);
   if (typeof c == "number")
     return new Date(c);
@@ -269,7 +269,7 @@ function Rt(c) {
   return /* @__PURE__ */ new Date(NaN);
 }
 function ue(c, t) {
-  const e = Rt(c), i = Rt(t);
+  const e = It(c), i = It(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
 class Bt {
@@ -523,16 +523,16 @@ class ut extends Bt {
     this.rowExpand = h, this.rowHasChildren = d;
     const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
     if (r = u * x, f) {
-      const I = this.ctx.icons.get("loading");
-      a = "loading", o = I;
+      const R = this.ctx.icons.get("loading");
+      a = "loading", o = R;
     } else if (d) {
-      const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
-      o = h ? _ : I, a = h ? "shrink" : "expand";
+      const R = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
+      o = h ? _ : R, a = h ? "shrink" : "expand";
     }
     let g = E, m = E, y = this.drawX;
     (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
-    let p = y + r + e, R = this.drawY + (this.visibleHeight - m) / 2, C = r + this.drawX + g - 0.5;
-    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = p + g - e / 2) : this.type === "tree-selection" ? C = p + w + g - e / 2 : C = p + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(p + g + e > this.drawX + this.visibleWidth) && (R + m + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = R, this.drawTreeImageWidth = g, this.drawTreeImageHeight = m, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+    let p = y + r + e, b = this.drawY + (this.visibleHeight - m) / 2, C = r + this.drawX + g - 0.5;
+    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = p + g - e / 2) : this.type === "tree-selection" ? C = p + w + g - e / 2 : C = p + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(p + g + e > this.drawX + this.visibleWidth) && (b + m + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = b, this.drawTreeImageWidth = g, this.drawTreeImageHeight = m, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
   }
   drawTreeLine() {
     const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
@@ -544,8 +544,8 @@ class ut extends Bt {
       for (let g = 0; g < a - 1; g += 1) {
         const m = f[g + 1];
         if (!!(m ? this.ctx.database.getRowForRowKey(m) || {} : {}).isLastChild) continue;
-        const R = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
-        this.ctx.paint.drawLine([R, this.drawY, R, this.drawY + this.visibleHeight], {
+        const b = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
+        this.ctx.paint.drawLine([b, this.drawY, b, this.drawY + this.visibleHeight], {
           borderColor: o,
           borderWidth: 1,
           lineDash: [4, 4],
@@ -595,31 +595,31 @@ class ut extends Bt {
       STRIPE_COLOR: E
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let _ = h, v = l;
+      let _ = h, T = l;
       if (typeof o == "function") {
-        const S = o, { backgroundColor: b, color: O } = S({
+        const S = o, { backgroundColor: I, color: v } = S({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        b && (_ = b), O && (v = O);
+        I && (_ = I), v && (T = v);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = v;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = T;
       return;
     }
     let g = "transparent";
     const m = this.ctx.hoverCell, y = this.ctx.currentCell;
-    let p = this.rowIndex, R = this.rowIndex;
+    let p = this.rowIndex, b = this.rowIndex;
     if (this.rowspan !== 1 && (u || d)) {
-      const _ = this.getSpanInfo(), { yArr: v } = _;
-      p = v[0], R = v[1];
+      const _ = this.getSpanInfo(), { yArr: T } = _;
+      p = T[0], b = T[1];
     }
-    u && m && (m.rowKey === this.rowKey && (g = x), m.rowIndex >= p && m.rowIndex <= R && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= p && y.rowIndex <= R && (g = f)), this.drawCellSkyBgColor = g;
-    let C = e, I = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
-      const _ = s, { backgroundColor: v, color: S } = _({
+    u && m && (m.rowKey === this.rowKey && (g = x), m.rowIndex >= p && m.rowIndex <= b && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= p && y.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
+    let C = e, R = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, R = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
+      const _ = s, { backgroundColor: T, color: S } = _({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -627,9 +627,9 @@ class ut extends Bt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      v && (C = v), S && (I = S);
+      T && (C = T), S && (R = S);
     }
-    this.drawCellBgColor = C, this.drawTextColor = I;
+    this.drawCellBgColor = C, this.drawTextColor = R;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
@@ -641,8 +641,8 @@ class ut extends Bt {
     let w = x, E = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, R = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = R || {}, I = C * y;
-        w = x + p + I;
+        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = b || {}, R = C * y;
+        w = x + p + R;
       }
     }
     let g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck";
@@ -949,10 +949,10 @@ class ut extends Bt {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
     let h = i, d = s;
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, m = f[0], y = f[1], p = u[0], R = u[1];
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, m = f[0], y = f[1], p = u[0], b = u[1];
     if (r >= m && r <= y && o === p) {
-      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
-      this.ctx.paint.drawLine([h + I, d + 1, h + l - C, d + 1], {
+      const C = r === y ? 1 : 0, R = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([h + R, d + 1, h + l - C, d + 1], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
@@ -961,9 +961,9 @@ class ut extends Bt {
         lineDash: x
       });
     }
-    if (r === y && o >= p && o <= R) {
-      const C = o === p ? 1 : 0, I = o === R ? 1 : 0;
-      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - I], {
+    if (r === y && o >= p && o <= b) {
+      const C = o === p ? 1 : 0, R = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - R], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
@@ -972,9 +972,9 @@ class ut extends Bt {
         lineDash: x
       });
     }
-    if (r >= m && r <= y && o === R) {
-      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
-      this.ctx.paint.drawLine([h + I, d + a - 1, h + l - C, d + a - 1], {
+    if (r >= m && r <= y && o === b) {
+      const C = r === y ? 1 : 0, R = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([h + R, d + a - 1, h + l - C, d + a - 1], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
@@ -983,9 +983,9 @@ class ut extends Bt {
         lineDash: x
       });
     }
-    if (r === m && o >= p && o <= R) {
-      const C = o === R ? 1 : 0, I = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + a - C], {
+    if (r === m && o >= p && o <= b) {
+      const C = o === b ? 1 : 0, R = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + R, h + 1, d + a - C], {
         borderColor: E,
         fillColor: g,
         borderWidth: w,
@@ -1064,8 +1064,8 @@ class ge {
       if (typeof d == "function" && (g = d), f) {
         const p = o[f];
         if (this.checkboxKeyMap.has(p)) {
-          const R = this.checkboxKeyMap.get(p) || [];
-          R.push(x), this.checkboxKeyMap.set(p, R);
+          const b = this.checkboxKeyMap.get(p) || [];
+          b.push(x), this.checkboxKeyMap.set(p, b);
         } else
           this.checkboxKeyMap.set(p, [x]);
       }
@@ -1383,8 +1383,8 @@ class ge {
     let l = [], h = t.map((x) => {
       const { rowKey: w, key: E } = x;
       let g = x.value, m = g;
-      const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, E), R = this.getVirtualBodyCellByKey(w, E);
-      return (R == null ? void 0 : R.type) === "number" && (["", void 0, null].includes(g) ? m = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? m = Number(g) : (m = p, l.push({
+      const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, E), b = this.getVirtualBodyCellByKey(w, E);
+      return (b == null ? void 0 : b.type) === "number" && (["", void 0, null].includes(g) ? m = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? m = Number(g) : (m = p, l.push({
         ...x,
         value: m,
         oldValue: p,
@@ -1947,85 +1947,85 @@ class ge {
           }
         ]
       };
-    let g = e, m = e, y = a, p = a, R = [], C = 0, I = 0, _ = 0, v = 0;
+    let g = e, m = e, y = a, p = a, b = [], C = 0, R = 0, _ = 0, T = 0;
     if (d !== 1 && w) {
-      v = u;
-      const S = l.reduce((b, O) => {
-        const T = this.getItemValue(s, O) ?? "";
-        return `${b}${T}`;
+      T = u;
+      const S = l.reduce((I, v) => {
+        const O = this.getItemValue(s, v) ?? "";
+        return `${I}${O}`;
       }, "");
-      for (let b = e - 1; b >= 0; b--) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", T = l.reduce((M, L) => {
-          const A = this.getItemValue(O, L) ?? "";
-          return `${M}${A}`;
+      for (let I = e - 1; I >= 0; I--) {
+        const v = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((A, L) => {
+          const M = this.getItemValue(v, L) ?? "";
+          return `${A}${M}`;
         }, "");
-        if (S === T)
-          g = b;
+        if (S === O)
+          g = I;
         else
           break;
       }
-      for (let b = e; b <= this.ctx.maxRowIndex; b++) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", T = l.reduce((M, L) => {
-          const A = this.getItemValue(O, L) ?? "";
-          return `${M}${A}`;
+      for (let I = e; I <= this.ctx.maxRowIndex; I++) {
+        const v = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((A, L) => {
+          const M = this.getItemValue(v, L) ?? "";
+          return `${A}${M}`;
         }, "");
-        if (S === T)
-          m = b;
+        if (S === O)
+          m = I;
         else
           break;
       }
-      for (let b = g; b < e; b++) {
-        const { height: O } = this.positions[b];
-        C += O;
+      for (let I = g; I < e; I++) {
+        const { height: v } = this.positions[I];
+        C += v;
       }
-      for (let b = g; b <= m; b++) {
-        const { height: O } = this.positions[b];
-        _ += O;
-        const T = this.rowIndexRowKeyMap.get(b) || "", { item: M } = this.rowKeyMap.get(T), L = this.getItemValue(T, i);
-        R.push({
-          rowKey: T,
+      for (let I = g; I <= m; I++) {
+        const { height: v } = this.positions[I];
+        _ += v;
+        const O = this.rowIndexRowKeyMap.get(I) || "", { item: A } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
+        b.push({
+          rowKey: O,
           key: i,
           value: L,
-          row: M
+          row: A
         });
       }
     }
     if (x !== 1 && E) {
       _ = f;
       for (let S = a - 1; S >= 0; S--) {
-        const b = this.getColumnByColIndex(S);
-        if (!b)
+        const I = this.getColumnByColIndex(S);
+        if (!I)
           break;
-        const O = this.getItemValue(s, i), T = this.getItemValue(s, b.key);
-        if (O === T && h.includes(b.key))
+        const v = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
+        if (v === O && h.includes(I.key))
           y = S;
         else
           break;
       }
       for (let S = a; S <= this.ctx.maxColIndex; S++) {
-        const b = this.getColumnByColIndex(S);
-        if (!b)
+        const I = this.getColumnByColIndex(S);
+        if (!I)
           break;
-        const O = this.getItemValue(s, i), T = this.getItemValue(s, b.key);
-        if (O === T && h.includes(b.key))
+        const v = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
+        if (v === O && h.includes(I.key))
           p = S;
         else
           break;
       }
       for (let S = y; S < a; S++) {
-        const b = this.getColumnByColIndex(S);
-        if (!b)
+        const I = this.getColumnByColIndex(S);
+        if (!I)
           break;
-        I += b.width || 100;
+        R += I.width || 100;
       }
       for (let S = y; S <= p; S++) {
-        const b = this.getColumnByColIndex(S);
-        if (!b)
+        const I = this.getColumnByColIndex(S);
+        if (!I)
           break;
-        v += b.width || 100, R.push({
+        T += I.width || 100, b.push({
           rowKey: s,
-          key: b.key,
-          value: this.getItemValue(s, b.key),
+          key: I.key,
+          value: this.getItemValue(s, I.key),
           row: o
         });
       }
@@ -2036,10 +2036,10 @@ class ge {
       rowspan: d,
       colspan: x,
       height: _,
-      width: v,
+      width: T,
       offsetTop: C,
-      offsetLeft: I,
-      dataList: R
+      offsetLeft: R,
+      dataList: b
     };
   }
   setValidationErrorByRowIndex(t, e, i) {
@@ -2387,7 +2387,7 @@ class pe {
    * @returns 是否溢出
    */
   drawText(t = "", e, i, s, o, r = {}) {
-    var O;
+    var I;
     this.ctx.save();
     const {
       font: a = "12px Arial",
@@ -2402,44 +2402,42 @@ class pe {
     } = r;
     if (this.ctx.font = a, this.ctx.fillStyle = h, this.ctx.textAlign = l, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const m = parseInt(((O = a.match(/\d+/)) == null ? void 0 : O[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - E, p = this.ctx.measureText("...").width;
-    let R = !1;
-    if (s <= p + d * 2 + w + E)
-      return this.ctx.restore(), R = !0, R;
-    const C = Math.round((o - 2 * d) / m);
-    let I = this.wrapText(t, y, r.cacheTextKey), _ = Math.min(I.length, Math.max(C, 1));
-    u === "auto" && x ? _ = I.length : typeof u == "number" && u < _ ? _ = u : (u === 1 && !x && (I = [t], _ = 1), u === "auto" && C === 1 && (I = [t], _ = 1));
-    let v = i + d;
-    const S = Math.round(_ * m);
-    f === "middle" ? v = i + (o - S) / 2 : f === "bottom" && (v = i + o - S - d);
-    let b = e + d + w;
-    l === "center" ? b = e + s / 2 : l === "right" && (b = e + s - d - E);
-    for (let T = 0; T < I.length; T++) {
-      const M = I[T], L = v + T * m;
-      if (this.ctx.textBaseline = "top", T === _ - 1) {
-        const { _text: A, ellipsis: D } = this.handleEllipsis(M, s, d, a);
-        this.ctx.fillText(A, b, L), R = D;
+    const m = parseInt(((I = a.match(/\d+/)) == null ? void 0 : I[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - E;
+    let p = !1;
+    const b = Math.round((o - 2 * d) / m);
+    let C = this.wrapText(t, y, r.cacheTextKey), R = Math.min(C.length, Math.max(b, 1));
+    u === "auto" && x ? R = C.length : typeof u == "number" && u < R && u !== 1 ? R = u : (u === 1 && (C = [t], R = 1), u === "auto" && b === 1 && (C = [t], R = 1));
+    let _ = i + d;
+    const T = Math.round(R * m);
+    f === "middle" ? _ = i + (o - T) / 2 : f === "bottom" && (_ = i + o - T - d);
+    let S = e + d + w;
+    l === "center" ? S = e + s / 2 : l === "right" && (S = e + s - d - E);
+    for (let v = 0; v < C.length; v++) {
+      const O = C[v], A = _ + v * m;
+      if (this.ctx.textBaseline = "top", v === R - 1) {
+        const M = C.slice(v).join(""), { _text: D, ellipsis: H } = this.handleEllipsis(M, s, d, a);
+        this.ctx.fillText(D, S, A), p = H;
         break;
       }
-      this.ctx.fillText(M, b, L);
+      this.ctx.fillText(O, S, A);
     }
-    if (r.textCallback && I.length) {
-      const T = Math.round(this.ctx.measureText(I[0]).width);
-      let M = b, L = b + T;
-      l === "center" ? (M = b - T / 2, L = b + T / 2) : l === "right" && (M = b - T, L = b);
-      const A = {
-        x: b,
-        y: v,
-        width: T,
-        height: S,
-        left: M,
+    if (r.textCallback && C.length) {
+      const v = C.reduce((D, H) => Math.max(D, this.ctx.measureText(H).width), 0), O = Math.round(v);
+      let A = S, L = S + O;
+      l === "center" ? (A = S - O / 2, L = S + O / 2) : l === "right" && (A = S - O, L = S);
+      const M = {
+        x: S,
+        y: _,
+        width: O,
+        height: T,
+        left: A,
         right: L,
-        top: v,
-        bottom: v + S
+        top: _,
+        bottom: _ + T
       };
-      r.textCallback(A);
+      r.textCallback(M);
     }
-    return this.ctx.restore(), R;
+    return this.ctx.restore(), p;
   }
   /**
    * 将文本按宽度换行
@@ -2466,13 +2464,6 @@ class pe {
       }
       h && s.push(h);
     }
-    if (s.length >= 1) {
-      const a = s[s.length - 1], { ellipsis: l } = this.handleEllipsis(a, e, 0, this.ctx.font);
-      if (l) {
-        const h = a.slice(0, -1);
-        s[s.length - 1] = h, s.push(a.slice(-1));
-      }
-    }
     const r = s.length > 0 ? s : [""];
     return i && this.textCacheMap.set(i, r), r;
   }
@@ -2513,7 +2504,7 @@ class pe {
         ellipsis: !0
       };
     const l = this.ctx.measureText(t).width, h = e - i * 2;
-    if (l && l + a >= h) {
+    if (l && l >= h) {
       o = !0;
       let d = 0;
       for (let f = 0; f < t.length; f++)
@@ -2528,7 +2519,7 @@ class pe {
     };
   }
 }
-class It {
+class Rt {
   constructor(t) {
     n(this, "_config", {});
     /** CSS 类名前缀 */
@@ -2555,8 +2546,6 @@ class It {
     n(this, "BORDER_COLOR", "#e1e6eb");
     /** 宽度为 0 表示自适应100% */
     n(this, "WIDTH", 0);
-    /** 最小可调整宽度 */
-    n(this, "RESIZE_MIN_WIDTH", 40);
     /** 高度，为 0 表示自适应 */
     n(this, "HEIGHT", 0);
     /** 占位文本颜色 */
@@ -3050,7 +3039,7 @@ class ct extends Bt {
     n(this, "sortDescIconName", "sort-desc");
     n(this, "visibleWidth", 0);
     n(this, "visibleHeight", 0);
-    n(this, "maxLineClamp", "auto");
+    n(this, "maxLineClampHeader", "auto");
     n(this, "domDataset", {});
     n(this, "drawTextX", 0);
     n(this, "drawTextY", 0);
@@ -3071,7 +3060,7 @@ class ct extends Bt {
     n(this, "drawSortImageHeight", 0);
     n(this, "drawSortImageName", "");
     n(this, "drawSortImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = Dt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
+    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = Dt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader, this.maxLineClampHeader = l.maxLineClampHeader || "auto";
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -3132,7 +3121,7 @@ class ct extends Bt {
         color: this.drawTextColor,
         align: this.align,
         verticalAlign: this.verticalAlign,
-        maxLineClamp: this.maxLineClamp,
+        maxLineClamp: this.maxLineClampHeader,
         offsetRight: this.column.sortBy ? 16 : 0,
         // 排序图标占位
         offsetLeft: this.required ? 12 : 0,
@@ -3211,7 +3200,7 @@ class ct extends Bt {
     };
   }
 }
-class Re {
+class Ie {
   constructor(t) {
     n(this, "ctx");
     n(this, "visibleHoverCell");
@@ -3499,7 +3488,7 @@ class Re {
     this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-class Ie {
+class Re {
   constructor(t, e) {
     n(this, "eventBus");
     n(this, "eventBrowser");
@@ -3532,6 +3521,10 @@ class Ie {
     // 自动填充移动中
     n(this, "selectorMove", !1);
     // 选择器移动中
+    n(this, "selectColsIng", !1);
+    // 选择列中
+    n(this, "selectRowsIng", !1);
+    // 选择行中
     n(this, "adjustPositioning", !1);
     // 调整位置中
     n(this, "editing", !1);
@@ -3624,10 +3617,10 @@ class Ie {
       loadingElement: h,
       contextMenuElement: d
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = h, this.contextMenuElement = d, this.config = new It(e.config || {}), this.eventBus = new me(), this.eventBrowser = new Ee(this), this.eventTable = new Re(this), this.paint = new pe(this.canvasElement), this.database = new ge(this, e), this.history = new we(this), this.icons = new be(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = h, this.contextMenuElement = d, this.config = new Rt(e.config || {}), this.eventBus = new me(), this.eventBrowser = new Ee(this), this.eventTable = new Ie(this), this.paint = new pe(this.canvasElement), this.database = new ge(this, e), this.history = new we(this), this.icons = new be(this);
   }
   setConfig(t) {
-    this.config = new It(t);
+    this.config = new Rt(t);
   }
   setItemValueByEditor(t, e, i, s = !0, o = !0, r = !0) {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
@@ -3723,6 +3716,12 @@ class Ie {
     const s = this.body.height - this.body.visibleHeight + i;
     e < 0 ? e = 0 : e > s && (e = s), this.emit("setScrollY", e);
   }
+  startAdjustPosition(t) {
+    this.emit("startAdjustPosition", t);
+  }
+  stopAdjustPosition() {
+    this.emit("stopAdjustPosition");
+  }
   isTarget(t) {
     return !!this.containerElement.contains(t.target);
   }
@@ -3880,10 +3879,18 @@ class vt {
   }
 }
 class Se {
+  // 垂直滚动定时器
   constructor(t) {
     n(this, "ctx");
     n(this, "verticalScrollbar");
     n(this, "horizontalScrollbar");
+    n(this, "mousedownHeader", !1);
+    // 是否点击了表头,点击头部处理滚动条调整位置
+    n(this, "adjustPositionX", "");
+    n(this, "adjustPositionY", "");
+    n(this, "timerX", 0);
+    // 水平滚动定时器
+    n(this, "timerY", 0);
     this.ctx = t, this.verticalScrollbar = new vt(t, "vertical"), this.horizontalScrollbar = new vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
       this.onTouchstart(e);
     }), this.ctx.on("setScroll", (e, i) => {
@@ -3892,6 +3899,12 @@ class Se {
       this.setScrollX(e);
     }), this.ctx.on("setScrollY", (e) => {
       this.setScrollY(e);
+    }), this.ctx.on("cellHeaderMousedown", () => {
+      this.mousedownHeader = !0;
+    }), this.ctx.on("startAdjustPosition", (e) => {
+      this.startAdjustPosition(e);
+    }), this.ctx.on("stopAdjustPosition", () => {
+      this.stopAdjustPosition();
     });
   }
   onWheel(t) {
@@ -3910,7 +3923,7 @@ class Se {
     this.verticalScrollbar.onMouseMove(t), this.horizontalScrollbar.onMouseMove(t), this.draw();
   }
   onMouseUp() {
-    this.verticalScrollbar.onMouseUp(), this.horizontalScrollbar.onMouseUp(), this.ctx.scrollerMove = !1;
+    this.mousedownHeader = !1, this.verticalScrollbar.onMouseUp(), this.horizontalScrollbar.onMouseUp(), this.ctx.scrollerMove = !1;
   }
   draw() {
     this.verticalScrollbar.draw(), this.horizontalScrollbar.draw();
@@ -3945,6 +3958,35 @@ class Se {
     const { top: o } = i.getPositionForRowIndex(s);
     this.setScrollY(o - e.visibleHeight / 2);
   }
+  /**
+   * 调整滚动条位置，让到达边界时自动滚动
+   */
+  startAdjustPosition(t) {
+    var r, a;
+    const { offsetX: e, offsetY: i } = this.ctx.getOffset(t);
+    let s = "", o = "";
+    if (((r = this.ctx.focusCell) == null ? void 0 : r.fixed) !== "left" && e < this.ctx.fixedLeftWidth ? s = "left" : ((a = this.ctx.focusCell) == null ? void 0 : a.fixed) !== "right" && e > this.ctx.body.visibleWidth - this.ctx.fixedRightWidth ? s = "right" : (s = "", this.stopAdjustPosition(!0, !1)), !this.mousedownHeader && i < this.ctx.header.visibleHeight ? o = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight ? o = "bottom" : (o = "", this.stopAdjustPosition(!1, !0)), s && this.adjustPositionX !== s) {
+      this.adjustPositionX = s;
+      let h = 10 * (s === "left" ? -1 : 1);
+      this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
+        h *= 1.5;
+        const { scrollX: d } = this.ctx, f = d + h;
+        (f < 0 || f > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(f);
+      }, 100);
+    }
+    if (o && this.adjustPositionY !== o) {
+      this.adjustPositionY = o;
+      let h = 10 * (o === "top" ? -1 : 1);
+      this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
+        h *= 1.5;
+        const { scrollY: d } = this.ctx, f = d + h;
+        (f < 0 || f > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(f);
+      }, 100);
+    }
+  }
+  stopAdjustPosition(t = !0, e = !0) {
+    t && (this.adjustPositionX = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0)), e && (this.adjustPositionY = "", this.timerY && (clearInterval(this.timerY), this.timerY = 0));
+  }
 }
 class _e {
   constructor(t) {
@@ -3985,7 +4027,7 @@ class _e {
     n(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      j(() => {
+      Z(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -4290,26 +4332,26 @@ class ve {
     let m = g;
     const y = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (y > p && d && !a) {
-      const T = y - p - f;
-      T > e.height + r ? m = T : g > h && (m = h);
+      const O = y - p - f;
+      O > e.height + r ? m = O : g > h && (m = h);
     } else this.data.length && a ? m = a : this.data.length && h && g > h && (m = h);
     m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
-    let R = this.ctx.stageHeight - e.height - r;
-    o ? this.visibleHeight = R - E : this.visibleHeight = R, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
-    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
-    t.width = Math.round(I), t.height = Math.round(_);
-    const v = this.data.length ? "not-empty" : "empty";
+    let b = this.ctx.stageHeight - e.height - r;
+    o ? this.visibleHeight = b - E : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = x;
+    const C = window.devicePixelRatio || 1, R = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
+    t.width = Math.round(R), t.height = Math.round(_);
+    const T = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: v,
-      type: v,
+      isEmpty: T,
+      type: T,
       headerHeight: e.height,
       bodyHeight: this.height,
       footerHeight: E,
       width: this.width,
       height: this.data.length ? 0 : l + E
     });
-    const S = Math.round(t.width / C * 1e4) / 1e4, b = Math.round(t.height / C * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${b}px;width:${S}px;`), this.ctx.paint.scale(C);
+    const S = Math.round(t.width / C * 1e4) / 1e4, I = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${I}px;width:${S}px;`), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -4545,17 +4587,10 @@ class Te {
   }
 }
 class Oe {
-  // 垂直滚动定时器
   constructor(t) {
     n(this, "isCut", !1);
     n(this, "isMultipleRow", !1);
-    n(this, "mousedownHeader", !1);
     n(this, "ctx");
-    n(this, "adjustPositionX", "");
-    n(this, "adjustPositionY", "");
-    n(this, "timerX", 0);
-    // 水平滚动定时器
-    n(this, "timerY", 0);
     this.ctx = t, this.init();
   }
   init() {
@@ -4563,9 +4598,8 @@ class Oe {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
-      j((t) => {
-        const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget(t) && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
-        (this.ctx.selectorMove || this.ctx.autofillMove) && (!s && !this.mousedownHeader ? this.startAdjustPosition(t) : this.stopAdjustPosition());
+      Z((t) => {
+        this.ctx.selectorMove && this.ctx.startAdjustPosition(t);
       }, 100)
     ), this.ctx.on("cellHoverChange", (t) => {
       if (!this.ctx.autofillMove) {
@@ -4584,7 +4618,7 @@ class Oe {
       }
       window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey), this.ctx.emit("selectorClick", t);
     }), this.ctx.on("mouseup", () => {
-      this.mousedownHeader = !1;
+      this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition();
       const t = setTimeout(() => {
         this.ctx.adjustPositioning = !1, clearTimeout(t);
       }, 0);
@@ -4593,7 +4627,7 @@ class Oe {
     }), this.ctx.on("cellHeaderMousedown", (t, e) => {
       if (this.ctx.stageElement.style.cursor === "pointer" || this.ctx.isPointer)
         return;
-      window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.mousedownHeader = !0, this.selectCols(t);
+      window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.selectCols(t);
     }), this.ctx.on("keydown", (t) => {
       if (!this.ctx.editing) {
         if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
@@ -4642,8 +4676,6 @@ class Oe {
       this.isCut = !0, this.copy();
     }), this.ctx.on("setSelectorCell", (t) => {
       this.ctx.setFocusCell(t), this.click();
-    }), this.ctx.on("mouseup", () => {
-      this.ctx.selectorMove = !1, this.stopAdjustPosition();
     });
   }
   setSelector(t, e) {
@@ -4667,14 +4699,14 @@ class Oe {
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
       } = this.ctx.config, x = a, w = l || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - u;
-      let [m, y] = o, [p, R] = r;
-      if (m < x || y > w || p < E || R > g)
+      let [m, y] = o, [p, b] = r;
+      if (m < x || y > w || p < E || b > g)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const I = this.adjustMergeCells(o, r);
-        p = I.yArr[0], R = I.yArr[1], m = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        const R = this.adjustMergeCells(o, r);
+        p = R.yArr[0], b = R.yArr[1], m = R.xArr[0], y = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      m === y && p === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(w, y)], r = [Math.max(E, p), Math.min(g, R)];
+      m === y && p === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(w, y)], r = [Math.max(E, p), Math.min(g, b)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
         const _ = C({
@@ -4686,12 +4718,18 @@ class Oe {
           return;
         o = _.xArr, r = _.yArr;
       }
-      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, b === this.ctx.maxRowIndex && p === 0 ? this.ctx.selectColsIng = !0 : this.ctx.selectColsIng = !1, y === this.ctx.maxColIndex && m === 0 ? this.ctx.selectRowsIng = !0 : this.ctx.selectRowsIng = !1, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   adjustMergeCells(t, e) {
     var w;
     const [i, s] = e, [o, r] = t;
+    if (s === this.ctx.maxRowIndex && i === 0 || r === this.ctx.maxColIndex && o === 0)
+      return {
+        xArr: t,
+        yArr: e,
+        onlyMergeCell: !1
+      };
     let a = [], l = [];
     for (let E = 0; E <= e[1] - e[0]; E++)
       for (let g = 0; g <= t[1] - t[0]; g++) {
@@ -4921,18 +4959,18 @@ class Oe {
         }
         let g = [];
         for (let p = 0; p <= r.length - 1; p++) {
-          const R = r[p].length;
-          for (let C = 0; C <= R - 1; C++) {
-            const I = p + e, _ = C + i, v = r[p][C], S = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              I,
+          const b = r[p].length;
+          for (let C = 0; C <= b - 1; C++) {
+            const R = p + e, _ = C + i, T = r[p][C], S = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              R,
               _
             );
             if (S) {
-              const { rowKey: b, key: O } = S;
-              this.ctx.database.getReadonly(b, O) || (s.add(b), g.push({
-                rowKey: b,
-                key: O,
-                value: v,
+              const { rowKey: I, key: v } = S;
+              this.ctx.database.getReadonly(I, v) || (s.add(I), g.push({
+                rowKey: I,
+                key: v,
+                value: T,
                 row: {}
                 //内部有设置
               }));
@@ -4945,23 +4983,23 @@ class Oe {
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), R = g.map((C) => `${C.rowKey}-${C.key}`);
+          ), b = g.map((C) => `${C.rowKey}-${C.key}`);
           p.forEach((C) => {
-            R.includes(`${C.rowKey}-${C.key}`) || g.unshift(C);
+            b.includes(`${C.rowKey}-${C.key}`) || g.unshift(C);
           }), this.isCut = !1;
         }
         if (!g.length)
           return;
         const { BEFORE_PASTE_DATA_METHOD: m } = this.ctx.config;
         if (typeof m == "function") {
-          const p = m, R = g.map((C) => ({
+          const p = m, b = g.map((C) => ({
             rowKey: C.rowKey,
             key: C.key,
             value: C.value,
             oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
             row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
           }));
-          if (g = await p(R, a, l, r), g && !g.length)
+          if (g = await p(b, a, l, r), g && !g.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
@@ -5002,9 +5040,6 @@ class Oe {
     const h = [i, i], d = [s, s], f = this.getCell(s, i);
     f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(h, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
   }
-  stopAdjustPosition() {
-    this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
-  }
   // 判断是否在设置范围内
   isInSettingRange(t, e) {
     const {
@@ -5017,31 +5052,6 @@ class Oe {
     } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l;
     return !(e < h || e > d || t < f || t > u);
   }
-  /**
-   * 调整滚动条位置，让到达边界时自动滚动
-   */
-  startAdjustPosition(t) {
-    const { offsetX: e, offsetY: i } = this.ctx.getOffset(t);
-    let s = "", o = "";
-    if (e < 0 ? s = "left" : e > this.ctx.body.visibleWidth && (s = "right"), i < this.ctx.header.visibleHeight ? o = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight && (o = "bottom"), s && this.adjustPositionX !== s) {
-      this.adjustPositionX = s;
-      let a = 10 * (s === "left" ? -1 : 1);
-      this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
-        a *= 1.5;
-        const { scrollX: l } = this.ctx, h = l + a;
-        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
-      }, 100);
-    }
-    if (o && this.adjustPositionY !== o) {
-      this.adjustPositionY = o;
-      let a = 10 * (o === "top" ? -1 : 1);
-      this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
-        a *= 1.5;
-        const { scrollY: l } = this.ctx, h = l + a;
-        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
-      }, 100);
-    }
-  }
   /**
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
    */
@@ -5062,17 +5072,16 @@ class Oe {
     if (!i)
       return;
     w && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: E, drawY: g, width: m, height: y, fixed: p } = i, R = o - E + 1, C = i.drawX + m - (e - s) + 1;
-    let I = r.height - g, _ = y;
+    const { drawX: E, drawY: g, width: m, height: y, fixed: p } = i, b = o - E + 1, C = i.drawX + m - (e - s) + 1;
+    let R = r.height - g, _ = y;
     _ > l.visibleHeight && (_ = l.visibleHeight);
-    let v = 0;
-    u && (x === "top" ? I = r.height + a.height - g : v = a.visibleHeight);
-    const S = g + _ - (t - v - f);
-    let b = h, O = d;
-    C > 0 && !p ? b = Math.floor(h + C) : R > 0 && !p && (b = Math.floor(h - R)), I > 0 ? O = Math.floor(d - I) : S > 0 && (O = Math.floor(d + S)), (Math.abs(h - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
+    let T = 0;
+    u && (x === "top" ? R = r.height + a.height - g : T = a.visibleHeight);
+    const S = g + _ - (t - T - f);
+    let I = h, v = d;
+    C > 0 && !p ? I = Math.floor(h + C) : b > 0 && !p && (I = Math.floor(h - b)), R > 0 ? v = Math.floor(d - R) : S > 0 && (v = Math.floor(d + S)), (Math.abs(h - I) > 2 || Math.abs(d - v) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, v), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
-    this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
 class Le {
@@ -5086,14 +5095,14 @@ class Le {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
       const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - d + f, x = a + h - d + f;
-      e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair");
+      e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair"), this.ctx.autofillMove && this.ctx.startAdjustPosition(t);
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: a } = t;
       this.ctx.config.ENABLE_AUTOFILL && r === s && a === o && (this.maxColRowCell = t), this.mouseenter(t);
     }), this.ctx.on("mousedown", () => {
       this.ctx.stageElement.style.cursor === "crosshair" && this.setMousedown();
     }), this.ctx.on("mouseup", () => {
-      this.setMouseUp();
+      this.setMouseUp(), this.ctx.stopAdjustPosition();
     });
   }
   /**
@@ -5134,20 +5143,20 @@ class Le {
         SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, w = l, E = h || this.ctx.maxColIndex - u, g = d, m = f || this.ctx.maxRowIndex - x;
-      let [y, p] = r, [R, C] = a;
-      if (y < w || R < g)
+      let [y, p] = r, [b, C] = a;
+      if (y < w || b < g)
         return;
-      r = [Math.max(w, y), Math.min(E, p)], a = [Math.max(g, R), Math.min(m, C)];
-      const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
-      if (typeof I == "function") {
-        const v = I({
+      r = [Math.max(w, y), Math.min(E, p)], a = [Math.max(g, b), Math.min(m, C)];
+      const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
+      if (typeof R == "function") {
+        const T = R({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
         });
-        if (!v)
+        if (!T)
           return;
-        r = v.xArr, a = v.yArr;
+        r = T.xArr, a = T.yArr;
       }
       this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = a, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -5176,9 +5185,9 @@ class Le {
       for (let w = 0; w <= a[1] - a[0]; w++) {
         const E = w + a[0], g = x + l[0], m = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), p = `${g}-${E}`;
         if (y && !i.has(p)) {
-          const { rowKey: R, key: C } = y;
-          this.ctx.database.getReadonly(R, C) || (t.add(R), d.push({
-            rowKey: R,
+          const { rowKey: b, key: C } = y;
+          this.ctx.database.getReadonly(b, C) || (t.add(b), d.push({
+            rowKey: b,
             key: C,
             value: m,
             row: {}
@@ -5221,12 +5230,12 @@ class Le {
 const q = Math.min, $ = Math.max, st = Math.round, B = (c) => ({
   x: c,
   y: c
-}), Me = {
+}), Ae = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ae = {
+}, Me = {
   start: "end",
   end: "start"
 };
@@ -5266,7 +5275,7 @@ function Ne(c) {
   return [ft(c), t, ft(t)];
 }
 function ft(c) {
-  return c.replace(/start|end/g, (t) => Ae[t]);
+  return c.replace(/start|end/g, (t) => Me[t]);
 }
 const Tt = ["left", "right"], Ot = ["right", "left"], ke = ["top", "bottom"], Xe = ["bottom", "top"];
 function Ye(c, t, e) {
@@ -5287,7 +5296,7 @@ function Be(c, t, e, i) {
   return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(ft)))), o;
 }
 function ot(c) {
-  return c.replace(/left|right|bottom|top/g, (t) => Me[t]);
+  return c.replace(/left|right|bottom|top/g, (t) => Ae[t]);
 }
 function Ke(c) {
   return {
@@ -5394,7 +5403,7 @@ const We = async (c, t, e) => {
     } = a[E], {
       x: y,
       y: p,
-      data: R,
+      data: b,
       reset: C
     } = await m({
       x: d,
@@ -5414,7 +5423,7 @@ const We = async (c, t, e) => {
       ...x,
       [g]: {
         ...x[g],
-        ...R
+        ...b
       }
     }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: c,
@@ -5459,7 +5468,7 @@ async function Vt(c, t) {
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), R = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
+  } : r.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), b = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
     x: 1,
     y: 1
   } : {
@@ -5472,10 +5481,10 @@ async function Vt(c, t) {
     strategy: l
   }) : y);
   return {
-    top: (m.top - C.top + w.top) / R.y,
-    bottom: (C.bottom - m.bottom + w.bottom) / R.y,
-    left: (m.left - C.left + w.left) / R.x,
-    right: (C.right - m.right + w.right) / R.x
+    top: (m.top - C.top + w.top) / b.y,
+    bottom: (C.bottom - m.bottom + w.bottom) / b.y,
+    left: (m.left - C.left + w.left) / b.x,
+    right: (C.right - m.right + w.right) / b.x
   };
 }
 const Fe = (c) => ({
@@ -5499,17 +5508,17 @@ const Fe = (c) => ({
     const f = Ft(d), u = {
       x: e,
       y: i
-    }, x = Et(s), w = wt(x), E = await r.getDimensions(h), g = x === "y", m = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", R = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
-    let _ = I ? I[p] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[p] || o.floating[w]);
-    const v = R / 2 - C / 2, S = _ / 2 - E[w] / 2 - 1, b = q(f[m], S), O = q(f[y], S), T = b, M = _ - E[w] - O, L = _ / 2 - E[w] / 2 + v, A = dt(T, L, M), D = !l.arrow && tt(s) != null && L !== A && o.reference[w] / 2 - (L < T ? b : O) - E[w] / 2 < 0, N = D ? L < T ? L - T : L - M : 0;
+    }, x = Et(s), w = wt(x), E = await r.getDimensions(h), g = x === "y", m = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = R ? R[p] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(R))) && (_ = a.floating[p] || o.floating[w]);
+    const T = b / 2 - C / 2, S = _ / 2 - E[w] / 2 - 1, I = q(f[m], S), v = q(f[y], S), O = I, A = _ - E[w] - v, L = _ / 2 - E[w] / 2 + T, M = dt(O, L, A), D = !l.arrow && tt(s) != null && L !== M && o.reference[w] / 2 - (L < O ? I : v) - E[w] / 2 < 0, H = D ? L < O ? L - O : L - A : 0;
     return {
-      [x]: u[x] + N,
+      [x]: u[x] + H,
       data: {
-        [x]: A,
-        centerOffset: L - A - N,
+        [x]: M,
+        centerOffset: L - M - H,
         ...D && {
-          alignmentOffset: N
+          alignmentOffset: H
         }
       },
       reset: D
@@ -5539,47 +5548,47 @@ const Fe = (c) => ({
       } = Q(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const m = z(s), y = V(a), p = z(a) === a, R = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (p || !E ? [ot(a)] : Ne(a)), I = w !== "none";
-      !u && I && C.push(...Be(a, E, w, R));
-      const _ = [a, ...C], v = await Vt(t, g), S = [];
-      let b = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && S.push(v[m]), f) {
-        const L = De(s, r, R);
-        S.push(v[L[0]], v[L[1]]);
+      const m = z(s), y = V(a), p = z(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (p || !E ? [ot(a)] : Ne(a)), R = w !== "none";
+      !u && R && C.push(...Be(a, E, w, b));
+      const _ = [a, ...C], T = await Vt(t, g), S = [];
+      let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      if (d && S.push(T[m]), f) {
+        const L = De(s, r, b);
+        S.push(T[L[0]], T[L[1]]);
       }
-      if (b = [...b, {
+      if (I = [...I, {
         placement: s,
         overflows: S
       }], !S.every((L) => L <= 0)) {
-        var O, T;
-        const L = (((O = o.flip) == null ? void 0 : O.index) || 0) + 1, A = _[L];
-        if (A && (!(f === "alignment" ? y !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
+        var v, O;
+        const L = (((v = o.flip) == null ? void 0 : v.index) || 0) + 1, M = _[L];
+        if (M && (!(f === "alignment" ? y !== V(M) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        b.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
+        I.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
-              overflows: b
+              overflows: I
             },
             reset: {
-              placement: A
+              placement: M
             }
           };
-        let D = (T = b.filter((N) => N.overflows[0] <= 0).sort((N, k) => N.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
+        let D = (O = I.filter((H) => H.overflows[0] <= 0).sort((H, k) => H.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!D)
           switch (x) {
             case "bestFit": {
-              var M;
-              const N = (M = b.filter((k) => {
-                if (I) {
+              var A;
+              const H = (A = I.filter((k) => {
+                if (R) {
                   const F = V(k.placement);
                   return F === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   F === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((F) => F > 0).reduce((F, se) => F + se, 0)]).sort((k, F) => k[1] - F[1])[0]) == null ? void 0 : M[0];
-              N && (D = N);
+              }).map((k) => [k.placement, k.overflows.filter((F) => F > 0).reduce((F, se) => F + se, 0)]).sort((k, F) => k[1] - F[1])[0]) == null ? void 0 : A[0];
+              H && (D = H);
               break;
             }
             case "initialPlacement":
@@ -5706,10 +5715,10 @@ const $e = function(c) {
 function nt() {
   return typeof window < "u";
 }
-function Z(c) {
+function j(c) {
   return Pt(c) ? (c.nodeName || "").toLowerCase() : "#document";
 }
-function H(c) {
+function N(c) {
   var t;
   return (c == null || (t = c.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -5718,16 +5727,16 @@ function W(c) {
   return (t = (Pt(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function Pt(c) {
-  return nt() ? c instanceof Node || c instanceof H(c).Node : !1;
+  return nt() ? c instanceof Node || c instanceof N(c).Node : !1;
 }
 function X(c) {
-  return nt() ? c instanceof Element || c instanceof H(c).Element : !1;
+  return nt() ? c instanceof Element || c instanceof N(c).Element : !1;
 }
 function K(c) {
-  return nt() ? c instanceof HTMLElement || c instanceof H(c).HTMLElement : !1;
+  return nt() ? c instanceof HTMLElement || c instanceof N(c).HTMLElement : !1;
 }
-function Mt(c) {
-  return !nt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof H(c).ShadowRoot;
+function At(c) {
+  return !nt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof N(c).ShadowRoot;
 }
 const Ue = /* @__PURE__ */ new Set(["inline", "contents"]);
 function et(c) {
@@ -5739,9 +5748,9 @@ function et(c) {
   } = Y(c);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !Ue.has(s);
 }
-const Ze = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function je(c) {
-  return Ze.has(Z(c));
+const je = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Ze(c) {
+  return je.has(j(c));
 }
 const qe = [":popover-open", ":modal"];
 function at(c) {
@@ -5774,10 +5783,10 @@ function pt() {
 }
 const ii = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function U(c) {
-  return ii.has(Z(c));
+  return ii.has(j(c));
 }
 function Y(c) {
-  return H(c).getComputedStyle(c);
+  return N(c).getComputedStyle(c);
 }
 function lt(c) {
   return X(c) ? {
@@ -5789,16 +5798,16 @@ function lt(c) {
   };
 }
 function P(c) {
-  if (Z(c) === "html")
+  if (j(c) === "html")
     return c;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     c.assignedSlot || // DOM Element detected.
     c.parentNode || // ShadowRoot detected.
-    Mt(c) && c.host || // Fallback.
+    At(c) && c.host || // Fallback.
     W(c)
   );
-  return Mt(t) ? t.host : t;
+  return At(t) ? t.host : t;
 }
 function zt(c) {
   const t = P(c);
@@ -5807,7 +5816,7 @@ function zt(c) {
 function $t(c, t, e) {
   var i;
   t === void 0 && (t = []);
-  const s = zt(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = H(s);
+  const s = zt(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = N(s);
   return o ? (xt(r), t.concat(r, r.visualViewport || [], et(s) ? s : [], [])) : t.concat(s, $t(s, []));
 }
 function xt(c) {
@@ -5842,29 +5851,29 @@ function G(c) {
   };
 }
 const si = /* @__PURE__ */ B(0);
-function Zt(c) {
-  const t = H(c);
+function jt(c) {
+  const t = N(c);
   return !pt() || !t.visualViewport ? si : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function oi(c, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== H(c) ? !1 : t;
+  return t === void 0 && (t = !1), !e || t && e !== N(c) ? !1 : t;
 }
 function J(c, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = c.getBoundingClientRect(), o = Ut(c);
   let r = B(1);
   t && (i ? X(i) && (r = G(i)) : r = G(c));
-  const a = oi(o, e, i) ? Zt(o) : B(0);
+  const a = oi(o, e, i) ? jt(o) : B(0);
   let l = (s.left + a.x) / r.x, h = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
-    const u = H(o), x = i && X(i) ? H(i) : i;
+    const u = N(o), x = i && X(i) ? N(i) : i;
     let w = u, E = xt(w);
     for (; E && i && x !== w; ) {
-      const g = G(E), m = E.getBoundingClientRect(), y = Y(E), p = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * g.x, R = m.top + (E.clientTop + parseFloat(y.paddingTop)) * g.y;
-      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += p, h += R, w = H(E), E = xt(w);
+      const g = G(E), m = E.getBoundingClientRect(), y = Y(E), p = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * g.x, b = m.top + (E.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += p, h += b, w = N(E), E = xt(w);
     }
   }
   return rt({
@@ -5878,7 +5887,7 @@ function yt(c, t) {
   const e = lt(c).scrollLeft;
   return t ? t.left + e : J(W(c)).left + e;
 }
-function jt(c, t, e) {
+function Zt(c, t, e) {
   e === void 0 && (e = !1);
   const i = c.getBoundingClientRect(), s = i.left + t.scrollLeft - (e ? 0 : (
     // RTL <body> scrollbar.
@@ -5904,11 +5913,11 @@ function ri(c) {
     scrollTop: 0
   }, h = B(1);
   const d = B(0), f = K(i);
-  if ((f || !f && !o) && ((Z(i) !== "body" || et(r)) && (l = lt(i)), K(i))) {
+  if ((f || !f && !o) && ((j(i) !== "body" || et(r)) && (l = lt(i)), K(i))) {
     const x = J(i);
     h = G(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
-  const u = r && !f && !o ? jt(r, l, !0) : B(0);
+  const u = r && !f && !o ? Zt(r, l, !0) : B(0);
   return {
     width: e.width * h.x,
     height: e.height * h.y,
@@ -5931,7 +5940,7 @@ function ai(c) {
   };
 }
 function li(c, t) {
-  const e = H(c), i = W(c), s = e.visualViewport;
+  const e = N(c), i = W(c), s = e.visualViewport;
   let o = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, r = s.height;
@@ -5955,7 +5964,7 @@ function ci(c, t) {
     y: h
   };
 }
-function At(c, t, e) {
+function Mt(c, t, e) {
   let i;
   if (t === "viewport")
     i = li(c, e);
@@ -5964,7 +5973,7 @@ function At(c, t, e) {
   else if (X(t))
     i = ci(t, e);
   else {
-    const s = Zt(c);
+    const s = jt(c);
     i = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -5982,7 +5991,7 @@ function di(c, t) {
   const e = t.get(c);
   if (e)
     return e;
-  let i = $t(c, []).filter((a) => X(a) && Z(a) !== "body"), s = null;
+  let i = $t(c, []).filter((a) => X(a) && j(a) !== "body"), s = null;
   const o = Y(c).position === "fixed";
   let r = o ? P(c) : c;
   for (; X(r) && !U(r); ) {
@@ -5999,9 +6008,9 @@ function fi(c) {
     strategy: s
   } = c;
   const r = [...e === "clippingAncestors" ? at(t) ? [] : di(t, this._c) : [].concat(e), i], a = r[0], l = r.reduce((h, d) => {
-    const f = At(t, d, s);
+    const f = Mt(t, d, s);
     return h.top = $(f.top, h.top), h.right = q(f.right, h.right), h.bottom = q(f.bottom, h.bottom), h.left = $(f.left, h.left), h;
-  }, At(t, a, s));
+  }, Mt(t, a, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -6030,12 +6039,12 @@ function ui(c, t, e) {
     l.x = yt(s);
   }
   if (i || !i && !o)
-    if ((Z(t) !== "body" || et(s)) && (a = lt(t)), i) {
+    if ((j(t) !== "body" || et(s)) && (a = lt(t)), i) {
       const x = J(t, !0, o, t);
       l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
     } else s && h();
   o && !i && s && h();
-  const d = s && !i && !o ? jt(s, a) : B(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
+  const d = s && !i && !o ? Zt(s, a) : B(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
   return {
     x: f,
     y: u,
@@ -6055,7 +6064,7 @@ function Ht(c, t) {
   return W(c) === e && (e = e.ownerDocument.body), e;
 }
 function Jt(c, t) {
-  const e = H(c);
+  const e = N(c);
   if (at(c))
     return e;
   if (!K(c)) {
@@ -6068,7 +6077,7 @@ function Jt(c, t) {
     return e;
   }
   let i = Ht(c, t);
-  for (; i && je(i) && ht(i); )
+  for (; i && Ze(i) && ht(i); )
     i = Ht(i, t);
   return i && U(i) && ht(i) && !mt(i) ? e : i || ei(c) || e;
 }
@@ -6454,7 +6463,7 @@ class bi {
     n(this, "ctx");
     n(this, "observer");
     this.ctx = t, this.observer = new MutationObserver(
-      j(() => {
+      Z(() => {
         const e = this.ctx.overlayerElement.querySelectorAll('[data-auto-height="true"]'), i = /* @__PURE__ */ new Map();
         e.forEach((r) => {
           const a = Number(r.getAttribute("data-row-index")), l = Number(r.getAttribute("data-col-index"));
@@ -6668,7 +6677,7 @@ class bi {
     };
   }
 }
-class Ri {
+class Ii {
   constructor(t) {
     n(this, "ctx");
     n(this, "contextMenuEl");
@@ -6754,7 +6763,7 @@ class Ri {
     this.contextMenuEl.remove();
   }
 }
-class Ii {
+class Ri {
   constructor(t) {
     n(this, "ctx");
     n(this, "loadingEl");
@@ -6808,9 +6817,9 @@ class Ti {
       o,
       r
     );
-    this.ctx = new Ie(a, this.options), this.header = new _e(this.ctx), this.footer = new Te(this.ctx), this.body = new ve(this.ctx), this.scroller = new Se(this.ctx), this.selector = new Oe(this.ctx), this.autofill = new Le(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new Ci(this.ctx), this.editor = new yi(this.ctx), this.overlayer = new bi(this.ctx), this.contextMenu = new Ri(this.ctx), this.loading = new Ii(this.ctx), this.ctx.on(
+    this.ctx = new Re(a, this.options), this.header = new _e(this.ctx), this.footer = new Te(this.ctx), this.body = new ve(this.ctx), this.scroller = new Se(this.ctx), this.selector = new Oe(this.ctx), this.autofill = new Le(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new Ci(this.ctx), this.editor = new yi(this.ctx), this.overlayer = new bi(this.ctx), this.contextMenu = new Ii(this.ctx), this.loading = new Ri(this.ctx), this.ctx.on(
       "draw",
-      j(
+      Z(
         () => {
           this.draw();
         },
@@ -6818,7 +6827,7 @@ class Ti {
       )
     ), this.ctx.on(
       "drawView",
-      j(
+      Z(
         () => {
           this.draw(!0);
         },