@guiexpert/solid-table 1.0.13 → 1.0.15

package/dist/index.js

@@ -0,0 +1,3610 @@
+const ke = (l, e) => l === e, te = Symbol("solid-proxy"), ue = {
+  equals: ke
+};
+let ye = we;
+const L = 1, N = 2, ve = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var R = null;
+let Z = null, pe = null, w = null, M = null, I = null, q = 0;
+function Oe(l, e) {
+  const t = w, s = R, o = l.length === 0, i = e === void 0 ? s : e, r = o ? ve : {
+    owned: null,
+    cleanups: null,
+    context: i ? i.context : null,
+    owner: i
+  }, n = o ? l : () => l(() => H(() => J(r)));
+  R = r, w = null;
+  try {
+    return G(n, !0);
+  } finally {
+    w = t, R = s;
+  }
+}
+function se(l, e, t) {
+  const s = re(l, e, !1, L);
+  W(s);
+}
+function Fe(l, e, t) {
+  ye = We;
+  const s = re(l, e, !1, L);
+  (!t || !t.render) && (s.user = !0), I ? I.push(s) : W(s);
+}
+function Ie(l, e, t) {
+  t = t ? Object.assign({}, ue, t) : ue;
+  const s = re(l, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, W(s), $e.bind(s);
+}
+function H(l) {
+  if (!pe && w === null)
+    return l();
+  const e = w;
+  w = null;
+  try {
+    return l();
+  } finally {
+    w = e;
+  }
+}
+function Le(l) {
+  Fe(() => H(l));
+}
+function $e() {
+  if (this.sources && this.state)
+    if (this.state === L)
+      W(this);
+    else {
+      const l = M;
+      M = null, G(() => j(this), !1), M = l;
+    }
+  if (w) {
+    const l = this.observers ? this.observers.length : 0;
+    w.sources ? (w.sources.push(this), w.sourceSlots.push(l)) : (w.sources = [this], w.sourceSlots = [l]), this.observers ? (this.observers.push(w), this.observerSlots.push(w.sources.length - 1)) : (this.observers = [w], this.observerSlots = [w.sources.length - 1]);
+  }
+  return this.value;
+}
+function Be(l, e, t) {
+  let s = l.value;
+  return (!l.comparator || !l.comparator(s, e)) && (l.value = e, l.observers && l.observers.length && G(() => {
+    for (let o = 0; o < l.observers.length; o += 1) {
+      const i = l.observers[o], r = Z && Z.running;
+      r && Z.disposed.has(i), (r ? !i.tState : !i.state) && (i.pure ? M.push(i) : I.push(i), i.observers && Ce(i)), r || (i.state = L);
+    }
+    if (M.length > 1e6)
+      throw M = [], new Error();
+  }, !1)), e;
+}
+function W(l) {
+  if (!l.fn)
+    return;
+  J(l);
+  const e = q;
+  Pe(l, l.value, e);
+}
+function Pe(l, e, t) {
+  let s;
+  const o = R, i = w;
+  w = R = l;
+  try {
+    s = l.fn(e);
+  } catch (r) {
+    return l.pure && (l.state = L, l.owned && l.owned.forEach(J), l.owned = null), l.updatedAt = t + 1, xe(r);
+  } finally {
+    w = i, R = o;
+  }
+  (!l.updatedAt || l.updatedAt <= t) && (l.updatedAt != null && "observers" in l ? Be(l, s) : l.value = s, l.updatedAt = t);
+}
+function re(l, e, t, s = L, o) {
+  const i = {
+    fn: l,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: e,
+    owner: R,
+    context: R ? R.context : null,
+    pure: t
+  };
+  return R === null || R !== ve && (R.owned ? R.owned.push(i) : R.owned = [i]), i;
+}
+function z(l) {
+  if (l.state === 0)
+    return;
+  if (l.state === N)
+    return j(l);
+  if (l.suspense && H(l.suspense.inFallback))
+    return l.suspense.effects.push(l);
+  const e = [l];
+  for (; (l = l.owner) && (!l.updatedAt || l.updatedAt < q); )
+    l.state && e.push(l);
+  for (let t = e.length - 1; t >= 0; t--)
+    if (l = e[t], l.state === L)
+      W(l);
+    else if (l.state === N) {
+      const s = M;
+      M = null, G(() => j(l, e[0]), !1), M = s;
+    }
+}
+function G(l, e) {
+  if (M)
+    return l();
+  let t = !1;
+  e || (M = []), I ? t = !0 : I = [], q++;
+  try {
+    const s = l();
+    return He(t), s;
+  } catch (s) {
+    t || (I = null), M = null, xe(s);
+  }
+}
+function He(l) {
+  if (M && (we(M), M = null), l)
+    return;
+  const e = I;
+  I = null, e.length && G(() => ye(e), !1);
+}
+function we(l) {
+  for (let e = 0; e < l.length; e++)
+    z(l[e]);
+}
+function We(l) {
+  let e, t = 0;
+  for (e = 0; e < l.length; e++) {
+    const s = l[e];
+    s.user ? l[t++] = s : z(s);
+  }
+  for (e = 0; e < t; e++)
+    z(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 o = s.state;
+      o === L ? s !== e && (!s.updatedAt || s.updatedAt < q) && z(s) : o === N && j(s, e);
+    }
+  }
+}
+function Ce(l) {
+  for (let e = 0; e < l.observers.length; e += 1) {
+    const t = l.observers[e];
+    t.state || (t.state = N, t.pure ? M.push(t) : I.push(t), t.observers && Ce(t));
+  }
+}
+function J(l) {
+  let e;
+  if (l.sources)
+    for (; l.sources.length; ) {
+      const t = l.sources.pop(), s = l.sourceSlots.pop(), o = t.observers;
+      if (o && o.length) {
+        const i = o.pop(), r = t.observerSlots.pop();
+        s < o.length && (i.sourceSlots[r] = s, o[s] = i, t.observerSlots[s] = r);
+      }
+    }
+  if (l.owned) {
+    for (e = l.owned.length - 1; e >= 0; e--)
+      J(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 Ge(l) {
+  return l instanceof Error ? l : new Error(typeof l == "string" ? l : "Unknown error", {
+    cause: l
+  });
+}
+function xe(l, e = R) {
+  throw Ge(l);
+}
+function V() {
+  return !0;
+}
+const _e = {
+  get(l, e, t) {
+    return e === te ? t : l.get(e);
+  },
+  has(l, e) {
+    return e === te ? !0 : l.has(e);
+  },
+  set: V,
+  deleteProperty: V,
+  getOwnPropertyDescriptor(l, e) {
+    return {
+      configurable: !0,
+      enumerable: !0,
+      get() {
+        return l.get(e);
+      },
+      set: V,
+      deleteProperty: V
+    };
+  },
+  ownKeys(l) {
+    return l.keys();
+  }
+};
+function ee(l) {
+  return (l = typeof l == "function" ? l() : l) ? l : {};
+}
+function Ve() {
+  for (let l = 0, e = this.length; l < e; ++l) {
+    const t = this[l]();
+    if (t !== void 0)
+      return t;
+  }
+}
+function Ee(...l) {
+  let e = !1;
+  for (let r = 0; r < l.length; r++) {
+    const n = l[r];
+    e = e || !!n && te in n, l[r] = typeof n == "function" ? (e = !0, Ie(n)) : n;
+  }
+  if (e)
+    return new Proxy({
+      get(r) {
+        for (let n = l.length - 1; n >= 0; n--) {
+          const a = ee(l[n])[r];
+          if (a !== void 0)
+            return a;
+        }
+      },
+      has(r) {
+        for (let n = l.length - 1; n >= 0; n--)
+          if (r in ee(l[n]))
+            return !0;
+        return !1;
+      },
+      keys() {
+        const r = [];
+        for (let n = 0; n < l.length; n++)
+          r.push(...Object.keys(ee(l[n])));
+        return [...new Set(r)];
+      }
+    }, _e);
+  const t = {}, s = /* @__PURE__ */ Object.create(null);
+  for (let r = l.length - 1; r >= 0; r--) {
+    const n = l[r];
+    if (!n)
+      continue;
+    const a = Object.getOwnPropertyNames(n);
+    for (let c = a.length - 1; c >= 0; c--) {
+      const d = a[c];
+      if (d === "__proto__" || d === "constructor")
+        continue;
+      const h = Object.getOwnPropertyDescriptor(n, d);
+      if (!s[d])
+        s[d] = h.get ? {
+          enumerable: !0,
+          configurable: !0,
+          get: Ve.bind(t[d] = [h.get.bind(n)])
+        } : h.value !== void 0 ? h : void 0;
+      else {
+        const g = t[d];
+        g && (h.get ? g.push(h.get.bind(n)) : h.value !== void 0 && g.push(() => h.value));
+      }
+    }
+  }
+  const o = {}, i = Object.keys(s);
+  for (let r = i.length - 1; r >= 0; r--) {
+    const n = i[r], a = s[n];
+    a && a.get ? Object.defineProperty(o, n, a) : o[n] = a ? a.value : void 0;
+  }
+  return o;
+}
+function Ne(l, e, t) {
+  let s = t.length, o = e.length, i = s, r = 0, n = 0, a = e[o - 1].nextSibling, c = null;
+  for (; r < o || n < i; ) {
+    if (e[r] === t[n]) {
+      r++, n++;
+      continue;
+    }
+    for (; e[o - 1] === t[i - 1]; )
+      o--, i--;
+    if (o === r) {
+      const d = i < s ? n ? t[n - 1].nextSibling : t[i - n] : a;
+      for (; n < i; )
+        l.insertBefore(t[n++], d);
+    } else if (i === n)
+      for (; r < o; )
+        (!c || !c.has(e[r])) && e[r].remove(), r++;
+    else if (e[r] === t[i - 1] && t[n] === e[o - 1]) {
+      const d = e[--o].nextSibling;
+      l.insertBefore(t[n++], e[r++].nextSibling), l.insertBefore(t[--i], d), e[o] = t[i];
+    } else {
+      if (!c) {
+        c = /* @__PURE__ */ new Map();
+        let h = n;
+        for (; h < i; )
+          c.set(t[h], h++);
+      }
+      const d = c.get(e[r]);
+      if (d != null)
+        if (n < d && d < i) {
+          let h = r, g = 1, f;
+          for (; ++h < o && h < i && !((f = c.get(e[h])) == null || f !== d + g); )
+            g++;
+          if (g > d - n) {
+            const b = e[r];
+            for (; n < d; )
+              l.insertBefore(t[n++], b);
+          } else
+            l.replaceChild(t[n++], e[r++]);
+        } else
+          r++;
+      else
+        e[r++].remove();
+    }
+  }
+}
+function ze(l, e, t, s = {}) {
+  let o;
+  return Oe((i) => {
+    o = i, e === document ? l() : Ke(e, l(), e.firstChild ? null : void 0, t);
+  }, s.owner), () => {
+    o(), e.textContent = "";
+  };
+}
+function je(l, e, t) {
+  let s;
+  const o = () => {
+    const r = document.createElement("template");
+    return r.innerHTML = l, t ? r.content.firstChild.firstChild : r.content.firstChild;
+  }, i = e ? () => H(() => document.importNode(s || (s = o()), !0)) : () => (s || (s = o())).cloneNode(!0);
+  return i.cloneNode = i, i;
+}
+function Xe(l, e, t) {
+  return H(() => l(e, t));
+}
+function Ke(l, e, t, s) {
+  if (t !== void 0 && !s && (s = []), typeof e != "function")
+    return X(l, e, s, t);
+  se((o) => X(l, e(), o, t), s);
+}
+function X(l, e, t, s, o) {
+  for (; typeof t == "function"; )
+    t = t();
+  if (e === t)
+    return t;
+  const i = typeof e, r = s !== void 0;
+  if (l = r && t[0] && t[0].parentNode || l, i === "string" || i === "number")
+    if (i === "number" && (e = e.toString()), r) {
+      let n = t[0];
+      n && n.nodeType === 3 ? n.data !== e && (n.data = e) : n = document.createTextNode(e), t = B(l, t, s, n);
+    } else
+      t !== "" && typeof t == "string" ? t = l.firstChild.data = e : t = l.textContent = e;
+  else if (e == null || i === "boolean")
+    t = B(l, t, s);
+  else {
+    if (i === "function")
+      return se(() => {
+        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 (oe(n, e, t, o))
+        return se(() => t = X(l, n, t, s, !0)), () => t;
+      if (n.length === 0) {
+        if (t = B(l, t, s), r)
+          return t;
+      } else
+        a ? t.length === 0 ? be(l, n, s) : Ne(l, t, n) : (t && B(l), be(l, n));
+      t = n;
+    } else if (e.nodeType) {
+      if (Array.isArray(t)) {
+        if (r)
+          return t = B(l, t, s, e);
+        B(l, t, null, e);
+      } else
+        t == null || t === "" || !l.firstChild ? l.appendChild(e) : l.replaceChild(e, l.firstChild);
+      t = e;
+    }
+  }
+  return t;
+}
+function oe(l, e, t, s) {
+  let o = !1;
+  for (let i = 0, r = e.length; i < r; i++) {
+    let n = e[i], a = t && t[i], c;
+    if (!(n == null || n === !0 || n === !1))
+      if ((c = typeof n) == "object" && n.nodeType)
+        l.push(n);
+      else if (Array.isArray(n))
+        o = oe(l, n, a) || o;
+      else if (c === "function")
+        if (s) {
+          for (; typeof n == "function"; )
+            n = n();
+          o = oe(l, Array.isArray(n) ? n : [n], Array.isArray(a) ? a : [a]) || o;
+        } else
+          l.push(n), o = !0;
+      else {
+        const d = String(n);
+        a && a.nodeType === 3 && a.data === d ? l.push(a) : l.push(document.createTextNode(d));
+      }
+  }
+  return o;
+}
+function be(l, e, t = null) {
+  for (let s = 0, o = e.length; s < o; s++)
+    l.insertBefore(e[s], t);
+}
+function B(l, e, t, s) {
+  if (t === void 0)
+    return l.textContent = "";
+  const o = s || document.createTextNode("");
+  if (e.length) {
+    let i = !1;
+    for (let r = e.length - 1; r >= 0; r--) {
+      const n = e[r];
+      if (o !== n) {
+        const a = n.parentNode === l;
+        !i && !r ? a ? l.replaceChild(o, n) : l.insertBefore(o, t) : a && n.remove();
+      } else
+        i = !0;
+    }
+  } else
+    l.insertBefore(o, t);
+  return [o];
+}
+class yt {
+  constructor(e) {
+    this.code = e;
+  }
+  render(e, t, s, o, i, r, n) {
+    const a = Ee({
+      rowIndex: t,
+      columnIndex: s,
+      areaIdent: o,
+      areaModel: i,
+      cellValue: r
+    });
+    ze(
+      () => this.code(a),
+      e
+    );
+  }
+}
+const vt = /* @__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 ie(l) {
+  return l && l.type === "TreeRow";
+}
+function le(l) {
+  return l && l.type === "AreaModelTree";
+}
+class ne {
+  constructor(e = -1, t = -1, s = -1, o = -1, i, r, n, a = 0, c = 0, d = 0, h = "") {
+    this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = r, this.originalEvent = n, this.clickCount = a, this.draggingX = c, this.draggingY = d, this.action = h;
+  }
+  clone() {
+    return new ne(
+      this.rowIndex,
+      this.rowTop,
+      this.columnIndex,
+      this.columnLeft,
+      this.areaIdent,
+      this.sideIdent,
+      this.originalEvent,
+      this.clickCount,
+      this.draggingX,
+      this.draggingY,
+      this.action
+    );
+  }
+}
+class F {
+  constructor(e = ">", t = "", s = []) {
+    this.content = e, this.style = t, this.classes = s;
+  }
+}
+class Ae {
+  constructor(e = new F(
+    ">",
+    "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
+    ["gt-table-tree-arrow-expanded"]
+  ), t = new F(
+    ">",
+    "",
+    ["ge-table-tree-arrow-collapsed"]
+  ), s = new F(
+    ">",
+    "color:transparent;",
+    ["gt-table-tree-arrow-hidden"]
+  ), o = new F(
+    "↕",
+    "",
+    ["gt-table-tree-arrow-expanded-all"]
+  )) {
+    this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
+  }
+}
+class Me {
+  constructor(e = new F("↑", "", ["ge-header-sorted-asc"]), t = new F("↓", "", ["ge-header-sorted-desc"]), s = new F("↑", "color:transparent;", [])) {
+    this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
+  }
+}
+class Ye {
+  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, o]) => this.domService.setStyle(e, s, o + "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, o) {
+    const i = this.domService.createElement("div");
+    return this.addClass(e, i), this.domService.setAttribute(i, "data-area", s), this.domService.setAttribute(i, "data-side", o), this.domService.appendChild(t, i), i;
+  }
+  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, o, i, 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}`), o === "body" && i === "center") {
+      const c = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
+      this.domService.addClass(a, `ge-table-row-${c}`);
+    }
+    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", `${o}`), r) {
+      const c = this.domService.createText(r);
+      this.domService.appendChild(a, c);
+    }
+    return this.domService.appendChild(e.child, a), a;
+  }
+  addColumnDiv(e) {
+    const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: r, sideIdent: n, text: a = "", treeArrow: c, tableOptions: d, checkedType: h = void 0, sortState: g } = e, f = d == null ? void 0 : d.treeOptions, b = d == null ? void 0 : d.showCheckboxWihoutExtraColumn, S = this.domService.createElement("div");
+    this.domService.addClass(S, "ge-table-col-div"), this.domService.addClass(S, `ge-table-col-div-${s.index}`), this.domService.setAttribute(S, "data-col-index", `${s.index}`), this.domService.setAttribute(S, "data-row-index", `${o}`), this.domService.setAttribute(S, "data-area", `${r}`);
+    const p = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
+    if (r === "body" && n === "center" && this.domService.addClass(S, `ge-table-column-${p}`), this.domService.setStyle(S, "display", "clip"), this.domService.setStyle(S, "position", "absolute"), this.domService.setStyle(S, "left", `${s.left}px`), this.domService.setStyle(S, "top", `${s.top}px`), this.domService.setStyle(S, "width", `${s.width}px`), this.domService.setStyle(S, "height", `${s.height}px`), c && c !== "none" && (this.domService.addClass(S, "ge-table-col-tree"), this.addArrowDiv(S, c, f, o, i, r)), b && i === 0 && h && this.addCheckboxToDiv(S, h, r, o), a) {
+      const u = c !== "none" && i === 0;
+      this.addLabelDiv(S, a, u, o, i, r);
+    }
+    return g && this.addSortedIcon(S, g, d == null ? void 0 : d.sortedOptions, i), this.domService.appendChild(t, S), S;
+  }
+  addCheckboxToDiv(e, t, s, o) {
+    const i = this.domService.createElement("div"), r = t === "full" ? "checked" : "";
+    return i.innerHTML = `
+            <input
+                type="checkbox"
+                data-area="${s}"
+                data-row-index="${o}"
+                data-input-type="checkbox"
+                ${r}
+                class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${o}`), this.domService.appendChild(e, i), i;
+  }
+  addLabelDiv(e, t = "", s = !1, o = -1, i = -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", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), 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 c = this.domService.createText(t);
+        this.domService.addClass(a, "ge-table-label"), this.domService.appendChild(a, c), this.domService.setAttribute(a, "data-row-index", `${o}`), this.domService.setAttribute(a, "data-col-index", `${i}`), this.domService.setAttribute(a, "data-area", `${r}`);
+      }
+    return this.domService.appendChild(e, n), n;
+  }
+  addSortedIcon(e, t = "", s = new Me(), o = -1) {
+    const i = this.domService.createElement("div");
+    this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${o}`), this.domService.setAttribute(i, "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(i, a), r.style && this.applyStyleString(i, r.style);
+    for (const c of r.classes)
+      this.domService.addClass(i, c);
+    return this.domService.appendChild(e, i), i;
+  }
+  addArrowDiv(e, t = "none", s = new Ae(), o = -1, i = -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", `${o}`), this.domService.setAttribute(n, "data-col-index", `${i}`), this.domService.setAttribute(n, "data-area", `${r}`);
+    let a;
+    t === "expanded" ? a = s.arrowExpanded : t === "collapsed" ? a = s.arrowCollapsed : a = s.arrowPlaceholder;
+    const c = a.content, d = this.domService.createText(c);
+    this.domService.appendChild(n, d), a.style && this.applyStyleString(n, a.style);
+    for (const h of a.classes)
+      this.domService.addClass(n, h);
+    return this.domService.appendChild(e, n), n;
+  }
+  addColumnBorderDivs(e, t, s, o, i) {
+    if (e.verticalBorderVisible) {
+      const r = `ge-table-${o}-${i}-vertical-border`;
+      this.addVerticalBorder(s, t, r);
+    }
+    if (e.horizontalBorderVisible) {
+      const r = `ge-table-${o}-${i}-horizontal-border`;
+      this.addHorizontalBorder(s, t, r);
+    }
+    return t;
+  }
+  addHorizontalBorder(e, t, s = "ge-table-body-center-horizontal-border") {
+    const o = this.domService.createElement("div");
+    return this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${e.left}px`), this.domService.setStyle(o, "top", `${e.top}px`), this.domService.setStyle(o, "width", `${e.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.appendChild(t, o), o;
+  }
+  addFocusBorderDivs(e, t, s) {
+    t = { ...t, width: t.width + 1, height: t.height + 1 };
+    let o = this.domService.createElement("div");
+    return this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), e;
+  }
+  addVerticalBorder(e, t, s = "ge-table-body-center-vertical-border") {
+    const o = this.domService.createElement("div");
+    return this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${e.left}px`), this.domService.setStyle(o, "top", `${e.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${e.height}px`), this.domService.appendChild(t, o), o;
+  }
+  addDiv(e, t, s = "") {
+    const o = this.domService.createElement("div");
+    return s && this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.appendChild(e, o), o;
+  }
+  applyStyleString(e, t) {
+    const s = t.split(";").map((o) => o.trim()).filter((o) => o);
+    for (const o of s) {
+      const [i, r] = o.split(":");
+      this.domService.setStyle(e, i.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 ae = (l) => l === "header" ? "header" : l === "footer" ? "footer" : "body";
+class Ue {
+  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 = ae(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
+        const o = e;
+        this.value = o.value;
+      }
+    }
+  }
+}
+class qe {
+  constructor(e) {
+    this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0, 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 = Date.now();
+    if (t - this.lastClicked < this.doubleClickDelay)
+      return;
+    this.lastClicked = t;
+    const s = new Ue(e.target, this.tableScope);
+    if (s.action === "toggleExpandCollapseAll")
+      this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
+    else if (s.action === "toggleHeaderGroup")
+      this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
+    else if (s.inputType === "checkbox" && s.areaIdent)
+      this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
+    else if (ie(s.row) && s.areaModel) {
+      const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
+      if (o || i) {
+        e.preventDefault(), e.stopPropagation();
+        const r = s.row;
+        r.expanded = !r.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
+      }
+    }
+    if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
+      const o = this.tableScope.tableOptions.getFocusModel();
+      o == null || o.clear(), o == null || o.setFocus(s.rowIdx, s.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 (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
+      const t = e.target, s = t.getAttribute("data-area"), o = ae(s), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), n = this.tableScope.tableModel.getAreaModel(o);
+      if (s && o === "header")
+        this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
+      else if (t.getAttribute("data-row-index")) {
+        const a = n.getRowByIndex(i);
+        if (s && o === "body" && n.isEditable(i, r) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, r)), ie(a) && r === this.getArrowColumnIndex()) {
+          e.preventDefault(), e.stopPropagation();
+          const c = a;
+          c.expanded = !c.expanded, "recalcVisibleTreeRows" in n && n.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(c);
+        }
+      }
+    }
+    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), this.tableScope.publishGeMouseEvent(this.geMouseEvent), t === 1 && this.tableScope.debounceRepaint();
+  }
+  /**
+   * Update the collapsed/expanded state of a tree row.
+   *
+   * @param {TreeRowIf<any>} tr - The tree row object.
+   * @returns {void}
+   */
+  updateCollapsedExpandedState(e) {
+    var s, o, i, r, n;
+    const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
+    if (t) {
+      const a = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, c = a === "collapsed" && !e.expanded || a === "expanded" && e.expanded, d = a === "collapsed" && e.expanded || a === "expanded" && !e.expanded, h = t(e.data);
+      c ? (r = this.tableScope.storeStateCollapsedExpandService) == null || r.collapsedStateIdsPush(h) : d && ((n = this.tableScope.storeStateCollapsedExpandService) == null || n.collapsedStateIdsRemove(h));
+    }
+  }
+  getArrowColumnIndex() {
+    return this.tableScope.tableModel.isRowCheckboxVisible() ? 1 : 0;
+  }
+  onMouseDown(e) {
+    this.dragging || (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 || (this.dragging = !0, this.tableScope.setDragging(!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, this.tableScope.setDragging(!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, this.startMouseEvent);
+    }
+  }
+  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();
+  }
+  /**
+   * Repaints the table scope with hard repaint.
+   * Repaints the UI by resetting the size of the wrapper div,
+   * adjusting the containers and rows, and performing additional adjustments
+   * after scrolling.
+   *
+   * @return {void}
+   */
+  repaintHard() {
+    this.tableScope.repaintHard();
+  }
+  /**
+   * Clears the current selection of the table.
+   * The table will be rendered automatically.
+   *
+   * @returns {void}
+   */
+  clearSelection() {
+    this.tableScope.clearSelection(!0);
+  }
+  /**
+   * Sets the selection model for the table scope.
+   *
+   * @param {SelectionModel} sm - The selection model to be set.
+   * @param {boolean} [repaint=true] - Indicates whether the table should be repainted after setting the selection model. Default value is true.
+   *
+   * @return {void}
+   */
+  setSelectionModel(e, t = !0) {
+    this.tableScope.setSelectionModel(e, t);
+  }
+  /**
+   * Triggers the action with the given action ID.
+   * This function can be invoked programmatically.
+   *
+   * @param {ActionId} actionId - The ID of the action to trigger.
+   * @return {void}
+   */
+  triggerAction(e) {
+    this.tableScope.onActionTriggered(e);
+  }
+  /**
+   * Retrieves the mapping of shortcuts to corresponding action in the current table scope.
+   *
+   * @return {ShortcutActionIdMapping} The mapping of shortcuts to corresponding action.
+   */
+  getShortcutActionMapping() {
+    return this.tableScope.shortcutService.getShortcutActionMapping();
+  }
+  /**
+   * Copies the selected data from the table to the clipboard.
+   *
+   * @return {Promise<string>} - A promise that resolves with the copied data as a string.
+   */
+  copyToClipboard() {
+    return this.tableScope.copyService.copyToClipboard(
+      this.tableScope.tableModel,
+      this.tableScope.selectionModel(),
+      this.tableScope.focusModel()
+    );
+  }
+  /**
+   * Retrieves the current scope of the table.
+   *
+   * @returns {TableScope} The current scope of the table.
+   */
+  getTableScope() {
+    return this.tableScope;
+  }
+  /**
+   * Retrieves the selection model of the table.
+   *
+   * @return {SelectionModelIf | undefined} The selection model of the table,
+   * or undefined if no selection model is available.
+   */
+  getSelectionModel() {
+    return this.tableScope.selectionModel();
+  }
+}
+class de {
+  constructor(e) {
+    this.getStorageKeyFn = e;
+  }
+  autoConvertMapToObject(e) {
+    const t = {};
+    if (e instanceof Map) {
+      const s = e;
+      for (const o of [...s]) {
+        const [
+          i,
+          r
+        ] = o;
+        t[i] = r;
+      }
+    }
+    return t;
+  }
+  checkAndPersistItem(e, t) {
+    const s = this.getStorageKeyFn;
+    if (s) {
+      const o = s();
+      if (o) {
+        const i = o + e;
+        if ((t + "").includes("Map")) {
+          const r = this.autoConvertMapToObject(t);
+          this.persistItem(i, r);
+        } else
+          this.persistItem(i, 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 Qe extends de {
+  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 o = this.loadFromLocalStorage(s);
+        this.scrollOffset = o || [0, 0];
+      }
+    }
+  }
+}
+class Ze {
+  constructor(e = "collapsed", t = [], s = !1, o = !1) {
+    this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
+  }
+}
+class et extends de {
+  constructor(e) {
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ze(), 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, o = this.loadFromLocalStorage(s);
+        o && (this.collapsedExpandedState = o);
+      }
+    }
+  }
+  persist() {
+    this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
+  }
+}
+class tt extends de {
+  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, o = this.loadFromLocalStorage(s);
+        this.sortItems = o || [];
+      }
+    }
+  }
+}
+class O {
+  constructor(e = 0, t = 0, s = 0, o = 0, i) {
+    this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
+  }
+}
+class st {
+  constructor(e, t, s, o) {
+    this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new O(), this.areaBodyCenterGeo = new O(), this.areaBodyEastGeo = new O();
+    const i = this.hostElement;
+    i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
+      this.dom.addClass("ge-table", i),
+      "position",
+      "relative"
+    ), this.hoverRow = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-hover-row", i)
+    ), this.hoverColumn = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-hover-column", i)
+    ), this.draggingColumn = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-dragging-column", i)
+    ), this.areaHeaderWest = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-header ge-table-header-west", i, "header", "west")
+      )
+    ), this.areaHeaderCenter = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-header ge-table-header-center", i, "header", "center")
+      )
+    ), this.areaHeaderEast = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-header ge-table-header-east", i, "body", "east")
+      )
+    ), this.areaBodyWest = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-body ge-table-body-west", i, "body", "west")
+      )
+    ), this.areaBodyEast = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-body ge-table-body-east", i, "body", "east")
+      )
+    ), this.areaFooterWest = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-footer ge-table-footer-west", i, "footer", "west")
+      )
+    ), this.areaFooterCenter = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-footer ge-table-footer-center", i, "footer", "center")
+      )
+    ), this.areaFooterEast = s.appendRelativeChildDiv(
+      s.applyStylePosistionAbsolute(
+        s.createAreaDivWithClass("ge-table-footer ge-table-footer-east", i, "footer", "east")
+      )
+    ), this.scrollViewport = s.applyStyleOverflowAuto(
+      this.tableOptions.overflowX ?? "auto",
+      this.tableOptions.overflowY ?? "auto",
+      s.applyStyleNoPadding(
+        s.applyStylePosistionAbsolute(
+          s.createAreaDivWithClass("ge-table-scroll-viewport", i, "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", i)
+    ), this.borderFixedWest = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-west-fixed-column-border", i)
+    ), this.borderFixedEast = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-east-fixed-column-border", i)
+    ), this.borderFooterTop = s.applyStylePosistionAbsolute(
+      s.createDivWithClass("ge-table-footer-border", i)
+    );
+  }
+  /**
+   * Adjusts the containers and rows of the table based on the current state.
+   *
+   * @return {void}
+   */
+  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();
+  }
+  /**
+   * Adjusts the position or appearance of elements after scrolling.
+   * This method must be overwritten in child classes.
+   *
+   * @return {void}
+   */
+  adjustAfterScrolling() {
+  }
+  /**
+   * Resets the size of the wrapper div based on the content dimensions.
+   *
+   * @protected
+   *
+   * @returns {void} Returns nothing.
+   */
+  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 A {
+  /**
+   * 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, o, i = !1) {
+    this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = o, this.gammaRange = i;
+  }
+  static create(e) {
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new A(
+      e.rowIndex1,
+      e.columnIndex1,
+      e.rowIndex2,
+      e.columnIndex2,
+      e.gammaRange
+    );
+  }
+  static singleCell(e, t) {
+    return new A(e, t, e, t);
+  }
+  static singleRow(e) {
+    return new A(e, 0, e, Number.MAX_SAFE_INTEGER);
+  }
+  static singleColumn(e) {
+    return new A(0, e, Number.MAX_SAFE_INTEGER, e);
+  }
+  isInRange(e, t) {
+    return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
+  }
+}
+class ot {
+  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 o = 0; o < t; o++) {
+        let i = this.areaModel.getColspanAt(s, o), r = this.areaModel.getRowspanAt(s, o);
+        if (i > 1 || r > 1) {
+          i === 0 && (i = 1), r === 0 && (r = 1);
+          const n = "gammaCells" in this.areaModel;
+          this.colAndRowspanRanges.push(
+            new A(s, o, s + r - 1, o + i - 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 it {
+  constructor(e, t, s) {
+    this.header = e, this.body = t, this.footer = s;
+  }
+}
+class lt extends st {
+  constructor(e, t, s, o) {
+    var r, n;
+    super(e, t, s, o), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
+      header: [],
+      body: [],
+      footer: []
+    }, this.tree = !1, this.colAndRowspanModels = new it(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], 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), le(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
+      (a) => {
+        var c;
+        this.colAndRowspanModels[a] = new ot(t, t.getAreaModel(a)), (c = this.colAndRowspanModels[a]) == null || c.init();
+      }
+    );
+  }
+  isEditing() {
+    return this.editing;
+  }
+  /**
+   * Resets the editor renderer by clearing its values and state.
+   *
+   * @function resetEditorRenderer
+   * @memberof ClassName
+   *
+   * @returns {void}
+   */
+  resetEditorRenderer() {
+    this.editorRenderer = void 0, this.editorRendererRow = -1, this.editorRendererColumn = -1, this.editing = !1;
+  }
+  /**
+   * Clears the selection in the component.
+   *
+   * @param {boolean} rerender - Indicates whether to rerender the component after clearing the selection. Default value is false.
+   *
+   * @return {void}
+   */
+  clearSelection(e = !1) {
+    if (this.getSelectionModel) {
+      const t = this.getSelectionModel();
+      t == null || t.clear(), e && this.repaint();
+    }
+  }
+  /**
+   * Initializes and renders the editor for a specified row and column index.
+   *
+   * @param {number} rowIdx - The index of the row.
+   * @param {number} colIdx - The index of the column.
+   */
+  initRenderEditor(e, t) {
+    var o;
+    let s = (o = this.tableModel.getColumnDef(t)) == null ? void 0 : o.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 i = document.querySelector("input.ge-table-cell-editor-input");
+        i && i.focus();
+      } else
+        this.resetEditorRenderer();
+  }
+  /**
+   * Adjusts the content after scrolling and initiates a repaint of the component.
+   *
+   * @return {void}
+   */
+  repaint() {
+    this.adjustAfterScrolling();
+  }
+  /**
+   * Repaints the UI by resetting the size of the wrapper div,
+   * adjusting the containers and rows, and performing additional adjustments
+   * after scrolling.
+   *
+   * @return {void} This method does not return any value.
+   */
+  repaintHard() {
+    this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows(), this.adjustAfterScrolling();
+  }
+  /**
+   * Adjusts the table after scrolling. This method performs various adjustments
+   * to the table's appearance and behavior after a scroll event occurs.
+   */
+  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"
+    ));
+  }
+  /**
+   * Checks if the scroll position should be saved and saves it.
+   *
+   * @return {void}
+   */
+  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]);
+  }
+  /**
+   * Updates the cells in the table with the provided values and optionally repaints all cells.
+   *
+   * @param {TableCellUpdateEventIf[]} events - The array of events containing information about the cells to update.
+   * @param {boolean} repaintAll - Optional. If true, repaints all cells after updating. Defaults to false.
+   *
+   * @returns {void}
+   */
+  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();
+  }
+  /**
+   * Rerenders the content of a table cell based on the given parameters.
+   *
+   * @param {TableCellUpdateEventIf} area - The area of the table.
+   * @param {number} rowIndex - The index of the row.
+   * @param {number} columnIndex - The index of the column.
+   * @param {any} value - The new value to be displayed in the cell.
+   * @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
+   */
+  rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
+    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 c;
+      const h = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s ? this.editorRenderer : r.getCellRenderer(t, s);
+      if (a.innerText = "", this.applyCssClasses(a, i), h)
+        c = h.render(a, t, s, e, r, o, this.dom.domService), c && this.cleanupFunctions[e].push(c);
+      else {
+        const b = `${o}`;
+        this.dom.addLabelDiv(a, b, !1, t, s, e);
+      }
+      const g = r.getCustomClassesAt(t, s);
+      g.length && this.dom.addClasses(g, a);
+      const f = r.getCustomStyleAt(t, s);
+      if (f)
+        for (const b in f)
+          this.dom.setStyle(a, b, f[b]);
+    }
+  }
+  /**
+   * Stores the widths of all columns in the table.
+   *
+   * @protected
+   * @function storeColumnWidths
+   * @returns {void}
+   */
+  storeColumnWidths() {
+    const e = this.tableModel.getColumnDefs();
+    e != null && e.length && (this.storedColumnWidths = e.map((t, s) => this.tableModel.getColumnWidth(s)));
+  }
+  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];
+  }
+  /**
+   * Retrieves the specified area from the grid layout.
+   *
+   * @param {string} areaIdent - The identifier for the area ('header', 'body', or 'footer').
+   * @param {string} sideIdent - The identifier for the side of the area ('west', 'center', or 'east').
+   * @protected
+   * @returns {HTMLElement} - The requested area element.
+   * @throws {Error} - If the area identifier or side identifier is incorrect.
+   */
+  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}`);
+  }
+  /**
+   * Adjusts the body of the table.
+   *
+   * @protected
+   * @return {void}
+   */
+  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);
+  }
+  /**
+   * Returns a number value extracted from the specified attribute of the source element.
+   *
+   * @param {HTMLElement} srcElement - The source element from which to extract the attribute value.
+   * @param {string} key - The attribute key to extract the value from.
+   * @returns {number} - The extracted number value, or -1 if the attribute was not found or not a valid number.
+   * @protected
+   */
+  getNumberByAttr(e, t) {
+    var s;
+    if (e) {
+      const o = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
+      if (o)
+        return Number(o);
+    }
+    return -1;
+  }
+  /**
+   * Retrieves the value of the specified attribute from the nearest ancestor element that has the attribute.
+   *
+   * @param {HTMLElement} srcElement - The source element from which to start searching for the nearest ancestor element.
+   * @param {string} key - The name of the attribute to retrieve.
+   * @returns {string} The value of the specified attribute, or an empty string if the attribute is not found.
+   * @protected
+   */
+  getStringByAttr(e, t) {
+    var s;
+    if (e) {
+      const o = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
+      if (o)
+        return o;
+    }
+    return "";
+  }
+  /**
+   * Adjusts the layout and positioning of the specified area in the table.
+   * This method is used internally and should not be called directly.
+   *
+   * @param {AreaIdent} areaIdent - The identifier of the area to adjust (e.g. header, body, footer).
+   * @param {number} [yStart=0] - The starting y-position for the layout adjustments.
+   * @protected
+   */
+  adjustArea(e, t = 0) {
+    var p;
+    const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), r = o.child.clientHeight;
+    s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
+    const n = 0, a = this.areaBodyCenterGeo.width, c = this.tableModel.getPadding(), d = this.tableModel.getAreaModel(e), h = d.getRowCount();
+    for (; this.cleanupFunctions[e].length; ) {
+      const u = this.cleanupFunctions[e].shift();
+      u && u();
+    }
+    let g = t;
+    const f = this.tableModel.getColumnCount(), b = this.tableModel.getFixedRightColumnCount(), S = this.tableModel.getFixedLeftColumnCount();
+    for (let u = 0; u < h; u++) {
+      const v = g, C = u === h - 1, E = this.tableModel.getRowHeight(e, u);
+      if (v + E > 0) {
+        this.firstVisibleRowIndex = u;
+        let y = { left: n, width: a, height: E, top: v, index: u }, m = this.dom.addRowDiv(o, y, u, e, "center");
+        const k = S;
+        if (this.adjustColumnsToRowParent({
+          areaIdent: e,
+          sideIdent: "center",
+          areaModel: d,
+          geo: y,
+          parent: m,
+          rowIndex: u,
+          columnIndexStart: k,
+          columnIndexEnd: f - b - 1,
+          verticalFixed: !1,
+          lastRowOfModel: C
+        }), c.left > 0 && (y = { left: n, width: this.areaBodyWestGeo.width, height: E, top: v, index: u }, m = this.dom.addRowDiv(s, y, u, e, "west"), this.adjustColumnsToRowParent({
+          areaIdent: e,
+          sideIdent: "west",
+          areaModel: d,
+          geo: y,
+          parent: m,
+          rowIndex: u,
+          columnIndexStart: 0,
+          columnIndexEnd: k - 1,
+          verticalFixed: !0,
+          lastRowOfModel: C
+        })), c.right > 0 && (y = { left: n, width: this.areaBodyEastGeo.width, height: E, top: v, index: u }, m = this.dom.addRowDiv(i, y, u, e, "east"), this.adjustColumnsToRowParent({
+          areaIdent: e,
+          sideIdent: "east",
+          areaModel: d,
+          geo: y,
+          parent: m,
+          rowIndex: u,
+          columnIndexStart: f - b,
+          columnIndexEnd: f - 1,
+          verticalFixed: !0,
+          lastRowOfModel: C
+        })), e === "header" && this.tree && u === h - 1) {
+          const T = this.dom.applyStyle(
+            this.dom.setAttribute(
+              this.dom.addDiv(m, new O(16, 20, 20, 8)),
+              "data-ge-action",
+              "toggleExpandCollapseAll"
+            ),
+            { cursor: "pointer" }
+          ), D = this.tableOptions.treeOptions.arrowExpandCollapseAll;
+          if (D) {
+            const _ = this.dom.domService.createText(D.content);
+            this.dom.domService.appendChild(T, _), D.style && this.dom.applyStyleString(T, D.style);
+          }
+        }
+      }
+      if (g = g + E, g > r)
+        break;
+    }
+    if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
+      const u = ((p = this.colAndRowspanModels[e]) == null ? void 0 : p.getRanges()) ?? [];
+      if (u.length)
+        for (const v of u) {
+          let C = 0, E = o.child, y = "center";
+          if (v.c1 < S)
+            E = s.child, y = "west";
+          else if (b > 0 && v.c1 >= f - b)
+            E = i.child, y = "east";
+          else {
+            const m = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            C = this.scrollFactorX * m - this.areaBodyWestGeo.width, y = "center";
+          }
+          this.drawBigCell(v, C, t, d, E, y);
+        }
+    }
+  }
+  /**
+   * 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, o, i, r) {
+    const n = s + this.getRowHeights(0, e.r1 - 1, o).reduce((p, u) => p + u, 0), a = this.tableModel.getColumnCount(), c = this.tableModel.getFixedRightColumnCount();
+    let d = 0;
+    c > 0 && e.c1 >= a - c && (d = a - c);
+    const h = t + this.getColumnWidths(d, e.c1 - 1).reduce((p, u) => p + u, 0), g = this.getRowHeights(e.r1, e.r2, o).reduce((p, u) => p + u, 0), f = this.getColumnWidths(e.c1, e.c2).reduce((p, u) => p + u, 0);
+    let b = !1;
+    const S = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    S && (b = S.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
+      areaModel: o,
+      areaIdent: o.areaIdent,
+      sideIdent: r,
+      rowIndex: e.r1,
+      columnIndex: e.c1,
+      left: h,
+      top: n,
+      width: f,
+      height: g,
+      parent: i,
+      cellSelected: b,
+      lastRowOfModel: !0,
+      gammaRange: e.gammaRange
+    }) : this.renderCell({
+      areaModel: o,
+      areaIdent: o.areaIdent,
+      sideIdent: r,
+      rowIndex: e.r1,
+      columnIndex: e.c1,
+      left: h,
+      top: n,
+      width: f,
+      height: g,
+      parent: i,
+      cellSelected: b,
+      lastRowOfModel: !0,
+      gammaRange: e.gammaRange
+    }), o.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
+      rowIndex: e.r1,
+      columnIndex: e.c1,
+      cellLeft: h,
+      cellTop: n,
+      cellWidth: f,
+      cellHeight: g,
+      parent: i
+    });
+  }
+  /**
+   * Finds the row index of an important rowspan cell in a given area model.
+   *
+   * @param {AreaModelIf} areaModel - The area model to search in.
+   * @param {number} rowIndex - The current row index.
+   * @param {number} colIndex - The current column index.
+   * @returns {number} - The row index of the important rowspan cell, or -1 if not found.
+   * @protected
+   */
+  findRowOfImportantRowspanCell(e, t, s) {
+    const o = e.getMaxRowspan();
+    for (let i = t - 1; i > -1; i--) {
+      const r = e.getRowspanAt(i, s);
+      if (r > 1 && i + r + 1 >= t)
+        return i;
+      if (t - i > o)
+        return -1;
+    }
+    return -1;
+  }
+  /**
+   * Adjusts the columns to fit the width of the row's parent element.
+   *
+   * @param {ArgsAdjustColumnsToRowParentParams} params - The parameters for adjusting the columns.
+   * @protected
+   * @return {void}
+   */
+  adjustColumnsToRowParent({
+    areaIdent: e,
+    sideIdent: t,
+    areaModel: s,
+    geo: o,
+    parent: i,
+    rowIndex: r,
+    columnIndexStart: n,
+    columnIndexEnd: a,
+    verticalFixed: c = !1,
+    lastRowOfModel: d = !1
+  }) {
+    var S;
+    this.scrollViewportLeft = this.scrollViewport.scrollLeft;
+    let h = 0;
+    if (!c) {
+      const p = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+      h = this.scrollFactorX * p;
+    }
+    const g = 0, f = !!(e === "body" && t);
+    let b = h;
+    for (let p = n; p <= a; p++) {
+      const u = b, v = this.tableModel.getColumnWidth(p);
+      if (v > 0 && u + v > 0) {
+        let C = o.height;
+        const E = s.getRowspanAt(r, p), y = s.getColspanAt(r, p);
+        E > 1 && (C = this.getRowHeights(r, r + E - 1, s).reduce((T, D) => T + D, 0));
+        let m = v;
+        y > 1 && (m = this.getColumnWidths(p, p + y - 1).reduce((T, D) => T + D, 0));
+        let k = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (S = this.colAndRowspanModels[e]) != null && S.isInRange(r, p) && (k = !0), this.draggingTargetColumnIndex === p && e !== "header") {
+          this.renderDragTargetDiv(i, u, g, m, C);
+          const T = { left: u, top: g, width: m, height: C };
+          this.dom.addColumnBorderDivs(this.tableOptions, i, T, e, t);
+        } else {
+          const T = this.renderSelectedBackgroundDiv(k, f, t, s, r, p, i, u, g, m, C);
+          "gammaCells" in s && s.getValueAt(r, p) && (k = !1), k || this.renderCell({
+            areaModel: s,
+            areaIdent: e,
+            sideIdent: t,
+            rowIndex: r,
+            columnIndex: p,
+            left: u,
+            top: g,
+            width: m,
+            height: C,
+            parent: i,
+            cellSelected: T,
+            lastRowOfModel: d,
+            gammaRange: !0
+          }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
+            rowIndex: r,
+            columnIndex: p,
+            cellLeft: u,
+            cellTop: g,
+            cellWidth: m,
+            cellHeight: C,
+            parent: i
+          });
+        }
+      }
+      if (b = b + v, b > this.areaBodyCenterGeo.width)
+        break;
+    }
+    this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new O(b - 1, 1, o.height, 0), i);
+  }
+  /**
+   * Retrieves the column index of the tree arrow column in the table.
+   *
+   * @protected
+   *
+   * @returns {0 | 1} The column index of the tree arrow column.
+   *                Returns 0 if the checkbox is not visible,
+   *                otherwise returns 1.
+   */
+  getTreeArrowColumnIndex() {
+    return this.tableOptions.showCheckboxWihoutExtraColumn ? 0 : this.tableModel.isRowCheckboxVisible() ? 1 : 0;
+  }
+  addAndRenderCellDiv({
+    areaModel: e,
+    areaIdent: t,
+    sideIdent: s,
+    rowIndex: o,
+    index: i,
+    left: r,
+    width: n,
+    height: a,
+    top: c,
+    parent: d,
+    lastRowOfModel: h
+  }) {
+    var ge;
+    const f = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), b = { left: r, width: n, height: a, top: c, index: i }, S = e.getRowByIndex(o);
+    let p = "none";
+    if (i === this.getTreeArrowColumnIndex() && ie(S)) {
+      const x = S;
+      (ge = x.children) != null && ge.length ? x.expanded ? p = "expanded" : p = "collapsed" : p = "hidden";
+    }
+    let v;
+    if (t === "header") {
+      const x = this.tableModel.getColumnDef(i);
+      (!(x != null && x.sortIconVisible) || x != null && x.sortIconVisible()) && (v = x == null ? void 0 : x.sortState);
+    }
+    const C = e.getValueAt(o, i), E = f ? "" : `${C}`, y = e.isRowChecked(o), m = this.dom.addColumnDiv(
+      {
+        parent: d,
+        geo: b,
+        rowIndex: o,
+        columnIndex: i,
+        areaIdent: t,
+        sideIdent: s,
+        text: E,
+        treeArrow: p,
+        tableOptions: this.tableOptions,
+        checkedType: y,
+        sortState: v
+      }
+    ), k = e.getTooltipAt(o, i);
+    k && this.dom.setAttribute(m, "title", k);
+    const T = this.tableModel.getColumnDef(i);
+    T && T.classes[t] && this.dom.addClasses(T.classes[t], m);
+    let D;
+    f && (D = f.render(m, o, i, t, e, C, this.dom.domService));
+    const _ = e.getCustomClassesAt(o, i);
+    if (_.length && this.dom.addClasses(_, m), this.dom.addColumnBorderDivs(this.tableOptions, d, b, t, s), h && this.dom.addHorizontalBorder({ left: r, width: n, height: a, top: c + a }, d), this.getFocusModel && t === "body") {
+      const x = this.getFocusModel();
+      x != null && x.hasFocus(o, i) && this.dom.addFocusBorderDivs(d, b, {});
+    }
+    t === "header" && this.dom.setAttribute(m, "data-ge-action", "drag-column");
+    const Q = e.getCustomStyleAt(o, i);
+    if (Q)
+      for (const x in Q)
+        this.dom.setStyle(m, x, Q[x]);
+    return [m, D];
+  }
+  /**
+   * Applies CSS classes to an HTML element.
+   *
+   * @param {HTMLDivElement} ele - The HTML element to which CSS classes will be applied.
+   * @param {Object.<string, boolean>} cssClasses - An object containing CSS class names as keys and boolean values indicating whether to apply or remove the class.
+   * @protected
+   */
+  applyCssClasses(e, t = {}) {
+    e && Object.entries(t).forEach(([s, o]) => {
+      o ? this.dom.addClass(s, e) : this.dom.removeClass(s, e);
+    });
+  }
+  /**
+   * Retrieves the column widths of a table within a specified range.
+   *
+   * @param {number} startIndex - The index of the first column to retrieve the width of.
+   * @param {number} endIndex - The index of the last column to retrieve the width of.
+   *
+   * @return {number[]} An array containing the widths of the columns within the specified range.
+   */
+  getColumnWidths(e, t) {
+    const s = [];
+    for (let o = e; o <= t; o++)
+      s.push(this.tableModel.getColumnWidth(o));
+    return s;
+  }
+  /**
+   * Retrieves the heights of rows within a specified range.
+   *
+   * @param {number} startIndex - The index of the first row in the range.
+   * @param {number} endIndex - The index of the last row in the range.
+   * @param {AreaModelIf} areaModel - The area model.
+   * @return {number[]} - An array containing the heights of the rows within the specified range.
+   */
+  getRowHeights(e, t, s) {
+    const o = [];
+    for (let i = e; i <= t; i++)
+      o.push(s.getRowHeight(i));
+    return o;
+  }
+  /**
+   * Adjusts the position and size of the hover row based on the mouse move event.
+   *
+   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event.
+   *
+   * @return {void}
+   */
+  adjustHoverRows(e) {
+    if (this.tableOptions.hoverRowVisible && e.rowIndex > -1) {
+      const t = this.hostElement.clientWidth, s = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), o = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
+      this.dom.applyStyle(this.hoverRow, {
+        left: "0",
+        top: o + "px",
+        width: t + "px",
+        height: s + "px",
+        display: "block"
+      });
+    } else
+      this.hideHoverRow();
+  }
+  /**
+   * Hides the hover row by applying 'display: none' style to it.
+   *
+   * @protected
+   * @function
+   * @name hideHoverRow
+   * @memberof ClassName
+   *
+   * @returns {void}
+   */
+  hideHoverRow() {
+    this.dom.applyStyle(this.hoverRow, {
+      display: "none"
+    });
+  }
+  /**
+   * Adjusts the position and size of the hover column based on the mouse move event.
+   *
+   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event object.
+   */
+  adjustHoverColumns(e) {
+    if (this.tableOptions.hoverColumnVisible && e.rowIndex > -1) {
+      const t = this.hostElement.clientHeight, s = this.tableModel.getColumnWidth(e.columnIndex), o = this.areaBodyWestGeo.width, i = e.columnLeft + this.tableModel.getPadding().left - this.scrollLeft - o;
+      this.dom.applyStyle(this.hoverColumn, {
+        left: i + "px",
+        top: "0px",
+        width: s + "px",
+        height: t + "px",
+        display: "block"
+      });
+    } else
+      this.hideHoverColumn();
+  }
+  /**
+   * Hide hover column.
+   *
+   * This method hides the hover column by applying a style of 'display: none'
+   * to the element representing the hover column.
+   *
+   * @protected
+   * @memberof ClassName
+   */
+  hideHoverColumn() {
+    this.dom.applyStyle(this.hoverColumn, {
+      display: "none"
+    });
+  }
+  /**
+   * Executes a function after a specified delay, ensuring that the function is called only once within that delay period.
+   *
+   * @param {() => void} fn - The function to be executed.
+   * @param {number} [delay=1000] - The delay in milliseconds before executing the function.
+   *
+   * @return {undefined}
+   */
+  debounce(e, t = 1e3) {
+    this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(e.bind(this), t);
+  }
+  /**
+   * Adjusts the dragging column during a mouse move event.
+   *
+   * @param {GeMouseEvent} mouseMoveEvent - The mouse move event.
+   * @param {number} sourceColumnIndex - The index of the source column.
+   * @param {boolean} firstDraggingRendering - Indicates if it's the first rendering of the dragging column.
+   */
+  adjustDraggingColumn(e, t, s) {
+    var o, i;
+    if (this.dragging) {
+      const r = this.hostElement.clientHeight, n = this.storedColumnWidths[t];
+      if ((o = e.originalEvent) != null && o.clientX) {
+        const d = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - n / 2, width: n, height: r, top: 0, index: t };
+        this.dom.applyStyle(this.draggingColumn, {
+          background: "rgba(128,128,128,0.2)",
+          display: "block",
+          overfllow: "clip"
+        }), this.dom.applyStyleInPx(this.draggingColumn, d), s && this.renderContentOfDraggingColumn(d);
+      }
+    } else
+      this.hideDraggingColumn();
+  }
+  /**
+   * Renders the content of a dragging column.
+   *
+   * @param {GeoData} columnGeo - The geographic data of the column.
+   *
+   * @returns {number} The y-coordinate of the rendered content.
+   */
+  renderContentOfDraggingColumn(e) {
+    const t = this.renderContentOfDraggingColumnForArea(e, "header", 0);
+    this.renderContentOfDraggingColumnForArea(e, "body", t);
+  }
+  /**
+   * Renders the content of the dragging column for a specific area.
+   *
+   * @param {GeoData} columnGeo - The geometry data of the dragging column.
+   * @param {AreaIdent} areaIdent - The identifier of the area.
+   * @param {number} [y=0] - The starting y-position.
+   * @return {number} The final y-position after rendering all the content.
+   */
+  renderContentOfDraggingColumnForArea(e, t, s = 0) {
+    const o = "center", i = this.tableModel.getAreaModel(t), r = i == null ? void 0 : i.getRowCount();
+    if (r) {
+      const n = e.index ?? 0, a = this.draggingColumn;
+      for (let c = 0; c < r; c++) {
+        const d = s, h = i.getRowHeight(c), g = { left: 0, width: e.width, height: h, top: d, index: c }, f = i.getValueAt(c, n), b = i.getCellRenderer(c, n), S = b ? "" : `${f}`, p = {
+          parent: a,
+          geo: g,
+          rowIndex: c,
+          columnIndex: n,
+          areaIdent: t,
+          sideIdent: o,
+          text: S
+        }, u = this.dom.addColumnDiv(p);
+        let v;
+        b && (v = b.render(u, c, n, t, i, f, this.dom.domService), v && this.cleanupFunctions[t].push(v));
+        const C = i.getCustomClassesAt(c, n);
+        C.length && this.dom.addClasses(C, u);
+        const E = this.tableModel.getColumnDef(n);
+        E && E.classes[t] && this.dom.addClasses(E.classes[t], u), this.dom.addColumnBorderDivs(this.tableOptions, a, g, t, o);
+        const y = i.getCustomStyleAt(c, n);
+        if (y)
+          for (const m in y)
+            this.dom.setStyle(u, m, y[m]);
+        s = s + h;
+      }
+    }
+    return s;
+  }
+  /**
+   * Hides the dragging column by applying a 'display: none' style to it.
+   * This method is protected and can only be accessed within the class.
+   *
+   * @return {void}
+   */
+  hideDraggingColumn() {
+    this.dom.applyStyle(this.draggingColumn, {
+      display: "none"
+    });
+  }
+  /**
+   * Renders a draggable target div element.
+   *
+   * @param {HTMLDivElement} parent - The parent element where the target div will be appended to.
+   * @param {number} left - The left position of the target div in pixels.
+   * @param {number} top - The top position of the target div in pixels.
+   * @param {number} width - The width of the target div in pixels.
+   * @param {number} height - The height of the target div in pixels.
+   * @return {HTMLDivElement} - The rendered draggable target div element.
+   */
+  renderDragTargetDiv(e, t, s, o, i) {
+    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", `${o}px`), this.dom.setStyle(r, "height", `${i}px`), r;
+  }
+  /**
+   * Render selected background div.
+   *
+   * @private
+   * @param {boolean} skip - Whether to skip rendering.
+   * @param {boolean} renderSelection - Whether to render the selection.
+   * @param {SideIdent} sideIdent - The side identifier.
+   * @param {AreaModelIf} areaModel - The area model.
+   * @param {number} rowIndex - The row index.
+   * @param {number} index - The index.
+   * @param {HTMLDivElement} parent - The parent div element.
+   * @param {number} left - The left position.
+   * @param {number} top - The top position.
+   * @param {number} width - The width of the div.
+   * @param {number} height - The height of the div.
+   * @returns {boolean} - Whether the cell is selected.
+   */
+  renderSelectedBackgroundDiv(e, t, s, o, i, r, n, a, c, d, h) {
+    let g = !1;
+    if (!e && t && o.isSelectable(i, r) && this.getSelectionModel) {
+      const f = this.getSelectionModel();
+      if (f) {
+        const b = f.getSelectionCount(i, r);
+        g = b > 0;
+        for (let S = 0; S < b; S++) {
+          const p = this.dom.applyStylePosistionAbsolute(
+            // ge-table-body-west-selected-range
+            this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, n)
+          );
+          this.dom.setStyle(p, "left", `${a}px`), this.dom.setStyle(p, "top", `${c}px`), this.dom.setStyle(p, "width", `${d}px`), this.dom.setStyle(p, "height", `${h}px`);
+        }
+      }
+    }
+    return g;
+  }
+  /**
+   * Renders a cell in the grid.
+   *
+   * @param {ArgsRenderCell} args - The arguments for rendering the cell.
+   * @param {AreaModel} args.areaModel - The area model of the grid.
+   * @param {string} args.areaIdent - The identifier of the area.
+   * @param {string} args.sideIdent - The identifier of the side.
+   * @param {number} args.rowIndex - The index of the row.
+   * @param {number} args.columnIndex - The index of the column.
+   * @param {number} args.left - The left position of the cell.
+   * @param {number} args.top - The top position of the cell.
+   * @param {number} args.width - The width of the cell.
+   * @param {number} args.height - The height of the cell.
+   * @param {HTMLElement} args.parent - The parent element of the cell.
+   * @param {boolean} args.cellSelected - Indicates if the cell is selected.
+   * @param {boolean} args.lastRowOfModel - Indicates if the cell is in the last row of the model.
+   *
+   * @returns {void}
+   */
+  renderCell({
+    areaModel: e,
+    areaIdent: t,
+    sideIdent: s,
+    rowIndex: o,
+    columnIndex: i,
+    left: r,
+    top: n,
+    width: a,
+    height: c,
+    parent: d,
+    cellSelected: h,
+    lastRowOfModel: g
+  }) {
+    const [f, b] = this.addAndRenderCellDiv({
+      areaModel: e,
+      areaIdent: t,
+      sideIdent: s,
+      rowIndex: o,
+      index: i,
+      left: r,
+      width: a,
+      height: c,
+      top: n,
+      parent: d,
+      lastRowOfModel: g
+    });
+    h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, f), b && this.cleanupFunctions[t].push(b);
+  }
+  /**
+   * Render the header cell resize handle.
+   *
+   * @param {ArgsRenderHeaderCellResizeHandle} args - The arguments for rendering the handle.
+   * @param {number} args.rowIndex - The index of the row.
+   * @param {number} args.columnIndex - The index of the column.
+   * @param {number} args.cellLeft - The left position of the cell.
+   * @param {number} args.cellTop - The top position of the cell.
+   * @param {number} args.cellWidth - The width of the cell.
+   * @param {number} args.cellHeight - The height of the cell.
+   * @param {HTMLElement} args.parent - The parent element to append the handle to.
+   *
+   * @return {void}
+   */
+  renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: r, parent: n }) {
+    const a = this.dom.domService, c = 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 + i - c}px`), a.setStyle(d, "top", `${o}px`), a.setStyle(d, "width", `${c}px`), a.setStyle(d, "height", `${r}px`), a.appendChild(n, d);
+  }
+}
+class rt {
+  constructor(e, t) {
+    this.columnIndex = e, this.sortState = t;
+  }
+}
+class nt {
+  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"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
+      if (s && o && i) {
+        const r = ae(s), n = Number(o), a = Number(i);
+        this.tableScope.updateModelValueAfterEdit(r, n, a, t.value);
+      }
+    }
+  }
+}
+class at {
+  constructor(e = -1, t = -1) {
+    this.rowIndex = e, this.columnIndex = t;
+  }
+}
+class ce {
+  constructor(e) {
+    this.cells = e;
+  }
+  static createSingle(e, t) {
+    return new ce([new at(e, t)]);
+  }
+}
+class dt {
+  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 i, r, n, a, c, d, h;
+    let s = !1, o = !1;
+    if (this.getSelectionModel && this.getFocusModel) {
+      const g = this.getSelectionModel(), f = this.getFocusModel();
+      g && f && (f.hasFocus(e.rowIndex, e.columnIndex) || (f.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(f), s = !0), (i = e.originalEvent) != null && i.shiftKey || g.hasSelection() && (g.clear(), s = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (g.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (n = e.originalEvent) != null && n.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (c = e.originalEvent) != null && c.metaKey) ? (g.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d = e.originalEvent) != null && d.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (g.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (g.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(g));
+    }
+    return o ? 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 [o, i] = s.getFocus();
+          return t.togglePoint(o, i), this.tableScope.repaint(), !0;
+        }
+      }
+    }
+    return !1;
+  }
+  createRangeByEvents(e, t) {
+    t || (t = e);
+    const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), r = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
+    return A.create({
+      rowIndex1: s,
+      columnIndex1: i,
+      rowIndex2: o,
+      columnIndex2: r
+    });
+  }
+}
+class ct {
+  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",
+      "meta -": "DESELECT_ALL",
+      arrowup: "NAVIGATE_UP",
+      arrowdown: "NAVIGATE_DOWN",
+      arrowleft: "NAVIGATE_LEFT",
+      arrowright: "NAVIGATE_RIGHT",
+      "meta+c": "COPY_2_CLIPBOARD",
+      "ctrl+c": "COPY_2_CLIPBOARD"
+    };
+  }
+}
+class ht {
+  get() {
+    return {
+      f2: "START_EDITING",
+      space: "TOGGLE_SELECTION",
+      "ctrl+num_add": "SELECT_ALL",
+      "meta+a": "SELECT_ALL",
+      "ctrl+a": "SELECT_ALL",
+      "meta+x": "DESELECT_ALL",
+      "meta+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",
+      "meta+c": "COPY_2_CLIPBOARD",
+      "ctrl+c": "COPY_2_CLIPBOARD"
+    };
+  }
+}
+class gt {
+  constructor(e) {
+    this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
+  }
+  /**
+   * Adds a listener to the list of listeners.
+   *
+   * @param {OnActionTriggeredIf} listener - The listener to be added.
+   * @returns {void}
+   */
+  addListener(e) {
+    this.listener.includes(e) || this.listener.push(e);
+  }
+  /**
+   * Initializes the ShortcutService by assigning shortcut action id mappings based on the current operating system.
+   * Also adds key down event listener to the table host element.
+   */
+  init() {
+    this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
+  }
+  assignPredefinedSystemShortcutMappings() {
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new ht().get()) : Object.assign(this.shortcutActionIdMapping, new ct().get());
+  }
+  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.findEntity(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;
+  }
+  findEntity(e) {
+    const t = this.getTokenByEvent(e);
+    this.isDebug() && console.debug("ShortcutService tokens    :", t);
+    for (const s in this.shortcutActionIdMapping) {
+      const o = s.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[+ ]/g).sort();
+      if (this.areTokensEquals(t, o))
+        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();
+  }
+  /**
+   * Retrieves the shortcut action mapping object.
+   *
+   * @returns {ShortcutActionIdMapping} - The shortcut action mapping object.
+   */
+  getShortcutActionMapping() {
+    return this.shortcutActionIdMapping;
+  }
+}
+class fe {
+  onCheckboxChanged(e) {
+  }
+  onContextmenu(e) {
+  }
+  onModelChanged(e) {
+  }
+  onMouseClicked(e) {
+  }
+  onMouseDragging(e) {
+  }
+  onMouseDraggingEnd(e) {
+  }
+  onMouseMoved(e) {
+  }
+  onSelectionChanged(e) {
+  }
+  onFocusChanged(e) {
+  }
+}
+class Re {
+  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 ut {
+  render(e, t, s, o, i, r, n) {
+    if (i.isEditable(t, s)) {
+      n.addClass(e, "ge-table-row-input-div");
+      const a = i.getValueAt(t, s);
+      e.innerHTML = `
+            <input
+                type="text"
+                value="${a}"
+                autofocus
+                onfocus="this.setSelectionRange(0, this.value.length)"
+                data-listen="change"
+                data-area="${o}"
+                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 pt {
+  constructor(e = "none", t = "single") {
+    this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
+  }
+  getEventSelectionChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventSelectionChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventSelectionChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.silent || this.listenerArr.forEach((e) => e.onSelectionChanged(this));
+  }
+  firstClick(e, t) {
+    this.selectionType === "row" ? this.addRange(A.singleRow(e)) : this.selectionType === "column" && this.addRange(A.singleColumn(t));
+  }
+  getSelectionCount(e, t) {
+    let s = 0;
+    for (const o of this.ranges)
+      o.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, this.fireChangeEvent();
+  }
+  hasSelection() {
+    return this.allSelected || !!this.ranges.length;
+  }
+  hasNoSelection() {
+    return !this.hasSelection();
+  }
+  /**
+   * Retrieves the merged row indices from the given range selection.
+   *
+   * @returns {number[]} Array of merged row indices
+   */
+  getMergedRowIndices() {
+    const e = /* @__PURE__ */ new Set();
+    for (const t of this.ranges)
+      for (let s = t.r1; s <= t.r2; s++)
+        !e.has(s) && !this.isInNegativeRange(s, 0) && e.add(s);
+    return Array.from(e);
+  }
+  selectAll() {
+    this.allSelected = !0, this.fireChangeEvent();
+  }
+  isAllSelected() {
+    return this.allSelected;
+  }
+  addSelection(e) {
+    this.addRange(e), this.fireChangeEvent();
+  }
+  removeSelection(e) {
+    if (this.selectionType === "none")
+      return;
+    let t = e;
+    this.selectionType === "row" ? t = A.singleRow(e.r1) : this.selectionType === "column" && (t = A.singleColumn(e.c1)), this.negativeRanges.push(t), this.fireChangeEvent();
+  }
+  togglePoint(e, t) {
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(A.singleCell(e, t)) : this.addSelection(A.singleCell(e, t));
+  }
+  isSelected(e, t) {
+    return this.getSelectionCount(e, t) > 0;
+  }
+  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), this.fireChangeEvent());
+  }
+}
+class bt {
+  constructor(e = "none") {
+    this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1, this.listenerArr = [];
+  }
+  getEventFocusChangedListeners() {
+    return this.listenerArr;
+  }
+  addEventFocusChangedListener(e) {
+    this.listenerArr.includes(e) || this.listenerArr.push(e);
+  }
+  removeEventFocusChangedListener(e) {
+    const t = this.listenerArr.indexOf(e, 0);
+    t > -1 && this.listenerArr.splice(t, 1);
+  }
+  //@AvoidDoubleExecution(100)
+  fireChangeEvent() {
+    this.listenerArr.forEach((e) => e.onFocusChanged(this));
+  }
+  clearChanged() {
+    this.changed = !1;
+  }
+  hasChanged() {
+    return this.changed;
+  }
+  clear() {
+    this.rowIndex = -1, this.columnIndex = -1, this.fireChangeEvent();
+  }
+  setFocus(e, t) {
+    (this.rowIndex !== e || this.columnIndex !== t) && (this.rowIndex = e, this.columnIndex = t, this.changed = !0, this.fireChangeEvent());
+  }
+  hasFocus(e, t) {
+    return this.rowIndex === e && this.columnIndex === t;
+  }
+  getFocus() {
+    return [this.rowIndex, this.columnIndex];
+  }
+}
+class Te {
+  constructor(e = new F(
+    "❯",
+    "",
+    ["gt-table-icon-expanded"]
+  ), t = new F(
+    "❯",
+    "transform: rotate(180deg) translate(-100%, -100%); transform-origin: 0 0;",
+    ["ge-table-icon-collapsed"]
+  )) {
+    this.iconExpanded = e, this.iconCollapsed = t;
+  }
+  // `⊖ `,  `⊕ `;
+}
+const ft = new pt(), St = new bt("cell");
+class De {
+  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 Ae(), this.headerGroupOptions = new Te(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Me(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new ut(), this.getSelectionModel = () => ft, this.getFocusModel = () => St;
+  }
+}
+const P = class P {
+  /**
+   * Returns the content to be copied based on the provided table model, selection model, and focus model.
+   *
+   * @param {TableModelIf} tableModel - The table model for data retrieval.
+   * @param {SelectionModelIf} selectionModel - The selection model to determine the selected range.
+   * @param {FocusModelIf} focusModel - The focus model to determine the focused cell.
+   * @return {Promise<string>} A promise that resolves to the copied content as a string.
+   * @throws {string} Throws an error if neither selection nor focus is defined.
+   */
+  createContent(e, t, s) {
+    return new Promise((o, i) => {
+      if (t != null && t.hasSelection()) {
+        const r = this.mergeRanges(t.getRanges());
+        if (r) {
+          r.c2 = Math.min(r.c2, e.getColumnCount() - 1), r.r2 = Math.min(r.r2, e.getBodyModel().getRowCount() - 1);
+          const n = [];
+          for (let a = r.r1; a <= r.r2; a++) {
+            const c = [];
+            for (let d = r.c1; d <= r.c2; d++) {
+              const h = t.isSelected(a, d) ? e.getBodyModel().getTextValueAt(a, d) : "";
+              c.push(h);
+            }
+            n.push(c.join(P.columnSeparatorChar));
+          }
+          return o(n.join(P.rowSeparatorChar));
+        }
+      }
+      if (s) {
+        const [r, n] = s.getFocus(), a = e.getBodyModel().getTextValueAt(r, n);
+        return o(a);
+      }
+      i("Cannot copy, neither selection nor focus defined.");
+    });
+  }
+  /**
+   * Copy the provided content to the clipboard.
+   *
+   * @param {string} content - The content to be copied.
+   * @return {Promise<void>} A promise that resolves when the content has been successfully copied to the clipboard.
+   */
+  copyContent(e) {
+    return navigator.clipboard.writeText(e);
+  }
+  /**
+   * Asynchronously copies the content of a table to the clipboard.
+   *
+   * @param {TableModelIf} tableModel - The table model to copy from.
+   * @param {SelectionModelIf} selectionModel - The selection model of the table.
+   * @param {FocusModelIf} focusModel - The focus model of the table.
+   * @returns {Promise<string>} A promise that resolves with the copied text if successful, or rejects if an error occurs.
+   */
+  copyToClipboard(e, t, s) {
+    return new Promise((o, i) => {
+      this.createContent(
+        e,
+        t,
+        s
+      ).then((r) => {
+        r && this.copyContent(r).then((n) => {
+          o(r);
+        }).catch((n) => {
+          i();
+        });
+      }).catch((r) => {
+        i();
+      });
+    });
+  }
+  /**
+   * Merges an array of CellRanges into a single merged CellRange.
+   *
+   * @param {CellRange[]} ranges - The array of CellRanges to be merged.
+   * @return {CellRange | undefined} - The merged CellRange, or undefined if the ranges array is empty.
+   */
+  mergeRanges(e) {
+    let t;
+    for (const s of e)
+      t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new A(s.r1, s.c1, s.r2, s.c2);
+    return t;
+  }
+};
+P.columnSeparatorChar = "	", P.rowSeparatorChar = `
+`;
+let K = P;
+class he extends lt {
+  constructor(e, t, s, o, i, r = new K()) {
+    var c;
+    if (super(e, t, new Ye(s), o), this.eventListener = i, this.copyService = r, this.licenseManager = $.getInstance(), this.selectionService = new dt(this), this.api = new Je(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new fe()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
+      const d = this.tableOptions.autoRestoreOptions, h = d.getStorageKeyFn;
+      h && (d.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Qe(h)), d.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new et(h)), d.autoRestoreSortingState && (this.storeSortingService = new tt(h)));
+    }
+    this.mouseHandler = new qe(this), this.inputHandler = new nt(this), this.shortcutService = new gt(this), this.shortcutService.addListener(this.selectionService);
+    const n = this.getSelectionModel ? this.getSelectionModel() : void 0;
+    n && n.addEventSelectionChangedListener(this);
+    const a = this.getFocusModel ? this.getFocusModel() : void 0;
+    a && a.addEventFocusChangedListener(this);
+  }
+  /**
+   * 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.
+   * @param {CopyServiceIf} [copyService=new CopyService()] - The optional copy service object.
+   *
+   * @return {TableScope} - The newly created TableScope instance.
+   */
+  static create(e, t, s = new De(), o = new fe(), i = new Re(), r = new K()) {
+    return new he(e, t, i, s, o, r);
+  }
+  /**
+   * Triggers an action based on the provided actionId.
+   *
+   * This function can be invoked manually via the table API or by keyboard shortcuts.
+   *
+   * @param {ActionId} actionId - The identifier of the action to be triggered.
+   * @return {boolean} - Returns true if the action was triggered successfully, false otherwise.
+   */
+  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, o] = t.getFocus();
+        this.tableModel.getBodyModel().isEditable(s, o) && (this.clearSelection(), this.initRenderEditor(s, o));
+      }
+      return !0;
+    }
+    if (e === "COPY_2_CLIPBOARD") {
+      const t = this.getSelectionModel ? this.getSelectionModel() : void 0, s = this.getFocusModel ? this.getFocusModel() : void 0;
+      this.copyService.createContent(this.tableModel, t, s).then((o) => this.copyService.copyContent(o));
+    }
+    return !1;
+  }
+  updateModelValueAfterEdit(e, t, s, o) {
+    e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(ce.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 ne();
+    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 o = this.tableModel.getAreaModel(t.areaIdent);
+        t.rowTop = o.getYPosByRowIndex(t.rowIndex);
+      }
+      if (t.columnLeft = this.tableModel.getXPosByColumnIndex(t.columnIndex), e.ctrlKey && e.altKey) {
+        const o = e.clientY - this.hostElement.offsetTop - this.areaHeaderCenter.parent.clientHeight, i = e.clientX - this.hostElement.offsetLeft - this.areaBodyWestGeo.width;
+        this.debugOnce(i, o);
+      }
+    }
+    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.firstDraggingRendering = !0, this.dragFrom = this.mouseStartColumnIndex));
+  }
+  /**
+   * Handles mouse dragging on the frame.
+   *
+   * @param {GeMouseEvent} mouseEvent - The mouse event object.
+   * @param startMouseEvent
+   */
+  mouseDraggingOnFrame(e, t) {
+    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.lastDragFrom === this.dragTo && this.lastDragTo === this.dragFrom || (this.tableModel.changeColumnOrder(this.dragFrom, this.dragTo), this.lastDragFrom = this.dragFrom, this.lastDragTo = this.dragTo, this.dragFrom = this.dragTo, this.resetSizeOfWrapperDiv(), this.adjustContainersAndRows())), t && (this.adjustDraggingColumn(e, t.columnIndex, this.firstDraggingRendering), this.firstDraggingRendering = !1), 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.hideDraggingColumn(), this.repaint()), this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.firstDraggingRendering = !0, 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();
+    le(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 o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), r = i === void 0 || i === "semi" || i === "none";
+    o.setRowChecked(e, r), this.repaint();
+    const n = (a = o.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) {
+      this.resetEditorRenderer();
+      const o = this.getFocusModel();
+      o && (s = o.hasChanged(), o.clearChanged());
+    }
+    return s;
+  }
+  debounceRepaint() {
+    this.debounce(this.repaint.bind(this), 1);
+  }
+  publishGeMouseEvent(e) {
+    this.eventListener.onMouseClicked(e);
+  }
+  onFocusChanged(e) {
+    this.eventListener.onFocusChanged(e);
+  }
+  onSelectionChanged(e) {
+    this.eventListener.onSelectionChanged(e);
+  }
+  /**
+   * 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 i, r;
+    const o = this.tableModel.getColumnDef(s);
+    if (o != null && o.sortable && o.sortable()) {
+      e.preventDefault(), e.stopPropagation();
+      const n = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, a = o.sortState ?? "", c = n[(n.indexOf(a) + 1) % n.length], d = new rt(s, c);
+      this.tableModel.doSort([d]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((g) => g.sortState = ""), o.sortState = c), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([d]);
+    }
+  }
+  /**
+   * 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 o = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
+    this.scrollToPixel(0, o);
+  }
+  /**
+   * Sets the selection model for the table.
+   *
+   * @param {SelectionModel} sm - The selection model to be set.
+   * @param {boolean} rerender - Optional parameter indicating whether to rerender the table after setting the selection model. Default value is false.
+   *
+   * @return {void} - This method does not return any value.
+   */
+  setSelectionModel(e, t = !1) {
+    const s = () => e;
+    this.tableOptions.getSelectionModel = s, this.getSelectionModel = s, this.selectionService.getSelectionModel = s, t && this.repaint();
+  }
+  toggleHeaderGroup(e) {
+    const t = this.tableModel.getAreaModel("header");
+    "columnDefs" in this.tableModel && (this.tableModel.columnDefs = t.toggleHeaderGroup(e), console.info("####### !!!!!! *******, this.tableModel.columnDefs")), this.firstInit();
+  }
+  /**
+   * Retrieves the selection model.
+   * @returns {SelectionModelIf | undefined} The selection model if available, otherwise undefined.
+   */
+  selectionModel() {
+    if (this != null && this.getSelectionModel)
+      return this.getSelectionModel();
+  }
+  /**
+   * Retrieves the focus model.
+   *
+   * @returns {FocusModelIf | undefined} The focus model if it exists, or undefined otherwise.
+   */
+  focusModel() {
+    if (this != null && this.getFocusModel)
+      return this.getFocusModel();
+  }
+  setDragging(e) {
+    this.dragging = e, this.dragging ? (this.storeColumnWidths(), this.lastDragFrom = -1, this.lastDragTo = -1) : this.storedColumnWidths = [];
+  }
+  /**
+   * 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 [o, i] = s.getFocus();
+        return s.setFocus(o + t, i + 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.
+   *
+   *
+   * @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, o = s.getRowId;
+      if (s.autoRestoreCollapsedExpandedState && o) {
+        const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), r = this.tableModel.getAreaModel("body");
+        if (le(r)) {
+          const n = r, a = r.getRowCount();
+          for (let c = 0; c < a; c++) {
+            const d = r.getRowByIndex(c);
+            if (d)
+              if (i.allExpanded)
+                d.expanded = !0;
+              else if (i.allCollapsed)
+                d.expanded = !1;
+              else {
+                const h = o(d.data);
+                i.mode === "expanded" ? d.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : i.mode === "collapsed" && (d.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
+              }
+          }
+          n.recalcVisibleTreeRows();
+        }
+      }
+    }
+  }
+}
+const Y = class Y {
+};
+Y.themes = ["light", "combat", "paper", "blackboard"], Y.vars = {
+  light: `html[data-theme="light"] {
+  --ge-table-bg: rgba(255,255,255, 0.5);
+  --ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-center-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-header-west-text: #000;
+  --ge-table-header-center-text: #000;
+  --ge-table-header-east-text: #000;
+  --ge-table-header-west-horizontal-border: #ddd;
+  --ge-table-header-west-vertical-border: #ccc;
+  --ge-table-header-center-horizontal-border: #ddd;
+  --ge-table-header-center-vertical-border: #ccc;
+  --ge-table-header-east-horizontal-border: #ddd;
+  --ge-table-header-east-vertical-border: #ccc;
+  --ge-table-body-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-body-center-bg: rgba(255,255,255, 0.5);
+  --ge-table-body-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-body-west-text: #000;
+  --ge-table-body-center-text: #000;
+  --ge-table-body-east-text: #000;
+  --ge-table-body-west-horizontal-border: #ddd;
+  --ge-table-body-west-vertical-border: #ccc;
+  --ge-table-body-center-horizontal-border: #bbb;
+  --ge-table-body-center-vertical-border: #ddd;
+  --ge-table-body-east-horizontal-border: #ddd;
+  --ge-table-body-east-vertical-border: #ccc;
+  --ge-table-body-west-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-center-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-east-selected-range-bg: rgba(0, 152, 219, 0.4);
+  --ge-table-body-west-selected-range-text: #000;
+  --ge-table-body-center-selected-range-text: #000;
+  --ge-table-body-east-selected-range-text: #000;
+  --ge-table-footer-west-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-center-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-east-bg: rgba(233, 233, 233, 0.5);
+  --ge-table-footer-west-text: #000;
+  --ge-table-footer-center-text: #000;
+  --ge-table-footer-east-text: #000;
+  --ge-table-footer-west-horizontal-border: #ddd;
+  --ge-table-footer-west-vertical-border: #ccc;
+  --ge-table-footer-center-horizontal-border: #ddd;
+  --ge-table-footer-center-vertical-border: #ccc;
+  --ge-table-footer-east-horizontal-border: #ddd;
+  --ge-table-footer-east-vertical-border: #ccc;
+  --ge-table-border: #ccc;
+  --ge-table-row-odd-bg: transparent;
+  --ge-table-row-even-bg: transparent;
+  --ge-table-column-odd-bg: transparent;
+  --ge-table-column-even-bg: transparent;
+  --ge-table-hover-column-bg: rgba(0, 224, 255, 0.27);
+  --ge-table-hover-row-bg: rgba(0, 224, 255, 0.27);
+  --ge-table-focus-border: rgb(0, 255, 255);
+  --ge-table-color-error-text: #e00034;
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: rgb(0, 255, 255);
+  --ge-table-dragged-col-div-bg: lightcyan;
+  --ge-table-drop-zone-bg: rgba(244, 255, 242, 0.6);
+}`,
+  combat: `html[data-theme="combat"] {
+  --ge-table-bg: #101010;
+  --ge-table-header-west-bg: #101010;
+  --ge-table-header-center-bg: #101010;
+  --ge-table-header-east-bg: #101010;
+  --ge-table-header-west-text: oklch(100% 0 0);
+  --ge-table-header-center-text: oklch(100% 0 0);
+  --ge-table-header-east-text: oklch(100% 0 0);
+  --ge-table-header-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-bg: #101010;
+  --ge-table-body-center-bg: #101010;
+  --ge-table-body-east-bg: #101010;
+  --ge-table-body-west-text: #b6b4b4;
+  --ge-table-body-center-text: #b6b4b4;
+  --ge-table-body-east-text: #b6b4b4;
+  --ge-table-body-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-center-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-east-selected-range-bg: oklch(20% 0.2 39.6 / 37%);
+  --ge-table-body-west-selected-range-text: #f00032;
+  --ge-table-body-center-selected-range-text: #f00032;
+  --ge-table-body-east-selected-range-text: #f00032;
+  --ge-table-footer-west-bg: #101010;
+  --ge-table-footer-center-bg: #101010;
+  --ge-table-footer-east-bg: #101010;
+  --ge-table-footer-west-text: oklch(100% 0 0);
+  --ge-table-footer-center-text: oklch(100% 0 0);
+  --ge-table-footer-east-text: oklch(100% 0 0);
+  --ge-table-footer-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-border: oklch(100% 0 0 / 0%);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: oklch(34% 0.25 3.6 / 27%);
+  --ge-table-hover-row-bg: oklch(34% 0.25 3.6 / 27%);
+  --ge-table-focus-border: oklch(40% 0.25 3.6);
+  --ge-table-color-error-text: oklch(65% 0.31 43.2);
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(63% 0.31 43.2);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #101010;
+}`,
+  paper: `html[data-theme="paper"] {
+  --ge-table-bg: #e7e5df;
+  --ge-table-header-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-center-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-header-west-text: #111;
+  --ge-table-header-center-text: #111;
+  --ge-table-header-east-text: #111;
+  --ge-table-header-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-header-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-body-center-bg: #e7e5df;
+  --ge-table-body-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-body-west-text: #000;
+  --ge-table-body-center-text: #000;
+  --ge-table-body-east-text: #000;
+  --ge-table-body-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-body-west-selected-range-bg: #cfcdc2;
+  --ge-table-body-center-selected-range-bg: #cfcdc2;
+  --ge-table-body-east-selected-range-bg: #cfcdc2;
+  --ge-table-body-west-selected-range-text: #000;
+  --ge-table-body-center-selected-range-text: #000;
+  --ge-table-body-east-selected-range-text: #000;
+  --ge-table-footer-west-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-center-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-east-bg: oklch(80% 0.02 99 / 48%);
+  --ge-table-footer-west-text: #111;
+  --ge-table-footer-center-text: #111;
+  --ge-table-footer-east-text: #111;
+  --ge-table-footer-west-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-west-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-center-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-horizontal-border: oklch(100% 0 0 / 0%);
+  --ge-table-footer-east-vertical-border: oklch(100% 0 0 / 0%);
+  --ge-table-border: oklch(100% 0 0 / 0%);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: oklch(5% 0.2 266.40000000000003 / 9%);
+  --ge-table-hover-row-bg: oklch(5% 0.2 266.40000000000003 / 9%);
+  --ge-table-focus-border: oklch(100% 0.19 205.20000000000002);
+  --ge-table-color-error-text: oklch(45% 0.25 43.2);
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(100% 0.19 205.20000000000002 / 71%);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #e7e5df;
+}`,
+  blackboard: `html[data-theme="dark"] {
+  --ge-table-bg: #0c1021;
+  --ge-table-header-west-bg: #0c1021;
+  --ge-table-header-center-bg: #0c1021;
+  --ge-table-header-east-bg: #0c1021;
+  --ge-table-header-west-text: #e0df85;
+  --ge-table-header-center-text: #e0df85;
+  --ge-table-header-east-text: #e0df85;
+  --ge-table-header-west-horizontal-border: transparent;
+  --ge-table-header-west-vertical-border: transparent;
+  --ge-table-header-center-horizontal-border: transparent;
+  --ge-table-header-center-vertical-border: transparent;
+  --ge-table-header-east-horizontal-border: transparent;
+  --ge-table-header-east-vertical-border: transparent;
+  --ge-table-body-west-bg: #0c1021;
+  --ge-table-body-center-bg: #0c1021;
+  --ge-table-body-east-bg: #0c1021;
+  --ge-table-body-west-text: #a7a7a7;
+  --ge-table-body-center-text: #a7a7a7;
+  --ge-table-body-east-text: #a7a7a7;
+  --ge-table-body-west-horizontal-border: transparent;
+  --ge-table-body-west-vertical-border: transparent;
+  --ge-table-body-center-horizontal-border: transparent;
+  --ge-table-body-center-vertical-border: transparent;
+  --ge-table-body-east-horizontal-border: transparent;
+  --ge-table-body-east-vertical-border: transparent;
+  --ge-table-body-west-selected-range-bg: #758129;
+  --ge-table-body-center-selected-range-bg: #758129;
+  --ge-table-body-east-selected-range-bg: #758129;
+  --ge-table-body-west-selected-range-text: oklch(100% 0 0);
+  --ge-table-body-center-selected-range-text: oklch(100% 0 0);
+  --ge-table-body-east-selected-range-text: oklch(100% 0 0);
+  --ge-table-footer-west-bg: #0c1021;
+  --ge-table-footer-center-bg: #0c1021;
+  --ge-table-footer-east-bg: #0c1021;
+  --ge-table-footer-west-text: #e0df85;
+  --ge-table-footer-center-text: #e0df85;
+  --ge-table-footer-east-text: #e0df85;
+  --ge-table-footer-west-horizontal-border: transparent;
+  --ge-table-footer-west-vertical-border: transparent;
+  --ge-table-footer-center-horizontal-border: transparent;
+  --ge-table-footer-center-vertical-border: otransparent;
+  --ge-table-footer-east-horizontal-border: transparent;
+  --ge-table-footer-east-vertical-border: transparent;
+  --ge-table-border: oklch(0% 0 0);
+  --ge-table-row-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-row-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-odd-bg: oklch(100% 0 0 / 0%);
+  --ge-table-column-even-bg: oklch(100% 0 0 / 0%);
+  --ge-table-hover-column-bg: #a9a9a9;
+  --ge-table-hover-row-bg: #a9a9a9;
+  --ge-table-focus-border: #e1ff00;
+  --ge-table-color-error-text: #ff0040;
+  --ge-table-tree-arrow-collapsed-color: #e00034;
+  --ge-table-column-resize-handle-border: oklch(0% 0 0);
+  --ge-table-dragged-col-div-bg: #2c2e33;
+  --ge-table-drop-zone-bg: #758129;
+}`
+};
+let Se = Y;
+const U = class U {
+  constructor(e = new Te()) {
+    this.headerGroupOptions = e;
+  }
+  render(e, t, s, o, i, r, n) {
+    const a = r != null && r.data ? r.data : "";
+    if (r) {
+      const { toggle: c, visibility: d, closed: h } = r, g = c ? U.toggleHeaderGroup : "";
+      this.addText(e, o, t, s, a, g), c && d !== "always" && this.addArrowDiv(n, e, !h, t, s, o, g);
+    } else
+      this.addText(e, o, t, s, a, "");
+  }
+  addText(e, t, s, o, i, r) {
+    e.innerHTML = `<span 
+                data-ge-action="${r}"
+                data-area="${t}"
+                data-row-index="${s}"
+                data-col-index="${o}"
+                >${i}</span>`;
+  }
+  addArrowDiv(e, t, s = !0, o = -1, i = -1, r = "header", n) {
+    const a = e.createElement("div");
+    e.addClass(a, "ge-table-toggle-icon-div"), e.setStyle(a, "display", "inline-block"), e.setStyle(a, "position", ""), e.setStyle(a, "width", "20px"), e.setStyle(a, "background", "transparent"), e.setStyle(a, "cursor", "pointer"), e.setAttribute(a, "data-row-index", `${o}`), e.setAttribute(a, "data-col-index", `${i}`), e.setAttribute(a, "data-area", `${r}`), e.setAttribute(a, "data-ge-action", `${n}`);
+    let c;
+    s ? c = this.headerGroupOptions.iconExpanded : c = this.headerGroupOptions.iconCollapsed;
+    const d = c.content, h = e.createText(d);
+    e.appendChild(a, h), c.style && this.applyStyleString(e, a, c.style);
+    for (const g of c.classes)
+      e.addClass(a, g);
+    return e.appendChild(t, a), a;
+  }
+  applyStyleString(e, t, s) {
+    const o = s.split(";").map((i) => i.trim()).filter((i) => i);
+    for (const i of o) {
+      const [r, n] = i.split(":");
+      e.setStyle(t, r.trim(), n.trim());
+    }
+  }
+};
+U.toggleHeaderGroup = "toggleHeaderGroup";
+let me = U;
+var mt = /* @__PURE__ */ je("<div>");
+const wt = (l) => {
+  let e;
+  const t = Ee({
+    tableModel: null,
+    tableOptions: new De()
+  }, l);
+  return Le(() => {
+    const s = {
+      onSelectionChanged(r) {
+        const n = new CustomEvent("selectionChanged", {
+          detail: r,
+          bubbles: !0
+        });
+        e && e.dispatchEvent(n);
+      },
+      onFocusChanged(r) {
+        const n = new CustomEvent("focusChanged", {
+          detail: r,
+          bubbles: !0
+        });
+        e && e.dispatchEvent(n);
+      },
+      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);
+      }
+    }, o = new he(e, t.tableModel, new Re(), t.tableOptions, s);
+    o.firstInit();
+    const i = new CustomEvent("tableReady", {
+      detail: o.getApi(),
+      bubbles: !0
+    });
+    e && e.dispatchEvent(i), t.licenseKey && $.getInstance().setLicenseKey(t.licenseKey);
+  }), (() => {
+    var s = mt(), o = e;
+    return typeof o == "function" ? Xe(o, s) : e = s, s;
+  })();
+};
+export {
+  yt as ComponentRendererWrapper,
+  wt as GuiexpertTable,
+  vt as GuiexpertTableProps
+};