@owp/core 2.5.31 → 2.5.33

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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