@owp/core 2.5.18 → 2.5.19

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

@@ -1,7 +1,7 @@
-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 = [
+var R = Object.defineProperty;
+var l = (e, r) => R(e, "name", { value: r, configurable: !0 });
+import { TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT as G, TREEGRID_FONT_FAMILY_STACK as F, TREEGRID_CELL_CHANGED_CLASS as n } from "../../../constants/treeGrid.js";
+const o = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
   "TS",
   "TW",
   "TB",
@@ -18,200 +18,207 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
   "CR",
   "CP",
   "CC"
-], k = "#CDD8E4", F = "1px", $ = [
+], f = "#CDD8E4", E = "1px", H = "#757575", D = [
   {
     cssVariableName: "--owp-tree-grid-body-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.body) == null ? void 0 : r.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.body) == null ? void 0 : r.color;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-body-fill-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.body) == null ? void 0 : r.fillBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.row) == null ? void 0 : r.backgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-row-solid-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.row) == null ? void 0 : r.solidBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-row-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-row-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-selected-cell-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.selectedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-row-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedRowBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-hover-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.hoverCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-editing-cell-border-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.editingCellBorderColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-focused-cell-rect-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.state) == null ? void 0 : r.focusedCellRectBackgroundColor;
     }, "getValue")
   },
   {
     cssVariableName: "--owp-tree-grid-changed-background-color",
-    getValue: /* @__PURE__ */ t((e) => {
+    getValue: /* @__PURE__ */ l((e) => {
       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) => {
+    getValue: /* @__PURE__ */ l((e) => {
       var r;
       return (r = e == null ? void 0 : e.changed) == null ? void 0 : r.color;
     }, "getValue")
+  },
+  {
+    cssVariableName: "--owp-tree-grid-changed-font-weight",
+    getValue: /* @__PURE__ */ l((e) => {
+      var r;
+      return ((r = e == null ? void 0 : e.changed) == null ? void 0 : r.fontWeight) === void 0 ? void 0 : String(e.changed.fontWeight);
+    }, "getValue")
   }
-], B = [
+], m = [
   {
     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) => g(e.header.fontSize), "getValue")
+    getValue: /* @__PURE__ */ l((e) => g(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-cell-font-size",
-    getValue: /* @__PURE__ */ t((e) => g(e.cell.fontSize), "getValue")
+    getValue: /* @__PURE__ */ l((e) => g(e.cell.fontSize), "getValue")
   }
-], a = /* @__PURE__ */ t((e, r) => ({
+], s = /* @__PURE__ */ l((e, r) => ({
   backgroundColor: `var(${e}, ${r}) !important`
-}), "createTreeGridBackgroundColorStyle"), C = /* @__PURE__ */ t((e) => ({
+}), "createTreeGridBackgroundColorStyle"), b = /* @__PURE__ */ l((e) => ({
   backgroundColor: `var(${e}) !important`
-}), "createTreeGridOptionalBackgroundColorStyle"), o = /* @__PURE__ */ t(({
+}), "createTreeGridOptionalBackgroundColorStyle"), t = /* @__PURE__ */ l(({
   rowSuffix: e,
   suffixes: r,
-  descendant: s = "",
-  withChildren: i = !1
-}) => 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(({
+  descendant: a = "",
+  withChildren: d = !1
+}) => c.flatMap((i) => r.flatMap((p) => {
+  const C = `.${o}`, S = e ? ` .${i}${e}` : "", u = `${C}${S} .${i}${p}${a}`;
+  return d ? [u, `${u} *`] : [u];
+})).join(", "), "createTreeGridSelectors"), M = /* @__PURE__ */ l(({
   ancestorSuffixes: e,
   suffixes: r,
-  descendant: s = ""
-}) => c.flatMap((i) => e.flatMap((u) => r.map((p) => `.${l} .${i}${u} .${i}${p}${s}`))).join(", "), "createTreeGridNestedSelectors"), m = o({
+  descendant: a = ""
+}) => c.flatMap((d) => e.flatMap((i) => r.map((p) => `.${o} .${d}${i} .${d}${p}${a}`))).join(", "), "createTreeGridNestedSelectors"), B = t({
   suffixes: ["Main"],
   withChildren: !0
-}), D = o({
+}), V = t({
   suffixes: ["Main"]
-}), x = o({
+}), x = t({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), M = o({
+}), h = t({
   suffixes: ["MainTable"]
-}), 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({
+}), k = `.${o}.${w}`, I = c.map((e) => `.${o}.${w} .${e}MainTable`).join(", "), T = `${k}::before`, _ = c.map((e) => `.${o}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow`).join(", "), y = c.map((e) => `.${o}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::before`).join(", "), L = c.map((e) => `.${o}.${w} .${e}RowSpace4.${e}RowSpaceFirst .${e}SolidRow::after`).join(", "), A = t({
   suffixes: ["FillRow"]
-}), T = o({
+}), N = t({
   suffixes: ["SolidRow"]
-}), L = c.map((e) => `.${l} .${e}ToolbarRow.${e}SolidRow`).join(", "), z = o({
+}), z = c.map((e) => `.${o} .${e}ToolbarRow.${e}SolidRow`).join(", "), O = t({
   suffixes: ["ColorDefault"]
-}), N = o({
+}), P = t({
   suffixes: ["ColorDefaultRow"]
-}), O = o({
+}), j = t({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), P = o({
+}), W = t({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -224,38 +231,38 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), j = o({
+}), U = t({
   suffixes: ["ColorHovered"]
-}), W = o({
+}), Y = t({
   suffixes: ["ColorHoveredRow"]
-}), Y = o({
+}), X = t({
   suffixes: ["HoverRowBorder"]
-}), U = o({
+}), K = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), X = o({
+}), Q = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), K = o({
+}), q = t({
   suffixes: ["ColorSelectedRow"]
-}), Q = o({
+}), J = t({
   suffixes: ["ColorFocused"]
-}), q = o({
+}), Z = t({
   suffixes: ["ColorFocusedRow"]
-}), J = o({
+}), ee = t({
   suffixes: ["FocusRowBorder"]
-}), Z = o({
+}), re = t({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), ee = o({
+}), oe = t({
   suffixes: ["HoverCellBorder"]
-}), re = o({
+}), te = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), oe = o({
+}), le = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), te = G({
+}), ae = M({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), le = o({
+}), ce = t({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -269,18 +276,18 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), ae = o({
+}), de = t({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), ce = o({
+}), se = t({
   suffixes: ["ColorFocusedCellRect"]
-}), de = o({
+}), ne = t({
   suffixes: ["FocusCellBorder"]
-}), se = o({
+}), ie = t({
   suffixes: ["FocusCellCorner"]
-}), ne = o({
+}), ue = t({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), ie = o({
+}), pe = t({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -289,80 +296,140 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), ue = o({
+}), Ce = t({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), pe = o({
+}), be = t({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), be = o({
+}), Se = t({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), Ce = o({
+}), we = t({
   suffixes: ["ColorChangedCell"]
-}), Se = o({
+}), ve = c.flatMap((e) => {
+  const r = `${e}ClassFocusedCell`, a = `.${o} .${n}:not(.${r})`;
+  return [
+    a,
+    `${a} *:not(.${r})`
+  ];
+}).join(", "), $e = c.flatMap((e) => {
+  const r = `.${o} .${n}`;
+  return [
+    `${e}ClassFocusedCell`,
+    `${e}ColorFocusedCell`,
+    `${e}ColorFocusedCellRelative`
+  ].flatMap((d) => [
+    `${r}.${d}`,
+    `${r}.${d} *`,
+    `.${o} .${d} ${r}`,
+    `.${o} .${d} ${r} *`
+  ]);
+}).join(", "), ge = c.flatMap((e) => {
+  const r = `.${o} .${n}`, a = `${e}HiddenValue`;
+  return [
+    `${r}.${a}`,
+    `${r}.${a} *`,
+    `.${o} .${a} ${r}`,
+    `.${o} .${a} ${r} *`
+  ];
+}).join(", "), Fe = `var(--owp-tree-grid-changed-font-weight, ${G}) !important`, fe = t({
   suffixes: ["EditCellBorder"]
-}), we = o({
+}), Ee = t({
   suffixes: ["EditCellCorner"]
-}), ve = [
-  `.${l} .TSMain .TSDateLeft`,
-  `.${l} .TSMain .TSDatesLeft`,
-  `.${l} .TSMain .TSDateRight`,
-  `.${l} .TSMain .TSDatesRight`,
-  `.${l} .TSMain .TSDateTop`,
-  `.${l} .TSMain .TSDatesTop`,
-  `.${l} .TSMain .TSDateBottom`,
-  `.${l} .TSMain .TSDatesBottom`
-].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(
+}), ke = [
+  `.${o} .TSMain .TSDateLeft`,
+  `.${o} .TSMain .TSDatesLeft`,
+  `.${o} .TSMain .TSDateRight`,
+  `.${o} .TSMain .TSDatesRight`,
+  `.${o} .TSMain .TSDateTop`,
+  `.${o} .TSMain .TSDatesTop`,
+  `.${o} .TSMain .TSDateBottom`,
+  `.${o} .TSMain .TSDatesBottom`
+].join(", "), Re = [
+  `.${o} .TSMain .${n}.TSDateLeft`,
+  `.${o} .TSMain .${n}.TSDatesLeft`,
+  `.${o} .TSMain .${n}.TSDateRight`,
+  `.${o} .TSMain .${n}.TSDatesRight`,
+  `.${o} .TSMain .${n}.TSDateTop`,
+  `.${o} .TSMain .${n}.TSDatesTop`,
+  `.${o} .TSMain .${n}.TSDateBottom`,
+  `.${o} .TSMain .${n}.TSDatesBottom`
+].join(", "), Ge = [
+  "DateLeft",
+  "DatesLeft",
+  "DateRight",
+  "DatesRight",
+  "DateTop",
+  "DatesTop",
+  "DateBottom",
+  "DatesBottom"
+].flatMap((e) => c.flatMap((r) => {
+  const a = `.${o} .${n}.${r}${e}`;
+  return [
+    `${r}ClassFocusedCell`,
+    `${r}ColorFocusedCell`,
+    `${r}ColorFocusedCellRelative`
+  ].flatMap((i) => [
+    `${a}.${i}`,
+    `.${o} .${i} ${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")', He = $.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(
+), 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")', De = `.${o} .OwpTreeGridTimePickerEditorIcon`, me = [
+  `.${o} .${n} .OwpTreeGridTimePickerEditorIcon`,
+  `.${o} .${n}.OwpTreeGridTimePickerEditorIcon`
+].join(", "), Me = c.flatMap((e) => {
+  const r = `.${o} .${n}`;
+  return [
+    `${e}ClassFocusedCell`,
+    `${e}ColorFocusedCell`,
+    `${e}ColorFocusedCellRelative`
+  ].flatMap((d) => [
+    `${r}.${d} .OwpTreeGridTimePickerEditorIcon`,
+    `${r}.${d}.OwpTreeGridTimePickerEditorIcon`,
+    `.${o} .${d} ${r} .OwpTreeGridTimePickerEditorIcon`,
+    `.${o} .${d} ${r}.OwpTreeGridTimePickerEditorIcon`
+  ]);
+}).join(", "), Be = c.map(
   (e) => `.${e}EnumMenuMain, .${e}EnumMenuMain *`
-).join(", "), Re = c.map(
+).join(", "), Ve = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar`
-).join(", "), He = c.map(
+).join(", "), xe = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
-).join(", "), $e = c.map(
+).join(", "), he = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
-).join(", "), Be = c.map(
+).join(", "), Ie = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-track`
-).join(", "), Ge = c.map(
+).join(", "), Te = c.map(
   (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
-).join(", "), Me = {
-  [m]: {
-    fontFamily: `${f} !important`,
+).join(", "), Ae = {
+  [B]: {
+    fontFamily: `${F} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [D]: {
+  [V]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
   [x]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [M]: a(
+  [h]: s(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [ve]: {
-    backgroundImage: `${R} !important`
+  [ke]: {
+    backgroundImage: `${$} !important`
   },
-  [ge]: {
-    backgroundImage: `${fe} !important`
+  [Re]: {
+    backgroundImage: `${He} !important`
   },
-  [ke]: {
+  [Ge]: {
+    backgroundImage: `${$} !important`
+  },
+  [De]: {
     backgroundImage: v,
     backgroundPosition: "center calc(50% - 1px)",
     backgroundRepeat: "no-repeat",
@@ -374,7 +441,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     verticalAlign: "middle",
     width: "16px"
   },
-  [Fe]: {
+  [me]: {
     WebkitMaskImage: v,
     WebkitMaskPosition: "center calc(50% - 1px)",
     WebkitMaskRepeat: "no-repeat",
@@ -386,40 +453,43 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     maskRepeat: "no-repeat",
     maskSize: "16px 16px"
   },
-  [Ee]: {
+  [Me]: {
+    backgroundColor: `${H} !important`
+  },
+  [Be]: {
     scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
     scrollbarWidth: "thin"
   },
-  [Re]: {
+  [Ve]: {
     height: "8px",
     width: "8px"
   },
-  [He]: {
+  [xe]: {
     backgroundClip: "padding-box",
     backgroundColor: "rgba(0, 0, 0, 0.32)",
     border: "2px solid transparent",
     borderRadius: "8px"
   },
-  [$e]: {
+  [he]: {
     backgroundColor: "rgba(0, 0, 0, 0.44)"
   },
-  [Be]: {
+  [Ie]: {
     backgroundColor: "transparent"
   },
-  [Ge]: {
+  [Te]: {
     backgroundColor: "transparent"
   },
-  [E]: {
+  [k]: {
     position: "relative"
   },
-  [V]: {
+  [I]: {
     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"
   },
-  [I]: {
-    border: `${F} solid ${k}`,
+  [T]: {
+    border: `${E} solid ${f}`,
     borderBottom: 0,
     borderRadius: "var(--owp-tree-grid-table-border-radius, .8rem) var(--owp-tree-grid-table-border-radius, .8rem) 0 0",
     boxSizing: "border-box",
@@ -433,13 +503,13 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     top: 0,
     zIndex: 2
   },
-  [h]: {
+  [_]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
-  [_]: {
-    border: `${F} solid ${k}`,
+  [y]: {
+    border: `${E} solid ${f}`,
     borderBottomLeftRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderBottomRightRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderTop: 0,
@@ -455,7 +525,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     transform: "translateY(-100%)",
     zIndex: 2
   },
-  [y]: {
+  [L]: {
     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",
@@ -471,158 +541,168 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", c = [
     transform: "translateY(-100%)",
     zIndex: 1
   },
-  [A]: C(
+  [A]: b(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [T]: C(
+  [N]: b(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [L]: C(
+  [z]: b(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
-  [z]: a(
+  [O]: s(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [N]: a(
+  [P]: s(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [O]: {
+  [j]: {
     color: "var(--owp-tree-grid-header-color, #ffffff) !important",
-    fontFamily: `${f} !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"
   },
-  [P]: {
+  [W]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [j]: a(
+  [U]: s(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [W]: a(
+  [Y]: s(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [Y]: {
+  [X]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [U]: a(
+  [K]: s(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [X]: a(
+  [Q]: s(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [K]: a(
+  [q]: s(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [Q]: a(
+  [J]: s(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [q]: a(
+  [Z]: s(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [J]: {
+  [ee]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [Z]: a(
+  [re]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [ee]: {
+  [oe]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [re]: a(
+  [te]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [oe]: a(
+  [le]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [te]: C(
+  [ae]: b(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [le]: C(
+  [ce]: b(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [ue]: {
+  [Ce]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [pe]: {
+  [be]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [be]: {
+  [Se]: {
     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"
   },
-  [ae]: a(
+  [de]: s(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [ce]: {
+  [se]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [de]: {
+  [ne]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [se]: {
+  [ie]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ne]: {
+  [ue]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ie]: C(
+  [pe]: b(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [Ce]: a(
+  [we]: s(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [Se]: {
+  [ve]: {
+    color: "var(--owp-tree-grid-changed-text-color, #ffffff) !important",
+    fontWeight: Fe
+  },
+  [$e]: {
+    color: "var(--owp-tree-grid-body-color, #111112) !important"
+  },
+  [ge]: {
+    color: "transparent !important"
+  },
+  [fe]: {
     borderColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   },
-  [we]: {
+  [Ee]: {
     backgroundColor: "var(--owp-tree-grid-editing-cell-border-color) !important"
   }
-}, 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(({
+}, g = /* @__PURE__ */ l((e) => typeof e == "number" ? `${e}px` : e, "toTreeGridCssValue"), _e = /* @__PURE__ */ l((e, r, a) => {
+  a && (e[r] = a);
+}, "setOptionalTreeGridCssVariable"), Ne = /* @__PURE__ */ l(({
   width: e,
   height: r,
-  treeGridTheme: s,
-  gridThemeConfig: i,
-  containerStyle: u,
+  treeGridTheme: a,
+  gridThemeConfig: d,
+  containerStyle: i,
   tableBorderRadius: p
 }) => {
-  const b = {
+  const C = {
     height: r,
     width: e
   };
-  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
+  for (const { cssVariableName: S, getValue: u } of D)
+    _e(C, S, u(d));
+  for (const { cssVariableName: S, getValue: u } of m)
+    C[S] = u(a);
+  return p !== void 0 && (C["--owp-tree-grid-table-border-radius"] = g(p)), {
+    ...C,
+    ...i
   };
 }, "createTreeGridThemeContainerStyle");
 export {
   w as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
-  l as TREE_GRID_THEME_WRAPPER_CLASS,
-  Ve as createTreeGridThemeContainerStyle,
-  Me as treeGridThemeStyles
+  o as TREE_GRID_THEME_WRAPPER_CLASS,
+  Ne as createTreeGridThemeContainerStyle,
+  Ae as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map