@owp/core 2.5.42 → 2.5.45

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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