@limetech/lime-elements 37.45.1 → 37.46.0

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -10,7 +10,8 @@ const isObject$1 = require('./isObject-e28b7997.js');
 const isArray = require('./isArray-d188a04f.js');
 const isObjectLike = require('./isObjectLike-3e3f0cba.js');
 const markdownParser = require('./markdown-parser-1686b0d7.js');
-const translations = require('./translations-988a3f51.js');
+const translations = require('./translations-83a68e56.js');
+const randomString = require('./random-string-c8445652.js');
 const isItem = require('./isItem-3f8ad629.js');
 require('./eq-9a943b00.js');
 require('./_getNative-60328036.js');
@@ -16600,21 +16601,51 @@ const setActiveMethodForWrap = (command, nodeType) => {
     return false;
   };
 };
-const createToggleMarkCommand = (schema, markName, url) => {
+const createInsertLinkCommand = (schema, _, link) => {
+  const command = (state, dispatch) => {
+    const { from, to } = state.selection;
+    if (from === to) {
+      // If no text is selected, insert new text with link
+      const linkMark = schema.marks.link.create({
+        href: link.href,
+        title: link.href,
+        target: isExternalLink(link.href) ? '_blank' : null,
+      });
+      const linkText = link.text || link.href;
+      const newLink = schema.text(linkText, [linkMark]);
+      dispatch(state.tr.insert(from, newLink));
+    }
+    else {
+      // If text is selected, replace selected text with link text
+      const linkMark = schema.marks.link.create({
+        href: link.href,
+        title: link.href,
+        target: isExternalLink(link.href) ? '_blank' : null,
+      });
+      const selectedText = state.doc.textBetween(from, to, ' ');
+      const newLink = schema.text(link.text || selectedText, [linkMark]);
+      dispatch(state.tr.replaceWith(from, to, newLink));
+    }
+    return true;
+  };
+  setActiveMethodForMark(command, schema.marks.link);
+  return command;
+};
+const createToggleMarkCommand = (schema, markName, link) => {
   const markType = schema.marks[markName];
   if (!markType) {
     throw new Error(`Mark "${markName}" not found in schema`);
   }
-  const attrs = getAttributes(markName, url);
+  const attrs = getAttributes(markName, link);
   const command = toggleMark(markType, attrs);
   setActiveMethodForMark(command, markType);
   return command;
 };
-const getAttributes = (markName, url) => {
-  if (markName === EditorMenuTypes.Link && url) {
+const getAttributes = (markName, link) => {
+  if (markName === EditorMenuTypes.Link && link.href) {
     return {
-      href: url,
-      target: isExternalLink(url) ? '_blank' : null,
+      href: link.href,
+      target: isExternalLink(link.href) ? '_blank' : null,
     };
   }
   return undefined;
@@ -16647,6 +16678,15 @@ const toggleBlockType = (schema, type, attrs = {}, wrap = false) => {
     return false;
   };
 };
+const isValidUrl = (text) => {
+  try {
+    new URL(text);
+  }
+  catch (_a) {
+    return false;
+  }
+  return true;
+};
 const createSetNodeTypeCommand = (schema, nodeType, level) => {
   const type = schema.nodes[nodeType];
   if (!type) {
@@ -16719,13 +16759,34 @@ const createListCommand = (schema, listType) => {
   setActiveMethodForWrap(command, type);
   return command;
 };
+const copyPasteLinkCommand = (state, dispatch) => {
+  const { from, to } = state.selection;
+  if (from === to) {
+    return false;
+  }
+  const clipboardData = window.clipboardData;
+  if (!clipboardData) {
+    return false;
+  }
+  const copyPastedText = clipboardData.getData('text');
+  if (!isValidUrl(copyPastedText)) {
+    return false;
+  }
+  const linkMark = state.schema.marks.link.create({
+    href: copyPastedText,
+    target: isExternalLink(copyPastedText) ? '_blank' : null,
+  });
+  const selectedText = state.doc.textBetween(from, to, ' ');
+  const newLink = state.schema.text(selectedText, [linkMark]);
+  dispatch(state.tr.replaceWith(from, to, newLink));
+};
 const commandMapping = {
   strong: createToggleMarkCommand,
   em: createToggleMarkCommand,
   underline: createToggleMarkCommand,
   strikethrough: createToggleMarkCommand,
   code: createToggleMarkCommand,
-  link: createToggleMarkCommand,
+  link: createInsertLinkCommand,
   headerlevel1: (schema) => createSetNodeTypeCommand(schema, LevelMapping.Heading, LevelMapping.one),
   headerlevel2: (schema) => createSetNodeTypeCommand(schema, LevelMapping.Heading, LevelMapping.two),
   headerlevel3: (schema) => createSetNodeTypeCommand(schema, LevelMapping.Heading, LevelMapping.three),
@@ -16740,12 +16801,12 @@ class MenuCommandFactory {
   constructor(schema) {
     this.schema = schema;
   }
-  getCommand(mark, url) {
+  getCommand(mark, link) {
     const commandFunc = commandMapping[mark];
     if (!commandFunc) {
       throw new Error(`The Mark "${mark}" is not supported`);
     }
-    return commandFunc(this.schema, mark, url);
+    return commandFunc(this.schema, mark, link);
   }
   buildKeymap() {
     return {
@@ -16757,6 +16818,7 @@ class MenuCommandFactory {
       'Mod-Shift-X': this.getCommand(EditorMenuTypes.Strikethrough),
       'Mod-`': this.getCommand(EditorMenuTypes.Code),
       'Mod-Shift-C': this.getCommand(EditorMenuTypes.CodeBlock),
+      'Mod-v': copyPasteLinkCommand,
     };
   }
 }
@@ -16857,6 +16919,12 @@ const textEditorMenuItems = [
     iconOnly: true,
     selected: false,
   },
+  {
+    value: EditorMenuTypes.Link,
+    text: 'Link',
+    icon: '-lime-text-link',
+    iconOnly: true,
+  },
 ];
 const getTextEditorMenuItems = () => cloneDeep(textEditorMenuItems);
 const menuTranslationIDs = {
@@ -25554,12 +25622,182 @@ const strikethrough = {
   },
 };
 
-const prosemirrorAdapterCss = "@charset \"UTF-8\";:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) limel-action-bar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}limel-action-bar{--action-bar-border-radius:0.25rem;position:sticky;z-index:1;top:1px;background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);opacity:0.6;transition:opacity 0.5s ease;margin:0 1px;width:calc(100% - 2px)}:host(limel-prosemirror-adapter:focus-within) limel-action-bar,:host(limel-prosemirror-adapter:hover) limel-action-bar{opacity:1}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:\"liga\" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0;border:1px solid rgb(var(--contrast-400))}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}";
+const linkPluginKey = new PluginKey('linkPlugin');
+const updateLink = (view, updateLinkCallback) => {
+  const { from, to } = view.state.selection;
+  let text = '';
+  let href = '';
+  view.state.doc.nodesBetween(from, to, (node) => {
+    if (node.type.name === 'text') {
+      text = node.text;
+      node.marks.forEach((mark) => {
+        if (mark.type.name === 'link') {
+          href = mark.attrs.href;
+        }
+      });
+    }
+  });
+  if (updateLinkCallback) {
+    updateLinkCallback(text, href);
+  }
+};
+/**
+ * Finds the start position of the link node ensuring the href matches the original link's href.
+ * @param doc - The ProseMirror document.
+ * @param pos - The position to start searching from.
+ * @param href - The href attribute of the original link mark.
+ * @returns The start position of the link node.
+ */
+const findStart = (doc, pos, href) => {
+  while (pos > 0) {
+    const node = doc.nodeAt(pos - 1);
+    if (!(node === null || node === void 0 ? void 0 : node.isText) ||
+      !node.marks.some((mark) => mark.type.name === EditorMenuTypes.Link &&
+        mark.attrs.href === href)) {
+      break;
+    }
+    pos--;
+  }
+  return pos;
+};
+/**
+ * Finds the end position of the link node ensuring the href matches the original link's href.
+ * @param doc - The ProseMirror document.
+ * @param pos - The position to start searching from.
+ * @param href - The href attribute of the original link mark.
+ * @returns The end position of the link node.
+ */
+const findEnd = (doc, pos, href) => {
+  while (pos < doc.content.size) {
+    const node = doc.nodeAt(pos);
+    if (!(node === null || node === void 0 ? void 0 : node.isText) ||
+      !node.marks.some((mark) => mark.type.name === EditorMenuTypes.Link &&
+        mark.attrs.href === href)) {
+      break;
+    }
+    pos++;
+  }
+  return pos;
+};
+/**
+ * Gets the link data at the specified position.
+ * @param view - The ProseMirror editor view.
+ * @param event - The mouse event.
+ * @returns An object containing the link data or null if no link is found.
+ */
+const getLinkDataAtPosition = (view, event) => {
+  const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
+  const node = view.state.doc.nodeAt(pos.pos);
+  if (!node) {
+    return null;
+  }
+  const linkMark = node.marks.find((mark) => mark.type.name === EditorMenuTypes.Link);
+  if (!linkMark) {
+    return null;
+  }
+  const href = linkMark.attrs.href;
+  const from = findStart(view.state.doc, pos.pos, href);
+  const to = findEnd(view.state.doc, pos.pos, href);
+  const text = view.state.doc.textBetween(from, to, ' ');
+  return { href: href, text: text, from: from, to: to };
+};
+const processModClickEvent = (view, event) => {
+  const { href } = getLinkDataAtPosition(view, event);
+  if (href) {
+    window.open(href, '_blank');
+    return true;
+  }
+  return false;
+};
+const openLinkMenu = (view, href, text) => {
+  const event = new CustomEvent('open-editor-link-menu', {
+    detail: { href: href, text: text },
+    bubbles: true,
+    composed: true,
+  });
+  view.dom.dispatchEvent(event);
+};
+let lastClickTime = 0;
+const DOUBLE_CLICK_DELAY = 200;
+let clickTimeout;
+const processDoubleClickEvent = (view, event) => {
+  const now = Date.now();
+  if (now - lastClickTime < DOUBLE_CLICK_DELAY) {
+    clearTimeout(clickTimeout);
+    lastClickTime = now; // Reset lastClickTime to prevent single-click action
+    return false;
+  }
+  lastClickTime = now;
+  clickTimeout = setTimeout(() => {
+    const linkData = getLinkDataAtPosition(view, event);
+    if (linkData) {
+      const { href, text, from, to } = linkData;
+      const transaction = view.state.tr.setSelection(TextSelection.create(view.state.doc, from, to));
+      view.dispatch(transaction);
+      openLinkMenu(view, href, text);
+    }
+  }, DOUBLE_CLICK_DELAY);
+  return true;
+};
+const processPasteEvent = (view, event) => {
+  const clipboardData = event.clipboardData;
+  if (!clipboardData) {
+    return false;
+  }
+  const text = clipboardData.getData('text/plain');
+  if (!isValidUrl(text)) {
+    return false;
+  }
+  pasteAsLink(view, text);
+  return true;
+};
+const pasteAsLink = (view, href) => {
+  const { state, dispatch } = view;
+  const { from, to } = state.selection;
+  const linkMark = schema$1.marks.link.create({
+    href: href,
+    title: href,
+    target: isExternalLink(href) ? '_blank' : null,
+  });
+  const selectedText = state.doc.textBetween(from, to, ' ') || href;
+  const transaction = state.tr
+    .insertText(selectedText, from, to)
+    .addMark(from, from + selectedText.length, linkMark);
+  dispatch(transaction);
+};
+const createLinkPlugin = (updateLinkCallback) => {
+  return new Plugin({
+    key: linkPluginKey,
+    props: {
+      handlePaste: (view, event) => {
+        return processPasteEvent(view, event);
+      },
+      handleDOMEvents: {
+        mousedown: (view, event) => {
+          if ((event.metaKey || event.ctrlKey) &&
+            event.button === 0) {
+            return processModClickEvent(view, event);
+          }
+          return processDoubleClickEvent(view, event);
+        },
+      },
+    },
+    view: () => ({
+      update: (view) => {
+        updateLink(view, updateLinkCallback);
+      },
+    }),
+  });
+};
+
+const prosemirrorAdapterCss = "@charset \"UTF-8\";:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) limel-action-bar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}limel-action-bar{--action-bar-border-radius:0.25rem;position:sticky;z-index:1;top:1px;background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);opacity:0.6;transition:opacity 0.5s ease;margin:0 1px;width:calc(100% - 2px)}:host(limel-prosemirror-adapter:focus-within) limel-action-bar,:host(limel-prosemirror-adapter:hover) limel-action-bar{opacity:1}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:\"liga\" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}limel-portal{width:25rem}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0;border:1px solid rgb(var(--contrast-400))}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}";
 
 const ProsemirrorAdapter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
+    this.suppressChangeEvent = false;
+    this.actionBarPluginKey = new PluginKey('actionBarPlugin');
     this.getActionBarItems = () => {
       this.actionBarItems = getTextEditorMenuItems().map(this.getTranslatedItem);
     };
@@ -25576,11 +25814,22 @@ const ProsemirrorAdapter = class {
     this.handleTransaction = (transaction) => {
       const newState = this.view.state.apply(transaction);
       this.view.updateState(newState);
+      if (this.suppressChangeEvent) {
+        return;
+      }
+      if (transaction.getMeta('pointer')) {
+        return;
+      }
       this.change.emit(this.contentConverter.serialize(this.view, this.schema));
     };
     this.handleActionBarItem = (event) => {
       event.preventDefault();
+      event.stopImmediatePropagation();
       const { value } = event.detail;
+      if (value === EditorMenuTypes.Link) {
+        this.isLinkMenuOpen = true;
+        return;
+      }
       try {
         const command = this.menuCommandFactory.getCommand(value);
         this.dispatchMenuCommand(command);
@@ -25589,7 +25838,23 @@ const ProsemirrorAdapter = class {
         throw new Error(`Error executing command: ${error}`);
       }
     };
-    this.actionBarPluginKey = new PluginKey('actionBarPlugin');
+    this.handleCancelLinkMenu = () => {
+      this.isLinkMenuOpen = false;
+    };
+    this.handleSaveLinkMenu = () => {
+      this.isLinkMenuOpen = false;
+      try {
+        const command = this.menuCommandFactory.getCommand('link', this.link);
+        this.dispatchMenuCommand(command);
+      }
+      catch (error) {
+        throw new Error(`Error executing command: ${error}`);
+      }
+      this.link = { href: '' };
+    };
+    this.handleLinkChange = (event) => {
+      this.link = event.detail;
+    };
     this.updateActionBarItems = (actionBarItems, view) => {
       const updatedItems = cloneDeep(actionBarItems);
       updatedItems.forEach((item) => {
@@ -25615,11 +25880,24 @@ const ProsemirrorAdapter = class {
         }),
       });
     };
+    this.handleNewLinkSelection = (text, href) => {
+      this.link.text = text;
+      this.link.href = href;
+    };
+    this.handleOpenLinkMenu = (event) => {
+      event.stopImmediatePropagation();
+      const { href, text } = event.detail;
+      this.link = { href: href, text: text };
+      this.isLinkMenuOpen = true;
+    };
     this.contentType = 'markdown';
     this.value = undefined;
     this.language = undefined;
     this.view = undefined;
     this.actionBarItems = [];
+    this.link = { href: '' };
+    this.isLinkMenuOpen = false;
+    this.portalId = randomString.createRandomString();
   }
   watchValue(newValue) {
     if (!this.view ||
@@ -25639,16 +25917,22 @@ const ProsemirrorAdapter = class {
     setTimeout(() => {
       this.initializeTextEditor();
     }, 0);
+    this.host.addEventListener('open-editor-link-menu', this.handleOpenLinkMenu);
+  }
+  disconnectedCallback() {
+    this.host.removeEventListener('open-editor-link-menu', this.handleOpenLinkMenu);
+    this.view.destroy();
   }
   render() {
     return [
       index.h("div", { id: "editor" }),
-      index.h("limel-action-bar", { accessibleLabel: "Toolbar", actions: this.actionBarItems, onItemSelected: this.handleActionBarItem }),
+      index.h("limel-action-bar", { slot: "trigger", accessibleLabel: "Toolbar", actions: this.actionBarItems, onItemSelected: this.handleActionBarItem }),
+      index.h("limel-portal", { containerId: this.portalId, visible: this.isLinkMenuOpen, openDirection: "top", inheritParentWidth: true, containerStyle: { 'z-index': 1 } }, index.h("limel-menu-surface", { open: this.isLinkMenuOpen, onDismiss: this.handleCancelLinkMenu, style: {
+          '--mdc-menu-min-width': '100%',
+          'max-height': 'inherit',
+        } }, index.h("limel-text-editor-link-menu", { link: this.link, isOpen: this.isLinkMenuOpen, onLinkChange: this.handleLinkChange, onCancel: this.handleCancelLinkMenu, onSave: this.handleSaveLinkMenu }))),
     ];
   }
-  disconnectedCallback() {
-    this.view.destroy();
-  }
   setupContentConverter() {
     if (this.contentType === 'markdown') {
       this.contentConverter = new markdownConverter();
@@ -25698,10 +25982,12 @@ const ProsemirrorAdapter = class {
         ...exampleSetup({ schema: this.schema, menuBar: false }),
         keymap(this.menuCommandFactory.buildKeymap()),
         this.createMenuStateTrackingPlugin(this.actionBarItems),
+        createLinkPlugin(this.handleNewLinkSelection),
       ],
     });
   }
   async updateView(content) {
+    this.suppressChangeEvent = true;
     const html = await this.contentConverter.parseAsHTML(content, this.schema);
     const prosemirrorDOMparser = DOMParser.fromSchema(this.view.state.schema);
     const domParser = new window.DOMParser();
@@ -25710,6 +25996,7 @@ const ProsemirrorAdapter = class {
     const tr = this.view.state.tr;
     tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);
     this.view.dispatch(tr);
+    this.suppressChangeEvent = false;
   }
   dispatchMenuCommand(command) {
     const { state } = this.view;