@limetech/lime-elements 39.40.0 → 39.42.0

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

@@ -1,41 +1,63 @@
 import { NodeSpec, Node } from 'prosemirror-model';
-import { EditorImageState } from '../../../text-editor.types';
+import { EditorImageState, InlineImages } from '../../../text-editor.types';
 import { MarkdownSerializerState } from 'prosemirror-markdown';
 import { Languages } from '../../../../date-picker/date.types';
 export declare const imageCache: Map<string, HTMLImageElement>;
 type MarkdownSerializerFunction = (state: MarkdownSerializerState, node: Node) => void;
+export declare const IMAGE_ID_ATTRIBUTE = "image-id";
 /**
- *
+ * The attribute names accepted for an inline-image tag. Backs the sanitizer
+ * whitelist built in `buildContentWhitelist`, so a stored tag keeps these
+ * attributes through parsing. The serializers here enumerate their own output
+ * attributes separately and are not driven by this list.
+ */
+export declare const INLINE_IMAGE_ATTRIBUTES: string[];
+export interface ImageNodeAttrs {
+    src: string;
+    alt: string;
+    state: EditorImageState;
+    /**
+     * Transient, per-session key used to correlate an async upload with its
+     * thumbnail node and to key the image cache. Not persisted; regenerated
+     * when content is parsed.
+     */
+    fileInfoId: string | number;
+    /**
+     * Opaque id of the stored image, set when inline images are configured and
+     * persisted on the tag.
+     */
+    imageId?: string;
+    height?: string;
+    width?: string;
+    minHeight?: string;
+    minWidth?: string;
+    maxWidth?: string;
+}
+/**
+ * Builds the `image` NodeSpec, wired for inline-image parsing/serialization
+ * when `inlineImages` is configured.
  * @param language
+ * @param inlineImages
  */
-export declare function getImageNode(language: Languages): Record<string, NodeSpec>;
+export declare function getImageNode(language: Languages, inlineImages?: InlineImages): Record<string, NodeSpec>;
 /**
- *
+ * Builds the markdown serializer for the `image` node, emitting the inline-image
+ * tag when `inlineImages` is configured and a `<img>` otherwise.
  * @param language
+ * @param inlineImages
  */
-export declare function getImageNodeMarkdownSerializer(language: Languages): Record<string, MarkdownSerializerFunction>;
+export declare function getImageNodeMarkdownSerializer(language: Languages, inlineImages?: InlineImages): Record<string, MarkdownSerializerFunction>;
 /**
- *
+ * Applies the node's stored dimensions to a rendered `<img>` element.
  * @param img
  * @param node
  */
 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.
+ * Recursively checks if a ProseMirror node or any of its descendants is an
+ * image node.
  * @param node
  */
 export declare function hasImageNode(node: Node): boolean;
-export interface ImageNodeAttrs {
-    src: string;
-    alt: string;
-    state: EditorImageState;
-    fileInfoId: string | number;
-    height?: string;
-    width?: string;
-    minHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-}
 export {};
 //# sourceMappingURL=node.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Languages } from '../../date-picker/date.types';
 import { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';
-import { TriggerCharacter } from '../text-editor.types';
+import { TriggerCharacter, InlineImages } from '../text-editor.types';
 import { EditorUiType } from '../types';
 /**
  * The ProseMirror adapter offers a rich text editing experience with markdown support.
@@ -40,6 +40,16 @@ export declare class ProsemirrorAdapter {
      * @alpha
      */
     customElements: CustomElementDefinition[];
+    /**
+     * Configures inline image support. When set, the editor owns the paste +
+     * upload lifecycle and persists images either as the configured tag
+     * carrying only a file id (`InlineImageTag`), or as a plain `<img src>`
+     * (`InlineImageSrc`).
+     *
+     * @private
+     * @alpha
+     */
+    inlineImages?: InlineImages;
     /**
      * set to private to avoid usage while under development
      *
@@ -63,6 +73,7 @@ export declare class ProsemirrorAdapter {
     private menuCommandFactory;
     private schema;
     private contentConverter;
+    private validatedInlineImages?;
     private actionBarElement;
     private lastEmittedValue;
     /**
@@ -137,6 +148,7 @@ export declare class ProsemirrorAdapter {
     render(): any;
     renderToolbar(): any;
     renderLinkMenu(): any;
+    private validateInlineImages;
     private setupContentConverter;
     private getActionBarItems;
     private getTranslatedItem;

package/dist/types/components/text-editor/text-editor.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { FormComponent } from '../form/form.types';
 import { Languages } from '../date-picker/date.types';
 import { CustomElementDefinition } from '../../global/shared-types/custom-element.types';
-import { TriggerCharacter, TriggerEventDetail } from './text-editor.types';
+import { TriggerCharacter, TriggerEventDetail, InlineImages } from './text-editor.types';
 import { EditorUiType } from './types';
 /**
  * A rich text editor that offers a rich text editing experience with markdown support,
@@ -18,8 +18,8 @@ import { EditorUiType } from './types';
  * @exampleComponent limel-example-text-editor-with-markdown
  * @exampleComponent limel-example-text-editor-with-html
  * @exampleComponent limel-example-text-editor-with-tables
- * @exampleComponent limel-example-text-editor-with-inline-images-file-storage
  * @exampleComponent limel-example-text-editor-with-inline-images-base64
+ * @exampleComponent limel-example-text-editor-with-inline-images-custom-tag
  * @exampleComponent limel-example-text-editor-allow-resize
  * @exampleComponent limel-example-text-editor-size
  * @exampleComponent limel-example-text-editor-ui
@@ -88,6 +88,14 @@ export declare class TextEditor implements FormComponent<string> {
      * @alpha
      */
     customElements: CustomElementDefinition[];
+    /**
+     * Configures inline image support: the editor owns the paste lifecycle and
+     * resize, the consumer owns upload, storage format, and URL resolution.
+     *
+     * @private
+     * @alpha
+     */
+    inlineImages?: InlineImages;
     /**
      * A set of trigger characters
      *

package/dist/types/components/text-editor/text-editor.types.d.ts

@@ -52,6 +52,58 @@ export interface ImageInserter {
      */
     insertFailedThumbnail: () => void;
 }
+/**
+ * Configures inline image support in the editor. The editor owns the paste
+ * lifecycle (thumbnail → upload → resizable image or failed state). Choose how
+ * images are persisted with one of two shapes: `InlineImageTag` (a custom
+ * id-carrying element) or `InlineImageSrc` (a plain `<img>`).
+ *
+ * @alpha
+ */
+export type InlineImages = InlineImageTag | InlineImageSrc;
+/**
+ * Persists images as `<tagName image-id="…">`, carrying only an id; the editor
+ * resolves it to a displayable src via `getUrl`. Portable — no URL is baked
+ * into the stored content.
+ *
+ * @alpha
+ */
+export interface InlineImageTag {
+    /**
+     * Custom element the image is persisted as, e.g. `my-image`. Not a built-in
+     * tag like `img` — use the {@link InlineImageSrc} shape for plain `<img>`.
+     */
+    tagName: `${string}-${string}`;
+    /**
+     * Resolves a stored id to a displayable src URL. The id originates from
+     * stored, potentially untrusted content and is only checked for
+     * non-emptiness before it reaches here, so validate it before using it to
+     * build a backend URL.
+     */
+    getUrl: (id: string) => string;
+    /**
+     * Uploads a pasted image, resolving to the stored id. Omit to render and
+     * round-trip existing images without allowing new pastes.
+     */
+    upload?: (file: File) => Promise<string>;
+}
+/**
+ * Persists images as a plain `<img src="…">`.
+ *
+ * @alpha
+ */
+export interface InlineImageSrc {
+    /** Uploads a pasted image, resolving to its src — a URL or a data URI. */
+    upload: (file: File) => Promise<string>;
+}
+/**
+ * Narrows `InlineImages` to its tag shape, exposing `tagName`/`getUrl`.
+ *
+ * @param config - the inline-images configuration to test
+ * @returns whether images are persisted as a custom id-carrying element
+ * @alpha
+ */
+export declare function isInlineImageTag(config: InlineImages): config is InlineImageTag;
 /**
  * @alpha
  */

package/dist/types/components/text-editor/utils/content-type-converter.d.ts

@@ -1,5 +1,7 @@
 import { EditorView } from 'prosemirror-view';
 import { Schema } from 'prosemirror-model';
+import { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';
+import { InlineImages } from '../text-editor.types';
 /**
  * Abstract class implementing a generic parser/serialiser
  * for different editor content types
@@ -12,4 +14,14 @@ export interface ContentTypeConverter {
     parseAsHTML: (text: string, schema: Schema) => Promise<string>;
     serialize: (view: EditorView, schema: Schema) => string;
 }
+/**
+ * Build the sanitization whitelist for editor content: the consumer's custom
+ * elements, plus (when inline images are configured) the inline-image tag so it
+ * survives parsing into an image node. Shared by all content converters.
+ *
+ * @param customNodes
+ * @param inlineImages
+ * @private
+ */
+export declare function buildContentWhitelist(customNodes: CustomElementDefinition[], inlineImages?: InlineImages): CustomElementDefinition[];
 //# sourceMappingURL=content-type-converter.d.ts.map

package/dist/types/components/text-editor/utils/html-converter.d.ts

@@ -1,12 +1,14 @@
 import { ContentTypeConverter } from './content-type-converter';
 import { EditorView } from 'prosemirror-view';
 import { CustomElementDefinition } from '../../../interface';
+import { InlineImages } from '../text-editor.types';
 /**
  * @private
  */
 export declare class HTMLConverter implements ContentTypeConverter {
     private customNodes;
-    constructor(plugins: CustomElementDefinition[]);
+    private readonly inlineImages?;
+    constructor(plugins: CustomElementDefinition[], inlineImages?: InlineImages);
     parseAsHTML: (text: string) => Promise<string>;
     serialize: (view: EditorView) => string;
 }

package/dist/types/components/text-editor/utils/markdown-converter.d.ts

@@ -2,13 +2,15 @@ import { ContentTypeConverter } from './content-type-converter';
 import { EditorView } from 'prosemirror-view';
 import { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';
 import { Languages } from '../../date-picker/date.types';
+import { InlineImages } from '../text-editor.types';
 /**
  * @private
  */
 export declare class MarkdownConverter implements ContentTypeConverter {
     private markdownSerializer;
     private customNodes;
-    constructor(plugins: CustomElementDefinition[], language: Languages);
+    private readonly inlineImages?;
+    constructor(plugins: CustomElementDefinition[], language: Languages, inlineImages?: InlineImages);
     parseAsHTML: (text: string) => Promise<string>;
     serialize: (view: EditorView) => string;
 }

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { ClosingActions, DialogHeading } from "./components/dialog/dialog.types"
 import { DockItem } from "./components/dock/dock.types";
 import { Email } from "./components/email-viewer/email-viewer.types";
 import { FileInfo } from "./global/shared-types/file.types";
+import { ResizeOptions } from "./util/image-resize";
 import { OfficeViewer } from "./components/file-viewer/file-viewer.types";
 import { FlexContainerAlign, FlexContainerDirection, FlexContainerJustify } from "./components/flex-container/flex-container.types";
 import { FormError, FormSchema, ValidationError, ValidationStatus } from "./components/form/form.types";
@@ -42,9 +43,8 @@ import { CustomElementDefinition } from "./global/shared-types/custom-element.ty
 import { PickerItem } from "./components/picker/picker-item.types";
 import { Searcher } from "./components/picker/searcher.types";
 import { ActionPosition, ActionScrollBehavior } from "./components/picker/actions.types";
-import { ResizeOptions } from "./util/image-resize";
 import { FlowItem } from "./components/progress-flow/progress-flow.types";
-import { EditorImage, EditorMetadata, ImageInserter, TriggerCharacter, TriggerEventDetail } from "./components/text-editor/text-editor.types";
+import { EditorImage, EditorMetadata, ImageInserter, InlineImages, TriggerCharacter, TriggerEventDetail } from "./components/text-editor/text-editor.types";
 import { EditorUiType } from "./components/text-editor/types";
 import { Option } from "./components/select/option.types";
 import { SpinnerSize } from "./components/spinner/spinner.types";
@@ -78,6 +78,7 @@ export { ClosingActions, DialogHeading } from "./components/dialog/dialog.types"
 export { DockItem } from "./components/dock/dock.types";
 export { Email } from "./components/email-viewer/email-viewer.types";
 export { FileInfo } from "./global/shared-types/file.types";
+export { ResizeOptions } from "./util/image-resize";
 export { OfficeViewer } from "./components/file-viewer/file-viewer.types";
 export { FlexContainerAlign, FlexContainerDirection, FlexContainerJustify } from "./components/flex-container/flex-container.types";
 export { FormError, FormSchema, ValidationError, ValidationStatus } from "./components/form/form.types";
@@ -89,9 +90,8 @@ export { CustomElementDefinition } from "./global/shared-types/custom-element.ty
 export { PickerItem } from "./components/picker/picker-item.types";
 export { Searcher } from "./components/picker/searcher.types";
 export { ActionPosition, ActionScrollBehavior } from "./components/picker/actions.types";
-export { ResizeOptions } from "./util/image-resize";
 export { FlowItem } from "./components/progress-flow/progress-flow.types";
-export { EditorImage, EditorMetadata, ImageInserter, TriggerCharacter, TriggerEventDetail } from "./components/text-editor/text-editor.types";
+export { EditorImage, EditorMetadata, ImageInserter, InlineImages, TriggerCharacter, TriggerEventDetail } from "./components/text-editor/text-editor.types";
 export { EditorUiType } from "./components/text-editor/types";
 export { Option } from "./components/select/option.types";
 export { SpinnerSize } from "./components/spinner/spinner.types";
@@ -1605,6 +1605,8 @@ export namespace Components {
      * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
+     * @exampleComponent limel-example-file-resize-image
+     * @exampleComponent limel-example-file-resize-mixed
      * @exampleComponent limel-example-file-composite
      */
     interface LimelFile {
@@ -1651,6 +1653,11 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * Optional client-side image resize, applied before the `change` event is emitted: a selected image is downscaled and re-encoded on the user's device. Only decodable raster images are resized; all other files pass through unchanged. See the examples for details and caveats.
+          * @beta
+         */
+        "resizeImage"?: ResizeOptions;
         /**
           * The selected file.
          */
@@ -3199,6 +3206,12 @@ export namespace Components {
           * Emits any pending debounced `change` event immediately. Does nothing if no change is pending.
          */
         "flushPendingChanges": () => Promise<void>;
+        /**
+          * Configures inline image support. When set, the editor owns the paste + upload lifecycle and persists images either as the configured tag carrying only a file id (`InlineImageTag`), or as a plain `<img src>` (`InlineImageSrc`).
+          * @private 
+          * @alpha
+         */
+        "inlineImages"?: InlineImages;
         /**
           * Defines the language for translations.
          */
@@ -3810,8 +3823,8 @@ export namespace Components {
      * @exampleComponent limel-example-text-editor-with-markdown
      * @exampleComponent limel-example-text-editor-with-html
      * @exampleComponent limel-example-text-editor-with-tables
-     * @exampleComponent limel-example-text-editor-with-inline-images-file-storage
      * @exampleComponent limel-example-text-editor-with-inline-images-base64
+     * @exampleComponent limel-example-text-editor-with-inline-images-custom-tag
      * @exampleComponent limel-example-text-editor-allow-resize
      * @exampleComponent limel-example-text-editor-size
      * @exampleComponent limel-example-text-editor-ui
@@ -3855,6 +3868,12 @@ export namespace Components {
           * Optional helper text to display below the input field when it has focus
          */
         "helperText"?: string;
+        /**
+          * Configures inline image support: the editor owns the paste lifecycle and resize, the consumer owns upload, storage format, and URL resolution.
+          * @private 
+          * @alpha
+         */
+        "inlineImages"?: InlineImages;
         /**
           * Set to `true` to indicate that the current value of the editor is invalid.
           * @default false
@@ -5119,6 +5138,8 @@ declare global {
      * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
+     * @exampleComponent limel-example-file-resize-image
+     * @exampleComponent limel-example-file-resize-mixed
      * @exampleComponent limel-example-file-composite
      */
     interface HTMLLimelFileElement extends Components.LimelFile, HTMLStencilElement {
@@ -6420,8 +6441,8 @@ declare global {
      * @exampleComponent limel-example-text-editor-with-markdown
      * @exampleComponent limel-example-text-editor-with-html
      * @exampleComponent limel-example-text-editor-with-tables
-     * @exampleComponent limel-example-text-editor-with-inline-images-file-storage
      * @exampleComponent limel-example-text-editor-with-inline-images-base64
+     * @exampleComponent limel-example-text-editor-with-inline-images-custom-tag
      * @exampleComponent limel-example-text-editor-allow-resize
      * @exampleComponent limel-example-text-editor-size
      * @exampleComponent limel-example-text-editor-ui
@@ -8211,6 +8232,8 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
+     * @exampleComponent limel-example-file-resize-image
+     * @exampleComponent limel-example-file-resize-mixed
      * @exampleComponent limel-example-file-composite
      */
     interface LimelFile {
@@ -8265,6 +8288,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * Optional client-side image resize, applied before the `change` event is emitted: a selected image is downscaled and re-encoded on the user's device. Only decodable raster images are resized; all other files pass through unchanged. See the examples for details and caveats.
+          * @beta
+         */
+        "resizeImage"?: ResizeOptions;
         /**
           * The selected file.
          */
@@ -9889,6 +9917,12 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Configures inline image support. When set, the editor owns the paste + upload lifecycle and persists images either as the configured tag carrying only a file id (`InlineImageTag`), or as a plain `<img src>` (`InlineImageSrc`).
+          * @private 
+          * @alpha
+         */
+        "inlineImages"?: InlineImages;
         /**
           * Defines the language for translations.
          */
@@ -10585,8 +10619,8 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-text-editor-with-markdown
      * @exampleComponent limel-example-text-editor-with-html
      * @exampleComponent limel-example-text-editor-with-tables
-     * @exampleComponent limel-example-text-editor-with-inline-images-file-storage
      * @exampleComponent limel-example-text-editor-with-inline-images-base64
+     * @exampleComponent limel-example-text-editor-with-inline-images-custom-tag
      * @exampleComponent limel-example-text-editor-allow-resize
      * @exampleComponent limel-example-text-editor-size
      * @exampleComponent limel-example-text-editor-ui
@@ -10622,6 +10656,12 @@ declare namespace LocalJSX {
           * Optional helper text to display below the input field when it has focus
          */
         "helperText"?: string;
+        /**
+          * Configures inline image support: the editor owns the paste lifecycle and resize, the consumer owns upload, storage format, and URL resolution.
+          * @private 
+          * @alpha
+         */
+        "inlineImages"?: InlineImages;
         /**
           * Set to `true` to indicate that the current value of the editor is invalid.
           * @default false
@@ -12061,6 +12101,8 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-file-per-file-status
              * @exampleComponent limel-example-file-menu-items
              * @exampleComponent limel-example-file-accepted-types
+             * @exampleComponent limel-example-file-resize-image
+             * @exampleComponent limel-example-file-resize-mixed
              * @exampleComponent limel-example-file-composite
              */
             "limel-file": LocalJSX.IntrinsicElements["limel-file"] & JSXBase.HTMLAttributes<HTMLLimelFileElement>;
@@ -12813,8 +12855,8 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-text-editor-with-markdown
              * @exampleComponent limel-example-text-editor-with-html
              * @exampleComponent limel-example-text-editor-with-tables
-             * @exampleComponent limel-example-text-editor-with-inline-images-file-storage
              * @exampleComponent limel-example-text-editor-with-inline-images-base64
+             * @exampleComponent limel-example-text-editor-with-inline-images-custom-tag
              * @exampleComponent limel-example-text-editor-allow-resize
              * @exampleComponent limel-example-text-editor-size
              * @exampleComponent limel-example-text-editor-ui

package/dist/types/translations/da.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/de.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/en.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/fi.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/fr.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/nl.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/no.d.ts

@@ -28,6 +28,7 @@ declare const _default: {
     'drag-handle.drag-to-reorder': string;
     'chip-set.clear-all': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/translations/sv.d.ts

@@ -29,6 +29,7 @@ declare const _default: {
     'chip-set.clear-all': string;
     'snackbar.dismiss': string;
     'file.drag-and-drop-tips': string;
+    'file.optimizing': string;
     'file-viewer.message.unsupported-filetype': string;
     'file-viewer.message.try-other-options': string;
     'file-viewer.message.file-not-found': string;

package/dist/types/util/image-resize.d.ts

@@ -108,10 +108,18 @@
  * @beta
  */
 export type ResizeOptions = {
-    /** Target width in CSS pixels. */
-    width: number;
-    /** Target height in CSS pixels. */
-    height: number;
+    /**
+     * Target width in CSS pixels. Omit to derive it from `height` while
+     * preserving the source aspect ratio; omit both `width` and `height` to
+     * keep the source dimensions and only re-encode.
+     */
+    width?: number;
+    /**
+     * Target height in CSS pixels. Omit to derive it from `width` while
+     * preserving the source aspect ratio; omit both `width` and `height` to
+     * keep the source dimensions and only re-encode.
+     */
+    height?: number;
     /** Fit strategy; defaults to 'cover'. */
     fit?: 'cover' | 'contain';
     /** Output MIME type; 'image/jpeg' by default. */

package/package.json

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

package/dist/lime-elements/p-366419ee.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as r}from"./p-BGxJfR2f.js";import{c as o}from"./p-JbKhhoXs.js";const l=class{constructor(r){t(this,r),this.change=e(this,"change"),this.imagePasted=e(this,"imagePasted"),this.imageRemoved=e(this,"imageRemoved"),this.metadataChange=e(this,"metadataChange"),this.triggerStart=e(this,"triggerStart"),this.triggerStop=e(this,"triggerStop"),this.triggerChange=e(this,"triggerChange"),this.contentType="markdown",this.language="en",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.customElements=[],this.triggers=[],this.required=!1,this.allowResize=!0,this.ui="standard",this.renderHelperLine=()=>{if(this.helperText)return i("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.isInvalid()})},this.isInvalid=()=>!this.readonly&&(!!this.invalid||void 0),this.handleChange=t=>{t.stopPropagation(),this.change.emit(t.detail)},this.handleImagePasted=t=>{t.stopPropagation(),this.imagePasted.emit(t.detail)},this.handleMetadataChange=t=>{t.stopPropagation(),this.metadataChange.emit(t.detail)},this.handleImageRemoved=t=>{t.stopPropagation(),this.imageRemoved.emit(t.detail)},this.helperTextId=o(),this.editorId=o()}async flushPendingChanges(){var t;await(null===(t=this.adapterElement)||void 0===t?void 0:t.flushPendingChanges())}async clear(){var t;await(null===(t=this.adapterElement)||void 0===t?void 0:t.clear())}render(){return i(r,{key:"12f7643f82a4899efd112dc74e67fbd79be64d9f"},i("limel-notched-outline",{key:"109e7c03874e141f073a05882ca48188adaced72",labelId:this.editorId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasFloatingLabel:!0},this.renderEditor(),this.renderPlaceholder()),this.renderHelperLine())}renderEditor(){return this.readonly?i("limel-markdown",{slot:"content",value:this.value,"aria-controls":this.helperText?this.helperTextId:void 0,id:this.editorId}):i("limel-prosemirror-adapter",{ref:t=>this.adapterElement=t,slot:"content","aria-placeholder":this.placeholder,contentType:this.contentType,onChange:this.handleChange,onImagePasted:this.handleImagePasted,onImageRemoved:this.handleImageRemoved,onMetadataChange:this.handleMetadataChange,customElements:this.customElements,value:this.value,"aria-controls":this.helperText?this.helperTextId:void 0,id:this.editorId,"aria-disabled":this.disabled,"aria-invalid":this.invalid,"aria-required":this.required,language:this.language,triggerCharacters:this.triggers,disabled:this.disabled,ui:this.ui})}renderPlaceholder(){if(this.placeholder&&!this.value)return i("span",{class:"placeholder","aria-hidden":"true",slot:"content"},this.placeholder)}static get delegatesFocus(){return!0}};l.style='@charset "UTF-8";*{box-sizing:border-box}:host(limel-text-editor){--limel-notched-outline-z-index:2;--limel-prosemirror-adapter-toolbar-opacity:0.6;--limel-text-editor-padding:0.25rem 1rem 0.75rem 1rem;--limel-prosemirror-adapter-toolbar-grid-template-rows:1fr;--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration:0.3s;--limel-prosemirror-adapter-toolbar-transition-timing-function:cubic-bezier(       0.19,       0.23,       0.26,       0.89   );position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-width:5rem;min-height:5rem;height:100%;max-height:var(--text-editor-max-height, calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 4rem));padding:1px}:host(limel-text-editor) limel-notched-outline{height:100%}:host(limel-text-editor:focus-within),:host(limel-text-editor:not([ui=minimal]):hover){--limel-prosemirror-adapter-toolbar-opacity:1}:host(limel-text-editor[ui=minimal]:not(:focus-within)){--limel-prosemirror-adapter-toolbar-grid-template-rows:0fr;--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration:0.46s;--limel-prosemirror-adapter-action-bar-padding-top-bottom:0;--limel-prosemirror-adapter-toolbar-opacity:0}:host(limel-text-editor[ui=minimal]:not(:focus-within)),:host(limel-text-editor[ui=no-toolbar]){--limel-text-editor-padding:0.75rem 1rem 0.75rem 1rem;--limel-text-editor-placeholder-top:0;min-height:2.5rem}:host(limel-text-editor[ui=minimal]:not(:focus-within)) limel-prosemirror-adapter,:host(limel-text-editor[ui=no-toolbar]) limel-prosemirror-adapter{min-height:2.5rem}:host(limel-text-editor:focus-within) .placeholder,:host(limel-text-editor:focus) .placeholder{opacity:0}:host(limel-text-editor[disabled]:not([disabled=false])) limel-prosemirror-adapter{cursor:not-allowed;opacity:0.4;pointer-events:none}:host(limel-text-editor[readonly]:not([readonly=false])){--limel-text-editor-padding:0.75rem 1rem 0.75rem 1rem;--limel-text-editor-placeholder-top:0}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown{display:block;padding:var(--limel-text-editor-padding);overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:before,:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:after{z-index:1;pointer-events:none;content:"";display:block;position:absolute;width:100%}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:after{height:1.75rem;top:0;background:linear-gradient(var(--text-editor-fade-out-background-color, rgb(var(--contrast-100))), transparent)}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:before{height:2rem;bottom:-0.25rem;background:linear-gradient(transparent, var(--text-editor-fade-out-background-color, rgb(var(--contrast-100))))}.placeholder{transition-property:top;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;top:var(--limel-text-editor-placeholder-top, 2.25rem);left:0;right:0;padding:var(--limel-text-editor-padding);font-style:italic;font-size:var(--limel-theme-default-font-size);color:rgb(var(--contrast-900))}limel-prosemirror-adapter{flex-grow:1;min-width:0;min-height:5rem;height:100%;max-height:100%;overflow:hidden auto;-webkit-overflow-scrolling:touch}:host(limel-text-editor:focus),:host(limel-text-editor:focus-visible),:host(limel-text-editor:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-text-editor){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-text-editor:focus) limel-helper-line,:host(limel-text-editor:focus-visible) limel-helper-line,:host(limel-text-editor:focus-within) limel-helper-line,:host(limel-text-editor:hover) limel-helper-line{will-change:grid-template-rows}:host(limel-text-editor[allow-resize]) limel-prosemirror-adapter{resize:vertical}';export{l as limel_text_editor}

package/dist/lime-elements/p-5cf7464f.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as s}from"./p-BGxJfR2f.js";import{t as r}from"./p-EPnIW0K5.js";import{g as n,a,b as o,c as h}from"./p-BCq5M9TE.js";import{f as l}from"./p-u_sd2HMb.js";import"./p-Bu_YRgCL.js";import"./p-CgNJbSP4.js";const d={id:null,text:null,removable:!0},p=class{constructor(e){i(this,e),this.change=t(this,"change"),this.interact=t(this,"interact"),this.required=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.loading=!1,this.accept="*",this.language="en",this.dropZoneTip=()=>this.getTranslation("file.drag-and-drop-tips"),this.handleNewFiles=i=>{this.preventAndStop(i),this.change.emit(i.detail[0])},this.handleChipSetChange=i=>{i.stopPropagation();const t=0===i.detail.length?i.detail[0]:null;t||this.change.emit(t)},this.handleChipInteract=i=>{this.preventAndStop(i),this.interact.emit(i.detail.id)}}render(){return e(s,{key:"efdeb4e071a7bf484780eb239a1117a0e0fd0472","aria-busy":this.isBusy?"true":"false"},e("limel-file-dropzone",{key:"88d3924f5db23d1f3b07321bc7dc35663feeac8f",disabled:this.disabled||this.readonly||!!this.value,accept:this.accept,onFilesSelected:this.handleNewFiles},this.renderChipset()),this.renderDragAndDropTip(),this.renderSpinner())}get statusText(){var i,t,e;return null!==(e=null===(t=null===(i=this.value)||void 0===i?void 0:i.statusText)||void 0===t?void 0:t.trim())&&void 0!==e?e:""}get isBusy(){var i,t;return this.loading||Boolean(null===(i=this.value)||void 0===i?void 0:i.loading)||void 0!==(null===(t=this.value)||void 0===t?void 0:t.progress)}renderSpinner(){if(this.isBusy)return e("limel-spinner",null)}renderDragAndDropTip(){if(!(this.value||this.disabled||this.readonly||this.isBusy))return e("div",{class:"drag-and-drop-tip"},e("span",{class:"invisible-label-mock",role:"presentation"},this.label),e("span",{class:"tip"},this.dropZoneTip()))}getChipArray(){return this.value?[Object.assign(Object.assign({},d),{text:this.value.filename,id:this.value.id,icon:{name:h(this.value),title:o(this.value),color:a(this.value),backgroundColor:n(this.value)},badge:this.getBadge(),href:this.value.href,menuItems:this.value.menuItems,loading:this.value.loading,progress:this.value.progress,invalid:this.value.invalid})]:[]}getBadge(){return this.statusText?this.statusText:"number"==typeof this.value.size?l(this.value.size):void 0}renderChipset(){const i=e("limel-chip-set",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,helperText:this.helperText,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onInteract:this.handleChipInteract,required:this.required,type:"input",value:this.getChipArray()});return this.value?i:e("limel-file-input",{accept:this.accept,disabled:this.disabled||this.readonly},i)}preventAndStop(i){i.stopPropagation(),i.preventDefault()}getTranslation(i){return r.get(i,this.language)}};p.style='@charset "UTF-8";:host(limel-file){--badge-max-width:auto;position:relative}.drag-and-drop-tip{pointer-events:none;position:absolute;box-sizing:border-box;margin:0.25rem;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;border-radius:0.25rem;border:1px dashed rgb(var(--contrast-700));padding:0 0.5rem}.drag-and-drop-tip .invisible-label-mock{flex-shrink:0;opacity:0;padding-right:1rem;padding-left:1.5rem}.drag-and-drop-tip .tip{font-size:smaller;color:var(--limel-theme-text-secondary-on-background-color);height:auto;max-height:3rem;line-height:1;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-spinner{pointer-events:none;position:absolute;inset:0 0.375rem 0 auto;margin:auto}';export{p as limel_file}

package/dist/lime-elements/p-BWYo6dLf.js

@@ -1 +0,0 @@
-const e={Bold:"strong",Italic:"em",Blockquote:"blockquote",HeaderLevel1:"headerlevel1",HeaderLevel2:"headerlevel2",HeaderLevel3:"headerlevel3",Link:"link",OrderedList:"ordered_list",BulletList:"bullet_list",Strikethrough:"strikethrough",Code:"code",CodeBlock:"code_block"},l=Object.values(e),t={Heading:"heading",one:1,two:2,three:3},d={Left:0,Middle:1,Right:2};export{e as E,t as L,d as M,l as e}

package/dist/lime-elements/p-DPcww8rE.js

@@ -1 +0,0 @@
-async function n(n,o){const{width:e,height:r,fit:a="cover",type:i="image/jpeg",quality:c=.85,rename:s=n=>t(n,i)}=o,l=await async function(n){var t,o;if("function"==typeof globalThis.createImageBitmap)try{return await globalThis.createImageBitmap(n,{imageOrientation:"from-image"})}catch(n){"production"!==(null===(o=null===(t=globalThis.process)||void 0===t?void 0:t.env)||void 0===o?void 0:o.NODE_ENV)&&"undefined"!=typeof console&&"function"==typeof console.debug&&console.debug("createImageBitmap failed, falling back to HTMLImageElement:",n)}return await async function(n){var t;const o=URL.createObjectURL(n);try{const n=new Image;return n.decoding="sync",n.src=o,await(null===(t=n.decode)||void 0===t?void 0:t.call(n).catch((()=>{}))),n.complete||await new Promise(((t,o)=>{const e=()=>{n.removeEventListener("load",r),n.removeEventListener("error",a)},r=()=>{e(),t()},a=n=>{e(),o(n)};n.addEventListener("load",r),n.addEventListener("error",a)})),n}finally{URL.revokeObjectURL(o)}}(n)}(n),{sx:u,sy:d,sw:f,sh:y,dx:w,dy:g,dw:h,dh:m}=function(n,t,o,e,r){const a=n/t,i=o/e;if("cover"===r){let r,c;return a>i?(c=t,r=t*i):(r=n,c=n/i),{sx:(n-r)/2,sy:(t-c)/2,sw:r,sh:c,dx:0,dy:0,dw:o,dh:e}}let c,s;a>i?(c=o,s=o/a):(s=e,c=e*a);return{sx:0,sy:0,sw:n,sh:t,dx:(o-c)/2,dy:(e-s)/2,dw:c,dh:s}}(l.width,l.height,e,r,a),p=function(n,t){if(function(){try{return"function"==typeof globalThis.OffscreenCanvas}catch(n){return!1}}())return new globalThis.OffscreenCanvas(n,t);const o=document.createElement("canvas");return o.width=n,o.height=t,o}(e,r),v=function(n){const t=n.getContext("2d",{alpha:!0});if(!t)throw new Error("2D canvas context not available");return t}(p);v.clearRect(0,0,e,r),v.drawImage(l,u,d,f,y,w,g,h,m);const b=await function(n,t,o){return"convertToBlob"in n?n.convertToBlob({type:t,quality:o}):new Promise(((e,r)=>{n.toBlob((n=>{n?e(n):r(new Error("Failed to create blob from canvas"))}),t,o)}))}(p,i,c),x=s(n.name);return new File([b],x,{type:i})}function t(n,t){const o="image/png"===t?"png":"jpg",e=n.lastIndexOf(".");return`${e>0?n.slice(0,e):n}.${o}`}export{n as r}