jodit-pro 4.15.21 → 4.16.0

package/es2021/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.0
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1743,7 +1743,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.15.21";
+ */ const APP_VERSION = "4.16.0";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -14011,6 +14011,7 @@ let UIButton = class UIButton extends _element_js__WEBPACK_IMPORTED_MODULE_9__.U
         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();
     }
     onChangeTooltip() {
         const i8nTooltip = this.state.tooltip ? this.jodit.i18n(this.state.tooltip) : null;
@@ -14022,9 +14023,12 @@ let UIButton = class UIButton extends _element_js__WEBPACK_IMPORTED_MODULE_9__.U
     }
     updateAriaLabel() {
         const hasText = this.state.text.trim().length > 0;
-        const 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).
+        const 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);
     }
     onChangeTabIndex() {
         ;(0,_helpers_utils_attr_js__WEBPACK_IMPORTED_MODULE_8__.attr)(this.container, 'tabindex', this.state.tabIndex);
@@ -15052,6 +15056,7 @@ let UIFileInput = class UIFileInput extends _input_input_js__WEBPACK_IMPORTED_MO
         return this.j.create.fromHTML(`<input
 			type="file"
 			accept="${options.onlyImages ? 'image/*' : '*'}"
+			aria-label="${this.j.i18n(options.tooltip || 'Upload')}"
 			tabindex="-1"
 			dir="auto"
 			multiple=""
@@ -15552,9 +15557,12 @@ let UIGroup = UIGroup_1 = class UIGroup extends _element_js__WEBPACK_IMPORTED_MO
     className() {
         return 'UIGroup';
     }
-    getRole() {
+    /**
+     * A generic container: `group` allows any children. Toolbar button groups
+     * are lists of `listitem`s and get `role="list"` explicitly from `UIList`.
+     */ 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';
     }
     /**
      * All group children
@@ -15760,10 +15768,10 @@ let UIList = class UIList extends _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup
     }
     /**
      * Make new group and append it in list of elements
-     */ makeGroup(role) {
-        return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], role ? {
+     */ makeGroup(role = 'list') {
+        return new _group_js__WEBPACK_IMPORTED_MODULE_6__.UIGroup(this.jodit, [], {
             role
-        } : undefined);
+        });
     }
     /**
      * All buttons from list
@@ -24862,12 +24870,13 @@ ContextMenu = __decorate([
 /* 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);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -24892,7 +24901,8 @@ var Dialog_1;
 
 
 
-_config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.dialog = {
+
+_config_js__WEBPACK_IMPORTED_MODULE_13__.Config.prototype.dialog = {
     namespace: '',
     extraButtons: [],
     /**
@@ -24908,7 +24918,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: (dialog)=>{
@@ -24918,7 +24928,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
 };
 /**
  * Module to generate dialog windows
- */ let Dialog = Dialog_1 = class Dialog extends _core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_11__.ViewWithToolbar {
+ */ let Dialog = Dialog_1 = class Dialog extends _core_view_view_with_toolbar_js__WEBPACK_IMPORTED_MODULE_12__.ViewWithToolbar {
     /** @override */ className() {
         return 'Dialog';
     }
@@ -24982,8 +24992,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();
@@ -25073,7 +25083,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
         });
@@ -25107,7 +25117,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'
         });
@@ -25127,6 +25137,12 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
      * ```
      */ 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)) {
+            const 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;
     }
     /**
@@ -25180,7 +25196,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
     /**
      * Get zIndex from dialog
      */ 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;
     }
     /**
      * Get dialog instance with maximum z-index displaying it on top of all the dialog boxes
@@ -25203,7 +25219,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
         this.__openedSiblings().forEach((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());
     }
     /**
      * Expands the dialog on full browser window
@@ -25253,7 +25269,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);
@@ -25380,7 +25396,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
          * True, if dialog was opened
          */ this.isOpened = false;
         const 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` /
@@ -25398,40 +25414,40 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
 					</div>
 					<div class="${n('content')}"></div>
 					<div class="${n('footer')}"></div>
-					<div class="${n('resizer')}">${_core_ui_index_js__WEBPACK_IMPORTED_MODULE_9__.Icon.get('resize_handler')}</div>
+					<div class="${n('resizer')}">${_core_ui_index_js__WEBPACK_IMPORTED_MODULE_10__.Icon.get('resize_handler')}</div>
 				</div>
 			</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));
         const 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');
         const 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');
         const 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');
         const 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');
         const 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');
         const 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
@@ -25444,7 +25460,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) {
             const 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);
         }
     }
@@ -25454,7 +25470,7 @@ _config_js__WEBPACK_IMPORTED_MODULE_12__.Config.prototype.controls.dialog = {
  * whole `destination` (usually `document.body`) for every z-index update.
  */ Dialog.__opened = new Set();
 Dialog.defaultOptions = {
-    ..._core_view_view_js__WEBPACK_IMPORTED_MODULE_10__.View.defaultOptions,
+    ..._core_view_view_js__WEBPACK_IMPORTED_MODULE_11__.View.defaultOptions,
     closeOnClickOverlay: false,
     closeOnEsc: true
 };
@@ -30569,6 +30585,13 @@ let ToolbarContent = class ToolbarContent extends _core_ui_button_index_js__WEBP
     /** @override */ className() {
         return 'ToolbarContent';
     }
+    /** A toolbar item like `ToolbarButton`: the parent group is a `list`. */ getRole() {
+        return 'listitem';
+    }
+    /**
+     * Arbitrary content is not a toggle button — `aria-pressed` is not
+     * allowed on a `listitem`.
+     */ onChangeActivated() {}
     /** @override */ update() {
         var _a, _b, _c;
         const { control } = this;
@@ -30611,7 +30634,6 @@ let ToolbarContent = class ToolbarContent extends _core_ui_button_index_js__WEBP
         this.control = control;
         this.target = target;
         this.container.classList.add(`${this.componentName}_${this.clearName(control.name)}`);
-        (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.attr)(this.container, 'role', 'content');
     }
 };
 ToolbarContent = __decorate([
@@ -47809,19 +47831,26 @@ class AceEditor extends _sourceEditor_js__WEBPACK_IMPORTED_MODULE_3__.SourceEdit
             onResize();
             this.onReady();
         };
+        let loading = false;
         const initAceEditor = ()=>{
             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(()=>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(()=>null);
-        }
     }
     destruct() {
         var _a, _b;
@@ -48351,7 +48380,24 @@ function createSourceEditor(type, editor, container, toWYSIWYG, fromWYSIWYG) {
                 return false;
             };
             if (!addEventListener()) {
-                (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener, ()=>null);
+                // js-beautify is only needed once the source view is shown —
+                // do not download it for a page that stays in WYSIWYG.
+                let loading = false;
+                const 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;
+                    (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_4__.loadNext)(editor, editor.o.beautifyHTMLCDNUrlsJS).then(()=>{
+                        // The source view was filled before the
+                        // beautifier arrived — format it now.
+                        if (addEventListener()) {
+                            this.syncValueFromWYSIWYG(true);
+                        }
+                    }, ()=>null);
+                };
+                editor.e.on('afterSetMode.source', loadBeautify);
+                loadBeautify();
             }
         }
         this.syncValueFromWYSIWYG(true);