@limetech/lime-elements 38.12.4 → 38.13.0

package/dist/types/components/markdown/image-intersection-observer.d.ts

@@ -0,0 +1,10 @@
+export declare class ImageIntersectionObserver {
+  private observer;
+  /**
+   * @param containerElement - The element containing images to observe.
+   */
+  constructor(containerElement: HTMLElement);
+  disconnect(): void;
+  private readonly handleIntersection;
+}
+//# sourceMappingURL=image-intersection-observer.d.ts.map

package/dist/types/components/markdown/image-markdown-plugin.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'unified';
+/**
+ * Creates a unified.js plugin that transforms image elements for lazy loading
+ *
+ * @param lazyLoadImages - Whether to enable lazy loading for images
+ * @returns A unified.js plugin function
+ */
+export declare function createLazyLoadImagesPlugin(lazyLoadImages?: boolean): Plugin;
+//# sourceMappingURL=image-markdown-plugin.d.ts.map

package/dist/types/components/markdown/markdown-parser.d.ts

@@ -31,5 +31,6 @@ export interface MarkdownToHTMLOptions {
    */
   forceHardLineBreaks?: boolean;
   whitelist?: CustomElementDefinition[];
+  lazyLoadImages?: boolean;
 }
 //# sourceMappingURL=markdown-parser.d.ts.map

package/dist/types/components/markdown/markdown.d.ts

@@ -34,9 +34,17 @@ export declare class Markdown {
    * @alpha
    */
   whitelist?: CustomElementDefinition[];
+  /**
+   * Enable lazy loading for images
+   */
+  lazyLoadImages: boolean;
   textChanged(): Promise<void>;
-  componentDidLoad(): Promise<void>;
   private rootElement;
+  private imageIntersectionObserver;
+  componentDidLoad(): Promise<void>;
+  disconnectedCallback(): void;
   render(): any[];
+  private setupImageIntersectionObserver;
+  private cleanupImageIntersectionObserver;
 }
 //# sourceMappingURL=markdown.d.ts.map

package/dist/types/components/text-editor/prosemirror-adapter/plugins/image/node.d.ts

@@ -6,6 +6,7 @@ export declare const imageCache: Map<string, HTMLImageElement>;
 type MarkdownSerializerFunction = (state: MarkdownSerializerState, node: Node) => void;
 export declare function getImageNode(language: Languages): Record<string, NodeSpec>;
 export declare function getImageNodeMarkdownSerializer(language: Languages): Record<string, MarkdownSerializerFunction>;
+export declare function applyImageStyles(img: HTMLImageElement, node: Node): void;
 /**
  * Recursively checks if a ProseMirror node or
  * any of its child nodes is an image node.
@@ -16,7 +17,10 @@ export interface ImageNodeAttrs {
   alt: string;
   state: EditorImageState;
   fileInfoId: string | number;
+  height?: string;
   width?: string;
+  minHeight?: string;
+  minWidth?: string;
   maxWidth?: string;
 }
 export {};

package/dist/types/components.d.ts

@@ -1935,6 +1935,10 @@ export namespace Components {
      * @exampleComponent limel-example-markdown-custom-component
      */
     interface LimelMarkdown {
+        /**
+          * Enable lazy loading for images
+         */
+        "lazyLoadImages": boolean;
         /**
           * The input text. Treated as GitHub Flavored Markdown, with the addition that any included HTML will be parsed and rendered as HTML, rather than as text.
          */
@@ -6741,6 +6745,10 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-markdown-custom-component
      */
     interface LimelMarkdown {
+        /**
+          * Enable lazy loading for images
+         */
+        "lazyLoadImages"?: boolean;
         /**
           * The input text. Treated as GitHub Flavored Markdown, with the addition that any included HTML will be parsed and rendered as HTML, rather than as text.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.12.4",
+  "version": "38.13.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",