@overlap/rte 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -268,6 +268,12 @@ function ensureAllCheckboxes(editor) {
         if (!ul.classList.contains("rte-checkbox-list")) {
             ul.classList.add("rte-checkbox-list");
         }
+        // Propagate checkbox class to nested ULs inside LI children
+        ul.querySelectorAll(":scope > li > ul").forEach((nestedUl) => {
+            if (!nestedUl.classList.contains("rte-checkbox-list")) {
+                nestedUl.classList.add("rte-checkbox-list");
+            }
+        });
         // Handle GitHub format: convert <input type="checkbox"> to aria-checked
         ul.querySelectorAll(":scope > li").forEach((li) => {
             const input = li.querySelector('input[type="checkbox"]');
@@ -1422,8 +1428,10 @@ function indentListItem(selection) {
         // Create nested list in the previous item
         let nestedList = previousItem.querySelector('ul, ol');
         if (!nestedList) {
-            // Create new nested list
             nestedList = document.createElement(list.tagName.toLowerCase());
+            if (list.classList.contains('rte-checkbox-list')) {
+                nestedList.classList.add('rte-checkbox-list');
+            }
             previousItem.appendChild(nestedList);
         }
         // Move current item into nested list
@@ -1451,6 +1459,9 @@ function indentListItem(selection) {
     else {
         // No previous item — create new nested list in current item
         const nestedList = document.createElement(list.tagName.toLowerCase());
+        if (list.classList.contains('rte-checkbox-list')) {
+            nestedList.classList.add('rte-checkbox-list');
+        }
         // Move all following items into the nested list
         let nextSibling = listItem.nextElementSibling;
         while (nextSibling && nextSibling.tagName === 'LI') {
@@ -3223,7 +3234,7 @@ function createImagePlugin(onImageUpload) {
                     }
                 }
             };
-            return (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: () => setShowModal(true), disabled: props.disabled, className: "rte-toolbar-button", title: "Insert Image", "aria-label": "Insert Image", children: jsx(IconWrapper, { icon: "mdi:image", width: 18, height: 18 }) }), showModal && (jsx("div", { className: "rte-image-modal-overlay", onClick: (e) => {
+            return (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: () => setShowModal(true), disabled: props.disabled, className: "rte-toolbar-button", title: "Insert Image", "aria-label": "Insert Image", children: jsx(IconWrapper, { icon: "mdi:image", width: 18, height: 18 }) }), showModal && (jsx("div", { className: "rte-image-modal-overlay", onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
                             if (e.target === e.currentTarget) {
                                 setShowModal(false);
                             }