@uva-glass/component-library 3.19.2 → 3.19.4

package/dist/Button.module-BVsTgdTe.js

@@ -0,0 +1,15 @@
+import './assets/Button.css';const t = "_button_ged5k_1", n = {
+  button: t,
+  "button--blank": "_button--blank_ged5k_35",
+  "button--blank-subtle": "_button--blank-subtle_ged5k_36",
+  "button--blank-icon": "_button--blank-icon_ged5k_37",
+  "button--primary": "_button--primary_ged5k_82",
+  "button--secondary": "_button--secondary_ged5k_98",
+  "button--destructive-primary": "_button--destructive-primary_ged5k_114",
+  "button--destructive-secondary": "_button--destructive-secondary_ged5k_132",
+  "button--wide-column": "_button--wide-column_ged5k_150"
+};
+export {
+  n as s
+};
+//# sourceMappingURL=Button.module-BVsTgdTe.js.map

package/dist/Button.module-BVsTgdTe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module-BVsTgdTe.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/MultiSelectItem-DbOdEllV.js

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useId as r } from "react";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { Label as u } from "./components/Label/Label.js";
+import './assets/MultiSelectItem.css';const n = {
+  "multi-select": "_multi-select_t7m35_1",
+  "multi-select--no-border": "_multi-select--no-border_t7m35_7",
+  "multi-select__header": "_multi-select__header_t7m35_12",
+  "multi-select__list": "_multi-select__list_t7m35_18",
+  "multi-select__list--scrollable": "_multi-select__list--scrollable_t7m35_27",
+  "multi-select__item": "_multi-select__item_t7m35_32"
+};
+function h({ label: _, value: m, checked: t, disabled: s = !1, onChange: i }) {
+  const e = r();
+  return /* @__PURE__ */ o("li", { className: n["multi-select__item"], children: [
+    /* @__PURE__ */ l(c, { id: e, value: m, checked: t, onChange: i, disabled: s }),
+    /* @__PURE__ */ l(u, { htmlFor: e, noFontWeight: !t, children: _ })
+  ] });
+}
+export {
+  h as M,
+  n as s
+};
+//# sourceMappingURL=MultiSelectItem-DbOdEllV.js.map

package/dist/{MultiSelectItem-D9PxdX43.js.map → MultiSelectItem-DbOdEllV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectItem-D9PxdX43.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC,EAAM;AAEjB,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,EAAA,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"MultiSelectItem-DbOdEllV.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC,EAAM;AAEjB,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,EAAA,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/RteEditor.module-45648CA2.js

@@ -0,0 +1,41 @@
+import './assets/RteEditor.css';const _ = "_editor__container_oluzl_1", t = "_editor__header_oluzl_7", l = "_editor_oluzl_1", e = "_editor__field_oluzl_36", o = "_editor__toolbar_oluzl_40", i = "_editor__placeholder_oluzl_170", u = "_listitem_oluzl_201", d = {
+  editor__container: _,
+  editor__header: t,
+  "editor__header-word-count": "_editor__header-word-count_oluzl_15",
+  "editor__header-word-count--alert": "_editor__header-word-count--alert_oluzl_24",
+  editor: l,
+  editor__field: e,
+  editor__toolbar: o,
+  "editor__toolbar-button-group": "_editor__toolbar-button-group_oluzl_49",
+  "editor__toolbar-button": "_editor__toolbar-button_oluzl_49",
+  "editor__toolbar-button--active": "_editor__toolbar-button--active_oluzl_80",
+  "editor__toolbar-button--bold": "_editor__toolbar-button--bold_oluzl_100",
+  "editor__toolbar-button--italic": "_editor__toolbar-button--italic_oluzl_104",
+  "editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_oluzl_123",
+  "editor__field-wrapper": "_editor__field-wrapper_oluzl_127",
+  editor__placeholder: i,
+  "guide-text-ltr": "_guide-text-ltr_oluzl_180",
+  "guide-text-rtl": "_guide-text-rtl_oluzl_184",
+  "guide-text-paragraph": "_guide-text-paragraph_oluzl_188",
+  "guide-text__text--bold": "_guide-text__text--bold_oluzl_193",
+  "guide-text__text--italic": "_guide-text__text--italic_oluzl_197",
+  listitem: u,
+  "guide-text__list--ol": "_guide-text__list--ol_oluzl_205",
+  "guide-text__list--ol2": "_guide-text__list--ol2_oluzl_210",
+  "guide-text__list--ol3": "_guide-text__list--ol3_oluzl_217",
+  "guide-text__list--ol4": "_guide-text__list--ol4_oluzl_224",
+  "guide-text__list--ol5": "_guide-text__list--ol5_oluzl_231",
+  "guide-text__list--ul": "_guide-text__list--ul_oluzl_238",
+  "guide-text__list--ul2": "_guide-text__list--ul2_oluzl_244",
+  "guide-text__list--ul3": "_guide-text__list--ul3_oluzl_251",
+  "guide-text__list--ul4": "_guide-text__list--ul4_oluzl_258",
+  "guide-text__list--ul5": "_guide-text__list--ul5_oluzl_265",
+  "guide-text__list--listitem": "_guide-text__list--listitem_oluzl_272",
+  "guide-text__list--nested-listitem": "_guide-text__list--nested-listitem_oluzl_276",
+  "guide-text__link": "_guide-text__link_oluzl_281",
+  "guide-text__table": "_guide-text__table_oluzl_287"
+};
+export {
+  d as s
+};
+//# sourceMappingURL=RteEditor.module-45648CA2.js.map

package/dist/RteEditor.module-45648CA2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RteEditor.module-45648CA2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{SelectListbox.module-ignbxWNU.js → SelectListbox.module-N3Kg0UvL.js}

@@ -1,26 +1,26 @@
 import './assets/SelectListbox.css';const e = {
-  "select-listbox-container": "_select-listbox-container_1enhc_1",
-  "select-listbox__wrapper": "_select-listbox__wrapper_1enhc_5",
-  "select-listbox-trigger": "_select-listbox-trigger_1enhc_15",
-  "select-listbox-trigger--default": "_select-listbox-trigger--default_1enhc_30",
-  "select-listbox-trigger--small": "_select-listbox-trigger--small_1enhc_34",
-  "select-listbox-trigger--medium": "_select-listbox-trigger--medium_1enhc_38",
-  "select-listbox-trigger-label": "_select-listbox-trigger-label_1enhc_43",
-  "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_1enhc_52",
-  "select-listbox-trigger--bold": "_select-listbox-trigger--bold_1enhc_56",
-  "select-listbox-trigger--pill": "_select-listbox-trigger--pill_1enhc_60",
-  "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_1enhc_65",
-  "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_1enhc_70",
-  "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_1enhc_75",
-  "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_1enhc_89",
-  "select-listbox-trigger-icon": "_select-listbox-trigger-icon_1enhc_101",
-  "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_1enhc_106",
-  "select-listbox": "_select-listbox_1enhc_1",
-  "select-listbox-option": "_select-listbox-option_1enhc_120",
-  "select-listbox-option--active": "_select-listbox-option--active_1enhc_133",
-  "select-listbox-divider": "_select-listbox-divider_1enhc_143"
+  "select-listbox-container": "_select-listbox-container_qlp06_1",
+  "select-listbox__wrapper": "_select-listbox__wrapper_qlp06_5",
+  "select-listbox-trigger": "_select-listbox-trigger_qlp06_15",
+  "select-listbox-trigger--default": "_select-listbox-trigger--default_qlp06_30",
+  "select-listbox-trigger--small": "_select-listbox-trigger--small_qlp06_34",
+  "select-listbox-trigger--medium": "_select-listbox-trigger--medium_qlp06_38",
+  "select-listbox-trigger-label": "_select-listbox-trigger-label_qlp06_43",
+  "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_qlp06_52",
+  "select-listbox-trigger--bold": "_select-listbox-trigger--bold_qlp06_56",
+  "select-listbox-trigger--pill": "_select-listbox-trigger--pill_qlp06_60",
+  "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_qlp06_65",
+  "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_qlp06_70",
+  "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_qlp06_75",
+  "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_qlp06_89",
+  "select-listbox-trigger-icon": "_select-listbox-trigger-icon_qlp06_101",
+  "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_qlp06_106",
+  "select-listbox": "_select-listbox_qlp06_1",
+  "select-listbox-option": "_select-listbox-option_qlp06_120",
+  "select-listbox-option--active": "_select-listbox-option--active_qlp06_133",
+  "select-listbox-divider": "_select-listbox-divider_qlp06_143"
 };
 export {
   e as s
 };
-//# sourceMappingURL=SelectListbox.module-ignbxWNU.js.map
+//# sourceMappingURL=SelectListbox.module-N3Kg0UvL.js.map

package/dist/SelectListbox.module-N3Kg0UvL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectListbox.module-N3Kg0UvL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Sortable.module-CuvuQhr8.js

@@ -0,0 +1,23 @@
+import './assets/Sortable.css';const _ = "_sortable__wrapper_2hcbc_1", t = "_sortable__container_2hcbc_13", e = "_sortable__handle_2hcbc_148", r = {
+  sortable__wrapper: _,
+  "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_2hcbc_5",
+  sortable__container: t,
+  "sortable__drop-target": "_sortable__drop-target_2hcbc_24",
+  "sortable__sort-item": "_sortable__sort-item_2hcbc_55",
+  "sortable__sort-item--ghost": "_sortable__sort-item--ghost_2hcbc_71",
+  "sortable__sort-item__handle": "_sortable__sort-item__handle_2hcbc_82",
+  "sortable__sort-item__button-container": "_sortable__sort-item__button-container_2hcbc_92",
+  "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_2hcbc_111",
+  "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_2hcbc_118",
+  "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_2hcbc_119",
+  "sortable__sort-item--dragging": "_sortable__sort-item--dragging_2hcbc_130",
+  "sortable__sort-item__contents": "_sortable__sort-item__contents_2hcbc_134",
+  "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_2hcbc_143",
+  sortable__handle: e,
+  "sortable__handle--right": "_sortable__handle--right_2hcbc_154",
+  "sortable__visually-hidden": "_sortable__visually-hidden_2hcbc_173"
+};
+export {
+  r as s
+};
+//# sourceMappingURL=Sortable.module-CuvuQhr8.js.map

package/dist/Sortable.module-CuvuQhr8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.module-CuvuQhr8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/{SortableProvider-DZggDO3M.js → SortableProvider-B3_u0pKv.js}

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { useRef as b, useEffect as w, cloneElement as R, createContext as O, useReducer as A, Children as _, useContext as L } from "react";
 import { sortableReducer as j, initialState as q } from "./components/Sortable/sortableReducer.js";
 import { c as N } from "./clsx-OuTLNxxd.js";
-import { s as u } from "./Sortable.module-DDhRFD1T.js";
+import { s as u } from "./Sortable.module-CuvuQhr8.js";
 import { setDraggingTarget as B, setDraggingSource as H, setClone as X, reset as Y, moveToPosition as k, drop as z, dragStart as F, dragEnd as G, clearDraggingTarget as J, clearDraggingSource as K } from "./components/Sortable/actions.js";
 function M({ scrollable: i, onSort: a }) {
   const { clone: n, draggingTarget: p, drop: x, sortableItems: D, setDraggingTarget: o, reset: S, indices: s } = U(), l = b(null), c = b(null), d = b(s);
@@ -149,4 +149,4 @@ export {
   M as a,
   U as u
 };
-//# sourceMappingURL=SortableProvider-DZggDO3M.js.map
+//# sourceMappingURL=SortableProvider-B3_u0pKv.js.map

package/dist/{SortableProvider-DZggDO3M.js.map → SortableProvider-B3_u0pKv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SortableProvider-DZggDO3M.js","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  onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, 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={styles['sortable__drop-target']}\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 { Children, createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement } from 'react';\nimport type { SortableStateType } from './sortableReducer';\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\ninterface Props {\n  children: SortableStateType['sortableItems'];\n  items: ReactElement[] | string[];\n  scrollable?: boolean;\n  onSort?: (items: (string | ReactElement)[]) => void;\n}\n\nconst init = (children: Props['children']): SortableStateType => ({\n  ...initialState,\n  indices: Children.map(children, ({ props }) => props.index),\n  maxIndex: Children.count(children) - 1,\n  sortableItems: children,\n});\n\nexport function SortableProvider({ children, items, scrollable, onSort }: Props) {\n  const persistentItems = useRef(items);\n\n  const [state, dispatch] = useReducer(sortableReducer, children, 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 sortedItems = sortedIndices.map((index) => persistentItems.current[index]);\n    onSort && onSort(sortedItems);\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} 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"],"names":["SortableContainer","scrollable","onSort","clone","draggingTarget","drop","sortableItems","setDraggingTarget","reset","indices","useSortable","containerRef","useRef","wrapperRef","indicesRef","getTargetIndex","event","sortableContainer","listItemNode","node","handleDrop","targetIndex","handleDragOver","clientX","clientY","x","y","width","height","grabPosition","handleContainerDragLeave","relatedTarget","_a","useEffect","jsx","clsx","styles","child","index","cloneElement","SortableContext","createContext","init","children","initialState","Children","props","SortableProvider","items","persistentItems","state","dispatch","useReducer","sortableReducer","setDraggingSource","actions.setDraggingSource","actions.setDraggingTarget","moveToPosition","actions.moveToPosition","clearDraggingTarget","actions.clearDraggingTarget","clearDraggingSource","actions.clearDraggingSource","actions.drop","dragStart","actions.dragStart","dragEnd","actions.dragEnd","actions.reset","setClone","actions.setClone","onHandleSort","sortedIndices","sortedItems","context","useContext"],"mappings":"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"}
+{"version":3,"file":"SortableProvider-B3_u0pKv.js","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  onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, 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={styles['sortable__drop-target']}\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 { Children, createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement } from 'react';\nimport type { SortableStateType } from './sortableReducer';\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\ninterface Props {\n  children: SortableStateType['sortableItems'];\n  items: ReactElement[] | string[];\n  scrollable?: boolean;\n  onSort?: (items: (string | ReactElement)[]) => void;\n}\n\nconst init = (children: Props['children']): SortableStateType => ({\n  ...initialState,\n  indices: Children.map(children, ({ props }) => props.index),\n  maxIndex: Children.count(children) - 1,\n  sortableItems: children,\n});\n\nexport function SortableProvider({ children, items, scrollable, onSort }: Props) {\n  const persistentItems = useRef(items);\n\n  const [state, dispatch] = useReducer(sortableReducer, children, 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 sortedItems = sortedIndices.map((index) => persistentItems.current[index]);\n    onSort && onSort(sortedItems);\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} 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"],"names":["SortableContainer","scrollable","onSort","clone","draggingTarget","drop","sortableItems","setDraggingTarget","reset","indices","useSortable","containerRef","useRef","wrapperRef","indicesRef","getTargetIndex","event","sortableContainer","listItemNode","node","handleDrop","targetIndex","handleDragOver","clientX","clientY","x","y","width","height","grabPosition","handleContainerDragLeave","relatedTarget","_a","useEffect","jsx","clsx","styles","child","index","cloneElement","SortableContext","createContext","init","children","initialState","Children","props","SortableProvider","items","persistentItems","state","dispatch","useReducer","sortableReducer","setDraggingSource","actions.setDraggingSource","actions.setDraggingTarget","moveToPosition","actions.moveToPosition","clearDraggingTarget","actions.clearDraggingTarget","clearDraggingSource","actions.clearDraggingSource","actions.drop","dragStart","actions.dragStart","dragEnd","actions.dragEnd","actions.reset","setClone","actions.setClone","onHandleSort","sortedIndices","sortedItems","context","useContext"],"mappings":";;;;;;AAeO,SAASA,EAAkB,EAAE,YAAAC,GAAY,QAAAC,KAAkC;AAC1E,QAAA,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,MAAAC,GAAM,eAAAC,GAAe,mBAAAC,GAAmB,OAAAC,GAAO,SAAAC,EAAQ,IAAIC,EAAY,GAChGC,IAAeC,EAAyB,IAAI,GAC5CC,IAAaD,EAAuB,IAAI,GACxCE,IAAaF,EAAiBH,CAAO;AAE3C,WAASM,EAAeC,GAAiC;AACvD,UAAMC,IAAoBN,EAAa;AAEnC,QAAA,EAACM,KAAA,QAAAA,EAAmB,iBAAiB;AAEzC,UAAMC,IAAeF,EAAM;AAIpB,WAHY,MAAM,KAAKC,EAAkB,UAAU,EAC3B,UAAU,CAACE,MAASA,EAAK,YAAYD,CAAY,CAAC;AAAA,EAE1E;AAGT,WAASE,EAAWJ,GAAiC;AAC7C,UAAAK,IAAcN,EAAeC,CAAK;AAExC,IAAIK,MAAgB,WAEhBlB,KAASU,EAAW,WAAoBA,EAAA,QAAQ,YAAYV,CAAK,GAErEE,EAAKgB,CAAW;AAAA,EAAA;AAGlB,WAASC,EAAeN,GAAiC;AAKvD,QAHAA,EAAM,eAAe,GACrBA,EAAM,aAAa,aAAa,QAE5Bb,GAAO;AACH,YAAA,EAAE,SAAAoB,GAAS,SAAAC,EAAA,IAAYR,GACvB,EAAE,GAAAS,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,MAAWZ,EAAM,cAAc,sBAAsB,GAEpEa,IAAeD,IAAS,KAAKJ,IAAUE;AAGvC,MAAAvB,EAAA;AAAA,QACJ;AAAA,QACA;AAAA,gBACQoB,KAAWA,IAAUE,EAAE;AAAA,eACxBC,IAAIG,CAAY;AAAA,kBACbD,CAAM;AAAA,iBACPD,CAAK;AAAA;AAAA;AAAA,MAGhB;AAAA,IAAA;AAGI,UAAAN,IAAcN,EAAeC,CAAK;AAEpC,IAAAK,MAAgB,UAAaA,MAAgBjB,KAEjDG,EAAkBc,CAAW;AAAA,EAAA;AAG/B,WAASS,EAAyBd,GAAoC;;AAC9D,UAAA,EAAE,eAAAe,MAAkBf;AAI1B,IAFee,MAAkB,UAAQC,IAAArB,EAAa,YAAb,gBAAAqB,EAAsB,SAASD,QAGhEvB,EAAA,GAEFL,KACIA,EAAA,aAAa,SAAS,qBAAqB;AAAA,EAErD;AAGF,SAAA8B,EAAU,MAAM;AACd,QAAI,GAAC9B,KAAS,CAACU,EAAW;AAEf,aAAAA,EAAA,QAAQ,YAAYV,CAAK,GAE7B,WAAY;AACjB,QAAAA,EAAM,OAAO;AAAA,MACf;AAAA,EAAA,GACC,CAACA,CAAK,CAAC,GAEV8B,EAAU,MAAM;AACd,IAAK/B,KAEDO,EAAQ,QAAQ,MAAMK,EAAW,QAAQ,cAC3CZ,EAAOO,CAAO,GAEdK,EAAW,UAAUL;AAAA,EAEtB,GAAA,CAACA,GAASK,GAAYZ,CAAM,CAAC,GAG9B,gBAAAgC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,mBAAsB,EAAE,CAACA,EAAO,+BAA+B,CAAC,GAAGnC,GAAY;AAAA,MACtG,KAAKY;AAAA,MAEL,UAAA,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAKC,EAAO,qBAAwB;AAAA,YAC7C,CAACA,EAAO,gCAAgC,CAAC,GAAGjC,MAAU;AAAA,UAAA,CACvD;AAAA,UACD,aAAa2B;AAAA,UACb,KAAKnB;AAAA,UACL,MAAK;AAAA,UAEJ,UAAcL,EAAA,IAAI,CAAC+B,GAAOC,MACzB,gBAAAJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE,EAAO,uBAAuB;AAAA,cACzC,WAAW;AAAA,cAEX,YAAYd;AAAA,cACZ,QAAQF;AAAA,cACR,MAAK;AAAA,cAEJ,UAAamB,EAAAF,GAAO,EAAE,OAAAC,EAAO,CAAA;AAAA,YAAA;AAAA,YALzBA;AAAA,UAOR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;AClHA,MAAME,IAAkBC,EAAqE,MAAS,GAShGC,IAAO,CAACC,OAAoD;AAAA,EAChE,GAAGC;AAAA,EACH,SAASC,EAAS,IAAIF,GAAU,CAAC,EAAE,OAAAG,EAAY,MAAAA,EAAM,KAAK;AAAA,EAC1D,UAAUD,EAAS,MAAMF,CAAQ,IAAI;AAAA,EACrC,eAAeA;AACjB;AAEO,SAASI,GAAiB,EAAE,UAAAJ,GAAU,OAAAK,GAAO,YAAA/C,GAAY,QAAAC,KAAiB;AACzE,QAAA+C,IAAkBrC,EAAOoC,CAAK,GAE9B,CAACE,GAAOC,CAAQ,IAAIC,EAAWC,GAAiBV,GAAUD,CAAI;AAEpE,WAASY,EAAkBhB,GAAe;AAC/B,IAAAa,EAAAI,EAA0BjB,CAAK,CAAC;AAAA,EAAA;AAG3C,WAAS/B,EAAkB+B,GAAe;AAC/B,IAAAa,EAAAK,EAA0BlB,CAAK,CAAC;AAAA,EAAA;AAG3C,WAASmB,EAAenB,GAAe;AAC5B,IAAAa,EAAAO,EAAuBpB,CAAK,CAAC;AAAA,EAAA;AAGxC,WAASqB,IAAsB;AACpB,IAAAR,EAAAS,GAA6B;AAAA,EAAA;AAGxC,WAASC,IAAsB;AACpB,IAAAV,EAAAW,GAA6B;AAAA,EAAA;AAGxC,WAASzD,EAAKiC,GAAe;AAClB,IAAAa,EAAAY,EAAazB,CAAK,CAAC;AAAA,EAAA;AAG9B,WAAS0B,EAAU1B,GAAe;AACvB,IAAAa,EAAAc,EAAkB3B,CAAK,CAAC;AAAA,EAAA;AAGnC,WAAS4B,IAAU;AACR,IAAAf,EAAAgB,GAAiB;AAAA,EAAA;AAG5B,WAAS3D,IAAQ;AACN,IAAA2C,EAAAiB,GAAe;AAAA,EAAA;AAG1B,WAASC,EAASlD,GAAe;AACtB,IAAAgC,EAAAmB,EAAiBnD,CAAI,CAAC;AAAA,EAAA;AAGjC,WAASoD,EAAaC,GAAyB;AACvC,UAAAC,IAAcD,EAAc,IAAI,CAAClC,MAAUW,EAAgB,QAAQX,CAAK,CAAC;AAC/E,IAAApC,KAAUA,EAAOuE,CAAW;AAAA,EAAA;AAI5B,SAAA,gBAAAvC;AAAA,IAACM,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL,GAAGU;AAAA,QAAA,qBACHW;AAAAA,QAAA,qBACAF;AAAAA,QAAA,SACAO;AAAAA,QAAA,WACAF;AAAAA,QAAA,MACA3D;AAAAA,QAAA,gBACAoD;AAAAA,QAAA,OACAjD;AAAAA,QAAA,UACA6D;AAAAA,QAAA,mBACAf;AAAAA,QACA/C,mBAAAA;AAAAA,MACF;AAAA,MAEA,UAAC,gBAAA2B,EAAAlC,GAAA,EAAkB,YAAAC,GAAwB,QAAQsE,EAAc,CAAA;AAAA,IAAA;AAAA,EACnE;AAEJ;AAEO,SAAS7D,IAAc;AACtB,QAAAgE,IAAUC,EAAWnC,CAAe;AAE1C,MAAIkC,MAAY;AACR,UAAA,IAAI,MAAM,oDAAoD;AAG/D,SAAAA;AACT;"}

package/dist/{TablePlugin-CE20cPhW.js → TablePlugin-hxs9O_ox.js}

@@ -19,7 +19,7 @@ import "./components/IconButton/IconButton.js";
 import "./components/Input/Input.js";
 import { InputField as M } from "./components/InputField/InputField.js";
 import "react-router";
-import { s as L, M as ie } from "./MultiSelectItem-D9PxdX43.js";
+import { s as L, M as ie } from "./MultiSelectItem-DbOdEllV.js";
 import "./components/RteEditor/Providers/LanguageProvider.js";
 import { e as ae, v as se } from "./helpers-Dpx3BPyY.js";
 import { Icon as K } from "./components/Icon/Icon.js";
@@ -29,14 +29,14 @@ import "./components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMen
 import "./components/RteEditor/hooks/components/Flyout.js";
 import { deleteTable as ce, deleteColumn as me, insertColumn as ue, deleteRow as de, insertRow as fe, createTable as pe } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
 import { useFlyout as be } from "./components/RteEditor/hooks/useFlyout.js";
-import { s as I } from "./RteEditor.module-oFMKEW6f.js";
+import { s as I } from "./RteEditor.module-45648CA2.js";
 import "./index-DllfJcv4.js";
 import "./components/SelectListbox/SelectListbox.js";
 import "./components/SelectListbox/SelectProvider.js";
 import "./components/Sortable/components/SortableItem.js";
-import "./SortableProvider-DZggDO3M.js";
-import { setScrollableContainers as _e, removeScrollableContainers as he } from "./components/RteEditor/helpers.js";
-import './assets/TablePlugin.css';function ke({ label: b, clearTrigger: d, onClear: a }) {
+import "./SortableProvider-B3_u0pKv.js";
+import { setScrollableContainers as _e, removeScrollableContainers as ke } from "./components/RteEditor/helpers.js";
+import './assets/TablePlugin.css';function he({ label: b, clearTrigger: d, onClear: a }) {
   return /* @__PURE__ */ m("header", { className: L["multi-select__header"], children: [
     /* @__PURE__ */ t(E, { htmlFor: "multi-select-list", children: b }),
     d && /* @__PURE__ */ t(g, { variant: "blank", onClick: a, children: d })
@@ -63,30 +63,30 @@ const W = ({ scrollable: b = !0, noBorder: d, header: a, children: l }) => /* @_
     }
   )
 ] });
-W.MultiSelectHeader = ke;
+W.MultiSelectHeader = he;
 W.MultiSelectItem = ie;
-const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
+const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
   linkform: ve,
-  "linkform__input-field": "_linkform__input-field_x5q7m_5",
+  "linkform__input-field": "_linkform__input-field_ki2qx_5",
   linkform__footer: we,
-  "linkform__input-url-wrapper": "_linkform__input-url-wrapper_x5q7m_19",
-  "linkform__open-url-button": "_linkform__open-url-button_x5q7m_31"
+  "linkform__input-url-wrapper": "_linkform__input-url-wrapper_ki2qx_19",
+  "linkform__open-url-button": "_linkform__open-url-button_ki2qx_31"
 }, ct = A(
   ({ onCloseHandler: b, onSaveHandler: d, isLink: a = { active: !1, url: "", linktext: "" } }, l) => {
-    const n = H(), [f, u] = C(a.url || ""), [s, _] = C(a.linktext || ""), [w, h] = C(!1), [F, k] = C(null), [v, p] = C(null), r = T(null), y = `link_${D()}`, e = `text_${D()}`, o = () => {
+    const n = H(), [f, u] = C(a.url || ""), [s, _] = C(a.linktext || ""), [w, k] = C(!1), [F, h] = C(null), [v, p] = C(null), r = T(null), y = `link_${D()}`, e = `text_${D()}`, o = () => {
       window.open(ae(f), "_blank");
     }, x = (i) => {
       u(i.target.value);
     }, c = (i) => {
       _(i.target.value);
-    }, S = (i) => se(i) === !1 || i.trim() === "" ? (k(n.errortext.urlNotValid), !1) : (k(null), !0), j = (i) => i.trim() === "" ? (p(n.errortext.linkTextNotValid), !1) : (p(null), !0), Y = () => {
+    }, S = (i) => se(i) === !1 || i.trim() === "" ? (h(n.errortext.urlNotValid), !1) : (h(null), !0), j = (i) => i.trim() === "" ? (p(n.errortext.linkTextNotValid), !1) : (p(null), !0), Y = () => {
       !S(f) || w && !j(s) || (d(f, s), O());
     }, G = () => {
       b(), O();
     }, O = () => {
-      u(""), h(!1), k(null), p(null);
+      u(""), k(!1), h(null), p(null);
     }, J = (i, X) => {
-      u(i), !X && !i && h(!0);
+      u(i), !X && !i && k(!0);
     }, Q = () => {
       r.current && r.current.focus();
     };
@@ -105,7 +105,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
               placeholder: n.links.linkPlaceholder,
               value: f,
               onChange: (i) => x(i),
-              onFocus: () => k(null),
+              onFocus: () => h(null),
               ref: r,
               "aria-label": n.aria.labels.linkField
             }
@@ -139,10 +139,10 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   "tableform__input-field": "_tableform__input-field_t5fpq_5",
   tableform__footer: Ce
 }, ye = A(({ onCloseHandler: b, onSaveHandler: d }, a) => {
-  const l = H(), [n, f] = C(), [u, s] = C(), _ = T(null), w = `row_${D()}`, h = `column_${D()}`, F = (r, y) => {
+  const l = H(), [n, f] = C(), [u, s] = C(), _ = T(null), w = `row_${D()}`, k = `column_${D()}`, F = (r, y) => {
     const e = r.target.value;
     y === "row" ? f(parseInt(e)) : s(parseInt(e));
-  }, k = () => {
+  }, h = () => {
     n !== void 0 && u !== void 0 && (d(n, u), p());
   }, v = () => {
     b(), p();
@@ -160,7 +160,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       v();
     };
     return _e(r), window.addEventListener("scroll", r), window.addEventListener("resize", r), () => {
-      window.removeEventListener("scroll", r), window.removeEventListener("resize", r), he(r);
+      window.removeEventListener("scroll", r), window.removeEventListener("resize", r), ke(r);
     };
   }, []), /* @__PURE__ */ m("div", { className: q.tableform, children: [
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
@@ -178,11 +178,11 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       )
     ] }),
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
-      /* @__PURE__ */ t(E, { htmlFor: h, children: l.table.nrofColumns }),
+      /* @__PURE__ */ t(E, { htmlFor: k, children: l.table.nrofColumns }),
       /* @__PURE__ */ t(
         M,
         {
-          id: h,
+          id: k,
           placeholder: l.table.nrofColumnsPlaceholder,
           value: u || "",
           onChange: (r) => F(r, "column"),
@@ -196,7 +196,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
         g,
         {
           variant: "primary",
-          onClick: k,
+          onClick: h,
           disabled: !n || !u,
           "aria-label": l.aria.labels.tableOkButton,
           children: l.common.add
@@ -205,10 +205,10 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     ] })
   ] });
 }), xe = 200, mt = A(({ isActive: b }, d) => {
-  const a = H(), [l] = ee(), { flyout: n, showFlyout: f, hideFlyout: u, isVisible: s } = be(), _ = T(void 0), w = T(null), h = T(!1), F = T(s), k = () => {
+  const a = H(), [l] = ee(), { flyout: n, showFlyout: f, hideFlyout: u, isVisible: s } = be(), _ = T(void 0), w = T(null), k = T(!1), F = T(s), h = () => {
     var o;
     const e = (o = w.current) == null ? void 0 : o.getBoundingClientRect();
-    !h.current && e && f({ position: { top: e.bottom, left: e.left }, ...y });
+    !k.current && e && f({ position: { top: e.bottom, left: e.left }, ...y });
   }, v = () => {
     u();
   }, p = (e, o) => {
@@ -257,11 +257,11 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   };
   return R(() => {
     var e, o;
-    s ? (h.current = !0, (o = _.current) == null || o.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => h.current = !1, xe));
+    s ? (k.current = !0, (o = _.current) == null || o.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => k.current = !1, xe));
   }, [_, s]), R(() => {
     const e = l.registerCommand(
       re,
-      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), k(), !0) : !1,
+      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), h(), !0) : !1,
       le
     );
     return () => {
@@ -282,7 +282,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     /* @__PURE__ */ t(
       "button",
       {
-        onClick: k,
+        onClick: h,
         title: a.table.tableTooltip,
         className: $(I["editor__toolbar-button"], b && I["editor__toolbar-button--active"]),
         "aria-label": a.aria.labels.table,
@@ -299,7 +299,7 @@ export {
   ct as A,
   W as M,
   mt as T,
-  ke as a,
+  he as a,
   ye as b
 };
-//# sourceMappingURL=TablePlugin-CE20cPhW.js.map
+//# sourceMappingURL=TablePlugin-hxs9O_ox.js.map

package/dist/{TablePlugin-CE20cPhW.js.map → TablePlugin-hxs9O_ox.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin-CE20cPhW.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n  /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n  scrollable?: boolean;\n  /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n  noBorder?: boolean;\n  /** The header contents. */\n  header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (url: string, linktext: string) => void;\n  isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n  clearForm: () => void;\n  focusFirstField: () => void;\n  setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n  (\n    { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: AddLinkFormProps,\n    ref\n  ): JSX.Element => {\n    const t = useTranslation();\n    const [url, setUrl] = useState<string>(isLink.url || '');\n    const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n    const [showLinktextField, setShowLinktextField] = useState<boolean>(false);\n    const [urlError, setUrlError] = useState<string | null>(null);\n    const [linkTextError, setLinkTextError] = useState<string | null>(null);\n    const firstField = useRef<HTMLInputElement>(null);\n    const linkId = `link_${useId()}`;\n    const textId = `text_${useId()}`;\n\n    const handleOpenUrl = () => {\n      window.open(ensureHttps(url), '_blank');\n    };\n\n    const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n      setUrl(event.target.value);\n    };\n\n    const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n      setLinkText(event.target.value);\n    };\n\n    const validateUrl = (url: string): boolean => {\n      if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n        setUrlError(t.errortext.urlNotValid);\n        return false;\n      }\n      setUrlError(null);\n      return true;\n    };\n\n    const validateLinkText = (linkText: string): boolean => {\n      if (linkText.trim() === '') {\n        setLinkTextError(t.errortext.linkTextNotValid);\n        return false;\n      }\n      setLinkTextError(null);\n      return true;\n    };\n\n    const handleSave = () => {\n      if (!validateUrl(url) || (showLinktextField && !validateLinkText(linkText))) {\n        return;\n      }\n\n      onSaveHandler(url, linkText);\n      resetForm();\n    };\n\n    const handleClose = () => {\n      onCloseHandler();\n      resetForm();\n    };\n\n    const resetForm = () => {\n      setUrl('');\n      setShowLinktextField(false);\n      setUrlError(null);\n      setLinkTextError(null);\n    };\n\n    const setDefaults = (url: string, linktext: string) => {\n      setUrl(url);\n      if (!linktext && !url) {\n        setShowLinktextField(true);\n      }\n    };\n\n    const focusFirstField = () => {\n      if (firstField.current) {\n        firstField.current.focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({\n      clearForm: resetForm,\n      focusFirstField,\n      setDefaults,\n    }));\n\n    return (\n      <div className={styles['linkform']}>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={linkId}>{t.links.linkLabel}</Label>\n          <div className={styles['linkform__input-url-wrapper']}>\n            <InputField\n              id={linkId}\n              placeholder={t.links.linkPlaceholder}\n              value={url}\n              onChange={(event) => handleUrl(event)}\n              onFocus={() => setUrlError(null)}\n              ref={firstField}\n              aria-label={t.aria.labels.linkField}\n            />\n            {url && (\n              <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n                <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n              </button>\n            )}\n          </div>\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        {showLinktextField && (\n          <FormField className={styles['linkform__input-field']}>\n            <Label htmlFor={textId}>{t.links.linkText}</Label>\n            <InputField\n              id={textId}\n              value={linkText}\n              onChange={(event) => handleLinkText(event)}\n              onFocus={() => setLinkTextError(null)}\n              aria-label={t.aria.labels.linkTextfield}\n            />\n            {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n          </FormField>\n        )}\n        <div className={styles['linkform__footer']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId, useEffect } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\ninterface AddTableFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n  clearForm: () => void;\n  focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n  const t = useTranslation();\n  const [rowCount, setRowCount] = useState<number>();\n  const [columnCount, setColumnCount] = useState<number>();\n  const firstField = useRef<HTMLInputElement>(null);\n  const rowId = `row_${useId()}`;\n  const columnId = `column_${useId()}`;\n\n  const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n    const value = event.target.value;\n    type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n  };\n\n  const handleSave = () => {\n    if (rowCount !== undefined && columnCount !== undefined) {\n      onSaveHandler(rowCount, columnCount);\n      resetForm();\n    }\n  };\n\n  const handleClose = () => {\n    onCloseHandler();\n    resetForm();\n  };\n\n  const resetForm = () => {\n    setRowCount(undefined);\n    setColumnCount(undefined);\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: resetForm,\n    focusFirstField: () => firstField.current?.focus(),\n  }));\n\n  useEffect(() => {\n    const handleResizeScroll = () => {\n      handleClose();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['tableform']}>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n        <InputField\n          id={rowId}\n          placeholder={t.table.nrofRowsPlaceholder}\n          value={rowCount ? rowCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'row')}\n          aria-label={t.aria.labels.tableRowfield}\n          ref={firstField}\n        />\n      </FormField>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n        <InputField\n          id={columnId}\n          placeholder={t.table.nrofColumnsPlaceholder}\n          value={columnCount ? columnCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'column')}\n          aria-label={t.aria.labels.tableColumnfield}\n        />\n      </FormField>\n      <div className={styles['tableform__footer']}>\n        <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n          {t.common.cancel}\n        </Button>\n        <Button\n          variant={'primary'}\n          onClick={handleSave}\n          disabled={!rowCount || !columnCount}\n          aria-label={t.aria.labels.tableOkButton}\n        >\n          {t.common.add}\n        </Button>\n      </div>\n    </div>\n  );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { JSX } from 'react';\nimport type { TextNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n  isActive: boolean;\n}\n\nexport interface TableMutation {\n  mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addTableForm = useRef<addTableForm>(undefined);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const preventOpen = useRef(false);\n  const isVisibleRef = useRef(isVisible);\n\n  const openFlyout = () => {\n    const rect = buttonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n  };\n\n  const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      const tableNode = createTable(nrOfRows, nrOfColumns);\n      if ($isRangeSelection(selection)) {\n        selection.insertNodes([tableNode]);\n      } else {\n        $getRoot().append(tableNode);\n      }\n      const firstDescendant = tableNode.getFirstDescendant();\n      if (firstDescendant) {\n        (firstDescendant as TextNode).select();\n      }\n    });\n\n    closeFlyout();\n  };\n\n  const mutateTable = (action: Actions) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const anchorNode = selection.anchor.getNode();\n        const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\n        if ($isTableCellNode(currentNode)) {\n          switch (action) {\n            case 'insertRowAbove':\n            case 'insertRowBelow':\n              insertRow(currentNode, action);\n              break;\n            case 'deleteRow':\n              deleteRow(currentNode);\n              break;\n            case 'insertColumnLeft':\n            case 'insertColumnRight':\n              insertColumn(currentNode, action);\n              break;\n            case 'deleteColumn':\n              deleteColumn(currentNode);\n              break;\n            case 'deleteTable':\n              deleteTable(currentNode);\n              break;\n          }\n        }\n      }\n    });\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddTableForm\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n        ref={addTableForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addTableForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addTableForm.current?.focusFirstField();\n    }\n  }, [addTableForm, isVisible]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n          event.preventDefault();\n          openFlyout();\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    isVisibleRef.current = isVisible;\n  }, [isVisible]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    mutateTable,\n  }));\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.table.tableTooltip}\n          className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n          aria-label={t.aria.labels.table}\n          aria-keyshortcuts={t.aria.keyshortcuts.table}\n          ref={buttonRef}\n          type=\"button\"\n        >\n          <Icon name=\"Table\" size={24} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}
+{"version":3,"file":"TablePlugin-hxs9O_ox.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n  /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n  scrollable?: boolean;\n  /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n  noBorder?: boolean;\n  /** The header contents. */\n  header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (url: string, linktext: string) => void;\n  isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n  clearForm: () => void;\n  focusFirstField: () => void;\n  setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n  (\n    { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: AddLinkFormProps,\n    ref\n  ): JSX.Element => {\n    const t = useTranslation();\n    const [url, setUrl] = useState<string>(isLink.url || '');\n    const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n    const [showLinktextField, setShowLinktextField] = useState<boolean>(false);\n    const [urlError, setUrlError] = useState<string | null>(null);\n    const [linkTextError, setLinkTextError] = useState<string | null>(null);\n    const firstField = useRef<HTMLInputElement>(null);\n    const linkId = `link_${useId()}`;\n    const textId = `text_${useId()}`;\n\n    const handleOpenUrl = () => {\n      window.open(ensureHttps(url), '_blank');\n    };\n\n    const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n      setUrl(event.target.value);\n    };\n\n    const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n      setLinkText(event.target.value);\n    };\n\n    const validateUrl = (url: string): boolean => {\n      if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n        setUrlError(t.errortext.urlNotValid);\n        return false;\n      }\n      setUrlError(null);\n      return true;\n    };\n\n    const validateLinkText = (linkText: string): boolean => {\n      if (linkText.trim() === '') {\n        setLinkTextError(t.errortext.linkTextNotValid);\n        return false;\n      }\n      setLinkTextError(null);\n      return true;\n    };\n\n    const handleSave = () => {\n      if (!validateUrl(url) || (showLinktextField && !validateLinkText(linkText))) {\n        return;\n      }\n\n      onSaveHandler(url, linkText);\n      resetForm();\n    };\n\n    const handleClose = () => {\n      onCloseHandler();\n      resetForm();\n    };\n\n    const resetForm = () => {\n      setUrl('');\n      setShowLinktextField(false);\n      setUrlError(null);\n      setLinkTextError(null);\n    };\n\n    const setDefaults = (url: string, linktext: string) => {\n      setUrl(url);\n      if (!linktext && !url) {\n        setShowLinktextField(true);\n      }\n    };\n\n    const focusFirstField = () => {\n      if (firstField.current) {\n        firstField.current.focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({\n      clearForm: resetForm,\n      focusFirstField,\n      setDefaults,\n    }));\n\n    return (\n      <div className={styles['linkform']}>\n        <FormField className={styles['linkform__input-field']}>\n          <Label htmlFor={linkId}>{t.links.linkLabel}</Label>\n          <div className={styles['linkform__input-url-wrapper']}>\n            <InputField\n              id={linkId}\n              placeholder={t.links.linkPlaceholder}\n              value={url}\n              onChange={(event) => handleUrl(event)}\n              onFocus={() => setUrlError(null)}\n              ref={firstField}\n              aria-label={t.aria.labels.linkField}\n            />\n            {url && (\n              <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n                <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n              </button>\n            )}\n          </div>\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        {showLinktextField && (\n          <FormField className={styles['linkform__input-field']}>\n            <Label htmlFor={textId}>{t.links.linkText}</Label>\n            <InputField\n              id={textId}\n              value={linkText}\n              onChange={(event) => handleLinkText(event)}\n              onFocus={() => setLinkTextError(null)}\n              aria-label={t.aria.labels.linkTextfield}\n            />\n            {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n          </FormField>\n        )}\n        <div className={styles['linkform__footer']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId, useEffect } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\ninterface AddTableFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n  clearForm: () => void;\n  focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n  const t = useTranslation();\n  const [rowCount, setRowCount] = useState<number>();\n  const [columnCount, setColumnCount] = useState<number>();\n  const firstField = useRef<HTMLInputElement>(null);\n  const rowId = `row_${useId()}`;\n  const columnId = `column_${useId()}`;\n\n  const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n    const value = event.target.value;\n    type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n  };\n\n  const handleSave = () => {\n    if (rowCount !== undefined && columnCount !== undefined) {\n      onSaveHandler(rowCount, columnCount);\n      resetForm();\n    }\n  };\n\n  const handleClose = () => {\n    onCloseHandler();\n    resetForm();\n  };\n\n  const resetForm = () => {\n    setRowCount(undefined);\n    setColumnCount(undefined);\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: resetForm,\n    focusFirstField: () => firstField.current?.focus(),\n  }));\n\n  useEffect(() => {\n    const handleResizeScroll = () => {\n      handleClose();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['tableform']}>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n        <InputField\n          id={rowId}\n          placeholder={t.table.nrofRowsPlaceholder}\n          value={rowCount ? rowCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'row')}\n          aria-label={t.aria.labels.tableRowfield}\n          ref={firstField}\n        />\n      </FormField>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n        <InputField\n          id={columnId}\n          placeholder={t.table.nrofColumnsPlaceholder}\n          value={columnCount ? columnCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'column')}\n          aria-label={t.aria.labels.tableColumnfield}\n        />\n      </FormField>\n      <div className={styles['tableform__footer']}>\n        <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n          {t.common.cancel}\n        </Button>\n        <Button\n          variant={'primary'}\n          onClick={handleSave}\n          disabled={!rowCount || !columnCount}\n          aria-label={t.aria.labels.tableOkButton}\n        >\n          {t.common.add}\n        </Button>\n      </div>\n    </div>\n  );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { JSX } from 'react';\nimport type { TextNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n  isActive: boolean;\n}\n\nexport interface TableMutation {\n  mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addTableForm = useRef<addTableForm>(undefined);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const preventOpen = useRef(false);\n  const isVisibleRef = useRef(isVisible);\n\n  const openFlyout = () => {\n    const rect = buttonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n  };\n\n  const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      const tableNode = createTable(nrOfRows, nrOfColumns);\n      if ($isRangeSelection(selection)) {\n        selection.insertNodes([tableNode]);\n      } else {\n        $getRoot().append(tableNode);\n      }\n      const firstDescendant = tableNode.getFirstDescendant();\n      if (firstDescendant) {\n        (firstDescendant as TextNode).select();\n      }\n    });\n\n    closeFlyout();\n  };\n\n  const mutateTable = (action: Actions) => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        const anchorNode = selection.anchor.getNode();\n        const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\n        if ($isTableCellNode(currentNode)) {\n          switch (action) {\n            case 'insertRowAbove':\n            case 'insertRowBelow':\n              insertRow(currentNode, action);\n              break;\n            case 'deleteRow':\n              deleteRow(currentNode);\n              break;\n            case 'insertColumnLeft':\n            case 'insertColumnRight':\n              insertColumn(currentNode, action);\n              break;\n            case 'deleteColumn':\n              deleteColumn(currentNode);\n              break;\n            case 'deleteTable':\n              deleteTable(currentNode);\n              break;\n          }\n        }\n      }\n    });\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddTableForm\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n        ref={addTableForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addTableForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addTableForm.current?.focusFirstField();\n    }\n  }, [addTableForm, isVisible]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n          event.preventDefault();\n          openFlyout();\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    isVisibleRef.current = isVisible;\n  }, [isVisible]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    mutateTable,\n  }));\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.table.tableTooltip}\n          className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n          aria-label={t.aria.labels.table}\n          aria-keyshortcuts={t.aria.keyshortcuts.table}\n          ref={buttonRef}\n          type=\"button\"\n        >\n          <Icon name=\"Table\" size={24} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}

package/dist/assets/AccordionCard.css

@@ -1 +1 @@
-._accordion-card_2u4nr_1{background-color:var(--color-grey-50);overflow:hidden;position:relative}._accordion-card__title_2u4nr_7{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:1.5rem 1rem;-webkit-user-select:none;user-select:none}._accordion-card__title_2u4nr_7 h3{margin:0}._accordion-card__title_2u4nr_7:focus-visible{text-decoration:underline}._accordion-card__title-icon_2u4nr_25{transform:rotate(-90deg);transition:transform .3s ease-in}._accordion-card__title-icon--expanded_2u4nr_30{transform:rotate(90deg);transition:transform .3s ease-out}._accordion-card__content_2u4nr_35{display:none;margin:.5rem 2.5rem 2.5rem}._accordion-card__content--expanded_2u4nr_40{display:block}
+._accordion-card_13joh_1{background-color:var(--new-color-grey-200);overflow:hidden;position:relative}._accordion-card__title_13joh_7{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:1.5rem 1rem;-webkit-user-select:none;user-select:none}._accordion-card__title_13joh_7 h3{margin:0}._accordion-card__title_13joh_7:focus-visible{text-decoration:underline}._accordion-card__title-icon_13joh_25{transform:rotate(-90deg);transition:transform .3s ease-in}._accordion-card__title-icon--expanded_13joh_30{transform:rotate(90deg);transition:transform .3s ease-out}._accordion-card__content_13joh_35{display:none;margin:.5rem 2.5rem 2.5rem}._accordion-card__content--expanded_13joh_40{display:block}

package/dist/assets/ActionList.css

@@ -1 +1 @@
-._action-list_1vi7f_1{background-color:var(--color-white);border-radius:.5rem;box-shadow:0 0 6px 2px #00000026;display:none;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}._action-list--open_1vi7f_13{display:block}._action-list-container_1vi7f_17{position:relative}._action-list_1vi7f_1 [role=menuitem]>*{background:0;border:0;border-radius:.25rem;cursor:pointer;display:block;font:inherit;margin:0;padding:.5rem .75rem;text-align:left;white-space:pre;width:100%}._action-list_1vi7f_1 [role=menuitem]>*:not(:last-of-type){border-bottom:1px solid var(--color-pattens-blue)}._action-list_1vi7f_1 [role=menuitem]>*:hover{background-color:var(--color-ghost-white)}
+._action-list_es75o_1{background-color:var(--new-color-uva-white);border-radius:.5rem;box-shadow:0 0 6px 2px #00000026;display:none;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}._action-list--open_es75o_13{display:block}._action-list-container_es75o_17{position:relative}._action-list_es75o_1 [role=menuitem]>*{background:0;border:0;border-radius:.25rem;cursor:pointer;display:block;font:inherit;margin:0;padding:.5rem .75rem;text-align:left;white-space:pre;width:100%}._action-list_es75o_1 [role=menuitem]>*:not(:last-of-type){border-bottom:1px solid var(--new-color-grey-300)}._action-list_es75o_1 [role=menuitem]>*:hover{background-color:var(--new-color-grey-200)}

package/dist/assets/AppStatusBar.css

@@ -1 +1 @@
-._app-status-bar_1ddv0_1{overflow:hidden;padding:0 2rem;position:relative;text-align:center;z-index:20}._app-status-bar__message_1ddv0_9{margin:.75rem 0}._app-status-bar--info_1ddv0_13{background-color:var(--color-lavender)}._app-status-bar--warning_1ddv0_17{background-color:var(--color-dandelion)}._app-status-bar--error_1ddv0_21{background-color:var(--color-amaranth);color:var(--color-white)}
+._app-status-bar_gl9k3_1{overflow:hidden;padding:0 2rem;position:relative;text-align:center;z-index:20}._app-status-bar__message_gl9k3_9{margin:.75rem 0}._app-status-bar--info_gl9k3_13{background-color:var(--new-color-grey-300)}._app-status-bar--warning_gl9k3_17{background-color:var(--new-color-orange-500)}._app-status-bar--error_gl9k3_21{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}

package/dist/assets/Backdrop.css

@@ -1 +1 @@
-._backdrop_8s6aa_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100;overflow:hidden}._backdrop_8s6aa_1:after{content:"";top:0;right:0;bottom:0;left:0;background-color:var(--color-uva-black);opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_8s6aa_1{align-items:center;display:flex;justify-content:center}._backdrop_8s6aa_1:after{position:absolute}._backdrop_8s6aa_1>*{position:relative;z-index:1}}
+._backdrop_t17s7_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100;overflow:hidden}._backdrop_t17s7_1:after{content:"";top:0;right:0;bottom:0;left:0;background-color:var(--new-color-uva-black);opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_t17s7_1{align-items:center;display:flex;justify-content:center}._backdrop_t17s7_1:after{position:absolute}._backdrop_t17s7_1>*{position:relative;z-index:1}}