jodit 4.1.14 → 4.2.5

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.1.14
+ * Version: v4.2.5
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1707,7 +1707,7 @@ __webpack_require__.r(__webpack_exports__);
  * 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
  */
-const APP_VERSION = "4.1.14";
+const APP_VERSION = "4.2.5";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -2110,8 +2110,9 @@ class Create {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   O: function() { return /* binding */ cacheHTML; },
-/* harmony export */   P: function() { return /* binding */ cache; }
+/* harmony export */   OK: function() { return /* binding */ cacheHTML; },
+/* harmony export */   PO: function() { return /* binding */ cached; },
+/* harmony export */   PP: function() { return /* binding */ cache; }
 /* harmony export */ });
 /* harmony import */ var jodit_core_component_statuses__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64567);
 /* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55186);
@@ -2126,6 +2127,13 @@ class Create {
 
 
 
+function cached(object, property) {
+    const descriptor = Object.getOwnPropertyDescriptor(object, property);
+    if (!descriptor || (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_2__/* .isFunction */ .Tn)(descriptor.get)) {
+        return null;
+    }
+    return descriptor.value;
+}
 function cache(_, name, descriptor) {
     const getter = descriptor.get;
     if (!getter) {
@@ -2394,8 +2402,9 @@ function idle() {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   autobind: function() { return /* reexport safe */ _autobind_autobind__WEBPACK_IMPORTED_MODULE_0__.d; },
-/* harmony export */   cache: function() { return /* reexport safe */ _cache_cache__WEBPACK_IMPORTED_MODULE_1__.P; },
-/* harmony export */   cacheHTML: function() { return /* reexport safe */ _cache_cache__WEBPACK_IMPORTED_MODULE_1__.O; },
+/* harmony export */   cache: function() { return /* reexport safe */ _cache_cache__WEBPACK_IMPORTED_MODULE_1__.PP; },
+/* harmony export */   cacheHTML: function() { return /* reexport safe */ _cache_cache__WEBPACK_IMPORTED_MODULE_1__.OK; },
+/* harmony export */   cached: function() { return /* reexport safe */ _cache_cache__WEBPACK_IMPORTED_MODULE_1__.PO; },
 /* harmony export */   component: function() { return /* reexport safe */ _component_component__WEBPACK_IMPORTED_MODULE_2__.s; },
 /* harmony export */   debounce: function() { return /* reexport safe */ _debounce_debounce__WEBPACK_IMPORTED_MODULE_3__.s; },
 /* harmony export */   derive: function() { return /* reexport safe */ _derive_derive__WEBPACK_IMPORTED_MODULE_4__.C; },
@@ -6711,6 +6720,7 @@ const offset = (elm, jodit, doc, recurse = false) => {
  * Calculate screen element position
  */
 function position(elm, jodit, recurse = false) {
+    var _a, _b;
     const rect = elm.getBoundingClientRect();
     let xPos = rect.left, yPos = rect.top;
     if ((0,jodit_core_helpers_checker_is_jodit_object__WEBPACK_IMPORTED_MODULE_0__/* .isJoditObject */ .y)(jodit) &&
@@ -6724,8 +6734,8 @@ function position(elm, jodit, recurse = false) {
     return {
         left: Math.round(xPos),
         top: Math.round(yPos),
-        width: Math.round(elm.offsetWidth),
-        height: Math.round(elm.offsetHeight)
+        width: Math.round((_a = elm.offsetWidth) !== null && _a !== void 0 ? _a : rect.width),
+        height: Math.round((_b = elm.offsetHeight) !== null && _b !== void 0 ? _b : rect.height)
     };
 }
 
@@ -8763,9 +8773,9 @@ const getXPathByElement = (element, root) => {
  * Find all `ref` or `data-ref` elements inside HTMLElement
  */
 const refs = (root) => {
-    // if (Component.isInstanceOf<UIElement>(root, UIElement)) {
-    // 	root = root.container;
-    // }
+    if ('container' in root) {
+        root = root.container;
+    }
     return $$('[ref],[data-ref]', root).reduce((def, child) => {
         const key = (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_3__.attr)(child, '-ref');
         if (key && (0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_4__/* .isString */ .K)(key)) {
@@ -13281,7 +13291,8 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
             view.o.showTooltip &&
             !view.o.useNativeTooltip) {
             view.hookStatus(jodit_core_component__WEBPACK_IMPORTED_MODULE_0__/* .STATUSES */ .f.ready, () => {
-                (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_3__/* .getContainer */ .My)(view, UITooltip_1).appendChild(this.container);
+                // TODO Move it inside __open method. Now it is here because testcase failed with capturing
+                (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_3__/* .getContainer */ .My)(this.j, UITooltip_1).appendChild(this.container);
                 view.e.on(view.container, 'mouseenter.tooltip', this.__onMouseEnter, {
                     capture: true
                 });
@@ -13296,6 +13307,7 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
         const view = this.j;
         view.e
             .on(view.ow, 'scroll.tooltip', this.__hide)
+            .on(view.ow, 'joditCloseDialog', this.__hide)
             .on(view.container, 'mouseleave.tooltip', this.__hide)
             .on([
             'escape.tooltip',
@@ -13410,9 +13422,6 @@ let UITooltip = UITooltip_1 = class UITooltip extends jodit_core_ui_element__WEB
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
     jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
 ], UITooltip.prototype, "__onMouseEnter", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
-], UITooltip.prototype, "__delayOpen", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
     jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
 ], UITooltip.prototype, "__hide", null);
@@ -15288,7 +15297,7 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_7__/* .UI
         }
         let pe = this.parentElement;
         while (pe) {
-            if (checkView(j)) {
+            if (checkView(pe.j)) {
                 return;
             }
             if (pe.container.style.zIndex) {
@@ -16015,22 +16024,22 @@ View.version = jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.APP_VERSION;
 View.esNext = jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.IS_ES_NEXT; // from webpack.config.js
 View.esModern = jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.IS_ES_MODERN; // from webpack.config.js
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "buffer", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "message", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "storage", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "c", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "e", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_5__/* .cache */ .PP
 ], View.prototype, "progressbar", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_15__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_6__/* .hook */ .A)(jodit_core_component_statuses__WEBPACK_IMPORTED_MODULE_2__/* .STATUSES */ .f.beforeDestruct)
@@ -17777,6 +17786,7 @@ let Dialog = Dialog_1 = class Dialog extends jodit_core_view_view_with_toolbar__
              * Fired when dialog box is started moving
              */
             this.e.fire(this, 'startMove');
+            this.e.fire('closeAllPopups');
         }
     }
     onMouseMove(e) {
@@ -19715,7 +19725,15 @@ let FileBrowser = class FileBrowser extends jodit_core_view_view_with_toolbar__W
             this.__updateToolbarButtons();
             this._dialog.open(this.browser, header);
             this.e.fire('sort.filebrowser', this.state.sortBy);
-            (0,_fetch_load_tree__WEBPACK_IMPORTED_MODULE_10__/* .loadTree */ .r)(this).then(resolve, reject);
+            (0,_fetch_load_tree__WEBPACK_IMPORTED_MODULE_10__/* .loadTree */ .r)(this)
+                .then(resolve, reject)
+                .finally(() => {
+                var _a;
+                if (this.isInDestruct) {
+                    return;
+                }
+                (_a = this === null || this === void 0 ? void 0 : this.e) === null || _a === void 0 ? void 0 : _a.fire('fileBrowserReady.filebrowser');
+            });
         })
             .catch((e) => {
             if (!jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.IS_PROD) {
@@ -21588,11 +21606,12 @@ const act = (el, className = 'jodti-image-editor_active') => el ? className : ''
 const form = (editor, o) => {
     const i = editor.i18n.bind(editor);
     const switcher = (label, ref, active = true) => `<div class="jodit-form__group">
-			<label>${i(label)}</label>
-
-			<label class='jodit-switcher'>
-				<input ${act(active, 'checked')} data-ref="${ref}" type="checkbox"/>
-				<span class="jodit-switcher__slider"></span>
+			<label class="jodit-switcher-wrapper">
+				<span class='jodit-switcher'>
+					<input ${act(active, 'checked')} data-ref="${ref}" type="checkbox"/>
+					<span class="jodit-switcher__slider"></span>
+				</span>
+				<span>${i(label)}</span>
 			</label>
 	</div>`;
     return editor.create.fromHTML(`<form class="${jie} jodit-properties">
@@ -24658,11 +24677,13 @@ const TabsWidget = (jodit, tabs, state) => {
             return;
         }
         buttonList.forEach(b => {
+            b.state.variant = 'initial';
             b.state.activated = false;
         });
         (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('.jodit-tab', tabBox).forEach(a => {
             a.classList.remove('jodit-tab_active');
         });
+        nameToTab[tab].button.state.variant = 'outline';
         nameToTab[tab].button.state.activated = true;
         nameToTab[tab].tab.classList.add('jodit-tab_active');
     };
@@ -24691,7 +24712,7 @@ const TabsWidget = (jodit, tabs, state) => {
                 content.call(jodit);
             }
             if (state) {
-                state.__activeTab = name;
+                state.activeTab = name;
             }
             return false;
         });
@@ -24707,20 +24728,20 @@ const TabsWidget = (jodit, tabs, state) => {
     (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('a', buttons).forEach(a => {
         a.style.width = (100 / tabCount).toFixed(10) + '%';
     });
-    const tab = !state || !state.__activeTab || !nameToTab[state.__activeTab]
+    const tab = !state || !state.activeTab || !nameToTab[state.activeTab]
         ? firstTab
-        : state.__activeTab;
+        : state.activeTab;
     setActive(tab);
     if (state) {
-        let __activeTab = state.__activeTab;
-        Object.defineProperty(state, '__activeTab', {
+        let activeTab = state.activeTab;
+        Object.defineProperty(state, 'activeTab', {
             configurable: true,
             enumerable: false,
             get() {
-                return __activeTab;
+                return activeTab;
             },
             set(value) {
-                __activeTab = value;
+                activeTab = value;
                 setActive(value);
             }
         });
@@ -25135,7 +25156,7 @@ class aiAssistant extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_3__/
         (0,jodit_core_global__WEBPACK_IMPORTED_MODULE_2__/* .extendLang */ .JW)(_langs__WEBPACK_IMPORTED_MODULE_6__);
     }
     /** @override */
-    afterInit(jodit) { }
+    afterInit() { }
     onGenerateAiAssistantForm(prompt) {
         this.__dialog.open(this.__container, 'AI Assistant');
         this.__container.setPrompt(prompt);
@@ -25168,15 +25189,16 @@ class aiAssistant extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_3__/
     }
     /** @override */
     beforeDestruct(_) {
-        this.__container.destruct();
-        this.__dialog.destruct();
+        var _a, _b;
+        (_a = (0,jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cached */ .PO)(this, '__container')) === null || _a === void 0 ? void 0 : _a.destruct();
+        (_b = (0,jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cached */ .PO)(this, '__dialog')) === null || _b === void 0 ? void 0 : _b.destruct();
     }
 }
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cache */ .PP
 ], aiAssistant.prototype, "__dialog", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
-    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cache */ .P
+    jodit_core_decorators_cache_cache__WEBPACK_IMPORTED_MODULE_0__/* .cache */ .PP
 ], aiAssistant.prototype, "__container", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)(':generateAiAssistantForm.ai-assistant')
@@ -31007,9 +31029,6 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_2__/* .pluginSystem */ .fg.add('image
  * 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
- */
 
 jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.image = {
     dialogWidth: 600,
@@ -31039,18 +31058,19 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.image = {
 
 "use strict";
 /* unused harmony export imageProperties */
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(31635);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(31635);
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22664);
-/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56298);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65147);
-/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35265);
-/* harmony import */ var jodit_modules__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(37435);
-/* harmony import */ var jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53804);
-/* harmony import */ var jodit_modules_widget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16116);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(24654);
-/* harmony import */ var _templates_form__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22254);
-/* harmony import */ var _templates_main_tab__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(75263);
-/* harmony import */ var _templates_position_tab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(57837);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55186);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(56298);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65147);
+/* harmony import */ var jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29866);
+/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35265);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24654);
+/* harmony import */ var _ui_ui_image_form__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31970);
+/* harmony import */ var _utils_open_image_editor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(80778);
+/* harmony import */ var _utils_open_image_popup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(33733);
+/* harmony import */ var _readers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5549);
+/* harmony import */ var _writers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30393);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -31082,55 +31102,93 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.image = {
  * });
  * ```
  */
-const normalSizeToString = (value) => {
-    value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.trim)(value);
-    return /^[0-9]+$/.test(value) ? value + 'px' : value;
-};
-const normalSizeFromString = (value) => {
-    return /^[-+]?[0-9.]+px$/.test(value.toString())
-        ? parseFloat(value.toString())
-        : value;
-};
 /**
  * Show dialog with image's options
  */
-class imageProperties extends jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin {
+class imageProperties extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__/* .Plugin */ .k {
     constructor() {
         super(...arguments);
         this.state = {
             image: new Image(),
+            sourceImage: new Image(),
             get ratio() {
-                return this.image.naturalWidth / this.image.naturalHeight || 1;
+                const { naturalWidth, naturalHeight } = this.image;
+                return naturalWidth / naturalHeight || 1;
             },
             sizeIsLocked: true,
-            marginIsLocked: true
+            marginIsLocked: true,
+            values: {
+                style: '',
+                imageSrc: '',
+                borderRadius: 0,
+                imageTitle: '',
+                imageAlt: '',
+                imageLink: '',
+                imageLinkOpenInNewTab: false,
+                imageWidth: 0,
+                imageHeight: 0,
+                marginTop: 0,
+                marginRight: 0,
+                marginBottom: 0,
+                marginLeft: 0,
+                classes: '',
+                id: '',
+                align: ''
+            }
         };
         this.activeTabState = {
-            __activeTab: 'Image'
+            activeTab: 'Image'
         };
     }
-    onChangeMarginIsLocked() {
-        if (!this.form) {
-            return;
-        }
-        const { marginRight, marginBottom, marginLeft, lockMargin } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        [marginRight, marginBottom, marginLeft].forEach(elm => {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'disabled', this.state.marginIsLocked || null);
+    get form() {
+        return new _ui_ui_image_form__WEBPACK_IMPORTED_MODULE_7__/* .UIImagePropertiesForm */ .l(this.j, this.state, this.activeTabState, {
+            openImageEditor: () => (0,_utils_open_image_editor__WEBPACK_IMPORTED_MODULE_8__/* .openImageEditorDialog */ .v)(this.j, this.state),
+            openImagePopup: target => (0,_utils_open_image_popup__WEBPACK_IMPORTED_MODULE_9__/* .openImagePopup */ .q)(this.j, this.dialog, this.state, target)
         });
-        lockMargin.innerHTML = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Icon.get(this.state.marginIsLocked ? 'lock' : 'unlock');
     }
-    onChangeSizeIsLocked() {
-        if (!this.form) {
-            return;
-        }
-        const { lockSize, imageWidth } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        lockSize.innerHTML = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Icon.get(this.state.sizeIsLocked ? 'lock' : 'unlock');
-        lockSize.classList.remove('jodit-properties__lock');
-        lockSize.classList.remove('jodit-properties__unlock');
-        lockSize.classList.add(this.state.sizeIsLocked
-            ? 'jodit-properties__lock'
-            : 'jodit-properties__unlock');
-        this.j.e.fire(imageWidth, 'change');
+    /**
+     * Dialog for form
+     */
+    get dialog() {
+        const { j } = this;
+        const dialog = j.dlg({
+            minWidth: Math.min(400, screen.width),
+            minHeight: 590,
+            buttons: ['fullsize', 'dialog.close']
+        });
+        const buttons = this.__buttons;
+        buttons.check.onAction(() => {
+            (0,_writers__WEBPACK_IMPORTED_MODULE_11__/* .applyValuesToImage */ .j)(j, this.state, this.state.sourceImage);
+            j.synchronizeValues();
+            dialog.close();
+        });
+        buttons.remove.onAction(() => {
+            j.s.removeNode(this.state.sourceImage);
+            dialog.close();
+        });
+        buttons.cancel.onAction(() => {
+            dialog.close();
+        });
+        dialog.setHeader(j.i18n('Image properties'));
+        dialog.setContent(this.form);
+        dialog.setFooter([[buttons.cancel, buttons.remove], buttons.check]);
+        j.e.on(dialog, 'afterClose', () => {
+            if (this.state.image.parentNode &&
+                j.o.image.selectImageAfterClose) {
+                j.s.select(this.state.sourceImage);
+            }
+        });
+        dialog.setSize(j.o.image.dialogWidth);
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__.markOwner)(j, dialog.container);
+        return dialog;
+    }
+    get __buttons() {
+        const { j } = this;
+        return {
+            check: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_5__/* .Button */ .$n)(j, 'ok', 'Apply', 'primary'),
+            remove: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_5__/* .Button */ .$n)(j, 'bin', 'Delete'),
+            cancel: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_5__/* .Button */ .$n)(j, 'cancel', 'Cancel')
+        };
     }
     /**
      * Open dialog editing image properties
@@ -31147,358 +31205,24 @@ class imageProperties extends jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin
      * ```
      */
     open() {
-        this.makeForm();
-        this.activeTabState.__activeTab = 'Image';
-        this.j.e.fire('hidePopup');
-        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.markOwner)(this.j, this.dialog.container);
-        this.state.marginIsLocked = true;
-        this.state.sizeIsLocked = true;
-        this.onChangeMarginIsLocked();
-        this.onChangeSizeIsLocked();
-        this.updateValues();
+        this.activeTabState.activeTab = 'Image';
+        this.__lock();
         this.dialog.open().setModal(true).setPosition();
+        this.async
+            .promise((resolve, reject) => (0,_readers__WEBPACK_IMPORTED_MODULE_10__/* .readValuesFromImage */ .U)(this.j, this.state).then(resolve, reject))
+            .catch((e) => this.dialog.message.error(e.message))
+            .finally(() => this.__unlock());
         return false;
     }
-    /**
-     * Create form for edit image properties
-     */
-    makeForm() {
-        if (this.dialog) {
-            return;
-        }
-        this.dialog = this.j.dlg({
-            minWidth: Math.min(400, screen.width),
-            minHeight: 590,
-            buttons: ['fullsize', 'dialog.close']
-        });
-        const editor = this.j, opt = editor.o, i18n = editor.i18n.bind(editor), buttons = {
-            check: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .$n)(editor, 'ok', 'Apply', 'primary'),
-            remove: (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .$n)(editor, 'bin', 'Delete')
-        };
-        editor.e.on(this.dialog, 'afterClose', () => {
-            if (this.state.image.parentNode &&
-                opt.image.selectImageAfterClose) {
-                editor.s.select(this.state.image);
-            }
-        });
-        buttons.remove.onAction(() => {
-            editor.s.removeNode(this.state.image);
-            this.dialog.close();
-        });
-        const { dialog } = this;
-        dialog.setHeader(i18n('Image properties'));
-        const mainForm = (0,_templates_form__WEBPACK_IMPORTED_MODULE_8__/* .form */ .Z)(editor);
-        this.form = mainForm;
-        dialog.setContent(mainForm);
-        const { tabsBox } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        if (tabsBox) {
-            tabsBox.appendChild((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_6__/* .TabsWidget */ .Zg)(editor, [
-                { name: 'Image', content: (0,_templates_main_tab__WEBPACK_IMPORTED_MODULE_9__/* .mainTab */ .J)(editor) },
-                { name: 'Advanced', content: (0,_templates_position_tab__WEBPACK_IMPORTED_MODULE_10__/* .positionTab */ .b)(editor) }
-            ], this.activeTabState));
-        }
-        buttons.check.onAction(this.onApply);
-        const { changeImage, editImage } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        editor.e.on(changeImage, 'click', this.openImagePopup);
-        if (opt.image.useImageEditor) {
-            editor.e.on(editImage, 'click', this.openImageEditor);
-        }
-        const { lockSize, lockMargin, imageWidth, imageHeight } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(mainForm);
-        if (lockSize) {
-            editor.e.on(lockSize, 'click', () => {
-                this.state.sizeIsLocked = !this.state.sizeIsLocked;
-            });
-        }
-        editor.e.on(lockMargin, 'click', (e) => {
-            this.state.marginIsLocked = !this.state.marginIsLocked;
-            e.preventDefault();
-        });
-        const changeSizes = (event) => {
-            if (!(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isNumeric)(imageWidth.value) || !(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isNumeric)(imageHeight.value)) {
-                return;
-            }
-            const w = parseFloat(imageWidth.value), h = parseFloat(imageHeight.value);
-            if (event.target === imageWidth) {
-                imageHeight.value = Math.round(w / this.state.ratio).toString();
-            }
-            else {
-                imageWidth.value = Math.round(h * this.state.ratio).toString();
-            }
-        };
-        editor.e.on([imageWidth, imageHeight], 'change keydown mousedown paste', (event) => {
-            if (!this.state.sizeIsLocked) {
-                return;
-            }
-            editor.async.setTimeout(changeSizes.bind(this, event), {
-                timeout: editor.defaultTimeout,
-                label: 'image-properties-changeSize'
-            });
-        });
-        dialog.setFooter([buttons.remove, buttons.check]);
-        dialog.setSize(this.j.o.image.dialogWidth);
-    }
-    /**
-     * Set input values from image
-     */
-    updateValues() {
-        const opt = this.j.o;
-        const { image } = this.state;
-        const { marginTop, marginRight, marginBottom, marginLeft, lockMargin, imageSrc, id, classes, align, style, imageTitle, imageAlt, borderRadius, imageLink, imageWidth, imageHeight, imageLinkOpenInNewTab, imageViewSrc, lockSize } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        const updateLock = () => {
-            lockMargin.checked = this.state.marginIsLocked;
-            lockSize.checked = this.state.sizeIsLocked;
-        }, updateAlign = () => {
-            if (image.style.cssFloat &&
-                ['left', 'right'].indexOf(image.style.cssFloat.toLowerCase()) !== -1) {
-                align.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'float');
-            }
-            else {
-                if ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'display') === 'block' &&
-                    image.style.marginLeft === 'auto' &&
-                    image.style.marginRight === 'auto') {
-                    align.value = 'center';
-                }
-            }
-        }, updateBorderRadius = () => {
-            borderRadius.value = (parseInt(image.style.borderRadius || '0', 10) || '0').toString();
-        }, updateId = () => {
-            id.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'id') || '';
-        }, updateStyle = () => {
-            style.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'style') || '';
-        }, updateClasses = () => {
-            classes.value = ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
-        }, updateMargins = () => {
-            if (!opt.image.editMargins) {
-                return;
-            }
-            let equal = true, wasEmptyField = false;
-            [marginTop, marginRight, marginBottom, marginLeft].forEach(elm => {
-                const id = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'data-ref') || '';
-                let value = image.style.getPropertyValue((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.kebabCase)(id));
-                if (!value) {
-                    wasEmptyField = true;
-                    elm.value = '';
-                    return;
-                }
-                if (/^[0-9]+(px)?$/.test(value)) {
-                    value = parseInt(value, 10);
-                }
-                elm.value = value.toString() || '';
-                if ((wasEmptyField && elm.value) ||
-                    (equal &&
-                        id !== 'marginTop' &&
-                        elm.value !== marginTop.value)) {
-                    equal = false;
-                }
-            });
-            this.state.marginIsLocked = equal;
-        }, updateSizes = () => {
-            const width = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'width') ||
-                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'width', true) ||
-                false, height = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'height') ||
-                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'height', true) ||
-                false;
-            imageWidth.value =
-                width !== false
-                    ? normalSizeFromString(width).toString()
-                    : image.offsetWidth.toString();
-            imageHeight.value =
-                height !== false
-                    ? normalSizeFromString(height).toString()
-                    : image.offsetHeight.toString();
-            this.state.sizeIsLocked = (() => {
-                if (!(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isNumeric)(imageWidth.value) ||
-                    !(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isNumeric)(imageHeight.value)) {
-                    return false;
-                }
-                const w = parseFloat(imageWidth.value), h = parseFloat(imageHeight.value);
-                return Math.abs(w - h * this.state.ratio) < 1;
-            })();
-        }, updateText = () => {
-            imageTitle.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'title') || '';
-            imageAlt.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'alt') || '';
-            const a = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Dom.closest(image, 'a', this.j.editor);
-            if (a) {
-                imageLink.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(a, 'href') || '';
-                imageLinkOpenInNewTab.checked =
-                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(a, 'target') === '_blank';
-            }
-            else {
-                imageLink.value = '';
-                imageLinkOpenInNewTab.checked = false;
-            }
-        }, updateSrc = () => {
-            imageSrc.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'src') || '';
-            if (imageViewSrc) {
-                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(imageViewSrc, 'src', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'src') || '');
-            }
-        };
-        updateLock();
-        updateSrc();
-        updateText();
-        updateSizes();
-        updateMargins();
-        updateClasses();
-        updateId();
-        updateBorderRadius();
-        updateAlign();
-        updateStyle();
-    }
-    /**
-     * Apply form's values to image
-     */
-    onApply() {
-        const { style, imageSrc, borderRadius, imageTitle, imageAlt, imageLink, imageWidth, imageHeight, marginTop, marginRight, marginBottom, marginLeft, imageLinkOpenInNewTab, align, classes, id } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        const opt = this.j.o;
-        const { image } = this.state;
-        // styles
-        if (opt.image.editStyle) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'style', style.value || null);
-        }
-        // Src
-        if (imageSrc.value) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'src', imageSrc.value);
-        }
-        else {
-            jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Dom.safeRemove(image);
-            this.dialog.close();
-            return;
-        }
-        // Border radius
-        if (borderRadius.value !== '0' && /^[0-9]+$/.test(borderRadius.value)) {
-            image.style.borderRadius = borderRadius.value + 'px';
-        }
-        else {
-            image.style.borderRadius = '';
-        }
-        // Title
-        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'title', imageTitle.value || null);
-        // Alt
-        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'alt', imageAlt.value || null);
-        // Link
-        let link = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Dom.closest(image, 'a', this.j.editor);
-        if (imageLink.value) {
-            if (!link) {
-                link = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Dom.wrap(image, 'a', this.j.createInside);
-            }
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(link, 'href', imageLink.value);
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(link, 'target', imageLinkOpenInNewTab.checked ? '_blank' : null);
-        }
-        else {
-            if (link && link.parentNode) {
-                link.parentNode.replaceChild(image, link);
-            }
-        }
-        // Size
-        if (imageWidth.value !== image.offsetWidth.toString() ||
-            imageHeight.value !== image.offsetHeight.toString()) {
-            const updatedtWidth = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.trim)(imageWidth.value)
-                ? normalSizeToString(imageWidth.value)
-                : null;
-            const updatedHeight = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.trim)(imageHeight.value)
-                ? normalSizeToString(imageHeight.value)
-                : null;
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, {
-                width: updatedtWidth,
-                height: updatedHeight
-            });
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'width', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'width') ? updatedtWidth : null);
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'height', (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'height') ? updatedHeight : null);
-        }
-        const margins = [marginTop, marginRight, marginBottom, marginLeft];
-        if (opt.image.editMargins) {
-            if (!this.state.marginIsLocked) {
-                margins.forEach((margin) => {
-                    const side = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(margin, 'data-ref') || '';
-                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, side, normalSizeToString(margin.value));
-                });
-            }
-            else {
-                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(image, 'margin', normalSizeToString(marginTop.value));
-            }
-        }
-        if (opt.image.editClass) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'class', classes.value || null);
-        }
-        if (opt.image.editId) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'id', id.value || null);
-        }
-        if (opt.image.editAlign) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.hAlignElement)(image, align.value);
-        }
-        this.j.synchronizeValues();
-        this.dialog.close();
-    }
-    /**
-     * Open image editor dialog
-     */
-    openImageEditor() {
-        const url = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src') || '', a = this.j.c.element('a'), loadExternal = () => {
-            if (a.host !== location.host) {
-                this.j.confirm('You can only edit your own images. Download this image on the host?', yes => {
-                    if (yes && this.j.uploader) {
-                        this.j.uploader.uploadRemoteImage(a.href.toString(), resp => {
-                            this.j.alert('The image has been successfully uploaded to the host!', () => {
-                                if ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isString)(resp.newfilename)) {
-                                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src', resp.baseurl +
-                                        resp.newfilename);
-                                    this.updateValues();
-                                }
-                            });
-                        }, error => {
-                            this.j.alert('There was an error loading %s', error.message);
-                        });
-                    }
-                });
-                return;
-            }
-        };
-        a.href = url;
-        this.j.filebrowser.dataProvider
-            .getPathByUrl(a.href.toString())
-            .then(resp => {
-            jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_5__/* .openImageEditor */ .B.call(this.j.filebrowser, a.href, resp.name, resp.path, resp.source, () => {
-                const timestamp = new Date().getTime();
-                (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src', url +
-                    (url.indexOf('?') !== -1 ? '' : '?') +
-                    '&_tmp=' +
-                    timestamp.toString());
-                this.updateValues();
-            }, error => {
-                this.j.alert(error.message);
-            });
-        })
-            .catch(error => {
-            this.j.alert(error.message, loadExternal);
-        });
+    __lock() {
+        this.dialog.lock();
+        this.form.setMod('lock', true);
+        Object.values(this.__buttons).forEach(b => (b.state.disabled = true));
     }
-    /**
-     * Open popup with filebrowser/uploader buttons for image
-     */
-    openImagePopup(event) {
-        const popup = new jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Popup(this.j), { changeImage } = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form);
-        popup.setZIndex(this.dialog.getZIndex() + 1);
-        popup
-            .setContent((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_6__/* .FileSelectorWidget */ .kG)(this.j, {
-            upload: (data) => {
-                if (data.files && data.files.length) {
-                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src', data.baseurl + data.files[0]);
-                }
-                this.updateValues();
-                popup.close();
-            },
-            filebrowser: (data) => {
-                if (data &&
-                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isArray)(data.files) &&
-                    data.files.length) {
-                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src', data.files[0]);
-                    popup.close();
-                    this.updateValues();
-                }
-            }
-        }, this.state.image, popup.close))
-            .open(() => (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.position)(changeImage));
-        event.stopPropagation();
+    __unlock() {
+        this.dialog.unlock();
+        this.form.setMod('lock', false);
+        Object.values(this.__buttons).forEach(b => (b.state.disabled = false));
     }
     /** @override **/
     afterInit(editor) {
@@ -31509,7 +31233,7 @@ class imageProperties extends jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin
                 .off(editor.editor, '.imageproperties')
                 .on(editor.editor, 'dblclick.imageproperties', (e) => {
                 const image = e.target;
-                if (!jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Dom.isTag(image, 'img')) {
+                if (!jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isTag(image, 'img')) {
                     return;
                 }
                 if (editor.o.image.openOnDblClick) {
@@ -31517,7 +31241,8 @@ class imageProperties extends jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin
                         false) {
                         return;
                     }
-                    self.state.image = image;
+                    self.state.sourceImage = image;
+                    self.state.image = image.cloneNode(true);
                     if (!editor.o.readonly) {
                         e.stopImmediatePropagation();
                         e.preventDefault();
@@ -31531,206 +31256,1267 @@ class imageProperties extends jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin
             });
         })
             .on('openImageProperties.imageproperties', (image) => {
-            this.state.image = image;
+            self.state.sourceImage = image;
+            this.state.image = image.cloneNode(true);
             this.open();
         });
     }
+    onStateValuesImageSrcChange() {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__awaiter */ .sH)(this, void 0, void 0, function* () {
+            const { image, values } = this.state;
+            if (!image.src) {
+                return;
+            }
+            try {
+                this.__lock();
+                yield image.decode();
+                if (this.state.sizeIsLocked && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__.isNumeric)(values.imageWidth)) {
+                    const w = parseFloat(values.imageWidth.toString());
+                    values.imageHeight = Math.round(w / this.state.ratio);
+                }
+                this.j.e.fire('updateImageProperties.imageproperties', image);
+            }
+            catch (e) {
+                this.j.alert(e.message);
+            }
+            finally {
+                this.__unlock();
+            }
+        });
+    }
     /** @override */
     beforeDestruct(editor) {
-        this.dialog && this.dialog.destruct();
+        var _a, _b, _c;
+        Object.values((_a = (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cached)(this, '__buttons')) !== null && _a !== void 0 ? _a : {}).forEach(b => b.destruct());
+        (_b = (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cached)(this, 'dialog')) === null || _b === void 0 ? void 0 : _b.destruct();
+        (_c = (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cached)(this, 'form')) === null || _c === void 0 ? void 0 : _c.destruct();
         editor.e.off(editor.editor, '.imageproperties').off('.imageproperties');
     }
 }
-(0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__decorate */ .Cg)([
-    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('state.marginIsLocked')
-], imageProperties.prototype, "onChangeMarginIsLocked", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__decorate */ .Cg)([
-    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('state.sizeIsLocked')
-], imageProperties.prototype, "onChangeSizeIsLocked", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__decorate */ .Cg)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
-], imageProperties.prototype, "onApply", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__decorate */ .Cg)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
-], imageProperties.prototype, "openImageEditor", null);
-(0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__decorate */ .Cg)([
-    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
-], imageProperties.prototype, "openImagePopup", null);
-jodit_core_global__WEBPACK_IMPORTED_MODULE_1__/* .pluginSystem */ .fg.add('imageProperties', imageProperties);
+(0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__decorate */ .Cg)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cache
+], imageProperties.prototype, "form", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__decorate */ .Cg)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cache
+], imageProperties.prototype, "dialog", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__decorate */ .Cg)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.cache
+], imageProperties.prototype, "__buttons", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('state.image')
+], imageProperties.prototype, "onStateValuesImageSrcChange", null);
+jodit_core_global__WEBPACK_IMPORTED_MODULE_2__/* .pluginSystem */ .fg.add('imageProperties', imageProperties);
 
 
 /***/ }),
 
-/***/ 22254:
+/***/ 74260:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Z: function() { return /* binding */ form; }
+/* harmony export */   g: function() { return /* binding */ readAlign; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(931);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38322);
+/*!
+ * 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 */
+function readAlign(image, values) {
+    // Align
+    if (image.style.cssFloat &&
+        ['left', 'right'].indexOf(image.style.cssFloat.toLowerCase()) !== -1) {
+        values.align = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_0__/* .css */ .A)(image, 'float');
+    }
+    else {
+        if ((0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_0__/* .css */ .A)(image, 'display') === 'block' &&
+            image.style.marginLeft === 'auto' &&
+            image.style.marginRight === 'auto') {
+            values.align = 'center';
+        }
+        else {
+            values.align = '';
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ 5549:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   U: function() { return /* binding */ readValuesFromImage; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26150);
+/* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74260);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33201);
+/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(85079);
+/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17880);
 /*!
  * 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
  */
 
-function form(editor) {
-    const { showPreview, editSize } = editor.o.image, gi = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I.get.bind(jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I);
-    return editor.c.fromHTML(`<form class="jodit-properties">
+
+
+
+
+
+/**
+ * Read values from image and set it to state
+ * @private
+ */
+function readValuesFromImage(j, state) {
+    return (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__awaiter */ .sH)(this, void 0, void 0, function* () {
+        const { sourceImage: image, values } = state;
+        (0,_align__WEBPACK_IMPORTED_MODULE_4__/* .readAlign */ .g)(image, values);
+        // Border radius
+        values.borderRadius = parseInt(image.style.borderRadius || '0', 10) || 0;
+        // Id
+        values.id = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'id') || '';
+        // Title
+        values.imageTitle = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'title') || '';
+        // Alt
+        values.imageAlt = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'alt') || '';
+        // Style
+        values.style = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'style') || '';
+        // Classes
+        values.classes = ((0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
+        // Margins
+        (0,_margin__WEBPACK_IMPORTED_MODULE_5__/* .readMargins */ .E)(image, values, state);
+        // Link
+        (0,_link__WEBPACK_IMPORTED_MODULE_1__/* .readLink */ .X)(state, j, values);
+        // Src
+        values.imageSrc = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'src') || '';
+        // Image size
+        return (0,_size__WEBPACK_IMPORTED_MODULE_2__/* .readSizes */ .P)(image, values, state);
+    });
+}
+
+
+/***/ }),
+
+/***/ 33201:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   X: function() { return /* binding */ readLink; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55186);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26150);
+/*!
+ * 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 */
+function readLink(state, j, values) {
+    const a = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__/* .Dom */ .J.closest(state.sourceImage, 'a', j.editor);
+    if (a) {
+        values.imageLink = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__/* .attr */ .C)(a, 'href') || '';
+        values.imageLinkOpenInNewTab = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__/* .attr */ .C)(a, 'target') === '_blank';
+    }
+    else {
+        values.imageLink = '';
+        values.imageLinkOpenInNewTab = false;
+    }
+}
+
+
+/***/ }),
+
+/***/ 85079:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   E: function() { return /* binding */ readMargins; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_helpers_string_kebab_case__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(449);
+/*!
+ * 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 */
+function readMargins(image, values, state) {
+    // Margins
+    let equal = true, wasEmptyField = false;
+    ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'].forEach(id => {
+        let value = image.style.getPropertyValue((0,jodit_core_helpers_string_kebab_case__WEBPACK_IMPORTED_MODULE_0__/* .kebabCase */ .k)(id));
+        if (!value) {
+            wasEmptyField = true;
+            values[id] = 0;
+            return;
+        }
+        if (/^[0-9]+(px)?$/.test(value)) {
+            value = parseInt(value, 10);
+        }
+        values[id] = value;
+        if ((wasEmptyField && values[id]) ||
+            (equal && id !== 'marginTop' && values[id] !== values.marginTop)) {
+            equal = false;
+        }
+    });
+    state.marginIsLocked = equal;
+}
+
+
+/***/ }),
+
+/***/ 17880:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   P: function() { return /* binding */ readSizes; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12461);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26150);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38322);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9645);
+/*!
+ * 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 */
+function readSizes(image, values, state) {
+    return (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__awaiter */ .sH)(this, void 0, void 0, function* () {
+        yield image.decode();
+        const width = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'width') || (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__/* .css */ .A)(image, 'width', true) || false;
+        const height = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'height') || (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__/* .css */ .A)(image, 'height', true) || false;
+        values.imageWidth =
+            width !== false
+                ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__/* .normalSizeFromString */ .G)(width)
+                : image.offsetWidth || image.naturalWidth;
+        values.imageHeight =
+            height !== false
+                ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__/* .normalSizeFromString */ .G)(height)
+                : image.offsetHeight || image.naturalHeight;
+        const { imageWidth, imageHeight } = values;
+        const w = parseFloat(imageWidth.toString());
+        if (!(0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_4__/* .isNumeric */ .k)(imageWidth) || !(0,jodit_core_helpers_checker_is_numeric__WEBPACK_IMPORTED_MODULE_4__/* .isNumeric */ .k)(imageHeight)) {
+            state.sizeIsLocked = false;
+            return;
+        }
+        if (height === false) {
+            values.imageHeight = Math.round(w / state.ratio);
+            state.sizeIsLocked = true;
+            return;
+        }
+        const h = parseFloat(imageHeight.toString());
+        state.sizeIsLocked = Math.abs(w - h * state.ratio) < 1;
+    });
+}
+
+
+/***/ }),
+
+/***/ 31970:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   l: function() { return /* binding */ UIImagePropertiesForm; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22664);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24767);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65147);
+/* harmony import */ var jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6455);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(931);
+/* harmony import */ var jodit_modules_widget__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16116);
+/* harmony import */ var _ui_image_main_tab__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(33403);
+/* harmony import */ var _ui_image_position_tab__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(46681);
+/*!
+ * 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 */
+let UIImagePropertiesForm = class UIImagePropertiesForm extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_2__/* .UIGroup */ .U {
+    className() {
+        return 'UIImagePropertiesForm';
+    }
+    appendChildToContainer() { }
+    getElm(elementName) {
+        const selfElm = super.getElm(elementName);
+        if (selfElm) {
+            return selfElm;
+        }
+        for (const child of this.elements) {
+            const elm = child.getElm(elementName);
+            if (elm) {
+                return elm;
+            }
+        }
+        return null;
+    }
+    constructor(jodit, state, activeTabState, handlers) {
+        super(jodit);
+        this.state = state;
+        this.handlers = handlers;
+        this.__mainTab = new _ui_image_main_tab__WEBPACK_IMPORTED_MODULE_5__/* .UIImageMainTab */ .k(this.jodit, this.state, this.handlers);
+        this.__positionTab = new _ui_image_position_tab__WEBPACK_IMPORTED_MODULE_6__/* .UIImagePositionTab */ ._(this.jodit, this.state, this.handlers);
+        this.getElm('tabsBox').appendChild((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_4__/* .TabsWidget */ .Zg)(jodit, [
+            { name: 'Image', content: this.__mainTab },
+            { name: 'Advanced', content: this.__positionTab }
+        ], activeTabState));
+        this.setMod('lock-size', this.state.sizeIsLocked);
+        this.append(this.__mainTab).append(this.__positionTab);
+    }
+    render() {
+        return `<form>
 		<div class="jodit-grid jodit-grid_xs-column">
 			<div class="jodit_col-lg-2-5 jodit_col-xs-5-5">
-				<div class="jodit-properties_view_box">
-					<div style="${!showPreview ? 'display:none' : ''}" class="jodit-properties_image_view">
-						<img data-ref="imageViewSrc" src="" alt=""/>
+				<div class="&__view-box">
+					<div class="&__imageView">
+						<img class="&__imageViewSrc" src="" alt=""/>
 					</div>
-					<div style="${!editSize ? 'display:none' : ''}" class="jodit-form__group jodit-properties_image_sizes">
-						<input data-ref="imageWidth" type="text" class="jodit-input"/>
-						<a data-ref="lockSize" class="jodit-properties__lock">${gi('lock')}</a>
-						<input data-ref="imageHeight" type="text" class="imageHeight jodit-input"/>
+					<div class="jodit-form__group &__imageSizes">
+						<input type="text" class="jodit-input &__imageWidth"/>
+						<a class="&__lockSize">${jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .I.get('lock')}</a>
+						<input type="text" class="&__imageHeight jodit-input"/>
 					</div>
 				</div>
 			</div>
-			<div data-ref="tabsBox" class="jodit_col-lg-3-5 jodit_col-xs-5-5"></div>
+			<div class="jodit_col-lg-3-5 jodit_col-xs-5-5 &__tabsBox"></div>
 		</div>
-	</form>`);
-}
+	</form>`;
+    }
+    onChangeSizeIsLocked() {
+        const lockSize = this.getElm('lockSize');
+        const imageWidth = this.getElm('imageWidth');
+        lockSize.innerHTML = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .I.get(this.state.sizeIsLocked ? 'lock' : 'unlock');
+        this.setMod('lock-size', this.state.sizeIsLocked);
+        this.j.e.fire(imageWidth, 'change');
+    }
+    onLockSizeClick() {
+        this.state.sizeIsLocked = !this.state.sizeIsLocked;
+    }
+    onStateValuesSizeChange() {
+        const imageWidth = this.getElm('imageWidth');
+        const imageHeight = this.getElm('imageHeight');
+        if (imageWidth !== this.j.od.activeElement) {
+            imageWidth.value = this.state.values.imageWidth.toString();
+        }
+        if (imageHeight !== this.j.od.activeElement) {
+            imageHeight.value = this.state.values.imageHeight.toString();
+        }
+    }
+    onImageWidthChange(e) {
+        const imageWidth = this.getElm('imageWidth');
+        const imageHeight = this.getElm('imageHeight');
+        if (!this.state.sizeIsLocked ||
+            !(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(imageWidth.value) ||
+            !(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.isNumeric)(imageHeight.value)) {
+            this.state.values.imageWidth = imageWidth.value;
+            this.state.values.imageHeight = imageHeight.value;
+            return;
+        }
+        const w = parseFloat(imageWidth.value), h = parseFloat(imageHeight.value);
+        if (e.target === imageWidth) {
+            this.state.values.imageWidth = w;
+            this.state.values.imageHeight = Math.round(w / this.state.ratio);
+        }
+        else {
+            this.state.values.imageWidth = Math.round(h * this.state.ratio);
+            this.state.values.imageHeight = h;
+        }
+    }
+    onStateValuesImageSrcChange() {
+        const { imageSrc } = this.state.values;
+        if (!imageSrc) {
+            return;
+        }
+        const imageViewSrc = this.getElm('imageViewSrc');
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(imageViewSrc, 'src', imageSrc);
+        const image = new Image();
+        image.src = imageSrc;
+        this.state.image = image;
+    }
+    hideFieldByOptions() {
+        const opt = this.j.o.image;
+        [
+            ['editSize', 'imageSizes'],
+            ['showPreview', 'imageView']
+        ].forEach(([optKey, elmKey]) => {
+            const elm = this.getElm(elmKey);
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.css)(elm, 'display', opt[optKey] ? null : 'none');
+        });
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.hook)('ready'),
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('state.sizeIsLocked')
+], UIImagePropertiesForm.prototype, "onChangeSizeIsLocked", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('lockSize:click')
+], UIImagePropertiesForm.prototype, "onLockSizeClick", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.hook)('ready'),
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)(['state.values.imageWidth', 'state.values.imageHeight'])
+], UIImagePropertiesForm.prototype, "onStateValuesSizeChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([
+        'imageWidth:change',
+        'imageHeight:change',
+        'imageWidth:keydown',
+        'imageHeight:keydown',
+        'imageWidth:mousedown',
+        'imageHeight:mousedown',
+        'imageWidth:paste',
+        'imageHeight:paste'
+    ]),
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.debounce)()
+], UIImagePropertiesForm.prototype, "onImageWidthChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.hook)('ready'),
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)('state.values.imageSrc')
+], UIImagePropertiesForm.prototype, "onStateValuesImageSrcChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.hook)('ready')
+], UIImagePropertiesForm.prototype, "hideFieldByOptions", null);
+UIImagePropertiesForm = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_8__/* .component */ .s
+], UIImagePropertiesForm);
+
 
 
 /***/ }),
 
-/***/ 75263:
+/***/ 33403:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   J: function() { return /* binding */ mainTab; }
+/* harmony export */   k: function() { return /* binding */ UIImageMainTab; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(931);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24767);
+/* harmony import */ var jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71151);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66927);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65147);
+/* harmony import */ var jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6455);
 /*!
  * 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
  */
 
-function mainTab(editor) {
-    const opt = editor.o, i18n = editor.i18n.bind(editor), gi = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I.get.bind(jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I), hasFbUrl = opt.filebrowser.ajax.url || opt.uploader.url, hasEditor = opt.image.useImageEditor;
-    return editor.c.fromHTML(`<div style="${!opt.image.editSrc ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Src')}</label>
+
+
+
+
+
+/** @private */
+let UIImageMainTab = class UIImageMainTab extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_3__/* .UIGroup */ .U {
+    className() {
+        return 'UIImageMainTab';
+    }
+    appendChildToContainer() {
+        // Do nothing
+    }
+    constructor(view, state, handlers) {
+        super(view);
+        this.state = state;
+        this.handlers = handlers;
+    }
+    render() {
+        return `<div class="jodit-form__group &__editSrc">
+			<label>~Src~</label>
 			<div class="jodit-input_group">
-				<input data-ref="imageSrc" class="jodit-input" type="text"/>
-				<div
-					class="jodit-input_group-buttons"
-					style="${hasFbUrl ? '' : 'display: none'}"
-				>
-						<a
-							data-ref="changeImage"
-							class="jodit-button"
-						>${gi('image')}</a>
-						<a
-							data-ref="editImage"
-							class="jodit-button"
-							style="${hasEditor ? '' : 'display: none'}"
-						>${gi('crop')}</a>
+				<input class="jodit-input &__imageSrc" type="text"/>
+				<div class="jodit-input_group-buttons &__fixImage">
+						<a class="jodit-button &__changeImage">*image*</a>
+						<a class="jodit-button &__editImage">*crop*</a>
 				</div>
 			</div>
 		</div>
-		<div style="${!opt.image.editTitle ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Title')}</label>
-			<input data-ref="imageTitle" type="text" class="jodit-input"/>
+		<div class="jodit-form__group &__editTitle">
+			<label>~Title~</label>
+			<input type="text" class="jodit-input &__imageTitle"/>
 		</div>
-		<div style="${!opt.image.editAlt ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Alternative')}</label>
-			<input data-ref="imageAlt" type="text" class="jodit-input"/>
+		<div class="jodit-form__group &__editAlt">
+			<label>~Alternative~</label>
+			<input type="text" class="jodit-input &__imageAlt"/>
 		</div>
-		<div style="${!opt.image.editLink ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Link')}</label>
-			<input data-ref="imageLink" type="text" class="jodit-input"/>
+		<div class="jodit-form__group &__editLink">
+			<label>~Link~</label>
+			<input type="text" class="jodit-input &__imageLink"/>
 		</div>
-		<div style="${!opt.image.editLink ? 'display:none' : ''}" class="jodit-form__group">
+		<div class="jodit-form__group &__editLinkTarget">
 			<label class="jodit_vertical_middle">
-				<input data-ref="imageLinkOpenInNewTab" type="checkbox" class="jodit-checkbox"/>
-				<span>${i18n('Open link in new tab')}</span>
+				<input type="checkbox" class="jodit-checkbox &__imageLinkOpenInNewTab"/>
+				<span>~Open link in new tab~</span>
 			</label>
-		</div>`);
-}
+		</div>`;
+    }
+    onStateImageSrcChange() {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__awaiter */ .sH)(this, void 0, void 0, function* () {
+            const imageSrc = this.getElm('imageSrc');
+            imageSrc.value = this.state.values.imageSrc;
+        });
+    }
+    onImageSrcChange() {
+        this.state.values.imageSrc = this.getElm('imageSrc').value;
+    }
+    /**
+     * Open image editor
+     */
+    onEditImageClick(e) {
+        this.handlers.openImageEditor();
+        e.stopPropagation();
+    }
+    /**
+     * Open popup with filebrowser/uploader buttons for image
+     */
+    onChangeImageClick(e) {
+        this.handlers.openImagePopup(this.getElm('changeImage'));
+        e.stopPropagation();
+    }
+    onStateTitleChange() {
+        const title = this.getElm('imageTitle');
+        title.value = this.state.values.imageTitle;
+    }
+    onTitleChange() {
+        this.state.values.imageTitle = this.getElm('imageTitle').value;
+    }
+    onStateAltChange() {
+        const alt = this.getElm('imageAlt');
+        alt.value = this.state.values.imageAlt;
+    }
+    onAltChange() {
+        this.state.values.imageAlt = this.getElm('imageAlt').value;
+    }
+    onStateImageLinkChange() {
+        const imageLink = this.getElm('imageLink');
+        imageLink.value = this.state.values.imageLink;
+    }
+    onImageLinkChange() {
+        this.state.values.imageLink = this.getElm('imageLink').value;
+    }
+    onStateImageLinkOpenInNewTabChange() {
+        const imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab');
+        imageLinkOpenInNewTab.checked = this.state.values.imageLinkOpenInNewTab;
+    }
+    onImageLinkOpenInNewTabChange() {
+        this.state.values.imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab').checked;
+    }
+    hideFieldByOptions() {
+        const o = this.j.o;
+        const opt = o.image;
+        [
+            ['editSrc', 'editSrc'],
+            ['editTitle', 'editTitle'],
+            ['editAlt', 'editAlt'],
+            ['editLink', 'editLink'],
+            ['editLink', 'editLinkTarget'],
+            ['useImageEditor', 'editImage']
+        ].forEach(([optKey, elmKey]) => {
+            const elm = this.getElm(elmKey);
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display', opt[optKey] ? null : 'none');
+        });
+        const changeImage = this.getElm('changeImage');
+        const needShowChangeImage = Boolean(o.filebrowser.ajax.url || o.uploader.url);
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(changeImage, 'display', needShowChangeImage ? null : 'none');
+        const editImage = this.getElm('editImage');
+        const needShowEditImage = Boolean(o.filebrowser.ajax.url) && opt.useImageEditor;
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(editImage, 'display', needShowEditImage ? null : 'none');
+        const fixImage = this.getElm('fixImage');
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(fixImage, 'display', needShowChangeImage || needShowEditImage ? null : 'none');
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.imageSrc')
+], UIImageMainTab.prototype, "onStateImageSrcChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('imageSrc:change')
+], UIImageMainTab.prototype, "onImageSrcChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('editImage:click')
+], UIImageMainTab.prototype, "onEditImageClick", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('changeImage:click')
+], UIImageMainTab.prototype, "onChangeImageClick", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.imageTitle')
+], UIImageMainTab.prototype, "onStateTitleChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('imageTitle:change')
+], UIImageMainTab.prototype, "onTitleChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.imageAlt')
+], UIImageMainTab.prototype, "onStateAltChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('imageAlt:change')
+], UIImageMainTab.prototype, "onAltChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.imageLink')
+], UIImageMainTab.prototype, "onStateImageLinkChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('imageLink:change')
+], UIImageMainTab.prototype, "onImageLinkChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.imageLinkOpenInNewTab')
+], UIImageMainTab.prototype, "onStateImageLinkOpenInNewTabChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('imageLinkOpenInNewTab:change')
+], UIImageMainTab.prototype, "onImageLinkOpenInNewTabChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready')
+], UIImageMainTab.prototype, "hideFieldByOptions", null);
+UIImageMainTab = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .Cg)([
+    jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_5__/* .component */ .s
+], UIImageMainTab);
+
 
 
 /***/ }),
 
-/***/ 57837:
+/***/ 46681:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   b: function() { return /* binding */ positionTab; }
+/* harmony export */   _: function() { return /* binding */ UIImagePositionTab; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(931);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24767);
+/* harmony import */ var jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71151);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66927);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65147);
+/* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(98253);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26150);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29780);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(931);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9645);
 /*!
  * 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
  */
 
-function positionTab(editor) {
-    const opt = editor.o, i18n = editor.i18n.bind(editor), gi = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I.get.bind(jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__/* .Icon */ .I);
-    const classInput = [];
-    if (opt.image.availableClasses.length > 0) {
-        classInput.push('<select data-ref="classes" class="jodit-input jodit-select">');
-        opt.image.availableClasses.forEach(item => {
-            if (typeof item === 'string') {
-                classInput.push(`<option value="${item}">${item}</option>`);
-            }
-            else {
-                classInput.push(`<option value="${item[0]}">${item[1]}</option>`);
-            }
-        });
-        classInput.push('</select>');
+
+
+
+
+
+
+
+
+
+/** @private */
+let UIImagePositionTab = class UIImagePositionTab extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_4__/* .UIElement */ .D {
+    className() {
+        return 'UIImagePositionTab';
     }
-    else {
-        classInput.push('<input data-ref="classes" type="text" class="jodit-input"/>');
+    constructor(jodit, state, handlers) {
+        super(jodit, {
+            availableClasses: jodit.o.image.availableClasses
+        });
+        this.state = state;
+        this.handlers = handlers;
     }
-    return editor.c.fromHTML(`<div style="${!opt.image.editMargins ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Margins')}</label>
+    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" data-ref="marginTop" type="text" placeholder="${i18n('top')}"/>
-				<a style="text-align: center;" data-ref="lockMargin" class="jodit-properties__lock jodit_col-lg-1-5">${gi('lock')}</a>
-				<input disabled="true" class="jodit_col-lg-1-5 jodit-input" data-ref="marginRight" type="text" placeholder="${i18n('right')}"/>
-				<input disabled="true" class="jodit_col-lg-1-5 jodit-input" data-ref="marginBottom" type="text" placeholder="${i18n('bottom')}"/>
-				<input disabled="true" class="jodit_col-lg-1-5 jodit-input" data-ref="marginLeft" type="text" placeholder="${i18n('left')}"/>
+				<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
-			style="${!opt.image.editAlign ? 'display:none' : ''}"
-			class="jodit-form__group"
-		>
-			<label>${i18n('Align')}</label>
-			<select data-ref="align" class="jodit-select">
-				<option value="">${i18n('--Not Set--')}</option>
-				<option value="left">${i18n('Left')}</option>
-				<option value="center">${i18n('Center')}</option>
-				<option value="right">${i18n('Right')}</option>
+		<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 style="${!opt.image.editStyle ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Styles')}</label>
-			<input data-ref="style" type="text" class="jodit-input"/>
+		<div class="jodit-form__group &__editStyle">
+			<label>~Styles~</label>
+			<input type="text" class="jodit-input &__style"/>
 		</div>
-		<div style="${!opt.image.editClass ? 'display:none' : ''}" class="jodit-form__group">
-			<label>${i18n('Classes')}</label>
-			${classInput.join('')}
+		<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 ((0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_7__/* .isString */ .K)(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 style="${!opt.image.editId ? 'display:none' : ''}" class="jodit-form__group">
+		<div class="jodit-form__group &__editId">
 			<label>Id</label>
-			<input data-ref="id" type="text" class="jodit-input"/>
+			<input type="text" class="jodit-input &__id"/>
 		</div>
 		<div
-			style="${!opt.image.editBorderRadius ? 'display:none' : ''}"
-			class="jodit-form__group"
+			class="jodit-form__group &__editBorderRadius"
 		>
-			<label>${i18n('Border radius')}</label>
-				<input data-ref="borderRadius" type="number" class="jodit-input"/>
-		</div>`);
+			<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 => {
+            (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_3__/* .attr */ .C)(elm, 'disabled', this.state.marginIsLocked || null);
+        });
+        lockMargin.innerHTML = jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .I.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 = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .normalSizeFromString */ .G)(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 = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .normalSizeFromString */ .G)(marginRight.value);
+            this.state.values.marginBottom = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .normalSizeFromString */ .G)(marginBottom.value);
+            this.state.values.marginLeft = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .normalSizeFromString */ .G)(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);
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display', opt[optKey] ? null : 'none');
+        });
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.align')
+], UIImagePositionTab.prototype, "onStateAlignChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('align:change')
+], UIImagePositionTab.prototype, "onChangeAlign", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.borderRadius')
+], UIImagePositionTab.prototype, "onStateValuesBorderRadiusChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('borderRadius:change')
+], UIImagePositionTab.prototype, "onChangeBorderRadius", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.id')
+], UIImagePositionTab.prototype, "onStateValuesIdChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('id:change')
+], UIImagePositionTab.prototype, "onChangeId", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.style')
+], UIImagePositionTab.prototype, "onStateValuesStyleChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('style:change')
+], UIImagePositionTab.prototype, "onChangeStyle", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.values.classes')
+], UIImagePositionTab.prototype, "onStateValuesClassesChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('classes:change')
+], UIImagePositionTab.prototype, "onChangClasses", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('lockMargin:click')
+], UIImagePositionTab.prototype, "onLockMarginClick", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)('state.marginIsLocked')
+], UIImagePositionTab.prototype, "onChangeMarginIsLocked", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready'),
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)([
+        'state.values.marginTop',
+        'state.values.marginRight',
+        'state.values.marginBottom',
+        'state.values.marginLeft'
+    ])
+], UIImagePositionTab.prototype, "onStateValuesMarginChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__/* .watch */ .w)([
+        'marginTop:change',
+        'marginRight:change',
+        'marginBottom:change',
+        'marginLeft:change'
+    ])
+], UIImagePositionTab.prototype, "onChangeMargin", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__/* .hook */ .A)('ready')
+], UIImagePositionTab.prototype, "hideFieldByOptions", null);
+UIImagePositionTab = (0,tslib__WEBPACK_IMPORTED_MODULE_8__/* .__decorate */ .Cg)([
+    jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_9__/* .component */ .s
+], UIImagePositionTab);
+
+
+
+/***/ }),
+
+/***/ 80778:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   v: function() { return /* binding */ openImageEditorDialog; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(98253);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26150);
+/* harmony import */ var jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53804);
+/*!
+ * 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
+ */
+
+
+
+/**
+ * Open image editor dialog
+ * @private
+ */
+function openImageEditorDialog(j, state) {
+    const url = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(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 ((0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_2__/* .isString */ .K)(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 => {
+        jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_1__/* .openImageEditor */ .B.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);
+    });
+}
+
+
+/***/ }),
+
+/***/ 33733:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   q: function() { return /* binding */ openImagePopup; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37923);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27594);
+/* harmony import */ var jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80071);
+/* harmony import */ var jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10067);
+/*!
+ * 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 */
+function openImagePopup(j, dialog, state, button) {
+    const popup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_0__/* .Popup */ .z(dialog);
+    const closePopup = () => {
+        popup.close();
+        popup.destruct();
+    };
+    popup
+        .setContent((0,jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_1__/* .FileSelectorWidget */ .k)(j, {
+        upload: (data) => {
+            if (data.files && data.files.length) {
+                state.values.imageSrc =
+                    data.baseurl + data.files[0];
+            }
+            closePopup();
+        },
+        filebrowser: (data) => (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__awaiter */ .sH)(this, void 0, void 0, function* () {
+            if (data && (0,jodit_core_helpers_checker_is_array__WEBPACK_IMPORTED_MODULE_3__/* .isArray */ .c)(data.files) && data.files.length) {
+                state.values.imageSrc = data.files[0];
+                closePopup();
+            }
+        })
+    }, state.image, closePopup))
+        .open(() => (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_4__/* .position */ .G)(button));
+}
+
+
+/***/ }),
+
+/***/ 9645:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   G: function() { return /* binding */ normalSizeFromString; },
+/* harmony export */   n: function() { return /* binding */ normalSizeToString; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_helpers_checker_is_number__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2461);
+/* harmony import */ var jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59101);
+/*!
+ * 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 */
+const normalSizeFromString = (value) => {
+    return /^[-+]?[0-9.]+(px)?$/.test(value.toString())
+        ? parseFloat(value.toString())
+        : value;
+};
+/** @private */
+const normalSizeToString = (value) => {
+    if ((0,jodit_core_helpers_checker_is_number__WEBPACK_IMPORTED_MODULE_1__/* .isNumber */ .E)(value)) {
+        return value ? value + 'px' : value.toString();
+    }
+    value = (0,jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_0__/* .trim */ .Bq)(value);
+    return /^[0-9]+$/.test(value) ? value + 'px' : value;
+};
+
+
+/***/ }),
+
+/***/ 30393:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   j: function() { return /* binding */ applyValuesToImage; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55186);
+/* harmony import */ var jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97369);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(88269);
+/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(78139);
+/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58972);
+/*!
+ * 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
+ */
+
+
+
+
+
+/**
+ * Apply form's values to image
+ * @private
+ */
+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) {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'style', style || null);
+    }
+    // Src
+    if (imageSrc) {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'src', imageSrc);
+    }
+    else {
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__/* .Dom */ .J.safeRemove(image);
+        return;
+    }
+    // Border radius
+    image.style.borderRadius = borderRadius ? borderRadius + 'px' : '';
+    // Title
+    (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'title', imageTitle || null);
+    // Alt
+    (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'alt', imageAlt || null);
+    // Link
+    (0,_link__WEBPACK_IMPORTED_MODULE_2__/* .applyLink */ .j)(j, image, imageLink, imageLinkOpenInNewTab);
+    // Size
+    (0,_size__WEBPACK_IMPORTED_MODULE_4__/* .applySize */ .q)(image, imageWidth, imageHeight, state.sizeIsLocked);
+    // Margin
+    if (j.o.image.editMargins) {
+        (0,_margin__WEBPACK_IMPORTED_MODULE_3__/* .applyMargin */ .N)(j, marginTop, marginRight, marginBottom, marginLeft, image, state.marginIsLocked);
+    }
+    if (opt.image.editClass) {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'class', classes || null);
+    }
+    if (opt.image.editId) {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.attr)(image, 'id', id || null);
+    }
+    if (opt.image.editAlign) {
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__.hAlignElement)(image, align);
+    }
+}
+
+
+/***/ }),
+
+/***/ 88269:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   j: function() { return /* binding */ applyLink; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55186);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26150);
+/*!
+ * 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 */
+function applyLink(j, image, imageLink, imageLinkOpenInNewTab) {
+    // Link
+    let link = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__/* .Dom */ .J.closest(image, 'a', j.editor);
+    if (imageLink) {
+        if (!link) {
+            link = jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_0__/* .Dom */ .J.wrap(image, 'a', j.createInside);
+        }
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__/* .attr */ .C)(link, 'href', imageLink);
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__/* .attr */ .C)(link, 'target', imageLinkOpenInNewTab ? '_blank' : null);
+    }
+    else {
+        if (link && link.parentNode) {
+            link.parentNode.replaceChild(image, link);
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ 78139:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   N: function() { return /* binding */ applyMargin; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38322);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9645);
+/*!
+ * 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 */
+function applyMargin(j, marginTop, marginRight, marginBottom, marginLeft, image, marginIsLocked) {
+    const margins = [marginTop, marginRight, marginBottom, marginLeft];
+    const applyMargin = (key, value) => {
+        const oldValue = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__/* .css */ .A)(image, key);
+        const v = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_0__/* .normalSizeToString */ .n)(value);
+        if (oldValue.toString() !== v.toString()) {
+            (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__/* .css */ .A)(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);
+    }
+}
+
+
+/***/ }),
+
+/***/ 58972:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   q: function() { return /* binding */ applySize; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26150);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38322);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9645);
+/*!
+ * 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 */
+function applySize(image, imageWidth, imageHeight, sizeIsLocked) {
+    // Size
+    if (imageWidth !== image.offsetWidth ||
+        imageHeight !== image.offsetHeight) {
+        const updatedWidth = imageWidth ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__/* .normalSizeToString */ .n)(imageWidth) : null;
+        let updatedHeight = imageHeight
+            ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__/* .normalSizeToString */ .n)(imageHeight)
+            : null;
+        (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__/* .css */ .A)(image, {
+            width: updatedWidth,
+            height: updatedWidth && sizeIsLocked ? null : updatedHeight
+        });
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'width', (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'width') ? updatedWidth : null);
+        if (!(0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'width') || sizeIsLocked) {
+            updatedHeight = null;
+        }
+        (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(image, 'height', updatedHeight);
+    }
 }
 
 
@@ -38123,7 +38909,8 @@ jodit_core_global__WEBPACK_IMPORTED_MODULE_3__/* .pluginSystem */ .fg.add('selec
  */
 
 jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.select = {
-    normalizeSelectionBeforeCutAndCopy: false
+    normalizeSelectionBeforeCutAndCopy: false,
+    normalizeTripleClick: true
 };
 
 
@@ -38199,7 +38986,7 @@ class select extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_3__/* .Plugin */
         }
     }
     /**
-     * @event outsideClick(e) - when user clicked in the outside of editor
+     * @event outsideClick(e) - when user clicked on the outside of editor
      */
     onOutsideClick(e) {
         const node = e.target;
@@ -38211,7 +38998,7 @@ class select extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_3__/* .Plugin */
             this.j.e.fire('outsideClick', e);
         }
     }
-    beforeCommandCut(command) {
+    beforeCommandCut() {
         const { s } = this.j;
         if (!s.isCollapsed()) {
             const current = s.current();
@@ -38220,13 +39007,27 @@ class select extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_3__/* .Plugin */
             }
         }
     }
-    beforeCommandSelectall(command) {
+    beforeCommandSelectAll() {
         const { s } = this.j;
         s.focus();
         s.select(this.j.editor, true);
         s.expandSelection();
         return false;
     }
+    /**
+     * Normalize selection after triple click
+     */
+    onTripleClickNormalizeSelection(e) {
+        if (e.detail !== 3 || !this.j.o.select.normalizeTripleClick) {
+            return;
+        }
+        const { s } = this.j;
+        const { startContainer, startOffset } = s.range;
+        if (startOffset === 0 && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isText(startContainer)) {
+            s.select(jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.closest(startContainer, jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isBlock, this.j.editor) ||
+                startContainer, true);
+        }
+    }
     onCopyNormalizeSelectionBound(e) {
         const { s, editor, o } = this.j;
         if (!o.select.normalizeSelectionBeforeCutAndCopy || s.isCollapsed()) {
@@ -38252,7 +39053,10 @@ class select extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_3__/* .Plugin */
 ], select.prototype, "beforeCommandCut", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([':beforeCommandSelectall'])
-], select.prototype, "beforeCommandSelectall", null);
+], select.prototype, "beforeCommandSelectAll", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([':click'])
+], select.prototype, "onTripleClickNormalizeSelection", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .Cg)([
     (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([':copy', ':cut'])
 ], select.prototype, "onCopyNormalizeSelectionBound", null);