@uva-glass/component-library 1.64.3 → 1.64.5

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js

@@ -1,55 +1,101 @@
-import { jsxs as c, Fragment as w, jsx as n } from "react/jsx-runtime";
-import { forwardRef as C, useState as u, useImperativeHandle as N, useLayoutEffect as L } from "react";
-import { e as g } from "../../../../../helpers-BuSJOvGF.js";
-import { Icon as s } from "../../../../Icon/Icon.js";
-import { useTranslation as S } from "../../../hooks/useTranslation.js";
-import { Button as _ } from "../../../../Buttons/Button.js";
+import { jsxs as k, Fragment as v, jsx as n } from "react/jsx-runtime";
+import { forwardRef as K, useState as b, useRef as N, useImperativeHandle as T, useLayoutEffect as g } from "react";
+import { e as E } from "../../../../../helpers-BKqr9jXh.js";
+import { Icon as m } from "../../../../Icon/Icon.js";
+import { useTranslation as R } from "../../../hooks/useTranslation.js";
+import { Button as y } from "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
 import "@react-aria/button";
-import '../../../../../assets/LinkContextMenu.css';const t = {
-  "link-context-menu__wrapper": "_link-context-menu__wrapper_22t82_1",
-  "link-context-menu__input": "_link-context-menu__input_22t82_8",
-  "link-context-menu__button": "_link-context-menu__button_22t82_26",
-  "link-context-menu__actions": "_link-context-menu__actions_22t82_36"
-}, P = C(({ url: e, onSave: p, onDelete: k, onClose: d }, b) => {
-  const o = S(), [r, i] = u(e), [l, m] = u(!1), a = () => {
-    i(e), m(!1);
-  }, x = () => {
-    p(r), a();
-  }, h = () => {
-    k(), i(""), a();
-  }, f = () => {
-    a(), d();
-  }, y = () => {
-    window.open(g(e), "_blank");
+import '../../../../../assets/LinkContextMenu.css';const a = {
+  "link-context-menu__wrapper": "_link-context-menu__wrapper_1ub2v_1",
+  "link-context-menu__input": "_link-context-menu__input_1ub2v_7",
+  "link-context-menu__button": "_link-context-menu__button_1ub2v_25",
+  "link-context-menu__actions": "_link-context-menu__actions_1ub2v_36"
+}, O = K(({ url: l, onSave: f, onDelete: h, onClose: x }, w) => {
+  const e = R(), [_, s] = b(l), [c, u] = b(!1), o = N(null), r = () => {
+    var t;
+    s(l), u(!1), (t = o.current) == null || t.blur();
+  }, C = () => {
+    f(_), r();
+  }, p = () => {
+    h(), s(""), r();
+  }, L = () => {
+    r(), x();
+  }, d = () => {
+    window.open(E(l), "_blank");
   };
-  return N(b, () => ({
-    clearForm: a
-  })), L(() => {
-    i(e);
-  }, [e]), /* @__PURE__ */ c(w, { children: [
-    /* @__PURE__ */ c("div", { className: t["link-context-menu__wrapper"], children: [
+  return T(w, () => ({
+    clearForm: r
+  })), g(() => {
+    s(l), window.addEventListener("keydown", (t) => {
+      t.ctrlKey && t.shiftKey && t.key === "L" && (u(!0), setTimeout(() => {
+        var i;
+        return (i = o.current) == null ? void 0 : i.focus();
+      }, 0)), t.ctrlKey && t.shiftKey && t.code === "Digit1" && (d(), setTimeout(() => {
+        var i;
+        return (i = o.current) == null ? void 0 : i.focus();
+      }, 0)), t.ctrlKey && t.shiftKey && t.key === "Q" && (p(), setTimeout(() => {
+        var i;
+        return (i = o.current) == null ? void 0 : i.focus();
+      }, 0));
+    });
+  }, [l]), /* @__PURE__ */ k(v, { children: [
+    /* @__PURE__ */ k("div", { className: a["link-context-menu__wrapper"], children: [
       /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: r,
-          onChange: (v) => i(v.target.value),
-          className: t["link-context-menu__input"],
-          disabled: !l
+          value: _,
+          onChange: (t) => s(t.target.value),
+          className: a["link-context-menu__input"],
+          disabled: !c,
+          ref: o
         }
       ),
-      !l && /* @__PURE__ */ n("button", { type: "button", className: t["link-context-menu__button"], onClick: () => m(!0), children: /* @__PURE__ */ n(s, { name: "Pencil", size: 20 }) }),
-      /* @__PURE__ */ n("button", { type: "button", className: t["link-context-menu__button"], onClick: y, children: /* @__PURE__ */ n(s, { name: "ArrowTopRightOnSquare", size: 20 }) }),
-      /* @__PURE__ */ n("button", { type: "button", className: t["link-context-menu__button"], onClick: h, children: /* @__PURE__ */ n(s, { name: "LinkSlash", size: 20 }) })
+      !c && /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: a["link-context-menu__button"],
+          onClick: () => u(!0),
+          title: e.links.linkEdittip,
+          "aria-label": e.aria.labels.link,
+          "aria-keyshortcuts": e.aria.keyshortcuts.editlink,
+          children: /* @__PURE__ */ n(m, { name: "Pencil", size: 20 })
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: a["link-context-menu__button"],
+          onClick: d,
+          title: e.links.linkTesttip,
+          "aria-label": e.aria.labels.link,
+          "aria-keyshortcuts": e.aria.keyshortcuts.testlink,
+          children: /* @__PURE__ */ n(m, { name: "ArrowTopRightOnSquare", size: 20 })
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: a["link-context-menu__button"],
+          onClick: p,
+          title: e.links.linkDeletetip,
+          "aria-label": e.aria.labels.link,
+          "aria-keyshortcuts": e.aria.keyshortcuts.deletelink,
+          children: /* @__PURE__ */ n(m, { name: "LinkSlash", size: 20 })
+        }
+      )
     ] }),
-    l && /* @__PURE__ */ c("div", { className: t["link-context-menu__actions"], children: [
-      /* @__PURE__ */ n(_, { variant: "secondary", onClick: f, "aria-label": o.common.cancel, type: "button", children: o.common.cancel }),
-      /* @__PURE__ */ n(_, { variant: "primary", onClick: x, "aria-label": o.aria.labels.linkOkButton, type: "button", children: o.links.addLink })
+    c && /* @__PURE__ */ k("div", { className: a["link-context-menu__actions"], children: [
+      /* @__PURE__ */ n(y, { variant: "secondary", onClick: L, "aria-label": e.common.cancel, type: "button", children: e.common.cancel }),
+      /* @__PURE__ */ n(y, { variant: "primary", onClick: C, "aria-label": e.aria.labels.linkOkButton, type: "button", children: e.links.addLink })
     ] })
   ] });
 });
 export {
-  P as LinkContextMenu
+  O as LinkContextMenu
 };
 //# sourceMappingURL=LinkContextMenu.js.map

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n        />\n        {!editable && (\n          <button type=\"button\" className={styles['link-context-menu__button']} onClick={() => setEditable(true)}>\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button type=\"button\" className={styles['link-context-menu__button']} onClick={handlePreview}>\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button type=\"button\" className={styles['link-context-menu__button']} onClick={handleDelete}>\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\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      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","t","useTranslation","link","setLink","useState","editable","setEditable","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","jsxs","Fragment","styles","jsx","event","Icon","Button"],"mappings":";;;;;;;;;;;;;GAoBaA,IAAkBC,EAAW,CAAC,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,EAAQ,GAAyBC,MAAQ;AAC3G,QAAMC,IAAIC,KACJ,CAACC,GAAMC,CAAO,IAAIC,EAAST,CAAG,GAC9B,CAACU,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAQ,MAAM;AAClB,IAAAJ,EAAQR,CAAG,GACXW,EAAY,EAAK;AAAA,EAAA,GAGbE,IAAa,MAAM;AACvB,IAAAZ,EAAOM,CAAI,GACLK;EAAA,GAGFE,IAAe,MAAM;AAChB,IAAAZ,KACTM,EAAQ,EAAE,GACJI;EAAA,GAGFG,IAAc,MAAM;AAClB,IAAAH,KACET;EAAA,GAGJa,IAAgB,MAAM;AAC1B,WAAO,KAAKC,EAAYjB,CAAG,GAAG,QAAQ;AAAA,EAAA;AAGxC,SAAAkB,EAAoBd,GAAK,OAAO;AAAA,IAC9B,WAAWQ;AAAA,EACX,EAAA,GAEFO,EAAgB,MAAM;AACpB,IAAAX,EAAQR,CAAG;AAAA,EAAA,GACV,CAACA,CAAG,CAAC,GAIJ,gBAAAoB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB;AAAA,UACP,UAAU,CAACiB,MAAUhB,EAAQgB,EAAM,OAAO,KAAK;AAAA,UAC/C,WAAWF,EAAO,0BAA0B;AAAA,UAC5C,UAAU,CAACZ;AAAA,QAAA;AAAA,MACb;AAAA,MACC,CAACA,KACC,gBAAAa,EAAA,UAAA,EAAO,MAAK,UAAS,WAAWD,EAAO,2BAA2B,GAAG,SAAS,MAAMX,EAAY,EAAI,GACnG,UAAA,gBAAAY,EAACE,KAAK,MAAK,UAAS,MAAM,GAAI,CAAA,GAChC;AAAA,wBAED,UAAO,EAAA,MAAK,UAAS,WAAWH,EAAO,2BAA2B,GAAG,SAASN,GAC7E,4BAACS,GAAK,EAAA,MAAK,yBAAwB,MAAM,GAAI,CAAA,GAC/C;AAAA,wBACC,UAAO,EAAA,MAAK,UAAS,WAAWH,EAAO,2BAA2B,GAAG,SAASR,GAC7E,4BAACW,GAAK,EAAA,MAAK,aAAY,MAAM,GAAI,CAAA,GACnC;AAAA,IAAA,GACF;AAAA,IACCf,KACE,gBAAAU,EAAA,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC,EAACG,GAAO,EAAA,SAAS,aAAa,SAASX,GAAa,cAAYV,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAAA,EAAE,OAAO,QACZ;AAAA,MACC,gBAAAkB,EAAAG,GAAA,EAAO,SAAS,WAAW,SAASb,GAAY,cAAYR,EAAE,KAAK,OAAO,cAAc,MAAK,UAC3F,UAAAA,EAAE,MAAM,SACX;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n  const linkRef = useRef<HTMLInputElement>(null);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n    linkRef.current?.blur();\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n    window.addEventListener('keydown', (event) => {\n      if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n        setEditable(true);\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n        handlePreview();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n        handleDelete();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n          ref={linkRef}\n        />\n        {!editable && (\n          <button\n            type=\"button\"\n            className={styles['link-context-menu__button']}\n            onClick={() => setEditable(true)}\n            title={t.links.linkEdittip}\n            aria-label={t.aria.labels.link}\n            aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n          >\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handlePreview}\n          title={t.links.linkTesttip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n        >\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handleDelete}\n          title={t.links.linkDeletetip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n        >\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\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      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","t","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","_a","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js

@@ -1,12 +1,12 @@
-import { jsx as h, jsxs as Y } from "react/jsx-runtime";
-import { u as $ } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { c as q } from "../../../../clsx-OuTLNxxd.js";
-import { g as U, m as G, U as J } from "../../../../LexicalLink.prod-DWrTW8iE.js";
-import { useRef as a, useState as Q, useEffect as d } from "react";
-import { B as X, M as f, a1 as Z, $ as tt, v as b, a0 as et, F as rt, c as ot } from "../../../../Lexical.prod-DSqOWcE1.js";
-import { A as nt } from "../../../../TablePlugin-aDKhmuu7.js";
-import { e as it } from "../../../../helpers-BuSJOvGF.js";
-import { LinkContextMenu as st } from "./LinkContextMenu/LinkContextMenu.js";
+import { jsx as k, jsxs as Y } from "react/jsx-runtime";
+import { u as q } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as G } from "../../../../clsx-OuTLNxxd.js";
+import { g as z, m as J, U as Q } from "../../../../LexicalLink.prod-BvJo1BD4.js";
+import { useRef as a, useState as X, useEffect as m } from "react";
+import { B as Z, M as f, a4 as $, a2 as tt, v as w, a3 as et, F as ot, c as rt } from "../../../../Lexical.prod-RJB8n7sC.js";
+import { A as nt } from "../../../../TablePlugin-BVkwu1Gt.js";
+import { e as st } from "../../../../helpers-BKqr9jXh.js";
+import { LinkContextMenu as it } from "./LinkContextMenu/LinkContextMenu.js";
 import { useFlyout as ct } from "../../hooks/useFlyout.js";
 import { Icon as lt } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -21,8 +21,8 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import { setScrollableContainers as A, removeScrollableContainers as at } from "../../helpers.js";
-import { s as y } from "../../../../RteEditor.module-BeUn7GiA.js";
+import { setScrollableContainers as M, removeScrollableContainers as at } from "../../helpers.js";
+import { s as h } from "../../../../RteEditor.module-oFMKEW6f.js";
 import { useTranslation as ut } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../../index-DPQ9bZx5.js";
@@ -30,18 +30,18 @@ import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
-const mt = 200, B = (p) => {
+const mt = 200, O = (p) => {
   let n = p;
   for (; n; ) {
-    if (U(n))
+    if (z(n))
       return n;
     n = n.getParent();
   }
   return null;
-}, K = (p) => {
+}, U = (p) => {
   let n = p;
   for (; n; ) {
-    if (U(n))
+    if (z(n))
       return {
         active: !0,
         url: n.getURL(),
@@ -51,138 +51,137 @@ const mt = 200, B = (p) => {
   }
   return !1;
 }, jt = ({ parentScrollPosition: p }) => {
-  const n = ut(), [c] = $(), { flyout: M, showFlyout: _, hideFlyout: g, isVisible: u } = ct(), m = a(), N = a(!1), C = a(""), k = a(""), [v, O] = Q({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), R = a(null), T = a(), w = () => {
+  const n = ut(), [c] = q(), { flyout: I, showFlyout: _, hideFlyout: C, isVisible: u } = ct(), d = a(), N = a(!1), y = a(""), g = a(""), [L, A] = X({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), S = a(null), T = a(), v = () => {
     c.update(() => {
-      const r = f();
-      x.current = r;
+      const e = f();
+      x.current = e;
     });
-  }, z = () => {
+  }, R = () => {
     c.update(() => {
-      x.current && rt(x.current);
+      x.current && ot(x.current);
     });
-  }, I = (r, t) => {
+  }, H = (e, t) => {
     _({
       position: t,
-      children: /* @__PURE__ */ h(
-        st,
+      children: /* @__PURE__ */ k(
+        it,
         {
-          url: r,
-          onSave: (e) => S(e, ""),
+          url: e,
+          onSave: (o) => B(o, ""),
           onDelete: () => V(),
-          onClose: g,
+          onClose: D,
           ref: T
         }
       )
     });
-  }, H = () => {
-    var r;
-    (r = T.current) == null || r.clearForm(), g();
-  }, E = () => {
+  }, D = () => {
+    var e;
+    (e = T.current) == null || e.clearForm(), C(), R();
+  }, F = () => {
     var t;
-    const r = (t = R.current) == null ? void 0 : t.getBoundingClientRect();
-    !N.current && r && (w(), _({ position: { top: r.bottom, left: r.left }, ...j }), setTimeout(() => {
-      var e;
-      return (e = m.current) == null ? void 0 : e.setDefaults("", k.current);
+    const e = (t = S.current) == null ? void 0 : t.getBoundingClientRect();
+    !N.current && e && (v(), _({ position: { top: e.bottom, left: e.left }, ...j }), setTimeout(() => {
+      var o;
+      return (o = d.current) == null ? void 0 : o.setDefaults("", g.current);
     }, 0));
-  }, L = () => {
-    g(), z();
-  }, S = (r, t) => {
+  }, b = () => {
+    C(), R();
+  }, B = (e, t) => {
     c.update(() => {
-      const e = f();
-      if (b(e)) {
-        const i = e.anchor.getNode(), s = B(i);
+      const o = f();
+      if (w(o)) {
+        const s = o.anchor.getNode(), i = O(s);
         if (t && t !== "") {
-          if (s) {
-            const l = ot(t);
-            s.replace(l), l.select();
+          if (i) {
+            const l = rt(t);
+            i.replace(l), l.select();
           }
-          if (t !== C.current && C.current === "") {
-            const { anchor: l, focus: F } = e;
-            e.insertText(t), l.offset -= t.length, F.offset = l.offset + t.length;
+          if (t !== y.current && y.current === "") {
+            const { anchor: l, focus: E } = o;
+            o.insertText(t), l.offset -= t.length, E.offset = l.offset + t.length;
           }
         }
-        G(it(r), { target: "_blank" });
+        J(st(e), { target: "_blank" });
       }
-      L();
+      b();
     });
   }, V = () => {
-    c.dispatchCommand(J, null), H();
+    c.dispatchCommand(Q, null), D();
   }, j = {
-    children: /* @__PURE__ */ h(
+    children: /* @__PURE__ */ k(
       nt,
       {
-        isLink: v,
-        onCloseHandler: L,
-        onSaveHandler: (r, t) => S(r, t),
-        ref: m
+        isLink: L,
+        onCloseHandler: b,
+        onSaveHandler: (e, t) => B(e, t),
+        ref: d
       }
     )
   };
-  return d(() => {
-    var r, t;
-    u ? (N.current = !0, (t = m.current) == null || t.focusFirstField()) : ((r = m.current) == null || r.clearForm(), C.current = k.current = "", setTimeout(() => N.current = !1, mt));
-  }, [m, u]), d(() => {
-    const r = (o) => {
-      if (b(o) && o.isCollapsed()) {
-        w();
-        const i = K(o.anchor.getNode());
-        if (i) {
-          const s = c.getElementByKey(o.anchor.getNode().getKey()), l = s ? { top: s.getBoundingClientRect().bottom, left: s.getBoundingClientRect().left } : { top: 0, left: 0 };
-          return I(i.url, l), !0;
+  return m(() => {
+    var e, t;
+    u ? (N.current = !0, (t = d.current) == null || t.focusFirstField()) : ((e = d.current) == null || e.clearForm(), y.current = g.current = "", setTimeout(() => N.current = !1, mt));
+  }, [d, u]), m(() => {
+    const e = (r) => {
+      if (w(r) && r.isCollapsed()) {
+        const s = U(r.anchor.getNode());
+        if (s) {
+          const i = c.getElementByKey(r.anchor.getNode().getKey()), l = i ? { top: i.getBoundingClientRect().bottom, left: i.getBoundingClientRect().left } : { top: 0, left: 0 };
+          return H(s.url, l), !0;
         }
       }
       return !1;
     }, t = c.registerCommand(
-      X,
+      Z,
       () => {
-        const o = f();
-        return k.current = (o == null ? void 0 : o.getTextContent()) ?? "", r(o), !1;
+        const r = f();
+        return g.current = (r == null ? void 0 : r.getTextContent()) ?? "", e(r), !1;
       },
       0
-    ), e = c.registerCommand(
-      Z,
-      (o) => {
-        const i = f();
-        return o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), r(i), !1;
+    ), o = c.registerCommand(
+      $,
+      (r) => {
+        const s = f();
+        return v(), r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), e(s), !1;
       },
       0
     );
     return () => {
-      e(), t();
+      o(), t();
     };
-  }, [c]), d(() => {
-    const r = c.registerCommand(
+  }, [c]), m(() => {
+    const e = c.registerCommand(
       tt,
-      (e) => {
-        if (e.ctrlKey && e.shiftKey && e.key === "U") {
-          const o = f();
-          if (w(), !b(o))
+      (o) => {
+        if (o.ctrlKey && o.shiftKey && o.key === "U") {
+          const r = f();
+          if (v(), !w(r))
             return !1;
-          const i = K(o.anchor.getNode()), s = (F = "", W = "") => {
-            E(), setTimeout(() => {
-              var D;
-              return (D = m.current) == null ? void 0 : D.setDefaults(F, W);
+          const s = U(r.anchor.getNode()), i = (E = "", W = "") => {
+            F(), setTimeout(() => {
+              var K;
+              return (K = d.current) == null ? void 0 : K.setDefaults(E, W);
             }, 0);
           };
-          if (i)
-            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), C.current = i.linktext, s(i.url, i.linktext), !0;
-          const l = o.getTextContent();
-          return l !== "" ? (k.current = l, s("", k.current), !0) : (E(), !0);
+          if (s)
+            return o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), y.current = s.linktext, i(s.url, s.linktext), !0;
+          const l = r.getTextContent();
+          return l !== "" ? (g.current = l, i("", g.current), !0) : (F(), !0);
         }
         return !1;
       },
       et
-    ), t = c.registerUpdateListener(({ editorState: e }) => {
-      O(
-        e.read(() => {
-          const o = f();
-          if (w(), b(o)) {
-            const i = o.anchor.getNode(), s = B(i);
-            if (s)
+    ), t = c.registerUpdateListener(({ editorState: o }) => {
+      A(
+        o.read(() => {
+          const r = f();
+          if (v(), w(r)) {
+            const s = r.anchor.getNode(), i = O(s);
+            if (i)
               return {
                 active: !0,
-                url: s.getURL(),
-                linktext: s.getTextContent()
+                url: i.getURL(),
+                linktext: i.getTextContent()
               };
           }
           return {
@@ -194,45 +193,47 @@ const mt = 200, B = (p) => {
       );
     });
     return () => {
-      r(), t();
+      e(), t();
     };
-  }, [c]), d(() => {
-    var r;
-    P.current = u, u || (r = T.current) == null || r.clearForm();
-  }, [u]), d(() => {
-    u && L();
-  }, [p]), d(() => {
-    const r = (e) => (A(t), e.key === "Escape" && P.current && (e.preventDefault(), e.stopPropagation(), L()), (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter") && !v.active && g(), !0);
-    window.addEventListener("keydown", r, { capture: !0 });
+  }, [c]), m(() => {
+    var e;
+    P.current = u, u || (e = T.current) == null || e.clearForm();
+  }, [u]), m(() => {
+    u && b();
+  }, [p]), m(() => {
+    L.active || C();
+  }, [L]), m(() => {
+    const e = (o) => (M(t), o.key === "Escape" && P.current && (o.preventDefault(), o.stopPropagation(), b()), !0);
+    window.addEventListener("keydown", e, { capture: !0 });
     const t = () => {
-      g();
+      C();
     };
-    return A(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
+    return M(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+      window.removeEventListener("keydown", e), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
     };
-  }, []), /* @__PURE__ */ h("div", { className: y["editor__toolbar-button-group"], children: /* @__PURE__ */ Y("div", { className: y["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ k("div", { className: h["editor__toolbar-button-group"], children: /* @__PURE__ */ Y("div", { className: h["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ k(
       "button",
       {
-        onClick: E,
+        onClick: F,
         title: n.links.linkTooltip,
-        className: q(
-          y["editor__toolbar-button"],
-          y["editor__toolbar-button--link"],
-          v.active && y["editor__toolbar-button--active"]
+        className: G(
+          h["editor__toolbar-button"],
+          h["editor__toolbar-button--link"],
+          L.active && h["editor__toolbar-button--active"]
         ),
         "aria-label": n.aria.labels.link,
         "aria-keyshortcuts": n.aria.keyshortcuts.link,
         type: "button",
-        ref: R,
-        children: /* @__PURE__ */ h(lt, { name: "Link", size: 20 })
+        ref: S,
+        children: /* @__PURE__ */ k(lt, { name: "Link", size: 20 })
       }
     ),
-    M
+    I
   ] }) });
 };
 export {
   jt as LinkPlugin,
-  K as getLinkNodeTag
+  U as getLinkNodeTag
 };
 //# sourceMappingURL=LinkPlugin.js.map