jodit 4.1.16 → 4.2.6

package/esm/plugins/image-properties/ui/ui-image-position-tab.js

@@ -0,0 +1,261 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                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 { component } from "jodit/esm/core/decorators/component/component.js";
+import { hook } from "jodit/esm/core/decorators/hook/hook.js";
+import { watch } from "jodit/esm/core/decorators/watch/watch.js";
+import { css } from "jodit/esm/core/helpers/index.js";
+import { isString } from "jodit/esm/core/helpers/checker/is-string.js";
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+import { UIElement } from "jodit/esm/core/ui/element.js";
+import { Icon } from "jodit/esm/core/ui/icon.js";
+import { normalSizeFromString } from "../utils/utils";
+/** @private */
+let UIImagePositionTab = class UIImagePositionTab extends UIElement {
+    className() {
+        return 'UIImagePositionTab';
+    }
+    constructor(jodit, state, handlers) {
+        super(jodit, {
+            availableClasses: jodit.o.image.availableClasses
+        });
+        this.state = state;
+        this.handlers = handlers;
+    }
+    render({ availableClasses }) {
+        return `<div class="jodit-form__group &__editMargins">
+			<label>~Margins~</label>
+			<div class="jodit-grid jodit_vertical_middle">
+				<input class="jodit_col-lg-1-5 jodit-input &__marginTop" type="text" placeholder="~top~"/>
+				<a style="text-align: center;" class="jodit-properties__lock jodit_col-lg-1-5 &__lockMargin">*lock*</a>
+				<input disabled="disabled" class="jodit_col-lg-1-5 jodit-input &__marginRight" type="text" placeholder="~right~"/>
+				<input disabled="disabled" class="jodit_col-lg-1-5 jodit-input &__marginBottom" type="text" placeholder="~bottom~"/>
+				<input disabled="disabled" class="jodit_col-lg-1-5 jodit-input &__marginLeft" type="text" placeholder="~left~"/>
+			</div>
+		</div>
+		<div class="jodit-form__group &__editAlign">
+			<label>~Align~</label>
+			<select class="jodit-select &__align">
+				<option value="">~--Not Set--~</option>
+				<option value="left">~Left~</option>
+				<option value="center">~Center~</option>
+				<option value="right">~Right~</option>
+			</select>
+		</div>
+		<div class="jodit-form__group &__editStyle">
+			<label>~Styles~</label>
+			<input type="text" class="jodit-input &__style"/>
+		</div>
+		<div class="jodit-form__group &__editClass">
+			<label>~Classes~</label>
+			${(() => {
+            const classInput = [];
+            if (availableClasses && availableClasses.length > 0) {
+                classInput.push('<select class="jodit-input jodit-select &__classes">');
+                availableClasses.forEach(item => {
+                    if (isString(item)) {
+                        classInput.push(`<option value="${item}">${item}</option>`);
+                    }
+                    else {
+                        classInput.push(`<option value="${item[0]}">${item[1]}</option>`);
+                    }
+                });
+                classInput.push('</select>');
+            }
+            else {
+                classInput.push('<input type="text" class="jodit-input &__classes"/>');
+            }
+            return classInput.join('');
+        })()}
+		</div>
+		<div class="jodit-form__group &__editId">
+			<label>Id</label>
+			<input type="text" class="jodit-input &__id"/>
+		</div>
+		<div
+			class="jodit-form__group &__editBorderRadius"
+		>
+			<label>~Border radius~</label>
+			<input type="number" class="jodit-input &__borderRadius"/>
+		</div>`;
+    }
+    onStateAlignChange() {
+        const align = this.getElm('align');
+        align.value = this.state.values.align;
+    }
+    onChangeAlign() {
+        const align = this.getElm('align');
+        this.state.values.align = align.value;
+    }
+    onStateValuesBorderRadiusChange() {
+        const borderRadius = this.getElm('borderRadius');
+        borderRadius.value = this.state.values.borderRadius.toString();
+    }
+    onChangeBorderRadius() {
+        const borderRadius = this.getElm('borderRadius');
+        this.state.values.borderRadius = parseFloat(borderRadius.value);
+    }
+    onStateValuesIdChange() {
+        const id = this.getElm('id');
+        id.value = this.state.values.id;
+    }
+    onChangeId() {
+        const id = this.getElm('id');
+        this.state.values.id = id.value;
+    }
+    onStateValuesStyleChange() {
+        const style = this.getElm('style');
+        style.value = this.state.values.style;
+    }
+    onChangeStyle() {
+        const style = this.getElm('style');
+        this.state.values.style = style.value;
+    }
+    onStateValuesClassesChange() {
+        const classes = this.getElm('classes');
+        classes.value = this.state.values.classes;
+    }
+    onChangClasses() {
+        const classes = this.getElm('classes');
+        this.state.values.classes = classes.value;
+    }
+    onLockMarginClick(e) {
+        this.state.marginIsLocked = !this.state.marginIsLocked;
+        e.preventDefault();
+    }
+    onChangeMarginIsLocked() {
+        const marginBottom = this.getElm('marginBottom');
+        const marginRight = this.getElm('marginRight');
+        const marginLeft = this.getElm('marginLeft');
+        const lockMargin = this.getElm('lockMargin');
+        [marginRight, marginBottom, marginLeft].forEach(elm => {
+            attr(elm, 'disabled', this.state.marginIsLocked || null);
+        });
+        lockMargin.innerHTML = Icon.get(this.state.marginIsLocked ? 'lock' : 'unlock');
+        if (this.state.marginIsLocked) {
+            const marginTop = this.state.values.marginTop;
+            this.state.values.marginRight = marginTop;
+            this.state.values.marginBottom = marginTop;
+            this.state.values.marginLeft = marginTop;
+        }
+    }
+    onStateValuesMarginChange() {
+        const marginTop = this.getElm('marginTop');
+        const marginRight = this.getElm('marginRight');
+        const marginBottom = this.getElm('marginBottom');
+        const marginLeft = this.getElm('marginLeft');
+        marginTop.value = this.state.values.marginTop.toString();
+        marginRight.value = this.state.values.marginRight.toString();
+        marginBottom.value = this.state.values.marginBottom.toString();
+        marginLeft.value = this.state.values.marginLeft.toString();
+    }
+    onChangeMargin() {
+        const marginTop = this.getElm('marginTop');
+        const marginRight = this.getElm('marginRight');
+        const marginBottom = this.getElm('marginBottom');
+        const marginLeft = this.getElm('marginLeft');
+        this.state.values.marginTop = normalSizeFromString(marginTop.value);
+        if (this.state.marginIsLocked) {
+            this.state.values.marginRight = this.state.values.marginTop;
+            this.state.values.marginBottom = this.state.values.marginTop;
+            this.state.values.marginLeft = this.state.values.marginTop;
+        }
+        else {
+            this.state.values.marginRight = normalSizeFromString(marginRight.value);
+            this.state.values.marginBottom = normalSizeFromString(marginBottom.value);
+            this.state.values.marginLeft = normalSizeFromString(marginLeft.value);
+        }
+    }
+    hideFieldByOptions() {
+        const opt = this.j.o.image;
+        [
+            ['editMargins', 'editMargins'],
+            ['editAlign', 'editAlign'],
+            ['editStyle', 'editStyle'],
+            ['editClass', 'editClass'],
+            ['editId', 'editId'],
+            ['editBorderRadius', 'editBorderRadius']
+        ].forEach(([optKey, elmKey]) => {
+            const elm = this.getElm(elmKey);
+            css(elm, 'display', opt[optKey] ? null : 'none');
+        });
+    }
+};
+__decorate([
+    hook('ready'),
+    watch('state.values.align')
+], UIImagePositionTab.prototype, "onStateAlignChange", null);
+__decorate([
+    watch('align:change')
+], UIImagePositionTab.prototype, "onChangeAlign", null);
+__decorate([
+    hook('ready'),
+    watch('state.values.borderRadius')
+], UIImagePositionTab.prototype, "onStateValuesBorderRadiusChange", null);
+__decorate([
+    watch('borderRadius:change')
+], UIImagePositionTab.prototype, "onChangeBorderRadius", null);
+__decorate([
+    hook('ready'),
+    watch('state.values.id')
+], UIImagePositionTab.prototype, "onStateValuesIdChange", null);
+__decorate([
+    watch('id:change')
+], UIImagePositionTab.prototype, "onChangeId", null);
+__decorate([
+    hook('ready'),
+    watch('state.values.style')
+], UIImagePositionTab.prototype, "onStateValuesStyleChange", null);
+__decorate([
+    watch('style:change')
+], UIImagePositionTab.prototype, "onChangeStyle", null);
+__decorate([
+    hook('ready'),
+    watch('state.values.classes')
+], UIImagePositionTab.prototype, "onStateValuesClassesChange", null);
+__decorate([
+    watch('classes:change')
+], UIImagePositionTab.prototype, "onChangClasses", null);
+__decorate([
+    watch('lockMargin:click')
+], UIImagePositionTab.prototype, "onLockMarginClick", null);
+__decorate([
+    hook('ready'),
+    watch('state.marginIsLocked')
+], UIImagePositionTab.prototype, "onChangeMarginIsLocked", null);
+__decorate([
+    hook('ready'),
+    watch([
+        'state.values.marginTop',
+        'state.values.marginRight',
+        'state.values.marginBottom',
+        'state.values.marginLeft'
+    ])
+], UIImagePositionTab.prototype, "onStateValuesMarginChange", null);
+__decorate([
+    watch([
+        'marginTop:change',
+        'marginRight:change',
+        'marginBottom:change',
+        'marginLeft:change'
+    ])
+], UIImagePositionTab.prototype, "onChangeMargin", null);
+__decorate([
+    hook('ready')
+], UIImagePositionTab.prototype, "hideFieldByOptions", null);
+UIImagePositionTab = __decorate([
+    component
+], UIImagePositionTab);
+export { UIImagePositionTab };

package/esm/plugins/image-properties/{templates/main-tab.d.ts → utils/open-image-editor.d.ts}

@@ -3,8 +3,10 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+import type { IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
 /**
- * @module plugins/image-properties
+ * Open image editor dialog
+ * @private
  */
-import type { IJodit } from "jodit/esm/types";
-export declare function mainTab(editor: IJodit): HTMLElement;
+export declare function openImageEditorDialog(j: IJodit, state: ImagePropertiesState): void;

package/esm/plugins/image-properties/utils/open-image-editor.js

@@ -0,0 +1,52 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { isString } from "jodit/esm/core/helpers/checker/is-string.js";
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+import { openImageEditor } from "jodit/esm/modules/image-editor/image-editor.js";
+/**
+ * Open image editor dialog
+ * @private
+ */
+export function openImageEditorDialog(j, state) {
+    const url = attr(state.image, 'src') || '', a = j.c.element('a'), loadExternal = () => {
+        if (a.host !== location.host) {
+            j.confirm('You can only edit your own images. Download this image on the host?', yes => {
+                if (yes && j.uploader) {
+                    j.uploader.uploadRemoteImage(a.href.toString(), resp => {
+                        j.alert('The image has been successfully uploaded to the host!', () => {
+                            if (isString(resp.newfilename)) {
+                                state.values.imageSrc =
+                                    resp.baseurl +
+                                        resp.newfilename;
+                            }
+                        });
+                    }, error => {
+                        j.alert('There was an error loading %s', error.message);
+                    });
+                }
+            });
+            return;
+        }
+    };
+    a.href = url;
+    j.filebrowser.dataProvider
+        .getPathByUrl(a.href.toString())
+        .then(resp => {
+        openImageEditor.call(j.filebrowser, a.href, resp.name, resp.path, resp.source, () => {
+            const timestamp = new Date().getTime();
+            state.values.imageSrc =
+                url +
+                    (url.indexOf('?') !== -1 ? '' : '?') +
+                    '&_tmp=' +
+                    timestamp.toString();
+        }, error => {
+            j.alert(error.message);
+        });
+    })
+        .catch(error => {
+        j.alert(error.message, loadExternal);
+    });
+}

package/esm/plugins/image-properties/utils/open-image-popup.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IDialog, IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/** @private */
+export declare function openImagePopup(j: IJodit, dialog: IDialog, state: ImagePropertiesState, button: HTMLElement): void;

package/esm/plugins/image-properties/utils/open-image-popup.js

@@ -0,0 +1,34 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { isArray } from "jodit/esm/core/helpers/checker/is-array.js";
+import { position } from "jodit/esm/core/helpers/size/position.js";
+import { Popup } from "jodit/esm/core/ui/popup/popup.js";
+import { FileSelectorWidget } from "jodit/esm/modules/widget/file-selector/file-selector.js";
+/** @private */
+export function openImagePopup(j, dialog, state, button) {
+    const popup = new Popup(dialog);
+    const closePopup = () => {
+        popup.close();
+        popup.destruct();
+    };
+    popup
+        .setContent(FileSelectorWidget(j, {
+        upload: (data) => {
+            if (data.files && data.files.length) {
+                state.values.imageSrc =
+                    data.baseurl + data.files[0];
+            }
+            closePopup();
+        },
+        filebrowser: async (data) => {
+            if (data && isArray(data.files) && data.files.length) {
+                state.values.imageSrc = data.files[0];
+                closePopup();
+            }
+        }
+    }, state.image, closePopup))
+        .open(() => position(button));
+}

package/esm/plugins/image-properties/utils/utils.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/** @private */
+export declare const normalSizeFromString: (value: string | number) => string | number;
+/** @private */
+export declare const normalSizeToString: (value: string | number) => string;

package/esm/plugins/image-properties/utils/utils.js

@@ -0,0 +1,21 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { isNumber } from "jodit/esm/core/helpers/checker/is-number.js";
+import { trim } from "jodit/esm/core/helpers/string/trim.js";
+/** @private */
+export const normalSizeFromString = (value) => {
+    return /^[-+]?[0-9.]+(px)?$/.test(value.toString())
+        ? parseFloat(value.toString())
+        : value;
+};
+/** @private */
+export const normalSizeToString = (value) => {
+    if (isNumber(value)) {
+        return value ? value + 'px' : value.toString();
+    }
+    value = trim(value);
+    return /^[0-9]+$/.test(value) ? value + 'px' : value;
+};

package/esm/plugins/image-properties/writers/index.d.ts

@@ -0,0 +1,12 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/**
+ * Apply form's values to image
+ * @private
+ */
+export declare function applyValuesToImage(j: IJodit, state: ImagePropertiesState, image: HTMLImageElement): void;

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

@@ -0,0 +1,53 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { Dom } from "jodit/esm/core/dom/dom.js";
+import { attr, hAlignElement } from "jodit/esm/core/helpers/utils/index.js";
+import { applyLink } from "./link";
+import { applyMargin } from "./margin";
+import { applySize } from "./size";
+/**
+ * Apply form's values to image
+ * @private
+ */
+export function applyValuesToImage(j, state, image) {
+    const { style, imageSrc, borderRadius, imageTitle, imageAlt, imageLink, imageWidth, imageHeight, marginTop, marginRight, marginBottom, marginLeft, imageLinkOpenInNewTab, align, classes, id } = state.values;
+    const opt = j.o;
+    // styles
+    if (opt.image.editStyle) {
+        attr(image, 'style', style || null);
+    }
+    // Src
+    if (imageSrc) {
+        attr(image, 'src', imageSrc);
+    }
+    else {
+        Dom.safeRemove(image);
+        return;
+    }
+    // Border radius
+    image.style.borderRadius = borderRadius ? borderRadius + 'px' : '';
+    // Title
+    attr(image, 'title', imageTitle || null);
+    // Alt
+    attr(image, 'alt', imageAlt || null);
+    // Link
+    applyLink(j, image, imageLink, imageLinkOpenInNewTab);
+    // Size
+    applySize(image, imageWidth, imageHeight, state.sizeIsLocked);
+    // Margin
+    if (j.o.image.editMargins) {
+        applyMargin(j, marginTop, marginRight, marginBottom, marginLeft, image, state.marginIsLocked);
+    }
+    if (opt.image.editClass) {
+        attr(image, 'class', classes || null);
+    }
+    if (opt.image.editId) {
+        attr(image, 'id', id || null);
+    }
+    if (opt.image.editAlign) {
+        hAlignElement(image, align);
+    }
+}

package/esm/plugins/image-properties/{templates/form.d.ts → writers/link.d.ts}

@@ -3,8 +3,6 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-/**
- * @module plugins/image-properties
- */
 import type { IJodit } from "jodit/esm/types";
-export declare function form(editor: IJodit): HTMLElement;
+/** @private */
+export declare function applyLink(j: IJodit, image: HTMLImageElement, imageLink: string, imageLinkOpenInNewTab: boolean): void;

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

@@ -0,0 +1,24 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { Dom } from "jodit/esm/core/dom/dom.js";
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+/** @private */
+export function applyLink(j, image, imageLink, imageLinkOpenInNewTab) {
+    // Link
+    let link = Dom.closest(image, 'a', j.editor);
+    if (imageLink) {
+        if (!link) {
+            link = Dom.wrap(image, 'a', j.createInside);
+        }
+        attr(link, 'href', imageLink);
+        attr(link, 'target', imageLinkOpenInNewTab ? '_blank' : null);
+    }
+    else {
+        if (link && link.parentNode) {
+            link.parentNode.replaceChild(image, link);
+        }
+    }
+}

package/esm/plugins/image-properties/writers/margin.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+/** @private */
+export declare function applyMargin(j: IJodit, marginTop: number | string, marginRight: number | string, marginBottom: number | string, marginLeft: number | string, image: HTMLImageElement, marginIsLocked: boolean): void;

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

@@ -0,0 +1,33 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { css } from "jodit/esm/core/helpers/utils/css.js";
+import { normalSizeToString } from "../utils/utils";
+/** @private */
+export function applyMargin(j, marginTop, marginRight, marginBottom, marginLeft, image, marginIsLocked) {
+    const margins = [marginTop, marginRight, marginBottom, marginLeft];
+    const applyMargin = (key, value) => {
+        const oldValue = css(image, key);
+        const v = normalSizeToString(value);
+        if (oldValue.toString() !== v.toString()) {
+            css(image, key, v);
+        }
+    };
+    if (!marginIsLocked) {
+        const sides = [
+            'margin-top',
+            'margin-right',
+            'margin-bottom',
+            'margin-left'
+        ];
+        margins.forEach((margin, index) => {
+            const side = sides[index];
+            applyMargin(side, margin);
+        });
+    }
+    else {
+        applyMargin('margin', marginTop);
+    }
+}

package/esm/plugins/image-properties/writers/size.d.ts

@@ -0,0 +1,7 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/** @private */
+export declare function applySize(image: HTMLImageElement, imageWidth: number | string, imageHeight: number | string, sizeIsLocked: boolean): void;

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

@@ -0,0 +1,28 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+import { css } from "jodit/esm/core/helpers/utils/css.js";
+import { normalSizeToString } from "../utils/utils";
+/** @private */
+export function applySize(image, imageWidth, imageHeight, sizeIsLocked) {
+    // Size
+    if (imageWidth !== image.offsetWidth ||
+        imageHeight !== image.offsetHeight) {
+        const updatedWidth = imageWidth ? normalSizeToString(imageWidth) : null;
+        let updatedHeight = imageHeight
+            ? normalSizeToString(imageHeight)
+            : null;
+        css(image, {
+            width: updatedWidth,
+            height: updatedWidth && sizeIsLocked ? null : updatedHeight
+        });
+        attr(image, 'width', attr(image, 'width') ? updatedWidth : null);
+        if (!attr(image, 'width') || sizeIsLocked) {
+            updatedHeight = null;
+        }
+        attr(image, 'height', updatedHeight);
+    }
+}

package/esm/plugins/select/config.d.ts

@@ -15,6 +15,13 @@ declare module 'jodit/config' {
              * `<ul><li>|test|</li><li>|test</li></ul>` will be `<ul>|<li>test</li><li>|test</li></ul>`
              */
             normalizeSelectionBeforeCutAndCopy: boolean;
+            /**
+             * Normalize selection after triple click
+             * @example
+             *
+             * `<ul><li>|test</li><li>|pop</li></ul>` will be `<ul><li>|test|</li><li>pop</li</ul>|`
+             */
+            normalizeTripleClick: boolean;
         };
     }
 }

package/esm/plugins/select/config.js

@@ -8,5 +8,6 @@
  */
 import { Config } from "jodit/esm/config.js";
 Config.prototype.select = {
-    normalizeSelectionBeforeCutAndCopy: false
+    normalizeSelectionBeforeCutAndCopy: false,
+    normalizeTripleClick: true
 };

package/esm/plugins/select/select.d.ts

@@ -28,10 +28,14 @@ export declare class select extends Plugin {
     protected beforeDestruct(jodit: IJodit): void;
     private onStartSelection;
     /**
-     * @event outsideClick(e) - when user clicked in the outside of editor
+     * @event outsideClick(e) - when user clicked on the outside of editor
      */
     protected onOutsideClick(e: MouseEvent): void;
-    protected beforeCommandCut(command: string): void | false;
-    protected beforeCommandSelectall(command: string): false;
+    protected beforeCommandCut(): void | false;
+    protected beforeCommandSelectAll(): false;
+    /**
+     * Normalize selection after triple click
+     */
+    protected onTripleClickNormalizeSelection(e: MouseEvent): void;
     protected onCopyNormalizeSelectionBound(e?: ClipboardEvent): void;
 }