@owp/core 2.5.61 → 2.5.63

package/dist/components/OwpTreeGrid/internal/treeGridTheme.js

@@ -1,10 +1,13 @@
-var he = Object.defineProperty;
-var t = (e, r) => he(e, "name", { value: r, configurable: !0 });
-import { TREEGRID_ADDED_ROW_BACKGROUND_COLOR as Me, TREEGRID_DEFAULT_EDITING_CELL_BORDER_COLOR as Be, TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as fe, TREEGRID_DEFAULT_HINT_BACKGROUND_COLOR as xe, TREEGRID_FONT_FAMILY_STACK as V, TREEGRID_ERROR_CELL_BORDER_COLOR as Fe, TREEGRID_CELL_CHANGED_CLASS as i } from "../../../constants/treeGrid.js";
-import { DEFAULT_TABLE_RADIUS as Ne } from "../../../constants/table.js";
-import { OWP_GRID_SCROLLBAR_DEFAULT_ARROW_COLOR as Ve, OWP_GRID_SCROLLBAR_DEFAULT_THUMB_HOVER_COLOR as Pe, OWP_GRID_SCROLLBAR_DEFAULT_THUMB_COLOR as ye, OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_LARGE_THUMB_HEIGHT as We, OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_THUMB_HEIGHT as Ue, OWP_GRID_SCROLLBAR_DEFAULT_BACKGROUND_COLOR as ze, OWP_GRID_SCROLLBAR_DEFAULT_HOVER_BACKGROUND_COLOR as je, OWP_GRID_SCROLLBAR_DEFAULT_BORDER_COLOR as Xe, OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_LARGE_THUMB_WIDTH as Ke, OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_THUMB_WIDTH as Ye } from "../../../constants/gridTheme.js";
-import { darken as Ze } from "@mui/material/styles";
-const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tree-grid-panel-checkbox-select", qe = "owp-tree-grid-select-all-checked", Je = "owp-tree-grid-select-all-indeterminate", er = "owp-tree-grid-select-all-unchecked", Re = "owp-tree-grid-selected-changed-cell", pe = "owp-tree-grid-error-cell", f = "owp-tree-grid-added-row-box-cell", rr = "owp-tree-grid-added-row-box-start", or = "owp-tree-grid-added-row-box-end", tr = "--owp-tree-grid-hover-cell-border-color", Ce = "--owp-tree-grid-editing-cell-border-color", _e = "--owp-tree-grid-hint-background-color", n = [
+var xe = Object.defineProperty;
+var t = (e, o) => xe(e, "name", { value: o, configurable: !0 });
+import { TREEGRID_ADDED_ROW_BACKGROUND_COLOR as Fe, TREEGRID_DEFAULT_EDITING_CELL_BORDER_COLOR as Ne, TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as Ve, TREEGRID_DEFAULT_HINT_BACKGROUND_COLOR as Pe, TREEGRID_FONT_FAMILY_STACK as P, TREEGRID_ERROR_CELL_BORDER_COLOR as ye, TREEGRID_DELETED_ROW_BACKGROUND_COLOR as Ue, TREEGRID_DEFAULT_ENUM_MENU_SELECTED_BACKGROUND_COLOR as We, TREEGRID_DEFAULT_ENUM_MENU_HOVER_BACKGROUND_COLOR as ze, TREEGRID_CELL_CHANGED_CLASS as i } from "../../../constants/treeGrid.js";
+import { DEFAULT_TABLE_RADIUS as je } from "../../../constants/table.js";
+import { OWP_GRID_SCROLLBAR_DEFAULT_ARROW_COLOR as Xe, OWP_GRID_SCROLLBAR_DEFAULT_THUMB_HOVER_COLOR as Ke, OWP_GRID_SCROLLBAR_DEFAULT_THUMB_COLOR as Ye, OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_LARGE_THUMB_HEIGHT as Ze, OWP_GRID_SCROLLBAR_DEFAULT_HORIZONTAL_THUMB_HEIGHT as Qe, OWP_GRID_SCROLLBAR_DEFAULT_BACKGROUND_COLOR as qe, OWP_GRID_SCROLLBAR_DEFAULT_HOVER_BACKGROUND_COLOR as Je, OWP_GRID_SCROLLBAR_DEFAULT_BORDER_COLOR as eo, OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_LARGE_THUMB_WIDTH as oo, OWP_GRID_SCROLLBAR_DEFAULT_VERTICAL_THUMB_WIDTH as ro } from "../../../constants/gridTheme.js";
+import { darken as to } from "@mui/material/styles";
+const r = "owp-tree-grid-theme", T = "owp-tree-grid-table-radius", lo = "owp-tree-grid-panel-checkbox-select", ao = "owp-tree-grid-select-all-checked", no = "owp-tree-grid-select-all-indeterminate", co = "owp-tree-grid-select-all-unchecked", Ce = "owp-tree-grid-selected-changed-cell", so = "owp-tree-grid-deleted-row-panel-cell", pe = "owp-tree-grid-error-cell", x = "owp-tree-grid-added-row-box-cell", io = "owp-tree-grid-added-row-box-start", So = "owp-tree-grid-added-row-box-end", uo = "--owp-tree-grid-hover-cell-border-color", Ee = "--owp-tree-grid-editing-cell-border-color", be = "--owp-tree-grid-hint-background-color", $e = "--owp-tree-grid-enum-menu-hover-background-color", ge = "--owp-tree-grid-enum-menu-selected-background-color", Fl = /* @__PURE__ */ t((e, o) => {
+  var l;
+  typeof document > "u" || !o || (document.documentElement.style.setProperty(e, o), (l = document.body) == null || l.style.setProperty(e, o));
+}, "setTreeGridFloatingLayerCssVariable"), n = [
   "TS",
   "TW",
   "TB",
@@ -21,7 +24,7 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "CR",
   "CP",
   "CC"
-], E = "#CDD8E4", C = "1px", d = `var(--owp-tree-grid-table-border-radius, ${Ne})`, Y = "#757575", Ee = "2px", be = `var(--owp-tree-grid-error-cell-border-color, ${Fe})`, lr = `inset 0 0 0 ${Ee} ${be} !important`, L = "2px", ar = "3px 2px 3px 3px", k = "1px", $e = Ze(Me, 0.42), Z = "border-box !important", H = `var(--owp-tree-grid-added-row-box-color, ${$e})`, b = "#f5f5f5", we = "#e0e0e0", Q = `var(--owp-tree-grid-hover-row-border-color, ${we})`, nr = `var(--owp-tree-grid-hover-cell-background-color, ${b})`, I = `var(${tr}, ${we})`, P = `var(${Ce}, ${Be})`, q = `var(${_e}, ${xe})`, cr = 240, z = "TS", j = `var(--owp-tree-grid-scrollbar-background-color, ${ze})`, sr = `var(--owp-tree-grid-scrollbar-hover-background-color, ${je})`, dr = `var(--owp-tree-grid-scrollbar-border-color, ${Xe})`, y = `var(--owp-tree-grid-scrollbar-thumb-color, ${ye})`, W = `var(--owp-tree-grid-scrollbar-thumb-hover-color, ${Pe})`, ir = `var(--owp-tree-grid-scrollbar-arrow-color, ${Ve})`, Sr = `var(--owp-tree-grid-scrollbar-horizontal-thumb-height, ${Ue})`, ur = `var(--owp-tree-grid-scrollbar-horizontal-large-thumb-height, ${We})`, Rr = `var(--owp-tree-grid-scrollbar-vertical-thumb-width, ${Ye})`, pr = `var(--owp-tree-grid-scrollbar-vertical-large-thumb-width, ${Ke})`, Cr = "17px", _r = "31px", Er = "OwpSoftChange", br = "OwpSoftRevert", $r = "OwpSoftRowSelect", wr = "OwpSoftRowDeselect", gr = "OwpSoftRowAdd", Or = "OwpSoftRowRemove", Ir = "OwpPickerMenuShowDown", Dr = "OwpPickerMenuShowUp", mr = "OwpPickerMenuHideDown", Tr = "OwpPickerMenuHideUp", vr = "rgba(25, 118, 210, 0.36)", Gr = "rgba(25, 118, 210, 0.20)", Lr = "rgba(25, 118, 210, 0.26)", kr = "rgba(25, 118, 210, 0.13)", Hr = "rgba(96, 125, 139, 0.35)", Ar = "rgba(96, 125, 139, 0.20)", hr = "rgba(96, 125, 139, 0.32)", Mr = "rgba(96, 125, 139, 0.16)", Br = "rgba(25, 118, 210, 0.14)", fr = "rgba(25, 118, 210, 0.08)", xr = "rgba(25, 118, 210, 0.1)", Fr = "rgba(25, 118, 210, 0.05)", Nr = "rgba(46, 125, 50, 0.24)", Vr = "rgba(46, 125, 50, 0.12)", Pr = "rgba(46, 125, 50, 0.16)", yr = "rgba(46, 125, 50, 0.07)", Wr = "rgba(96, 125, 139, 0.16)", Ur = "rgba(96, 125, 139, 0.06)", zr = "rgba(96, 125, 139, 0.1)", jr = "rgba(96, 125, 139, 0.035)", J = "rgba(25, 118, 210, 0)", ee = "rgba(96, 125, 139, 0)", re = "rgba(25, 118, 210, 0)", oe = "rgba(46, 125, 50, 0)", te = "rgba(96, 125, 139, 0)", le = "background-color 140ms ease-out, box-shadow 140ms ease-out", x = [
+], E = "#CDD8E4", C = "1px", d = `var(--owp-tree-grid-table-border-radius, ${je})`, Z = "#757575", we = "2px", Oe = `var(--owp-tree-grid-error-cell-border-color, ${ye})`, Ro = `inset 0 0 0 ${we} ${Oe} !important`, k = "2px", _o = "3px 2px 3px 3px", A = "1px", De = to(Fe, 0.42), Q = "border-box !important", h = `var(--owp-tree-grid-added-row-box-color, ${De})`, q = `var(--owp-tree-grid-deleted-row-background-color, ${Ue})`, b = "#f5f5f5", Ie = "#e0e0e0", J = `var(--owp-tree-grid-hover-row-border-color, ${Ie})`, Co = `var(--owp-tree-grid-hover-cell-background-color, ${b})`, D = `var(${uo}, ${Ie})`, y = `var(${Ee}, ${Ne})`, ee = `var(${be}, ${Pe})`, po = `var(${$e}, ${ze})`, Eo = `var(${ge}, ${We})`, bo = 240, j = "TS", X = `var(--owp-tree-grid-scrollbar-background-color, ${qe})`, $o = `var(--owp-tree-grid-scrollbar-hover-background-color, ${Je})`, go = `var(--owp-tree-grid-scrollbar-border-color, ${eo})`, U = `var(--owp-tree-grid-scrollbar-thumb-color, ${Ye})`, W = `var(--owp-tree-grid-scrollbar-thumb-hover-color, ${Ke})`, wo = `var(--owp-tree-grid-scrollbar-arrow-color, ${Xe})`, Oo = `var(--owp-tree-grid-scrollbar-horizontal-thumb-height, ${Qe})`, Do = `var(--owp-tree-grid-scrollbar-horizontal-large-thumb-height, ${Ze})`, Io = `var(--owp-tree-grid-scrollbar-vertical-thumb-width, ${ro})`, mo = `var(--owp-tree-grid-scrollbar-vertical-large-thumb-width, ${oo})`, To = "17px", Go = "31px", Lo = "OwpSoftChange", vo = "OwpSoftRevert", ko = "OwpSoftRowSelect", Ao = "OwpSoftRowDeselect", ho = "OwpSoftRowAdd", Ho = "OwpSoftRowRemove", Mo = "OwpPickerMenuShowDown", Bo = "OwpPickerMenuShowUp", fo = "OwpPickerMenuHideDown", xo = "OwpPickerMenuHideUp", Fo = "rgba(25, 118, 210, 0.36)", No = "rgba(25, 118, 210, 0.20)", Vo = "rgba(25, 118, 210, 0.26)", Po = "rgba(25, 118, 210, 0.13)", yo = "rgba(96, 125, 139, 0.35)", Uo = "rgba(96, 125, 139, 0.20)", Wo = "rgba(96, 125, 139, 0.32)", zo = "rgba(96, 125, 139, 0.16)", jo = "rgba(25, 118, 210, 0.14)", Xo = "rgba(25, 118, 210, 0.08)", Ko = "rgba(25, 118, 210, 0.1)", Yo = "rgba(25, 118, 210, 0.05)", Zo = "rgba(46, 125, 50, 0.24)", Qo = "rgba(46, 125, 50, 0.12)", qo = "rgba(46, 125, 50, 0.16)", Jo = "rgba(46, 125, 50, 0.07)", er = "rgba(96, 125, 139, 0.16)", or = "rgba(96, 125, 139, 0.06)", rr = "rgba(96, 125, 139, 0.1)", tr = "rgba(96, 125, 139, 0.035)", oe = "rgba(25, 118, 210, 0)", re = "rgba(96, 125, 139, 0)", te = "rgba(25, 118, 210, 0)", le = "rgba(46, 125, 50, 0)", ae = "rgba(96, 125, 139, 0)", ne = "background-color 140ms ease-out, box-shadow 140ms ease-out", F = [
   "DefaultsLeft",
   "DefaultsRight",
   "DefaultsTop",
@@ -30,12 +33,12 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "EnumRight",
   "EnumTop",
   "EnumBottom"
-], B = [
+], f = [
   "CursorBorderLeft",
   "CursorBorderRight",
   "CursorBorderTop",
   "CursorBorderBottom"
-], Xr = [
+], lr = [
   "DialogButton",
   "DragObject",
   "Edit",
@@ -82,191 +85,184 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "TipBody",
   "TipMain",
   "TipOuter"
-], p = /* @__PURE__ */ t((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), Kr = p(
+], _ = /* @__PURE__ */ t((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), ar = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect x="2" y="2" width="14" height="14" rx="1.5" fill="none" stroke="#CDD8E4" stroke-width="1.6"/></svg>'
-), Yr = p(
+), nr = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect x="2" y="2" width="14" height="14" rx="1.5" fill="none" stroke="#CDD8E4" stroke-width="1.6"/><path d="M4.7 9 7.4 11.7 13.3 5.8" fill="none" stroke="#7A8899" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/></svg>'
-), ae = p(
+), ce = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect x="2" y="2" width="14" height="14" rx="1.5" fill="none" stroke="#FFFFFF" stroke-width="1.6"/></svg>'
-), ne = p(
+), se = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect x="2" y="2" width="14" height="14" rx="1.5" fill="none" stroke="#FFFFFF" stroke-width="1.6"/><path d="M4.7 9 7.4 11.7 13.3 5.8" fill="none" stroke="#FFFFFF" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/></svg>'
-), Zr = p(
+), cr = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><rect x="2" y="2" width="14" height="14" rx="1.5" fill="none" stroke="#FFFFFF" stroke-width="1.6"/><path d="M5.2 9h7.6" fill="none" stroke="#FFFFFF" stroke-width="2.3" stroke-linecap="round"/></svg>'
-), ce = p(
+), de = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M3 4h12l-4.8 5.4v4.1l-2.4 1.2V9.4z" fill="none" stroke="#000" stroke-width="1.7" stroke-linejoin="round"/></svg>'
-), se = p(
+), ie = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M3 4h12l-4.8 5.4v4.1l-2.4 1.2V9.4z" fill="#000" stroke="#000" stroke-width="1.7" stroke-linejoin="round"/></svg>'
-), Qr = p(
+), sr = _(
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="M8 3.2 2.9 8.3l1.3 1.3L8 5.8l3.8 3.8 1.3-1.3L8 3.2z"/></svg>'
-), qr = p(
+), dr = _(
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="m8 12.8 5.1-5.1-1.3-1.3L8 10.2 4.2 6.4 2.9 7.7 8 12.8z"/></svg>'
-), Jr = p(
+), ir = _(
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="M3.2 8 8.3 2.9l1.3 1.3L5.8 8l3.8 3.8-1.3 1.3L3.2 8z"/></svg>'
-), eo = p(
+), Sr = _(
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="m12.8 8-5.1 5.1-1.3-1.3L10.2 8 6.4 4.2l1.3-1.3L12.8 8z"/></svg>'
-), ro = "var(--owp-tree-grid-header-background-color, #586980)", oo = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", to = [
+), ur = "var(--owp-tree-grid-header-background-color, #586980)", Rr = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", _r = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.backgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.color;
+      var o;
+      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.color;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-fill-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.body) == null ? void 0 : r.fillBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.body) == null ? void 0 : o.fillBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.row) == null ? void 0 : r.backgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.row) == null ? void 0 : o.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-solid-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.row) == null ? void 0 : r.solidBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.row) == null ? void 0 : o.solidBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r, l;
-      return ((r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverBackgroundColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverRowBackgroundColor);
+      var o, l;
+      return ((o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverBackgroundColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverRowBackgroundColor);
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-border-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r, l;
-      return ((r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverBorderColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverRowBorderColor);
+      var o, l;
+      return ((o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverBorderColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverRowBorderColor);
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-row-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedRowBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.selectedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-cell-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedCellBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.selectedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBackgroundColor;
-    }, "getValue")
-  },
-  {
-    cssVariableName: "--owp-tree-grid-focused-row-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBorderColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r, l;
-      return ((r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverBackgroundColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverCellBackgroundColor);
+      var o, l;
+      return ((o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverBackgroundColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverCellBackgroundColor);
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-border-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r, l;
-      return ((r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverBorderColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverCellBorderColor);
+      var o, l;
+      return ((o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverBorderColor) ?? ((l = e == null ? void 0 : e.state) == null ? void 0 : l.hoverCellBorderColor);
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-border-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBorderColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellBorderColor;
     }, "getValue")
   },
   {
-    cssVariableName: Ce,
+    cssVariableName: Ee,
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.editingCellBorderColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.editingCellBorderColor;
     }, "getValue")
   },
   {
-    cssVariableName: _e,
+    cssVariableName: be,
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hintBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hintBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-error-cell-border-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.errorCellBorderColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.errorCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-rect-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellRectBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellRectBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-row-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.rowBackgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.changed) == null ? void 0 : o.rowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-background-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.backgroundColor;
+      var o;
+      return (o = e == null ? void 0 : e.changed) == null ? void 0 : o.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-text-color",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.color;
+      var o;
+      return (o = e == null ? void 0 : e.changed) == null ? void 0 : o.color;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-font-weight",
     getValue: /* @__PURE__ */ t((e) => {
-      var r;
-      return ((r = e == null ? void 0 : e.changed) == null ? void 0 : r.fontWeight) === void 0 ? void 0 : String(e.changed.fontWeight);
+      var o;
+      return ((o = e == null ? void 0 : e.changed) == null ? void 0 : o.fontWeight) === void 0 ? void 0 : String(e.changed.fontWeight);
     }, "getValue")
   }
-], lo = [
+], Cr = [
   {
     cssVariableName: "--owp-tree-grid-header-background-color",
     getValue: /* @__PURE__ */ t((e) => e.header.backgroundColor, "getValue")
@@ -291,6 +287,22 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     cssVariableName: "--owp-tree-grid-cell-font-size",
     getValue: /* @__PURE__ */ t((e) => $(e.cell.fontSize), "getValue")
   },
+  {
+    cssVariableName: "--owp-tree-grid-added-row-background-color",
+    getValue: /* @__PURE__ */ t((e) => e.added.rowBackgroundColor, "getValue")
+  },
+  {
+    cssVariableName: "--owp-tree-grid-deleted-row-background-color",
+    getValue: /* @__PURE__ */ t((e) => e.deleted.rowBackgroundColor, "getValue")
+  },
+  {
+    cssVariableName: $e,
+    getValue: /* @__PURE__ */ t((e) => e.enumMenu.hoverBackgroundColor, "getValue")
+  },
+  {
+    cssVariableName: ge,
+    getValue: /* @__PURE__ */ t((e) => e.enumMenu.selectedBackgroundColor, "getValue")
+  },
   {
     cssVariableName: "--owp-tree-grid-scrollbar-background-color",
     getValue: /* @__PURE__ */ t((e) => e.scrollbar.backgroundColor, "getValue")
@@ -331,22 +343,22 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     cssVariableName: "--owp-tree-grid-scrollbar-vertical-large-thumb-width",
     getValue: /* @__PURE__ */ t((e) => $(e.scrollbar.verticalLargeThumbWidth), "getValue")
   }
-], u = /* @__PURE__ */ t((e, r) => ({
-  backgroundColor: `var(${e}, ${r}) !important`
-}), "createTreeGridBackgroundColorStyle"), A = /* @__PURE__ */ t((e) => ({
+], u = /* @__PURE__ */ t((e, o) => ({
+  backgroundColor: `var(${e}, ${o}) !important`
+}), "createTreeGridBackgroundColorStyle"), H = /* @__PURE__ */ t((e) => ({
   backgroundColor: `var(${e}) !important`
-}), "createTreeGridOptionalBackgroundColorStyle"), v = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridOptionalBackgroundColorStyle"), m = /* @__PURE__ */ t((e) => ({
   borderColor: `${e} !important`,
   borderTopColor: `${e} !important`,
   borderRightColor: `${e} !important`,
   borderBottomColor: `${e} !important`,
   borderLeftColor: `${e} !important`,
   outlineColor: `${e} !important`
-}), "createTreeGridBorderColorStyle"), ao = /* @__PURE__ */ t((e) => ({
-  ...v(e),
+}), "createTreeGridBorderColorStyle"), pr = /* @__PURE__ */ t((e) => ({
+  ...m(e),
   borderStyle: "solid !important",
   borderWidth: "1px !important"
-}), "createTreeGridSolidBorderColorStyle"), de = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridSolidBorderColorStyle"), Se = /* @__PURE__ */ t((e) => ({
   "0%": {
     animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
     opacity: 0,
@@ -364,7 +376,7 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     transform: "scale(1, 1)",
     transformOrigin: e
   }
-}), "createTreeGridPickerMenuShowKeyframes"), ie = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridPickerMenuShowKeyframes"), ue = /* @__PURE__ */ t((e) => ({
   "0%": {
     animationTimingFunction: "linear",
     opacity: 1,
@@ -382,81 +394,81 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     transform: "scale(0.75, 0.5625)",
     transformOrigin: e
   }
-}), "createTreeGridPickerMenuHideKeyframes"), no = /* @__PURE__ */ t(() => Object.fromEntries(
+}), "createTreeGridPickerMenuHideKeyframes"), Er = /* @__PURE__ */ t(() => Object.fromEntries(
   n.flatMap((e) => [
     [
-      `@keyframes ${e}${Er}`,
+      `@keyframes ${e}${Lo}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${vr}, inset 0 0 0 9999px ${Gr}`
+          boxShadow: `inset 0 0 0 1px ${Fo}, inset 0 0 0 9999px ${No}`
         },
         "40%": {
-          boxShadow: `inset 0 0 0 1px ${Lr}, inset 0 0 0 9999px ${kr}`
+          boxShadow: `inset 0 0 0 1px ${Vo}, inset 0 0 0 9999px ${Po}`
         },
         "100%": {
-          boxShadow: `inset 0 0 0 1px ${J}, inset 0 0 0 9999px ${J}`
+          boxShadow: `inset 0 0 0 1px ${oe}, inset 0 0 0 9999px ${oe}`
         }
       }
     ],
     [
-      `@keyframes ${e}${br}`,
+      `@keyframes ${e}${vo}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${Hr}, inset 0 0 0 9999px ${Ar}`
+          boxShadow: `inset 0 0 0 1px ${yo}, inset 0 0 0 9999px ${Uo}`
         },
         "35%": {
-          boxShadow: `inset 0 0 0 1px ${hr}, inset 0 0 0 9999px ${Mr}`
+          boxShadow: `inset 0 0 0 1px ${Wo}, inset 0 0 0 9999px ${zo}`
         },
         "100%": {
-          boxShadow: `inset 0 0 0 1px ${ee}, inset 0 0 0 9999px ${ee}`
+          boxShadow: `inset 0 0 0 1px ${re}, inset 0 0 0 9999px ${re}`
         }
       }
     ],
     [
-      `@keyframes ${e}${$r}`,
+      `@keyframes ${e}${ko}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 9999px ${re}`
+          boxShadow: `inset 0 0 0 9999px ${te}`
         },
         "45%": {
-          boxShadow: `inset 0 0 0 9999px ${Br}`
+          boxShadow: `inset 0 0 0 9999px ${jo}`
         },
         "100%": {
-          boxShadow: `inset 0 0 0 9999px ${fr}`
+          boxShadow: `inset 0 0 0 9999px ${Xo}`
         }
       }
     ],
     [
-      `@keyframes ${e}${wr}`,
+      `@keyframes ${e}${Ao}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 9999px ${xr}`
+          boxShadow: `inset 0 0 0 9999px ${Ko}`
         },
         "55%": {
-          boxShadow: `inset 0 0 0 9999px ${Fr}`
+          boxShadow: `inset 0 0 0 9999px ${Yo}`
         },
         "100%": {
-          boxShadow: `inset 0 0 0 9999px ${re}`
+          boxShadow: `inset 0 0 0 9999px ${te}`
         }
       }
     ],
     [
-      `@keyframes ${e}${gr}`,
+      `@keyframes ${e}${ho}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${Nr}, inset 0 0 0 9999px ${Vr}`,
+          boxShadow: `inset 0 0 0 1px ${Zo}, inset 0 0 0 9999px ${Qo}`,
           opacity: 0.72,
           transform: "scaleY(0.985)",
           transformOrigin: "center center"
         },
         "45%": {
-          boxShadow: `inset 0 0 0 1px ${Pr}, inset 0 0 0 9999px ${yr}`,
+          boxShadow: `inset 0 0 0 1px ${qo}, inset 0 0 0 9999px ${Jo}`,
           opacity: 1,
           transform: "scaleY(1)",
           transformOrigin: "center center"
         },
         "100%": {
-          boxShadow: `inset 0 0 0 1px ${oe}, inset 0 0 0 9999px ${oe}`,
+          boxShadow: `inset 0 0 0 1px ${le}, inset 0 0 0 9999px ${le}`,
           opacity: 1,
           transform: "scaleY(1)",
           transformOrigin: "center center"
@@ -464,108 +476,108 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
       }
     ],
     [
-      `@keyframes ${e}${Or}`,
+      `@keyframes ${e}${Ho}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${Wr}, inset 0 0 0 9999px ${Ur}`,
+          boxShadow: `inset 0 0 0 1px ${er}, inset 0 0 0 9999px ${or}`,
           opacity: 1
         },
         "45%": {
-          boxShadow: `inset 0 0 0 1px ${zr}, inset 0 0 0 9999px ${jr}`,
+          boxShadow: `inset 0 0 0 1px ${rr}, inset 0 0 0 9999px ${tr}`,
           opacity: 0.92
         },
         "100%": {
-          boxShadow: `inset 0 0 0 1px ${te}, inset 0 0 0 9999px ${te}`,
+          boxShadow: `inset 0 0 0 1px ${ae}, inset 0 0 0 9999px ${ae}`,
           opacity: 0.78
         }
       }
     ],
     [
-      `@keyframes ${e}${Ir}`,
-      de("top center")
+      `@keyframes ${e}${Mo}`,
+      Se("top center")
     ],
     [
-      `@keyframes ${e}${Dr}`,
-      de("bottom center")
+      `@keyframes ${e}${Bo}`,
+      Se("bottom center")
     ],
     [
-      `@keyframes ${e}${mr}`,
-      ie("top center")
+      `@keyframes ${e}${fo}`,
+      ue("top center")
     ],
     [
-      `@keyframes ${e}${Tr}`,
-      ie("bottom center")
+      `@keyframes ${e}${xo}`,
+      ue("bottom center")
     ]
   ])
 ), "createTreeGridSoftAnimationKeyframeStyles"), a = /* @__PURE__ */ t(({
-  wrapperSelector: e = `.${o}`,
-  rowSuffix: r,
+  wrapperSelector: e = `.${r}`,
+  rowSuffix: o,
   suffixes: l,
   descendant: c = "",
   withChildren: s = !1
-}) => n.flatMap((R) => l.flatMap((_) => {
-  const T = r ? ` .${R}${r}` : "", O = `${e}${T} .${R}${_}${c}`;
+}) => n.flatMap((R) => l.flatMap((p) => {
+  const G = o ? ` .${R}${o}` : "", O = `${e}${G} .${R}${p}${c}`;
   return s ? [O, `${O} *`] : [O];
-})).join(", "), "createTreeGridSelectors"), S = /* @__PURE__ */ t((e, r = "") => e.map((l) => `.${o} .${z}${l}${r}`).join(", "), "createTreeGridStandardSelectors"), F = /* @__PURE__ */ t((e, r) => e.split(", ").map((l) => `${l}${r}`).join(", "), "appendTreeGridSelectorListSuffix"), w = /* @__PURE__ */ t(({
-  wrapperSelector: e = `.${o}`,
-  ancestorSuffixes: r,
+})).join(", "), "createTreeGridSelectors"), S = /* @__PURE__ */ t((e, o = "") => e.map((l) => `.${r} .${j}${l}${o}`).join(", "), "createTreeGridStandardSelectors"), N = /* @__PURE__ */ t((e, o) => e.split(", ").map((l) => `${l}${o}`).join(", "), "appendTreeGridSelectorListSuffix"), g = /* @__PURE__ */ t(({
+  wrapperSelector: e = `.${r}`,
+  ancestorSuffixes: o,
   suffixes: l,
   descendant: c = ""
-}) => n.flatMap((s) => r.flatMap((R) => l.map((_) => `${e} .${s}${R} .${s}${_}${c}`))).join(", "), "createTreeGridNestedSelectors"), ge = /* @__PURE__ */ t(({
-  wrapperSelector: e = `.${o}`,
-  baseSuffixes: r,
+}) => n.flatMap((s) => o.flatMap((R) => l.map((p) => `${e} .${s}${R} .${s}${p}${c}`))).join(", "), "createTreeGridNestedSelectors"), me = /* @__PURE__ */ t(({
+  wrapperSelector: e = `.${r}`,
+  baseSuffixes: o,
   suffixes: l,
   descendant: c = ""
-}) => n.flatMap((s) => r.flatMap((R) => l.map((_) => `${e} .${s}${R}.${s}${_}${c}`))).join(", "), "createTreeGridCompoundSelectors"), D = `.${o}.${Qe}`, co = `${D}.${qe}`, so = `${D}.${Je}`, io = `${D}.${er}`, So = a({
-  wrapperSelector: D,
+}) => n.flatMap((s) => o.flatMap((R) => l.map((p) => `${e} .${s}${R}.${s}${p}${c}`))).join(", "), "createTreeGridCompoundSelectors"), I = `.${r}.${lo}`, br = `${I}.${ao}`, $r = `${I}.${no}`, gr = `${I}.${co}`, wr = a({
+  wrapperSelector: I,
   suffixes: ["PanelSelect"]
-}), uo = a({
-  wrapperSelector: D,
+}), Or = a({
+  wrapperSelector: I,
   suffixes: ["PanelSelectOn"]
-}), Ro = w({
-  wrapperSelector: D,
+}), Dr = g({
+  wrapperSelector: I,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect"]
-}), po = w({
-  wrapperSelector: D,
+}), Ir = g({
+  wrapperSelector: I,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelectOn"]
-}), Co = w({
-  wrapperSelector: co,
+}), mr = g({
+  wrapperSelector: br,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), _o = w({
-  wrapperSelector: so,
+}), Tr = g({
+  wrapperSelector: $r,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), Eo = w({
-  wrapperSelector: io,
+}), Gr = g({
+  wrapperSelector: gr,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), bo = a({
+}), Lr = a({
   suffixes: ["Filter0"]
-}), $o = a({
+}), vr = a({
   suffixes: ["Filter1"]
-}), wo = a({
+}), kr = a({
   suffixes: ["Main"],
   withChildren: !0
-}), go = n.flatMap((e) => [
-  `.${o} .${e}Main`,
-  `.${o} .${e}Main *`,
-  ...Xr.flatMap((r) => {
-    const l = `.${e}${r}`;
+}), Ar = n.flatMap((e) => [
+  `.${r} .${e}Main`,
+  `.${r} .${e}Main *`,
+  ...lr.flatMap((o) => {
+    const l = `.${e}${o}`;
     return [l, `${l} *`];
   })
-]).join(", "), Oo = a({
+]).join(", "), hr = a({
   suffixes: ["Main"]
-}), Io = a({
+}), Hr = a({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), Do = a({
+}), Mr = a({
   suffixes: ["MainTable"]
-}), mo = a({
+}), Br = a({
   suffixes: ["NoDataRow"]
-}), K = `.${o}.${m}`, To = n.map((e) => `.${o}.${m} .${e}MainTable`).join(", "), vo = `${K}::before`, Go = `${K}::after`, Lo = `calc(${d} - ${C})`, ko = `calc(var(--owp-tree-grid-header-height, 33px) - ${d} + ${C})`, Ho = n.map((e) => `.${o}:not(.${m}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), Ao = a({
+}), Y = `.${r}.${T}`, fr = n.map((e) => `.${r}.${T} .${e}MainTable`).join(", "), xr = `${Y}::before`, Fr = `${Y}::after`, Nr = `calc(${d} - ${C})`, Vr = `calc(var(--owp-tree-grid-header-height, 33px) - ${d} + ${C})`, Pr = n.map((e) => `.${r}:not(.${T}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), yr = a({
   suffixes: [
     "VScroll",
     "VScrollTop",
@@ -598,18 +610,18 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     "CustScroll4Right",
     "CustScroll4RightHidden"
   ]
-}), ho = n.flatMap(
+}), Ur = n.flatMap(
   (e) => [
-    `.${o} .${e}CustScroll1Up > div`,
-    `.${o} .${e}CustScroll1Up > div > div`,
-    `.${o} .${e}CustScroll1UpHover > div`,
-    `.${o} .${e}CustScroll1UpHover > div > div`,
-    `.${o} .${e}CustScroll2Up > div`,
-    `.${o} .${e}CustScroll2Up > div > div`,
-    `.${o} .${e}CustScroll2UpHover > div`,
-    `.${o} .${e}CustScroll2UpHover > div > div`
+    `.${r} .${e}CustScroll1Up > div`,
+    `.${r} .${e}CustScroll1Up > div > div`,
+    `.${r} .${e}CustScroll1UpHover > div`,
+    `.${r} .${e}CustScroll1UpHover > div > div`,
+    `.${r} .${e}CustScroll2Up > div`,
+    `.${r} .${e}CustScroll2Up > div > div`,
+    `.${r} .${e}CustScroll2UpHover > div`,
+    `.${r} .${e}CustScroll2UpHover > div > div`
   ]
-).join(", "), Mo = S([
+).join(", "), Wr = S([
   "VScroll",
   "HScrollHidden",
   "XScroll",
@@ -640,7 +652,7 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "CustScroll3Down",
   "CustScroll3DownHidden",
   "CustScroll3X"
-]), Bo = S([
+]), zr = S([
   "VScroll",
   "HScrollLeft",
   "HScrollMid",
@@ -649,39 +661,39 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "CustScroll1X",
   "CustScroll2X",
   "CustScroll3X"
-]), Oe = S([
+]), Te = S([
   "CustScroll1Right",
   "CustScroll1RightHover",
   "CustScroll2Right",
   "CustScroll2RightHover"
-]), Ie = S([
+]), Ge = S([
   "CustScroll1Left",
   "CustScroll1LeftHover",
   "CustScroll2Left",
   "CustScroll2LeftHover"
-]), De = S([
+]), Le = S([
   "CustScroll1Down",
   "CustScroll1DownHover",
   "CustScroll2Down",
   "CustScroll2DownHover"
-]), me = S([
+]), ve = S([
   "CustScroll1Up",
   "CustScroll1UpHover",
   "CustScroll2Up",
   "CustScroll2UpHover"
-]), fo = F(
-  Oe,
+]), jr = N(
+  Te,
   "::after"
-), xo = F(
-  Ie,
+), Xr = N(
+  Ge,
   "::after"
-), Fo = F(
-  De,
+), Kr = N(
+  Le,
   "::after"
-), No = F(
-  me,
+), Yr = N(
+  ve,
   "::after"
-), Vo = S([
+), Zr = S([
   "CustScroll1RightHover",
   "CustScroll2RightHover",
   "CustScroll1LeftHover",
@@ -690,63 +702,63 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "CustScroll2DownHover",
   "CustScroll1UpHover",
   "CustScroll2UpHover"
-]), Po = [
+]), Qr = [
   ...["CustScroll1Left", "CustScroll1LeftHover", "CustScroll2Left", "CustScroll2LeftHover"].map(
-    (e) => `.${o} .${z}${e} > div`
+    (e) => `.${r} .${j}${e} > div`
   ),
   ...["CustScroll1Up", "CustScroll1UpHover", "CustScroll2Up", "CustScroll2UpHover"].map(
-    (e) => `.${o} .${z}${e} > div`
+    (e) => `.${r} .${j}${e} > div`
   )
-].join(", "), yo = S([
+].join(", "), qr = S([
   "CustScroll1SliderHIn",
   "CustScroll2SliderHIn"
-]), Wo = S([
+]), Jr = S([
   "CustScroll1SliderHInHover",
   "CustScroll2SliderHInHover"
-]), Uo = S([
+]), et = S([
   "CustScroll1SliderHIn",
   "CustScroll1SliderHInHover"
-]), zo = S([
+]), ot = S([
   "CustScroll2SliderHIn",
   "CustScroll2SliderHInHover"
-]), jo = S([
+]), rt = S([
   "CustScroll1SliderVIn",
   "CustScroll2SliderVIn"
-]), Xo = S([
+]), tt = S([
   "CustScroll1SliderVInHover",
   "CustScroll2SliderVInHover"
-]), Ko = S([
+]), lt = S([
   "CustScroll1SliderVIn",
   "CustScroll1SliderVInHover"
-]), Yo = S([
+]), at = S([
   "CustScroll2SliderVIn",
   "CustScroll2SliderVInHover"
-]), Zo = S([
+]), nt = S([
   "CustScroll3SliderRight",
   "CustScroll3SliderLeft",
   "CustScroll3SliderDown",
   "CustScroll3SliderUp"
-]), Qo = S([
+]), ct = S([
   "CustScroll3SliderRightHover",
   "CustScroll3SliderLeftHover",
   "CustScroll3SliderDownHover",
   "CustScroll3SliderUpHover"
-]), qo = n.map((e) => `.${o}.${m} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), Jo = n.map((e) => `.${o}.${m} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), et = n.map((e) => `.${o}.${m} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), rt = a({
+]), st = n.map((e) => `.${r}.${T} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), dt = n.map((e) => `.${r}.${T} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), it = n.map((e) => `.${r}.${T} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), St = a({
   suffixes: ["FillRow"]
-}), ot = a({
+}), ut = a({
   suffixes: ["SolidRow"]
-}), tt = n.map((e) => `.${o} .${e}ToolbarRow.${e}SolidRow`).join(", "), Te = a({
+}), Rt = n.map((e) => `.${r} .${e}ToolbarRow.${e}SolidRow`).join(", "), ke = a({
   suffixes: ["ColorDefault"]
-}), ve = a({
+}), Ae = a({
   suffixes: ["ColorDefaultRow"]
-}), lt = [
-  Te,
-  ve
-].join(", "), at = a({
+}), _t = [
+  ke,
+  Ae
+].join(", "), Ct = a({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), nt = a({
+}), pt = a({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -759,62 +771,69 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), ct = a({
+}), Et = a({
   suffixes: ["ColorHovered"]
-}), st = a({
+}), bt = a({
   suffixes: ["ColorHoveredRow"]
-}), dt = a({
+}), $t = a({
   suffixes: ["HoverRowBorder", "HoverRowBorderDynamic"]
-}), it = [
-  ge({
+}), gt = [
+  me({
     baseSuffixes: ["HoverRowBorder", "HoverRowBorderDynamic"],
-    suffixes: B
+    suffixes: f
   }),
-  w({
+  g({
     ancestorSuffixes: ["HoverRowBorder", "HoverRowBorderDynamic"],
-    suffixes: B
+    suffixes: f
   })
-].join(", "), Ge = a({
+].join(", "), he = a({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), Le = a({
+}), He = a({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), ke = a({
+}), Me = a({
   suffixes: ["ColorSelectedRow"]
-}), St = [
-  Ge,
-  Le,
-  ke
-].join(", "), ut = a({
+}), wt = [
+  he,
+  He,
+  Me
+].join(", "), Ot = a({
+  suffixes: ["ColorDeleted"]
+}), L = `.${r} .${so}`, Dt = n.flatMap((e) => [
+  `${L}.${e}PanelSelect`,
+  `${L}.${e}PanelSelectOn`,
+  `${L} .${e}PanelSelect`,
+  `${L} .${e}PanelSelectOn`
+]).join(", "), It = a({
   suffixes: ["ColorFocused"]
-}), Rt = a({
+}), mt = a({
   suffixes: ["FocusPanelBackground", "FocusRowBackground"]
-}), pt = a({
+}), Tt = a({
   suffixes: ["ColorFocusedRow"]
-}), Ct = a({
+}), Gt = a({
   suffixes: ["FocusRowBorder", "FocusRowBorderDynamic"]
-}), _t = a({
+}), Lt = a({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), Et = a({
+}), vt = a({
   suffixes: ["HoverCellBorder", "HoverCellBorderDynamic"]
-}), bt = [
-  ge({
+}), kt = [
+  me({
     baseSuffixes: ["HoverCellBorder", "HoverCellBorderDynamic"],
-    suffixes: B
+    suffixes: f
   }),
-  w({
+  g({
     ancestorSuffixes: ["HoverCellBorder", "HoverCellBorderDynamic"],
-    suffixes: B
+    suffixes: f
   })
-].join(", "), $t = a({
+].join(", "), At = a({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), wt = a({
+}), ht = a({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), gt = w({
+}), Ht = g({
   ancestorSuffixes: ["HoverCellBorder", "HoverCellBorderDynamic"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), Ot = a({
+}), Mt = a({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -828,18 +847,18 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), It = a({
+}), Bt = a({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), Dt = a({
+}), ft = a({
   suffixes: ["ColorFocusedCellRect"]
-}), mt = a({
+}), xt = a({
   suffixes: ["FocusCellBorder"]
-}), Tt = a({
+}), Ft = a({
   suffixes: ["FocusCellCorner"]
-}), vt = a({
+}), Nt = a({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), Gt = `.${o} .${pe}`, He = `.${o} .${f}`, Ae = `.${o} .${pe}.${f}`, Lt = `${Ae}::after`, kt = `${He}::before`, Ht = `.${o} .${f}.${rr}::before`, At = `.${o} .${f}.${or}::before`, ht = a({
+}), Vt = `.${r} .${pe}`, Be = `.${r} .${x}`, fe = `.${r} .${pe}.${x}`, Pt = `${fe}::after`, yt = `${Be}::before`, Ut = `.${r} .${x}.${io}::before`, Wt = `.${r} .${x}.${So}::before`, zt = a({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -848,33 +867,38 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), Mt = a({
+}), jt = a({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), Bt = a({
+}), Xt = a({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), ft = a({
+}), Kt = a({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), xt = n.flatMap((e) => [
-  `.${e}HintMain:not(.${e}HintHeaderMain):not(.${e}HintFilterMain)`,
+}), Yt = n.flatMap((e) => [
+  `.${e}HintMain`,
   `.${e}HintDataMain`,
   `.${e}HintSpaceSelectOuter`
-]).join(", "), Ft = n.flatMap((e) => {
-  const r = `.${e}HintOuter`;
-  return [r, `${r} *`];
-}).join(", "), Nt = a({
+]).join(", "), Zt = n.flatMap((e) => {
+  const o = `.${e}HintOuter`, l = `.${e}HintHeaderOuter`;
+  return [
+    o,
+    `${o} *`,
+    l,
+    `${l} *`
+  ];
+}).join(", "), Qt = a({
   suffixes: ["ColorChanged"]
-}), Vt = a({
+}), qt = a({
   suffixes: ["ColorChangedCell"]
-}), Pt = n.flatMap((e) => {
-  const r = `${e}ClassFocusedCell`, l = `.${o} .${i}:not(.${r})`;
+}), Jt = n.flatMap((e) => {
+  const o = `${e}ClassFocusedCell`, l = `.${r} .${i}:not(.${o})`;
   return [
     l,
-    `${l} *:not(.${r})`
+    `${l} *:not(.${o})`
   ];
-}).join(", "), yt = n.flatMap((e) => {
-  const r = `.${o} .${i}`, l = `.${o} .${i}.${Re}`;
+}).join(", "), el = n.flatMap((e) => {
+  const o = `.${r} .${i}`, l = `.${r} .${i}.${Ce}`;
   return [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
@@ -885,54 +909,54 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   ].flatMap((s) => [
     l,
     `${l} *`,
-    `${r}.${s}`,
-    `${r}.${s} *`,
-    `.${o} .${s} ${r}`,
-    `.${o} .${s} ${r} *`
+    `${o}.${s}`,
+    `${o}.${s} *`,
+    `.${r} .${s} ${o}`,
+    `.${r} .${s} ${o} *`
   ]);
-}).join(", "), Wt = n.flatMap((e) => {
-  const r = `.${o} .${i}`;
+}).join(", "), ol = n.flatMap((e) => {
+  const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
     `${e}ColorFocusedCellRelative`
   ].flatMap((c) => [
-    `${r}.${c}`,
-    `${r}.${c} *`,
-    `.${o} .${c} ${r}`,
-    `.${o} .${c} ${r} *`
+    `${o}.${c}`,
+    `${o}.${c} *`,
+    `.${r} .${c} ${o}`,
+    `.${r} .${c} ${o} *`
   ]);
-}).join(", "), Ut = n.flatMap((e) => {
-  const r = `.${o} .${i}`, l = `${e}HiddenValue`;
+}).join(", "), rl = n.flatMap((e) => {
+  const o = `.${r} .${i}`, l = `${e}HiddenValue`;
   return [
-    `${r}.${l}`,
-    `${r}.${l} *`,
-    `.${o} .${l} ${r}`,
-    `.${o} .${l} ${r} *`
+    `${o}.${l}`,
+    `${o}.${l} *`,
+    `.${r} .${l} ${o}`,
+    `.${r} .${l} ${o} *`
   ];
-}).join(", "), zt = `var(--owp-tree-grid-changed-font-weight, ${fe}) !important`, jt = a({
+}).join(", "), tl = `var(--owp-tree-grid-changed-font-weight, ${Ve}) !important`, ll = a({
   suffixes: ["EditCellBorder"]
-}), Xt = a({
+}), al = a({
   suffixes: ["EditCellCorner"]
-}), Kt = [
-  `.${o} .TSMain .TSDateLeft`,
-  `.${o} .TSMain .TSDatesLeft`,
-  `.${o} .TSMain .TSDateRight`,
-  `.${o} .TSMain .TSDatesRight`,
-  `.${o} .TSMain .TSDateTop`,
-  `.${o} .TSMain .TSDatesTop`,
-  `.${o} .TSMain .TSDateBottom`,
-  `.${o} .TSMain .TSDatesBottom`
-].join(", "), Yt = [
-  `.${o} .TSMain .${i}.TSDateLeft`,
-  `.${o} .TSMain .${i}.TSDatesLeft`,
-  `.${o} .TSMain .${i}.TSDateRight`,
-  `.${o} .TSMain .${i}.TSDatesRight`,
-  `.${o} .TSMain .${i}.TSDateTop`,
-  `.${o} .TSMain .${i}.TSDatesTop`,
-  `.${o} .TSMain .${i}.TSDateBottom`,
-  `.${o} .TSMain .${i}.TSDatesBottom`
-].join(", "), Zt = [
+}), nl = [
+  `.${r} .TSMain .TSDateLeft`,
+  `.${r} .TSMain .TSDatesLeft`,
+  `.${r} .TSMain .TSDateRight`,
+  `.${r} .TSMain .TSDatesRight`,
+  `.${r} .TSMain .TSDateTop`,
+  `.${r} .TSMain .TSDatesTop`,
+  `.${r} .TSMain .TSDateBottom`,
+  `.${r} .TSMain .TSDatesBottom`
+].join(", "), cl = [
+  `.${r} .TSMain .${i}.TSDateLeft`,
+  `.${r} .TSMain .${i}.TSDatesLeft`,
+  `.${r} .TSMain .${i}.TSDateRight`,
+  `.${r} .TSMain .${i}.TSDatesRight`,
+  `.${r} .TSMain .${i}.TSDateTop`,
+  `.${r} .TSMain .${i}.TSDatesTop`,
+  `.${r} .TSMain .${i}.TSDateBottom`,
+  `.${r} .TSMain .${i}.TSDatesBottom`
+].join(", "), sl = [
   "DateLeft",
   "DatesLeft",
   "DateRight",
@@ -941,23 +965,23 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   "DatesTop",
   "DateBottom",
   "DatesBottom"
-].flatMap((e) => n.flatMap((r) => {
-  const l = `.${o} .${i}.${r}${e}`;
+].flatMap((e) => n.flatMap((o) => {
+  const l = `.${r} .${i}.${o}${e}`;
   return [
-    `${r}ClassFocusedCell`,
-    `${r}ColorFocusedCell`,
-    `${r}ColorFocusedCellRelative`
+    `${o}ClassFocusedCell`,
+    `${o}ColorFocusedCell`,
+    `${o}ColorFocusedCellRelative`
   ].flatMap((s) => [
     `${l}.${s}`,
-    `.${o} .${s} ${l}`
+    `.${r} .${s} ${l}`
   ]);
-})).join(", "), X = 'url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22-1%200%2018%2018%22%3E%0D%0A%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M15.427%2C14.857c0%2C0.625-0.517%2C1.143-1.142%2C1.143H1.715c-0.625%2C0-1.142-0.518-1.142-1.143V3.429%0D%0A%09c0-0.625%2C0.517-1.142%2C1.142-1.142H2.86V1.429C2.86%2C0.642%2C3.502%2C0%2C4.289%2C0H4.86c0.783%2C0%2C1.429%2C0.642%2C1.429%2C1.429v0.858h3.43V1.429%0D%0A%09C9.719%2C0.642%2C10.359%2C0%2C11.145%2C0h0.574c0.783%2C0%2C1.426%2C0.642%2C1.426%2C1.429v0.858h1.142c0.625%2C0%2C1.142%2C0.517%2C1.142%2C1.142L15.427%2C14.857%0D%0A%09L15.427%2C14.857z%20M4.289%2C8.287V5.713H1.715v2.574H4.289z%20M4.289%2C11.717V8.857H1.715v2.858L4.289%2C11.717L4.289%2C11.717z%20M4.289%2C14.857%0D%0A%09v-2.574H1.715v2.574H4.289z%20M5.144%2C1.429c0-0.154-0.134-0.288-0.283-0.288H4.289c-0.154%2C0-0.287%2C0.133-0.287%2C0.288V4%0D%0A%09c0%2C0.15%2C0.133%2C0.288%2C0.287%2C0.288H4.86C5.01%2C4.288%2C5.144%2C4.15%2C5.144%2C4V1.429z%20M7.715%2C8.287V5.713H4.86v2.574H7.715z%20M7.715%2C11.717%0D%0A%09V8.857H4.86v2.858L7.715%2C11.717L7.715%2C11.717z%20M7.715%2C14.857v-2.574H4.86v2.574H7.715z%20M11.145%2C8.287V5.713H8.289v2.574H11.145z%0D%0A%09M11.145%2C11.717V8.857H8.289v2.858L11.145%2C11.717L11.145%2C11.717z%20M11.145%2C14.857v-2.574H8.289v2.574H11.145z%20M12.002%2C1.429%0D%0A%09c0-0.154-0.139-0.288-0.283-0.288h-0.574c-0.154%2C0-0.283%2C0.133-0.283%2C0.288V4c0%2C0.15%2C0.129%2C0.288%2C0.283%2C0.288h0.574%0D%0A%09c0.146%2C0%2C0.283-0.138%2C0.283-0.288V1.429z%20M14.285%2C8.287V5.713h-2.566v2.574H14.285z%20M14.285%2C11.717V8.857h-2.566v2.858%0D%0A%09L14.285%2C11.717L14.285%2C11.717z%20M14.285%2C14.857v-2.574h-2.566v2.574H14.285z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")', Qt = X.replace(
+})).join(", "), K = 'url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22-1%200%2018%2018%22%3E%0D%0A%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M15.427%2C14.857c0%2C0.625-0.517%2C1.143-1.142%2C1.143H1.715c-0.625%2C0-1.142-0.518-1.142-1.143V3.429%0D%0A%09c0-0.625%2C0.517-1.142%2C1.142-1.142H2.86V1.429C2.86%2C0.642%2C3.502%2C0%2C4.289%2C0H4.86c0.783%2C0%2C1.429%2C0.642%2C1.429%2C1.429v0.858h3.43V1.429%0D%0A%09C9.719%2C0.642%2C10.359%2C0%2C11.145%2C0h0.574c0.783%2C0%2C1.426%2C0.642%2C1.426%2C1.429v0.858h1.142c0.625%2C0%2C1.142%2C0.517%2C1.142%2C1.142L15.427%2C14.857%0D%0A%09L15.427%2C14.857z%20M4.289%2C8.287V5.713H1.715v2.574H4.289z%20M4.289%2C11.717V8.857H1.715v2.858L4.289%2C11.717L4.289%2C11.717z%20M4.289%2C14.857%0D%0A%09v-2.574H1.715v2.574H4.289z%20M5.144%2C1.429c0-0.154-0.134-0.288-0.283-0.288H4.289c-0.154%2C0-0.287%2C0.133-0.287%2C0.288V4%0D%0A%09c0%2C0.15%2C0.133%2C0.288%2C0.287%2C0.288H4.86C5.01%2C4.288%2C5.144%2C4.15%2C5.144%2C4V1.429z%20M7.715%2C8.287V5.713H4.86v2.574H7.715z%20M7.715%2C11.717%0D%0A%09V8.857H4.86v2.858L7.715%2C11.717L7.715%2C11.717z%20M7.715%2C14.857v-2.574H4.86v2.574H7.715z%20M11.145%2C8.287V5.713H8.289v2.574H11.145z%0D%0A%09M11.145%2C11.717V8.857H8.289v2.858L11.145%2C11.717L11.145%2C11.717z%20M11.145%2C14.857v-2.574H8.289v2.574H11.145z%20M12.002%2C1.429%0D%0A%09c0-0.154-0.139-0.288-0.283-0.288h-0.574c-0.154%2C0-0.283%2C0.133-0.283%2C0.288V4c0%2C0.15%2C0.129%2C0.288%2C0.283%2C0.288h0.574%0D%0A%09c0.146%2C0%2C0.283-0.138%2C0.283-0.288V1.429z%20M14.285%2C8.287V5.713h-2.566v2.574H14.285z%20M14.285%2C11.717V8.857h-2.566v2.858%0D%0A%09L14.285%2C11.717L14.285%2C11.717z%20M14.285%2C14.857v-2.574h-2.566v2.574H14.285z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")', dl = K.replace(
   "%23757575",
   "white"
-), Se = p(
+), Re = _(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="#000" d="M4.5 6.25h7L8 9.75z"/></svg>'
-), g = /* @__PURE__ */ t((e, r) => n.flatMap((l) => e.flatMap((c) => r(l, c))).join(", "), "createTreeGridEnumButtonIconSelector"), N = /* @__PURE__ */ t((e, r) => `.${o} .${i}.${e}${r}`, "createTreeGridChangedEnumButtonCellSelector"), G = /* @__PURE__ */ t((e, r) => `${N(e, r)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), qt = /* @__PURE__ */ t((e, r) => {
-  const l = N(e, r), c = `.${o} .${i}.${Re}.${e}${r}`, s = [
+), w = /* @__PURE__ */ t((e, o) => n.flatMap((l) => e.flatMap((c) => o(l, c))).join(", "), "createTreeGridEnumButtonIconSelector"), V = /* @__PURE__ */ t((e, o) => `.${r} .${i}.${e}${o}`, "createTreeGridChangedEnumButtonCellSelector"), v = /* @__PURE__ */ t((e, o) => `${V(e, o)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), il = /* @__PURE__ */ t((e, o) => {
+  const l = V(e, o), c = `.${r} .${i}.${Ce}.${e}${o}`, s = [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
     `${e}ColorSelectedRow`,
@@ -969,107 +993,109 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     c,
     ...s.flatMap((R) => [
       `${l}.${R}`,
-      `.${o} .${R} ${l}`
+      `.${r} .${R} ${l}`
     ])
   ];
-}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), Jt = /* @__PURE__ */ t((e, r) => {
-  const l = N(e, r);
+}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), Sl = /* @__PURE__ */ t((e, o) => {
+  const l = V(e, o);
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
     `${e}ColorFocusedCellRelative`
   ].flatMap((s) => [
     `${l}.${s}`,
-    `.${o} .${s} ${l}`
+    `.${r} .${s} ${l}`
   ]);
-}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), el = g(
-  x,
-  (e, r) => [N(e, r)]
-), rl = g(
-  x,
-  (e, r) => [G(e, r)]
-), ol = g(
-  x,
-  (e, r) => qt(e, r).map(
+}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), ul = w(
+  F,
+  (e, o) => [V(e, o)]
+), Rl = w(
+  F,
+  (e, o) => [v(e, o)]
+), _l = w(
+  F,
+  (e, o) => il(e, o).map(
     (l) => `${l}::after`
   )
-), tl = g(
-  x,
-  (e, r) => Jt(e, r).map(
+), Cl = w(
+  F,
+  (e, o) => Sl(e, o).map(
     (l) => `${l}::after`
   )
-), ll = g(
+), pl = w(
   ["DefaultsLeft", "EnumLeft"],
-  (e, r) => [G(e, r)]
-), al = g(
+  (e, o) => [v(e, o)]
+), El = w(
   ["DefaultsRight", "EnumRight"],
-  (e, r) => [G(e, r)]
-), nl = g(
+  (e, o) => [v(e, o)]
+), bl = w(
   ["DefaultsTop", "EnumTop"],
-  (e, r) => [G(e, r)]
-), cl = g(
+  (e, o) => [v(e, o)]
+), $l = w(
   ["DefaultsBottom", "EnumBottom"],
-  (e, r) => [G(e, r)]
-), U = 'url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202M12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E")', sl = `.${o} .OwpTreeGridTimePickerEditorIcon`, dl = [
-  `.${o} .${i} .OwpTreeGridTimePickerEditorIcon`,
-  `.${o} .${i}.OwpTreeGridTimePickerEditorIcon`
-].join(", "), il = n.flatMap((e) => {
-  const r = `.${o} .${i}`;
+  (e, o) => [v(e, o)]
+), z = 'url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202M12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E")', gl = `.${r} .OwpTreeGridTimePickerEditorIcon`, wl = [
+  `.${r} .${i} .OwpTreeGridTimePickerEditorIcon`,
+  `.${r} .${i}.OwpTreeGridTimePickerEditorIcon`
+].join(", "), Ol = n.flatMap((e) => {
+  const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
     `${e}ColorFocusedCellRelative`
   ].flatMap((c) => [
-    `${r}.${c} .OwpTreeGridTimePickerEditorIcon`,
-    `${r}.${c}.OwpTreeGridTimePickerEditorIcon`,
-    `.${o} .${c} ${r} .OwpTreeGridTimePickerEditorIcon`,
-    `.${o} .${c} ${r}.OwpTreeGridTimePickerEditorIcon`
+    `${o}.${c} .OwpTreeGridTimePickerEditorIcon`,
+    `${o}.${c}.OwpTreeGridTimePickerEditorIcon`,
+    `.${r} .${c} ${o} .OwpTreeGridTimePickerEditorIcon`,
+    `.${r} .${c} ${o}.OwpTreeGridTimePickerEditorIcon`
   ]);
-}).join(", "), Sl = n.map(
+}).join(", "), Dl = n.map(
   (e) => `.${e}EnumMenuMain, .${e}EnumMenuMain *`
-).join(", "), ul = n.map(
+).join(", "), Il = n.map(
   (e) => `.${e}EnumMenuMain .${e}MenuBody`
-).join(", "), Rl = n.flatMap(
+).join(", "), ml = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain::-webkit-scrollbar`,
     `.${e}EnumMenuMain *::-webkit-scrollbar`
   ]
-).join(", "), pl = n.flatMap(
+).join(", "), Tl = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain::-webkit-scrollbar-thumb`,
     `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
   ]
-).join(", "), Cl = n.flatMap(
+).join(", "), Gl = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain::-webkit-scrollbar-thumb:hover`,
     `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
   ]
-).join(", "), _l = n.flatMap(
+).join(", "), Ll = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain::-webkit-scrollbar-track`,
     `.${e}EnumMenuMain *::-webkit-scrollbar-track`
   ]
-).join(", "), El = n.flatMap(
+).join(", "), vl = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain::-webkit-scrollbar-corner`,
     `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
   ]
-).join(", "), bl = n.flatMap(
+).join(", "), kl = n.flatMap(
   (e) => [
     `.${e}EnumMenuMain .${e}MenuFocus`,
     `.${e}EnumMenuMain .${e}MenuFocus.${e}MenuHover`
   ]
-).join(", "), h = /* @__PURE__ */ t(() => ({
-  backgroundColor: j,
+).join(", "), Al = n.map(
+  (e) => `.${e}EnumMenuMain .${e}MenuHover:not(.${e}MenuFocus)`
+).join(", "), M = /* @__PURE__ */ t(() => ({
+  backgroundColor: X,
   backgroundImage: "none",
   position: "relative"
-}), "createTreeGridScrollbarArrowButtonStyle"), M = /* @__PURE__ */ t((e, r) => ({
-  ...r,
+}), "createTreeGridScrollbarArrowButtonStyle"), B = /* @__PURE__ */ t((e, o) => ({
+  ...o,
   WebkitMaskImage: e,
   WebkitMaskPosition: "center",
   WebkitMaskRepeat: "no-repeat",
   WebkitMaskSize: "16px 16px",
-  backgroundColor: ir,
+  backgroundColor: wo,
   content: '""',
   height: 16,
   maskImage: e,
@@ -1079,206 +1105,206 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
   pointerEvents: "none",
   position: "absolute",
   width: 16
-}), "createTreeGridScrollbarArrowMaskStyle"), ue = /* @__PURE__ */ t((e, r) => {
-  const l = `max(0px, calc((${r} - ${e}) / 2))`;
+}), "createTreeGridScrollbarArrowMaskStyle"), _e = /* @__PURE__ */ t((e, o) => {
+  const l = `max(0px, calc((${o} - ${e}) / 2))`;
   return {
     marginBottom: "1px",
     marginLeft: l,
     marginRight: l,
     marginTop: "1px"
   };
-}, "createTreeGridVerticalScrollbarThumbStyle"), ml = {
-  ...no(),
-  [go]: {
-    fontFamily: `${V} !important`
+}, "createTreeGridVerticalScrollbarThumbStyle"), Nl = {
+  ...Er(),
+  [Ar]: {
+    fontFamily: `${P} !important`
   },
-  [wo]: {
-    fontFamily: `${V} !important`,
+  [kr]: {
+    fontFamily: `${P} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [Oo]: {
+  [hr]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [Mo]: {
-    backgroundColor: j
+  [Wr]: {
+    backgroundColor: X
   },
-  [Bo]: {
-    borderColor: dr
+  [zr]: {
+    borderColor: go
   },
-  [Oe]: h(),
-  [Ie]: h(),
-  [De]: h(),
-  [me]: h(),
-  [fo]: M(
-    eo,
+  [Te]: M(),
+  [Ge]: M(),
+  [Le]: M(),
+  [ve]: M(),
+  [jr]: B(
+    Sr,
     {
       right: 1,
       top: "50%",
       transform: "translateY(-50%)"
     }
   ),
-  [xo]: M(
-    Jr,
+  [Xr]: B(
+    ir,
     {
       left: 1,
       top: "50%",
       transform: "translateY(-50%)"
     }
   ),
-  [Fo]: M(
-    qr,
+  [Kr]: B(
+    dr,
     {
       bottom: 1,
       left: "50%",
       transform: "translateX(-50%)"
     }
   ),
-  [No]: M(
-    Qr,
+  [Yr]: B(
+    sr,
     {
       left: "50%",
       top: 1,
       transform: "translateX(-50%)"
     }
   ),
-  [Vo]: {
-    backgroundColor: sr
+  [Zr]: {
+    backgroundColor: $o
   },
-  [Po]: {
-    backgroundColor: j
+  [Qr]: {
+    backgroundColor: X
   },
-  [yo]: {
-    backgroundColor: y,
+  [qr]: {
+    backgroundColor: U,
     borderRadius: "5px",
     overflow: "hidden"
   },
-  [Wo]: {
+  [Jr]: {
     backgroundColor: W,
     borderRadius: "5px",
     overflow: "hidden"
   },
-  [Uo]: {
-    height: Sr,
+  [et]: {
+    height: Oo,
     margin: "5px 1px 5px 1px"
   },
-  [zo]: {
-    height: ur,
+  [ot]: {
+    height: Do,
     margin: "9px 1px 9px 1px"
   },
-  [jo]: {
-    backgroundColor: y,
+  [rt]: {
+    backgroundColor: U,
     borderRadius: "5px"
   },
-  [Xo]: {
+  [tt]: {
     backgroundColor: W,
     borderRadius: "5px"
   },
-  [Ko]: ue(
-    Rr,
-    Cr
+  [lt]: _e(
+    Io,
+    To
   ),
-  [Yo]: ue(
-    pr,
-    _r
+  [at]: _e(
+    mo,
+    Go
   ),
-  [Zo]: {
-    backgroundColor: y,
+  [nt]: {
+    backgroundColor: U,
     borderRadius: "5px"
   },
-  [Qo]: {
+  [ct]: {
     backgroundColor: W,
     borderRadius: "5px"
   },
-  [Io]: {
+  [Hr]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [Do]: u(
+  [Mr]: u(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [mo]: {
+  [Br]: {
     borderTopColor: `${E} !important`
   },
-  [So]: {
-    backgroundImage: `${Kr} !important`,
+  [wr]: {
+    backgroundImage: `${ar} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [uo]: {
-    backgroundImage: `${Yr} !important`,
+  [Or]: {
+    backgroundImage: `${nr} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Ro]: {
-    backgroundImage: `${ae} !important`,
+  [Dr]: {
+    backgroundImage: `${ce} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [po]: {
-    backgroundImage: `${ne} !important`,
+  [Ir]: {
+    backgroundImage: `${se} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Co]: {
-    backgroundImage: `${ne} !important`
+  [mr]: {
+    backgroundImage: `${se} !important`
   },
-  [_o]: {
-    backgroundImage: `${Zr} !important`
+  [Tr]: {
+    backgroundImage: `${cr} !important`
   },
-  [Eo]: {
-    backgroundImage: `${ae} !important`
+  [Gr]: {
+    backgroundImage: `${ce} !important`
   },
-  [bo]: {
-    WebkitMaskImage: `${ce} !important`,
+  [Lr]: {
+    WebkitMaskImage: `${de} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${ro} !important`,
+    backgroundColor: `${ur} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
-    maskImage: `${ce} !important`,
+    maskImage: `${de} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "17px 17px !important",
     opacity: 0.72,
     width: "17px !important"
   },
-  [$o]: {
-    WebkitMaskImage: `${se} !important`,
+  [vr]: {
+    WebkitMaskImage: `${ie} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${oo} !important`,
+    backgroundColor: `${Rr} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
-    maskImage: `${se} !important`,
+    maskImage: `${ie} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "17px 17px !important",
     opacity: 1,
     width: "17px !important"
   },
-  [Kt]: {
-    backgroundImage: `${X} !important`
+  [nl]: {
+    backgroundImage: `${K} !important`
   },
-  [Yt]: {
-    backgroundImage: `${Qt} !important`
+  [cl]: {
+    backgroundImage: `${dl} !important`
   },
-  [Zt]: {
-    backgroundImage: `${X} !important`
+  [sl]: {
+    backgroundImage: `${K} !important`
   },
-  [el]: {
+  [ul]: {
     backgroundImage: "none !important",
     position: "relative"
   },
-  [rl]: {
-    WebkitMaskImage: `${Se} !important`,
+  [Rl]: {
+    WebkitMaskImage: `${Re} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "16px 16px !important",
@@ -1287,7 +1313,7 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     content: '""',
     display: "block",
     height: "16px",
-    maskImage: `${Se} !important`,
+    maskImage: `${Re} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "16px 16px !important",
@@ -1295,34 +1321,34 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     position: "absolute",
     width: "16px"
   },
-  [ol]: {
+  [_l]: {
     backgroundColor: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [tl]: {
-    backgroundColor: `${Y} !important`
+  [Cl]: {
+    backgroundColor: `${Z} !important`
   },
-  [ll]: {
+  [pl]: {
     left: "4px",
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [al]: {
+  [El]: {
     right: "4px",
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [nl]: {
+  [bl]: {
     left: "50%",
     top: "0",
     transform: "translateX(-50%)"
   },
-  [cl]: {
+  [$l]: {
     bottom: "0",
     left: "50%",
     transform: "translateX(-50%)"
   },
-  [sl]: {
-    backgroundImage: U,
+  [gl]: {
+    backgroundImage: z,
     backgroundPosition: "center calc(50% - 1px)",
     backgroundRepeat: "no-repeat",
     backgroundSize: "16px 16px",
@@ -1333,52 +1359,52 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     verticalAlign: "middle",
     width: "16px"
   },
-  [dl]: {
-    WebkitMaskImage: U,
+  [wl]: {
+    WebkitMaskImage: z,
     WebkitMaskPosition: "center calc(50% - 1px)",
     WebkitMaskRepeat: "no-repeat",
     WebkitMaskSize: "16px 16px",
     backgroundColor: "var(--owp-tree-grid-changed-text-color, #ffffff) !important",
     backgroundImage: "none !important",
-    maskImage: U,
+    maskImage: z,
     maskPosition: "center calc(50% - 1px)",
     maskRepeat: "no-repeat",
     maskSize: "16px 16px"
   },
-  [il]: {
-    backgroundColor: `${Y} !important`
+  [Ol]: {
+    backgroundColor: `${Z} !important`
   },
-  [Sl]: {
+  [Dl]: {
     scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
     scrollbarWidth: "thin"
   },
-  [ul]: {
+  [Il]: {
     boxSizing: "border-box",
-    maxHeight: `${cr}px !important`,
+    maxHeight: `${bo}px !important`,
     overflowX: "hidden",
     overflowY: "auto"
   },
-  [Rl]: {
+  [ml]: {
     height: "8px",
     width: "8px"
   },
-  [pl]: {
+  [Tl]: {
     backgroundClip: "padding-box",
     backgroundColor: "rgba(0, 0, 0, 0.32)",
     border: "2px solid transparent",
     borderRadius: "8px"
   },
-  [Cl]: {
+  [Gl]: {
     backgroundColor: "rgba(0, 0, 0, 0.44)"
   },
-  [_l]: {
+  [Ll]: {
     backgroundColor: "transparent"
   },
-  [El]: {
+  [vl]: {
     backgroundColor: "transparent"
   },
-  [bl]: {
-    backgroundColor: "var(--owp-tree-grid-selected-row-background-color, #EEE) !important",
+  [Al]: {
+    backgroundColor: `${po} !important`,
     backgroundImage: "none !important",
     borderColor: "transparent !important",
     borderRadius: "0 !important",
@@ -1388,16 +1414,27 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     marginRight: "0 !important",
     outlineColor: "transparent !important"
   },
-  [K]: {
+  [kl]: {
+    backgroundColor: `${Eo} !important`,
+    backgroundImage: "none !important",
+    borderColor: "transparent !important",
+    borderRadius: "0 !important",
+    boxShadow: "none !important",
+    color: "var(--owp-tree-grid-body-color, #111112) !important",
+    marginLeft: "0 !important",
+    marginRight: "0 !important",
+    outlineColor: "transparent !important"
+  },
+  [Y]: {
     position: "relative"
   },
-  [To]: {
+  [fr]: {
     borderBottom: "0 !important",
     borderRadius: `${d} ${d} 0 0`,
     clipPath: `inset(0 round ${d} ${d} 0 0)`,
     overflow: "hidden"
   },
-  [vo]: {
+  [xr]: {
     border: `${C} solid ${E}`,
     borderBottom: 0,
     borderRadius: `${d} ${d} 0 0`,
@@ -1412,35 +1449,35 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     top: 0,
     zIndex: 2
   },
-  [Go]: {
+  [Fr]: {
     borderLeft: `${C} solid ${E}`,
     borderRight: `${C} solid ${E}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: ko,
+    height: Vr,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
     right: 0,
-    top: Lo,
+    top: Nr,
     zIndex: 2
   },
-  [Ho]: {
+  [Pr]: {
     borderTop: `${C} solid ${E} !important`
   },
-  [Ao]: {
+  [yr]: {
     boxShadow: `inset -${C} 0 0 ${E}`
   },
-  [ho]: {
+  [Ur]: {
     boxShadow: `inset -${C} 0 0 ${E}`
   },
-  [qo]: {
+  [st]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
-  [Jo]: {
+  [dt]: {
     border: `${C} solid ${E}`,
     borderBottomLeftRadius: d,
     borderBottomRightRadius: d,
@@ -1457,7 +1494,7 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     transform: `translateY(calc(-100% - ${C}))`,
     zIndex: 2
   },
-  [et]: {
+  [it]: {
     backgroundImage: `radial-gradient(circle at right top, transparent calc(${d} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${d}), radial-gradient(circle at left top, transparent calc(${d} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${d})`,
     backgroundPosition: "left top, right top",
     backgroundRepeat: "no-repeat",
@@ -1473,55 +1510,65 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     transform: `translateY(calc(-100% - ${C}))`,
     zIndex: 1
   },
-  [rt]: A(
+  [St]: H(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [ot]: A(
+  [ut]: H(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [tt]: A(
+  [Rt]: H(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
-  [Te]: u(
+  [ke]: u(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [ve]: u(
+  [Ae]: u(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [lt]: {
-    transition: le
+  [Ot]: {
+    backgroundColor: `${q} !important`
   },
-  [Gt]: {
-    boxShadow: lr,
+  [L]: {
+    backgroundColor: `${q} !important`
+  },
+  [Dt]: {
+    pointerEvents: "none",
+    visibility: "hidden"
+  },
+  [_t]: {
+    transition: ne
+  },
+  [Vt]: {
+    boxShadow: Ro,
     outline: "none",
     position: "relative",
     zIndex: 3
   },
-  [Ae]: {
+  [fe]: {
     boxShadow: "none !important",
     outline: "none",
     position: "relative"
   },
-  [Lt]: {
-    border: `${Ee} solid ${be}`,
+  [Pt]: {
+    border: `${we} solid ${Oe}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    inset: ar,
+    inset: _o,
     pointerEvents: "none",
     position: "absolute",
     zIndex: 4
   },
-  [He]: {
+  [Be]: {
     position: "relative"
   },
-  [kt]: {
+  [yt]: {
     backgroundColor: "transparent",
-    borderBottom: `${L} solid ${H}`,
-    borderTop: `${L} solid ${H}`,
-    bottom: k,
+    borderBottom: `${k} solid ${h}`,
+    borderTop: `${k} solid ${h}`,
+    bottom: A,
     boxSizing: "border-box",
     content: '""',
     display: "none",
@@ -1532,220 +1579,224 @@ const o = "owp-tree-grid-theme", m = "owp-tree-grid-table-radius", Qe = "owp-tre
     pointerEvents: "none",
     position: "absolute",
     right: "-1px",
-    top: k,
+    top: A,
     zIndex: 2
   },
-  [Ht]: {
+  [Ut]: {
     borderBottomLeftRadius: "2px",
-    borderLeft: `${L} solid ${H}`,
+    borderLeft: `${k} solid ${h}`,
     borderTopLeftRadius: "2px",
-    left: k
+    left: A
   },
-  [At]: {
+  [Wt]: {
     borderBottomRightRadius: "2px",
-    borderRight: `${L} solid ${H}`,
+    borderRight: `${k} solid ${h}`,
     borderTopRightRadius: "2px",
-    right: k
+    right: A
   },
-  [at]: {
+  [Ct]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
-    fontFamily: `${V} !important`,
+    fontFamily: `${P} !important`,
     fontSize: "var(--owp-tree-grid-header-font-size, 14px) !important",
     fontWeight: "var(--owp-tree-grid-header-font-weight, normal) !important",
     lineHeight: "16px"
   },
-  [nt]: {
+  [pt]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [ct]: u(
+  [Et]: u(
     "--owp-tree-grid-hover-row-background-color",
     b
   ),
-  [st]: u(
+  [bt]: u(
     "--owp-tree-grid-hover-row-background-color",
     b
   ),
-  [dt]: v(
-    Q
+  [$t]: m(
+    J
   ),
-  [it]: v(
-    Q
+  [gt]: m(
+    J
   ),
-  [Ge]: u(
+  [he]: u(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [Le]: u(
+  [He]: u(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [ke]: u(
+  [Me]: u(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [St]: {
-    transition: le
+  [wt]: {
+    transition: ne
   },
-  [ut]: {
+  [It]: {
     backgroundColor: "transparent",
     backgroundImage: "none"
   },
-  [Rt]: {
+  [mt]: {
     background: "transparent !important",
     backgroundColor: "transparent !important",
     backgroundImage: "none !important",
     opacity: "0 !important"
   },
-  [pt]: {
+  [Tt]: {
     backgroundColor: "transparent",
     backgroundImage: "none"
   },
-  [Ct]: {
-    border: "0 none transparent !important",
-    borderColor: "transparent !important",
-    boxShadow: "none !important",
+  [Gt]: {
+    ...m("transparent"),
     backgroundColor: "transparent !important",
-    outlineColor: "transparent !important"
+    boxShadow: "none !important",
+    opacity: "0 !important"
   },
-  [_t]: u(
+  [Lt]: u(
     "--owp-tree-grid-hover-cell-background-color",
     b
   ),
-  [Et]: {
-    ...v(I),
-    backgroundColor: `${nr} !important`
+  [vt]: {
+    ...m(D),
+    backgroundColor: `${Co} !important`
   },
-  [bt]: v(
-    I
+  [kt]: m(
+    D
   ),
-  [$t]: u(
+  [At]: u(
     "--owp-tree-grid-hover-cell-background-color",
     b
   ),
-  [wt]: u(
+  [ht]: u(
     "--owp-tree-grid-hover-cell-background-color",
     b
   ),
-  [gt]: u(
+  [Ht]: u(
     "--owp-tree-grid-hover-cell-background-color",
     b
   ),
-  [Ot]: u(
+  [Mt]: u(
     "--owp-tree-grid-hover-cell-background-color",
     b
   ),
-  [Mt]: {
-    borderColor: `${I} !important`
+  [jt]: {
+    borderColor: `${D} !important`
   },
-  [Bt]: {
-    borderColor: `${I} !important`
+  [Xt]: {
+    borderColor: `${D} !important`
   },
-  [ft]: {
-    borderTopColor: `${I} !important`,
-    borderBottomColor: `${I} !important`,
-    outlineColor: `${I} !important`
+  [Kt]: {
+    borderTopColor: `${D} !important`,
+    borderBottomColor: `${D} !important`,
+    outlineColor: `${D} !important`
   },
-  [xt]: {
-    ...ao(P),
-    backgroundColor: `${q} !important`
+  [Yt]: {
+    ...pr(y),
+    backgroundColor: `${ee} !important`
   },
-  [Ft]: {
-    backgroundColor: `${q} !important`,
+  [Zt]: {
+    backgroundColor: `${ee} !important`,
+    color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontSize: "14px !important",
     fontWeight: "600 !important"
   },
-  [It]: u(
+  [Bt]: u(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [Dt]: {
+  [ft]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [mt]: {
+  [xt]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important",
-    boxSizing: Z
+    boxSizing: Q
   },
-  [Tt]: {
+  [Ft]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [vt]: {
+  [Nt]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ht]: A(
+  [zt]: H(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [Nt]: {
+  [Qt]: {
     backgroundColor: "transparent",
     backgroundImage: "none"
   },
-  [Vt]: u(
+  [qt]: u(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [Pt]: {
+  [Jt]: {
     color: "var(--owp-tree-grid-changed-text-color, #ffffff) !important",
-    fontWeight: zt
+    fontWeight: tl
   },
-  [yt]: {
+  [el]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [Wt]: {
+  [ol]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [Ut]: {
+  [rl]: {
     color: "transparent !important"
   },
-  [jt]: {
-    borderColor: `${P} !important`,
-    boxSizing: Z
+  [ll]: {
+    borderColor: `${y} !important`,
+    boxSizing: Q
   },
-  [Xt]: {
-    backgroundColor: `${P} !important`
+  [al]: {
+    backgroundColor: `${y} !important`
   }
-}, $ = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), $l = /* @__PURE__ */ t((e, r, l) => {
-  l && (e[r] = l);
-}, "setOptionalTreeGridCssVariable"), Tl = /* @__PURE__ */ t(({
+}, $ = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), hl = /* @__PURE__ */ t((e, o, l) => {
+  l && (e[o] = l);
+}, "setOptionalTreeGridCssVariable"), Vl = /* @__PURE__ */ t(({
   width: e,
-  height: r,
+  height: o,
   treeGridTheme: l,
   gridThemeConfig: c,
   containerStyle: s,
   tableBorderRadius: R
 }) => {
-  const _ = {
-    height: r,
-    "--owp-tree-grid-added-row-box-color": $e,
+  const p = {
+    height: o,
+    "--owp-tree-grid-added-row-box-color": De,
     width: e
   };
-  for (const { cssVariableName: T, getValue: O } of to)
-    $l(_, T, O(c));
-  for (const { cssVariableName: T, getValue: O } of lo)
-    _[T] = O(l);
-  return R !== void 0 && (_["--owp-tree-grid-table-border-radius"] = $(R)), {
-    ..._,
+  for (const { cssVariableName: G, getValue: O } of _r)
+    hl(p, G, O(c));
+  for (const { cssVariableName: G, getValue: O } of Cr)
+    p[G] = O(l);
+  return R !== void 0 && (p["--owp-tree-grid-table-border-radius"] = $(R)), {
+    ...p,
     ...s
   };
 }, "createTreeGridThemeContainerStyle");
 export {
-  f as TREE_GRID_ADDED_ROW_BOX_CELL_CLASS,
-  or as TREE_GRID_ADDED_ROW_BOX_END_CLASS,
-  rr as TREE_GRID_ADDED_ROW_BOX_START_CLASS,
-  Ce as TREE_GRID_EDITING_CELL_BORDER_COLOR_CSS_VARIABLE,
+  x as TREE_GRID_ADDED_ROW_BOX_CELL_CLASS,
+  So as TREE_GRID_ADDED_ROW_BOX_END_CLASS,
+  io as TREE_GRID_ADDED_ROW_BOX_START_CLASS,
+  so as TREE_GRID_DELETED_ROW_PANEL_CELL_CLASS,
+  Ee as TREE_GRID_EDITING_CELL_BORDER_COLOR_CSS_VARIABLE,
+  $e as TREE_GRID_ENUM_MENU_HOVER_BACKGROUND_COLOR_CSS_VARIABLE,
+  ge as TREE_GRID_ENUM_MENU_SELECTED_BACKGROUND_COLOR_CSS_VARIABLE,
   pe as TREE_GRID_ERROR_CELL_CLASS,
-  _e as TREE_GRID_HINT_BACKGROUND_COLOR_CSS_VARIABLE,
-  tr as TREE_GRID_HOVER_CELL_BORDER_COLOR_CSS_VARIABLE,
-  Qe as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
-  Re as TREE_GRID_SELECTED_CHANGED_CELL_CLASS,
-  qe as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
-  Je as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
-  er as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
+  be as TREE_GRID_HINT_BACKGROUND_COLOR_CSS_VARIABLE,
+  uo as TREE_GRID_HOVER_CELL_BORDER_COLOR_CSS_VARIABLE,
+  lo as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
+  Ce as TREE_GRID_SELECTED_CHANGED_CELL_CLASS,
+  ao as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
+  no as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
+  co as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
   n as TREE_GRID_STYLE_PREFIXES,
-  m as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
-  o as TREE_GRID_THEME_WRAPPER_CLASS,
-  Tl as createTreeGridThemeContainerStyle,
-  ml as treeGridThemeStyles
+  T as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
+  r as TREE_GRID_THEME_WRAPPER_CLASS,
+  Vl as createTreeGridThemeContainerStyle,
+  Fl as setTreeGridFloatingLayerCssVariable,
+  Nl as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map