@uva-glass/component-library 3.55.1 → 3.55.2

package/dist/SortableProvider-Dc7hwkb5.js

@@ -0,0 +1,147 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { t } from "./Sortable.module-BTUOSbOU.js";
+import { initialState as n, sortableReducer as r } from "./components/Sortable/sortableReducer.js";
+import { clearDraggingSource as i, clearDraggingTarget as a, dragEnd as o, dragStart as s, drop as c, moveToPosition as l, reset as u, setClone as d, setDraggingSource as f, setDraggingTarget as p } from "./components/Sortable/actions.js";
+import { cloneElement as m, createContext as h, useContext as g, useEffect as _, useReducer as v, useRef as y } from "react";
+import { jsx as b } from "react/jsx-runtime";
+//#region src/components/Sortable/components/SortableContainer.tsx
+function x({ scrollable: n, hideNumbers: r, onSort: i }) {
+	let { clone: a, draggingTarget: o, drop: s, sortableItems: c, setDraggingTarget: l, reset: u, indices: d } = E(), f = y(null), p = y(null), h = y(d);
+	function g(e) {
+		let t = f.current;
+		if (!t?.hasChildNodes()) return;
+		let n = e.currentTarget;
+		return Array.from(t.childNodes).findIndex((e) => e.isEqualNode(n));
+	}
+	function v(e) {
+		let t = g(e);
+		t !== void 0 && (a && p.current && p.current.removeChild(a), s(t));
+	}
+	function x(e) {
+		if (e.preventDefault(), e.dataTransfer.dropEffect = "move", a) {
+			let { clientX: t, clientY: n } = e, { x: r, y: i, width: o, height: s } = e.currentTarget.getBoundingClientRect(), c = s / 2 - (n - i);
+			a.setAttribute("style", `
+        left: ${t - (t - r)}px;
+        top: ${i - c}px;
+        height: ${s}px;
+        width: ${o}px;
+        visibility: visible;
+      `);
+		}
+		let t = g(e);
+		t === void 0 || t === o || l(t);
+	}
+	function S(e) {
+		let { relatedTarget: t } = e;
+		t !== null && f.current?.contains(t) || (u(), a && a.setAttribute("style", "visibility: hidden;"));
+	}
+	return _(() => {
+		if (!(!a || !p.current)) return p.current.appendChild(a), function() {
+			a.remove();
+		};
+	}, [a]), _(() => {
+		i && d.valueOf() !== h.current.valueOf() && (i(d), h.current = d);
+	}, [
+		d,
+		h,
+		i
+	]), /* @__PURE__ */ b("div", {
+		className: e(t.sortable__wrapper, { [t["sortable__wrapper--scrollable"]]: n }),
+		ref: p,
+		children: /* @__PURE__ */ b("ul", {
+			className: e(t.sortable__container, { [t["sortable__container--drag-over"]]: a !== void 0 }),
+			onDragLeave: S,
+			ref: f,
+			role: "presentation",
+			children: c.map((n, i) => /* @__PURE__ */ b("li", {
+				className: e(t["sortable__drop-target"], { [t["sortable__drop-target--no-number"]]: r }),
+				draggable: !1,
+				onDragOver: x,
+				onDrop: v,
+				role: "presentation",
+				children: m(n, { index: i })
+			}, i))
+		})
+	});
+}
+//#endregion
+//#region src/components/Sortable/SortableProvider.tsx
+var S = h(void 0);
+function C(e) {
+	return typeof e != "string";
+}
+var w = (e) => {
+	let t = e.filter(C);
+	return {
+		...n,
+		indices: t.map(({ props: e }) => e.index),
+		maxIndex: t.length - 1,
+		sortableItems: t
+	};
+};
+function T({ renderItems: e, dataItems: t, scrollable: n, hideNumbers: m, onSort: h }) {
+	let g = y(t), [_, C] = v(r, e, w);
+	function T(e) {
+		C(f(e));
+	}
+	function E(e) {
+		C(p(e));
+	}
+	function D(e) {
+		C(l(e));
+	}
+	function O() {
+		C(a());
+	}
+	function k() {
+		C(i());
+	}
+	function A(e) {
+		C(c(e));
+	}
+	function j(e) {
+		C(s(e));
+	}
+	function M() {
+		C(o());
+	}
+	function N() {
+		C(u());
+	}
+	function P(e) {
+		C(d(e));
+	}
+	function F(e) {
+		let t = e.map((e) => g.current[e]);
+		h && h(t);
+	}
+	return /* @__PURE__ */ b(S.Provider, {
+		value: {
+			..._,
+			clearDraggingSource: k,
+			clearDraggingTarget: O,
+			dragEnd: M,
+			dragStart: j,
+			drop: A,
+			moveToPosition: D,
+			reset: N,
+			setClone: P,
+			setDraggingSource: T,
+			setDraggingTarget: E
+		},
+		children: /* @__PURE__ */ b(x, {
+			scrollable: n,
+			hideNumbers: m,
+			onSort: F
+		})
+	});
+}
+function E() {
+	let e = g(S);
+	if (e === void 0) throw Error("useSortable must be used within a SortableProvider");
+	return e;
+}
+//#endregion
+export { E as n, x as r, T as t };
+
+//# sourceMappingURL=SortableProvider-Dc7hwkb5.js.map

package/dist/SortableProvider-Dc7hwkb5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableProvider-Dc7hwkb5.js","names":[],"sources":["../src/components/Sortable/components/SortableContainer.tsx","../src/components/Sortable/SortableProvider.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent } from 'react';\n\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport type OnSort = (indices: number[]) => void;\n\ninterface SortableContainerProps {\n  scrollable?: boolean;\n  hideNumbers?: boolean;\n  onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, hideNumbers, onSort }: SortableContainerProps) {\n  const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n  const containerRef = useRef<HTMLUListElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const indicesRef = useRef<number[]>(indices);\n\n  function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n    const sortableContainer = containerRef.current;\n\n    if (!sortableContainer?.hasChildNodes()) return;\n\n    const listItemNode = event.currentTarget;\n    const childNodes = Array.from(sortableContainer.childNodes);\n    const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n    return targetIndex;\n  }\n\n  function handleDrop(event: DragEvent<HTMLLIElement>) {\n    const targetIndex = getTargetIndex(event);\n\n    if (targetIndex === undefined) return;\n\n    if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n    drop(targetIndex);\n  }\n\n  function handleDragOver(event: DragEvent<HTMLLIElement>) {\n    // Prevent default to allow drop\n    event.preventDefault();\n    event.dataTransfer.dropEffect = 'move';\n\n    if (clone) {\n      const { clientX, clientY } = event;\n      const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      const grabPosition = height / 2 - (clientY - y);\n\n      // lock drag image movement to x-axis and mouse pointer\n      clone.setAttribute(\n        'style',\n        `\n        left: ${clientX - (clientX - x)}px;\n        top: ${y - grabPosition}px;\n        height: ${height}px;\n        width: ${width}px;\n        visibility: visible;\n      `\n      );\n    }\n\n    const targetIndex = getTargetIndex(event);\n\n    if (targetIndex === undefined || targetIndex === draggingTarget) return;\n\n    setDraggingTarget(targetIndex);\n  }\n\n  function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n    const { relatedTarget } = event;\n\n    const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n    if (!within) {\n      reset();\n\n      if (clone) {\n        clone.setAttribute('style', 'visibility: hidden;');\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (!clone || !wrapperRef.current) return;\n\n    wrapperRef.current.appendChild(clone);\n\n    return function () {\n      clone.remove();\n    };\n  }, [clone]);\n\n  useEffect(() => {\n    if (!onSort) return;\n\n    if (indices.valueOf() !== indicesRef.current.valueOf()) {\n      onSort(indices);\n\n      indicesRef.current = indices;\n    }\n  }, [indices, indicesRef, onSort]);\n\n  return (\n    <div\n      className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n      ref={wrapperRef}\n    >\n      <ul\n        className={clsx(styles['sortable__container'], {\n          [styles['sortable__container--drag-over']]: clone !== undefined,\n        })}\n        onDragLeave={handleContainerDragLeave}\n        ref={containerRef}\n        role=\"presentation\"\n      >\n        {sortableItems.map((child, index) => (\n          <li\n            className={clsx(styles['sortable__drop-target'], {\n              [styles['sortable__drop-target--no-number']]: hideNumbers,\n            })}\n            draggable={false}\n            key={index}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop}\n            role=\"presentation\"\n          >\n            {cloneElement(child, { index })}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n","import { createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { SortableStateType } from './sortableReducer';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n  clearDraggingSource: () => void;\n  clearDraggingTarget: () => void;\n  dragEnd: () => void;\n  dragStart: (index: number) => void;\n  drop: (index: number) => void;\n  moveToPosition: (index: number) => void;\n  reset: () => void;\n  setClone: (node: Element) => void;\n  setDraggingSource: (index: number) => void;\n  setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) | undefined>(undefined);\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\ninterface Props<T = unknown> {\n  renderItems: SortableItems;\n  dataItems: T[];\n  scrollable?: boolean;\n  hideNumbers?: boolean;\n  onSort?: (items: T[]) => void;\n  children?: ReactNode;\n}\n\nfunction isReactElementWithIndex(value: string | ReactElement): value is ReactElement<{ index: number }> {\n  return typeof value !== 'string';\n}\n\nconst init = (renderItems: SortableItems): SortableStateType => {\n  const reactChildren = renderItems.filter(isReactElementWithIndex);\n\n  return {\n    ...initialState,\n    indices: reactChildren.map(({ props }) => props.index),\n    maxIndex: reactChildren.length - 1,\n    sortableItems: reactChildren,\n  };\n};\n\nexport function SortableProvider<T>({ renderItems, dataItems, scrollable, hideNumbers, onSort }: Props<T>) {\n  const persistentItems = useRef(dataItems);\n\n  const [state, dispatch] = useReducer(sortableReducer, renderItems, init);\n\n  function setDraggingSource(index: number) {\n    dispatch(actions.setDraggingSource(index));\n  }\n\n  function setDraggingTarget(index: number) {\n    dispatch(actions.setDraggingTarget(index));\n  }\n\n  function moveToPosition(index: number) {\n    dispatch(actions.moveToPosition(index));\n  }\n\n  function clearDraggingTarget() {\n    dispatch(actions.clearDraggingTarget());\n  }\n\n  function clearDraggingSource() {\n    dispatch(actions.clearDraggingSource());\n  }\n\n  function drop(index: number) {\n    dispatch(actions.drop(index));\n  }\n\n  function dragStart(index: number) {\n    dispatch(actions.dragStart(index));\n  }\n\n  function dragEnd() {\n    dispatch(actions.dragEnd());\n  }\n\n  function reset() {\n    dispatch(actions.reset());\n  }\n\n  function setClone(node: Element) {\n    dispatch(actions.setClone(node));\n  }\n\n  function onHandleSort(sortedIndices: number[]) {\n    const sortedData = sortedIndices.map((index) => persistentItems.current[index]);\n    onSort && onSort(sortedData);\n  }\n\n  return (\n    <SortableContext.Provider\n      value={{\n        ...state,\n        clearDraggingSource,\n        clearDraggingTarget,\n        dragEnd,\n        dragStart,\n        drop,\n        moveToPosition,\n        reset,\n        setClone,\n        setDraggingSource,\n        setDraggingTarget,\n      }}\n    >\n      <SortableContainer scrollable={scrollable} hideNumbers={hideNumbers} onSort={onHandleSort} />\n    </SortableContext.Provider>\n  );\n}\n\nexport function useSortable() {\n  const context = useContext(SortableContext);\n\n  if (context === undefined) {\n    throw new Error('useSortable must be used within a SortableProvider');\n  }\n\n  return context;\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EAAkB,EAAE,eAAY,gBAAa,aAAkC;CAC7F,IAAM,EAAE,UAAO,mBAAgB,SAAM,kBAAe,sBAAmB,UAAO,eAAY,GAAa,EACjG,IAAe,EAAyB,KAAK,EAC7C,IAAa,EAAuB,KAAK,EACzC,IAAa,EAAiB,EAAQ;CAE5C,SAAS,EAAe,GAAiC;EACvD,IAAM,IAAoB,EAAa;AAEvC,MAAI,CAAC,GAAmB,eAAe,CAAE;EAEzC,IAAM,IAAe,EAAM;AAI3B,SAHmB,MAAM,KAAK,EAAkB,WAAW,CAC5B,WAAW,MAAS,EAAK,YAAY,EAAa,CAAC;;CAKpF,SAAS,EAAW,GAAiC;EACnD,IAAM,IAAc,EAAe,EAAM;AAErC,QAAgB,KAAA,MAEhB,KAAS,EAAW,WAAS,EAAW,QAAQ,YAAY,EAAM,EAEtE,EAAK,EAAY;;CAGnB,SAAS,EAAe,GAAiC;AAKvD,MAHA,EAAM,gBAAgB,EACtB,EAAM,aAAa,aAAa,QAE5B,GAAO;GACT,IAAM,EAAE,YAAS,eAAY,GACvB,EAAE,MAAG,MAAG,UAAO,cAAW,EAAM,cAAc,uBAAuB,EAErE,IAAe,IAAS,KAAK,IAAU;AAG7C,KAAM,aACJ,SACA;gBACQ,KAAW,IAAU,GAAG;eACzB,IAAI,EAAa;kBACd,EAAO;iBACR,EAAM;;QAGhB;;EAGH,IAAM,IAAc,EAAe,EAAM;AAErC,QAAgB,KAAA,KAAa,MAAgB,KAEjD,EAAkB,EAAY;;CAGhC,SAAS,EAAyB,GAAoC;EACpE,IAAM,EAAE,qBAAkB;AAI1B,EAFe,MAAkB,QAAQ,EAAa,SAAS,SAAS,EAAsB,KAG5F,GAAO,EAEH,KACF,EAAM,aAAa,SAAS,sBAAsB;;AAyBxD,QApBA,QAAgB;AACV,SAAC,KAAS,CAAC,EAAW,SAI1B,QAFA,EAAW,QAAQ,YAAY,EAAM,EAE9B,WAAY;AACjB,KAAM,QAAQ;;IAEf,CAAC,EAAM,CAAC,EAEX,QAAgB;AACT,OAED,EAAQ,SAAS,KAAK,EAAW,QAAQ,SAAS,KACpD,EAAO,EAAQ,EAEf,EAAW,UAAU;IAEtB;EAAC;EAAS;EAAY;EAAO,CAAC,EAG/B,kBAAC,OAAD;EACE,WAAW,EAAK,EAAO,mBAAsB,GAAG,EAAO,mCAAmC,GAAY,CAAC;EACvG,KAAK;YAEL,kBAAC,MAAD;GACE,WAAW,EAAK,EAAO,qBAAwB,GAC5C,EAAO,oCAAoC,MAAU,KAAA,GACvD,CAAC;GACF,aAAa;GACb,KAAK;GACL,MAAK;aAEJ,EAAc,KAAK,GAAO,MACzB,kBAAC,MAAD;IACE,WAAW,EAAK,EAAO,0BAA0B,GAC9C,EAAO,sCAAsC,GAC/C,CAAC;IACF,WAAW;IAEX,YAAY;IACZ,QAAQ;IACR,MAAK;cAEJ,EAAa,GAAO,EAAE,UAAO,CAAC;IAC5B,EANE,EAMF,CACL;GACC,CAAA;EACD,CAAA;;;;AClHV,IAAM,IAAkB,EAAqE,KAAA,EAAU;AAavG,SAAS,EAAwB,GAAwE;AACvG,QAAO,OAAO,KAAU;;AAG1B,IAAM,KAAQ,MAAkD;CAC9D,IAAM,IAAgB,EAAY,OAAO,EAAwB;AAEjE,QAAO;EACL,GAAG;EACH,SAAS,EAAc,KAAK,EAAE,eAAY,EAAM,MAAM;EACtD,UAAU,EAAc,SAAS;EACjC,eAAe;EAChB;;AAGH,SAAgB,EAAoB,EAAE,gBAAa,cAAW,eAAY,gBAAa,aAAoB;CACzG,IAAM,IAAkB,EAAO,EAAU,EAEnC,CAAC,GAAO,KAAY,EAAW,GAAiB,GAAa,EAAK;CAExE,SAAS,EAAkB,GAAe;AACxC,IAAS,EAA0B,EAAM,CAAC;;CAG5C,SAAS,EAAkB,GAAe;AACxC,IAAS,EAA0B,EAAM,CAAC;;CAG5C,SAAS,EAAe,GAAe;AACrC,IAAS,EAAuB,EAAM,CAAC;;CAGzC,SAAS,IAAsB;AAC7B,IAAS,GAA6B,CAAC;;CAGzC,SAAS,IAAsB;AAC7B,IAAS,GAA6B,CAAC;;CAGzC,SAAS,EAAK,GAAe;AAC3B,IAAS,EAAa,EAAM,CAAC;;CAG/B,SAAS,EAAU,GAAe;AAChC,IAAS,EAAkB,EAAM,CAAC;;CAGpC,SAAS,IAAU;AACjB,IAAS,GAAiB,CAAC;;CAG7B,SAAS,IAAQ;AACf,IAAS,GAAe,CAAC;;CAG3B,SAAS,EAAS,GAAe;AAC/B,IAAS,EAAiB,EAAK,CAAC;;CAGlC,SAAS,EAAa,GAAyB;EAC7C,IAAM,IAAa,EAAc,KAAK,MAAU,EAAgB,QAAQ,GAAO;AAC/E,OAAU,EAAO,EAAW;;AAG9B,QACE,kBAAC,EAAgB,UAAjB;EACE,OAAO;GACL,GAAG;GACH,qBAAA;GACA,qBAAA;GACA,SAAA;GACA,WAAA;GACA,MAAA;GACA,gBAAA;GACA,OAAA;GACA,UAAA;GACA,mBAAA;GACA,mBAAA;GACD;YAED,kBAAC,GAAD;GAA+B;GAAyB;GAAa,QAAQ;GAAgB,CAAA;EACpE,CAAA;;AAI/B,SAAgB,IAAc;CAC5B,IAAM,IAAU,EAAW,EAAgB;AAE3C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,qDAAqD;AAGvE,QAAO"}

package/dist/Spinner-D8tWqg9j.js

@@ -0,0 +1,31 @@
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import './assets/Spinner.css';//#region src/components/Spinner/Spinner.module.css
+var r = "_spinner_n7kdw_11", i = "_spin_n7kdw_11", a = {
+	"spinner-container": "_spinner-container_n7kdw_11",
+	spinner: r,
+	spin: i
+}, o = 250, s = ({ ariaValueText: r, showAfterMs: i = o }) => {
+	let [s, c] = t(() => i === 0);
+	return e(() => {
+		if (i === 0) return;
+		let e = window.setTimeout(() => {
+			c(!0);
+		}, i);
+		return () => {
+			window.clearTimeout(e);
+		};
+	}), s ? /* @__PURE__ */ n("div", {
+		className: a["spinner-container"],
+		children: /* @__PURE__ */ n("div", {
+			className: a.spinner,
+			role: "progressbar",
+			"aria-label": "Spinner",
+			"aria-valuetext": r
+		})
+	}) : null;
+};
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=Spinner-D8tWqg9j.js.map

package/dist/Spinner-D8tWqg9j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-D8tWqg9j.js","names":[],"sources":["../src/components/Spinner/Spinner.module.css","../src/components/Spinner/Spinner.tsx"],"sourcesContent":["@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.spinner-container {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  padding: 2rem;\n}\n\n.spinner {\n  height: 2rem;\n  width: 2rem;\n}\n\n.spinner::after {\n  border: 0.25rem solid hsl(0deg 0% 0% / 10%);\n  border-radius: 50%;\n  content: \" \";\n  display: block;\n  height: 100%;\n  transform-origin: 50% 50%;\n  width: 100%;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .spinner::after {\n    animation: spin 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;\n    border-left-color: var(--color-uva-black);\n  }\n}\n","import { useEffect, useState } from 'react';\n\nimport styles from './Spinner.module.css';\n\nconst DEFAULT_DELAY_IN_MS = 250;\n\nexport interface SpinnerProps {\n  /** The `aria-valuetext` of the spinner. */\n  ariaValueText: string;\n  /** Delay in milliseconds after which the spinner becomes visible. The default is `250`. */\n  showAfterMs?: number;\n}\n\n/** Represents a component to display a spinner. */\nexport const Spinner = ({ ariaValueText, showAfterMs = DEFAULT_DELAY_IN_MS }: SpinnerProps) => {\n  const [visible, setVisible] = useState(() => (showAfterMs === 0 ? true : false));\n\n  useEffect(() => {\n    if (showAfterMs === 0) {\n      return;\n    }\n    const t = window.setTimeout(() => {\n      setVisible(true);\n    }, showAfterMs);\n\n    return () => {\n      window.clearTimeout(t);\n    };\n  });\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div className={styles['spinner-container']}>\n      <div className={styles['spinner']} role=\"progressbar\" aria-label=\"Spinner\" aria-valuetext={ariaValueText}></div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;GCIM,IAAsB,KAUf,KAAW,EAAE,kBAAe,iBAAc,QAAwC;CAC7F,IAAM,CAAC,GAAS,KAAc,QAAgB,MAAgB,EAAkB;AAmBhF,QAjBA,QAAgB;AACd,MAAI,MAAgB,EAClB;EAEF,IAAM,IAAI,OAAO,iBAAiB;AAChC,KAAW,GAAK;KACf,EAAY;AAEf,eAAa;AACX,UAAO,aAAa,EAAE;;GAExB,EAEG,IAKH,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAY,MAAK;GAAc,cAAW;GAAU,kBAAgB;GAAqB,CAAA;EAC5G,CAAA,GANC"}

package/dist/StatusBage-DQDOF5-U.js

@@ -0,0 +1,13 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { jsx as t } from "react/jsx-runtime";
+import './assets/StatusBage.css';var n = {
+	statusbadge: "_statusbadge_1irx5_1",
+	"statusbadge--high-contrast": "_statusbadge--high-contrast_1irx5_14"
+}, r = ({ label: r, highContrast: i = !1 }) => /* @__PURE__ */ t("div", {
+	className: e(n.statusbadge, [i && n["statusbadge--high-contrast"]]),
+	children: r
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=StatusBage-DQDOF5-U.js.map

package/dist/StatusBage-DQDOF5-U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBage-DQDOF5-U.js","names":[],"sources":["../src/components/StatusBadge/StatusBadge.module.css","../src/components/StatusBadge/StatusBage.tsx"],"sourcesContent":[".statusbadge {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  color: var(--color-grey-700);\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size-text-non-essential);\n  height: 1.5rem;\n  padding: 0 0.5rem;\n  white-space: nowrap;\n  width: fit-content;\n}\n\n.statusbadge--high-contrast {\n  background-color: var(--color-uva-white);\n}\n","import { clsx } from 'clsx';\n\nimport styles from './StatusBadge.module.css';\n\nexport interface StatusBadgeProps {\n  /** Text on the badge */\n  label: string;\n  /** true to render the card with high contrast colors; otherwise, false. The default is false. */\n  highContrast?: boolean;\n}\n\nexport const StatusBadge = ({ label, highContrast = false }: StatusBadgeProps) => {\n  return (\n    <div className={clsx(styles['statusbadge'], [highContrast && styles['statusbadge--high-contrast']])}>{label}</div>\n  );\n};\n"],"mappings":";;;;;GCWa,KAAe,EAAE,UAAO,kBAAe,SAEhD,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,aAAgB,CAAC,KAAgB,EAAO,8BAA8B,CAAC;WAAG;CAAY,CAAA"}

package/dist/StatusPill-DM7n3I4W.js

@@ -0,0 +1,30 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import './assets/StatusPill.css';//#region src/components/StatusPill/StatusPill.module.css
+var i = {
+	"status-pill": "_status-pill_15n23_1",
+	"status-pill__possible": "_status-pill__possible_15n23_10",
+	"status-pill__impossible": "_status-pill__impossible_15n23_15",
+	"status-pill__new": "_status-pill__new_15n23_20",
+	"status-pill__dark": "_status-pill__dark_15n23_26",
+	"status-pill--bar": "_status-pill--bar_15n23_33",
+	"status-pill--compact": "_status-pill--compact_15n23_40"
+}, a = {
+	possible: "CheckCircleFillMini",
+	impossible: "CrossCircleFillMini"
+};
+function o({ status: o, variant: s = "default", label: c }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(i["status-pill"], i[`status-pill__${o}`], s !== "default" && i[`status-pill--${s}`]),
+		children: [(o === "possible" || o === "impossible") && /* @__PURE__ */ n(t, {
+			name: a[o],
+			title: o,
+			size: 16
+		}), c]
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=StatusPill-DM7n3I4W.js.map

package/dist/StatusPill-DM7n3I4W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill-DM7n3I4W.js","names":[],"sources":["../src/components/StatusPill/StatusPill.module.css","../src/components/StatusPill/StatusPill.tsx"],"sourcesContent":[".status-pill {\n  align-items: center;\n  border-radius: 1.5rem;\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.25rem 0.5rem;\n  width: fit-content;\n}\n\n.status-pill__possible {\n  background-color: var(--color-forest-100);\n  color: var(--color-forest-900);\n}\n\n.status-pill__impossible {\n  background-color: var(--color-red-100);\n  color: var(--color-red-800);\n}\n\n.status-pill__new {\n  background-color: var(--color-navy-100);\n  color: var(--color-navy-600);\n  font-size: var(--font-size-text-non-essential);\n}\n\n.status-pill__dark {\n  background-color: var(--color-uva-black);\n  color: var(--color-uva-white);\n  font-size: var(--font-size-text-non-essential);\n  font-weight: var(--semibold);\n}\n\n.status-pill--bar {\n  border-radius: 0;\n  justify-content: center;\n  padding: 0.5rem;\n  width: 100%;\n}\n\n.status-pill--compact {\n  height: 1.125rem;\n  padding: 0.125rem 0.5rem 0 0.5rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './StatusPill.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface StatusPillProps {\n  /** The status to convey. */\n  status: 'possible' | 'impossible' | 'new' | 'dark';\n  /** The variant of the pill. */\n  variant?: 'default' | 'bar' | 'compact';\n  /** A description of the status. */\n  label: string;\n}\n\nconst iconNameMap: Partial<Record<StatusPillProps['status'], IconProps['name']>> = {\n  possible: 'CheckCircleFillMini',\n  impossible: 'CrossCircleFillMini',\n};\n\n/** Represents a component for a status pill. */\nexport function StatusPill({ status, variant = 'default', label }: StatusPillProps) {\n  return (\n    <span\n      className={clsx(\n        styles['status-pill'],\n        styles[`status-pill__${status}`],\n        variant !== 'default' && styles[`status-pill--${variant}`]\n      )}\n    >\n      {(status === 'possible' || status === 'impossible') && (\n        <Icon name={iconNameMap[status]!} title={status} size={16} />\n      )}\n      {label}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;GCiBM,IAA6E;CACjF,UAAU;CACV,YAAY;CACb;AAGD,SAAgB,EAAW,EAAE,WAAQ,aAAU,WAAW,YAA0B;AAClF,QACE,kBAAC,QAAD;EACE,WAAW,EACT,EAAO,gBACP,EAAO,gBAAgB,MACvB,MAAY,aAAa,EAAO,gBAAgB,KACjD;YALH,EAOI,MAAW,cAAc,MAAW,iBACpC,kBAAC,GAAD;GAAM,MAAM,EAAY;GAAU,OAAO;GAAQ,MAAM;GAAM,CAAA,EAE9D,EACI"}

package/dist/TableCellContextMenu-D0IMQr3E.js

@@ -0,0 +1,119 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { t as n } from "./LexicalComposerContext.prod-Ca-YN_fj.js";
+import { useTranslation as r } from "./components/RteEditor/hooks/useTranslation.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import './assets/TableCellContextMenu.css';//#region src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.module.css
+var l = {
+	"context-menu__wrapper": "_context-menu__wrapper_c2vuh_1",
+	"context-menu__button": "_context-menu__button_c2vuh_10",
+	"context-menu": "_context-menu_c2vuh_1",
+	"context-menu--open": "_context-menu--open_c2vuh_38",
+	"context-menu__item": "_context-menu__item_c2vuh_43",
+	"context-menu__item-divider": "_context-menu__item-divider_c2vuh_57",
+	"context-menu__wrapper--hidden": "_context-menu__wrapper--hidden_c2vuh_61"
+}, u = 25, d = 10, f = 4, p = 25, m = (e) => {
+	let t = e.cloneNode(!0);
+	t.style.height = "auto", t.style.left = "-3000px", document.body.appendChild(t);
+	let n = t.getBoundingClientRect().height;
+	return document.body.removeChild(t), n;
+}, h = ({ position: h, parentScrollPosition: g, onAction: _ }) => {
+	let v = r(), [y, b] = o(!1), [x, S] = o(!1), [C, w] = o({
+		xPos: 0,
+		yPos: 0,
+		height: 0
+	}), [T, E] = o(0), D = a(0), O = a(null), k = a(null), A = a(null), [j] = n(), M = (e) => {
+		_(e), b(!1);
+	}, N = () => {
+		let e = O.current ? O.current.getBoundingClientRect().width : 0;
+		k.current && O.current && A.current && (C.xPos < e && k.current ? (k.current.style.left = `${e - C.xPos + d}px`, A.current.style.right = `${e - C.xPos + f + d}px`) : (k.current.style.left = "0px", A.current.style.right = `${f}px`), T || E(m(O.current)), T > document.documentElement.clientHeight - C.yPos ? (k.current.style.top = `-${T + C.height}px`, A.current.style.top = `${T + f}px`, A.current.style.transform = "rotate(180deg)") : (k.current.style.top = "0px", A.current.style.top = `-${p}px`, A.current.style.transform = "none"));
+	};
+	return i(() => {
+		w(h), h && (D.current = g), b(!1), S(!1);
+	}, [h]), i(() => {
+		if (A.current) {
+			let e = A.current.getBoundingClientRect(), t = j.getRootElement();
+			if (!t) return;
+			e.top - t.getBoundingClientRect().top <= 0 || e.top - t.getBoundingClientRect().bottom + u >= 0 ? S(!0) : S(!1), N();
+		}
+	}, [g]), /* @__PURE__ */ c("div", {
+		className: e(l["context-menu__wrapper"], [x && l["context-menu__wrapper--hidden"]]),
+		style: { transform: `${N(), `translate(${(C?.xPos ?? 0) - (O.current ? O.current.getBoundingClientRect().width : 0)}px, ${C.yPos - (g - D.current)}px)`}` },
+		ref: k,
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: () => b((e) => !e),
+			className: l["context-menu__button"],
+			ref: A,
+			children: /* @__PURE__ */ s(t, {
+				name: "CheveronDown",
+				size: 16
+			})
+		}), /* @__PURE__ */ c("ul", {
+			ref: O,
+			className: e(l["context-menu"], y && l["context-menu--open"]),
+			children: [
+				/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => M("insertRowAbove"),
+					className: l["context-menu__item"],
+					"aria-label": v.aria.labels.tableInsertRowAbove,
+					children: v.table.insertRowAbove
+				}) }),
+				/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => M("insertRowBelow"),
+					className: l["context-menu__item"],
+					"aria-label": v.aria.labels.tableInsertRowBelow,
+					children: v.table.insertRowBelow
+				}) }),
+				/* @__PURE__ */ s("li", {
+					className: l["context-menu__item-divider"],
+					children: /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => M("deleteRow"),
+						className: l["context-menu__item"],
+						"aria-label": v.aria.labels.tableDeleteRow,
+						children: v.table.deleteRow
+					})
+				}),
+				/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => M("insertColumnLeft"),
+					className: l["context-menu__item"],
+					"aria-label": v.aria.labels.tableInsertColumnLeft,
+					children: v.table.insertColumnLeft
+				}) }),
+				/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => M("insertColumnRight"),
+					className: l["context-menu__item"],
+					"aria-label": v.aria.labels.tableInsertColumnRight,
+					children: v.table.insertColumnRight
+				}) }),
+				/* @__PURE__ */ s("li", {
+					className: l["context-menu__item-divider"],
+					children: /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => M("deleteColumn"),
+						className: l["context-menu__item"],
+						"aria-label": v.aria.labels.tableDeleteColumn,
+						children: v.table.deleteColumn
+					})
+				}),
+				/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: () => M("deleteTable"),
+					className: l["context-menu__item"],
+					"aria-label": v.aria.labels.tableDeleteTable,
+					children: v.table.deleteTable
+				}) })
+			]
+		})]
+	});
+};
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=TableCellContextMenu-D0IMQr3E.js.map

package/dist/TableCellContextMenu-D0IMQr3E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellContextMenu-D0IMQr3E.js","names":[],"sources":["../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.module.css","../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":[".context-menu__wrapper {\n  left: 0;\n  min-width: 10rem;\n  position: fixed;\n  top: 0;\n  visibility: visible;\n  z-index: 1000;\n}\n\n.context-menu__button {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border: 0;\n  border-radius: 4px;\n  color: var(--color-grey-700);\n  display: flex;\n  height: 1.35rem;\n  justify-content: center;\n  position: absolute;\n  right: 0.25rem;\n  top: -1.6rem;\n  width: 1.35rem;\n}\n\n.context-menu {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-500);\n  border-radius: 4px;\n  box-shadow: 0 2px 6px rgba(0 0 0 / 20%);\n  height: 0;\n  list-style-type: none;\n  margin: -2px 0 0;\n  overflow: hidden;\n  padding: 0;\n  visibility: hidden;\n}\n\n.context-menu--open {\n  height: auto;\n  visibility: visible;\n}\n\n.context-menu__item {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: none;\n  color: var(--color-uva-black);\n  display: flex;\n  padding: 0.65rem;\n  width: 100%;\n}\n\n.context-menu__item:hover {\n  background-color: var(--color-grey-300);\n}\n\n.context-menu__item-divider {\n  border-bottom: 1px solid var(--color-grey-500);\n}\n\n.context-menu__wrapper--hidden,\n.context-menu__wrapper--hidden .context-menu {\n  visibility: hidden;\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  parentScrollPosition: number;\n  onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst measureElement = (srcElement: HTMLElement) => {\n  const measureElement = srcElement.cloneNode(true) as HTMLElement;\n  measureElement.style.height = 'auto';\n  measureElement.style.left = '-3000px';\n  document.body.appendChild(measureElement);\n  const height = measureElement.getBoundingClientRect().height;\n  document.body.removeChild(measureElement);\n  return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHidden, setIsHidden] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n  const [menuHeight, setMenuHeight] = useState(0);\n  const startScrollPosition = useRef(0);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [editor] = useLexicalComposerContext();\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  const flipMenuIfNotInViewport = () => {\n    const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n    if (containerRef.current && menuRef.current && buttonRef.current) {\n      if (localPosition.xPos < menuWidth && containerRef.current) {\n        containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n        buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n      } else {\n        containerRef.current.style.left = '0px';\n        buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n      }\n\n      if (!menuHeight) {\n        setMenuHeight(measureElement(menuRef.current));\n      }\n\n      if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n        containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n        buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n        buttonRef.current.style.transform = 'rotate(180deg)';\n      } else {\n        containerRef.current.style.top = '0px';\n        buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n        buttonRef.current.style.transform = 'none';\n      }\n    }\n  };\n\n  const setMenuPosition = () => {\n    flipMenuIfNotInViewport();\n    return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    if (position) {\n      startScrollPosition.current = parentScrollPosition;\n    }\n    setIsOpen(false);\n    setIsHidden(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [position]);\n\n  useEffect(() => {\n    if (buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const rootElement = editor.getRootElement();\n      if (!rootElement) return;\n      if (\n        rect.top - rootElement.getBoundingClientRect().top <= 0 ||\n        rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n      ) {\n        setIsHidden(true);\n      } else {\n        setIsHidden(false);\n      }\n      flipMenuIfNotInViewport();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  return (\n    <div\n      className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n      style={{\n        transform: `${setMenuPosition()}`,\n      }}\n      ref={containerRef}\n    >\n      <button\n        type=\"button\"\n        onClick={() => setIsOpen((prev) => !prev)}\n        className={styles['context-menu__button']}\n        ref={buttonRef}\n      >\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowAbove')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowAbove}\n          >\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertRowBelow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertRowBelow}\n          >\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteRow')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteRow}\n          >\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnLeft')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnLeft}\n          >\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('insertColumnRight')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableInsertColumnRight}\n          >\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteColumn')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteColumn}\n          >\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button\n            type=\"button\"\n            onClick={() => handleAction('deleteTable')}\n            className={styles['context-menu__item']}\n            aria-label={t.aria.labels.tableDeleteTable}\n          >\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/TableCellResizerPlugin-BGolbi44.js

@@ -0,0 +1,208 @@
+import { t as e } from "./LexicalComposerContext.prod-Ca-YN_fj.js";
+import { K as t, v as n } from "./Lexical.prod-DCGjHGxG.js";
+import { l as r, n as i } from "./LexicalUtils.prod-BzrjMu6t.js";
+import { S as a, f as o, g as s, l as c, p as l, r as u, s as d, t as f, v as p } from "./LexicalTable.prod-C2FP47Lm.js";
+import { $createTableWrapperNode as m, TableWrapperNode as h } from "./components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js";
+import { getEditorContentWidth as g, getEditorParrentCellWidth as _, tableHasContent as v } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
+import { useCallback as y, useEffect as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { createPortal as O } from "react-dom";
+import './assets/TableCellResizerPlugin.css';//#region node_modules/@lexical/react/useLexicalEditable.prod.mjs
+var k = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? x : b;
+function A(e) {
+	return {
+		initialValueFn: () => e.isEditable(),
+		subscribe: (t) => e.registerEditableListener(t)
+	};
+}
+function j() {
+	return function(t) {
+		let [n] = e(), r = S(() => t(n), [n, t]), [i, a] = w(() => r.initialValueFn()), o = C(i);
+		return k(() => {
+			let { initialValueFn: e, subscribe: t } = r, n = e();
+			return o.current !== n && (o.current = n, a(n)), t((e) => {
+				o.current = e, a(e);
+			});
+		}, [r, t]), i;
+	}(A);
+}
+//#endregion
+//#region src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.module.css
+var M = { "table-cell-resizer__resizer": "_table-cell-resizer__resizer_2hhfo_17" }, N = 33, P = 32, F = 2;
+function I({ editor: e }) {
+	let x = C(null), S = C(null), O = C(null), k = C(null), [A, j] = w(null), [I, L] = w(null), [R, z] = w(!1), [B, V] = w(null), H = y(() => {
+		L(null), x.current = null, V(null), k.current = null, O.current = null;
+	}, []), U = (e) => (e.buttons & 1) == 1;
+	b(() => e.registerNodeTransform(p, (t) => {
+		if (!t.getColWidths()) {
+			let n = t.getChildren(), i = t.getColumnCount(), a = Array(i).fill(void 0);
+			n[0].getChildren().forEach((n, o) => {
+				let s = e.getElementByKey(n.getKey());
+				if (s && s.style.width) a[o] = parseInt(s.style.width, 10), s.style.width = "";
+				else if (v(t)) {
+					let n = t ? r(t, c) : null, s = (n ? _(n, i, e) : g(e)) / i;
+					a[o] = Math.max(s, P);
+				} else a[o] = P;
+			}), t.setColWidths(a);
+		}
+		if (t && !(t.getParent() instanceof h)) {
+			let e = m();
+			t.replace(e), e.append(t);
+		}
+		return t;
+	}), [e]), b(() => {
+		let r = (r) => {
+			let i = r.target;
+			if (t(i)) {
+				if (B) {
+					j({
+						x: r.clientX,
+						y: r.clientY
+					});
+					return;
+				}
+				if (z(U(r)), !(S.current && S.current.contains(i)) && x.current !== i) {
+					x.current = i;
+					let t = d(i);
+					t && I !== t ? e.getEditorState().read(() => {
+						let r = n(t.elem);
+						if (!r) throw Error("TableCellResizer: Table cell node not found.");
+						let a = s(r), o = f(a, e.getElementByKey(a.getKey()));
+						if (!o) throw Error("TableCellResizer: Table element not found.");
+						x.current = i, O.current = o.getBoundingClientRect(), L(t);
+					}, { editor: e }) : t ?? H();
+				}
+			}
+		}, i = () => {
+			z(!0);
+		}, a = () => {
+			z(!1);
+		}, o = e.registerRootListener((e, t) => {
+			t?.removeEventListener("mousemove", r), t?.removeEventListener("mousedown", i), t?.removeEventListener("mouseup", a), e?.addEventListener("mousemove", r), e?.addEventListener("mousedown", i), e?.addEventListener("mouseup", a);
+		});
+		return () => {
+			o();
+		};
+	}, [
+		I,
+		B,
+		e,
+		H
+	]);
+	let W = (e) => e === "bottom", G = y((t) => {
+		if (!I) throw Error("TableCellResizer: Expected active cell.");
+		e.update(() => {
+			let r = n(I.elem);
+			if (!o(r)) throw Error("TableCellResizer: Table cell node not found.");
+			let i = s(r), c = a(r) + r.getRowSpan() - 1, l = i.getChildren();
+			if (c >= l.length || c < 0) throw Error("Expected table cell to be inside of table row.");
+			let d = l[c];
+			if (!u(d)) throw Error("Expected table row");
+			let f = d.getHeight();
+			if (f === void 0) {
+				let t = d.getChildren();
+				f = Math.min(...t.map((t) => K(t, e) ?? Infinity));
+			}
+			let p = Math.max(f + t, N);
+			d.setHeight(p);
+		}, { tag: "skip-scroll-into-view" });
+	}, [I, e]), K = (e, t) => t.getElementByKey(e.getKey())?.clientHeight, q = (e, t) => {
+		for (let n = 0; n < t.length; n++) for (let r = 0; r < t[n].length; r++) if (t[n][r].cell === e) return r;
+		return -1;
+	}, J = y((t) => {
+		if (!I) throw Error("TableCellResizer: Expected active cell.");
+		e.update(() => {
+			let e = n(I.elem);
+			if (!o(e)) throw Error("TableCellResizer: Table cell node not found.");
+			let r = s(e), [i] = l(r, null, null), a = q(e, i);
+			if (a === void 0) throw Error("TableCellResizer: Table column not found.");
+			let c = r.getColWidths();
+			if (!c) return;
+			let u = c[a];
+			if (u === void 0) return;
+			let d = [...c];
+			if (d[a] = Math.max(u + t, P), r.setColWidths(d), a < r.getColumnCount() - 1) {
+				let e = r.getColWidths();
+				if (!e) return;
+				let n = [...e], i = a + 1, o = e[i];
+				n[i] = Math.max(o - t, P), r.setColWidths(n);
+			}
+		}, { tag: "skip-scroll-into-view" });
+	}, [I, e]), Y = y((e) => {
+		let t = (n) => {
+			if (n.preventDefault(), n.stopPropagation(), !I) throw Error("TableCellResizer: Expected active cell.");
+			if (k.current) {
+				let { x: r, y: a } = k.current;
+				if (I === null) return;
+				let o = i(n.target);
+				W(e) ? G((n.clientY - a) / o) : J((n.clientX - r) / o), H(), document.removeEventListener("mouseup", t);
+			}
+		};
+		return t;
+	}, [
+		I,
+		H,
+		J,
+		G
+	]), X = y((e) => (t) => {
+		if (t.preventDefault(), t.stopPropagation(), !I) throw Error("TableCellResizer: Expected active cell.");
+		k.current = {
+			x: t.clientX,
+			y: t.clientY
+		}, j(k.current), V(e), document.addEventListener("mouseup", Y(e));
+	}, [I, Y]), Z = y(() => {
+		if (I) {
+			let { height: e, width: t, top: n, left: r } = I.elem.getBoundingClientRect(), a = i(I.elem), o = {
+				bottom: {
+					backgroundColor: "none",
+					cursor: "ns-resize",
+					height: "10px",
+					left: `${window.pageXOffset + r}px`,
+					top: `${window.pageYOffset + n + e - 10 / F}px`,
+					width: `${t}px`,
+					zIndex: 5e3
+				},
+				right: {
+					backgroundColor: "none",
+					cursor: "ew-resize",
+					height: `${e}px`,
+					left: `${window.pageXOffset + r + t - 10 / F}px`,
+					top: `${window.pageYOffset + n}px`,
+					width: "10px",
+					zIndex: 5e3
+				}
+			}, s = O.current;
+			return B && A && s && (W(B) ? (o[B].left = `${window.pageXOffset + s.left}px`, o[B].top = `${window.pageYOffset + A.y / a}px`, o[B].height = "3px", o[B].width = `${s.width}px`) : (o[B].top = `${window.pageYOffset + s.top}px`, o[B].left = `${window.pageXOffset + A.x / a}px`, o[B].width = "3px", o[B].height = `${s.height}px`), o[B].backgroundColor = "#adf"), o;
+		}
+		return {
+			bottom: null,
+			left: null,
+			right: null,
+			top: null
+		};
+	}, [
+		I,
+		B,
+		A
+	])();
+	return /* @__PURE__ */ E("div", {
+		ref: S,
+		children: I != null && !R && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
+			className: M["table-cell-resizer__resizer"],
+			style: Z.right || void 0,
+			onMouseDown: X("right")
+		}), /* @__PURE__ */ E("div", {
+			className: M["table-cell-resizer__resizer"],
+			style: Z.bottom || void 0,
+			onMouseDown: X("bottom")
+		})] })
+	});
+}
+var L = () => {
+	let [t] = e(), n = j();
+	return S(() => n ? O(/* @__PURE__ */ E(I, { editor: t }), document.body) : null, [t, n]);
+};
+//#endregion
+export { j as n, L as t };
+
+//# sourceMappingURL=TableCellResizerPlugin-BGolbi44.js.map