@owp/core 2.5.61 → 2.5.62

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

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