@owp/core 2.5.17 → 2.5.18

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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