jodit-pro-react 5.5.90 → 5.6.1

package/build/esm/{chunk-G2L76KNB.mjs → chunk-Q4DAEPDC.mjs}

@@ -193,7 +193,7 @@ var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEP
 var init_constants = __esm({
   "node_modules/jodit/esm/core/constants.js"() {
     "use strict";
-    APP_VERSION = "4.13.26";
+    APP_VERSION = "4.14.2";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -421,16 +421,6 @@ var init_kebab_case = __esm({
   }
 });
 
-// node_modules/jodit/esm/core/helpers/checker/is-boolean.js
-function isBoolean(elm) {
-  return typeof elm === "boolean";
-}
-var init_is_boolean = __esm({
-  "node_modules/jodit/esm/core/helpers/checker/is-boolean.js"() {
-    "use strict";
-  }
-});
-
 // node_modules/jodit/esm/core/helpers/checker/is-window.js
 function isWindow(obj) {
   return obj != null && obj === obj.window;
@@ -455,6 +445,16 @@ var init_is_plain_object = __esm({
   }
 });
 
+// node_modules/jodit/esm/core/helpers/checker/is-boolean.js
+function isBoolean(elm) {
+  return typeof elm === "boolean";
+}
+var init_is_boolean = __esm({
+  "node_modules/jodit/esm/core/helpers/checker/is-boolean.js"() {
+    "use strict";
+  }
+});
+
 // node_modules/jodit/esm/core/helpers/checker/is-numeric.js
 function isNumeric(value) {
   if (isString(value)) {
@@ -602,6 +602,9 @@ function css(element, key3, value, onlyStyleMode = false) {
   }
   return normalizeCssValue(key3, result);
 }
+function cssInline(element, key3) {
+  return element.style.getPropertyValue(kebabCase(key3));
+}
 var clearCenterAlign;
 var init_css = __esm({
   "node_modules/jodit/esm/core/helpers/utils/css.js"() {
@@ -624,6 +627,70 @@ var init_css = __esm({
   }
 });
 
+// node_modules/jodit/esm/core/helpers/utils/attr.js
+function attr(elm, keyOrAttributes, value) {
+  if (!elm || !isFunction(elm.getAttribute)) {
+    return null;
+  }
+  if (!isString(keyOrAttributes)) {
+    Object.keys(keyOrAttributes).forEach((key4) => {
+      const value2 = keyOrAttributes[key4];
+      if (isPlainObject(value2) && key4 === "style") {
+        css(elm, value2);
+      } else {
+        if (key4 === "className") {
+          key4 = "class";
+        }
+        attr(elm, key4, value2);
+      }
+    });
+    return null;
+  }
+  let key3 = CamelCaseToKebabCase(keyOrAttributes);
+  if (/^-/.test(key3)) {
+    const res = attr(elm, `data${key3}`);
+    if (res) {
+      return res;
+    }
+    key3 = key3.substr(1);
+  }
+  if (value !== void 0) {
+    if (value == null) {
+      elm.hasAttribute(key3) && elm.removeAttribute(key3);
+    } else {
+      let replaceValue = value.toString();
+      if (elm.nodeName === "IMG" && (key3 === "width" || key3 === "height")) {
+        replaceValue = replaceValue.replace("px", "");
+      }
+      elm.setAttribute(key3, replaceValue);
+      return replaceValue;
+    }
+  }
+  return elm.getAttribute(key3);
+}
+function attrRaw(elm, name, value) {
+  if (value === void 0) {
+    return elm.getAttribute(name);
+  }
+  if (value == null) {
+    if (elm.hasAttribute(name)) {
+      elm.removeAttribute(name);
+    }
+    return;
+  }
+  elm.setAttribute(name, value);
+}
+var init_attr = __esm({
+  "node_modules/jodit/esm/core/helpers/utils/attr.js"() {
+    "use strict";
+    init_is_function();
+    init_is_plain_object();
+    init_is_string();
+    init_kebab_case();
+    init_css();
+  }
+});
+
 // node_modules/jodit/esm/core/helpers/utils/get-class-name.js
 var keepNames, getClassName;
 var init_get_class_name = __esm({
@@ -1405,58 +1472,6 @@ var init_trim = __esm({
   }
 });
 
-// node_modules/jodit/esm/core/helpers/utils/attr.js
-function attr(elm, keyOrAttributes, value) {
-  if (!elm || !isFunction(elm.getAttribute)) {
-    return null;
-  }
-  if (!isString(keyOrAttributes)) {
-    Object.keys(keyOrAttributes).forEach((key4) => {
-      const value2 = keyOrAttributes[key4];
-      if (isPlainObject(value2) && key4 === "style") {
-        css(elm, value2);
-      } else {
-        if (key4 === "className") {
-          key4 = "class";
-        }
-        attr(elm, key4, value2);
-      }
-    });
-    return null;
-  }
-  let key3 = CamelCaseToKebabCase(keyOrAttributes);
-  if (/^-/.test(key3)) {
-    const res = attr(elm, `data${key3}`);
-    if (res) {
-      return res;
-    }
-    key3 = key3.substr(1);
-  }
-  if (value !== void 0) {
-    if (value == null) {
-      elm.hasAttribute(key3) && elm.removeAttribute(key3);
-    } else {
-      let replaceValue = value.toString();
-      if (elm.nodeName === "IMG" && (key3 === "width" || key3 === "height")) {
-        replaceValue = replaceValue.replace("px", "");
-      }
-      elm.setAttribute(key3, replaceValue);
-      return replaceValue;
-    }
-  }
-  return elm.getAttribute(key3);
-}
-var init_attr = __esm({
-  "node_modules/jodit/esm/core/helpers/utils/attr.js"() {
-    "use strict";
-    init_is_function();
-    init_is_plain_object();
-    init_is_string();
-    init_kebab_case();
-    init_css();
-  }
-});
-
 // node_modules/jodit/esm/core/helpers/utils/data-bind.js
 var store, dataBind;
 var init_data_bind = __esm({
@@ -1896,52 +1911,37 @@ var init_dom = __esm({
        * Get first matched node inside root
        */
       static first(root, condition) {
-        let first = root === null || root === void 0 ? void 0 : root.firstChild;
-        if (!first) {
-          return null;
-        }
-        do {
-          if (condition(first)) {
-            return first;
-          }
-          let next = first.firstChild;
-          if (!next) {
-            next = first.nextSibling;
-          }
-          if (!next && first.parentNode !== root) {
-            do {
-              first = first.parentNode;
-            } while (first && !(first === null || first === void 0 ? void 0 : first.nextSibling) && first.parentNode !== root);
-            next = first === null || first === void 0 ? void 0 : first.nextSibling;
-          }
-          first = next;
-        } while (first);
-        return null;
+        return _Dom.__deepMost(root, condition, false);
       }
       /**
        * Get last matched node inside root
        */
       static last(root, condition) {
-        let last = root === null || root === void 0 ? void 0 : root.lastChild;
-        if (!last) {
+        return _Dom.__deepMost(root, condition, true);
+      }
+      /**
+       * Depth-first search for the first matched node inside root:
+       * in document order (`reverse = false`) or in reverse order
+       */
+      static __deepMost(root, condition, reverse) {
+        const child = reverse ? "lastChild" : "firstChild", sibling = reverse ? "previousSibling" : "nextSibling";
+        let current = root === null || root === void 0 ? void 0 : root[child];
+        if (!current) {
           return null;
         }
         do {
-          if (condition(last)) {
-            return last;
-          }
-          let next = last.lastChild;
-          if (!next) {
-            next = last.previousSibling;
+          if (condition(current)) {
+            return current;
           }
-          if (!next && last.parentNode !== root) {
+          let next = current[child] || current[sibling];
+          if (!next && current.parentNode !== root) {
             do {
-              last = last.parentNode;
-            } while (last && !(last === null || last === void 0 ? void 0 : last.previousSibling) && last.parentNode !== root);
-            next = last === null || last === void 0 ? void 0 : last.previousSibling;
+              current = current.parentNode;
+            } while (current && !current[sibling] && current.parentNode !== root);
+            next = current === null || current === void 0 ? void 0 : current[sibling];
           }
-          last = next;
-        } while (last);
+          current = next;
+        } while (current);
         return null;
       }
       /**
@@ -1957,12 +1957,15 @@ var init_dom = __esm({
         return _Dom.find(node, condition, root, true, withChild);
       }
       static prevWithClass(node, className) {
-        return _Dom.prev(node, (node2) => {
-          return _Dom.isElement(node2) && node2.classList.contains(className);
-        }, node.parentNode);
+        return _Dom.__siblingWithClass(node, className, true);
       }
       static nextWithClass(node, className) {
-        return _Dom.next(node, (elm) => _Dom.isElement(elm) && elm.classList.contains(className), node.parentNode);
+        return _Dom.__siblingWithClass(node, className, false);
+      }
+      static __siblingWithClass(node, className, left) {
+        const condition = (elm) => _Dom.isElement(elm) && elm.classList.contains(className);
+        const parent = node.parentNode;
+        return left ? _Dom.prev(node, condition, parent) : _Dom.next(node, condition, parent);
       }
       /**
        * Find next/prev node what `condition(next) === true`
@@ -2090,9 +2093,6 @@ var init_dom = __esm({
       static findNotEmptyNeighbor(node, left, root) {
         return call(left ? _Dom.prev : _Dom.next, node, (n57) => Boolean(n57 && (!(_Dom.isText(n57) || _Dom.isComment(n57)) || trim((n57 === null || n57 === void 0 ? void 0 : n57.nodeValue) || "").length)), root);
       }
-      /**
-       * Returns the previous (`left = true`) or next sibling of the node
-       */
       static sibling(node, left) {
         return left ? node.previousSibling : node.nextSibling;
       }
@@ -2152,38 +2152,23 @@ var init_dom = __esm({
        * Append new element in the start of root
        */
       static appendChildFirst(root, newElement) {
-        const child = root.firstChild;
-        if (child) {
-          if (child !== newElement) {
-            root.insertBefore(newElement, child);
-          }
-        } else {
-          root.appendChild(newElement);
+        if (root.firstChild !== newElement) {
+          _Dom.prepend(root, newElement);
         }
       }
       /**
        * Insert newElement after element
        */
       static after(elm, newElement) {
-        const { parentNode } = elm;
-        if (!parentNode) {
-          return;
-        }
-        if (parentNode.lastChild === elm) {
-          parentNode.appendChild(newElement);
-        } else {
-          parentNode.insertBefore(newElement, elm.nextSibling);
-        }
+        var _a2;
+        (_a2 = elm.parentNode) === null || _a2 === void 0 ? void 0 : _a2.insertBefore(newElement, elm.nextSibling);
       }
       /**
        * Insert newElement before element
        */
       static before(elm, newElement) {
-        const { parentNode } = elm;
-        if (!parentNode) {
-          return;
-        }
-        parentNode.insertBefore(newElement, elm);
+        var _a2;
+        (_a2 = elm.parentNode) === null || _a2 === void 0 ? void 0 : _a2.insertBefore(newElement, elm);
       }
       /**
        * Insert newElement as first child inside element
@@ -2200,9 +2185,6 @@ var init_dom = __esm({
           root.appendChild(newElement);
         }
       }
-      /**
-       * Move all content to another element
-       */
       static moveContent(from, to, inStart = false, filter = () => true) {
         const fragment = (from.ownerDocument || globalDocument).createDocumentFragment();
         toArray(from.childNodes).filter((elm) => {
@@ -2214,11 +2196,7 @@ var init_dom = __esm({
         }).forEach((node) => {
           fragment.appendChild(node);
         });
-        if (!inStart || !to.firstChild) {
-          to.appendChild(fragment);
-        } else {
-          to.insertBefore(fragment, to.firstChild);
-        }
+        to.insertBefore(fragment, inStart ? to.firstChild : null);
       }
       /**
        * Check root contains child or equal child
@@ -2260,8 +2238,8 @@ var init_dom = __esm({
         if (!node) {
           return;
         }
-        dataBind(node, "__old_display", node.style.display);
-        node.style.display = "none";
+        dataBind(node, "__old_display", node.style.getPropertyValue("display"));
+        node.style.setProperty("display", "none");
       }
       /**
        * Show element
@@ -2271,8 +2249,8 @@ var init_dom = __esm({
           return;
         }
         const display = dataBind(node, "__old_display");
-        if (node.style.display === "none") {
-          node.style.display = display || "";
+        if (node.style.getPropertyValue("display") === "none") {
+          node.style.setProperty("display", display || null);
         }
       }
       static isTag(node, tagNames) {
@@ -2318,11 +2296,17 @@ var init_dom = __esm({
         return value.replace(TEMP_ELEMENT_REG_EXP, "$2");
       }
       /**
-       * Get temporary list
-       * @deprecated Just do not use it, it is not needed anymore
+       * Collect the temporary elements (`data-jodit-temp`) inside the root.
+       * A plain tree walk on purpose: no selector engine, works on VNode.
        */
       static temporaryList(root) {
-        return toArray(root.querySelectorAll(`[${TEMP_ATTR}]`));
+        const result = [];
+        _Dom.each(root, (node) => {
+          if (_Dom.isHTMLElement(node) && node.hasAttribute(TEMP_ATTR)) {
+            result.push(node);
+          }
+        });
+        return result;
       }
     };
   }
@@ -2379,7 +2363,9 @@ var alreadyLoadedList, cacheLoaders, appendScriptAsync, appendStyleAsync;
 var init_append_script = __esm({
   "node_modules/jodit/esm/core/helpers/utils/append-script.js"() {
     "use strict";
+    init_dom();
     init_is_string();
+    init_attr();
     init_complete_url();
     alreadyLoadedList = /* @__PURE__ */ new Map();
     cacheLoaders = (loader) => {
@@ -2405,10 +2391,10 @@ var init_append_script = __esm({
           src: completeUrl(url2)
         });
         if (jodit.o.nonce) {
-          script.setAttribute("nonce", jodit.o.nonce);
+          attr(script, "nonce", jodit.o.nonce);
         }
         jodit.e.one(script, "error", reject).one(script, "load", resolve);
-        jodit.od.body.appendChild(script);
+        Dom.append(jodit.od.body, script);
       });
     });
     appendStyleAsync = cacheLoaders((jodit, url2) => {
@@ -2416,20 +2402,21 @@ var init_append_script = __esm({
         if (jodit.isInDestruct) {
           return reject();
         }
-        const link2 = jodit.c.element("link");
-        link2.rel = "stylesheet";
-        link2.media = "all";
-        link2.crossOrigin = "anonymous";
+        const link2 = jodit.c.element("link", {
+          rel: "stylesheet",
+          media: "all",
+          crossorigin: "anonymous"
+        });
         if (jodit.o.nonce) {
-          link2.setAttribute("nonce", jodit.o.nonce);
+          attr(link2, "nonce", jodit.o.nonce);
         }
         const callback = () => resolve(link2);
         !jodit.isInDestruct && jodit.e.on(link2, "load", callback).on(link2, "error", reject);
-        link2.href = completeUrl(url2);
+        attr(link2, "href", completeUrl(url2));
         if (jodit.o.shadowRoot) {
-          jodit.o.shadowRoot.appendChild(link2);
+          Dom.append(jodit.o.shadowRoot, link2);
         } else {
-          jodit.od.body.appendChild(link2);
+          Dom.append(jodit.od.body, link2);
         }
       });
     });
@@ -2913,10 +2900,10 @@ function getContainer(jodit, classFunc, tag = "div", createInsideEditor = false)
       className: `jodit jodit-${kebabCase(name)}-container jodit-box`
     });
     if (view.o.nonce && (tag === "style" || tag === "script")) {
-      box.setAttribute("nonce", view.o.nonce);
+      attr(box, "nonce", view.o.nonce);
     }
     box.classList.add(`jodit_theme_${view.o.theme || "default"}`);
-    body.appendChild(box);
+    Dom.append(body, box);
     data[key3] = box;
     jodit.hookStatus("beforeDestruct", () => {
       view.events.off(box);
@@ -2945,6 +2932,7 @@ var init_global2 = __esm({
     init_is_string();
     init_is_view_object();
     init_kebab_case();
+    init_attr();
     init_css();
     init_get_class_name();
     init_plugin_system();
@@ -3292,14 +3280,17 @@ var init_selector = __esm({
       if ("container" in root) {
         root = root.container;
       }
-      return $$("[ref],[data-ref]", root).reduce((def, child) => {
-        const key3 = attr(child, "-ref");
-        if (key3 && isString(key3)) {
-          def[camelCase(key3)] = child;
-          def[key3] = child;
+      const def = {};
+      Dom.each(root, (child) => {
+        if (Dom.isElement(child) && (child.hasAttribute("ref") || child.hasAttribute("data-ref"))) {
+          const key3 = attr(child, "-ref");
+          if (key3 && isString(key3)) {
+            def[camelCase(key3)] = child;
+            def[key3] = child;
+          }
         }
-        return def;
-      }, {});
+      });
+      return def;
     };
     cssPath = (el) => {
       if (!Dom.isElement(el)) {
@@ -3354,8 +3345,8 @@ function applyStyles(html) {
     html = html.substring(0, closeIndex + "</html>".length);
   }
   const iframe2 = globalDocument.createElement("iframe");
-  iframe2.style.display = "none";
-  globalDocument.body.appendChild(iframe2);
+  css(iframe2, "display", "none");
+  Dom.append(globalDocument.body, iframe2);
   let convertedString = "", collection = [];
   try {
     const iframeDoc = iframe2.contentDocument || (iframe2.contentWindow ? iframe2.contentWindow.document : null);
@@ -3364,7 +3355,7 @@ function applyStyles(html) {
       iframeDoc.write(html);
       iframeDoc.close();
       Dom.each(iframeDoc.body, (node) => {
-        if (Dom.isElement(node) && /mso-list:\s*ignore/i.test(node.getAttribute("style") || "")) {
+        if (Dom.isElement(node) && /mso-list:\s*ignore/i.test(attr(node, "style") || "")) {
           Dom.safeRemove(node);
         }
       });
@@ -3388,13 +3379,12 @@ function applyStyles(html) {
       }
       Dom.each(iframeDoc.body, (node) => {
         if (Dom.isElement(node)) {
-          const elm = node;
-          const css2 = elm.getAttribute("style");
-          if (css2) {
-            elm.style.cssText = normalizeCSS(css2);
+          const cssText = attr(node, "style");
+          if (cssText) {
+            node.style.cssText = normalizeCSS(cssText);
           }
-          if (elm.hasAttribute("style") && !elm.getAttribute("style")) {
-            elm.removeAttribute("style");
+          if (!attr(node, "style")) {
+            attr(node, "style", null);
           }
         }
       });
@@ -3415,6 +3405,8 @@ var init_apply_styles = __esm({
     init_constants();
     init_dom();
     init_trim();
+    init_attr();
+    init_css();
     init_selector();
   }
 });
@@ -3449,18 +3441,18 @@ function cleanFromWord(html) {
                 Dom.unwrap(node);
                 break;
               default:
-                if (/mso-list:\s*ignore/i.test(node.getAttribute("style") || "")) {
+                if (/mso-list:\s*ignore/i.test(attr(node, "style") || "")) {
                   marks.push(node);
                   break;
                 }
-                toArray(node.attributes).forEach((attr2) => {
+                toArray(node.attributes).forEach((attribute) => {
                   if ([
                     "src",
                     "href",
                     "rel",
                     "content"
-                  ].indexOf(attr2.name.toLowerCase()) === -1) {
-                    node.removeAttribute(attr2.name);
+                  ].indexOf(attribute.name.toLowerCase()) === -1) {
+                    attrRaw(node, attribute.name, null);
                   }
                 });
             }
@@ -3489,6 +3481,7 @@ var init_clean_from_word = __esm({
     init_dom();
     init_to_array();
     init_trim();
+    init_attr();
   }
 });
 
@@ -3539,10 +3532,10 @@ function hAlignElement(image2, align2) {
 function clearAlign(node) {
   Dom.each(node, (elm) => {
     if (Dom.isHTMLElement(elm)) {
-      if (elm.style.textAlign) {
-        elm.style.textAlign = "";
-        if (!elm.style.cssText.trim().length) {
-          elm.removeAttribute("style");
+      if (cssInline(elm, "textAlign")) {
+        css(elm, "textAlign", "");
+        if (!(attr(elm, "style") || "").trim().length) {
+          attr(elm, "style", null);
         }
       }
     }
@@ -3551,27 +3544,25 @@ function clearAlign(node) {
 function alignElement(command, box) {
   if (Dom.isNode(box) && Dom.isElement(box)) {
     clearAlign(box);
-    switch (command.toLowerCase()) {
-      case "justifyfull":
-        box.style.textAlign = "justify";
-        break;
-      case "justifyright":
-        box.style.textAlign = "right";
-        break;
-      case "justifyleft":
-        box.style.textAlign = "left";
-        break;
-      case "justifycenter":
-        box.style.textAlign = "center";
-        break;
+    const align2 = ALIGN_BY_COMMAND.get(command.toLowerCase());
+    if (align2) {
+      css(box, "textAlign", align2);
     }
   }
 }
+var ALIGN_BY_COMMAND;
 var init_align = __esm({
   "node_modules/jodit/esm/core/helpers/utils/align.js"() {
     "use strict";
     init_dom2();
+    init_attr();
     init_css();
+    ALIGN_BY_COMMAND = /* @__PURE__ */ new Map([
+      ["justifyfull", "justify"],
+      ["justifyright", "right"],
+      ["justifyleft", "left"],
+      ["justifycenter", "center"]
+    ]);
   }
 });
 
@@ -4145,26 +4136,29 @@ var init_mark_deprecated = __esm({
 // node_modules/jodit/esm/core/helpers/utils/print.js
 function fixedAssetsSizeAndAbsoluteLinks(editor, points) {
   const restoreAttributes = [];
+  const images = [];
+  Dom.each(editor.editor, (node) => {
+    Dom.isTag(node, "img") && images.push(node);
+  });
   try {
-    $$("img", editor.editor).forEach((item) => {
+    images.forEach((item) => {
       const previousAttrs = [
         attr(item, "width"),
         attr(item, "height"),
-        item.src
+        attr(item, "src")
       ];
       attr(item, {
         width: item.offsetWidth + points,
         height: item.offsetHeight + points
       });
       const a79 = editor.createInside.a();
-      editor.ed.body.appendChild(a79);
-      a79.href = item.src;
-      item.src = a79.href;
+      Dom.append(editor.ed.body, a79);
+      attr(a79, "href", attr(item, "src") || "");
+      attr(item, "src", a79.href);
       Dom.safeRemove(a79);
       restoreAttributes.push(() => {
-        var _a2;
-        item.src = (_a2 = previousAttrs[2]) !== null && _a2 !== void 0 ? _a2 : "";
         attr(item, {
+          src: previousAttrs[2],
           width: previousAttrs[0] || null,
           height: previousAttrs[1] || null
         });
@@ -4187,7 +4181,7 @@ function previewBox(editor, defaultValue, points = "px", container = null) {
     }
     let div = editor.c.div("jodit__preview-box jodit-context");
     if (container) {
-      container.appendChild(div);
+      Dom.append(container, div);
     }
     css(div, {
       position: "relative",
@@ -4201,7 +4195,7 @@ function previewBox(editor, defaultValue, points = "px", container = null) {
         minHeight: 600,
         border: 0
       });
-      div.appendChild(iframe2);
+      Dom.append(div, iframe2);
       const myWindow = iframe2.contentWindow;
       if (myWindow) {
         editor.e.fire("generateDocumentStructure.iframe", myWindow.document, editor);
@@ -4211,7 +4205,7 @@ function previewBox(editor, defaultValue, points = "px", container = null) {
           const elm = myWindow.document.body;
           const resizeObserver = new ResizeObserver(editor.async.debounce(() => {
             resizeObserver.unobserve(elm);
-            iframe2.style.height = `${elm.offsetHeight + 20}px`;
+            css(iframe2, "height", elm.offsetHeight + 20);
             editor.async.requestAnimationFrame(() => {
               !destructed && resizeObserver.observe(elm);
             });
@@ -4243,7 +4237,7 @@ function previewBox(editor, defaultValue, points = "px", container = null) {
         if (Dom.isElement(c74)) {
           const newNode = box.ownerDocument.createElement(c74.nodeName);
           for (let j10 = 0; j10 < c74.attributes.length; j10 += 1) {
-            attr(newNode, c74.attributes[j10].nodeName, c74.attributes[j10].nodeValue);
+            attr(newNode, c74.attributes[j10].name, c74.attributes[j10].value);
           }
           if (c74.childNodes.length === 0 || Dom.isTag(c74, "table")) {
             switch (c74.nodeName) {
@@ -4262,12 +4256,12 @@ function previewBox(editor, defaultValue, points = "px", container = null) {
             setHTML(newNode, c74);
           }
           try {
-            box.appendChild(newNode);
+            Dom.append(box, newNode);
           } catch (_a2) {
           }
         } else {
           try {
-            box.appendChild(c74.cloneNode(true));
+            Dom.append(box, c74.cloneNode(true));
           } catch (_b) {
           }
         }
@@ -4292,7 +4286,6 @@ var init_print = __esm({
     init_is_string();
     init_attr();
     init_css();
-    init_selector();
   }
 });
 
@@ -4429,7 +4422,7 @@ var init_utils3 = __esm({
 
 // node_modules/jodit/esm/core/helpers/html/safe-html.js
 function isSmuggledForeignHtml(elm) {
-  if (elm.namespaceURI !== HTML_NAMESPACE || elm.closest("math,svg") == null) {
+  if (elm.namespaceURI !== HTML_NAMESPACE || Dom.up(elm, isMathOrSvg) == null) {
     return false;
   }
   for (let parent = elm.parentElement; parent; parent = parent.parentElement) {
@@ -4448,10 +4441,15 @@ function safeHTML(box, options2) {
   if (!Dom.isElement(box) && !Dom.isFragment(box)) {
     return;
   }
-  const foreign = box.querySelectorAll("math *, svg *");
-  for (let i56 = 0; i56 < foreign.length; i56++) {
-    if (box.contains(foreign[i56]) && isSmuggledForeignHtml(foreign[i56])) {
-      Dom.safeRemove(foreign[i56]);
+  const foreign = [];
+  Dom.each(box, (node) => {
+    if (Dom.isElement(node) && Dom.up(node.parentNode, isMathOrSvg)) {
+      foreign.push(node);
+    }
+  });
+  for (const elm of foreign) {
+    if (Dom.isOrContains(box, elm) && isSmuggledForeignHtml(elm)) {
+      Dom.safeRemove(elm);
     }
   }
   const removeEvents = (_a2 = options2.removeEventAttributes) !== null && _a2 !== void 0 ? _a2 : options2.removeOnError;
@@ -4463,8 +4461,8 @@ function safeHTML(box, options2) {
       removeAllEventAttributes(node);
     }
     sanitizeHTMLElement(node, options2);
-    if (options2.safeLinksTarget && node.nodeName === "A" && node.getAttribute("target") === "_blank") {
-      const rel = node.getAttribute("rel") || "";
+    if (options2.safeLinksTarget && node.nodeName === "A" && attr(node, "target") === "_blank") {
+      const rel = attr(node, "rel") || "";
       const parts = rel.split(/\s+/).filter(Boolean);
       if (!parts.includes("noopener")) {
         parts.push("noopener");
@@ -4490,7 +4488,7 @@ function removeAllEventAttributes(elm) {
     }
   }
   for (const name of toRemove) {
-    elm.removeAttribute(name);
+    attrRaw(elm, name, null);
     effected = true;
   }
   return effected;
@@ -4518,7 +4516,7 @@ function sanitizeHTMLElement(elm, { safeJavaScriptLink, removeOnError } = {
     effected = true;
   }
   const tagName = elm.nodeName.toLowerCase();
-  const href = elm.getAttribute("href");
+  const href = attr(elm, "href");
   if (safeJavaScriptLink && href && isDangerousUrl(href, tagName)) {
     const protocol = typeof location !== "undefined" ? location.protocol : "http:";
     attr(elm, "href", protocol + "//" + href);
@@ -4530,7 +4528,7 @@ function sanitizeHTMLElement(elm, { safeJavaScriptLink, removeOnError } = {
       effected = true;
     }
     for (const name of URL_ATTRIBUTES) {
-      const value = elm.getAttribute(name);
+      const value = attrRaw(elm, name);
       if (value && isDangerousUrl(value, tagName)) {
         attr(elm, name, null);
         effected = true;
@@ -4539,12 +4537,13 @@ function sanitizeHTMLElement(elm, { safeJavaScriptLink, removeOnError } = {
   }
   return effected;
 }
-var HTML_NAMESPACE, HTML_INTEGRATION_POINTS, URL_ATTRIBUTES, DOCUMENT_EMBED_TAGS;
+var HTML_NAMESPACE, HTML_INTEGRATION_POINTS, isMathOrSvg, URL_ATTRIBUTES, DOCUMENT_EMBED_TAGS;
 var init_safe_html = __esm({
   "node_modules/jodit/esm/core/helpers/html/safe-html.js"() {
     "use strict";
     init_dom();
     init_utils3();
+    init_attr();
     HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
     HTML_INTEGRATION_POINTS = /* @__PURE__ */ new Set([
       "foreignobject",
@@ -4552,6 +4551,7 @@ var init_safe_html = __esm({
       "desc",
       "title"
     ]);
+    isMathOrSvg = (node) => Boolean(node && /^(math|svg)$/i.test(node.nodeName));
     URL_ATTRIBUTES = [
       "src",
       "data",
@@ -4571,9 +4571,13 @@ function stripTags(html, doc = document, exclude = null, blockBr = false) {
   if (isString(html)) {
     tmp.innerHTML = html;
   } else {
-    tmp.appendChild(html);
+    Dom.append(tmp, html);
   }
-  $$("*", tmp).forEach((p63) => {
+  const all = [];
+  Dom.each(tmp, (node) => {
+    Dom.isElement(node) && all.push(node);
+  });
+  all.forEach((p63) => {
     const pr = p63.parentNode;
     if (!pr) {
       return;
@@ -4597,7 +4601,7 @@ function stripTags(html, doc = document, exclude = null, blockBr = false) {
       return;
     }
     if (nx) {
-      pr.insertBefore(doc.createTextNode(blockBr ? "%%%jodit-single-br%%%" : " "), nx);
+      Dom.before(nx, doc.createTextNode(blockBr ? "%%%jodit-single-br%%%" : " "));
     }
   });
   return restoreTags(trim(tmp.innerText));
@@ -4612,7 +4616,6 @@ var init_strip_tags = __esm({
     init_dom();
     init_is_string();
     init_trim();
-    init_utils3();
     NEW_LINE_TAGS = /* @__PURE__ */ new Set([
       "div",
       "p",
@@ -5153,6 +5156,7 @@ __export(helpers_exports, {
   asArray: () => asArray,
   assert: () => assert,
   attr: () => attr,
+  attrRaw: () => attrRaw,
   browser: () => browser,
   buildQuery: () => buildQuery,
   call: () => call,
@@ -5169,6 +5173,7 @@ __export(helpers_exports, {
   connection: () => connection,
   convertMediaUrlToVideoEmbed: () => convertMediaUrlToVideoEmbed,
   css: () => css,
+  cssInline: () => cssInline,
   cssPath: () => cssPath,
   ctrlKey: () => ctrlKey,
   dataBind: () => dataBind,
@@ -6896,8 +6901,8 @@ function appendNestedList(jodit, list, li) {
     acc[attr2.name] = attr2.value;
     return acc;
   }, {}));
-  newList.appendChild(li);
-  lastElm !== newList && previousLi.appendChild(newList);
+  Dom.append(newList, li);
+  lastElm !== newList && Dom.append(previousLi, newList);
 }
 function removeNestedList(jodit, list, li) {
   const parentLi = Dom.closest(list, "li", jodit.editor);
@@ -7061,7 +7066,7 @@ var require_wrap_nodes = __commonJS({
             Dom.before(child, box);
             while (child && this.isSuitable(child)) {
               const next = child.nextSibling;
-              box.appendChild(child);
+              Dom.append(box, child);
               child = next;
             }
             box.normalize();
@@ -7107,7 +7112,7 @@ var require_wrap_nodes = __commonJS({
         if (Dom.isElement(next) && Dom.isLeaf(next) && !Dom.isList(next.parentElement)) {
           const nextChild = Dom.findNotEmptySibling(next, false);
           if (Dom.isTag(result, "ul")) {
-            result.appendChild(next);
+            Dom.append(result, next);
           } else {
             result = Dom.wrap(next, "ul", jodit.createInside);
           }
@@ -8136,9 +8141,9 @@ var Icon = class _Icon {
     }
     if (iconElement) {
       iconElement.classList.add("jodit-icon");
-      iconElement.style.fill = fill;
+      css(iconElement, "fill", fill);
       if (scale != null) {
-        iconElement.style.transform = `scale(${scale})`;
+        css(iconElement, "transform", `scale(${scale})`);
       }
       jodit.o.cache && this.__cache.set(cacheKey, iconElement.cloneNode(true));
     }
@@ -8205,6 +8210,7 @@ Icon.set("about", about_svg_default);
 init_decorators();
 init_global2();
 init_helpers();
+init_css();
 
 // node_modules/jodit/esm/modules/index.js
 var modules_exports = {};
@@ -8304,19 +8310,27 @@ init_is_string();
 init_attr();
 
 // node_modules/jodit/esm/core/traits/elms.js
-init_to_array();
+init_dom();
 var Elms = class {
   /**
    * Return element with BEM class name
    */
   getElm(elementName) {
-    return this.container.querySelector(`.${this.getFullElName(elementName)}`);
+    const className = this.getFullElName(elementName);
+    return Dom.first(this.container, (node) => Dom.isHTMLElement(node) && node.classList.contains(className));
   }
   /**
    * Return elements with BEM class name
    */
   getElms(elementName) {
-    return toArray(this.container.querySelectorAll(`.${this.getFullElName(elementName)}`));
+    const className = this.getFullElName(elementName);
+    const result = [];
+    Dom.each(this.container, (node) => {
+      if (Dom.isHTMLElement(node) && node.classList.contains(className)) {
+        result.push(node);
+      }
+    });
+    return result;
   }
 };
 
@@ -8438,7 +8452,7 @@ var UIElement = UIElement_1 = class UIElement2 extends ViewComponent {
    * Append container to element
    */
   appendTo(element) {
-    element.appendChild(this.container);
+    Dom.append(element, this.container);
     return this;
   }
   /**
@@ -8617,7 +8631,7 @@ var UIButton = class UIButton2 extends UIElement {
     }
     Dom.detach(this.icon);
     const iconElement = Icon.makeIcon(this.j, this.state.icon);
-    iconElement && this.icon.appendChild(iconElement);
+    iconElement && Dom.append(this.icon, iconElement);
   }
   /**
    * Set focus on an element
@@ -8643,8 +8657,8 @@ var UIButton = class UIButton2 extends UIElement {
     });
     const icon2 = this.j.c.span(cn + "__icon");
     const text2 = this.j.c.span(cn + "__text");
-    button2.appendChild(icon2);
-    button2.appendChild(text2);
+    Dom.append(button2, icon2);
+    Dom.append(button2, text2);
     return button2;
   }
   constructor(jodit, state) {
@@ -8764,6 +8778,7 @@ init_dom();
 init_global2();
 init_helpers();
 init_assert();
+init_css();
 
 // node_modules/jodit/esm/core/ui/group/group.js
 init_component2();
@@ -8840,7 +8855,7 @@ var UIGroup = UIGroup_1 = class UIGroup2 extends UIElement {
       if (distElm == null) {
         throw new Error("Element does not exist");
       }
-      distElm.appendChild(elm.container);
+      Dom.append(distElm, elm.container);
     } else {
       this.appendChildToContainer(elm.container, index);
     }
@@ -8857,10 +8872,11 @@ var UIGroup = UIGroup_1 = class UIGroup2 extends UIElement {
    * Allow set another container for the box of all children
    */
   appendChildToContainer(childContainer, index) {
-    if (index === void 0 || index < 0 || index > this.elements.length - 1 || this.container.children[index] == null) {
-      this.container.appendChild(childContainer);
+    const ref = index === void 0 || index < 0 || index > this.elements.length - 1 ? null : this.container.children[index];
+    if (ref == null) {
+      Dom.append(this.container, childContainer);
     } else {
-      this.container.insertBefore(childContainer, this.container.children[index]);
+      Dom.before(ref, childContainer);
     }
   }
   /**
@@ -8940,7 +8956,7 @@ var Popup = class _Popup extends UIGroup {
   appendChildToContainer(childContainer) {
     const content = this.getElm("content");
     assert(content, "Content element should exist");
-    content.appendChild(childContainer);
+    Dom.append(content, childContainer);
   }
   updateParentElement(target) {
     if (target !== this && Component.isInstanceOf(target, _Popup)) {
@@ -8985,11 +9001,11 @@ var Popup = class _Popup extends UIGroup {
     this.__addGlobalListeners();
     this.__targetBound = !keepPosition ? getBound : this.getKeepBound(getBound);
     if (parentContainer) {
-      parentContainer.appendChild(this.container);
+      Dom.append(parentContainer, this.container);
     } else {
       const popupContainer = getContainer(this.jodit, _Popup);
       if (parentContainer !== this.container.parentElement) {
-        popupContainer.appendChild(this.container);
+        Dom.append(popupContainer, this.container);
       }
     }
     this.updatePosition();
@@ -8998,11 +9014,11 @@ var Popup = class _Popup extends UIGroup {
     return this;
   }
   __calculateZIndex() {
-    if (this.container.style.zIndex) {
+    if (cssInline(this.container, "zIndex")) {
       return;
     }
     const checkView = (view) => {
-      const zIndex = view.container.style.zIndex || view.o.zIndex;
+      const zIndex = cssInline(view.container, "zIndex") || view.o.zIndex;
       if (zIndex) {
         this.setZIndex(1 + parseInt(zIndex.toString(), 10));
         return true;
@@ -9018,8 +9034,9 @@ var Popup = class _Popup extends UIGroup {
       if (checkView(pe2.j)) {
         return;
       }
-      if (pe2.container.style.zIndex) {
-        this.setZIndex(1 + parseInt(pe2.container.style.zIndex.toString(), 10));
+      const parentZIndex = cssInline(pe2.container, "zIndex");
+      if (parentZIndex) {
+        this.setZIndex(1 + parseInt(parentZIndex.toString(), 10));
         return;
       }
       if (!pe2.parentElement && pe2.container.parentElement) {
@@ -9184,7 +9201,7 @@ var Popup = class _Popup extends UIGroup {
    * Set ZIndex
    */
   setZIndex(index) {
-    this.container.style.zIndex = index.toString();
+    css(this.container, "zIndex", index.toString());
   }
   constructor(jodit, smart = true) {
     super(jodit);
@@ -9299,6 +9316,7 @@ init_assert();
 
 // node_modules/jodit/esm/core/ui/button/group/group.js
 init_component();
+init_dom();
 init_assert();
 var __decorate7 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
@@ -9326,7 +9344,7 @@ var UIButtonGroup = class UIButtonGroup2 extends UIGroup {
   appendChildToContainer(childContainer) {
     const options2 = this.getElm("options");
     assert(options2 != null, "Options does not exist");
-    options2.appendChild(childContainer);
+    Dom.append(options2, childContainer);
   }
   constructor(jodit, options2 = {
     radio: true
@@ -9425,7 +9443,7 @@ var UITooltip = UITooltip_1 = class UITooltip2 extends UIElement {
     }
   }
   __onAttach(container) {
-    getContainer(this.j, UITooltip_1).appendChild(this.container);
+    Dom.append(getContainer(this.j, UITooltip_1), this.container);
     this.__attachedContainers.add(container);
     this.__attachedContainers.add(this.j.container);
     this.j.e.on(container, "mouseenter.tooltip", this.__onMouseEnter, {
@@ -9523,7 +9541,7 @@ var UITooltip = UITooltip_1 = class UITooltip2 extends UIElement {
     if (this.__isOpened) {
       this.__isOpened = false;
       this.setMod("visible", false);
-      this.getElm("content").innerHTML = "";
+      Dom.detach(this.getElm("content"));
       css(this.container, {
         left: -5e3
       });
@@ -9713,7 +9731,7 @@ var UIInput = UIInput_1 = class UIInput2 extends UIElement {
       Dom.safeRemove(this.__errorBox);
     } else {
       this.__errorBox.innerText = this.j.i18n(value, this.j.i18n(this.state.label || ""));
-      this.container.appendChild(this.__errorBox);
+      Dom.append(this.container, this.__errorBox);
     }
   }
   get value() {
@@ -9755,10 +9773,10 @@ var UIInput = UIInput_1 = class UIInput2 extends UIElement {
   __markInputInvalid() {
     var _a2, _b, _c, _d;
     if (this.error) {
-      this.nativeInput.setAttribute("aria-invalid", "true");
+      attr(this.nativeInput, "aria-invalid", "true");
       (_b = (_a2 = this.nativeInput).setCustomValidity) === null || _b === void 0 ? void 0 : _b.call(_a2, this.error);
     } else {
-      this.nativeInput.removeAttribute("aria-invalid");
+      attr(this.nativeInput, "aria-invalid", null);
       (_d = (_c = this.nativeInput).setCustomValidity) === null || _d === void 0 ? void 0 : _d.call(_c, "");
     }
   }
@@ -9771,8 +9789,8 @@ var UIInput = UIInput_1 = class UIInput2 extends UIElement {
     }
     const { nativeInput } = this;
     nativeInput.classList.add(this.getFullElName("input"));
-    this.wrapper.appendChild(nativeInput);
-    container.appendChild(this.wrapper);
+    Dom.append(this.wrapper, nativeInput);
+    Dom.append(container, this.wrapper);
     attr(nativeInput, "dir", this.j.o.direction || "auto");
     return container;
   }
@@ -10009,6 +10027,7 @@ UIForm = __decorate12([
 // node_modules/jodit/esm/core/ui/form/inputs/area/area.js
 init_decorators();
 init_component();
+init_css();
 var __decorate13 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -10033,12 +10052,12 @@ var UITextArea = UITextArea_1 = class UITextArea2 extends UIInput {
     this.state = __spreadValues({}, UITextArea_1.defaultState);
     Object.assign(this.state, state);
     if (this.state.resizable === false) {
-      this.nativeInput.style.resize = "none";
+      css(this.nativeInput, "resize", "none");
     }
   }
   onChangeStateSize() {
     const { size: size3, resizable } = this.state;
-    this.nativeInput.style.resize = resizable ? "auto" : "none";
+    css(this.nativeInput, "resize", resizable ? "auto" : "none");
     this.nativeInput.rows = size3 !== null && size3 !== void 0 ? size3 : 5;
   }
 };
@@ -10126,6 +10145,7 @@ UICheckbox = UICheckbox_1 = __decorate14([
 
 // node_modules/jodit/esm/core/ui/form/inputs/file/file.js
 init_component();
+init_dom();
 var __decorate15 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -10155,7 +10175,7 @@ var UIFileInput = class UIFileInput2 extends UIInput {
     const { nativeInput } = this;
     nativeInput.classList.add(this.getFullElName("input"));
     container.classList.add(this.componentName);
-    container.appendChild(nativeInput);
+    Dom.append(container, nativeInput);
     return container;
   }
   createNativeInput(options2) {
@@ -10468,7 +10488,7 @@ var ProgressBar = class _ProgressBar extends UIElement {
    */
   show() {
     const container = this.j.workplace || this.j.container;
-    container.appendChild(this.container);
+    Dom.append(container, this.container);
     return this;
   }
   hide() {
@@ -10476,7 +10496,7 @@ var ProgressBar = class _ProgressBar extends UIElement {
     return this;
   }
   progress(percentage) {
-    this.container.style.width = percentage.toFixed(2) + "%";
+    css(this.container, "width", percentage.toFixed(2) + "%");
     return this;
   }
   showFileUploadAnimation(from, to) {
@@ -10500,7 +10520,7 @@ var ProgressBar = class _ProgressBar extends UIElement {
       left: pos.left + start.x,
       top: pos.top + start.y
     });
-    box.appendChild(el);
+    Dom.append(box, el);
     this.__animationElement = el;
     el.offsetWidth;
     css(el, {
@@ -10558,7 +10578,7 @@ var Create = class {
       }
     }
     if (children) {
-      asArray(children).forEach((child) => elm.appendChild(isString(child) ? this.fromHTML(child) : child));
+      asArray(children).forEach((child) => Dom.append(elm, isString(child) ? this.fromHTML(child) : child));
     }
     return elm;
   }
@@ -10572,7 +10592,7 @@ var Create = class {
   sandbox() {
     var _a2;
     const iframe2 = this.element("iframe", { sandbox: "allow-same-origin" });
-    this.doc.body.appendChild(iframe2);
+    Dom.append(this.doc.body, iframe2);
     const doc = (_a2 = iframe2.contentWindow) === null || _a2 === void 0 ? void 0 : _a2.document;
     assert(doc, "iframe.contentWindow.document");
     if (!doc) {
@@ -11110,6 +11130,7 @@ var AsyncStorage = class _AsyncStorage {
 
 // node_modules/jodit/esm/modules/messages/messages.js
 init_component();
+init_dom();
 init_css();
 
 // node_modules/jodit/esm/modules/messages/message.js
@@ -11212,7 +11233,7 @@ var UIMessages = class UIMessages2 extends UIGroup {
     if (!this.__box) {
       throw new Error("Container is not defined: " + key3);
     }
-    this.__box.appendChild(this.container);
+    Dom.append(this.__box, this.container);
     const msg = new UIMessage(this.j, { text: text2, variant });
     this.append(msg);
     this.__calcOffsets();
@@ -11471,7 +11492,7 @@ var View = View_1 = class View2 extends Component {
   }
   /** Add some element to box */
   addDisclaimer(elm) {
-    this.container.appendChild(elm);
+    Dom.append(this.container, elm);
   }
   /**
    * Call before destruct
@@ -11627,7 +11648,7 @@ var ViewWithToolbar = class extends View {
       anchor = anchor.nextElementSibling;
     }
     if (anchor !== box) {
-      this.container.insertBefore(box, anchor);
+      anchor ? Dom.before(anchor, box) : Dom.append(this.container, box);
     }
   }
   /**
@@ -11794,7 +11815,7 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
       if (isArray(elm)) {
         const div = this.c.div(this.getFullElName("column"));
         elements_list.push(div);
-        root.appendChild(div);
+        Dom.append(root, div);
         return this.setElements(div, elm);
       }
       let element;
@@ -11805,12 +11826,12 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
       }
       elements_list.push(element);
       if (element.parentNode !== root) {
-        root.appendChild(element);
+        Dom.append(root, element);
       }
     });
     toArray(root.childNodes).forEach((elm) => {
       if (elements_list.indexOf(elm) === -1) {
-        root.removeChild(elm);
+        Dom.safeRemove(elm);
       }
     });
   }
@@ -11954,8 +11975,10 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
       this.offsetY = y10;
       this.moved = Math.abs(x11 - left) > 100 || Math.abs(y10 - top) > 100;
     }
-    this.dialog.style.left = (x11 || left) + "px";
-    this.dialog.style.top = (y10 || top) + "px";
+    css(this.dialog, {
+      left: (x11 || left) + "px",
+      top: (y10 || top) + "px"
+    });
     return this;
   }
   /**
@@ -12016,6 +12039,15 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
     this.setMod("footer", Boolean(content));
     return this;
   }
+  __openedSiblings() {
+    const result = [];
+    Dialog_1.__opened.forEach((dialog) => {
+      if (dialog.destination === this.destination) {
+        result.push(dialog);
+      }
+    });
+    return result;
+  }
   /**
    * Get zIndex from dialog
    */
@@ -12026,12 +12058,11 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
    * Get dialog instance with maximum z-index displaying it on top of all the dialog boxes
    */
   getMaxZIndexDialog() {
-    let maxZi = 0, dlg, zIndex, res = this;
-    $$(".jodit-dialog", this.destination).forEach((dialog) => {
-      dlg = dialog.component;
-      zIndex = parseInt(css(dialog, "zIndex"), 10);
-      if (dlg.isOpened && !isNaN(zIndex) && zIndex > maxZi) {
-        res = dlg;
+    let maxZi = 0, res = this;
+    this.__openedSiblings().forEach((dialog) => {
+      const zIndex = dialog.getZIndex();
+      if (zIndex > maxZi) {
+        res = dialog;
         maxZi = zIndex;
       }
     });
@@ -12043,12 +12074,11 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
   setMaxZIndex() {
     if (this.getMod("static"))
       return;
-    let maxZIndex = 20000004, zIndex = 0;
-    $$(".jodit-dialog", this.destination).forEach((dialog) => {
-      zIndex = parseInt(css(dialog, "zIndex"), 10);
-      maxZIndex = Math.max(isNaN(zIndex) ? 0 : zIndex, maxZIndex);
+    let maxZIndex = 20000004;
+    this.__openedSiblings().forEach((dialog) => {
+      maxZIndex = Math.max(dialog.getZIndex(), maxZIndex);
     });
-    this.container.style.zIndex = (maxZIndex + 1).toString();
+    css(this.container, "zIndex", (maxZIndex + 1).toString());
   }
   /**
    * Expands the dialog on full browser window
@@ -12091,13 +12121,14 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
     }
     this.setMod("active", true);
     this.isOpened = true;
+    Dialog_1.__opened.add(this);
     this.setModal(modal);
-    this.destination.appendChild(this.container);
+    Dom.append(this.destination, this.container);
     if (this.getMod("static") !== true) {
       this.setPosition(this.offsetX, this.offsetY);
       this.setMaxZIndex();
     } else {
-      this.container.style.removeProperty("z-index");
+      css(this.container, "zIndex", null);
     }
     if (this.o.fullsize) {
       this.toggleFullSize(true);
@@ -12143,6 +12174,7 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
     }
     this.setMod("active", false);
     this.isOpened = false;
+    Dialog_1.__opened.delete(this);
     if (this.isFullSize) {
       this.toggleFullSize(false);
     }
@@ -12198,11 +12230,11 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
 				</div>
 			</div>`);
     if (self2.options.direction === "rtl") {
-      self2.container.style.direction = "rtl";
-      self2.container.setAttribute("dir", "rtl");
+      css(self2.container, "direction", "rtl");
+      attr(self2.container, "dir", "rtl");
     }
     if (this.o.zIndex) {
-      this.container.style.zIndex = this.o.zIndex.toString();
+      css(this.container, "zIndex", this.o.zIndex.toString());
     }
     attr(self2.container, "role", "dialog");
     Object.defineProperty(self2.container, "component", {
@@ -12261,6 +12293,7 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
     if (this.isOpened) {
       this.close();
     }
+    Dialog_1.__opened.delete(this);
     if (this.events) {
       this.__removeGlobalResizeListeners();
       this.events.off(this.container, "close_dialog", self.close).off(this.ow, "keydown", this.__onEsc).off(this.ow, "resize", this.__onResize);
@@ -12268,6 +12301,7 @@ var Dialog = Dialog_1 = class Dialog2 extends ViewWithToolbar {
     super.destruct();
   }
 };
+Dialog.__opened = /* @__PURE__ */ new Set();
 Dialog.defaultOptions = __spreadProps(__spreadValues({}, View.defaultOptions), {
   closeOnClickOverlay: false,
   closeOnEsc: true
@@ -12305,7 +12339,7 @@ function Alert(msg, title, callback, className = "jodit-dialog_alert") {
   }
   const dialog = this instanceof Dialog ? this : new Dialog({ closeOnClickOverlay: true }), container = dialog.c.div(className), okButton = Button(dialog, "ok", "Ok");
   asArray(msg).forEach((oneMessage) => {
-    container.appendChild(Dom.isNode(oneMessage) ? oneMessage : dialog.c.fromHTML(oneMessage));
+    Dom.append(container, Dom.isNode(oneMessage) ? oneMessage : dialog.c.fromHTML(oneMessage));
   });
   okButton.onAction(() => {
     if (!callback || !isFunction(callback) || callback(dialog) !== false) {
@@ -12319,6 +12353,7 @@ function Alert(msg, title, callback, className = "jodit-dialog_alert") {
 }
 
 // node_modules/jodit/esm/modules/dialog/confirm.js
+init_dom();
 init_is_function();
 function Confirm(msg, title, callback) {
   const dialog = this instanceof Dialog ? this : new Dialog({ closeOnClickOverlay: true }), $div = dialog.c.fromHTML('<form class="jodit-dialog_prompt"></form>'), $label = dialog.c.element("label");
@@ -12326,8 +12361,8 @@ function Confirm(msg, title, callback) {
     callback = title;
     title = void 0;
   }
-  $label.appendChild(dialog.c.fromHTML(msg));
-  $div.appendChild($label);
+  Dom.append($label, dialog.c.fromHTML(msg));
+  Dom.append($div, $label);
   const action = (yes) => () => {
     if (!callback || callback(yes) !== false) {
       dialog.close();
@@ -12348,6 +12383,7 @@ function Confirm(msg, title, callback) {
 }
 
 // node_modules/jodit/esm/modules/dialog/prompt.js
+init_dom();
 init_is_function();
 init_attr();
 function Prompt(msg, title, callback, placeholder2, defaultValue) {
@@ -12364,9 +12400,9 @@ function Prompt(msg, title, callback, placeholder2, defaultValue) {
   if (placeholder2) {
     attr(inputElement, "placeholder", placeholder2);
   }
-  labelElement.appendChild(dialog.c.text(msg));
-  form2.appendChild(labelElement);
-  form2.appendChild(inputElement);
+  Dom.append(labelElement, dialog.c.text(msg));
+  Dom.append(form2, labelElement);
+  Dom.append(form2, inputElement);
   cancelButton.onAction(dialog.close);
   const onclick = () => {
     if (!callback || !isFunction(callback) || callback(inputElement.value) !== false) {
@@ -12394,7 +12430,9 @@ init_constants();
 init_constants();
 init_decorators();
 init_watch();
+init_dom();
 init_helpers();
+init_css();
 
 // node_modules/jodit/esm/core/traits/dlgs.js
 init_global2();
@@ -12446,6 +12484,7 @@ init_config();
 
 // node_modules/jodit/esm/modules/file-browser/config.js
 init_config2();
+init_dom();
 init_checker();
 init_human_size_to_bytes();
 init_config();
@@ -12720,7 +12759,7 @@ Config.prototype.controls.filebrowser = {
   filter: {
     isInput: true,
     getContent: (filebrowser, b15) => {
-      const oldInput = b15.container.querySelector(".jodit-input");
+      const oldInput = Dom.first(b15.container, (node) => Dom.isHTMLElement(node) && node.classList.contains("jodit-input"));
       if (oldInput) {
         return oldInput;
       }
@@ -13329,7 +13368,6 @@ function deleteFile(fb, name, source2) {
 init_component3();
 init_decorators();
 init_dom2();
-init_to_array();
 init_trim();
 init_attr();
 init_css();
@@ -13446,6 +13484,17 @@ var __decorate26 = function(decorators, target, key3, desc) {
 };
 var ImageEditor_1;
 var jie2 = "jodit-image-editor";
+var hasClass = (className) => (elm) => elm.classList.contains(className);
+function findFirst(root, cond) {
+  return Dom.first(root, (n57) => Dom.isHTMLElement(n57) && cond(n57));
+}
+function findAll(root, cond) {
+  const result = [];
+  Dom.each(root, (n57) => {
+    Dom.isHTMLElement(n57) && cond(n57) && result.push(n57);
+  });
+  return result;
+}
 var TABS = {
   resize: "resize",
   crop: "crop"
@@ -13492,18 +13541,19 @@ var ImageEditor = ImageEditor_1 = class ImageEditor2 extends ViewComponent {
     return this.j.async.promise((resolve) => {
       const timestamp = (/* @__PURE__ */ new Date()).getTime();
       this.image = this.j.c.element("img");
-      $$("img,.jodit-icon_loader", this.resize_box).forEach(Dom.safeRemove);
-      $$("img,.jodit-icon_loader", this.crop_box).forEach(Dom.safeRemove);
+      const isTrash = (elm) => Dom.isTag(elm, "img") || hasClass("jodit-icon_loader")(elm);
+      findAll(this.resize_box, isTrash).forEach(Dom.safeRemove);
+      findAll(this.crop_box, isTrash).forEach(Dom.safeRemove);
       css(this.cropHandler, "background", "transparent");
       this.onSave = save;
-      this.resize_box.appendChild(this.j.c.element("i", { class: "jodit-icon_loader" }));
-      this.crop_box.appendChild(this.j.c.element("i", { class: "jodit-icon_loader" }));
+      Dom.append(this.resize_box, this.j.c.element("i", { class: "jodit-icon_loader" }));
+      Dom.append(this.crop_box, this.j.c.element("i", { class: "jodit-icon_loader" }));
       if (/\?/.test(url2)) {
         url2 += "&_tst=" + timestamp;
       } else {
         url2 += "?_tst=" + timestamp;
       }
-      this.image.setAttribute("src", url2);
+      attr(this.image, "src", url2);
       this._dialog.open();
       const { widthInput, heightInput } = refs(this.editor);
       const onload = () => {
@@ -13516,10 +13566,10 @@ var ImageEditor = ImageEditor_1 = class ImageEditor2 extends ViewComponent {
         widthInput.value = this.naturalWidth.toString();
         heightInput.value = this.naturalHeight.toString();
         this.ratio = this.naturalWidth / this.naturalHeight;
-        this.resize_box.appendChild(this.image);
+        Dom.append(this.resize_box, this.image);
         this.cropImage = this.image.cloneNode(true);
-        this.crop_box.appendChild(this.cropImage);
-        Dom.safeRemove.apply(null, $$(".jodit-icon_loader", this.editor));
+        Dom.append(this.crop_box, this.cropImage);
+        Dom.safeRemove.apply(null, findAll(this.editor, hasClass("jodit-icon_loader")));
         if (this.activeTab === TABS.crop) {
           this.showCrop();
         }
@@ -13541,10 +13591,10 @@ var ImageEditor = ImageEditor_1 = class ImageEditor2 extends ViewComponent {
     if (!slide) {
       return;
     }
-    $$(`.${jie2}__slider,.${jie2}__area`, self2.editor).forEach((elm) => elm.classList.remove(`${jie2}_active`));
+    findAll(self2.editor, (elm) => hasClass(`${jie2}__slider`)(elm) || hasClass(`${jie2}__area`)(elm)).forEach((elm) => elm.classList.remove(`${jie2}_active`));
     slide.classList.add(`${jie2}_active`);
     this.activeTab = attr(slide, "-area") || TABS.resize;
-    const tab = self2.editor.querySelector(`.${jie2}__area.${jie2}__area_` + self2.activeTab);
+    const tab = findFirst(self2.editor, (elm) => hasClass(`${jie2}__area`)(elm) && hasClass(`${jie2}__area_` + self2.activeTab)(elm));
     if (tab) {
       tab.classList.add(`${jie2}_active`);
     }
@@ -13741,14 +13791,14 @@ var ImageEditor = ImageEditor_1 = class ImageEditor2 extends ViewComponent {
       const self2 = this;
       const { widthInput, heightInput } = refs(this.editor);
       self2.j.e.on([
-        self2.editor.querySelector(".jodit_bottomright"),
+        findFirst(self2.editor, hasClass("jodit_bottomright")),
         self2.cropHandler
       ], `mousedown.${jie2}`, this.onResizeHandleMouseDown).on(this.j.ow, `resize.${jie2}`, () => {
         this.j.e.fire(self2.resizeHandler, "updatesize");
         self2.showCrop();
         this.j.e.fire(self2.cropHandler, "updatesize");
       });
-      self2.j.e.on(toArray(this.editor.querySelectorAll(`.${jie2}__slider-title`)), "click", this.onTitleModeClick).on([widthInput, heightInput], "input", this.onChangeSizeInput);
+      self2.j.e.on(findAll(this.editor, hasClass(`${jie2}__slider-title`)), "click", this.onTitleModeClick).on([widthInput, heightInput], "input", this.onChangeSizeInput);
       const { keepAspectRatioResize, keepAspectRatioCrop } = refs(this.editor);
       if (keepAspectRatioResize) {
         keepAspectRatioResize.addEventListener("change", () => {
@@ -13863,9 +13913,9 @@ var ImageEditor = ImageEditor_1 = class ImageEditor2 extends ViewComponent {
     const { resizeBox, cropBox } = refs(this.editor);
     this.resize_box = resizeBox;
     this.crop_box = cropBox;
-    this.sizes = this.editor.querySelector(`.${jie2}__area.${jie2}__area_crop .jodit-image-editor__sizes`);
-    this.resizeHandler = this.editor.querySelector(`.${jie2}__resizer`);
-    this.cropHandler = this.editor.querySelector(`.${jie2}__croper`);
+    this.sizes = findFirst(this.editor, (elm) => hasClass(`${jie2}__sizes`)(elm) && Boolean(Dom.closest(elm, (p63) => Dom.isHTMLElement(p63) && hasClass(`${jie2}__area_crop`)(p63), this.editor)));
+    this.resizeHandler = findFirst(this.editor, hasClass(`${jie2}__resizer`));
+    this.cropHandler = findFirst(this.editor, hasClass(`${jie2}__croper`));
     this._dialog = this.j.dlg({
       buttons: ["fullsize", "dialog.close"]
     });
@@ -14013,7 +14063,7 @@ var context_menu_default = (self2) => {
               buttons: ["fullsize", "dialog.close"]
             }), temp_content = self2.c.div(CLASS_PREVIEW, '<div class="jodit-icon_loader"></div>'), preview_box = self2.c.div(CLASS_PREVIEW + "__box"), next = self2.c.fromHTML(preview_tpl_next()), prev = self2.c.fromHTML(preview_tpl_next("prev", "left")), addLoadHandler = (src) => {
               const image2 = self2.c.element("img");
-              image2.setAttribute("src", src);
+              attr(image2, "src", src);
               const onload = () => {
                 var _a2;
                 if (self2.isInDestruct) {
@@ -14023,14 +14073,14 @@ var context_menu_default = (self2) => {
                 Dom.detach(temp_content);
                 if (opt.showPreviewNavigation) {
                   if (Dom.prevWithClass(item, self2.files.getFullElName("item"))) {
-                    temp_content.appendChild(prev);
+                    Dom.append(temp_content, prev);
                   }
                   if (Dom.nextWithClass(item, self2.files.getFullElName("item"))) {
-                    temp_content.appendChild(next);
+                    Dom.append(temp_content, next);
                   }
                 }
-                temp_content.appendChild(preview_box);
-                preview_box.appendChild(image2);
+                Dom.append(temp_content, preview_box);
+                Dom.append(preview_box, image2);
                 preview2.setPosition();
                 (_a2 = self2 === null || self2 === void 0 ? void 0 : self2.events) === null || _a2 === void 0 ? void 0 : _a2.fire("previewOpenedAndLoaded");
               };
@@ -14293,17 +14343,17 @@ function stateListeners() {
     Dom.detach(files.container);
     if (state.elements.length) {
       state.elements.forEach((item) => {
-        this.files.container.appendChild(getDomElement(item));
+        Dom.append(this.files.container, getDomElement(item));
       });
     } else {
-      files.container.appendChild(create.div(this.componentName + "_no-files_true", this.i18n("There are no files")));
+      Dom.append(files.container, create.div(this.componentName + "_no-files_true", this.i18n("There are no files")));
     }
   }, this.defaultTimeout)).on("change.sources", this.async.debounce(() => {
     Dom.detach(this.tree.container);
     state.sources.forEach((source2) => {
       const sourceName = source2.name;
       if (sourceName && sourceName !== DEFAULT_SOURCE_NAME2) {
-        this.tree.container.appendChild(create.div(this.tree.getFullElName("source-title"), sourceName));
+        Dom.append(this.tree.container, create.div(this.tree.getFullElName("source-title"), sourceName));
       }
       source2.folders.forEach((name) => {
         const folderElm = create.a(this.tree.getFullElName("item"), {
@@ -14324,7 +14374,7 @@ function stateListeners() {
           e42.preventDefault();
         };
         this.e.on(folderElm, "click", action("openFolder"));
-        this.tree.container.appendChild(folderElm);
+        Dom.append(this.tree.container, folderElm);
         if (name === ".." || name === ".") {
           return;
         }
@@ -14336,7 +14386,7 @@ function stateListeners() {
             size: "tiny"
           });
           btn.onAction(action("renameFolder"));
-          folderElm.appendChild(btn.container);
+          Dom.append(folderElm, btn.container);
         }
         if (options2.deleteFolder && this.dataProvider.canI("FolderRemove")) {
           const btn = Button(this, {
@@ -14346,7 +14396,7 @@ function stateListeners() {
             size: "tiny"
           });
           btn.onAction(action("removeFolder"));
-          folderElm.appendChild(btn.container);
+          Dom.append(folderElm, btn.container);
         }
       });
       if (options2.createNewFolder && this.dataProvider.canI("FolderCreate")) {
@@ -14440,7 +14490,7 @@ var FileBrowser = class FileBrowser2 extends ViewWithToolbar {
     return Storage.makeStorage(Boolean(this.o.saveStateInStorage), this.componentName);
   }
   get isOpened() {
-    return this._dialog.isOpened && this.browser.style.display !== "none";
+    return this._dialog.isOpened && cssInline(this.browser, "display") !== "none";
   }
   /**
    * It displays a message in the status bar of filebrowser
@@ -14583,10 +14633,10 @@ var FileBrowser = class FileBrowser2 extends ViewWithToolbar {
     self2.browser.component = this;
     self2.container = self2.browser;
     if (self2.o.showFoldersPanel) {
-      self2.browser.appendChild(self2.tree.container);
+      Dom.append(self2.browser, self2.tree.container);
     }
-    self2.browser.appendChild(self2.files.container);
-    self2.browser.appendChild(self2.status_line);
+    Dom.append(self2.browser, self2.files.container);
+    Dom.append(self2.browser, self2.status_line);
     selfListeners.call(self2);
     nativeListeners.call(self2);
     stateListeners.call(self2);
@@ -15182,13 +15232,12 @@ var StatusBar = class StatusBar2 extends ViewComponent {
    * Add element in statusbar
    */
   append(child, inTheRight = false) {
-    var _a2;
     const wrapper = this.findEmpty(inTheRight) || this.j.c.div(this.getFullElName("item"));
     if (inTheRight) {
       wrapper.classList.add(this.getFullElName("item-right"));
     }
-    wrapper.appendChild(child);
-    (_a2 = this.container) === null || _a2 === void 0 ? void 0 : _a2.appendChild(wrapper);
+    Dom.append(wrapper, child);
+    this.container && Dom.append(this.container, wrapper);
     if (this.j.o.statusbar) {
       this.show();
     }
@@ -15199,7 +15248,7 @@ var StatusBar = class StatusBar2 extends ViewComponent {
     this.target = target;
     this.mods = {};
     this.container = jodit.c.div("jodit-status-bar");
-    target.appendChild(this.container);
+    Dom.append(target, this.container);
     this.hide();
   }
   destruct() {
@@ -15223,6 +15272,7 @@ init_decorators();
 init_dom2();
 init_global2();
 init_helpers();
+init_css();
 var __decorate31 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -15376,33 +15426,37 @@ var Table = class _Table extends ViewComponent {
     return _Table.__formalCoordinate(table2, cell, max);
   }
   static __appendRow(table2, line, after, create) {
-    var _a2;
     let row;
     if (!line) {
       const columnsCount = _Table.__getColumnsCount(table2);
       row = create.element("tr");
       for (let j10 = 0; j10 < columnsCount; j10 += 1) {
-        row.appendChild(create.element("td"));
+        Dom.append(row, create.element("td"));
       }
     } else {
       row = line.cloneNode(true);
-      $$("td,th", line).forEach((cell) => {
+      Dom.each(line, (cell) => {
+        if (!Dom.isCell(cell)) {
+          return;
+        }
         const rowspan = attr(cell, "rowspan");
         if (rowspan && parseInt(rowspan, 10) > 1) {
           const newRowSpan = parseInt(rowspan, 10) - 1;
           attr(cell, "rowspan", newRowSpan > 1 ? newRowSpan : null);
         }
       });
-      $$("td,th", row).forEach((cell) => {
-        cell.innerHTML = "";
+      Dom.each(row, (cell) => {
+        if (Dom.isCell(cell)) {
+          Dom.detach(cell);
+        }
       });
     }
     if (after && line && line.nextSibling) {
-      line.parentNode && line.parentNode.insertBefore(row, line.nextSibling);
+      Dom.after(line, row);
     } else if (!after && line) {
-      line.parentNode && line.parentNode.insertBefore(row, line);
+      Dom.before(line, row);
     } else {
-      (((_a2 = table2.getElementsByTagName("tbody")) === null || _a2 === void 0 ? void 0 : _a2[0]) || table2).appendChild(row);
+      Dom.append(Dom.first(table2, (node) => Dom.isTag(node, "tbody")) || table2, row);
     }
   }
   /**
@@ -15442,9 +15496,9 @@ var Table = class _Table extends ViewComponent {
               }
             }
             if (referenceCell) {
-              nextRow.insertBefore(cell, referenceCell);
+              Dom.before(referenceCell, cell);
             } else {
-              nextRow.appendChild(cell);
+              Dom.append(nextRow, cell);
             }
           }
         }
@@ -15661,7 +15715,7 @@ var Table = class _Table extends ViewComponent {
               return;
             }
             alreadyMerged.add(td);
-            if (i56 === bound[0][0] && td.style.width) {
+            if (i56 === bound[0][0] && cssInline(td, "width")) {
               w9 += td.offsetWidth;
             }
             if (trim(cell.innerHTML.replace(/<br(\/)?>/g, "")) !== "") {
@@ -15722,7 +15776,7 @@ var Table = class _Table extends ViewComponent {
     const __marked = [];
     _Table.__getSelectedCellsByTable(table2).forEach((cell) => {
       td = jodit.createInside.element("td");
-      td.appendChild(jodit.createInside.element("br"));
+      Dom.append(td, jodit.createInside.element("br"));
       tr = jodit.createInside.element("tr");
       coord = _Table.__formalCoordinate(table2, cell);
       if (cell.rowSpan < 2) {
@@ -15732,7 +15786,7 @@ var Table = class _Table extends ViewComponent {
           }
         });
         Dom.after(Dom.closest(cell, "tr", table2), tr);
-        tr.appendChild(td);
+        Dom.append(tr, td);
       } else {
         _Table.__mark(cell, "rowspan", cell.rowSpan - 1, __marked);
         _Table.__formalMatrix(table2, (tdElm, i56, j10) => {
@@ -15746,7 +15800,7 @@ var Table = class _Table extends ViewComponent {
         if (after) {
           Dom.after(after, td);
         } else {
-          parent.insertBefore(td, parent.firstChild);
+          Dom.prepend(parent, td);
         }
       }
       if (cell.colSpan > 1) {
@@ -15778,7 +15832,7 @@ var Table = class _Table extends ViewComponent {
         _Table.__mark(cell, "colspan", cell.colSpan - 1, __marked);
       }
       td = jodit.createInside.element("td");
-      td.appendChild(jodit.createInside.element("br"));
+      Dom.append(td, jodit.createInside.element("br"));
       if (cell.rowSpan > 1) {
         _Table.__mark(td, "rowspan", cell.rowSpan, __marked);
       }
@@ -15856,7 +15910,7 @@ var Table = class _Table extends ViewComponent {
                   attr(cell, "style", null);
                 }
               } else {
-                cell.style.width = value.toString();
+                css(cell, "width", value.toString());
               }
               break;
           }
@@ -15992,19 +16046,19 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
       value: this,
       configurable: true
     });
-    container.appendChild(button2);
+    Dom.append(container, button2);
     const trigger = this.j.c.fromHTML(`<span role="button" aria-haspopup="true" aria-expanded="false" class="${cn}__trigger">${Icon.get("chevron")}</span>`);
-    button2.appendChild(trigger);
+    Dom.append(button2, trigger);
     return container;
   }
   /** @override */
   focus() {
     var _a2;
-    (_a2 = this.container.querySelector("button")) === null || _a2 === void 0 ? void 0 : _a2.focus();
+    (_a2 = Dom.first(this.container, (node) => Dom.isTag(node, "button"))) === null || _a2 === void 0 ? void 0 : _a2.focus();
   }
   onChangeHasTrigger() {
     if (this.state.hasTrigger) {
-      this.container.appendChild(this.trigger);
+      Dom.append(this.container, this.trigger);
     } else {
       Dom.safeRemove(this.trigger);
     }
@@ -16294,6 +16348,12 @@ var __decorate33 = function(decorators, target, key3, desc) {
         r60 = (c74 < 3 ? d55(r60) : c74 > 3 ? d55(target, key3, r60) : d55(target, key3)) || r60;
   return c74 > 3 && r60 && Object.defineProperty(target, key3, r60), r60;
 };
+var FORM_CONTROL_TAGS = /* @__PURE__ */ new Set([
+  "input",
+  "button",
+  "select",
+  "textarea"
+]);
 var ToolbarContent = class ToolbarContent2 extends UIButton {
   /** @override */
   className() {
@@ -16306,7 +16366,7 @@ var ToolbarContent = class ToolbarContent2 extends UIButton {
     const content = control.getContent(this.j, this);
     if (isString(content) || content.parentNode !== this.container) {
       Dom.detach(this.container);
-      this.container.appendChild(isString(content) ? this.j.create.fromHTML(content) : content);
+      Dom.append(this.container, isString(content) ? this.j.create.fromHTML(content) : content);
     }
     this.state.disabled = Boolean((_a2 = control.isDisabled) === null || _a2 === void 0 ? void 0 : _a2.call(control, this.j, this));
     this.state.activated = Boolean((_b = control.isActive) === null || _b === void 0 ? void 0 : _b.call(control, this.j, this));
@@ -16322,7 +16382,11 @@ var ToolbarContent = class ToolbarContent2 extends UIButton {
    */
   onChangeDisabled() {
     super.onChangeDisabled();
-    this.container.querySelectorAll("input,button,select,textarea").forEach((elm) => attr(elm, "disabled", this.state.disabled || null));
+    Dom.each(this.container, (elm) => {
+      if (Dom.isTag(elm, FORM_CONTROL_TAGS)) {
+        attr(elm, "disabled", this.state.disabled || null);
+      }
+    });
   }
   /** @override */
   createContainer() {
@@ -16384,6 +16448,8 @@ init_autobind();
 init_component();
 init_hook();
 init_watch();
+init_attr();
+init_css();
 init_error();
 var __decorate35 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
@@ -16447,8 +16513,8 @@ var ToolbarCollection = class ToolbarCollection2 extends UIList {
    * Set direction
    */
   setDirection(direction) {
-    this.container.style.direction = direction;
-    this.container.setAttribute("dir", direction);
+    css(this.container, "direction", direction);
+    attr(this.container, "dir", direction);
   }
   constructor(jodit) {
     super(jodit);
@@ -16629,6 +16695,7 @@ ToolbarEditorCollection = __decorate36([
 // node_modules/jodit/esm/modules/uploader/uploader.js
 init_component3();
 init_constants();
+init_dom();
 init_helpers();
 init_config();
 
@@ -16861,7 +16928,7 @@ function processOldBrowserDrag(self2, cData, handlerSuccess, handlerError, onFin
       style: "left: -9999px; top: 0; width: 0; height: 100%;line-height: 140%; overflow: hidden; position: fixed; z-index: 2147483647; word-break: break-all;",
       contenteditable: true
     });
-    getContainer(self2.j, self2.constructor).appendChild(div);
+    Dom.append(getContainer(self2.j, self2.constructor), div);
     const selection = isJoditObject(self2.j) ? self2.j.s.save() : null, restore = () => selection && isJoditObject(self2.j) && self2.j.s.restore();
     div.focus();
     self2.j.async.setTimeout(() => {
@@ -16887,6 +16954,7 @@ function hasItems(data) {
 // node_modules/jodit/esm/modules/uploader/config.js
 init_is_array();
 init_is_jodit_object();
+init_attr();
 init_config();
 Config.prototype.enableDragAndDropFileToEditor = true;
 Config.prototype.uploader = {
@@ -16944,9 +17012,9 @@ Config.prototype.uploader = {
     }
     if (resp.files && resp.files.length) {
       resp.files.forEach((filename, index) => {
-        const [tagName, attr2] = resp.isImages && resp.isImages[index] ? ["img", "src"] : ["a", "href"];
+        const [tagName, attrName] = resp.isImages && resp.isImages[index] ? ["img", "src"] : ["a", "href"];
         const elm = j10.createInside.element(tagName);
-        elm.setAttribute(attr2, resp.baseurl + filename);
+        attr(elm, attrName, resp.baseurl + filename);
         if (tagName === "a") {
           elm.textContent = j10.o.uploader.getDisplayName.call(this, resp.baseurl, filename);
         }
@@ -17077,7 +17145,10 @@ var Uploader = class extends ViewComponent {
         sendFiles(self2, event.dataTransfer.files, handlerSuccess, handlerError).finally(onFinally);
       }
     });
-    const inputFile = form2.querySelector("input[type=file]");
+    const inputFile = Dom.first(form2, (node) => {
+      var _a2;
+      return Dom.isTag(node, "input") && ((_a2 = attr(node, "type")) === null || _a2 === void 0 ? void 0 : _a2.toLowerCase()) === "file";
+    });
     if (inputFile) {
       self2.j.e.on(inputFile, "change", () => {
         sendFiles(self2, inputFile.files, handlerSuccess, handlerError).then(() => {
@@ -17347,6 +17418,7 @@ function getSuitChild(style, font2) {
 // node_modules/jodit/esm/core/selection/style/api/get-suit-parent.js
 init_dom();
 function getSuitParent(style, node, root) {
+  var _a2;
   const { parentNode } = node;
   if (parentNode === root || !Dom.isHTMLElement(parentNode) || Dom.next(node, isNormalNode, parentNode) || Dom.prev(node, isNormalNode, parentNode)) {
     return null;
@@ -17354,6 +17426,9 @@ function getSuitParent(style, node, root) {
   if (style.isElementCommit && style.elementIsBlock && !Dom.isBlock(parentNode)) {
     return getSuitParent(style, parentNode, root);
   }
+  if (Dom.isTag(parentNode, "li") && !style.isElementCommit && ((_a2 = style.options.attributes) === null || _a2 === void 0 ? void 0 : _a2.style)) {
+    return parentNode;
+  }
   if (isSuitElement(style, parentNode, false) && (!Dom.isBlock(parentNode) || style.elementIsBlock)) {
     return parentNode;
   }
@@ -17373,6 +17448,7 @@ function isInsideInvisibleElement(font2, root) {
 init_object_size();
 init_utils3();
 init_assert();
+init_attr();
 function isSameAttributes(elm, attrs) {
   if (!size(attrs)) {
     return true;
@@ -17389,7 +17465,11 @@ function isSameAttributes(elm, attrs) {
   });
 }
 function elementsEqualAttributes(elm1, elm2) {
-  return elm1.attributes.length === elm2.attributes.length && Array.from(elm1.attributes).every((attr2) => elm2.hasAttribute(attr2.name) && elm2.getAttribute(attr2.name) === attr2.value);
+  return elm1.attributes.length === elm2.attributes.length && Array.from(elm1.attributes).every(
+    // `attrRaw` on purpose: the comparison must use the exact
+    // attribute name from the live list, without `attr()` name mangling
+    (attr2) => attrRaw(elm2, attr2.name) === attr2.value
+  );
 }
 
 // node_modules/jodit/esm/core/selection/style/api/list/toggle-ordered-list.js
@@ -17403,7 +17483,6 @@ init_global2();
 init_checker();
 init_normalize_css_value();
 init_object_size();
-init_kebab_case();
 init_utils3();
 init_css();
 init_data_bind();
@@ -17436,7 +17515,7 @@ function toggleAttributes(commitStyle, elm, jodit, mode, dry = false) {
 function toggleStyle(commitStyle, jodit, style, elm, dry, mode) {
   assert(isPlainObject(style) && size(style), "Style must be an object");
   Object.keys(style).forEach((rule) => {
-    const inlineValue = elm.style.getPropertyValue(kebabCase(rule));
+    const inlineValue = cssInline(elm, rule);
     const newValue = style[rule];
     if (inlineValue === "" && newValue == null) {
       return;
@@ -17518,8 +17597,8 @@ function getShadowRoot(jodit) {
     position: "absolute",
     border: 0
   });
-  iframe2.src = "about:blank";
-  container.appendChild(iframe2);
+  attr(iframe2, "src", "about:blank");
+  Dom.append(container, iframe2);
   const doc = (_a2 = iframe2.contentWindow) === null || _a2 === void 0 ? void 0 : _a2.document;
   const shadowRoot = !doc ? jodit.od.body : doc.body;
   dataBind(jodit, "shadowRoot", shadowRoot);
@@ -17528,11 +17607,11 @@ function getShadowRoot(jodit) {
 function getNativeCSSValue(jodit, elm, key3) {
   const root = getShadowRoot(jodit);
   const wrapper = jodit.create.element("div");
-  wrapper.style.color = css(jodit.editor, "color");
+  css(wrapper, "color", css(jodit.editor, "color"));
   const newElm = jodit.create.element(elm.tagName.toLowerCase());
-  newElm.style.cssText = elm.style.cssText;
-  wrapper.appendChild(newElm);
-  root.appendChild(wrapper);
+  attr(newElm, "style", attr(elm, "style"));
+  Dom.append(wrapper, newElm);
+  Dom.append(root, wrapper);
   const result = css(newElm, key3);
   Dom.safeRemove(wrapper);
   return result;
@@ -17688,11 +17767,11 @@ function wrapUnwrappedText(style, elm, jodit) {
   range.setEndAfter(end);
   const fragment = range.extractContents();
   const wrapper = ci.element(style.element);
-  wrapper.appendChild(fragment);
+  Dom.append(wrapper, fragment);
   Dom.safeInsertNode(range, wrapper);
   if (style.elementIsBlock) {
     if (Dom.isEmpty(wrapper) && !Dom.isTag(wrapper.firstElementChild, "br")) {
-      wrapper.appendChild(ci.element("br"));
+      Dom.append(wrapper, ci.element("br"));
     }
   }
   return wrapper;
@@ -18010,7 +18089,7 @@ function moveNodeInsideStart(j10, node, start) {
   let sibling = Dom.findSibling(node, start), anotherSibling = Dom.findSibling(node, !start);
   while (Dom.isElement(sibling) && !Dom.isTag(sibling, INSEPARABLE_TAGS) && Dom.isContentEditable(sibling, j10.editor) && (!anotherSibling || !Dom.closest(node, Dom.isElement, j10.editor))) {
     if (start || !sibling.firstChild) {
-      sibling.appendChild(node);
+      Dom.append(sibling, node);
     } else {
       Dom.before(sibling.firstChild, node);
     }
@@ -18239,11 +18318,13 @@ var Selection = class {
     }
     const marker = this.j.createInside.span();
     marker.id = MARKER_CLASS + "_" + Number(/* @__PURE__ */ new Date()) + "_" + String(Math.random()).slice(2);
-    marker.style.lineHeight = "0";
-    marker.style.display = "none";
+    css(marker, {
+      lineHeight: "0",
+      display: "none"
+    });
     Dom.markTemporary(marker);
     attr(marker, "data-" + MARKER_CLASS, atStart ? "start" : "end");
-    marker.appendChild(this.j.createInside.text(INVISIBLE_SPACE));
+    Dom.append(marker, this.j.createInside.text(INVISIBLE_SPACE));
     if (newRange) {
       if (Dom.isOrContains(this.area, atStart ? newRange.startContainer : newRange.endContainer)) {
         newRange.insertNode(marker);
@@ -18256,9 +18337,9 @@ var Selection = class {
    */
   restore() {
     let range = false;
-    const markAttr = (start2) => `span[data-${MARKER_CLASS}=${start2 ? "start" : "end"}]`;
-    const start = this.area.querySelector(markAttr(true));
-    const end = this.area.querySelector(markAttr(false));
+    const markerFilter = (start2) => (node) => Dom.isMarker(node) && attr(node, "data-" + MARKER_CLASS) === (start2 ? "start" : "end");
+    const start = Dom.first(this.area, markerFilter(true));
+    const end = Dom.first(this.area, markerFilter(false));
     if (!start) {
       return;
     }
@@ -18503,7 +18584,7 @@ var Selection = class {
         if (Dom.isOrContains(this.area, range.commonAncestorContainer)) {
           Dom.safeInsertNode(range, node);
         } else {
-          this.area.appendChild(node);
+          Dom.append(this.area, node);
         }
         [
           () => firstChild === null || firstChild === void 0 ? void 0 : firstChild.previousSibling,
@@ -18519,7 +18600,7 @@ var Selection = class {
           }
         });
       } else {
-        this.area.appendChild(node);
+        Dom.append(this.area, node);
       }
       const setCursor = (node2) => {
         if (Dom.isBlock(node2)) {
@@ -18571,7 +18652,7 @@ var Selection = class {
     if (!Dom.isNode(html)) {
       node.innerHTML = html.toString();
     } else {
-      node.appendChild(html);
+      Dom.append(node, html);
     }
     if (!this.j.isEditorMode() && this.j.e.fire("insertHTML", node.innerHTML) === false) {
       return;
@@ -18579,9 +18660,7 @@ var Selection = class {
     if (!node.lastChild) {
       return;
     }
-    while (node.firstChild) {
-      fragment.appendChild(node.firstChild);
-    }
+    Dom.moveContent(node, fragment);
     this.insertNode(fragment, insertCursorAfter, false);
     this.j.__imdSynchronizeValues();
   }
@@ -18595,7 +18674,7 @@ var Selection = class {
   insertImage(url2, styles3 = null, defaultWidth = null) {
     const image2 = isString(url2) ? this.j.createInside.element("img") : url2;
     if (isString(url2)) {
-      image2.setAttribute("src", url2);
+      attr(image2, "src", url2);
     }
     if (defaultWidth != null) {
       let dw = defaultWidth.toString();
@@ -18609,8 +18688,10 @@ var Selection = class {
     }
     const onload = () => {
       if (image2.naturalHeight < image2.offsetHeight || image2.naturalWidth < image2.offsetWidth) {
-        image2.style.width = "";
-        image2.style.height = "";
+        css(image2, {
+          width: "",
+          height: ""
+        });
       }
       image2.removeEventListener("load", onload);
     };
@@ -18672,7 +18753,7 @@ var Selection = class {
           current = current.firstChild;
         } else {
           const currentB = this.j.createInside.text(INVISIBLE_SPACE);
-          current.appendChild(currentB);
+          Dom.append(current, currentB);
           current = currentB;
         }
       }
@@ -18812,7 +18893,7 @@ var Selection = class {
     if (!start) {
       const fakeNode = this.j.createInside.text(INVISIBLE_SPACE);
       if (!Dom.isTag(last, INSEPARABLE_TAGS)) {
-        last.appendChild(fakeNode);
+        Dom.append(last, fakeNode);
         last = fakeNode;
       } else {
         start = last;
@@ -18873,7 +18954,7 @@ var Selection = class {
       const range = sel.getRangeAt(0);
       const clonedSelection = range.cloneContents();
       const div = this.j.createInside.div();
-      div.appendChild(clonedSelection);
+      Dom.append(div, clonedSelection);
       return div.innerHTML;
     }
     return "";
@@ -18995,11 +19076,10 @@ var Selection = class {
     return toArray(node.childNodes).some((child) => this.__isOrContainsBlock(child));
   }
   __wrapRunInFont(run) {
-    var _a2;
     const font2 = this.j.createInside.element("font");
     const [first] = run;
-    (_a2 = first.parentNode) === null || _a2 === void 0 ? void 0 : _a2.insertBefore(font2, first);
-    run.forEach((node) => font2.appendChild(node));
+    Dom.before(first, font2);
+    run.forEach((node) => Dom.append(font2, node));
     return font2;
   }
   /**
@@ -19010,7 +19090,7 @@ var Selection = class {
       const font2 = this.jodit.createInside.element("font", INVISIBLE_SPACE);
       this.insertNode(font2, false, false);
       if (fakes && fakes[0]) {
-        font2.appendChild(fakes[0]);
+        Dom.append(font2, fakes[0]);
       }
       yield font2;
       Dom.unwrap(font2);
@@ -19134,7 +19214,7 @@ var Selection = class {
       try {
         clearEmpties(fragment);
         clearEmpties(currentBox);
-        currentBox.parentNode.insertBefore(fragment, currentBox);
+        Dom.before(currentBox, fragment);
         if (!edge && cursorOnTheRight && (br === null || br === void 0 ? void 0 : br.parentNode)) {
           const range2 = this.createRange();
           range2.setStartBefore(br);
@@ -19146,9 +19226,9 @@ var Selection = class {
         }
       }
       const fillFakeParent = (fake) => {
-        var _a2, _b, _c;
-        if (((_a2 = fake === null || fake === void 0 ? void 0 : fake.parentNode) === null || _a2 === void 0 ? void 0 : _a2.firstChild) === ((_b = fake === null || fake === void 0 ? void 0 : fake.parentNode) === null || _b === void 0 ? void 0 : _b.lastChild)) {
-          (_c = fake === null || fake === void 0 ? void 0 : fake.parentNode) === null || _c === void 0 ? void 0 : _c.appendChild(br.cloneNode());
+        const parent = fake === null || fake === void 0 ? void 0 : fake.parentNode;
+        if (parent && parent.firstChild === parent.lastChild) {
+          Dom.append(parent, br.cloneNode());
         }
       };
       fillFakeParent(prevFake);
@@ -19292,10 +19372,10 @@ var addNewLine = class extends Plugin {
         if (this.__current === editor.editor) {
           Dom.prepend(editor.editor, p63);
         } else {
-          this.__current.parentNode.insertBefore(p63, this.__current);
+          Dom.before(this.__current, p63);
         }
       } else {
-        editor.editor.appendChild(p63);
+        Dom.append(editor.editor, p63);
       }
       editor.s.setCursorIn(p63);
       scrollIntoViewIfNeeded(p63, editor.editor, editor.ed);
@@ -19313,8 +19393,8 @@ var addNewLine = class extends Plugin {
       return;
     }
     this.__isShown = true;
-    this.j.container.appendChild(this.__line);
-    this.__line.style.width = this.j.container.clientWidth + "px";
+    Dom.append(this.j.container, this.__line);
+    css(this.__line, "width", this.j.container.clientWidth);
   }
   onLock(isLocked) {
     if (isLocked && this.__isShown) {
@@ -19355,9 +19435,9 @@ var addNewLine = class extends Plugin {
       const top = e42.pageY - editor.ew.scrollX;
       const p63 = editor.createInside.element(editor.o.enter);
       if (Math.abs(top - editorBound.top) < Math.abs(top - (editorBound.height + editorBound.top)) && editor.editor.firstChild) {
-        editor.editor.insertBefore(p63, editor.editor.firstChild);
+        Dom.prepend(editor.editor, p63);
       } else {
-        editor.editor.appendChild(p63);
+        Dom.append(editor.editor, p63);
       }
       editor.s.setCursorIn(p63);
       editor.synchronizeValues();
@@ -19403,7 +19483,7 @@ var addNewLine = class extends Plugin {
     }
     const isEditor = editor.editor === currentElement;
     if (top !== false && (isEditor && !this.__isBeforeContent || !isEditor && !call(this.__isBeforeContent ? Dom.prev : Dom.next, currentElement, this.__canGetFocus, editor.editor))) {
-      this.__line.style.top = top + "px";
+      css(this.__line, "top", top);
       this.__current = currentElement;
       this.__show();
       this.__line.style.setProperty("--jd-anl-handle-offset", clientX - pos.left - 10 + "px");
@@ -19515,7 +19595,10 @@ function resolveTableSibling(sibling, backspace2) {
   if (!Dom.isTag(sibling, "table")) {
     return sibling;
   }
-  const cells = sibling.querySelectorAll("td,th");
+  const cells = [];
+  Dom.each(sibling, (node) => {
+    Dom.isCell(node) && cells.push(node);
+  });
   return cells.length ? cells[backspace2 ? cells.length - 1 : 0] : null;
 }
 function checkMoveListContent(jodit, mainClosestBox, sibling, backspace2) {
@@ -19938,6 +20021,13 @@ init_global2();
 init_helpers();
 init_trim();
 init_plugin2();
+var NOT_EMPTY_CONTENT_TAGS = /* @__PURE__ */ new Set([
+  "img",
+  "table",
+  "jodit",
+  "iframe",
+  "hr"
+]);
 var deleteCommand = class extends Plugin {
   afterInit(jodit) {
     jodit.e.on("afterCommand.delete", (command) => {
@@ -19963,8 +20053,8 @@ var deleteCommand = class extends Plugin {
     if (current && Dom.isTag(current.firstChild, "br")) {
       jodit.s.removeNode(current.firstChild);
     }
-    if (!trim(jodit.editor.textContent || "") && !jodit.editor.querySelector("img,table,jodit,iframe,hr") && (!current || !Dom.closest(current, "table", jodit.editor))) {
-      jodit.editor.innerHTML = "";
+    if (!trim(jodit.editor.textContent || "") && !Dom.first(jodit.editor, (node) => Dom.isTag(node, NOT_EMPTY_CONTENT_TAGS)) && (!current || !Dom.closest(current, "table", jodit.editor))) {
+      Dom.detach(jodit.editor);
       const node = jodit.s.setCursorIn(jodit.editor);
       jodit.s.removeNode(node);
     }
@@ -20430,6 +20520,7 @@ __export(filters_exports, {
 
 // node_modules/jodit/esm/plugins/clean-html/helpers/visitor/filters/allow-attributes.js
 init_dom();
+init_attr();
 function allowAttributes(jodit, nodeElm, hadEffect, allow) {
   const allowedForTag = allow && Dom.isElement(nodeElm) && allow[nodeElm.nodeName];
   if (allow && Dom.isElement(nodeElm) && allowedForTag !== true) {
@@ -20449,7 +20540,7 @@ function allowAttributes(jodit, nodeElm, hadEffect, allow) {
         hadEffect = true;
       }
       removeAttrs.forEach((attr2) => {
-        nodeElm.removeAttribute(attr2);
+        attrRaw(nodeElm, attr2, null);
       });
     }
   }
@@ -20499,7 +20590,7 @@ var TABLE_CONTAINER_TAGS = /* @__PURE__ */ new Set([
 function fillEmptyParagraph(jodit, nodeElm, hadEffect) {
   if (jodit.o.cleanHTML.fillEmptyParagraph && Dom.isBlock(nodeElm) && Dom.isEmpty(nodeElm, INSEPARABLE_TAGS) && !Dom.isTag(nodeElm, TABLE_CONTAINER_TAGS)) {
     const br = jodit.createInside.element("br");
-    nodeElm.appendChild(br);
+    Dom.append(nodeElm, br);
     return true;
   }
   return hadEffect;
@@ -21008,10 +21099,10 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     }
     return stack.join("");
   };
-  form2.appendChild(editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
-  form2.appendChild(editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
+  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+  Dom.append(form2, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
   const { extra } = refs(form2);
-  extra.appendChild(editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ""}"/></div>`));
+  Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ""}"/></div>`));
   const { hexInput } = refs(form2);
   let appliedHexValue = null;
   const applyHexInput = () => {
@@ -21041,7 +21132,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     applyHexInput();
   });
   if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
-    extra.appendChild(editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
+    Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
     editor.e.on(form2, "change", (e42) => {
       e42.stopPropagation();
       const target = e42.target;
@@ -21098,8 +21189,8 @@ var TabsWidget = (jodit, tabs, state) => {
   const nameToTab = {};
   const buttonList = [];
   let firstTab = "";
-  box.appendChild(buttons);
-  box.appendChild(tabBox);
+  Dom.append(box, buttons);
+  Dom.append(box, tabBox);
   const setActive = (tab2) => {
     if (!nameToTab[tab2]) {
       return;
@@ -21122,15 +21213,15 @@ var TabsWidget = (jodit, tabs, state) => {
     if (!firstTab) {
       firstTab = name;
     }
-    buttons.appendChild(button2.container);
+    Dom.append(buttons, button2.container);
     buttonList.push(button2);
     button2.container.classList.add("jodit-tabs__button", "jodit-tabs__button_columns_" + tabs.length);
     if (!isFunction(content)) {
-      tab2.appendChild(Component.isInstanceOf(content, UIElement) ? content.container : content);
+      Dom.append(tab2, Component.isInstanceOf(content, UIElement) ? content.container : content);
     } else {
       tab2.classList.add("jodit-tab_empty");
     }
-    tabBox.appendChild(tab2);
+    Dom.append(tabBox, tab2);
     button2.onAction(() => {
       setActive(name);
       if (isFunction(content) && !Dom.isElement(content)) {
@@ -21225,13 +21316,13 @@ var FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
     currentImage = null;
     if (elm && !Dom.isText(elm) && !Dom.isComment(elm) && (Dom.isTag(elm, "img") || $$("img", elm).length)) {
       currentImage = elm.tagName === "IMG" ? elm : $$("img", elm)[0];
-      val(form2.container, "input[name=url]", attr(currentImage, "src"));
-      val(form2.container, "input[name=text]", attr(currentImage, "alt"));
+      val(form2.container, "url", attr(currentImage, "src"));
+      val(form2.container, "text", attr(currentImage, "alt"));
       button2.state.text = "Update";
     }
     if (elm && Dom.isTag(elm, "a")) {
-      val(form2.container, "input[name=url]", attr(elm, "href"));
-      val(form2.container, "input[name=text]", attr(elm, "title"));
+      val(form2.container, "url", attr(elm, "href"));
+      val(form2.container, "text", attr(elm, "title"));
       button2.state.text = "Update";
     }
     form2.onSubmit((data) => {
@@ -21249,8 +21340,8 @@ var FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
   box.classList.add("jodit-file-selector");
   return box;
 };
-function val(elm, selector, value) {
-  const child = elm.querySelector(selector);
+function val(elm, name, value) {
+  const child = Dom.first(elm, (node) => Dom.isTag(node, "input") && attr(node, "name") === name);
   if (!child) {
     return "";
   }
@@ -21352,7 +21443,7 @@ Config.prototype.controls.brush = {
       if (!currentElement) {
         editor.execCommand("background", false, value);
       } else {
-        currentElement.style.backgroundColor = value;
+        css(currentElement, "backgroundColor", value);
       }
       dataBind(button2, "color", value);
       dataBind(button2, "color-mode", "background");
@@ -21362,7 +21453,7 @@ Config.prototype.controls.brush = {
       if (!currentElement) {
         editor.execCommand("forecolor", false, value);
       } else {
-        currentElement.style.color = value;
+        css(currentElement, "color", value);
       }
       dataBind(button2, "color", value);
       dataBind(button2, "color-mode", "color");
@@ -21391,10 +21482,10 @@ Config.prototype.controls.brush = {
     if (current && current !== jodit.editor && Dom.isNode(current) && Dom.isElement(current)) {
       switch (mode) {
         case "color":
-          current.style.color = color2;
+          css(current, "color", color2);
           break;
         case "background":
-          current.style.backgroundColor = color2;
+          css(current, "backgroundColor", color2);
           break;
       }
     } else {
@@ -21624,7 +21715,7 @@ Config.prototype.controls.copyformat = {
     } else {
       const defaultStyles = {}, box = Dom.up(current, (elm) => elm && !Dom.isText(elm), editor.editor) || editor.editor;
       const ideal = editor.createInside.span();
-      editor.editor.appendChild(ideal);
+      Dom.append(editor.editor, ideal);
       copyStyles.forEach((key3) => {
         defaultStyles[key3] = css(ideal, key3);
       });
@@ -21717,7 +21808,7 @@ var dragAndDrop = class extends Plugin {
     this.startDragPoint.x = event.clientX;
     this.startDragPoint.y = event.clientY;
     if (isFileBrowserFilesItem(target)) {
-      target = target.querySelector("img");
+      target = Dom.first(target, (node) => Dom.isTag(node, "img"));
     }
     if (Dom.isTag(target, "img")) {
       this.draggable = target.cloneNode(true);
@@ -21961,7 +22052,7 @@ var dragAndDropElement = class _dragAndDropElement extends Plugin {
         width: (_a2 = target === null || target === void 0 ? void 0 : target.offsetWidth) !== null && _a2 !== void 0 ? _a2 : 100,
         height: (_b = target === null || target === void 0 ? void 0 : target.offsetHeight) !== null && _b !== void 0 ? _b : 100
       });
-      getContainer(this.j, _dragAndDropElement).appendChild(this.draggable);
+      Dom.append(getContainer(this.j, _dragAndDropElement), this.draggable);
     }
     css(this.draggable, {
       left: event.clientX,
@@ -22144,7 +22235,7 @@ init_scroll_into_view();
 function insertParagraph(fake, editor, wrapperTag, style) {
   const isBR = wrapperTag.toLowerCase() === "br", { createInside } = editor, p63 = createInside.element(wrapperTag), br = createInside.element("br");
   if (!isBR) {
-    p63.appendChild(br);
+    Dom.append(p63, br);
   }
   if (style && style.cssText) {
     attr(p63, "style", style.cssText);
@@ -22189,11 +22280,11 @@ function processEmptyLILeaf(fake, jodit, li) {
     Dom.safeRemove(list);
   }
   const newLi = insertParagraph(fake, jodit, listInsideLeaf ? "li" : jodit.o.enter);
-  if (!rightPart.querySelector("li")) {
+  if (!Dom.first(rightPart, (node) => Dom.isTag(node, "li"))) {
     return;
   }
   if (listInsideLeaf) {
-    newLi.appendChild(rightPart);
+    Dom.append(newLi, rightPart);
   } else {
     Dom.after(newLi, rightPart);
   }
@@ -22241,7 +22332,7 @@ function wrapText(fake, jodit) {
   const currentBox = Dom.wrapInline(needWrap, jodit.o.enter, jodit);
   if (Dom.isEmpty(currentBox)) {
     const br = jodit.createInside.element("br");
-    currentBox.appendChild(br);
+    Dom.append(currentBox, br);
     Dom.before(br, fake);
   }
   return currentBox;
@@ -22676,6 +22767,7 @@ function formatBlock(editor) {
 pluginSystem.add("formatBlock", formatBlock);
 
 // node_modules/jodit/esm/plugins/fullsize/fullsize.js
+init_dom();
 init_global2();
 init_is_jodit_object();
 init_css();
@@ -22741,7 +22833,6 @@ function fullsize(editor) {
       wasToggled = false;
     }
   }, toggle = (enable) => {
-    var _a2;
     const { container, events } = editor;
     if (!container) {
       return;
@@ -22754,7 +22845,7 @@ function fullsize(editor) {
     isEnabled = enable;
     container.classList.toggle("jodit_fullsize", enable);
     if (editor.toolbar) {
-      isJoditObject(editor) && ((_a2 = editor.toolbarContainer) === null || _a2 === void 0 ? void 0 : _a2.appendChild(editor.toolbar.container));
+      isJoditObject(editor) && editor.toolbarContainer && Dom.append(editor.toolbarContainer, editor.toolbar.container);
       css(editor.toolbar.container, "width", "auto");
     }
     enable ? fullsizeStack.add(container) : fullsizeStack.delete(container);
@@ -22974,6 +23065,7 @@ pluginSystem.add("hr", hr);
 
 // node_modules/jodit/esm/plugins/iframe/iframe.js
 init_constants();
+init_dom();
 init_global2();
 init_helpers();
 init_helpers();
@@ -23005,20 +23097,20 @@ function iframe(editor) {
         const link2 = doc.createElement("link");
         attr(link2, "rel", "stylesheet");
         attr(link2, "href", href);
-        doc.head && doc.head.appendChild(link2);
+        doc.head && Dom.append(doc.head, link2);
       });
     }
     if (opt.iframeStyle) {
       const style = doc.createElement("style");
       style.innerHTML = opt.iframeStyle;
-      doc.head && doc.head.appendChild(style);
+      doc.head && Dom.append(doc.head, style);
     }
   }).on("createEditor", () => {
     if (!opt.iframe) {
       return;
     }
     const iframe2 = editor.c.element("iframe");
-    iframe2.style.display = "block";
+    css(iframe2, "display", "block");
     iframe2.src = "about:blank";
     iframe2.className = "jodit-wysiwyg_iframe";
     attr(iframe2, {
@@ -23029,7 +23121,7 @@ function iframe(editor) {
     if (opt.iframeSandbox != null) {
       attr(iframe2, "sandbox", opt.iframeSandbox);
     }
-    editor.workplace.appendChild(iframe2);
+    Dom.append(editor.workplace, iframe2);
     editor.iframe = iframe2;
     const result = editor.e.fire("generateDocumentStructure.iframe", null, editor);
     const init2 = () => {
@@ -23079,7 +23171,7 @@ function iframe(editor) {
       editor.editor = doc.body;
       editor.e.on("afterSetMode afterInit afterAddPlace", toggleEditable);
       if (opt.height === "auto") {
-        doc.documentElement && (doc.documentElement.style.overflowY = "hidden");
+        doc.documentElement && css(doc.documentElement, "overflowY", "hidden");
         const resizeIframe = editor.async.throttle((...args) => {
           editor.async.requestAnimationFrame(() => {
             if (editor.editor && editor.iframe && opt.height === "auto") {
@@ -23321,6 +23413,7 @@ Config.prototype.image = {
 // node_modules/jodit/esm/plugins/image-properties/ui/ui-image-form.js
 init_decorators();
 init_component();
+init_dom();
 init_helpers();
 
 // node_modules/jodit/esm/plugins/image-properties/ui/ui-image-main-tab.js
@@ -23799,7 +23892,7 @@ var UIImagePropertiesForm = class UIImagePropertiesForm2 extends UIGroup {
     this.handlers = handlers;
     this.__mainTab = new UIImageMainTab(this.jodit, this.state, this.handlers);
     this.__positionTab = new UIImagePositionTab(this.jodit, this.state, this.handlers);
-    this.getElm("tabsBox").appendChild(TabsWidget(jodit, [
+    Dom.append(this.getElm("tabsBox"), TabsWidget(jodit, [
       { name: "Image", content: this.__mainTab },
       { name: "Advanced", content: this.__positionTab }
     ], activeTabState));
@@ -23982,14 +24075,15 @@ function openImagePopup(j10, dialog, state, button2) {
 
 // node_modules/jodit/esm/plugins/image-properties/readers/index.js
 init_attr();
+init_css();
 
 // node_modules/jodit/esm/plugins/image-properties/readers/align.js
 init_css();
 function readAlign(image2, values) {
-  if (image2.style.cssFloat && ["left", "right"].indexOf(image2.style.cssFloat.toLowerCase()) !== -1) {
+  if (cssInline(image2, "float") && ["left", "right"].indexOf(cssInline(image2, "float").toLowerCase()) !== -1) {
     values.align = css(image2, "float");
   } else {
-    if (css(image2, "display") === "block" && image2.style.marginLeft === "auto" && image2.style.marginRight === "auto") {
+    if (css(image2, "display") === "block" && cssInline(image2, "margin-left") === "auto" && cssInline(image2, "margin-right") === "auto") {
       values.align = "center";
     } else {
       values.align = "";
@@ -24073,7 +24167,7 @@ function readValuesFromImage(j10, state) {
   return __async(this, null, function* () {
     const { sourceImage: image2, values } = state;
     readAlign(image2, values);
-    values.borderRadius = parseInt(image2.style.borderRadius || "0", 10) || 0;
+    values.borderRadius = parseInt(cssInline(image2, "border-radius") || "0", 10) || 0;
     values.id = attr(image2, "id") || "";
     values.imageTitle = attr(image2, "title") || "";
     values.imageAlt = attr(image2, "alt") || "";
@@ -24089,6 +24183,7 @@ function readValuesFromImage(j10, state) {
 // node_modules/jodit/esm/plugins/image-properties/writers/index.js
 init_dom();
 init_utils3();
+init_css();
 
 // node_modules/jodit/esm/plugins/image-properties/writers/link.js
 init_dom();
@@ -24107,7 +24202,7 @@ function applyLink(j10, image2, imageLink, imageLinkOpenInNewTab) {
     }
   } else {
     if (link2 && link2.parentNode) {
-      link2.parentNode.replaceChild(image2, link2);
+      Dom.replace(link2, image2, void 0, false, true);
     }
   }
 }
@@ -24172,7 +24267,7 @@ function applyValuesToImage(j10, state, image2) {
     Dom.safeRemove(image2);
     return;
   }
-  image2.style.borderRadius = borderRadius ? borderRadius + "px" : "";
+  css(image2, "borderRadius", borderRadius ? borderRadius + "px" : "");
   attr(image2, "title", imageTitle || null);
   attr(image2, "alt", imageAlt || null);
   applyLink(j10, image2, imageLink, imageLinkOpenInNewTab);
@@ -24405,9 +24500,11 @@ init_constants();
 init_dom2();
 init_global2();
 init_utils3();
+init_css();
 
 // node_modules/jodit/esm/plugins/indent/config.js
 init_dom2();
+init_css();
 init_config();
 
 // node_modules/jodit/esm/plugins/indent/icons/indent.svg.js
@@ -24444,7 +24541,8 @@ Config.prototype.controls.outdent = {
     const currentBox = Dom.closest(current, Dom.isBlock, editor.editor);
     if (currentBox) {
       const arrow = getKey(editor.o.direction, currentBox);
-      return !currentBox.style[arrow] || parseInt(currentBox.style[arrow], 10) <= 0;
+      const value = cssInline(currentBox, arrow);
+      return !value || parseInt(value, 10) <= 0;
     }
     return true;
   },
@@ -24462,9 +24560,10 @@ var applyIndentToBox = (processedElements, currentBox, editor, command) => {
   }
   const key3 = getKey(editor.o.direction, currentBox);
   processedElements.add(currentBox);
-  let value = currentBox.style[key3] ? parseInt(currentBox.style[key3], 10) : 0;
+  const current = cssInline(currentBox, key3);
+  let value = current ? parseInt(current, 10) : 0;
   value += editor.o.indentMargin * (command === "outdent" ? -1 : 1);
-  currentBox.style[key3] = value > 0 ? value + "px" : "";
+  css(currentBox, key3, value > 0 ? value : "");
   if (!attr(currentBox, "style")) {
     attr(currentBox, "style", null);
   }
@@ -26146,8 +26245,10 @@ function writeImage(a79, content_input, textWasChanged, url_input) {
 
 // node_modules/jodit/esm/plugins/media/media.js
 init_constants();
+init_dom();
 init_global2();
 init_utils3();
+init_css();
 
 // node_modules/jodit/esm/plugins/media/config.js
 init_config();
@@ -26170,13 +26271,15 @@ function media(editor) {
         [`data-${keyFake}`]: 1
       });
       attr(wrapper, "style", attr(element, "style"));
-      wrapper.style.display = element.style.display === "inline-block" ? "inline-block" : "block";
-      wrapper.style.width = element.offsetWidth + "px";
-      wrapper.style.height = element.offsetHeight + "px";
+      css(wrapper, {
+        display: cssInline(element, "display") === "inline-block" ? "inline-block" : "block",
+        width: element.offsetWidth,
+        height: element.offsetHeight
+      });
       if (element.parentNode) {
-        element.parentNode.insertBefore(wrapper, element);
+        Dom.before(element, wrapper);
       }
-      wrapper.appendChild(element);
+      Dom.append(wrapper, element);
       element = wrapper;
     }
     editor.e.off(element, "mousedown.select touchstart.select").on(element, "mousedown.select touchstart.select", () => {
@@ -26210,6 +26313,7 @@ init_helpers();
 // node_modules/jodit/esm/plugins/mobile/config.js
 init_constants();
 init_helpers();
+init_css();
 init_config();
 Config.prototype.mobileTapTimeout = 300;
 Config.prototype.toolbarAdaptive = true;
@@ -26330,7 +26434,7 @@ Config.prototype.controls.dots = {
             if (buttons && store2) {
               store2.toolbar.build(splitArray(buttons));
               const w9 = ((_b = (_a2 = editor.toolbar) === null || _a2 === void 0 ? void 0 : _a2.firstButton) === null || _b === void 0 ? void 0 : _b.container.offsetWidth) || 36;
-              store2.toolbar.container.style.width = (w9 + 4) * 3 + "px";
+              css(store2.toolbar.container, "width", (w9 + 4) * 3);
             }
           }
         }
@@ -27028,10 +27132,10 @@ var pasteStorage = class extends Plugin {
       }
       this.dialog || this.createDialog();
       if (this.listBox) {
-        this.listBox.innerHTML = "";
+        Dom.detach(this.listBox);
       }
       if (this.previewBox) {
-        this.previewBox.innerHTML = "";
+        Dom.detach(this.previewBox);
       }
       this.list.forEach((html, index) => {
         const a79 = this.j.c.element("a");
@@ -27040,7 +27144,7 @@ var pasteStorage = class extends Plugin {
         attr(a79, "href", "#");
         attr(a79, "data-index", index.toString());
         attr(a79, "tab-index", "-1");
-        this.listBox && this.listBox.appendChild(a79);
+        this.listBox && Dom.append(this.listBox, a79);
       });
       this.dialog && this.dialog.open();
       this.j.async.setTimeout(() => {
@@ -27058,8 +27162,8 @@ var pasteStorage = class extends Plugin {
     this.container.classList.add("jodit-paste-storage");
     this.listBox = this.j.c.div();
     this.previewBox = this.j.c.div();
-    this.container.appendChild(this.listBox);
-    this.container.appendChild(this.previewBox);
+    Dom.append(this.container, this.listBox);
+    Dom.append(this.container, this.previewBox);
     this.dialog.setHeader(this.j.i18n("Choose Content to Paste"));
     this.dialog.setContent(this.container);
     this.dialog.setFooter([pasteButton, cancelButton]);
@@ -27170,8 +27274,10 @@ var placeholder = class extends Plugin {
     }
     this.placeholderElm = editor.c.fromHTML(`<span data-ref="placeholder" style="display: none;" class="jodit-placeholder">${editor.i18n(editor.o.placeholder)}</span>`);
     if (editor.o.direction === "rtl") {
-      this.placeholderElm.style.right = "0px";
-      this.placeholderElm.style.direction = "rtl";
+      css(this.placeholderElm, {
+        right: 0,
+        direction: "rtl"
+      });
     }
     editor.e.on("readonly", (isReadOnly) => {
       if (isReadOnly) {
@@ -27191,17 +27297,21 @@ var placeholder = class extends Plugin {
     const current = editor.s.current(), wrapper = current && Dom.closest(current, Dom.isBlock, editor.editor) || editor.editor;
     const style = editor.ew.getComputedStyle(wrapper);
     const styleEditor = editor.ew.getComputedStyle(editor.editor);
-    editor.workplace.appendChild(this.placeholderElm);
+    Dom.append(editor.workplace, this.placeholderElm);
     const { firstChild } = editor.editor;
     if (Dom.isElement(firstChild) && !isMarker(firstChild)) {
       const style2 = editor.ew.getComputedStyle(firstChild);
       marginTop = parseInt(style2.getPropertyValue("margin-top"), 10);
       marginLeft = parseInt(style2.getPropertyValue("margin-left"), 10);
-      this.placeholderElm.style.fontSize = parseInt(style2.getPropertyValue("font-size"), 10) + "px";
-      this.placeholderElm.style.lineHeight = style2.getPropertyValue("line-height");
+      css(this.placeholderElm, {
+        fontSize: parseInt(style2.getPropertyValue("font-size"), 10),
+        lineHeight: style2.getPropertyValue("line-height")
+      });
     } else {
-      this.placeholderElm.style.fontSize = parseInt(style.getPropertyValue("font-size"), 10) + "px";
-      this.placeholderElm.style.lineHeight = style.getPropertyValue("line-height");
+      css(this.placeholderElm, {
+        fontSize: parseInt(style.getPropertyValue("font-size"), 10),
+        lineHeight: style.getPropertyValue("line-height")
+      });
     }
     css(this.placeholderElm, {
       display: "block",
@@ -27393,7 +27503,7 @@ Config.prototype.controls.print = {
       height: 0,
       border: 0
     });
-    getContainer(editor, Config).appendChild(iframe2);
+    Dom.append(getContainer(editor, Config), iframe2);
     const afterFinishPrint = () => {
       editor.e.off(editor.ow, "mousemove", afterFinishPrint);
       Dom.safeRemove(iframe2);
@@ -27415,7 +27525,7 @@ Config.prototype.controls.print = {
 							-webkit-print-color-adjust: exact;
 					}
 			}`;
-      myWindow.document.head.appendChild(style);
+      Dom.append(myWindow.document.head, style);
       myWindow.focus();
       myWindow.print();
     }
@@ -27493,6 +27603,7 @@ init_decorators();
 init_dom();
 init_global2();
 init_helpers();
+init_css();
 
 // node_modules/jodit/esm/plugins/resize-cells/config.js
 init_config();
@@ -27543,7 +27654,7 @@ var resizeCells = class extends Plugin {
   }
   showResizeHandle() {
     this.j.async.clearTimeout(this.hideTimeout);
-    this.j.workplace.appendChild(this.resizeHandler);
+    Dom.append(this.j.workplace, this.resizeHandler);
   }
   hideResizeHandle() {
     this.hideTimeout = this.j.async.setTimeout(() => {
@@ -27604,7 +27715,7 @@ var resizeCells = class extends Plugin {
       x11 = this.maxX;
     }
     this.resizeDelta = x11 - this.startX + (!this.j.o.iframe ? 0 : workplacePosition.left);
-    this.resizeHandler.style.left = x11 - (this.j.o.iframe ? 0 : workplacePosition.left) + "px";
+    css(this.resizeHandler, "left", x11 - (this.j.o.iframe ? 0 : workplacePosition.left) + "px");
     const sel = this.j.s.sel;
     sel && sel.removeAllRanges();
   }
@@ -27652,12 +27763,14 @@ var resizeCells = class extends Plugin {
     const rightSide = !this.wholeTable;
     const needChangeWidth = this.isRTL ? !rightSide : rightSide;
     if (needChangeWidth) {
-      this.workTable.style.width = (width + delta) / parentWidth * 100 + "%";
+      css(this.workTable, "width", (width + delta) / parentWidth * 100 + "%");
     } else {
       const side = this.isRTL ? "marginRight" : "marginLeft";
       const margin = parseInt(this.j.ew.getComputedStyle(this.workTable)[side] || "0", 10);
-      this.workTable.style.width = (width - delta) / parentWidth * 100 + "%";
-      this.workTable.style[side] = (margin + delta) / parentWidth * 100 + "%";
+      css(this.workTable, {
+        width: (width - delta) / parentWidth * 100 + "%",
+        [side]: (margin + delta) / parentWidth * 100 + "%"
+      });
     }
   }
   /**
@@ -27681,7 +27794,7 @@ var resizeCells = class extends Plugin {
       return;
     }
     const workplacePosition = offset(this.j.workplace, this.j, this.j.od, true), parentBox = offset(table2, this.j, this.j.ed);
-    this.resizeHandler.style.left = (offsetX <= NEARBY ? box.left : box.left + box.width) - workplacePosition.left + delta + "px";
+    css(this.resizeHandler, "left", (offsetX <= NEARBY ? box.left : box.left + box.width) - workplacePosition.left + delta + "px");
     Object.assign(this.resizeHandler.style, {
       height: parentBox.height + "px",
       top: parentBox.top - workplacePosition.top + "px"
@@ -27709,7 +27822,7 @@ var resizeCells = class extends Plugin {
       const parent = Dom.up(this.workCell, (elm) => Dom.isTag(elm, "table"), editor.editor);
       if (parent) {
         const parentBox = parent.getBoundingClientRect();
-        this.resizeHandler.style.top = parentBox.top + "px";
+        css(this.resizeHandler, "top", parentBox.top + "px");
       }
     }).on("beforeSetMode.resize-cells", () => {
       const tableModule = this.module;
@@ -27771,6 +27884,7 @@ init_decorators();
 init_dom2();
 init_global2();
 init_helpers();
+init_css();
 init_plugin2();
 
 // node_modules/jodit/esm/plugins/resize-handler/config.js
@@ -27812,9 +27926,9 @@ var resizeHandler = class extends Plugin {
       editor.statusbar.setMod("resize-handle", true);
       editor.statusbar.show();
       editor.e.on("toggleFullSize.resizeHandler", () => {
-        this.handle.style.display = editor.isFullSize ? "none" : "block";
+        css(this.handle, "display", editor.isFullSize ? "none" : "block");
       }).on(this.handle, "mousedown touchstart", this.onHandleResizeStart).on(editor.ow, "mouseup touchend", this.onHandleResizeEnd);
-      editor.container.appendChild(this.handle);
+      Dom.append(editor.container, this.handle);
     }
   }
   /**
@@ -27886,6 +28000,7 @@ init_decorators();
 init_dom();
 init_global2();
 init_helpers();
+init_css();
 init_plugin();
 
 // node_modules/jodit/esm/plugins/resizer/config.js
@@ -27953,7 +28068,7 @@ var resizer = class extends Plugin {
       }
       if (this.element && this.rect) {
         const workplacePosition = this.getWorkplacePosition();
-        const pos = offset(this.element, this.j, this.j.ed), left = parseInt(this.rect.style.left || "0", 10), top = parseInt(this.rect.style.top || "0", 10), w9 = this.rect.offsetWidth, h61 = this.rect.offsetHeight;
+        const pos = offset(this.element, this.j, this.j.ed), left = parseInt(cssInline(this.rect, "left") || "0", 10), top = parseInt(cssInline(this.rect, "top") || "0", 10), w9 = this.rect.offsetWidth, h61 = this.rect.offsetHeight;
         const newTop = pos.top - workplacePosition.top, newLeft = pos.left - workplacePosition.left;
         if (top !== newTop || left !== newLeft || w9 !== this.element.offsetWidth || h61 !== this.element.offsetHeight) {
           css(this.rect, {
@@ -27972,7 +28087,7 @@ var resizer = class extends Plugin {
       }
     };
     this.hideSizeViewer = () => {
-      this.sizeViewer.style.opacity = "0";
+      css(this.sizeViewer, "opacity", "0");
     };
   }
   /** @override */
@@ -28014,7 +28129,7 @@ var resizer = class extends Plugin {
       return;
     }
     const width = attr(image2, "width");
-    if (width && !css(image2, "width", true)) {
+    if (width && !cssInline(image2, "width")) {
       css(image2, "width", width);
       attr(image2, "width", null);
     }
@@ -28146,7 +28261,7 @@ var resizer = class extends Plugin {
     if (changeAttrs) {
       attr(element, key3, value);
     }
-    if (!changeAttrs || element.style[key3]) {
+    if (!changeAttrs || cssInline(element, key3)) {
       css(element, key3, value);
     }
   }
@@ -28195,14 +28310,14 @@ var resizer = class extends Plugin {
         });
         attr(wrapper, "style", attr(element, "style"));
         css(wrapper, {
-          display: element.style.display === "inline-block" ? "inline-block" : "block",
+          display: cssInline(element, "display") === "inline-block" ? "inline-block" : "block",
           width: element.offsetWidth,
           height: element.offsetHeight
         });
         if (element.parentNode) {
-          element.parentNode.insertBefore(wrapper, element);
+          Dom.before(element, wrapper);
         }
-        wrapper.appendChild(element);
+        Dom.append(wrapper, element);
         this.j.e.on(wrapper, "click", () => {
           attr(wrapper, "data-jodit-wrapper_active", true);
         });
@@ -28232,7 +28347,7 @@ var resizer = class extends Plugin {
       this.hideSizeViewer();
       return;
     }
-    this.sizeViewer.style.opacity = "1";
+    css(this.sizeViewer, "opacity", "1");
     this.sizeViewer.textContent = `${w9} x ${h61}`;
     this.j.async.setTimeout(this.hideSizeViewer, {
       timeout: this.j.o.resizer.hideSizeTimeout,
@@ -28249,10 +28364,10 @@ var resizer = class extends Plugin {
     this.isShown = true;
     if (!this.rect.parentNode) {
       markOwner(this.j, this.rect);
-      this.j.workplace.appendChild(this.rect);
+      Dom.append(this.j.workplace, this.rect);
     }
     if (this.j.isFullSize) {
-      this.rect.style.zIndex = css(this.j.container, "zIndex").toString();
+      css(this.rect, "zIndex", css(this.j.container, "zIndex").toString());
     }
     this.updateSize();
   }
@@ -28380,7 +28495,7 @@ function ensureHighlightStyle(doc, useHighlightAPI) {
   } catch (_a2) {
     const style = doc.createElement("style");
     style.textContent = rule;
-    doc.head.appendChild(style);
+    Dom.append(doc.head, style);
   }
 }
 function highlightTextRanges(jodit, rng, restRanges, ci, root) {
@@ -28688,7 +28803,7 @@ var UISearch = class UISearch2 extends UIElement {
   }
   open(query, replace, searchAndReplace = false) {
     if (!this.isOpened) {
-      this.j.workplace.appendChild(this.container);
+      Dom.append(this.j.workplace, this.container);
       this.isOpened = true;
     }
     this.calcSticky(this.j.e.fire("getStickyState.sticky") || false);
@@ -29163,7 +29278,7 @@ var select = class extends Plugin {
     }
     const text2 = range.startContainer;
     const li = text2.parentNode;
-    if (!Dom.isTag(li, "li") || !(li.querySelector("ul") || li.querySelector("ol"))) {
+    if (!Dom.isTag(li, "li") || !Dom.first(li, (node) => Dom.isTag(node, LIST_TAGS))) {
       return;
     }
     const measure = this.j.ed.createRange();
@@ -29327,7 +29442,7 @@ var selectCells = class extends Plugin {
         this.__tableModule.removeSelection(cell);
       } else {
         if (!cell.firstChild) {
-          cell.appendChild(this.j.createInside.element("br"));
+          Dom.append(cell, this.j.createInside.element("br"));
         }
         this.__tableModule.addSelection(cell);
       }
@@ -29348,7 +29463,7 @@ var selectCells = class extends Plugin {
       return;
     }
     if (!cell.firstChild) {
-      cell.appendChild(this.j.createInside.element("br"));
+      Dom.append(cell, this.j.createInside.element("br"));
     }
     this.__isSelectionMode = true;
     this.__selectedCell = cell;
@@ -29413,10 +29528,9 @@ var selectCells = class extends Plugin {
     e42.stopPropagation();
     (() => {
       const n57 = this.j.createInside.fromHTML('<div style="color:rgba(0,0,0,0.01);width:0;height:0">&nbsp;</div>');
-      cell.appendChild(n57);
+      Dom.append(cell, n57);
       this.j.async.setTimeout(() => {
-        var _a3;
-        (_a3 = n57.parentNode) === null || _a3 === void 0 ? void 0 : _a3.removeChild(n57);
+        Dom.safeRemove(n57);
       }, this.j.defaultTimeout / 5);
     })();
   }
@@ -29500,7 +29614,7 @@ var selectCells = class extends Plugin {
       const cells = this.__tableModule.getAllSelectedCells();
       cells.forEach((td) => {
         Dom.detach(td);
-        td.appendChild(this.j.createInside.element("br"));
+        Dom.append(td, this.j.createInside.element("br"));
       });
       this.unselectCells();
       this.j.s.setCursorIn(cells[0]);
@@ -29850,6 +29964,7 @@ init_helpers();
 
 // node_modules/jodit/esm/plugins/source/editor/engines/ace.js
 init_constants();
+init_dom();
 init_helpers();
 
 // node_modules/jodit/esm/plugins/source/editor/sourceEditor.js
@@ -29949,7 +30064,7 @@ var AceEditor = class extends SourceEditor {
         return;
       }
       const fakeMirror = this.j.c.div("jodit-source__mirror-fake");
-      this.container.appendChild(fakeMirror);
+      Dom.append(this.container, fakeMirror);
       const ace = editor.ow.ace;
       this.instance = ace.edit(fakeMirror);
       if (editor.o.direction === "rtl") {
@@ -30087,8 +30202,8 @@ var TextAreaEditor = class extends SourceEditor {
   constructor() {
     super(...arguments);
     this.autosize = this.j.async.debounce(() => {
-      this.instance.style.height = "auto";
-      this.instance.style.height = this.instance.scrollHeight + "px";
+      css(this.instance, "height", "auto");
+      css(this.instance, "height", this.instance.scrollHeight);
     }, this.j.defaultTimeout, true);
   }
   init(editor) {
@@ -30096,7 +30211,7 @@ var TextAreaEditor = class extends SourceEditor {
       class: "jodit-source__mirror",
       dir: editor.o.direction === "rtl" ? "rtl" : void 0
     });
-    this.container.appendChild(this.instance);
+    Dom.append(this.container, this.instance);
     editor.e.on(this.instance, "mousedown keydown touchstart input", editor.async.debounce(this.toWYSIWYG, editor.defaultTimeout)).on("setMinHeight.source", (minHeightD) => {
       css(this.instance, "minHeight", minHeightD);
     }).on(this.instance, "change keydown mousedown touchstart input", this.autosize).on("afterSetMode.source", this.autosize).on(this.instance, "mousedown focus blur", (e42) => {
@@ -30380,9 +30495,9 @@ var source = class extends Plugin {
   /** @override */
   afterInit(editor) {
     this.mirrorContainer = editor.c.div("jodit-source");
-    editor.workplace.appendChild(this.mirrorContainer);
+    Dom.append(editor.workplace, this.mirrorContainer);
     editor.e.on("afterAddPlace changePlace afterInit", () => {
-      editor.workplace.appendChild(this.mirrorContainer);
+      Dom.append(editor.workplace, this.mirrorContainer);
     });
     this.sourceEditor = createSourceEditor("area", editor, this.mirrorContainer, this.toWYSIWYG, this.fromWYSIWYG);
     editor.e.on(editor.ow, "keydown", (e42) => {
@@ -30894,7 +31009,7 @@ var sticky = class extends Plugin {
     this.__createDummy = (toolbar) => {
       this.__dummyBox = this.j.c.div();
       this.__dummyBox.classList.add("jodit_sticky-dummy_toolbar");
-      this.j.container.insertBefore(this.__dummyBox, toolbar);
+      Dom.before(toolbar, this.__dummyBox);
     };
     this.addSticky = (toolbar) => {
       if (!this.__isToolbarStuck) {
@@ -30972,6 +31087,7 @@ init_utils3();
 init_plugin();
 
 // node_modules/jodit/esm/plugins/symbols/config.js
+init_dom();
 init_config();
 
 // node_modules/jodit/esm/plugins/symbols/symbols.svg.js
@@ -31201,12 +31317,12 @@ Config.prototype.controls.symbols = {
       if (editor.o.usePopupForSpecialCharacters) {
         const box = editor.c.div();
         box.classList.add("jodit-symbols");
-        box.appendChild(container);
+        Dom.append(box, container);
         editor.e.on(container, "close_dialog", close);
         return box;
       }
       editor.alert(container, "Select Special Character", void 0, "jodit-symbols").bindDestruct(editor);
-      const a79 = container.querySelector("a");
+      const a79 = Dom.first(container, (node) => Dom.isTag(node, "a"));
       a79 && a79.focus();
     }
     return;
@@ -31461,8 +31577,8 @@ var symbols = class extends Plugin {
 							<div class="jodit-symbols__preview"></div>
 						</div>
 					</div>`);
-      const preview2 = container.querySelector(".jodit-symbols__preview");
-      const table2 = container.querySelector("table");
+      const preview2 = Dom.first(container, (node) => Dom.isHTMLElement(node) && node.classList.contains("jodit-symbols__preview"));
+      const table2 = Dom.first(container, (node) => Dom.isTag(node, "table"));
       const body = table2.tBodies[0];
       const chars = [];
       for (let i56 = 0; i56 < jodit.o.specialCharacters.length; ) {
@@ -31475,10 +31591,10 @@ var symbols = class extends Plugin {
 									tabindex="-1"
 							>${jodit.o.specialCharacters[i56]}</a>`);
           chars.push(a79);
-          td.appendChild(a79);
-          tr.appendChild(td);
+          Dom.append(td, a79);
+          Dom.append(tr, td);
         }
-        body.appendChild(tr);
+        Dom.append(body, tr);
       }
       const self2 = this;
       jodit.e.on(chars, "focus", function() {
@@ -31705,11 +31821,11 @@ var UiAiAssistant = class UiAiAssistant2 extends UIElement {
       this.__results.classList.remove(hideMod);
       this.__buttons.classList.remove(hideMod);
       Dom.detach(this.__results);
-      this.__results.appendChild(this.__spinner);
+      Dom.append(this.__results, this.__spinner);
       this.__insertButton.focus();
     });
-    this.__buttons.appendChild(buttonsBLock.container);
-    this.__body.appendChild(this.__formAiAssistant.container);
+    Dom.append(this.__buttons, buttonsBLock.container);
+    Dom.append(this.__body, this.__formAiAssistant.container);
     this.onChangePromptValue();
   }
   render() {
@@ -31746,7 +31862,7 @@ var UiAiAssistant = class UiAiAssistant2 extends UIElement {
     this.setMod("loading", false);
     Dom.detach(this.__results);
     this.__aiResult = result;
-    this.__results.appendChild(this.jodit.c.fromHTML(result));
+    Dom.append(this.__results, this.jodit.c.fromHTML(result));
     this.__toggleSubmitButton(false);
     this.__toggleInsertButton(false);
   }
@@ -32005,7 +32121,13 @@ Config.prototype.controls.table = {
       }
       return out.join("");
     };
-    const form2 = editor.c.fromHTML('<form class="jodit-form jodit-form__inserter"><div class="jodit-form__table-creator-box"><div class="jodit-form__container"></div><div class="jodit-form__options">' + generateExtraClasses() + '</div></div><label class="jodit-form__center"><span>1</span> &times; <span>1</span></label></form>'), rows = form2.querySelectorAll("span")[0], cols = form2.querySelectorAll("span")[1], blocksContainer = form2.querySelector(".jodit-form__container"), options2 = form2.querySelector(".jodit-form__options"), cells = [];
+    const form2 = editor.c.fromHTML('<form class="jodit-form jodit-form__inserter"><div class="jodit-form__table-creator-box"><div class="jodit-form__container"></div><div class="jodit-form__options">' + generateExtraClasses() + '</div></div><label class="jodit-form__center"><span>1</span> &times; <span>1</span></label></form>'), spans = (() => {
+      const list = [];
+      Dom.each(form2, (node) => {
+        Dom.isTag(node, "span") && list.push(node);
+      });
+      return list;
+    })(), [rows, cols] = spans, blocksContainer = Dom.first(form2, (node) => Dom.isHTMLElement(node) && node.classList.contains("jodit-form__container")), options2 = Dom.first(form2, (node) => Dom.isHTMLElement(node) && node.classList.contains("jodit-form__options")), cells = [];
     const cnt = default_rows_count * default_cols_count;
     attr(blocksContainer, {
       role: "grid",
@@ -32041,7 +32163,7 @@ Config.prototype.controls.table = {
       const k7 = parseInt(attr(cell, "-index") || "0", 10);
       const rows_count = Math.ceil((k7 + 1) / default_cols_count), cols_count = k7 % default_cols_count + 1;
       const crt = editor.createInside, tbody = crt.element("tbody"), table2 = crt.element("table");
-      table2.appendChild(tbody);
+      Dom.append(table2, tbody);
       let first_td = null, tr, td;
       for (let i56 = 1; i56 <= rows_count; i56 += 1) {
         tr = crt.element("tr");
@@ -32051,13 +32173,13 @@ Config.prototype.controls.table = {
             first_td = td;
           }
           css(td, "width", (100 / cols_count).toFixed(4) + "%");
-          td.appendChild(crt.element("br"));
-          tr.appendChild(crt.text("\n"));
-          tr.appendChild(crt.text("	"));
-          tr.appendChild(td);
+          Dom.append(td, crt.element("br"));
+          Dom.append(tr, crt.text("\n"));
+          Dom.append(tr, crt.text("	"));
+          Dom.append(tr, td);
         }
-        tbody.appendChild(crt.text("\n"));
-        tbody.appendChild(tr);
+        Dom.append(tbody, crt.text("\n"));
+        Dom.append(tbody, tr);
       }
       $$("input[type=checkbox]:checked", options2).forEach((input) => {
         input.value.split(/[\s]+/).forEach((className) => {
@@ -32159,9 +32281,9 @@ Config.prototype.controls.table = {
         const row = editor.c.div();
         attr(row, "role", "row");
         for (let j10 = 0; j10 < default_cols_count; j10 += 1) {
-          row.appendChild(cells[i56 * default_cols_count + j10]);
+          Dom.append(row, cells[i56 * default_cols_count + j10]);
         }
-        blocksContainer.appendChild(row);
+        Dom.append(blocksContainer, row);
       }
       if (cells[0]) {
         cells[0].className = "hovered";
@@ -32210,7 +32332,7 @@ function tableKeyboardNavigation(editor) {
       case KEY_LEFT: {
         next = getNextCell();
         if (!next) {
-          tableModule.appendRow(table2, !isPrev ? false : table2.querySelector("tr"), !isPrev);
+          tableModule.appendRow(table2, !isPrev ? false : Dom.first(table2, (node) => Dom.isTag(node, "tr")), !isPrev);
           next = getNextCell();
         }
         break;
@@ -32238,7 +32360,7 @@ function tableKeyboardNavigation(editor) {
     editor.e.fire("hidePopup hideResizer");
     if (!next.firstChild) {
       const first = editor.createInside.element("br");
-      next.appendChild(first);
+      Dom.append(next, first);
       editor.s.setCursorBefore(first);
     } else {
       if (key3 === KEY_TAB) {
@@ -32442,7 +32564,7 @@ var xpath = class extends Plugin {
         name: "selectall"
       }, this.j.o.controls.selectall));
       this.selectAllButton.state.size = "tiny";
-      this.container && this.container.insertBefore(this.selectAllButton.container, this.container.firstChild);
+      this.container && Dom.prepend(this.container, this.selectAllButton.container);
     };
     this.calcPathImd = () => {
       if (this.isDestructed) {
@@ -32459,7 +32581,7 @@ var xpath = class extends Plugin {
             name = elm.nodeName.toLowerCase();
             xpth = getXPathByElement(elm, this.j.editor).replace(/^\//, "");
             li = this.tpl(elm, xpth, name, this.j.i18n("Select %s", name));
-            this.container && this.container.insertBefore(li, this.container.firstChild);
+            this.container && Dom.prepend(this.container, li);
           }
         }, this.j.editor);
       }
@@ -32849,6 +32971,7 @@ init_constants();
 init_decorators();
 init_global2();
 init_helpers();
+init_css();
 init_config();
 var __decorate71 = function(decorators, target, key3, desc) {
   var c74 = arguments.length, r60 = c74 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key3) : desc, d55;
@@ -33530,7 +33653,7 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
     this.setReadOnly(isDisabled || readOnly);
     this.__wasReadOnly = readOnly;
     if (this.editor) {
-      this.editor.setAttribute("aria-disabled", isDisabled.toString());
+      attr(this.editor, "aria-disabled", isDisabled);
       this.container.classList.toggle("jodit_disabled", isDisabled);
       this.e.fire("disabled", isDisabled);
     }
@@ -33554,9 +33677,9 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
     this.__wasReadOnly = isReadOnly;
     this.o.readonly = isReadOnly;
     if (isReadOnly) {
-      this.editor && this.editor.removeAttribute("contenteditable");
+      this.editor && attr(this.editor, "contenteditable", null);
     } else {
-      this.editor && this.editor.setAttribute("contenteditable", "true");
+      this.editor && attr(this.editor, "contenteditable", true);
     }
     this.e && this.e.fire("readonly", isReadOnly);
   }
@@ -33701,42 +33824,43 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
       const property = kebabCase(key3);
       container.style.setProperty(`--jd-${property}`, styleValues[key3]);
     });
-    container.setAttribute("contenteditable", "false");
+    attr(container, "contenteditable", false);
     let buffer = null;
     if (this.o.inline) {
       if (["TEXTAREA", "INPUT"].indexOf(element.nodeName) === -1) {
         container = element;
-        element.setAttribute(__defaultClassesKey, element.className.toString());
+        attr(element, __defaultClassesKey, element.className.toString());
         buffer = container.innerHTML;
-        container.innerHTML = "";
+        Dom.detach(container);
       }
       container.classList.add("jodit_inline");
       container.classList.add("jodit-container");
     }
     if (element !== container) {
-      if (element.style.display) {
-        element.setAttribute(__defaultStyleDisplayKey, element.style.display);
+      const display = cssInline(element, "display");
+      if (display) {
+        attr(element, __defaultStyleDisplayKey, display);
       }
-      element.style.display = "none";
+      css(element, "display", "none");
     }
     const SLOT = "workplace-slot";
     const aboveSlot = this.c.div(this.getFullElName(SLOT, "above"), NOEDIT);
-    aboveSlot.setAttribute("data-jodit-above-toolbar", "");
+    attr(aboveSlot, "data-jodit-above-toolbar", "");
     Dom.appendChildFirst(container, aboveSlot);
     const topSlot = this.c.div(this.getFullElName(SLOT, "top"), NOEDIT);
-    container.appendChild(topSlot);
+    Dom.append(container, topSlot);
     const centerSlot = this.c.div(this.getFullElName(SLOT, "center"), NOEDIT);
     const workplace = this.c.div("jodit-workplace", NOEDIT);
     const leftSlot = this.c.div(this.getFullElName(SLOT, "left"), NOEDIT);
     const rightSlot = this.c.div(this.getFullElName(SLOT, "right"), NOEDIT);
-    centerSlot.appendChild(leftSlot);
-    centerSlot.appendChild(workplace);
-    centerSlot.appendChild(rightSlot);
-    container.appendChild(centerSlot);
+    Dom.append(centerSlot, leftSlot);
+    Dom.append(centerSlot, workplace);
+    Dom.append(centerSlot, rightSlot);
+    Dom.append(container, centerSlot);
     const bottomPanel = this.c.div(this.getFullElName(SLOT, "bottom"), NOEDIT);
-    container.appendChild(bottomPanel);
+    Dom.append(container, bottomPanel);
     if (element.parentNode && element !== container) {
-      element.parentNode.insertBefore(container, element);
+      Dom.before(element, container);
     }
     Object.defineProperty(element, "component", {
       enumerable: false,
@@ -33748,7 +33872,7 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
       "aria-disabled": false,
       tabindex: this.o.tabIndex
     });
-    workplace.appendChild(editor);
+    Dom.append(workplace, editor);
     const currentPlace = {
       editor,
       element,
@@ -33792,7 +33916,7 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
     return callPromise(initResult, init2);
   }
   addDisclaimer(elm) {
-    this.workplace.appendChild(elm);
+    Dom.append(this.workplace, elm);
   }
   /**
    * Set current place object
@@ -33882,10 +34006,10 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
     const { editor } = this;
     if (this.o.direction) {
       const direction = this.o.direction.toLowerCase() === "rtl" ? "rtl" : "ltr";
-      this.editor.style.direction = direction;
-      this.editor.setAttribute("dir", direction);
-      this.container.style.direction = direction;
-      this.container.setAttribute("dir", direction);
+      css(this.editor, "direction", direction);
+      attr(this.editor, "dir", direction);
+      css(this.container, "direction", direction);
+      attr(this.container, "dir", direction);
       this.toolbar.setDirection(direction);
     }
     this.e.on(editor, "mousedown touchstart focus", () => {
@@ -33962,20 +34086,20 @@ var Jodit2 = Jodit_1 = class Jodit3 extends ViewWithToolbar {
         if (element.hasAttribute(__defaultStyleDisplayKey)) {
           const display = attr(element, __defaultStyleDisplayKey);
           if (display) {
-            element.style.display = display;
-            element.removeAttribute(__defaultStyleDisplayKey);
+            css(element, "display", display);
+            attr(element, __defaultStyleDisplayKey, null);
           }
         } else {
-          element.style.display = "";
+          css(element, "display", "");
         }
       } else {
         if (element.hasAttribute(__defaultClassesKey)) {
           element.className = attr(element, __defaultClassesKey) || "";
-          element.removeAttribute(__defaultClassesKey);
+          attr(element, __defaultClassesKey, null);
         }
       }
       if (element.hasAttribute("style") && !attr(element, "style")) {
-        element.removeAttribute("style");
+        attr(element, "style", null);
       }
       statusbar.destruct();
       this.e.off(container);
@@ -34469,7 +34593,7 @@ var SpeechRecognizeNative = class extends Plugin {
     if (!this.messagePopup) {
       this.messagePopup = this.j.create.div("jodit-speech-recognize__popup");
     }
-    this.j.workplace.appendChild(this.messagePopup);
+    Dom.append(this.j.workplace, this.messagePopup);
     this.j.async.clearTimeout(this.__hidePopupTimeout);
     this.__hidePopupTimeout = this.j.async.setTimeout(() => {
       Dom.safeRemove(this.messagePopup);
@@ -54236,15 +54360,16 @@ jodit/esm/core/helpers/checker/is-array.js:
 jodit/esm/core/helpers/checker/is-string.js:
 jodit/esm/core/helpers/checker/is-view-object.js:
 jodit/esm/core/helpers/string/kebab-case.js:
-jodit/esm/core/helpers/checker/is-boolean.js:
 jodit/esm/core/helpers/checker/is-window.js:
 jodit/esm/core/helpers/checker/is-plain-object.js:
+jodit/esm/core/helpers/checker/is-boolean.js:
 jodit/esm/core/helpers/checker/is-numeric.js:
 jodit/esm/core/helpers/checker/is-void.js:
 jodit/esm/core/helpers/color/color-to-hex.js:
 jodit/esm/core/helpers/normalize/normalize-css-value.js:
 jodit/esm/core/helpers/string/camel-case.js:
 jodit/esm/core/helpers/utils/css.js:
+jodit/esm/core/helpers/utils/attr.js:
 jodit/esm/core/helpers/utils/get-class-name.js:
 jodit/esm/core/helpers/array/split-array.js:
 jodit/esm/core/helpers/utils/error/errors/abort-error.js:
@@ -54264,7 +54389,6 @@ jodit/esm/core/event-emitter/global.js:
 jodit/esm/core/helpers/checker/is-html.js:
 jodit/esm/core/helpers/checker/is-set.js:
 jodit/esm/core/helpers/string/trim.js:
-jodit/esm/core/helpers/utils/attr.js:
 jodit/esm/core/helpers/utils/data-bind.js:
 jodit/esm/core/helpers/checker/is-promise.js:
 jodit/esm/core/helpers/utils/utils.js: