jodit-pro 4.1.14 → 4.1.21

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v4.1.14
+ * Version: v4.1.21
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -2254,6 +2254,28 @@ var Config = /** @class */ (function () {
             : null);
         /**
          * Shadow root if Jodit was created in it
+         *
+         * ```html
+         * <div id="editor"></div>
+         * ```
+         *
+         * ```js
+         * const app = document.getElementById('editor');
+         * app.attachShadow({ mode: 'open' });
+         * const root = app.shadowRoot;
+         *
+         * root.innerHTML = `
+         * <link rel="stylesheet" href="./build/jodit.css"/>
+         * <h1>Jodit example in Shadow DOM</h1>
+         * <div id="edit"></div>
+         * `;
+         *
+         * const editor = Jodit.make(root.getElementById('edit'), {
+         * 	globalFullSize: false,
+         * 	shadowRoot: root
+         * });
+         * editor.value = '<p>start</p>';
+         * ```
          */
         this.shadowRoot = null;
         /**
@@ -3010,6 +3032,7 @@ Config.prototype.controls = {};
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31635);
 /* harmony import */ var jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67259);
 /* harmony import */ var jodit_core_helpers_async__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(98761);
+/* harmony import */ var jodit_core_helpers_checker_is_abort_error__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(54306);
 /* harmony import */ var jodit_core_helpers_checker_is_function__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41959);
 /* harmony import */ var jodit_core_helpers_checker_is_number__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(72558);
 /* harmony import */ var jodit_core_helpers_checker_is_plain_object__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(47903);
@@ -3018,7 +3041,7 @@ Config.prototype.controls = {};
 /* harmony import */ var jodit_core_helpers_checker_is_void__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74197);
 /* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28712);
 /* harmony import */ var jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jodit_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var jodit_core_helpers_utils_error_errors_abort_error__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(30126);
+/* harmony import */ var jodit_core_helpers_utils_error_errors_abort_error__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30126);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -3035,6 +3058,7 @@ Config.prototype.controls = {};
 
 
 
+
 var Async = /** @class */ (function () {
     function Async() {
         var _this = this;
@@ -3175,6 +3199,11 @@ var Async = /** @class */ (function () {
                 }
                 var promise = _this.promise(function (res) {
                     promises.push(res);
+                }).catch(function (e) {
+                    if ((0,jodit_core_helpers_checker_is_abort_error__WEBPACK_IMPORTED_MODULE_10__/* .isAbortError */ .z)(e)) {
+                        return null;
+                    }
+                    throw e;
                 });
                 onFire.apply(void 0, (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__spreadArray */ .fX)([], (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__read */ .zs)(args), false));
                 return promise;
@@ -3263,7 +3292,7 @@ var Async = /** @class */ (function () {
         var _this = this;
         var rejectCallback = function () { };
         var promise = new Promise(function (resolve, reject) {
-            rejectCallback = function () { return reject((0,jodit_core_helpers_utils_error_errors_abort_error__WEBPACK_IMPORTED_MODULE_10__/* .abort */ .h)()); };
+            rejectCallback = function () { return reject((0,jodit_core_helpers_utils_error_errors_abort_error__WEBPACK_IMPORTED_MODULE_11__/* .abort */ .h)('Abort async')); };
             _this.promisesRejections.add(rejectCallback);
             executor(resolve, reject);
         });
@@ -3811,7 +3840,7 @@ __webpack_require__.r(__webpack_exports__);
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-var APP_VERSION = "4.1.14";
+var APP_VERSION = "4.1.21";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -9109,6 +9138,7 @@ var offset = function (elm, jodit, doc, recurse) {
  * Calculate screen element position
  */
 function position(elm, jodit, recurse) {
+    var _a, _b;
     if (recurse === void 0) {
         recurse = false;
     }
@@ -9118,15 +9148,15 @@ function position(elm, jodit, recurse) {
         jodit.iframe &&
         jodit.ed.body.contains(elm) &&
         !recurse) {
-        var _a = position(jodit.iframe, jodit, true), left = _a.left, top = _a.top;
+        var _c = position(jodit.iframe, jodit, true), left = _c.left, top = _c.top;
         xPos += left;
         yPos += top;
     }
     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)
     };
 }
 
@@ -11259,9 +11289,9 @@ var getXPathByElement = function (element, root) {
  * Find all `ref` or `data-ref` elements inside HTMLElement
  */
 var refs = function (root) {
-    // if (Component.isInstanceOf<UIElement>(root, UIElement)) {
-    // 	root = root.container;
-    // }
+    if ('container' in root) {
+        root = root.container;
+    }
     return $$('[ref],[data-ref]', root).reduce(function (def, child) {
         var 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)) {
@@ -16087,7 +16117,7 @@ var UITooltip = /** @class */ (function (_super) {
             view.o.showTooltip &&
             !view.o.useNativeTooltip) {
             view.hookStatus(jodit_core_component__WEBPACK_IMPORTED_MODULE_0__/* .STATUSES */ .f.ready, function () {
-                // TODO Move it inside __open method. Now it is here becous testcase failed with capturing
+                // 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
@@ -16111,6 +16141,7 @@ var UITooltip = /** @class */ (function (_super) {
         var 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',
@@ -18263,7 +18294,7 @@ var Popup = /** @class */ (function (_super) {
         }
         var pe = this.parentElement;
         while (pe) {
-            if (checkView(j)) {
+            if (checkView(pe.j)) {
                 return;
             }
             if (pe.container.style.zIndex) {
@@ -21174,6 +21205,7 @@ var Dialog = /** @class */ (function (_super) {
              * Fired when dialog box is started moving
              */
             this.e.fire(this, 'startMove');
+            this.e.fire('closeAllPopups');
         }
     };
     Dialog.prototype.onMouseMove = function (e) {
@@ -22441,6 +22473,9 @@ var DataProvider = /** @class */ (function () {
                 this.o.permissions.data.source = source;
                 if (this.o.permissions.url) {
                     return [2 /*return*/, this.get('permissions').then(function (resp) {
+                            if (_this.parent.isInDestruct) {
+                                throw (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.abort)();
+                            }
                             var process = _this.o.permissions.process;
                             if (!process) {
                                 process = _this.o.ajax.process;
@@ -23231,10 +23266,18 @@ var FileBrowser = /** @class */ (function (_super) {
             _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(function () {
+                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(function (e) {
-            if (!jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.IS_PROD) {
+            if (!(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_5__.isAbortError)(e) && !jodit_core_constants__WEBPACK_IMPORTED_MODULE_1__.IS_PROD) {
                 throw e;
             }
         });
@@ -25097,7 +25140,7 @@ var form = function (editor, o) {
         if (active === void 0) {
             active = true;
         }
-        return "<div class=\"jodit-form__group\">\n\t\t\t<label>".concat(i(label), "</label>\n\n\t\t\t<label class='jodit-switcher'>\n\t\t\t\t<input ").concat(act(active, 'checked'), " data-ref=\"").concat(ref, "\" type=\"checkbox\"/>\n\t\t\t\t<span class=\"jodit-switcher__slider\"></span>\n\t\t\t</label>\n\t</div>");
+        return "<div class=\"jodit-form__group\">\n\t\t\t<label class=\"jodit-switcher-wrapper\">\n\t\t\t\t<span class='jodit-switcher'>\n\t\t\t\t\t<input ".concat(act(active, 'checked'), " data-ref=\"").concat(ref, "\" type=\"checkbox\"/>\n\t\t\t\t\t<span class=\"jodit-switcher__slider\"></span>\n\t\t\t\t</span>\n\t\t\t\t<span>").concat(i(label), "</span>\n\t\t\t</label>\n\t</div>");
     };
     return editor.create.fromHTML("<form class=\"".concat(jie, " jodit-properties\">\n\t\t<div class=\"jodit-grid jodit-grid_xs-column\">\n\t\t\t<div class=\"jodit_col-lg-3-4 jodit_col-sm-5-5\">\n\t\t\t").concat(o.resize
         ? "<div class=\"".concat(jie, "__area ").concat(jie, "__area_resize ").concat(jie, "_active\">\n\t\t\t\t\t\t\t<div data-ref=\"resizeBox\" class=\"").concat(jie, "__box\"></div>\n\t\t\t\t\t\t\t<div class=\"").concat(jie, "__resizer\">\n\t\t\t\t\t\t\t\t<i class=\"jodit_bottomright\"></i>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>")
@@ -28230,11 +28273,13 @@ var TabsWidget = function (jodit, tabs, state) {
             return;
         }
         buttonList.forEach(function (b) {
+            b.state.variant = 'initial';
             b.state.activated = false;
         });
         (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('.jodit-tab', tabBox).forEach(function (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');
     };
@@ -28266,7 +28311,7 @@ var TabsWidget = function (jodit, tabs, state) {
                 content.call(jodit);
             }
             if (state) {
-                state.__activeTab = name;
+                state.activeTab = name;
             }
             return false;
         });
@@ -28282,20 +28327,20 @@ var TabsWidget = function (jodit, tabs, state) {
     (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.$$)('a', buttons).forEach(function (a) {
         a.style.width = (100 / tabCount).toFixed(10) + '%';
     });
-    var tab = !state || !state.__activeTab || !nameToTab[state.__activeTab]
+    var tab = !state || !state.activeTab || !nameToTab[state.activeTab]
         ? firstTab
-        : state.__activeTab;
+        : state.activeTab;
     setActive(tab);
     if (state) {
-        var __activeTab_1 = state.__activeTab;
-        Object.defineProperty(state, '__activeTab', {
+        var activeTab_1 = state.activeTab;
+        Object.defineProperty(state, 'activeTab', {
             configurable: true,
             enumerable: false,
             get: function () {
-                return __activeTab_1;
+                return activeTab_1;
             },
             set: function (value) {
-                __activeTab_1 = value;
+                activeTab_1 = value;
                 setActive(value);
             }
         });
@@ -28716,7 +28761,7 @@ var aiAssistant = /** @class */ (function (_super) {
         configurable: true
     });
     /** @override */
-    aiAssistant.prototype.afterInit = function (jodit) { };
+    aiAssistant.prototype.afterInit = function () { };
     aiAssistant.prototype.onGenerateAiAssistantForm = function (prompt) {
         this.__dialog.open(this.__container, 'AI Assistant');
         this.__container.setPrompt(prompt);
@@ -34775,9 +34820,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,
@@ -34807,18 +34849,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__(53557);
-/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51431);
-/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9596);
-/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64962);
-/* harmony import */ var jodit_modules__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35102);
-/* harmony import */ var jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60485);
-/* harmony import */ var jodit_modules_widget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21391);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61115);
-/* harmony import */ var _templates_form__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98231);
-/* harmony import */ var _templates_main_tab__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(9118);
-/* harmony import */ var _templates_position_tab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(85480);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23545);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51431);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9596);
+/* harmony import */ var jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67141);
+/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64962);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61115);
+/* harmony import */ var _ui_ui_image_form__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91675);
+/* harmony import */ var _utils_open_image_editor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(77137);
+/* harmony import */ var _utils_open_image_popup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(91852);
+/* harmony import */ var _readers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61566);
+/* harmony import */ var _writers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(48570);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -34850,59 +34893,114 @@ jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.image = {
  * });
  * ```
  */
-var normalSizeToString = function (value) {
-    value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.trim)(value);
-    return /^[0-9]+$/.test(value) ? value + 'px' : value;
-};
-var normalSizeFromString = function (value) {
-    return /^[-+]?[0-9.]+px$/.test(value.toString())
-        ? parseFloat(value.toString())
-        : value;
-};
 /**
  * Show dialog with image's options
  */
 var imageProperties = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__extends */ .C6)(imageProperties, _super);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__extends */ .C6)(imageProperties, _super);
     function imageProperties() {
-        var _this = _super.apply(this, (0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__spreadArray */ .fX)([], (0,tslib__WEBPACK_IMPORTED_MODULE_11__/* .__read */ .zs)(arguments), false)) || this;
+        var _this = _super.apply(this, (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__spreadArray */ .fX)([], (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__read */ .zs)(arguments), false)) || this;
         _this.state = {
             image: new Image(),
+            sourceImage: new Image(),
             get ratio() {
-                return this.image.naturalWidth / this.image.naturalHeight || 1;
+                var _a = this.image, naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
+                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'
         };
         return _this;
     }
-    imageProperties.prototype.onChangeMarginIsLocked = function () {
-        var _this = this;
-        if (!this.form) {
-            return;
-        }
-        var _a = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form), marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, lockMargin = _a.lockMargin;
-        [marginRight, marginBottom, marginLeft].forEach(function (elm) {
-            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'disabled', _this.state.marginIsLocked || null);
-        });
-        lockMargin.innerHTML = jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Icon.get(this.state.marginIsLocked ? 'lock' : 'unlock');
-    };
-    imageProperties.prototype.onChangeSizeIsLocked = function () {
-        if (!this.form) {
-            return;
-        }
-        var _a = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form), lockSize = _a.lockSize, imageWidth = _a.imageWidth;
-        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');
-    };
+    Object.defineProperty(imageProperties.prototype, "form", {
+        get: function () {
+            var _this = this;
+            return new _ui_ui_image_form__WEBPACK_IMPORTED_MODULE_7__/* .UIImagePropertiesForm */ .l(this.j, this.state, this.activeTabState, {
+                openImageEditor: function () {
+                    return (0,_utils_open_image_editor__WEBPACK_IMPORTED_MODULE_8__/* .openImageEditorDialog */ .v)(_this.j, _this.state);
+                },
+                openImagePopup: function (target) {
+                    return (0,_utils_open_image_popup__WEBPACK_IMPORTED_MODULE_9__/* .openImagePopup */ .q)(_this.j, _this.dialog, _this.state, target);
+                }
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(imageProperties.prototype, "dialog", {
+        /**
+         * Dialog for form
+         */
+        get: function () {
+            var _this = this;
+            var j = this.j;
+            var dialog = j.dlg({
+                minWidth: Math.min(400, screen.width),
+                minHeight: 590,
+                buttons: ['fullsize', 'dialog.close']
+            });
+            var buttons = this.__buttons;
+            buttons.check.onAction(function () {
+                (0,_writers__WEBPACK_IMPORTED_MODULE_11__/* .applyValuesToImage */ .j)(j, _this.state, _this.state.sourceImage);
+                j.synchronizeValues();
+                dialog.close();
+            });
+            buttons.remove.onAction(function () {
+                j.s.removeNode(_this.state.sourceImage);
+                dialog.close();
+            });
+            buttons.cancel.onAction(function () {
+                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', function () {
+                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;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(imageProperties.prototype, "__buttons", {
+        get: function () {
+            var j = this.j;
+            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')
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Open dialog editing image properties
      *
@@ -34918,362 +35016,31 @@ var imageProperties = /** @class */ (function (_super) {
      * ```
      */
     imageProperties.prototype.open = function () {
-        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.dialog.open().setModal(true).setPosition();
-        return false;
-    };
-    /**
-     * Create form for edit image properties
-     */
-    imageProperties.prototype.makeForm = function () {
         var _this = this;
-        if (this.dialog) {
-            return;
-        }
-        this.dialog = this.j.dlg({
-            minWidth: Math.min(400, screen.width),
-            minHeight: 590,
-            buttons: ['fullsize', 'dialog.close']
-        });
-        var 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', function () {
-            if (_this.state.image.parentNode &&
-                opt.image.selectImageAfterClose) {
-                editor.s.select(_this.state.image);
-            }
-        });
-        buttons.remove.onAction(function () {
-            editor.s.removeNode(_this.state.image);
-            _this.dialog.close();
-        });
-        var dialog = this.dialog;
-        dialog.setHeader(i18n('Image properties'));
-        var mainForm = (0,_templates_form__WEBPACK_IMPORTED_MODULE_8__/* .form */ .Z)(editor);
-        this.form = mainForm;
-        dialog.setContent(mainForm);
-        var tabsBox = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form).tabsBox;
-        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);
-        var _a = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form), changeImage = _a.changeImage, editImage = _a.editImage;
-        editor.e.on(changeImage, 'click', this.openImagePopup);
-        if (opt.image.useImageEditor) {
-            editor.e.on(editImage, 'click', this.openImageEditor);
-        }
-        var _b = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(mainForm), lockSize = _b.lockSize, lockMargin = _b.lockMargin, imageWidth = _b.imageWidth, imageHeight = _b.imageHeight;
-        if (lockSize) {
-            editor.e.on(lockSize, 'click', function () {
-                _this.state.sizeIsLocked = !_this.state.sizeIsLocked;
-            });
-        }
-        editor.e.on(lockMargin, 'click', function (e) {
-            _this.state.marginIsLocked = !_this.state.marginIsLocked;
-            e.preventDefault();
-        });
-        var changeSizes = function (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;
-            }
-            var 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', function (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
-     */
-    imageProperties.prototype.updateValues = function () {
-        var _this = this;
-        var opt = this.j.o;
-        var image = this.state.image;
-        var _a = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form), marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, lockMargin = _a.lockMargin, imageSrc = _a.imageSrc, id = _a.id, classes = _a.classes, align = _a.align, style = _a.style, imageTitle = _a.imageTitle, imageAlt = _a.imageAlt, borderRadius = _a.borderRadius, imageLink = _a.imageLink, imageWidth = _a.imageWidth, imageHeight = _a.imageHeight, imageLinkOpenInNewTab = _a.imageLinkOpenInNewTab, imageViewSrc = _a.imageViewSrc, lockSize = _a.lockSize;
-        var updateLock = function () {
-            lockMargin.checked = _this.state.marginIsLocked;
-            lockSize.checked = _this.state.sizeIsLocked;
-        }, updateAlign = function () {
-            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 = function () {
-            borderRadius.value = (parseInt(image.style.borderRadius || '0', 10) || '0').toString();
-        }, updateId = function () {
-            id.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'id') || '';
-        }, updateStyle = function () {
-            style.value = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'style') || '';
-        }, updateClasses = function () {
-            classes.value = ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
-        }, updateMargins = function () {
-            if (!opt.image.editMargins) {
-                return;
-            }
-            var equal = true, wasEmptyField = false;
-            [marginTop, marginRight, marginBottom, marginLeft].forEach(function (elm) {
-                var id = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, 'data-ref') || '';
-                var 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 = function () {
-            var 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 = (function () {
-                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;
-                }
-                var w = parseFloat(imageWidth.value), h = parseFloat(imageHeight.value);
-                return Math.abs(w - h * _this.state.ratio) < 1;
-            })();
-        }, updateText = function () {
-            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') || '';
-            var 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 = function () {
-            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
-     */
-    imageProperties.prototype.onApply = function () {
-        var _a = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form), style = _a.style, imageSrc = _a.imageSrc, borderRadius = _a.borderRadius, imageTitle = _a.imageTitle, imageAlt = _a.imageAlt, imageLink = _a.imageLink, imageWidth = _a.imageWidth, imageHeight = _a.imageHeight, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, imageLinkOpenInNewTab = _a.imageLinkOpenInNewTab, align = _a.align, classes = _a.classes, id = _a.id;
-        var opt = this.j.o;
-        var image = this.state.image;
-        // 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
-        var 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()) {
-            var updatedtWidth = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.trim)(imageWidth.value)
-                ? normalSizeToString(imageWidth.value)
-                : null;
-            var 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);
-        }
-        var margins = [marginTop, marginRight, marginBottom, marginLeft];
-        if (opt.image.editMargins) {
-            if (!this.state.marginIsLocked) {
-                margins.forEach(function (margin) {
-                    var 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
-     */
-    imageProperties.prototype.openImageEditor = function () {
-        var _this = this;
-        var url = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.attr)(this.state.image, 'src') || '', a = this.j.c.element('a'), loadExternal = function () {
-            if (a.host !== location.host) {
-                _this.j.confirm('You can only edit your own images. Download this image on the host?', function (yes) {
-                    if (yes && _this.j.uploader) {
-                        _this.j.uploader.uploadRemoteImage(a.href.toString(), function (resp) {
-                            _this.j.alert('The image has been successfully uploaded to the host!', function () {
-                                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();
-                                }
-                            });
-                        }, function (error) {
-                            _this.j.alert('There was an error loading %s', error.message);
-                        });
-                    }
-                });
-                return;
+        this.activeTabState.activeTab = 'Image';
+        this.__lock();
+        this.dialog.open().setModal(true).setPosition();
+        this.async
+            .promise(function (resolve, reject) {
+            return (0,_readers__WEBPACK_IMPORTED_MODULE_10__/* .readValuesFromImage */ .U)(_this.j, _this.state).then(resolve, reject);
+        })
+            .catch(function (e) {
+            if (!(0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__.isAbortError)(e)) {
+                _this.dialog.message.error(e.message);
             }
-        };
-        a.href = url;
-        this.j.filebrowser.dataProvider
-            .getPathByUrl(a.href.toString())
-            .then(function (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, function () {
-                var 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();
-            }, function (error) {
-                _this.j.alert(error.message);
-            });
         })
-            .catch(function (error) {
-            _this.j.alert(error.message, loadExternal);
-        });
+            .finally(function () { return _this.__unlock(); });
+        return false;
     };
-    /**
-     * Open popup with filebrowser/uploader buttons for image
-     */
-    imageProperties.prototype.openImagePopup = function (event) {
-        var _this = this;
-        var popup = new jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Popup(this.j), changeImage = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.refs)(this.form).changeImage;
-        popup.setZIndex(this.dialog.getZIndex() + 1);
-        popup
-            .setContent((0,jodit_modules_widget__WEBPACK_IMPORTED_MODULE_6__/* .FileSelectorWidget */ .kG)(this.j, {
-            upload: function (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: function (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(function () { return (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.position)(changeImage); });
-        event.stopPropagation();
+    imageProperties.prototype.__lock = function () {
+        this.dialog.lock();
+        this.form.setMod('lock', true);
+        Object.values(this.__buttons).forEach(function (b) { return (b.state.disabled = true); });
+    };
+    imageProperties.prototype.__unlock = function () {
+        this.dialog.unlock();
+        this.form.setMod('lock', false);
+        Object.values(this.__buttons).forEach(function (b) { return (b.state.disabled = false); });
     };
     /** @override **/
     imageProperties.prototype.afterInit = function (editor) {
@@ -35285,7 +35052,7 @@ var imageProperties = /** @class */ (function (_super) {
                 .off(editor.editor, '.imageproperties')
                 .on(editor.editor, 'dblclick.imageproperties', function (e) {
                 var 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) {
@@ -35293,7 +35060,8 @@ var imageProperties = /** @class */ (function (_super) {
                         false) {
                         return;
                     }
-                    self.state.image = image;
+                    self.state.sourceImage = image;
+                    self.state.image = image.cloneNode(true);
                     if (!editor.o.readonly) {
                         e.stopImmediatePropagation();
                         e.preventDefault();
@@ -35307,115 +35075,1257 @@ var imageProperties = /** @class */ (function (_super) {
             });
         })
             .on('openImageProperties.imageproperties', function (image) {
-            _this.state.image = image;
+            self.state.sourceImage = image;
+            _this.state.image = image.cloneNode(true);
             _this.open();
         });
     };
+    imageProperties.prototype.onStateValuesImageSrcChange = function () {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__awaiter */ .sH)(this, void 0, Promise, function () {
+            var _a, image, values, w, e_1;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_12__/* .__generator */ .YH)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.state, image = _a.image, values = _a.values;
+                        if (!image.src) {
+                            return [2 /*return*/];
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, 4, 5]);
+                        this.__lock();
+                        return [4 /*yield*/, image.decode()];
+                    case 2:
+                        _b.sent();
+                        if (this.state.sizeIsLocked && (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_3__.isNumeric)(values.imageWidth)) {
+                            w = parseFloat(values.imageWidth.toString());
+                            values.imageHeight = Math.round(w / this.state.ratio);
+                        }
+                        this.j.e.fire('updateImageProperties.imageproperties', image);
+                        return [3 /*break*/, 5];
+                    case 3:
+                        e_1 = _b.sent();
+                        this.j.alert(e_1.message);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.__unlock();
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
     /** @override */
     imageProperties.prototype.beforeDestruct = function (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(function (b) { return 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);
+    (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);
     return imageProperties;
-}(jodit_modules__WEBPACK_IMPORTED_MODULE_4__.Plugin));
+}(jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__/* .Plugin */ .k));
 
-jodit_core_global__WEBPACK_IMPORTED_MODULE_1__/* .pluginSystem */ .fg.add('imageProperties', imageProperties);
+jodit_core_global__WEBPACK_IMPORTED_MODULE_2__/* .pluginSystem */ .fg.add('imageProperties', imageProperties);
 
 
 /***/ }),
 
-/***/ 98231:
+/***/ 81091:
 /***/ (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__(80004);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4401);
 /*!
  * 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) {
-    var _a = editor.o.image, showPreview = _a.showPreview, editSize = _a.editSize, 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\">\n\t\t<div class=\"jodit-grid jodit-grid_xs-column\">\n\t\t\t<div class=\"jodit_col-lg-2-5 jodit_col-xs-5-5\">\n\t\t\t\t<div class=\"jodit-properties_view_box\">\n\t\t\t\t\t<div style=\"".concat(!showPreview ? 'display:none' : '', "\" class=\"jodit-properties_image_view\">\n\t\t\t\t\t\t<img data-ref=\"imageViewSrc\" src=\"\" alt=\"\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style=\"").concat(!editSize ? 'display:none' : '', "\" class=\"jodit-form__group jodit-properties_image_sizes\">\n\t\t\t\t\t\t<input data-ref=\"imageWidth\" type=\"text\" class=\"jodit-input\"/>\n\t\t\t\t\t\t<a data-ref=\"lockSize\" class=\"jodit-properties__lock\">").concat(gi('lock'), "</a>\n\t\t\t\t\t\t<input data-ref=\"imageHeight\" type=\"text\" class=\"imageHeight jodit-input\"/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div data-ref=\"tabsBox\" class=\"jodit_col-lg-3-5 jodit_col-xs-5-5\"></div>\n\t\t</div>\n\t</form>"));
+/** @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 = '';
+        }
+    }
 }
 
 
 /***/ }),
 
-/***/ 9118:
+/***/ 61566:
 /***/ (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 */   U: function() { return /* binding */ readValuesFromImage; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80004);
+/* 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__(97099);
+/* harmony import */ var _align__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81091);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33756);
+/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51462);
+/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60225);
+/*!
+ * 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
+ */
+
+
+
+
+
+
+/**
+ * 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, Promise, function () {
+        var image, values;
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__generator */ .YH)(this, function (_a) {
+            image = state.sourceImage, values = state.values;
+            (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 [2 /*return*/, (0,_size__WEBPACK_IMPORTED_MODULE_2__/* .readSizes */ .P)(image, values, state)];
+        });
+    });
+}
+
+
+/***/ }),
+
+/***/ 33756:
+/***/ (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__(23545);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97099);
 /*!
  * 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) {
-    var 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=\"".concat(!opt.image.editSrc ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Src'), "</label>\n\t\t\t<div class=\"jodit-input_group\">\n\t\t\t\t<input data-ref=\"imageSrc\" class=\"jodit-input\" type=\"text\"/>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"jodit-input_group-buttons\"\n\t\t\t\t\tstyle=\"").concat(hasFbUrl ? '' : 'display: none', "\"\n\t\t\t\t>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tdata-ref=\"changeImage\"\n\t\t\t\t\t\t\tclass=\"jodit-button\"\n\t\t\t\t\t\t>").concat(gi('image'), "</a>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tdata-ref=\"editImage\"\n\t\t\t\t\t\t\tclass=\"jodit-button\"\n\t\t\t\t\t\t\tstyle=\"").concat(hasEditor ? '' : 'display: none', "\"\n\t\t\t\t\t\t>").concat(gi('crop'), "</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editTitle ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Title'), "</label>\n\t\t\t<input data-ref=\"imageTitle\" type=\"text\" class=\"jodit-input\"/>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editAlt ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Alternative'), "</label>\n\t\t\t<input data-ref=\"imageAlt\" type=\"text\" class=\"jodit-input\"/>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editLink ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Link'), "</label>\n\t\t\t<input data-ref=\"imageLink\" type=\"text\" class=\"jodit-input\"/>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editLink ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label class=\"jodit_vertical_middle\">\n\t\t\t\t<input data-ref=\"imageLinkOpenInNewTab\" type=\"checkbox\" class=\"jodit-checkbox\"/>\n\t\t\t\t<span>").concat(i18n('Open link in new tab'), "</span>\n\t\t\t</label>\n\t\t</div>"));
+
+/** @private */
+function readLink(state, j, values) {
+    var 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;
+    }
 }
 
 
 /***/ }),
 
-/***/ 85480:
+/***/ 51462:
 /***/ (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 */   E: function() { return /* binding */ readMargins; }
 /* harmony export */ });
-/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80004);
+/* harmony import */ var jodit_core_helpers_string_kebab_case__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18014);
+/*!
+ * 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
+    var equal = true, wasEmptyField = false;
+    ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'].forEach(function (id) {
+        var 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;
+}
+
+
+/***/ }),
+
+/***/ 60225:
+/***/ (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__(59372);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(97099);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4401);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10926);
+/*!
+ * 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, Promise, function () {
+        var width, height, imageWidth, imageHeight, w, h;
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__generator */ .YH)(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, image.decode()];
+                case 1:
+                    _a.sent();
+                    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;
+                    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;
+                    imageWidth = values.imageWidth, imageHeight = values.imageHeight;
+                    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 [2 /*return*/];
+                    }
+                    if (height === false) {
+                        values.imageHeight = Math.round(w / state.ratio);
+                        state.sizeIsLocked = true;
+                        return [2 /*return*/];
+                    }
+                    h = parseFloat(imageHeight.toString());
+                    state.sizeIsLocked = Math.abs(w - h * state.ratio) < 1;
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+
+
+/***/ }),
+
+/***/ 91675:
+/***/ (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__(53557);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12222);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9596);
+/* harmony import */ var jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1530);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80004);
+/* harmony import */ var jodit_modules_widget__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21391);
+/* harmony import */ var _ui_image_main_tab__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(26282);
+/* harmony import */ var _ui_image_position_tab__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(26180);
+/*!
+ * 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 */
+var UIImagePropertiesForm = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__extends */ .C6)(UIImagePropertiesForm, _super);
+    function UIImagePropertiesForm(jodit, state, activeTabState, handlers) {
+        var _this = _super.call(this, jodit) || this;
+        _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);
+        return _this;
+    }
+    UIImagePropertiesForm.prototype.className = function () {
+        return 'UIImagePropertiesForm';
+    };
+    UIImagePropertiesForm.prototype.appendChildToContainer = function () { };
+    UIImagePropertiesForm.prototype.getElm = function (elementName) {
+        var e_1, _a;
+        var selfElm = _super.prototype.getElm.call(this, elementName);
+        if (selfElm) {
+            return selfElm;
+        }
+        try {
+            for (var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__values */ .Ju)(this.elements), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var child = _c.value;
+                var elm = child.getElm(elementName);
+                if (elm) {
+                    return elm;
+                }
+            }
+        }
+        catch (e_1_1) {
+            e_1 = { error: e_1_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_1)
+                    throw e_1.error;
+            }
+        }
+        return null;
+    };
+    UIImagePropertiesForm.prototype.render = function () {
+        return "<form>\n\t\t<div class=\"jodit-grid jodit-grid_xs-column\">\n\t\t\t<div class=\"jodit_col-lg-2-5 jodit_col-xs-5-5\">\n\t\t\t\t<div class=\"&__view-box\">\n\t\t\t\t\t<div class=\"&__imageView\">\n\t\t\t\t\t\t<img class=\"&__imageViewSrc\" src=\"\" alt=\"\"/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"jodit-form__group &__imageSizes\">\n\t\t\t\t\t\t<input type=\"text\" class=\"jodit-input &__imageWidth\"/>\n\t\t\t\t\t\t<a class=\"&__lockSize\">".concat(jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .I.get('lock'), "</a>\n\t\t\t\t\t\t<input type=\"text\" class=\"&__imageHeight jodit-input\"/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"jodit_col-lg-3-5 jodit_col-xs-5-5 &__tabsBox\"></div>\n\t\t</div>\n\t</form>");
+    };
+    UIImagePropertiesForm.prototype.onChangeSizeIsLocked = function () {
+        var lockSize = this.getElm('lockSize');
+        var 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');
+    };
+    UIImagePropertiesForm.prototype.onLockSizeClick = function () {
+        this.state.sizeIsLocked = !this.state.sizeIsLocked;
+    };
+    UIImagePropertiesForm.prototype.onStateValuesSizeChange = function () {
+        var imageWidth = this.getElm('imageWidth');
+        var 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();
+        }
+    };
+    UIImagePropertiesForm.prototype.onImageWidthChange = function (e) {
+        var imageWidth = this.getElm('imageWidth');
+        var 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;
+        }
+        var 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;
+        }
+    };
+    UIImagePropertiesForm.prototype.onStateValuesImageSrcChange = function () {
+        var imageSrc = this.state.values.imageSrc;
+        if (!imageSrc) {
+            return;
+        }
+        var imageViewSrc = this.getElm('imageViewSrc');
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(imageViewSrc, 'src', imageSrc);
+        var image = new Image();
+        image.src = imageSrc;
+        this.state.image = image;
+    };
+    UIImagePropertiesForm.prototype.hideFieldByOptions = function () {
+        var _this = this;
+        var opt = this.j.o.image;
+        [
+            ['editSize', 'imageSizes'],
+            ['showPreview', 'imageView']
+        ].forEach(function (_a) {
+            var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__read */ .zs)(_a, 2), optKey = _b[0], elmKey = _b[1];
+            var 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);
+    return UIImagePropertiesForm;
+}(jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_2__/* .UIGroup */ .U));
+
+
+
+/***/ }),
+
+/***/ 26282:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   k: function() { return /* binding */ UIImageMainTab; }
+/* harmony export */ });
+/* 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__(12222);
+/* harmony import */ var jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27582);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24014);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9596);
+/* harmony import */ var jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1530);
 /*!
  * 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) {
-    var 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);
-    var classInput = [];
-    if (opt.image.availableClasses.length > 0) {
-        classInput.push('<select data-ref="classes" class="jodit-input jodit-select">');
-        opt.image.availableClasses.forEach(function (item) {
-            if (typeof item === 'string') {
-                classInput.push("<option value=\"".concat(item, "\">").concat(item, "</option>"));
+
+
+
+
+
+/** @private */
+var UIImageMainTab = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__extends */ .C6)(UIImageMainTab, _super);
+    function UIImageMainTab(view, state, handlers) {
+        var _this = _super.call(this, view) || this;
+        _this.state = state;
+        _this.handlers = handlers;
+        return _this;
+    }
+    UIImageMainTab.prototype.className = function () {
+        return 'UIImageMainTab';
+    };
+    UIImageMainTab.prototype.appendChildToContainer = function () {
+        // Do nothing
+    };
+    UIImageMainTab.prototype.render = function () {
+        return "<div class=\"jodit-form__group &__editSrc\">\n\t\t\t<label>~Src~</label>\n\t\t\t<div class=\"jodit-input_group\">\n\t\t\t\t<input class=\"jodit-input &__imageSrc\" type=\"text\"/>\n\t\t\t\t<div class=\"jodit-input_group-buttons &__fixImage\">\n\t\t\t\t\t\t<a class=\"jodit-button &__changeImage\">*image*</a>\n\t\t\t\t\t\t<a class=\"jodit-button &__editImage\">*crop*</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editTitle\">\n\t\t\t<label>~Title~</label>\n\t\t\t<input type=\"text\" class=\"jodit-input &__imageTitle\"/>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editAlt\">\n\t\t\t<label>~Alternative~</label>\n\t\t\t<input type=\"text\" class=\"jodit-input &__imageAlt\"/>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editLink\">\n\t\t\t<label>~Link~</label>\n\t\t\t<input type=\"text\" class=\"jodit-input &__imageLink\"/>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editLinkTarget\">\n\t\t\t<label class=\"jodit_vertical_middle\">\n\t\t\t\t<input type=\"checkbox\" class=\"jodit-checkbox &__imageLinkOpenInNewTab\"/>\n\t\t\t\t<span>~Open link in new tab~</span>\n\t\t\t</label>\n\t\t</div>";
+    };
+    UIImageMainTab.prototype.onStateImageSrcChange = function () {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__awaiter */ .sH)(this, void 0, Promise, function () {
+            var imageSrc;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__generator */ .YH)(this, function (_a) {
+                imageSrc = this.getElm('imageSrc');
+                imageSrc.value = this.state.values.imageSrc;
+                return [2 /*return*/];
+            });
+        });
+    };
+    UIImageMainTab.prototype.onImageSrcChange = function () {
+        this.state.values.imageSrc = this.getElm('imageSrc').value;
+    };
+    /**
+     * Open image editor
+     */
+    UIImageMainTab.prototype.onEditImageClick = function (e) {
+        this.handlers.openImageEditor();
+        e.stopPropagation();
+    };
+    /**
+     * Open popup with filebrowser/uploader buttons for image
+     */
+    UIImageMainTab.prototype.onChangeImageClick = function (e) {
+        this.handlers.openImagePopup(this.getElm('changeImage'));
+        e.stopPropagation();
+    };
+    UIImageMainTab.prototype.onStateTitleChange = function () {
+        var title = this.getElm('imageTitle');
+        title.value = this.state.values.imageTitle;
+    };
+    UIImageMainTab.prototype.onTitleChange = function () {
+        this.state.values.imageTitle = this.getElm('imageTitle').value;
+    };
+    UIImageMainTab.prototype.onStateAltChange = function () {
+        var alt = this.getElm('imageAlt');
+        alt.value = this.state.values.imageAlt;
+    };
+    UIImageMainTab.prototype.onAltChange = function () {
+        this.state.values.imageAlt = this.getElm('imageAlt').value;
+    };
+    UIImageMainTab.prototype.onStateImageLinkChange = function () {
+        var imageLink = this.getElm('imageLink');
+        imageLink.value = this.state.values.imageLink;
+    };
+    UIImageMainTab.prototype.onImageLinkChange = function () {
+        this.state.values.imageLink = this.getElm('imageLink').value;
+    };
+    UIImageMainTab.prototype.onStateImageLinkOpenInNewTabChange = function () {
+        var imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab');
+        imageLinkOpenInNewTab.checked = this.state.values.imageLinkOpenInNewTab;
+    };
+    UIImageMainTab.prototype.onImageLinkOpenInNewTabChange = function () {
+        this.state.values.imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab').checked;
+    };
+    UIImageMainTab.prototype.hideFieldByOptions = function () {
+        var _this = this;
+        var o = this.j.o;
+        var opt = o.image;
+        [
+            ['editSrc', 'editSrc'],
+            ['editTitle', 'editTitle'],
+            ['editAlt', 'editAlt'],
+            ['editLink', 'editLink'],
+            ['editLink', 'editLinkTarget'],
+            ['useImageEditor', 'editImage']
+        ].forEach(function (_a) {
+            var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__read */ .zs)(_a, 2), optKey = _b[0], elmKey = _b[1];
+            var elm = _this.getElm(elmKey);
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display', opt[optKey] ? null : 'none');
+        });
+        var changeImage = this.getElm('changeImage');
+        var needShowChangeImage = Boolean(o.filebrowser.ajax.url || o.uploader.url);
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(changeImage, 'display', needShowChangeImage ? null : 'none');
+        var editImage = this.getElm('editImage');
+        var needShowEditImage = Boolean(o.filebrowser.ajax.url) && opt.useImageEditor;
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(editImage, 'display', needShowEditImage ? null : 'none');
+        var 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);
+    return UIImageMainTab;
+}(jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_3__/* .UIGroup */ .U));
+
+
+
+/***/ }),
+
+/***/ 26180:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   _: function() { return /* binding */ UIImagePositionTab; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31635);
+/* harmony import */ var jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(12222);
+/* harmony import */ var jodit_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27582);
+/* harmony import */ var jodit_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24014);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9596);
+/* harmony import */ var jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26986);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(97099);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65685);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80004);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10926);
+/*!
+ * 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 */
+var UIImagePositionTab = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__extends */ .C6)(UIImagePositionTab, _super);
+    function UIImagePositionTab(jodit, state, handlers) {
+        var _this = _super.call(this, jodit, {
+            availableClasses: jodit.o.image.availableClasses
+        }) || this;
+        _this.state = state;
+        _this.handlers = handlers;
+        return _this;
+    }
+    UIImagePositionTab.prototype.className = function () {
+        return 'UIImagePositionTab';
+    };
+    UIImagePositionTab.prototype.render = function (_a) {
+        var availableClasses = _a.availableClasses;
+        return "<div class=\"jodit-form__group &__editMargins\">\n\t\t\t<label>~Margins~</label>\n\t\t\t<div class=\"jodit-grid jodit_vertical_middle\">\n\t\t\t\t<input class=\"jodit_col-lg-1-5 jodit-input &__marginTop\" type=\"text\" placeholder=\"~top~\"/>\n\t\t\t\t<a style=\"text-align: center;\" class=\"jodit-properties__lock jodit_col-lg-1-5 &__lockMargin\">*lock*</a>\n\t\t\t\t<input disabled=\"disabled\" class=\"jodit_col-lg-1-5 jodit-input &__marginRight\" type=\"text\" placeholder=\"~right~\"/>\n\t\t\t\t<input disabled=\"disabled\" class=\"jodit_col-lg-1-5 jodit-input &__marginBottom\" type=\"text\" placeholder=\"~bottom~\"/>\n\t\t\t\t<input disabled=\"disabled\" class=\"jodit_col-lg-1-5 jodit-input &__marginLeft\" type=\"text\" placeholder=\"~left~\"/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editAlign\">\n\t\t\t<label>~Align~</label>\n\t\t\t<select class=\"jodit-select &__align\">\n\t\t\t\t<option value=\"\">~--Not Set--~</option>\n\t\t\t\t<option value=\"left\">~Left~</option>\n\t\t\t\t<option value=\"center\">~Center~</option>\n\t\t\t\t<option value=\"right\">~Right~</option>\n\t\t\t</select>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editStyle\">\n\t\t\t<label>~Styles~</label>\n\t\t\t<input type=\"text\" class=\"jodit-input &__style\"/>\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editClass\">\n\t\t\t<label>~Classes~</label>\n\t\t\t".concat((function () {
+            var classInput = [];
+            if (availableClasses && availableClasses.length > 0) {
+                classInput.push('<select class="jodit-input jodit-select &__classes">');
+                availableClasses.forEach(function (item) {
+                    if ((0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_8__/* .isString */ .K)(item)) {
+                        classInput.push("<option value=\"".concat(item, "\">").concat(item, "</option>"));
+                    }
+                    else {
+                        classInput.push("<option value=\"".concat(item[0], "\">").concat(item[1], "</option>"));
+                    }
+                });
+                classInput.push('</select>');
             }
             else {
-                classInput.push("<option value=\"".concat(item[0], "\">").concat(item[1], "</option>"));
+                classInput.push('<input type="text" class="jodit-input &__classes"/>');
             }
+            return classInput.join('');
+        })(), "\n\t\t</div>\n\t\t<div class=\"jodit-form__group &__editId\">\n\t\t\t<label>Id</label>\n\t\t\t<input type=\"text\" class=\"jodit-input &__id\"/>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"jodit-form__group &__editBorderRadius\"\n\t\t>\n\t\t\t<label>~Border radius~</label>\n\t\t\t<input type=\"number\" class=\"jodit-input &__borderRadius\"/>\n\t\t</div>");
+    };
+    UIImagePositionTab.prototype.onStateAlignChange = function () {
+        var align = this.getElm('align');
+        align.value = this.state.values.align;
+    };
+    UIImagePositionTab.prototype.onChangeAlign = function () {
+        var align = this.getElm('align');
+        this.state.values.align = align.value;
+    };
+    UIImagePositionTab.prototype.onStateValuesBorderRadiusChange = function () {
+        var borderRadius = this.getElm('borderRadius');
+        borderRadius.value = this.state.values.borderRadius.toString();
+    };
+    UIImagePositionTab.prototype.onChangeBorderRadius = function () {
+        var borderRadius = this.getElm('borderRadius');
+        this.state.values.borderRadius = parseFloat(borderRadius.value);
+    };
+    UIImagePositionTab.prototype.onStateValuesIdChange = function () {
+        var id = this.getElm('id');
+        id.value = this.state.values.id;
+    };
+    UIImagePositionTab.prototype.onChangeId = function () {
+        var id = this.getElm('id');
+        this.state.values.id = id.value;
+    };
+    UIImagePositionTab.prototype.onStateValuesStyleChange = function () {
+        var style = this.getElm('style');
+        style.value = this.state.values.style;
+    };
+    UIImagePositionTab.prototype.onChangeStyle = function () {
+        var style = this.getElm('style');
+        this.state.values.style = style.value;
+    };
+    UIImagePositionTab.prototype.onStateValuesClassesChange = function () {
+        var classes = this.getElm('classes');
+        classes.value = this.state.values.classes;
+    };
+    UIImagePositionTab.prototype.onChangClasses = function () {
+        var classes = this.getElm('classes');
+        this.state.values.classes = classes.value;
+    };
+    UIImagePositionTab.prototype.onLockMarginClick = function (e) {
+        this.state.marginIsLocked = !this.state.marginIsLocked;
+        e.preventDefault();
+    };
+    UIImagePositionTab.prototype.onChangeMarginIsLocked = function () {
+        var _this = this;
+        var marginBottom = this.getElm('marginBottom');
+        var marginRight = this.getElm('marginRight');
+        var marginLeft = this.getElm('marginLeft');
+        var lockMargin = this.getElm('lockMargin');
+        [marginRight, marginBottom, marginLeft].forEach(function (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) {
+            var marginTop = this.state.values.marginTop;
+            this.state.values.marginRight = marginTop;
+            this.state.values.marginBottom = marginTop;
+            this.state.values.marginLeft = marginTop;
+        }
+    };
+    UIImagePositionTab.prototype.onStateValuesMarginChange = function () {
+        var marginTop = this.getElm('marginTop');
+        var marginRight = this.getElm('marginRight');
+        var marginBottom = this.getElm('marginBottom');
+        var 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();
+    };
+    UIImagePositionTab.prototype.onChangeMargin = function () {
+        var marginTop = this.getElm('marginTop');
+        var marginRight = this.getElm('marginRight');
+        var marginBottom = this.getElm('marginBottom');
+        var 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);
+        }
+    };
+    UIImagePositionTab.prototype.hideFieldByOptions = function () {
+        var _this = this;
+        var opt = this.j.o.image;
+        [
+            ['editMargins', 'editMargins'],
+            ['editAlign', 'editAlign'],
+            ['editStyle', 'editStyle'],
+            ['editClass', 'editClass'],
+            ['editId', 'editId'],
+            ['editBorderRadius', 'editBorderRadius']
+        ].forEach(function (_a) {
+            var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__read */ .zs)(_a, 2), optKey = _b[0], elmKey = _b[1];
+            var elm = _this.getElm(elmKey);
+            (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.css)(elm, 'display', opt[optKey] ? null : 'none');
+        });
+    };
+    (0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__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_7__/* .__decorate */ .Cg)([
+        jodit_core_decorators_component_component__WEBPACK_IMPORTED_MODULE_9__/* .component */ .s
+    ], UIImagePositionTab);
+    return UIImagePositionTab;
+}(jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_4__/* .UIElement */ .D));
+
+
+
+/***/ }),
+
+/***/ 77137:
+/***/ (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__(26986);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(97099);
+/* harmony import */ var jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60485);
+/*!
+ * 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) {
+    var url = (0,jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_0__/* .attr */ .C)(state.image, 'src') || '', a = j.c.element('a'), loadExternal = function () {
+        if (a.host !== location.host) {
+            j.confirm('You can only edit your own images. Download this image on the host?', function (yes) {
+                if (yes && j.uploader) {
+                    j.uploader.uploadRemoteImage(a.href.toString(), function (resp) {
+                        j.alert('The image has been successfully uploaded to the host!', function () {
+                            if ((0,jodit_core_helpers_checker_is_string__WEBPACK_IMPORTED_MODULE_2__/* .isString */ .K)(resp.newfilename)) {
+                                state.values.imageSrc =
+                                    resp.baseurl +
+                                        resp.newfilename;
+                            }
+                        });
+                    }, function (error) {
+                        j.alert('There was an error loading %s', error.message);
+                    });
+                }
+            });
+            return;
+        }
+    };
+    a.href = url;
+    j.filebrowser.dataProvider
+        .getPathByUrl(a.href.toString())
+        .then(function (resp) {
+        jodit_modules_image_editor_image_editor__WEBPACK_IMPORTED_MODULE_1__/* .openImageEditor */ .B.call(j.filebrowser, a.href, resp.name, resp.path, resp.source, function () {
+            var timestamp = new Date().getTime();
+            state.values.imageSrc =
+                url +
+                    (url.indexOf('?') !== -1 ? '' : '?') +
+                    '&_tmp=' +
+                    timestamp.toString();
+        }, function (error) {
+            j.alert(error.message);
         });
-        classInput.push('</select>');
+    })
+        .catch(function (error) {
+        j.alert(error.message, loadExternal);
+    });
+}
+
+
+/***/ }),
+
+/***/ 91852:
+/***/ (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__(55010);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43977);
+/* harmony import */ var jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34138);
+/* harmony import */ var jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31784);
+/*!
+ * 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) {
+    var _this = this;
+    var popup = new jodit_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_0__/* .Popup */ .z(dialog);
+    var closePopup = function () {
+        popup.close();
+        popup.destruct();
+    };
+    popup
+        .setContent((0,jodit_modules_widget_file_selector_file_selector__WEBPACK_IMPORTED_MODULE_1__/* .FileSelectorWidget */ .k)(j, {
+        upload: function (data) {
+            if (data.files && data.files.length) {
+                state.values.imageSrc =
+                    data.baseurl + data.files[0];
+            }
+            closePopup();
+        },
+        filebrowser: function (data) {
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__awaiter */ .sH)(_this, void 0, void 0, function () {
+                return (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__generator */ .YH)(this, function (_a) {
+                    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();
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        }
+    }, state.image, closePopup))
+        .open(function () { return (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_4__/* .position */ .G)(button); });
+}
+
+
+/***/ }),
+
+/***/ 10926:
+/***/ (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__(72558);
+/* harmony import */ var jodit_core_helpers_string_trim__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22718);
+/*!
+ * 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 */
+var normalSizeFromString = function (value) {
+    return /^[-+]?[0-9.]+(px)?$/.test(value.toString())
+        ? parseFloat(value.toString())
+        : value;
+};
+/** @private */
+var normalSizeToString = function (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;
+};
+
+
+/***/ }),
+
+/***/ 48570:
+/***/ (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__(23545);
+/* harmony import */ var jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71122);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9144);
+/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(82714);
+/* harmony import */ var _size__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26277);
+/*!
+ * 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) {
+    var _a = state.values, style = _a.style, imageSrc = _a.imageSrc, borderRadius = _a.borderRadius, imageTitle = _a.imageTitle, imageAlt = _a.imageAlt, imageLink = _a.imageLink, imageWidth = _a.imageWidth, imageHeight = _a.imageHeight, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, imageLinkOpenInNewTab = _a.imageLinkOpenInNewTab, align = _a.align, classes = _a.classes, id = _a.id;
+    var 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);
+    }
+}
+
+
+/***/ }),
+
+/***/ 9144:
+/***/ (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__(23545);
+/* harmony import */ var jodit_core_helpers_utils_attr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97099);
+/*!
+ * 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
+    var 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 {
-        classInput.push('<input data-ref="classes" type="text" class="jodit-input"/>');
+        if (link && link.parentNode) {
+            link.parentNode.replaceChild(image, link);
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ 82714:
+/***/ (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__(4401);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10926);
+/*!
+ * 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) {
+    var margins = [marginTop, marginRight, marginBottom, marginLeft];
+    var applyMargin = function (key, value) {
+        var oldValue = (0,jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_1__/* .css */ .A)(image, key);
+        var 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) {
+        var sides_1 = [
+            'margin-top',
+            'margin-right',
+            'margin-bottom',
+            'margin-left'
+        ];
+        margins.forEach(function (margin, index) {
+            var side = sides_1[index];
+            applyMargin(side, margin);
+        });
+    }
+    else {
+        applyMargin('margin', marginTop);
+    }
+}
+
+
+/***/ }),
+
+/***/ 26277:
+/***/ (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__(97099);
+/* harmony import */ var jodit_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4401);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10926);
+/*!
+ * 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) {
+        var updatedWidth = imageWidth ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__/* .normalSizeToString */ .n)(imageWidth) : null;
+        var 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);
     }
-    return editor.c.fromHTML("<div style=\"".concat(!opt.image.editMargins ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Margins'), "</label>\n\t\t\t<div class=\"jodit-grid jodit_vertical_middle\">\n\t\t\t\t<input class=\"jodit_col-lg-1-5 jodit-input\" data-ref=\"marginTop\" type=\"text\" placeholder=\"").concat(i18n('top'), "\"/>\n\t\t\t\t<a style=\"text-align: center;\" data-ref=\"lockMargin\" class=\"jodit-properties__lock jodit_col-lg-1-5\">").concat(gi('lock'), "</a>\n\t\t\t\t<input disabled=\"true\" class=\"jodit_col-lg-1-5 jodit-input\" data-ref=\"marginRight\" type=\"text\" placeholder=\"").concat(i18n('right'), "\"/>\n\t\t\t\t<input disabled=\"true\" class=\"jodit_col-lg-1-5 jodit-input\" data-ref=\"marginBottom\" type=\"text\" placeholder=\"").concat(i18n('bottom'), "\"/>\n\t\t\t\t<input disabled=\"true\" class=\"jodit_col-lg-1-5 jodit-input\" data-ref=\"marginLeft\" type=\"text\" placeholder=\"").concat(i18n('left'), "\"/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tstyle=\"").concat(!opt.image.editAlign ? 'display:none' : '', "\"\n\t\t\tclass=\"jodit-form__group\"\n\t\t>\n\t\t\t<label>").concat(i18n('Align'), "</label>\n\t\t\t<select data-ref=\"align\" class=\"jodit-select\">\n\t\t\t\t<option value=\"\">").concat(i18n('--Not Set--'), "</option>\n\t\t\t\t<option value=\"left\">").concat(i18n('Left'), "</option>\n\t\t\t\t<option value=\"center\">").concat(i18n('Center'), "</option>\n\t\t\t\t<option value=\"right\">").concat(i18n('Right'), "</option>\n\t\t\t</select>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editStyle ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Styles'), "</label>\n\t\t\t<input data-ref=\"style\" type=\"text\" class=\"jodit-input\"/>\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editClass ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>").concat(i18n('Classes'), "</label>\n\t\t\t").concat(classInput.join(''), "\n\t\t</div>\n\t\t<div style=\"").concat(!opt.image.editId ? 'display:none' : '', "\" class=\"jodit-form__group\">\n\t\t\t<label>Id</label>\n\t\t\t<input data-ref=\"id\" type=\"text\" class=\"jodit-input\"/>\n\t\t</div>\n\t\t<div\n\t\t\tstyle=\"").concat(!opt.image.editBorderRadius ? 'display:none' : '', "\"\n\t\t\tclass=\"jodit-form__group\"\n\t\t>\n\t\t\t<label>").concat(i18n('Border radius'), "</label>\n\t\t\t\t<input data-ref=\"borderRadius\" type=\"number\" class=\"jodit-input\"/>\n\t\t</div>"));
 }
 
 
@@ -42138,7 +43048,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
 };
 
 
@@ -42218,7 +43129,7 @@ var select = /** @class */ (function (_super) {
         }
     };
     /**
-     * @event outsideClick(e) - when user clicked in the outside of editor
+     * @event outsideClick(e) - when user clicked on the outside of editor
      */
     select.prototype.onOutsideClick = function (e) {
         var _this = this;
@@ -42231,7 +43142,7 @@ var select = /** @class */ (function (_super) {
             this.j.e.fire('outsideClick', e);
         }
     };
-    select.prototype.beforeCommandCut = function (command) {
+    select.prototype.beforeCommandCut = function () {
         var s = this.j.s;
         if (!s.isCollapsed()) {
             var current = s.current();
@@ -42240,13 +43151,27 @@ var select = /** @class */ (function (_super) {
             }
         }
     };
-    select.prototype.beforeCommandSelectall = function (command) {
+    select.prototype.beforeCommandSelectAll = function () {
         var s = this.j.s;
         s.focus();
         s.select(this.j.editor, true);
         s.expandSelection();
         return false;
     };
+    /**
+     * Normalize selection after triple click
+     */
+    select.prototype.onTripleClickNormalizeSelection = function (e) {
+        if (e.detail !== 3 || !this.j.o.select.normalizeTripleClick) {
+            return;
+        }
+        var s = this.j.s;
+        var _a = s.range, startContainer = _a.startContainer, startOffset = _a.startOffset;
+        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);
+        }
+    };
     select.prototype.onCopyNormalizeSelectionBound = function (e) {
         var _a = this.j, s = _a.s, editor = _a.editor, o = _a.o;
         if (!o.select.normalizeSelectionBeforeCutAndCopy || s.isCollapsed()) {
@@ -42271,7 +43196,10 @@ var select = /** @class */ (function (_super) {
     ], select.prototype, "beforeCommandCut", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__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_6__/* .__decorate */ .Cg)([
+        (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([':click'])
+    ], select.prototype, "onTripleClickNormalizeSelection", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_6__/* .__decorate */ .Cg)([
         (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.watch)([':copy', ':cut'])
     ], select.prototype, "onCopyNormalizeSelectionBound", null);
@@ -51273,10 +52201,10 @@ var defineGlobalProperty = __webpack_require__(35596);
 var SHARED = '__core-js_shared__';
 var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
 (store.versions || (store.versions = [])).push({
-    version: '3.36.1',
+    version: '3.37.0',
     mode: IS_PURE ? 'pure' : 'global',
     copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-    license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
+    license: 'https://github.com/zloirock/core-js/blob/v3.37.0/LICENSE',
     source: 'https://github.com/zloirock/core-js'
 });