@limetech/lime-elements 38.11.1 → 38.12.1

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

@@ -9,7 +9,6 @@ import { g as getPrototype } from './_getPrototype-8096728a.js';
 import { i as isArray } from './isArray-80298bc7.js';
 import { i as isObjectLike } from './isObjectLike-38996507.js';
 import { d as decodeHTML, m as markdownToHTML, s as sanitizeHTML } from './markdown-parser-47476fc0.js';
-import { I as ImageState } from './text-editor.types-e82469d1.js';
 import { t as translate$1 } from './translations-489f20b3.js';
 import { c as createRandomString } from './random-string-e74dc48d.js';
 import { i as isItem } from './isItem-b0459122.js';
@@ -25929,39 +25928,38 @@ function hasImageNode(node) {
   return false;
 }
 function createImageNodeMarkdownSerializer(language) {
-  return (state, node) => {
-    if (node.attrs.state === ImageState.FAILED) {
-      const text = translate$1.get('editor-image-view.failed', language, {
-        filename: node.attrs.alt || 'file',
-      });
-      state.write(`<span>${text}</span>`);
+  return (markdownSerializerState, node) => {
+    const { state, alt, src, width, maxWidth } = node.attrs;
+    if (!isEditorImageState(state)) {
       return;
     }
-    else if (node.attrs.state === ImageState.LOADING) {
-      const text = translate$1.get('editor-image-view.loading', language, {
-        filename: node.attrs.alt || 'file',
-      });
-      state.write(`<span>${text}</span>`);
+    if (state === 'success') {
+      const imageHTML = getImageHTML(src, alt, width, maxWidth);
+      markdownSerializerState.write(imageHTML);
       return;
     }
-    let imageHTML = `<img src="${node.attrs.src}"`;
-    if (node.attrs.alt) {
-      imageHTML += ` alt="${node.attrs.alt}"`;
-    }
-    const style = [];
-    if (node.attrs.width) {
-      style.push(`width: ${node.attrs.width};`);
-    }
-    if (node.attrs.maxWidth) {
-      style.push(`max-width: ${node.attrs.maxWidth};`);
-    }
-    if (style.length > 0) {
-      imageHTML += ` style="${style.join(' ')}"`;
-    }
-    imageHTML += ' />';
-    state.write(imageHTML);
+    const statusHTML = getStatusHTML(state, alt, language);
+    markdownSerializerState.write(statusHTML);
   };
 }
+function getStatusHTML(state, alt, language) {
+  const key = state === 'failed' ? 'failed' : 'loading';
+  const text = translate$1.get(`editor-image-view.${key}`, language, {
+    filename: alt || 'file',
+  });
+  return `<span>${text}</span>`;
+}
+function getImageHTML(src, alt, width, maxWidth) {
+  const style = [];
+  if (width) {
+    style.push(`width: ${width};`);
+  }
+  if (maxWidth) {
+    style.push(`max-width: ${maxWidth};`);
+  }
+  const styleAttribute = style.length > 0 ? ` style="${style.join(' ')}"` : '';
+  return `<img src="${src}" alt="${alt}"${styleAttribute} />`;
+}
 function createImageNodeSpec(language) {
   return {
     group: 'inline',
@@ -25972,24 +25970,16 @@ function createImageNodeSpec(language) {
       fileInfoId: { default: '' },
       width: { default: '' },
       maxWidth: { default: '100%' },
-      state: { default: '' },
+      state: { default: 'success' },
     },
     toDOM: (node) => {
-      if (node.attrs.state === ImageState.FAILED) {
-        return createStatusSpan('failed', node, language);
-      }
-      else if (node.attrs.state === ImageState.LOADING) {
-        return createStatusSpan('loading', node, language);
-      }
-      let img = imageCache.get(node.attrs.fileInfoId);
-      if (img) {
-        updateImageElement(img, node);
+      if (!isEditorImageState(node.attrs.state)) {
+        return;
       }
-      else {
-        img = createImageElement(node);
-        imageCache.set(node.attrs.fileInfoId, img);
+      if (node.attrs.state === 'success') {
+        return getOrCreateImageElement(node.attrs.fileInfoId, node);
       }
-      return img;
+      return createStatusSpanForState(node.attrs.state, node, language);
     },
     parseDOM: [
       {
@@ -26000,7 +25990,7 @@ function createImageNodeSpec(language) {
             alt: dom.getAttribute('alt') || 'file',
             width: dom.style.width || '',
             maxWidth: '100%',
-            state: ImageState.SUCCESS,
+            state: 'success',
             fileInfoId: crypto.randomUUID(),
           };
         },
@@ -26008,6 +25998,24 @@ function createImageNodeSpec(language) {
     ],
   };
 }
+function isEditorImageState(state) {
+  return state === 'loading' || state === 'failed' || state === 'success';
+}
+function getOrCreateImageElement(fileInfoId, node) {
+  let img = imageCache.get(fileInfoId);
+  if (img) {
+    updateImageElement(img, node);
+  }
+  else {
+    img = createImageElement(node);
+    imageCache.set(fileInfoId, img);
+  }
+  return img;
+}
+function createStatusSpanForState(state, node, language) {
+  const statusKey = state === 'failed' ? 'failed' : 'loading';
+  return createStatusSpan(statusKey, node, language);
+}
 function createStatusSpan(key, node, language) {
   const text = translate$1.get(`editor-image-view.${key}`, language, {
     filename: node.attrs.alt || 'file',
@@ -26299,7 +26307,7 @@ const createLinkPlugin = (updateLinkCallback) => {
 };
 
 const pluginKey = new PluginKey('imageInserterPlugin');
-const createImageInserterPlugin = (imagePastedCallback, imageRemovedCallback) => {
+const createImageInserterPlugin = (imagePastedCallback) => {
   return new Plugin({
     key: pluginKey,
     props: {
@@ -26312,40 +26320,7 @@ const createImageInserterPlugin = (imagePastedCallback, imageRemovedCallback) =>
         },
       },
     },
-    state: {
-      init: () => {
-        return { insertedImages: {} };
-      },
-      apply: (tr, pluginState) => {
-        const newState = Object.assign({}, pluginState);
-        newState.insertedImages = getImagesFromTransaction(tr);
-        findAndHandleRemovedImages(imageRemovedCallback, pluginState.insertedImages, newState.insertedImages);
-        return newState;
-      },
-    },
-  });
-};
-const getImagesFromTransaction = (tr) => {
-  const images = {};
-  tr.doc.descendants((node) => {
-    if (node.type.name === 'image') {
-      images[node.attrs.fileInfoId] = node;
-    }
   });
-  return images;
-};
-const findAndHandleRemovedImages = (imageRemovedCallback, previousImages, newImages) => {
-  const removedKeys = Object.keys(previousImages).filter((key) => !(key in newImages));
-  for (const removedKey of removedKeys) {
-    const removedImage = previousImages[removedKey];
-    const imageInfo = {
-      fileInfoId: removedImage.attrs.fileInfoId,
-      src: removedImage.attrs.src,
-      state: removedImage.attrs.state,
-    };
-    imageRemovedCallback(imageInfo);
-    imageCache.delete(removedImage.attrs.fileInfoId);
-  }
 };
 const imageInserterFactory = (view, base64Data, fileInfo) => {
   return {
@@ -26358,12 +26333,8 @@ const imageInserterFactory = (view, base64Data, fileInfo) => {
 const createThumbnailInserter = (view, base64Data, fileInfo) => () => {
   const { state, dispatch } = view;
   const { schema } = state;
-  const placeholderNode = schema.nodes.image.create({
-    src: base64Data,
-    alt: fileInfo.filename,
-    fileInfoId: fileInfo.id,
-    state: ImageState.LOADING,
-  });
+  const imageNodeAttrs = createImageNodeAttrs(base64Data, fileInfo, 'loading');
+  const placeholderNode = schema.nodes.image.create(imageNodeAttrs);
   const transaction = state.tr.replaceSelectionWith(placeholderNode);
   dispatch(transaction);
 };
@@ -26373,12 +26344,8 @@ const createImageInserter = (view, fileInfo) => (src) => {
   const tr = state.tr;
   state.doc.descendants((node, pos) => {
     if (node.attrs.fileInfoId === fileInfo.id) {
-      const imageNode = schema.nodes.image.create({
-        src: src ? src : node.attrs.src,
-        alt: fileInfo.filename,
-        fileInfoId: fileInfo.id,
-        state: ImageState.SUCCESS,
-      });
+      const imageNodeAttrs = createImageNodeAttrs(src ? src : node.attrs.src, fileInfo, 'success');
+      const imageNode = schema.nodes.image.create(imageNodeAttrs);
       tr.replaceWith(pos, pos + node.nodeSize, imageNode);
       return false;
     }
@@ -26391,31 +26358,35 @@ const createFailedThumbnailInserter = (view, fileInfo) => () => {
   const tr = state.tr;
   state.doc.descendants((node, pos) => {
     if (node.attrs.fileInfoId === fileInfo.id) {
-      const errorPlaceholderNode = schema.nodes.image.create({
-        src: node.attrs.src,
-        alt: fileInfo.filename,
-        fileInfoId: fileInfo.id,
-        state: ImageState.FAILED,
-      });
+      const imageNodeAttrs = createImageNodeAttrs(node.attrs.src, fileInfo, 'failed');
+      const errorPlaceholderNode = schema.nodes.image.create(imageNodeAttrs);
       tr.replaceWith(pos, pos + node.nodeSize, errorPlaceholderNode);
       return false;
     }
   });
   dispatch(tr);
 };
+function createImageNodeAttrs(src, fileInfo, state) {
+  return {
+    src: src,
+    alt: fileInfo.filename,
+    fileInfoId: fileInfo.id,
+    state: state,
+  };
+}
 /**
  * Check if a given ProseMirror node or fragment contains any image nodes.
  * @param node - The ProseMirror node or fragment to check.
  * @returns A boolean indicating whether the node contains any image nodes.
  */
-const isImageNode = (node) => {
+const isImageNode$1 = (node) => {
   if (node instanceof Node$1) {
     if (node.type.name === 'image') {
       return true;
     }
     let found = false;
     node.content.forEach((child) => {
-      if (isImageNode(child)) {
+      if (isImageNode$1(child)) {
         found = true;
       }
     });
@@ -26424,7 +26395,7 @@ const isImageNode = (node) => {
   else if (node instanceof Fragment) {
     let found = false;
     node.forEach((child) => {
-      if (isImageNode(child)) {
+      if (isImageNode$1(child)) {
         found = true;
       }
     });
@@ -26440,7 +26411,7 @@ const isImageNode = (node) => {
 const filterImageNodes = (fragment) => {
   const filteredChildren = [];
   fragment.forEach((child) => {
-    if (!isImageNode(child)) {
+    if (!isImageNode$1(child)) {
       if (child.content.size > 0) {
         const filteredContent = filterImageNodes(child.content);
         const newNode = child.copy(filteredContent);
@@ -26579,21 +26550,20 @@ class ImageView {
       });
     };
     this.transitionBetweenStates = () => {
+      var _a;
       this.cleanUpPreviousState();
       this.dom.className = `image-wrapper state-${this.node.attrs.state}`;
-      if (this.node.attrs.state === ImageState.LOADING) {
-        this.createLoadingState();
-      }
-      else if (this.node.attrs.state === ImageState.SUCCESS) {
-        this.createSuccessState();
-      }
-      else if (this.node.attrs.state === ImageState.FAILED) {
-        this.createFailedState();
-      }
+      const stateHandlers = {
+        loading: this.createLoadingState,
+        success: this.createSuccessState,
+        failed: this.createFailedState,
+      };
+      const state = this.node.attrs.state;
+      (_a = stateHandlers[state]) === null || _a === void 0 ? void 0 : _a.call(stateHandlers);
     };
     this.transitioningBetweenSuccessStates = (newNode) => {
-      return (this.node.attrs.state === ImageState.SUCCESS &&
-        newNode.attrs.state === ImageState.SUCCESS);
+      return (this.node.attrs.state === 'success' &&
+        newNode.attrs.state === 'success');
     };
     this.node = node;
     this.view = view;
@@ -28316,6 +28286,114 @@ const getTableNodes = () => {
   });
 };
 
+/**
+ * Extracts metadata from a ProseMirror document node
+ *
+ * This function traverses the entire document tree and collects information about
+ * special elements like images and links.
+ *
+ * @param doc - The ProseMirror document node to extract metadata from
+ * @returns A metadata object containing arrays of images and links found in the document
+ */
+function getMetadataFromDoc(doc) {
+  const metadata = { images: [], links: [] };
+  doc.descendants((node) => {
+    if (isImageNode(node)) {
+      metadata.images.push(extractImageMetadata(node));
+    }
+    else if (isTextNodeWithMarks(node)) {
+      extractLinkMetadata(node).forEach((link) => metadata.links.push(link));
+    }
+    return true;
+  });
+  return metadata;
+}
+function isImageNode(node) {
+  return node.type.name === 'image' && !!node.attrs;
+}
+function extractImageMetadata(node) {
+  return {
+    src: node.attrs.src,
+    state: node.attrs.state,
+    fileInfoId: node.attrs.fileInfoId,
+  };
+}
+function isTextNodeWithMarks(node) {
+  var _a;
+  return node.isText && ((_a = node.marks) === null || _a === void 0 ? void 0 : _a.length) > 0;
+}
+function extractLinkMetadata(node) {
+  return node.marks
+    .filter((mark) => mark.type.name === 'link' && mark.attrs)
+    .map((mark) => ({
+    href: mark.attrs.href,
+    text: node.text,
+  }));
+}
+/**
+ * Determines if metadata has changed between two states
+ * Handles duplicates correctly but is order-insensitive
+ *
+ * @param oldMetadata - The previous metadata state to compare against
+ * @param newMetadata - The current metadata state
+ * @returns True if there are any differences between the metadata objects, false otherwise
+ */
+function hasMetadataChanged(oldMetadata, newMetadata) {
+  return (hasDifferentLengths(oldMetadata, newMetadata) ||
+    hasDifferentLinks(oldMetadata.links, newMetadata.links) ||
+    hasDifferentImages(oldMetadata.images, newMetadata.images));
+}
+function hasDifferentLengths(oldMetadata, newMetadata) {
+  return (oldMetadata.images.length !== newMetadata.images.length ||
+    oldMetadata.links.length !== newMetadata.links.length);
+}
+function hasDifferentLinks(oldLinks, newLinks) {
+  const oldLinkCounts = getLinkFrequencyMap(oldLinks);
+  const newLinkCounts = getLinkFrequencyMap(newLinks);
+  return !areFrequencyMapsEqual(oldLinkCounts, newLinkCounts);
+}
+function hasDifferentImages(oldImages, newImages) {
+  const oldImageCounts = getImageFrequencyMap(oldImages);
+  const newImageCounts = getImageFrequencyMap(newImages);
+  return !areFrequencyMapsEqual(oldImageCounts, newImageCounts);
+}
+/**
+ * Creates a frequency map for images based on their key properties
+ */
+function getImageFrequencyMap(images) {
+  const countMap = new Map();
+  images.forEach((image) => {
+    const key = `${image.fileInfoId}|${image.state}|${image.src}`;
+    countMap.set(key, (countMap.get(key) || 0) + 1);
+  });
+  return countMap;
+}
+/**
+ * Creates a frequency map for links based on their key properties
+ */
+function getLinkFrequencyMap(links) {
+  const countMap = new Map();
+  links.forEach((link) => {
+    const key = `${link.href}|${link.text}`;
+    countMap.set(key, (countMap.get(key) || 0) + 1);
+  });
+  return countMap;
+}
+/**
+ * Compares two frequency maps for equality
+ */
+function areFrequencyMapsEqual(map1, map2) {
+  if (map1.size !== map2.size) {
+    return false;
+  }
+  for (const [key, count] of map1.entries()) {
+    if (map2.get(key) !== count) {
+      return false;
+    }
+  }
+  return true;
+}
+
 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  )}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}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}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}: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))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}kbd{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-weight:600;color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-200));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;padding:0.125rem 0.5rem;margin:0 0.25rem;box-shadow:var(--button-shadow-normal), 0 0.03125rem 0.21875rem 0 rgba(var(--contrast-100), 0.5) inset;border-radius:0.125rem;border-style:solid;border-color:rgba(var(--contrast-600), 0.8);border-width:0 1px 0.125rem 1px}img{max-width:100%;border-radius:0.25rem}.image-wrapper{display:inline-flex;position:relative}.image-wrapper limel-linear-progress{position:absolute;inset:0.25rem auto auto 0.25rem;width:calc(100% - 0.5rem)}.image-wrapper img{transition:opacity 0.2s ease, scale 0.6s ease}.image-wrapper.state-failed,.image-wrapper.state-loading{background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\");background-size:0.5rem}.image-wrapper.state-failed img,.image-wrapper.state-loading img{opacity:0.3;scale:0.98}.image-wrapper::before{pointer-events:none;content:\"\";display:block;position:absolute;inset:0;border-radius:0.25rem;transition:border-color 0.4s ease, opacity 0.2s ease, box-shadow 0.6s ease;border:1px dashed transparent;opacity:0.2}.image-wrapper.state-failed img{filter:grayscale(0.8)}.image-wrapper.state-failed:before{opacity:0.8;box-shadow:var(--shadow-error-state)}.image-wrapper:hover::before{opacity:0.8;box-shadow:var(--shadow-depth-8)}.image-wrapper:has(.resize-handle[aria-grabbed=true])::before{border-color:var(--mdc-theme-primary);opacity:0.8;box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}.resize-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:rgb(var(--contrast-900));box-shadow:var(--button-shadow-normal);cursor:nwse-resize;position:absolute;display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;border-radius:50%;opacity:0.6}.resize-handle:hover,.resize-handle:focus,.resize-handle:focus-visible{will-change:color, background-color, box-shadow, transform}.resize-handle:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.resize-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.resize-handle:hover,.resize-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.resize-handle.top-left{left:-0.25rem;top:-0.25rem;translate:-50%, -50%}.resize-handle.bottom-right{right:-0.25rem;bottom:-0.25rem;translate:50%, 50%}.resize-wrapper:has(.resize-handle[aria-grabbed=true]) .resize-handle,.resize-wrapper:hover .resize-handle,.resize-handle:hover,.resize-handle:focus-visible{opacity:1}.resize-handle[aria-grabbed=true],.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background-color:var(--mdc-theme-primary)}.resize-handle:hover,.resize-handle[aria-grabbed=true]{scale:1.4}.resize-handle:hover:before,.resize-handle[aria-grabbed=true]:before{background-color:rgb(var(--color-white))}.resize-handle:before{content:\"\";display:block;position:absolute;inset:0;margin:auto;border-radius:50%;width:0.25rem;height:0.25rem;background-color:rgb(var(--contrast-100))}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) .toolbar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%;flex-grow:1}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}:host(limel-prosemirror-adapter:hover) .toolbar,:host(limel-prosemirror-adapter:focus-within) .toolbar{will-change:grid-template-rows}:host(limel-prosemirror-adapter:hover) limel-action-bar,:host(limel-prosemirror-adapter:focus-within) limel-action-bar{will-change:opacity, padding}.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}.toolbar{--action-bar-border-radius:0.25rem;border-radius:var(--action-bar-border-radius);flex-shrink:0;position:sticky;z-index:1;top:0;width:100%;display:grid;grid-template-rows:var(--limel-prosemirror-adapter-toolbar-grid-template-rows);transition-property:grid-template-rows;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-action-bar{min-width:0;transition-property:padding, opacity;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);opacity:var(--limel-prosemirror-adapter-toolbar-opacity);padding:var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;background-color:transparent;overflow:hidden}.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}";
 
 const DEBOUNCE_TIMEOUT = 300;
@@ -28325,7 +28403,9 @@ const ProsemirrorAdapter = class {
     this.change = createEvent(this, "change", 7);
     this.imagePasted = createEvent(this, "imagePasted", 7);
     this.imageRemoved = createEvent(this, "imageRemoved", 7);
+    this.metadataChange = createEvent(this, "metadataChange", 7);
     this.changeWaiting = false;
+    this.metadata = { images: [], links: [] };
     /**
      *  Used to stop change event emitting as result of getting updated value from consumer
      */
@@ -28362,6 +28442,8 @@ const ProsemirrorAdapter = class {
       if (content === this.lastEmittedValue) {
         return;
       }
+      const metadata = getMetadataFromDoc(newState.doc);
+      this.metadataEmitter(metadata);
       this.lastEmittedValue = content;
       this.changeWaiting = true;
       this.changeEmitter(content);
@@ -28553,7 +28635,7 @@ const ProsemirrorAdapter = class {
         keymap(this.menuCommandFactory.buildKeymap()),
         createTriggerPlugin(this.triggerCharacters, this.contentConverter),
         createLinkPlugin(this.handleNewLinkSelection),
-        createImageInserterPlugin(this.imagePasted.emit, this.imageRemoved.emit),
+        createImageInserterPlugin(this.imagePasted.emit),
         createImageViewPlugin(this.language),
         createMenuStateTrackingPlugin(editorMenuTypesArray, this.menuCommandFactory, this.updateActiveActionBarItems),
         createActionBarInteractionPlugin(this.menuCommandFactory),
@@ -28571,8 +28653,24 @@ const ProsemirrorAdapter = class {
     const tr = this.view.state.tr;
     tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);
     this.view.dispatch(tr);
+    const metadata = getMetadataFromDoc(this.view.state.doc);
+    this.metadataEmitter(metadata);
     this.suppressChangeEvent = false;
   }
+  metadataEmitter(metadata) {
+    if (hasMetadataChanged(this.metadata, metadata)) {
+      this.removeImagesFromCache(this.metadata, metadata);
+      this.metadata = metadata;
+      this.metadataChange.emit(metadata);
+    }
+  }
+  removeImagesFromCache(oldMetadata, newMetadata) {
+    const removedImages = oldMetadata.images.filter((oldImage) => !newMetadata.images.some((newImage) => newImage.fileInfoId === oldImage.fileInfoId));
+    removedImages.forEach((image) => {
+      imageCache.delete(image.fileInfoId);
+      this.imageRemoved.emit(image);
+    });
+  }
   static get delegatesFocus() { return true; }
   get host() { return getElement(this); }
   static get watchers() { return {