@owp/core 2.5.17 → 2.5.18

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

@@ -1,7 +1,7 @@
-var g = Object.defineProperty;
-var t = (e, r) => g(e, "name", { value: r, configurable: !0 });
-import { TREEGRID_FONT_FAMILY_STACK as v } from "../../../constants/treeGrid.js";
-const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
+var H = Object.defineProperty;
+var t = (e, r) => H(e, "name", { value: r, configurable: !0 });
+import { TREEGRID_FONT_FAMILY_STACK as f, TREEGRID_CELL_CHANGED_CLASS as d } from "../../../constants/treeGrid.js";
+const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
   "TS",
   "TW",
   "TB",
@@ -18,7 +18,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
   "CR",
   "CP",
   "CC"
-], f = "#CDD8E4", F = "1px", H = [
+], k = "#CDD8E4", F = "1px", $ = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
     getValue: /* @__PURE__ */ t((e) => {
@@ -144,8 +144,15 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
       var r;
       return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.backgroundColor;
     }, "getValue")
+  },
+  {
+    cssVariableName: "--owp-tree-grid-changed-text-color",
+    getValue: /* @__PURE__ */ t((e) => {
+      var r;
+      return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.color;
+    }, "getValue")
   }
-], E = [
+], B = [
   {
     cssVariableName: "--owp-tree-grid-header-background-color",
     getValue: /* @__PURE__ */ t((e) => e.header.backgroundColor, "getValue")
@@ -156,7 +163,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-size",
-    getValue: /* @__PURE__ */ t((e) => S(e.header.fontSize), "getValue")
+    getValue: /* @__PURE__ */ t((e) => g(e.header.fontSize), "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-header-font-weight",
@@ -164,47 +171,47 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
   },
   {
     cssVariableName: "--owp-tree-grid-cell-font-size",
-    getValue: /* @__PURE__ */ t((e) => S(e.cell.fontSize), "getValue")
+    getValue: /* @__PURE__ */ t((e) => g(e.cell.fontSize), "getValue")
   }
 ], a = /* @__PURE__ */ t((e, r) => ({
   backgroundColor: `var(${e}, ${r}) !important`
-}), "createTreeGridBackgroundColorStyle"), p = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridBackgroundColorStyle"), C = /* @__PURE__ */ t((e) => ({
   backgroundColor: `var(${e}) !important`
 }), "createTreeGridOptionalBackgroundColorStyle"), o = /* @__PURE__ */ t(({
   rowSuffix: e,
   suffixes: r,
-  descendant: c = "",
+  descendant: s = "",
   withChildren: i = !1
-}) => s.flatMap((u) => r.flatMap((n) => {
-  const C = `.${l}`, b = e ? ` .${u}${e}` : "", d = `${C}${b} .${u}${n}${c}`;
-  return i ? [d, `${d} *`] : [d];
-})).join(", "), "createTreeGridSelectors"), B = /* @__PURE__ */ t(({
+}) => c.flatMap((u) => r.flatMap((p) => {
+  const b = `.${l}`, S = e ? ` .${u}${e}` : "", n = `${b}${S} .${u}${p}${s}`;
+  return i ? [n, `${n} *`] : [n];
+})).join(", "), "createTreeGridSelectors"), G = /* @__PURE__ */ t(({
   ancestorSuffixes: e,
   suffixes: r,
-  descendant: c = ""
-}) => s.flatMap((i) => e.flatMap((u) => r.map((n) => `.${l} .${i}${u} .${i}${n}${c}`))).join(", "), "createTreeGridNestedSelectors"), V = o({
+  descendant: s = ""
+}) => c.flatMap((i) => e.flatMap((u) => r.map((p) => `.${l} .${i}${u} .${i}${p}${s}`))).join(", "), "createTreeGridNestedSelectors"), m = o({
   suffixes: ["Main"],
   withChildren: !0
-}), k = o({
+}), D = o({
   suffixes: ["Main"]
-}), G = o({
+}), x = o({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), D = o({
+}), M = o({
   suffixes: ["MainTable"]
-}), R = `.${l}.${w}`, $ = s.map((e) => `.${l}.${w} .${e}MainTable`).join(", "), x = `${R}::before`, M = s.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), y = s.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), _ = s.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), m = o({
+}), E = `.${l}.${w}`, V = c.map((e) => `.${l}.${w} .${e}MainTable`).join(", "), I = `${E}::before`, h = c.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), _ = c.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), y = c.map((e) => `.${l}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), A = o({
   suffixes: ["FillRow"]
-}), A = o({
+}), T = o({
   suffixes: ["SolidRow"]
-}), N = s.map((e) => `.${l} .${e}ToolbarRow.${e}SolidRow`).join(", "), z = o({
+}), L = c.map((e) => `.${l} .${e}ToolbarRow.${e}SolidRow`).join(", "), z = o({
   suffixes: ["ColorDefault"]
-}), I = o({
+}), N = o({
   suffixes: ["ColorDefaultRow"]
-}), L = o({
+}), O = o({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), O = o({
+}), P = o({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -217,38 +224,38 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), h = o({
+}), j = o({
   suffixes: ["ColorHovered"]
-}), P = o({
+}), W = o({
   suffixes: ["ColorHoveredRow"]
-}), j = o({
+}), Y = o({
   suffixes: ["HoverRowBorder"]
-}), T = o({
+}), U = o({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), W = o({
+}), X = o({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), Y = o({
+}), K = o({
   suffixes: ["ColorSelectedRow"]
-}), U = o({
+}), Q = o({
   suffixes: ["ColorFocused"]
-}), X = o({
+}), q = o({
   suffixes: ["ColorFocusedRow"]
-}), K = o({
+}), J = o({
   suffixes: ["FocusRowBorder"]
-}), Q = o({
+}), Z = o({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), q = o({
+}), ee = o({
   suffixes: ["HoverCellBorder"]
-}), J = o({
+}), re = o({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), Z = o({
+}), oe = o({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), ee = B({
+}), te = G({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), re = o({
+}), le = o({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -262,18 +269,18 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), oe = o({
+}), ae = o({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), te = o({
+}), ce = o({
   suffixes: ["ColorFocusedCellRect"]
-}), le = o({
+}), de = o({
   suffixes: ["FocusCellBorder"]
-}), ae = o({
+}), se = o({
   suffixes: ["FocusCellCorner"]
-}), ce = o({
+}), ne = o({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), de = o({
+}), ie = o({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -282,21 +289,21 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), se = o({
+}), ue = o({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), ie = o({
+}), pe = o({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), ue = o({
+}), be = o({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), ne = o({
-  suffixes: ["ColorChangedCell"]
 }), Ce = o({
+  suffixes: ["ColorChangedCell"]
+}), Se = o({
   suffixes: ["EditCellBorder"]
-}), pe = o({
+}), we = o({
   suffixes: ["EditCellCorner"]
-}), be = [
+}), ve = [
   `.${l} .TSMain .TSDateLeft`,
   `.${l} .TSMain .TSDatesLeft`,
   `.${l} .TSMain .TSDateRight`,
@@ -305,37 +312,114 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
   `.${l} .TSMain .TSDatesTop`,
   `.${l} .TSMain .TSDateBottom`,
   `.${l} .TSMain .TSDatesBottom`
-].join(", "), we = '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")', Fe = {
-  [V]: {
-    fontFamily: `${v} !important`,
+].join(", "), ge = [
+  `.${l} .TSMain .${d}.TSDateLeft`,
+  `.${l} .TSMain .${d}.TSDatesLeft`,
+  `.${l} .TSMain .${d}.TSDateRight`,
+  `.${l} .TSMain .${d}.TSDatesRight`,
+  `.${l} .TSMain .${d}.TSDateTop`,
+  `.${l} .TSMain .${d}.TSDatesTop`,
+  `.${l} .TSMain .${d}.TSDateBottom`,
+  `.${l} .TSMain .${d}.TSDatesBottom`
+].join(", "), R = '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")', fe = R.replace(
+  "%23757575",
+  "white"
+), v = '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")', ke = `.${l} .OwpTreeGridTimePickerEditorIcon`, Fe = [
+  `.${l} .${d} .OwpTreeGridTimePickerEditorIcon`,
+  `.${l} .${d}.OwpTreeGridTimePickerEditorIcon`
+].join(", "), Ee = c.map(
+  (e) => `.${e}EnumMenuMain, .${e}EnumMenuMain *`
+).join(", "), Re = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar`
+).join(", "), He = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
+).join(", "), $e = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
+).join(", "), Be = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-track`
+).join(", "), Ge = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
+).join(", "), Me = {
+  [m]: {
+    fontFamily: `${f} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [k]: {
+  [D]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [G]: {
+  [x]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [D]: a(
+  [M]: a(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [be]: {
-    backgroundImage: `${we} !important`
+  [ve]: {
+    backgroundImage: `${R} !important`
+  },
+  [ge]: {
+    backgroundImage: `${fe} !important`
   },
-  [R]: {
+  [ke]: {
+    backgroundImage: v,
+    backgroundPosition: "center calc(50% - 1px)",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "16px 16px",
+    display: "inline-block",
+    height: "16px",
+    lineHeight: 0,
+    marginRight: "4px",
+    verticalAlign: "middle",
+    width: "16px"
+  },
+  [Fe]: {
+    WebkitMaskImage: v,
+    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: v,
+    maskPosition: "center calc(50% - 1px)",
+    maskRepeat: "no-repeat",
+    maskSize: "16px 16px"
+  },
+  [Ee]: {
+    scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
+    scrollbarWidth: "thin"
+  },
+  [Re]: {
+    height: "8px",
+    width: "8px"
+  },
+  [He]: {
+    backgroundClip: "padding-box",
+    backgroundColor: "rgba(0, 0, 0, 0.32)",
+    border: "2px solid transparent",
+    borderRadius: "8px"
+  },
+  [$e]: {
+    backgroundColor: "rgba(0, 0, 0, 0.44)"
+  },
+  [Be]: {
+    backgroundColor: "transparent"
+  },
+  [Ge]: {
+    backgroundColor: "transparent"
+  },
+  [E]: {
     position: "relative"
   },
-  [$]: {
+  [V]: {
     borderBottom: "0 !important",
     borderRadius: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0",
     clipPath: "inset(0 round var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0)",
     overflow: "hidden"
   },
-  [x]: {
-    border: `${F} solid ${f}`,
+  [I]: {
+    border: `${F} solid ${k}`,
     borderBottom: 0,
     borderRadius: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0",
     boxSizing: "border-box",
@@ -349,13 +433,13 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     top: 0,
     zIndex: 2
   },
-  [M]: {
+  [h]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
-  [y]: {
-    border: `${F} solid ${f}`,
+  [_]: {
+    border: `${F} solid ${k}`,
     borderBottomLeftRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderBottomRightRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderTop: 0,
@@ -371,7 +455,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     transform: "translateY(-100%)",
     zIndex: 2
   },
-  [_]: {
+  [y]: {
     backgroundImage: "radial-gradient(circle at right top, transparent calc(var(--owp-tree-grid-table-border-radius, .8rem) - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) var(--owp-tree-grid-table-border-radius, .8rem)), radial-gradient(circle at left top, transparent calc(var(--owp-tree-grid-table-border-radius, .8rem) - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) var(--owp-tree-grid-table-border-radius, .8rem))",
     backgroundPosition: "left top, right top",
     backgroundRepeat: "no-repeat",
@@ -387,158 +471,158 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     transform: "translateY(-100%)",
     zIndex: 1
   },
-  [m]: p(
+  [A]: C(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [A]: p(
+  [T]: C(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [N]: p(
+  [L]: C(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
   [z]: a(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [I]: a(
+  [N]: a(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [L]: {
+  [O]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
-    fontFamily: `${v} !important`,
+    fontFamily: `${f} !important`,
     fontSize: "var(--owp-tree-grid-header-font-size, 14px) !important",
     fontWeight: "var(--owp-tree-grid-header-font-weight, normal) !important",
     lineHeight: "16px"
   },
-  [O]: {
+  [P]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [h]: a(
+  [j]: a(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [P]: a(
+  [W]: a(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [j]: {
+  [Y]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [T]: a(
+  [U]: a(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [W]: a(
+  [X]: a(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [Y]: a(
+  [K]: a(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [U]: a(
+  [Q]: a(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [X]: a(
+  [q]: a(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [K]: {
+  [J]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [Q]: a(
+  [Z]: a(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [q]: {
+  [ee]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [J]: a(
+  [re]: a(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [Z]: a(
+  [oe]: a(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [ee]: p(
+  [te]: C(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [re]: p(
+  [le]: C(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [se]: {
+  [ue]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [ie]: {
+  [pe]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [ue]: {
+  [be]: {
     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"
   },
-  [oe]: a(
+  [ae]: a(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [te]: {
+  [ce]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [le]: {
+  [de]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ae]: {
+  [se]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ce]: {
+  [ne]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [de]: p(
+  [ie]: C(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [ne]: a(
+  [Ce]: a(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [Ce]: {
+  [Se]: {
     borderColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   },
-  [pe]: {
+  [we]: {
     backgroundColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   }
-}, S = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), Se = /* @__PURE__ */ t((e, r, c) => {
-  c && (e[r] = c);
-}, "setOptionalTreeGridCssVariable"), Re = /* @__PURE__ */ t(({
+}, g = /* @__PURE__ */ t((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), me = /* @__PURE__ */ t((e, r, s) => {
+  s && (e[r] = s);
+}, "setOptionalTreeGridCssVariable"), Ve = /* @__PURE__ */ t(({
   width: e,
   height: r,
-  treeGridTheme: c,
+  treeGridTheme: s,
   gridThemeConfig: i,
   containerStyle: u,
-  tableBorderRadius: n
+  tableBorderRadius: p
 }) => {
-  const C = {
+  const b = {
     height: r,
     width: e
   };
-  for (const { cssVariableName: b, getValue: d } of H)
-    Se(C, b, d(i));
-  for (const { cssVariableName: b, getValue: d } of E)
-    C[b] = d(c);
-  return n !== void 0 && (C["--owp-tree-grid-table-border-radius"] = S(n)), {
-    ...C,
+  for (const { cssVariableName: S, getValue: n } of $)
+    me(b, S, n(i));
+  for (const { cssVariableName: S, getValue: n } of B)
+    b[S] = n(s);
+  return p !== void 0 && (b["--owp-tree-grid-table-border-radius"] = g(p)), {
+    ...b,
     ...u
   };
 }, "createTreeGridThemeContainerStyle");
 export {
   w as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
   l as TREE_GRID_THEME_WRAPPER_CLASS,
-  Re as createTreeGridThemeContainerStyle,
-  Fe as treeGridThemeStyles
+  Ve as createTreeGridThemeContainerStyle,
+  Me as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map