@limetech/lime-elements 39.40.0 → 39.41.0

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/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";
@@ -3199,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.
          */
@@ -3810,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
@@ -3855,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
@@ -6420,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
@@ -9889,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.
          */
@@ -10585,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
@@ -10622,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
@@ -12813,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/package.json

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