@owp/core 2.1.6 → 2.2.0

package/dist/components/OwpTreeGrid/hooks/useOwpTreeGridOverlayFrame.js

@@ -0,0 +1,84 @@
+var O = Object.defineProperty;
+var l = (i, o) => O(i, "name", { value: o, configurable: !0 });
+import { useState as R, useLayoutEffect as y } from "react";
+import { isEqual as E } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+const T = 2147483646, D = 2147483647, g = /* @__PURE__ */ l((i, o) => {
+  const c = (o == null ? void 0 : o.MainTag) ?? i, a = Array.from(
+    c.querySelectorAll("table.TSMainTable")
+  );
+  return (a.length > 0 ? a : Array.from(c.querySelectorAll("table"))).reduce((e, t) => {
+    const n = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect();
+    return n.width <= 0 || n.height <= 0 ? e : d ? n.width * n.height > d.width * d.height ? t : e : t;
+  }, null);
+}, "getTreeGridMainTableElement"), A = /* @__PURE__ */ l((i, o) => {
+  const s = i.getBoundingClientRect(), c = i.clientWidth || s.width, a = i.clientHeight || s.height, r = g(i, o);
+  if (!r)
+    return {
+      left: 0,
+      top: 0,
+      width: c,
+      height: a
+    };
+  const e = r.getBoundingClientRect();
+  return e.width <= 0 || e.height <= 0 ? {
+    left: 0,
+    top: 0,
+    width: c,
+    height: a
+  } : {
+    left: e.left - s.left,
+    top: e.top - s.top,
+    width: e.width,
+    height: e.height
+  };
+}, "getTreeGridOverlayFrame"), G = /* @__PURE__ */ l(({
+  visible: i,
+  containerRef: o,
+  treeGridInstanceRef: s
+}) => {
+  const [c, a] = R({
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0
+  });
+  return y(() => {
+    if (!i)
+      return;
+    const r = o.current;
+    if (!r)
+      return;
+    let e, t, n = null;
+    const d = { capture: !0 }, b = /* @__PURE__ */ l((h) => {
+      if (!t || n === h) {
+        n = h;
+        return;
+      }
+      n && t.unobserve(n), n = h, n && t.observe(n);
+    }, "syncObservedMainTableElement"), f = /* @__PURE__ */ l(() => {
+      const h = s.current, p = g(r, h), v = A(r, h);
+      b(p), a(
+        (w) => E(w, v) ? w : v
+      );
+    }, "updateOverlayFrame"), u = /* @__PURE__ */ l(() => {
+      e !== void 0 && window.cancelAnimationFrame(e), e = window.requestAnimationFrame(() => {
+        e = void 0, f();
+      });
+    }, "scheduleOverlayFrameUpdate");
+    typeof ResizeObserver < "u" && (t = new ResizeObserver(u), t.observe(r));
+    const m = new MutationObserver(u);
+    return m.observe(r, { childList: !0, subtree: !0 }), window.addEventListener("resize", u), r.addEventListener("scroll", u, d), f(), () => {
+      e !== void 0 && window.cancelAnimationFrame(e), window.removeEventListener("resize", u), r.removeEventListener(
+        "scroll",
+        u,
+        d
+      ), m.disconnect(), t && n && t.unobserve(n), t == null || t.disconnect();
+    };
+  }, [o, s, i]), c;
+}, "useOwpTreeGridOverlayFrame");
+export {
+  D as TREE_GRID_LOADING_OVERLAY_Z_INDEX,
+  T as TREE_GRID_NO_DATA_OVERLAY_Z_INDEX,
+  G as useOwpTreeGridOverlayFrame
+};
+//# sourceMappingURL=useOwpTreeGridOverlayFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOwpTreeGridOverlayFrame.js","sources":["../../../../src/components/OwpTreeGrid/hooks/useOwpTreeGridOverlayFrame.ts"],"sourcesContent":["import { isEqual } from 'es-toolkit/compat';\nimport { type RefObject, useLayoutEffect, useState } from 'react';\n\nexport type OwpTreeGridOverlayFrame = {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n};\n\ntype UseOwpTreeGridOverlayFrameInput = {\n  visible: boolean;\n  containerRef: RefObject<HTMLDivElement | null>;\n  treeGridInstanceRef: RefObject<TGrid>;\n};\n\nexport const TREE_GRID_NO_DATA_OVERLAY_Z_INDEX = 2147483646;\nexport const TREE_GRID_LOADING_OVERLAY_Z_INDEX = 2147483647;\n\nconst getTreeGridMainTableElement = (containerElement: HTMLDivElement, grid: TGrid | null) => {\n  const mainTagElement = grid?.MainTag as HTMLElement | null | undefined;\n  const scopedRootElement = mainTagElement ?? containerElement;\n  const mainTableElements = Array.from(\n    scopedRootElement.querySelectorAll<HTMLTableElement>('table.TSMainTable'),\n  );\n\n  const tableElements =\n    mainTableElements.length > 0\n      ? mainTableElements\n      : Array.from(scopedRootElement.querySelectorAll<HTMLTableElement>('table'));\n\n  return tableElements.reduce<HTMLTableElement | null>((largestTableElement, tableElement) => {\n    const tableRect = tableElement.getBoundingClientRect();\n    const largestTableRect = largestTableElement?.getBoundingClientRect();\n\n    if (tableRect.width <= 0 || tableRect.height <= 0) {\n      return largestTableElement;\n    }\n\n    if (!largestTableRect) {\n      return tableElement;\n    }\n\n    return tableRect.width * tableRect.height > largestTableRect.width * largestTableRect.height\n      ? tableElement\n      : largestTableElement;\n  }, null);\n};\n\nconst getTreeGridOverlayFrame = (\n  containerElement: HTMLDivElement,\n  grid: TGrid | null,\n): OwpTreeGridOverlayFrame => {\n  const containerRect = containerElement.getBoundingClientRect();\n  const fallbackWidth = containerElement.clientWidth || containerRect.width;\n  const fallbackHeight = containerElement.clientHeight || containerRect.height;\n  const mainTableElement = getTreeGridMainTableElement(containerElement, grid);\n\n  if (!mainTableElement) {\n    return {\n      left: 0,\n      top: 0,\n      width: fallbackWidth,\n      height: fallbackHeight,\n    };\n  }\n\n  const tableRect = mainTableElement.getBoundingClientRect();\n\n  if (tableRect.width <= 0 || tableRect.height <= 0) {\n    return {\n      left: 0,\n      top: 0,\n      width: fallbackWidth,\n      height: fallbackHeight,\n    };\n  }\n\n  return {\n    left: tableRect.left - containerRect.left,\n    top: tableRect.top - containerRect.top,\n    width: tableRect.width,\n    height: tableRect.height,\n  };\n};\n\n/**\n * TreeGrid overlay frame hook\n * @param visible overlay visibility\n * @param containerRef TreeGrid container ref\n * @param treeGridInstanceRef TreeGrid instance ref\n */\nconst useOwpTreeGridOverlayFrame = ({\n  visible,\n  containerRef,\n  treeGridInstanceRef,\n}: UseOwpTreeGridOverlayFrameInput) => {\n  const [overlayFrame, setOverlayFrame] = useState<OwpTreeGridOverlayFrame>({\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  });\n\n  useLayoutEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const containerElement = containerRef.current;\n\n    if (!containerElement) {\n      return;\n    }\n\n    let animationFrameId: number | undefined;\n    let resizeObserver: ResizeObserver | undefined;\n    let observedMainTableElement: HTMLTableElement | null = null;\n    const scrollListenerOptions = { capture: true } as const;\n\n    const syncObservedMainTableElement = (nextMainTableElement: HTMLTableElement | null) => {\n      if (!resizeObserver || observedMainTableElement === nextMainTableElement) {\n        observedMainTableElement = nextMainTableElement;\n        return;\n      }\n\n      if (observedMainTableElement) {\n        resizeObserver.unobserve(observedMainTableElement);\n      }\n\n      observedMainTableElement = nextMainTableElement;\n\n      if (observedMainTableElement) {\n        resizeObserver.observe(observedMainTableElement);\n      }\n    };\n\n    const updateOverlayFrame = () => {\n      const treeGrid = treeGridInstanceRef.current;\n      const mainTableElement = getTreeGridMainTableElement(containerElement, treeGrid);\n      const nextOverlayFrame = getTreeGridOverlayFrame(containerElement, treeGrid);\n\n      syncObservedMainTableElement(mainTableElement);\n\n      setOverlayFrame((currentOverlayFrame) =>\n        isEqual(currentOverlayFrame, nextOverlayFrame) ? currentOverlayFrame : nextOverlayFrame,\n      );\n    };\n\n    const scheduleOverlayFrameUpdate = () => {\n      if (animationFrameId !== undefined) {\n        window.cancelAnimationFrame(animationFrameId);\n      }\n\n      animationFrameId = window.requestAnimationFrame(() => {\n        animationFrameId = undefined;\n        updateOverlayFrame();\n      });\n    };\n\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(scheduleOverlayFrameUpdate);\n      resizeObserver.observe(containerElement);\n    }\n\n    const mutationObserver = new MutationObserver(scheduleOverlayFrameUpdate);\n    mutationObserver.observe(containerElement, { childList: true, subtree: true });\n    window.addEventListener('resize', scheduleOverlayFrameUpdate);\n    containerElement.addEventListener('scroll', scheduleOverlayFrameUpdate, scrollListenerOptions);\n    updateOverlayFrame();\n\n    return () => {\n      if (animationFrameId !== undefined) {\n        window.cancelAnimationFrame(animationFrameId);\n      }\n\n      window.removeEventListener('resize', scheduleOverlayFrameUpdate);\n      containerElement.removeEventListener(\n        'scroll',\n        scheduleOverlayFrameUpdate,\n        scrollListenerOptions,\n      );\n      mutationObserver.disconnect();\n\n      if (resizeObserver && observedMainTableElement) {\n        resizeObserver.unobserve(observedMainTableElement);\n      }\n\n      resizeObserver?.disconnect();\n    };\n  }, [containerRef, treeGridInstanceRef, visible]);\n\n  return overlayFrame;\n};\n\nexport { useOwpTreeGridOverlayFrame };\n"],"names":["TREE_GRID_NO_DATA_OVERLAY_Z_INDEX","TREE_GRID_LOADING_OVERLAY_Z_INDEX","getTreeGridMainTableElement","__name","containerElement","grid","scopedRootElement","mainTableElements","largestTableElement","tableElement","tableRect","largestTableRect","getTreeGridOverlayFrame","containerRect","fallbackWidth","fallbackHeight","mainTableElement","useOwpTreeGridOverlayFrame","visible","containerRef","treeGridInstanceRef","overlayFrame","setOverlayFrame","useState","useLayoutEffect","animationFrameId","resizeObserver","observedMainTableElement","scrollListenerOptions","syncObservedMainTableElement","nextMainTableElement","updateOverlayFrame","treeGrid","nextOverlayFrame","currentOverlayFrame","isEqual","scheduleOverlayFrameUpdate","mutationObserver"],"mappings":"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"}

package/dist/components/OwpTreeGrid/utils/index.js

@@ -0,0 +1,76 @@
+var O = Object.defineProperty;
+var u = (e, o) => O(e, "name", { value: o, configurable: !0 });
+import { isPlainObject as E } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
+const I = "Header", R = "Toolbar", _ = "Foot", p = "nextSibling", S = [
+  I,
+  R,
+  _
+], b = Object.prototype.hasOwnProperty;
+let f;
+const T = /* @__PURE__ */ u((e, o) => {
+  const n = e;
+  for (const t in o) {
+    if (!b.call(o, t) || t === p)
+      continue;
+    const r = o[t];
+    r !== void 0 && (n[t] = r);
+  }
+}, "assignTreeGridSectionFields"), m = /* @__PURE__ */ u((e, o) => {
+  if (!o || !(e != null && e.Header))
+    return;
+  let n = o[p], t = e.Header.nextSibling;
+  for (; n && t; )
+    T(t, n), n = n.nextSibling, t = t.nextSibling;
+}, "applyTreeGridSubHeaderLayoutText"), h = /* @__PURE__ */ u((e) => {
+  var o;
+  try {
+    if (!e || typeof DOMParser != "function")
+      return;
+    f ?? (f = new DOMParser());
+    const t = (o = f.parseFromString(e, "text/xml").documentElement) == null ? void 0 : o.children;
+    if (!(t != null && t.length))
+      return;
+    const r = new Array(t.length);
+    for (let s = 0; s < t.length; s += 1) {
+      const i = t[s].attributes, l = {};
+      for (let c = 0; c < i.length; c += 1) {
+        const a = i[c];
+        l[a.name] = a.value;
+      }
+      r[s] = l;
+    }
+    return r;
+  } catch (n) {
+    console.error(n);
+    return;
+  }
+}, "parseTreeGridXmlToJson"), H = /* @__PURE__ */ u((e, o, n) => {
+  var i, l;
+  if (!o || !e)
+    return;
+  const t = (((i = e == null ? void 0 : e.Header) == null ? void 0 : i.Block) ?? 0) > 0, r = o.Header, s = (l = e.Foot) == null ? void 0 : l.lastChild;
+  t && r && E(r) && m(e, r);
+  for (const c of S) {
+    const a = o[c];
+    if (!a || !E(a))
+      continue;
+    if (c === _ && s) {
+      T(s, a);
+      continue;
+    }
+    const d = e[c];
+    d && T(d, a);
+  }
+  n || e.ReloadBody();
+}, "applyTreeGridLayoutToGrid");
+export {
+  _ as TREE_GRID_FOOT_SECTION,
+  I as TREE_GRID_HEADER_SECTION,
+  S as TREE_GRID_LAYOUT_SECTION_KEYS,
+  p as TREE_GRID_NEXT_SIBLING_KEY,
+  R as TREE_GRID_TOOLBAR_SECTION,
+  H as applyTreeGridLayoutToGrid,
+  m as applyTreeGridSubHeaderLayoutText,
+  h as parseTreeGridXmlToJson
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/OwpTreeGrid/utils/index.ts"],"sourcesContent":["import { isPlainObject } from 'es-toolkit/compat';\nimport { type OwpTreeGridLayoutConfig } from '../OwpTreeGrid';\n\ntype TreeGridHeaderLayoutConfig = NonNullable<OwpTreeGridLayoutConfig['Header']>;\ntype TreeGridSectionConfig = Record<string, unknown>;\ntype TreeGridLayoutNode = TreeGridSectionConfig & { nextSibling?: TreeGridLayoutNode };\n\nexport const TREE_GRID_HEADER_SECTION = 'Header';\nexport const TREE_GRID_TOOLBAR_SECTION = 'Toolbar';\nexport const TREE_GRID_FOOT_SECTION = 'Foot';\nexport const TREE_GRID_NEXT_SIBLING_KEY = 'nextSibling';\nexport const TREE_GRID_LAYOUT_SECTION_KEYS = [\n  TREE_GRID_HEADER_SECTION,\n  TREE_GRID_TOOLBAR_SECTION,\n  TREE_GRID_FOOT_SECTION,\n] as const;\n\nexport const HEADER = TREE_GRID_HEADER_SECTION;\nexport const TOOLBAR = TREE_GRID_TOOLBAR_SECTION;\nexport const FOOTER = TREE_GRID_FOOT_SECTION;\nexport const NEXT_SIBLING = TREE_GRID_NEXT_SIBLING_KEY;\n\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\nlet treeGridXmlParser: DOMParser | undefined;\n\nconst assignTreeGridSectionFields = (\n  targetSection: TRow,\n  sectionConfig: TreeGridSectionConfig,\n) => {\n  const mutableTargetSection = targetSection as unknown as TreeGridSectionConfig;\n\n  for (const fieldName in sectionConfig) {\n    if (!hasOwnProperty.call(sectionConfig, fieldName) || fieldName === TREE_GRID_NEXT_SIBLING_KEY) {\n      continue;\n    }\n\n    const fieldValue = sectionConfig[fieldName];\n\n    if (fieldValue === undefined) {\n      continue;\n    }\n\n    mutableTargetSection[fieldName] = fieldValue;\n  }\n};\n\n/**\n * applyTreeGridSubHeaderLayoutText 적용 함수\n * @param grid TreeGrid 인스턴스\n * @param headerLayout headerLayout 값\n */\nexport const applyTreeGridSubHeaderLayoutText = (\n  grid: TTGrid,\n  headerLayout?: TreeGridHeaderLayoutConfig,\n) => {\n  if (!headerLayout || !grid?.Header) {\n    return;\n  }\n\n  let currentHeaderLayout = headerLayout[TREE_GRID_NEXT_SIBLING_KEY] as TreeGridLayoutNode | undefined;\n  let currentGridHeader = grid.Header.nextSibling;\n\n  while (currentHeaderLayout && currentGridHeader) {\n    assignTreeGridSectionFields(currentGridHeader, currentHeaderLayout);\n    currentHeaderLayout = currentHeaderLayout.nextSibling;\n    currentGridHeader = currentGridHeader.nextSibling;\n  }\n};\n\nexport const applySubHeaderLayoutTextToGrid = applyTreeGridSubHeaderLayoutText;\nexport const changeSubHeaderLayoutTextByGrid = applyTreeGridSubHeaderLayoutText;\n\n/**\n * parseTreeGridXmlToJson 파싱 함수\n * @param xmlString XML 문자열\n */\nexport const parseTreeGridXmlToJson = (xmlString?: string) => {\n  try {\n    if (!xmlString || typeof DOMParser !== 'function') {\n      return undefined;\n    }\n\n    treeGridXmlParser ??= new DOMParser();\n\n    const parsedXml = treeGridXmlParser.parseFromString(xmlString, 'text/xml');\n    const childElements = parsedXml.documentElement?.children;\n\n    if (!childElements?.length) {\n      return undefined;\n    }\n\n    const parsedItems = new Array<TreeGridSectionConfig>(childElements.length);\n\n    for (let nodeIndex = 0; nodeIndex < childElements.length; nodeIndex += 1) {\n      const attributes = childElements[nodeIndex].attributes;\n      const item: TreeGridSectionConfig = {};\n\n      for (let attrIndex = 0; attrIndex < attributes.length; attrIndex += 1) {\n        const attribute = attributes[attrIndex];\n        item[attribute.name] = attribute.value;\n      }\n\n      parsedItems[nodeIndex] = item;\n    }\n\n    return parsedItems;\n  } catch (error) {\n    console.error(error);\n    return undefined;\n  }\n};\nexport const convertXmlToJson = parseTreeGridXmlToJson;\n\n/**\n * applyTreeGridLayoutToGrid 적용 함수\n * @param grid TreeGrid 인스턴스\n * @param layoutConfig 레이아웃 설정\n * @param disableBodyReload disableBodyReload 값\n */\nexport const applyTreeGridLayoutToGrid = (\n  grid: TTGrid | TGrid,\n  layoutConfig?: OwpTreeGridLayoutConfig,\n  disableBodyReload?: boolean,\n) => {\n  if (!layoutConfig || !grid) {\n    return;\n  }\n\n  // @ts-expect-error - TreeGrid header block metadata is not declared in bundled types\n  const hasSubHeaderBlock = (grid?.Header?.Block ?? 0) > 0;\n  const headerLayout = layoutConfig.Header;\n  const footerRow = grid.Foot?.lastChild;\n\n  if (hasSubHeaderBlock && headerLayout && isPlainObject(headerLayout)) {\n    applyTreeGridSubHeaderLayoutText(grid, headerLayout);\n  }\n\n  for (const sectionKey of TREE_GRID_LAYOUT_SECTION_KEYS) {\n    const sectionLayout = layoutConfig[sectionKey] as TreeGridSectionConfig | undefined;\n\n    if (!sectionLayout || !isPlainObject(sectionLayout)) {\n      continue;\n    }\n\n    if (sectionKey === TREE_GRID_FOOT_SECTION && footerRow) {\n      assignTreeGridSectionFields(footerRow, sectionLayout);\n      continue;\n    }\n\n    const sectionTarget = grid[sectionKey];\n\n    if (!sectionTarget) {\n      continue;\n    }\n\n    assignTreeGridSectionFields(sectionTarget, sectionLayout);\n  }\n\n  if (!disableBodyReload) {\n    grid.ReloadBody();\n  }\n};\n\nexport const updateLayoutByGrid = applyTreeGridLayoutToGrid;\nexport const applyTreeGridLayoutByGrid = applyTreeGridLayoutToGrid;\n"],"names":["TREE_GRID_HEADER_SECTION","TREE_GRID_TOOLBAR_SECTION","TREE_GRID_FOOT_SECTION","TREE_GRID_NEXT_SIBLING_KEY","TREE_GRID_LAYOUT_SECTION_KEYS","hasOwnProperty","treeGridXmlParser","assignTreeGridSectionFields","__name","targetSection","sectionConfig","mutableTargetSection","fieldName","fieldValue","applyTreeGridSubHeaderLayoutText","grid","headerLayout","currentHeaderLayout","currentGridHeader","parseTreeGridXmlToJson","xmlString","childElements","_a","parsedItems","nodeIndex","attributes","item","attrIndex","attribute","error","applyTreeGridLayoutToGrid","layoutConfig","disableBodyReload","hasSubHeaderBlock","footerRow","_b","isPlainObject","sectionKey","sectionLayout","sectionTarget"],"mappings":";;;AAOO,MAAMA,IAA2B,UAC3BC,IAA4B,WAC5BC,IAAyB,QACzBC,IAA6B,eAC7BC,IAAgC;AAAA,EAC3CJ;AAAA,EACAC;AAAA,EACAC;AACF,GAOMG,IAAiB,OAAO,UAAU;AACxC,IAAIC;AAEJ,MAAMC,IAA8B,gBAAAC,EAAA,CAClCC,GACAC,MACG;AACH,QAAMC,IAAuBF;AAE7B,aAAWG,KAAaF,GAAe;AACrC,QAAI,CAACL,EAAe,KAAKK,GAAeE,CAAS,KAAKA,MAAcT;AAClE;AAGF,UAAMU,IAAaH,EAAcE,CAAS;AAE1C,IAAIC,MAAe,WAInBF,EAAqBC,CAAS,IAAIC;AAAA,EACpC;AACF,GAnBoC,gCA0BvBC,IAAmC,gBAAAN,EAAA,CAC9CO,GACAC,MACG;AACH,MAAI,CAACA,KAAgB,EAACD,KAAA,QAAAA,EAAM;AAC1B;AAGF,MAAIE,IAAsBD,EAAab,CAA0B,GAC7De,IAAoBH,EAAK,OAAO;AAEpC,SAAOE,KAAuBC;AAC5B,IAAAX,EAA4BW,GAAmBD,CAAmB,GAClEA,IAAsBA,EAAoB,aAC1CC,IAAoBA,EAAkB;AAE1C,GAhBgD,qCAyBnCC,IAAyB,gBAAAX,EAAA,CAACY,MAAuB;;AAC5D,MAAI;AACF,QAAI,CAACA,KAAa,OAAO,aAAc;AACrC;AAGF,IAAAd,UAAsB,IAAI,UAAA;AAG1B,UAAMe,KAAgBC,IADJhB,EAAkB,gBAAgBc,GAAW,UAAU,EACzC,oBAAV,gBAAAE,EAA2B;AAEjD,QAAI,EAACD,KAAA,QAAAA,EAAe;AAClB;AAGF,UAAME,IAAc,IAAI,MAA6BF,EAAc,MAAM;AAEzE,aAASG,IAAY,GAAGA,IAAYH,EAAc,QAAQG,KAAa,GAAG;AACxE,YAAMC,IAAaJ,EAAcG,CAAS,EAAE,YACtCE,IAA8B,CAAA;AAEpC,eAASC,IAAY,GAAGA,IAAYF,EAAW,QAAQE,KAAa,GAAG;AACrE,cAAMC,IAAYH,EAAWE,CAAS;AACtC,QAAAD,EAAKE,EAAU,IAAI,IAAIA,EAAU;AAAA,MACnC;AAEA,MAAAL,EAAYC,CAAS,IAAIE;AAAA,IAC3B;AAEA,WAAOH;AAAA,EACT,SAASM,GAAO;AACd,YAAQ,MAAMA,CAAK;AACnB;AAAA,EACF;AACF,GAlCsC,2BA2CzBC,IAA4B,gBAAAtB,EAAA,CACvCO,GACAgB,GACAC,MACG;;AACH,MAAI,CAACD,KAAgB,CAAChB;AACpB;AAIF,QAAMkB,OAAqBX,IAAAP,KAAA,gBAAAA,EAAM,WAAN,gBAAAO,EAAc,UAAS,KAAK,GACjDN,IAAee,EAAa,QAC5BG,KAAYC,IAAApB,EAAK,SAAL,gBAAAoB,EAAW;AAE7B,EAAIF,KAAqBjB,KAAgBoB,EAAcpB,CAAY,KACjEF,EAAiCC,GAAMC,CAAY;AAGrD,aAAWqB,KAAcjC,GAA+B;AACtD,UAAMkC,IAAgBP,EAAaM,CAAU;AAE7C,QAAI,CAACC,KAAiB,CAACF,EAAcE,CAAa;AAChD;AAGF,QAAID,MAAenC,KAA0BgC,GAAW;AACtD,MAAA3B,EAA4B2B,GAAWI,CAAa;AACpD;AAAA,IACF;AAEA,UAAMC,IAAgBxB,EAAKsB,CAAU;AAErC,IAAKE,KAILhC,EAA4BgC,GAAeD,CAAa;AAAA,EAC1D;AAEA,EAAKN,KACHjB,EAAK,WAAA;AAET,GA1CyC;"}

package/dist/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js

@@ -0,0 +1,35 @@
+var u = Object.defineProperty;
+var e = (t, r) => u(t, "name", { value: r, configurable: !0 });
+import { jsx as m } 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 { useOwpTranslation as x } from "../../hooks/useOwpTranslation.js";
+import { useTreeGridExcelExport as f } from "../../hooks/useTreeGridExcelExport.js";
+import { Button as B } from "@mui/material";
+const O = /* @__PURE__ */ e(({
+  gridId: t,
+  exportName: r,
+  children: a,
+  loading: n,
+  loadingPosition: c,
+  onClick: o,
+  ...p
+}) => {
+  const { t: d } = x(), { exportByTreeGrid: l, isExporting: i } = f(t);
+  return /* @__PURE__ */ m(
+    B,
+    {
+      variant: "contained",
+      color: "success",
+      ...p,
+      loading: !!(n || i),
+      loadingPosition: c ?? "start",
+      onClick: /* @__PURE__ */ e((s) => {
+        o == null || o(s), !(s.defaultPrevented || n || i) && l(r ?? t);
+      }, "handleClick"),
+      children: a ?? d("Button.엑셀 다운로드")
+    }
+  );
+}, "OwpTreeGridExcelButton");
+export {
+  O as OwpTreeGridExcelButton
+};
+//# sourceMappingURL=OwpTreeGridExcelButton.js.map

package/dist/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpTreeGridExcelButton.js","sources":["../../../src/components/OwpTreeGridExcelButton/OwpTreeGridExcelButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useTreeGridExcelExport } from '@/hooks/useTreeGridExcelExport';\nimport { Button, type ButtonProps } from '@mui/material';\nimport { type MouseEventHandler } from 'react';\n\nexport interface OwpTreeGridExcelButtonProps extends ButtonProps {\n  gridId: string;\n  exportName?: string;\n}\n\n/**\n * TreeGrid 엑셀 내보내기 버튼\n * @param gridId TreeGrid 인스턴스 ID\n * @param exportName 다운로드 파일명\n */\nconst OwpTreeGridExcelButton = ({\n  gridId,\n  exportName,\n  children,\n  loading,\n  loadingPosition,\n  onClick,\n  ...buttonProps\n}: OwpTreeGridExcelButtonProps) => {\n  const { t } = useOwpTranslation();\n  const { exportByTreeGrid, isExporting } = useTreeGridExcelExport(gridId);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || loading || isExporting) {\n      return;\n    }\n\n    void exportByTreeGrid(exportName ?? gridId);\n  };\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"success\"\n      {...buttonProps}\n      loading={Boolean(loading || isExporting)}\n      loadingPosition={loadingPosition ?? 'start'}\n      onClick={handleClick}\n    >\n      {children ?? t('Button.엑셀 다운로드')}\n    </Button>\n  );\n};\n\nexport { OwpTreeGridExcelButton };\n"],"names":["OwpTreeGridExcelButton","__name","gridId","exportName","children","loading","loadingPosition","onClick","buttonProps","t","useOwpTranslation","exportByTreeGrid","isExporting","useTreeGridExcelExport","jsx","Button","event"],"mappings":";;;;;;AAeA,MAAMA,IAAyB,gBAAAC,EAAA,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,kBAAAC,GAAkB,aAAAC,MAAgBC,EAAuBX,CAAM;AAYvE,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAGP;AAAA,MACJ,SAAS,GAAQH,KAAWO;AAAA,MAC5B,iBAAiBN,KAAmB;AAAA,MACpC,SAjBsD,gBAAAL,EAAA,CAACe,MAAU;AAGnE,QAFAT,KAAA,QAAAA,EAAUS,IAEN,EAAAA,EAAM,oBAAoBX,KAAWO,MAIpCD,EAAiBR,KAAcD,CAAM;AAAA,MAC5C,GAR0D;AAAA,MAmBrD,UAAAE,KAAYK,EAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGrC,GAlC+B;"}

package/dist/components/OwpYesNoSelector/OwpYesNoSelector.js

@@ -0,0 +1,22 @@
+var l = Object.defineProperty;
+var r = (o, e) => l(o, "name", { value: e, configurable: !0 });
+import { jsx as p } 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 { OwpOptionSelector as a } from "../OwpOptionSelector/OwpOptionSelector.js";
+const s = /* @__PURE__ */ r(({
+  yesLabel: o,
+  noLabel: e,
+  ...t
+}) => /* @__PURE__ */ p(
+  a,
+  {
+    ...t,
+    options: [
+      { value: "Y", label: o ?? "Y" },
+      { value: "N", label: e ?? "N" }
+    ]
+  }
+), "OwpYesNoSelector");
+export {
+  s as OwpYesNoSelector
+};
+//# sourceMappingURL=OwpYesNoSelector.js.map

package/dist/components/OwpYesNoSelector/OwpYesNoSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpYesNoSelector.js","sources":["../../../src/components/OwpYesNoSelector/OwpYesNoSelector.tsx"],"sourcesContent":["import {\n  OwpOptionSelector,\n  type OwpOptionSelectorProps,\n} from '@/components/OwpOptionSelector';\nimport { type ReactNode } from 'react';\n\nexport interface OwpYesNoSelectorProps\n  extends Omit<OwpOptionSelectorProps, 'options'> {\n  yesLabel?: ReactNode;\n  noLabel?: ReactNode;\n}\n\n/**\n * Y/N 선택 Select\n * @param label 입력 라벨\n * @param disableAllValueItem 전체 옵션 노출 여부\n * @param helperText 하단 안내 문구\n * @param yesLabel Y 항목 라벨\n * @param noLabel N 항목 라벨\n */\nconst OwpYesNoSelector = ({\n  yesLabel,\n  noLabel,\n  ...optionSelectorProps\n}: OwpYesNoSelectorProps) => {\n  return (\n    <OwpOptionSelector\n      {...optionSelectorProps}\n      options={[\n        { value: 'Y', label: yesLabel ?? 'Y' },\n        { value: 'N', label: noLabel ?? 'N' },\n      ]}\n    />\n  );\n};\n\nexport { OwpYesNoSelector };\n"],"names":["OwpYesNoSelector","__name","yesLabel","noLabel","optionSelectorProps","jsx","OwpOptionSelector"],"mappings":";;;;AAoBA,MAAMA,IAAmB,gBAAAC,EAAA,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAS;AAAA,MACP,EAAE,OAAO,KAAK,OAAOF,KAAY,IAAA;AAAA,MACjC,EAAE,OAAO,KAAK,OAAOC,KAAW,IAAA;AAAA,IAAI;AAAA,EACtC;AAAA,GAXmB;"}

package/dist/components/OwpZoomImageSlider/OwpZoomImageSlider.js

@@ -0,0 +1,66 @@
+var w = Object.defineProperty;
+var e = (c, d) => w(c, "name", { value: d, configurable: !0 });
+import { jsxs as o, 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 u from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowBackIosNew.js";
+import m from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowForwardIos.js";
+import { Stack as N, Button as t, Typography as a } from "@mui/material";
+import { clsx as x } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as k } from "react";
+import s from "./ZoomImage.js";
+const Z = /* @__PURE__ */ e(({
+  className: c,
+  imageHeight: d,
+  title: I,
+  rightActions: p,
+  isScannerPositionRight: v,
+  imageList: r
+}) => {
+  const [n, f] = k(0);
+  return /* @__PURE__ */ o("div", { className: x("flex flex-col gap-12 w-full", c), children: [
+    /* @__PURE__ */ o(N, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ l(a, { variant: "h6", children: I }),
+        /* @__PURE__ */ o("div", { className: "pl-20 flex gap-8", children: [
+          /* @__PURE__ */ l(
+            t,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: /* @__PURE__ */ e(() => f((h) => h - 1), "onClick"),
+              disabled: n === 0,
+              children: /* @__PURE__ */ l(u, {})
+            }
+          ),
+          /* @__PURE__ */ l(
+            t,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: /* @__PURE__ */ e(() => f((h) => h + 1), "onClick"),
+              disabled: !(r != null && r.length) || n === r.length - 1,
+              children: /* @__PURE__ */ l(m, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { className: x("flex items-center", !p && "mr-24"), children: !!(r != null && r.length) && /* @__PURE__ */ o(a, { variant: "h6", children: [
+        n + 1,
+        " / ",
+        r == null ? void 0 : r.length
+      ] }) }),
+      p
+    ] }),
+    !!(r != null && r.length) && /* @__PURE__ */ l(
+      s,
+      {
+        imageHeight: d,
+        isScannerPositionRight: v,
+        src: (r == null ? void 0 : r[n]) ?? ""
+      }
+    )
+  ] });
+}, "OwpZoomImageSlider");
+export {
+  Z as OwpZoomImageSlider
+};
+//# sourceMappingURL=OwpZoomImageSlider.js.map

package/dist/components/OwpZoomImageSlider/OwpZoomImageSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpZoomImageSlider.js","sources":["../../../src/components/OwpZoomImageSlider/OwpZoomImageSlider.tsx"],"sourcesContent":["import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport { Button, Stack, Typography } from '@mui/material';\nimport clsx from 'clsx';\nimport { ReactNode, useState } from 'react';\nimport ZoomImage from './ZoomImage';\n\ninterface OwpZoomImageSliderProps {\n  className?: string;\n  imageHeight?: number;\n  title?: ReactNode | string | undefined;\n  rightActions?: ReactNode | undefined;\n  isScannerPositionRight?: boolean;\n  imageList?: string[];\n}\n\n/**\n * OwpZoomImageSlider 컴포넌트\n * @param className CSS 클래스명\n * @param imageHeight imageHeight 값\n * @param title 제목\n * @param rightActions rightActions 값\n * @param isScannerPositionRight isScannerPositionRight 값\n * @param imageList imageList 목록\n */\nconst OwpZoomImageSlider = ({\n  className,\n  imageHeight,\n  title,\n  rightActions,\n  isScannerPositionRight,\n  imageList,\n}: OwpZoomImageSliderProps) => {\n  const [activeImageIndex, setActiveImageIndex] = useState(0);\n\n  return (\n    <div className={clsx('flex flex-col gap-12 w-full', className)}>\n      <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n        <div className=\"flex items-center\">\n          <Typography variant=\"h6\">{title}</Typography>\n          <div className=\"pl-20 flex gap-8\">\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={() => setActiveImageIndex((prev) => prev - 1)}\n              disabled={activeImageIndex === 0}\n            >\n              <ArrowBackIosNewIcon />\n            </Button>\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={() => setActiveImageIndex((prev) => prev + 1)}\n              disabled={!imageList?.length || activeImageIndex === imageList.length - 1}\n            >\n              <ArrowForwardIosIcon />\n            </Button>\n          </div>\n        </div>\n        <div className={clsx('flex items-center', !rightActions && 'mr-24')}>\n          {Boolean(imageList?.length) && (\n            <Typography variant=\"h6\">\n              {activeImageIndex + 1} / {imageList?.length}\n            </Typography>\n          )}\n        </div>\n        {rightActions}\n      </Stack>\n      {Boolean(imageList?.length) && (\n        <ZoomImage\n          imageHeight={imageHeight}\n          isScannerPositionRight={isScannerPositionRight}\n          src={imageList?.[activeImageIndex] ?? ''}\n        />\n      )}\n    </div>\n  );\n};\n\nexport { OwpZoomImageSlider };\n"],"names":["OwpZoomImageSlider","__name","className","imageHeight","title","rightActions","isScannerPositionRight","imageList","activeImageIndex","setActiveImageIndex","useState","clsx","jsxs","Stack","jsx","Typography","Button","prev","ArrowBackIosNewIcon","ArrowForwardIosIcon","ZoomImage"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAqB,gBAAAC,EAAA,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AAC7B,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,CAAC;AAE1D,2BACG,OAAA,EAAI,WAAWC,EAAK,+BAA+BT,CAAS,GAC3D,UAAA;AAAA,IAAA,gBAAAU,EAACC,KAAM,WAAU,OAAM,gBAAe,iBAAgB,YAAW,UAC/D,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,QAAA,gBAAAE,EAACC,GAAA,EAAW,SAAQ,MAAM,UAAAX,GAAM;AAAA,QAChC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,gBAAAf,EAAA,MAAMQ,EAAoB,CAACQ,MAASA,IAAO,CAAC,GAA5C;AAAA,cACT,UAAUT,MAAqB;AAAA,cAE/B,4BAACU,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvB,gBAAAJ;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,gBAAAf,EAAA,MAAMQ,EAAoB,CAACQ,MAASA,IAAO,CAAC,GAA5C;AAAA,cACT,UAAU,EAACV,KAAA,QAAAA,EAAW,WAAUC,MAAqBD,EAAU,SAAS;AAAA,cAExE,4BAACY,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CACF;AAAA,MAAA,GACF;AAAA,wBACC,OAAA,EAAI,WAAWR,EAAK,qBAAqB,CAACN,KAAgB,OAAO,GAC/D,UAAA,GAAQE,KAAA,QAAAA,EAAW,WAClB,gBAAAK,EAACG,GAAA,EAAW,SAAQ,MACjB,UAAA;AAAA,QAAAP,IAAmB;AAAA,QAAE;AAAA,QAAID,KAAA,gBAAAA,EAAW;AAAA,MAAA,EAAA,CACvC,EAAA,CAEJ;AAAA,MACCF;AAAA,IAAA,GACH;AAAA,IACC,GAAQE,KAAA,QAAAA,EAAW,WAClB,gBAAAO;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,aAAAjB;AAAA,QACA,wBAAAG;AAAA,QACA,MAAKC,KAAA,gBAAAA,EAAYC,OAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ,GApD2B;"}

package/dist/components/OwpZoomImageSlider/ZoomImage.js

@@ -0,0 +1,49 @@
+var k = Object.defineProperty;
+var t = (e, a) => k(e, "name", { value: a, configurable: !0 });
+import { jsx as o, jsxs 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 { useRef as L, useState as x } from "react";
+const l = 200, u = 200, r = 2, R = /* @__PURE__ */ t(({ position: e }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: "border border-gray-700 bg-white opacity-50 cursor-crosshair",
+    style: {
+      ...e,
+      position: "absolute",
+      zIndex: 1,
+      width: l,
+      height: u
+    }
+  }
+), "Scanner"), B = /* @__PURE__ */ t(({ imageHeight: e = 400, isScannerPositionRight: a, src: d }) => {
+  const n = L(null), [h, p] = x(), [M, m] = x({});
+  return /* @__PURE__ */ o("div", { className: "flex justify-center items-center w-full h-full", children: /* @__PURE__ */ I("div", { className: "relative", onMouseMove: /* @__PURE__ */ t((f) => {
+    if (!n.current) return;
+    const { left: v, top: y, width: c, height: b } = n.current.getBoundingClientRect(), $ = f.clientX - v, w = f.clientY - y;
+    let s = $ - l / 2, i = w - u / 2;
+    s = Math.max(0, Math.min(c - l, s)), i = Math.max(0, Math.min(b - u, i)), p({ left: s, top: i });
+    const g = n.current, z = g.width, S = g.height;
+    m({
+      position: "absolute",
+      [a ? "right" : "left"]: -(c < e ? e : c) - 20,
+      top: 0,
+      zIndex: 100,
+      backgroundImage: `url(${d})`,
+      backgroundPosition: `-${s * r}px -${i * r}px`,
+      backgroundSize: `${z * r}px ${S * r}px`,
+      backgroundRepeat: "no-repeat",
+      width: `${e}px`,
+      height: `${e}px`,
+      display: "block"
+    });
+  }, "handleMouseMove"), onMouseLeave: /* @__PURE__ */ t(() => {
+    p(null), m({ display: "none" });
+  }, "handleMouseLeave"), children: [
+    /* @__PURE__ */ o("img", { ref: n, style: { height: e }, src: d, alt: "zoom" }),
+    h && /* @__PURE__ */ o(R, { position: h }),
+    /* @__PURE__ */ o("div", { style: M })
+  ] }) });
+}, "ZoomImage");
+export {
+  B as default
+};
+//# sourceMappingURL=ZoomImage.js.map

package/dist/components/OwpZoomImageSlider/ZoomImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomImage.js","sources":["../../../src/components/OwpZoomImageSlider/ZoomImage.tsx"],"sourcesContent":["import { type MouseEvent, useRef, useState } from 'react';\n\ninterface Position {\n  left: number;\n  top: number;\n}\n\nconst scannerWidth = 200;\nconst scannerHeight = 200;\nconst zoomFactor = 2; // 200% 확대\n\nconst Scanner = ({ position }: { position: Position }) => {\n  return (\n    <div\n      className=\"border border-gray-700 bg-white opacity-50 cursor-crosshair\"\n      style={{\n        ...position,\n        position: 'absolute',\n        zIndex: 1,\n        width: scannerWidth,\n        height: scannerHeight,\n      }}\n    />\n  );\n};\n\ninterface ZoomImageProps {\n  imageHeight?: number;\n  src: string;\n  isScannerPositionRight?: boolean;\n}\n\nconst ZoomImage = ({ imageHeight = 400, isScannerPositionRight, src }: ZoomImageProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [scannerPosition, setScannerPosition] = useState<Position | null>();\n  const [zoomStyle, setZoomStyle] = useState({});\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!imageRef.current) return;\n\n    const { left, top, width, height } = imageRef.current.getBoundingClientRect();\n\n    \n    const x = e.clientX - left;\n    const y = e.clientY - top;\n\n    \n    let scannerLeft = x - scannerWidth / 2;\n    let scannerTop = y - scannerHeight / 2;\n\n    \n    scannerLeft = Math.max(0, Math.min(width - scannerWidth, scannerLeft));\n    scannerTop = Math.max(0, Math.min(height - scannerHeight, scannerTop));\n\n    setScannerPosition({ left: scannerLeft, top: scannerTop });\n\n    \n    const img = imageRef.current;\n    const imgWidth = img.width;\n    const imgHeight = img.height;\n    setZoomStyle({\n      position: 'absolute',\n      [isScannerPositionRight ? 'right' : 'left']:\n        -(width < imageHeight ? imageHeight : width) - 20,\n      top: 0,\n      zIndex: 100,\n      backgroundImage: `url(${src})`,\n      backgroundPosition: `-${scannerLeft * zoomFactor}px -${scannerTop * zoomFactor}px`,\n      backgroundSize: `${imgWidth * zoomFactor}px ${imgHeight * zoomFactor}px`,\n      backgroundRepeat: 'no-repeat',\n      width: `${imageHeight}px`,\n      height: `${imageHeight}px`,\n      display: 'block',\n    });\n  };\n\n  const handleMouseLeave = () => {\n    setScannerPosition(null);\n    setZoomStyle({ display: 'none' });\n  };\n\n  return (\n    <div className=\"flex justify-center items-center w-full h-full\">\n      <div className=\"relative\" onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>\n        <img ref={imageRef} style={{ height: imageHeight }} src={src} alt=\"zoom\" />\n        {scannerPosition && <Scanner position={scannerPosition} />}\n        <div style={zoomStyle} />\n      </div>\n    </div>\n  );\n};\n\nexport default ZoomImage;\n"],"names":["scannerWidth","scannerHeight","zoomFactor","Scanner","__name","position","jsx","ZoomImage","imageHeight","isScannerPositionRight","src","imageRef","useRef","scannerPosition","setScannerPosition","useState","zoomStyle","setZoomStyle","jsxs","e","left","top","width","height","x","y","scannerLeft","scannerTop","img","imgWidth","imgHeight"],"mappings":";;;;AAOA,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,GAEbC,IAAU,gBAAAC,EAAA,CAAC,EAAE,UAAAC,QAEf,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,GAAGD;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAOL;AAAA,MACP,QAAQC;AAAA,IAAA;AAAA,EACV;AAAA,GAVU,YAqBVM,IAAY,gBAAAH,EAAA,CAAC,EAAE,aAAAI,IAAc,KAAK,wBAAAC,GAAwB,KAAAC,QAA0B;AACxF,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAS,CAAA,CAAE;AA8C7C,SACE,gBAAAT,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,YAAW,aA9CN,gBAAAd,EAAA,CAACe,MAAkB;AACzC,QAAI,CAACR,EAAS,QAAS;AAEvB,UAAM,EAAE,MAAAS,GAAM,KAAAC,GAAK,OAAAC,GAAO,QAAAC,MAAWZ,EAAS,QAAQ,sBAAA,GAGhDa,IAAIL,EAAE,UAAUC,GAChBK,IAAIN,EAAE,UAAUE;AAGtB,QAAIK,IAAcF,IAAIxB,IAAe,GACjC2B,IAAaF,IAAIxB,IAAgB;AAGrC,IAAAyB,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,IAAQtB,GAAc0B,CAAW,CAAC,GACrEC,IAAa,KAAK,IAAI,GAAG,KAAK,IAAIJ,IAAStB,GAAe0B,CAAU,CAAC,GAErEb,EAAmB,EAAE,MAAMY,GAAa,KAAKC,GAAY;AAGzD,UAAMC,IAAMjB,EAAS,SACfkB,IAAWD,EAAI,OACfE,IAAYF,EAAI;AACtB,IAAAX,EAAa;AAAA,MACX,UAAU;AAAA,MACV,CAACR,IAAyB,UAAU,MAAM,GACxC,EAAEa,IAAQd,IAAcA,IAAcc,KAAS;AAAA,MACjD,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB,OAAOZ,CAAG;AAAA,MAC3B,oBAAoB,IAAIgB,IAAcxB,CAAU,OAAOyB,IAAazB,CAAU;AAAA,MAC9E,gBAAgB,GAAG2B,IAAW3B,CAAU,MAAM4B,IAAY5B,CAAU;AAAA,MACpE,kBAAkB;AAAA,MAClB,OAAO,GAAGM,CAAW;AAAA,MACrB,QAAQ,GAAGA,CAAW;AAAA,MACtB,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GArCwB,oBA8CoC,cAPnC,gBAAAJ,EAAA,MAAM;AAC7B,IAAAU,EAAmB,IAAI,GACvBG,EAAa,EAAE,SAAS,QAAQ;AAAA,EAClC,GAHyB,qBAQnB,UAAA;AAAA,IAAA,gBAAAX,EAAC,OAAA,EAAI,KAAKK,GAAU,OAAO,EAAE,QAAQH,EAAA,GAAe,KAAAE,GAAU,KAAI,OAAA,CAAO;AAAA,IACxEG,KAAmB,gBAAAP,EAACH,GAAA,EAAQ,UAAUU,EAAA,CAAiB;AAAA,IACxD,gBAAAP,EAAC,OAAA,EAAI,OAAOU,EAAA,CAAW;AAAA,EAAA,EAAA,CACzB,EAAA,CACF;AAEJ,GA1DkB;"}