@guiexpert/table 1.1.5 → 1.1.7

package/index.js

@@ -241,8 +241,9 @@ class me {
     return this.domService.addClass(s, o), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${e.left}px`), this.domService.setStyle(s, "top", `${e.top}px`), this.domService.setStyle(s, "width", `${e.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.appendChild(t, s), s;
   }
   addFocusBorderDivs(e, t, o) {
+    t = { ...t, width: t.width + 1, height: t.height + 1 };
     let s = this.domService.createElement("div");
-    return this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.applyStyle(s, o), this.domService.appendChild(e, s), e;
+    return this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", "1px"), this.domService.setStyle(s, "height", `${t.height}px`), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), s = this.domService.createElement("div"), this.domService.addClass(s, "ge-table-focus-border"), this.domService.setStyle(s, "display", "clip"), this.domService.setStyle(s, "position", "absolute"), this.domService.setStyle(s, "left", `${t.left}px`), this.domService.setStyle(s, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(s, "width", `${t.width}px`), this.domService.setStyle(s, "height", "1px"), this.domService.setStyle(s, "z-index", "9999"), this.applyStyle(s, o), this.domService.appendChild(e, s), e;
   }
   addVerticalBorder(e, t, o = "ge-table-body-center-vertical-border") {
     const s = this.domService.createElement("div");
@@ -279,7 +280,7 @@ class we {
 }
 class Se {
   constructor(e) {
-    this.tableScope = e, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
+    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))
     );
   }
@@ -303,22 +304,26 @@ class Se {
    * @return {void}
    */
   onHostElementClicked(e) {
-    const t = new we(e.target, this.tableScope);
-    if (t.action === "toggleExpandCollapseAll")
+    const t = Date.now();
+    if (t - this.lastClicked < this.doubleClickDelay)
+      return;
+    this.lastClicked = t;
+    const o = new we(e.target, this.tableScope);
+    if (o.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
-    else if (t.inputType === "checkbox" && t.areaIdent)
-      this.tableScope.toggleRowCheckbox(t.rowIdx, t.colIdx, t.areaIdent), e.preventDefault(), e.stopPropagation();
-    else if (O(t.row) && t.areaModel) {
-      const o = t.colIdx === this.getArrowColumnIndex() && e.altKey, s = t.className.includes("ge-table-tree-arrow-div");
-      if (console.info(s, o), o || s) {
+    else if (o.inputType === "checkbox" && o.areaIdent)
+      this.tableScope.toggleRowCheckbox(o.rowIdx, o.colIdx, o.areaIdent), e.preventDefault(), e.stopPropagation();
+    else if (O(o.row) && o.areaModel) {
+      const s = o.colIdx === this.getArrowColumnIndex() && e.altKey, i = o.className.includes("ge-table-tree-arrow-div");
+      if (console.info(i, s), s || i) {
         e.preventDefault(), e.stopPropagation();
-        const i = t.row;
-        i.expanded = !i.expanded, "recalcVisibleTreeRows" in t.areaModel && t.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(i);
+        const r = o.row;
+        r.expanded = !r.expanded, "recalcVisibleTreeRows" in o.areaModel && o.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(r);
       }
     }
-    if (t.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
-      const o = this.tableScope.tableOptions.getFocusModel();
-      o == null || o.clear(), o == null || o.setFocus(t.rowIdx, t.colIdx);
+    if (o.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
+      const s = this.tableScope.tableOptions.getFocusModel();
+      s == null || s.clear(), s == null || s.setFocus(o.rowIdx, o.colIdx);
     }
     this.publishGeMouseEvent(e, 1);
   }
@@ -329,7 +334,7 @@ class Se {
    * @param {MouseEvent} event - The double click event.
    */
   onHostElementDblClicked(e) {
-    if (e.target instanceof HTMLElement) {
+    if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
       const t = e.target, o = t.getAttribute("data-area"), s = Y(o), i = Number(t.getAttribute("data-row-index")), r = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(s);
       if (o && s === "header")
         this.tableScope.tableModel.isSortable(r) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, r));
@@ -354,7 +359,7 @@ class Se {
    */
   publishGeMouseEvent(e, t) {
     var o;
-    this.mouseEvent = e, this.geMouseEventOld = (o = this.geMouseEvent) == null ? void 0 : o.clone(), this.geMouseEvent = this.tableScope.createGeMouseEvent(e), this.geMouseEvent && (this.geMouseEvent.clickCount = t), this.tableScope.onMouseClicked(this.geMouseEvent, this.geMouseEventOld);
+    this.mouseEvent = e, this.geMouseEventOld = (o = this.geMouseEvent) == null ? void 0 : o.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.
@@ -509,6 +514,26 @@ class xe {
   repaint() {
     this.tableScope.repaint();
   }
+  /**
+   * 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);
+  }
 }
 class U {
   constructor(e) {
@@ -824,7 +849,7 @@ class Ae {
     this.dom.setStyle(this.contentWrapperDiv, "width", e), this.dom.setStyle(this.contentWrapperDiv, "height", t);
   }
 }
-class M {
+class R {
   /**
    * Represents a constructor for a class.
    * @constructor
@@ -838,7 +863,7 @@ class M {
     this.r1 = e, this.c1 = t, this.r2 = o, this.c2 = s, this.gammaRange = i;
   }
   static create(e) {
-    return e.gammaRange === void 0 && (e.gammaRange = !1), new M(
+    return e.gammaRange === void 0 && (e.gammaRange = !1), new R(
       e.rowIndex1,
       e.columnIndex1,
       e.rowIndex2,
@@ -847,13 +872,13 @@ class M {
     );
   }
   static singleCell(e, t) {
-    return new M(e, t, e, t);
+    return new R(e, t, e, t);
   }
   static singleRow(e) {
-    return new M(e, 0, e, Number.MAX_SAFE_INTEGER);
+    return new R(e, 0, e, Number.MAX_SAFE_INTEGER);
   }
   static singleColumn(e) {
-    return new M(0, e, Number.MAX_SAFE_INTEGER, e);
+    return new R(0, e, Number.MAX_SAFE_INTEGER, e);
   }
   isInRange(e, t) {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
@@ -875,7 +900,7 @@ class Ee {
           i === 0 && (i = 1), r === 0 && (r = 1);
           const l = this.areaModel.hasOwnProperty("gammaCells");
           this.colAndRowspanRanges.push(
-            new M(o, s, o + r - 1, s + i - 1, l)
+            new R(o, s, o + r - 1, s + i - 1, l)
           );
         }
       }
@@ -917,10 +942,17 @@ class Me extends Ae {
   resetEditorRenderer() {
     this.editorRenderer = void 0, this.editorRendererRow = -1, this.editorRendererColumn = -1, this.editing = !1;
   }
-  clearSelection() {
+  /**
+   * 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 e = this.getSelectionModel();
-      e == null || e.clear();
+      const t = this.getSelectionModel();
+      t == null || t.clear(), e && this.repaint();
     }
   }
   initRenderEditor(e, t) {
@@ -1037,11 +1069,11 @@ class Me extends Ae {
     let u = t;
     const m = this.tableModel.getColumnCount(), b = this.tableModel.getFixedRightColumnCount(), w = this.tableModel.getFixedLeftColumnCount();
     for (let p = 0; p < c; p++) {
-      const R = u, C = p === c - 1, v = this.tableModel.getRowHeight(e, p);
-      if (R + v > 0) {
+      const A = u, C = p === c - 1, v = this.tableModel.getRowHeight(e, p);
+      if (A + v > 0) {
         this.firstVisibleRowIndex = p;
-        let x = { left: l, width: n, height: v, top: R, index: p }, y = this.dom.addRowDiv(s, x, p, e, "center");
-        const A = w;
+        let x = { left: l, width: n, height: v, top: A, index: p }, y = this.dom.addRowDiv(s, x, p, e, "center");
+        const E = w;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
@@ -1049,11 +1081,11 @@ class Me extends Ae {
           geo: x,
           parent: y,
           rowIndex: p,
-          columnIndexStart: A,
+          columnIndexStart: E,
           columnIndexEnd: m - b - 1,
           verticalFixed: !1,
           lastRowOfModel: C
-        }), d.left > 0 && (x = { left: l, width: this.areaBodyWestGeo.width, height: v, top: R, index: p }, y = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
+        }), d.left > 0 && (x = { left: l, width: this.areaBodyWestGeo.width, height: v, top: A, index: p }, y = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: a,
@@ -1061,10 +1093,10 @@ class Me extends Ae {
           parent: y,
           rowIndex: p,
           columnIndexStart: 0,
-          columnIndexEnd: A - 1,
+          columnIndexEnd: E - 1,
           verticalFixed: !0,
           lastRowOfModel: C
-        })), d.right > 0 && (x = { left: l, width: this.areaBodyEastGeo.width, height: v, top: R, index: p }, y = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
+        })), d.right > 0 && (x = { left: l, width: this.areaBodyEastGeo.width, height: v, top: A, index: p }, y = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: a,
@@ -1076,7 +1108,7 @@ class Me extends Ae {
           verticalFixed: !0,
           lastRowOfModel: C
         })), e === "header" && this.tree && p === c - 1) {
-          const E = this.dom.applyStyle(
+          const M = this.dom.applyStyle(
             this.dom.setAttribute(
               this.dom.addDiv(y, new $(16, 20, 20, 8)),
               "data-ge-action",
@@ -1086,7 +1118,7 @@ class Me extends Ae {
           ), k = this.tableOptions.treeOptions.arrowExpandCollapseAll;
           if (k) {
             const B = this.dom.domService.createText(k.content);
-            this.dom.domService.appendChild(E, B), k.style && this.dom.applyStyleString(E, k.style);
+            this.dom.domService.appendChild(M, B), k.style && this.dom.applyStyleString(M, k.style);
           }
         }
       }
@@ -1096,17 +1128,17 @@ class Me extends Ae {
     if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
       const p = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
       if (p.length)
-        for (const R of p) {
+        for (const A of p) {
           let C = 0, v = s.child, x = "center";
-          if (R.c1 < w)
+          if (A.c1 < w)
             v = o.child, x = "west";
-          else if (b > 0 && R.c1 >= m - b)
+          else if (b > 0 && A.c1 >= m - b)
             v = i.child, x = "east";
           else {
             const y = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
             C = this.scrollFactorX * y - this.areaBodyWestGeo.width, x = "center";
           }
-          this.drawBigCell(R, C, t, a, v, x);
+          this.drawBigCell(A, C, t, a, v, x);
         }
     }
   }
@@ -1198,21 +1230,21 @@ class Me extends Ae {
     const u = 0, m = !!(e === "body" && t);
     let b = c;
     for (let g = l; g <= n; g++) {
-      const p = b, R = this.tableModel.getColumnWidth(g);
-      if (R > 0 && p + R > 0) {
+      const p = b, A = this.tableModel.getColumnWidth(g);
+      if (A > 0 && p + A > 0) {
         let C = s.height;
         const v = o.getRowspanAt(r, g), x = o.getColspanAt(r, g);
-        v > 1 && (C = this.getRowHeights(r, r + v - 1, o).reduce((E, k) => E + k, 0));
-        let y = R;
-        x > 1 && (y = this.getColumnWidths(g, g + x - 1).reduce((E, k) => E + k, 0));
-        let A = !1;
-        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (w = this.colAndRowspanModels[e]) != null && w.isInRange(r, g) && (A = !0), this.draggingTargetColumnIndex === g && e !== "header") {
+        v > 1 && (C = this.getRowHeights(r, r + v - 1, o).reduce((M, k) => M + k, 0));
+        let y = A;
+        x > 1 && (y = this.getColumnWidths(g, g + x - 1).reduce((M, k) => M + k, 0));
+        let E = !1;
+        if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (w = this.colAndRowspanModels[e]) != null && w.isInRange(r, g) && (E = !0), this.draggingTargetColumnIndex === g && e !== "header") {
           this.renderDragTargetDiv(i, p, u, y, C);
-          const E = { left: p, top: u, width: y, height: C };
-          this.dom.addColumnBorderDivs(this.tableOptions, i, E, e, t);
+          const M = { left: p, top: u, width: y, height: C };
+          this.dom.addColumnBorderDivs(this.tableOptions, i, M, e, t);
         } else {
-          const E = this.renderSelectedBackgroundDiv(A, m, t, o, r, g, i, p, u, y, C);
-          A || this.renderCell({
+          const M = this.renderSelectedBackgroundDiv(E, m, t, o, r, g, i, p, u, y, C);
+          E || this.renderCell({
             areaModel: o,
             areaIdent: e,
             sideIdent: t,
@@ -1223,7 +1255,7 @@ class Me extends Ae {
             width: y,
             height: C,
             parent: i,
-            cellSelected: E,
+            cellSelected: M,
             lastRowOfModel: a,
             gammaRange: !0
           }), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
@@ -1237,7 +1269,7 @@ class Me extends Ae {
           });
         }
       }
-      if (b = b + R, b > this.areaBodyCenterGeo.width)
+      if (b = b + A, b > this.areaBodyCenterGeo.width)
         break;
     }
     this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new $(b - 1, 1, s.height, 0), i);
@@ -1271,7 +1303,7 @@ class Me extends Ae {
       const S = this.tableModel.getColumnDef(i);
       (!(S != null && S.sortIconVisible) || S != null && S.sortIconVisible()) && (C = S == null ? void 0 : S.sortState);
     }
-    const v = e.getValueAt(s, i), x = b ? "" : `${v}`, y = e.isRowChecked(s), A = this.dom.addColumnDiv(
+    const v = e.getValueAt(s, i), x = b ? "" : `${v}`, y = e.isRowChecked(s), E = this.dom.addColumnDiv(
       a,
       w,
       s,
@@ -1283,23 +1315,23 @@ class Me extends Ae {
       this.tableOptions,
       y,
       C
-    ), E = e.getTooltipAt(s, i);
-    E && this.dom.setAttribute(A, "title", E);
+    ), M = e.getTooltipAt(s, i);
+    M && this.dom.setAttribute(E, "title", M);
     const k = this.tableModel.getColumnDef(i);
-    k && k.classes[t] && this.dom.addClasses(k.classes[t], A);
+    k && k.classes[t] && this.dom.addClasses(k.classes[t], E);
     let B;
-    b && (B = b.render(A, s, i, t, e, v, this.dom.domService));
+    b && (B = b.render(E, s, i, t, e, v, this.dom.domService));
     const Q = e.getCustomClassesAt(s, i);
-    if (Q.length && this.dom.addClasses(Q, A), this.dom.addColumnBorderDivs(this.tableOptions, a, w, t, o), c && this.dom.addHorizontalBorder({ left: r, width: l, height: n, top: d + n }, a), this.getFocusModel && t === "body") {
+    if (Q.length && this.dom.addClasses(Q, E), this.dom.addColumnBorderDivs(this.tableOptions, a, w, t, o), c && this.dom.addHorizontalBorder({ left: r, width: l, height: n, top: d + n }, a), this.getFocusModel && t === "body") {
       const S = this.getFocusModel();
       S != null && S.hasFocus(s, i) && this.dom.addFocusBorderDivs(a, w, {});
     }
-    t === "header" && this.dom.setAttribute(A, "data-ge-action", "drag-column");
+    t === "header" && this.dom.setAttribute(E, "data-ge-action", "drag-column");
     const G = e.getCustomStyleAt(s, i);
     if (G)
       for (const S in G)
-        this.dom.setStyle(A, S, G[S]);
-    return [A, B];
+        this.dom.setStyle(E, S, G[S]);
+    return [E, B];
   }
   applyCssClasses(e, t = {}) {
     e && Object.entries(t).forEach(([o, s]) => {
@@ -1486,7 +1518,7 @@ class De {
     let o = !1, s = !1;
     if (this.getSelectionModel && this.getFocusModel) {
       const u = this.getSelectionModel(), m = this.getFocusModel();
-      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), o = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (l = e.originalEvent) != null && l.ctrlKey || (n = e.originalEvent) != null && n.metaKey ? (u.addSelection(M.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (d = e.originalEvent) != null && d.altKey && ((a = e.originalEvent) != null && a.ctrlKey || (c = e.originalEvent) != null && c.metaKey) && (u.removeSelection(M.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0));
+      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), o = !0), (i = e.originalEvent) != null && i.shiftKey || u.hasSelection() && (u.clear(), o = !0), (r = e.originalEvent) != null && r.shiftKey && this.previousEvt ? (u.addSelection(this.createRangeByEvents(e, this.previousEvt)), s = !0, o = !0) : (l = e.originalEvent) != null && l.altKey && ((n = e.originalEvent) != null && n.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(R.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (c = e.originalEvent) != null && c.metaKey ? (u.addSelection(R.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0));
     }
     return s ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
   }
@@ -1509,7 +1541,7 @@ class De {
   createRangeByEvents(e, t) {
     t || (t = e);
     const o = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), s = 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 M.create({
+    return R.create({
       rowIndex1: o,
       columnIndex1: i,
       rowIndex2: s,
@@ -1589,7 +1621,7 @@ class Fe {
     const t = this.getTokenByEvent(e);
     this.isDebug() && console.debug("ShortcutService tokens:", t);
     for (const o in this.shortcutActionIdMapping) {
-      const s = o.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[\+ ]/g).sort();
+      const s = o.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[+ ]/g).sort();
       if (this.areTokensEquals(t, s))
         return this.shortcutActionIdMapping[o];
     }
@@ -1675,6 +1707,9 @@ class Oe {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
+  firstClick(e, t) {
+    this.selectionType === "row" ? this.addRange(R.singleRow(e)) : this.selectionType === "column" && this.addRange(R.singleColumn(t));
+  }
   getSelectionCount(e, t) {
     let o = 0;
     for (const s of this.ranges)
@@ -1706,16 +1741,16 @@ class Oe {
     if (this.selectionType === "none")
       return;
     let t = e;
-    this.selectionType === "row" ? t = M.singleRow(e.r1) : this.selectionType === "column" && (t = M.singleColumn(e.c1)), this.negativeRanges.push(t);
+    this.selectionType === "row" ? t = R.singleRow(e.r1) : this.selectionType === "column" && (t = R.singleColumn(e.c1)), this.negativeRanges.push(t);
   }
   togglePoint(e, t) {
-    this.getSelectionCount(e, t) > 0 ? this.removeSelection(M.singleCell(e, t)) : this.addSelection(M.singleCell(e, t));
+    this.getSelectionCount(e, t) > 0 ? this.removeSelection(R.singleCell(e, t)) : this.addSelection(R.singleCell(e, t));
   }
   addRange(e) {
     this.selectionType !== "none" && (this.allSelected = !1, this.selectionMode === "single" && (this.ranges = []), this.selectionType === "row" ? (e.c1 = 0, e.c2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "column" ? (e.r1 = 0, e.r2 = Number.MAX_SAFE_INTEGER) : this.selectionType === "cell" ? (e.r2 = e.r1, e.c2 = e.c1) : this.selectionType, this.ranges.push(e));
   }
 }
-class Ve {
+class He {
   constructor(e = "none") {
     this.selectionType = e, this.rowIndex = -1, this.columnIndex = -1, this.changed = !1;
   }
@@ -1738,14 +1773,14 @@ class Ve {
     return [this.rowIndex, this.columnIndex];
   }
 }
-const He = new Oe(), Be = new Ve("cell");
+const Ve = new Oe(), Be = new He("cell");
 class j {
   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 he(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new ce(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new Pe(), this.getSelectionModel = () => He, this.getFocusModel = () => Be;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new he(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new ce(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new Pe(), this.getSelectionModel = () => Ve, this.getFocusModel = () => Be;
   }
 }
 class ue extends Me {
@@ -1922,10 +1957,17 @@ class ue extends Me {
   onMouseClicked(e, t) {
     let o = this.selectionService.onMouseClicked(e, t);
     if (!o && this.getFocusModel) {
+      this.resetEditorRenderer();
       const s = this.getFocusModel();
-      s && (o = s.hasChanged(), s.clearChanged(), o && this.resetEditorRenderer());
+      s && (o = s.hasChanged(), s.clearChanged());
     }
-    this.eventListener.onMouseClicked(e), o && this.debounce(this.repaint.bind(this), 10);
+    return o;
+  }
+  debounceRepaint() {
+    this.debounce(this.repaint.bind(this), 1);
+  }
+  publishGeMouseEvent(e) {
+    this.eventListener.onMouseClicked(e);
   }
   /**
    * Updates the table (repaint) when an external filter is changed.
@@ -1996,8 +2038,6 @@ class ue extends Me {
   /**
    * Restores the scroll position of the table if auto restore options are enabled.
    *
-   * @private
-   * @memberof ClassName
    *
    * @returns {void}
    */
@@ -2082,6 +2122,18 @@ class ue extends Me {
     const s = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
     this.scrollToPixel(0, s);
   }
+  /**
+   * 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 o = () => e;
+    this.tableOptions.getSelectionModel = o, this.getSelectionModel = o, this.selectionService.getSelectionModel = o, t && this.repaint();
+  }
 }
 class ge {
 }
@@ -2351,7 +2403,7 @@ class X {
     return o;
   }
 }
-class V {
+class H {
   constructor(e = 34, t = 34, o = 34) {
     this.header = e, this.body = t, this.footer = o;
   }
@@ -2362,7 +2414,7 @@ class f {
   }
 }
 const We = () => !0, oe = () => !1;
-class H {
+class V {
   constructor(e, t, o = new f(100, "px"), s = new T(), i = new T(), r = new f(100, "px"), l = new f(100, "px"), n, d, a, c, u, m, b, w, g = () => this.visible) {
     this.property = e, this.headerLabel = t, this.width = o, this.classes = s, this.rendererMap = i, this.minWidth = r, this.maxWidth = l, this.sortable = n, this.sortComparator = d, this.sortState = a, this.sortStatesOrder = c, this.sortIconVisible = u, this.editable = m, this.getEditRenderer = b, this.editInputPipe = w, this.isVisible = g, this.visible = !0;
   }
@@ -2383,7 +2435,7 @@ class H {
       e.bodyClasses,
       e.footerClasses
     ), s = e.sortIconVisible ?? e.sortable ?? oe, i = e.editable ?? e.editable ?? oe, r = e.isVisible ?? e.isVisible ?? We;
-    return new H(
+    return new V(
       e.property ?? "",
       e.headerLabel ?? "",
       e.width ?? new f(100, "px"),
@@ -2822,7 +2874,7 @@ class Ne {
   }
 }
 class N {
-  constructor(e, t, o, s = 0, i = 0, r = !1, l = new V(), n = [], d = [], a = -1, c = 0, u = 400, m = () => {
+  constructor(e, t, o, s = 0, i = 0, r = !1, l = new H(), n = [], d = [], a = -1, c = 0, u = 400, m = () => {
   }) {
     var b, w, g, p;
     this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = s, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = l, this.columnDefs = n, this.columnSizes = d, this.overridingColumnWidth = a, this.columnCount = c, this.parentSize = u, this.getSelectionModel = m, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new le(0, 0, 0, 0), this.xPositions = [], e.areaIdent = "header", t.areaIdent = "body", o.areaIdent = "footer", this.columnCount || ((b = this.columnDefs) != null && b.length ? this.columnCount = this.columnDefs.length : (w = this.columnSizes) != null && w.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (p = this.columnDefs) != null && p.length && fe(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ne());
@@ -3240,7 +3292,7 @@ class L {
       if ((t = e.tableOptions) != null && t.defaultRowHeights)
         e.defaultRowHeights = e.tableOptions.defaultRowHeights;
       else {
-        if (e.defaultRowHeights = new V(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
+        if (e.defaultRowHeights = new H(), e.headerAreaModel && "defaultRowHeight" in e.headerAreaModel) {
           const g = e.headerAreaModel.defaultRowHeight;
           g > -1 && (e.defaultRowHeights.header = g);
         }
@@ -3253,7 +3305,7 @@ class L {
           g > -1 && (e.defaultRowHeights.footer = g);
         }
       }
-    if (e.columnDefs === void 0 && ((o = e.properties) != null && o.length ? e.columnDefs = e.properties.map((g) => new H(g, g.toUpperCase(), se)) : (s = e.rows) != null && s.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new H(g, g.toUpperCase(), se)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (l = e.columnSizes) != null && l.length ? e.columnCount = (n = e.columnSizes) == null ? void 0 : n.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((d = e.headerData) != null && d.length ? e.headerAreaModel = new D(
+    if (e.columnDefs === void 0 && ((o = e.properties) != null && o.length ? e.columnDefs = e.properties.map((g) => new V(g, g.toUpperCase(), se)) : (s = e.rows) != null && s.length ? e.columnDefs = Object.keys(e.rows[0]).map((g) => new V(g, g.toUpperCase(), se)) : e.columnDefs = []), e.columnCount === void 0 && ((i = e.columnDefs) != null && i.length ? e.columnCount = e.columnDefs.length : (r = e.headerData) != null && r.length ? e.columnCount = e.headerData[0].length : (l = e.columnSizes) != null && l.length ? e.columnCount = (n = e.columnSizes) == null ? void 0 : n.length : console.warn('Property "columnCount" is missing and cannot be derived from other properties.')), e.headerAreaModel || ((d = e.headerData) != null && d.length ? e.headerAreaModel = new D(
       "header",
       e.headerData,
       e.defaultRowHeights.header,
@@ -3356,12 +3408,12 @@ class L {
       e.fixedLeftColumnCount ?? 0,
       e.fixedRightColumnCount ?? 0,
       t,
-      e.defaultRowHeights ?? new V(),
+      e.defaultRowHeights ?? new H(),
       e.columnDefs ?? [],
       e.columnSizes ?? []
     );
   }
-  static createByAreaModels(e = new _(), t, o = new _(), s = 0, i = 0, r = !1, l = new V(), n, d = [], a = -1, c) {
+  static createByAreaModels(e = new _(), t, o = new _(), s = 0, i = 0, r = !1, l = new H(), n, d = [], a = -1, c) {
     return new N(
       e,
       t,
@@ -3391,7 +3443,7 @@ class L {
       e.columnCount ?? 0
     );
   }
-  static createByObjectArray(e, t = [], o = [], s = 0, i = 0, r = !1, l = new V(), n, d = []) {
+  static createByObjectArray(e, t = [], o = [], s = 0, i = 0, r = !1, l = new H(), n, d = []) {
     let a;
     t != null && t.length ? a = new D("header", t, l.header, n) : n != null && n.length ? a = new D("header", [n.map((m) => m.headerLabel)], l.header, n) : a = new _();
     const c = o ? new D("footer", o, l.footer, n) : new _(), u = new ne("body", e, n, l.body);
@@ -3514,12 +3566,12 @@ class Ot {
     );
   }
 }
-class Vt {
+class Ht {
   constructor(e = "down", t) {
     this.status = e, this.originalEvent = t;
   }
 }
-class Ht {
+class Vt {
   constructor(e, t, o, s, i = {}) {
     this.area = e, this.rowIndex = t, this.columnIndex = o, this.value = s, this.cssClasses = i;
   }
@@ -3648,7 +3700,7 @@ class I {
   static buildColumnDefs(e, t = []) {
     for (const o of e)
       o.property && t.push(
-        H.create({
+        V.create({
           property: o.property,
           headerLabel: o.data ? o.data : o.property,
           isVisible: () => typeof o.isVisible == "function" ? o.isVisible() : !0
@@ -4111,7 +4163,27 @@ class to {
     }
   }
 }
-const oo = function(h, e, t) {
+class oo {
+  render(e, t, o, s, i, r, l) {
+    if (r) {
+      e.innerHTML = `
+          <div 
+            class="ge-table-label-div" 
+            data-row-index=${t}" 
+            data-col-index="${o}" 
+            data-area="${s}" 
+            style="position: relative; background: transparent; width: 100%; height: 100%;">
+            <div 
+              class="ge-table-label"  
+              data-row-index="${t}" 
+              data-col-index="${o}" 
+              data-area="${s}">${r}</div></div>`;
+      const n = Number(r);
+      n > 0 ? l.addClass(e, "ge-positive-text-color") : n < 0 && l.addClass(e, "ge-negative-text-color");
+    }
+  }
+}
+const so = function(h, e, t) {
   return h ? Number(h) : "";
 };
 class pe {
@@ -4148,7 +4220,7 @@ class pe {
     }
   }
 }
-class so {
+class io {
   constructor(e, t, o) {
     this.r = e, this.g = t, this.b = o;
   }
@@ -4170,7 +4242,7 @@ class W {
     return e < t.middleValue ? W.getTwoColorGradientRGB(e, new de(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? W.getTwoColorGradientRGB(e, new de(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
-class io {
+class ro {
   constructor(e, t, o, s, i, r) {
     this.minValue = e, this.minColor = t, this.middleValue = o, this.middleColor = s, this.maxValue = i, this.maxColor = r;
   }
@@ -4190,7 +4262,7 @@ export {
   Ke as CellGroup,
   Ye as CellGroupExt,
   Ue as CellGroupExtCellRenderer,
-  M as CellRange,
+  R as CellRange,
   I as CellgroupFactory,
   jt as CheckboxBooleanPropertyCellRenderer,
   ae as CheckboxCellRenderer,
@@ -4199,23 +4271,23 @@ export {
   kt as ChunkData,
   Ee as ColAndRowspanModel,
   Ce as CollapsedExpandedData,
-  so as ColorRgb,
-  H as ColumnDef,
+  io as ColorRgb,
+  V as ColumnDef,
   me as ConvenienceDomService,
   ge as CssVars,
   Kt as DateToIntlDDMMYYYYCellRenderer,
   Xt as DateToIsoCellRenderer,
   Yt as DateToLocaleDateCellRenderer,
   Qt as DateToTecCellRenderer,
-  V as DefaultRowHeights,
+  H as DefaultRowHeights,
   Ae as EleScope,
   ee as EventAdapter,
   oe as FalseFn,
-  Ve as FocusModel,
+  He as FocusModel,
   Te as GeCellIndices,
   W as GeCssColorUtil,
   Nt as GeFilterService,
-  Vt as GeKeyEvent,
+  Ht as GeKeyEvent,
   q as GeModelChangeEvent,
   K as GeMouseEvent,
   $ as GeoData,
@@ -4231,6 +4303,7 @@ export {
   Zt as NumberCellRenderer,
   $e as OsxShortcutActionIdMapping,
   le as Padding,
+  oo as PositiveAndNegativeNumberRenderer,
   to as ProgressBarCellRenderer,
   Me as RenderScope,
   zt as Renderer,
@@ -4248,13 +4321,13 @@ export {
   ye as StoreStateScrollPosService,
   Re as StoreStateSortingService,
   xe as TableApi,
-  Ht as TableCellUpdateEvent,
+  Vt as TableCellUpdateEvent,
   L as TableFactory,
   N as TableModel,
   Mt as TableModelAndOptions,
   j as TableOptions,
   ue as TableScope,
-  io as ThreeColorGradientArg,
+  ro as ThreeColorGradientArg,
   re as TreeCheckboxModel,
   X as TreeFactory,
   he as TreeOptions,
@@ -4272,7 +4345,7 @@ export {
   Dt as bodyCenter,
   Tt as bodyLeft,
   _t as bodyRight,
-  oo as editInputPipeForNumber,
+  so as editInputPipeForNumber,
   Y as getAreaIdentByString,
   z as isAreaModelTree,
   fe as isCheckboxColumnDef,