@join-x5/react-data-grid 1.4.0 → 1.4.2

package/dist/TableInputCell/dropdown.es.js

@@ -1,40 +1,37 @@
 "use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import { forwardRef as m } from "@join-x5/react-theme";
-import { Select as C } from "@join-x5/react";
-import { TableCell as f } from "../TableCell/index.es.js";
-import { useDataGridInputCell as v } from "./hook.es.js";
-const w = m(({
-  inputProps: l,
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as d } from "@join-x5/react-theme";
+import { Select as u } from "@join-x5/react";
+import { TableCell as D } from "../TableCell/index.es.js";
+import { useDataGridInputCell as m } from "./hook.es.js";
+const C = d(({
+  inputProps: i,
   ...e
-}, c) => {
-  const a = (i) => {
-    var t;
-    (t = e.setIsActive) == null || t.call(e, i);
+}, n) => {
+  const l = (t) => {
+    e.setIsActive?.(t);
   };
-  return /* @__PURE__ */ d(f, { ref: c, padding: 0, ...e, onKeyDown: (i) => {
-    var n, D;
-    (n = e.onKeyDown) == null || n.call(e, i);
-    const t = i.code === "Enter" || i.code === "NumpadEnter";
-    !e.isDisabled && !e.isActive && t && ((D = e.setIsActive) == null || D.call(e, !0));
-  }, onClick: (i) => {
-    var t, n;
-    (t = e.onClick) == null || t.call(e, i), !e.isDisabled && !e.isActive && ((n = e.setIsActive) == null || n.call(e, !0));
-  }, children: /* @__PURE__ */ d(C, { isTable: !0, size: e.size, disabled: e.isDisabled, isOpen: e.isActive, setIsOpen: a, ...l }) });
-}), b = m((l, e) => {
+  return /* @__PURE__ */ s(D, { ref: n, padding: 0, ...e, onKeyDown: (t) => {
+    e.onKeyDown?.(t);
+    const o = t.code === "Enter" || t.code === "NumpadEnter";
+    !e.isDisabled && !e.isActive && o && e.setIsActive?.(!0);
+  }, onClick: (t) => {
+    e.onClick?.(t), !e.isDisabled && !e.isActive && e.setIsActive?.(!0);
+  }, children: /* @__PURE__ */ s(u, { isTable: !0, size: e.size, disabled: e.isDisabled, isOpen: e.isActive, setIsOpen: l, ...i }) });
+}), f = d((i, e) => {
   const {
-    cell: c,
-    getValue: a,
-    onChange: o,
-    ...u
-  } = l, i = v(c), t = u;
-  return t.value = a(c), t.onChange = (...n) => o(c, ...n), /* @__PURE__ */ d(w, { ref: e, ...i, inputProps: t });
-}), k = (l) => ({
+    cell: n,
+    getValue: l,
+    onChange: c,
+    ...r
+  } = i, t = m(n), o = r;
+  return o.value = l(n), o.onChange = (...a) => c(n, ...a), /* @__PURE__ */ s(C, { ref: e, ...t, inputProps: o });
+}), I = (i) => ({
   cell: e
-}) => /* @__PURE__ */ d(b, { cell: e, ...l }, e.id);
+}) => /* @__PURE__ */ s(f, { cell: e, ...i }, e.id);
 export {
-  b as DataGridDropdownCell,
-  w as DropdownCell,
-  k as getDataGridDropdownCell
+  f as DataGridDropdownCell,
+  C as DropdownCell,
+  I as getDataGridDropdownCell
 };
 //# sourceMappingURL=dropdown.es.js.map

package/dist/TableInputCell/dropdown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.es.js","sources":["../../src/TableInputCell/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef} from '@join-x5/react-theme';\nimport {Select} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {ChangeEvent, KeyboardEventHandler, MouseEventHandler} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DatepickerProps, SelectOption, SelectProps} from '@join-x5/react';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TDropdownCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: SelectProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const DropdownCell: TDropdownCell = forwardRef(({inputProps, ...props}, ref) => {\n  const setIsOpen: DatepickerProps['setIsOpen'] = newIsOpen => {\n    props.setIsActive?.(newIsOpen);\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    props.onClick?.(e);\n\n    if (!props.isDisabled && !props.isActive) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!props.isDisabled && !props.isActive && isEnterCode) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  return (\n    <TableCell ref={ref} padding={0} {...props} onKeyDown={onKeyDown} onClick={onClick}>\n      <Select\n        isTable\n        size={props.size}\n        disabled={props.isDisabled}\n        isOpen={props.isActive}\n        setIsOpen={setIsOpen}\n        {...inputProps}\n      />\n    </TableCell>\n  );\n});\n\nexport type DataGridDropdownCellProps<T = DefaultAny, V = DefaultAny, O = unknown> = {\n  getValue: (cell: ReactTableCell<T, V>) => SelectProps['value'];\n  onChange: (\n    cell: ReactTableCell<T, V>,\n    newValue: SelectProps['value'],\n    option?: SelectOption<O>,\n    event?: ChangeEvent<HTMLInputElement>\n  ) => void;\n} & Omit<SelectProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V>;\n\nexport const DataGridDropdownCell: FRC<HTMLTableCellElement, DataGridDropdownCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as SelectProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (...args) => onChange(cell, ...args);\n\n  return <DropdownCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n\nexport type GetDataGridDropdownCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDropdownCellProps<T, V>, 'cell'>;\n\nexport const getDataGridDropdownCell = <T, V>(args: GetDataGridDropdownCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => <DataGridDropdownCell key={cell.id} cell={cell} {...args} />;\n};\n"],"names":["inputProps","props","newIsOpen","cell","getValue","onChange","rest"],"mappings":";;;;;;AA0BO;AAAgD;AAACA;AAAoB;AAC1E;;AACEC;AAAoBC;AAqBtB;;AATED;AAEA;AAEA;AACsB;;AAbtBA;AAGsB;AA0B1B;AAcE;AAAM;AAACE;AAAMC;AAAUC;AAAaC;AAKpCN;AAIF;AAKU;AAACG;;;;;;"}
+{"version":3,"file":"dropdown.es.js","sources":["../../src/TableInputCell/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef} from '@join-x5/react-theme';\nimport {Select} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {ChangeEvent, KeyboardEventHandler, MouseEventHandler} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC} from '@join-x5/react-theme';\nimport type {DatepickerProps, SelectOption, SelectProps} from '@join-x5/react';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TDropdownCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: SelectProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const DropdownCell: TDropdownCell = forwardRef(({inputProps, ...props}, ref) => {\n  const setIsOpen: DatepickerProps['setIsOpen'] = newIsOpen => {\n    props.setIsActive?.(newIsOpen);\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    props.onClick?.(e);\n\n    if (!props.isDisabled && !props.isActive) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!props.isDisabled && !props.isActive && isEnterCode) {\n      props.setIsActive?.(true);\n    }\n  };\n\n  return (\n    <TableCell ref={ref} padding={0} {...props} onKeyDown={onKeyDown} onClick={onClick}>\n      <Select\n        isTable\n        size={props.size}\n        disabled={props.isDisabled}\n        isOpen={props.isActive}\n        setIsOpen={setIsOpen}\n        {...inputProps}\n      />\n    </TableCell>\n  );\n});\n\nexport type DataGridDropdownCellProps<T = DefaultAny, V = DefaultAny, O = unknown> = {\n  getValue: (cell: ReactTableCell<T, V>) => SelectProps['value'];\n  onChange: (\n    cell: ReactTableCell<T, V>,\n    newValue: SelectProps['value'],\n    option?: SelectOption<O>,\n    event?: ChangeEvent<HTMLInputElement>\n  ) => void;\n} & Omit<SelectProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V>;\n\nexport const DataGridDropdownCell: FRC<HTMLTableCellElement, DataGridDropdownCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as SelectProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (...args) => onChange(cell, ...args);\n\n  return <DropdownCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n\nexport type GetDataGridDropdownCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridDropdownCellProps<T, V>, 'cell'>;\n\nexport const getDataGridDropdownCell = <T, V>(args: GetDataGridDropdownCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => <DataGridDropdownCell key={cell.id} cell={cell} {...args} />;\n};\n"],"names":["inputProps","props","cell","getValue","onChange","rest"],"mappings":";;;;;;AA0BO;AAAgD;AAACA;AAAoB;AAC1E;AACEC;AAA6B;AAqB/B;AATEA;AAEA;AAEA;AAC0B;AAb1BA;AAG0B;AA0B9B;AAcE;AAAM;AAACC;AAAMC;AAAUC;AAAaC;AAKpCL;AAIF;AAKU;AAACE;;;;;;"}

package/dist/TableInputCell/hook.es.js

@@ -1,52 +1,49 @@
 "use client";
-import { useContext as d, useRef as C } from "react";
-import { useRefMerge as f } from "@join-x5/react-theme";
-import { DataGridContext as m } from "../DataGridContext.es.js";
-import { useDataGridTableCell as D } from "../TableCell/hook.es.js";
-const w = (t, u) => {
+import { useContext as a, useRef as d } from "react";
+import { useRefMerge as C } from "@join-x5/react-theme";
+import { DataGridContext as f } from "../DataGridContext.es.js";
+import { useDataGridTableCell as m } from "../TableCell/hook.es.js";
+const T = (e, i) => {
   const {
     isDisabled: o,
-    isActive: c,
-    setIsActive: i
-  } = t, l = f(u), s = C(null), r = () => {
-    const e = s.current;
-    o || !e || (i == null || i(!0), setTimeout(() => {
-      e.selectionStart = e.value.length, e.focus();
+    isActive: n,
+    setIsActive: s
+  } = e, c = C(i), l = d(null), r = () => {
+    const t = l.current;
+    o || !t || (s?.(!0), setTimeout(() => {
+      t.selectionStart = t.value.length, t.focus();
     }));
   };
   return {
     cellProps: {
-      ...t,
-      ref: l,
-      onClick: (e) => {
-        var n;
-        c || e.currentTarget.focus(), (n = t.onClick) == null || n.call(t, e);
+      ...e,
+      ref: c,
+      onClick: (t) => {
+        n || t.currentTarget.focus(), e.onClick?.(t);
       },
-      onDoubleClick: (e) => {
-        var n;
-        r(), (n = t.onDoubleClick) == null || n.call(t, e);
+      onDoubleClick: (t) => {
+        r(), e.onDoubleClick?.(t);
       },
-      onKeyDown: (e) => {
-        var a;
-        (a = t.onKeyDown) == null || a.call(t, e);
-        const n = e.code === "Enter" || e.code === "NumpadEnter";
-        !c && n && r();
+      onKeyDown: (t) => {
+        e.onKeyDown?.(t);
+        const u = t.code === "Enter" || t.code === "NumpadEnter";
+        !n && u && r();
       },
       "data-editable": o ? void 0 : !0
     },
-    ref: l,
-    inputRef: s
+    ref: c,
+    inputRef: l
   };
-}, y = (t) => {
-  const u = D(t), o = d(m), c = t.id === o.activeCell;
+}, E = (e) => {
+  const i = m(e), o = a(f), n = e.id === o.activeCell;
   return {
-    ...u,
-    isActive: c,
-    setIsActive: (l) => o.setActiveCell(l ? t.id : null)
+    ...i,
+    isActive: n,
+    setIsActive: (c) => o.setActiveCell(c ? e.id : null)
   };
 };
 export {
-  y as useDataGridInputCell,
-  w as useTableCellTextInput
+  E as useDataGridInputCell,
+  T as useTableCellTextInput
 };
 //# sourceMappingURL=hook.es.js.map

package/dist/TableInputCell/hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.es.js","sources":["../../src/TableInputCell/hook.ts"],"sourcesContent":["'use client';\n\nimport {useContext, useRef} from 'react';\nimport {useRefMerge} from '@join-x5/react-theme';\n\nimport {DataGridContext} from '../DataGridContext';\nimport {useDataGridTableCell} from '../TableCell/hook';\n\nimport type {KeyboardEventHandler, MouseEventHandler, Ref} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {TableCellProps} from 'TableCell';\n\nexport const useTableCellTextInput = <T extends HTMLInputElement | HTMLTextAreaElement>(\n  props: TableCellProps,\n  baseRef: Ref<HTMLTableCellElement>\n) => {\n  const {isDisabled, isActive, setIsActive} = props;\n\n  const ref = useRefMerge(baseRef);\n  const inputRef = useRef<T>(null);\n\n  const onEdit = () => {\n    const input = inputRef.current;\n    if (isDisabled || !input) {\n      return;\n    }\n\n    setIsActive?.(true);\n\n    setTimeout(() => {\n      input.selectionStart = input.value.length;\n      input.focus();\n    });\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    if (!isActive) {\n      e.currentTarget.focus();\n    }\n\n    props.onClick?.(e);\n  };\n\n  const onDoubleClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    onEdit();\n\n    props.onDoubleClick?.(e);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!isActive && isEnterCode) {\n      onEdit();\n    }\n  };\n\n  const cellProps = {\n    ...props,\n\n    ref,\n    onClick,\n    onDoubleClick,\n    onKeyDown,\n\n    'data-editable': !isDisabled ? true : undefined,\n  };\n\n  return {cellProps, ref, inputRef};\n};\n\nexport const useDataGridInputCell = (cell: ReactTableCell<unknown, unknown>) => {\n  const props = useDataGridTableCell(cell);\n  const context = useContext(DataGridContext);\n\n  const isActive = cell.id === context.activeCell;\n  const setIsActive = newIsActive => context.setActiveCell(newIsActive ? cell.id : null);\n\n  return {...props, isActive, setIsActive};\n};\n"],"names":["isDisabled","isActive","setIsActive","input","focus","props","ref","e","onEdit","undefined","inputRef"],"mappings":";;;;;AAYO;AAIL;AAAM;AAACA;AAAYC;AAAUC;AAM3B;AACA;AAOEC;AACMC;AACP;AAsCH;AAAO;AAXW;AACbC;AAEHC;;AA1BA;AAIgBC;AAClB;;AAGEC;AAEsBD;AACxB;;AAGEF;AAEA;AAEA;AACEG;AAEJ;AAUiC;AAAOC;AAGrBH;AAAKI;AAC1B;AAGE;AAMA;AAAO;AAAIL;AAAOJ;AAFmE;AAGvF;;;;;"}
+{"version":3,"file":"hook.es.js","sources":["../../src/TableInputCell/hook.ts"],"sourcesContent":["'use client';\n\nimport {useContext, useRef} from 'react';\nimport {useRefMerge} from '@join-x5/react-theme';\n\nimport {DataGridContext} from '../DataGridContext';\nimport {useDataGridTableCell} from '../TableCell/hook';\n\nimport type {KeyboardEventHandler, MouseEventHandler, Ref} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {TableCellProps} from 'TableCell';\n\nexport const useTableCellTextInput = <T extends HTMLInputElement | HTMLTextAreaElement>(\n  props: TableCellProps,\n  baseRef: Ref<HTMLTableCellElement>\n) => {\n  const {isDisabled, isActive, setIsActive} = props;\n\n  const ref = useRefMerge(baseRef);\n  const inputRef = useRef<T>(null);\n\n  const onEdit = () => {\n    const input = inputRef.current;\n    if (isDisabled || !input) {\n      return;\n    }\n\n    setIsActive?.(true);\n\n    setTimeout(() => {\n      input.selectionStart = input.value.length;\n      input.focus();\n    });\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    if (!isActive) {\n      e.currentTarget.focus();\n    }\n\n    props.onClick?.(e);\n  };\n\n  const onDoubleClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    onEdit();\n\n    props.onDoubleClick?.(e);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!isActive && isEnterCode) {\n      onEdit();\n    }\n  };\n\n  const cellProps = {\n    ...props,\n\n    ref,\n    onClick,\n    onDoubleClick,\n    onKeyDown,\n\n    'data-editable': !isDisabled ? true : undefined,\n  };\n\n  return {cellProps, ref, inputRef};\n};\n\nexport const useDataGridInputCell = (cell: ReactTableCell<unknown, unknown>) => {\n  const props = useDataGridTableCell(cell);\n  const context = useContext(DataGridContext);\n\n  const isActive = cell.id === context.activeCell;\n  const setIsActive = newIsActive => context.setActiveCell(newIsActive ? cell.id : null);\n\n  return {...props, isActive, setIsActive};\n};\n"],"names":["isDisabled","isActive","setIsActive","input","focus","props","ref","onEdit","undefined","inputRef"],"mappings":";;;;;AAYO;AAIL;AAAM;AAACA;AAAYC;AAAUC;AAM3B;AACA;AAOEC;AACMC;AACP;AAsCH;AAAO;AAXW;AACbC;AAEHC;AA1BA;AAIiB;AACnB;AAGEC;AAEuB;AACzB;AAGEF;AAEA;AAEA;AACEE;AAEJ;AAUiC;AAAOC;AAGrBF;AAAKG;AAC1B;AAGE;AAMA;AAAO;AAAIJ;AAAOJ;AAFmE;AAGvF;;;;;"}

package/dist/TableInputCell/text.es.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as g, jsxs as e } from "@emotion/react/jsx-runtime";
-import m from "@emotion/styled/base";
-import { useState as h, useEffect as A } from "react";
+import { jsx as Z, jsxs as x } from "@emotion/react/jsx-runtime";
+import W from "@emotion/styled/base";
+import { useState as H, useEffect as e } from "react";
 import { forwardRef as t } from "@join-x5/react-theme";
-import { TableCell as a, TableCellContent as F } from "../TableCell/index.es.js";
-import { useTableCellTextInput as J, useDataGridInputCell as Y } from "./hook.es.js";
-function X() {
+import { TableCell as h, TableCellContent as A } from "../TableCell/index.es.js";
+import { useTableCellTextInput as a, useDataGridInputCell as F } from "./hook.es.js";
+function C() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const U = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
+const J = /* @__PURE__ */ W("div", process.env.NODE_ENV === "production" ? {
   target: "ewl8o3j1"
 } : {
   target: "ewl8o3j1",
@@ -19,8 +19,8 @@ const U = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1juk05q",
   styles: "&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IrQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSW5wdXRDZWxsL3RleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7VGFibGVDZWxsLCBUYWJsZUNlbGxDb250ZW50fSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuXG5pbXBvcnQge3VzZURhdGFHcmlkSW5wdXRDZWxsLCB1c2VUYWJsZUNlbGxUZXh0SW5wdXR9IGZyb20gJy4vaG9vayc7XG5cbmltcG9ydCB0eXBlIHtcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50LFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0NlbGwgYXMgUmVhY3RUYWJsZUNlbGx9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5pbXBvcnQgdHlwZSB7RlJDLCBQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0RhdGFHcmlkVGFibGVDZWxsUHJvcHMsIFRhYmxlQ2VsbFByb3BzfSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuaW1wb3J0IHR5cGUge0NvbHVtbkRlZlRlbXBsYXRlfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQ2hpbGRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dElucHV0UHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAobmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICd2YWx1ZScgfCAnb25DaGFuZ2UnPjtcblxudHlwZSBUVGV4dElucHV0Q2VsbCA9IEZSQzxcbiAgSFRNTFRhYmxlQ2VsbEVsZW1lbnQsXG4gIHtcbiAgICBpbnB1dFByb3BzOiBUZXh0SW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dENlbGw6IFRUZXh0SW5wdXRDZWxsID0gZm9yd2FyZFJlZigoe2lucHV0UHJvcHMsIC4uLnByb3BzfSwgYmFzZVJlZikgPT4ge1xuICBjb25zdCB7Y2VsbFByb3BzLCByZWYsIGlucHV0UmVmfSA9IHVzZVRhYmxlQ2VsbFRleHRJbnB1dDxIVE1MSW5wdXRFbGVtZW50Pihwcm9wcywgYmFzZVJlZik7XG5cbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShpbnB1dFByb3BzLnZhbHVlID8/ICcnKTtcblxuICBjb25zdCBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93bjogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSBlID0+IHtcbiAgICBjb25zdCBpc0VudGVyQ29kZSA9IGUuY29kZSA9PT0gJ0VudGVyJyB8fCBlLmNvZGUgPT09ICdOdW1wYWRFbnRlcic7XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJyB8fCBpc0VudGVyQ29kZSkge1xuICAgICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG4gICAgICBlLmN1cnJlbnRUYXJnZXQuYmx1cigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG5cbiAgICBpbnB1dFByb3BzLm9uQ2hhbmdlKHZhbHVlLCBlKTtcbiAgICBpbnB1dFByb3BzLm9uQmx1cj8uKGUpO1xuICAgIHJlZi5jdXJyZW50Py5ibHVyKCk7XG4gIH07XG5cbiAgY29uc3QgaXNDaGlsZEhpZGRlbiA9IHByb3BzLmlzQWN0aXZlID8gdHJ1ZSA6IHVuZGVmaW5lZDtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5pbnB1dFByb3BzLFxuXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIG9uQmx1cixcblxuICAgIHNpemU6IDAsXG4gICAgJ2RhdGEtaGlkZGVuJzogcHJvcHMuaXNBY3RpdmUgPyB1bmRlZmluZWQgOiB0cnVlLFxuICB9O1xuXG4gIGNvbnN0IGNvbnRlbnRQcm9wcyA9IHtcbiAgICBpc011bHRpbGluZTogY2VsbFByb3BzLmlzTXVsdGlsaW5lLFxuICAgIHdoaXRlU3BhY2U6IGNlbGxQcm9wcy53aGl0ZVNwYWNlLFxuICAgIHdvcmRCcmVhazogY2VsbFByb3BzLndvcmRCcmVhayxcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFZhbHVlKGlucHV0UHJvcHMudmFsdWUpO1xuICB9LCBbaW5wdXRQcm9wcy52YWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFRhYmxlQ2VsbCB7Li4uY2VsbFByb3BzfT5cbiAgICAgIDxUYWJsZUNlbGxDb250ZW50IHsuLi5jb250ZW50UHJvcHN9PlxuICAgICAgICA8Q2hpbGRDb250ZW50IGRhdGEtaGlkZGVuPXtpc0NoaWxkSGlkZGVufT57cHJvcHMuY2hpbGRyZW59PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxJbnB1dCByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCA9IERlZmF1bHRBbnksIFYgPSBEZWZhdWx0QW55PiA9IHtcbiAgZ2V0VmFsdWU6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPikgPT4gc3RyaW5nO1xuICBvbkNoYW5nZTogKGNlbGw6IFJlYWN0VGFibGVDZWxsPFQsIFY+LCBuZXdWYWx1ZTogc3RyaW5nLCBlOiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8VGV4dElucHV0UHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPiAmXG4gIERhdGFHcmlkVGFibGVDZWxsUHJvcHM8VCwgVj4gJlxuICBQcm9wc1dpdGhDaGlsZHJlbjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGV4dElucHV0Q2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRJbnB1dENlbGxQcm9wcz4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIGNoaWxkcmVuLCAuLi5yZXN0fSA9IHByb3BzO1xuXG4gIGNvbnN0IGNlbGxQcm9wcyA9IHVzZURhdGFHcmlkSW5wdXRDZWxsKGNlbGwpO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRJbnB1dFByb3BzO1xuICBpbnB1dFByb3BzLnZhbHVlID0gZ2V0VmFsdWUoY2VsbCk7XG4gIGlucHV0UHJvcHMub25DaGFuZ2UgPSAobmV3VmFsdWUsIGUpID0+IG9uQ2hhbmdlKGNlbGwsIG5ld1ZhbHVlLCBlKTtcblxuICByZXR1cm4gKFxuICAgIDxUZXh0SW5wdXRDZWxsIHJlZj17cmVmfSB7Li4uY2VsbFByb3BzfSBpbnB1dFByb3BzPXtpbnB1dFByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHRJbnB1dENlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCwgVj4sXG4gICdjZWxsJyB8ICdjaGlsZHJlbidcbj47XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRleHRJbnB1dENlbGwgPSA8VCwgVj4oYXJnczogR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxULCBWPik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dElucHV0Q2VsbCBrZXk9e2NlbGwuaWR9IGNlbGw9e2NlbGx9IHsuLi5hcmdzfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L0RhdGFHcmlkVGV4dElucHV0Q2VsbD5cbiAgICApO1xuICB9O1xufTtcbiJdfQ== */",
-  toString: X
-}), N = /* @__PURE__ */ m("input", process.env.NODE_ENV === "production" ? {
+  toString: C
+}), Y = /* @__PURE__ */ W("input", process.env.NODE_ENV === "production" ? {
   target: "ewl8o3j0"
 } : {
   target: "ewl8o3j0",
@@ -31,61 +31,59 @@ const U = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "kvz3z7",
   styles: "position:absolute;top:0;left:0;width:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSW5wdXRDZWxsL3RleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7VGFibGVDZWxsLCBUYWJsZUNlbGxDb250ZW50fSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuXG5pbXBvcnQge3VzZURhdGFHcmlkSW5wdXRDZWxsLCB1c2VUYWJsZUNlbGxUZXh0SW5wdXR9IGZyb20gJy4vaG9vayc7XG5cbmltcG9ydCB0eXBlIHtcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50LFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0NlbGwgYXMgUmVhY3RUYWJsZUNlbGx9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5pbXBvcnQgdHlwZSB7RlJDLCBQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0RhdGFHcmlkVGFibGVDZWxsUHJvcHMsIFRhYmxlQ2VsbFByb3BzfSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuaW1wb3J0IHR5cGUge0NvbHVtbkRlZlRlbXBsYXRlfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQ2hpbGRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dElucHV0UHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAobmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICd2YWx1ZScgfCAnb25DaGFuZ2UnPjtcblxudHlwZSBUVGV4dElucHV0Q2VsbCA9IEZSQzxcbiAgSFRNTFRhYmxlQ2VsbEVsZW1lbnQsXG4gIHtcbiAgICBpbnB1dFByb3BzOiBUZXh0SW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dENlbGw6IFRUZXh0SW5wdXRDZWxsID0gZm9yd2FyZFJlZigoe2lucHV0UHJvcHMsIC4uLnByb3BzfSwgYmFzZVJlZikgPT4ge1xuICBjb25zdCB7Y2VsbFByb3BzLCByZWYsIGlucHV0UmVmfSA9IHVzZVRhYmxlQ2VsbFRleHRJbnB1dDxIVE1MSW5wdXRFbGVtZW50Pihwcm9wcywgYmFzZVJlZik7XG5cbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShpbnB1dFByb3BzLnZhbHVlID8/ICcnKTtcblxuICBjb25zdCBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93bjogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSBlID0+IHtcbiAgICBjb25zdCBpc0VudGVyQ29kZSA9IGUuY29kZSA9PT0gJ0VudGVyJyB8fCBlLmNvZGUgPT09ICdOdW1wYWRFbnRlcic7XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJyB8fCBpc0VudGVyQ29kZSkge1xuICAgICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG4gICAgICBlLmN1cnJlbnRUYXJnZXQuYmx1cigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG5cbiAgICBpbnB1dFByb3BzLm9uQ2hhbmdlKHZhbHVlLCBlKTtcbiAgICBpbnB1dFByb3BzLm9uQmx1cj8uKGUpO1xuICAgIHJlZi5jdXJyZW50Py5ibHVyKCk7XG4gIH07XG5cbiAgY29uc3QgaXNDaGlsZEhpZGRlbiA9IHByb3BzLmlzQWN0aXZlID8gdHJ1ZSA6IHVuZGVmaW5lZDtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5pbnB1dFByb3BzLFxuXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIG9uQmx1cixcblxuICAgIHNpemU6IDAsXG4gICAgJ2RhdGEtaGlkZGVuJzogcHJvcHMuaXNBY3RpdmUgPyB1bmRlZmluZWQgOiB0cnVlLFxuICB9O1xuXG4gIGNvbnN0IGNvbnRlbnRQcm9wcyA9IHtcbiAgICBpc011bHRpbGluZTogY2VsbFByb3BzLmlzTXVsdGlsaW5lLFxuICAgIHdoaXRlU3BhY2U6IGNlbGxQcm9wcy53aGl0ZVNwYWNlLFxuICAgIHdvcmRCcmVhazogY2VsbFByb3BzLndvcmRCcmVhayxcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFZhbHVlKGlucHV0UHJvcHMudmFsdWUpO1xuICB9LCBbaW5wdXRQcm9wcy52YWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFRhYmxlQ2VsbCB7Li4uY2VsbFByb3BzfT5cbiAgICAgIDxUYWJsZUNlbGxDb250ZW50IHsuLi5jb250ZW50UHJvcHN9PlxuICAgICAgICA8Q2hpbGRDb250ZW50IGRhdGEtaGlkZGVuPXtpc0NoaWxkSGlkZGVufT57cHJvcHMuY2hpbGRyZW59PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxJbnB1dCByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCA9IERlZmF1bHRBbnksIFYgPSBEZWZhdWx0QW55PiA9IHtcbiAgZ2V0VmFsdWU6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPikgPT4gc3RyaW5nO1xuICBvbkNoYW5nZTogKGNlbGw6IFJlYWN0VGFibGVDZWxsPFQsIFY+LCBuZXdWYWx1ZTogc3RyaW5nLCBlOiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8VGV4dElucHV0UHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPiAmXG4gIERhdGFHcmlkVGFibGVDZWxsUHJvcHM8VCwgVj4gJlxuICBQcm9wc1dpdGhDaGlsZHJlbjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGV4dElucHV0Q2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRJbnB1dENlbGxQcm9wcz4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIGNoaWxkcmVuLCAuLi5yZXN0fSA9IHByb3BzO1xuXG4gIGNvbnN0IGNlbGxQcm9wcyA9IHVzZURhdGFHcmlkSW5wdXRDZWxsKGNlbGwpO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRJbnB1dFByb3BzO1xuICBpbnB1dFByb3BzLnZhbHVlID0gZ2V0VmFsdWUoY2VsbCk7XG4gIGlucHV0UHJvcHMub25DaGFuZ2UgPSAobmV3VmFsdWUsIGUpID0+IG9uQ2hhbmdlKGNlbGwsIG5ld1ZhbHVlLCBlKTtcblxuICByZXR1cm4gKFxuICAgIDxUZXh0SW5wdXRDZWxsIHJlZj17cmVmfSB7Li4uY2VsbFByb3BzfSBpbnB1dFByb3BzPXtpbnB1dFByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHRJbnB1dENlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCwgVj4sXG4gICdjZWxsJyB8ICdjaGlsZHJlbidcbj47XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRleHRJbnB1dENlbGwgPSA8VCwgVj4oYXJnczogR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxULCBWPik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dElucHV0Q2VsbCBrZXk9e2NlbGwuaWR9IGNlbGw9e2NlbGx9IHsuLi5hcmdzfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L0RhdGFHcmlkVGV4dElucHV0Q2VsbD5cbiAgICApO1xuICB9O1xufTtcbiJdfQ== */",
-  toString: X
+  toString: C
 }), o = t(({
   inputProps: c,
   ...b
 }, G) => {
   const {
     cellProps: I,
-    ref: n,
-    inputRef: i
-  } = J(b, G), [u, V] = h(c.value ?? ""), d = (l) => {
-    V(l.target.value);
-  }, W = (l) => {
-    var Z;
-    const B = l.code === "Enter" || l.code === "NumpadEnter";
-    (l.code === "Escape" || B) && ((Z = b.setIsActive) == null || Z.call(b, !1), l.currentTarget.blur());
-  }, C = (l) => {
-    var B, Z, R;
-    (B = b.setIsActive) == null || B.call(b, !1), c.onChange(u, l), (Z = c.onBlur) == null || Z.call(c, l), (R = n.current) == null || R.blur();
-  }, x = b.isActive ? !0 : void 0, s = {
+    ref: V,
+    inputRef: B
+  } = a(b, G), [g, u] = H(c.value ?? ""), d = (l) => {
+    u(l.target.value);
+  }, n = (l) => {
+    const s = l.code === "Enter" || l.code === "NumpadEnter";
+    (l.code === "Escape" || s) && (b.setIsActive?.(!1), l.currentTarget.blur());
+  }, i = (l) => {
+    b.setIsActive?.(!1), c.onChange(g, l), c.onBlur?.(l), V.current?.blur();
+  }, R = b.isActive ? !0 : void 0, m = {
     ...c,
-    value: u,
+    value: g,
     onChange: d,
-    onKeyDown: W,
-    onBlur: C,
+    onKeyDown: n,
+    onBlur: i,
     size: 0,
     "data-hidden": b.isActive ? void 0 : !0
-  }, H = {
+  }, X = {
     isMultiline: I.isMultiline,
     whiteSpace: I.whiteSpace,
     wordBreak: I.wordBreak
   };
-  return A(() => {
-    V(c.value);
-  }, [c.value]), /* @__PURE__ */ g(a, { ...I, children: /* @__PURE__ */ e(F, { ...H, children: [
-    /* @__PURE__ */ g(U, { "data-hidden": x, children: b.children }),
-    /* @__PURE__ */ g(N, { ref: i, ...s })
+  return e(() => {
+    u(c.value);
+  }, [c.value]), /* @__PURE__ */ Z(h, { ...I, children: /* @__PURE__ */ x(A, { ...X, children: [
+    /* @__PURE__ */ Z(J, { "data-hidden": R, children: b.children }),
+    /* @__PURE__ */ Z(Y, { ref: B, ...m })
   ] }) });
-}), y = t((c, b) => {
+}), U = t((c, b) => {
   const {
     cell: G,
     getValue: I,
-    onChange: n,
-    children: i,
-    ...u
-  } = c, V = Y(G), d = u;
-  return d.value = I(G), d.onChange = (W, C) => n(G, W, C), /* @__PURE__ */ g(o, { ref: b, ...V, inputProps: d, children: i });
-}), D = (c) => ({
+    onChange: V,
+    children: B,
+    ...g
+  } = c, u = F(G), d = g;
+  return d.value = I(G), d.onChange = (n, i) => V(G, n, i), /* @__PURE__ */ Z(o, { ref: b, ...u, inputProps: d, children: B });
+}), L = (c) => ({
   cell: b
 }) => {
   const G = b.getValue() ?? null;
-  return /* @__PURE__ */ g(y, { cell: b, ...c, children: G }, b.id);
+  return /* @__PURE__ */ Z(U, { cell: b, ...c, children: G }, b.id);
 };
 export {
-  y as DataGridTextInputCell,
+  U as DataGridTextInputCell,
   o as TextInputCell,
-  D as getDataGridTextInputCell
+  L as getDataGridTextInputCell
 };
 //# sourceMappingURL=text.es.js.map

package/dist/TableInputCell/text.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.es.js","sources":["../../src/TableInputCell/text.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst Input = styled.input`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\ntype TTextInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextInputCell: TTextInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLInputElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || isEnterCode) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLInputElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{props.children}</ChildContent>\n        <Input ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<TextInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\nexport const DataGridTextInputCell: FRC<HTMLTableCellElement, DataGridTextInputCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, children, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as TextInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {children}\n    </TextInputCell>\n  );\n});\n\nexport type GetDataGridTextInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextInputCell = <T, V>(args: GetDataGridTextInputCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","setValue","blur","props","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","cell","getValue","children","rest"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoC8C;AAACA;AAAoB;AAC5E;AAAM;AAACC;AAAWC;AAAKC;AAKrBC;AAAuB;;AAIvB;AAEA;AAEkBC;;AAKlBC;AAIaD;AAKK;AACfL;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAGzB;AACIC;AACDC;AACDC;AAGvBC;AACEV;AAAyB;AAMrB;AAA0D;AACpB;AAI9C;AAUE;AAAM;AAACW;AAAMC;AAAUR;AAAUS;AAAaC;AAK9ClB;AAQF;AAQU;AAACe;AACP;AAEA;AAKF;;;;;;"}
+{"version":3,"file":"text.es.js","sources":["../../src/TableInputCell/text.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst Input = styled.input`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\ntype TTextInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextInputCell: TTextInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLInputElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || isEnterCode) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLInputElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{props.children}</ChildContent>\n        <Input ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<TextInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\nexport const DataGridTextInputCell: FRC<HTMLTableCellElement, DataGridTextInputCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, children, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as TextInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {children}\n    </TextInputCell>\n  );\n});\n\nexport type GetDataGridTextInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextInputCell = <T, V>(args: GetDataGridTextInputCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","setValue","blur","props","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","cell","getValue","children","rest"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoC8C;AAACA;AAAoB;AAC5E;AAAM;AAACC;AAAWC;AAAKC;AAKrBC;AAAuB;AAIvB;AAEA;AAEkBC;AAKlBC;AAIaD;AAKK;AACfL;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAGzB;AACIC;AACDC;AACDC;AAGvBC;AACEV;AAAyB;AAMrB;AAA0D;AACpB;AAI9C;AAUE;AAAM;AAACW;AAAMC;AAAUR;AAAUS;AAAaC;AAK9ClB;AAQF;AAQU;AAACe;AACP;AAEA;AAKF;;;;;;"}

package/dist/TableInputCell/textarea.es.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as V, jsxs as s } from "@emotion/react/jsx-runtime";
-import m from "@emotion/styled/base";
-import { useState as F, useEffect as h } from "react";
-import J, { forwardRef as i } from "@join-x5/react-theme";
-import { TableCell as A, TableCellContent as Y } from "../TableCell/index.es.js";
-import { useTableCellTextInput as U, useDataGridInputCell as a } from "./hook.es.js";
-function N() {
+import { jsx as d, jsxs as x } from "@emotion/react/jsx-runtime";
+import R from "@emotion/styled/base";
+import { useState as e, useEffect as s } from "react";
+import F, { forwardRef as C } from "@join-x5/react-theme";
+import { TableCell as h, TableCellContent as J } from "../TableCell/index.es.js";
+import { useTableCellTextInput as A, useDataGridInputCell as Y } from "./hook.es.js";
+function U() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const y = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
+const a = /* @__PURE__ */ R("div", process.env.NODE_ENV === "production" ? {
   target: "e1dalyc21"
 } : {
   target: "e1dalyc21",
@@ -19,65 +19,63 @@ const y = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1akleb8",
   styles: "min-height:100%;&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCK0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUlucHV0Q2VsbC90ZXh0YXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge1RhYmxlQ2VsbCwgVGFibGVDZWxsQ29udGVudH0gZnJvbSAnLi4vVGFibGVDZWxsJztcblxuaW1wb3J0IHt1c2VEYXRhR3JpZElucHV0Q2VsbCwgdXNlVGFibGVDZWxsVGV4dElucHV0fSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDZWxsIGFzIFJlYWN0VGFibGVDZWxsfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0ZSQywgUHJvcHNXaXRoQ2hpbGRyZW59IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtEYXRhR3JpZFRhYmxlQ2VsbFByb3BzLCBUYWJsZUNlbGxQcm9wc30gZnJvbSAnLi4vVGFibGVDZWxsJztcbmltcG9ydCB0eXBlIHtDb2x1bW5EZWZUZW1wbGF0ZX0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENoaWxkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICZbZGF0YS1oaWRkZW5dIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gIHJlc2l6ZTogbm9uZTtcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dEFyZWFJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG5ld1ZhbHVlOiBzdHJpbmcsIGU6IEZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAndmFsdWUnIHwgJ29uQ2hhbmdlJz47XG5cbnR5cGUgVFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPFxuICBIVE1MVGFibGVDZWxsRWxlbWVudCxcbiAge1xuICAgIGlucHV0UHJvcHM6IFRleHRBcmVhSW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRBcmVhSW5wdXRDZWxsOiBUVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKCh7aW5wdXRQcm9wcywgLi4ucHJvcHN9LCBiYXNlUmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsUHJvcHMsIHJlZiwgaW5wdXRSZWZ9ID0gdXNlVGFibGVDZWxsVGV4dElucHV0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KHByb3BzLCBiYXNlUmVmKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKGlucHV0UHJvcHMudmFsdWUgPz8gJycpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PiA9IGUgPT4ge1xuICAgIGNvbnN0IGlzRW50ZXJDb2RlID0gZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJztcblxuICAgIGlmIChlLmNvZGUgPT09ICdFc2NhcGUnIHx8IChpc0VudGVyQ29kZSAmJiBlLmN0cmxLZXkpKSB7XG4gICAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcbiAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1cjogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcblxuICAgIGlucHV0UHJvcHMub25DaGFuZ2UodmFsdWUsIGUpO1xuICAgIGlucHV0UHJvcHMub25CbHVyPy4oZSk7XG4gICAgcmVmLmN1cnJlbnQ/LmJsdXIoKTtcbiAgfTtcblxuICBjb25zdCBpc0NoaWxkSGlkZGVuID0gcHJvcHMuaXNBY3RpdmUgPyB0cnVlIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLmlucHV0UHJvcHMsXG5cbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgb25CbHVyLFxuXG4gICAgc2l6ZTogMCxcbiAgICAnZGF0YS1oaWRkZW4nOiBwcm9wcy5pc0FjdGl2ZSA/IHVuZGVmaW5lZCA6IHRydWUsXG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IHByb3BzLmlzQWN0aXZlID8gdmFsdWUgOiBwcm9wcy5jaGlsZHJlbjtcblxuICBjb25zdCBjb250ZW50UHJvcHMgPSB7XG4gICAgaXNNdWx0aWxpbmU6IGNlbGxQcm9wcy5pc011bHRpbGluZSxcbiAgICB3aGl0ZVNwYWNlOiBjZWxsUHJvcHMud2hpdGVTcGFjZSxcbiAgICB3b3JkQnJlYWs6IGNlbGxQcm9wcy53b3JkQnJlYWssXG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZShpbnB1dFByb3BzLnZhbHVlKTtcbiAgfSwgW2lucHV0UHJvcHMudmFsdWVdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGwgey4uLmNlbGxQcm9wc30+XG4gICAgICA8VGFibGVDZWxsQ29udGVudCB7Li4uY29udGVudFByb3BzfT5cbiAgICAgICAgPENoaWxkQ29udGVudCBkYXRhLWhpZGRlbj17aXNDaGlsZEhpZGRlbn0+e2NvbnRlbnR9PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxUZXh0QXJlYSByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQgPSBEZWZhdWx0QW55LCBWID0gRGVmYXVsdEFueT4gPSB7XG4gIGdldFZhbHVlOiAoY2VsbDogUmVhY3RUYWJsZUNlbGw8VCwgVj4pID0+IHN0cmluZztcbiAgb25DaGFuZ2U6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPiwgbmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PFRleHRBcmVhSW5wdXRQcm9wcywgJ3ZhbHVlJyB8ICdvbkNoYW5nZSc+ICZcbiAgRGF0YUdyaWRUYWJsZUNlbGxQcm9wczxULCBWPiAmXG4gIFByb3BzV2l0aENoaWxkcmVuO1xuXG50eXBlIFREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsUHJvcHM+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbDogVERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY2VsbFByb3BzID0gdXNlRGF0YUdyaWRJbnB1dENlbGwoY2VsbCk7XG5cbiAgY29uc3QgY29udGVudCA9IChjZWxsLmdldFZhbHVlKCkgPz8gbnVsbCkgYXMgUmVhY3ROb2RlO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRBcmVhSW5wdXRQcm9wcztcbiAgaW5wdXRQcm9wcy52YWx1ZSA9IGdldFZhbHVlKGNlbGwpO1xuICBpbnB1dFByb3BzLm9uQ2hhbmdlID0gKG5ld1ZhbHVlLCBlKSA9PiBvbkNoYW5nZShjZWxsLCBuZXdWYWx1ZSwgZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dEFyZWFJbnB1dENlbGwgcmVmPXtyZWZ9IHsuLi5jZWxsUHJvcHN9IGlucHV0UHJvcHM9e2lucHV0UHJvcHN9PlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9UZXh0QXJlYUlucHV0Q2VsbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBHZXREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQsIFY+LFxuICAnY2VsbCcgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbCA9IDxULCBWPihcbiAgYXJnczogR2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbEFyZ3M8VCwgVj5cbik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwga2V5PXtjZWxsLmlkfSBjZWxsPXtjZWxsfSB7Li4uYXJnc30+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9EYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsPlxuICAgICk7XG4gIH07XG59O1xuIl19 */",
-  toString: N
-}), o = /* @__PURE__ */ m("textarea", process.env.NODE_ENV === "production" ? {
+  toString: U
+}), N = /* @__PURE__ */ R("textarea", process.env.NODE_ENV === "production" ? {
   target: "e1dalyc20"
 } : {
   target: "e1dalyc20",
   label: "TextArea"
-})("position:absolute;top:0;left:0;width:100%;height:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;resize:none;", J.scroll, " &[data-hidden]{visibility:hidden;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUlucHV0Q2VsbC90ZXh0YXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge1RhYmxlQ2VsbCwgVGFibGVDZWxsQ29udGVudH0gZnJvbSAnLi4vVGFibGVDZWxsJztcblxuaW1wb3J0IHt1c2VEYXRhR3JpZElucHV0Q2VsbCwgdXNlVGFibGVDZWxsVGV4dElucHV0fSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDZWxsIGFzIFJlYWN0VGFibGVDZWxsfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0ZSQywgUHJvcHNXaXRoQ2hpbGRyZW59IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtEYXRhR3JpZFRhYmxlQ2VsbFByb3BzLCBUYWJsZUNlbGxQcm9wc30gZnJvbSAnLi4vVGFibGVDZWxsJztcbmltcG9ydCB0eXBlIHtDb2x1bW5EZWZUZW1wbGF0ZX0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENoaWxkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICZbZGF0YS1oaWRkZW5dIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gIHJlc2l6ZTogbm9uZTtcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dEFyZWFJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG5ld1ZhbHVlOiBzdHJpbmcsIGU6IEZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAndmFsdWUnIHwgJ29uQ2hhbmdlJz47XG5cbnR5cGUgVFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPFxuICBIVE1MVGFibGVDZWxsRWxlbWVudCxcbiAge1xuICAgIGlucHV0UHJvcHM6IFRleHRBcmVhSW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRBcmVhSW5wdXRDZWxsOiBUVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKCh7aW5wdXRQcm9wcywgLi4ucHJvcHN9LCBiYXNlUmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsUHJvcHMsIHJlZiwgaW5wdXRSZWZ9ID0gdXNlVGFibGVDZWxsVGV4dElucHV0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KHByb3BzLCBiYXNlUmVmKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKGlucHV0UHJvcHMudmFsdWUgPz8gJycpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PiA9IGUgPT4ge1xuICAgIGNvbnN0IGlzRW50ZXJDb2RlID0gZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJztcblxuICAgIGlmIChlLmNvZGUgPT09ICdFc2NhcGUnIHx8IChpc0VudGVyQ29kZSAmJiBlLmN0cmxLZXkpKSB7XG4gICAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcbiAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1cjogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcblxuICAgIGlucHV0UHJvcHMub25DaGFuZ2UodmFsdWUsIGUpO1xuICAgIGlucHV0UHJvcHMub25CbHVyPy4oZSk7XG4gICAgcmVmLmN1cnJlbnQ/LmJsdXIoKTtcbiAgfTtcblxuICBjb25zdCBpc0NoaWxkSGlkZGVuID0gcHJvcHMuaXNBY3RpdmUgPyB0cnVlIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLmlucHV0UHJvcHMsXG5cbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgb25CbHVyLFxuXG4gICAgc2l6ZTogMCxcbiAgICAnZGF0YS1oaWRkZW4nOiBwcm9wcy5pc0FjdGl2ZSA/IHVuZGVmaW5lZCA6IHRydWUsXG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IHByb3BzLmlzQWN0aXZlID8gdmFsdWUgOiBwcm9wcy5jaGlsZHJlbjtcblxuICBjb25zdCBjb250ZW50UHJvcHMgPSB7XG4gICAgaXNNdWx0aWxpbmU6IGNlbGxQcm9wcy5pc011bHRpbGluZSxcbiAgICB3aGl0ZVNwYWNlOiBjZWxsUHJvcHMud2hpdGVTcGFjZSxcbiAgICB3b3JkQnJlYWs6IGNlbGxQcm9wcy53b3JkQnJlYWssXG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZShpbnB1dFByb3BzLnZhbHVlKTtcbiAgfSwgW2lucHV0UHJvcHMudmFsdWVdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGwgey4uLmNlbGxQcm9wc30+XG4gICAgICA8VGFibGVDZWxsQ29udGVudCB7Li4uY29udGVudFByb3BzfT5cbiAgICAgICAgPENoaWxkQ29udGVudCBkYXRhLWhpZGRlbj17aXNDaGlsZEhpZGRlbn0+e2NvbnRlbnR9PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxUZXh0QXJlYSByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQgPSBEZWZhdWx0QW55LCBWID0gRGVmYXVsdEFueT4gPSB7XG4gIGdldFZhbHVlOiAoY2VsbDogUmVhY3RUYWJsZUNlbGw8VCwgVj4pID0+IHN0cmluZztcbiAgb25DaGFuZ2U6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPiwgbmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PFRleHRBcmVhSW5wdXRQcm9wcywgJ3ZhbHVlJyB8ICdvbkNoYW5nZSc+ICZcbiAgRGF0YUdyaWRUYWJsZUNlbGxQcm9wczxULCBWPiAmXG4gIFByb3BzV2l0aENoaWxkcmVuO1xuXG50eXBlIFREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsUHJvcHM+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbDogVERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY2VsbFByb3BzID0gdXNlRGF0YUdyaWRJbnB1dENlbGwoY2VsbCk7XG5cbiAgY29uc3QgY29udGVudCA9IChjZWxsLmdldFZhbHVlKCkgPz8gbnVsbCkgYXMgUmVhY3ROb2RlO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRBcmVhSW5wdXRQcm9wcztcbiAgaW5wdXRQcm9wcy52YWx1ZSA9IGdldFZhbHVlKGNlbGwpO1xuICBpbnB1dFByb3BzLm9uQ2hhbmdlID0gKG5ld1ZhbHVlLCBlKSA9PiBvbkNoYW5nZShjZWxsLCBuZXdWYWx1ZSwgZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dEFyZWFJbnB1dENlbGwgcmVmPXtyZWZ9IHsuLi5jZWxsUHJvcHN9IGlucHV0UHJvcHM9e2lucHV0UHJvcHN9PlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9UZXh0QXJlYUlucHV0Q2VsbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBHZXREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQsIFY+LFxuICAnY2VsbCcgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbCA9IDxULCBWPihcbiAgYXJnczogR2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbEFyZ3M8VCwgVj5cbik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwga2V5PXtjZWxsLmlkfSBjZWxsPXtjZWxsfSB7Li4uYXJnc30+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9EYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsPlxuICAgICk7XG4gIH07XG59O1xuIl19 */")), v = i(({
+})("position:absolute;top:0;left:0;width:100%;height:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;resize:none;", F.scroll, " &[data-hidden]{visibility:hidden;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUlucHV0Q2VsbC90ZXh0YXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge1RhYmxlQ2VsbCwgVGFibGVDZWxsQ29udGVudH0gZnJvbSAnLi4vVGFibGVDZWxsJztcblxuaW1wb3J0IHt1c2VEYXRhR3JpZElucHV0Q2VsbCwgdXNlVGFibGVDZWxsVGV4dElucHV0fSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDZWxsIGFzIFJlYWN0VGFibGVDZWxsfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0ZSQywgUHJvcHNXaXRoQ2hpbGRyZW59IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtEYXRhR3JpZFRhYmxlQ2VsbFByb3BzLCBUYWJsZUNlbGxQcm9wc30gZnJvbSAnLi4vVGFibGVDZWxsJztcbmltcG9ydCB0eXBlIHtDb2x1bW5EZWZUZW1wbGF0ZX0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENoaWxkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICZbZGF0YS1oaWRkZW5dIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gIHJlc2l6ZTogbm9uZTtcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dEFyZWFJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG5ld1ZhbHVlOiBzdHJpbmcsIGU6IEZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAndmFsdWUnIHwgJ29uQ2hhbmdlJz47XG5cbnR5cGUgVFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPFxuICBIVE1MVGFibGVDZWxsRWxlbWVudCxcbiAge1xuICAgIGlucHV0UHJvcHM6IFRleHRBcmVhSW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRBcmVhSW5wdXRDZWxsOiBUVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKCh7aW5wdXRQcm9wcywgLi4ucHJvcHN9LCBiYXNlUmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsUHJvcHMsIHJlZiwgaW5wdXRSZWZ9ID0gdXNlVGFibGVDZWxsVGV4dElucHV0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KHByb3BzLCBiYXNlUmVmKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKGlucHV0UHJvcHMudmFsdWUgPz8gJycpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PiA9IGUgPT4ge1xuICAgIGNvbnN0IGlzRW50ZXJDb2RlID0gZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJztcblxuICAgIGlmIChlLmNvZGUgPT09ICdFc2NhcGUnIHx8IChpc0VudGVyQ29kZSAmJiBlLmN0cmxLZXkpKSB7XG4gICAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcbiAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1cjogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcblxuICAgIGlucHV0UHJvcHMub25DaGFuZ2UodmFsdWUsIGUpO1xuICAgIGlucHV0UHJvcHMub25CbHVyPy4oZSk7XG4gICAgcmVmLmN1cnJlbnQ/LmJsdXIoKTtcbiAgfTtcblxuICBjb25zdCBpc0NoaWxkSGlkZGVuID0gcHJvcHMuaXNBY3RpdmUgPyB0cnVlIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLmlucHV0UHJvcHMsXG5cbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgb25CbHVyLFxuXG4gICAgc2l6ZTogMCxcbiAgICAnZGF0YS1oaWRkZW4nOiBwcm9wcy5pc0FjdGl2ZSA/IHVuZGVmaW5lZCA6IHRydWUsXG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IHByb3BzLmlzQWN0aXZlID8gdmFsdWUgOiBwcm9wcy5jaGlsZHJlbjtcblxuICBjb25zdCBjb250ZW50UHJvcHMgPSB7XG4gICAgaXNNdWx0aWxpbmU6IGNlbGxQcm9wcy5pc011bHRpbGluZSxcbiAgICB3aGl0ZVNwYWNlOiBjZWxsUHJvcHMud2hpdGVTcGFjZSxcbiAgICB3b3JkQnJlYWs6IGNlbGxQcm9wcy53b3JkQnJlYWssXG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZShpbnB1dFByb3BzLnZhbHVlKTtcbiAgfSwgW2lucHV0UHJvcHMudmFsdWVdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGwgey4uLmNlbGxQcm9wc30+XG4gICAgICA8VGFibGVDZWxsQ29udGVudCB7Li4uY29udGVudFByb3BzfT5cbiAgICAgICAgPENoaWxkQ29udGVudCBkYXRhLWhpZGRlbj17aXNDaGlsZEhpZGRlbn0+e2NvbnRlbnR9PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxUZXh0QXJlYSByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQgPSBEZWZhdWx0QW55LCBWID0gRGVmYXVsdEFueT4gPSB7XG4gIGdldFZhbHVlOiAoY2VsbDogUmVhY3RUYWJsZUNlbGw8VCwgVj4pID0+IHN0cmluZztcbiAgb25DaGFuZ2U6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPiwgbmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PFRleHRBcmVhSW5wdXRQcm9wcywgJ3ZhbHVlJyB8ICdvbkNoYW5nZSc+ICZcbiAgRGF0YUdyaWRUYWJsZUNlbGxQcm9wczxULCBWPiAmXG4gIFByb3BzV2l0aENoaWxkcmVuO1xuXG50eXBlIFREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsUHJvcHM+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbDogVERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY2VsbFByb3BzID0gdXNlRGF0YUdyaWRJbnB1dENlbGwoY2VsbCk7XG5cbiAgY29uc3QgY29udGVudCA9IChjZWxsLmdldFZhbHVlKCkgPz8gbnVsbCkgYXMgUmVhY3ROb2RlO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRBcmVhSW5wdXRQcm9wcztcbiAgaW5wdXRQcm9wcy52YWx1ZSA9IGdldFZhbHVlKGNlbGwpO1xuICBpbnB1dFByb3BzLm9uQ2hhbmdlID0gKG5ld1ZhbHVlLCBlKSA9PiBvbkNoYW5nZShjZWxsLCBuZXdWYWx1ZSwgZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dEFyZWFJbnB1dENlbGwgcmVmPXtyZWZ9IHsuLi5jZWxsUHJvcHN9IGlucHV0UHJvcHM9e2lucHV0UHJvcHN9PlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9UZXh0QXJlYUlucHV0Q2VsbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBHZXREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQsIFY+LFxuICAnY2VsbCcgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbCA9IDxULCBWPihcbiAgYXJnczogR2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbEFyZ3M8VCwgVj5cbik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwga2V5PXtjZWxsLmlkfSBjZWxsPXtjZWxsfSB7Li4uYXJnc30+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9EYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsPlxuICAgICk7XG4gIH07XG59O1xuIl19 */")), o = C(({
   inputProps: c,
   ...b
 }, G) => {
   const {
     cellProps: Z,
-    ref: X,
-    inputRef: R
-  } = U(b, G), [I, W] = F(c.value ?? ""), g = (l) => {
-    W(l.target.value);
+    ref: W,
+    inputRef: u
+  } = A(b, G), [I, V] = e(c.value ?? ""), g = (l) => {
+    V(l.target.value);
+  }, X = (l) => {
+    const H = l.code === "Enter" || l.code === "NumpadEnter";
+    (l.code === "Escape" || H && l.ctrlKey) && (b.setIsActive?.(!1), l.currentTarget.blur());
   }, n = (l) => {
-    var d;
-    const u = l.code === "Enter" || l.code === "NumpadEnter";
-    (l.code === "Escape" || u && l.ctrlKey) && ((d = b.setIsActive) == null || d.call(b, !1), l.currentTarget.blur());
-  }, C = (l) => {
-    var u, d, B;
-    (u = b.setIsActive) == null || u.call(b, !1), c.onChange(I, l), (d = c.onBlur) == null || d.call(c, l), (B = X.current) == null || B.blur();
-  }, H = b.isActive ? !0 : void 0, t = {
+    b.setIsActive?.(!1), c.onChange(I, l), c.onBlur?.(l), W.current?.blur();
+  }, B = b.isActive ? !0 : void 0, m = {
     ...c,
     value: I,
     onChange: g,
-    onKeyDown: n,
-    onBlur: C,
+    onKeyDown: X,
+    onBlur: n,
     size: 0,
     "data-hidden": b.isActive ? void 0 : !0
-  }, x = b.isActive ? I : b.children, e = {
+  }, i = b.isActive ? I : b.children, t = {
     isMultiline: Z.isMultiline,
     whiteSpace: Z.whiteSpace,
     wordBreak: Z.wordBreak
   };
-  return h(() => {
-    W(c.value);
-  }, [c.value]), /* @__PURE__ */ V(A, { ...Z, children: /* @__PURE__ */ s(Y, { ...e, children: [
-    /* @__PURE__ */ V(y, { "data-hidden": H, children: x }),
-    /* @__PURE__ */ V(o, { ref: R, ...t })
+  return s(() => {
+    V(c.value);
+  }, [c.value]), /* @__PURE__ */ d(h, { ...Z, children: /* @__PURE__ */ x(J, { ...t, children: [
+    /* @__PURE__ */ d(a, { "data-hidden": B, children: i }),
+    /* @__PURE__ */ d(N, { ref: u, ...m })
   ] }) });
-}), D = i((c, b) => {
+}), y = C((c, b) => {
   const {
     cell: G,
     getValue: Z,
-    onChange: X,
-    ...R
-  } = c, I = a(G), W = G.getValue() ?? null, g = R;
-  return g.value = Z(G), g.onChange = (n, C) => X(G, n, C), /* @__PURE__ */ V(v, { ref: b, ...I, inputProps: g, children: W });
-}), p = (c) => ({
+    onChange: W,
+    ...u
+  } = c, I = Y(G), V = G.getValue() ?? null, g = u;
+  return g.value = Z(G), g.onChange = (X, n) => W(G, X, n), /* @__PURE__ */ d(o, { ref: b, ...I, inputProps: g, children: V });
+}), E = (c) => ({
   cell: b
 }) => {
   const G = b.getValue() ?? null;
-  return /* @__PURE__ */ V(D, { cell: b, ...c, children: G }, b.id);
+  return /* @__PURE__ */ d(y, { cell: b, ...c, children: G }, b.id);
 };
 export {
-  D as DataGridTextAreaInputCell,
-  v as TextAreaInputCell,
-  p as getDataGridTextAreaInputCell
+  y as DataGridTextAreaInputCell,
+  o as TextAreaInputCell,
+  E as getDataGridTextAreaInputCell
 };
 //# sourceMappingURL=textarea.es.js.map

package/dist/TableInputCell/textarea.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.es.js","sources":["../../src/TableInputCell/textarea.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport baseTheme, {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  min-height: 100%;\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst TextArea = styled.textarea`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  resize: none;\n\n  ${baseTheme.scroll}\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextAreaInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;\n\ntype TTextAreaInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextAreaInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextAreaInputCell: TTextAreaInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLTextAreaElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLTextAreaElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || (isEnterCode && e.ctrlKey)) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLTextAreaElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const content = props.isActive ? value : props.children;\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{content}</ChildContent>\n        <TextArea ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextAreaInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<TextAreaInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\ntype TDataGridTextAreaInputCell = FRC<HTMLTableCellElement, DataGridTextAreaInputCellProps>;\n\nexport const DataGridTextAreaInputCell: TDataGridTextAreaInputCell = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const content = (cell.getValue() ?? null) as ReactNode;\n\n  const inputProps = rest as TextAreaInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextAreaInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {content}\n    </TextAreaInputCell>\n  );\n});\n\nexport type GetDataGridTextAreaInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextAreaInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextAreaInputCell = <T, V>(\n  args: GetDataGridTextAreaInputCellArgs<T, V>\n): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextAreaInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextAreaInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","setValue","blur","props","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","cell","getValue","rest"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQJ;AAAA;AAAA;AAAA;AAAA;AAwCmD;AAACA;AAAoB;AACpF;AAAM;AAACC;AAAWC;AAAKC;AAKrBC;AAAuB;;AAIvB;AAEA;AAEkBC;;AAKlBC;AAIaD;AAKK;AACfL;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAKzB;AACIC;AACDC;AACDC;AAGvBC;AACEV;AAAyB;AAMrB;AAAmD;AACV;AAIjD;AAYE;AAAM;AAACW;AAAMC;AAAUR;AAAaS;AAOpCjB;AAQF;AAUU;AAACe;AACP;AAEA;AAKF;;;;;;"}
+{"version":3,"file":"textarea.es.js","sources":["../../src/TableInputCell/textarea.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport baseTheme, {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  min-height: 100%;\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst TextArea = styled.textarea`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  resize: none;\n\n  ${baseTheme.scroll}\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextAreaInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;\n\ntype TTextAreaInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextAreaInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextAreaInputCell: TTextAreaInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLTextAreaElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLTextAreaElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || (isEnterCode && e.ctrlKey)) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLTextAreaElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const content = props.isActive ? value : props.children;\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{content}</ChildContent>\n        <TextArea ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextAreaInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<TextAreaInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\ntype TDataGridTextAreaInputCell = FRC<HTMLTableCellElement, DataGridTextAreaInputCellProps>;\n\nexport const DataGridTextAreaInputCell: TDataGridTextAreaInputCell = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const content = (cell.getValue() ?? null) as ReactNode;\n\n  const inputProps = rest as TextAreaInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextAreaInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {content}\n    </TextAreaInputCell>\n  );\n});\n\nexport type GetDataGridTextAreaInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextAreaInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextAreaInputCell = <T, V>(\n  args: GetDataGridTextAreaInputCellArgs<T, V>\n): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextAreaInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextAreaInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","setValue","blur","props","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","cell","getValue","rest"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQJ;AAAA;AAAA;AAAA;AAAA;AAwCmD;AAACA;AAAoB;AACpF;AAAM;AAACC;AAAWC;AAAKC;AAKrBC;AAAuB;AAIvB;AAEA;AAEkBC;AAKlBC;AAIaD;AAKK;AACfL;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAKzB;AACIC;AACDC;AACDC;AAGvBC;AACEV;AAAyB;AAMrB;AAAmD;AACV;AAIjD;AAYE;AAAM;AAACW;AAAMC;AAAUR;AAAaS;AAOpCjB;AAQF;AAUU;AAACe;AACP;AAEA;AAKF;;;;;;"}