@owp/core 2.5.49 → 2.5.50

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

@@ -1,9 +1,9 @@
-var Q = Object.defineProperty;
-var t = (e, o) => Q(e, "name", { value: o, configurable: !0 });
-import { TREEGRID_ADDED_ROW_BACKGROUND_COLOR as q, TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as J, TREEGRID_FONT_FAMILY_STACK as O, TREEGRID_ERROR_CELL_BORDER_COLOR as Z, TREEGRID_CELL_CHANGED_CLASS as i } from "../../../constants/treeGrid.js";
-import { DEFAULT_TABLE_RADIUS as ee } from "../../../constants/table.js";
-import { darken as oe } from "@mui/material/styles";
-const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tree-grid-panel-checkbox-select", te = "owp-tree-grid-select-all-checked", le = "owp-tree-grid-select-all-indeterminate", ae = "owp-tree-grid-select-all-unchecked", j = "owp-tree-grid-selected-changed-cell", U = "owp-tree-grid-error-cell", G = "owp-tree-grid-added-row-box-cell", ce = "owp-tree-grid-added-row-box-start", ne = "owp-tree-grid-added-row-box-end", c = [
+var J = Object.defineProperty;
+var t = (e, o) => J(e, "name", { value: o, configurable: !0 });
+import { TREEGRID_ADDED_ROW_BACKGROUND_COLOR as Z, TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as ee, TREEGRID_FONT_FAMILY_STACK as B, TREEGRID_ERROR_CELL_BORDER_COLOR as oe, TREEGRID_CELL_CHANGED_CLASS as i } from "../../../constants/treeGrid.js";
+import { DEFAULT_TABLE_RADIUS as re } from "../../../constants/table.js";
+import { darken as te } from "@mui/material/styles";
+const r = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", le = "owp-tree-grid-panel-checkbox-select", ae = "owp-tree-grid-select-all-checked", ce = "owp-tree-grid-select-all-indeterminate", ne = "owp-tree-grid-select-all-unchecked", X = "owp-tree-grid-selected-changed-cell", Y = "owp-tree-grid-error-cell", F = "owp-tree-grid-added-row-box-cell", se = "owp-tree-grid-added-row-box-start", de = "owp-tree-grid-added-row-box-end", c = [
   "TS",
   "TW",
   "TB",
@@ -20,7 +20,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   "CR",
   "CP",
   "CC"
-], b = "#CDD8E4", u = "1px", d = `var(--owp-tree-grid-table-border-radius, ${ee})`, M = "#757575", de = "2px", A = "2px", se = `var(--owp-tree-grid-error-cell-border-color, ${Z})`, v = "2px", f = "1px", X = oe(q, 0.42), h = `var(--owp-tree-grid-added-row-box-color, ${X})`, ie = "OwpSoftChange", pe = "OwpSoftRevert", ue = "rgba(25, 118, 210, 0.36)", Ce = "rgba(25, 118, 210, 0.20)", Se = "rgba(25, 118, 210, 0.26)", be = "rgba(25, 118, 210, 0.13)", $e = "rgba(96, 125, 139, 0.35)", Re = "rgba(96, 125, 139, 0.20)", Ee = "rgba(96, 125, 139, 0.32)", we = "rgba(96, 125, 139, 0.16)", L = "rgba(25, 118, 210, 0)", V = "rgba(96, 125, 139, 0)", I = [
+], R = "#CDD8E4", u = "1px", s = `var(--owp-tree-grid-table-border-radius, ${re})`, M = "#757575", ie = "2px", H = "2px", pe = `var(--owp-tree-grid-error-cell-border-color, ${oe})`, k = "2px", v = "1px", K = te(Z, 0.42), O = `var(--owp-tree-grid-added-row-box-color, ${K})`, ue = "OwpSoftChange", Se = "OwpSoftRevert", Ce = "OwpSoftRowAdd", Re = "OwpSoftRowRemove", be = "rgba(25, 118, 210, 0.36)", Ee = "rgba(25, 118, 210, 0.20)", $e = "rgba(25, 118, 210, 0.26)", _e = "rgba(25, 118, 210, 0.13)", ge = "rgba(96, 125, 139, 0.35)", we = "rgba(96, 125, 139, 0.20)", me = "rgba(96, 125, 139, 0.32)", De = "rgba(96, 125, 139, 0.16)", ke = "rgba(46, 125, 50, 0.24)", Ie = "rgba(46, 125, 50, 0.12)", ve = "rgba(46, 125, 50, 0.16)", Oe = "rgba(46, 125, 50, 0.07)", fe = "rgba(96, 125, 139, 0.24)", Fe = "rgba(96, 125, 139, 0.12)", Ge = "rgba(96, 125, 139, 0.16)", Te = "rgba(96, 125, 139, 0.07)", L = "rgba(25, 118, 210, 0)", N = "rgba(96, 125, 139, 0)", V = "rgba(46, 125, 50, 0)", P = "rgba(96, 125, 139, 0)", G = [
   "DefaultsLeft",
   "DefaultsRight",
   "DefaultsTop",
@@ -29,21 +29,21 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   "EnumRight",
   "EnumTop",
   "EnumBottom"
-], $ = /* @__PURE__ */ t((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), ge = $(
+], b = /* @__PURE__ */ t((e) => `url("data:image/svg+xml,${encodeURIComponent(e)}")`, "createTreeGridSvgBackgroundImage"), he = 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="#CDD8E4" stroke-width="1.6"/></svg>'
-), _e = $(
+), xe = 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="#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>'
-), N = $(
+), y = 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>'
-), P = $(
+), W = 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"/><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>'
-), ke = $(
+), Ae = 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"/><path d="M5.2 9h7.6" fill="none" stroke="#FFFFFF" stroke-width="2.3" stroke-linecap="round"/></svg>'
-), y = $(
+), z = b(
   '<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>'
-), z = $(
+), j = b(
   '<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>'
-), me = "var(--owp-tree-grid-header-background-color, #586980)", ve = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", De = [
+), Be = "var(--owp-tree-grid-header-background-color, #586980)", Me = "var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))", He = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
     getValue: /* @__PURE__ */ t((e) => {
@@ -191,7 +191,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
       return ((o = e == null ? void 0 : e.changed) == null ? void 0 : o.fontWeight) === void 0 ? void 0 : String(e.changed.fontWeight);
     }, "getValue")
   }
-], fe = [
+], Le = [
   {
     cssVariableName: "--owp-tree-grid-header-background-color",
     getValue: /* @__PURE__ */ t((e) => e.header.backgroundColor, "getValue")
@@ -202,7 +202,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-size",
-    getValue: /* @__PURE__ */ t((e) => F(e.header.fontSize), "getValue")
+    getValue: /* @__PURE__ */ t((e) => f(e.header.fontSize), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-weight",
@@ -210,26 +210,26 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   },
   {
     cssVariableName: "--owp-tree-grid-header-height",
-    getValue: /* @__PURE__ */ t((e) => F(e.header.height), "getValue")
+    getValue: /* @__PURE__ */ t((e) => f(e.header.height), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-cell-font-size",
-    getValue: /* @__PURE__ */ t((e) => F(e.cell.fontSize), "getValue")
+    getValue: /* @__PURE__ */ t((e) => f(e.cell.fontSize), "getValue")
   }
 ], p = /* @__PURE__ */ t((e, o) => ({
   backgroundColor: `var(${e}, ${o}) !important`
 }), "createTreeGridBackgroundColorStyle"), g = /* @__PURE__ */ t((e) => ({
   backgroundColor: `var(${e}) !important`
-}), "createTreeGridOptionalBackgroundColorStyle"), he = /* @__PURE__ */ t(() => Object.fromEntries(
+}), "createTreeGridOptionalBackgroundColorStyle"), Ne = /* @__PURE__ */ t(() => Object.fromEntries(
   c.flatMap((e) => [
     [
-      `@keyframes ${e}${ie}`,
+      `@keyframes ${e}${ue}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${ue}, inset 0 0 0 9999px ${Ce}`
+          boxShadow: `inset 0 0 0 1px ${be}, inset 0 0 0 9999px ${Ee}`
         },
         "40%": {
-          boxShadow: `inset 0 0 0 1px ${Se}, inset 0 0 0 9999px ${be}`
+          boxShadow: `inset 0 0 0 1px ${$e}, inset 0 0 0 9999px ${_e}`
         },
         "100%": {
           boxShadow: `inset 0 0 0 1px ${L}, inset 0 0 0 9999px ${L}`
@@ -237,77 +237,123 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
       }
     ],
     [
-      `@keyframes ${e}${pe}`,
+      `@keyframes ${e}${Se}`,
       {
         "0%": {
-          boxShadow: `inset 0 0 0 1px ${$e}, inset 0 0 0 9999px ${Re}`
+          boxShadow: `inset 0 0 0 1px ${ge}, inset 0 0 0 9999px ${we}`
         },
         "35%": {
-          boxShadow: `inset 0 0 0 1px ${Ee}, inset 0 0 0 9999px ${we}`
+          boxShadow: `inset 0 0 0 1px ${me}, inset 0 0 0 9999px ${De}`
         },
         "100%": {
-          boxShadow: `inset 0 0 0 1px ${V}, inset 0 0 0 9999px ${V}`
+          boxShadow: `inset 0 0 0 1px ${N}, inset 0 0 0 9999px ${N}`
+        }
+      }
+    ],
+    [
+      `@keyframes ${e}${Ce}`,
+      {
+        "0%": {
+          boxShadow: `inset 0 0 0 1px ${ke}, inset 0 0 0 9999px ${Ie}`,
+          opacity: 0.72,
+          transform: "scaleY(0.985)",
+          transformOrigin: "center center"
+        },
+        "45%": {
+          boxShadow: `inset 0 0 0 1px ${ve}, inset 0 0 0 9999px ${Oe}`,
+          opacity: 1,
+          transform: "scaleY(1)",
+          transformOrigin: "center center"
+        },
+        "100%": {
+          boxShadow: `inset 0 0 0 1px ${V}, inset 0 0 0 9999px ${V}`,
+          opacity: 1,
+          transform: "scaleY(1)",
+          transformOrigin: "center center"
+        }
+      }
+    ],
+    [
+      `@keyframes ${e}${Re}`,
+      {
+        "0%": {
+          boxShadow: `inset 0 0 0 1px ${fe}, inset 0 0 0 9999px ${Fe}`,
+          opacity: 1,
+          transform: "scaleY(1)",
+          transformOrigin: "center center"
+        },
+        "45%": {
+          boxShadow: `inset 0 0 0 1px ${Ge}, inset 0 0 0 9999px ${Te}`,
+          opacity: 0.82,
+          transform: "scaleY(0.995)",
+          transformOrigin: "center center"
+        },
+        "100%": {
+          boxShadow: `inset 0 0 0 1px ${P}, inset 0 0 0 9999px ${P}`,
+          opacity: 0.34,
+          transform: "scaleY(0.985)",
+          transformOrigin: "center center"
         }
       }
     ]
   ])
-), "createTreeGridSoftChangeKeyframeStyles"), l = /* @__PURE__ */ t(({
+), "createTreeGridSoftAnimationKeyframeStyles"), l = /* @__PURE__ */ t(({
   wrapperSelector: e = `.${r}`,
   rowSuffix: o,
   suffixes: a,
   descendant: n = "",
-  withChildren: s = !1
-}) => c.flatMap((C) => a.flatMap((S) => {
-  const m = o ? ` .${C}${o}` : "", E = `${e}${m} .${C}${S}${n}`;
-  return s ? [E, `${E} *`] : [E];
-})).join(", "), "createTreeGridSelectors"), k = /* @__PURE__ */ t(({
+  withChildren: d = !1
+}) => c.flatMap((S) => a.flatMap((C) => {
+  const D = o ? ` .${S}${o}` : "", $ = `${e}${D} .${S}${C}${n}`;
+  return d ? [$, `${$} *`] : [$];
+})).join(", "), "createTreeGridSelectors"), m = /* @__PURE__ */ t(({
   wrapperSelector: e = `.${r}`,
   ancestorSuffixes: o,
   suffixes: a,
   descendant: n = ""
-}) => c.flatMap((s) => o.flatMap((C) => a.map((S) => `${e} .${s}${C} .${s}${S}${n}`))).join(", "), "createTreeGridNestedSelectors"), w = `.${r}.${re}`, Fe = `${w}.${te}`, Ge = `${w}.${le}`, Ie = `${w}.${ae}`, xe = l({
-  wrapperSelector: w,
+}) => c.flatMap((d) => o.flatMap((S) => a.map((C) => `${e} .${d}${S} .${d}${C}${n}`))).join(", "), "createTreeGridNestedSelectors"), _ = `.${r}.${le}`, Ve = `${_}.${ae}`, Pe = `${_}.${ce}`, ye = `${_}.${ne}`, We = l({
+  wrapperSelector: _,
   suffixes: ["PanelSelect"]
-}), Te = l({
-  wrapperSelector: w,
+}), ze = l({
+  wrapperSelector: _,
   suffixes: ["PanelSelectOn"]
-}), Be = k({
-  wrapperSelector: w,
+}), je = m({
+  wrapperSelector: _,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect"]
-}), He = k({
-  wrapperSelector: w,
+}), Ue = m({
+  wrapperSelector: _,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelectOn"]
-}), Oe = k({
-  wrapperSelector: Fe,
+}), Xe = m({
+  wrapperSelector: Ve,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), Me = k({
-  wrapperSelector: Ge,
+}), Ye = m({
+  wrapperSelector: Pe,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), Ae = k({
-  wrapperSelector: Ie,
+}), Ke = m({
+  wrapperSelector: ye,
   ancestorSuffixes: ["CellHeaderPanel", "CellIndexPanel"],
   suffixes: ["PanelSelect", "PanelSelectOn"]
-}), Le = l({
+}), Qe = l({
   suffixes: ["Filter0"]
-}), Ve = l({
+}), qe = l({
   suffixes: ["Filter1"]
-}), Ne = l({
+}), Je = l({
   suffixes: ["Main"],
   withChildren: !0
-}), Pe = l({
+}), Ze = l({
   suffixes: ["Main"]
-}), ye = l({
+}), eo = l({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), ze = l({
+}), oo = l({
   suffixes: ["MainTable"]
-}), We = l({
+}), ro = l({
   suffixes: ["NoDataRow"]
-}), H = `.${r}.${_}`, je = c.map((e) => `.${r}.${_} .${e}MainTable`).join(", "), Ue = `${H}::before`, Xe = `${H}::after`, Ke = `calc(${d} - ${u})`, Ye = `calc(var(--owp-tree-grid-header-height, 33px) - ${d} + ${u})`, Qe = c.map((e) => `.${r}:not(.${_}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), qe = l({
+}), A = `.${r}.${w}`, to = c.map((e) => `.${r}.${w} .${e}MainTable`).join(", "), lo = `${A}::before`, ao = `${A}::after`, co = `calc(${s} - ${u})`, no = `calc(var(--owp-tree-grid-header-height, 33px) - ${s} + ${u})`, so = c.map((e) => `.${r}:not(.${w}) .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), io = l({
   suffixes: [
     "VScroll",
     "VScrollTop",
@@ -340,7 +386,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     "CustScroll4Right",
     "CustScroll4RightHidden"
   ]
-}), Je = c.flatMap(
+}), po = c.flatMap(
   (e) => [
     `.${r} .${e}CustScroll1Up > div`,
     `.${r} .${e}CustScroll1Up > div > div`,
@@ -351,19 +397,19 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `.${r} .${e}CustScroll2UpHover > div`,
     `.${r} .${e}CustScroll2UpHover > div > div`
   ]
-).join(", "), Ze = c.map((e) => `.${r}.${_} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), eo = c.map((e) => `.${r}.${_} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), oo = c.map((e) => `.${r}.${_} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), ro = l({
+).join(", "), uo = c.map((e) => `.${r}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), So = c.map((e) => `.${r}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), Co = c.map((e) => `.${r}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), Ro = l({
   suffixes: ["FillRow"]
-}), to = l({
+}), bo = l({
   suffixes: ["SolidRow"]
-}), lo = c.map((e) => `.${r} .${e}ToolbarRow.${e}SolidRow`).join(", "), ao = l({
+}), Eo = c.map((e) => `.${r} .${e}ToolbarRow.${e}SolidRow`).join(", "), $o = l({
   suffixes: ["ColorDefault"]
-}), co = l({
+}), _o = l({
   suffixes: ["ColorDefaultRow"]
-}), no = l({
+}), go = l({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), so = l({
+}), wo = l({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -376,38 +422,38 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), io = l({
+}), mo = l({
   suffixes: ["ColorHovered"]
-}), po = l({
+}), Do = l({
   suffixes: ["ColorHoveredRow"]
-}), uo = l({
+}), ko = l({
   suffixes: ["HoverRowBorder"]
-}), Co = l({
+}), Io = l({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), So = l({
+}), vo = l({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), bo = l({
+}), Oo = l({
   suffixes: ["ColorSelectedRow"]
-}), $o = l({
+}), fo = l({
   suffixes: ["ColorFocused"]
-}), Ro = l({
+}), Fo = l({
   suffixes: ["ColorFocusedRow"]
-}), Eo = l({
+}), Go = l({
   suffixes: ["FocusRowBorder"]
-}), wo = l({
+}), To = l({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), go = l({
+}), ho = l({
   suffixes: ["HoverCellBorder"]
-}), _o = l({
+}), xo = l({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), ko = l({
+}), Ao = l({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), mo = k({
+}), Bo = m({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), vo = l({
+}), Mo = l({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -421,18 +467,18 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), Do = l({
+}), Ho = l({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), fo = l({
+}), Lo = l({
   suffixes: ["ColorFocusedCellRect"]
-}), ho = l({
+}), No = l({
   suffixes: ["FocusCellBorder"]
-}), Fo = l({
+}), Vo = l({
   suffixes: ["FocusCellCorner"]
-}), Go = l({
+}), Po = l({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), K = `.${r} .${U}`, Io = `${K}::after`, Y = `.${r} .${G}`, xo = `.${r} .${U}.${G}::after`, To = `${Y}::before`, Bo = `.${r} .${G}.${ce}::before`, Ho = `.${r} .${G}.${ne}::before`, Oo = l({
+}), Q = `.${r} .${Y}`, yo = `${Q}::after`, q = `.${r} .${F}`, Wo = `.${r} .${Y}.${F}::after`, zo = `${q}::before`, jo = `.${r} .${F}.${se}::before`, Uo = `.${r} .${F}.${de}::before`, Xo = l({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -441,24 +487,24 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), Mo = l({
+}), Yo = l({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), Ao = l({
+}), Ko = l({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), Lo = l({
+}), Qo = l({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), Vo = l({
+}), qo = l({
   suffixes: ["ColorChangedCell"]
-}), No = c.flatMap((e) => {
+}), Jo = c.flatMap((e) => {
   const o = `${e}ClassFocusedCell`, a = `.${r} .${i}:not(.${o})`;
   return [
     a,
     `${a} *:not(.${o})`
   ];
-}).join(", "), Po = c.flatMap((e) => {
-  const o = `.${r} .${i}`, a = `.${r} .${i}.${j}`;
+}).join(", "), Zo = c.flatMap((e) => {
+  const o = `.${r} .${i}`, a = `.${r} .${i}.${X}`;
   return [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
@@ -466,15 +512,15 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `${e}ClassSelected`,
     `${e}ClassSelectedCell`,
     `${e}ClassSelectedRow`
-  ].flatMap((s) => [
+  ].flatMap((d) => [
     a,
     `${a} *`,
-    `${o}.${s}`,
-    `${o}.${s} *`,
-    `.${r} .${s} ${o}`,
-    `.${r} .${s} ${o} *`
+    `${o}.${d}`,
+    `${o}.${d} *`,
+    `.${r} .${d} ${o}`,
+    `.${r} .${d} ${o} *`
   ]);
-}).join(", "), yo = c.flatMap((e) => {
+}).join(", "), er = c.flatMap((e) => {
   const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
@@ -486,7 +532,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `.${r} .${n} ${o}`,
     `.${r} .${n} ${o} *`
   ]);
-}).join(", "), zo = c.flatMap((e) => {
+}).join(", "), or = c.flatMap((e) => {
   const o = `.${r} .${i}`, a = `${e}HiddenValue`;
   return [
     `${o}.${a}`,
@@ -494,11 +540,11 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `.${r} .${a} ${o}`,
     `.${r} .${a} ${o} *`
   ];
-}).join(", "), Wo = `var(--owp-tree-grid-changed-font-weight, ${J}) !important`, jo = l({
+}).join(", "), rr = `var(--owp-tree-grid-changed-font-weight, ${ee}) !important`, tr = l({
   suffixes: ["EditCellBorder"]
-}), Uo = l({
+}), lr = l({
   suffixes: ["EditCellCorner"]
-}), Xo = [
+}), ar = [
   `.${r} .TSMain .TSDateLeft`,
   `.${r} .TSMain .TSDatesLeft`,
   `.${r} .TSMain .TSDateRight`,
@@ -507,7 +553,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   `.${r} .TSMain .TSDatesTop`,
   `.${r} .TSMain .TSDateBottom`,
   `.${r} .TSMain .TSDatesBottom`
-].join(", "), Ko = [
+].join(", "), cr = [
   `.${r} .TSMain .${i}.TSDateLeft`,
   `.${r} .TSMain .${i}.TSDatesLeft`,
   `.${r} .TSMain .${i}.TSDateRight`,
@@ -516,7 +562,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   `.${r} .TSMain .${i}.TSDatesTop`,
   `.${r} .TSMain .${i}.TSDateBottom`,
   `.${r} .TSMain .${i}.TSDatesBottom`
-].join(", "), Yo = [
+].join(", "), nr = [
   "DateLeft",
   "DatesLeft",
   "DateRight",
@@ -531,17 +577,17 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `${o}ClassFocusedCell`,
     `${o}ColorFocusedCell`,
     `${o}ColorFocusedCellRelative`
-  ].flatMap((s) => [
-    `${a}.${s}`,
-    `.${r} .${s} ${a}`
+  ].flatMap((d) => [
+    `${a}.${d}`,
+    `.${r} .${d} ${a}`
   ]);
-})).join(", "), B = '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")', Qo = B.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")', sr = x.replace(
   "%23757575",
   "white"
-), W = $(
+), U = b(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="#000" d="M4.5 6.25h7L8 9.75z"/></svg>'
-), R = /* @__PURE__ */ t((e, o) => c.flatMap((a) => e.flatMap((n) => o(a, n))).join(", "), "createTreeGridEnumButtonIconSelector"), x = /* @__PURE__ */ t((e, o) => `.${r} .${i}.${e}${o}`, "createTreeGridChangedEnumButtonCellSelector"), D = /* @__PURE__ */ t((e, o) => `${x(e, o)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), qo = /* @__PURE__ */ t((e, o) => {
-  const a = x(e, o), n = `.${r} .${i}.${j}.${e}${o}`, s = [
+), E = /* @__PURE__ */ t((e, o) => c.flatMap((a) => e.flatMap((n) => o(a, n))).join(", "), "createTreeGridEnumButtonIconSelector"), T = /* @__PURE__ */ t((e, o) => `.${r} .${i}.${e}${o}`, "createTreeGridChangedEnumButtonCellSelector"), I = /* @__PURE__ */ t((e, o) => `${T(e, o)}::after`, "createTreeGridChangedEnumButtonPseudoSelector"), dr = /* @__PURE__ */ t((e, o) => {
+  const a = T(e, o), n = `.${r} .${i}.${X}.${e}${o}`, d = [
     `${e}ColorSelected`,
     `${e}ColorSelectedCell`,
     `${e}ColorSelectedRow`,
@@ -551,53 +597,53 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
   ];
   return [
     n,
-    ...s.flatMap((C) => [
-      `${a}.${C}`,
-      `.${r} .${C} ${a}`
+    ...d.flatMap((S) => [
+      `${a}.${S}`,
+      `.${r} .${S} ${a}`
     ])
   ];
-}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), Jo = /* @__PURE__ */ t((e, o) => {
-  const a = x(e, o);
+}, "createTreeGridSelectedChangedEnumButtonCellSelectors"), ir = /* @__PURE__ */ t((e, o) => {
+  const a = T(e, o);
   return [
     `${e}ClassFocusedCell`,
     `${e}ColorFocusedCell`,
     `${e}ColorFocusedCellRelative`
-  ].flatMap((s) => [
-    `${a}.${s}`,
-    `.${r} .${s} ${a}`
+  ].flatMap((d) => [
+    `${a}.${d}`,
+    `.${r} .${d} ${a}`
   ]);
-}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), Zo = R(
-  I,
-  (e, o) => [x(e, o)]
-), er = R(
-  I,
-  (e, o) => [D(e, o)]
-), or = R(
-  I,
-  (e, o) => qo(e, o).map(
+}, "createTreeGridFocusedChangedEnumButtonCellSelectors"), pr = E(
+  G,
+  (e, o) => [T(e, o)]
+), ur = E(
+  G,
+  (e, o) => [I(e, o)]
+), Sr = E(
+  G,
+  (e, o) => dr(e, o).map(
     (a) => `${a}::after`
   )
-), rr = R(
-  I,
-  (e, o) => Jo(e, o).map(
+), Cr = E(
+  G,
+  (e, o) => ir(e, o).map(
     (a) => `${a}::after`
   )
-), tr = R(
+), Rr = E(
   ["DefaultsLeft", "EnumLeft"],
-  (e, o) => [D(e, o)]
-), lr = R(
+  (e, o) => [I(e, o)]
+), br = E(
   ["DefaultsRight", "EnumRight"],
-  (e, o) => [D(e, o)]
-), ar = R(
+  (e, o) => [I(e, o)]
+), Er = E(
   ["DefaultsTop", "EnumTop"],
-  (e, o) => [D(e, o)]
-), cr = R(
+  (e, o) => [I(e, o)]
+), $r = E(
   ["DefaultsBottom", "EnumBottom"],
-  (e, o) => [D(e, o)]
-), T = '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")', nr = `.${r} .OwpTreeGridTimePickerEditorIcon`, dr = [
+  (e, o) => [I(e, o)]
+), h = '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")', _r = `.${r} .OwpTreeGridTimePickerEditorIcon`, gr = [
   `.${r} .${i} .OwpTreeGridTimePickerEditorIcon`,
   `.${r} .${i}.OwpTreeGridTimePickerEditorIcon`
-].join(", "), sr = c.flatMap((e) => {
+].join(", "), wr = c.flatMap((e) => {
   const o = `.${r} .${i}`;
   return [
     `${e}ClassFocusedCell`,
@@ -609,117 +655,117 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     `.${r} .${n} ${o} .OwpTreeGridTimePickerEditorIcon`,
     `.${r} .${n} ${o}.OwpTreeGridTimePickerEditorIcon`
   ]);
-}).join(", "), ir = c.map(
+}).join(", "), mr = c.map(
   (e) => `.${e}EnumMenuMain, .${e}EnumMenuMain *`
-).join(", "), pr = c.map(
+).join(", "), Dr = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar`
-).join(", "), ur = c.map(
+).join(", "), kr = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
-).join(", "), Cr = c.map(
+).join(", "), Ir = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
-).join(", "), Sr = c.map(
+).join(", "), vr = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-track`
-).join(", "), br = c.map(
+).join(", "), Or = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
-).join(", "), _r = {
-  ...he(),
-  [Ne]: {
-    fontFamily: `${O} !important`,
+).join(", "), xr = {
+  ...Ne(),
+  [Je]: {
+    fontFamily: `${B} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [Pe]: {
+  [Ze]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [ye]: {
+  [eo]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [ze]: p(
+  [oo]: p(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [We]: {
-    borderTopColor: `${b} !important`
+  [ro]: {
+    borderTopColor: `${R} !important`
   },
-  [xe]: {
-    backgroundImage: `${ge} !important`,
+  [We]: {
+    backgroundImage: `${he} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Te]: {
-    backgroundImage: `${_e} !important`,
+  [ze]: {
+    backgroundImage: `${xe} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Be]: {
-    backgroundImage: `${N} !important`,
+  [je]: {
+    backgroundImage: `${y} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [He]: {
-    backgroundImage: `${P} !important`,
+  [Ue]: {
+    backgroundImage: `${W} !important`,
     backgroundPosition: "center center !important",
     backgroundRepeat: "no-repeat !important",
     backgroundSize: "17px 17px !important"
   },
-  [Oe]: {
-    backgroundImage: `${P} !important`
+  [Xe]: {
+    backgroundImage: `${W} !important`
   },
-  [Me]: {
-    backgroundImage: `${ke} !important`
+  [Ye]: {
+    backgroundImage: `${Ae} !important`
   },
-  [Ae]: {
-    backgroundImage: `${N} !important`
+  [Ke]: {
+    backgroundImage: `${y} !important`
   },
-  [Le]: {
-    WebkitMaskImage: `${y} !important`,
+  [Qe]: {
+    WebkitMaskImage: `${z} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${me} !important`,
+    backgroundColor: `${Be} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
-    maskImage: `${y} !important`,
+    maskImage: `${z} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "17px 17px !important",
     opacity: 0.72,
     width: "17px !important"
   },
-  [Ve]: {
-    WebkitMaskImage: `${z} !important`,
+  [qe]: {
+    WebkitMaskImage: `${j} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "17px 17px !important",
-    backgroundColor: `${ve} !important`,
+    backgroundColor: `${Me} !important`,
     backgroundImage: "none !important",
     height: "17px !important",
-    maskImage: `${z} !important`,
+    maskImage: `${j} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "17px 17px !important",
     opacity: 1,
     width: "17px !important"
   },
-  [Xo]: {
-    backgroundImage: `${B} !important`
+  [ar]: {
+    backgroundImage: `${x} !important`
   },
-  [Ko]: {
-    backgroundImage: `${Qo} !important`
+  [cr]: {
+    backgroundImage: `${sr} !important`
   },
-  [Yo]: {
-    backgroundImage: `${B} !important`
+  [nr]: {
+    backgroundImage: `${x} !important`
   },
-  [Zo]: {
+  [pr]: {
     backgroundImage: "none !important",
     position: "relative"
   },
-  [er]: {
-    WebkitMaskImage: `${W} !important`,
+  [ur]: {
+    WebkitMaskImage: `${U} !important`,
     WebkitMaskPosition: "center center !important",
     WebkitMaskRepeat: "no-repeat !important",
     WebkitMaskSize: "16px 16px !important",
@@ -728,7 +774,7 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     content: '""',
     display: "block",
     height: "16px",
-    maskImage: `${W} !important`,
+    maskImage: `${U} !important`,
     maskPosition: "center center !important",
     maskRepeat: "no-repeat !important",
     maskSize: "16px 16px !important",
@@ -736,34 +782,34 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     position: "absolute",
     width: "16px"
   },
-  [or]: {
+  [Sr]: {
     backgroundColor: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [rr]: {
+  [Cr]: {
     backgroundColor: `${M} !important`
   },
-  [tr]: {
+  [Rr]: {
     left: "4px",
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [lr]: {
+  [br]: {
     right: "4px",
     top: "50%",
     transform: "translateY(-50%)"
   },
-  [ar]: {
+  [Er]: {
     left: "50%",
     top: "0",
     transform: "translateX(-50%)"
   },
-  [cr]: {
+  [$r]: {
     bottom: "0",
     left: "50%",
     transform: "translateX(-50%)"
   },
-  [nr]: {
-    backgroundImage: T,
+  [_r]: {
+    backgroundImage: h,
     backgroundPosition: "center calc(50% - 1px)",
     backgroundRepeat: "no-repeat",
     backgroundSize: "16px 16px",
@@ -774,61 +820,61 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     verticalAlign: "middle",
     width: "16px"
   },
-  [dr]: {
-    WebkitMaskImage: T,
+  [gr]: {
+    WebkitMaskImage: h,
     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: T,
+    maskImage: h,
     maskPosition: "center calc(50% - 1px)",
     maskRepeat: "no-repeat",
     maskSize: "16px 16px"
   },
-  [sr]: {
+  [wr]: {
     backgroundColor: `${M} !important`
   },
-  [ir]: {
+  [mr]: {
     scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
     scrollbarWidth: "thin"
   },
-  [pr]: {
+  [Dr]: {
     height: "8px",
     width: "8px"
   },
-  [ur]: {
+  [kr]: {
     backgroundClip: "padding-box",
     backgroundColor: "rgba(0, 0, 0, 0.32)",
     border: "2px solid transparent",
     borderRadius: "8px"
   },
-  [Cr]: {
+  [Ir]: {
     backgroundColor: "rgba(0, 0, 0, 0.44)"
   },
-  [Sr]: {
+  [vr]: {
     backgroundColor: "transparent"
   },
-  [br]: {
+  [Or]: {
     backgroundColor: "transparent"
   },
-  [H]: {
+  [A]: {
     position: "relative"
   },
-  [je]: {
+  [to]: {
     borderBottom: "0 !important",
-    borderRadius: `${d} ${d} 0 0`,
-    clipPath: `inset(0 round ${d} ${d} 0 0)`,
+    borderRadius: `${s} ${s} 0 0`,
+    clipPath: `inset(0 round ${s} ${s} 0 0)`,
     overflow: "hidden"
   },
-  [Ue]: {
-    border: `${u} solid ${b}`,
+  [lo]: {
+    border: `${u} solid ${R}`,
     borderBottom: 0,
-    borderRadius: `${d} ${d} 0 0`,
+    borderRadius: `${s} ${s} 0 0`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: d,
+    height: s,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
@@ -836,43 +882,43 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     top: 0,
     zIndex: 2
   },
-  [Xe]: {
-    borderLeft: `${u} solid ${b}`,
-    borderRight: `${u} solid ${b}`,
+  [ao]: {
+    borderLeft: `${u} solid ${R}`,
+    borderRight: `${u} solid ${R}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: Ye,
+    height: no,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
     right: 0,
-    top: Ke,
+    top: co,
     zIndex: 2
   },
-  [Qe]: {
-    borderTop: `${u} solid ${b} !important`
+  [so]: {
+    borderTop: `${u} solid ${R} !important`
   },
-  [qe]: {
-    boxShadow: `inset -${u} 0 0 ${b}`
+  [io]: {
+    boxShadow: `inset -${u} 0 0 ${R}`
   },
-  [Je]: {
-    boxShadow: `inset -${u} 0 0 ${b}`
+  [po]: {
+    boxShadow: `inset -${u} 0 0 ${R}`
   },
-  [Ze]: {
+  [uo]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
-  [eo]: {
-    border: `${u} solid ${b}`,
-    borderBottomLeftRadius: d,
-    borderBottomRightRadius: d,
+  [So]: {
+    border: `${u} solid ${R}`,
+    borderBottomLeftRadius: s,
+    borderBottomRightRadius: s,
     borderTop: 0,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    height: d,
+    height: s,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
@@ -881,14 +927,14 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     transform: `translateY(calc(-100% - ${u}))`,
     zIndex: 2
   },
-  [oo]: {
-    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})`,
+  [Co]: {
+    backgroundImage: `radial-gradient(circle at right top, transparent calc(${s} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${s}), radial-gradient(circle at left top, transparent calc(${s} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${s})`,
     backgroundPosition: "left top, right top",
     backgroundRepeat: "no-repeat",
-    backgroundSize: `${d} ${d}, ${d} ${d}`,
+    backgroundSize: `${s} ${s}, ${s} ${s}`,
     content: '""',
     display: "block",
-    height: d,
+    height: s,
     left: 0,
     pointerEvents: "none",
     position: "absolute",
@@ -897,50 +943,50 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     transform: `translateY(calc(-100% - ${u}))`,
     zIndex: 1
   },
-  [ro]: g(
+  [Ro]: g(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [to]: g(
+  [bo]: g(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [lo]: g(
+  [Eo]: g(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
-  [ao]: p(
+  [$o]: p(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [co]: p(
+  [_o]: p(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [K]: {
+  [Q]: {
     boxShadow: "none !important",
     outline: "none",
     position: "relative",
     zIndex: 3
   },
-  [Io]: {
-    border: `${de} solid ${se}`,
+  [yo]: {
+    border: `${ie} solid ${pe}`,
     boxSizing: "border-box",
     content: '""',
     display: "block",
-    inset: A,
+    inset: H,
     pointerEvents: "none",
     position: "absolute",
     zIndex: 4
   },
-  [xo]: {
-    inset: `calc(${A} + ${v})`
+  [Wo]: {
+    inset: `calc(${H} + ${k})`
   },
-  [Y]: {
+  [q]: {
     position: "relative"
   },
-  [To]: {
+  [zo]: {
     backgroundColor: "transparent",
-    borderBottom: `${v} solid ${h}`,
-    borderTop: `${v} solid ${h}`,
-    bottom: f,
+    borderBottom: `${k} solid ${O}`,
+    borderTop: `${k} solid ${O}`,
+    bottom: v,
     boxSizing: "border-box",
     content: '""',
     display: "none",
@@ -951,182 +997,182 @@ const r = "owp-tree-grid-theme", _ = "owp-tree-grid-table-radius", re = "owp-tre
     pointerEvents: "none",
     position: "absolute",
     right: "-1px",
-    top: f,
+    top: v,
     zIndex: 2
   },
-  [Bo]: {
+  [jo]: {
     borderBottomLeftRadius: "2px",
-    borderLeft: `${v} solid ${h}`,
+    borderLeft: `${k} solid ${O}`,
     borderTopLeftRadius: "2px",
-    left: f
+    left: v
   },
-  [Ho]: {
+  [Uo]: {
     borderBottomRightRadius: "2px",
-    borderRight: `${v} solid ${h}`,
+    borderRight: `${k} solid ${O}`,
     borderTopRightRadius: "2px",
-    right: f
+    right: v
   },
-  [no]: {
+  [go]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
-    fontFamily: `${O} !important`,
+    fontFamily: `${B} !important`,
     fontSize: "var(--owp-tree-grid-header-font-size, 14px) !important",
     fontWeight: "var(--owp-tree-grid-header-font-weight, normal) !important",
     lineHeight: "16px"
   },
-  [so]: {
+  [wo]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [io]: p(
+  [mo]: p(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [po]: p(
+  [Do]: p(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [uo]: {
+  [ko]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [Co]: p(
+  [Io]: p(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [So]: p(
+  [vo]: p(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [bo]: p(
+  [Oo]: p(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [$o]: p(
+  [fo]: p(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [Ro]: p(
+  [Fo]: p(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [Eo]: {
+  [Go]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [wo]: p(
+  [To]: p(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [go]: {
+  [ho]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [_o]: p(
+  [xo]: p(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [ko]: p(
+  [Ao]: p(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [mo]: g(
+  [Bo]: g(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [vo]: g(
+  [Mo]: g(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [Mo]: {
+  [Yo]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [Ao]: {
+  [Ko]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [Lo]: {
+  [Qo]: {
     borderTopColor: "var(--owp-tree-grid-hover-cell-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-cell-border-color) !important",
     outlineColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [Do]: p(
+  [Ho]: p(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [fo]: {
+  [Lo]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [ho]: {
+  [No]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [Fo]: {
+  [Vo]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [Go]: {
+  [Po]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [Oo]: g(
+  [Xo]: g(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [Vo]: p(
+  [qo]: p(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [No]: {
+  [Jo]: {
     color: "var(--owp-tree-grid-changed-text-color, #ffffff) !important",
-    fontWeight: Wo
+    fontWeight: rr
   },
-  [Po]: {
+  [Zo]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [yo]: {
+  [er]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important",
     fontWeight: "normal !important"
   },
-  [zo]: {
+  [or]: {
     color: "transparent !important"
   },
-  [jo]: {
+  [tr]: {
     borderColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   },
-  [Uo]: {
+  [lr]: {
     backgroundColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   }
-}, F = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), $r = /* @__PURE__ */ t((e, o, a) => {
+}, f = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), fr = /* @__PURE__ */ t((e, o, a) => {
   a && (e[o] = a);
-}, "setOptionalTreeGridCssVariable"), kr = /* @__PURE__ */ t(({
+}, "setOptionalTreeGridCssVariable"), Ar = /* @__PURE__ */ t(({
   width: e,
   height: o,
   treeGridTheme: a,
   gridThemeConfig: n,
-  containerStyle: s,
-  tableBorderRadius: C
+  containerStyle: d,
+  tableBorderRadius: S
 }) => {
-  const S = {
+  const C = {
     height: o,
-    "--owp-tree-grid-added-row-box-color": X,
+    "--owp-tree-grid-added-row-box-color": K,
     width: e
   };
-  for (const { cssVariableName: m, getValue: E } of De)
-    $r(S, m, E(n));
-  for (const { cssVariableName: m, getValue: E } of fe)
-    S[m] = E(a);
-  return C !== void 0 && (S["--owp-tree-grid-table-border-radius"] = F(C)), {
-    ...S,
-    ...s
+  for (const { cssVariableName: D, getValue: $ } of He)
+    fr(C, D, $(n));
+  for (const { cssVariableName: D, getValue: $ } of Le)
+    C[D] = $(a);
+  return S !== void 0 && (C["--owp-tree-grid-table-border-radius"] = f(S)), {
+    ...C,
+    ...d
   };
 }, "createTreeGridThemeContainerStyle");
 export {
-  G as TREE_GRID_ADDED_ROW_BOX_CELL_CLASS,
-  ne as TREE_GRID_ADDED_ROW_BOX_END_CLASS,
-  ce as TREE_GRID_ADDED_ROW_BOX_START_CLASS,
-  U as TREE_GRID_ERROR_CELL_CLASS,
-  re as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
-  j as TREE_GRID_SELECTED_CHANGED_CELL_CLASS,
-  te as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
-  le as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
-  ae as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
+  F as TREE_GRID_ADDED_ROW_BOX_CELL_CLASS,
+  de as TREE_GRID_ADDED_ROW_BOX_END_CLASS,
+  se as TREE_GRID_ADDED_ROW_BOX_START_CLASS,
+  Y as TREE_GRID_ERROR_CELL_CLASS,
+  le as TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS,
+  X as TREE_GRID_SELECTED_CHANGED_CELL_CLASS,
+  ae as TREE_GRID_SELECT_ALL_CHECKED_CLASS,
+  ce as TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS,
+  ne as TREE_GRID_SELECT_ALL_UNCHECKED_CLASS,
   c as TREE_GRID_STYLE_PREFIXES,
-  _ as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
+  w as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
   r as TREE_GRID_THEME_WRAPPER_CLASS,
-  kr as createTreeGridThemeContainerStyle,
-  _r as treeGridThemeStyles
+  Ar as createTreeGridThemeContainerStyle,
+  xr as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map