@owp/core 2.5.27 → 2.5.28

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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