@owp/core 2.5.57 → 2.5.59

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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