@owp/core 2.5.10 → 2.5.12

package/dist/components/OwpTable/internal/defaultTableStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTableStyle.js","sources":["../../../../src/components/OwpTable/internal/defaultTableStyle.ts"],"sourcesContent":["import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';\nimport { grey } from '@mui/material/colors';\n\nconst DEFAULT_TABLE_CELL_PADDING = '7px 10px';\n\nexport const defaultStyledTableTheme = {\n  header: {\n    backgroundColor: '',\n    color: 'inherit',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\nconst getDefaultTableCellBaseSx = () =>\n  ({\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\n    ...(tableTheme.cell.backgroundColor && {\n      backgroundColor: tableTheme.cell.backgroundColor,\n    }),\n    fontSize: tableTheme.cell.fontSize,\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = grey[200],\n) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\n    backgroundColor: tableTheme.header.backgroundColor || fallbackBackgroundColor,\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\n/** 기본 table header label sx */\nexport const getDefaultTableHeaderLabelSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\nexport const defaultTableSortLabelSx = {\n  '&.MuiTableSortLabel-root': {\n    color: 'inherit',\n  },\n  '&.MuiTableSortLabel-root:hover': {\n    color: 'inherit',\n  },\n  '&.Mui-active': {\n    color: 'inherit',\n  },\n  '& .MuiTableSortLabel-icon': {\n    color: 'currentColor !important',\n  },\n} as const;\n"],"names":["DEFAULT_TABLE_CELL_PADDING","defaultStyledTableTheme","getDefaultTableCellBaseSx","__name","getDefaultTableCellSx","tableTheme","getDefaultTableHeaderCellSx","fallbackBackgroundColor","grey","getDefaultTableHeaderLabelSx","defaultTableSortLabelSx"],"mappings":";;;AAGA,MAAMA,IAA6B,YAEtBC,IAA0B;AAAA,EACrC,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,GAEMC,IAA4B,gBAAAC,EAAA,OAC/B;AAAA,EACC,SAASH;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AACf,IALgC,8BAQrBI,IAAwB,gBAAAD,EAAA,CAACE,OACnC;AAAA,EACC,GAAGH,EAAA;AAAA,EACH,GAAIG,EAAW,KAAK,mBAAmB;AAAA,IACrC,iBAAiBA,EAAW,KAAK;AAAA,EAAA;AAAA,EAEnC,UAAUA,EAAW,KAAK;AAC5B,IAPmC,0BAUxBC,IAA8B,gBAAAH,EAAA,CACzCE,GACAE,IAAkCC,EAAK,GAAG,OAEzC;AAAA,EACC,GAAGN,EAAA;AAAA,EACH,iBAAiBG,EAAW,OAAO,mBAAmBE;AAAA,EACtD,OAAOF,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAVyC,gCAa9BI,IAA+B,gBAAAN,EAAA,CAACE,OAC1C;AAAA,EACC,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAL0C,iCAO/BK,IAA0B;AAAA,EACrC,4BAA4B;AAAA,IAC1B,OAAO;AAAA,EAAA;AAAA,EAET,kCAAkC;AAAA,IAChC,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAET,6BAA6B;AAAA,IAC3B,OAAO;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"defaultTableStyle.js","sources":["../../../../src/components/OwpTable/internal/defaultTableStyle.ts"],"sourcesContent":["import type { OwpResolvedTableThemeConfigType } from '@/constants/tableTheme';\nimport { grey } from '@mui/material/colors';\n\nconst DEFAULT_TABLE_CELL_PADDING = '7px 10px';\n\nexport const defaultStyledTableTheme = {\n  borderColor: '#e2e8f0',\n  header: {\n    backgroundColor: '',\n    color: 'inherit',\n    fontSize: '1.7rem',\n    fontWeight: 600,\n  },\n  cell: {\n    backgroundColor: '',\n    fontSize: '1.7rem',\n  },\n} satisfies OwpResolvedTableThemeConfigType;\n\nconst getDefaultTableCellBaseSx = () =>\n  ({\n    padding: DEFAULT_TABLE_CELL_PADDING,\n    borderLeft: 'none',\n    borderRight: 'none',\n  }) as const;\n\n/** 기본 table cell sx */\nexport const getDefaultTableCellSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\n    borderBottomColor: tableTheme.borderColor,\n    ...(tableTheme.cell.backgroundColor && {\n      backgroundColor: tableTheme.cell.backgroundColor,\n    }),\n    fontSize: tableTheme.cell.fontSize,\n  }) as const;\n\n/** 기본 table header cell sx */\nexport const getDefaultTableHeaderCellSx = (\n  tableTheme: OwpResolvedTableThemeConfigType,\n  fallbackBackgroundColor: string = grey[200],\n) =>\n  ({\n    ...getDefaultTableCellBaseSx(),\n    backgroundColor: tableTheme.header.backgroundColor || fallbackBackgroundColor,\n    borderBottomColor: tableTheme.borderColor,\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\n/** 기본 table header label sx */\nexport const getDefaultTableHeaderLabelSx = (tableTheme: OwpResolvedTableThemeConfigType) =>\n  ({\n    color: tableTheme.header.color,\n    fontSize: tableTheme.header.fontSize,\n    fontWeight: tableTheme.header.fontWeight,\n  }) as const;\n\nexport const defaultTableSortLabelSx = {\n  '&.MuiTableSortLabel-root': {\n    color: 'inherit',\n  },\n  '&.MuiTableSortLabel-root:hover': {\n    color: 'inherit',\n  },\n  '&.Mui-active': {\n    color: 'inherit',\n  },\n  '& .MuiTableSortLabel-icon': {\n    color: 'currentColor !important',\n  },\n} as const;\n"],"names":["DEFAULT_TABLE_CELL_PADDING","defaultStyledTableTheme","getDefaultTableCellBaseSx","__name","getDefaultTableCellSx","tableTheme","getDefaultTableHeaderCellSx","fallbackBackgroundColor","grey","getDefaultTableHeaderLabelSx","defaultTableSortLabelSx"],"mappings":";;;AAGA,MAAMA,IAA6B,YAEtBC,IAA0B;AAAA,EACrC,aAAa;AAAA,EACb,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,GAEMC,IAA4B,gBAAAC,EAAA,OAC/B;AAAA,EACC,SAASH;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AACf,IALgC,8BAQrBI,IAAwB,gBAAAD,EAAA,CAACE,OACnC;AAAA,EACC,GAAGH,EAAA;AAAA,EACH,mBAAmBG,EAAW;AAAA,EAC9B,GAAIA,EAAW,KAAK,mBAAmB;AAAA,IACrC,iBAAiBA,EAAW,KAAK;AAAA,EAAA;AAAA,EAEnC,UAAUA,EAAW,KAAK;AAC5B,IARmC,0BAWxBC,IAA8B,gBAAAH,EAAA,CACzCE,GACAE,IAAkCC,EAAK,GAAG,OAEzC;AAAA,EACC,GAAGN,EAAA;AAAA,EACH,iBAAiBG,EAAW,OAAO,mBAAmBE;AAAA,EACtD,mBAAmBF,EAAW;AAAA,EAC9B,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAXyC,gCAc9BI,IAA+B,gBAAAN,EAAA,CAACE,OAC1C;AAAA,EACC,OAAOA,EAAW,OAAO;AAAA,EACzB,UAAUA,EAAW,OAAO;AAAA,EAC5B,YAAYA,EAAW,OAAO;AAChC,IAL0C,iCAO/BK,IAA0B;AAAA,EACrC,4BAA4B;AAAA,IAC1B,OAAO;AAAA,EAAA;AAAA,EAET,kCAAkC;AAAA,IAChC,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,OAAO;AAAA,EAAA;AAAA,EAET,6BAA6B;AAAA,IAC3B,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,251 +1,259 @@
-var Ze = Object.defineProperty;
-var a = (r, l) => Ze(r, "name", { value: l, configurable: !0 });
-import { jsxs as $e, jsx as L } 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 er } from "../../constants/gridTheme.js";
-import { resolveTreeGridColorNumber as _, TREEGRID_INPUT_CELL_COLOR as he, TREEGRID_CELL_HIGHLIGHT_COLOR as He } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as rr } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as tr } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as or } from "../../hooks/useCurrentLanguage.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Ae } from "../../utils/treeGridBodyRowsEvent.js";
-import { getTreeGridPerfTimestamp as z, countTreeGridPerf as ke, logTreeGridPerf as Pe, measureTreeGridPerf as Se } from "./internal/utils/perf.js";
-import { useRef as e, useState as Y, useMemo as nr, useEffect as O, useLayoutEffect as ir } from "react";
-import sr from "@mui/material/GlobalStyles";
-import { useOwpTreeGridOverlayFrame as ur } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { bindTreeGridEvents as lr, getTreeGridBodyDataCount as J, buildTreeGridInitializationOptions as ar, hasTreeGridDisplayDataRows as Ne, replaceTreeGridBodyData as cr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as dr } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as fr } from "./internal/treeGridLayout.js";
-import { OwpTreeGridLoadingOverlay as mr } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as pr } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { resolveTreeGridColumnEditRuleLookup as Me, createTreeGridColumnEditRulesState as Rr, syncTreeGridColumnEditRules as Tr } from "./internal/treeGridColumnEditRules.js";
-import { createTreeGridThemeContainerStyle as yr, TREE_GRID_THEME_WRAPPER_CLASS as Gr, treeGridThemeStyles as gr } from "./internal/treeGridTheme.js";
-import { isEmpty as w } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as vr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
-import { isEqual as xe } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as Cr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-const zr = /* @__PURE__ */ a(({
+var rr = Object.defineProperty;
+var a = (r, l) => rr(r, "name", { value: l, configurable: !0 });
+import { jsxs as tr, jsx as _ } 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 or } from "../../constants/gridTheme.js";
+import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as Se, TREEGRID_CELL_HIGHLIGHT_COLOR as He } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as nr } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as ir } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as sr } from "../../hooks/useCurrentLanguage.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as ke } from "../../utils/treeGridBodyRowsEvent.js";
+import { getTreeGridPerfTimestamp as z, countTreeGridPerf as Pe, logTreeGridPerf as Me, measureTreeGridPerf as Ne } from "./internal/utils/perf.js";
+import { useRef as e, useState as Y, useMemo as ur, useEffect as w, useLayoutEffect as lr } from "react";
+import ar from "@mui/material/GlobalStyles";
+import { useOwpTreeGridOverlayFrame as cr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { bindTreeGridEvents as dr, getTreeGridBodyDataCount as J, buildTreeGridInitializationOptions as fr, hasTreeGridDisplayDataRows as xe, replaceTreeGridBodyData as mr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as pr } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as Rr } from "./internal/treeGridLayout.js";
+import { OwpTreeGridLoadingOverlay as Tr } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as yr } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { resolveTreeGridColumnEditRuleLookup as Ve, createTreeGridColumnEditRulesState as gr, syncTreeGridColumnEditRules as Gr } from "./internal/treeGridColumnEditRules.js";
+import { createTreeGridThemeContainerStyle as vr, TREE_GRID_THEME_WRAPPER_CLASS as Cr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Er, treeGridThemeStyles as br } from "./internal/treeGridTheme.js";
+import { isEmpty as h } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { delay as Dr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as je } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as Br } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+const Qr = /* @__PURE__ */ a(({
   id: r = "treeGridWrapper",
   containerStyle: l,
-  containerClassName: Ve,
-  className: je,
-  style: qe,
-  height: K = "100%",
-  width: Q = "100%",
-  layoutUrl: We,
-  layoutData: Fe,
-  dataUrl: ze,
-  layoutOverrides: h,
+  containerClassName: qe,
+  toolbarRowBackgroundColor: K,
+  className: We,
+  style: Fe,
+  height: Q = "100%",
+  width: U = "100%",
+  canUseTableRadius: X = !1,
+  tableBorderRadius: ze = ".8rem",
+  layoutUrl: Ye,
+  layoutData: Je,
+  dataUrl: Ke,
+  layoutOverrides: A,
   data: o,
-  useDataUrl: U,
-  onSelect: X,
-  onRowClick: Z,
-  onRowAdd: $,
-  onRowDelete: ee,
-  onRowUndelete: re,
-  onRowChange: te,
-  onClickButton: oe,
-  onSave: ne,
-  onReady: ie,
-  onAfterValueChanged: se,
+  useDataUrl: Z,
+  onSelect: $,
+  onRowClick: ee,
+  onRowAdd: re,
+  onRowDelete: te,
+  onRowUndelete: oe,
+  onRowChange: ne,
+  onClickButton: ie,
+  onSave: se,
+  onReady: ue,
+  onAfterValueChanged: le,
   columnEditRules: m,
-  highlightEditableCells: ue = !0,
-  highlightChangedCells: le = !0,
-  loading: Ye,
+  highlightEditableCells: ae = !0,
+  highlightChangedCells: ce = !0,
+  loading: Qe,
   showLoading: n = !0
 }) => {
-  var De, Be;
-  const { t: H } = tr(), A = rr(), k = (Be = (De = A == null ? void 0 : A.theme) == null ? void 0 : De.main) == null ? void 0 : Be.grid, i = e(null), ae = e(null), ce = e(null), P = e(null), S = e(h), de = e(o), N = e(
+  var Ie, Le;
+  const { t: S } = ir(), H = nr(), k = (Le = (Ie = H == null ? void 0 : H.theme) == null ? void 0 : Ie.main) == null ? void 0 : Le.grid, i = e(null), de = e(null), fe = e(null), P = e(null), M = e(A), me = e(o), N = e(
     m
-  ), M = e(
-    Me(m, {
-      hourMinuteInvalidText: H("Message.시간은 HH:mm 형식으로 입력해주세요.")
+  ), x = e(
+    Ve(m, {
+      hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
     })
-  ), fe = e({
-    onSelect: X,
-    onRowClick: Z,
-    onRowAdd: $,
-    onRowDelete: ee,
-    onRowUndelete: re,
-    onRowChange: te,
-    onClickButton: oe,
-    onSave: ne,
-    onReady: ie,
-    onAfterValueChanged: se
-  }), p = e(void 0), x = e(!1), C = e(void 0), E = e(void 0), b = e(
+  ), pe = e({
+    onSelect: $,
+    onRowClick: ee,
+    onRowAdd: re,
+    onRowDelete: te,
+    onRowUndelete: oe,
+    onRowChange: ne,
+    onClickButton: ie,
+    onSave: se,
+    onReady: ue,
+    onAfterValueChanged: le
+  }), p = e(void 0), V = e(!1), C = e(void 0), E = e(void 0), b = e(
     void 0
-  ), me = e(Rr()), Je = e(!1), R = e(0), c = e(null), T = e(void 0), y = e(void 0), pe = e(ue), Re = e(le), [V, Ke] = Y(!1), [Qe, G] = Y(!1), [Ue, Te] = Y(!1), D = or(), s = nr(
-    () => er(k),
+  ), Re = e(gr()), Ue = e(!1), R = e(0), c = e(null), T = e(void 0), y = e(void 0), Te = e(ae), ye = e(ce), [j, Xe] = Y(!1), [Ze, g] = Y(!1), [$e, ge] = Y(!1), D = sr(), s = ur(
+    () => or(k),
     [k]
-  ), ye = e(
-    _(s.editable.backgroundColor) ?? _(he)
   ), Ge = e(
+    O(s.editable.backgroundColor) ?? O(Se)
+  ), ve = e(
     s.changed.backgroundColor ?? He
-  ), ge = e(s.state.selectedCellBackgroundColor), ve = e(s.state.hoverCellBackgroundColor), Ce = e(D.id), Xe = n && o !== void 0 && V && E.current !== o, j = n && Ye === !0 || n && (Qe || Xe), q = !j && o !== void 0 && w(o) && !Ue, Ee = /* @__PURE__ */ a((t) => {
-    Te(Ne(t));
+  ), Ce = e(s.state.selectedCellBackgroundColor), Ee = e(s.state.hoverCellBackgroundColor), be = e(D.id), er = n && o !== void 0 && j && E.current !== o, q = n && Qe === !0 || n && (Ze || er), W = !q && o !== void 0 && h(o) && !$e, De = /* @__PURE__ */ a((t) => {
+    ge(xe(t));
   }, "syncHasDisplayDataRows");
-  S.current = h, de.current = o, N.current = m, M.current = Me(m, {
-    hourMinuteInvalidText: H("Message.시간은 HH:mm 형식으로 입력해주세요.")
-  }), pe.current = ue, Re.current = le, ye.current = _(s.editable.backgroundColor) ?? _(he), Ge.current = s.changed.backgroundColor ?? He, ge.current = s.state.selectedCellBackgroundColor, ve.current = s.state.hoverCellBackgroundColor, fe.current = {
-    onSelect: X,
-    onRowClick: Z,
-    onRowAdd: $,
-    onRowDelete: ee,
-    onRowUndelete: re,
-    onRowChange: te,
-    onClickButton: oe,
-    onSave: ne,
-    onReady: ie,
-    onAfterValueChanged: se
+  M.current = A, me.current = o, N.current = m, x.current = Ve(m, {
+    hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
+  }), Te.current = ae, ye.current = ce, Ge.current = O(s.editable.backgroundColor) ?? O(Se), ve.current = s.changed.backgroundColor ?? He, Ce.current = s.state.selectedCellBackgroundColor, Ee.current = s.state.hoverCellBackgroundColor, pe.current = {
+    onSelect: $,
+    onRowClick: ee,
+    onRowAdd: re,
+    onRowDelete: te,
+    onRowUndelete: oe,
+    onRowChange: ne,
+    onClickButton: ie,
+    onSave: se,
+    onReady: ue,
+    onAfterValueChanged: le
   };
-  const be = ur({
-    visible: j || q,
-    containerRef: ae,
+  const Be = cr({
+    visible: q || W,
+    containerRef: de,
     treeGridInstanceRef: i,
     debugId: r
   }), B = /* @__PURE__ */ a(() => {
     T.current !== void 0 && (window.clearTimeout(T.current), T.current = void 0);
-  }, "clearBindingLoadingHideTimeout"), W = /* @__PURE__ */ a(() => {
+  }, "clearBindingLoadingHideTimeout"), F = /* @__PURE__ */ a(() => {
     y.current !== void 0 && (window.clearTimeout(y.current), y.current = void 0);
   }, "clearBodyReloadStartTimeout");
-  O(() => {
+  w(() => {
     const t = /* @__PURE__ */ a((u) => {
       var d;
-      ((d = u.detail) == null ? void 0 : d.gridId) === r && Te(Ne(i.current));
+      ((d = u.detail) == null ? void 0 : d.gridId) === r && ge(xe(i.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(Ae, t), () => {
-      window.removeEventListener(Ae, t);
+    return window.addEventListener(ke, t), () => {
+      window.removeEventListener(ke, t);
     };
-  }, [r]), O(() => {
-    n || (W(), B(), c.current = null, G(!1));
-  }, [n]), O(() => {
+  }, [r]), w(() => {
+    n || (F(), B(), c.current = null, g(!1));
+  }, [n]), w(() => {
     var t;
-    if (D.id !== Ce.current && !w(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, Ce.current = D.id), !!w(i.current))
-      return lr({
+    if (D.id !== be.current && !h(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, be.current = D.id), !!h(i.current))
+      return dr({
         id: r,
-        latestEventHandlersRef: fe,
-        highlightEditableCellsRef: pe,
-        highlightChangedCellsRef: Re,
-        editableCellBackgroundColorValueRef: ye,
-        changedCellBackgroundColorRef: Ge,
-        selectedCellBackgroundColorRef: ge,
-        hoverCellBackgroundColorRef: ve,
+        latestEventHandlersRef: pe,
+        highlightEditableCellsRef: Te,
+        highlightChangedCellsRef: ye,
+        editableCellBackgroundColorValueRef: Ge,
+        changedCellBackgroundColorRef: ve,
+        selectedCellBackgroundColorRef: Ce,
+        hoverCellBackgroundColorRef: Ee,
         treeGridInstanceRef: i,
-        treeGridInitStartedAtRef: ce,
-        latestLayoutOverridesRef: S,
+        treeGridInitStartedAtRef: fe,
+        latestLayoutOverridesRef: M,
         appliedLayoutOverridesRef: C,
         appliedBodyDataPropRef: E,
         latestColumnEditRulesRef: N,
-        latestColumnEditRuleLookupRef: M,
+        latestColumnEditRuleLookupRef: x,
         appliedColumnEditRulesRef: b,
-        columnEditRulesStateRef: me,
-        hasAppliedInitialLayoutRef: Je,
-        syncHasDisplayDataRows: Ee,
-        setIsTreeGridReady: Ke
-      }), ce.current = z(), ke(r, "init"), Pe(r, "TreeGrid init start", {
-        useDataUrl: !!U,
+        columnEditRulesStateRef: Re,
+        hasAppliedInitialLayoutRef: Ue,
+        syncHasDisplayDataRows: De,
+        setIsTreeGridReady: Xe
+      }), fe.current = z(), Pe(r, "init"), Me(r, "TreeGrid init start", {
+        useDataUrl: !!Z,
         bodyRowCount: J(o)
       }), window.TreeGrid(
-        ar({
+        fr({
           id: r,
-          layoutUrl: We,
-          layoutData: Fe,
-          dataUrl: ze,
+          layoutUrl: Ye,
+          layoutData: Je,
+          dataUrl: Ke,
           bodyData: o,
-          useDataUrl: U,
-          width: Q,
-          height: K,
+          useDataUrl: Z,
+          width: U,
+          height: Q,
           languageId: D.id
         }),
         r,
         r
       ), () => {
-        vr(() => {
+        Dr(() => {
           var u;
           (u = i.current) == null || u.Dispose();
         }, 200);
       };
-  }, []), ir(() => {
-    const t = i.current, u = S.current, g = de.current, d = N.current;
-    if (w(t) || !V)
+  }, []), lr(() => {
+    const t = i.current, u = M.current, G = me.current, d = N.current;
+    if (h(t) || !j)
       return;
-    const Ie = C.current !== u && !xe(C.current, u), I = E.current !== g && (!x.current || p.current !== g), Le = b.current !== d && !xe(b.current, d);
-    if (!(!Ie && !I && !Le)) {
-      if (Ie) {
+    const _e = C.current !== u && !je(C.current, u), L = E.current !== G && (!V.current || p.current !== G), Oe = b.current !== d && !je(b.current, d);
+    if (!(!_e && !L && !Oe)) {
+      if (_e) {
         const f = z();
-        fr(t, u, I), C.current = u, Se(r, "apply layout", f, {
-          disableBodyReload: !!I
+        Rr(t, u, L), C.current = u, Ne(r, "apply layout", f, {
+          disableBodyReload: !!L
         });
       }
-      if (I) {
-        const f = R.current + 1, _e = /* @__PURE__ */ a(() => {
+      if (L) {
+        const f = R.current + 1, we = /* @__PURE__ */ a(() => {
           const v = p.current;
-          y.current = void 0, P.current = z(), ke(r, "reload"), Pe(r, "ReloadBody start", {
+          y.current = void 0, P.current = z(), Pe(r, "reload"), Me(r, "ReloadBody start", {
             bodyRowCount: J(v)
-          }), cr(t, v, () => {
+          }), mr(t, v, () => {
             if (R.current !== f)
               return;
-            E.current = v, Ee(t), Se(r, "ReloadBody end", P.current, {
+            E.current = v, De(t), Ne(r, "ReloadBody end", P.current, {
               bodyRowCount: J(v)
-            }), P.current = null, p.current === v && (p.current = void 0, x.current = !1);
-            const Oe = c.current;
-            if (!n || Oe === null) {
-              c.current = null, G(!1);
+            }), P.current = null, p.current === v && (p.current = void 0, V.current = !1);
+            const he = c.current;
+            if (!n || he === null) {
+              c.current = null, g(!1);
               return;
             }
-            const we = Math.max(
+            const Ae = Math.max(
               0,
-              dr - (Date.now() - Oe)
+              pr - (Date.now() - he)
             );
-            if (B(), we === 0) {
-              c.current = null, G(!1);
+            if (B(), Ae === 0) {
+              c.current = null, g(!1);
               return;
             }
             T.current = window.setTimeout(() => {
-              R.current === f && (T.current = void 0, c.current = null, G(!1));
-            }, we);
+              R.current === f && (T.current = void 0, c.current = null, g(!1));
+            }, Ae);
           });
         }, "runBodyReload");
-        R.current = f, p.current = g, x.current = !0, n && g !== void 0 ? (W(), B(), c.current = Date.now(), G(!0), y.current = window.setTimeout(() => {
-          R.current === f && _e();
-        }, 0)) : _e();
+        R.current = f, p.current = G, V.current = !0, n && G !== void 0 ? (F(), B(), c.current = Date.now(), g(!0), y.current = window.setTimeout(() => {
+          R.current === f && we();
+        }, 0)) : we();
       }
-      Le && (Tr(
+      Oe && (Gr(
         t,
-        M.current,
-        me.current
+        x.current,
+        Re.current
       ), b.current = d);
     }
-  }, [V, h, o, m, n, r]), O(() => () => {
-    W(), B();
+  }, [j, A, o, m, n, r]), w(() => () => {
+    F(), B();
   }, []);
-  const F = yr({
-    width: Q,
-    height: K,
+  const I = vr({
+    width: U,
+    height: Q,
     treeGridTheme: s,
     gridThemeConfig: k,
-    containerStyle: l
+    containerStyle: l,
+    tableBorderRadius: X ? ze : void 0
   });
-  return (n || q) && (F.position = l != null && l.position && l.position !== "static" ? l.position : "relative", F.isolation = "isolate"), /* @__PURE__ */ $e(
+  return K !== void 0 && (I["--owp-tree-grid-toolbar-row-background-color"] = String(K)), (n || W) && (I.position = l != null && l.position && l.position !== "static" ? l.position : "relative", I.isolation = "isolate"), /* @__PURE__ */ tr(
     "div",
     {
-      ref: ae,
-      className: [Gr, Ve].filter(Boolean).join(" "),
-      style: F,
+      ref: de,
+      className: [
+        Cr,
+        X && Er,
+        qe
+      ].filter(Boolean).join(" "),
+      style: I,
       children: [
-        /* @__PURE__ */ L(sr, { styles: gr }),
-        /* @__PURE__ */ L("div", { id: r, className: je, style: Cr(qe, ["height", "width"]) }),
-        /* @__PURE__ */ L(
-          pr,
+        /* @__PURE__ */ _(ar, { styles: br }),
+        /* @__PURE__ */ _("div", { id: r, className: We, style: Br(Fe, ["height", "width"]) }),
+        /* @__PURE__ */ _(
+          yr,
           {
-            visible: q,
-            message: H("Message.조회된 결과가 없습니다."),
-            overlayFrame: be
+            visible: W,
+            message: S("Message.조회된 결과가 없습니다."),
+            overlayFrame: Be
           }
         ),
-        /* @__PURE__ */ L(mr, { visible: j, overlayFrame: be })
+        /* @__PURE__ */ _(Tr, { visible: q, overlayFrame: Be })
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  zr as OwpTreeGrid
+  Qr as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map

package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpTreeGrid.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGrid.tsx"],"sourcesContent":["import { resolveOwpGridTheme } from '@/constants/gridTheme';\nimport {\n  resolveTreeGridColorNumber,\n  TREEGRID_CELL_HIGHLIGHT_COLOR,\n  TREEGRID_INPUT_CELL_COLOR,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport {\n  TREE_GRID_BODY_ROWS_CHANGED_EVENT,\n  type TreeGridBodyRowsChangedEventDetail,\n} from '@/utils/treeGridBodyRowsEvent';\nimport { delay, isEmpty, isEqual, omit } from 'es-toolkit/compat';\n// Temporary TreeGrid perf instrumentation import. Remove with ./internal/utils/perf after profiling is finished.\nimport {\n  countTreeGridPerf,\n  getTreeGridPerfTimestamp,\n  logTreeGridPerf,\n  measureTreeGridPerf,\n} from './internal/utils/perf';\nimport {\n  type CSSProperties,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useOwpTreeGridOverlayFrame } from './internal/hooks/useOwpTreeGridOverlayFrame';\nimport {\n  bindTreeGridEvents,\n  buildTreeGridInitializationOptions,\n  getTreeGridBodyDataCount,\n  hasTreeGridDisplayDataRows,\n  replaceTreeGridBodyData,\n  TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS,\n  type TreeGridEventHandlers,\n} from './internal/treeGridRuntime';\nimport { applyTreeGridLayoutToGrid } from './internal/treeGridLayout';\nimport { OwpTreeGridLoadingOverlay } from './internal/OwpTreeGridLoadingOverlay';\nimport { OwpTreeGridNoDataOverlay } from './internal/OwpTreeGridNoDataOverlay';\nimport {\n  createTreeGridColumnEditRulesState,\n  resolveTreeGridColumnEditRuleLookup,\n  syncTreeGridColumnEditRules,\n} from './internal/treeGridColumnEditRules';\nimport {\n  createTreeGridThemeContainerStyle,\n  TREE_GRID_THEME_WRAPPER_CLASS,\n  treeGridThemeStyles,\n  type TreeGridThemeContainerStyle,\n} from './internal/treeGridTheme';\n\ntype TreeGridLayoutScalarValue = string | number;\ntype TreeGridNestedLayoutFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridLayoutFields = Record<string, TreeGridLayoutScalarValue | TreeGridNestedLayoutFields>;\ntype TreeGridSectionFields = Record<string, TreeGridLayoutScalarValue>;\n\nexport interface OwpTreeGridLayout {\n  Header?: TreeGridLayoutFields;\n  Toolbar?: TreeGridSectionFields;\n  Foot?: TreeGridSectionFields;\n}\n\nexport type OwpTreeGridLayoutConfig = OwpTreeGridLayout;\nexport type THeader = OwpTreeGridLayoutConfig;\nexport type OwpTreeGridBodyData<T> = Record<string, never> | [] | undefined | T[];\nexport type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;\nexport type TData<T> = OwpTreeGridBodyData<T>;\nexport type OwpTreeGridRowModel<T> = TRow & T;\nexport type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];\nexport type OwpTreeGridColumnEditPreset = 'hourMinute';\n\nexport interface OwpTreeGridColumnEditRule {\n  columns: readonly string[];\n  preset: OwpTreeGridColumnEditPreset;\n}\n\ntype OwpTreeGridSelectHandler<T> = (selectedRows: OwpTreeGridSelectedRows<T>) => void;\ntype OwpTreeGridRowAddHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridRowDeleteHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  deleteType: number,\n) => void;\ntype OwpTreeGridRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridButtonClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  event: Event,\n) => void;\ntype OwpTreeGridRowClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  x: number,\n  y: number,\n  event: Event,\n) => void;\ntype OwpTreeGridSaveHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  autoupdate: boolean | number,\n) => void;\ntype OwpTreeGridCellValue = unknown;\ntype OwpTreeGridAfterValueChangedHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  value: OwpTreeGridCellValue,\n) => void;\n\nexport interface OwpTreeGridProps<T> {\n  id: string;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n  layoutUrl?: string;\n  layoutData?: string;\n  dataUrl?: string;\n  layoutOverrides?: OwpTreeGridLayoutConfig;\n  data?: OwpTreeGridBodyData<T>;\n  style?: CSSProperties;\n  height?: string | number;\n  width?: string | number;\n  useDataUrl?: boolean;\n  onSelect?: OwpTreeGridSelectHandler<T>;\n  onRowAdd?: OwpTreeGridRowAddHandler<T>;\n  onRowDelete?: OwpTreeGridRowDeleteHandler<T>;\n  onRowUndelete?: OwpTreeGridRowUndeleteHandler<T>;\n  onRowChange?: OwpTreeGridAfterValueChangedHandler<T>;\n  onClickButton?: OwpTreeGridButtonClickHandler<T>;\n  onReady?: (grid: TGrid) => void;\n  onRowClick?: OwpTreeGridRowClickHandler<T>;\n  onSave?: OwpTreeGridSaveHandler<T>;\n  onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;\n  columnEditRules?: readonly OwpTreeGridColumnEditRule[];\n  highlightEditableCells?: boolean;\n  highlightChangedCells?: boolean;\n  loading?: boolean;\n  showLoading?: boolean;\n}\n\n/**\n * OwpTreeGrid 컴포넌트\n * @param id 식별자\n * @param containerStyle containerStyle 값\n * @param containerClassName containerClassName 값\n * @param className CSS 클래스명\n * @param style 스타일 객체\n * @param height height 값\n */\nconst OwpTreeGrid = <T,>({\n  id = 'treeGridWrapper',\n  containerStyle,\n  containerClassName,\n  className,\n  style,\n  height = '100%',\n  width = '100%',\n  layoutUrl,\n  layoutData,\n  dataUrl,\n  layoutOverrides,\n  data,\n  useDataUrl,\n  onSelect,\n  onRowClick,\n  onRowAdd,\n  onRowDelete,\n  onRowUndelete,\n  onRowChange,\n  onClickButton,\n  onSave,\n  onReady,\n  onAfterValueChanged,\n  columnEditRules,\n  highlightEditableCells = true,\n  highlightChangedCells = true,\n  loading,\n  showLoading = true,\n}: OwpTreeGridProps<T>) => {\n  const { t } = useOwpTranslation();\n  const currentSettings = useGetCurrentSettings();\n  const currentGridThemeConfig = currentSettings?.theme?.main?.grid;\n  const treeGridInstanceRef = useRef<TGrid>(null);\n  const treeGridContainerRef = useRef<HTMLDivElement | null>(null);\n  const treeGridInitStartedAtRef = useRef<number | null>(null);\n  const bodyReloadStartedAtRef = useRef<number | null>(null);\n  const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(layoutOverrides);\n  const latestBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(data);\n  const latestColumnEditRulesRef = useRef<readonly OwpTreeGridColumnEditRule[] | undefined>(\n    columnEditRules,\n  );\n  const latestColumnEditRuleLookupRef = useRef(\n    resolveTreeGridColumnEditRuleLookup(columnEditRules, {\n      hourMinuteInvalidText: t('Message.시간은 HH:mm 형식으로 입력해주세요.'),\n    }),\n  );\n  const latestEventHandlersRef = useRef<TreeGridEventHandlers<T>>({\n    onSelect,\n    onRowClick,\n    onRowAdd,\n    onRowDelete,\n    onRowUndelete,\n    onRowChange,\n    onClickButton,\n    onSave,\n    onReady,\n    onAfterValueChanged,\n  });\n  const stagedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n  const hasStagedBodyDataPropRef = useRef(false);\n  const appliedLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(undefined);\n  const appliedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n  const appliedColumnEditRulesRef = useRef<readonly OwpTreeGridColumnEditRule[] | undefined>(\n    undefined,\n  );\n  const columnEditRulesStateRef = useRef(createTreeGridColumnEditRulesState());\n  const hasAppliedInitialLayoutRef = useRef(false);\n  const bodyReloadSequenceRef = useRef(0);\n  const bindingLoadingStartedAtRef = useRef<number | null>(null);\n  const bindingLoadingHideTimeoutRef = useRef<number | undefined>(undefined);\n  const bodyReloadStartTimeoutRef = useRef<number | undefined>(undefined);\n  const highlightEditableCellsRef = useRef(highlightEditableCells);\n  const highlightChangedCellsRef = useRef(highlightChangedCells);\n  const [isTreeGridReady, setIsTreeGridReady] = useState(false);\n  const [isBindingLoadingVisible, setIsBindingLoadingVisible] = useState(false);\n  const [hasDisplayDataRows, setHasDisplayDataRows] = useState(false);\n  const currentLanguage = useGetCurrentLanguage();\n  const treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentGridThemeConfig),\n    [currentGridThemeConfig],\n  );\n  const editableCellBackgroundColorValueRef = useRef(\n    resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n      resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR),\n  );\n  const changedCellBackgroundColorRef = useRef(\n    treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR,\n  );\n  const selectedCellBackgroundColorRef = useRef(treeGridTheme.state.selectedCellBackgroundColor);\n  const hoverCellBackgroundColorRef = useRef(treeGridTheme.state.hoverCellBackgroundColor);\n  const currentLanguageIdRef = useRef(currentLanguage.id);\n  const isPendingBodyReload =\n    showLoading &&\n    data !== undefined &&\n    isTreeGridReady &&\n    appliedBodyDataPropRef.current !== data;\n  const isInternalLoadingVisible = showLoading && (isBindingLoadingVisible || isPendingBodyReload);\n  const isLoadingOverlayVisible = (showLoading && loading === true) || isInternalLoadingVisible;\n  const isNoDataVisible =\n    !isLoadingOverlayVisible && data !== undefined && isEmpty(data) && !hasDisplayDataRows;\n\n  const syncHasDisplayDataRows = (grid: TGrid | null) => {\n    setHasDisplayDataRows(hasTreeGridDisplayDataRows(grid));\n  };\n\n  latestLayoutOverridesRef.current = layoutOverrides;\n  latestBodyDataPropRef.current = data;\n  latestColumnEditRulesRef.current = columnEditRules;\n  latestColumnEditRuleLookupRef.current = resolveTreeGridColumnEditRuleLookup(columnEditRules, {\n    hourMinuteInvalidText: t('Message.시간은 HH:mm 형식으로 입력해주세요.'),\n  });\n  highlightEditableCellsRef.current = highlightEditableCells;\n  highlightChangedCellsRef.current = highlightChangedCells;\n  editableCellBackgroundColorValueRef.current =\n    resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n    resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR);\n  changedCellBackgroundColorRef.current =\n    treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR;\n  selectedCellBackgroundColorRef.current = treeGridTheme.state.selectedCellBackgroundColor;\n  hoverCellBackgroundColorRef.current = treeGridTheme.state.hoverCellBackgroundColor;\n  latestEventHandlersRef.current = {\n    onSelect,\n    onRowClick,\n    onRowAdd,\n    onRowDelete,\n    onRowUndelete,\n    onRowChange,\n    onClickButton,\n    onSave,\n    onReady,\n    onAfterValueChanged,\n  };\n\n  const overlayFrame = useOwpTreeGridOverlayFrame({\n    visible: isLoadingOverlayVisible || isNoDataVisible,\n    containerRef: treeGridContainerRef,\n    treeGridInstanceRef,\n    debugId: id,\n  });\n\n  const clearBindingLoadingHideTimeout = () => {\n    if (bindingLoadingHideTimeoutRef.current !== undefined) {\n      window.clearTimeout(bindingLoadingHideTimeoutRef.current);\n      bindingLoadingHideTimeoutRef.current = undefined;\n    }\n  };\n\n  const clearBodyReloadStartTimeout = () => {\n    if (bodyReloadStartTimeoutRef.current !== undefined) {\n      window.clearTimeout(bodyReloadStartTimeoutRef.current);\n      bodyReloadStartTimeoutRef.current = undefined;\n    }\n  };\n\n  useEffect(() => {\n    const handleBodyRowsChanged = (event: Event) => {\n      const customEvent = event as CustomEvent<TreeGridBodyRowsChangedEventDetail>;\n\n      if (customEvent.detail?.gridId !== id) {\n        return;\n      }\n\n      setHasDisplayDataRows(hasTreeGridDisplayDataRows(treeGridInstanceRef.current));\n    };\n\n    window.addEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n\n    return () => {\n      window.removeEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n    };\n  }, [id]);\n\n  useEffect(() => {\n    if (!showLoading) {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n      bindingLoadingStartedAtRef.current = null;\n      setIsBindingLoadingVisible(false);\n    }\n  }, [showLoading]);\n\n  useEffect(() => {\n    if (\n      currentLanguage.id !== currentLanguageIdRef.current &&\n      !isEmpty(treeGridInstanceRef.current)\n    ) {\n      treeGridInstanceRef.current?.Dispose();\n      treeGridInstanceRef.current = null;\n      currentLanguageIdRef.current = currentLanguage.id;\n    }\n\n    if (!isEmpty(treeGridInstanceRef.current)) {\n      return;\n    }\n\n    bindTreeGridEvents({\n      id,\n      latestEventHandlersRef,\n      highlightEditableCellsRef,\n      highlightChangedCellsRef,\n      editableCellBackgroundColorValueRef,\n      changedCellBackgroundColorRef,\n      selectedCellBackgroundColorRef,\n      hoverCellBackgroundColorRef,\n      treeGridInstanceRef,\n      treeGridInitStartedAtRef,\n      latestLayoutOverridesRef,\n      appliedLayoutOverridesRef,\n      appliedBodyDataPropRef,\n      latestColumnEditRulesRef,\n      latestColumnEditRuleLookupRef,\n      appliedColumnEditRulesRef,\n      columnEditRulesStateRef,\n      hasAppliedInitialLayoutRef,\n      syncHasDisplayDataRows,\n      setIsTreeGridReady,\n    });\n\n    treeGridInitStartedAtRef.current = getTreeGridPerfTimestamp();\n    countTreeGridPerf(id, 'init');\n    logTreeGridPerf(id, 'TreeGrid init start', {\n      useDataUrl: Boolean(useDataUrl),\n      bodyRowCount: getTreeGridBodyDataCount(data),\n    });\n\n    window.TreeGrid(\n      buildTreeGridInitializationOptions({\n        id,\n        layoutUrl,\n        layoutData,\n        dataUrl,\n        bodyData: data,\n        useDataUrl,\n        width,\n        height,\n        languageId: currentLanguage.id,\n      }),\n      id,\n      id,\n    );\n\n    return () => {\n      delay(() => {\n        treeGridInstanceRef.current?.Dispose();\n      }, 200);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useLayoutEffect(() => {\n    const treeGrid = treeGridInstanceRef.current;\n    const nextLayoutOverrides = latestLayoutOverridesRef.current;\n    const nextBodyData = latestBodyDataPropRef.current;\n    const nextColumnEditRules = latestColumnEditRulesRef.current;\n\n    if (isEmpty(treeGrid) || !isTreeGridReady) {\n      return;\n    }\n\n    const shouldApplyLayoutOverrides =\n      appliedLayoutOverridesRef.current !== nextLayoutOverrides &&\n      !isEqual(appliedLayoutOverridesRef.current, nextLayoutOverrides);\n    const shouldApplyBodyData =\n      appliedBodyDataPropRef.current !== nextBodyData &&\n      (!hasStagedBodyDataPropRef.current || stagedBodyDataPropRef.current !== nextBodyData);\n    const shouldApplyColumnEditRules =\n      appliedColumnEditRulesRef.current !== nextColumnEditRules &&\n      !isEqual(appliedColumnEditRulesRef.current, nextColumnEditRules);\n\n    if (!shouldApplyLayoutOverrides && !shouldApplyBodyData && !shouldApplyColumnEditRules) {\n      return;\n    }\n\n    if (shouldApplyLayoutOverrides) {\n      const layoutApplyStartedAt = getTreeGridPerfTimestamp();\n\n      applyTreeGridLayoutToGrid(treeGrid, nextLayoutOverrides, shouldApplyBodyData);\n      appliedLayoutOverridesRef.current = nextLayoutOverrides;\n      measureTreeGridPerf(id, 'apply layout', layoutApplyStartedAt, {\n        disableBodyReload: Boolean(shouldApplyBodyData),\n      });\n    }\n\n    if (shouldApplyBodyData) {\n      const reloadSequence = bodyReloadSequenceRef.current + 1;\n      const runBodyReload = () => {\n        const bodyDataToApply = stagedBodyDataPropRef.current;\n\n        bodyReloadStartTimeoutRef.current = undefined;\n        bodyReloadStartedAtRef.current = getTreeGridPerfTimestamp();\n        countTreeGridPerf(id, 'reload');\n        logTreeGridPerf(id, 'ReloadBody start', {\n          bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n        });\n\n        replaceTreeGridBodyData(treeGrid, bodyDataToApply, () => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          appliedBodyDataPropRef.current = bodyDataToApply;\n          syncHasDisplayDataRows(treeGrid);\n          measureTreeGridPerf(id, 'ReloadBody end', bodyReloadStartedAtRef.current, {\n            bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n          });\n          bodyReloadStartedAtRef.current = null;\n\n          if (stagedBodyDataPropRef.current === bodyDataToApply) {\n            stagedBodyDataPropRef.current = undefined;\n            hasStagedBodyDataPropRef.current = false;\n          }\n\n          const startedAt = bindingLoadingStartedAtRef.current;\n\n          if (!showLoading || startedAt === null) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          const remainingVisibleTime = Math.max(\n            0,\n            TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS - (Date.now() - startedAt),\n          );\n\n          clearBindingLoadingHideTimeout();\n\n          if (remainingVisibleTime === 0) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          bindingLoadingHideTimeoutRef.current = window.setTimeout(() => {\n            if (bodyReloadSequenceRef.current !== reloadSequence) {\n              return;\n            }\n\n            bindingLoadingHideTimeoutRef.current = undefined;\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n          }, remainingVisibleTime);\n        });\n      };\n\n      bodyReloadSequenceRef.current = reloadSequence;\n      stagedBodyDataPropRef.current = nextBodyData;\n      hasStagedBodyDataPropRef.current = true;\n\n      if (showLoading && nextBodyData !== undefined) {\n        clearBodyReloadStartTimeout();\n        clearBindingLoadingHideTimeout();\n        bindingLoadingStartedAtRef.current = Date.now();\n        setIsBindingLoadingVisible(true);\n        bodyReloadStartTimeoutRef.current = window.setTimeout(() => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          runBodyReload();\n        }, 0);\n      } else {\n        runBodyReload();\n      }\n    }\n\n    if (shouldApplyColumnEditRules) {\n      syncTreeGridColumnEditRules(\n        treeGrid,\n        latestColumnEditRuleLookupRef.current,\n        columnEditRulesStateRef.current,\n      );\n      appliedColumnEditRulesRef.current = nextColumnEditRules;\n    }\n  }, [isTreeGridReady, layoutOverrides, data, columnEditRules, showLoading, id]);\n\n  useEffect(() => {\n    return () => {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n    };\n  }, []);\n\n  const resolvedContainerStyle: TreeGridThemeContainerStyle = createTreeGridThemeContainerStyle({\n    width,\n    height,\n    treeGridTheme,\n    gridThemeConfig: currentGridThemeConfig,\n    containerStyle,\n  });\n\n  if (showLoading || isNoDataVisible) {\n    resolvedContainerStyle.position =\n      containerStyle?.position && containerStyle.position !== 'static'\n        ? containerStyle.position\n        : 'relative';\n    resolvedContainerStyle.isolation = 'isolate';\n  }\n\n  return (\n    <div\n      ref={treeGridContainerRef}\n      className={[TREE_GRID_THEME_WRAPPER_CLASS, containerClassName].filter(Boolean).join(' ')}\n      style={resolvedContainerStyle}\n    >\n      <GlobalStyles styles={treeGridThemeStyles} />\n      <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n      <OwpTreeGridNoDataOverlay\n        visible={isNoDataVisible}\n        message={t('Message.조회된 결과가 없습니다.')}\n        overlayFrame={overlayFrame}\n      />\n      <OwpTreeGridLoadingOverlay visible={isLoadingOverlayVisible} overlayFrame={overlayFrame} />\n    </div>\n  );\n};\n\nexport { OwpTreeGrid };\n"],"names":["OwpTreeGrid","__name","id","containerStyle","containerClassName","className","style","height","width","layoutUrl","layoutData","dataUrl","layoutOverrides","data","useDataUrl","onSelect","onRowClick","onRowAdd","onRowDelete","onRowUndelete","onRowChange","onClickButton","onSave","onReady","onAfterValueChanged","columnEditRules","highlightEditableCells","highlightChangedCells","loading","showLoading","t","useOwpTranslation","currentSettings","useGetCurrentSettings","currentGridThemeConfig","_b","_a","treeGridInstanceRef","useRef","treeGridContainerRef","treeGridInitStartedAtRef","bodyReloadStartedAtRef","latestLayoutOverridesRef","latestBodyDataPropRef","latestColumnEditRulesRef","latestColumnEditRuleLookupRef","resolveTreeGridColumnEditRuleLookup","latestEventHandlersRef","stagedBodyDataPropRef","hasStagedBodyDataPropRef","appliedLayoutOverridesRef","appliedBodyDataPropRef","appliedColumnEditRulesRef","columnEditRulesStateRef","createTreeGridColumnEditRulesState","hasAppliedInitialLayoutRef","bodyReloadSequenceRef","bindingLoadingStartedAtRef","bindingLoadingHideTimeoutRef","bodyReloadStartTimeoutRef","highlightEditableCellsRef","highlightChangedCellsRef","isTreeGridReady","setIsTreeGridReady","useState","isBindingLoadingVisible","setIsBindingLoadingVisible","hasDisplayDataRows","setHasDisplayDataRows","currentLanguage","useGetCurrentLanguage","treeGridTheme","useMemo","resolveOwpGridTheme","editableCellBackgroundColorValueRef","resolveTreeGridColorNumber","TREEGRID_INPUT_CELL_COLOR","changedCellBackgroundColorRef","TREEGRID_CELL_HIGHLIGHT_COLOR","selectedCellBackgroundColorRef","hoverCellBackgroundColorRef","currentLanguageIdRef","isPendingBodyReload","isLoadingOverlayVisible","isNoDataVisible","isEmpty","syncHasDisplayDataRows","grid","hasTreeGridDisplayDataRows","overlayFrame","useOwpTreeGridOverlayFrame","clearBindingLoadingHideTimeout","clearBodyReloadStartTimeout","useEffect","handleBodyRowsChanged","event","TREE_GRID_BODY_ROWS_CHANGED_EVENT","bindTreeGridEvents","getTreeGridPerfTimestamp","countTreeGridPerf","logTreeGridPerf","getTreeGridBodyDataCount","buildTreeGridInitializationOptions","delay","useLayoutEffect","treeGrid","nextLayoutOverrides","nextBodyData","nextColumnEditRules","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","shouldApplyColumnEditRules","layoutApplyStartedAt","applyTreeGridLayoutToGrid","measureTreeGridPerf","reloadSequence","runBodyReload","bodyDataToApply","replaceTreeGridBodyData","startedAt","remainingVisibleTime","TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS","syncTreeGridColumnEditRules","resolvedContainerStyle","createTreeGridThemeContainerStyle","jsxs","TREE_GRID_THEME_WRAPPER_CLASS","jsx","GlobalStyles","treeGridThemeStyles","omit","OwpTreeGridNoDataOverlay","OwpTreeGridLoadingOverlay"],"mappings":"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"}
+{"version":3,"file":"OwpTreeGrid.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGrid.tsx"],"sourcesContent":["import { resolveOwpGridTheme } from '@/constants/gridTheme';\nimport {\n  resolveTreeGridColorNumber,\n  TREEGRID_CELL_HIGHLIGHT_COLOR,\n  TREEGRID_INPUT_CELL_COLOR,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentLanguage } from '@/hooks/useCurrentLanguage';\nimport {\n  TREE_GRID_BODY_ROWS_CHANGED_EVENT,\n  type TreeGridBodyRowsChangedEventDetail,\n} from '@/utils/treeGridBodyRowsEvent';\nimport { delay, isEmpty, isEqual, omit } from 'es-toolkit/compat';\n// Temporary TreeGrid perf instrumentation import. Remove with ./internal/utils/perf after profiling is finished.\nimport {\n  countTreeGridPerf,\n  getTreeGridPerfTimestamp,\n  logTreeGridPerf,\n  measureTreeGridPerf,\n} from './internal/utils/perf';\nimport {\n  type CSSProperties,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useOwpTreeGridOverlayFrame } from './internal/hooks/useOwpTreeGridOverlayFrame';\nimport {\n  bindTreeGridEvents,\n  buildTreeGridInitializationOptions,\n  getTreeGridBodyDataCount,\n  hasTreeGridDisplayDataRows,\n  replaceTreeGridBodyData,\n  TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS,\n  type TreeGridEventHandlers,\n} from './internal/treeGridRuntime';\nimport { applyTreeGridLayoutToGrid } from './internal/treeGridLayout';\nimport { OwpTreeGridLoadingOverlay } from './internal/OwpTreeGridLoadingOverlay';\nimport { OwpTreeGridNoDataOverlay } from './internal/OwpTreeGridNoDataOverlay';\nimport {\n  createTreeGridColumnEditRulesState,\n  resolveTreeGridColumnEditRuleLookup,\n  syncTreeGridColumnEditRules,\n} from './internal/treeGridColumnEditRules';\nimport {\n  createTreeGridThemeContainerStyle,\n  TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n  TREE_GRID_THEME_WRAPPER_CLASS,\n  treeGridThemeStyles,\n  type TreeGridThemeContainerStyle,\n} from './internal/treeGridTheme';\n\ntype TreeGridLayoutScalarValue = string | number;\ntype TreeGridNestedLayoutFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridLayoutFields = Record<string, TreeGridLayoutScalarValue | TreeGridNestedLayoutFields>;\ntype TreeGridSectionFields = Record<string, TreeGridLayoutScalarValue>;\n\nexport interface OwpTreeGridLayout {\n  Header?: TreeGridLayoutFields;\n  Toolbar?: TreeGridSectionFields;\n  Foot?: TreeGridSectionFields;\n}\n\nexport type OwpTreeGridLayoutConfig = OwpTreeGridLayout;\nexport type THeader = OwpTreeGridLayoutConfig;\nexport type OwpTreeGridBodyData<T> = Record<string, never> | [] | undefined | T[];\nexport type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;\nexport type TData<T> = OwpTreeGridBodyData<T>;\nexport type OwpTreeGridRowModel<T> = TRow & T;\nexport type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];\nexport type OwpTreeGridColumnEditPreset = 'hourMinute';\n\nexport interface OwpTreeGridColumnEditRule {\n  columns: readonly string[];\n  preset: OwpTreeGridColumnEditPreset;\n}\n\ntype OwpTreeGridSelectHandler<T> = (selectedRows: OwpTreeGridSelectedRows<T>) => void;\ntype OwpTreeGridRowAddHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridRowDeleteHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  deleteType: number,\n) => void;\ntype OwpTreeGridRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridButtonClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  event: Event,\n) => void;\ntype OwpTreeGridRowClickHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  x: number,\n  y: number,\n  event: Event,\n) => void;\ntype OwpTreeGridSaveHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  autoupdate: boolean | number,\n) => void;\ntype OwpTreeGridCellValue = unknown;\ntype OwpTreeGridAfterValueChangedHandler<T> = (\n  grid: TGrid,\n  row: OwpTreeGridRowModel<T>,\n  col: string,\n  value: OwpTreeGridCellValue,\n) => void;\n\nexport interface OwpTreeGridProps<T> {\n  id: string;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n  toolbarRowBackgroundColor?: CSSProperties['backgroundColor'];\n  layoutUrl?: string;\n  layoutData?: string;\n  dataUrl?: string;\n  layoutOverrides?: OwpTreeGridLayoutConfig;\n  data?: OwpTreeGridBodyData<T>;\n  style?: CSSProperties;\n  height?: string | number;\n  width?: string | number;\n  canUseTableRadius?: boolean;\n  tableBorderRadius?: string | number;\n  useDataUrl?: boolean;\n  onSelect?: OwpTreeGridSelectHandler<T>;\n  onRowAdd?: OwpTreeGridRowAddHandler<T>;\n  onRowDelete?: OwpTreeGridRowDeleteHandler<T>;\n  onRowUndelete?: OwpTreeGridRowUndeleteHandler<T>;\n  onRowChange?: OwpTreeGridAfterValueChangedHandler<T>;\n  onClickButton?: OwpTreeGridButtonClickHandler<T>;\n  onReady?: (grid: TGrid) => void;\n  onRowClick?: OwpTreeGridRowClickHandler<T>;\n  onSave?: OwpTreeGridSaveHandler<T>;\n  onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;\n  columnEditRules?: readonly OwpTreeGridColumnEditRule[];\n  highlightEditableCells?: boolean;\n  highlightChangedCells?: boolean;\n  loading?: boolean;\n  showLoading?: boolean;\n}\n\n/**\n * OwpTreeGrid 컴포넌트\n * @param id 식별자\n * @param containerStyle containerStyle 값\n * @param containerClassName containerClassName 값\n * @param toolbarRowBackgroundColor 하단 Toolbar row 배경색\n * @param className CSS 클래스명\n * @param style 스타일 객체\n * @param height height 값\n * @param canUseTableRadius TreeGrid 내부 테이블 radius 사용 여부\n * @param tableBorderRadius TreeGrid 내부 테이블 radius 값\n */\nconst OwpTreeGrid = <T,>({\n  id = 'treeGridWrapper',\n  containerStyle,\n  containerClassName,\n  toolbarRowBackgroundColor,\n  className,\n  style,\n  height = '100%',\n  width = '100%',\n  canUseTableRadius = false,\n  tableBorderRadius = '.8rem',\n  layoutUrl,\n  layoutData,\n  dataUrl,\n  layoutOverrides,\n  data,\n  useDataUrl,\n  onSelect,\n  onRowClick,\n  onRowAdd,\n  onRowDelete,\n  onRowUndelete,\n  onRowChange,\n  onClickButton,\n  onSave,\n  onReady,\n  onAfterValueChanged,\n  columnEditRules,\n  highlightEditableCells = true,\n  highlightChangedCells = true,\n  loading,\n  showLoading = true,\n}: OwpTreeGridProps<T>) => {\n  const { t } = useOwpTranslation();\n  const currentSettings = useGetCurrentSettings();\n  const currentGridThemeConfig = currentSettings?.theme?.main?.grid;\n  const treeGridInstanceRef = useRef<TGrid>(null);\n  const treeGridContainerRef = useRef<HTMLDivElement | null>(null);\n  const treeGridInitStartedAtRef = useRef<number | null>(null);\n  const bodyReloadStartedAtRef = useRef<number | null>(null);\n  const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(layoutOverrides);\n  const latestBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(data);\n  const latestColumnEditRulesRef = useRef<readonly OwpTreeGridColumnEditRule[] | undefined>(\n    columnEditRules,\n  );\n  const latestColumnEditRuleLookupRef = useRef(\n    resolveTreeGridColumnEditRuleLookup(columnEditRules, {\n      hourMinuteInvalidText: t('Message.시간은 HH:mm 형식으로 입력해주세요.'),\n    }),\n  );\n  const latestEventHandlersRef = useRef<TreeGridEventHandlers<T>>({\n    onSelect,\n    onRowClick,\n    onRowAdd,\n    onRowDelete,\n    onRowUndelete,\n    onRowChange,\n    onClickButton,\n    onSave,\n    onReady,\n    onAfterValueChanged,\n  });\n  const stagedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n  const hasStagedBodyDataPropRef = useRef(false);\n  const appliedLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(undefined);\n  const appliedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n  const appliedColumnEditRulesRef = useRef<readonly OwpTreeGridColumnEditRule[] | undefined>(\n    undefined,\n  );\n  const columnEditRulesStateRef = useRef(createTreeGridColumnEditRulesState());\n  const hasAppliedInitialLayoutRef = useRef(false);\n  const bodyReloadSequenceRef = useRef(0);\n  const bindingLoadingStartedAtRef = useRef<number | null>(null);\n  const bindingLoadingHideTimeoutRef = useRef<number | undefined>(undefined);\n  const bodyReloadStartTimeoutRef = useRef<number | undefined>(undefined);\n  const highlightEditableCellsRef = useRef(highlightEditableCells);\n  const highlightChangedCellsRef = useRef(highlightChangedCells);\n  const [isTreeGridReady, setIsTreeGridReady] = useState(false);\n  const [isBindingLoadingVisible, setIsBindingLoadingVisible] = useState(false);\n  const [hasDisplayDataRows, setHasDisplayDataRows] = useState(false);\n  const currentLanguage = useGetCurrentLanguage();\n  const treeGridTheme = useMemo(\n    () => resolveOwpGridTheme(currentGridThemeConfig),\n    [currentGridThemeConfig],\n  );\n  const editableCellBackgroundColorValueRef = useRef(\n    resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n      resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR),\n  );\n  const changedCellBackgroundColorRef = useRef(\n    treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR,\n  );\n  const selectedCellBackgroundColorRef = useRef(treeGridTheme.state.selectedCellBackgroundColor);\n  const hoverCellBackgroundColorRef = useRef(treeGridTheme.state.hoverCellBackgroundColor);\n  const currentLanguageIdRef = useRef(currentLanguage.id);\n  const isPendingBodyReload =\n    showLoading &&\n    data !== undefined &&\n    isTreeGridReady &&\n    appliedBodyDataPropRef.current !== data;\n  const isInternalLoadingVisible = showLoading && (isBindingLoadingVisible || isPendingBodyReload);\n  const isLoadingOverlayVisible = (showLoading && loading === true) || isInternalLoadingVisible;\n  const isNoDataVisible =\n    !isLoadingOverlayVisible && data !== undefined && isEmpty(data) && !hasDisplayDataRows;\n\n  const syncHasDisplayDataRows = (grid: TGrid | null) => {\n    setHasDisplayDataRows(hasTreeGridDisplayDataRows(grid));\n  };\n\n  latestLayoutOverridesRef.current = layoutOverrides;\n  latestBodyDataPropRef.current = data;\n  latestColumnEditRulesRef.current = columnEditRules;\n  latestColumnEditRuleLookupRef.current = resolveTreeGridColumnEditRuleLookup(columnEditRules, {\n    hourMinuteInvalidText: t('Message.시간은 HH:mm 형식으로 입력해주세요.'),\n  });\n  highlightEditableCellsRef.current = highlightEditableCells;\n  highlightChangedCellsRef.current = highlightChangedCells;\n  editableCellBackgroundColorValueRef.current =\n    resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n    resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR);\n  changedCellBackgroundColorRef.current =\n    treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR;\n  selectedCellBackgroundColorRef.current = treeGridTheme.state.selectedCellBackgroundColor;\n  hoverCellBackgroundColorRef.current = treeGridTheme.state.hoverCellBackgroundColor;\n  latestEventHandlersRef.current = {\n    onSelect,\n    onRowClick,\n    onRowAdd,\n    onRowDelete,\n    onRowUndelete,\n    onRowChange,\n    onClickButton,\n    onSave,\n    onReady,\n    onAfterValueChanged,\n  };\n\n  const overlayFrame = useOwpTreeGridOverlayFrame({\n    visible: isLoadingOverlayVisible || isNoDataVisible,\n    containerRef: treeGridContainerRef,\n    treeGridInstanceRef,\n    debugId: id,\n  });\n\n  const clearBindingLoadingHideTimeout = () => {\n    if (bindingLoadingHideTimeoutRef.current !== undefined) {\n      window.clearTimeout(bindingLoadingHideTimeoutRef.current);\n      bindingLoadingHideTimeoutRef.current = undefined;\n    }\n  };\n\n  const clearBodyReloadStartTimeout = () => {\n    if (bodyReloadStartTimeoutRef.current !== undefined) {\n      window.clearTimeout(bodyReloadStartTimeoutRef.current);\n      bodyReloadStartTimeoutRef.current = undefined;\n    }\n  };\n\n  useEffect(() => {\n    const handleBodyRowsChanged = (event: Event) => {\n      const customEvent = event as CustomEvent<TreeGridBodyRowsChangedEventDetail>;\n\n      if (customEvent.detail?.gridId !== id) {\n        return;\n      }\n\n      setHasDisplayDataRows(hasTreeGridDisplayDataRows(treeGridInstanceRef.current));\n    };\n\n    window.addEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n\n    return () => {\n      window.removeEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n    };\n  }, [id]);\n\n  useEffect(() => {\n    if (!showLoading) {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n      bindingLoadingStartedAtRef.current = null;\n      setIsBindingLoadingVisible(false);\n    }\n  }, [showLoading]);\n\n  useEffect(() => {\n    if (\n      currentLanguage.id !== currentLanguageIdRef.current &&\n      !isEmpty(treeGridInstanceRef.current)\n    ) {\n      treeGridInstanceRef.current?.Dispose();\n      treeGridInstanceRef.current = null;\n      currentLanguageIdRef.current = currentLanguage.id;\n    }\n\n    if (!isEmpty(treeGridInstanceRef.current)) {\n      return;\n    }\n\n    bindTreeGridEvents({\n      id,\n      latestEventHandlersRef,\n      highlightEditableCellsRef,\n      highlightChangedCellsRef,\n      editableCellBackgroundColorValueRef,\n      changedCellBackgroundColorRef,\n      selectedCellBackgroundColorRef,\n      hoverCellBackgroundColorRef,\n      treeGridInstanceRef,\n      treeGridInitStartedAtRef,\n      latestLayoutOverridesRef,\n      appliedLayoutOverridesRef,\n      appliedBodyDataPropRef,\n      latestColumnEditRulesRef,\n      latestColumnEditRuleLookupRef,\n      appliedColumnEditRulesRef,\n      columnEditRulesStateRef,\n      hasAppliedInitialLayoutRef,\n      syncHasDisplayDataRows,\n      setIsTreeGridReady,\n    });\n\n    treeGridInitStartedAtRef.current = getTreeGridPerfTimestamp();\n    countTreeGridPerf(id, 'init');\n    logTreeGridPerf(id, 'TreeGrid init start', {\n      useDataUrl: Boolean(useDataUrl),\n      bodyRowCount: getTreeGridBodyDataCount(data),\n    });\n\n    window.TreeGrid(\n      buildTreeGridInitializationOptions({\n        id,\n        layoutUrl,\n        layoutData,\n        dataUrl,\n        bodyData: data,\n        useDataUrl,\n        width,\n        height,\n        languageId: currentLanguage.id,\n      }),\n      id,\n      id,\n    );\n\n    return () => {\n      delay(() => {\n        treeGridInstanceRef.current?.Dispose();\n      }, 200);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useLayoutEffect(() => {\n    const treeGrid = treeGridInstanceRef.current;\n    const nextLayoutOverrides = latestLayoutOverridesRef.current;\n    const nextBodyData = latestBodyDataPropRef.current;\n    const nextColumnEditRules = latestColumnEditRulesRef.current;\n\n    if (isEmpty(treeGrid) || !isTreeGridReady) {\n      return;\n    }\n\n    const shouldApplyLayoutOverrides =\n      appliedLayoutOverridesRef.current !== nextLayoutOverrides &&\n      !isEqual(appliedLayoutOverridesRef.current, nextLayoutOverrides);\n    const shouldApplyBodyData =\n      appliedBodyDataPropRef.current !== nextBodyData &&\n      (!hasStagedBodyDataPropRef.current || stagedBodyDataPropRef.current !== nextBodyData);\n    const shouldApplyColumnEditRules =\n      appliedColumnEditRulesRef.current !== nextColumnEditRules &&\n      !isEqual(appliedColumnEditRulesRef.current, nextColumnEditRules);\n\n    if (!shouldApplyLayoutOverrides && !shouldApplyBodyData && !shouldApplyColumnEditRules) {\n      return;\n    }\n\n    if (shouldApplyLayoutOverrides) {\n      const layoutApplyStartedAt = getTreeGridPerfTimestamp();\n\n      applyTreeGridLayoutToGrid(treeGrid, nextLayoutOverrides, shouldApplyBodyData);\n      appliedLayoutOverridesRef.current = nextLayoutOverrides;\n      measureTreeGridPerf(id, 'apply layout', layoutApplyStartedAt, {\n        disableBodyReload: Boolean(shouldApplyBodyData),\n      });\n    }\n\n    if (shouldApplyBodyData) {\n      const reloadSequence = bodyReloadSequenceRef.current + 1;\n      const runBodyReload = () => {\n        const bodyDataToApply = stagedBodyDataPropRef.current;\n\n        bodyReloadStartTimeoutRef.current = undefined;\n        bodyReloadStartedAtRef.current = getTreeGridPerfTimestamp();\n        countTreeGridPerf(id, 'reload');\n        logTreeGridPerf(id, 'ReloadBody start', {\n          bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n        });\n\n        replaceTreeGridBodyData(treeGrid, bodyDataToApply, () => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          appliedBodyDataPropRef.current = bodyDataToApply;\n          syncHasDisplayDataRows(treeGrid);\n          measureTreeGridPerf(id, 'ReloadBody end', bodyReloadStartedAtRef.current, {\n            bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n          });\n          bodyReloadStartedAtRef.current = null;\n\n          if (stagedBodyDataPropRef.current === bodyDataToApply) {\n            stagedBodyDataPropRef.current = undefined;\n            hasStagedBodyDataPropRef.current = false;\n          }\n\n          const startedAt = bindingLoadingStartedAtRef.current;\n\n          if (!showLoading || startedAt === null) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          const remainingVisibleTime = Math.max(\n            0,\n            TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS - (Date.now() - startedAt),\n          );\n\n          clearBindingLoadingHideTimeout();\n\n          if (remainingVisibleTime === 0) {\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n            return;\n          }\n\n          bindingLoadingHideTimeoutRef.current = window.setTimeout(() => {\n            if (bodyReloadSequenceRef.current !== reloadSequence) {\n              return;\n            }\n\n            bindingLoadingHideTimeoutRef.current = undefined;\n            bindingLoadingStartedAtRef.current = null;\n            setIsBindingLoadingVisible(false);\n          }, remainingVisibleTime);\n        });\n      };\n\n      bodyReloadSequenceRef.current = reloadSequence;\n      stagedBodyDataPropRef.current = nextBodyData;\n      hasStagedBodyDataPropRef.current = true;\n\n      if (showLoading && nextBodyData !== undefined) {\n        clearBodyReloadStartTimeout();\n        clearBindingLoadingHideTimeout();\n        bindingLoadingStartedAtRef.current = Date.now();\n        setIsBindingLoadingVisible(true);\n        bodyReloadStartTimeoutRef.current = window.setTimeout(() => {\n          if (bodyReloadSequenceRef.current !== reloadSequence) {\n            return;\n          }\n\n          runBodyReload();\n        }, 0);\n      } else {\n        runBodyReload();\n      }\n    }\n\n    if (shouldApplyColumnEditRules) {\n      syncTreeGridColumnEditRules(\n        treeGrid,\n        latestColumnEditRuleLookupRef.current,\n        columnEditRulesStateRef.current,\n      );\n      appliedColumnEditRulesRef.current = nextColumnEditRules;\n    }\n  }, [isTreeGridReady, layoutOverrides, data, columnEditRules, showLoading, id]);\n\n  useEffect(() => {\n    return () => {\n      clearBodyReloadStartTimeout();\n      clearBindingLoadingHideTimeout();\n    };\n  }, []);\n\n  const resolvedContainerStyle: TreeGridThemeContainerStyle = createTreeGridThemeContainerStyle({\n    width,\n    height,\n    treeGridTheme,\n    gridThemeConfig: currentGridThemeConfig,\n    containerStyle,\n    tableBorderRadius: canUseTableRadius ? tableBorderRadius : undefined,\n  });\n\n  if (toolbarRowBackgroundColor !== undefined) {\n    resolvedContainerStyle['--owp-tree-grid-toolbar-row-background-color'] =\n      String(toolbarRowBackgroundColor);\n  }\n\n  if (showLoading || isNoDataVisible) {\n    resolvedContainerStyle.position =\n      containerStyle?.position && containerStyle.position !== 'static'\n        ? containerStyle.position\n        : 'relative';\n    resolvedContainerStyle.isolation = 'isolate';\n  }\n\n  return (\n    <div\n      ref={treeGridContainerRef}\n      className={[\n        TREE_GRID_THEME_WRAPPER_CLASS,\n        canUseTableRadius && TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n        containerClassName,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={resolvedContainerStyle}\n    >\n      <GlobalStyles styles={treeGridThemeStyles} />\n      <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n      <OwpTreeGridNoDataOverlay\n        visible={isNoDataVisible}\n        message={t('Message.조회된 결과가 없습니다.')}\n        overlayFrame={overlayFrame}\n      />\n      <OwpTreeGridLoadingOverlay visible={isLoadingOverlayVisible} overlayFrame={overlayFrame} />\n    </div>\n  );\n};\n\nexport { OwpTreeGrid };\n"],"names":["OwpTreeGrid","__name","id","containerStyle","containerClassName","toolbarRowBackgroundColor","className","style","height","width","canUseTableRadius","tableBorderRadius","layoutUrl","layoutData","dataUrl","layoutOverrides","data","useDataUrl","onSelect","onRowClick","onRowAdd","onRowDelete","onRowUndelete","onRowChange","onClickButton","onSave","onReady","onAfterValueChanged","columnEditRules","highlightEditableCells","highlightChangedCells","loading","showLoading","t","useOwpTranslation","currentSettings","useGetCurrentSettings","currentGridThemeConfig","_b","_a","treeGridInstanceRef","useRef","treeGridContainerRef","treeGridInitStartedAtRef","bodyReloadStartedAtRef","latestLayoutOverridesRef","latestBodyDataPropRef","latestColumnEditRulesRef","latestColumnEditRuleLookupRef","resolveTreeGridColumnEditRuleLookup","latestEventHandlersRef","stagedBodyDataPropRef","hasStagedBodyDataPropRef","appliedLayoutOverridesRef","appliedBodyDataPropRef","appliedColumnEditRulesRef","columnEditRulesStateRef","createTreeGridColumnEditRulesState","hasAppliedInitialLayoutRef","bodyReloadSequenceRef","bindingLoadingStartedAtRef","bindingLoadingHideTimeoutRef","bodyReloadStartTimeoutRef","highlightEditableCellsRef","highlightChangedCellsRef","isTreeGridReady","setIsTreeGridReady","useState","isBindingLoadingVisible","setIsBindingLoadingVisible","hasDisplayDataRows","setHasDisplayDataRows","currentLanguage","useGetCurrentLanguage","treeGridTheme","useMemo","resolveOwpGridTheme","editableCellBackgroundColorValueRef","resolveTreeGridColorNumber","TREEGRID_INPUT_CELL_COLOR","changedCellBackgroundColorRef","TREEGRID_CELL_HIGHLIGHT_COLOR","selectedCellBackgroundColorRef","hoverCellBackgroundColorRef","currentLanguageIdRef","isPendingBodyReload","isLoadingOverlayVisible","isNoDataVisible","isEmpty","syncHasDisplayDataRows","grid","hasTreeGridDisplayDataRows","overlayFrame","useOwpTreeGridOverlayFrame","clearBindingLoadingHideTimeout","clearBodyReloadStartTimeout","useEffect","handleBodyRowsChanged","event","TREE_GRID_BODY_ROWS_CHANGED_EVENT","bindTreeGridEvents","getTreeGridPerfTimestamp","countTreeGridPerf","logTreeGridPerf","getTreeGridBodyDataCount","buildTreeGridInitializationOptions","delay","useLayoutEffect","treeGrid","nextLayoutOverrides","nextBodyData","nextColumnEditRules","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","shouldApplyColumnEditRules","layoutApplyStartedAt","applyTreeGridLayoutToGrid","measureTreeGridPerf","reloadSequence","runBodyReload","bodyDataToApply","replaceTreeGridBodyData","startedAt","remainingVisibleTime","TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS","syncTreeGridColumnEditRules","resolvedContainerStyle","createTreeGridThemeContainerStyle","jsxs","TREE_GRID_THEME_WRAPPER_CLASS","TREE_GRID_THEME_TABLE_RADIUS_CLASS","jsx","GlobalStyles","treeGridThemeStyles","omit","OwpTreeGridNoDataOverlay","OwpTreeGridLoadingOverlay"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkKA,MAAMA,KAAc,gBAAAC,EAAA,CAAK;AAAA,EACvB,IAAAC,IAAK;AAAA,EACL,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,mBAAAC,KAAoB;AAAA,EACpB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,wBAAAC,KAAyB;AAAA,EACzB,uBAAAC,KAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,MAA2B;;AACzB,QAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAkBC,GAAA,GAClBC,KAAyBC,MAAAC,KAAAJ,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAI,GAAwB,SAAxB,gBAAAD,GAA8B,MACvDE,IAAsBC,EAAc,IAAI,GACxCC,KAAuBD,EAA8B,IAAI,GACzDE,KAA2BF,EAAsB,IAAI,GACrDG,IAAyBH,EAAsB,IAAI,GACnDI,IAA2BJ,EAA4C1B,CAAe,GACtF+B,KAAwBL,EAA+BzB,CAAI,GAC3D+B,IAA2BN;AAAA,IAC/Bb;AAAA,EAAA,GAEIoB,IAAgCP;AAAA,IACpCQ,GAAoCrB,GAAiB;AAAA,MACnD,uBAAuBK,EAAE,gCAAgC;AAAA,IAAA,CAC1D;AAAA,EAAA,GAEGiB,KAAyBT,EAAiC;AAAA,IAC9D,UAAAvB;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,CACD,GACKwB,IAAwBV,EAA+B,MAAS,GAChEW,IAA2BX,EAAO,EAAK,GACvCY,IAA4BZ,EAA4C,MAAS,GACjFa,IAAyBb,EAA+B,MAAS,GACjEc,IAA4Bd;AAAA,IAChC;AAAA,EAAA,GAEIe,KAA0Bf,EAAOgB,IAAoC,GACrEC,KAA6BjB,EAAO,EAAK,GACzCkB,IAAwBlB,EAAO,CAAC,GAChCmB,IAA6BnB,EAAsB,IAAI,GACvDoB,IAA+BpB,EAA2B,MAAS,GACnEqB,IAA4BrB,EAA2B,MAAS,GAChEsB,KAA4BtB,EAAOZ,EAAsB,GACzDmC,KAA2BvB,EAAOX,EAAqB,GACvD,CAACmC,GAAiBC,EAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,IAAyBC,CAA0B,IAAIF,EAAS,EAAK,GACtE,CAACG,IAAoBC,EAAqB,IAAIJ,EAAS,EAAK,GAC5DK,IAAkBC,GAAA,GAClBC,IAAgBC;AAAA,IACpB,MAAMC,GAAoBvC,CAAsB;AAAA,IAChD,CAACA,CAAsB;AAAA,EAAA,GAEnBwC,KAAsCpC;AAAA,IAC1CqC,EAA2BJ,EAAc,SAAS,eAAe,KAC/DI,EAA2BC,EAAyB;AAAA,EAAA,GAElDC,KAAgCvC;AAAA,IACpCiC,EAAc,QAAQ,mBAAmBO;AAAA,EAAA,GAErCC,KAAiCzC,EAAOiC,EAAc,MAAM,2BAA2B,GACvFS,KAA8B1C,EAAOiC,EAAc,MAAM,wBAAwB,GACjFU,KAAuB3C,EAAO+B,EAAgB,EAAE,GAChDa,KACJrD,KACAhB,MAAS,UACTiD,KACAX,EAAuB,YAAYtC,GAE/BsE,IAA2BtD,KAAeD,OAAY,MAD3BC,MAAgBoC,MAA2BiB,KAEtEE,IACJ,CAACD,KAA2BtE,MAAS,UAAawE,EAAQxE,CAAI,KAAK,CAACsD,IAEhEmB,KAAyB,gBAAAxF,EAAA,CAACyF,MAAuB;AACrD,IAAAnB,GAAsBoB,GAA2BD,CAAI,CAAC;AAAA,EACxD,GAF+B;AAI/B,EAAA7C,EAAyB,UAAU9B,GACnC+B,GAAsB,UAAU9B,GAChC+B,EAAyB,UAAUnB,GACnCoB,EAA8B,UAAUC,GAAoCrB,GAAiB;AAAA,IAC3F,uBAAuBK,EAAE,gCAAgC;AAAA,EAAA,CAC1D,GACD8B,GAA0B,UAAUlC,IACpCmC,GAAyB,UAAUlC,IACnC+C,GAAoC,UAClCC,EAA2BJ,EAAc,SAAS,eAAe,KACjEI,EAA2BC,EAAyB,GACtDC,GAA8B,UAC5BN,EAAc,QAAQ,mBAAmBO,IAC3CC,GAA+B,UAAUR,EAAc,MAAM,6BAC7DS,GAA4B,UAAUT,EAAc,MAAM,0BAC1DxB,GAAuB,UAAU;AAAA,IAC/B,UAAAhC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA;AAGF,QAAMiE,KAAeC,GAA2B;AAAA,IAC9C,SAASP,KAA2BC;AAAA,IACpC,cAAc7C;AAAA,IACd,qBAAAF;AAAA,IACA,SAAStC;AAAA,EAAA,CACV,GAEK4F,IAAiC,gBAAA7F,EAAA,MAAM;AAC3C,IAAI4D,EAA6B,YAAY,WAC3C,OAAO,aAAaA,EAA6B,OAAO,GACxDA,EAA6B,UAAU;AAAA,EAE3C,GALuC,mCAOjCkC,IAA8B,gBAAA9F,EAAA,MAAM;AACxC,IAAI6D,EAA0B,YAAY,WACxC,OAAO,aAAaA,EAA0B,OAAO,GACrDA,EAA0B,UAAU;AAAA,EAExC,GALoC;AAOpC,EAAAkC,EAAU,MAAM;AACd,UAAMC,IAAwB,gBAAAhG,EAAA,CAACiG,MAAiB;;AAG9C,QAAI3D,IAFgB2D,EAEJ,WAAZ,gBAAA3D,EAAoB,YAAWrC,KAInCqE,GAAsBoB,GAA2BnD,EAAoB,OAAO,CAAC;AAAA,IAC/E,GAR8B;AAU9B,kBAAO,iBAAiB2D,IAAmCF,CAAqB,GAEzE,MAAM;AACX,aAAO,oBAAoBE,IAAmCF,CAAqB;AAAA,IACrF;AAAA,EACF,GAAG,CAAC/F,CAAE,CAAC,GAEP8F,EAAU,MAAM;AACd,IAAKhE,MACH+D,EAAA,GACAD,EAAA,GACAlC,EAA2B,UAAU,MACrCS,EAA2B,EAAK;AAAA,EAEpC,GAAG,CAACrC,CAAW,CAAC,GAEhBgE,EAAU,MAAM;;AAUd,QARExB,EAAgB,OAAOY,GAAqB,WAC5C,CAACI,EAAQhD,EAAoB,OAAO,OAEpCD,IAAAC,EAAoB,YAApB,QAAAD,EAA6B,WAC7BC,EAAoB,UAAU,MAC9B4C,GAAqB,UAAUZ,EAAgB,KAG7C,EAACgB,EAAQhD,EAAoB,OAAO;AAIxC,aAAA4D,GAAmB;AAAA,QACjB,IAAAlG;AAAA,QACA,wBAAAgD;AAAA,QACA,2BAAAa;AAAA,QACA,0BAAAC;AAAA,QACA,qCAAAa;AAAA,QACA,+BAAAG;AAAA,QACA,gCAAAE;AAAA,QACA,6BAAAC;AAAA,QACA,qBAAA3C;AAAA,QACA,0BAAAG;AAAA,QACA,0BAAAE;AAAA,QACA,2BAAAQ;AAAA,QACA,wBAAAC;AAAA,QACA,0BAAAP;AAAA,QACA,+BAAAC;AAAA,QACA,2BAAAO;AAAA,QACA,yBAAAC;AAAA,QACA,4BAAAE;AAAA,QACA,wBAAA+B;AAAA,QACA,oBAAAvB;AAAA,MAAA,CACD,GAEDvB,GAAyB,UAAU0D,EAAA,GACnCC,GAAkBpG,GAAI,MAAM,GAC5BqG,GAAgBrG,GAAI,uBAAuB;AAAA,QACzC,YAAY,EAAQe;AAAA,QACpB,cAAcuF,EAAyBxF,CAAI;AAAA,MAAA,CAC5C,GAED,OAAO;AAAA,QACLyF,GAAmC;AAAA,UACjC,IAAAvG;AAAA,UACA,WAAAU;AAAA,UACA,YAAAC;AAAA,UACA,SAAAC;AAAA,UACA,UAAUE;AAAA,UACV,YAAAC;AAAA,UACA,OAAAR;AAAA,UACA,QAAAD;AAAA,UACA,YAAYgE,EAAgB;AAAA,QAAA,CAC7B;AAAA,QACDtE;AAAA,QACAA;AAAA,MAAA,GAGK,MAAM;AACX,QAAAwG,GAAM,MAAM;;AACV,WAAAnE,IAAAC,EAAoB,YAApB,QAAAD,EAA6B;AAAA,QAC/B,GAAG,GAAG;AAAA,MACR;AAAA,EAEF,GAAG,CAAA,CAAE,GAELoE,GAAgB,MAAM;AACpB,UAAMC,IAAWpE,EAAoB,SAC/BqE,IAAsBhE,EAAyB,SAC/CiE,IAAehE,GAAsB,SACrCiE,IAAsBhE,EAAyB;AAErD,QAAIyC,EAAQoB,CAAQ,KAAK,CAAC3C;AACxB;AAGF,UAAM+C,KACJ3D,EAA0B,YAAYwD,KACtC,CAACI,GAAQ5D,EAA0B,SAASwD,CAAmB,GAC3DK,IACJ5D,EAAuB,YAAYwD,MAClC,CAAC1D,EAAyB,WAAWD,EAAsB,YAAY2D,IACpEK,KACJ5D,EAA0B,YAAYwD,KACtC,CAACE,GAAQ1D,EAA0B,SAASwD,CAAmB;AAEjE,QAAI,GAACC,MAA8B,CAACE,KAAuB,CAACC,KAI5D;AAAA,UAAIH,IAA4B;AAC9B,cAAMI,IAAuBf,EAAA;AAE7B,QAAAgB,GAA0BT,GAAUC,GAAqBK,CAAmB,GAC5E7D,EAA0B,UAAUwD,GACpCS,GAAoBpH,GAAI,gBAAgBkH,GAAsB;AAAA,UAC5D,mBAAmB,EAAQF;AAAA,QAAmB,CAC/C;AAAA,MACH;AAEA,UAAIA,GAAqB;AACvB,cAAMK,IAAiB5D,EAAsB,UAAU,GACjD6D,KAAgB,gBAAAvH,EAAA,MAAM;AAC1B,gBAAMwH,IAAkBtE,EAAsB;AAE9C,UAAAW,EAA0B,UAAU,QACpClB,EAAuB,UAAUyD,EAAA,GACjCC,GAAkBpG,GAAI,QAAQ,GAC9BqG,GAAgBrG,GAAI,oBAAoB;AAAA,YACtC,cAAcsG,EAAyBiB,CAAe;AAAA,UAAA,CACvD,GAEDC,GAAwBd,GAAUa,GAAiB,MAAM;AACvD,gBAAI9D,EAAsB,YAAY4D;AACpC;AAGF,YAAAjE,EAAuB,UAAUmE,GACjChC,GAAuBmB,CAAQ,GAC/BU,GAAoBpH,GAAI,kBAAkB0C,EAAuB,SAAS;AAAA,cACxE,cAAc4D,EAAyBiB,CAAe;AAAA,YAAA,CACvD,GACD7E,EAAuB,UAAU,MAE7BO,EAAsB,YAAYsE,MACpCtE,EAAsB,UAAU,QAChCC,EAAyB,UAAU;AAGrC,kBAAMuE,KAAY/D,EAA2B;AAE7C,gBAAI,CAAC5B,KAAe2F,OAAc,MAAM;AACtC,cAAA/D,EAA2B,UAAU,MACrCS,EAA2B,EAAK;AAChC;AAAA,YACF;AAEA,kBAAMuD,KAAuB,KAAK;AAAA,cAChC;AAAA,cACAC,MAA4C,KAAK,IAAA,IAAQF;AAAA,YAAA;AAK3D,gBAFA7B,EAAA,GAEI8B,OAAyB,GAAG;AAC9B,cAAAhE,EAA2B,UAAU,MACrCS,EAA2B,EAAK;AAChC;AAAA,YACF;AAEA,YAAAR,EAA6B,UAAU,OAAO,WAAW,MAAM;AAC7D,cAAIF,EAAsB,YAAY4D,MAItC1D,EAA6B,UAAU,QACvCD,EAA2B,UAAU,MACrCS,EAA2B,EAAK;AAAA,YAClC,GAAGuD,EAAoB;AAAA,UACzB,CAAC;AAAA,QACH,GA1DsB;AA4DtB,QAAAjE,EAAsB,UAAU4D,GAChCpE,EAAsB,UAAU2D,GAChC1D,EAAyB,UAAU,IAE/BpB,KAAe8E,MAAiB,UAClCf,EAAA,GACAD,EAAA,GACAlC,EAA2B,UAAU,KAAK,IAAA,GAC1CS,EAA2B,EAAI,GAC/BP,EAA0B,UAAU,OAAO,WAAW,MAAM;AAC1D,UAAIH,EAAsB,YAAY4D,KAItCC,GAAA;AAAA,QACF,GAAG,CAAC,KAEJA,GAAA;AAAA,MAEJ;AAEA,MAAIL,OACFW;AAAA,QACElB;AAAA,QACA5D,EAA8B;AAAA,QAC9BQ,GAAwB;AAAA,MAAA,GAE1BD,EAA0B,UAAUwD;AAAA;AAAA,EAExC,GAAG,CAAC9C,GAAiBlD,GAAiBC,GAAMY,GAAiBI,GAAa9B,CAAE,CAAC,GAE7E8F,EAAU,MACD,MAAM;AACX,IAAAD,EAAA,GACAD,EAAA;AAAA,EACF,GACC,CAAA,CAAE;AAEL,QAAMiC,IAAsDC,GAAkC;AAAA,IAC5F,OAAAvH;AAAA,IACA,QAAAD;AAAA,IACA,eAAAkE;AAAA,IACA,iBAAiBrC;AAAA,IACjB,gBAAAlC;AAAA,IACA,mBAAmBO,IAAoBC,KAAoB;AAAA,EAAA,CAC5D;AAED,SAAIN,MAA8B,WAChC0H,EAAuB,8CAA8C,IACnE,OAAO1H,CAAyB,KAGhC2B,KAAeuD,OACjBwC,EAAuB,WACrB5H,KAAA,QAAAA,EAAgB,YAAYA,EAAe,aAAa,WACpDA,EAAe,WACf,YACN4H,EAAuB,YAAY,YAInC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKvF;AAAA,MACL,WAAW;AAAA,QACTwF;AAAA,QACAxH,KAAqByH;AAAA,QACrB/H;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO2H;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAK,EAACC,IAAA,EAAa,QAAQC,GAAA,CAAqB;AAAA,QAC3C,gBAAAF,EAAC,OAAA,EAAI,IAAAlI,GAAQ,WAAAI,IAAsB,OAAOiI,GAAKhI,IAAO,CAAC,UAAU,OAAO,CAAC,EAAA,CAAG;AAAA,QAC5E,gBAAA6H;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASjD;AAAA,YACT,SAAStD,EAAE,uBAAuB;AAAA,YAClC,cAAA2D;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAwC,EAACK,IAAA,EAA0B,SAASnD,GAAyB,cAAAM,GAAA,CAA4B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/F,GA/aoB;"}