@guiexpert/solid-table 1.0.13 → 1.0.15

package/index.js

@@ -1,2646 +0,0 @@
-const xe = (l, e) => l === e, J = Symbol("solid-proxy"), he = {
-  equals: xe
-};
-let pe = Se;
-const L = 1, N = 2, fe = {
-  owned: null,
-  cleanups: null,
-  context: null,
-  owner: null
-};
-var A = null;
-let U = null, b = null, x = null, F = null, K = 0;
-function Ee(l, e) {
-  const t = b, s = A, i = l.length === 0, o = e === void 0 ? s : e, r = i ? fe : {
-    owned: null,
-    cleanups: null,
-    context: o ? o.context : null,
-    owner: o
-  }, n = i ? l : () => l(() => W(() => z(r)));
-  A = r, b = null;
-  try {
-    return V(n, !0);
-  } finally {
-    b = t, A = s;
-  }
-}
-function Q(l, e, t) {
-  const s = se(l, e, !1, L);
-  H(s);
-}
-function Ae(l, e, t) {
-  pe = Fe;
-  const s = se(l, e, !1, L);
-  (!t || !t.render) && (s.user = !0), F ? F.push(s) : H(s);
-}
-function Me(l, e, t) {
-  t = t ? Object.assign({}, he, t) : he;
-  const s = se(l, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, H(s), Te.bind(s);
-}
-function W(l) {
-  if (b === null)
-    return l();
-  const e = b;
-  b = null;
-  try {
-    return l();
-  } finally {
-    b = e;
-  }
-}
-function Re(l) {
-  Ae(() => W(l));
-}
-function Te() {
-  if (this.sources && this.state)
-    if (this.state === L)
-      H(this);
-    else {
-      const l = x;
-      x = null, V(() => j(this), !1), x = l;
-    }
-  if (b) {
-    const l = this.observers ? this.observers.length : 0;
-    b.sources ? (b.sources.push(this), b.sourceSlots.push(l)) : (b.sources = [this], b.sourceSlots = [l]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.sources.length - 1]);
-  }
-  return this.value;
-}
-function De(l, e, t) {
-  let s = l.value;
-  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && V(() => {
-    for (let i = 0; i < l.observers.length; i += 1) {
-      const o = l.observers[i], r = U && U.running;
-      r && U.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? x.push(o) : F.push(o), o.observers && ge(o)), r || (o.state = L);
-    }
-    if (x.length > 1e6)
-      throw x = [], new Error();
-  }, !1)), e;
-}
-function H(l) {
-  if (!l.fn)
-    return;
-  z(l);
-  const e = K;
-  Ie(
-    l,
-    l.value,
-    e
-  );
-}
-function Ie(l, e, t) {
-  let s;
-  const i = A, o = b;
-  b = A = l;
-  try {
-    s = l.fn(e);
-  } catch (r) {
-    return l.pure && (l.state = L, l.owned && l.owned.forEach(z), l.owned = null), l.updatedAt = t + 1, me(r);
-  } finally {
-    b = o, A = i;
-  }
-  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? De(l, s) : l.value = s, l.updatedAt = t);
-}
-function se(l, e, t, s = L, i) {
-  const o = {
-    fn: l,
-    state: s,
-    updatedAt: null,
-    owned: null,
-    sources: null,
-    sourceSlots: null,
-    cleanups: null,
-    value: e,
-    owner: A,
-    context: A ? A.context : null,
-    pure: t
-  };
-  return A === null || A !== fe && (A.owned ? A.owned.push(o) : A.owned = [o]), o;
-}
-function _(l) {
-  if (l.state === 0)
-    return;
-  if (l.state === N)
-    return j(l);
-  if (l.suspense && W(l.suspense.inFallback))
-    return l.suspense.effects.push(l);
-  const e = [l];
-  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < K); )
-    l.state && e.push(l);
-  for (let t = e.length - 1; t >= 0; t--)
-    if (l = e[t], l.state === L)
-      H(l);
-    else if (l.state === N) {
-      const s = x;
-      x = null, V(() => j(l, e[0]), !1), x = s;
-    }
-}
-function V(l, e) {
-  if (x)
-    return l();
-  let t = !1;
-  e || (x = []), F ? t = !0 : F = [], K++;
-  try {
-    const s = l();
-    return Oe(t), s;
-  } catch (s) {
-    t || (F = null), x = null, me(s);
-  }
-}
-function Oe(l) {
-  if (x && (Se(x), x = null), l)
-    return;
-  const e = F;
-  F = null, e.length && V(() => pe(e), !1);
-}
-function Se(l) {
-  for (let e = 0; e < l.length; e++)
-    _(l[e]);
-}
-function Fe(l) {
-  let e, t = 0;
-  for (e = 0; e < l.length; e++) {
-    const s = l[e];
-    s.user ? l[t++] = s : _(s);
-  }
-  for (e = 0; e < t; e++)
-    _(l[e]);
-}
-function j(l, e) {
-  l.state = 0;
-  for (let t = 0; t < l.sources.length; t += 1) {
-    const s = l.sources[t];
-    if (s.sources) {
-      const i = s.state;
-      i === L ? s !== e && (!s.updatedAt || s.updatedAt < K) && _(s) : i === N && j(s, e);
-    }
-  }
-}
-function ge(l) {
-  for (let e = 0; e < l.observers.length; e += 1) {
-    const t = l.observers[e];
-    t.state || (t.state = N, t.pure ? x.push(t) : F.push(t), t.observers && ge(t));
-  }
-}
-function z(l) {
-  let e;
-  if (l.sources)
-    for (; l.sources.length; ) {
-      const t = l.sources.pop(), s = l.sourceSlots.pop(), i = t.observers;
-      if (i && i.length) {
-        const o = i.pop(), r = t.observerSlots.pop();
-        s < i.length && (o.sourceSlots[r] = s, i[s] = o, t.observerSlots[s] = r);
-      }
-    }
-  if (l.owned) {
-    for (e = l.owned.length - 1; e >= 0; e--)
-      z(l.owned[e]);
-    l.owned = null;
-  }
-  if (l.cleanups) {
-    for (e = l.cleanups.length - 1; e >= 0; e--)
-      l.cleanups[e]();
-    l.cleanups = null;
-  }
-  l.state = 0;
-}
-function Le(l) {
-  return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
-    cause: l
-  });
-}
-function me(l, e = A) {
-  throw Le(l);
-}
-function k() {
-  return !0;
-}
-const $e = {
-  get(l, e, t) {
-    return e === J ? t : l.get(e);
-  },
-  has(l, e) {
-    return e === J ? !0 : l.has(e);
-  },
-  set: k,
-  deleteProperty: k,
-  getOwnPropertyDescriptor(l, e) {
-    return {
-      configurable: !0,
-      enumerable: !0,
-      get() {
-        return l.get(e);
-      },
-      set: k,
-      deleteProperty: k
-    };
-  },
-  ownKeys(l) {
-    return l.keys();
-  }
-};
-function q(l) {
-  return (l = typeof l == "function" ? l() : l) ? l : {};
-}
-function Be() {
-  for (let l = 0, e = this.length; l < e; ++l) {
-    const t = this[l]();
-    if (t !== void 0)
-      return t;
-  }
-}
-function be(...l) {
-  let e = !1;
-  for (let o = 0; o < l.length; o++) {
-    const r = l[o];
-    e = e || !!r && J in r, l[o] = typeof r == "function" ? (e = !0, Me(r)) : r;
-  }
-  if (e)
-    return new Proxy(
-      {
-        get(o) {
-          for (let r = l.length - 1; r >= 0; r--) {
-            const n = q(l[r])[o];
-            if (n !== void 0)
-              return n;
-          }
-        },
-        has(o) {
-          for (let r = l.length - 1; r >= 0; r--)
-            if (o in q(l[r]))
-              return !0;
-          return !1;
-        },
-        keys() {
-          const o = [];
-          for (let r = 0; r < l.length; r++)
-            o.push(...Object.keys(q(l[r])));
-          return [...new Set(o)];
-        }
-      },
-      $e
-    );
-  const t = {}, s = {}, i = /* @__PURE__ */ new Set();
-  for (let o = l.length - 1; o >= 0; o--) {
-    const r = l[o];
-    if (!r)
-      continue;
-    const n = Object.getOwnPropertyNames(r);
-    for (let a = 0, h = n.length; a < h; a++) {
-      const d = n[a];
-      if (d === "__proto__" || d === "constructor")
-        continue;
-      const c = Object.getOwnPropertyDescriptor(r, d);
-      if (!i.has(d))
-        c.get ? (i.add(d), Object.defineProperty(t, d, {
-          enumerable: !0,
-          configurable: !0,
-          get: Be.bind(s[d] = [c.get.bind(r)])
-        })) : (c.value !== void 0 && i.add(d), t[d] = c.value);
-      else {
-        const p = s[d];
-        p ? c.get ? p.push(c.get.bind(r)) : c.value !== void 0 && p.push(() => c.value) : t[d] === void 0 && (t[d] = c.value);
-      }
-    }
-  }
-  return t;
-}
-function Pe(l, e, t) {
-  let s = t.length, i = e.length, o = s, r = 0, n = 0, a = e[i - 1].nextSibling, h = null;
-  for (; r < i || n < o; ) {
-    if (e[r] === t[n]) {
-      r++, n++;
-      continue;
-    }
-    for (; e[i - 1] === t[o - 1]; )
-      i--, o--;
-    if (i === r) {
-      const d = o < s ? n ? t[n - 1].nextSibling : t[o - n] : a;
-      for (; n < o; )
-        l.insertBefore(t[n++], d);
-    } else if (o === n)
-      for (; r < i; )
-        (!h || !h.has(e[r])) && e[r].remove(), r++;
-    else if (e[r] === t[o - 1] && t[n] === e[i - 1]) {
-      const d = e[--i].nextSibling;
-      l.insertBefore(t[n++], e[r++].nextSibling), l.insertBefore(t[--o], d), e[i] = t[o];
-    } else {
-      if (!h) {
-        h = /* @__PURE__ */ new Map();
-        let c = n;
-        for (; c < o; )
-          h.set(t[c], c++);
-      }
-      const d = h.get(e[r]);
-      if (d != null)
-        if (n < d && d < o) {
-          let c = r, p = 1, g;
-          for (; ++c < i && c < o && !((g = h.get(e[c])) == null || g !== d + p); )
-            p++;
-          if (p > d - n) {
-            const u = e[r];
-            for (; n < d; )
-              l.insertBefore(t[n++], u);
-          } else
-            l.replaceChild(t[n++], e[r++]);
-        } else
-          r++;
-      else
-        e[r++].remove();
-    }
-  }
-}
-function We(l, e, t, s = {}) {
-  let i;
-  return Ee((o) => {
-    i = o, e === document ? l() : Ge(e, l(), e.firstChild ? null : void 0, t);
-  }, s.owner), () => {
-    i(), e.textContent = "";
-  };
-}
-function He(l, e, t) {
-  let s;
-  const i = () => {
-    const r = document.createElement("template");
-    return r.innerHTML = l, t ? r.content.firstChild.firstChild : r.content.firstChild;
-  }, o = e ? () => W(() => document.importNode(s || (s = i()), !0)) : () => (s || (s = i())).cloneNode(!0);
-  return o.cloneNode = o, o;
-}
-function Ve(l, e, t) {
-  return W(() => l(e, t));
-}
-function Ge(l, e, t, s) {
-  if (t !== void 0 && !s && (s = []), typeof e != "function")
-    return X(l, e, s, t);
-  Q((i) => X(l, e(), i, t), s);
-}
-function X(l, e, t, s, i) {
-  for (; typeof t == "function"; )
-    t = t();
-  if (e === t)
-    return t;
-  const o = typeof e, r = s !== void 0;
-  if (l = r && t[0] && t[0].parentNode || l, o === "string" || o === "number")
-    if (o === "number" && (e = e.toString()), r) {
-      let n = t[0];
-      n && n.nodeType === 3 ? n.data = e : n = document.createTextNode(e), t = P(l, t, s, n);
-    } else
-      t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
-  else if (e == null || o === "boolean")
-    t = P(l, t, s);
-  else {
-    if (o === "function")
-      return Q(() => {
-        let n = e();
-        for (; typeof n == "function"; )
-          n = n();
-        t = X(l, n, t, s);
-      }), () => t;
-    if (Array.isArray(e)) {
-      const n = [], a = t && Array.isArray(t);
-      if (Z(n, e, t, i))
-        return Q(() => t = X(l, n, t, s, !0)), () => t;
-      if (n.length === 0) {
-        if (t = P(l, t, s), r)
-          return t;
-      } else
-        a ? t.length === 0 ? ce(l, n, s) : Pe(l, t, n) : (t && P(l), ce(l, n));
-      t = n;
-    } else if (e.nodeType) {
-      if (Array.isArray(t)) {
-        if (r)
-          return t = P(l, t, s, e);
-        P(l, t, null, e);
-      } else
-        t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
-      t = e;
-    }
-  }
-  return t;
-}
-function Z(l, e, t, s) {
-  let i = !1;
-  for (let o = 0, r = e.length; o < r; o++) {
-    let n = e[o], a = t && t[o], h;
-    if (!(n == null || n === !0 || n === !1))
-      if ((h = typeof n) == "object" && n.nodeType)
-        l.push(n);
-      else if (Array.isArray(n))
-        i = Z(l, n, a) || i;
-      else if (h === "function")
-        if (s) {
-          for (; typeof n == "function"; )
-            n = n();
-          i = Z(
-            l,
-            Array.isArray(n) ? n : [n],
-            Array.isArray(a) ? a : [a]
-          ) || i;
-        } else
-          l.push(n), i = !0;
-      else {
-        const d = String(n);
-        a && a.nodeType === 3 && a.data === d ? l.push(a) : l.push(document.createTextNode(d));
-      }
-  }
-  return i;
-}
-function ce(l, e, t = null) {
-  for (let s = 0, i = e.length; s < i; s++)
-    l.insertBefore(e[s], t);
-}
-function P(l, e, t, s) {
-  if (t === void 0)
-    return l.textContent = "";
-  const i = s || document.createTextNode("");
-  if (e.length) {
-    let o = !1;
-    for (let r = e.length - 1; r >= 0; r--) {
-      const n = e[r];
-      if (i !== n) {
-        const a = n.parentNode === l;
-        !o && !r ? a ? l.replaceChild(i, n) : l.insertBefore(i, t) : a && n.remove();
-      } else
-        o = !0;
-    }
-  } else
-    l.insertBefore(i, t);
-  return [i];
-}
-class ut {
-  constructor(e) {
-    this.code = e;
-  }
-  render(e, t, s, i, o, r, n) {
-    const a = be({
-      rowIndex: t,
-      columnIndex: s,
-      areaIdent: i,
-      areaModel: o,
-      cellValue: r
-    });
-    We(
-      () => this.code(a),
-      e
-    );
-  }
-}
-const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-class $ {
-  // The constructor is private to prevent direct construction calls
-  // with the `new` operator
-  constructor() {
-    this.alreadySet = !1;
-  }
-  static getInstance() {
-    return $.instance || ($.instance = new $()), $.instance;
-  }
-  /**
-   * Method to set the license key for the application.
-   * A 'meta' element is created with content as 'guiexperttable=<license key>'
-   * and appended into the head section of the document
-   *
-   * @param {string} key - The license key to set for the application.
-   *
-   * @return {void} - This method does not return anything
-   */
-  setLicenseKey(e) {
-    if (e && !this.alreadySet) {
-      const t = document.createElement("meta");
-      t.content = "license=" + e, t.name = "guiexperttable", document.getElementsByTagName("head")[0].appendChild(t), this.alreadySet = !0;
-    }
-  }
-}
-function ee(l) {
-  return l && l.type === "TreeRow";
-}
-function te(l) {
-  return l && l.type === "AreaModelTree";
-}
-class ie {
-  constructor(e = -1, t = -1, s = -1, i = -1, o, r, n, a = 0, h = 0, d = 0, c = "") {
-    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = i, this.areaIdent = o, this.sideIdent = r, this.originalEvent = n, this.clickCount = a, this.draggingX = h, this.draggingY = d, this.action = c;
-  }
-  clone() {
-    return new ie(
-      this.rowIndex,
-      this.rowTop,
-      this.columnIndex,
-      this.columnLeft,
-      this.areaIdent,
-      this.sideIdent,
-      this.originalEvent,
-      this.clickCount,
-      this.draggingX,
-      this.draggingY,
-      this.action
-    );
-  }
-}
-class B {
-  constructor(e = ">", t = "", s = []) {
-    this.content = e, this.style = t, this.classes = s;
-  }
-}
-class ye {
-  constructor(e = new B(
-    ">",
-    "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
-    ["gt-table-tree-arrow-expanded"]
-  ), t = new B(
-    ">",
-    "",
-    ["ge-table-tree-arrow-collapsed"]
-  ), s = new B(
-    ">",
-    "color:transparent;",
-    ["gt-table-tree-arrow-hidden"]
-  ), i = new B(
-    "↕",
-    "",
-    ["gt-table-tree-arrow-expanded-all"]
-  )) {
-    this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = i;
-  }
-}
-class ve {
-  constructor(e = new B("↑", "", ["ge-header-sorted-asc"]), t = new B("↓", "", ["ge-header-sorted-desc"]), s = new B("↑", "color:transparent;", [])) {
-    this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
-  }
-}
-class ke {
-  constructor(e) {
-    this.domService = e;
-  }
-  setStyle(e, t, s) {
-    return this.domService.setStyle(e, t, s), e;
-  }
-  applyStyle(e, t) {
-    for (const s in t)
-      this.domService.setStyle(e, s, t[s]);
-    return e;
-  }
-  applyDisplayNoneStyle(e) {
-    return this.domService.setStyle(e, "display", "none"), e;
-  }
-  applyDisplayBlockStyle(e) {
-    return this.domService.setStyle(e, "display", "block"), e;
-  }
-  applyStyleInPx(e, t) {
-    return Object.entries(t).forEach(([s, i]) => this.domService.setStyle(e, s, i + "px")), e;
-  }
-  applyStylePosistionRelative(e) {
-    return this.domService.setStyle(e, "position", "relative"), this.domService.setStyle(e, "overflow", "clip"), e;
-  }
-  applyStylePosistionAbsolute(e) {
-    return this.domService.setStyle(e, "position", "absolute"), e;
-  }
-  applyStyleFullSize(e) {
-    return this.domService.setStyle(e, "width", "100%"), this.domService.setStyle(e, "height", "100%"), e;
-  }
-  applyStyleOverflowAuto(e = "auto", t = "auto", s) {
-    return this.domService.setStyle(s, "overflow-x", e), this.domService.setStyle(s, "overflow-y", t), s;
-  }
-  applyStyleNoPadding(e) {
-    return this.domService.setStyle(e, "padding", "0"), this.domService.setStyle(e, "margin", "0"), this.domService.setStyle(e, "border", "0"), e;
-  }
-  appendRelativeChildDiv(e) {
-    const t = this.applyStylePosistionRelative(
-      this.applyStyleFullSize(
-        this.applyStyleNoPadding(
-          this.domService.createElement("div")
-        )
-      )
-    );
-    return this.domService.appendChild(e, t), this.applyStylePosistionAbsolute(e), { parent: e, child: t, cache: {} };
-  }
-  appendText(e, t) {
-    const s = this.domService.createText(t);
-    return this.domService.appendChild(e, s), s;
-  }
-  addClass(e, t) {
-    return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.addClass(t, s)) : this.domService.addClass(t, e), t;
-  }
-  removeClass(e, t) {
-    return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.removeClass(t, s)) : this.domService.removeClass(t, e), t;
-  }
-  addClasses(e, t) {
-    if (e)
-      for (const s of e)
-        this.domService.addClass(t, s);
-    return t;
-  }
-  setAttribute(e, t, s) {
-    return t && s && this.domService.setAttribute(e, t, s), e;
-  }
-  createAreaDivWithClass(e, t, s, i) {
-    const o = this.domService.createElement("div");
-    return this.addClass(e, o), this.domService.setAttribute(o, "data-area", s), this.domService.setAttribute(o, "data-side", i), this.domService.appendChild(t, o), o;
-  }
-  createDivWithClass(e, t) {
-    const s = this.domService.createElement("div");
-    return this.addClass(e, s), this.domService.appendChild(t, s), s;
-  }
-  addRowDiv(e, t, s = -1, i, o, r = "") {
-    const n = t.index ?? -1, a = this.getDivOrCreateDiv(n, e);
-    if (this.domService.addClass(a, "ge-table-row-div"), this.domService.addClass(a, `ge-table-row-div-${t.index}`), i === "body" && o === "center") {
-      const h = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-      this.domService.addClass(a, `ge-table-row-${h}`);
-    }
-    if (this.domService.setStyle(a, "display", "clip"), this.domService.setStyle(a, "position", "absolute"), this.domService.setStyle(a, "left", `${t.left}px`), this.domService.setStyle(a, "top", `${t.top}px`), this.domService.setStyle(a, "width", `${t.width}px`), this.domService.setStyle(a, "height", `${t.height}px`), this.domService.setAttribute(a, "data-row-index", `${s}`), this.domService.setAttribute(a, "data-area", `${i}`), r) {
-      const h = this.domService.createText(r);
-      this.domService.appendChild(a, h);
-    }
-    return this.domService.appendChild(e.child, a), a;
-  }
-  addColumnDiv(e, t, s = -1, i = -1, o, r, n = "", a, h, d = void 0, c) {
-    const p = h == null ? void 0 : h.treeOptions, g = h == null ? void 0 : h.showCheckboxWihoutExtraColumn, u = this.domService.createElement("div");
-    this.domService.addClass(u, "ge-table-col-div"), this.domService.addClass(u, `ge-table-col-div-${t.index}`), this.domService.setAttribute(u, "data-col-index", `${t.index}`), this.domService.setAttribute(u, "data-row-index", `${s}`), this.domService.setAttribute(u, "data-area", `${o}`);
-    const m = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
-    if (o === "body" && r === "center" && this.domService.addClass(u, `ge-table-column-${m}`), this.domService.setStyle(u, "display", "clip"), this.domService.setStyle(u, "position", "absolute"), this.domService.setStyle(u, "left", `${t.left}px`), this.domService.setStyle(u, "top", `${t.top}px`), this.domService.setStyle(u, "width", `${t.width}px`), this.domService.setStyle(u, "height", `${t.height}px`), a && a !== "none" && (this.domService.addClass(u, "ge-table-col-tree"), this.addArrowDiv(u, a, p, s, i, o)), g && i === 0 && d && this.addCheckboxToDiv(u, d, o, s), n) {
-      const S = a !== "none" && i === 0;
-      this.addLabelDiv(u, n, S, s, i, o);
-    }
-    return c && this.addSortedIcon(u, c, h == null ? void 0 : h.sortedOptions, i), this.domService.appendChild(e, u), u;
-  }
-  addCheckboxToDiv(e, t, s, i) {
-    const o = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
-    return o.innerHTML = `
-            <input
-                type="checkbox"
-                data-area="${s}"
-                data-row-index="${i}"
-                data-input-type="checkbox"
-                ${r}
-                class="ge-table-row-checkbox"> `, this.domService.setStyle(o, "display", "inline"), this.domService.setStyle(o, "width", "inherit"), this.domService.setAttribute(o, "data-row-index", `${i}`), this.domService.appendChild(e, o), o;
-  }
-  addLabelDiv(e, t = "", s = !1, i = -1, o = -1, r = "body") {
-    const n = this.domService.createElement("div");
-    if (this.domService.addClass(n, "ge-table-label-div"), this.domService.setStyle(n, "position", "relative"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "width", "100%"), this.domService.setStyle(n, "height", "100%"), this.domService.setAttribute(n, "data-row-index", `${i}`), this.domService.setAttribute(n, "data-col-index", `${o}`), this.domService.setAttribute(n, "data-area", `${r}`), t)
-      if (s) {
-        const a = this.domService.createText(t);
-        this.domService.appendChild(n, a);
-      } else {
-        const a = this.domService.createElement("div");
-        this.domService.appendChild(n, a);
-        const h = this.domService.createText(t);
-        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, h), this.domService.setAttribute(a, "data-row-index", `${i}`), this.domService.setAttribute(a, "data-col-index", `${o}`), this.domService.setAttribute(a, "data-area", `${r}`);
-      }
-    return this.domService.appendChild(e, n), n;
-  }
-  addSortedIcon(e, t = "", s = new ve(), i = -1) {
-    const o = this.domService.createElement("div");
-    this.domService.addClass(o, "ge-table-sorted-icon-div"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "top", "0"), this.domService.setStyle(o, "right", "0"), this.domService.setStyle(o, "width", "20px"), this.domService.setStyle(o, "background", "transparent"), this.domService.setStyle(o, "cursor", "pointer"), this.domService.setAttribute(o, "data-col-index", `${i}`), this.domService.setAttribute(o, "data-area", "header");
-    let r;
-    t === "asc" ? r = s.iconAsc : t === "desc" ? r = s.iconDesc : r = s.iconPlaceholder;
-    const n = r.content, a = this.domService.createText(n);
-    this.domService.appendChild(o, a), r.style && this.applyStyleString(o, r.style);
-    for (const h of r.classes)
-      this.domService.addClass(o, h);
-    return this.domService.appendChild(e, o), o;
-  }
-  addArrowDiv(e, t = "none", s = new ye(), i = -1, o = -1, r = "body") {
-    const n = this.domService.createElement("div");
-    this.domService.addClass(n, "ge-table-tree-arrow-div"), this.domService.setStyle(n, "display", "inline-block"), this.domService.setStyle(n, "position", ""), this.domService.setStyle(n, "width", "20px"), this.domService.setStyle(n, "background", "transparent"), this.domService.setStyle(n, "cursor", "pointer"), this.domService.setAttribute(n, "data-row-index", `${i}`), this.domService.setAttribute(n, "data-col-index", `${o}`), this.domService.setAttribute(n, "data-area", `${r}`);
-    let a;
-    t === "expanded" ? a = s.arrowExpanded : t === "collapsed" ? a = s.arrowCollapsed : a = s.arrowPlaceholder;
-    const h = a.content, d = this.domService.createText(h);
-    this.domService.appendChild(n, d), a.style && this.applyStyleString(n, a.style);
-    for (const c of a.classes)
-      this.domService.addClass(n, c);
-    return this.domService.appendChild(e, n), n;
-  }
-  addColumnBorderDivs(e, t, s, i, o) {
-    if (e.verticalBorderVisible) {
-      const r = `ge-table-${i}-${o}-vertical-border`;
-      this.addVerticalBorder(s, t, r);
-    }
-    if (e.horizontalBorderVisible) {
-      const r = `ge-table-${i}-${o}-horizontal-border`;
-      this.addHorizontalBorder(s, t, r);
-    }
-    return t;
-  }
-  addHorizontalBorder(e, t, s = "ge-table-body-center-horizontal-border") {
-    const i = this.domService.createElement("div");
-    return this.domService.addClass(i, s), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${e.left}px`), this.domService.setStyle(i, "top", `${e.top}px`), this.domService.setStyle(i, "width", `${e.width}px`), this.domService.setStyle(i, "height", "1px"), this.domService.appendChild(t, i), i;
-  }
-  addFocusBorderDivs(e, t, s) {
-    let i = this.domService.createElement("div");
-    return this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${t.height}px`), this.applyStyle(i, s), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${t.height}px`), this.applyStyle(i, s), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", "1px"), this.applyStyle(i, s), this.domService.appendChild(e, i), i = this.domService.createElement("div"), this.domService.addClass(i, "ge-table-focus-border"), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", "1px"), this.applyStyle(i, s), this.domService.appendChild(e, i), e;
-  }
-  addVerticalBorder(e, t, s = "ge-table-body-center-vertical-border") {
-    const i = this.domService.createElement("div");
-    return this.domService.addClass(i, s), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${e.left}px`), this.domService.setStyle(i, "top", `${e.top}px`), this.domService.setStyle(i, "width", "1px"), this.domService.setStyle(i, "height", `${e.height}px`), this.domService.appendChild(t, i), i;
-  }
-  addDiv(e, t, s = "") {
-    const i = this.domService.createElement("div");
-    return s && this.domService.addClass(i, s), this.domService.setStyle(i, "display", "clip"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "left", `${t.left}px`), this.domService.setStyle(i, "top", `${t.top}px`), this.domService.setStyle(i, "width", `${t.width}px`), this.domService.setStyle(i, "height", `${t.height}px`), this.domService.appendChild(e, i), i;
-  }
-  applyStyleString(e, t) {
-    const s = t.split(";").map((i) => i.trim()).filter((i) => i);
-    for (const i of s) {
-      const [o, r] = i.split(":");
-      this.domService.setStyle(e, o.trim(), r.trim());
-    }
-  }
-  getDivOrCreateDiv(e, t) {
-    let s = t.cache[e];
-    return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
-  }
-}
-const oe = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
-class Ne {
-  constructor(e, t) {
-    if (this.rowIdx = -1, this.colIdx = -1, this.action = null, this.inputType = null, this.className = "", e !== null && (e instanceof HTMLDivElement || e instanceof HTMLSpanElement || e instanceof HTMLInputElement)) {
-      this.className = e.className, this.action = e.getAttribute("data-ge-action"), this.inputType = e.getAttribute("data-input-type"), this.rowIdx = Number(e.getAttribute("data-row-index")), this.colIdx = Number(e.getAttribute("data-col-index"));
-      const s = e.getAttribute("data-area");
-      if (s && (this.areaIdent = oe(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
-        const i = e;
-        this.value = i.value;
-      }
-    }
-  }
-}
-class _e {
-  constructor(e) {
-    this.tableScope = e, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
-      (t) => t.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope))
-    );
-  }
-  /**
-   * Handles the "contextmenu" event.
-   *
-   * @private
-   * @param {MouseEvent} evt - The mouse event object.
-   * @return {void}
-   */
-  onContextmenu(e) {
-    this.mouseEvent = e;
-    const t = this.tableScope.createGeMouseEvent(this.mouseEvent);
-    this.tableScope.contextmenu(t);
-  }
-  /**
-   * Handles the click event on the host element.
-   *
-   * @param {MouseEvent} event - The click event.
-   *
-   * @return {void}
-   */
-  onHostElementClicked(e) {
-    const t = new Ne(e.target, this.tableScope);
-    if (t.action === "toggleExpandCollapseAll")
-      this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
-    else if (t.inputType === "checkbox" && t.areaIdent)
-      this.tableScope.toggleRowCheckbox(t.rowIdx, t.colIdx, t.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (ee(t.row) && t.areaModel) {
-      const s = t.colIdx === this.getArrowColumnIndex() && e.altKey, i = t.className.includes("ge-table-tree-arrow-div");
-      if (console.info(i, s), s || i) {
-        e.preventDefault(), e.stopPropagation();
-        const o = t.row;
-        o.expanded = !o.expanded, "recalcVisibleTreeRows" in t.areaModel && t.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(o);
-      }
-    }
-    if (t.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
-      const s = this.tableScope.tableOptions.getFocusModel();
-      s == null || s.clear(), s == null || s.setFocus(t.rowIdx, t.colIdx);
-    }
-    this.publishGeMouseEvent(e, 1);
-  }
-  /**
-   * Handles the double click event on the host element.
-   * This method is private.
-   *
-   * @param {MouseEvent} event - The double click event.
-   */
-  onHostElementDblClicked(e) {
-    if (e.target instanceof HTMLElement) {
-      const t = e.target, s = t.getAttribute("data-area"), i = oe(s), o = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(i);
-      if (s && i === "header")
-        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, o, r));
-      else if (t.getAttribute("data-row-index")) {
-        const a = n.getRowByIndex(o);
-        if (s && i === "body" && n.isEditable(o, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(o, r)), ee(a) && r === this.getArrowColumnIndex()) {
-          e.preventDefault(), e.stopPropagation();
-          const h = a;
-          h.expanded = !h.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(h);
-        }
-      }
-    }
-    this.publishGeMouseEvent(e, 2);
-  }
-  /**
-   * Publishes a GeMouseEvent.
-   *
-   * @param {MouseEvent} event - The MouseEvent to publish.
-   * @param {number} clickCount - The number of clicks for the GeMouseEvent.
-   *
-   * @return {void}
-   */
-  publishGeMouseEvent(e, t) {
-    var s;
-    this.mouseEvent = e, this.geMouseEventOld = (s = this.geMouseEvent) == null ? void 0 : s.clone(), this.geMouseEvent = this.tableScope.createGeMouseEvent(e), this.geMouseEvent && (this.geMouseEvent.clickCount = t), this.tableScope.onMouseClicked(this.geMouseEvent, this.geMouseEventOld);
-  }
-  /**
-   * Update the collapsed/expanded state of a tree row.
-   *
-   * @param {TreeRowIf<any>} tr - The tree row object.
-   * @returns {void}
-   */
-  updateCollapsedExpandedState(e) {
-    var s, i, o, r, n;
-    const t = (i = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : i.getRowId;
-    if (t) {
-      const a = (o = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : o.collapsedExpandedStateGet().mode, h = a === "collapsed" && !e.expanded || a === "expanded" && e.expanded, d = a === "collapsed" && e.expanded || a === "expanded" && !e.expanded, c = t(e.data);
-      h ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(c) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(c));
-    }
-  }
-  getArrowColumnIndex() {
-    return this.tableScope.tableModel.isRowCheckboxVisible() ? 1 : 0;
-  }
-  onMouseDown(e) {
-    this.mouseEvent = e, this.startMouseEvent = this.tableScope.createGeMouseEvent(this.mouseEvent), this.tableScope.onMouseDown(this.startMouseEvent), this.mouseDown = !0;
-  }
-  onMouseMove(e) {
-    this.mouseEvent = e, this.mouseDown ? (this.dragging = !0, requestAnimationFrame(this.mouseDraggingOnFrame.bind(this))) : requestAnimationFrame(this.mouseMoveOnFrame.bind(this));
-  }
-  onMouseUp(e) {
-    this.mouseEvent = e, this.dragging && requestAnimationFrame(this.mouseDraggingEndOnFrame.bind(this)), this.mouseDown = !1, this.dragging = !1;
-  }
-  mouseDraggingOnFrame() {
-    var e;
-    if (this.mouseEvent) {
-      const t = this.tableScope.createGeMouseEvent(this.mouseEvent);
-      (e = this.startMouseEvent) != null && e.originalEvent && (t.draggingX = this.mouseEvent.clientX - this.startMouseEvent.originalEvent.clientX, t.draggingY = this.mouseEvent.clientY - this.startMouseEvent.originalEvent.clientY), this.tableScope.mouseDraggingOnFrame(t);
-    }
-  }
-  mouseDraggingEndOnFrame() {
-    var e;
-    if (this.mouseEvent) {
-      const t = this.tableScope.createGeMouseEvent(this.mouseEvent);
-      (e = this.startMouseEvent) != null && e.originalEvent && (t.draggingX = this.mouseEvent.clientX - this.startMouseEvent.originalEvent.clientX, t.draggingY = this.mouseEvent.clientY - this.startMouseEvent.originalEvent.clientY), this.tableScope.mouseDraggingEndOnFrame(t);
-    }
-  }
-  mouseMoveOnFrame() {
-    if (this.mouseEvent) {
-      const e = this.tableScope.createGeMouseEvent(this.mouseEvent);
-      this.tableScope.mouseMove(e);
-    }
-  }
-}
-class je {
-  constructor(e) {
-    this.tableScope = e;
-  }
-  /**
-   * Updates the cells in the table based on the provided events.
-   *
-   * @param {TableCellUpdateEventIf[]} events - The array of events representing the updates to perform on the cells.
-   * @param {boolean} [repaintAll=false] - Optional parameter indicating whether to repaint all cells or not. Default value is false. If true, the full table will be rendered. If false, the table cell will be rendered immediately.
-   *
-   * @return {void} - This method doesn't return anything.
-   */
-  updateCells(e, t = !1) {
-    this.tableScope.updateCells(e, t);
-  }
-  /**
-   * Notifies that the external filter has changed.
-   *
-   * @return {void}
-   */
-  externalFilterChanged() {
-    this.tableScope.externalFilterChanged();
-  }
-  /**
-   * Scrolls the table body to the specified pixel coordinates.
-   *
-   * @param {number} px - The horizontal pixel coordinate to scroll to. Defaults to 0.
-   * @param {number} py - The vertical pixel coordinate to scroll to. Defaults to 0.
-   * @return {void}
-   */
-  scrollToPixel(e = 0, t = 0) {
-    this.tableScope.scrollToPixel(e, t);
-  }
-  /**
-   * Scrolls to the specified index in both horizontal and vertical directions.
-   *
-   * @param {number} indexX - The index of the column to scroll to in the horizontal direction. Default is 0.
-   * @param {number} indexY - The index of the row to scroll to in the vertical direction. Default is 0.
-   *
-   * @return undefined
-   */
-  scrollToIndex(e = 0, t = 0) {
-    this.tableScope.scrollToIndex(e, t);
-  }
-  /**
-   * Sets whether the header is visible or not.
-   *
-   * @param _visible - A boolean value indicating whether the header should be visible. Default value is true.
-   *
-   * @return undefined
-   */
-  setHeaderVisible(e = !0) {
-  }
-  /**
-   * Sets the visibility of a column in the table.
-   *
-   * @param {_column} - The column index or column definition to set visibility for.
-   * @param {_visible=true} - The flag to set visibility to. true for visible, false for hidden.
-   *
-   * @return {void} - There is no return value.
-   */
-  setColumnVisible(e, t = !0) {
-  }
-  /**
-   * Returns whether a column is visible or not.
-   *
-   * @param {number | ColumnDefIf} _column - The column index or the column definition.
-   * @return {boolean} - True if the column is visible, false otherwise.
-   */
-  isColumnVisible(e) {
-    return !0;
-  }
-  /**
-   * Checks if the header is visible.
-   *
-   * @return {boolean} - Returns true if the header is visible, otherwise returns false.
-   */
-  isHeaderVisible() {
-    return !0;
-  }
-  /**
-   * Sets the visibility of the footer.
-   *
-   * @param {boolean} _visible - Indicates whether the footer should be visible or not. Default value is true.
-   *
-   * @return {void} - This method does not return any value.
-   */
-  setFooterVisible(e = !0) {
-  }
-  /**
-   * Determines if the footer is visible.
-   *
-   * @returns {boolean} True if the footer is visible, false otherwise.
-   */
-  isFooterVisible() {
-    return !0;
-  }
-  /**
-   * Repaints the table.
-   *
-   * This method calls the repaint method of the tableScope object
-   * to update and redraw the table based on the latest data.
-   */
-  repaint() {
-    this.tableScope.repaint();
-  }
-}
-class le {
-  constructor(e) {
-    this.getStorageKeyFn = e;
-  }
-  autoConvertMapToObject(e) {
-    const t = {};
-    if (e instanceof Map) {
-      const s = e;
-      for (const i of [...s]) {
-        const [
-          o,
-          r
-        ] = i;
-        t[o] = r;
-      }
-    }
-    return t;
-  }
-  checkAndPersistItem(e, t) {
-    const s = this.getStorageKeyFn;
-    if (s) {
-      const i = s();
-      if (i) {
-        const o = i + e;
-        if ((t + "").includes("Map")) {
-          const r = this.autoConvertMapToObject(t);
-          this.persistItem(o, r);
-        } else
-          this.persistItem(o, t);
-      }
-    }
-  }
-  persistItem(e, t) {
-    t ? localStorage.setItem(e, JSON.stringify(t)) : localStorage.removeItem(e);
-  }
-  loadFromLocalStorage(e) {
-    const t = localStorage.getItem(e);
-    return t ? JSON.parse(t) : null;
-  }
-  // private loadItems() {
-  //   const fn = this.getStorageKeyFn;
-  //   if (fn) {
-  //     const key = fn();
-  //     if (key) {
-  //       // A main key is given by function from options
-  //       const subKey = key + this.CHECKED_STATE;
-  //       const arr = this.loadFromLocalStorage<Array<string | number>>(subKey);
-  //       if (arr) {
-  //         this.checkedStateIds.length = 0;
-  //         arr.forEach(a => this.checkedStateIds.push(a));
-  //       }
-  //
-  //       const subKey2 = key + this.COLLAPSED_EXPANDED_STATE;
-  //       const data = this.loadFromLocalStorage<CollapsedExpandedData>(subKey2);
-  //       if (data) {
-  //         this.collapsedExpandedState = data;
-  //       }
-  //
-  //       const subKey3 = key + this.SELECTED_STATE;
-  //       const arr3 = this.loadFromLocalStorage<object>(subKey3);
-  //       if (arr3) {
-  //         const map: Map<string | number, string[]> = new Map(Object.entries(arr3));
-  //         if (map) {
-  //           this.selectedStateIds.clear();
-  //           map.forEach((col, k) => this.selectedStateIds.set(k, col));
-  //         }
-  //       }
-  //
-  //       const subKey4 = key + this.SCROLL_STATE;
-  //       let scrollOffset = this.loadFromLocalStorage<[number, number]>(subKey4);
-  //       this.scrollOffset = scrollOffset ? scrollOffset : [0, 0];
-  //     }
-  //   }
-  // }
-}
-class Xe extends le {
-  constructor(e) {
-    super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
-  }
-  getScrollOffset() {
-    return this.scrollOffset;
-  }
-  updateScrollOffset(e) {
-    this.scrollOffset = e, this.checkAndPersistItem(this.SCROLL_STATE, this.scrollOffset);
-  }
-  load() {
-    const e = this.getStorageKeyFn;
-    if (e) {
-      const t = e();
-      if (t) {
-        const s = t + this.SCROLL_STATE;
-        let i = this.loadFromLocalStorage(s);
-        this.scrollOffset = i || [0, 0];
-      }
-    }
-  }
-}
-class Ke {
-  constructor(e = "collapsed", t = [], s = !1, i = !1) {
-    this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = i;
-  }
-}
-class ze extends le {
-  constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ke(), this.load();
-  }
-  collapsedExpandedStateGet() {
-    return this.collapsedExpandedState;
-  }
-  collapsedExpandedStateIncludes(e) {
-    return this.collapsedExpandedState.rowIds.includes(e);
-  }
-  collapsedStateIdsPush(e) {
-    this.collapsedExpandedState.rowIds.includes(e) || (this.collapsedExpandedState.rowIds.push(e), this.collapsedExpandedState.allCollapsed = !1, this.collapsedExpandedState.allExpanded = !1, this.persist());
-  }
-  collapsedStateIdsRemove(e) {
-    const t = this.collapsedExpandedState.rowIds.indexOf(e);
-    t !== -1 && (this.collapsedExpandedState.rowIds.splice(t, 1), this.collapsedExpandedState.allCollapsed = !1, this.collapsedExpandedState.allExpanded = !1, this.persist());
-  }
-  collapsedStateAll(e) {
-    this.collapsedExpandedState.rowIds = [], this.collapsedExpandedState.mode = e ? "collapsed" : "expanded", this.collapsedExpandedState.allCollapsed = !e, this.collapsedExpandedState.allExpanded = e, this.persist();
-  }
-  load() {
-    const e = this.getStorageKeyFn;
-    if (e) {
-      const t = e();
-      if (t) {
-        const s = t + this.COLLAPSED_EXPANDED_STATE, i = this.loadFromLocalStorage(s);
-        i && (this.collapsedExpandedState = i);
-      }
-    }
-  }
-  persist() {
-    this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
-  }
-}
-class Ye extends le {
-  constructor(e) {
-    super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
-  }
-  getSortItems() {
-    return this.sortItems;
-  }
-  setSortItems(e) {
-    this.sortItems = e, this.checkAndPersistItem(this.SORTING_STATE, this.sortItems);
-  }
-  load() {
-    const e = this.getStorageKeyFn;
-    if (e) {
-      const t = e();
-      if (t) {
-        const s = t + this.SORTING_STATE;
-        let i = this.loadFromLocalStorage(s);
-        this.sortItems = i || [];
-      }
-    }
-  }
-}
-class O {
-  constructor(e = 0, t = 0, s = 0, i = 0, o) {
-    this.left = e, this.width = t, this.height = s, this.top = i, this.index = o;
-  }
-}
-class Ue {
-  constructor(e, t, s, i) {
-    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = i, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
-    const o = this.hostElement;
-    o.innerText = "", this.dom.setAttribute(o, "tabindex", "0"), this.dom.setStyle(
-      this.dom.addClass("ge-table", o),
-      "position",
-      "relative"
-    ), this.hoverRow = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-hover-row", o)
-    ), this.hoverColumn = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-hover-column", o)
-    ), this.areaHeaderWest = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-header ge-table-header-west", o, "header", "west")
-      )
-    ), this.areaHeaderCenter = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-header ge-table-header-center", o, "header", "center")
-      )
-    ), this.areaHeaderEast = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-header ge-table-header-east", o, "body", "east")
-      )
-    ), this.areaBodyWest = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-body ge-table-body-west", o, "body", "west")
-      )
-    ), this.areaBodyEast = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-body ge-table-body-east", o, "body", "east")
-      )
-    ), this.areaFooterWest = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-footer ge-table-footer-west", o, "footer", "west")
-      )
-    ), this.areaFooterCenter = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-footer ge-table-footer-center", o, "footer", "center")
-      )
-    ), this.areaFooterEast = s.appendRelativeChildDiv(
-      s.applyStylePosistionAbsolute(
-        s.createAreaDivWithClass("ge-table-footer ge-table-footer-east", o, "footer", "east")
-      )
-    ), this.scrollViewport = s.applyStyleOverflowAuto(
-      this.tableOptions.overflowX ?? "auto",
-      this.tableOptions.overflowY ?? "auto",
-      s.applyStyleNoPadding(
-        s.applyStylePosistionAbsolute(
-          s.createAreaDivWithClass("ge-table-scroll-viewport", o, "body", "center")
-        )
-      )
-    ), this.contentWrapperDiv = s.applyStyleNoPadding(
-      s.applyStylePosistionRelative(
-        s.createDivWithClass("ge-table-scroll-content-wrapper", this.scrollViewport)
-      )
-    ), this.contentDiv = s.applyStyleNoPadding(
-      s.applyStylePosistionRelative(
-        s.createDivWithClass("ge-table-scroll-content", this.contentWrapperDiv)
-      )
-    ), this.areaBodyCenter = s.appendRelativeChildDiv(
-      s.createDivWithClass("ge-table-body-center", this.contentDiv)
-    ), this.borderHeaderBottom = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-header-border", o)
-    ), this.borderFixedWest = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-west-fixed-column-border", o)
-    ), this.borderFixedEast = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-east-fixed-column-border", o)
-    ), this.borderFooterTop = s.applyStylePosistionAbsolute(
-      s.createDivWithClass("ge-table-footer-border", o)
-    );
-  }
-  adjustContainersAndRows() {
-    const e = this.tableModel.getPadding(), t = this.hostElement.clientWidth, s = this.hostElement.clientHeight;
-    this.dom.applyStyle(this.scrollViewport, {
-      width: `${t - e.left}px`,
-      height: `${s - e.top}px`,
-      top: `${e.top}px`,
-      left: `${e.left}px`
-    }), this.scrollTop = this.scrollViewport.scrollTop, this.dom.applyStyle(this.contentDiv, {
-      width: `${this.scrollViewport.clientWidth}px`,
-      height: `${this.scrollViewport.clientHeight}px`,
-      top: `${this.scrollTop}px`,
-      left: `${this.scrollViewport.scrollLeft}px`
-    }), this.areaBodyWestGeo.width = e.left, this.areaBodyWestGeo.height = s - e.top - e.bottom, this.areaBodyWestGeo.top = e.top, this.areaBodyWestGeo.left = 0, this.dom.applyStyleInPx(this.areaBodyWest.parent, this.areaBodyWestGeo), this.tableOptions.fixedWestSeparatorBorderVisible && this.tableModel.getFixedLeftColumnCount() ? this.dom.applyDisplayBlockStyle(
-      this.dom.applyStyle(this.borderFixedWest, {
-        width: "1px",
-        height: `${this.areaBodyWestGeo.height}px`,
-        top: `${this.areaBodyWestGeo.top}px`,
-        left: `${this.areaBodyWestGeo.width}px`
-      })
-    ) : this.dom.applyDisplayNoneStyle(this.borderFixedWest), this.areaBodyEastGeo.width = e.right, this.areaBodyEastGeo.height = s - e.top - e.bottom, this.areaBodyEastGeo.top = e.top, this.areaBodyEastGeo.left = t - e.right, this.dom.applyStyleInPx(this.areaBodyEast.parent, this.areaBodyEastGeo), this.tableOptions.fixedEastSeparatorBorderVisible && this.tableModel.getFixedLeftColumnCount() ? this.dom.applyDisplayBlockStyle(
-      this.dom.applyStyle(this.borderFixedEast, {
-        width: "1px",
-        height: `${this.areaBodyEastGeo.height}px`,
-        top: `${this.areaBodyEastGeo.top}px`,
-        left: `${this.areaBodyEastGeo.left}px`
-      })
-    ) : this.dom.applyDisplayNoneStyle(this.borderFixedEast), this.areaBodyCenterGeo.width = t - e.left - e.right, this.areaBodyCenterGeo.height = s - e.top - e.bottom, this.areaBodyCenterGeo.top = 0, this.areaBodyCenterGeo.left = 0, this.dom.applyStyleInPx(this.areaBodyCenter.parent, this.areaBodyCenterGeo), this.dom.applyStyle(this.areaHeaderCenter.parent, {
-      width: `${t - e.left - e.right}px`,
-      height: `${e.top}px`,
-      top: "0",
-      left: `${e.left}px`
-    }), this.dom.applyStyle(this.areaHeaderWest.parent, {
-      width: `${e.left}px`,
-      height: `${e.top}px`,
-      top: "0",
-      left: "0"
-    }), this.dom.applyStyle(this.areaHeaderEast.parent, {
-      width: `${e.right}px`,
-      height: `${e.top}px`,
-      top: "0",
-      left: `${t - e.right}px`
-    }), this.tableOptions.headerSeparatorBorderVisible && this.tableModel.isHeaderVisibe() ? this.dom.applyDisplayBlockStyle(
-      this.dom.applyStyle(this.borderHeaderBottom, {
-        width: `${t}px`,
-        height: "1px",
-        top: `${e.top}px`,
-        left: "0px"
-      })
-    ) : this.dom.applyDisplayNoneStyle(this.borderHeaderBottom), this.dom.applyStyle(this.areaFooterWest.parent, {
-      width: `${e.left}px`,
-      height: `${e.bottom}px`,
-      top: `${s - e.bottom}px`,
-      left: "0"
-    }), this.dom.applyStyle(this.areaFooterCenter.parent, {
-      width: `${t - e.left - e.right}px`,
-      height: `${e.bottom}px`,
-      top: `${s - e.bottom}px`,
-      left: `${e.left}px`
-    }), this.dom.applyStyle(this.areaFooterEast.parent, {
-      width: `${e.right}px`,
-      height: `${e.bottom}px`,
-      top: `${s - e.bottom}px`,
-      left: `${t - e.right}px`
-    }), this.tableOptions.footerSeparatorBorderVisible && this.tableModel.isFooterVisibe() ? this.dom.applyDisplayBlockStyle(
-      this.dom.applyStyle(this.borderFooterTop, {
-        width: `${t}px`,
-        height: "1px",
-        top: `${s - e.bottom}px`,
-        left: "0px"
-      })
-    ) : this.dom.applyDisplayNoneStyle(this.borderFooterTop), this.adjustAfterScrolling();
-  }
-  adjustAfterScrolling() {
-  }
-  resetSizeOfWrapperDiv() {
-    const e = `${this.tableModel.getContentWidthInPixel()}px`, t = `${this.tableModel.getContentHeightInPixel() + 1}px`;
-    this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
-  }
-}
-class D {
-  /**
-   * Represents a constructor for a class.
-   * @constructor
-   * @param {number} r1 - The value for r1.
-   * @param {number} c1 - The value for c1.
-   * @param {number} r2 - The value for r2.
-   * @param {number} c2 - The value for c2.
-   * @param {boolean} [gammaRange=false] - The value for gammaRange. Defaults to false. gammaRange will be used for AreaModelCellGroups, but it's not implemented yet!
-   */
-  constructor(e, t, s, i, o = !1) {
-    this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = i, this.gammaRange = o;
-  }
-  static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new D(
-      e.rowIndex1,
-      e.columnIndex1,
-      e.rowIndex2,
-      e.columnIndex2,
-      e.gammaRange
-    );
-  }
-  static singleCell(e, t) {
-    return new D(e, t, e, t);
-  }
-  static singleRow(e) {
-    return new D(e, 0, e, Number.MAX_SAFE_INTEGER);
-  }
-  static singleColumn(e) {
-    return new D(0, e, Number.MAX_SAFE_INTEGER, e);
-  }
-  isInRange(e, t) {
-    return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
-  }
-}
-class qe {
-  constructor(e, t) {
-    this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
-  }
-  init() {
-    if (this.areaModel.getMaxColspan() < 2 && this.areaModel.getMaxRowspan() < 2)
-      return;
-    this.colAndRowspanRanges = [];
-    const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
-    for (let s = 0; s < e; s++)
-      for (let i = 0; i < t; i++) {
-        let o = this.areaModel.getColspanAt(s, i), r = this.areaModel.getRowspanAt(s, i);
-        if (o > 1 || r > 1) {
-          o === 0 && (o = 1), r === 0 && (r = 1);
-          const n = this.areaModel.hasOwnProperty("gammaCells");
-          this.colAndRowspanRanges.push(
-            new D(s, i, s + r - 1, i + o - 1, n)
-          );
-        }
-      }
-  }
-  getRanges() {
-    return this.colAndRowspanRanges ? this.colAndRowspanRanges : [];
-  }
-  isInRange(e, t) {
-    if (this.colAndRowspanRanges) {
-      for (const s of this.colAndRowspanRanges)
-        if (s.isInRange(e, t))
-          return !0;
-    }
-    return !1;
-  }
-}
-class Je {
-  constructor(e, t, s) {
-    this.header = e, this.body = t, this.footer = s;
-  }
-}
-class Qe extends Ue {
-  constructor(e, t, s, i) {
-    var r, n;
-    super(e, t, s, i), this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
-      header: [],
-      body: [],
-      footer: []
-    }, this.tree = !1, this.colAndRowspanModels = new Je(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.editing = !1, this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (r = this.tableOptions) != null && r.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (n = this.tableOptions) != null && n.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), te(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
-      (a) => {
-        var h;
-        this.colAndRowspanModels[a] = new qe(t, t.getAreaModel(a)), (h = this.colAndRowspanModels[a]) == null || h.init();
-      }
-    );
-  }
-  isEditing() {
-    return this.editing;
-  }
-  resetEditorRenderer() {
-    this.editorRenderer = void 0, this.editorRendererRow = -1, this.editorRendererColumn = -1, this.editing = !1;
-  }
-  clearSelection() {
-    if (this.getSelectionModel) {
-      const e = this.getSelectionModel();
-      e == null || e.clear();
-    }
-  }
-  initRenderEditor(e, t) {
-    var i;
-    let s = (i = this.tableModel.getColumnDef(t)) == null ? void 0 : i.getEditRenderer;
-    if (s || (s = this.tableOptions.getEditRenderer), s)
-      if (this.editorRenderer = s(e, t), this.editorRenderer) {
-        this.editorRendererRow = e, this.editorRendererColumn = t, this.editing = !0, this.repaint();
-        const o = document.querySelector("input.ge-table-cell-editor-input");
-        o && o.focus();
-      } else
-        this.resetEditorRenderer();
-  }
-  repaint() {
-    this.adjustAfterScrolling();
-  }
-  adjustAfterScrolling() {
-    var e;
-    for (const t of this.removables)
-      t.remove();
-    this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, this.hostElement.clientWidth, 1, 0),
-      this.hostElement,
-      "ge-table-border"
-    )), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
-      this.hostElement,
-      "ge-table-border"
-    )), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
-      new O(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
-      this.hostElement,
-      "ge-table-body-west-vertical-border"
-    )), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
-      new O(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
-      this.hostElement,
-      "ge-table-body-west-vertical-border"
-    ));
-  }
-  checkForScrollPosSaving() {
-    var e, t;
-    this.storeScrollPosStateService && ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreScrollPosition) && this.storeScrollPosStateService.updateScrollOffset([this.scrollLeft, this.scrollTop]);
-  }
-  updateCells(e, t = !1) {
-    e.forEach(
-      (s) => {
-        this.tableModel.getAreaModel(s.area).setValue(s.rowIndex, s.columnIndex, s.value), t || this.rerenderCellContent(s);
-      }
-    ), t && this.repaint();
-  }
-  getAreaAndSideIdentByAttr(e) {
-    if (e) {
-      const t = this.getStringByAttr(e, "data-area"), s = this.getStringByAttr(e, "data-side");
-      if (s && t)
-        return [t, s];
-    }
-    return [void 0, void 0];
-  }
-  getArea(e, t) {
-    if (e === "header") {
-      if (t === "west")
-        return this.areaHeaderWest;
-      if (t === "center")
-        return this.areaHeaderCenter;
-      if (t === "east")
-        return this.areaHeaderEast;
-    } else if (e === "body") {
-      if (t === "west")
-        return this.areaBodyWest;
-      if (t === "center")
-        return this.areaBodyCenter;
-      if (t === "east")
-        return this.areaBodyEast;
-    } else if (e === "footer") {
-      if (t === "west")
-        return this.areaFooterWest;
-      if (t === "center")
-        return this.areaFooterCenter;
-      if (t === "east")
-        return this.areaFooterEast;
-    }
-    throw Error(`Wrong area identifier: row:${e}, col:${t}`);
-  }
-  adjustBody() {
-    const e = this.areaBodyCenterGeo.height - this.tableModel.getContentHeightInPixel(), t = this.scrollFactorY * e;
-    this.dom.setStyle(this.contentDiv, "top", `${this.scrollTop}px`), this.dom.setStyle(this.contentDiv, "left", `${this.scrollViewport.scrollLeft}px`), this.adjustArea("body", t);
-  }
-  getNumberByAttr(e, t) {
-    var s;
-    if (e) {
-      const i = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
-      if (i)
-        return Number(i);
-    }
-    return -1;
-  }
-  getStringByAttr(e, t) {
-    var s;
-    if (e) {
-      const i = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
-      if (i)
-        return i;
-    }
-    return "";
-  }
-  adjustArea(e, t = 0) {
-    var S;
-    const s = this.getArea(e, "west"), i = this.getArea(e, "center"), o = this.getArea(e, "east"), r = i.child.clientHeight;
-    s.child.innerText = "", i.child.innerText = "", o.child.innerText = "";
-    const n = 0, a = this.areaBodyCenterGeo.width, h = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), c = d.getRowCount();
-    for (; this.cleanupFunctions[e].length; ) {
-      const f = this.cleanupFunctions[e].shift();
-      f && f();
-    }
-    let p = t;
-    const g = this.tableModel.getColumnCount(), u = this.tableModel.getFixedRightColumnCount(), m = this.tableModel.getFixedLeftColumnCount();
-    for (let f = 0; f < c; f++) {
-      const M = p, C = f === c - 1, E = this.tableModel.getRowHeight(e, f);
-      if (M + E > 0) {
-        this.firstVisibleRowIndex = f;
-        let v = { left: n, width: a, height: E, top: M, index: f }, w = this.dom.addRowDiv(i, v, f, e, "center");
-        const R = m;
-        if (this.adjustColumnsToRowParent({
-          areaIdent: e,
-          sideIdent: "center",
-          areaModel: d,
-          geo: v,
-          parent: w,
-          rowIndex: f,
-          columnIndexStart: R,
-          columnIndexEnd: g - u - 1,
-          verticalFixed: !1,
-          lastRowOfModel: C
-        }), h.left > 0 && (v = { left: n, width: this.areaBodyWestGeo.width, height: E, top: M, index: f }, w = this.dom.addRowDiv(s, v, f, e, "west"), this.adjustColumnsToRowParent({
-          areaIdent: e,
-          sideIdent: "west",
-          areaModel: d,
-          geo: v,
-          parent: w,
-          rowIndex: f,
-          columnIndexStart: 0,
-          columnIndexEnd: R - 1,
-          verticalFixed: !0,
-          lastRowOfModel: C
-        })), h.right > 0 && (v = { left: n, width: this.areaBodyEastGeo.width, height: E, top: M, index: f }, w = this.dom.addRowDiv(o, v, f, e, "east"), this.adjustColumnsToRowParent({
-          areaIdent: e,
-          sideIdent: "east",
-          areaModel: d,
-          geo: v,
-          parent: w,
-          rowIndex: f,
-          columnIndexStart: g - u,
-          columnIndexEnd: g - 1,
-          verticalFixed: !0,
-          lastRowOfModel: C
-        })), e === "header" && this.tree && f === c - 1) {
-          const T = this.dom.applyStyle(
-            this.dom.setAttribute(
-              this.dom.addDiv(w, new O(16, 20, 20, 8)),
-              "data-ge-action",
-              "toggleExpandCollapseAll"
-            ),
-            { cursor: "pointer" }
-          ), I = this.tableOptions.treeOptions.arrowExpandCollapseAll;
-          if (I) {
-            const G = this.dom.domService.createText(I.content);
-            this.dom.domService.appendChild(T, G), I.style && this.dom.applyStyleString(T, I.style);
-          }
-        }
-      }
-      if (p = p + E, p > r)
-        break;
-    }
-    if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
-      const f = ((S = this.colAndRowspanModels[e]) == null ? void 0 : S.getRanges()) ?? [];
-      if (f.length)
-        for (const M of f) {
-          let C = 0, E = i.child, v = "center";
-          if (M.c1 < m)
-            E = s.child, v = "west";
-          else if (u > 0 && M.c1 >= g - u)
-            E = o.child, v = "east";
-          else {
-            const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            C = this.scrollFactorX * w - this.areaBodyWestGeo.width, v = "center";
-          }
-          this.drawBigCell(M, C, t, d, E, v);
-        }
-    }
-  }
-  /**
-   * Draws big cells (rowspan and or colspan) in body/center
-   * @param range CellRange
-   * @param xStart X position in pixel for top left corner
-   * @param yStart Y position in pixel for top left corner
-   * @param areaModel AreaModelIf
-   * @param parentDiv Parent div as HTMLDivElement
-   * @param sideIdent SideIdent (west,center,east)
-   * @protected
-   */
-  drawBigCell(e, t, s, i, o, r) {
-    const n = s + this.getRowHeights(0, e.r1 - 1, i).reduce((S, f) => S + f, 0), a = this.tableModel.getColumnCount(), h = this.tableModel.getFixedRightColumnCount();
-    let d = 0;
-    h > 0 && e.c1 >= a - h && (d = a - h);
-    const c = t + this.getColumnWidths(d, e.c1 - 1).reduce((S, f) => S + f, 0), p = this.getRowHeights(e.r1, e.r2, i).reduce((S, f) => S + f, 0), g = this.getColumnWidths(e.c1, e.c2).reduce((S, f) => S + f, 0);
-    let u = !1;
-    const m = this.getSelectionModel ? this.getSelectionModel() : void 0;
-    m && (u = m.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? (console.info("TODO here", e), this.renderCell({
-      areaModel: i,
-      areaIdent: i.areaIdent,
-      sideIdent: r,
-      rowIndex: e.r1,
-      columnIndex: e.c1,
-      left: c,
-      top: n,
-      width: g,
-      height: p,
-      parent: o,
-      cellSelected: u,
-      lastRowOfModel: !0,
-      gammaRange: e.gammaRange
-    })) : this.renderCell({
-      areaModel: i,
-      areaIdent: i.areaIdent,
-      sideIdent: r,
-      rowIndex: e.r1,
-      columnIndex: e.c1,
-      left: c,
-      top: n,
-      width: g,
-      height: p,
-      parent: o,
-      cellSelected: u,
-      lastRowOfModel: !0,
-      gammaRange: e.gammaRange
-    }), i.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
-      rowIndex: e.r1,
-      columnIndex: e.c1,
-      cellLeft: c,
-      cellTop: n,
-      cellWidth: g,
-      cellHeight: p,
-      parent: o
-    });
-  }
-  findRowOfImportantRowspanCell(e, t, s) {
-    const i = e.getMaxRowspan();
-    for (let o = t - 1; o > -1; o--) {
-      const r = e.getRowspanAt(o, s);
-      if (r > 1 && o + r + 1 >= t)
-        return o;
-      if (t - o > i)
-        return -1;
-    }
-    return -1;
-  }
-  adjustColumnsToRowParent({
-    areaIdent: e,
-    sideIdent: t,
-    areaModel: s,
-    geo: i,
-    parent: o,
-    rowIndex: r,
-    columnIndexStart: n,
-    columnIndexEnd: a,
-    verticalFixed: h = !1,
-    lastRowOfModel: d = !1
-  }) {
-    var m;
-    this.scrollViewportLeft = this.scrollViewport.scrollLeft;
-    let c = 0;
-    if (!h) {
-      const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-      c = this.scrollFactorX * S;
-    }
-    const p = 0, g = !!(e === "body" && t);
-    let u = c;
-    for (let S = n; S <= a; S++) {
-      const f = u, M = this.tableModel.getColumnWidth(S);
-      if (M > 0 && f + M > 0) {
-        let C = i.height;
-        const E = s.getRowspanAt(r, S), v = s.getColspanAt(r, S);
-        E > 1 && (C = this.getRowHeights(r, r + E - 1, s).reduce((T, I) => T + I, 0));
-        let w = M;
-        v > 1 && (w = this.getColumnWidths(S, S + v - 1).reduce((T, I) => T + I, 0));
-        let R = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (m = this.colAndRowspanModels[e]) != null && m.isInRange(r, S) && (R = !0), this.draggingTargetColumnIndex === S && e !== "header") {
-          this.renderDragTargetDiv(o, f, p, w, C);
-          const T = { left: f, top: p, width: w, height: C };
-          this.dom.addColumnBorderDivs(this.tableOptions, o, T, e, t);
-        } else {
-          const T = this.renderSelectedBackgroundDiv(R, g, t, s, r, S, o, f, p, w, C);
-          R || this.renderCell({
-            areaModel: s,
-            areaIdent: e,
-            sideIdent: t,
-            rowIndex: r,
-            columnIndex: S,
-            left: f,
-            top: p,
-            width: w,
-            height: C,
-            parent: o,
-            cellSelected: T,
-            lastRowOfModel: d,
-            gammaRange: !0
-          }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
-            rowIndex: r,
-            columnIndex: S,
-            cellLeft: f,
-            cellTop: p,
-            cellWidth: w,
-            cellHeight: C,
-            parent: o
-          });
-        }
-      }
-      if (u = u + M, u > this.areaBodyCenterGeo.width)
-        break;
-    }
-    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new O(u - 1, 1, i.height, 0), o);
-  }
-  getTreeArrowColumnIndex() {
-    return this.tableOptions.showCheckboxWihoutExtraColumn ? 0 : this.tableModel.isRowCheckboxVisible() ? 1 : 0;
-  }
-  addAndRenderCellDiv({
-    areaModel: e,
-    areaIdent: t,
-    sideIdent: s,
-    rowIndex: i,
-    index: o,
-    left: r,
-    width: n,
-    height: a,
-    top: h,
-    parent: d,
-    lastRowOfModel: c,
-    gammaRange: p
-  }) {
-    var de;
-    const u = this.editorRenderer && this.editorRendererRow === i && this.editorRendererColumn === o ? this.editorRenderer : e.getCellRenderer(i, o), m = { left: r, width: n, height: a, top: h, index: o }, S = e.getRowByIndex(i);
-    let f = "none";
-    if (o === this.getTreeArrowColumnIndex() && ee(S)) {
-      const y = S;
-      (de = y.children) != null && de.length ? y.expanded ? f = "expanded" : f = "collapsed" : f = "hidden";
-    }
-    let C;
-    if (t === "header") {
-      const y = this.tableModel.getColumnDef(o);
-      (!(y != null && y.sortIconVisible) || y != null && y.sortIconVisible()) && (C = y == null ? void 0 : y.sortState);
-    }
-    const E = e.getValueAt(i, o), v = u ? "" : `${E}`, w = e.isRowChecked(i), R = this.dom.addColumnDiv(
-      d,
-      m,
-      i,
-      o,
-      t,
-      s,
-      v,
-      f,
-      this.tableOptions,
-      w,
-      C
-    ), T = e.getTooltipAt(i, o);
-    T && this.dom.setAttribute(R, "title", T);
-    const I = this.tableModel.getColumnDef(o);
-    I && I.classes[t] && this.dom.addClasses(I.classes[t], R);
-    let G;
-    u && (G = u.render(R, i, o, t, e, E, this.dom.domService));
-    const ae = e.getCustomClassesAt(i, o);
-    if (ae.length && this.dom.addClasses(ae, R), this.dom.addColumnBorderDivs(this.tableOptions, d, m, t, s), c && this.dom.addHorizontalBorder({ left: r, width: n, height: a, top: h + a }, d), this.getFocusModel && t === "body") {
-      const y = this.getFocusModel();
-      y != null && y.hasFocus(i, o) && this.dom.addFocusBorderDivs(d, m, {});
-    }
-    t === "header" && this.dom.setAttribute(R, "data-ge-action", "drag-column");
-    const Y = e.getCustomStyleAt(i, o);
-    if (Y)
-      for (const y in Y)
-        this.dom.setStyle(R, y, Y[y]);
-    return [R, G];
-  }
-  applyCssClasses(e, t = {}) {
-    e && Object.entries(t).forEach(([s, i]) => {
-      i ? this.dom.addClass(s, e) : this.dom.removeClass(s, e);
-    });
-  }
-  rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: i, cssClasses: o }) {
-    const r = this.tableModel.getAreaModel(e), n = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', a = document.querySelector(n);
-    if (a) {
-      let h;
-      const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
-      if (a.innerText = "", this.applyCssClasses(a, o), c)
-        h = c.render(a, t, s, e, r, i, this.dom.domService), h && this.cleanupFunctions[e].push(h);
-      else {
-        const u = `${i}`;
-        this.dom.addLabelDiv(a, u, !1, t, s, e);
-      }
-      const p = r.getCustomClassesAt(t, s);
-      p.length && this.dom.addClasses(p, a);
-      const g = r.getCustomStyleAt(t, s);
-      if (g)
-        for (const u in g)
-          this.dom.setStyle(a, u, g[u]);
-    }
-  }
-  getColumnWidths(e, t) {
-    const s = [];
-    for (let i = e; i <= t; i++)
-      s.push(this.tableModel.getColumnWidth(i));
-    return s;
-  }
-  getRowHeights(e, t, s) {
-    const i = [];
-    for (let o = e; o <= t; o++)
-      i.push(s.getRowHeight(o));
-    return i;
-  }
-  adjustHoverRows(e) {
-    if (this.tableOptions.hoverRowVisible && e.rowIndex > -1) {
-      const t = this.hostElement.clientWidth, s = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), i = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
-      this.dom.applyStyle(this.hoverRow, {
-        left: "0",
-        top: i + "px",
-        width: t + "px",
-        height: s + "px",
-        display: "block"
-      });
-    } else
-      this.hideHoverRow();
-  }
-  hideHoverRow() {
-    this.dom.applyStyle(this.hoverRow, {
-      display: "none"
-    });
-  }
-  adjustHoverColumns(e) {
-    if (this.tableOptions.hoverColumnVisible && e.rowIndex > -1) {
-      const t = this.hostElement.clientHeight, s = this.tableModel.getColumnWidth(e.columnIndex), i = this.areaBodyWestGeo.width, o = e.columnLeft + this.tableModel.getPadding().left - this.scrollLeft - i;
-      this.dom.applyStyle(this.hoverColumn, {
-        left: o + "px",
-        top: "0px",
-        width: s + "px",
-        height: t + "px",
-        display: "block"
-      });
-    } else
-      this.hideHoverColumn();
-  }
-  hideHoverColumn() {
-    this.dom.applyStyle(this.hoverColumn, {
-      display: "none"
-    });
-  }
-  debounce(e, t = 1e3) {
-    this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(e.bind(this), t);
-  }
-  renderDragTargetDiv(e, t, s, i, o) {
-    const r = this.dom.applyStylePosistionAbsolute(
-      this.dom.createDivWithClass("ge-table-drop-zone", e)
-    );
-    return this.dom.setStyle(r, "left", `${t}px`), this.dom.setStyle(r, "top", `${s}px`), this.dom.setStyle(r, "width", `${i}px`), this.dom.setStyle(r, "height", `${o}px`), r;
-  }
-  renderSelectedBackgroundDiv(e, t, s, i, o, r, n, a, h, d, c) {
-    let p = !1;
-    if (!e && t && i.isSelectable(o, r) && this.getSelectionModel) {
-      const g = this.getSelectionModel();
-      if (g) {
-        const u = g.getSelectionCount(o, r);
-        p = u > 0;
-        for (let m = 0; m < u; m++) {
-          const S = this.dom.applyStylePosistionAbsolute(
-            // ge-table-body-west-selected-range
-            this.dom.createDivWithClass(`ge-table-${i.areaIdent}-${s}-selected-range`, n)
-          );
-          this.dom.setStyle(S, "left", `${a}px`), this.dom.setStyle(S, "top", `${h}px`), this.dom.setStyle(S, "width", `${d}px`), this.dom.setStyle(S, "height", `${c}px`);
-        }
-      }
-    }
-    return p;
-  }
-  renderCell({
-    areaModel: e,
-    areaIdent: t,
-    sideIdent: s,
-    rowIndex: i,
-    columnIndex: o,
-    left: r,
-    top: n,
-    width: a,
-    height: h,
-    parent: d,
-    cellSelected: c,
-    lastRowOfModel: p,
-    gammaRange: g
-  }) {
-    const [u, m] = this.addAndRenderCellDiv({
-      areaModel: e,
-      areaIdent: t,
-      sideIdent: s,
-      rowIndex: i,
-      index: o,
-      left: r,
-      width: a,
-      height: h,
-      top: n,
-      parent: d,
-      lastRowOfModel: p,
-      gammaRange: g
-    });
-    c && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, u), m && this.cleanupFunctions[t].push(m);
-  }
-  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: i, cellWidth: o, cellHeight: r, parent: n }) {
-    const a = this.dom.domService, h = this.tableOptions.columnResizeHandleWidthInPx ?? 2, d = a.createElement("div");
-    a.setAttribute(d, "data-col-index", `${t}`), a.setAttribute(d, "data-row-index", `${e}`), a.setAttribute(d, "data-area", "header"), a.setAttribute(d, "data-ge-action", "resize-column"), a.addClass(d, "ge-table-column-resize-handle"), a.setStyle(d, "display", "clip"), a.setStyle(d, "position", "absolute"), a.setStyle(d, "cursor", "col-resize"), a.setStyle(d, "left", `${s + o - h}px`), a.setStyle(d, "top", `${i}px`), a.setStyle(d, "width", `${h}px`), a.setStyle(d, "height", `${r}px`), a.appendChild(n, d);
-  }
-}
-class Ze {
-  constructor(e, t) {
-    this.columnIndex = e, this.sortState = t;
-  }
-}
-class et {
-  constructor(e) {
-    this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
-  }
-  /**
-   * Handles the onHostElementChanged event.
-   * In case that the element is an input field, the tableScope.updateModelValueAfterEdit() method is triggered.
-   *
-   * @param {Event} event - The event object.
-   *
-   * @return {void}
-   */
-  onHostElementChanged(e) {
-    if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
-      const t = e.target, s = t.getAttribute("data-area"), i = t.getAttribute("data-row-index"), o = t.getAttribute("data-col-index");
-      if (s && i && o) {
-        const r = oe(s), n = Number(i), a = Number(o);
-        this.tableScope.updateModelValueAfterEdit(r, n, a, t.value);
-      }
-    }
-  }
-}
-class tt {
-  constructor(e = -1, t = -1) {
-    this.rowIndex = e, this.columnIndex = t;
-  }
-}
-class re {
-  constructor(e) {
-    this.cells = e;
-  }
-  static createSingle(e, t) {
-    return new re([new tt(e, t)]);
-  }
-}
-class st {
-  constructor(e) {
-    var t, s;
-    this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
-  }
-  onMouseClicked(e, t) {
-    var o, r, n, a, h, d, c;
-    let s = !1, i = !1;
-    if (this.getSelectionModel && this.getFocusModel) {
-      const p = this.getSelectionModel(), g = this.getFocusModel();
-      p && g && (g.hasFocus(e.rowIndex, e.columnIndex) || (g.setFocus(e.rowIndex, e.columnIndex), s = !0), (o = e.originalEvent) != null && o.shiftKey || p.hasSelection() && (p.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (p.addSelection(this.createRangeByEvents(e, this.previousEvt)), i = !0, s = !0) : (n = e.originalEvent) != null && n.ctrlKey || (a = e.originalEvent) != null && a.metaKey ? (p.addSelection(D.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0) : (h = e.originalEvent) != null && h.altKey && ((d = e.originalEvent) != null && d.ctrlKey || (c = e.originalEvent) != null && c.metaKey) && (p.removeSelection(D.singleCell(e.rowIndex, e.columnIndex)), i = !0, s = !0));
-    }
-    return i ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
-  }
-  onActionTriggered(e) {
-    if (this.getSelectionModel && this.getFocusModel) {
-      const t = this.getSelectionModel(), s = this.getFocusModel();
-      if (t && s) {
-        if (e === "SELECT_ALL")
-          return t.selectAll(), this.tableScope.repaint(), !0;
-        if (e === "DESELECT_ALL")
-          return t.clear(), this.tableScope.repaint(), !0;
-        if (e === "TOGGLE_SELECTION") {
-          const [i, o] = s.getFocus();
-          return t.togglePoint(i, o), this.tableScope.repaint(), !0;
-        }
-      }
-    }
-    return !1;
-  }
-  createRangeByEvents(e, t) {
-    t || (t = e);
-    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
-    return D.create({
-      rowIndex1: s,
-      columnIndex1: o,
-      rowIndex2: i,
-      columnIndex2: r
-    });
-  }
-}
-class it {
-  get() {
-    return {
-      f2: "START_EDITING",
-      space: "TOGGLE_SELECTION",
-      "ctrl+num_add": "SELECT_ALL",
-      "ctrl+a": "SELECT_ALL",
-      "ctrl+shift+a": "DESELECT_ALL",
-      "ctrl+x": "DESELECT_ALL",
-      "ctrl+num_subtract": "DESELECT_ALL",
-      "cmd -": "DESELECT_ALL",
-      arrowup: "NAVIGATE_UP",
-      arrowdown: "NAVIGATE_DOWN",
-      arrowleft: "NAVIGATE_LEFT",
-      arrowright: "NAVIGATE_RIGHT"
-    };
-  }
-}
-class ot {
-  get() {
-    return {
-      f2: "START_EDITING",
-      space: "TOGGLE_SELECTION",
-      "ctrl+num_add": "SELECT_ALL",
-      "cmd+a": "SELECT_ALL",
-      "ctrl+a": "SELECT_ALL",
-      "cmd+x": "DESELECT_ALL",
-      "cmd+shift+a": "DESELECT_ALL",
-      "ctrl+shift+a": "DESELECT_ALL",
-      "ctrl+num_subtract": "DESELECT_ALL",
-      "ctrl -": "DESELECT_ALL",
-      arrowup: "NAVIGATE_UP",
-      arrowdown: "NAVIGATE_DOWN",
-      arrowleft: "NAVIGATE_LEFT",
-      arrowright: "NAVIGATE_RIGHT"
-    };
-  }
-}
-class lt {
-  constructor(e) {
-    this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
-  }
-  addListener(e) {
-    this.listener.includes(e) || this.listener.push(e);
-  }
-  init() {
-    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new ot().get()) : Object.assign(this.shortcutActionIdMapping, new it().get()), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
-  }
-  isMacintosh() {
-    return navigator.platform.indexOf("Mac") > -1;
-  }
-  isDebug() {
-    return this.isLocalhost();
-  }
-  isLocalhost() {
-    return location.hostname === "localhost" || location.hostname === "127.0.0.1";
-  }
-  onKeyDown(e) {
-    const t = this.findEnty(e);
-    t && this.emit(t) && (e.preventDefault(), e.stopPropagation());
-  }
-  emit(e) {
-    this.isDebug() && console.debug("ShortcutService emit:", e);
-    let t = !1;
-    for (const s of this.listener)
-      s.onActionTriggered(e) && (t = !0);
-    return t;
-  }
-  findEnty(e) {
-    const t = this.getTokenByEvent(e);
-    this.isDebug() && console.debug("ShortcutService tokens:", t);
-    for (const s in this.shortcutActionIdMapping) {
-      const i = s.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[\+ ]/g).sort();
-      if (this.areTokensEquals(t, i))
-        return this.shortcutActionIdMapping[s];
-    }
-  }
-  areTokensEquals(e, t) {
-    if (e.length !== t.length || e.length === 0)
-      return !1;
-    for (let s = 0; s < e.length; s++)
-      if (e[s] !== t[s])
-        return !1;
-    return !0;
-  }
-  getTokenByEvent(e) {
-    const t = [];
-    return e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), e.ctrlKey && t.push("ctrl"), e.metaKey && t.push("meta"), e.code && t.push(e.code.toLowerCase().replace(/key/g, "")), t.sort();
-  }
-}
-class ue {
-  onCheckboxChanged(e) {
-  }
-  onContextmenu(e) {
-  }
-  onModelChanged(e) {
-  }
-  onMouseClicked(e) {
-  }
-  onMouseDragging(e) {
-  }
-  onMouseDraggingEnd(e) {
-  }
-  onMouseMoved(e) {
-  }
-}
-class we {
-  setStyle(e, t, s) {
-    return e.style[t] = s, e;
-  }
-  appendText(e, t) {
-    const s = this.createText(t);
-    return this.appendChild(e, s), s;
-  }
-  addClass(e, t) {
-    return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.add(s)) : e.classList.add(t), e;
-  }
-  removeClass(e, t) {
-    return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.remove(s)) : e.classList.remove(t), e;
-  }
-  appendChild(e, t) {
-    e.appendChild(t);
-  }
-  createElement(e) {
-    return document.createElement(e);
-  }
-  createText(e) {
-    return document.createTextNode(e);
-  }
-  setAttribute(e, t, s) {
-    e.setAttribute(t, s);
-  }
-}
-class rt {
-  render(e, t, s, i, o, r, n) {
-    if (o.isEditable(t, s)) {
-      n.addClass(e, "ge-table-row-input-div");
-      const a = o.getValueAt(t, s);
-      e.innerHTML = `
-            <input
-                type="text"
-                value="${a}"
-                autofocus
-                onfocus="this.setSelectionRange(0, this.value.length)"
-                data-listen="change"
-                data-area="${i}"
-                data-row-index="${t}"
-                data-col-index="${s}"
-                data-input-type="text"
-                style="width:calc(100% - 8px);height:100%;border:0;padding:0 0 0 8px;"
-                class="ge-table-cell-editor-input">`;
-    }
-  }
-}
-class nt {
-  constructor(e = "none", t = "single") {
-    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
-  }
-  getSelectionCount(e, t) {
-    let s = 0;
-    for (const i of this.ranges)
-      i.isInRange(e, t) && s++;
-    return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
-  }
-  isInNegativeRange(e, t) {
-    for (const s of this.negativeRanges)
-      if (s.isInRange(e, t))
-        return !0;
-    return !1;
-  }
-  getRanges() {
-    return this.ranges;
-  }
-  clear() {
-    this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
-  }
-  hasSelection() {
-    return !!this.ranges.length;
-  }
-  selectAll() {
-    this.allSelected = !0;
-  }
-  addSelection(e) {
-    this.addRange(e);
-  }
-  removeSelection(e) {
-    if (this.selectionType === "none")
-      return;
-    let t = e;
-    this.selectionType === "row" ? t = D.singleRow(e.r1) : this.selectionType === "column" && (t = D.singleColumn(e.c1)), this.negativeRanges.push(t);
-  }
-  togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(D.singleCell(e, t)) : this.addSelection(D.singleCell(e, t));
-  }
-  addRange(e) {
-    this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e));
-  }
-}
-class at {
-  constructor(e = "none") {
-    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
-  }
-  clearChanged() {
-    this.changed = !1;
-  }
-  hasChanged() {
-    return this.changed;
-  }
-  clear() {
-    this.rowIndex = -1, this.columnIndex = -1;
-  }
-  setFocus(e, t) {
-    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0);
-  }
-  hasFocus(e, t) {
-    return this.rowIndex === e && this.columnIndex === t;
-  }
-  getFocus() {
-    return [this.rowIndex, this.columnIndex];
-  }
-}
-const dt = new nt(), ht = new at("cell");
-class Ce {
-  constructor() {
-    this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
-      header: 34,
-      body: 34,
-      footer: 34
-    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ye(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new ve(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new rt(), this.getSelectionModel = () => dt, this.getFocusModel = () => ht;
-  }
-}
-class ne extends Qe {
-  constructor(e, t, s, i, o) {
-    var r;
-    if (super(
-      e,
-      t,
-      new ke(s),
-      i
-    ), this.eventListener = o, this.licenseManager = $.getInstance(), this.selectionService = new st(this), this.api = new je(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, o || (this.eventListener = new ue()), (r = this.tableOptions) != null && r.autoRestoreOptions) {
-      const n = this.tableOptions.autoRestoreOptions, a = n.getStorageKeyFn;
-      a && (n.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Xe(a)), n.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ze(a)), n.autoRestoreSortingState && (this.storeSortingService = new Ye(a)));
-    }
-    this.mouseHandler = new _e(this), this.inputHandler = new et(this), this.shortcutService = new lt(this), this.shortcutService.addListener(this.selectionService);
-  }
-  /**
-   * Creates a TableScope instance.
-   *
-   * @param {HTMLDivElement} hostElement - The HTML div element that will contain the table.
-   * @param {TableModelIf} tableModel - The table model object.
-   * @param {TableOptionsIf} [tableOptions=new TableOptions()] - The optional table options object.
-   * @param {EventListenerIf} [eventListener=new EventAdapter()] - The optional event listener object.
-   * @param {DomServiceIf} [domService=new SimpleDomService()] - The optional DOM service object.
-   *
-   * @return {TableScope} - The newly created TableScope instance.
-   */
-  static create(e, t, s = new Ce(), i = new ue(), o = new we()) {
-    return new ne(
-      e,
-      t,
-      o,
-      s,
-      i
-    );
-  }
-  onActionTriggered(e) {
-    if (e === "NAVIGATE_DOWN" && this.changeFocusCell(0, 1) || e === "NAVIGATE_UP" && this.changeFocusCell(0, -1) || e === "NAVIGATE_LEFT" && this.changeFocusCell(-1, 0) || e === "NAVIGATE_RIGHT" && this.changeFocusCell(1, 0))
-      return !0;
-    if (e === "START_EDITING" && this.getFocusModel) {
-      const t = this.getFocusModel();
-      if (t) {
-        const [s, i] = t.getFocus();
-        this.tableModel.getBodyModel().isEditable(s, i) && (this.clearSelection(), this.initRenderEditor(s, i));
-      }
-      return !0;
-    }
-    return !1;
-  }
-  updateModelValueAfterEdit(e, t, s, i) {
-    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, i) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(re.createSingle(t, s)), this.hostElement.focus());
-  }
-  /**
-   * Retrieves the TableApi object.
-   *
-   * @return {TableApi} The TableApi object.
-   */
-  getApi() {
-    return this.api;
-  }
-  /**
-   * Initializes the table. Called by the table component.
-   *
-   * @function firstInit
-   * @memberof TableScope
-   *
-   * @returns {TableScope} This instance of the table scope.
-   */
-  firstInit() {
-    var e;
-    return this.tableModel.init(), (e = this.tableOptions) != null && e.externalFilterFunction && this.externalFilterChanged(!1), this.autoRestoreCollapsedExpandedState(), this.autoRestoreSortingState(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.autoRestoreScrollPosition(), this;
-  }
-  /**
-   * Creates a GeMouseEvent object based on a MouseEvent.
-   *
-   * @param {MouseEvent} mouseEvent - The MouseEvent object to create the GeMouseEvent from.
-   * @return {GeMouseEvent} - The created GeMouseEvent object.
-   */
-  createGeMouseEvent(e) {
-    const t = new ie();
-    if (t.originalEvent = e, e) {
-      const s = e.target;
-      if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(s), t.rowIndex = this.getNumberByAttr(s, "data-row-index"), t.columnIndex = this.getNumberByAttr(s, "data-col-index"), t.action = this.getStringByAttr(s, "data-ge-action"), t.areaIdent) {
-        const i = this.tableModel.getAreaModel(t.areaIdent);
-        t.rowTop = i.getYPosByRowIndex(t.rowIndex);
-      }
-      if (t.columnLeft = this.tableModel.getXPosByColumnIndex(t.columnIndex), e.ctrlKey && e.altKey) {
-        const i = e.clientY - this.hostElement.offsetTop - this.areaHeaderCenter.parent.clientHeight, o = e.clientX - this.hostElement.offsetLeft - this.areaBodyWestGeo.width;
-        this.debugOnce(o, i);
-      }
-    }
-    return t;
-  }
-  /**
-   * Handles the mouse down event.
-   *
-   * @param {GeMouseEvent} mouseEvent - The mouse event object.
-   * @return {void}
-   */
-  onMouseDown(e) {
-    e.columnIndex > -1 && e.action && ["resize-column", "drag-column"].includes(e.action) && (this.mouseStartWidth = this.tableModel.getColumnWidth(e.columnIndex), this.mouseStartAction = e.action, this.mouseStartColumnIndex = e.columnIndex, this.mouseStartAction === "drag-column" && (this.dragFrom = this.mouseStartColumnIndex));
-  }
-  /**
-   * Handles mouse dragging on the frame.
-   *
-   * @param {GeMouseEvent} mouseEvent - The mouse event object.
-   */
-  mouseDraggingOnFrame(e) {
-    this.eventListener.onMouseDragging(e), this.mouseEvent = e, this.mouseStartColumnIndex > -1 && this.mouseStartAction === "resize-column" && this.tableOptions.columnsResizable ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && e.columnIndex > -1 && this.tableOptions.columnsDraggable && (this.draggingTargetColumnIndex = e.columnIndex, this.dragTo = this.draggingTargetColumnIndex, this.dragFrom > -1 && this.dragTo > -1 && this.dragFrom !== this.dragTo && (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows()), this.repaint());
-  }
-  /**
-   * Handles the end of mouse dragging event on a frame.
-   *
-   * @param {GeMouseEvent} mouseEvent - The mouse event object.
-   *
-   * @returns {void}
-   */
-  mouseDraggingEndOnFrame(e) {
-    this.eventListener.onMouseDraggingEnd(e), this.draggingTargetColumnIndex = -1, this.mouseStartAction === "resize-column" ? this.resizeColumn(e) : this.mouseStartAction === "drag-column" && this.repaint(), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.mouseStartAction = "";
-  }
-  /**
-   * Handles the mouse move event.
-   *
-   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event object.
-   * @return {void}
-   */
-  mouseMove(e) {
-    this.eventListener.onMouseMoved(e), this.adjustHoverRows(e), this.adjustHoverColumns(e);
-  }
-  /**
-   * Triggers the context menu event based on the mouse move event.
-   *
-   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event object.
-   * @return {void}
-   */
-  contextmenu(e) {
-    this.eventListener.onContextmenu(e);
-  }
-  /**
-   * Toggles the expand or collapse state of all items in the body area model.
-   *
-   * @param {boolean} [expand=true] - Whether to expand or collapse all items. Default is true.
-   *
-   * @return {void}
-   */
-  toggleExpandCollapseAll(e = !0) {
-    var s;
-    const t = this.tableModel.getBodyModel();
-    te(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
-  }
-  /**
-   * Toggles the checkbox state of a specific row in a table.
-   *
-   * @param {number} rowIdx - The index of the row to toggle the checkbox state.
-   * @param {number} _colIdx - The index of the column. This parameter is unused.
-   * @param {AreaIdent} areaIdent - The identifier of the table area.
-   *
-   * @return {void} - This method does not return anything.
-   */
-  toggleRowCheckbox(e, t, s) {
-    var a;
-    const i = this.tableModel.getAreaModel(s), o = i.isRowChecked(e), r = o === void 0 || o === "semi" || o === "none";
-    i.setRowChecked(e, r), this.repaint();
-    const n = (a = i.rowSelectionModel) == null ? void 0 : a.getCheckedRows();
-    this.eventListener.onCheckboxChanged(n || []);
-  }
-  /**
-   * Handle mouse click events.
-   *
-   * @param {GeMouseEvent} evt - The mouse click event.
-   * @param {GeMouseEvent | undefined} previousEvt - The previous mouse click event, if any.
-   * @returns {void}
-   */
-  onMouseClicked(e, t) {
-    let s = this.selectionService.onMouseClicked(e, t);
-    if (!s && this.getFocusModel) {
-      const i = this.getFocusModel();
-      i && (s = i.hasChanged(), i.clearChanged(), s && this.resetEditorRenderer());
-    }
-    this.eventListener.onMouseClicked(e), s && this.debounce(this.repaint.bind(this), 10);
-  }
-  /**
-   * Updates the table (repaint) when an external filter is changed.
-   *
-   * @param {boolean} clearSelection - Indicates whether to clear the selection model or not. Default value is true.
-   * @return {void}
-   */
-  externalFilterChanged(e = !0) {
-    const t = this.tableOptions.externalFilterFunction;
-    t && (e && this.clearSelectionModel(), this.tableModel.externalFilterChanged(t), this.scrollViewport.scrollTo(0, 0), this.tableModel.recalcHeightAndPadding(), this.resetSizeOfWrapperDiv(), this.repaint());
-  }
-  /**
-   * Handle the double click event on the table header.
-   *
-   * @param {MouseEvent} event - The mouse event that triggered the double click.
-   * @param {number} _rowIdx - The row index of the header.
-   * @param {number} colIdx - The column index of the header.
-   *
-   * @return {void}
-   */
-  onHeaderDblClicked(e, t, s) {
-    var o, r;
-    const i = this.tableModel.getColumnDef(s);
-    if (i != null && i.sortable && i.sortable()) {
-      e.preventDefault(), e.stopPropagation();
-      const n = i.sortStatesOrder ? i.sortStatesOrder : this.tableOptions.sortOrder, a = i.sortState ?? "", h = n[(n.indexOf(a) + 1) % n.length], d = new Ze(s, h);
-      this.tableModel.doSort([d]) && ((o = this.tableModel.getColumnDefs()) == null || o.forEach((p) => p.sortState = ""), i.sortState = h), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
-    }
-  }
-  /**
-   * Changes the focus cell using the specified deltas.
-   *
-   * @param {number} dx - The delta for the column index.
-   * @param {number} dy - The delta for the row index.
-   * @return {boolean} - True if the focus cell was changed, false otherwise.
-   */
-  changeFocusCell(e, t) {
-    if (!this.isEditing() && this.getFocusModel) {
-      const s = this.getFocusModel();
-      if (s) {
-        const [i, o] = s.getFocus();
-        return s.setFocus(i + t, o + e), this.repaint(), !0;
-      }
-    }
-    return !1;
-  }
-  /**
-   * Resizes the column based on the mouse event.
-   *
-   * @param {GeMouseEvent} mouseEvent - The mouse event that triggered the resize.
-   */
-  resizeColumn(e) {
-    this.tableModel.setColumnWidth(this.mouseStartColumnIndex, this.mouseStartWidth + e.draggingX), this.tableModel.recalcPadding(), this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows();
-  }
-  /**
-   * Clears the selection model, if available.
-   *
-   * @return {void}
-   */
-  clearSelectionModel() {
-    var e;
-    this.getSelectionModel && ((e = this.getSelectionModel()) == null || e.clear());
-  }
-  debugOnce(e, t) {
-    var s;
-    console.clear(), console.info("this.hostElement.offsetTop", this.hostElement.offsetTop), console.info("this.hostElement.scrollHeight", this.hostElement.scrollHeight), console.info("this.scrollViewportTop", this.scrollTop), console.info("this.areaHeaderCenter.parent.clientHeight", this.areaHeaderCenter.parent.clientHeight), console.info("bodyY", t), console.info("bodyX", e), console.info("rows", this.firstVisibleRowIndex), console.info(""), console.info("this.tableModel", this.tableModel), console.info(""), console.info("this.mouseMoveEvent.clientX", (s = this.mouseHandler.mouseEvent) == null ? void 0 : s.clientX), console.info("this.hostElement.offsetLeft", this.hostElement.offsetLeft), console.info("this.areaBodyWestGeo.width", this.areaBodyWestGeo.width);
-  }
-  /**
-   * Restores the scroll position of the table if auto restore options are enabled.
-   *
-   * @private
-   * @memberof ClassName
-   *
-   * @returns {void}
-   */
-  autoRestoreScrollPosition() {
-    var e;
-    if ((e = this.tableOptions) != null && e.autoRestoreOptions && this.storeScrollPosStateService && this.tableOptions.autoRestoreOptions.autoRestoreScrollPosition) {
-      const s = this.storeScrollPosStateService.getScrollOffset();
-      s && this.scrollViewport.scrollTo(...s);
-    }
-  }
-  /**
-   * Automatically restores the sorting state of the table.
-   *
-   * @private
-   * @function autoRestoreSortingState
-   * @memberof ClassName
-   *
-   * @description
-   * This method checks if the autoRestoreSortingState option is enabled in the tableOptions.
-   * If enabled, it uses the storeSortingService to retrieve the sort items array.
-   * If there are sort items present, it applies them to the table's body model using the doSort method.
-   *
-   * @returns {void}
-   */
-  autoRestoreSortingState() {
-    var e, t;
-    if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreSortingState && this.storeSortingService) {
-      const s = this.storeSortingService.getSortItems();
-      s != null && s.length && this.tableModel.getBodyModel().doSort(s);
-    }
-  }
-  /**
-   * Restores the collapsed/expanded state of the rows in the table based on the autoRestoreOptions
-   * specified in the tableOptions. This method is private and should not be called directly.
-   *
-   * @private
-   */
-  autoRestoreCollapsedExpandedState() {
-    var e, t;
-    if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
-      const s = this.tableOptions.autoRestoreOptions, i = s.getRowId;
-      if (s.autoRestoreCollapsedExpandedState && i) {
-        const o = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
-        if (te(r)) {
-          const n = r, a = r.getRowCount();
-          for (let h = 0; h < a; h++) {
-            const d = r.getRowByIndex(h);
-            if (d)
-              if (o.allExpanded)
-                d.expanded = !0;
-              else if (o.allCollapsed)
-                d.expanded = !1;
-              else {
-                const c = i(d.data);
-                o.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c) : o.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(c));
-              }
-          }
-          n.recalcVisibleTreeRows();
-        }
-      }
-    }
-  }
-  /**
-   * Scrolls the viewport to the specified pixel coordinates.
-   *
-   * @param {number} px - The horizontal pixel coordinate to scroll to.
-   * @param {number} py - The vertical pixel coordinate to scroll to.
-   *
-   * @return {void}
-   */
-  scrollToPixel(e, t) {
-    this.scrollViewport.scrollTo(e, t);
-  }
-  /**
-   * Scrolls to the specified index in the table.
-   *
-   * @param {number} _indexX - The horizontal index of the table where scrolling is needed.
-   * @param {number} indexY - The vertical index of the table where scrolling is needed.
-   * @return {void}
-   */
-  scrollToIndex(e, t) {
-    const i = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
-    this.scrollToPixel(0, i);
-  }
-}
-const ct = /* @__PURE__ */ He("<div>"), ft = (l) => {
-  let e;
-  const t = be({
-    tableModel: null,
-    tableOptions: new Ce()
-  }, l);
-  return Re(() => {
-    const s = {
-      onCheckboxChanged: (r) => {
-        const n = new CustomEvent("checkboxChanged", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onContextmenu: (r) => {
-        const n = new CustomEvent("contextmenu", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onModelChanged: (r) => {
-        const n = new CustomEvent("modelChanged", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onMouseClicked: (r) => {
-        const n = new CustomEvent("mouseClicked", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onMouseDragging: (r) => {
-        const n = new CustomEvent("mouseDragging", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onMouseDraggingEnd: (r) => {
-        const n = new CustomEvent("mouseDraggingEnd", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      },
-      onMouseMoved: (r) => {
-        const n = new CustomEvent("mouseMoved", {
-          detail: r,
-          bubbles: !0
-        });
-        e && e.dispatchEvent(n);
-      }
-    }, i = new ne(e, t.tableModel, new we(), t.tableOptions, s);
-    i.firstInit();
-    const o = new CustomEvent("tableReady", {
-      detail: i.getApi(),
-      bubbles: !0
-    });
-    e && e.dispatchEvent(o), t.licenseKey && $.getInstance().setLicenseKey(t.licenseKey);
-  }), (() => {
-    const s = ct(), i = e;
-    return typeof i == "function" ? Ve(i, s) : e = s, s;
-  })();
-};
-export {
-  ut as ComponentRendererWrapper,
-  ft as GuiexpertTable,
-  pt as GuiexpertTableProps
-};