@owp/core 2.5.17 → 2.5.19

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 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,193 +18,207 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
   "CR",
   "CP",
   "CC"
-], f = "#CDD8E4", F = "1px", H = [
+], 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__ */ 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")
   }
-], E = [
+], 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) => S(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) => S(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"), p = /* @__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: c = "",
-  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(({
+  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: c = ""
-}) => s.flatMap((i) => e.flatMap((u) => r.map((n) => `.${l} .${i}${u} .${i}${n}${c}`))).join(", "), "createTreeGridNestedSelectors"), V = 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
-}), k = o({
+}), V = t({
   suffixes: ["Main"]
-}), G = o({
+}), x = t({
   suffixes: ["ClassReadOnly"],
   withChildren: !0
-}), D = o({
+}), h = t({
   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({
+}), 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"]
-}), A = o({
+}), N = t({
   suffixes: ["SolidRow"]
-}), N = s.map((e) => `.${l} .${e}ToolbarRow.${e}SolidRow`).join(", "), z = o({
+}), z = c.map((e) => `.${o} .${e}ToolbarRow.${e}SolidRow`).join(", "), O = t({
   suffixes: ["ColorDefault"]
-}), I = o({
+}), P = t({
   suffixes: ["ColorDefaultRow"]
-}), L = o({
+}), j = t({
   rowSuffix: "HeaderRow",
   suffixes: ["CellHeader", "CellIndex", "GanttHeaderBase", "LevelButton"],
   withChildren: !0
-}), O = o({
+}), W = t({
   rowSuffix: "HeaderRow",
   suffixes: [
     "CellHeader",
@@ -217,38 +231,38 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "HeaderFocus",
     "HeaderDrag"
   ]
-}), h = o({
+}), U = t({
   suffixes: ["ColorHovered"]
-}), P = o({
+}), Y = t({
   suffixes: ["ColorHoveredRow"]
-}), j = o({
+}), X = t({
   suffixes: ["HoverRowBorder"]
-}), T = o({
+}), K = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"]
-}), W = o({
+}), Q = t({
   suffixes: ["ColorSelected", "ColorSelectedCell"],
   descendant: " *"
-}), Y = o({
+}), q = t({
   suffixes: ["ColorSelectedRow"]
-}), U = o({
+}), J = t({
   suffixes: ["ColorFocused"]
-}), X = o({
+}), Z = t({
   suffixes: ["ColorFocusedRow"]
-}), K = o({
+}), ee = t({
   suffixes: ["FocusRowBorder"]
-}), Q = o({
+}), re = t({
   suffixes: ["ColorHoveredCell", "ColorHoveredCellIndex"]
-}), q = o({
+}), oe = t({
   suffixes: ["HoverCellBorder"]
-}), J = o({
+}), te = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"]
-}), Z = o({
+}), le = t({
   suffixes: ["ColorHoveredCellReadOnly", "ColorHoveredCellNoFocus"],
   descendant: " *"
-}), ee = B({
+}), ae = M({
   ancestorSuffixes: ["HoverCellBorder"],
   suffixes: ["ColorPreview", "ColorPreviewDynamic", "ColorViewedCell"]
-}), re = o({
+}), ce = t({
   suffixes: [
     "ColorHoveredCellSpace",
     "ColorHoveredCellSpaceEdit",
@@ -262,18 +276,18 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "ColorHoveredCellTab",
     "ColorHoveredCellTab1"
   ]
-}), oe = o({
+}), de = t({
   suffixes: ["ColorFocusedCell", "ColorFocusedCellRelative"]
-}), te = o({
+}), se = t({
   suffixes: ["ColorFocusedCellRect"]
-}), le = o({
+}), ne = t({
   suffixes: ["FocusCellBorder"]
-}), ae = o({
+}), ie = t({
   suffixes: ["FocusCellCorner"]
-}), ce = o({
+}), ue = t({
   suffixes: ["ClassFocusedCellSpaceEdit", "ClassFocusedCellSpaceDefaults"],
   descendant: " > div"
-}), de = o({
+}), pe = t({
   suffixes: [
     "ColorFocusedCellSafari",
     "ColorFocusedCellSpace",
@@ -282,60 +296,200 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     "ColorFocusedCellSpaceBool",
     "ColorFocusedCellButton"
   ]
-}), se = o({
+}), Ce = t({
   suffixes: ["ClassHoveredCellSpaceEdit", "ClassHoveredCellSpaceDefaults"],
   descendant: " > div"
-}), ie = o({
+}), be = t({
   suffixes: ["ClassHoveredCellButtonButton", "ClassHoveredCellButtonButton1"],
   descendant: " u"
-}), ue = o({
+}), Se = t({
   suffixes: ["ClassHoveredCellTab", "ClassHoveredCellTab1"]
-}), ne = o({
+}), we = t({
   suffixes: ["ColorChangedCell"]
-}), Ce = 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"]
-}), pe = o({
+}), Ee = t({
   suffixes: ["EditCellCorner"]
-}), be = [
-  `.${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(", "), 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`,
+}), 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")', 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(", "), Ve = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar`
+).join(", "), xe = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb`
+).join(", "), he = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-thumb:hover`
+).join(", "), Ie = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-track`
+).join(", "), Te = c.map(
+  (e) => `.${e}EnumMenuMain *::-webkit-scrollbar-corner`
+).join(", "), Ae = {
+  [B]: {
+    fontFamily: `${F} !important`,
     fontSize: "var(--owp-tree-grid-cell-font-size, 13px)",
     fontWeight: "normal",
     lineHeight: "16px"
   },
-  [k]: {
+  [V]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [G]: {
+  [x]: {
     color: "var(--owp-tree-grid-body-color, #111112) !important"
   },
-  [D]: a(
+  [h]: s(
     "--owp-tree-grid-body-background-color",
     "#FFFFFF"
   ),
-  [be]: {
-    backgroundImage: `${we} !important`
+  [ke]: {
+    backgroundImage: `${$} !important`
+  },
+  [Re]: {
+    backgroundImage: `${He} !important`
+  },
+  [Ge]: {
+    backgroundImage: `${$} !important`
   },
-  [R]: {
+  [De]: {
+    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"
+  },
+  [me]: {
+    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"
+  },
+  [Me]: {
+    backgroundColor: `${H} !important`
+  },
+  [Be]: {
+    scrollbarColor: "rgba(0, 0, 0, 0.32) transparent",
+    scrollbarWidth: "thin"
+  },
+  [Ve]: {
+    height: "8px",
+    width: "8px"
+  },
+  [xe]: {
+    backgroundClip: "padding-box",
+    backgroundColor: "rgba(0, 0, 0, 0.32)",
+    border: "2px solid transparent",
+    borderRadius: "8px"
+  },
+  [he]: {
+    backgroundColor: "rgba(0, 0, 0, 0.44)"
+  },
+  [Ie]: {
+    backgroundColor: "transparent"
+  },
+  [Te]: {
+    backgroundColor: "transparent"
+  },
+  [k]: {
     position: "relative"
   },
-  [$]: {
+  [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"
   },
-  [x]: {
-    border: `${F} solid ${f}`,
+  [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",
@@ -349,13 +503,13 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     top: 0,
     zIndex: 2
   },
-  [M]: {
+  [_]: {
     borderTopColor: "transparent !important",
     overflow: "visible",
     position: "relative"
   },
   [y]: {
-    border: `${F} solid ${f}`,
+    border: `${E} solid ${f}`,
     borderBottomLeftRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderBottomRightRadius: "var(--owp-tree-grid-table-border-radius, .8rem)",
     borderTop: 0,
@@ -371,7 +525,7 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     transform: "translateY(-100%)",
     zIndex: 2
   },
-  [_]: {
+  [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",
@@ -387,158 +541,168 @@ const l = "owp-tree-grid-theme", w = "owp-tree-grid-table-radius", s = [
     transform: "translateY(-100%)",
     zIndex: 1
   },
-  [m]: p(
+  [A]: b(
     "--owp-tree-grid-body-fill-background-color"
   ),
-  [A]: p(
+  [N]: b(
     "--owp-tree-grid-row-solid-background-color"
   ),
-  [N]: p(
+  [z]: b(
     "--owp-tree-grid-toolbar-row-background-color"
   ),
-  [z]: a(
+  [O]: s(
     "--owp-tree-grid-row-background-color",
     "#FFFFFF"
   ),
-  [I]: a(
+  [P]: s(
     "--owp-tree-grid-row-background-color",
     "#FFFFFE"
   ),
-  [L]: {
+  [j]: {
     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]: {
+  [W]: {
     backgroundColor: "var(--owp-tree-grid-header-background-color, #586980) !important",
     color: "var(--owp-tree-grid-header-color, #ffffff) !important"
   },
-  [h]: a(
+  [U]: s(
     "--owp-tree-grid-hover-row-background-color",
     "#F0F0FF"
   ),
-  [P]: a(
+  [Y]: s(
     "--owp-tree-grid-hover-row-background-color",
     "#EEE"
   ),
-  [j]: {
+  [X]: {
     borderTopColor: "var(--owp-tree-grid-hover-row-border-color) !important",
     borderBottomColor: "var(--owp-tree-grid-hover-row-border-color) !important"
   },
-  [T]: a(
+  [K]: s(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [W]: a(
+  [Q]: s(
     "--owp-tree-grid-selected-cell-background-color",
     "#FFFFA6"
   ),
-  [Y]: a(
+  [q]: s(
     "--owp-tree-grid-selected-row-background-color",
     "#EEE"
   ),
-  [U]: a(
+  [J]: s(
     "--owp-tree-grid-focused-row-background-color",
     "#E6E6E6"
   ),
-  [X]: a(
+  [Z]: s(
     "--owp-tree-grid-focused-row-background-color",
     "#EEE"
   ),
-  [K]: {
+  [ee]: {
     borderColor: "var(--owp-tree-grid-focused-row-border-color) !important"
   },
-  [Q]: a(
+  [re]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#BFDDF2"
   ),
-  [q]: {
+  [oe]: {
     backgroundColor: "var(--owp-tree-grid-hover-cell-background-color) !important",
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [J]: a(
+  [te]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [Z]: a(
+  [le]: s(
     "--owp-tree-grid-hover-cell-background-color",
     "#F0F0F0"
   ),
-  [ee]: p(
+  [ae]: b(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [re]: p(
+  [ce]: b(
     "--owp-tree-grid-hover-cell-background-color"
   ),
-  [se]: {
+  [Ce]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [ie]: {
+  [be]: {
     borderColor: "var(--owp-tree-grid-hover-cell-border-color) !important"
   },
-  [ue]: {
+  [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"
   },
-  [oe]: a(
+  [de]: s(
     "--owp-tree-grid-focused-cell-background-color",
     "#FFFFFE"
   ),
-  [te]: {
+  [se]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-rect-background-color) !important"
   },
-  [le]: {
+  [ne]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ae]: {
+  [ie]: {
     backgroundColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [ce]: {
+  [ue]: {
     borderColor: "var(--owp-tree-grid-focused-cell-border-color) !important"
   },
-  [de]: p(
+  [pe]: b(
     "--owp-tree-grid-focused-cell-background-color"
   ),
-  [ne]: a(
+  [we]: s(
     "--owp-tree-grid-changed-background-color",
     "#EEE"
   ),
-  [Ce]: {
+  [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"
   },
-  [pe]: {
+  [Ee]: {
     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__ */ 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: c,
-  gridThemeConfig: i,
-  containerStyle: u,
-  tableBorderRadius: n
+  treeGridTheme: a,
+  gridThemeConfig: d,
+  containerStyle: i,
+  tableBorderRadius: p
 }) => {
   const C = {
     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)), {
+  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,
-    ...u
+    ...i
   };
 }, "createTreeGridThemeContainerStyle");
 export {
   w as TREE_GRID_THEME_TABLE_RADIUS_CLASS,
-  l as TREE_GRID_THEME_WRAPPER_CLASS,
-  Re as createTreeGridThemeContainerStyle,
-  Fe as treeGridThemeStyles
+  o as TREE_GRID_THEME_WRAPPER_CLASS,
+  Ne as createTreeGridThemeContainerStyle,
+  Ae as treeGridThemeStyles
 };
 //# sourceMappingURL=treeGridTheme.js.map