@guiexpert/table 1.1.15 → 1.1.17

package/index.js

@@ -29,7 +29,7 @@ function L(c) {
 function z(c) {
   return c && c.type === "AreaModelTree";
 }
-function Ce(c) {
+function ye(c) {
   return c && c.type === "CheckboxColumnDef";
 }
 class K {
@@ -83,7 +83,7 @@ class pe {
     this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = o;
   }
 }
-class ye {
+class ve {
   constructor(e) {
     this.domService = e;
   }
@@ -266,7 +266,7 @@ class ye {
   }
 }
 const U = (c) => c === "header" ? "header" : c === "footer" ? "footer" : "body";
-class ve {
+class Re {
   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"));
@@ -278,7 +278,7 @@ class ve {
     }
   }
 }
-class Re {
+class Ae {
   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))
@@ -308,7 +308,7 @@ class Re {
     if (t - this.lastClicked < this.doubleClickDelay)
       return;
     this.lastClicked = t;
-    const o = new ve(e.target, this.tableScope);
+    const o = new Re(e.target, this.tableScope);
     if (o.action === "toggleExpandCollapseAll")
       this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
     else if (o.action === "toggleHeaderGroup")
@@ -410,7 +410,7 @@ class Re {
     }
   }
 }
-class Ae {
+class Me {
   constructor(e) {
     this.tableScope = e;
   }
@@ -670,7 +670,7 @@ class q {
   //   }
   // }
 }
-class Me extends q {
+class Ee extends q {
   constructor(e) {
     super(e), this.SCROLL_STATE = "scrollState", this.scrollOffset = [0, 0], this.load();
   }
@@ -692,14 +692,14 @@ class Me extends q {
     }
   }
 }
-class Ee {
+class Ie {
   constructor(e = "collapsed", t = [], o = !1, s = !1) {
     this.mode = e, this.rowIds = t, this.allCollapsed = o, this.allExpanded = s;
   }
 }
-class Ie extends q {
+class ke extends q {
   constructor(e) {
-    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ee(), this.load();
+    super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new Ie(), this.load();
   }
   collapsedExpandedStateGet() {
     return this.collapsedExpandedState;
@@ -731,7 +731,7 @@ class Ie extends q {
     this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
   }
 }
-class ke extends q {
+class Te extends q {
   constructor(e) {
     super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
   }
@@ -746,8 +746,7 @@ class ke extends q {
     if (e) {
       const t = e();
       if (t) {
-        const o = t + this.SORTING_STATE;
-        let s = this.loadFromLocalStorage(o);
+        const o = t + this.SORTING_STATE, s = this.loadFromLocalStorage(o);
         this.sortItems = s || [];
       }
     }
@@ -758,7 +757,7 @@ class $ {
     this.left = e, this.width = t, this.height = o, this.top = s, this.index = i;
   }
 }
-class Te {
+class De {
   constructor(e, t, o, s) {
     this.hostElement = e, this.tableModel = t, this.dom = o, this.tableOptions = s, this.scrollTop = 0, this.areaBodyWestGeo = new $(), this.areaBodyCenterGeo = new $(), this.areaBodyEastGeo = new $();
     const i = this.hostElement;
@@ -964,7 +963,7 @@ class A {
     return e >= this.r1 && e <= this.r2 && t >= this.c1 && t <= this.c2;
   }
 }
-class De {
+class _e {
   constructor(e, t) {
     this.tableModel = e, this.areaModel = t, this.colAndRowspanRanges = void 0;
   }
@@ -1002,7 +1001,7 @@ class T {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class _e extends Te {
+class $e extends De {
   constructor(e, t, o, s) {
     var r, n;
     super(e, t, o, s), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
@@ -1012,7 +1011,7 @@ class _e extends Te {
     }, this.tree = !1, this.colAndRowspanModels = new T(), 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), z(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
       (l) => {
         var d;
-        this.colAndRowspanModels[l] = new De(t, t.getAreaModel(l)), (d = this.colAndRowspanModels[l]) == null || d.init();
+        this.colAndRowspanModels[l] = new _e(t, t.getAreaModel(l)), (d = this.colAndRowspanModels[l]) == null || d.init();
       }
     );
   }
@@ -1276,36 +1275,36 @@ class _e extends Te {
       const C = u, y = p === h - 1, R = this.tableModel.getRowHeight(e, p);
       if (C + R > 0) {
         this.firstVisibleRowIndex = p;
-        let x = { left: n, width: l, height: R, top: C, index: p }, S = this.dom.addRowDiv(s, x, p, e, "center");
+        let x = { left: n, width: l, height: R, top: C, index: p }, w = this.dom.addRowDiv(s, x, p, e, "center");
         const k = f;
         if (this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "center",
           areaModel: a,
           geo: x,
-          parent: S,
+          parent: w,
           rowIndex: p,
           columnIndexStart: k,
           columnIndexEnd: m - b - 1,
           verticalFixed: !1,
           lastRowOfModel: y
-        }), d.left > 0 && (x = { left: n, width: this.areaBodyWestGeo.width, height: R, top: C, index: p }, S = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
+        }), d.left > 0 && (x = { left: n, width: this.areaBodyWestGeo.width, height: R, top: C, index: p }, w = this.dom.addRowDiv(o, x, p, e, "west"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "west",
           areaModel: a,
           geo: x,
-          parent: S,
+          parent: w,
           rowIndex: p,
           columnIndexStart: 0,
           columnIndexEnd: k - 1,
           verticalFixed: !0,
           lastRowOfModel: y
-        })), d.right > 0 && (x = { left: n, width: this.areaBodyEastGeo.width, height: R, top: C, index: p }, S = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
+        })), d.right > 0 && (x = { left: n, width: this.areaBodyEastGeo.width, height: R, top: C, index: p }, w = this.dom.addRowDiv(i, x, p, e, "east"), this.adjustColumnsToRowParent({
           areaIdent: e,
           sideIdent: "east",
           areaModel: a,
           geo: x,
-          parent: S,
+          parent: w,
           rowIndex: p,
           columnIndexStart: m - b,
           columnIndexEnd: m - 1,
@@ -1314,7 +1313,7 @@ class _e extends Te {
         })), e === "header" && this.tree && p === h - 1) {
           const M = this.dom.applyStyle(
             this.dom.setAttribute(
-              this.dom.addDiv(S, new $(16, 20, 20, 8)),
+              this.dom.addDiv(w, new $(16, 20, 20, 8)),
               "data-ge-action",
               "toggleExpandCollapseAll"
             ),
@@ -1339,8 +1338,8 @@ class _e extends Te {
           else if (b > 0 && C.c1 >= m - b)
             R = i.child, x = "east";
           else {
-            const S = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
-            y = this.scrollFactorX * S - this.areaBodyWestGeo.width, x = "center";
+            const w = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
+            y = this.scrollFactorX * w - this.areaBodyWestGeo.width, x = "center";
           }
           this.drawBigCell(C, y, t, a, R, x);
         }
@@ -1455,15 +1454,15 @@ class _e extends Te {
         let y = s.height;
         const R = o.getRowspanAt(r, g), x = o.getColspanAt(r, g);
         R > 1 && (y = this.getRowHeights(r, r + R - 1, o).reduce((M, E) => M + E, 0));
-        let S = C;
-        x > 1 && (S = this.getColumnWidths(g, g + x - 1).reduce((M, E) => M + E, 0));
+        let w = C;
+        x > 1 && (w = this.getColumnWidths(g, g + x - 1).reduce((M, E) => M + E, 0));
         let k = !1;
         if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (f = this.colAndRowspanModels[e]) != null && f.isInRange(r, g) && (k = !0), this.draggingTargetColumnIndex === g && e !== "header") {
-          this.renderDragTargetDiv(i, p, u, S, y);
-          const M = { left: p, top: u, width: S, height: y };
+          this.renderDragTargetDiv(i, p, u, w, y);
+          const M = { left: p, top: u, width: w, height: y };
           this.dom.addColumnBorderDivs(this.tableOptions, i, M, e, t);
         } else {
-          const M = this.renderSelectedBackgroundDiv(k, m, t, o, r, g, i, p, u, S, y);
+          const M = this.renderSelectedBackgroundDiv(k, m, t, o, r, g, i, p, u, w, y);
           "gammaCells" in o && o.getValueAt(r, g) && (k = !1), k || this.renderCell({
             areaModel: o,
             areaIdent: e,
@@ -1472,7 +1471,7 @@ class _e extends Te {
             columnIndex: g,
             left: p,
             top: u,
-            width: S,
+            width: w,
             height: y,
             parent: i,
             cellSelected: M,
@@ -1483,7 +1482,7 @@ class _e extends Te {
             columnIndex: g,
             cellLeft: p,
             cellTop: u,
-            cellWidth: S,
+            cellWidth: w,
             cellHeight: y,
             parent: i
           });
@@ -1531,7 +1530,7 @@ class _e extends Te {
       const v = this.tableModel.getColumnDef(i);
       (!(v != null && v.sortIconVisible) || v != null && v.sortIconVisible()) && (C = v == null ? void 0 : v.sortState);
     }
-    const y = e.getValueAt(s, i), R = m ? "" : `${y}`, x = e.isRowChecked(s), S = this.dom.addColumnDiv(
+    const y = e.getValueAt(s, i), R = m ? "" : `${y}`, x = e.isRowChecked(s), w = this.dom.addColumnDiv(
       {
         parent: a,
         geo: b,
@@ -1546,22 +1545,22 @@ class _e extends Te {
         sortState: C
       }
     ), k = e.getTooltipAt(s, i);
-    k && this.dom.setAttribute(S, "title", k);
+    k && this.dom.setAttribute(w, "title", k);
     const M = this.tableModel.getColumnDef(i);
-    M && M.classes[t] && this.dom.addClasses(M.classes[t], S);
+    M && M.classes[t] && this.dom.addClasses(M.classes[t], w);
     let E;
-    m && (E = m.render(S, s, i, t, e, y, this.dom.domService));
+    m && (E = m.render(w, s, i, t, e, y, this.dom.domService));
     const B = e.getCustomClassesAt(s, i);
-    if (B.length && this.dom.addClasses(B, S), this.dom.addColumnBorderDivs(this.tableOptions, a, b, t, o), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: d + l }, a), this.getFocusModel && t === "body") {
+    if (B.length && this.dom.addClasses(B, w), this.dom.addColumnBorderDivs(this.tableOptions, a, b, t, o), h && this.dom.addHorizontalBorder({ left: r, width: n, height: l, top: d + l }, a), this.getFocusModel && t === "body") {
       const v = this.getFocusModel();
       v != null && v.hasFocus(s, i) && this.dom.addFocusBorderDivs(a, b, {});
     }
-    t === "header" && this.dom.setAttribute(S, "data-ge-action", "drag-column");
+    t === "header" && this.dom.setAttribute(w, "data-ge-action", "drag-column");
     const G = e.getCustomStyleAt(s, i);
     if (G)
       for (const v in G)
-        this.dom.setStyle(S, v, G[v]);
-    return [S, E];
+        this.dom.setStyle(w, v, G[v]);
+    return [w, E];
   }
   /**
    * Applies CSS classes to an HTML element.
@@ -1744,8 +1743,8 @@ class _e extends Te {
         R && R.classes[t] && this.dom.addClasses(R.classes[t], p), this.dom.addColumnBorderDivs(this.tableOptions, l, u, t, s);
         const x = i.getCustomStyleAt(d, n);
         if (x)
-          for (const S in x)
-            this.dom.setStyle(p, S, x[S]);
+          for (const w in x)
+            this.dom.setStyle(p, w, x[w]);
         o = o + h;
       }
     }
@@ -1880,12 +1879,12 @@ class _e extends Te {
     l.setAttribute(a, "data-col-index", `${t}`), l.setAttribute(a, "data-row-index", `${e}`), l.setAttribute(a, "data-area", "header"), l.setAttribute(a, "data-ge-action", "resize-column"), l.addClass(a, "ge-table-column-resize-handle"), l.setStyle(a, "display", "clip"), l.setStyle(a, "position", "absolute"), l.setStyle(a, "cursor", "col-resize"), l.setStyle(a, "left", `${o + i - d}px`), l.setStyle(a, "top", `${s}px`), l.setStyle(a, "width", `${d}px`), l.setStyle(a, "height", `${r}px`), l.appendChild(n, a);
   }
 }
-class $e {
+class Oe {
   constructor(e, t) {
     this.columnIndex = e, this.sortState = t;
   }
 }
-class Oe {
+class Fe {
   constructor(e) {
     this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
   }
@@ -1907,7 +1906,7 @@ class Oe {
     }
   }
 }
-class Fe {
+class Pe {
   constructor(e = -1, t = -1) {
     this.rowIndex = e, this.columnIndex = t;
   }
@@ -1917,10 +1916,10 @@ class J {
     this.cells = e;
   }
   static createSingle(e, t) {
-    return new J([new Fe(e, t)]);
+    return new J([new Pe(e, t)]);
   }
 }
-class Pe {
+class Le {
   constructor(e) {
     var t, o;
     this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (o = this.tableScope.tableOptions) != null && o.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
@@ -1930,7 +1929,7 @@ class Pe {
     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) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0));
+      u && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.eventListener.onFocusChanged(m), 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) : (n = e.originalEvent) != null && n.altKey && ((l = e.originalEvent) != null && l.ctrlKey || (d = e.originalEvent) != null && d.metaKey) ? (u.removeSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (a = e.originalEvent) != null && a.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (u.addSelection(A.singleCell(e.rowIndex, e.columnIndex)), s = !0, o = !0) : (u.firstClick(e.rowIndex, e.columnIndex), o = !0), this.tableScope.eventListener.onSelectionChanged(u));
     }
     return s ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), o;
   }
@@ -1961,7 +1960,7 @@ class Pe {
     });
   }
 }
-class Le {
+class He {
   get() {
     return {
       f2: "START_EDITING",
@@ -1981,7 +1980,7 @@ class Le {
     };
   }
 }
-class He {
+class Ve {
   get() {
     return {
       f2: "START_EDITING",
@@ -2003,7 +2002,7 @@ class He {
     };
   }
 }
-class Ve {
+class Be {
   constructor(e) {
     this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
   }
@@ -2024,7 +2023,7 @@ class Ve {
     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 He().get()) : Object.assign(this.shortcutActionIdMapping, new Le().get());
+    this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Ve().get()) : Object.assign(this.shortcutActionIdMapping, new He().get());
   }
   isMacintosh() {
     return navigator.platform.indexOf("Mac") > -1;
@@ -2091,8 +2090,12 @@ class oe {
   }
   onMouseMoved(e) {
   }
+  onSelectionChanged(e) {
+  }
+  onFocusChanged(e) {
+  }
 }
-class Be {
+class We {
   setStyle(e, t, o) {
     return e.style[t] = o, e;
   }
@@ -2119,7 +2122,7 @@ class Be {
     e.setAttribute(t, o);
   }
 }
-class We {
+class Ge {
   render(e, t, o, s, i, r, n) {
     if (i.isEditable(t, o)) {
       n.addClass(e, "ge-table-row-input-div");
@@ -2140,7 +2143,7 @@ class We {
     }
   }
 }
-class Ge {
+class be {
   constructor(e = "none", t = "single") {
     this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
@@ -2166,7 +2169,22 @@ class Ge {
     this.ranges = [], this.negativeRanges = [], this.allSelected = !1;
   }
   hasSelection() {
-    return !!this.ranges.length;
+    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 o = t.r1; o <= t.r2; o++)
+        !e.has(o) && !this.isInNegativeRange(o, 0) && e.add(o);
+    return Array.from(e);
   }
   selectAll() {
     this.allSelected = !0;
@@ -2189,18 +2207,6 @@ class Ge {
   isSelected(e, t) {
     return this.getSelectionCount(e, t) > 0;
   }
-  /**
-   * Retrieves the merged row indices from the given range selection.
-   *
-   * @returns {number[]} Array of merged row indices
-   */
-  getMergedRowIndices() {
-    const e = [];
-    for (const t of this.ranges)
-      for (let o = t.r1; o <= t.r2; o++)
-        !e.includes(o) && !this.isInNegativeRange(o, 0) && e.push(o);
-    return e;
-  }
   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));
   }
@@ -2242,14 +2248,14 @@ class Q {
   }
   // `⊖ `,  `⊕ `;
 }
-const ze = new Ge(), je = new Ne("cell");
+const ze = new be(), je = new Ne("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 ge(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new pe(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new We(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
+    }, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new ge(), this.headerGroupOptions = new Q(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new pe(), this.sortOrder = ["asc", "desc"], this.getEditRenderer = (e, t) => new Ge(), this.getSelectionModel = () => ze, this.getFocusModel = () => je;
   }
 }
 const Z = class X {
@@ -2338,19 +2344,19 @@ Z.columnSeparatorChar = "	";
 Z.rowSeparatorChar = `
 `;
 let se = Z;
-class be extends _e {
+class fe extends $e {
   constructor(e, t, o, s, i, r = new se()) {
     var n;
     if (super(
       e,
       t,
-      new ye(o),
+      new ve(o),
       s
-    ), this.eventListener = i, this.copyService = r, this.licenseManager = P.getInstance(), this.selectionService = new Pe(this), this.api = new Ae(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 oe()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
+    ), this.eventListener = i, this.copyService = r, this.licenseManager = P.getInstance(), this.selectionService = new Le(this), this.api = new Me(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 oe()), (n = this.tableOptions) != null && n.autoRestoreOptions) {
       const l = this.tableOptions.autoRestoreOptions, d = l.getStorageKeyFn;
-      d && (l.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Me(d)), l.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new Ie(d)), l.autoRestoreSortingState && (this.storeSortingService = new ke(d)));
+      d && (l.autoRestoreScrollPosition && (this.storeScrollPosStateService = new Ee(d)), l.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ke(d)), l.autoRestoreSortingState && (this.storeSortingService = new Te(d)));
     }
-    this.mouseHandler = new Re(this), this.inputHandler = new Oe(this), this.shortcutService = new Ve(this), this.shortcutService.addListener(this.selectionService);
+    this.mouseHandler = new Ae(this), this.inputHandler = new Fe(this), this.shortcutService = new Be(this), this.shortcutService.addListener(this.selectionService);
   }
   /**
    * Creates a TableScope instance.
@@ -2360,11 +2366,12 @@ class be extends _e {
    * @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, o = new j(), s = new oe(), i = new Be(), r = new se()) {
-    return new be(
+  static create(e, t, o = new j(), s = new oe(), i = new We(), r = new se()) {
+    return new fe(
       e,
       t,
       i,
@@ -2562,7 +2569,7 @@ class be extends _e {
     const s = this.tableModel.getColumnDef(o);
     if (s != null && s.sortable && s.sortable()) {
       e.preventDefault(), e.stopPropagation();
-      const n = s.sortStatesOrder ? s.sortStatesOrder : this.tableOptions.sortOrder, l = s.sortState ?? "", d = n[(n.indexOf(l) + 1) % n.length], a = new $e(o, d);
+      const n = s.sortStatesOrder ? s.sortStatesOrder : this.tableOptions.sortOrder, l = s.sortState ?? "", d = n[(n.indexOf(l) + 1) % n.length], a = new Oe(o, d);
       this.tableModel.doSort([a]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((u) => u.sortState = ""), s.sortState = d), this.repaint(), (r = this.storeSortingService) == null || r.setSortItems([a]);
     }
   }
@@ -2728,10 +2735,10 @@ class be extends _e {
     }
   }
 }
-class fe {
+class me {
 }
-fe.themes = ["light", "combat", "paper", "blackboard"];
-fe.vars = {
+me.themes = ["light", "combat", "paper", "blackboard"];
+me.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);
@@ -3001,14 +3008,14 @@ class H {
     this.header = e, this.body = t, this.footer = o;
   }
 }
-class w {
+class S {
   constructor(e = 100, t = "px") {
     this.value = e, this.unit = t;
   }
 }
 const Xe = () => !0, re = () => !1;
 class V {
-  constructor(e, t, o = new w(100, "px"), s = new T(), i = new T(), r = new w(100, "px"), n = new w(100, "px"), l, d, a, h, u, m, b, f, g = () => this.visible) {
+  constructor(e, t, o = new S(100, "px"), s = new T(), i = new T(), r = new S(100, "px"), n = new S(100, "px"), l, d, a, h, u, m, b, f, g = () => this.visible) {
     this.property = e, this.headerLabel = t, this.width = o, this.classes = s, this.rendererMap = i, this.minWidth = r, this.maxWidth = n, this.sortable = l, this.sortComparator = d, this.sortState = a, this.sortStatesOrder = h, this.sortIconVisible = u, this.editable = m, this.getEditRenderer = b, this.editInputPipe = f, this.isVisible = g, this.visible = !0;
   }
   static bodyRenderer(e) {
@@ -3031,11 +3038,11 @@ class V {
     return new V(
       e.property ?? "",
       e.headerLabel ?? "",
-      e.width ?? new w(100, "px"),
+      e.width ?? new S(100, "px"),
       o,
       t,
-      e.minWidth ?? new w(100, "px"),
-      e.maxWidth ?? new w(100, "px"),
+      e.minWidth ?? new S(100, "px"),
+      e.maxWidth ?? new S(100, "px"),
       e.sortable,
       e.sortComparator,
       e.sortState,
@@ -3048,7 +3055,7 @@ class V {
     );
   }
 }
-const tt = new w(300, "px"), ot = new w(290, "px"), st = new w(280, "px"), it = new w(270, "px"), rt = new w(260, "px"), lt = new w(250, "px"), nt = new w(240, "px"), at = new w(230, "px"), dt = new w(220, "px"), ht = new w(210, "px"), le = new w(200, "px"), ct = new w(190, "px"), ut = new w(180, "px"), gt = new w(170, "px"), pt = new w(160, "px"), bt = new w(150, "px"), ft = new w(140, "px"), mt = new w(130, "px"), wt = new w(120, "px"), St = new w(110, "px"), xt = new w(100, "px"), Ct = new w(90, "px"), yt = new w(80, "px"), vt = new w(70, "px"), Rt = new w(60, "px"), At = new w(50, "px"), Mt = new w(40, "px"), Et = new w(30, "px"), It = new w(20, "px"), kt = new w(10, "px"), Tt = new w(0, "px");
+const tt = new S(300, "px"), ot = new S(290, "px"), st = new S(280, "px"), it = new S(270, "px"), rt = new S(260, "px"), lt = new S(250, "px"), nt = new S(240, "px"), at = new S(230, "px"), dt = new S(220, "px"), ht = new S(210, "px"), le = new S(200, "px"), ct = new S(190, "px"), ut = new S(180, "px"), gt = new S(170, "px"), pt = new S(160, "px"), bt = new S(150, "px"), ft = new S(140, "px"), mt = new S(130, "px"), St = new S(120, "px"), wt = new S(110, "px"), xt = new S(100, "px"), Ct = new S(90, "px"), yt = new S(80, "px"), vt = new S(70, "px"), Rt = new S(60, "px"), At = new S(50, "px"), Mt = new S(40, "px"), Et = new S(30, "px"), It = new S(20, "px"), kt = new S(10, "px"), Tt = new S(0, "px");
 class ee {
   constructor(e, t = [], o = -1) {
     this.areaIdent = e, this.columnDefs = t, this.defaultRowHeight = o, this.rowSelectionModel = void 0, this.yPositions = [], this.cellRenderers = t.map((s) => s.rendererMap[e]);
@@ -3256,7 +3263,7 @@ class Ye {
     return e.parent ? e.parent.expanded ? this.isVisible(e.parent) : !1 : !0;
   }
 }
-class me {
+class Se {
   genericSortComparator(e, t, o) {
     if (typeof e == "number" && typeof t == "number")
       return o * (e - t);
@@ -3276,7 +3283,7 @@ class me {
 }
 class ne extends ee {
   constructor(e, t, o, s = []) {
-    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.type = "AreaModelTree", this.sorterService = new me(), this.service = new Ye(), this.properties = s.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
+    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.type = "AreaModelTree", this.sorterService = new Se(), this.service = new Ye(), this.properties = s.map((i) => i.property), this.flattenRows = this.service.flattenTree(t), this.filteredFlattenRows = [...this.flattenRows];
   }
   changeColumnOrder(e, t) {
     this.arrayMove(this.properties, e, t), super.changeColumnOrder(e, t);
@@ -3478,7 +3485,7 @@ class N {
   constructor(e, t, o, s = 0, i = 0, r = !1, n = new H(), l = [], d = [], a = -1, h = 0, u = 400, m = () => {
   }) {
     var b, f, g, p;
-    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = s, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = d, this.overridingColumnWidth = a, this.columnCount = h, this.parentSize = u, this.getSelectionModel = m, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new de(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 : (f = this.columnSizes) != null && f.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (p = this.columnDefs) != null && p.length && Ce(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ke());
+    this.headerAreaModel = e, this.bodyAreaModel = t, this.footerAreaModel = o, this.fixedLeftColumnCount = s, this.fixedRightColumnCount = i, this.rowCheckboxVisible = r, this.defaultRowHeights = n, this.columnDefs = l, this.columnSizes = d, this.overridingColumnWidth = a, this.columnCount = h, this.parentSize = u, this.getSelectionModel = m, this.rowCount = 0, this.contentHeightInPx = 0, this.contentWidthInPx = 0, this.padding = new de(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 : (f = this.columnSizes) != null && f.length && (this.columnCount = (g = this.columnSizes) == null ? void 0 : g.length)), (p = this.columnDefs) != null && p.length && ye(this.columnDefs[0]) && !t.rowSelectionModel && (t.rowSelectionModel = new Ke());
   }
   init() {
     this.recalcSize(this.parentSize), this.overridingColumnWidth === -1 && this.calcXPositions(), this.headerAreaModel && this.headerAreaModel.init(), this.bodyAreaModel && this.bodyAreaModel.init(), this.footerAreaModel && this.footerAreaModel.init();
@@ -3831,7 +3838,7 @@ class N {
 }
 class Ue extends ee {
   constructor(e, t, o, s = []) {
-    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.sorterService = new me(), this.filteredRows = [...t], this.properties = s.map((i) => i.property);
+    super(e, s, o), this.areaIdent = e, this.rows = t, this.defaultRowHeight = o, this.columnDefs = s, this.sorterService = new Se(), this.filteredRows = [...t], this.properties = s.map((i) => i.property);
   }
   setRows(e) {
     this.rows = e, this.filteredRows = [...e];
@@ -3880,8 +3887,7 @@ class Ue extends ee {
     };
   }
   getPropertyValue(e, t) {
-    const o = t.shift();
-    let s = e[o];
+    const o = t.shift(), s = e[o];
     return s && t.length ? this.getPropertyValue(s, t) : s;
   }
 }
@@ -4154,7 +4160,7 @@ class ce {
 }
 class Wt {
   constructor() {
-    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new w(50, "px"), this.minWidth = new w(50, "px"), this.maxWidth = new w(100, "px"), this.rendererMap = new T(new ce(), new ce(), void 0), this.classes = new T(
+    this.type = "CheckboxColumnDef", this.property = "CheckboxColumn", this.headerLabel = "", this.width = new S(50, "px"), this.minWidth = new S(50, "px"), this.maxWidth = new S(100, "px"), this.rendererMap = new T(new ce(), new ce(), void 0), this.classes = new T(
       [],
       ["ge-table-text-align-left"],
       []
@@ -4453,14 +4459,14 @@ class Xt {
     return !1;
   }
 }
-const we = class Se {
+const we = class xe {
   constructor(e = new Q()) {
     this.headerGroupOptions = e;
   }
   render(e, t, o, s, i, r, n) {
     const l = r != null && r.data ? r.data : "";
     if (r) {
-      const { toggle: d, visibility: a, closed: h } = r, u = d ? Se.toggleHeaderGroup : "";
+      const { toggle: d, visibility: a, closed: h } = r, u = d ? xe.toggleHeaderGroup : "";
       this.addText(e, s, t, o, l, u), d && a !== "always" && this.addArrowDiv(n, e, !h, t, o, s, u);
     } else
       this.addText(e, s, t, o, l, "");
@@ -4838,12 +4844,12 @@ class no {
 const ao = function(c, e, t) {
   return c ? Number(c) : "";
 };
-class xe {
+class Ce {
   constructor(e) {
     this.options = e;
   }
   static create(e) {
-    return new xe(
+    return new Ce(
       e.map((t) => new Je(t, t))
     );
   }
@@ -4872,7 +4878,55 @@ class xe {
     }
   }
 }
-class ho {
+class ho extends be {
+  constructor(e) {
+    super("row", "multi"), this.model = e;
+  }
+  /**
+   * Retrieves the selected rows from an array of all table rows.
+   *
+   * @param {T[]} allrows - The array of all rows from the table model.
+   * @returns {T[]} - The selected rows from the given array.
+   */
+  getSelectedRowItems(e) {
+    const t = this.getMergedRowIndices();
+    return this.isAllSelected() ? e : e.filter((o, s) => t.includes(s));
+  }
+  /**
+   * Selects the specified row.
+   *
+   * @param {number} rowIndex - The index of the row to be selected.
+   */
+  selectRow(e) {
+    this.addRange(A.singleRow(e));
+  }
+  /**
+   * Unselects the specified row.
+   *
+   * @param {number} rowIndex - The index of the row to be unselected.
+   * @return {void}
+   */
+  unselectRow(e) {
+    this.removeSelection(A.singleRow(e));
+  }
+  /**
+   * Toggles the selection of items based on current selection state.
+   */
+  toggleSelection() {
+    this.isAllSelected() ? this.clear() : this.hasNoSelection() ? this.selectAll() : this.toggleSelection();
+  }
+  /**
+   * Toggles the selection state of a row.
+   *
+   * @param {number} rowIndex - The index of the row to toggle.
+   *
+   * @return {void}
+   */
+  toggleRow(e) {
+    this.isSelected(e, 0) ? this.unselectRow(e) : this.selectRow(e);
+  }
+}
+class co {
   constructor(e, t, o) {
     this.r = e, this.g = t, this.b = o;
   }
@@ -4894,7 +4948,7 @@ class W {
     return e < t.middleValue ? W.getTwoColorGradientRGB(e, new ue(t.minValue, t.minColor, t.middleValue, t.middleColor)) : e > t.middleValue ? W.getTwoColorGradientRGB(e, new ue(t.middleValue, t.middleColor, t.maxValue, t.maxColor)) : `rgb(${t.middleColor.r}, ${t.middleColor.g}, ${t.middleColor.b})`;
   }
 }
-class co {
+class uo {
   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;
   }
@@ -4906,8 +4960,8 @@ export {
   D as AreaModelArrayOfArrays,
   Yt as AreaModelCellGroups,
   _ as AreaModelHidden,
+  Ue as AreaModelObjectArray,
   he as AreaModelObjectArrayWithColumndefs,
-  Ue as AreaModelObjectyArray,
   ne as AreaModelTree,
   T as AreaObjectMap,
   jt as AutoRestoreOptions,
@@ -4921,23 +4975,23 @@ export {
   Wt as CheckboxColumnDef,
   Ke as CheckboxModel,
   $t as ChunkData,
-  De as ColAndRowspanModel,
-  Ee as CollapsedExpandedData,
-  ho as ColorRgb,
+  _e as ColAndRowspanModel,
+  Ie as CollapsedExpandedData,
+  co as ColorRgb,
   V as ColumnDef,
-  ye as ConvenienceDomService,
+  ve as ConvenienceDomService,
   se as CopyService,
-  fe as CssVars,
+  me as CssVars,
   Qt as DateToIntlDDMMYYYYCellRenderer,
   Jt as DateToIsoCellRenderer,
   Zt as DateToLocaleDateCellRenderer,
   so as DateToTecCellRenderer,
   H as DefaultRowHeights,
-  Te as EleScope,
+  De as EleScope,
   oe as EventAdapter,
   re as FalseFn,
   Ne as FocusModel,
-  Fe as GeCellIndices,
+  Pe as GeCellIndices,
   W as GeCssColorUtil,
   Kt as GeFilterService,
   Nt as GeKeyEvent,
@@ -4946,41 +5000,42 @@ export {
   $ as GeoData,
   O as Icon,
   Ot as IndexAndPx,
-  We as InputCellRenderer,
-  Oe as InputHandler,
+  Ge as InputCellRenderer,
+  Fe as InputHandler,
   P as LicenseManager,
   eo as MaleFemaleToIconCellRenderer,
-  Re as MouseHandler,
-  ve as MouseTargetData,
+  Ae as MouseHandler,
+  Re as MouseTargetData,
+  ho as MultiRowsSelectionModel,
   to as NumberCellProgressBarCellRenderer,
   io as NumberCellRenderer,
-  He as OsxShortcutActionIdMapping,
+  Ve as OsxShortcutActionIdMapping,
   de as Padding,
   no as PositiveAndNegativeNumberRenderer,
   lo as ProgressBarCellRenderer,
-  _e as RenderScope,
+  $e as RenderScope,
   Ut as Renderer,
   qe as RequestChunk,
-  xe as SelectCellRenderer,
-  Ge as SelectionModel,
-  Pe as SelectionService,
-  Ve as ShortcutService,
-  Be as SimpleDomService,
-  w as Size,
-  $e as SortItem,
+  Ce as SelectCellRenderer,
+  be as SelectionModel,
+  Le as SelectionService,
+  Be as ShortcutService,
+  We as SimpleDomService,
+  S as Size,
+  Oe as SortItem,
   pe as SortedOptions,
   ro as StarRatingCellRenderer,
-  Ie as StoreStateCollapsedExpandService,
-  Me as StoreStateScrollPosService,
-  ke as StoreStateSortingService,
-  Ae as TableApi,
+  ke as StoreStateCollapsedExpandService,
+  Ee as StoreStateScrollPosService,
+  Te as StoreStateSortingService,
+  Me as TableApi,
   zt as TableCellUpdateEvent,
   F as TableFactory,
   N as TableModel,
   _t as TableModelAndOptions,
   j as TableOptions,
-  be as TableScope,
-  co as ThreeColorGradientArg,
+  fe as TableScope,
+  uo as ThreeColorGradientArg,
   ae as TreeCheckboxModel,
   Y as TreeFactory,
   ge as TreeOptions,
@@ -4990,7 +5045,7 @@ export {
   Xe as TrueFn,
   ue as TwoColorGradientArg,
   Je as ValueLabel,
-  Le as WindowsShortcutActionIdMapping,
+  He as WindowsShortcutActionIdMapping,
   Dt as actionIds,
   Vt as allCenter,
   Ht as allLeft,
@@ -5001,13 +5056,13 @@ export {
   ao as editInputPipeForNumber,
   U as getAreaIdentByString,
   z as isAreaModelTree,
-  Ce as isCheckboxColumnDef,
+  ye as isCheckboxColumnDef,
   L as isTreeRow,
   Tt as px0,
   kt as px10,
   xt as px100,
-  St as px110,
-  wt as px120,
+  wt as px110,
+  St as px120,
   mt as px130,
   ft as px140,
   bt as px150,