@owp/core 2.5.52 → 2.5.54

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,47 +1,47 @@
-var jr = Object.defineProperty;
-var s = (e, t) => jr(e, "name", { value: t, configurable: !0 });
-import { jsxs as $r, jsx as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { resolveOwpGridTheme as qr } from "../../constants/gridTheme.js";
-import { DEFAULT_TABLE_RADIUS as Kr } from "../../constants/table.js";
-import { resolveTreeGridColorNumber as X, TREEGRID_INPUT_CELL_COLOR as mr, TREEGRID_CELL_HIGHLIGHT_COLOR as Rr } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as Jr } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as Yr } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as Qr } from "../../hooks/internal/useCurrentLanguage.js";
-import { useConfirm as Xr } from "../../hooks/useConfirm.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as pr } from "../../utils/internal/treeGridBodyRowsEvent.js";
-import { getTreeGridCellComparableValue as Zr } from "../../utils/treeGridUtil.js";
-import { getTreeGridPerfTimestamp as pe, countTreeGridPerf as Tr, logTreeGridPerf as gr, measureTreeGridPerf as Er } from "./internal/utils/perf.js";
-import { useMemo as Gr, useRef as r, useState as _, useEffect as A, useLayoutEffect as et } from "react";
-import rt from "@mui/material/GlobalStyles";
-import { useOwpTreeGridDatePickerEditor as tt } from "./internal/hooks/useOwpTreeGridDatePickerEditor.js";
-import { useOwpTreeGridErrorTooltip as nt } from "./internal/hooks/useOwpTreeGridErrorTooltip.js";
-import { useOwpTreeGridAddedRowBoxOverlay as ot } from "./internal/hooks/useOwpTreeGridAddedRowBoxOverlay.js";
-import { useOwpTreeGridOverlayFrame as it } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { useOwpTreeGridScrollRenderLoading as st } from "./internal/hooks/useOwpTreeGridScrollRenderLoading.js";
-import { hasTreeGridExplicitEnterMode as vr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as yr, bindTreeGridEvents as at, getTreeGridBodyDataCount as Te, buildTreeGridInitializationOptions as lt, hasTreeGridDisplayDataRows as ge, replaceTreeGridBodyData as ct, syncTreeGridChangedCellHighlight as dt } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as ut } from "./internal/treeGridLayout.js";
-import { OwpTreeGridAddedRowBoxOverlay as ft } from "./internal/OwpTreeGridAddedRowBoxOverlay.js";
-import { OwpTreeGridLoadingOverlay as mt } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as Rt } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { OwpTreeGridScrollLoadingOverlay as pt } from "./internal/OwpTreeGridScrollLoadingOverlay.js";
-import { createTreeGridThemeContainerStyle as Tt, TREE_GRID_THEME_WRAPPER_CLASS as gt, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Et, treeGridThemeStyles as Gt } from "./internal/treeGridTheme.js";
-import { isEmpty as S } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { isEqual as vt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as yt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-import { isPlainObject as Ct } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
-const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"], Dt = Object.prototype.hasOwnProperty, Cr = /* @__PURE__ */ s((e) => JSON.stringify(e) ?? '""', "toTreeGridFormulaStringLiteral"), Bt = /* @__PURE__ */ s((e, t) => `${Cr(
+var Kr = Object.defineProperty;
+var s = (e, t) => Kr(e, "name", { value: t, configurable: !0 });
+import { jsxs as Jr, jsx as I } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { resolveOwpGridTheme as Yr } from "../../constants/gridTheme.js";
+import { DEFAULT_TABLE_RADIUS as Qr } from "../../constants/table.js";
+import { resolveTreeGridColorNumber as X, TREEGRID_INPUT_CELL_COLOR as Tr, TREEGRID_CELL_HIGHLIGHT_COLOR as gr } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as Xr } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as Zr } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as et } from "../../hooks/internal/useCurrentLanguage.js";
+import { useConfirm as rt } from "../../hooks/useConfirm.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Cr } from "../../utils/internal/treeGridBodyRowsEvent.js";
+import { getTreeGridCellComparableValue as tt } from "../../utils/treeGridUtil.js";
+import { getTreeGridPerfTimestamp as pe, countTreeGridPerf as Er, logTreeGridPerf as vr, measureTreeGridPerf as Gr } from "./internal/utils/perf.js";
+import { useMemo as hr, useRef as r, useState as _, useEffect as A, useLayoutEffect as ot } from "react";
+import nt from "@mui/material/GlobalStyles";
+import { useOwpTreeGridDatePickerEditor as it } from "./internal/hooks/useOwpTreeGridDatePickerEditor.js";
+import { useOwpTreeGridErrorTooltip as st } from "./internal/hooks/useOwpTreeGridErrorTooltip.js";
+import { useOwpTreeGridAddedRowBoxOverlay as at } from "./internal/hooks/useOwpTreeGridAddedRowBoxOverlay.js";
+import { useOwpTreeGridOverlayFrame as ct } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { useOwpTreeGridScrollRenderLoading as lt } from "./internal/hooks/useOwpTreeGridScrollRenderLoading.js";
+import { hasTreeGridExplicitEnterMode as yr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as br, bindTreeGridEvents as dt, getTreeGridBodyDataCount as Te, buildTreeGridInitializationOptions as ut, hasTreeGridDisplayDataRows as ge, replaceTreeGridBodyData as ft, syncTreeGridChangedCellHighlight as mt } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as Rt } from "./internal/treeGridLayout.js";
+import { OwpTreeGridAddedRowBoxOverlay as pt } from "./internal/OwpTreeGridAddedRowBoxOverlay.js";
+import { OwpTreeGridLoadingOverlay as Tt } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as gt } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { OwpTreeGridScrollLoadingOverlay as Ct } from "./internal/OwpTreeGridScrollLoadingOverlay.js";
+import { createTreeGridThemeContainerStyle as Et, TREE_GRID_THEME_WRAPPER_CLASS as vt, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Gt, treeGridThemeStyles as ht } from "./internal/treeGridTheme.js";
+import { isEmpty as k } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { isEqual as yt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as bt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+import { isPlainObject as Bt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
+const Dt = "NumberToString(count(5),',0')", wt = ["Formula", "FormulaFormula"], Lt = Object.prototype.hasOwnProperty, Br = /* @__PURE__ */ s((e) => JSON.stringify(e) ?? '""', "toTreeGridFormulaStringLiteral"), Ot = /* @__PURE__ */ s((e, t) => `${Br(
   `${e} : `
-)}+${ht}+${Cr(
+)}+${Dt}+${Br(
   ` ${t}`
-)}`, "buildTreeGridTotalCountToolbarFormula"), wt = /* @__PURE__ */ s((e) => Ct(e) ? bt.some(
-  (t) => Dt.call(e, t)
-) : !1, "hasTreeGridToolbarFormulaField"), Lt = /* @__PURE__ */ s((e) => {
+)}`, "buildTreeGridTotalCountToolbarFormula"), It = /* @__PURE__ */ s((e) => Bt(e) ? wt.some(
+  (t) => Lt.call(e, t)
+) : !1, "hasTreeGridToolbarFormulaField"), _t = /* @__PURE__ */ s((e) => {
   const t = e == null ? void 0 : e.Visible;
   return !!e && t !== 0 && t !== !1 && t !== "0";
-}, "isVisibleTreeGridRow"), Ot = /* @__PURE__ */ s((e) => {
+}, "isVisibleTreeGridRow"), At = /* @__PURE__ */ s((e) => {
   const t = e == null ? void 0 : e.Added;
   return !!e && t !== 0 && t !== !1 && t !== "0" && t !== void 0;
-}, "isAddedTreeGridRow"), It = /* @__PURE__ */ s((e) => !e || e.Fixed === "Foot" || !Lt(e) ? !1 : e.Kind === "Data" || Ot(e), "isDisplayTreeGridRow"), _t = /* @__PURE__ */ s((e) => {
+}, "isAddedTreeGridRow"), kt = /* @__PURE__ */ s((e) => !e || e.Fixed === "Foot" || !_t(e) ? !1 : e.Kind === "Data" || At(e), "isDisplayTreeGridRow"), St = /* @__PURE__ */ s((e) => {
   if (typeof e.GetFirst == "function" && typeof e.GetNext == "function") {
     const t = [];
     let T = e.GetFirst();
@@ -50,78 +50,76 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
     return t;
   }
   return Object.values(e.Rows ?? {});
-}, "getTreeGridRows"), At = /* @__PURE__ */ s((e, t) => {
+}, "getTreeGridRows"), Ft = /* @__PURE__ */ s((e, t) => {
   if (!e)
     return;
   const T = Object.keys(e.Cols ?? {}).filter(Boolean);
-  _t(e).forEach((C) => {
-    It(C) && t.set(
-      C,
-      new Map(T.map((N) => [N, Zr(e, C, N)]))
+  St(e).forEach((h) => {
+    kt(h) && t.set(
+      h,
+      new Map(T.map((N) => [N, tt(e, h, N)]))
     );
   });
-}, "captureTreeGridChangeBaselines"), St = [
-  "addRow",
-  "deleteRow",
+}, "captureTreeGridChangeBaselines"), xt = [
   "selectRow"
-], fn = /* @__PURE__ */ s(({
+], po = /* @__PURE__ */ s(({
   id: e = "treeGridWrapper",
   containerStyle: t,
   containerClassName: T,
-  toolbarRowBackgroundColor: C,
+  toolbarRowBackgroundColor: h,
   className: N,
-  style: hr,
-  height: Ee = "100%",
-  width: Ge = "100%",
+  style: Dr,
+  height: Ce = "100%",
+  width: Ee = "100%",
   canUseTableRadius: ve = !1,
-  tableBorderRadius: br = Kr,
+  tableBorderRadius: wr = Qr,
   suppressCfg: Z = 3,
-  showToolbarTotalCount: ye = !0,
-  hideChildHeaderSortButtons: Ce = !0,
-  selectionScope: he = "native",
-  layoutUrl: Dr,
+  showToolbarTotalCount: Ge = !0,
+  hideChildHeaderSortButtons: he = !0,
+  selectionScope: ye = "native",
+  layoutUrl: Lr,
   layoutData: ee,
-  disabledAnimations: re = St,
-  dataUrl: Br,
-  layoutOverrides: G,
+  disabledAnimations: re = xt,
+  dataUrl: Or,
+  layoutOverrides: E,
   data: f,
   useDataUrl: be,
-  onSelect: De,
-  onRowClick: Be,
+  onSelect: Be,
+  onRowClick: De,
   onRowAdd: we,
   onRowDelete: Le,
   onRowUndelete: Oe,
   onRowChange: Ie,
   onClickButton: _e,
   onSave: Ae,
-  onReady: Se,
-  onAfterValueChanged: ke,
-  datePickerEditor: wr,
+  onReady: ke,
+  onAfterValueChanged: Se,
+  datePickerEditor: Ir,
   highlightEditableCells: Fe = !0,
   highlightChangedCells: xe = !0,
   syncDeletedRowCanEdit: Pe = !0,
-  confirmDeletedRowRemoval: Lr = !0,
+  confirmDeletedRowRemoval: _r = !0,
   loading: V,
-  showLoading: d = !0
+  showLoading: u = !0
 }) => {
-  var dr, ur;
-  const { t: h } = Yr(), { confirmDelete: Or } = Xr(), te = Jr(), ne = (ur = (dr = te == null ? void 0 : te.theme) == null ? void 0 : dr.main) == null ? void 0 : ur.grid, Me = h("Common.전체"), He = h("Common.건"), oe = Gr(
-    () => ye && !wt(G == null ? void 0 : G.Toolbar) ? Bt(Me, He) : void 0,
+  var mr, Rr;
+  const { t: y } = Zr(), { confirmDelete: Ar } = rt(), te = Xr(), oe = (Rr = (mr = te == null ? void 0 : te.theme) == null ? void 0 : mr.main) == null ? void 0 : Rr.grid, Me = y("Common.전체"), He = y("Common.건"), ne = hr(
+    () => Ge && !It(E == null ? void 0 : E.Toolbar) ? Ot(Me, He) : void 0,
     [
-      G,
+      E,
       He,
       Me,
-      ye
+      Ge
     ]
-  ), a = r(null), k = r(null), Ne = r(null), ie = r(null), se = r(G), Ve = r(oe), Ue = r(Z), ze = r(Ce), We = r(
-    he
-  ), je = r(re), ae = r(f), $e = r(vr(ee)), qe = Lr ? async () => await Or({
-    title: h("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
-    description: h("Message.취소하면 삭제 상태가 해제됩니다."),
-    okText: h("Button.완전 삭제")
+  ), c = r(null), S = r(null), Ne = r(null), ie = r(null), se = r(E), Ve = r(ne), Ue = r(Z), ze = r(he), We = r(
+    ye
+  ), je = r(re), ae = r(f), $e = r(yr(ee)), qe = _r ? async () => await Ar({
+    title: y("Message.삭제된 항목을 완전히 삭제하시겠습니까?"),
+    description: y("Message.취소하면 삭제 상태가 해제됩니다."),
+    okText: y("Button.완전 삭제")
   }) ? "remove" : "undelete" : void 0, U = r({
-    onSelect: De,
-    onRowClick: Be,
+    onSelect: Be,
+    onRowClick: De,
     onRowAdd: we,
     onRowDelete: Le,
     onBeforeRowUndelete: qe,
@@ -129,51 +127,51 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
     onRowChange: Ie,
     onClickButton: _e,
     onSave: Ae,
-    onReady: Se,
-    onAfterValueChanged: ke
-  }), b = r(void 0), z = r(!1), W = r(void 0), v = r(void 0), Ke = r(!1), D = r(0), Je = d && (V === !0 || V !== void 0 && f !== void 0 && S(f)), j = r(
+    onReady: ke,
+    onAfterValueChanged: Se
+  }), b = r(void 0), z = r(!1), W = r(void 0), v = r(void 0), Ke = r(!1), B = r(0), Je = u && (V === !0 || V !== void 0 && f !== void 0 && k(f)), j = r(
     Je ? Date.now() : null
-  ), F = r(void 0), y = r(null), x = r(void 0), P = r(void 0), Ye = r(Fe), le = r(xe), Qe = r(Pe), [B, Ir] = _(!1), [_r, $] = _(
+  ), F = r(void 0), G = r(null), x = r(void 0), P = r(void 0), Ye = r(Fe), ce = r(xe), Qe = r(Pe), [D, kr] = _(!1), [Sr, $] = _(
     Je
-  ), [Ar, w] = _(!1), [Xe, Ze] = _(!1), [ce, Sr] = _(!1), [de, kr] = _(!1), q = Qr(), u = Gr(
-    () => qr(ne),
-    [ne]
+  ), [Fr, w] = _(!1), [Xe, Ze] = _(!1), [le, xr] = _(!1), [de, Pr] = _(!1), q = et(), a = hr(
+    () => Yr(oe),
+    [oe]
   ), er = r(
-    X(u.editable.backgroundColor) ?? X(mr)
+    X(a.editable.backgroundColor) ?? X(Tr)
   ), ue = r(
-    u.changed.backgroundColor ?? Rr
-  ), K = r(/* @__PURE__ */ new WeakMap()), rr = r(u.state.focusedCellBackgroundColor), tr = r(u.state.selectedCellBackgroundColor), nr = r(u.state.hoverCellBackgroundColor), or = r(q.id), Fr = d && f !== void 0 && B && v.current !== f, fe = d && _r || d && (Ar || Fr), me = !fe && f !== void 0 && S(f) && !Xe, M = ce && !de, ir = M && fe, sr = M && me, ar = /* @__PURE__ */ s((n) => {
-    Ze(ge(n));
-  }, "syncHasDisplayDataRows"), xr = /* @__PURE__ */ s((n, o, l, c, g) => {
+    a.changed.backgroundColor ?? gr
+  ), rr = r(a.changed.rowBackgroundColor), tr = r(a.state.focusedRowBackgroundColor), K = r(/* @__PURE__ */ new WeakMap()), or = r(a.state.focusedCellBackgroundColor), nr = r(a.state.selectedCellBackgroundColor), ir = r(a.state.hoverCellBackgroundColor), sr = r(a.state.hoverCellBorderColor), ar = r(q.id), Mr = u && f !== void 0 && D && v.current !== f, fe = u && Sr || u && (Fr || Mr), me = !fe && f !== void 0 && k(f) && !Xe, M = le && !de, cr = M && fe, lr = M && me, dr = /* @__PURE__ */ s((o) => {
+    Ze(ge(o));
+  }, "syncHasDisplayDataRows"), Hr = /* @__PURE__ */ s((o, n, l, d, g) => {
     var m, i;
-    le.current && o.Fixed !== "Foot" && dt({
+    ce.current && n.Fixed !== "Foot" && mt({
       gridId: e,
-      grid: n,
-      row: o,
+      grid: o,
+      row: n,
       col: l,
       backgroundColor: ue.current,
       baselineMap: K.current,
       highlightRefresh: g == null ? void 0 : g.highlightRefresh
     });
     const R = ((m = U.current) == null ? void 0 : m.onAfterValueChanged) ?? ((i = U.current) == null ? void 0 : i.onRowChange);
-    R == null || R(n, o, l, c);
+    R == null || R(o, n, l, d);
   }, "handleDatePickerEditorValueChange");
-  se.current = G, Ve.current = oe, Ue.current = Z, ze.current = Ce, We.current = he, je.current = re, ae.current = f, $e.current = vr(ee), Ye.current = Fe, le.current = xe, Qe.current = Pe, er.current = X(u.editable.backgroundColor) ?? X(mr), ue.current = u.changed.backgroundColor ?? Rr, rr.current = u.state.focusedCellBackgroundColor, tr.current = u.state.selectedCellBackgroundColor, nr.current = u.state.hoverCellBackgroundColor;
+  se.current = E, Ve.current = ne, Ue.current = Z, ze.current = he, We.current = ye, je.current = re, ae.current = f, $e.current = yr(ee), Ye.current = Fe, ce.current = xe, Qe.current = Pe, er.current = X(a.editable.backgroundColor) ?? X(Tr), ue.current = a.changed.backgroundColor ?? gr, rr.current = a.changed.rowBackgroundColor, tr.current = a.state.focusedRowBackgroundColor, or.current = a.state.focusedCellBackgroundColor, nr.current = a.state.selectedCellBackgroundColor, ir.current = a.state.hoverCellBackgroundColor, sr.current = a.state.hoverCellBorderColor;
   const {
-    datePickerEditorElement: Pr,
-    handleDatePickerEditorButtonClick: Mr,
-    handleDatePickerEditorCellClick: Hr,
-    handleDatePickerEditorKeyDown: Nr,
-    handleDatePickerEditorStartEdit: Vr
-  } = tt({
-    config: wr,
-    treeGridInstanceRef: a,
-    isTreeGridReady: B,
-    onValueChange: xr
-  }), { errorTooltipElement: Ur, showErrorTooltip: zr, hideErrorTooltip: L } = nt();
+    datePickerEditorElement: Nr,
+    handleDatePickerEditorButtonClick: Vr,
+    handleDatePickerEditorCellClick: Ur,
+    handleDatePickerEditorKeyDown: zr,
+    handleDatePickerEditorStartEdit: Wr
+  } = it({
+    config: Ir,
+    treeGridInstanceRef: c,
+    isTreeGridReady: D,
+    onValueChange: Hr
+  }), { errorTooltipElement: jr, showErrorTooltip: $r, hideErrorTooltip: L } = st();
   U.current = {
-    onSelect: De,
-    onRowClick: Be,
+    onSelect: Be,
+    onRowClick: De,
     onRowAdd: we,
     onRowDelete: Le,
     onBeforeRowUndelete: qe,
@@ -181,27 +179,27 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
     onRowChange: Ie,
     onClickButton: _e,
     onSave: Ae,
-    onReady: Se,
-    onAfterValueChanged: ke,
-    onInternalButtonClick: Mr,
-    onInternalCellClick: Hr,
-    onInternalKeyDown: Nr,
-    onInternalStartEdit: Vr
+    onReady: ke,
+    onAfterValueChanged: Se,
+    onInternalButtonClick: Vr,
+    onInternalCellClick: Ur,
+    onInternalKeyDown: zr,
+    onInternalStartEdit: Wr
   };
-  const lr = st({
-    containerRef: k,
-    treeGridInstanceRef: a,
-    enabled: M && d && B && Xe && !fe && !me,
+  const ur = lt({
+    containerRef: S,
+    treeGridInstanceRef: c,
+    enabled: M && u && D && Xe && !fe && !me,
     resetKey: f
-  }), Wr = M && lr !== null, Re = it({
-    visible: ir || sr,
-    containerRef: k,
-    treeGridInstanceRef: a,
+  }), qr = M && ur !== null, Re = ct({
+    visible: cr || lr,
+    containerRef: S,
+    treeGridInstanceRef: c,
     debugId: e
-  }), cr = ot({
-    containerRef: k,
-    treeGridInstanceRef: a,
-    enabled: M && B
+  }), fr = at({
+    containerRef: S,
+    treeGridInstanceRef: c,
+    enabled: M && D
   }), H = /* @__PURE__ */ s(() => {
     x.current !== void 0 && (window.clearTimeout(x.current), x.current = void 0);
   }, "clearBindingLoadingHideTimeout"), J = /* @__PURE__ */ s(() => {
@@ -210,17 +208,17 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
     P.current !== void 0 && (window.clearTimeout(P.current), P.current = void 0);
   }, "clearBodyReloadStartTimeout");
   A(() => {
-    const n = /* @__PURE__ */ s((o) => {
-      var c;
-      ((c = o.detail) == null ? void 0 : c.gridId) === e && Ze(ge(a.current));
+    const o = /* @__PURE__ */ s((n) => {
+      var d;
+      ((d = n.detail) == null ? void 0 : d.gridId) === e && Ze(ge(c.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(pr, n), () => {
-      window.removeEventListener(pr, n);
+    return window.addEventListener(Cr, o), () => {
+      window.removeEventListener(Cr, o);
     };
   }, [e]), A(() => {
-    d || (J(), j.current = null, $(!1), Y(), H(), y.current = null, w(!1));
-  }, [d]), A(() => {
-    if (!d)
+    u || (J(), j.current = null, $(!1), Y(), H(), G.current = null, w(!1));
+  }, [u]), A(() => {
+    if (!u)
       return;
     if (V === !0) {
       J(), j.current = Date.now(), $(!0);
@@ -230,59 +228,62 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
       $(!1);
       return;
     }
-    J(), ce && (F.current = window.setTimeout(() => {
+    J(), le && (F.current = window.setTimeout(() => {
       F.current = void 0, j.current = null, $(!1);
-    }, yr));
-  }, [ce, V, d]), A(() => {
+    }, br));
+  }, [le, V, u]), A(() => {
     if (!de || typeof window > "u")
       return;
-    const n = k.current;
-    if (!n)
+    const o = S.current;
+    if (!o)
       return;
-    let o, l = Math.round(n.clientWidth), c = Math.round(n.clientHeight);
+    let n, l = Math.round(o.clientWidth), d = Math.round(o.clientHeight);
     const g = /* @__PURE__ */ s(() => {
-      o === void 0 && (o = window.requestAnimationFrame(() => {
-        o = void 0;
-        const i = a.current;
+      n === void 0 && (n = window.requestAnimationFrame(() => {
+        n = void 0;
+        const i = c.current;
         !i || i.Loading || i.Rendering || i.Update();
       }));
-    }, "retryTreeGridSizeErrorRender"), R = /* @__PURE__ */ s((i, E) => {
-      const p = Math.round(i), O = Math.round(E);
-      p === l && O === c || (l = p, c = O, !(p <= 0 || O <= 0) && g());
+    }, "retryTreeGridSizeErrorRender"), R = /* @__PURE__ */ s((i, C) => {
+      const p = Math.round(i), O = Math.round(C);
+      p === l && O === d || (l = p, d = O, !(p <= 0 || O <= 0) && g());
     }, "handleContainerSizeChange");
     if (typeof ResizeObserver > "u") {
       const i = /* @__PURE__ */ s(() => {
-        R(n.clientWidth, n.clientHeight);
+        R(o.clientWidth, o.clientHeight);
       }, "handleWindowResize");
       return window.addEventListener("resize", i), () => {
-        o !== void 0 && window.cancelAnimationFrame(o), window.removeEventListener("resize", i);
+        n !== void 0 && window.cancelAnimationFrame(n), window.removeEventListener("resize", i);
       };
     }
     const m = new ResizeObserver((i) => {
-      const E = i[i.length - 1];
-      E && R(E.contentRect.width, E.contentRect.height);
+      const C = i[i.length - 1];
+      C && R(C.contentRect.width, C.contentRect.height);
     });
-    return m.observe(n), () => {
-      o !== void 0 && window.cancelAnimationFrame(o), m.disconnect();
+    return m.observe(o), () => {
+      n !== void 0 && window.cancelAnimationFrame(n), m.disconnect();
     };
   }, [de]), A(() => {
     var l;
-    if (q.id !== or.current && !S(a.current) && ((l = a.current) == null || l.Dispose(), a.current = null, or.current = q.id), !S(a.current))
+    if (q.id !== ar.current && !k(c.current) && ((l = c.current) == null || l.Dispose(), c.current = null, ar.current = q.id), !k(c.current))
       return;
-    at({
+    dt({
       id: e,
       latestEventHandlersRef: U,
       layoutHasExplicitEnterModeRef: $e,
       highlightEditableCellsRef: Ye,
-      highlightChangedCellsRef: le,
+      highlightChangedCellsRef: ce,
       syncDeletedRowCanEditRef: Qe,
       editableCellBackgroundColorValueRef: er,
       changedCellBackgroundColorRef: ue,
-      focusedCellBackgroundColorRef: rr,
-      selectedCellBackgroundColorRef: tr,
-      hoverCellBackgroundColorRef: nr,
+      changedRowBackgroundColorRef: rr,
+      focusedRowBackgroundColorRef: tr,
+      focusedCellBackgroundColorRef: or,
+      selectedCellBackgroundColorRef: nr,
+      hoverCellBackgroundColorRef: ir,
+      hoverCellBorderColorRef: sr,
       changedCellBaselineRef: K,
-      treeGridInstanceRef: a,
+      treeGridInstanceRef: c,
       treeGridInitStartedAtRef: Ne,
       latestLayoutOverridesRef: se,
       latestToolbarTotalCountFormulaRef: Ve,
@@ -293,141 +294,141 @@ const ht = "NumberToString(count(5),',0')", bt = ["Formula", "FormulaFormula"],
       appliedLayoutOverridesRef: W,
       appliedBodyDataPropRef: v,
       hasAppliedInitialLayoutRef: Ke,
-      syncHasDisplayDataRows: ar,
-      setIsTreeGridReady: Ir,
-      setCanRenderTreeGridOverlays: Sr,
-      setHasTreeGridSizeError: kr,
-      showErrorTooltip: zr,
+      syncHasDisplayDataRows: dr,
+      setIsTreeGridReady: kr,
+      setCanRenderTreeGridOverlays: xr,
+      setHasTreeGridSizeError: Pr,
+      showErrorTooltip: $r,
       hideErrorTooltip: L
     });
-    const n = ae.current;
-    Ne.current = pe(), Tr(e, "init"), gr(e, "TreeGrid init start", {
+    const o = ae.current;
+    Ne.current = pe(), Er(e, "init"), vr(e, "TreeGrid init start", {
       useDataUrl: !!be,
-      bodyRowCount: Te(n)
+      bodyRowCount: Te(o)
     });
-    const o = window.TreeGrid(
-      lt({
+    const n = window.TreeGrid(
+      ut({
         id: e,
-        layoutUrl: Dr,
+        layoutUrl: Lr,
         layoutData: ee,
-        toolbarTotalCountFormula: oe,
+        toolbarTotalCountFormula: ne,
         suppressCfg: Z,
         disabledAnimations: re,
-        dataUrl: Br,
-        bodyData: n,
+        dataUrl: Or,
+        bodyData: o,
         useDataUrl: be,
-        width: Ge,
-        height: Ee,
+        width: Ee,
+        height: Ce,
         languageId: q.id
       }),
       e,
       e
     );
-    return S(o) || (a.current = o), () => {
+    return k(n) || (c.current = n), () => {
       L(), Ke.current = !0;
-      const c = o || a.current;
-      a.current === c && (a.current = null), c == null || c.Dispose();
+      const d = n || c.current;
+      c.current === d && (c.current = null), d == null || d.Dispose();
     };
-  }, []), et(() => {
-    const n = a.current, o = se.current, l = ae.current;
-    if (S(n) || !B)
+  }, []), ot(() => {
+    const o = c.current, n = se.current, l = ae.current;
+    if (k(o) || !D)
       return;
-    const c = v.current !== l && (!z.current || b.current !== l), g = c && l === void 0 && Array.isArray(v.current) && v.current.length === 0 && !ge(n), R = W.current !== o && !vt(W.current, o), m = c && !g;
-    if (g && (D.current += 1, Y(), H(), b.current = void 0, z.current = !1, y.current = null, v.current = l, w(!1)), !(!R && !m)) {
+    const d = v.current !== l && (!z.current || b.current !== l), g = d && l === void 0 && Array.isArray(v.current) && v.current.length === 0 && !ge(o), R = W.current !== n && !yt(W.current, n), m = d && !g;
+    if (g && (B.current += 1, Y(), H(), b.current = void 0, z.current = !1, G.current = null, v.current = l, w(!1)), !(!R && !m)) {
       if (L(), R) {
         const i = pe();
-        ut(n, o, m), W.current = o, Er(e, "apply layout", i, {
+        Rt(o, n, m), W.current = n, Gr(e, "apply layout", i, {
           disableBodyReload: !!m
         });
       }
       if (m) {
-        const i = D.current + 1, E = /* @__PURE__ */ s(() => {
+        const i = B.current + 1, C = /* @__PURE__ */ s(() => {
           const p = b.current;
-          P.current = void 0, ie.current = pe(), Tr(e, "reload"), gr(e, "ReloadBody start", {
+          P.current = void 0, ie.current = pe(), Er(e, "reload"), vr(e, "ReloadBody start", {
             bodyRowCount: Te(p)
-          }), ct(n, p, () => {
-            if (D.current !== i)
+          }), ft(o, p, () => {
+            if (B.current !== i)
               return;
-            v.current = p, K.current = /* @__PURE__ */ new WeakMap(), At(n, K.current), ar(n), Er(e, "ReloadBody end", ie.current, {
+            v.current = p, K.current = /* @__PURE__ */ new WeakMap(), Ft(o, K.current), dr(o), Gr(e, "ReloadBody end", ie.current, {
               bodyRowCount: Te(p)
             }), ie.current = null, b.current === p && (b.current = void 0, z.current = !1);
-            const O = y.current;
-            if (!d || O === null) {
-              y.current = null, w(!1);
+            const O = G.current;
+            if (!u || O === null) {
+              G.current = null, w(!1);
               return;
             }
-            const fr = Math.max(
+            const pr = Math.max(
               0,
-              yr - (Date.now() - O)
+              br - (Date.now() - O)
             );
-            if (H(), fr === 0) {
-              y.current = null, w(!1);
+            if (H(), pr === 0) {
+              G.current = null, w(!1);
               return;
             }
             x.current = window.setTimeout(() => {
-              D.current === i && (x.current = void 0, y.current = null, w(!1));
-            }, fr);
+              B.current === i && (x.current = void 0, G.current = null, w(!1));
+            }, pr);
           });
         }, "runBodyReload");
-        D.current = i, b.current = l, z.current = !0, d && l !== void 0 ? (Y(), H(), y.current = Date.now(), w(!0), P.current = window.setTimeout(() => {
-          D.current === i && E();
-        }, 0)) : E();
+        B.current = i, b.current = l, z.current = !0, u && l !== void 0 ? (Y(), H(), G.current = Date.now(), w(!0), P.current = window.setTimeout(() => {
+          B.current === i && C();
+        }, 0)) : C();
       }
     }
-  }, [B, G, f, d, e, L]), A(() => () => {
+  }, [D, E, f, u, e, L]), A(() => () => {
     L(), J(), Y(), H();
   }, [L]);
-  const Q = Tt({
-    width: Ge,
-    height: Ee,
-    treeGridTheme: u,
-    gridThemeConfig: ne,
+  const Q = Et({
+    width: Ee,
+    height: Ce,
+    treeGridTheme: a,
+    gridThemeConfig: oe,
     containerStyle: t,
-    tableBorderRadius: ve ? br : void 0
+    tableBorderRadius: ve ? wr : void 0
   });
-  return C !== void 0 && (Q["--owp-tree-grid-toolbar-row-background-color"] = String(C)), (d || me || cr.length > 0) && (Q.position = t != null && t.position && t.position !== "static" ? t.position : "relative", Q.isolation = "isolate"), /* @__PURE__ */ $r(
+  return h !== void 0 && (Q["--owp-tree-grid-toolbar-row-background-color"] = String(h)), (u || me || fr.length > 0) && (Q.position = t != null && t.position && t.position !== "static" ? t.position : "relative", Q.isolation = "isolate"), /* @__PURE__ */ Jr(
     "div",
     {
-      ref: k,
+      ref: S,
       className: [
-        gt,
-        ve && Et,
+        vt,
+        ve && Gt,
         T
       ].filter(Boolean).join(" "),
       style: Q,
       children: [
-        /* @__PURE__ */ I(rt, { styles: Gt }),
-        /* @__PURE__ */ I("div", { id: e, className: N, style: yt(hr, ["height", "width"]) }),
-        /* @__PURE__ */ I(ft, { frames: cr }),
+        /* @__PURE__ */ I(nt, { styles: ht }),
+        /* @__PURE__ */ I("div", { id: e, className: N, style: bt(Dr, ["height", "width"]) }),
+        /* @__PURE__ */ I(pt, { frames: fr }),
         /* @__PURE__ */ I(
-          Rt,
+          gt,
           {
-            visible: sr,
-            message: h("Message.조회된 결과가 없습니다."),
+            visible: lr,
+            message: y("Message.조회된 결과가 없습니다."),
             overlayFrame: Re
           }
         ),
         /* @__PURE__ */ I(
-          pt,
+          Ct,
           {
-            visible: Wr,
-            overlayFrame: lr ?? Re
+            visible: qr,
+            overlayFrame: ur ?? Re
           }
         ),
         /* @__PURE__ */ I(
-          mt,
+          Tt,
           {
-            visible: ir,
+            visible: cr,
             overlayFrame: Re
           }
         ),
-        Pr,
-        Ur
+        Nr,
+        jr
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  fn as OwpTreeGrid
+  po as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map