jodit-pro 4.15.21 → 4.16.2

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.15.21
+ * Version: v4.16.2
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -2308,7 +2308,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var APP_VERSION = "4.15.21";
+var APP_VERSION = "4.16.2";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -19344,6 +19344,7 @@ var UIButton = /*#__PURE__*/ function(UIElement) {
                 this.name = this.state.name;
                 (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'data-ref', this.state.name);
                 (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'ref', this.state.name);
+                this.updateAriaLabel();
             }
         },
         {
@@ -19361,9 +19362,12 @@ var UIButton = /*#__PURE__*/ function(UIElement) {
             key: "updateAriaLabel",
             value: function updateAriaLabel() {
                 var hasText = this.state.text.trim().length > 0;
-                var i8nTooltip = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : null;
-                (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'aria-label', i8nTooltip);
-                (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.button, 'aria-label', !hasText ? i8nTooltip : null);
+                // An icon-only button without a tooltip would have no accessible
+                // name at all — fall back to its raw name (not translated: control
+                // names are identifiers, not i18n keys).
+                var label = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : !hasText && this.state.name ? this.state.name : null;
+                (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'aria-label', label);
+                (0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.button, 'aria-label', !hasText ? label : null);
             }
         },
         {
@@ -21436,7 +21440,7 @@ var UIFileInput = /*#__PURE__*/ function(UIInput1) {
         {
             key: "createNativeInput",
             value: function createNativeInput(options) {
-                return this.j.create.fromHTML('<input\n			type="file"\n			accept="'.concat(options.onlyImages ? 'image/*' : '*', '"\n			tabindex="-1"\n			dir="auto"\n			multiple=""\n		/>'));
+                return this.j.create.fromHTML('<input\n			type="file"\n			accept="'.concat(options.onlyImages ? 'image/*' : '*', '"\n			aria-label="').concat(this.j.i18n(options.tooltip || 'Upload'), '"\n			tabindex="-1"\n			dir="auto"\n			multiple=""\n		/>'));
             }
         }
     ]);
@@ -22399,10 +22403,13 @@ var UIGroup = UIGroup_1 = /*#__PURE__*/ function(UIElement) {
             }
         },
         {
-            key: "getRole",
+            /**
+     * A generic container: `group` allows any children. Toolbar button groups
+     * are lists of `listitem`s and get `role="list"` explicitly from `UIList`.
+     */ key: "getRole",
             value: function getRole() {
                 var _a;
-                return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'list';
+                return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.role) || 'group';
             }
         },
         {
@@ -22729,10 +22736,11 @@ var UIList = /*#__PURE__*/ function(UIGroup1) {
             /**
      * Make new group and append it in list of elements
      */ key: "makeGroup",
-            value: function makeGroup(role) {
-                return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], role ? {
+            value: function makeGroup() {
+                var role = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'list';
+                return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], {
                     role: role
-                } : undefined);
+                });
             }
         },
         {
@@ -33406,12 +33414,13 @@ function _instanceof(left, right) {
 /* harmony import */ var _core_global_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(580);
 /* harmony import */ var _core_helpers_array_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76855);
 /* harmony import */ var _core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27613);
-/* harmony import */ var _core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(43555);
-/* harmony import */ var _core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(38837);
-/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(67510);
-/* harmony import */ var _core_view_view_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(35608);
-/* harmony import */ var _core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(84075);
-/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(6441);
+/* harmony import */ var _core_helpers_html_strip_tags_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91003);
+/* harmony import */ var _core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(43555);
+/* harmony import */ var _core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(38837);
+/* harmony import */ var _core_ui_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(67510);
+/* harmony import */ var _core_view_view_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35608);
+/* harmony import */ var _core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(84075);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(6441);
 function _assert_this_initialized(self1) {
     if (self1 === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self1;
@@ -33572,7 +33581,8 @@ var Dialog_1;
 
 
 
-_config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.dialog = {
+
+_config_js__WEBPACK_IMPORTED_MODULE_13__.Config.prototype.dialog = {
     namespace: '',
     extraButtons: [],
     /**
@@ -33588,7 +33598,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.dialog = {
     toolbarButtonSize: 'middle',
     zIndex: 'inherit'
 };
-_config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
+_config_js__WEBPACK_IMPORTED_MODULE_13__.Config.prototype.controls.dialog = {
     close: {
         icon: 'cancel',
         exec: function exec(dialog) {
@@ -33643,7 +33653,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
          * True, if dialog was opened
          */ _this.isOpened = false;
         var self1 = _this;
-        self1.options = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.ConfigProto)(options, (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.ConfigProto)(_config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.dialog, Dialog_1.defaultOptions));
+        self1.options = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.ConfigProto)(options, (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.ConfigProto)(_config_js__WEBPACK_IMPORTED_MODULE_13__.Config.prototype.dialog, Dialog_1.defaultOptions));
         // Attach event handlers passed via `options.events` to the dialog's own
         // emitter (as FileBrowser already does), so a consumer — e.g. a plugin
         // forwarding the editor's `events` config — can observe `afterOpen` /
@@ -33652,38 +33662,38 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         self1.attachEvents(self1.options);
         _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_3__.Dom.safeRemove(self1.container);
         var n = _this.getFullElName.bind(_this);
-        self1.container = _this.c.fromHTML('<div class="jodit jodit-dialog '.concat(_this.componentName, '">\n				<div class="').concat(n('overlay'), '"></div>\n				<div class="').concat(_this.getFullElName('panel'), '">\n					<div class="').concat(n('header'), '">\n						<div class="').concat(n('header-title'), '"></div>\n						<div class="').concat(n('header-toolbar'), '"></div>\n					</div>\n					<div class="').concat(n('content'), '"></div>\n					<div class="').concat(n('footer'), '"></div>\n					<div class="').concat(n('resizer'), '">').concat(_core_ui_index_js__WEBPACK_IMPORTED_MODULE_9__.Icon.get('resize_handler'), "</div>\n				</div>\n			</div>"));
+        self1.container = _this.c.fromHTML('<div class="jodit jodit-dialog '.concat(_this.componentName, '">\n				<div class="').concat(n('overlay'), '"></div>\n				<div class="').concat(_this.getFullElName('panel'), '">\n					<div class="').concat(n('header'), '">\n						<div class="').concat(n('header-title'), '"></div>\n						<div class="').concat(n('header-toolbar'), '"></div>\n					</div>\n					<div class="').concat(n('content'), '"></div>\n					<div class="').concat(n('footer'), '"></div>\n					<div class="').concat(n('resizer'), '">').concat(_core_ui_index_js__WEBPACK_IMPORTED_MODULE_10__.Icon.get('resize_handler'), "</div>\n				</div>\n			</div>"));
         if (self1.options.direction === 'rtl') {
-            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(self1.container, 'direction', 'rtl');
-            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.attr)(self1.container, 'dir', 'rtl');
+            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(self1.container, 'direction', 'rtl');
+            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.attr)(self1.container, 'dir', 'rtl');
         }
         if (_this.o.zIndex) {
-            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(_this.container, 'zIndex', _this.o.zIndex.toString());
+            (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(_this.container, 'zIndex', _this.o.zIndex.toString());
         }
-        ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.attr)(self1.container, 'role', 'dialog');
+        ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.attr)(self1.container, 'role', 'dialog');
         Object.defineProperty(self1.container, 'component', {
             value: _this
         });
         self1.setMod('theme', self1.o.theme || 'default').setMod('resizable', Boolean(self1.o.resizable));
         var dialog = self1.getElm('panel');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(dialog != null, 'Panel element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(dialog != null, 'Panel element does not exist');
         var resizer = self1.getElm('resizer');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(resizer != null, 'Resizer element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(resizer != null, 'Resizer element does not exist');
         var dialogbox_header = self1.getElm('header-title');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(dialogbox_header != null, 'header-title element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(dialogbox_header != null, 'header-title element does not exist');
         var dialogbox_content = self1.getElm('content');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(dialogbox_content != null, 'Content element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(dialogbox_content != null, 'Content element does not exist');
         var dialogbox_footer = self1.getElm('footer');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(dialogbox_footer != null, 'Footer element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(dialogbox_footer != null, 'Footer element does not exist');
         var dialogbox_toolbar = self1.getElm('header-toolbar');
-        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(dialogbox_toolbar != null, 'header-toolbar element does not exist');
+        (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(dialogbox_toolbar != null, 'header-toolbar element does not exist');
         _this.dialog = dialog;
         _this.resizer = resizer;
         _this.dialogbox_header = dialogbox_header;
         _this.dialogbox_content = dialogbox_content;
         _this.dialogbox_footer = dialogbox_footer;
         _this.dialogbox_toolbar = dialogbox_toolbar;
-        (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(self1.dialog, {
+        (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(self1.dialog, {
             maxWidth: self1.options.maxWidth,
             minHeight: self1.options.minHeight,
             minWidth: self1.options.minWidth
@@ -33696,7 +33706,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         _this.e.on(self1.container, 'close_dialog', self1.close).on(_this.ow, 'keydown', _this.__onEsc).on(_this.ow, 'resize', _this.__onResize);
         if (_this.o.closeOnClickOverlay) {
             var overlay = self1.getElm('overlay');
-            (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_8__.assert)(overlay != null, 'Overlay element does not exist');
+            (0,_core_helpers_utils_assert_js__WEBPACK_IMPORTED_MODULE_9__.assert)(overlay != null, 'Overlay element does not exist');
             _this.e.on(overlay, 'click', self1.close);
         }
         return _this;
@@ -33780,8 +33790,8 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                 this.draggable = true;
                 this.startX = e.clientX;
                 this.startY = e.clientY;
-                this.startPoint.x = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.dialog, 'left');
-                this.startPoint.y = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.dialog, 'top');
+                this.startPoint.x = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.dialog, 'left');
+                this.startPoint.y = (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.dialog, 'top');
                 this.setMaxZIndex();
                 if (e.cancelable) {
                     e.preventDefault();
@@ -33889,7 +33899,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                 if (h == null) {
                     h = this.dialog.offsetHeight;
                 }
-                ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.dialog, {
+                ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.dialog, {
                     width: w,
                     height: h
                 });
@@ -33929,7 +33939,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                     this.moved = Math.abs(x - left) > 100 || Math.abs(y - top) > 100;
                 }
                 // strings on purpose: `css()` would truncate fractional pixels
-                ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.dialog, {
+                ;(0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.dialog, {
                     left: (x || left) + 'px',
                     top: (y || top) + 'px'
                 });
@@ -33952,6 +33962,12 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
      */ key: "setHeader",
             value: function setHeader(content) {
                 this.setElements(this.dialogbox_header, content);
+                // `role="dialog"` needs an accessible name; a text title is the
+                // natural one (element titles are left to the caller).
+                if ((0,_core_helpers_checker_index_js__WEBPACK_IMPORTED_MODULE_6__.isString)(content)) {
+                    var name = (0,_core_helpers_html_strip_tags_js__WEBPACK_IMPORTED_MODULE_7__.stripTags)(content, this.od).trim();
+                    (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'aria-label', name || null);
+                }
                 return this;
             }
         },
@@ -34018,7 +34034,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
      * Get zIndex from dialog
      */ key: "getZIndex",
             value: function getZIndex() {
-                return parseInt((0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, 'zIndex'), 10) || 0;
+                return parseInt((0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, 'zIndex'), 10) || 0;
             }
         },
         {
@@ -34047,7 +34063,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                 this.__openedSiblings().forEach(function(dialog) {
                     maxZIndex = Math.max(dialog.getZIndex(), maxZIndex);
                 });
-                (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, 'zIndex', (maxZIndex + 1).toString());
+                (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, 'zIndex', (maxZIndex + 1).toString());
             }
         },
         {
@@ -34103,7 +34119,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
                     this.setPosition(this.offsetX, this.offsetY);
                     this.setMaxZIndex();
                 } else {
-                    (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, 'zIndex', null);
+                    (0,_core_helpers_utils_index_js__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, 'zIndex', null);
                 }
                 if (this.o.fullsize) {
                     this.toggleFullSize(true);
@@ -34208,12 +34224,12 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         }
     ]);
     return Dialog;
-}(_core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_11__.ViewWithToolbar);
+}(_core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_12__.ViewWithToolbar);
 /**
  * Registry of the currently opened dialogs. Replaces a DOM scan of the
  * whole `destination` (usually `document.body`) for every z-index update.
  */ Dialog.__opened = new Set();
-Dialog.defaultOptions = _object_spread_props(_object_spread({}, _core_view_view_js__WEBPACK_IMPORTED_MODULE_10__.View.defaultOptions), {
+Dialog.defaultOptions = _object_spread_props(_object_spread({}, _core_view_view_js__WEBPACK_IMPORTED_MODULE_11__.View.defaultOptions), {
     closeOnClickOverlay: false,
     closeOnEsc: true
 });
@@ -41919,7 +41935,6 @@ var ToolbarContent = /*#__PURE__*/ function(UIButton) {
         _this.control = control;
         _this.target = target;
         _this.container.classList.add("".concat(_this.componentName, "_").concat(_this.clearName(control.name)));
-        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.attr)(_this.container, 'role', 'content');
         return _this;
     }
     _create_class(ToolbarContent, [
@@ -41929,6 +41944,19 @@ var ToolbarContent = /*#__PURE__*/ function(UIButton) {
                 return 'ToolbarContent';
             }
         },
+        {
+            /** A toolbar item like `ToolbarButton`: the parent group is a `list`. */ key: "getRole",
+            value: function getRole() {
+                return 'listitem';
+            }
+        },
+        {
+            /**
+     * Arbitrary content is not a toggle button — `aria-pressed` is not
+     * allowed on a `listitem`.
+     */ key: "onChangeActivated",
+            value: function onChangeActivated() {}
+        },
         {
             /** @override */ key: "update",
             value: function update() {
@@ -53006,7 +53034,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeBaseUrl = '';
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeTitle = 'Jodit Editor';
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeDoctype = '<!DOCTYPE html>';
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeDefaultSrc = 'about:blank';
-_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeStyle = 'html{' + 'margin:0;' + 'padding:0;' + 'min-height: 100%;' + '}' + 'body{' + 'box-sizing:border-box;' + 'font-size:13px;' + 'line-height:1.6;' + 'padding:10px;' + 'margin:0;' + 'background:transparent;' + 'color:#000;' + 'position:' + 'relative;' + 'z-index:2;' + 'user-select:auto;' + 'margin:0px;' + 'overflow:auto;' + 'outline:none;' + '}' + 'table{' + 'width:100%;' + 'border:none;' + 'border-collapse:collapse;' + 'empty-cells: show;' + 'max-width: 100%;' + '}' + 'th,td{' + 'padding: 2px 5px;' + 'border:1px solid #ccc;' + '-webkit-user-select:text;' + '-moz-user-select:text;' + '-ms-user-select:text;' + 'user-select:text' + '}' + 'p{' + 'margin-top:0;' + '}' + '.jodit_editor .jodit_iframe_wrapper{' + 'display: block;' + 'clear: both;' + 'user-select: none;' + 'position: relative;' + '}' + '.jodit_editor .jodit_iframe_wrapper:after {' + 'position:absolute;' + 'content:"";' + 'z-index:1;' + 'top:0;' + 'left:0;' + 'right: 0;' + 'bottom: 0;' + 'cursor: pointer;' + 'display: block;' + 'background: rgba(0, 0, 0, 0);' + '} ' + '.jodit_disabled{' + 'user-select: none;' + '-o-user-select: none;' + '-moz-user-select: none;' + '-khtml-user-select: none;' + '-webkit-user-select: none;' + '-ms-user-select: none' + '}';
+_config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeStyle = 'html{' + 'margin:0;' + 'padding:0;' + 'min-height: 100%;' + '}' + 'body{' + 'box-sizing:border-box;' + 'font-size:13px;' + 'line-height:1.6;' + 'padding:10px;' + 'margin:0;' + 'background:transparent;' + 'color:#000;' + 'position:' + 'relative;' + 'z-index:2;' + 'user-select:auto;' + 'margin:0px;' + 'overflow:auto;' + 'outline:none;' + '}' + 'table{' + 'width:100%;' + 'border:none;' + 'border-collapse:collapse;' + 'empty-cells: show;' + 'max-width: 100%;' + '}' + 'th,td{' + 'padding: 2px 5px;' + 'border:1px solid #ccc;' + '-webkit-user-select:text;' + '-moz-user-select:text;' + '-ms-user-select:text;' + 'user-select:text' + '}' + 'p{' + 'margin-top:0;' + '}' + '.jodit_editor .jodit_iframe_wrapper{' + 'display: block;' + 'clear: both;' + 'user-select: none;' + 'position: relative;' + '}' + '.jodit_editor .jodit_iframe_wrapper:after {' + 'position:absolute;' + 'content:"";' + 'z-index:1;' + 'top:0;' + 'left:0;' + 'right: 0;' + 'bottom: 0;' + 'cursor: pointer;' + 'display: block;' + 'background: rgba(0, 0, 0, 0);' + '} ' + '.jodit-wysiwyg_image-selected::selection,' + '.jodit-wysiwyg_image-selected *:not(img)::selection{' + 'background:transparent' + '}' + '.jodit_disabled{' + 'user-select: none;' + '-o-user-select: none;' + '-moz-user-select: none;' + '-khtml-user-select: none;' + '-webkit-user-select: none;' + '-ms-user-select: none' + '}';
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeCSSLinks = [];
 _config_js__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.iframeSandbox = null;
 
@@ -53485,6 +53513,7 @@ function _wrap_native_super(Class) {
 
 var JODIT_IMAGE_PROCESSOR_BINDED = '__jodit_imageprocessor_binded';
 var JODIT_IMAGE_BLOB_ID = JODIT_IMAGE_PROCESSOR_BINDED + 'blob-id';
+var IMAGE_SELECTED = 'jodit-wysiwyg_image-selected';
 /**
  * Change editor's size after load all images
  */ var imageProcessor = /*#__PURE__*/ function(Plugin) {
@@ -53497,11 +53526,15 @@ var JODIT_IMAGE_BLOB_ID = JODIT_IMAGE_PROCESSOR_BINDED + 'blob-id';
     _create_class(imageProcessor, [
         {
             key: "afterInit",
-            value: function afterInit(jodit) {}
+            value: function afterInit(jodit) {
+                jodit.e.on(jodit.ed, 'selectionchange', this.onSelectionChange);
+            }
         },
         {
             key: "beforeDestruct",
             value: function beforeDestruct(jodit) {
+                jodit.e.off(jodit.ed, 'selectionchange', this.onSelectionChange);
+                jodit.editor.classList.remove(IMAGE_SELECTED);
                 var buffer = (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__.cached)(jodit, 'buffer');
                 var list = buffer === null || buffer === void 0 ? void 0 : buffer.get(JODIT_IMAGE_BLOB_ID);
                 if (buffer && list) {
@@ -53573,6 +53606,16 @@ var JODIT_IMAGE_BLOB_ID = JODIT_IMAGE_PROCESSOR_BINDED + 'blob-id';
                 }
             }
         },
+        {
+            /**
+     * While the selection is an image, only the image is highlighted: Safari
+     * paints the rest of a block image's line with its parent's highlight. See #1528
+     */ key: "onSelectionChange",
+            value: function onSelectionChange() {
+                var jodit = this.jodit;
+                jodit.editor.classList.toggle(IMAGE_SELECTED, isImageSelected(jodit));
+            }
+        },
         {
             key: "afterChange",
             value: function afterChange(data) {
@@ -53620,6 +53663,9 @@ __decorate([
 __decorate([
     (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__.watch)(':beforeSetElementValue')
 ], imageProcessor.prototype, "onBeforeSetElementValue", null);
+__decorate([
+    _core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__.autobind
+], imageProcessor.prototype, "onSelectionChange", null);
 __decorate([
     (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__.watch)([
         ':change',
@@ -53628,6 +53674,14 @@ __decorate([
     ]),
     (0,_core_decorators_index_js__WEBPACK_IMPORTED_MODULE_1__.debounce)()
 ], imageProcessor.prototype, "afterChange", null);
+function isImageSelected(jodit) {
+    var sel = jodit.s.sel;
+    if (!sel || !sel.rangeCount) {
+        return false;
+    }
+    var _sel_getRangeAt = sel.getRangeAt(0), startContainer = _sel_getRangeAt.startContainer, startOffset = _sel_getRangeAt.startOffset, endContainer = _sel_getRangeAt.endContainer, endOffset = _sel_getRangeAt.endOffset;
+    return startContainer === endContainer && endOffset === startOffset + 1 && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isTag(startContainer.childNodes[startOffset], 'img') && _core_dom_dom_js__WEBPACK_IMPORTED_MODULE_2__.Dom.isOrContains(jodit.editor, startContainer);
+}
 /**
  * Remove the invisible-space text beside an image, which only held a caret.
  * Selecting the image replaces the caret, and with the text still after a
@@ -68043,21 +68097,28 @@ var AceEditor = /*#__PURE__*/ function(SourceEditor) {
                     onResize();
                     _this.onReady();
                 };
-                var initAceEditor = function initAceEditor() {
+                var loading = false;
+                var initAceEditor = function initAceEditor1() {
                     if (editor.isInDestruct || editor.getRealMode() !== _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.MODE_SOURCE && editor.getMode() !== _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.MODE_SPLIT) {
                         return;
                     }
+                    // ACE (~400 KiB from the CDN) is only needed once the source view
+                    // is actually shown — a page that stays in WYSIWYG must not
+                    // download it.
+                    if (!_this.aceExists()) {
+                        if (!loading) {
+                            loading = true;
+                            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.loadNext)(editor, editor.o.sourceEditorCDNUrlsJS).then(initAceEditor).catch(function() {
+                                return null;
+                            });
+                        }
+                        return;
+                    }
                     _this.fromWYSIWYG();
                     tryInitAceEditor();
                 };
                 editor.e.on('afterSetMode', initAceEditor);
                 initAceEditor();
-                // global add ace editor in browser
-                if (!this.aceExists()) {
-                    (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.loadNext)(editor, editor.o.sourceEditorCDNUrlsJS).then(initAceEditor).catch(function() {
-                        return null;
-                    });
-                }
             }
         },
         {
@@ -68958,9 +69019,22 @@ function _wrap_native_super(Class) {
                         return false;
                     };
                     if (!addEventListener()) {
-                        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener, function() {
-                            return null;
-                        });
+                        // js-beautify is only needed once the source view is shown —
+                        // do not download it for a page that stays in WYSIWYG.
+                        var loading = false;
+                        var loadBeautify = function loadBeautify() {
+                            if (loading || editor.getMode() !== _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.MODE_SOURCE && editor.getMode() !== _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.MODE_SPLIT) {
+                                return;
+                            }
+                            loading = true;
+                            // It formats the source view from the next time it opens:
+                            // filling it again now would replace what was typed there
+                            (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener, function() {
+                                return null;
+                            });
+                        };
+                        editor.e.on('afterSetMode.source', loadBeautify);
+                        loadBeautify();
                     }
                 }
                 this.syncValueFromWYSIWYG(true);