@owp/core 2.5.51 → 2.5.53

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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