@uva-glass/component-library 1.62.5 → 1.62.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/{ListPlugin-B-2w9EIN.js → ListPlugin-DsPphjdE.js} +2 -2
  2. package/dist/{ListPlugin-B-2w9EIN.js.map → ListPlugin-DsPphjdE.js.map} +1 -1
  3. package/dist/RteEditor.module-CHbWzGpE.js +28 -0
  4. package/dist/RteEditor.module-CHbWzGpE.js.map +1 -0
  5. package/dist/TablePlugin-hmwPCCLn.js +310 -0
  6. package/dist/TablePlugin-hmwPCCLn.js.map +1 -0
  7. package/dist/assets/EditorHeader.css +1 -1
  8. package/dist/assets/FormInput.css +1 -1
  9. package/dist/assets/PeriodSelector.css +1 -1
  10. package/dist/assets/RteEditor.css +1 -1
  11. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  12. package/dist/components/FormInput/FormInput.js +27 -24
  13. package/dist/components/FormInput/FormInput.js.map +1 -1
  14. package/dist/components/InputField/InputField.stories.js +1 -1
  15. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  16. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  17. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  18. package/dist/components/MultiSelect/index.js +1 -1
  19. package/dist/components/PeriodSelector/PeriodSelector.js +32 -33
  20. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  21. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  22. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +7 -7
  23. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  24. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
  25. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +1 -1
  26. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +75 -75
  27. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  28. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +2 -2
  29. package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
  30. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  31. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +2 -2
  32. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  33. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +3 -3
  34. package/dist/components/RteEditor/Plugins/index.js +2 -2
  35. package/dist/components/RteEditor/RteEditor.js +3 -3
  36. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  37. package/dist/components/index.js +1 -1
  38. package/dist/index.js +1 -1
  39. package/package.json +2 -2
  40. package/dist/RteEditor.module-XCAFrP3U.js +0 -28
  41. package/dist/RteEditor.module-XCAFrP3U.js.map +0 -1
  42. package/dist/TablePlugin-CMsi2UDH.js +0 -308
  43. package/dist/TablePlugin-CMsi2UDH.js.map +0 -1
@@ -1,12 +1,12 @@
1
- import { jsx as L, jsxs as K } from "react/jsx-runtime";
2
- import { u as O } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
1
+ import { jsx as T, jsxs as O } from "react/jsx-runtime";
2
+ import { u as V } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
3
  import { c as j } from "../../../../clsx-OuTLNxxd.js";
4
- import { g as w, m as V, e as z, U as W } from "../../../../helpers-BD3Y_bqE.js";
5
- import { useRef as p, useState as Y, useEffect as x } from "react";
6
- import { e as q, A as m, r as B, x as T, _ as G, L as J, l as M, E as Q } from "../../../../Lexical.prod-eo-UKDld.js";
7
- import { A as X } from "../../../../TablePlugin-CMsi2UDH.js";
8
- import { useFlyout as Z } from "../../hooks/useFlyout.js";
9
- import { Icon as $ } from "../../../Icon/Icon.js";
4
+ import { g as D, m as z, e as W, U as Y } from "../../../../helpers-BD3Y_bqE.js";
5
+ import { useRef as m, useState as q, useEffect as g } from "react";
6
+ import { e as B, A as f, r as G, x as b, _ as J, L as M, l as Q, E as X } from "../../../../Lexical.prod-eo-UKDld.js";
7
+ import { A as Z } from "../../../../TablePlugin-hmwPCCLn.js";
8
+ import { useFlyout as $ } from "../../hooks/useFlyout.js";
9
+ import { Icon as tt } from "../../../Icon/Icon.js";
10
10
  import "../../../Buttons/Button.js";
11
11
  import "../../../Buttons/LinkButton.js";
12
12
  import "@react-aria/button";
@@ -19,17 +19,17 @@ import "../../../IconButton/IconButton.js";
19
19
  import "../../../Input/Input.js";
20
20
  import "../../../InputField/InputField.js";
21
21
  import "react-router-dom";
22
- import { s as d } from "../../../../RteEditor.module-XCAFrP3U.js";
23
- import { useTranslation as tt } from "../../hooks/useTranslation.js";
22
+ import { s as k } from "../../../../RteEditor.module-CHbWzGpE.js";
23
+ import { useTranslation as et } from "../../hooks/useTranslation.js";
24
24
  import "../../Providers/LanguageProvider.js";
25
25
  import "../../../SelectListbox/SelectListbox.js";
26
26
  import "../../../SelectListbox/SelectProvider.js";
27
27
  import "../../../Sortable/components/SortableItem.js";
28
28
  import "../../../../SortableProvider-BUsvniX7.js";
29
- const et = 200, F = (u) => {
29
+ const rt = 200, F = (u) => {
30
30
  let t = u;
31
31
  for (; t; ) {
32
- if (w(t))
32
+ if (D(t))
33
33
  return t;
34
34
  t = t.getParent();
35
35
  }
@@ -37,7 +37,7 @@ const et = 200, F = (u) => {
37
37
  }, E = (u) => {
38
38
  let t = u;
39
39
  for (; t; ) {
40
- if (w(t))
40
+ if (D(t))
41
41
  return {
42
42
  active: !0,
43
43
  url: t.getURL(),
@@ -46,76 +46,76 @@ const et = 200, F = (u) => {
46
46
  t = t.getParent();
47
47
  }
48
48
  return !1;
49
- }, Dt = () => {
50
- const u = tt(), [t] = O(), { flyout: D, showFlyout: g, hideFlyout: S, isVisible: v } = Z(), a = p(), b = p(!1), f = p(""), l = p(""), [_, A] = Y({ active: !1, url: "", linktext: "" }), N = p(null), k = () => {
49
+ }, Rt = () => {
50
+ const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, A] = q({ active: !1, url: "", linktext: "" }), w = m(p), C = m(null), y = () => {
51
51
  t.update(() => {
52
- const o = m();
53
- N.current = o;
52
+ const o = f();
53
+ C.current = o;
54
54
  });
55
- }, R = () => {
55
+ }, U = () => {
56
56
  t.update(() => {
57
- N.current && Q(N.current);
57
+ C.current && X(C.current);
58
58
  });
59
- }, U = () => {
60
- b.current || (k(), g(y), l.current !== "" && setTimeout(() => {
59
+ }, H = () => {
60
+ N.current || (y(), h(x), l.current !== "" && setTimeout(() => {
61
61
  var o;
62
62
  return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
63
63
  }, 0));
64
- }, h = () => {
65
- S(), R();
66
- }, H = (o, r) => {
64
+ }, L = () => {
65
+ S(), U();
66
+ }, I = (o, r) => {
67
67
  t.update(() => {
68
- const e = m();
69
- if (T(e)) {
68
+ const e = f();
69
+ if (b(e)) {
70
70
  const n = e.anchor.getNode(), i = F(n);
71
71
  if (r && r !== "") {
72
72
  if (i) {
73
- const c = M(r);
73
+ const c = Q(r);
74
74
  i.replace(c), c.select();
75
75
  }
76
- if (r !== f.current && f.current === "") {
77
- const { anchor: c, focus: C } = e;
78
- e.insertText(r), c.offset -= r.length, C.offset = c.offset + r.length;
76
+ if (r !== d.current && d.current === "") {
77
+ const { anchor: c, focus: v } = e;
78
+ e.insertText(r), c.offset -= r.length, v.offset = c.offset + r.length;
79
79
  }
80
80
  }
81
- V(z(o), { target: "_blank" });
81
+ z(W(o), { target: "_blank" });
82
82
  }
83
- h();
83
+ L();
84
84
  });
85
- }, y = {
86
- children: /* @__PURE__ */ L(
87
- X,
85
+ }, x = {
86
+ children: /* @__PURE__ */ T(
87
+ Z,
88
88
  {
89
89
  isLink: _,
90
- onCloseHandler: h,
91
- onSaveHandler: (o, r) => H(o, r),
90
+ onCloseHandler: L,
91
+ onSaveHandler: (o, r) => I(o, r),
92
92
  onRemoveHandler: () => {
93
- t.dispatchCommand(W, null), h();
93
+ t.dispatchCommand(Y, null), L();
94
94
  },
95
95
  ref: a
96
96
  }
97
97
  )
98
98
  };
99
- return x(() => {
99
+ return g(() => {
100
100
  var o, r;
101
- v ? (b.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), f.current = l.current = "", setTimeout(() => b.current = !1, et));
102
- }, [a, v]), x(() => {
101
+ p ? (N.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), d.current = l.current = "", setTimeout(() => N.current = !1, rt));
102
+ }, [a, p]), g(() => {
103
103
  const o = t.registerCommand(
104
- q,
104
+ B,
105
105
  () => {
106
- const e = m();
106
+ const e = f();
107
107
  return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
108
108
  },
109
109
  0
110
110
  ), r = t.registerCommand(
111
- B,
111
+ G,
112
112
  (e) => {
113
- const s = m();
114
- if (T(s)) {
115
- k();
113
+ const s = f();
114
+ if (b(s)) {
115
+ y();
116
116
  const n = E(s.anchor.getNode());
117
117
  if (n)
118
- return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), g(y), f.current = n.linktext, setTimeout(() => {
118
+ return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(x), d.current = n.linktext, setTimeout(() => {
119
119
  var i;
120
120
  return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
121
121
  }, 0), !0;
@@ -129,33 +129,33 @@ const et = 200, F = (u) => {
129
129
  return () => {
130
130
  r(), o();
131
131
  };
132
- }, [t]), x(() => {
132
+ }, [t]), g(() => {
133
133
  const o = t.registerCommand(
134
- G,
134
+ J,
135
135
  (e) => {
136
136
  if (e.ctrlKey && e.shiftKey && e.key === "U") {
137
- const s = m();
138
- if (k(), !T(s))
137
+ const s = f();
138
+ if (y(), !b(s))
139
139
  return !1;
140
- const n = E(s.anchor.getNode()), i = (C = "", I = "") => {
141
- g(y), setTimeout(() => {
140
+ const n = E(s.anchor.getNode()), i = (v = "", K = "") => {
141
+ h(x), setTimeout(() => {
142
142
  var P;
143
- return (P = a.current) == null ? void 0 : P.setDefaults(C, I);
143
+ return (P = a.current) == null ? void 0 : P.setDefaults(v, K);
144
144
  }, 0);
145
145
  };
146
146
  if (n)
147
- return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), f.current = n.linktext, i(n.url, n.linktext), !0;
147
+ return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d.current = n.linktext, i(n.url, n.linktext), !0;
148
148
  const c = s.getTextContent();
149
- return c !== "" ? (l.current = c, i("", l.current), !0) : (g(y), !0);
149
+ return c !== "" ? (l.current = c, i("", l.current), !0) : (h(x), !0);
150
150
  }
151
151
  return !1;
152
152
  },
153
- J
153
+ M
154
154
  ), r = t.registerUpdateListener(({ editorState: e }) => {
155
155
  A(
156
156
  e.read(() => {
157
- const s = m();
158
- if (k(), T(s)) {
157
+ const s = f();
158
+ if (y(), b(s)) {
159
159
  const n = s.anchor.getNode(), i = F(n);
160
160
  if (i)
161
161
  return {
@@ -175,35 +175,35 @@ const et = 200, F = (u) => {
175
175
  return () => {
176
176
  o(), r();
177
177
  };
178
- }, [t]), x(() => {
179
- const o = (r) => {
180
- r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), h());
181
- };
182
- return document.addEventListener("keydown", o), () => {
183
- document.removeEventListener("keydown", o);
178
+ }, [t]), g(() => {
179
+ w.current = p;
180
+ }, [p]), g(() => {
181
+ const o = (r) => (r.key === "Escape" && w.current && (r.preventDefault(), r.stopPropagation(), L()), !0);
182
+ return window.addEventListener("keydown", o, { capture: !0 }), () => {
183
+ window.removeEventListener("keydown", o);
184
184
  };
185
- }, []), /* @__PURE__ */ L("div", { className: d["editor__toolbar-button-group"], children: /* @__PURE__ */ K("div", { className: d["editor__toolbar-button-flyoutwrapper"], children: [
186
- /* @__PURE__ */ L(
185
+ }, []), /* @__PURE__ */ T("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ O("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
186
+ /* @__PURE__ */ T(
187
187
  "button",
188
188
  {
189
- onClick: U,
189
+ onClick: H,
190
190
  title: u.links.linkTooltip,
191
191
  className: j(
192
- d["editor__toolbar-button"],
193
- d["editor__toolbar-button--link"],
194
- _.active && d["editor__toolbar-button--active"]
192
+ k["editor__toolbar-button"],
193
+ k["editor__toolbar-button--link"],
194
+ _.active && k["editor__toolbar-button--active"]
195
195
  ),
196
196
  "aria-label": u.aria.labels.link,
197
197
  "aria-keyshortcuts": u.aria.keyshortcuts.link,
198
198
  type: "button",
199
- children: /* @__PURE__ */ L($, { name: "Link", size: 20 })
199
+ children: /* @__PURE__ */ T(tt, { name: "Link", size: 20 })
200
200
  }
201
201
  ),
202
- D
202
+ R
203
203
  ] }) });
204
204
  };
205
205
  export {
206
- Dt as LinkPlugin,
206
+ Rt as LinkPlugin,
207
207
  E as getLinkNodeTag
208
208
  };
209
209
  //# sourceMappingURL=LinkPlugin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n $createTextNode,\n $getSelection,\n $isRangeSelection,\n $setSelection,\n CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } 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\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n let currentNode: TextNode | ElementNode | null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n const storedSelection = useRef<BaseSelection | null>(null);\n\n const storeCursorPosition = () => {\n editor.update(() => {\n const selection = $getSelection();\n storedSelection.current = selection;\n });\n };\n\n const rePositionCursor = () => {\n editor.update(() => {\n if (storedSelection.current) {\n $setSelection(storedSelection.current);\n }\n });\n };\n\n const openFlyout = () => {\n if (!preventOpen.current) {\n storeCursorPosition();\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n rePositionCursor();\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeFlyout();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n onRemoveHandler={removeLink}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n return false;\n },\n 0\n );\n\n const unregisterClick = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n storeCursorPosition();\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n showFlyout(flyoutOptions);\n previousLinkText.current = node.linktext;\n setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n return true;\n } else if (selection.getTextContent() !== '') {\n selectedText.current = selection.getTextContent();\n return true;\n }\n }\n return false;\n },\n 0\n );\n\n return () => {\n unregisterClick();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n storeCursorPosition();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n showFlyout(flyoutOptions);\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n showFlyout(flyoutOptions);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n storeCursorPosition();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown);\n\n return () => {\n document.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\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.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n type=\"button\"\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","storedSelection","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openFlyout","flyoutOptions","_a","closeFlyout","insertLink","url","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}
1
+ {"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n $createTextNode,\n $getSelection,\n $isRangeSelection,\n $setSelection,\n CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } 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\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n let currentNode: TextNode | ElementNode | null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n const isVisibleRef = useRef(isVisible);\n const storedSelection = useRef<BaseSelection | null>(null);\n\n const storeCursorPosition = () => {\n editor.update(() => {\n const selection = $getSelection();\n storedSelection.current = selection;\n });\n };\n\n const rePositionCursor = () => {\n editor.update(() => {\n if (storedSelection.current) {\n $setSelection(storedSelection.current);\n }\n });\n };\n\n const openFlyout = () => {\n if (!preventOpen.current) {\n storeCursorPosition();\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n rePositionCursor();\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeFlyout();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n onRemoveHandler={removeLink}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n return false;\n },\n 0\n );\n\n const unregisterClick = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n storeCursorPosition();\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n showFlyout(flyoutOptions);\n previousLinkText.current = node.linktext;\n setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n return true;\n } else if (selection.getTextContent() !== '') {\n selectedText.current = selection.getTextContent();\n return true;\n }\n }\n return false;\n },\n 0\n );\n\n return () => {\n unregisterClick();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n storeCursorPosition();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n showFlyout(flyoutOptions);\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n showFlyout(flyoutOptions);\n return true;\n }\n\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n storeCursorPosition();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\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): boolean => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n return true;\n };\n\n window.addEventListener('keydown', removeKeydown, { capture: true });\n\n return () => {\n window.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\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.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n type=\"button\"\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openFlyout","flyoutOptions","_a","closeFlyout","insertLink","url","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}
@@ -1,11 +1,11 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { L as f } from "../../../../ListPlugin-B-2w9EIN.js";
3
+ import { L as f } from "../../../../ListPlugin-DsPphjdE.js";
4
4
  import "react";
5
5
  import "../../../../clsx-OuTLNxxd.js";
6
6
  import "../../../../Lexical.prod-eo-UKDld.js";
7
7
  import "../../../Icon/Icon.js";
8
- import "../../../../RteEditor.module-XCAFrP3U.js";
8
+ import "../../../../RteEditor.module-CHbWzGpE.js";
9
9
  import "../../hooks/useTranslation.js";
10
10
  export {
11
11
  f as ListPlugin
@@ -1,4 +1,4 @@
1
- import { L as r } from "../../../../ListPlugin-B-2w9EIN.js";
1
+ import { L as r } from "../../../../ListPlugin-DsPphjdE.js";
2
2
  export {
3
3
  r as ListPlugin
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { b as v } from "../../../../TablePlugin-CMsi2UDH.js";
3
+ import { b as v } from "../../../../TablePlugin-hmwPCCLn.js";
4
4
  import "../../../Buttons/Button.js";
5
5
  import "../../../Buttons/LinkButton.js";
6
6
  import "@react-aria/button";
@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
4
4
  import "../../../../helpers-DONVwywj.js";
5
5
  import "../../../../Lexical.prod-eo-UKDld.js";
6
6
  import "react";
7
- import { T as B } from "../../../../TablePlugin-CMsi2UDH.js";
7
+ import { T as B } from "../../../../TablePlugin-hmwPCCLn.js";
8
8
  import "../../hooks/useFlyout.js";
9
9
  import "../../../Icon/Icon.js";
10
10
  import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
19
19
  import "../../../Input/Input.js";
20
20
  import "../../../InputField/InputField.js";
21
21
  import "react-router-dom";
22
- import "../../../../RteEditor.module-XCAFrP3U.js";
22
+ import "../../../../RteEditor.module-CHbWzGpE.js";
23
23
  import "../../hooks/useTranslation.js";
24
24
  import "../../Providers/LanguageProvider.js";
25
25
  import "../../../SelectListbox/SelectListbox.js";
@@ -1,4 +1,4 @@
1
- import { T as o } from "../../../../TablePlugin-CMsi2UDH.js";
1
+ import { T as o } from "../../../../TablePlugin-hmwPCCLn.js";
2
2
  import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
3
3
  export {
4
4
  t as TableCellContextMenu,
@@ -4,12 +4,12 @@ import { A as d, x as b } from "../../../../Lexical.prod-eo-UKDld.js";
4
4
  import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
5
5
  import { g as A } from "../../../../helpers-DONVwywj.js";
6
6
  import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
7
- import { L as C } from "../../../../ListPlugin-B-2w9EIN.js";
7
+ import { L as C } from "../../../../ListPlugin-DsPphjdE.js";
8
8
  import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
9
9
  import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
10
- import { T as k } from "../../../../TablePlugin-CMsi2UDH.js";
10
+ import { T as k } from "../../../../TablePlugin-hmwPCCLn.js";
11
11
  import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
12
- import { s as v } from "../../../../RteEditor.module-XCAFrP3U.js";
12
+ import { s as v } from "../../../../RteEditor.module-CHbWzGpE.js";
13
13
  const D = ({ editorScrollPosition: u }) => {
14
14
  const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
15
15
  const o = d();
@@ -1,9 +1,9 @@
1
1
  import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
2
2
  import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
3
- import { L as n } from "../../../ListPlugin-B-2w9EIN.js";
3
+ import { L as n } from "../../../ListPlugin-DsPphjdE.js";
4
4
  import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
5
5
  import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
6
- import { T as u } from "../../../TablePlugin-CMsi2UDH.js";
6
+ import { T as u } from "../../../TablePlugin-hmwPCCLn.js";
7
7
  import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
8
8
  export {
9
9
  l as BlockFormatPlugin,
@@ -6,13 +6,13 @@ import { useMemo as H, useLayoutEffect as U, useEffect as k, useRef as Ft, useSt
6
6
  import { L as B, i as z, e as At, t as me, r as zt, u as Bt } from "../../LexicalUtils.prod-DzksRdFe.js";
7
7
  import { r as we } from "../../index-DsprzSCj.js";
8
8
  import { _ as Ee, O as be, L as $e, $ as Se, u as ne, f as re, h as Be, K as Ut, n as _e, r as jt, j as qt, k as Wt, l as Ht, F as Jt, m as ke, o as Vt, U as Xt, p as Yt, q as Gt } from "../../helpers-DONVwywj.js";
9
- import { J as Ue, D as je, Z as Zt } from "../../ListPlugin-B-2w9EIN.js";
9
+ import { J as Ue, D as je, Z as Zt } from "../../ListPlugin-DsPphjdE.js";
10
10
  import { a as qe, U as xe, m as ae, g as Qt, b as en, F as tn, M as nn, f as rn } from "../../helpers-BD3Y_bqE.js";
11
11
  import { c as on } from "../../clsx-OuTLNxxd.js";
12
- import { s as M } from "../../RteEditor.module-XCAFrP3U.js";
12
+ import { s as M } from "../../RteEditor.module-CHbWzGpE.js";
13
13
  import { ToolBarPlugin as sn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
14
14
  import { useTranslation as an } from "./hooks/useTranslation.js";
15
- import "../../TablePlugin-CMsi2UDH.js";
15
+ import "../../TablePlugin-hmwPCCLn.js";
16
16
  import "./hooks/components/Flyout.js";
17
17
  import "../Buttons/Button.js";
18
18
  import "../Buttons/LinkButton.js";
@@ -1,4 +1,4 @@
1
- import { s as t } from "../../../RteEditor.module-XCAFrP3U.js";
1
+ import { s as t } from "../../../RteEditor.module-CHbWzGpE.js";
2
2
  const e = {
3
3
  text: {
4
4
  bold: t["editor__text--bold"],
@@ -30,7 +30,7 @@ import { Label as po } from "./Label/Label.js";
30
30
  import { MenuLink as mo } from "./MenuLink/MenuLink.js";
31
31
  import { MetaDataList as io } from "./MetaDataList/MetaDataList.js";
32
32
  import { ModalDialog as no } from "./ModalDialog/ModalDialog.js";
33
- import { M as uo } from "../TablePlugin-CMsi2UDH.js";
33
+ import { M as uo } from "../TablePlugin-hmwPCCLn.js";
34
34
  import { OverlayCloseButton as so } from "./OverlayCloseButton/OverlayCloseButton.js";
35
35
  import { PageOverlay as So } from "./PageOverlay/PageOverlay.js";
36
36
  import { Periods as ko } from "./Periods/Periods.js";
package/dist/index.js CHANGED
@@ -30,7 +30,7 @@ import { Label as po } from "./components/Label/Label.js";
30
30
  import { MenuLink as mo } from "./components/MenuLink/MenuLink.js";
31
31
  import { MetaDataList as io } from "./components/MetaDataList/MetaDataList.js";
32
32
  import { ModalDialog as no } from "./components/ModalDialog/ModalDialog.js";
33
- import { M as uo } from "./TablePlugin-CMsi2UDH.js";
33
+ import { M as uo } from "./TablePlugin-hmwPCCLn.js";
34
34
  import { OverlayCloseButton as so } from "./components/OverlayCloseButton/OverlayCloseButton.js";
35
35
  import { PageOverlay as So } from "./components/PageOverlay/PageOverlay.js";
36
36
  import { Periods as ko } from "./components/Periods/Periods.js";
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "1.62.5",
5
+ "version": "1.62.7",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -80,7 +80,7 @@
80
80
  "npm-run-all2": "^7.0.1",
81
81
  "react": "^18.3.1",
82
82
  "react-dom": "^18.3.1",
83
- "react-router-dom": "^6.27.0",
83
+ "react-router-dom": "^6.28.0",
84
84
  "semantic-release": "^24.2.0",
85
85
  "storybook": "^8.4.2",
86
86
  "style-dictionary": "^4.1.4",
@@ -1,28 +0,0 @@
1
- import './assets/RteEditor.css';const _ = "_editor__container_1appy_1", t = "_editor__header_1appy_7", o = "_editor_1appy_1", e = "_editor__field_1appy_36", r = "_editor__toolbar_1appy_40", i = "_editor__placeholder_1appy_172", d = "_editor__listitem_1appy_199", a = "_editor__link_1appy_209", p = "_editor__table_1appy_215", l = {
2
- editor__container: _,
3
- editor__header: t,
4
- "editor__header-word-count": "_editor__header-word-count_1appy_15",
5
- "editor__header-word-count--alert": "_editor__header-word-count--alert_1appy_24",
6
- editor: o,
7
- editor__field: e,
8
- editor__toolbar: r,
9
- "editor__toolbar-button-group": "_editor__toolbar-button-group_1appy_49",
10
- "editor__toolbar-button": "_editor__toolbar-button_1appy_49",
11
- "editor__toolbar-button--bold": "_editor__toolbar-button--bold_1appy_93",
12
- "editor__toolbar-button--italic": "_editor__toolbar-button--italic_1appy_97",
13
- "editor__toolbar-button--active": "_editor__toolbar-button--active_1appy_101",
14
- "editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_1appy_123",
15
- "editor__field-wrapper": "_editor__field-wrapper_1appy_127",
16
- editor__placeholder: i,
17
- "editor__text--bold": "_editor__text--bold_1appy_185",
18
- "editor__text--italic": "_editor__text--italic_1appy_189",
19
- "editor__list--ul": "_editor__list--ul_1appy_193",
20
- "editor__list--ol": "_editor__list--ol_1appy_194",
21
- editor__listitem: d,
22
- editor__link: a,
23
- editor__table: p
24
- };
25
- export {
26
- l as s
27
- };
28
- //# sourceMappingURL=RteEditor.module-XCAFrP3U.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RteEditor.module-XCAFrP3U.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}