@owp/core 2.5.22 → 2.5.23

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

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