@owp/core 2.5.55 → 2.5.57

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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