@owp/core 2.5.35 → 2.5.36

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

@@ -1,8 +1,8 @@
-var y = Object.defineProperty;
-var t = (e, o) => y(e, "name", { value: o, configurable: !0 });
-import { getTreeGridHeaderEdgeBorderColor as z, TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as N, TREEGRID_FONT_FAMILY_STACK as B, TREEGRID_ERROR_CELL_BORDER_COLOR as W, TREEGRID_TABLE_BODY_BORDER_COLOR as j, TREEGRID_CELL_CHANGED_CLASS as s } from "../../../constants/treeGrid.js";
-import { DEFAULT_TABLE_RADIUS as U } from "../../../constants/table.js";
-const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-table-radius", X = "owp-tree-grid-panel-checkbox-select", K = "owp-tree-grid-select-all-checked", Q = "owp-tree-grid-select-all-indeterminate", q = "owp-tree-grid-select-all-unchecked", P = "owp-tree-grid-selected-changed-cell", J = "owp-tree-grid-error-cell", n = [
+var O = Object.defineProperty;
+var l = (e, o) => O(e, "name", { value: o, configurable: !0 });
+import { TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as y, TREEGRID_FONT_FAMILY_STACK as H, TREEGRID_ERROR_CELL_BORDER_COLOR as z, TREEGRID_CELL_CHANGED_CLASS as i } from "../../../constants/treeGrid.js";
+import { DEFAULT_TABLE_RADIUS as N } from "../../../constants/table.js";
+const r = "owp-tree-grid-theme", v = "owp-tree-grid-table-radius", W = "owp-tree-grid-panel-checkbox-select", j = "owp-tree-grid-select-all-checked", U = "owp-tree-grid-select-all-indeterminate", X = "owp-tree-grid-select-all-unchecked", P = "owp-tree-grid-selected-changed-cell", Y = "owp-tree-grid-error-cell", n = [
   "TS",
   "TW",
   "TB",
@@ -19,7 +19,7 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   "CR",
   "CP",
   "CC"
-], x = j, S = "1px", i = `var(--owp-tree-grid-table-border-radius, ${U})`, k = "var(--owp-tree-grid-header-edge-border-color, var(--owp-tree-grid-header-background-color, #586980))", I = "#757575", Z = "2px", ee = "2px", oe = `var(--owp-tree-grid-error-cell-border-color, ${W})`, F = [
+], b = "#CDD8E4", p = "1px", d = `var(--owp-tree-grid-table-border-radius, ${N})`, I = "#757575", K = "2px", Q = "2px", q = `var(--owp-tree-grid-error-cell-border-color, ${z})`, F = [
   "DefaultsLeft",
   "DefaultsRight",
   "DefaultsTop",
@@ -28,266 +28,310 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   "EnumRight",
   "EnumTop",
   "EnumBottom"
-], b = /* @__PURE__ */ t((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), re = b(
+], $ = /* @__PURE__ */ l((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), J = $(
   '<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>'
-), te = b(
+), Z = $(
   '<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>'
-), H = b(
+), _ = $(
   '<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>'
-), M = b(
+), M = $(
   '<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>'
-), le = b(
+), ee = $(
   '<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>'
-), T = b(
+), T = $(
   '<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>'
-), L = b(
+), L = $(
   '<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>'
-), ae = "var(--owp-tree-grid-header-background-color, #586980)", ce = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", ne = [
+), oe = "var(--owp-tree-grid-header-background-color, #586980)", re = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", te = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-row-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.hoverCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-editing-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.editingCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-error-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return (o = e == null ? void 0 : e.state) == null ? void 0 : o.focusedCellRectBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var o;
       return ((o = e == null ? void 0 : e.changed) == null ? void 0 : o.fontWeight) === void 0 ? void 0 : String(e.changed.fontWeight);
     }, "getValue")
   }
-], de = [
+], le = [
   {
     cssVariableName: "--owp-tree-grid-header-background-color",
-    getValue: /* @__PURE__ */ t((e) => e.header.backgroundColor, "getValue")
+    getValue: /* @__PURE__ */ l((e) => e.header.backgroundColor, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-color",
-    getValue: /* @__PURE__ */ t((e) => e.header.color, "getValue")
+    getValue: /* @__PURE__ */ l((e) => e.header.color, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-size",
-    getValue: /* @__PURE__ */ t((e) => h(e.header.fontSize), "getValue")
+    getValue: /* @__PURE__ */ l((e) => f(e.header.fontSize), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-weight",
-    getValue: /* @__PURE__ */ t((e) => String(e.header.fontWeight), "getValue")
+    getValue: /* @__PURE__ */ l((e) => String(e.header.fontWeight), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-height",
-    getValue: /* @__PURE__ */ t((e) => h(e.header.height), "getValue")
+    getValue: /* @__PURE__ */ l((e) => f(e.header.height), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-cell-font-size",
-    getValue: /* @__PURE__ */ t((e) => h(e.cell.fontSize), "getValue")
+    getValue: /* @__PURE__ */ l((e) => f(e.cell.fontSize), "getValue")
   }
-], p = /* @__PURE__ */ t((e, o) => ({
+], u = /* @__PURE__ */ l((e, o) => ({
   backgroundColor: `var(${e}, ${o}) !important`
-}), "createTreeGridBackgroundColorStyle"), m = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridBackgroundColorStyle"), k = /* @__PURE__ */ l((e) => ({
   backgroundColor: `var(${e}) !important`
-}), "createTreeGridOptionalBackgroundColorStyle"), l = /* @__PURE__ */ t(({
+}), "createTreeGridOptionalBackgroundColorStyle"), t = /* @__PURE__ */ l(({
   wrapperSelector: e = `.${r}`,
   rowSuffix: o,
   suffixes: a,
   descendant: c = "",
-  withChildren: d = !1
-}) => n.flatMap((u) => a.flatMap((C) => {
-  const v = o ? ` .${u}${o}` : "", w = `${e}${v} .${u}${C}${c}`;
-  return d ? [w, `${w} *`] : [w];
-})).join(", "), "createTreeGridSelectors"), R = /* @__PURE__ */ t(({
+  withChildren: s = !1
+}) => n.flatMap((C) => a.flatMap((S) => {
+  const m = o ? ` .${C}${o}` : "", g = `${e}${m} .${C}${S}${c}`;
+  return s ? [g, `${g} *`] : [g];
+})).join(", "), "createTreeGridSelectors"), R = /* @__PURE__ */ l(({
   wrapperSelector: e = `.${r}`,
   ancestorSuffixes: o,
   suffixes: a,
   descendant: c = ""
-}) => n.flatMap((d) => o.flatMap((u) => a.map((C) => `${e} .${d}${u} .${d}${C}${c}`))).join(", "), "createTreeGridNestedSelectors"), E = `.${r}.${X}`, se = `${E}.${K}`, ie = `${E}.${Q}`, pe = `${E}.${q}`, ue = l({
+}) => n.flatMap((s) => o.flatMap((C) => a.map((S) => `${e} .${s}${C} .${s}${S}${c}`))).join(", "), "createTreeGridNestedSelectors"), E = `.${r}.${W}`, ae = `${E}.${j}`, ce = `${E}.${U}`, ne = `${E}.${X}`, de = t({
   wrapperSelector: E,
   suffixes: ["PanelSelect"]
-}), Ce = l({
+}), se = t({
   wrapperSelector: E,
   suffixes: ["PanelSelectOn"]
-}), Se = R({
+}), ie = R({
   wrapperSelector: E,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect"]
-}), be = R({
+}), ue = R({
   wrapperSelector: E,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelectOn"]
-}), ge = R({
-  wrapperSelector: se,
+}), pe = R({
+  wrapperSelector: ae,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), we = R({
-  wrapperSelector: ie,
+}), Ce = R({
+  wrapperSelector: ce,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), $e = R({
-  wrapperSelector: pe,
+}), Se = R({
+  wrapperSelector: ne,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), Ee = l({
+}), be = t({
   suffixes: ["Filter0"]
-}), ke = l({
+}), $e = t({
   suffixes: ["Filter1"]
-}), me = l({
+}), we = t({
   suffixes: ["Main"],
   withChildren: !0
-}), Re = l({
+}), ge = t({
   suffixes: ["Main"]
-}), ve = l({
+}), Ee = t({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), fe = l({
+}), ke = t({
   suffixes: ["MainTable"]
-}), he = l({
+}), ve = t({
   suffixes: ["NoDataRow"]
-}), Fe = `.${r}`, O = `.${r}.${Y}`, Ge = `${O}:not(.${$})::before`, xe = n.map((e) => `.${r}.${$} .${e}MainTable`).join(", "), De = `${O}.${$}::before`, _e = n.map((e) => `.${r}:not(.${$}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), Be = n.map((e) => `.${r}.${$} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), Ie = n.map((e) => `.${r}.${$} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), He = n.map((e) => `.${r}.${$} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), Me = l({
+}), B = `.${r}.${v}`, Re = n.map((e) => `.${r}.${v} .${e}MainTable`).join(", "), me = `${B}::before`, he = `${B}::after`, fe = `calc(${d} - ${p})`, Fe = `calc(var(--owp-tree-grid-header-height, 33px) - ${d} + ${p})`, Ge = n.map((e) => `.${r}:not(.${v}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), De = t({
+  suffixes: [
+    "VScroll",
+    "VScrollTop",
+    "VScrollBottom",
+    "CustScroll1Up",
+    "CustScroll1UpHover",
+    "CustScroll1Down",
+    "CustScroll1DownHover",
+    "CustScroll1DownHidden",
+    "CustScroll1Right",
+    "CustScroll1RightHover",
+    "CustScroll1RightHidden",
+    "CustScroll1X",
+    "CustScroll2Up",
+    "CustScroll2UpHover",
+    "CustScroll2Down",
+    "CustScroll2DownHover",
+    "CustScroll2DownHidden",
+    "CustScroll2Right",
+    "CustScroll2RightHover",
+    "CustScroll2RightHidden",
+    "CustScroll2X",
+    "CustScroll3Down",
+    "CustScroll3DownHidden",
+    "CustScroll3Right",
+    "CustScroll3RightHidden",
+    "CustScroll3X",
+    "CustScroll4Down",
+    "CustScroll4DownHidden",
+    "CustScroll4Right",
+    "CustScroll4RightHidden"
+  ]
+}), xe = n.flatMap(
+  (e) => [
+    `.${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(", "), Be = n.map((e) => `.${r}.${v} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), He = n.map((e) => `.${r}.${v} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), Ie = n.map((e) => `.${r}.${v} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), _e = t({
   suffixes: ["FillRow"]
-}), Te = l({
+}), Me = t({
   suffixes: ["SolidRow"]
-}), Le = n.map((e) => `.${r} .${e}ToolbarRow.${e}SolidRow`).join(", "), Ve = l({
+}), Te = n.map((e) => `.${r} .${e}ToolbarRow.${e}SolidRow`).join(", "), Le = t({
   suffixes: ["ColorDefault"]
-}), Pe = l({
+}), Ve = t({
   suffixes: ["ColorDefaultRow"]
-}), Oe = l({
+}), Pe = t({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), Ae = l({
+}), Ae = t({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -300,38 +344,38 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), ye = l({
+}), Oe = t({
   suffixes: ["ColorHovered"]
-}), ze = l({
+}), ye = t({
   suffixes: ["ColorHoveredRow"]
-}), Ne = l({
+}), ze = t({
   suffixes: ["HoverRowBorder"]
-}), We = l({
+}), Ne = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), je = l({
+}), We = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), Ue = l({
+}), je = t({
   suffixes: ["ColorSelectedRow"]
-}), Ye = l({
+}), Ue = t({
   suffixes: ["ColorFocused"]
-}), Xe = l({
+}), Xe = t({
   suffixes: ["ColorFocusedRow"]
-}), Ke = l({
+}), Ye = t({
   suffixes: ["FocusRowBorder"]
-}), Qe = l({
+}), Ke = t({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), qe = l({
+}), Qe = t({
   suffixes: ["HoverCellBorder"]
-}), Je = l({
+}), qe = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), Ze = l({
+}), Je = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), eo = R({
+}), Ze = R({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), oo = l({
+}), eo = t({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -345,18 +389,18 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), ro = l({
+}), oo = t({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), to = l({
+}), ro = t({
   suffixes: ["ColorFocusedCellRect"]
-}), lo = l({
+}), to = t({
   suffixes: ["FocusCellBorder"]
-}), ao = l({
+}), lo = t({
   suffixes: ["FocusCellCorner"]
-}), co = l({
+}), ao = t({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), A = `.${r} .${J}`, no = `${A}::after`, so = l({
+}), A = `.${r} .${Y}`, co = `${A}::after`, no = t({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -365,24 +409,24 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), io = l({
+}), so = t({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), po = l({
+}), io = t({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), uo = l({
+}), uo = t({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), Co = l({
+}), po = t({
   suffixes: ["ColorChangedCell"]
-}), So = n.flatMap((e) => {
-  const o = `${e}ClassFocusedCell`, a = `.${r} .${s}:not(.${o})`;
+}), Co = n.flatMap((e) => {
+  const o = `${e}ClassFocusedCell`, a = `.${r} .${i}:not(.${o})`;
   return [
     a,
     `${a} *:not(.${o})`
   ];
-}).join(", "), bo = n.flatMap((e) => {
-  const o = `.${r} .${s}`, a = `.${r} .${s}.${P}`;
+}).join(", "), So = n.flatMap((e) => {
+  const o = `.${r} .${i}`, a = `.${r} .${i}.${P}`;
   return [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
@@ -390,16 +434,16 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     `${e}ClassSelected`,
     `${e}ClassSelectedCell`,
     `${e}ClassSelectedRow`
-  ].flatMap((d) => [
+  ].flatMap((s) => [
     a,
     `${a} *`,
-    `${o}.${d}`,
-    `${o}.${d} *`,
-    `.${r} .${d} ${o}`,
-    `.${r} .${d} ${o} *`
+    `${o}.${s}`,
+    `${o}.${s} *`,
+    `.${r} .${s} ${o}`,
+    `.${r} .${s} ${o} *`
   ]);
-}).join(", "), go = n.flatMap((e) => {
-  const o = `.${r} .${s}`;
+}).join(", "), bo = n.flatMap((e) => {
+  const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
@@ -410,19 +454,19 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     `.${r} .${c} ${o}`,
     `.${r} .${c} ${o} *`
   ]);
-}).join(", "), wo = n.flatMap((e) => {
-  const o = `.${r} .${s}`, a = `${e}HiddenValue`;
+}).join(", "), $o = n.flatMap((e) => {
+  const o = `.${r} .${i}`, a = `${e}HiddenValue`;
   return [
     `${o}.${a}`,
     `${o}.${a} *`,
     `.${r} .${a} ${o}`,
     `.${r} .${a} ${o} *`
   ];
-}).join(", "), $o = `var(--owp-tree-grid-changed-font-weight, ${N}) !important`, Eo = l({
+}).join(", "), wo = `var(--owp-tree-grid-changed-font-weight, ${y}) !important`, go = t({
   suffixes: ["EditCellBorder"]
-}), ko = l({
+}), Eo = t({
   suffixes: ["EditCellCorner"]
-}), mo = [
+}), ko = [
   `.${r} .TSMain .TSDateLeft`,
   `.${r} .TSMain .TSDatesLeft`,
   `.${r} .TSMain .TSDateRight`,
@@ -431,16 +475,16 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   `.${r} .TSMain .TSDatesTop`,
   `.${r} .TSMain .TSDateBottom`,
   `.${r} .TSMain .TSDatesBottom`
-].join(", "), Ro = [
-  `.${r} .TSMain .${s}.TSDateLeft`,
-  `.${r} .TSMain .${s}.TSDatesLeft`,
-  `.${r} .TSMain .${s}.TSDateRight`,
-  `.${r} .TSMain .${s}.TSDatesRight`,
-  `.${r} .TSMain .${s}.TSDateTop`,
-  `.${r} .TSMain .${s}.TSDatesTop`,
-  `.${r} .TSMain .${s}.TSDateBottom`,
-  `.${r} .TSMain .${s}.TSDatesBottom`
 ].join(", "), vo = [
+  `.${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(", "), Ro = [
   "DateLeft",
   "DatesLeft",
   "DateRight",
@@ -450,22 +494,22 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   "DateBottom",
   "DatesBottom"
 ].flatMap((e) => n.flatMap((o) => {
-  const a = `.${r} .${s}.${o}${e}`;
+  const a = `.${r} .${i}.${o}${e}`;
   return [
     `${o}ClassFocusedCell`,
     `${o}ColorFocusedCell`,
     `${o}ColorFocusedCellRelative`
-  ].flatMap((d) => [
-    `${a}.${d}`,
-    `.${r} .${d} ${a}`
+  ].flatMap((s) => [
+    `${a}.${s}`,
+    `.${r} .${s} ${a}`
   ]);
-})).join(", "), _ = '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")', fo = _.replace(
+})).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")', mo = x.replace(
   "%23757575",
   "white"
-), V = b(
+), V = $(
   '<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, o) => n.flatMap((a) => e.flatMap((c) => o(a, c))).join(", "), "createTreeGridEnumButtonIconSelector"), G = /* @__PURE__ */ t((e, o) => `.${r} .${s}.${e}${o}`, "createTreeGridChangedEnumButtonCellSelector"), f = /* @__PURE__ */ t((e, o) => `${G(e, o)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), ho = /* @__PURE__ */ t((e, o) => {
-  const a = G(e, o), c = `.${r} .${s}.${P}.${e}${o}`, d = [
+), w = /* @__PURE__ */ l((e, o) => n.flatMap((a) => e.flatMap((c) => o(a, c))).join(", "), "createTreeGridEnumButtonIconSelector"), G = /* @__PURE__ */ l((e, o) => `.${r} .${i}.${e}${o}`, "createTreeGridChangedEnumButtonCellSelector"), h = /* @__PURE__ */ l((e, o) => `${G(e, o)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), ho = /* @__PURE__ */ l((e, o) => {
+  const a = G(e, o), c = `.${r} .${i}.${P}.${e}${o}`, s = [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
     `${e}ColorSelectedRow`,
@@ -475,54 +519,54 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   ];
   return [
     c,
-    ...d.flatMap((u) => [
-      `${a}.${u}`,
-      `.${r} .${u} ${a}`
+    ...s.flatMap((C) => [
+      `${a}.${C}`,
+      `.${r} .${C} ${a}`
     ])
   ];
-}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), Fo = /* @__PURE__ */ t((e, o) => {
+}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), fo = /* @__PURE__ */ l((e, o) => {
   const a = G(e, o);
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
     `${e}ColorFocusedCellRelative`
-  ].flatMap((d) => [
-    `${a}.${d}`,
-    `.${r} .${d} ${a}`
+  ].flatMap((s) => [
+    `${a}.${s}`,
+    `.${r} .${s} ${a}`
   ]);
-}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), Go = g(
+}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), Fo = w(
   F,
   (e, o) => [G(e, o)]
-), xo = g(
+), Go = w(
   F,
-  (e, o) => [f(e, o)]
-), Do = g(
+  (e, o) => [h(e, o)]
+), Do = w(
   F,
   (e, o) => ho(e, o).map(
     (a) => `${a}::after`
   )
-), _o = g(
+), xo = w(
   F,
-  (e, o) => Fo(e, o).map(
+  (e, o) => fo(e, o).map(
     (a) => `${a}::after`
   )
-), Bo = g(
+), Bo = w(
   ["DefaultsLeft", "EnumLeft"],
-  (e, o) => [f(e, o)]
-), Io = g(
+  (e, o) => [h(e, o)]
+), Ho = w(
   ["DefaultsRight", "EnumRight"],
-  (e, o) => [f(e, o)]
-), Ho = g(
+  (e, o) => [h(e, o)]
+), Io = w(
   ["DefaultsTop", "EnumTop"],
-  (e, o) => [f(e, o)]
-), Mo = g(
+  (e, o) => [h(e, o)]
+), _o = w(
   ["DefaultsBottom", "EnumBottom"],
-  (e, o) => [f(e, o)]
-), D = '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")', To = `.${r} .OwpTreeGridTimePickerEditorIcon`, Lo = [
-  `.${r} .${s} .OwpTreeGridTimePickerEditorIcon`,
-  `.${r} .${s}.OwpTreeGridTimePickerEditorIcon`
-].join(", "), Vo = n.flatMap((e) => {
-  const o = `.${r} .${s}`;
+  (e, o) => [h(e, o)]
+), D = '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")', Mo = `.${r} .OwpTreeGridTimePickerEditorIcon`, To = [
+  `.${r} .${i} .OwpTreeGridTimePickerEditorIcon`,
+  `.${r} .${i}.OwpTreeGridTimePickerEditorIcon`
+].join(", "), Lo = n.flatMap((e) => {
+  const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
@@ -533,77 +577,77 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     `.${r} .${c} ${o} .OwpTreeGridTimePickerEditorIcon`,
     `.${r} .${c} ${o}.OwpTreeGridTimePickerEditorIcon`
   ]);
-}).join(", "), Po = n.map(
+}).join(", "), Vo = n.map(
   (e) => `.${e}EnumMenuMain, .${e}EnumMenuMain *`
-).join(", "), Oo = n.map(
+).join(", "), Po = n.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar`
 ).join(", "), Ao = n.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
-).join(", "), yo = n.map(
+).join(", "), Oo = n.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
-).join(", "), zo = n.map(
+).join(", "), yo = n.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-track`
-).join(", "), No = n.map(
+).join(", "), zo = n.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
 ).join(", "), Xo = {
-  [me]: {
-    fontFamily: `${B} !important`,
+  [we]: {
+    fontFamily: `${H} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [Re]: {
+  [ge]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [ve]: {
+  [Ee]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [fe]: p(
+  [ke]: u(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [he]: {
-    borderTopColor: `${x} !important`
+  [ve]: {
+    borderTopColor: `${b} !important`
   },
-  [ue]: {
-    backgroundImage: `${re} !important`,
+  [de]: {
+    backgroundImage: `${J} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Ce]: {
-    backgroundImage: `${te} !important`,
+  [se]: {
+    backgroundImage: `${Z} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Se]: {
-    backgroundImage: `${H} !important`,
+  [ie]: {
+    backgroundImage: `${_} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [be]: {
+  [ue]: {
     backgroundImage: `${M} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [ge]: {
+  [pe]: {
     backgroundImage: `${M} !important`
   },
-  [we]: {
-    backgroundImage: `${le} !important`
+  [Ce]: {
+    backgroundImage: `${ee} !important`
   },
-  [$e]: {
-    backgroundImage: `${H} !important`
+  [Se]: {
+    backgroundImage: `${_} !important`
   },
-  [Ee]: {
+  [be]: {
     WebkitMaskImage: `${T} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${ae} !important`,
+    backgroundColor: `${oe} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
     maskImage: `${T} !important`,
@@ -613,12 +657,12 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     opacity: 0.72,
     width: "17px !important"
   },
-  [ke]: {
+  [$e]: {
     WebkitMaskImage: `${L} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${ce} !important`,
+    backgroundColor: `${re} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
     maskImage: `${L} !important`,
@@ -628,20 +672,20 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     opacity: 1,
     width: "17px !important"
   },
-  [mo]: {
-    backgroundImage: `${_} !important`
-  },
-  [Ro]: {
-    backgroundImage: `${fo} !important`
+  [ko]: {
+    backgroundImage: `${x} !important`
   },
   [vo]: {
-    backgroundImage: `${_} !important`
+    backgroundImage: `${mo} !important`
   },
-  [Go]: {
+  [Ro]: {
+    backgroundImage: `${x} !important`
+  },
+  [Fo]: {
     backgroundImage: "none !important",
     position: "relative"
   },
-  [xo]: {
+  [Go]: {
     WebkitMaskImage: `${V} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
@@ -662,7 +706,7 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
   [Do]: {
     backgroundColor: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [_o]: {
+  [xo]: {
     backgroundColor: `${I} !important`
   },
   [Bo]: {
@@ -670,22 +714,22 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [Io]: {
+  [Ho]: {
     right: "4px",
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [Ho]: {
+  [Io]: {
     left: "50%",
     top: "0",
     transform: "translateX(-50%)"
   },
-  [Mo]: {
+  [_o]: {
     bottom: "0",
     left: "50%",
     transform: "translateX(-50%)"
   },
-  [To]: {
+  [Mo]: {
     backgroundImage: D,
     backgroundPosition: "center calc(50% - 1px)",
     backgroundRepeat: "no-repeat",
@@ -697,7 +741,7 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     verticalAlign: "middle",
     width: "16px"
   },
-  [Lo]: {
+  [To]: {
     WebkitMaskImage: D,
     WebkitMaskPosition: "center calc(50% - 1px)",
     WebkitMaskRepeat: "no-repeat",
@@ -709,14 +753,14 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     maskRepeat: "no-repeat",
     maskSize: "16px 16px"
   },
-  [Vo]: {
+  [Lo]: {
     backgroundColor: `${I} !important`
   },
-  [Po]: {
+  [Vo]: {
     scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
     scrollbarWidth: "thin"
   },
-  [Oo]: {
+  [Po]: {
     height: "8px",
     width: "8px"
   },
@@ -726,27 +770,32 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     border: "2px solid transparent",
     borderRadius: "8px"
   },
-  [yo]: {
+  [Oo]: {
     backgroundColor: "rgba(0, 0, 0, 0.44)"
   },
-  [zo]: {
+  [yo]: {
     backgroundColor: "transparent"
   },
-  [No]: {
+  [zo]: {
     backgroundColor: "transparent"
   },
-  [Fe]: {
+  [B]: {
     position: "relative"
   },
-  [Ge]: {
-    borderLeft: `${S} solid ${k}`,
-    borderRight: `${S} solid ${k}`,
-    borderTop: `${S} solid ${k}`,
+  [Re]: {
+    borderBottom: "0 !important",
+    borderRadius: `${d} ${d} 0 0`,
+    clipPath: `inset(0 round ${d} ${d} 0 0)`,
+    overflow: "hidden"
+  },
+  [me]: {
+    border: `${p} solid ${b}`,
     borderBottom: 0,
+    borderRadius: `${d} ${d} 0 0`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: "var(--owp-tree-grid-header-frame-height, var(--owp-tree-grid-header-height, 33px))",
+    height: d,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
@@ -754,84 +803,81 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     top: 0,
     zIndex: 2
   },
-  [xe]: {
-    borderBottom: "0 !important",
-    borderRadius: `${i} ${i} 0 0`,
-    clipPath: `inset(0 round ${i} ${i} 0 0)`,
-    overflow: "hidden"
-  },
-  [De]: {
-    borderLeft: `${S} solid ${k}`,
-    borderRight: `${S} solid ${k}`,
-    borderTop: `${S} solid ${k}`,
-    borderBottom: 0,
-    borderRadius: `${i} ${i} 0 0`,
+  [he]: {
+    borderLeft: `${p} solid ${b}`,
+    borderRight: `${p} solid ${b}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: "var(--owp-tree-grid-header-frame-height, var(--owp-tree-grid-header-height, 33px))",
+    height: Fe,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
-    right: S,
-    top: 0,
+    right: 0,
+    top: fe,
     zIndex: 2
   },
-  [_e]: {
-    borderTop: `${S} solid ${x} !important`
+  [Ge]: {
+    borderTop: `${p} solid ${b} !important`
+  },
+  [De]: {
+    boxShadow: `inset -${p} 0 0 ${b}`
+  },
+  [xe]: {
+    boxShadow: `inset -${p} 0 0 ${b}`
   },
   [Be]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
-  [Ie]: {
-    border: `${S} solid ${x}`,
-    borderBottomLeftRadius: i,
-    borderBottomRightRadius: i,
+  [He]: {
+    border: `${p} solid ${b}`,
+    borderBottomLeftRadius: d,
+    borderBottomRightRadius: d,
     borderTop: 0,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: i,
+    height: d,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
     right: 0,
     top: 0,
-    transform: "translateY(-100%)",
+    transform: `translateY(calc(-100% - ${p}))`,
     zIndex: 2
   },
-  [He]: {
-    backgroundImage: `radial-gradient(circle at right top, transparent calc(${i} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${i}), radial-gradient(circle at left top, transparent calc(${i} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${i})`,
+  [Ie]: {
+    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",
-    backgroundSize: `${i} ${i}, ${i} ${i}`,
+    backgroundSize: `${d} ${d}, ${d} ${d}`,
     content: '""',
     display: "block",
-    height: i,
+    height: d,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
     right: 0,
     top: 0,
-    transform: "translateY(-100%)",
+    transform: `translateY(calc(-100% - ${p}))`,
     zIndex: 1
   },
-  [Me]: m(
+  [_e]: k(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [Te]: m(
+  [Me]: k(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [Le]: m(
+  [Te]: k(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
-  [Ve]: p(
+  [Le]: u(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [Pe]: p(
+  [Ve]: u(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
@@ -841,19 +887,19 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     position: "relative",
     zIndex: 3
   },
-  [no]: {
-    border: `${Z} solid ${oe}`,
+  [co]: {
+    border: `${K} solid ${q}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    inset: ee,
+    inset: Q,
     pointerEvents: "none",
     position: "absolute",
     zIndex: 4
   },
-  [Oe]: {
+  [Pe]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
-    fontFamily: `${B} !important`,
+    fontFamily: `${H} !important`,
     fontSize: "var(--owp-tree-grid-header-font-size, 14px) !important",
     fontWeight: "var(--owp-tree-grid-header-font-weight, normal) !important",
     lineHeight: "16px"
@@ -862,67 +908,67 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [ye]: p(
+  [Oe]: u(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [ze]: p(
+  [ye]: u(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [Ne]: {
+  [ze]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [We]: p(
+  [Ne]: u(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [je]: p(
+  [We]: u(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [Ue]: p(
+  [je]: u(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [Ye]: p(
+  [Ue]: u(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [Xe]: p(
+  [Xe]: u(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [Ke]: {
+  [Ye]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [Qe]: p(
+  [Ke]: u(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [qe]: {
+  [Qe]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [Je]: p(
+  [qe]: u(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [Ze]: p(
+  [Je]: u(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [eo]: m(
+  [Ze]: k(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [oo]: m(
+  [eo]: k(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [io]: {
+  [so]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [po]: {
+  [io]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
   [uo]: {
@@ -930,84 +976,83 @@ const r = "owp-tree-grid-theme", Y = "owp-tree-grid-ready", $ = "owp-tree-grid-t
     borderBottomColor: "var(--owp-tree-grid-hover-cell-border-color) !important",
     outlineColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [ro]: p(
+  [oo]: u(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [to]: {
+  [ro]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [lo]: {
+  [to]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ao]: {
+  [lo]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [co]: {
+  [ao]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [so]: m(
+  [no]: k(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [Co]: p(
+  [po]: u(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [So]: {
+  [Co]: {
     color: "var(--owp-tree-grid-changed-text-color, #ffffff) !important",
-    fontWeight: $o
+    fontWeight: wo
   },
-  [bo]: {
+  [So]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [go]: {
+  [bo]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [wo]: {
+  [$o]: {
     color: "transparent !important"
   },
-  [Eo]: {
+  [go]: {
     borderColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   },
-  [ko]: {
+  [Eo]: {
     backgroundColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   }
-}, h = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), Wo = /* @__PURE__ */ t((e, o, a) => {
+}, f = /* @__PURE__ */ l((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), No = /* @__PURE__ */ l((e, o, a) => {
   a && (e[o] = a);
-}, "setOptionalTreeGridCssVariable"), Ko = /* @__PURE__ */ t(({
+}, "setOptionalTreeGridCssVariable"), Yo = /* @__PURE__ */ l(({
   width: e,
   height: o,
   treeGridTheme: a,
   gridThemeConfig: c,
-  containerStyle: d,
-  tableBorderRadius: u
+  containerStyle: s,
+  tableBorderRadius: C
 }) => {
-  const C = {
+  const S = {
     height: o,
     width: e
   };
-  for (const { cssVariableName: v, getValue: w } of ne)
-    Wo(C, v, w(c));
-  for (const { cssVariableName: v, getValue: w } of de)
-    C[v] = w(a);
-  return C["--owp-tree-grid-header-edge-border-color"] = z(a.header.backgroundColor), u !== void 0 && (C["--owp-tree-grid-table-border-radius"] = h(u)), {
-    ...C,
-    ...d
+  for (const { cssVariableName: m, getValue: g } of te)
+    No(S, m, g(c));
+  for (const { cssVariableName: m, getValue: g } of le)
+    S[m] = g(a);
+  return C !== void 0 && (S["--owp-tree-grid-table-border-radius"] = f(C)), {
+    ...S,
+    ...s
   };
 }, "createTreeGridThemeContainerStyle");
 export {
-  J as TREE_GRID_ERROR_CELL_CLASS,
-  X as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
+  Y as TREE_GRID_ERROR_CELL_CLASS,
+  W as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
   P as TREE_GRID_SELECTED_CHANGED_CELL_CLASS,
-  K as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
-  Q as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
-  q as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
-  Y as TREE_GRID_THEME_READY_CLASS,
-  $ as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
+  j as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
+  U as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
+  X as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
+  v as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
   r as TREE_GRID_THEME_WRAPPER_CLASS,
-  Ko as createTreeGridThemeContainerStyle,
+  Yo as createTreeGridThemeContainerStyle,
   Xo as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map