@limetech/lime-elements 40.12.1 → 40.12.2

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

@@ -18460,114 +18460,141 @@ function list (state, startLine, endLine, silent) {
   return true
 }
 
-function reference (state, startLine, _endLine, silent) {
-  let pos = state.bMarks[startLine] + state.tShift[startLine];
-  let max = state.eMarks[startLine];
-  let nextLine = startLine + 1;
-
-  // if it's indented more than 3 spaces, it should be a code block
-  if (state.sCount[startLine] - state.blkIndent >= 4) { return false }
+// CommonMark limits reference labels to 999 Unicode code points.
+const MAX_LABEL_LENGTH = 999;
 
-  if (state.src.charCodeAt(pos) !== 0x5B/* [ */) { return false }
+function countCodePoints (str) {
+  let length = str.length;
 
-  function getNextLine (nextLine) {
-    const endLine = state.lineMax;
+  for (let i = 0; i < str.length - 1; i++) {
+    const high = str.charCodeAt(i);
+    if (high < 0xD800 || high > 0xDBFF) { continue }
 
-    if (nextLine >= endLine || state.isEmpty(nextLine)) {
-      // empty line or end of input
-      return null
+    const low = str.charCodeAt(i + 1);
+    if (low >= 0xDC00 && low <= 0xDFFF) {
+      length--;
+      i++;
     }
+  }
 
-    let isContinuation = false;
+  return length
+}
 
-    // this would be a code block normally, but after paragraph
-    // it's considered a lazy continuation regardless of what's there
-    if (state.sCount[nextLine] - state.blkIndent > 3) { isContinuation = true; }
+// Exclusive end offset of the line, after its newline if present
+function lineEnd (state, line) {
+  return Math.min(state.eMarks[line] + 1, state.src.length)
+}
 
-    // quirk for blockquotes, this line should already be checked by that rule
-    if (state.sCount[nextLine] < 0) { isContinuation = true; }
-
-    if (!isContinuation) {
-      const terminatorRules = state.md.block.ruler.getRules('reference');
-      const oldParentType = state.parentType;
-      state.parentType = 'reference';
-
-      // Some tags can terminate paragraph without empty line.
-      let terminate = false;
-      for (let i = 0, l = terminatorRules.length; i < l; i++) {
-        if (terminatorRules[i](state, nextLine, endLine, true)) {
-          terminate = true;
-          break
-        }
-      }
+// Returns -1 if the reference can't continue on this line
+function getNextLinePos (state, nextLine) {
+  const endLine = state.lineMax;
+
+  if (nextLine >= endLine || state.isEmpty(nextLine)) {
+    // empty line or end of input
+    return -1
+  }
+
+  let isContinuation = false;
+
+  // this would be a code block normally, but after paragraph
+  // it's considered a lazy continuation regardless of what's there
+  if (state.sCount[nextLine] - state.blkIndent > 3) { isContinuation = true; }
 
-      state.parentType = oldParentType;
-      if (terminate) {
-        // terminated by another block
-        return null
+  // quirk for blockquotes, this line should already be checked by that rule
+  if (state.sCount[nextLine] < 0) { isContinuation = true; }
+
+  if (!isContinuation) {
+    const terminatorRules = state.md.block.ruler.getRules('reference');
+    const oldParentType = state.parentType;
+    state.parentType = 'reference';
+
+    // Some tags can terminate paragraph without empty line.
+    let terminate = false;
+    for (let i = 0, l = terminatorRules.length; i < l; i++) {
+      if (terminatorRules[i](state, nextLine, endLine, true)) {
+        terminate = true;
+        break
       }
     }
 
-    const pos = state.bMarks[nextLine] + state.tShift[nextLine];
-    const max = state.eMarks[nextLine];
-
-    // max + 1 explicitly includes the newline
-    return state.src.slice(pos, max + 1)
+    state.parentType = oldParentType;
+    if (terminate) {
+      // terminated by another block
+      return -1
+    }
   }
 
-  let str = state.src.slice(pos, max + 1);
+  return state.bMarks[nextLine] + state.tShift[nextLine]
+}
+
+function reference (state, startLine, _endLine, silent) {
+  const src = state.src;
+  let pos = state.bMarks[startLine] + state.tShift[startLine];
+  let nextLine = startLine + 1;
+
+  // if it's indented more than 3 spaces, it should be a code block
+  if (state.sCount[startLine] - state.blkIndent >= 4) { return false }
+
+  if (src.charCodeAt(pos) !== 0x5B/* [ */) { return false }
+
+  // Scan the source directly: indexing a string after each appended line
+  // can make V8 copy the accumulated prefix on every continuation.
+  let max = lineEnd(state, startLine);
 
-  max = str.length;
+  let rawLabel = '';
   let labelEnd = -1;
+  let segmentStart = ++pos;
 
-  for (pos = 1; pos < max; pos++) {
-    const ch = str.charCodeAt(pos);
-    if (ch === 0x5B /* [ */) {
-      return false
-    } else if (ch === 0x5D /* ] */) {
+  while (pos < max) {
+    if (rawLabel.length + pos - segmentStart > MAX_LABEL_LENGTH * 2) { return false }
+
+    let ch = src.charCodeAt(pos);
+    if (ch === 0x5B /* [ */) { return false }
+    if (ch === 0x5D /* ] */) {
       labelEnd = pos;
       break
-    } else if (ch === 0x0A /* \n */) {
-      const lineContent = getNextLine(nextLine);
-      if (lineContent !== null) {
-        str += lineContent;
-        max = str.length;
-        nextLine++;
-      }
-    } else if (ch === 0x5C /* \ */) {
-      pos++;
-      if (pos < max && str.charCodeAt(pos) === 0x0A) {
-        const lineContent = getNextLine(nextLine);
-        if (lineContent !== null) {
-          str += lineContent;
-          max = str.length;
-          nextLine++;
-        }
-      }
     }
+    if (ch === 0x5C /* \ */) { ch = src.charCodeAt(++pos); }
+
+    if (ch === 0x0A /* \n */ && pos < max) {
+      const nextPos = getNextLinePos(state, nextLine);
+      if (nextPos < 0) { return false }
+      rawLabel += src.slice(segmentStart, max);
+      pos = segmentStart = nextPos;
+      max = lineEnd(state, nextLine++);
+      continue
+    }
+    pos++;
   }
 
-  if (labelEnd < 0 || str.charCodeAt(labelEnd + 1) !== 0x3A/* : */) { return false }
+  if (labelEnd < 0 || src.charCodeAt(labelEnd + 1) !== 0x3A/* : */) { return false }
+
+  rawLabel += src.slice(segmentStart, labelEnd);
+
+  if (rawLabel.length > MAX_LABEL_LENGTH && countCodePoints(rawLabel) > MAX_LABEL_LENGTH) {
+    return false
+  }
 
   // [label]:   destination   'title'
   //         ^^^ skip optional whitespace here
-  for (pos = labelEnd + 2; pos < max; pos++) {
-    const ch = str.charCodeAt(pos);
+  pos = labelEnd + 2;
+  while (pos < max) {
+    const ch = src.charCodeAt(pos);
     if (ch === 0x0A) {
-      const lineContent = getNextLine(nextLine);
-      if (lineContent !== null) {
-        str += lineContent;
-        max = str.length;
-        nextLine++;
-      }
-    } else if (isSpace(ch)) ; else {
+      const nextPos = getNextLinePos(state, nextLine);
+      if (nextPos < 0) { break }
+      pos = nextPos;
+      max = lineEnd(state, nextLine++);
+    } else if (isSpace(ch)) {
+      pos++;
+    } else {
       break
     }
   }
 
   // [label]:   destination   'title'
   //            ^^^^^^^^^^^ parse this
-  const destRes = state.md.helpers.parseLinkDestination(str, pos, max);
+  const destRes = state.md.helpers.parseLinkDestination(src, pos, max);
   if (!destRes.ok) { return false }
 
   const href = state.md.normalizeLink(destRes.str);
@@ -18577,76 +18604,77 @@ function reference (state, startLine, _endLine, silent) {
 
   // save cursor state, we could require to rollback later
   const destEndPos = pos;
+  const destEndMax = max;
   const destEndLineNo = nextLine;
 
   // [label]:   destination   'title'
   //                       ^^^ skipping those spaces
-  const start = pos;
-  for (; pos < max; pos++) {
-    const ch = str.charCodeAt(pos);
+  while (pos < max) {
+    const ch = src.charCodeAt(pos);
     if (ch === 0x0A) {
-      const lineContent = getNextLine(nextLine);
-      if (lineContent !== null) {
-        str += lineContent;
-        max = str.length;
-        nextLine++;
-      }
-    } else if (isSpace(ch)) ; else {
+      const nextPos = getNextLinePos(state, nextLine);
+      if (nextPos < 0) { break }
+      pos = nextPos;
+      max = lineEnd(state, nextLine++);
+    } else if (isSpace(ch)) {
+      pos++;
+    } else {
       break
     }
   }
 
   // [label]:   destination   'title'
   //                          ^^^^^^^ parse this
-  let titleRes = state.md.helpers.parseLinkTitle(str, pos, max);
+  const titleStart = pos;
+  let titleRes = state.md.helpers.parseLinkTitle(src, pos, max);
   while (titleRes.can_continue) {
-    const lineContent = getNextLine(nextLine);
-    if (lineContent === null) break
-    str += lineContent;
-    pos = max;
-    max = str.length;
-    nextLine++;
-    titleRes = state.md.helpers.parseLinkTitle(str, pos, max, titleRes);
+    const nextPos = getNextLinePos(state, nextLine);
+    if (nextPos < 0) break
+    pos = nextPos;
+    max = lineEnd(state, nextLine++);
+    titleRes = state.md.helpers.parseLinkTitle(src, pos, max, titleRes);
   }
   let title;
 
-  if (pos < max && start !== pos && titleRes.ok) {
+  if (titleStart !== destEndPos && titleRes.ok) {
     title = titleRes.str;
     pos = titleRes.pos;
   } else {
     title = '';
     pos = destEndPos;
+    max = destEndMax;
     nextLine = destEndLineNo;
   }
 
   // skip trailing spaces until the rest of the line
   while (pos < max) {
-    const ch = str.charCodeAt(pos);
+    const ch = src.charCodeAt(pos);
     if (!isSpace(ch)) { break }
     pos++;
   }
 
-  if (pos < max && str.charCodeAt(pos) !== 0x0A) {
+  if (pos < max && src.charCodeAt(pos) !== 0x0A) {
     if (title) {
       // garbage at the end of the line after title,
       // but it could still be a valid reference if we roll back
       title = '';
       pos = destEndPos;
+      max = destEndMax;
       nextLine = destEndLineNo;
       while (pos < max) {
-        const ch = str.charCodeAt(pos);
+        const ch = src.charCodeAt(pos);
         if (!isSpace(ch)) { break }
         pos++;
       }
     }
   }
 
-  if (pos < max && str.charCodeAt(pos) !== 0x0A) {
+  if (pos < max && src.charCodeAt(pos) !== 0x0A) {
     // garbage at the end of the line
     return false
   }
 
-  const label = normalizeReference(str.slice(1, labelEnd));
+  const label = normalizeReference(rawLabel);
   if (!label) {
     // CommonMark 0.20 disallows empty labels
     return false
@@ -18750,13 +18778,6 @@ const attribute = '(?:\\s+' + attr_name + '(?:\\s*=\\s*' + attr_value + ')?)';
 const open_tag = '<[A-Za-z][A-Za-z0-9\\-]*' + attribute + '*\\s*\\/?>';
 
 const close_tag = '<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>';
-const comment = '<!---?>|<!--(?:[^-]|-[^-]|--[^>])*-->';
-const processing = '<[?][\\s\\S]*?[?]>';
-const declaration = '<![A-Za-z][^>]*>';
-const cdata = '<!\\[CDATA\\[[\\s\\S]*?\\]\\]>';
-
-const HTML_TAG_RE = new RegExp('^(?:' + open_tag + '|' + close_tag + '|' + comment +
-                        '|' + processing + '|' + declaration + '|' + cdata + ')');
 const HTML_OPEN_CLOSE_TAG_RE = new RegExp('^(?:' + open_tag + '|' + close_tag + ')');
 
 // HTML block
@@ -19171,6 +19192,10 @@ function StateInline (src, md, env, outTokens) {
   this.backticks = {};
   this.backticksScanned = false;
 
+  // Set when html comment / PI / declaration / CDATA has no terminator,
+  // to skip further scans of these constructs
+  this.skipHtmlSpecial = false;
+
   // Counter used to disable inline linkify-it execution
   // inside <a> and markdown links
   this.linkLevel = 0;
@@ -20265,6 +20290,43 @@ function isLetter (ch) {
   return (lc >= 0x61/* a */) && (lc <= 0x7a/* z */)
 }
 
+// Comment, processing instruction, declaration or CDATA: fixed opener,
+// then everything up to the first terminator. Returns end position or -1.
+function scanSpecial (state, pos) {
+  const src = state.src;
+  let start;
+  let terminator;
+
+  if (src.startsWith('<!--', pos)) {
+    if (src.startsWith('>', pos + 4)) { return pos + 5 }
+    if (src.startsWith('->', pos + 4)) { return pos + 6 }
+    start = pos + 4;
+    terminator = '-->';
+  } else if (src.startsWith('<![CDATA[', pos)) {
+    start = pos + 9;
+    terminator = ']]>';
+  } else if (src.charCodeAt(pos + 1) === 0x3F/* ? */) {
+    start = pos + 2;
+    terminator = '?>';
+  } else if (isLetter(src.charCodeAt(pos + 2))) {
+    start = pos + 3;
+    terminator = '>';
+  } else {
+    return -1
+  }
+
+  if (state.skipHtmlSpecial) { return -1 }
+
+  const end = src.indexOf(terminator, start);
+  if (end < 0) {
+    // One flag for all constructs to keep code simple. Valid constructs after
+    // an unclosed one in the same paragraph become text, that's acceptable.
+    state.skipHtmlSpecial = true;
+    return -1
+  }
+  return end + terminator.length
+}
+
 function html_inline (state, silent) {
   if (!state.md.options.html) { return false }
 
@@ -20276,26 +20338,28 @@ function html_inline (state, silent) {
     return false
   }
 
-  // Quick fail on second char
+  let end;
   const ch = state.src.charCodeAt(pos + 1);
-  if (ch !== 0x21/* ! */ &&
-      ch !== 0x3F/* ? */ &&
-      ch !== 0x2F/* / */ &&
-      !isLetter(ch)) {
+
+  if (ch === 0x21/* ! */ || ch === 0x3F/* ? */) {
+    end = scanSpecial(state, pos);
+  } else if (ch === 0x2F/* / */ || isLetter(ch)) {
+    const match = state.src.slice(pos).match(HTML_OPEN_CLOSE_TAG_RE);
+    end = match ? pos + match[0].length : -1;
+  } else {
     return false
   }
 
-  const match = state.src.slice(pos).match(HTML_TAG_RE);
-  if (!match) { return false }
+  if (end < 0) { return false }
 
   if (!silent) {
     const token = state.push('html_inline', '', 0);
-    token.content = match[0];
+    token.content = state.src.slice(pos, end);
 
     if (isLinkOpen(token.content)) state.linkLevel++;
     if (isLinkClose(token.content)) state.linkLevel--;
   }
-  state.pos += match[0].length;
+  state.pos = end;
   return true
 }
 
@@ -28318,6 +28382,15 @@ const ProsemirrorAdapter = class {
          * Specifies the visual appearance of the editor.
          */
         this.ui = 'standard';
+        /**
+         * Set to `true` to indicate that the editable area is required.
+         */
+        this.required = false;
+        /**
+         * Set to `true` to indicate that the current value of the editable area
+         * is invalid.
+         */
+        this.invalid = false;
         this.actionBarItems = [];
         this.link = { href: 'https://' };
         /**
@@ -28328,6 +28401,7 @@ const ProsemirrorAdapter = class {
         this.transactionFired = false;
         this.lastClickedPos = null;
         this.focusRestoreTimeout = null;
+        this.hadFocusWhenDisabled = false;
         this.metadata = { images: [], links: [] };
         /**
          *  Used to stop change event emitting as result of getting updated value from consumer
@@ -28346,6 +28420,7 @@ const ProsemirrorAdapter = class {
             }
             return newItem;
         };
+        this.isEditable = () => !this.disabled;
         this.updateActiveActionBarItems = (activeTypes, allowedTypes) => {
             this.actionBarItems = getTextEditorMenuItems()
                 .map(this.getTranslatedItem)
@@ -28391,8 +28466,7 @@ const ProsemirrorAdapter = class {
         this.handleCancelLinkMenu = (event) => {
             event.preventDefault();
             event.stopPropagation();
-            this.isLinkMenuOpen = false;
-            this.link = { text: '', href: 'https://' };
+            this.closeLinkMenu();
         };
         this.handleSaveLinkMenu = () => {
             this.isLinkMenuOpen = false;
@@ -28509,6 +28583,20 @@ const ProsemirrorAdapter = class {
         }
         await this.updateView('');
     }
+    watchEditableAttributes() {
+        this.updateEditableProps();
+    }
+    watchDisabled(disabled) {
+        var _a;
+        if (disabled) {
+            this.hadFocusWhenDisabled = !!((_a = this.view) === null || _a === void 0 ? void 0 : _a.hasFocus());
+            this.closeLinkMenu();
+        }
+        this.updateEditableProps();
+        if (!disabled) {
+            this.restoreFocus();
+        }
+    }
     watchValue(newValue) {
         if (!this.view) {
             return;
@@ -28568,13 +28656,19 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6c92f1576fdd862e592d0ccf6779c6d3da806808', onFocus: this.handleFocus }, index$1.h("div", { key: '0b1b90a7c68b62ecffed21f4c49fced5333f0d83', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: 'eff663aa0d2c0ce2906fc160a70691e78dbda774', onFocus: this.handleFocus }, index$1.h("div", { key: '71111267b9098261ca843516ae067443c7f40740', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {
             return;
         }
-        return (index$1.h("div", { class: "toolbar" }, index$1.h("limel-action-bar", { ref: (el) => (this.actionBarElement = el), accessibleLabel: translations.translations.get('editor-menu.toolbar', this.language), actions: this.actionBarItems, onItemSelected: this.handleActionBarItem })));
+        return (index$1.h("div", { class: "toolbar" }, index$1.h("limel-action-bar", { ref: (el) => (this.actionBarElement = el), accessibleLabel: translations.translations.get('editor-menu.toolbar', this.language), actions: this.getToolbarItems(), onItemSelected: this.handleActionBarItem })));
+    }
+    getToolbarItems() {
+        if (!this.disabled) {
+            return this.actionBarItems;
+        }
+        return this.actionBarItems.map((item) => isItem.isItem(item) ? Object.assign(Object.assign({}, item), { disabled: true }) : item);
     }
     renderLinkMenu() {
         if (!this.isLinkMenuOpen) {
@@ -28614,6 +28708,8 @@ const ProsemirrorAdapter = class {
         this.view = new EditorView(this.host.shadowRoot.querySelector('#editor'), {
             state: this.createEditorState(initialDoc),
             dispatchTransaction: this.handleTransaction,
+            attributes: this.getEditableAttributes(),
+            editable: this.isEditable,
         });
         this.view.dom.addEventListener('blur', this.handleBlur);
         this.view.dom.addEventListener('mousedown', this.handleMouseDown);
@@ -28623,6 +28719,47 @@ const ProsemirrorAdapter = class {
         // Initialize lastEmittedValue to prevent false change events
         this.lastEmittedValue = this.contentConverter.serialize(this.view, this.schema);
     }
+    updateEditableProps() {
+        var _a;
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.setProps({
+            attributes: this.getEditableAttributes(),
+            editable: this.isEditable,
+        });
+    }
+    restoreFocus() {
+        var _a;
+        const shouldRestore = this.hadFocusWhenDisabled &&
+            document.activeElement === document.body;
+        this.hadFocusWhenDisabled = false;
+        if (shouldRestore) {
+            (_a = this.view) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    getEditableAttributes() {
+        const attributes = {
+            role: 'textbox',
+            'aria-multiline': 'true',
+        };
+        if (this.accessibleLabel) {
+            attributes['aria-label'] = this.accessibleLabel;
+        }
+        if (this.accessibleDescription) {
+            attributes['aria-description'] = this.accessibleDescription;
+        }
+        if (this.accessiblePlaceholder) {
+            attributes['aria-placeholder'] = this.accessiblePlaceholder;
+        }
+        if (this.required) {
+            attributes['aria-required'] = 'true';
+        }
+        if (this.invalid) {
+            attributes['aria-invalid'] = 'true';
+        }
+        if (this.disabled) {
+            attributes['aria-disabled'] = 'true';
+        }
+        return attributes;
+    }
     initializeSchema() {
         return buildEditorSchema({
             customElements: this.customElements,
@@ -28704,9 +28841,31 @@ const ProsemirrorAdapter = class {
             this.imageRemoved.emit(image);
         }
     }
+    closeLinkMenu() {
+        this.isLinkMenuOpen = false;
+        this.link = { text: '', href: 'https://' };
+    }
     static get delegatesFocus() { return true; }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
+        "accessibleLabel": [{
+                "watchEditableAttributes": 0
+            }],
+        "accessibleDescription": [{
+                "watchEditableAttributes": 0
+            }],
+        "accessiblePlaceholder": [{
+                "watchEditableAttributes": 0
+            }],
+        "required": [{
+                "watchEditableAttributes": 0
+            }],
+        "invalid": [{
+                "watchEditableAttributes": 0
+            }],
+        "disabled": [{
+                "watchDisabled": 0
+            }],
         "value": [{
                 "watchValue": 0
             }]

package/dist/cjs/limel-text-editor.cjs.entry.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var index = require('./index-BlsqxTB1.js');
-var randomString = require('./random-string-CFCtFh5l.js');
 
 const textEditorCss = () => `@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}`;
 
@@ -100,7 +99,7 @@ const TextEditor = class {
             if (!this.helperText) {
                 return;
             }
-            return (index.h("limel-helper-line", { helperText: this.helperText, helperTextId: this.helperTextId, invalid: this.isInvalid() }));
+            return (index.h("limel-helper-line", { helperText: this.helperText, invalid: this.isInvalid() }));
         };
         this.isInvalid = () => {
             if (this.readonly) {
@@ -127,8 +126,6 @@ const TextEditor = class {
             event.stopPropagation();
             this.imageRemoved.emit(event.detail);
         };
-        this.helperTextId = randomString.createRandomString();
-        this.editorId = randomString.createRandomString();
     }
     /**
      * Emits any pending `change` event immediately, instead of waiting
@@ -164,13 +161,13 @@ const TextEditor = class {
         await ((_a = this.adapterElement) === null || _a === void 0 ? void 0 : _a.clear());
     }
     render() {
-        return (index.h(index.Host, { key: '8a5ca6c89305056819747e51cd808f35036c8666' }, index.h("limel-notched-outline", { key: 'eb4bd944033212a2ec88d664aa1096fc3b07a5cf', labelId: this.editorId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (index.h(index.Host, { key: '5b5b70f3c96deae4375ae371c7ee5607ef0efb9b' }, index.h("limel-notched-outline", { key: '825ec7fc78846020315d4f06bd9d7cb64e22e043', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {
-            return (index.h("limel-markdown", { slot: "content", value: this.value, id: this.editorId }));
+            return index.h("limel-markdown", { slot: "content", value: this.value });
         }
-        return (index.h("limel-prosemirror-adapter", { ref: (el) => (this.adapterElement = el), slot: "content", "aria-placeholder": this.placeholder, contentType: this.contentType, onChange: this.handleChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, onMetadataChange: this.handleMetadataChange, customElements: this.customElements, inlineImages: this.inlineImages, value: this.value, 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 }));
+        return (index.h("limel-prosemirror-adapter", { ref: (el) => (this.adapterElement = el), slot: "content", accessibleLabel: this.label || this.placeholder, accessibleDescription: this.helperText, contentType: this.contentType, onChange: this.handleChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, onMetadataChange: this.handleMetadataChange, customElements: this.customElements, inlineImages: this.inlineImages, value: this.value, accessiblePlaceholder: this.placeholder, required: this.required, invalid: this.invalid, language: this.language, triggerCharacters: this.triggers, disabled: this.disabled, ui: this.ui }));
     }
     renderPlaceholder() {
         if (!this.placeholder || this.value) {