@owp/core 2.5.59 → 2.5.61

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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