@owp/core 2.5.48 → 2.5.49

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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