@domternal/core 0.4.0 → 0.5.0

package/README.md

@@ -24,7 +24,7 @@ See <u>[Packages & Bundle Size](https://domternal.dev/v1/packages)</u> for a ful
 - **Tree-shakeable** - import only what you use, your bundler strips the rest
 - **~38 KB gzipped** (own code), <u>[~108 KB total](https://domternal.dev/v1/packages)</u> with ProseMirror
 - **TypeScript first** - 100% typed, zero `any`
-- **7,500+ tests** - 3,936 unit tests and 3,652 E2E tests across 76 Playwright specs
+- **6,400+ tests** - 2,677 unit tests and 3,767 E2E tests across 78 Playwright specs
 - **Light and dark theme** - 70+ CSS custom properties for full visual control
 - **Inline styles export** - `getHTML({ styled: true })` produces inline CSS ready for email clients, CMS, and Google Docs
 - **SSR helpers** - `generateHTML`, `generateJSON`, `generateText` for server-side rendering

package/dist/index.cjs

@@ -3603,6 +3603,11 @@ var Editor = class extends EventEmitter {
    */
   setEditable(editable) {
     this.options.editable = editable;
+    if (editable) {
+      this.view.dom.removeAttribute("aria-readonly");
+    } else {
+      this.view.dom.setAttribute("aria-readonly", "true");
+    }
     this.view.dispatch(this.state.tr);
     return this;
   }
@@ -3734,6 +3739,12 @@ var Editor = class extends EventEmitter {
       state: state$1,
       dispatchTransaction: this.dispatchTransaction.bind(this),
       editable: () => this.options.editable ?? true,
+      attributes: () => ({
+        role: "textbox",
+        "aria-multiline": "true",
+        "aria-label": this.options.ariaLabel ?? "Rich text editor",
+        ...this.options.editable ?? true ? {} : { "aria-readonly": "true" }
+      }),
       ...Object.keys(nodeViews).length > 0 ? { nodeViews } : {},
       // Clipboard transform — apply user-provided transform (e.g. inlineStyles) on copy/cut
       ...this.options.clipboardHTMLTransform ? this.buildClipboardSerializer(this.options.clipboardHTMLTransform, this._extensionManager.schema) : {},
@@ -5416,7 +5427,8 @@ var TaskItem = Node.create({
           "input",
           {
             type: "checkbox",
-            checked: node.attrs["checked"] ? "checked" : null
+            checked: node.attrs["checked"] ? "checked" : null,
+            "aria-label": "Task status"
           }
         ]
       ],
@@ -8153,6 +8165,7 @@ function linkPopoverPlugin({ editor, markType, protocols }) {
   input.type = "url";
   input.placeholder = "Enter URL...";
   input.className = "dm-link-popover-input";
+  input.setAttribute("aria-label", "URL");
   const applyBtn = document.createElement("button");
   applyBtn.type = "button";
   applyBtn.className = "dm-link-popover-btn dm-link-popover-apply";
@@ -8671,6 +8684,10 @@ function createFloatingMenuPlugin(options) {
     shouldShow = defaultShouldShow2,
     offset: offset2 = 0
   } = options;
+  if (!element.getAttribute("role")) {
+    element.setAttribute("role", "toolbar");
+    element.setAttribute("aria-label", "Floating menu");
+  }
   let cleanupFloating = null;
   const updatePosition = (view) => {
     const { selection } = view.state;
@@ -8814,6 +8831,7 @@ var StarterKit = Extension.create({
     maybeAdd(TrailingNode, this.options.trailingNode);
     maybeAdd(ListKeymap, this.options.listKeymap);
     maybeAdd(LinkPopover, this.options.linkPopover);
+    maybeAdd(SelectionDecoration, this.options.selectionDecoration);
     return extensions;
   }
 });