jodit 4.13.26 → 4.14.0

package/esm/plugins/fullsize/fullsize.js

@@ -3,6 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
+import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { isJoditObject } from "../../core/helpers/checker/is-jodit-object.js";
 import { css } from "../../core/helpers/utils/css.js";
@@ -48,7 +49,6 @@ export function fullsize(editor) {
      * Change editor's state between FullSize and normal
      */
     toggle = (enable) => {
-        var _a;
         const { container, events } = editor;
         if (!container) {
             return;
@@ -62,7 +62,8 @@ export function fullsize(editor) {
         container.classList.toggle('jodit_fullsize', enable);
         if (editor.toolbar) {
             isJoditObject(editor) &&
-                ((_a = editor.toolbarContainer) === null || _a === void 0 ? void 0 : _a.appendChild(editor.toolbar.container));
+                editor.toolbarContainer &&
+                Dom.append(editor.toolbarContainer, editor.toolbar.container);
             css(editor.toolbar.container, 'width', 'auto');
         }
         enable

package/esm/plugins/iframe/iframe.js

@@ -4,6 +4,7 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { MODE_SOURCE } from "../../core/constants.js";
+import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { error } from "../../core/helpers/index.js";
 import { attr, callPromise, css, defaultLanguage } from "../../core/helpers/index.js";
@@ -41,13 +42,13 @@ export function iframe(editor) {
                 const link = doc.createElement('link');
                 attr(link, 'rel', 'stylesheet');
                 attr(link, 'href', href);
-                doc.head && doc.head.appendChild(link);
+                doc.head && Dom.append(doc.head, link);
             });
         }
         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', () => {
@@ -55,7 +56,7 @@ export function iframe(editor) {
             return;
         }
         const iframe = editor.c.element('iframe');
-        iframe.style.display = 'block';
+        css(iframe, 'display', 'block');
         iframe.src = 'about:blank';
         iframe.className = 'jodit-wysiwyg_iframe';
         attr(iframe, {
@@ -66,7 +67,7 @@ export function iframe(editor) {
         if (opt.iframeSandbox != null) {
             attr(iframe, 'sandbox', opt.iframeSandbox);
         }
-        editor.workplace.appendChild(iframe);
+        Dom.append(editor.workplace, iframe);
         editor.iframe = iframe;
         const result = editor.e.fire('generateDocumentStructure.iframe', null, editor);
         const init = () => {
@@ -137,7 +138,7 @@ export function iframe(editor) {
             editor.e.on('afterSetMode afterInit afterAddPlace', toggleEditable);
             if (opt.height === 'auto') {
                 doc.documentElement &&
-                    (doc.documentElement.style.overflowY = 'hidden');
+                    css(doc.documentElement, 'overflowY', 'hidden');
                 const resizeIframe = editor.async.throttle((...args) => {
                     editor.async.requestAnimationFrame(() => {
                         if (editor.editor &&

package/esm/plugins/image-properties/readers/align.js

@@ -3,20 +3,21 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
-import { css } from "../../../core/helpers/utils/css.js";
+import { css, cssInline } from "../../../core/helpers/utils/css.js";
 /**
  * @private
  */
 export function readAlign(image, values) {
     // Align
-    if (image.style.cssFloat &&
-        ['left', 'right'].indexOf(image.style.cssFloat.toLowerCase()) !== -1) {
+    if (cssInline(image, 'float') &&
+        ['left', 'right'].indexOf(cssInline(image, 'float').toLowerCase()) !==
+            -1) {
         values.align = css(image, 'float');
     }
     else {
         if (css(image, 'display') === 'block' &&
-            image.style.marginLeft === 'auto' &&
-            image.style.marginRight === 'auto') {
+            cssInline(image, 'margin-left') === 'auto' &&
+            cssInline(image, 'margin-right') === 'auto') {
             values.align = 'center';
         }
         else {

package/esm/plugins/image-properties/readers/index.js

@@ -4,6 +4,7 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { attr } from "../../../core/helpers/utils/attr.js";
+import { cssInline } from "../../../core/helpers/utils/css.js";
 import { readAlign } from "./align.js";
 import { readLink } from "./link.js";
 import { readMargins } from "./margin.js";
@@ -16,7 +17,8 @@ export async function readValuesFromImage(j, state) {
     const { sourceImage: image, values } = state;
     readAlign(image, values);
     // Border radius
-    values.borderRadius = parseInt(image.style.borderRadius || '0', 10) || 0;
+    values.borderRadius =
+        parseInt(cssInline(image, 'border-radius') || '0', 10) || 0;
     // Id
     values.id = attr(image, 'id') || '';
     // Title

package/esm/plugins/image-properties/ui/ui-image-form.js

@@ -15,6 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { debounce, hook, watch } from "../../../core/decorators/index.js";
 import { component } from "../../../core/decorators/component/component.js";
+import { Dom } from "../../../core/dom/dom.js";
 import { attr, css, isNumeric } from "../../../core/helpers/index.js";
 import { UIGroup } from "../../../core/ui/group/group.js";
 import { Icon } from "../../../core/ui/icon.js";
@@ -46,7 +47,7 @@ let UIImagePropertiesForm = class UIImagePropertiesForm 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));

package/esm/plugins/image-properties/writers/index.js

@@ -5,6 +5,7 @@
  */
 import { Dom } from "../../../core/dom/dom.js";
 import { attr, hAlignElement } from "../../../core/helpers/utils/index.js";
+import { css } from "../../../core/helpers/utils/css.js";
 import { applyLink } from "./link.js";
 import { applyMargin } from "./margin.js";
 import { applySize } from "./size.js";
@@ -28,7 +29,7 @@ export function applyValuesToImage(j, state, image) {
         return;
     }
     // Border radius
-    image.style.borderRadius = borderRadius ? borderRadius + 'px' : '';
+    css(image, 'borderRadius', borderRadius ? borderRadius + 'px' : '');
     // Title
     attr(image, 'title', imageTitle || null);
     // Alt

package/esm/plugins/image-properties/writers/link.js

@@ -24,7 +24,7 @@ export function applyLink(j, image, imageLink, imageLinkOpenInNewTab) {
     }
     else {
         if (link && link.parentNode) {
-            link.parentNode.replaceChild(image, link);
+            Dom.replace(link, image, undefined, false, true);
         }
     }
 }

package/esm/plugins/indent/config.js

@@ -4,6 +4,7 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { Dom } from "../../core/dom/index.js";
+import { cssInline } from "../../core/helpers/utils/css.js";
 import { Icon } from "../../core/ui/icon.js";
 import { Config } from "../../config.js";
 import indentIcon from "./icons/indent.svg.js";
@@ -35,8 +36,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;
     },

package/esm/plugins/indent/indent.js

@@ -7,6 +7,7 @@ import { BR } from "../../core/constants.js";
 import { Dom } from "../../core/dom/index.js";
 import { pluginSystem } from "../../core/global.js";
 import { attr, call } from "../../core/helpers/utils/index.js";
+import { css, cssInline } from "../../core/helpers/utils/css.js";
 import "./config.js";
 import { getKey } from "./helpers.js";
 const applyIndentToBox = (processedElements, currentBox, editor, command) => {
@@ -18,9 +19,10 @@ const applyIndentToBox = (processedElements, currentBox, editor, command) => {
     }
     const key = getKey(editor.o.direction, currentBox);
     processedElements.add(currentBox);
-    let value = currentBox.style[key] ? parseInt(currentBox.style[key], 10) : 0;
+    const current = cssInline(currentBox, key);
+    let value = current ? parseInt(current, 10) : 0;
     value += editor.o.indentMargin * (command === 'outdent' ? -1 : 1);
-    currentBox.style[key] = value > 0 ? value + 'px' : '';
+    css(currentBox, key, value > 0 ? value : '');
     if (!attr(currentBox, 'style')) {
         attr(currentBox, 'style', null);
     }

package/esm/plugins/media/media.js

@@ -4,8 +4,10 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import * as consts from "../../core/constants.js";
+import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { $$, attr, dataBind } from "../../core/helpers/utils/index.js";
+import { css, cssInline } from "../../core/helpers/utils/css.js";
 import "./config.js";
 /**
  * Process `video` and `audio`
@@ -26,16 +28,17 @@ export function media(editor) {
                 [`data-${keyFake}`]: 1
             });
             attr(wrapper, 'style', attr(element, 'style'));
-            wrapper.style.display =
-                element.style.display === 'inline-block'
+            css(wrapper, {
+                display: cssInline(element, 'display') === 'inline-block'
                     ? 'inline-block'
-                    : 'block';
-            wrapper.style.width = element.offsetWidth + 'px';
-            wrapper.style.height = element.offsetHeight + 'px';
+                    : '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

package/esm/plugins/mobile/config.js

@@ -5,6 +5,7 @@
  */
 import * as consts from "../../core/constants.js";
 import { splitArray } from "../../core/helpers/index.js";
+import { css } from "../../core/helpers/utils/css.js";
 import { Config } from "../../config.js";
 import { ToolbarCollection } from "../../modules/toolbar/collection/collection.js";
 import { makeCollection } from "../../modules/toolbar/factory.js";
@@ -127,8 +128,7 @@ Config.prototype.controls.dots = {
                         if (buttons && store) {
                             store.toolbar.build(splitArray(buttons));
                             const w = ((_b = (_a = editor.toolbar) === null || _a === void 0 ? void 0 : _a.firstButton) === null || _b === void 0 ? void 0 : _b.container.offsetWidth) || 36;
-                            store.toolbar.container.style.width =
-                                (w + 4) * 3 + 'px';
+                            css(store.toolbar.container, 'width', (w + 4) * 3);
                         }
                     }
                 }

package/esm/plugins/paste-storage/paste-storage.js

@@ -83,10 +83,10 @@ export class pasteStorage 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 a = this.j.c.element('a');
@@ -96,7 +96,7 @@ export class pasteStorage extends Plugin {
                 attr(a, 'href', '#');
                 attr(a, 'data-index', index.toString());
                 attr(a, 'tab-index', '-1');
-                this.listBox && this.listBox.appendChild(a);
+                this.listBox && Dom.append(this.listBox, a);
             });
             this.dialog && this.dialog.open();
             this.j.async.setTimeout(() => {
@@ -114,8 +114,8 @@ export class pasteStorage 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]);

package/esm/plugins/placeholder/placeholder.js

@@ -80,8 +80,10 @@ export class placeholder 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) => {
@@ -105,22 +107,22 @@ export class placeholder extends Plugin {
             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',

package/esm/plugins/print/print.js

@@ -24,7 +24,7 @@ Config.prototype.controls.print = {
             height: 0,
             border: 0
         });
-        getContainer(editor, Config).appendChild(iframe);
+        Dom.append(getContainer(editor, Config), iframe);
         const afterFinishPrint = () => {
             editor.e.off(editor.ow, 'mousemove', afterFinishPrint);
             Dom.safeRemove(iframe);
@@ -53,7 +53,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();
         }

package/esm/plugins/resize-cells/resize-cells.js

@@ -18,6 +18,7 @@ import { autobind } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { $$, call, dataBind, getContentWidth, offset } from "../../core/helpers/index.js";
+import { css } from "../../core/helpers/utils/css.js";
 import { Plugin, Table } from "../../modules/index.js";
 import "./config.js";
 const key = 'table_processor_observer-resize';
@@ -59,7 +60,7 @@ export class resizeCells 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(() => {
@@ -126,8 +127,7 @@ export class resizeCells extends Plugin {
         }
         this.resizeDelta =
             x - this.startX + (!this.j.o.iframe ? 0 : workplacePosition.left);
-        this.resizeHandler.style.left =
-            x - (this.j.o.iframe ? 0 : workplacePosition.left) + 'px';
+        css(this.resizeHandler, 'left', x - (this.j.o.iframe ? 0 : workplacePosition.left) + 'px');
         const sel = this.j.s.sel;
         sel && sel.removeAllRanges();
     }
@@ -179,16 +179,15 @@ export class resizeCells extends Plugin {
         const needChangeWidth = this.isRTL ? !rightSide : rightSide;
         // right side
         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 + '%'
+            });
         }
     }
     /**
@@ -212,11 +211,10 @@ export class resizeCells extends Plugin {
             return;
         }
         const workplacePosition = offset(this.j.workplace, this.j, this.j.od, true), parentBox = offset(table, this.j, this.j.ed);
-        this.resizeHandler.style.left =
-            (offsetX <= consts.NEARBY ? box.left : box.left + box.width) -
-                workplacePosition.left +
-                delta +
-                'px';
+        css(this.resizeHandler, 'left', (offsetX <= consts.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'
@@ -249,7 +247,7 @@ export class resizeCells 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', () => {

package/esm/plugins/resize-handler/resize-handler.js

@@ -17,6 +17,7 @@ import { autobind } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/index.js";
 import { pluginSystem } from "../../core/global.js";
 import { offset } from "../../core/helpers/index.js";
+import { css } from "../../core/helpers/utils/css.js";
 import { Plugin } from "../../core/plugin/index.js";
 import { Icon } from "../../core/ui/index.js";
 import "./config.js";
@@ -54,13 +55,11 @@ export class resizeHandler extends Plugin {
             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);
         }
     }
     /**

package/esm/plugins/resizer/resizer.js

@@ -19,6 +19,7 @@ import { autobind, watch } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
 import { eventEmitter, pluginSystem } from "../../core/global.js";
 import { $$, attr, css, dataBind, innerWidth, markOwner, offset } from "../../core/helpers/index.js";
+import { cssInline } from "../../core/helpers/utils/css.js";
 import { Plugin } from "../../core/plugin/plugin.js";
 import "./config.js";
 const keyBInd = '__jodit-resizer_binded';
@@ -66,7 +67,7 @@ export class resizer 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), w = this.rect.offsetWidth, h = 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), w = this.rect.offsetWidth, h = this.rect.offsetHeight;
                 const newTop = pos.top - workplacePosition.top, newLeft = pos.left - workplacePosition.left;
                 if (top !== newTop ||
                     left !== newLeft ||
@@ -89,7 +90,7 @@ export class resizer extends Plugin {
             }
         };
         this.hideSizeViewer = () => {
-            this.sizeViewer.style.opacity = '0';
+            css(this.sizeViewer, 'opacity', '0');
         };
     }
     /** @override */
@@ -134,7 +135,7 @@ export class resizer extends Plugin {
             return;
         }
         const width = attr(image, 'width');
-        if (width && !css(image, 'width', true)) {
+        if (width && !cssInline(image, 'width')) {
             css(image, 'width', width);
             attr(image, 'width', null);
         }
@@ -293,7 +294,7 @@ export class resizer extends Plugin {
         if (changeAttrs) {
             attr(element, key, value);
         }
-        if (!changeAttrs || element.style[key]) {
+        if (!changeAttrs || cssInline(element, key)) {
             css(element, key, value);
         }
     }
@@ -348,16 +349,16 @@ export class resizer extends Plugin {
                 });
                 attr(wrapper, 'style', attr(element, 'style'));
                 css(wrapper, {
-                    display: element.style.display === 'inline-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);
                 });
@@ -393,7 +394,7 @@ export class resizer extends Plugin {
             this.hideSizeViewer();
             return;
         }
-        this.sizeViewer.style.opacity = '1';
+        css(this.sizeViewer, 'opacity', '1');
         this.sizeViewer.textContent = `${w} x ${h}`;
         this.j.async.setTimeout(this.hideSizeViewer, {
             timeout: this.j.o.resizer.hideSizeTimeout,
@@ -410,10 +411,10 @@ export class resizer 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();
     }

package/esm/plugins/search/helpers/highlight-text-ranges.js

@@ -28,7 +28,7 @@ function ensureHighlightStyle(doc, useHighlightAPI) {
     catch (_a) {
         const style = doc.createElement('style');
         style.textContent = rule;
-        doc.head.appendChild(style);
+        Dom.append(doc.head, style);
     }
 }
 /**

package/esm/plugins/search/ui/search.js

@@ -168,7 +168,7 @@ let UISearch = class UISearch 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);

package/esm/plugins/select/select.js

@@ -13,7 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { IS_INLINE } from "../../core/constants.js";
+import { IS_INLINE, LIST_TAGS } from "../../core/constants.js";
 import { autobind, watch } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
@@ -111,7 +111,7 @@ export class select extends Plugin {
         // The text must be the direct content of a list item that has a nested
         // list (the last level has no nested list and behaves correctly).
         if (!Dom.isTag(li, 'li') ||
-            !(li.querySelector('ul') || li.querySelector('ol'))) {
+            !Dom.first(li, node => Dom.isTag(node, LIST_TAGS))) {
             return;
         }
         const measure = this.j.ed.createRange();

package/esm/plugins/select-cells/select-cells.js

@@ -97,7 +97,7 @@ export class selectCells extends Plugin {
             }
             else {
                 if (!cell.firstChild) {
-                    cell.appendChild(this.j.createInside.element('br'));
+                    Dom.append(cell, this.j.createInside.element('br'));
                 }
                 this.__tableModule.addSelection(cell);
             }
@@ -119,7 +119,7 @@ export class selectCells 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;
@@ -186,10 +186,9 @@ export class selectCells extends Plugin {
         // Hack for FireFox for force redraw selection
         (() => {
             const n = this.j.createInside.fromHTML('<div style="color:rgba(0,0,0,0.01);width:0;height:0">&nbsp;</div>');
-            cell.appendChild(n);
+            Dom.append(cell, n);
             this.j.async.setTimeout(() => {
-                var _a;
-                (_a = n.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(n);
+                Dom.safeRemove(n);
             }, this.j.defaultTimeout / 5);
         })();
     }
@@ -287,7 +286,7 @@ export class selectCells 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]);