@limetech/lime-elements 39.39.1 → 39.41.0

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

@@ -0,0 +1 @@
+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-C_Yu8dOg.js

@@ -0,0 +1 @@
+function e(e){return"tagName"in e}const t={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(t),o={Heading:"heading",one:1,two:2,three:3},d={Left:0,Middle:1,Right:2};export{t as E,o as L,d as M,l as e,e as i}

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

@@ -36,6 +36,7 @@ import { FileInfo } from '../../global/shared-types/file.types';
  * @exampleComponent limel-example-file-per-file-loading
  * @exampleComponent limel-example-file-per-file-progress
  * @exampleComponent limel-example-file-per-file-invalid
+ * @exampleComponent limel-example-file-per-file-status
  * @exampleComponent limel-example-file-menu-items
  * @exampleComponent limel-example-file-accepted-types
  * @exampleComponent limel-example-file-composite
@@ -94,6 +95,7 @@ export declare class File {
      */
     private interact;
     render(): any;
+    private get statusText();
     /**
      * The component is busy for any reason: its own `loading`, or a file that
      * is `loading` or has `progress` (including `0`). Completion is signalled
@@ -106,6 +108,7 @@ export declare class File {
     private dropZoneTip;
     private handleNewFiles;
     private getChipArray;
+    private getBadge;
     private renderChipset;
     private handleChipSetChange;
     private handleChipInteract;

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

@@ -1,10 +1,10 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { FileInfo } from '../../../../../global/shared-types/file.types';
-import { ImageInserter } from '../../../text-editor.types';
+import { ImageInserter, InlineImages } from '../../../text-editor.types';
 export declare const pluginKey: PluginKey<any>;
 type ImagePastedCallback = (data: ImageInserter) => CustomEvent<ImageInserter>;
-export declare const createImageInserterPlugin: (imagePastedCallback: ImagePastedCallback) => Plugin<any>;
+export declare const createImageInserterPlugin: (imagePastedCallback: ImagePastedCallback, inlineImages?: InlineImages) => Plugin<any>;
 export declare const imageInserterFactory: (view: EditorView, base64Data: string, fileInfo: FileInfo) => ImageInserter;
 export {};
 //# sourceMappingURL=inserter.d.ts.map

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

@@ -44,7 +44,7 @@ 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";
@@ -91,7 +91,7 @@ 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";
@@ -1602,6 +1602,7 @@ export namespace Components {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -3198,6 +3199,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.
          */
@@ -3809,8 +3816,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
@@ -3854,6 +3861,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
@@ -5115,6 +5128,7 @@ declare global {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -6418,8 +6432,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
@@ -8206,6 +8220,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -9886,6 +9901,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.
          */
@@ -10582,8 +10603,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
@@ -10619,6 +10640,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
@@ -12055,6 +12082,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-file-per-file-loading
              * @exampleComponent limel-example-file-per-file-progress
              * @exampleComponent limel-example-file-per-file-invalid
+             * @exampleComponent limel-example-file-per-file-status
              * @exampleComponent limel-example-file-menu-items
              * @exampleComponent limel-example-file-accepted-types
              * @exampleComponent limel-example-file-composite
@@ -12809,8 +12837,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/global/shared-types/file.types.d.ts

@@ -87,6 +87,16 @@ export interface FileInfo {
      * upload, as a percentage. Must be a number between `0` and `100`.
      */
     progress?: number;
+    /**
+     * A short label describing the file's current state, such as
+     * `Uploading…`, `Scanning for viruses…` or `Failed`. When set, it replaces
+     * the file size badge on the chip, and is read by assistive technologies as
+     * part of the chip's accessible name.
+     *
+     * Prefer `progress` for a measurable value like a percentage, so it is
+     * shown as a progress bar instead of rapidly-changing text.
+     */
+    statusText?: string;
     /**
      * Set to `true` to mark the file as invalid, rendering it in an error
      * state. This is independent of the component's own `invalid` state.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "39.39.1",
+  "version": "39.41.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-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}