@marimo-team/islands 0.14.11-dev2 → 0.14.11-dev21

package/dist/{data-editor-Coz_zrsX.js → data-editor-C8yM5wyh.js}

@@ -1,5 +1,5 @@
 var _a2;
-import { F as g, b as x, G as mr, H as Fl, J as bl, j as Zt, K as Pl, M as Dl, P as El } from "./main-DLuap1gp.js";
+import { G as g, b as x, H as mr, J as Fl, K as bl, j as Zt, M as Pl, O as Dl, P as El } from "./main-D9-48wlP.js";
 var Ut = class {
   constructor() {
     this.allSyncListeners = /* @__PURE__ */ new Map(), this.allAsyncListeners = /* @__PURE__ */ new Map(), this.globalSyncListeners = /* @__PURE__ */ new Set(), this.globalAsyncListeners = /* @__PURE__ */ new Set(), this.asyncFunctionsQueue = [], this.scheduled = false, this.firedEvents = {};
@@ -144,7 +144,7 @@ function Ee(e) {
 function Pi(e) {
   return e != null && typeof e.toString == "function" ? e.toString() : null;
 }
-function St(e) {
+function yt(e) {
   if (e === void 0)
     return;
   if (e === null || e === "")
@@ -239,7 +239,7 @@ function Ol(e) {
   const t = e.get("detailRowHeight");
   return Mi(t) ? { height: t, estimated: false } : { height: 300, estimated: false };
 }
-function yt(e) {
+function Rt(e) {
   const { environment: t } = e, s = e.get("rowHeight");
   if (!s || N(s))
     return t.getDefaultRowHeight();
@@ -253,7 +253,7 @@ function hs(e, t, s) {
   const i = t[e.getDomDataKey()];
   return i ? i[s] : void 0;
 }
-function Pt(e, t, s, i) {
+function Dt(e, t, s, i) {
   const o = e.getDomDataKey();
   let r = t[o];
   N(r) && (r = {}, t[o] = r), r[s] = i;
@@ -407,7 +407,7 @@ function Xi(e) {
   }
   return (t == null ? void 0 : t.mode) === "multiRow" ? t.groupSelects : void 0;
 }
-function Dt(e) {
+function Et(e) {
   const t = Xi(e);
   return t === "descendants" || t === "filteredDescendants";
 }
@@ -449,7 +449,7 @@ function _s(e, t, s) {
 function Mr(e, t, s) {
   Ul(e, t), t.slice().reverse().forEach((i) => _s(e, i, s));
 }
-function Rt(e, t) {
+function Ft(e, t) {
   return e.indexOf(t) > -1;
 }
 function Kl(e) {
@@ -507,7 +507,7 @@ function Yl(e) {
   return t.path ? t.path : t.composedPath ? t.composedPath() : ql(t);
 }
 function Ql(e, t, s, i) {
-  const r = Rt($l, s) ? { passive: true } : void 0;
+  const r = Ft($l, s) ? { passive: true } : void 0;
   e && e.addEventListener && e.addEventListener(t, s, i, r);
 }
 var F = class {
@@ -993,7 +993,7 @@ var to = class extends F {
   }
   calculateColInitialWidth(e) {
     let t;
-    const s = St(e.width), i = St(e.initialWidth);
+    const s = yt(e.width), i = yt(e.initialWidth);
     return s != null ? t = s : i != null ? t = i : t = 200, Math.max(Math.min(t, this.maxWidth), this.minWidth);
   }
   isEmptyGroup() {
@@ -1543,9 +1543,9 @@ var to = class extends F {
     return (_a3 = this.dataTypeService) == null ? void 0 : _a3.addColumnListeners(n), n;
   }
   applyColumnState(e, t, s) {
-    const i = St(t.flex);
+    const i = yt(t.flex);
     if (i !== void 0 && e.setFlex(i), e.getFlex() <= 0) {
-      const l = St(t.width);
+      const l = yt(t.width);
       if (l != null)
         e.setActualWidth(l, s);
       else {
@@ -1554,7 +1554,7 @@ var to = class extends F {
       }
     }
     t.sort !== void 0 && (t.sort == "asc" || t.sort == "desc" ? e.setSort(t.sort, s) : e.setSort(void 0, s));
-    const r = St(t.sortIndex);
+    const r = yt(t.sortIndex);
     r !== void 0 && e.setSortIndex(r);
     const n = Di(t.hide);
     n !== void 0 && e.setVisible(!n, s), t.pinned !== void 0 && e.setPinned(t.pinned);
@@ -1646,18 +1646,18 @@ var ia = class extends F {
     const e = this.gos.get("pivotMode");
     this.isPivotSettingAllowed(e) && (this.pivotMode = e), this.addManagedPropertyListeners(
       ["groupDisplayType", "treeData", "treeDataDisplayType", "groupHideOpenParents"],
-      (t) => this.refreshAll(mt(t.source))
+      (t) => this.refreshAll(Ct(t.source))
     ), this.addManagedPropertyListener("rowSelection", (t) => {
-      this.onSelectionOptionsChanged(t.currentValue, t.previousValue, mt(t.source));
+      this.onSelectionOptionsChanged(t.currentValue, t.previousValue, Ct(t.source));
     }), this.addManagedPropertyListener(
       "autoGroupColumnDef",
-      (t) => this.onAutoGroupColumnDefChanged(mt(t.source))
+      (t) => this.onAutoGroupColumnDefChanged(Ct(t.source))
     ), this.addManagedPropertyListeners(
       ["defaultColDef", "defaultColGroupDef", "columnTypes", "suppressFieldDotNotation"],
-      (t) => this.recreateColumnDefs(mt(t.source))
+      (t) => this.recreateColumnDefs(Ct(t.source))
     ), this.addManagedPropertyListener(
       "pivotMode",
-      (t) => this.setPivotMode(this.gos.get("pivotMode"), mt(t.source))
+      (t) => this.setPivotMode(this.gos.get("pivotMode"), Ct(t.source))
     ), this.addManagedEventListeners({ firstDataRendered: () => this.onFirstDataRendered() });
   }
   // called from SyncService, when grid has finished initialising
@@ -1712,7 +1712,7 @@ var ia = class extends F {
     return this.cols.list.filter((i) => {
       const o = Ti(i);
       if (e) {
-        const r = t && Rt(t, i);
+        const r = t && Ft(t, i);
         return o || r;
       } else
         return o || i.isVisible();
@@ -2123,7 +2123,7 @@ var ia = class extends F {
     (r || n !== l) && this.refreshAll(s);
   }
 };
-function mt(e) {
+function Ct(e) {
   return e === "gridOptionsUpdated" ? "gridOptionsChanged" : e;
 }
 function Wo(e) {
@@ -2477,7 +2477,7 @@ var oa = class extends F {
   extractColsCommon(e = [], t = [], s, i, o, r, n) {
     const l = [], a = [];
     (this.columnModel.getColDefCols() || []).forEach((h) => {
-      const p = e.indexOf(h) < 0, m = h.getColDef(), C = Di(r(m)), f = Di(n(m)), v = St(i(m)), S = St(o(m));
+      const p = e.indexOf(h) < 0, m = h.getColDef(), C = Di(r(m)), f = Di(n(m)), v = yt(i(m)), S = yt(o(m));
       let w;
       C !== void 0 ? w = C : v !== void 0 ? v === null ? w = false : w = v >= 0 : p ? f !== void 0 ? w = f : S !== void 0 ? w = S != null && S >= 0 : w = false : w = t.indexOf(h) >= 0, w && ((p ? v != null || S != null : v != null) ? l.push(h) : a.push(h));
     });
@@ -3241,7 +3241,7 @@ var da = class extends F {
 function Or(e, t) {
   return e + "_" + t;
 }
-function le(e) {
+function ne(e) {
   return e instanceof kr;
 }
 var kr = class extends F {
@@ -3271,7 +3271,7 @@ var kr = class extends F {
   }
   checkLeft() {
     if (this.displayedChildren.forEach((e) => {
-      le(e) && e.checkLeft();
+      ne(e) && e.checkLeft();
     }), this.displayedChildren.length > 0)
       if (this.gos.get("enableRtl")) {
         const t = H(this.displayedChildren).getLeft();
@@ -3367,12 +3367,12 @@ var kr = class extends F {
   }
   addDisplayedLeafColumns(e) {
     this.displayedChildren.forEach((t) => {
-      dt(t) ? e.push(t) : le(t) && t.addDisplayedLeafColumns(e);
+      dt(t) ? e.push(t) : ne(t) && t.addDisplayedLeafColumns(e);
     });
   }
   addLeafColumns(e) {
     this.children.forEach((t) => {
-      dt(t) ? e.push(t) : le(t) && t.addLeafColumns(e);
+      dt(t) ? e.push(t) : ne(t) && t.addLeafColumns(e);
     });
   }
   getChildren() {
@@ -3398,7 +3398,7 @@ var kr = class extends F {
       return;
     }
     this.children.forEach((s) => {
-      if (le(s) && (!s.displayedChildren || !s.displayedChildren.length))
+      if (ne(s) && (!s.displayedChildren || !s.displayedChildren.length))
         return;
       switch (s.getColumnGroupShow()) {
         case "open":
@@ -3483,7 +3483,7 @@ var kr = class extends F {
   }
   getAriaColIndex(e) {
     let t;
-    return le(e) ? t = e.getLeafColumns()[0] : t = e, this.ariaOrderColumns.indexOf(t) + 1;
+    return ne(e) ? t = e.getLeafColumns()[0] : t = e, this.ariaOrderColumns.indexOf(t) + 1;
   }
   getAllAutoHeightCols() {
     return this.autoHeightCols;
@@ -3491,7 +3491,7 @@ var kr = class extends F {
   setLeftValuesOfGroups() {
     [this.treeLeft, this.treeRight, this.treeCenter].forEach((e) => {
       e.forEach((t) => {
-        le(t) && t.checkLeft();
+        ne(t) && t.checkLeft();
       });
     });
   }
@@ -3629,15 +3629,15 @@ var kr = class extends F {
     const e = (t) => {
       this.colsAndGroupsMap[t.getUniqueId()] = t;
     };
-    Ct(this.treeCenter, false, e), Ct(this.treeLeft, false, e), Ct(this.treeRight, false, e);
+    vt(this.treeCenter, false, e), vt(this.treeLeft, false, e), vt(this.treeRight, false, e);
   }
   isVisible(e) {
     return this.colsAndGroupsMap[e.getUniqueId()] === e;
   }
   updateOpenClosedVisibilityInColumnGroups() {
     const e = this.getAllTrees();
-    Ct(e, false, (t) => {
-      le(t) && t.calculateDisplayedColumns();
+    vt(e, false, (t) => {
+      ne(t) && t.calculateDisplayedColumns();
     });
   }
   getFirstColumn() {
@@ -3659,12 +3659,12 @@ var kr = class extends F {
   getColumnGroup(e, t) {
     if (!e)
       return null;
-    if (le(e))
+    if (ne(e))
       return e;
     const s = this.getAllTrees(), i = typeof t == "number";
     let o = null;
-    return Ct(s, false, (r) => {
-      if (le(r)) {
+    return vt(s, false, (r) => {
+      if (ne(r)) {
         const n = r;
         let l;
         i ? l = e === n.getGroupId() && t === n.getPartId() : l = e === n.getGroupId(), l && (o = n);
@@ -3699,7 +3699,7 @@ var kr = class extends F {
       return false;
     const i = t === "first";
     let o;
-    if (le(e)) {
+    if (ne(e)) {
       const r = e.getDisplayedLeafColumns();
       if (!r.length)
         return false;
@@ -3718,7 +3718,7 @@ var kr = class extends F {
       const d = (h) => {
         const p = u;
         u = h;
-        const m = c[p], f = (le(m) ? m.getProvidedColumnGroup() : m).getOriginalParent();
+        const m = c[p], f = (ne(m) ? m.getProvidedColumnGroup() : m).getOriginalParent();
         if (f == null) {
           for (let S = p; S < h; S++)
             l.push(c[S]);
@@ -3736,7 +3736,7 @@ var kr = class extends F {
         a.push(v);
       };
       for (let h = 1; h < c.length; h++) {
-        const p = c[h], C = (le(p) ? p.getProvidedColumnGroup() : p).getOriginalParent(), f = c[u], S = (le(f) ? f.getProvidedColumnGroup() : f).getOriginalParent();
+        const p = c[h], C = (ne(p) ? p.getProvidedColumnGroup() : p).getOriginalParent(), f = c[u], S = (ne(f) ? f.getProvidedColumnGroup() : f).getOriginalParent();
         C !== S && d(h);
       }
       u < c.length && d(c.length);
@@ -3752,7 +3752,7 @@ var kr = class extends F {
   mapOldGroupsById(e) {
     const t = {}, s = (i) => {
       i.forEach((o) => {
-        if (le(o)) {
+        if (ne(o)) {
           const r = o;
           t[o.getUniqueId()] = r, s(r.getChildren());
         }
@@ -3762,27 +3762,27 @@ var kr = class extends F {
   }
   setupParentsIntoCols(e, t) {
     e.forEach((s) => {
-      if (s.setParent(t), le(s)) {
+      if (s.setParent(t), ne(s)) {
         const i = s;
         this.setupParentsIntoCols(i.getChildren(), i);
       }
     });
   }
 };
-function Ct(e, t, s) {
+function vt(e, t, s) {
   if (e)
     for (let i = 0; i < e.length; i++) {
       const o = e[i];
-      if (le(o)) {
+      if (ne(o)) {
         const r = t ? o.getDisplayedChildren() : o.getChildren();
-        Ct(r, t, s);
+        vt(r, t, s);
       }
       s(o);
     }
 }
 function hi(e) {
   const t = [];
-  return Ct(e, true, (s) => {
+  return vt(e, true, (s) => {
     dt(s) && t.push(s);
   }), t;
 }
@@ -4557,7 +4557,7 @@ function Nt(e, t, s) {
   }
   return false;
 }
-function Mt(e) {
+function xt(e) {
   const {
     height: t,
     width: s,
@@ -4594,23 +4594,23 @@ function Mt(e) {
   };
 }
 function oo(e) {
-  const t = Mt(e);
+  const t = xt(e);
   return t.boxSizing === "border-box" ? t.height - t.paddingTop - t.paddingBottom : t.height;
 }
 function Rs(e) {
-  const t = Mt(e);
+  const t = xt(e);
   return t.boxSizing === "border-box" ? t.width - t.paddingLeft - t.paddingRight : t.width;
 }
 function Ur(e) {
-  const { height: t, marginBottom: s, marginTop: i } = Mt(e);
+  const { height: t, marginBottom: s, marginTop: i } = xt(e);
   return Math.floor(t + s + i);
 }
 function $s(e) {
-  const { width: t, marginLeft: s, marginRight: i } = Mt(e);
+  const { width: t, marginLeft: s, marginRight: i } = xt(e);
   return Math.floor(t + s + i);
 }
 function Kr(e) {
-  const t = e.getBoundingClientRect(), { borderTopWidth: s, borderLeftWidth: i, borderRightWidth: o, borderBottomWidth: r } = Mt(e);
+  const t = e.getBoundingClientRect(), { borderTopWidth: s, borderLeftWidth: i, borderRightWidth: o, borderBottomWidth: r } = xt(e);
   return {
     top: t.top + (s || 0),
     left: t.left + (i || 0),
@@ -4629,7 +4629,7 @@ function Me(e) {
   for (; e && e.firstChild; )
     e.removeChild(e.firstChild);
 }
-function Et(e) {
+function Mt(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
 function $r(e) {
@@ -4772,7 +4772,7 @@ function Qr() {
 function Xr() {
   return ki == null && Qr(), ki;
 }
-var Ka = 1e3, $a = 1e3, $o = 100, Jr = class pt extends F {
+var Ka = 1e3, $a = 1e3, $o = 100, Jr = class ft extends F {
   constructor(t, s, i, o) {
     super(), this.parentComp = t, this.tooltipShowDelayOverride = s, this.tooltipHideDelayOverride = i, this.shouldDisplayTooltip = o, this.interactionEnabled = false, this.isInteractingWithTooltip = false, this.state = 0, this.tooltipInstanceCount = 0, this.tooltipMouseTrack = false;
   }
@@ -4808,7 +4808,7 @@ var Ka = 1e3, $a = 1e3, $o = 100, Jr = class pt extends F {
     return !t || t === "hover" ? 0 : 1;
   }
   onMouseEnter(t) {
-    this.interactionEnabled && this.interactiveTooltipTimeoutId && (this.unlockService(), this.startHideTimeout()), !gt() && (pt.isLocked ? this.showTooltipTimeoutId = window.setTimeout(() => {
+    this.interactionEnabled && this.interactiveTooltipTimeoutId && (this.unlockService(), this.startHideTimeout()), !gt() && (ft.isLocked ? this.showTooltipTimeoutId = window.setTimeout(() => {
       this.prepareToShowTooltip(t);
     }, $o) : this.prepareToShowTooltip(t));
   }
@@ -4833,13 +4833,13 @@ var Ka = 1e3, $a = 1e3, $o = 100, Jr = class pt extends F {
     this.isInteractingWithTooltip && (this.isInteractingWithTooltip = false), this.setToDoNothing();
   }
   prepareToShowTooltip(t) {
-    if (this.state != 0 || pt.isLocked)
+    if (this.state != 0 || ft.isLocked)
       return;
     let s = 0;
     t && (s = this.isLastTooltipHiddenRecently() ? 200 : this.getTooltipDelay("show")), this.lastMouseEvent = t || null, this.showTooltipTimeoutId = window.setTimeout(this.showTooltip.bind(this), s), this.state = 1;
   }
   isLastTooltipHiddenRecently() {
-    const t = (/* @__PURE__ */ new Date()).getTime(), s = pt.lastTooltipHideTime;
+    const t = (/* @__PURE__ */ new Date()).getTime(), s = ft.lastTooltipHideTime;
     return t - s < Ka;
   }
   setToDoNothing(t) {
@@ -4858,7 +4858,7 @@ var Ka = 1e3, $a = 1e3, $o = 100, Jr = class pt extends F {
     this.userComponentFactory.getTooltipCompDetails(t).newAgStackInstance().then(s);
   }
   hideTooltip(t) {
-    !t && this.isInteractingWithTooltip || (this.tooltipComp && (this.destroyTooltipComp(), pt.lastTooltipHideTime = (/* @__PURE__ */ new Date()).getTime()), this.eventService.dispatchEvent({
+    !t && this.isInteractingWithTooltip || (this.tooltipComp && (this.destroyTooltipComp(), ft.lastTooltipHideTime = (/* @__PURE__ */ new Date()).getTime()), this.eventService.dispatchEvent({
       type: "tooltipHide",
       parentGui: this.parentComp.getGui()
     }), t && (this.isInteractingWithTooltip = false), this.setToDoNothing(true));
@@ -4951,12 +4951,12 @@ var Ka = 1e3, $a = 1e3, $o = 100, Jr = class pt extends F {
     }), this.tooltipMouseEnterListener = this.tooltipMouseLeaveListener = this.tooltipFocusInListener = this.tooltipFocusOutListener = null;
   }
   lockService() {
-    pt.isLocked = true, this.interactiveTooltipTimeoutId = window.setTimeout(() => {
+    ft.isLocked = true, this.interactiveTooltipTimeoutId = window.setTimeout(() => {
       this.unlockService(), this.setToDoNothing();
     }, $o);
   }
   unlockService() {
-    pt.isLocked = false, this.clearInteractiveTimeout();
+    ft.isLocked = false, this.clearInteractiveTimeout();
   }
   startHideTimeout() {
     this.clearHideTimeout(), this.hideTooltipTimeoutId = window.setTimeout(this.hideTooltip.bind(this), this.getTooltipDelay("hide"));
@@ -5716,7 +5716,7 @@ var Ja = (
     if (!this.eMenu)
       return;
     if (this.currentShowMenu = this.workOutShowMenu(), !this.currentShowMenu) {
-      Et(this.eMenu), this.eMenu = void 0;
+      Mt(this.eMenu), this.eMenu = void 0;
       return;
     }
     const e = this.menuService.isLegacyMenuEnabled();
@@ -5789,7 +5789,7 @@ var Ja = (
   }
   configureFilter(e, t, s) {
     if (!e)
-      return Et(t), false;
+      return Mt(t), false;
     const i = this.params.column;
     return this.addInIcon("filter", t, i), this.addManagedListeners(i, { filterChanged: s }), s(), true;
   }
@@ -6058,7 +6058,7 @@ var nc = class extends q {
   setValue(e, t) {
     return this.value === e ? this : (this.previousValue = this.value, this.value = e, t || this.dispatchLocalEvent({ type: "fieldValueChanged" }), this);
   }
-}, wt = class extends sn {
+}, St = class extends sn {
   constructor(e, t, s = "text", i = "input") {
     super(
       e,
@@ -6119,7 +6119,7 @@ var nc = class extends q {
     }
     return this;
   }
-}, co = class extends wt {
+}, co = class extends St {
   constructor(e, t = "ag-checkbox", s = "checkbox") {
     super(e, t, s), this.labelAlignment = "right", this.selected = false, this.readOnly = false, this.passive = false;
   }
@@ -7814,7 +7814,7 @@ var Ue = ti, Oc = class {
     if (this.selectable !== t) {
       if (this.selectable = t, this.dispatchRowEvent("selectableChanged"), s)
         return;
-      if (Dt(this.beans.gos)) {
+      if (Et(this.beans.gos)) {
         const o = this.calculateSelectedFromChildren();
         this.setSelectedParams({
           newValue: o ?? false,
@@ -8886,7 +8886,7 @@ var et = Fs, _c = class extends F {
   }
 };
 dn.FOCUS_MANAGED_CLASS = "ag-focus-managed";
-var xt = dn, gn = {
+var At = dn, gn = {
   applyFilter: "Apply",
   clearFilter: "Clear",
   resetFilter: "Reset",
@@ -8933,7 +8933,7 @@ var jc = class extends q {
   }
   postConstruct() {
     this.resetTemplate(), this.createManagedBean(
-      new xt(this.getFocusableElement(), {
+      new At(this.getFocusableElement(), {
         handleKeyDown: this.handleKeyDown.bind(this)
       })
     ), this.positionableFeature = new $c(this.getPositionableElement(), {
@@ -8986,7 +8986,7 @@ var jc = class extends q {
       return;
     const n = o && o.length > 0 && !this.isReadOnly();
     if (this.eButtonsPanel ? (Me(this.eButtonsPanel), this.buttonListeners.forEach((c) => c()), this.buttonListeners = []) : n && (this.eButtonsPanel = document.createElement("div"), this.eButtonsPanel.classList.add("ag-filter-apply-panel")), !n) {
-      this.eButtonsPanel && Et(this.eButtonsPanel);
+      this.eButtonsPanel && Mt(this.eButtonsPanel);
       return;
     }
     const l = document.createDocumentFragment(), a = (c) => {
@@ -9223,7 +9223,7 @@ var jc = class extends q {
   }
   clearOptions() {
     this.options = [], this.reset(true), this.itemEls.forEach((e) => {
-      Et(e);
+      Mt(e);
     }), this.itemEls = [];
   }
   updateIndices() {
@@ -9789,11 +9789,11 @@ var jc = class extends q {
     this.removeElements(this.eJoinOperatorPanels, s, t), this.removeComponents(this.eJoinOperatorsAnd, s, t), this.removeComponents(this.eJoinOperatorsOr, s, t);
   }
   removeElements(e, t, s) {
-    this.removeItems(e, t, s).forEach((o) => Et(o));
+    this.removeItems(e, t, s).forEach((o) => Mt(o));
   }
   removeComponents(e, t, s) {
     this.removeItems(e, t, s).forEach((o) => {
-      Et(o.getGui()), this.destroyBean(o);
+      Mt(o.getGui()), this.destroyBean(o);
     });
   }
   removeItems(e, t, s) {
@@ -9807,7 +9807,7 @@ var jc = class extends q {
         const t = this.getInputs(0)[0];
         if (!t)
           return;
-        t instanceof wt && t.getInputElement().focus();
+        t instanceof St && t.getInputElement().focus();
       }
   }
   afterGuiDetached() {
@@ -9842,7 +9842,7 @@ var jc = class extends q {
   resetPlaceholder() {
     const e = this.localeService.getLocaleTextFunc();
     this.forEachInput((t, s, i, o) => {
-      if (!(t instanceof wt))
+      if (!(t instanceof St))
         return;
       const r = s === 0 && o > 1 ? "inRangeStart" : s === 0 ? "filterOoo" : "inRangeEnd", n = s === 0 && o > 1 ? e("ariaFilterFromValue", "Filter from value") : s === 0 ? e("ariaFilterValue", "Filter Value") : e("ariaFilterToValue", "Filter to Value");
       t.setInputPlaceholder(this.getPlaceholderText(r, i)), t.setInputAriaLabel(n);
@@ -9850,7 +9850,7 @@ var jc = class extends q {
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   setElementValue(e, t, s) {
-    e instanceof wt && e.setValue(t != null ? String(t) : null, true);
+    e instanceof St && e.setValue(t != null ? String(t) : null, true);
   }
   setElementDisplayed(e, t) {
     e instanceof q && Z(e.getGui(), t);
@@ -9859,7 +9859,7 @@ var jc = class extends q {
     e instanceof q && Cs(e.getGui(), t);
   }
   attachElementOnChange(e, t) {
-    e instanceof wt && e.onValueChange(t);
+    e instanceof St && e.onValueChange(t);
   }
   forEachInput(e) {
     this.getConditionTypes().forEach((t, s) => {
@@ -10112,7 +10112,7 @@ function ru(e) {
 function nu(e, t = false) {
   return e === y.DELETE ? true : !t && e === y.BACKSPACE ? Yr() : false;
 }
-var At = class extends wt {
+var Tt = class extends St {
   constructor(e, t = "ag-text-field", s = "text") {
     super(e, t, s);
   }
@@ -10141,8 +10141,8 @@ var At = class extends wt {
   }
 }, si = {
   selector: "AG-INPUT-TEXT-FIELD",
-  component: At
-}, fo = class extends At {
+  component: Tt
+}, fo = class extends Tt {
   constructor(e) {
     super(e, "ag-number-field", "number");
   }
@@ -10326,7 +10326,7 @@ var au = class extends mn {
   }
   createFromToElement(e, t, s, i) {
     const o = this.createManagedBean(
-      i ? new At({ allowedCharPattern: i }) : new fo()
+      i ? new Tt({ allowedCharPattern: i }) : new fo()
     );
     o.addCssClass(`ag-filter-${s}`), o.addCssClass("ag-filter-filter"), t.push(o), e.appendChild(o.getGui());
   }
@@ -10466,7 +10466,7 @@ var cu = class extends fn {
     return e.classList.add("ag-filter-body"), Ve(e, "presentation"), this.createFromToElement(e, this.eValuesFrom, "from"), this.createFromToElement(e, this.eValuesTo, "to"), e;
   }
   createFromToElement(e, t, s) {
-    const i = this.createManagedBean(new At());
+    const i = this.createManagedBean(new Tt());
     i.addCssClass(`ag-filter-${s}`), i.addCssClass("ag-filter-filter"), t.push(i), e.appendChild(i.getGui());
   }
   removeValueElements(e, t) {
@@ -10841,7 +10841,7 @@ var bn = class {
     return i + t;
   }
   setLeft(e) {
-    if (M(e) && (this.eCell.style.left = `${e}px`), le(this.columnOrGroup)) {
+    if (M(e) && (this.eCell.style.left = `${e}px`), ne(this.columnOrGroup)) {
       const t = this.columnOrGroup.getLeafColumns();
       if (!t.length)
         return;
@@ -10913,7 +10913,7 @@ var Cu = 0, xn = class An extends F {
     const { wrapperElement: s, checkMeasuringCallback: i, compBean: o } = t, { animationFrameService: r, resizeObserverService: n, columnModel: l, gos: a } = this.beans, c = (C) => {
       if (!this.isAlive() || !o.isAlive())
         return;
-      const { paddingTop: f, paddingBottom: v, borderBottomWidth: S, borderTopWidth: w } = Mt(this.getGui()), R = f + v + S + w, D = s.offsetHeight + R;
+      const { paddingTop: f, paddingBottom: v, borderBottomWidth: S, borderTopWidth: w } = xt(this.getGui()), R = f + v + S + w, D = s.offsetHeight + R;
       if (C < 5) {
         const P = oe(a), A = !P || !P.contains(s), I = D == 0;
         if (A || I) {
@@ -11002,7 +11002,7 @@ var Cu = 0, xn = class An extends F {
   }
   addDomData(t) {
     const s = An.DOM_DATA_KEY_HEADER_CTRL;
-    Pt(this.gos, this.eGui, s, this), t.addDestroyFunc(() => Pt(this.gos, this.eGui, s, null));
+    Dt(this.gos, this.eGui, s, this), t.addDestroyFunc(() => Dt(this.gos, this.eGui, s, null));
   }
   getGui() {
     return this.eGui;
@@ -11092,7 +11092,7 @@ var ii = xn, vo = class extends F {
   }
   setupFocus(e) {
     e.createManagedBean(
-      new xt(this.eGui, {
+      new At(this.eGui, {
         shouldStopEventPropagation: this.shouldStopEventPropagation.bind(this),
         onTabKeyDown: this.onTabKeyDown.bind(this),
         handleKeyDown: this.handleKeyDown.bind(this),
@@ -11271,7 +11271,7 @@ var ii = xn, vo = class extends F {
     super.destroy(), this.destroySyncListener = null, this.destroyFilterChangedListener = null;
   }
 };
-var k = "32.3.7";
+var k = "32.3.8";
 function wu(e) {
   var _a3, _b;
   return !!((_a3 = e.filterManager) == null ? void 0 : _a3.isColumnFilterPresent()) || !!((_b = e.filterManager) == null ? void 0 : _b.isAggregateFilterPresent());
@@ -12208,7 +12208,7 @@ var Iu = class extends q {
   }
   setupGui(e) {
     var _a3;
-    this.eFloatingFilterTextInput = this.createManagedBean(new At((_a3 = this.params) == null ? void 0 : _a3.config));
+    this.eFloatingFilterTextInput = this.createManagedBean(new Tt((_a3 = this.params) == null ? void 0 : _a3.config));
     const t = this.eFloatingFilterTextInput.getGui();
     e.appendChild(t);
     const s = (i) => this.valueChangedListener(i);
@@ -12304,7 +12304,7 @@ var Iu = class extends q {
     }, this.numberInputActive = true;
   }
   setupGui(e) {
-    this.eFloatingFilterNumberInput = this.createManagedBean(new fo()), this.eFloatingFilterTextInput = this.createManagedBean(new At()), this.eFloatingFilterTextInput.setDisabled(true);
+    this.eFloatingFilterNumberInput = this.createManagedBean(new fo()), this.eFloatingFilterTextInput = this.createManagedBean(new Tt()), this.eFloatingFilterTextInput.setDisabled(true);
     const t = this.eFloatingFilterNumberInput.getGui(), s = this.eFloatingFilterTextInput.getGui();
     e.appendChild(t), e.appendChild(s), this.setupListeners(t, (i) => this.valueChangedListener(i)), this.setupListeners(s, (i) => this.valueChangedListener(i));
   }
@@ -12698,7 +12698,7 @@ var Wu = class extends F {
     if (e.getPinned())
       return;
     let s;
-    if (le(e)) {
+    if (ne(e)) {
       const i = e.getDisplayedLeafColumns();
       s = t === "Before" ? H(i) : i[0];
     } else
@@ -12711,7 +12711,7 @@ var Wu = class extends F {
   }
   setComp(e, t, s) {
     this.comp = e, this.eGui = t, this.createManagedBean(
-      new xt(s, {
+      new At(s, {
         onTabKeyDown: this.onTabKeyDown.bind(this),
         handleKeyDown: this.handleKeyDown.bind(this),
         onFocusOut: this.onFocusOut.bind(this)
@@ -12980,7 +12980,7 @@ function sd(e) {
   const { movingCols: t, draggingRight: s, xPosition: i, pinned: o, gos: r, columnModel: n, visibleColsService: l } = e;
   if (r.get("suppressMovableColumns") || t.some((w) => w.getColDef().suppressMovable))
     return [];
-  const c = td(l, o), u = n.getCols(), d = c.filter((w) => Rt(t, w)), h = c.filter((w) => !Rt(t, w)), p = u.filter((w) => !Rt(t, w));
+  const c = td(l, o), u = n.getCols(), d = c.filter((w) => Ft(t, w)), h = c.filter((w) => !Ft(t, w)), p = u.filter((w) => !Ft(t, w));
   let m = 0, C = i;
   if (s) {
     let w = 0;
@@ -13576,7 +13576,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
     }), this.addColumnHoverListener(o), this.setupFilterClass(o), this.setupClassesFromColDef(), this.setupTooltip(o), this.addActiveHeaderMouseListeners(o), this.setupSelectAll(o), this.setupUserComp(o), this.refreshAria(), this.resizeFeature = o.createManagedBean(
       new ld(this.getPinned(), this.column, s, e, this)
     ), o.createManagedBean(new vo([this.column], t)), o.createManagedBean(new Co(this.column, t, this.beans)), o.createManagedBean(
-      new xt(t, {
+      new At(t, {
         shouldStopEventPropagation: (n) => this.shouldStopEventPropagation(n),
         onTabKeyDown: () => null,
         handleKeyDown: this.handleKeyDown.bind(this),
@@ -14143,7 +14143,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
     }), this.setupUserComp(o), this.addHeaderMouseListeners(o), this.addManagedPropertyListener("groupHeaderHeight", this.refreshMaxHeaderHeight.bind(this)), this.refreshMaxHeaderHeight();
     const r = this.getParentRowCtrl().getPinned(), n = this.column.getProvidedColumnGroup().getLeafColumns();
     o.createManagedBean(new vo(n, t)), o.createManagedBean(new Co(this.column, t, this.beans)), o.createManagedBean(new dd(e, this.column)), this.resizeFeature = o.createManagedBean(new ud(e, s, r, this.column)), o.createManagedBean(
-      new xt(t, {
+      new At(t, {
         shouldStopEventPropagation: this.shouldStopEventPropagation.bind(this),
         onTabKeyDown: () => {
         },
@@ -15907,7 +15907,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
   applyRowSpan(e) {
     if (this.rowSpan === 1 && !e)
       return;
-    const s = yt(this.beans.gos) * this.rowSpan;
+    const s = Rt(this.beans.gos) * this.rowSpan;
     this.eGui.style.height = `${s}px`, this.eGui.style.zIndex = "1";
   }
   // overriding to make public, as we don't dispose this bean via context
@@ -15937,7 +15937,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
     if (!this.rangeCount || !e)
       return false;
     const t = e.getCellRanges();
-    return t.length > 0 && t.every((s) => Rt([
+    return t.length > 0 && t.every((s) => Ft([
       1,
       0
       /* VALUE */
@@ -16058,7 +16058,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
     const i = t.parentElement, o = ut(this.beans.gos, this.rowNode).height, r = (a) => {
       if (this.editing || !this.isAlive() || !s.isAlive())
         return;
-      const { paddingTop: c, paddingBottom: u, borderBottomWidth: d, borderTopWidth: h } = Mt(i), p = c + u + d + h, C = t.offsetHeight + p;
+      const { paddingTop: c, paddingBottom: u, borderBottomWidth: d, borderTopWidth: h } = xt(i), p = c + u + d + h, C = t.offsetHeight + p;
       if (a < 5) {
         const v = oe(this.beans.gos), S = !v || !v.contains(t), w = C == 0;
         if (S || w) {
@@ -16262,7 +16262,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
   }
   addDomData(t) {
     const s = this.getGui();
-    Pt(this.beans.gos, s, Ki.DOM_DATA_KEY_CELL_CTRL, this), t.addDestroyFunc(() => Pt(this.beans.gos, s, Ki.DOM_DATA_KEY_CELL_CTRL, null));
+    Dt(this.beans.gos, s, Ki.DOM_DATA_KEY_CELL_CTRL, this), t.addDestroyFunc(() => Dt(this.beans.gos, s, Ki.DOM_DATA_KEY_CELL_CTRL, null));
   }
   createEvent(t, s) {
     return this.beans.gos.addGridCommonParams({
@@ -16501,7 +16501,7 @@ var Zo = 7, _i = 100, Es = _i / 2, id = 5, od = 100, rd = class extends F {
   }
 };
 Vn.DOM_DATA_KEY_CELL_CTRL = "cellCtrl";
-var Ft = Vn, $d = 0, Bn = class $i extends F {
+var bt = Vn, $d = 0, Bn = class $i extends F {
   constructor(t, s, i, o, r) {
     var _a3;
     super(), this.allRowGuis = [], this.active = true, this.centerCellCtrls = { list: [], map: {} }, this.leftCellCtrls = { list: [], map: {} }, this.rightCellCtrls = { list: [], map: {} }, this.slideInAnimation = {
@@ -16556,7 +16556,7 @@ var Ft = Vn, $d = 0, Bn = class $i extends F {
     const s = this.gos;
     this.onSuppressCellFocusChanged(this.beans.gos.get("suppressCellFocus")), this.listenOnDomOrder(t), this.beans.columnModel.wasAutoRowHeightEverActive() && this.rowNode.checkAutoHeights(), this.onRowHeightChanged(t), this.updateRowIndexes(t), this.setFocusedClasses(t), this.setStylesFromGridOptions(false, t), Vs(s) && this.rowNode.selectable && this.onRowSelected(t), this.updateColumnLists(!this.useAnimationFrameForCreate);
     const i = t.rowComp;
-    this.getInitialRowClasses(t.containerType).forEach((r) => i.addOrRemoveCssClass(r, true)), this.executeSlideAndFadeAnimations(t), this.rowNode.group && Us(t.element, this.rowNode.expanded == true), this.setRowCompRowId(i), this.setRowCompRowBusinessKey(i), Pt(s, t.element, $i.DOM_DATA_KEY_ROW_CTRL, this), t.compBean.addDestroyFunc(() => Pt(s, t.element, $i.DOM_DATA_KEY_ROW_CTRL, null)), this.useAnimationFrameForCreate ? this.beans.animationFrameService.createTask(
+    this.getInitialRowClasses(t.containerType).forEach((r) => i.addOrRemoveCssClass(r, true)), this.executeSlideAndFadeAnimations(t), this.rowNode.group && Us(t.element, this.rowNode.expanded == true), this.setRowCompRowId(i), this.setRowCompRowBusinessKey(i), Dt(s, t.element, $i.DOM_DATA_KEY_ROW_CTRL, this), t.compBean.addDestroyFunc(() => Dt(s, t.element, $i.DOM_DATA_KEY_ROW_CTRL, null)), this.useAnimationFrameForCreate ? this.beans.animationFrameService.createTask(
       this.addHoverFunctionality.bind(this, t),
       this.rowNode.rowIndex,
       "createTasksP2"
@@ -16677,7 +16677,7 @@ var Ft = Vn, $d = 0, Bn = class $i extends F {
     for (const l of s) {
       const a = l.getInstanceId();
       let c = t.map[a];
-      c || (c = new Ft(l, this.rowNode, this.beans, this)), r(a, c);
+      c || (c = new bt(l, this.rowNode, this.beans, this)), r(a, c);
     }
     for (const l of t.list) {
       const a = l.getColumn().getInstanceId();
@@ -16997,7 +16997,7 @@ var Ft = Vn, $d = 0, Bn = class $i extends F {
       return;
     const { gos: i } = this;
     this.beans.eventService.dispatchEvent(this.createRowEventWithSource("rowClicked", t));
-    const o = t.ctrlKey || t.metaKey, r = t.shiftKey, n = this.rowNode.isSelected(), l = Dt(i), a = Vo(i), c = Bl(i);
+    const o = t.ctrlKey || t.metaKey, r = t.shiftKey, n = this.rowNode.isSelected(), l = Et(i), a = Vo(i), c = Bl(i);
     if (
       // we do not allow selecting groups by clicking (as the click here expands the group), or if it's a detail row,
       // so return if it's a group row
@@ -17369,7 +17369,7 @@ var Ft = Vn, $d = 0, Bn = class $i extends F {
   }
 };
 Bn.DOM_DATA_KEY_ROW_CTRL = "renderedRow";
-var bt = Bn, jd = class extends F {
+var Pt = Bn, jd = class extends F {
   wireBeans(e) {
     this.mouseEventService = e.mouseEventService, this.valueService = e.valueService, this.menuService = e.menuService, this.ctrlsService = e.ctrlsService, this.navigationService = e.navigationService, this.focusService = e.focusService, this.undoRedoService = e.undoRedoService, this.visibleColsService = e.visibleColsService, this.rowModel = e.rowModel, this.pinnedRowModel = e.pinnedRowModel, this.rangeService = e.rangeService, this.clipboardService = e.clipboardService;
   }
@@ -17407,7 +17407,7 @@ var bt = Bn, jd = class extends F {
   getRowForEvent(e) {
     let t = e.target;
     for (; t; ) {
-      const s = hs(this.gos, t, bt.DOM_DATA_KEY_ROW_CTRL);
+      const s = hs(this.gos, t, Pt.DOM_DATA_KEY_ROW_CTRL);
       if (s)
         return s;
       t = t.parentElement;
@@ -17433,8 +17433,8 @@ var bt = Bn, jd = class extends F {
   }
   getControlsForEventTarget(e) {
     return {
-      cellCtrl: Ai(this.gos, e, Ft.DOM_DATA_KEY_CELL_CTRL),
-      rowCtrl: Ai(this.gos, e, bt.DOM_DATA_KEY_ROW_CTRL)
+      cellCtrl: Ai(this.gos, e, bt.DOM_DATA_KEY_CELL_CTRL),
+      rowCtrl: Ai(this.gos, e, Pt.DOM_DATA_KEY_ROW_CTRL)
     };
   }
   processKeyboardEvent(e, t) {
@@ -18227,7 +18227,7 @@ var dh = class extends F {
     t[er] = this.gridInstanceId;
   }
   getRenderedCellForEvent(t) {
-    return Ai(this.gos, t.target, Ft.DOM_DATA_KEY_CELL_CTRL);
+    return Ai(this.gos, t.target, bt.DOM_DATA_KEY_CELL_CTRL);
   }
   // walks the path of the event, and returns true if this grid is the first one that it finds. if doing
   // master / detail grids, and a child grid is found, then it returns false. this stops things like copy/paste
@@ -18416,7 +18416,7 @@ var hh = _n, gh = class extends F {
       const { rowIndex: o, rowPinned: r } = e.getRowPosition();
       (r ? o === 0 : o === this.pageBoundsService.getFirstRow()) && (this.gos.get("headerHeight") === 0 || this.focusService.isHeaderFocusSuppressed() ? this.focusService.focusNextGridCoreContainer(true, true) : (t.preventDefault(), this.focusService.focusPreviousFromFirstCell(t)));
     } else
-      e instanceof Ft && e.focusCell(true), (!s && this.focusService.focusOverlay(false) || this.focusService.focusNextGridCoreContainer(s)) && t.preventDefault();
+      e instanceof bt && e.focusCell(true), (!s && this.focusService.focusOverlay(false) || this.focusService.focusNextGridCoreContainer(s)) && t.preventDefault();
   }
   // comes from API
   tabToNextCell(e, t) {
@@ -18428,7 +18428,7 @@ var hh = _n, gh = class extends F {
   }
   tabToNextCellCommon(e, t, s) {
     let i = e.isEditing();
-    if (!i && e instanceof Ft) {
+    if (!i && e instanceof bt) {
       const n = e.getRowCtrl();
       n && (i = n.isEditing());
     }
@@ -18456,14 +18456,14 @@ var hh = _n, gh = class extends F {
   moveToNextCellNotEditing(e, t) {
     const s = this.visibleColsService.getAllCols();
     let i;
-    e instanceof bt ? i = {
+    e instanceof Pt ? i = {
       ...e.getRowPosition(),
       column: t ? s[0] : H(s)
     } : i = e.getCellPosition();
     const o = this.findNextCellToFocusOn(i, t, false);
     if (o === false)
       return null;
-    if (o instanceof Ft)
+    if (o instanceof bt)
       o.focusCell(true);
     else if (o)
       return this.tryToFocusFullWidthRow(o.getRowPosition(), t);
@@ -19068,7 +19068,7 @@ var hh = _n, gh = class extends F {
     const o = this.getCellGui(i, t);
     return o || (i.isFullWidth() ? i.getFullWidthElement() : s);
   }
-}, Sh = class extends wt {
+}, Sh = class extends St {
   constructor(e) {
     super(e, "ag-text-area", null, "textarea");
   }
@@ -19118,7 +19118,7 @@ var hh = _n, gh = class extends F {
     ), this.params = e;
   }
   postConstruct() {
-    Pt(this.gos, this.getGui(), "popupEditorWrapper", true), this.addKeyDownListener();
+    Dt(this.gos, this.getGui(), "popupEditorWrapper", true), this.addKeyDownListener();
   }
   addKeyDownListener() {
     const e = this.getGui(), t = this.params, s = (i) => {
@@ -19282,7 +19282,7 @@ var hh = _n, gh = class extends F {
   constructor() {
     super(new Dh());
   }
-}, Mh = class extends At {
+}, Mh = class extends Tt {
   constructor(e) {
     super(e, "ag-date-field", "date");
   }
@@ -19811,7 +19811,7 @@ var jh = class extends F {
     const s = t ? e.createRowEvent("rowEditingStarted") : e.createRowEvent("rowEditingStopped");
     this.eventService.dispatchEvent(s);
   }
-}, Tt = {
+}, It = {
   version: k,
   moduleName: "@ag-grid-community/edit-core",
   beans: [jh]
@@ -19828,22 +19828,22 @@ var jh = class extends F {
     getCurrentUndoSize: Kh,
     getCurrentRedoSize: $h
   },
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, Qh = {
   version: k,
   moduleName: "@ag-grid-community/undo-redo-edit",
   beans: [kh],
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, Xh = {
   version: k,
   moduleName: "@ag-grid-community/full-row-edit",
   beans: [qh],
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, Yn = {
   version: k,
   moduleName: "@ag-grid-community/default-editor",
   userComponents: [{ name: "agCellEditor", classImp: Kn }],
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, Jh = {
   version: k,
   moduleName: "@ag-grid-community/data-type-editors",
@@ -19865,12 +19865,12 @@ var jh = class extends F {
   version: k,
   moduleName: "@ag-grid-community/select-editor",
   userComponents: [{ name: "agSelectCellEditor", classImp: bh }],
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, eg = {
   version: k,
   moduleName: "@ag-grid-community/large-text-editor",
   userComponents: [{ name: "agLargeTextCellEditor", classImp: Rh }],
-  dependantModules: [Tt]
+  dependantModules: [It]
 }, tg = {
   version: k,
   moduleName: "@ag-grid-community/all-editors",
@@ -19878,7 +19878,7 @@ var jh = class extends F {
 }, sg = {
   version: k,
   moduleName: "@ag-grid-community/editing",
-  dependantModules: [Tt, Qh, Xh, tg, Yh]
+  dependantModules: [It, Qh, Xh, tg, Yh]
 }, ig = class extends F {
   constructor() {
     super(...arguments), this.beanName = "autoWidthCalculator";
@@ -20362,7 +20362,7 @@ var jh = class extends F {
     const { pinnedRowModel: s, beans: i, printLayout: o } = this, r = Object.fromEntries(e.map((l) => [l.getRowNode().id, l]));
     s.forEachPinnedRow(t, (l, a) => {
       const c = e[a];
-      c && s.getPinnedRowById(c.getRowNode().id, t) === void 0 && (c.destroyFirstPass(), c.destroySecondPass()), l.id in r ? (e[a] = r[l.id], delete r[l.id]) : e[a] = new bt(l, i, false, false, o);
+      c && s.getPinnedRowById(c.getRowNode().id, t) === void 0 && (c.destroyFirstPass(), c.destroySecondPass()), l.id in r ? (e[a] = r[l.id], delete r[l.id]) : e[a] = new Pt(l, i, false, false, o);
     });
     const n = t === "top" ? s.getPinnedTopRowCount() : s.getPinnedBottomRowCount();
     e.length = n;
@@ -20409,7 +20409,7 @@ var jh = class extends F {
     const t = (e == null ? void 0 : e.suppressKeepFocus) ? null : this.focusService.getFocusCellToUseAfterRefresh();
     if (t == null)
       return null;
-    const s = ee(this.gos), i = hs(this.gos, s, Ft.DOM_DATA_KEY_CELL_CTRL), o = hs(this.gos, s, bt.DOM_DATA_KEY_ROW_CTRL);
+    const s = ee(this.gos), i = hs(this.gos, s, bt.DOM_DATA_KEY_CELL_CTRL), o = hs(this.gos, s, Pt.DOM_DATA_KEY_ROW_CTRL);
     return i || o ? t : null;
   }
   // gets called from:
@@ -20757,7 +20757,7 @@ var jh = class extends F {
     return this.gos.get("rowBuffer");
   }
   getRowBufferInPixels() {
-    const e = this.getRowBuffer(), t = yt(this.gos);
+    const e = this.getRowBuffer(), t = Rt(this.gos);
     return e * t;
   }
   workOutFirstAndLastRowsToRender() {
@@ -20848,7 +20848,7 @@ var jh = class extends F {
     if (i)
       return i;
     const o = this.gos.get("suppressAnimationFrame"), r = s && !o && !this.printLayout;
-    return new bt(e, this.beans, t, r, this.printLayout);
+    return new Pt(e, this.beans, t, r, this.printLayout);
   }
   getRenderedNodes() {
     const e = this.rowCtrlsByRowIndex;
@@ -21328,7 +21328,7 @@ var jh = class extends F {
   }
   postConstruct() {
     this.createManagedBean(
-      new xt(this.eFocusableElement, {
+      new At(this.eFocusableElement, {
         shouldStopEventPropagation: () => this.shouldStopEventPropagation(),
         onTabKeyDown: (e) => this.onTabKeyDown(e),
         handleKeyDown: (e) => this.handleKeyDown(e),
@@ -21857,7 +21857,7 @@ var jh = class extends F {
   }
   // for Vanilla JS, we just add the event to the element
   addEventListener(e, t, s, i) {
-    const o = Rt(vg, t);
+    const o = Ft(vg, t);
     e.addEventListener(t, s, { capture: !!i, passive: o });
   }
   get shouldWrapOutgoing() {
@@ -23440,7 +23440,7 @@ var Lg = class extends F {
   // grid cell will still be focused as far as the grid is concerned,
   // however the browser focus will have moved somewhere else.
   getFocusCellToUseAfterRefresh() {
-    return this.gos.get("suppressFocusAfterRefresh") || !this.focusedCellPosition || this.isDomDataMissingInHierarchy(ee(this.gos), bt.DOM_DATA_KEY_ROW_CTRL) ? null : this.focusedCellPosition;
+    return this.gos.get("suppressFocusAfterRefresh") || !this.focusedCellPosition || this.isDomDataMissingInHierarchy(ee(this.gos), Pt.DOM_DATA_KEY_ROW_CTRL) ? null : this.focusedCellPosition;
   }
   getFocusHeaderToUseAfterRefresh() {
     return this.gos.get("suppressFocusAfterRefresh") || !this.focusedHeaderPosition || this.isDomDataMissingInHierarchy(
@@ -23689,7 +23689,7 @@ var Lg = class extends F {
   isTargetUnderManagedComponent(t, s) {
     if (!s)
       return false;
-    const i = t.querySelectorAll(`.${xt.FOCUS_MANAGED_CLASS}`);
+    const i = t.querySelectorAll(`.${At.FOCUS_MANAGED_CLASS}`);
     if (!i.length)
       return false;
     for (let o = 0; o < i.length; o++)
@@ -24238,7 +24238,7 @@ var kp = class extends F {
     this.groupHideOpenParents = this.gos.get("groupHideOpenParents"), this.addManagedPropertyListener("groupHideOpenParents", () => {
       this.groupHideOpenParents = this.gos.get("groupHideOpenParents");
     }), this.processDataTypeDefinitions(), this.addManagedPropertyListener("dataTypeDefinitions", (e) => {
-      this.processDataTypeDefinitions(), this.columnModel.recreateColumnDefs(mt(e.source));
+      this.processDataTypeDefinitions(), this.columnModel.recreateColumnDefs(Ct(e.source));
     });
   }
   processDataTypeDefinitions() {
@@ -24761,7 +24761,7 @@ function sf(e) {
 }
 function of(e) {
   return {
-    rowHeight: yt(e.gos),
+    rowHeight: Rt(e.gos),
     headerHeight: e.columnModel.getHeaderHeight()
   };
 }
@@ -25605,7 +25605,7 @@ var Rm = class extends F {
     const e = this.centerRowsCtrl.getViewportSizeFeature().getBodyHeight();
     if (e > 0) {
       const t = () => {
-        const s = Math.max(yt(this.gos), 1), i = Math.floor(e / s);
+        const s = Math.max(Rt(this.gos), 1), i = Math.floor(e / s);
         this.paginationService.setPageSize(i, "autoCalculated");
       };
       this.isBodyRendered ? Se(() => t(), 50)() : (t(), this.isBodyRendered = true);
@@ -26985,16 +26985,25 @@ function Ym(e) {
 }
 var ll = class al extends F {
   constructor() {
-    super(...arguments), this.beanName = "gos", this.domDataKey = "__AG_" + Math.random().toString(), this.propertyEventService = new Ut(), this.globalEventHandlerFactory = (t) => (s, i) => {
+    super(...arguments), this.beanName = "gos", this.gridReadyFired = false, this.queueEvents = [], this.domDataKey = "__AG_" + Math.random().toString(), this.propertyEventService = new Ut(), this.globalEventHandlerFactory = (t) => (s, i) => {
       if (!this.isAlive())
         return;
       const o = Hs.has(s);
       if (o && !t || !o && t)
         return;
-      const r = fs.getCallbackForEvent(s), n = this.gridOptions[r];
-      typeof n == "function" && this.frameworkOverrides.wrapOutgoing(() => {
-        n(i);
-      });
+      const r = (n, l) => {
+        const a = this.gridOptions[fs.getCallbackForEvent(n)];
+        typeof a == "function" && this.frameworkOverrides.wrapOutgoing(() => a(i));
+      };
+      if (this.gridReadyFired)
+        r(s);
+      else if (s === "gridReady") {
+        r(s), this.gridReadyFired = true;
+        for (const n of this.queueEvents)
+          r(n.eventName, n.event);
+        this.queueEvents = [];
+      } else
+        this.queueEvents.push({ eventName: s, event: i });
     };
   }
   wireBeans(t) {
@@ -27012,6 +27021,9 @@ var ll = class al extends F {
       }
     });
   }
+  destroy() {
+    super.destroy(), this.queueEvents = [];
+  }
   /**
    * Get the raw value of the GridOptions property provided.
    * @param property
@@ -27105,7 +27117,7 @@ var Qm = ll, Xm = class extends F {
   }
   findHeader(e, t) {
     let s, i;
-    if (le(e.column) ? s = this.visibleColsService.getGroupAtDirection(e.column, t) : (i = `getCol${t}`, s = this.visibleColsService[i](e.column)), !s)
+    if (ne(e.column) ? s = this.visibleColsService.getGroupAtDirection(e.column, t) : (i = `getCol${t}`, s = this.visibleColsService[i](e.column)), !s)
       return;
     const { headerRowIndex: o } = e;
     if (this.getHeaderRowType(o) !== "filter") {
@@ -27122,7 +27134,7 @@ var Qm = ll, Xm = class extends F {
   }
   getHeaderIndexToFocus(e, t) {
     let s;
-    if (le(e) && this.isAnyChildSpanningHeaderHeight(e) && e.isPadding()) {
+    if (ne(e) && this.isAnyChildSpanningHeaderHeight(e) && e.isPadding()) {
       const i = e;
       s = i.getLeafColumns()[0];
       let o = s;
@@ -27797,8 +27809,8 @@ var Qm = ll, Xm = class extends F {
   }
   postConstruct() {
     const { gos: e, rowModel: t, onRowSelected: s } = this;
-    this.selectionCtx.init(t), this.rowSelectionMode = zs(e), this.groupSelectsChildren = Dt(e), this.addManagedPropertyListeners(["groupSelectsChildren", "rowSelection"], () => {
-      const i = Dt(e), o = zs(e);
+    this.selectionCtx.init(t), this.rowSelectionMode = zs(e), this.groupSelectsChildren = Et(e), this.addManagedPropertyListeners(["groupSelectsChildren", "rowSelection"], () => {
+      const i = Et(e), o = zs(e);
       (i !== this.groupSelectsChildren || o !== this.rowSelectionMode) && (this.groupSelectsChildren = i, this.rowSelectionMode = o, this.deselectAllRowNodes({ source: "api" }));
     }), this.addManagedEventListeners({ rowSelected: s.bind(this) });
   }
@@ -28119,7 +28131,7 @@ var Qm = ll, Xm = class extends F {
     const { gos: t } = this, s = Vs(t), i = Qi(t);
     if (!s || !i)
       return;
-    const o = Dt(t), r = Y(t) && o, n = [], l = (a) => {
+    const o = Et(t), r = Y(t) && o, n = [], l = (a) => {
       if (e && !a.group)
         return;
       if (r && a.group) {
@@ -28313,7 +28325,7 @@ var Qm = ll, Xm = class extends F {
         this.waitingForColumns = false, this.setColumnsAndData(t);
         return;
       }
-      this.columnModel.setColumnDefs(t, mt(e.source));
+      this.columnModel.setColumnDefs(t, Ct(e.source));
     }
   }
 }, hC = "paste", gC = class extends F {
@@ -28618,12 +28630,12 @@ var Qm = ll, Xm = class extends F {
       "a column you are grouping or pivoting by has objects as values. If you want to group by complex objects then either a) use a colDef.keyCreator (se AG Grid docs) or b) to toString() on the object to return a key"
     )), o;
   }
-}, Po = class ft {
+}, Po = class mt {
   static applyGlobalGridOptions(t) {
-    if (!ft.gridOptions)
+    if (!mt.gridOptions)
       return t;
     let s = {};
-    return we(s, ft.gridOptions, true, true), ft.mergeStrategy === "deep" ? we(s, t, true, true) : s = { ...s, ...t }, ft.gridOptions.context && (s.context = ft.gridOptions.context), t.context && (ft.mergeStrategy === "deep" && s.context && we(t.context, s.context, true, true), s.context = t.context), s;
+    return we(s, mt.gridOptions, true, true), mt.mergeStrategy === "deep" ? we(s, t, true, true) : s = { ...s, ...t }, mt.gridOptions.context && (s.context = mt.gridOptions.context), t.context && (mt.mergeStrategy === "deep" && s.context && we(t.context, s.context, true, true), s.context = t.context), s;
   }
 };
 Po.gridOptions = void 0;
@@ -29467,7 +29479,7 @@ var xC = "ROOT_NODE_ID", Fi = 0, AC = class {
   }
   getNodesInRangeForSelection(e, t) {
     let s = false, i = false;
-    const o = [], r = Dt(this.gos);
+    const o = [], r = Et(this.gos);
     return this.forEachNodeAfterFilterAndSort((n) => {
       if (i)
         return;
@@ -29665,7 +29677,7 @@ var xC = "ROOT_NODE_ID", Fi = 0, AC = class {
         rowNode: this.rootNode,
         changedPath: t,
         afterColumnsChanged: i
-      }), Dt(this.gos) && this.selectionService.updateGroupsFromChildrenSelections(
+      }), Et(this.gos) && this.selectionService.updateGroupsFromChildrenSelections(
         "rowGroupChanged",
         t
       ) && this.eventService.dispatchEvent({
@@ -30183,7 +30195,7 @@ var _C = class extends F {
       o
     );
   }
-}, Do = "32.3.7", hl = {
+}, Do = "32.3.8", hl = {
   version: Do,
   moduleName: "@ag-grid-community/client-side-row-model-core",
   rowModel: "clientSide",
@@ -30604,7 +30616,7 @@ var iv = class extends F {
     e.forEach((o) => {
       const r = o;
       r.getChildren && r.getChildren().forEach((n) => i.push(n));
-    }), e.length > 0 && le(e[0]) && this.doAddHeaderHeader(t, e, s), i && i.length > 0 && this.recursivelyAddHeaderGroups(
+    }), e.length > 0 && ne(e[0]) && this.doAddHeaderHeader(t, e, s), i && i.length > 0 && this.recursivelyAddHeaderGroups(
       i,
       t,
       s
@@ -30634,7 +30646,7 @@ var iv = class extends F {
       );
     });
   }
-}, Eo = "32.3.7", gl = {
+}, Eo = "32.3.8", gl = {
   version: Eo,
   moduleName: "@ag-grid-community/csv-export-core",
   beans: [ev, iv]
@@ -30889,7 +30901,7 @@ var iv = class extends F {
     return false;
   }
   postConstruct() {
-    this.gos.get("rowModelType") === "infinite" && (this.rowHeight = yt(this.gos), this.addEventListeners(), this.addDestroyFunc(() => this.destroyCache()), this.verifyProps());
+    this.gos.get("rowModelType") === "infinite" && (this.rowHeight = Rt(this.gos), this.addEventListeners(), this.addDestroyFunc(() => this.destroyCache()), this.verifyProps());
   }
   verifyProps() {
     this.gos.exists("initialGroupOrderComparator") && b(
@@ -30912,7 +30924,7 @@ var iv = class extends F {
       newColumnsLoaded: this.onColumnEverything.bind(this),
       storeUpdated: this.onCacheUpdated.bind(this)
     }), this.addManagedPropertyListener("datasource", () => this.setDatasource(this.gos.get("datasource"))), this.addManagedPropertyListener("cacheBlockSize", () => this.resetCache()), this.addManagedPropertyListener("rowHeight", () => {
-      this.rowHeight = yt(this.gos), this.cacheParams.rowHeight = this.rowHeight, this.updateRowHeights();
+      this.rowHeight = Rt(this.gos), this.cacheParams.rowHeight = this.rowHeight, this.updateRowHeights();
     });
   }
   onFilterChanged() {
@@ -30974,7 +30986,7 @@ var iv = class extends F {
       // or a new datasource is set
       initialRowCount: this.gos.get("infiniteInitialRowCount"),
       maxBlocksInCache: this.gos.get("maxBlocksInCache"),
-      rowHeight: yt(this.gos),
+      rowHeight: Rt(this.gos),
       // if user doesn't provide overflow, we use default overflow of 1, so user can scroll past
       // the current page and request first row of next page
       overflowSize: this.gos.get("cacheOverflowSize"),
@@ -31057,7 +31069,7 @@ function hv(e) {
   var _a3, _b;
   return (_b = (_a3 = e.rowModelHelperService) == null ? void 0 : _a3.getInfiniteRowModel()) == null ? void 0 : _b.getRowCount();
 }
-var Mo = "32.3.7", pl = {
+var Mo = "32.3.8", pl = {
   version: Mo,
   moduleName: "@ag-grid-community/infinite-row-model-core",
   rowModel: "infinite",
@@ -31860,7 +31872,7 @@ var Iv = 1e3, Lv = class {
       }
     }
   }, [e]);
-}, vt = Kv, $v = class {
+}, wt = Kv, $v = class {
   constructor(e, t) {
     this.cellEditorParams = e, this.refreshProps = t, this.instanceCreated = new ie((s) => {
       this.resolveInstanceCreated = s;
@@ -32062,7 +32074,7 @@ var Iv = 1e3, Lv = class {
         if (ge) {
           const j = ge.getGui();
           J.insertAdjacentElement("afterbegin", j), $.current.push(() => {
-            i.destroyBean(ge), Et(j);
+            i.destroyBean(ge), Mt(j);
           });
         }
         return ge;
@@ -32074,7 +32086,7 @@ var Iv = 1e3, Lv = class {
       w && ue(e.createDndSource()), v && ue(e.createRowDragComp());
     },
     [e, i, w, v, C]
-  ), ae = g.useCallback((J) => {
+  ), le = g.useCallback((J) => {
     if (I.current = J, n.current = J ? i.createBean(new $t()) : i.destroyBean(n.current), !J || !e)
       return;
     const ue = {
@@ -32113,7 +32125,7 @@ var Iv = 1e3, Lv = class {
       }
     }, ge = he.current || void 0;
     e.setComp(ue, J, ge, t, s, n.current);
-  }, []), re = g.useMemo(() => {
+  }, []), ae = g.useMemo(() => {
     var _a3;
     return !!(((_a3 = l == null ? void 0 : l.compDetails) == null ? void 0 : _a3.componentFromFramework) && Qt(l.compDetails.componentClass));
   }, [l]);
@@ -32127,10 +32139,10 @@ var Iv = 1e3, Lv = class {
     r,
     T,
     K,
-    re,
+    ae,
     U
-  ), c != null && Jv(c, X, I.current, e, E)), It = g.useCallback(() => e.onFocusOut(), []);
-  return /* @__PURE__ */ x.createElement("div", { ref: ae, style: p, role: A, "col-id": o, onBlur: It }, K ? /* @__PURE__ */ x.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: G }, Be()) : Be());
+  ), c != null && Jv(c, X, I.current, e, E)), pt = g.useCallback(() => e.onFocusOut(), []);
+  return /* @__PURE__ */ x.createElement("div", { ref: le, style: p, role: A, "col-id": o, onBlur: pt }, K ? /* @__PURE__ */ x.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: G }, Be()) : Be());
 }, tw = g.memo(ew), sw = ({ rowCtrl: e, containerType: t }) => {
   const { context: s, gos: i } = g.useContext(fe), o = g.useRef(), r = g.useRef(e.getDomOrder()), n = e.isFullWidth(), l = e.getRowNode().displayed, [a, c] = g.useState(() => l ? e.getRowIndex() : null), [u, d] = g.useState(() => e.getRowId()), [h, p] = g.useState(() => e.getBusinessKey()), [m, C] = g.useState(() => e.getRowStyles()), f = g.useRef(null), v = g.useRef(null), [S, w] = g.useState(() => null), [R, E] = g.useState(), [D, P] = g.useState(
     () => l ? e.getInitialRowTop(t) : void 0
@@ -32142,7 +32154,7 @@ var Iv = 1e3, Lv = class {
     if (W.current || !R || he > 10)
       return;
     const G = (_a3 = T.current) == null ? void 0 : _a3.firstChild;
-    G ? (e.setupDetailRowAutoHeight(G), W.current = true) : $((ae) => ae + 1);
+    G ? (e.setupDetailRowAutoHeight(G), W.current = true) : $((le) => le + 1);
   }, [R, he]);
   const te = g.useRef();
   te.current || (te.current = new ys(() => T.current));
@@ -32153,34 +32165,34 @@ var Iv = 1e3, Lv = class {
     }
     if (!e.isAlive())
       return;
-    const ae = {
+    const le = {
       // the rowTop is managed by state, instead of direct style manipulation by rowCtrl (like all the other styles)
       // as we need to have an initial value when it's placed into he DOM for the first time, for animation to work.
       setTop: P,
       setTransform: I,
       // i found using React for managing classes at the row level was to slow, as modifying classes caused a lot of
       // React code to execute, so avoiding React for managing CSS Classes made the grid go much faster.
-      addOrRemoveCssClass: (re, Be) => te.current.addOrRemoveCssClass(re, Be),
-      setDomOrder: (re) => r.current = re,
+      addOrRemoveCssClass: (ae, Be) => te.current.addOrRemoveCssClass(ae, Be),
+      setDomOrder: (ae) => r.current = ae,
       setRowIndex: c,
       setRowId: d,
       setRowBusinessKey: p,
       setUserStyles: C,
       // if we don't maintain the order, then cols will be ripped out and into the dom
       // when cols reordered, which would stop the CSS transitions from working
-      setCellCtrls: (re, Be) => {
-        v.current = f.current, f.current = re;
-        const It = Ao(v.current, re, r.current);
-        It !== v.current && xo(Be, () => w(It));
+      setCellCtrls: (ae, Be) => {
+        v.current = f.current;
+        const pt = Ao(v.current, ae, r.current);
+        pt !== v.current && (f.current = pt, xo(Be, () => w(pt)));
       },
-      showFullWidth: (re) => E(re),
+      showFullWidth: (ae) => E(ae),
       getFullWidthCellRenderer: () => L.current,
-      refreshFullWidth: (re) => X.current ? (E((Be) => ({
+      refreshFullWidth: (ae) => X.current ? (E((Be) => ({
         ...Be,
-        params: re()
-      })), true) : !L.current || !L.current.refresh ? false : L.current.refresh(re())
+        params: ae()
+      })), true) : !L.current || !L.current.refresh ? false : L.current.refresh(ae())
     };
-    e.setComp(ae, G, t, o.current);
+    e.setComp(le, G, t, o.current);
   }, []);
   g.useLayoutEffect(
     () => bs(R, s, T.current, L),
@@ -32220,7 +32232,7 @@ var Iv = 1e3, Lv = class {
   );
 }, iw = g.memo(sw), ow = ({ name: e }) => {
   const { context: t } = g.useContext(fe), s = g.useMemo(() => Gt(e), [e]), i = g.useRef(null), o = g.useRef(null), r = g.useRef([]), n = g.useRef([]), [l, a] = g.useState(() => []), c = g.useRef(false), u = g.useRef(), d = g.useMemo(() => ke(s.viewport), [s]), h = g.useMemo(() => ke(s.container), [s]), p = s.type === "center", m = p ? i : o;
-  vt(" AG Row Container " + e + " ", m);
+  wt(" AG Row Container " + e + " ", m);
   const C = g.useCallback(() => p ? i.current != null && o.current != null : o.current != null, []), f = g.useCallback(() => p ? i.current == null && o.current == null : o.current == null, []), v = g.useCallback(() => {
     if (f() && (u.current = t.destroyBean(u.current)), C()) {
       const E = (P) => {
@@ -32268,31 +32280,31 @@ var Iv = 1e3, Lv = class {
 }, rw = g.memo(ow), nw = () => {
   const { context: e, resizeObserverService: t } = g.useContext(fe), [s, i] = g.useState(""), [o, r] = g.useState(0), [n, l] = g.useState(0), [a, c] = g.useState("0px"), [u, d] = g.useState("0px"), [h, p] = g.useState("100%"), [m, C] = g.useState("0px"), [f, v] = g.useState("0px"), [S, w] = g.useState("100%"), [R, E] = g.useState(""), [D, P] = g.useState(""), [A, I] = g.useState(null), [T, L] = g.useState(""), [W, he] = g.useState(null), [$, te] = g.useState("ag-layout-normal"), z = g.useRef();
   z.current || (z.current = new ys(() => _.current));
-  const _ = g.useRef(null), U = g.useRef(null), se = g.useRef(null), K = g.useRef(null), X = g.useRef(null), Q = g.useRef(null), xe = g.useRef(null), G = g.useRef([]), ae = g.useRef([]);
-  vt(" AG Grid Body ", _), vt(" AG Pinned Top ", U), vt(" AG Sticky Top ", se), vt(" AG Middle ", Q), vt(" AG Pinned Bottom ", xe);
-  const re = g.useCallback((We) => {
+  const _ = g.useRef(null), U = g.useRef(null), se = g.useRef(null), K = g.useRef(null), X = g.useRef(null), Q = g.useRef(null), xe = g.useRef(null), G = g.useRef([]), le = g.useRef([]);
+  wt(" AG Grid Body ", _), wt(" AG Pinned Top ", U), wt(" AG Sticky Top ", se), wt(" AG Middle ", Q), wt(" AG Pinned Bottom ", xe);
+  const ae = g.useCallback((We) => {
     if (_.current = We, !We) {
-      G.current = e.destroyBeans(G.current), ae.current.forEach((ne) => ne()), ae.current = [];
+      G.current = e.destroyBeans(G.current), le.current.forEach((re) => re()), le.current = [];
       return;
     }
     if (!e)
       return;
-    const Ps = (ne, Pe) => {
-      ne.appendChild(Pe), ae.current.push(() => ne.removeChild(Pe));
-    }, li = (ne) => {
-      const Pe = e.createBean(new ne());
+    const Ps = (re, Pe) => {
+      re.appendChild(Pe), le.current.push(() => re.removeChild(Pe));
+    }, li = (re) => {
+      const Pe = e.createBean(new re());
       return G.current.push(Pe), Pe;
-    }, Jt = (ne, Pe, Rl) => {
-      Ps(ne, document.createComment(Rl)), Ps(ne, li(Pe).getGui());
+    }, Jt = (re, Pe, Rl) => {
+      Ps(re, document.createComment(Rl)), Ps(re, li(Pe).getGui());
     };
     Jt(We, md, " AG Fake Horizontal Scroll "), Jt(We, fd, " AG Overlay Wrapper "), X.current && Jt(X.current, Cd, " AG Fake Vertical Scroll ");
     const yl = {
       setRowAnimationCssOnBodyViewport: i,
-      setColumnCount: (ne) => {
-        _.current && xa(_.current, ne);
+      setColumnCount: (re) => {
+        _.current && xa(_.current, re);
       },
-      setRowCount: (ne) => {
-        _.current && Ea(_.current, ne);
+      setRowCount: (re) => {
+        _.current && Ea(_.current, re);
       },
       setTopHeight: r,
       setBottomHeight: l,
@@ -32301,18 +32313,18 @@ var Iv = 1e3, Lv = class {
       setStickyTopWidth: p,
       setTopDisplay: E,
       setBottomDisplay: P,
-      setColumnMovingCss: (ne, Pe) => z.current.addOrRemoveCssClass(ne, Pe),
+      setColumnMovingCss: (re, Pe) => z.current.addOrRemoveCssClass(re, Pe),
       updateLayoutClasses: te,
       setAlwaysVerticalScrollClass: I,
       setPinnedTopBottomOverflowY: L,
-      setCellSelectableCss: (ne, Pe) => he(Pe ? ne : null),
-      setBodyViewportWidth: (ne) => {
-        Q.current && (Q.current.style.width = ne);
+      setCellSelectableCss: (re, Pe) => he(Pe ? re : null),
+      setBodyViewportWidth: (re) => {
+        Q.current && (Q.current.style.width = re);
       },
-      registerBodyViewportResizeListener: (ne) => {
+      registerBodyViewportResizeListener: (re) => {
         if (Q.current) {
-          const Pe = t.observeResize(Q.current, ne);
-          ae.current.push(() => Pe());
+          const Pe = t.observeResize(Q.current, re);
+          le.current.push(() => Pe());
         }
       },
       setStickyBottomHeight: C,
@@ -32328,7 +32340,7 @@ var Iv = 1e3, Lv = class {
       se.current,
       K.current
     );
-  }, []), Be = g.useMemo(() => ke("ag-root", "ag-unselectable", $), [$]), It = g.useMemo(
+  }, []), Be = g.useMemo(() => ke("ag-root", "ag-unselectable", $), [$]), pt = g.useMemo(
     () => ke(
       "ag-body-viewport",
       s,
@@ -32376,14 +32388,14 @@ var Iv = 1e3, Lv = class {
     className: li,
     style: Jt
   }) => /* @__PURE__ */ x.createElement("div", { ref: We, className: li, role: "presentation", style: Jt }, Ps.map(Sl));
-  return /* @__PURE__ */ x.createElement("div", { ref: re, className: Be, role: "treegrid" }, /* @__PURE__ */ x.createElement(Uv, null), Xt({
+  return /* @__PURE__ */ x.createElement("div", { ref: ae, className: Be, role: "treegrid" }, /* @__PURE__ */ x.createElement(Uv, null), Xt({
     section: U,
     className: ue,
     style: be,
     children: ["topLeft", "topCenter", "topRight", "topFullWidth"]
   }), /* @__PURE__ */ x.createElement("div", { className: J, ref: X, role: "presentation" }, Xt({
     section: Q,
-    className: It,
+    className: pt,
     children: ["left", "center", "right", "fullWidth"]
   })), Xt({
     section: se,
@@ -32463,7 +32475,7 @@ var Iv = 1e3, Lv = class {
   const [t, s] = g.useState(""), [i, o] = g.useState(""), [r, n] = g.useState(""), [l, a] = g.useState(null), [c, u] = g.useState(null), [d, h] = g.useState(false), [p, m] = g.useState(), C = g.useRef(), f = g.useRef(null), v = g.useRef(), [S, w] = g.useState(null), R = g.useRef(() => {
   }), E = g.useRef(), D = g.useRef([]), P = g.useCallback(() => {
   }, []), A = g.useMemo(() => e.isDestroyed() ? null : e.getBeans(), [e]);
-  vt(" AG Grid ", f);
+  wt(" AG Grid ", f);
   const I = g.useCallback(($) => {
     if (f.current = $, C.current = $ ? e.createBean(new _g()) : e.destroyBean(C.current), !$ || e.isDestroyed())
       return;
@@ -32508,16 +32520,16 @@ var Iv = 1e3, Lv = class {
       gridHeaderDropZonesSelector: X
     } = $.getOptionalSelectors(), Q = [];
     if (X) {
-      const G = e.createBean(new X.component()), ae = G.getGui();
-      te.insertAdjacentElement("afterbegin", ae), Q.push(ae), z.push(G);
+      const G = e.createBean(new X.component()), le = G.getGui();
+      te.insertAdjacentElement("afterbegin", le), Q.push(le), z.push(G);
     }
     if (se) {
-      const G = e.createBean(new se.component()), ae = G.getGui(), re = S.querySelector(".ag-tab-guard-bottom");
-      re && (re.insertAdjacentElement("beforebegin", ae), Q.push(ae)), z.push(G), D.current.push(G);
+      const G = e.createBean(new se.component()), le = G.getGui(), ae = S.querySelector(".ag-tab-guard-bottom");
+      ae && (ae.insertAdjacentElement("beforebegin", le), Q.push(le)), z.push(G), D.current.push(G);
     }
     const xe = (G) => {
-      const ae = e.createBean(new G()), re = ae.getGui();
-      return te.insertAdjacentElement("beforeend", re), Q.push(re), z.push(ae), ae;
+      const le = e.createBean(new G()), ae = le.getGui();
+      return te.insertAdjacentElement("beforeend", ae), Q.push(ae), z.push(le), le;
     };
     if (K && xe(K.component), U) {
       const G = xe(U.component);