jodit 4.2.41 → 4.2.45

package/es5/plugins/debug/debug.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.41
+ * Version: v4.2.45
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * 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
  */
-export const APP_VERSION = "4.2.41";
+export const APP_VERSION = "4.2.45";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/helpers/utils/complete-url.d.ts

@@ -3,7 +3,4 @@
  * 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 helpers/utils
- */
 export declare const completeUrl: (url: string) => string;

package/esm/core/helpers/utils/complete-url.js

@@ -3,10 +3,10 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import { globalWindow } from "../../constants.js";
 /**
  * @module helpers/utils
  */
+import { globalWindow } from "../../constants.js";
 export const completeUrl = (url) => {
     if (globalWindow.location.protocol === 'file:' && /^\/\//.test(url)) {
         url = 'https:' + url;

package/esm/core/helpers/utils/config-proto.d.ts

@@ -39,3 +39,21 @@ import type { IDictionary } from "../../../types";
  */
 export declare function ConfigProto(options: IDictionary, proto: IDictionary, deep?: number): IDictionary;
 export declare function ConfigFlatten(obj: IDictionary): IDictionary;
+/**
+ * Returns a plain object from a prototype-based object.
+ * ```typescript
+ * const editor = Jodit.make('#editor', {
+ *   image: {
+ *     dialogWidth: 500
+ *   }
+ * });
+ *
+ * console.log(editor.o.image.openOnDblClick) // true
+ * // But you can't get all options in plain object
+ * console.log(JSON.stringify(editor.o.image)); // {"dialogWidth":500}
+ *
+ * const plain = Jodit.modules.Helpers.ConfigDeepFlatten(editor.o.image);
+ * console.log(JSON.stringify(plain)); // {"dialogWidth":500, "openOnDblClick": true, "editSrc": true, ...}
+ * ```
+ */
+export declare function ConfigDeepFlatten(obj: IDictionary): IDictionary;

package/esm/core/helpers/utils/config-proto.js

@@ -80,3 +80,28 @@ export function ConfigFlatten(obj) {
         return app;
     }, {});
 }
+/**
+ * Returns a plain object from a prototype-based object.
+ * ```typescript
+ * const editor = Jodit.make('#editor', {
+ *   image: {
+ *     dialogWidth: 500
+ *   }
+ * });
+ *
+ * console.log(editor.o.image.openOnDblClick) // true
+ * // But you can't get all options in plain object
+ * console.log(JSON.stringify(editor.o.image)); // {"dialogWidth":500}
+ *
+ * const plain = Jodit.modules.Helpers.ConfigDeepFlatten(editor.o.image);
+ * console.log(JSON.stringify(plain)); // {"dialogWidth":500, "openOnDblClick": true, "editSrc": true, ...}
+ * ```
+ */
+export function ConfigDeepFlatten(obj) {
+    return keys(obj, false).reduce((app, key) => {
+        app[key] = isPlainObject(obj[key])
+            ? ConfigDeepFlatten(obj[key])
+            : obj[key];
+        return app;
+    }, {});
+}

package/esm/core/selection/style/api/extract.js

@@ -40,6 +40,7 @@ export function extractSelectedPart(wrapper, font, jodit) {
 }
 /**
  * Retrieves content before after the selected area, clears it if it is empty, and inserts before after the framed selection
+ * @private
  */
 function extractAndMove(wrapper, range, left) {
     const fragment = range.extractContents();

package/esm/jodit.d.ts

@@ -49,7 +49,17 @@ export declare class Jodit extends ViewWithToolbar implements IJodit, Dlgs {
      */
     get defaultTimeout(): number;
     /**
-     * Method wrap usual Has Object in Object helper for prevent deep object merging in options*
+     * Method wrap usual object in Object helper for prevent deep object merging in options*
+     * ```js
+     * const editor = Jodit.make('#editor', {
+     * 	controls: {
+     * 		fontsize: {
+     * 			list: Jodit.atom([8, 9, 10])
+     * 		}
+     * 	}
+     * });
+     * ```
+     * In this case, the array [8, 9, 10] will not be combined with other arrays, but will replace them
      */
     static atom<T>(object: T): T;
     /**

package/esm/jodit.js

@@ -75,7 +75,17 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
             : Config.defaultOptions.defaultTimeout;
     }
     /**
-     * Method wrap usual Has Object in Object helper for prevent deep object merging in options*
+     * Method wrap usual object in Object helper for prevent deep object merging in options*
+     * ```js
+     * const editor = Jodit.make('#editor', {
+     * 	controls: {
+     * 		fontsize: {
+     * 			list: Jodit.atom([8, 9, 10])
+     * 		}
+     * 	}
+     * });
+     * ```
+     * In this case, the array [8, 9, 10] will not be combined with other arrays, but will replace them
      */
     static atom(object) {
         return markAsAtomic(object);
@@ -1080,13 +1090,6 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
             })
                 .on('blur', () => (this.editorIsActive = false));
             this.__prepareWYSIWYGEditor();
-            // direction
-            if (this.o.direction) {
-                const direction = this.o.direction.toLowerCase() === 'rtl' ? 'rtl' : 'ltr';
-                this.container.style.direction = direction;
-                this.container.setAttribute('dir', direction);
-                this.toolbar.setDirection(direction);
-            }
             if (this.o.triggerChangeEvent) {
                 this.e.on('change', this.async.debounce(() => {
                     this.e && this.e.fire(this.element, 'change');
@@ -1104,6 +1107,9 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
             const direction = this.o.direction.toLowerCase() === 'rtl' ? 'rtl' : 'ltr';
             this.editor.style.direction = direction;
             this.editor.setAttribute('dir', direction);
+            this.container.style.direction = direction;
+            this.container.setAttribute('dir', direction);
+            this.toolbar.setDirection(direction);
         }
         // proxy events
         this.e

package/esm/modules/history/snapshot.d.ts

@@ -37,6 +37,7 @@ export declare class Snapshot extends ViewComponent<IJodit> implements ISnapshot
     private __isBlocked;
     get isBlocked(): boolean;
     private __block;
+    private __levelOfTransaction;
     transaction(changes: () => void): void;
     /**
      * Creates object a snapshot of editor: html and the current selection. Current selection calculate by

package/esm/modules/history/snapshot.js

@@ -13,6 +13,7 @@ export class Snapshot extends ViewComponent {
     constructor() {
         super(...arguments);
         this.__isBlocked = false;
+        this.__levelOfTransaction = 0;
     }
     /** @override */
     className() {
@@ -93,6 +94,7 @@ export class Snapshot extends ViewComponent {
     }
     transaction(changes) {
         this.__block(true);
+        this.__levelOfTransaction += 1;
         try {
             changes();
         }
@@ -101,7 +103,12 @@ export class Snapshot extends ViewComponent {
                 throw e;
             }
         }
-        this.__block(false);
+        finally {
+            this.__levelOfTransaction -= 1;
+            if (this.__levelOfTransaction === 0) {
+                this.__block(false);
+            }
+        }
     }
     /**
      * Creates object a snapshot of editor: html and the current selection. Current selection calculate by

package/esm/modules/toolbar/button/button.js

@@ -221,17 +221,26 @@ let ToolbarButton = class ToolbarButton extends UIButton {
         if (isFunction(ctr.popup)) {
             const popup = this.openPopup();
             popup.parentElement = this;
-            if (this.j.e.fire(camelCase(`before-${ctr.name}-open-popup`), this.target, ctr, popup) !== false) {
-                const target = this.toolbar?.getTarget(this) ?? this.target ?? null;
-                const elm = ctr.popup(this.j, target, this.__closePopup, this);
-                if (elm) {
-                    popup
-                        .setContent(isString(elm) ? this.j.c.fromHTML(elm) : elm)
-                        .open(() => position(this.container), false, this.j.o.allowTabNavigation
-                        ? this.container
-                        : undefined);
+            try {
+                if (this.j.e.fire(camelCase(`before-${ctr.name}-open-popup`), this.target, ctr, popup) !== false) {
+                    const target = this.toolbar?.getTarget(this) ?? this.target ?? null;
+                    const elm = ctr.popup(this.j, target, this.__closePopup, this);
+                    if (elm) {
+                        popup
+                            .setContent(isString(elm) ? this.j.c.fromHTML(elm) : elm)
+                            .open(() => position(this.container), false, this.j.o.allowTabNavigation
+                            ? this.container
+                            : undefined);
+                    }
+                    else {
+                        this.__closePopup();
+                    }
                 }
             }
+            catch (e) {
+                this.__closePopup();
+                throw e;
+            }
             /**
              * Fired after the popup was opened for some control button
              */

package/esm/plugins/ai-assistant/langs/index.d.ts

@@ -3,6 +3,9 @@
  * 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/ai-assistant
+ */
 import * as en from "./en.js";
 import * as es from "./es.js";
 export { en, es };

package/esm/plugins/ai-assistant/langs/index.js

@@ -3,6 +3,9 @@
  * 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/ai-assistant
+ */
 import * as en from "./en.js";
 import * as es from "./es.js";
 export { en, es };

package/esm/plugins/image-properties/readers/align.d.ts

@@ -4,5 +4,7 @@
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 import type { EditValues } from "../interface";
-/** @private */
+/**
+ * @private
+ */
 export declare function readAlign(image: HTMLImageElement, values: EditValues): void;

package/esm/plugins/image-properties/readers/align.js

@@ -4,7 +4,9 @@
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { css } from "../../../core/helpers/utils/css.js";
-/** @private */
+/**
+ * @private
+ */
 export function readAlign(image, values) {
     // Align
     if (image.style.cssFloat &&

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import type { ImagePropertiesState } from "../interface";
 /**

package/esm/plugins/image-properties/readers/link.d.ts

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import type { EditValues, ImagePropertiesState } from "../interface";
 /** @private */

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import { kebabCase } from "../../../core/helpers/string/kebab-case.js";
 /** @private */
 export function readMargins(image, values, state) {

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import { isNumeric } from "../../../core/helpers/checker/is-numeric.js";
 import { attr } from "../../../core/helpers/utils/attr.js";
 import { css } from "../../../core/helpers/utils/css.js";

package/esm/plugins/image-properties/ui/ui-image-form.d.ts

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IComponent, IContainer, IElms, IJodit, Nullable } from "../../../types";
 import { UIGroup } from "../../../core/ui/group/group";
 import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";

package/esm/plugins/image-properties/ui/ui-image-main-tab.d.ts

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import { UIGroup } from "../../../core/ui/group/group";
 import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";

package/esm/plugins/image-properties/ui/ui-image-position-tab.d.ts

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import { UIElement } from "../../../core/ui/element";
 import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import type { ImagePropertiesState } from "../interface";
 /**

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IDialog, IJodit } from "../../../types";
 import type { ImagePropertiesState } from "../interface";
 /** @private */

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import { isNumber } from "../../../core/helpers/checker/is-number.js";
 import { trim } from "../../../core/helpers/string/trim.js";
 /** @private */

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import type { IJodit } from "../../../types";
 import type { ImagePropertiesState } from "../interface";
 /**

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

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

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

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

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

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
 import { isNumeric } from "../../../core/helpers/checker/is-numeric.js";
 import { attr } from "../../../core/helpers/utils/attr.js";
 import { css } from "../../../core/helpers/utils/css.js";

package/esm/plugins/source/editor/engines/ace.js

@@ -77,6 +77,10 @@ export class AceEditor extends SourceEditor {
             this.container.appendChild(fakeMirror);
             const ace = editor.ow.ace;
             this.instance = ace.edit(fakeMirror);
+            if (editor.o.direction === 'rtl') {
+                this.instance.setOption('rtlText', true);
+                this.instance.setOption('rtl', true);
+            }
             this.instance.setTheme(editor.o.sourceEditorNativeOptions.theme);
             this.instance.renderer.setShowGutter(editor.o.sourceEditorNativeOptions.showGutter);
             this.instance

package/esm/plugins/source/editor/engines/area.js

@@ -16,7 +16,8 @@ export class TextAreaEditor extends SourceEditor {
     }
     init(editor) {
         this.instance = editor.c.element('textarea', {
-            class: 'jodit-source__mirror'
+            class: 'jodit-source__mirror',
+            dir: editor.o.direction === 'rtl' ? 'rtl' : undefined
         });
         this.container.appendChild(this.instance);
         editor.e

package/esm/plugins/symbols/config.js

@@ -233,13 +233,12 @@ Config.prototype.controls.symbols = {
                 editor.e.on(container, 'close_dialog', close);
                 return box;
             }
-            else {
-                editor
-                    .alert(container, 'Select Special Character', undefined, 'jodit-symbols')
-                    .bindDestruct(editor);
-                const a = container.querySelector('a');
-                a && a.focus();
-            }
+            editor
+                .alert(container, 'Select Special Character', undefined, 'jodit-symbols')
+                .bindDestruct(editor);
+            const a = container.querySelector('a');
+            a && a.focus();
         }
+        return;
     }
 };

package/esm/plugins/symbols/symbols.d.ts

@@ -16,11 +16,9 @@ import "./config";
  * The plugin inserts characters that are not part of the standard keyboard.
  */
 export declare class symbols extends Plugin {
-    /** @override */
     buttons: Plugin['buttons'];
-    private countInRow;
+    private __countInRow;
     constructor(jodit: IJodit);
-    /** @override */
     afterInit(jodit: IJodit): void;
     /** @override */
     protected beforeDestruct(jodit: IJodit): void;

package/esm/plugins/symbols/symbols.js

@@ -16,17 +16,15 @@ import * as langs from "./langs/index.js";
 export class symbols extends Plugin {
     constructor(jodit) {
         super(jodit);
-        /** @override */
         this.buttons = [
             {
                 name: 'symbols',
                 group: 'insert'
             }
         ];
-        this.countInRow = 17;
+        this.__countInRow = 17;
         extendLang(langs);
     }
-    /** @override */
     afterInit(jodit) {
         jodit.e.on('generateSpecialCharactersTable.symbols', () => {
             const container = jodit.c.fromHTML(`<div class="jodit-symbols__container">
@@ -36,10 +34,15 @@ export class symbols extends Plugin {
 						<div class="jodit-symbols__container_preview">
 							<div class="jodit-symbols__preview"></div>
 						</div>
-					</div>`), preview = container.querySelector('.jodit-symbols__preview'), table = container.querySelector('table'), body = table.tBodies[0], chars = [];
+					</div>`);
+            const preview = container.querySelector('.jodit-symbols__preview');
+            const table = container.querySelector('table');
+            const body = table.tBodies[0];
+            const chars = [];
             for (let i = 0; i < jodit.o.specialCharacters.length;) {
                 const tr = jodit.c.element('tr');
-                for (let j = 0; j < this.countInRow && i < jodit.o.specialCharacters.length; j += 1, i += 1) {
+                for (let j = 0; j < this.__countInRow &&
+                    i < jodit.o.specialCharacters.length; j += 1, i += 1) {
                     const td = jodit.c.element('td'), a = jodit.c.fromHTML(`<a
 									data-index="${i}"
 									data-index-j="${j}"
@@ -61,7 +64,9 @@ export class symbols extends Plugin {
                 if (Dom.isTag(this, 'a')) {
                     jodit.s.focus();
                     jodit.s.insertHTML(this.innerHTML);
-                    jodit.e.fire(this, 'close_dialog');
+                    if (!e?.shiftKey) {
+                        jodit.e.fire(this, 'close_dialog');
+                    }
                     e && e.preventDefault();
                     e && e.stopImmediatePropagation();
                 }
@@ -81,18 +86,18 @@ export class symbols extends Plugin {
                         case KEY_DOWN:
                             newIndex =
                                 e.key === KEY_UP
-                                    ? index - self.countInRow
-                                    : index + self.countInRow;
+                                    ? index - self.__countInRow
+                                    : index + self.__countInRow;
                             if (chars[newIndex] === undefined) {
                                 newIndex =
                                     e.key === KEY_UP
                                         ? Math.floor(chars.length /
-                                            self.countInRow) *
-                                            self.countInRow +
+                                            self.__countInRow) *
+                                            self.__countInRow +
                                             jIndex
                                         : jIndex;
                                 if (newIndex > chars.length - 1) {
-                                    newIndex -= self.countInRow;
+                                    newIndex -= self.__countInRow;
                                 }
                             }
                             chars[newIndex] && chars[newIndex].focus();

package/esm/types/history.d.ts

@@ -28,6 +28,9 @@ export interface ISnapshot {
     make(): SnapshotType;
     restoreOnlySelection(snapshot: SnapshotType): void;
     restore(snapshot: SnapshotType): void;
+    /**
+     * Pack all changes in one transaction without creating history point
+     */
     transaction(changes: () => void): void;
 }
 export interface IHistory {