jodit-pro 1.3.39 → 2.0.0-beta.10

package/es2021/plugins/keyboard/keyboard.js

@@ -0,0 +1,537 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+	
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, function() {
+return (self["webpackChunkjodit_pro"] = self["webpackChunkjodit_pro"] || []).push([[283],{
+
+/***/ 48326:
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M0 6c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm2 0v2h2V6H2zm1 3v2h2V9H3zm-1 3v2h2v-2H2zm3 0v2h10v-2H5zm11 0v2h2v-2h-2zM6 9v2h2V9H6zm3 0v2h2V9H9zm3 0v2h2V9h-2zm3 0v2h2V9h-2zM5 6v2h2V6H5zm3 0v2h2V6H8zm3 0v2h2V6h-2zm3 0v2h4V6h-4z\"/> </svg>"
+
+/***/ }),
+
+/***/ 31169:
+/***/ (function(module) {
+
+module.exports = "<?xml version=\"1.0\" ?><svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 10l7-7h13v14H7l-7-7zm14.41 0l2.13-2.12-1.42-1.42L13 8.6l-2.12-2.13-1.42 1.42L11.6 10l-2.13 2.12 1.42 1.42L13 11.4l2.12 2.13 1.42-1.42L14.4 10z\"/></svg>"
+
+/***/ }),
+
+/***/ 37967:
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 30 29\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15 0.5L30 15.2625H22V24H8V15.2625H0L15 0.5Z\"/> <rect x=\"8\" y=\"26\" width=\"14\" height=\"3\"/> </svg>"
+
+/***/ }),
+
+/***/ 92100:
+/***/ (function(module) {
+
+module.exports = "<svg xmlns='http://www.w3.org/2000/svg' viewBox=\"0 0 24 24\" > <circle cy=\"12\" cx=\"12\" r=\"2.2\"/> <circle cy=\"12\" cx=\"5\" r=\"2.2\"/> <circle cy=\"12\" cx=\"19\" r=\"2.2\"/> </svg>"
+
+/***/ }),
+
+/***/ 44660:
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 30 29\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15 0.5L30 15.2625H22V29H8V15.2625H0L15 0.5Z\"/> </svg>"
+
+/***/ }),
+
+/***/ 82333:
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M23.17 14.83l7.17 7.17h-28.34v4h28.34l-7.17 7.17 2.83 2.83 12-12-12-12-2.83 2.83zm16.83-2.83v24h4v-24h-4z\"/> </svg>"
+
+/***/ }),
+
+/***/ 72257:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77628);
+
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.keyboard = {
+    defaultLayoutSet: 'en',
+    showLayoutSwitcher: true,
+    extraKeyGroup: 'other',
+    extraKeyButtons: [],
+    delayKeyRepeat: 350,
+    periodKeyRepeat: 100,
+    layoutList: {
+        en: {
+            title: 'English',
+            // prettier-ignore
+            keys: [
+                ['` ~ ±', '1 ! §', '2 @', '3 #', '4 $', '5 %', '6 ^', '7 &', '8 *', '9 (', '0 )', '- _', '= +', 'Backspace'],
+                ['Tab', 'q Q', 'w W', 'e E', 'r R', 't T', 'y Y', 'u U', 'i I', 'o O', 'p P', '[ {', '] }', '\\ |'],
+                ['Caps', 'a A', 's S', 'd D', 'f F', 'g G', 'h H', 'j J', 'k K', 'l L', '; :', '\' "', 'Enter'],
+                ['Shift', 'z Z', 'x X', 'c C', 'v V', 'b B', 'n N', 'm M', ', <', '. >', '/ ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        es: {
+            title: 'Español',
+            // prettier-ignore
+            keys: [
+                ['º ` ~', '1 ! §', '2 @', '3 #', '4 $', '5 %', '6 ^', '7 &', '8 *', '9 (', '0 )', '- _ |', '¡ = +', 'Backspace'],
+                ['Tab', 'q Q', 'w W', 'e E', 'r R', 't T', 'y Y', 'u U', 'i I', 'o O', 'p P', '[ {', '] }', 'ç Ç \\'],
+                ['Caps', 'a A', 's S', 'd D', 'f F', 'g G', 'h H', 'j J', 'k K', 'l L', 'ñ Ñ ; :', '\' "', 'Enter'],
+                ['Shift', 'z Z', 'x X', 'c C', 'v V', 'b B', 'n N', 'm M', ', <', '. >', '/ ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        de: {
+            title: 'Deutsch',
+            // prettier-ignore
+            keys: [
+                ['` ~ ±', '1 ! §', '2 @', '3 #', '4 $', '5 %', '6 ^', '7 &', '8 * :', '9 ( {', '0 ) }', '- _', '= +', 'Backspace'],
+                ['Tab', 'q Q', 'w W', 'e E', 'r R', 't T', 'z Z', 'u U', 'i I', 'o O', 'p P', 'ü Ü [', '] }', '\\ |'],
+                ['Caps', 'a A', 's S', 'd D', 'f F', 'g G', 'h H', 'j J', 'k K', 'l L', 'ö Ö ;', 'ä Ä \' "', 'Enter'],
+                ['Shift', 'y Y', 'x X', 'c C', 'v V', 'b B', 'n N', 'm M', ', <', '. >', '/ ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        ru: {
+            title: 'Русский',
+            // prettier-ignore
+            keys: [
+                ['` ~ ±', '1 ! §', '2 @ "', '3 # :', '4 $ <', '5 % >', '6 ^', '7 &', '8 *', '9 (', '0 )', '- _', '= +', 'Backspace'],
+                ['Tab', 'й Й', 'ц Ц', 'у У', 'к К', 'е Е', 'н Н', 'г Г', 'ш Ш', 'щ Щ', 'з З', 'х Х [', 'ъ ] {', '\\ | }'],
+                ['Caps', 'ф Ф', 'ы Ы', 'в В', 'а А', 'п П', 'р Р', 'о О', 'л Л', 'д Д', 'ж Ж ;', 'э Э \'', 'Enter'],
+                ['Shift', 'я Я', 'ч Ч', 'с С', 'м М', 'и И', 'т Т', 'ь Ь', 'б Б ,', 'ю Ю .', '/ ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        tr: {
+            title: 'Türkçe',
+            // prettier-ignore
+            keys: [
+                ['" é` ~', '1 ! §', '2 @ "', '3 # :', '4 $ <', '5 % >', '6 ^ ±', '7 &', '8 *', '9 ( {', '0 ) }', '- _ [', '= + ]', 'Backspace'],
+                ['Tab', 'q Q', 'w W', 'e E', 'r R', 't T', 'y Y', 'u U', 'ı I', 'o O', 'p P', 'ğ Ğ', 'ü Ü', ', \\ |'],
+                ['Caps', 'a A', 's S', 'd D', 'f F', 'g G', 'h H', 'j J', 'k K', 'l L', 'ş Ş', 'i̇ İ', 'Enter'],
+                ['Shift', 'z Z', 'x X', 'c C', 'v V', 'b B', 'n N', 'm M', 'ö Ö <', 'ç Ç >', '. / ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        iw: {
+            title: 'Hebrew',
+            // prettier-ignore
+            keys: [
+                ['` ~ ±', '1 ! §', '2 @', '3 #', '4 $', '5 %', '6 ^', '7 &', '8 *', '9 (', '0 )', '- _', '= +', 'Backspace'],
+                ['Tab', '/ q Q', '\' w W', 'ק e E', 'ר r R', 'א t T', 'ט y Y', 'ו u U', 'ן i I', 'ם o O', 'פ p P', '[ {', '] }', '\\ |'],
+                ['Caps', 'ש a A', 'ד s S', 'ג d D', 'כ f F', 'ע g G', 'י h H', 'ח j J', 'ל k K', 'ך l L', 'ף ; :', '\' "', 'Enter'],
+                ['Shift', 'ז z Z', 'ס x X', 'ב c C', 'ה v V', 'נ b B', 'מ n N', 'צ m M', ', <', '. >', '/ ?', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        },
+        tata: {
+            title: 'Tata',
+            // prettier-ignore
+            keys: [
+                ['һ Һ` ~', '1 ! §', '2 @ "', '3 # :', '4 $ <', '5 % >', '6 ^ ±', '7 &', '8 *', '9 ( {', '0 )', '- _', '= +', 'Backspace'],
+                ['Tab', 'й Й', 'ө Ө', 'у У', 'к К', 'е Е', 'н Н', 'г Г', 'ш Ш', 'ә Ә', 'з З', 'х Х [', 'ү Ү ]', '\\ | }'],
+                ['Caps', 'ф Ф', 'ы Ы', 'в В', 'а А', 'п П', 'р Р', 'о О', 'л Л', 'д Д', 'ң Ң ;', 'э Э \'', 'Enter'],
+                ['Shift', 'я Я', 'ч Ч', 'с С', 'м М', 'и И', 'т Т', 'җ Җ', 'б Б ,', 'ю Ю .', 'ґ Ґ /', 'Shift'],
+                ['Options', 'Space', 'Options'],
+            ]
+            // prettier-ignore-end
+        }
+    },
+    layoutSwitchList: ['en', 'es', 'de', 'ru', 'tr', 'iw', 'tata'],
+    keySize: 32,
+    // prettier-ignore
+    layout: [
+        [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2],
+        [1.5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1.5],
+        [1.8, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2.2],
+        [2.5, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2.5],
+        [3.5, 9, 3.5]
+    ]
+    // prettier-ignore-end
+};
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.keyboard = {
+    tooltip: 'Keyboard',
+    icon: __webpack_require__(48326),
+    isActive(editor) {
+        return Boolean(editor.e.fire('isKeyboardOpened'));
+    },
+    command: 'toggleKeyboard'
+};
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.extraKeyboardButtons = {};
+
+
+/***/ }),
+
+/***/ 34295:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "keyboard": function() { return /* binding */ keyboard; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(97582);
+/* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7324);
+/* harmony import */ var _JoditPro__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(88292);
+/* harmony import */ var _ui_keyboard_keyboard__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21295);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50526);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(72257);
+/* harmony import */ var jodit_modules__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8079);
+/* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(75004);
+/* harmony import */ var jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(71350);
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(77628);
+
+
+
+
+
+
+
+
+
+
+class keyboard extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__/* .Plugin */ .S {
+    constructor(jodit) {
+        super(jodit);
+        /** @override */
+        this.hasStyle = !_JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.fatMode */ .y.fatMode;
+        /** @override */
+        this.buttons = [
+            {
+                group: 'insert',
+                name: 'keyboard'
+            }
+        ];
+        const { extraKeyButtons, extraKeyGroup } = jodit.o.keyboard;
+        if (extraKeyButtons.length) {
+            extraKeyButtons.forEach((key, index) => {
+                const id = (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_7__/* .isString */ .HD)(key) ? key : key.key, hotkeys = (0,jodit_core_helpers_checker__WEBPACK_IMPORTED_MODULE_7__/* .isString */ .HD)(key) || !key.hotkeys
+                    ? [`ctrl+${index + 1}`]
+                    : key.hotkeys;
+                jodit.registerButton({
+                    name: `extraKeyboardButtons.${id}`,
+                    group: extraKeyGroup
+                });
+                const { extraKeyboardButtons } = jodit_config__WEBPACK_IMPORTED_MODULE_8__.Config.defaultOptions.controls;
+                extraKeyboardButtons[id] = {
+                    name: id,
+                    tooltip: id,
+                    args: [id],
+                    hotkeys,
+                    command: 'insertChar'
+                };
+            });
+        }
+    }
+    /** @override */
+    afterInit(jodit) {
+        jodit
+            .registerCommand('toggleKeyboard', this.toggleKeyboard)
+            .registerCommand('insertChar', this.insertChar);
+        jodit.e.on('isKeyboardOpened', () => this.__keyboard?.isOpened);
+    }
+    insertChar(_, _1, insertChar) {
+        this.j.s.insertNode(this.j.createInside.text(insertChar));
+    }
+    /**
+     * Show or hide virtual Keyboard
+     */
+    toggleKeyboard() {
+        if (!this.__keyboard) {
+            this.__keyboard = new jodit_modules__WEBPACK_IMPORTED_MODULE_5__.Dialog({
+                toolbarButtonSize: 'tiny'
+            });
+            const ui = new _ui_keyboard_keyboard__WEBPACK_IMPORTED_MODULE_2__/* .UIKeyboard */ .r(this.j);
+            this.__keyboard
+                .setMod('slim', true)
+                .setMod('adaptive', false)
+                .setContent(ui);
+            const { showLayoutSwitcher, layoutSwitchList, layoutList } = this.j.o.keyboard;
+            if (showLayoutSwitcher) {
+                const switcher = new jodit_core_ui__WEBPACK_IMPORTED_MODULE_6__/* .UISelect */ .Cj(this.__keyboard, {
+                    value: ui.state.currentLayout,
+                    options: layoutSwitchList.map((key) => {
+                        const title = layoutList[key]?.title ?? key;
+                        return {
+                            text: title,
+                            value: key
+                        };
+                    }),
+                    onChange(value) {
+                        ui.state.currentLayout = value;
+                    }
+                });
+                switcher
+                    .setMod('size', 'tiny')
+                    .setMod('width', 'auto')
+                    .setMod('variant', 'outline');
+                this.__keyboard.setHeader(switcher);
+            }
+        }
+        if (this.__keyboard.isOpened) {
+            this.__keyboard.close();
+        }
+        else {
+            this.__keyboard.open();
+        }
+    }
+    /** @override */
+    beforeDestruct(jodit) {
+        this.__keyboard?.destruct();
+    }
+}
+/** @override */
+keyboard.requires = ['license'];
+(0,tslib__WEBPACK_IMPORTED_MODULE_9__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__.autobind
+], keyboard.prototype, "insertChar", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_9__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__.autobind
+], keyboard.prototype, "toggleKeyboard", null);
+_JoditPro__WEBPACK_IMPORTED_MODULE_1__/* .JoditPro.plugins.add */ .y.plugins.add('keyboard', keyboard);
+
+
+/***/ }),
+
+/***/ 21295:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "r": function() { return /* binding */ UIKeyboard; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97582);
+/* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50526);
+/* harmony import */ var jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(98478);
+/* harmony import */ var jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11612);
+/* harmony import */ var autobind_decorator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23185);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+var UIKeyboard_1;
+
+
+
+
+
+
+
+let UIKeyboard = UIKeyboard_1 = class UIKeyboard extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u1 {
+    /** @override */
+    className() {
+        return 'UIKeyboard';
+    }
+    /** @override */
+    render() {
+        const { layout, keySize } = this.j.options.keyboard, rowCount = layout.length;
+        return `<div>${(() => {
+            const rows = [];
+            for (let i = 0; i < rowCount; i += 1) {
+                const row = [];
+                for (let j = 0; j < layout[i].length; j += 1) {
+                    row.push(`<div style="width:${keySize * layout[i][j]}px;height:${keySize}px;" class="&__key"></div>`);
+                }
+                rows.push(`<div class='&__row'>${row.join('\n')}</div>`);
+            }
+            return rows.join('\n');
+        })()}</div>`;
+    }
+    onStateChange() {
+        const { currentLayout, options, shift, caps } = this.state, { keys } = this.j.o.keyboard.layoutList[currentLayout];
+        let index = 0;
+        for (let i = 0; i < keys.length; i += 1) {
+            for (let j = 0; j < keys[i].length; j += 1) {
+                const values = keys[i][j].split(' ');
+                let value = values[0];
+                if (shift) {
+                    value = values[1];
+                }
+                if (!shift &&
+                    caps &&
+                    values[1] &&
+                    UIKeyboard_1.isLetter(values[0])) {
+                    value = values[1];
+                }
+                if (options) {
+                    value = values[2];
+                }
+                this.setKeyValue(index, value ?? values[0]);
+                index += 1;
+            }
+        }
+    }
+    static isLetter(c) {
+        return c.toLowerCase() !== c.toUpperCase();
+    }
+    setKeyValue(index, value) {
+        const elm = this._keys[index];
+        if (!elm) {
+            return;
+        }
+        let active = false;
+        const { options, shift, caps } = this.state;
+        switch (value) {
+            case 'Caps':
+                active = caps;
+                break;
+            case 'Options':
+                active = options;
+                break;
+            case 'Shift':
+                active = shift;
+                break;
+        }
+        elm.innerHTML = UIKeyboard_1.decorate(value);
+        elm.classList.toggle(this.getFullElName('key', 'active', true), active);
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_2__.attr)(elm, '-key', value);
+    }
+    onKeyUp() {
+        if (this.pressed) {
+            this.stopPress();
+        }
+    }
+    onReady() {
+        this.j.e.on(this.getElms('key'), 'mouseenter', this.stopPress);
+    }
+    stopPress() {
+        if (this.pressed) {
+            this.pressed = false;
+            this.j.async.clearTimeout(this.reKeyDownTimeout);
+            this._keys.forEach((elm) => {
+                elm.classList.remove(this.getFullElName('key', 'pressed', true));
+            });
+        }
+    }
+    onKeyDown(e, timeout = 0) {
+        const target = e.target;
+        if (!target || !target.classList.contains(this.getFullElName('key'))) {
+            return false;
+        }
+        this.pressed = true;
+        target.classList.add(this.getFullElName('key', 'pressed', true));
+        const key = (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_2__.attr)(target, '-key');
+        switch (key) {
+            case 'Caps':
+                this.state.caps = !this.state.caps;
+                break;
+            case 'Shift':
+                this.state.shift = !this.state.shift;
+                break;
+            case 'Options':
+                this.state.options = !this.state.options;
+                break;
+            case 'Enter':
+            case 'Backspace':
+                this.j.e.fire('keydown', {
+                    key,
+                    preventDefault() { }
+                });
+                break;
+            case 'Space':
+            case 'Tab':
+                this.j.s.insertNode(this.j.createInside.text(jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.NBSP_SPACE));
+                break;
+            default:
+                if (this.state.shift) {
+                    this.state.shift = false;
+                }
+                key && this.j.s.insertNode(this.j.createInside.text(key));
+        }
+        const { periodKeyRepeat, delayKeyRepeat } = this.j.o.keyboard;
+        this.reKeyDownTimeout = this.j.async.setTimeout(() => this.onKeyDown(e, periodKeyRepeat), timeout || delayKeyRepeat);
+        return false;
+    }
+    constructor(jodit) {
+        super(jodit);
+        this.state = {
+            caps: false,
+            shift: false,
+            options: false,
+            currentLayout: this.j.o.keyboard.defaultLayoutSet
+        };
+        this._keys = this.getElms('key');
+        this.pressed = false;
+        this.reKeyDownTimeout = 0;
+        this.onStateChange();
+    }
+    static decorate(value) {
+        switch (value) {
+            case 'Space':
+                return '';
+            case 'Enter':
+                return jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .Icon.get */ .JO.get('enter');
+            case 'Backspace':
+                return __webpack_require__(31169);
+            case 'Shift':
+                return __webpack_require__(44660);
+            case 'Caps':
+                return __webpack_require__(37967);
+            case 'Options':
+                return __webpack_require__(92100);
+            case 'Tab':
+                return __webpack_require__(82333);
+            default:
+                return value;
+        }
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)([
+        'state.currentLayout',
+        'state.options',
+        'state.shift',
+        'state.caps'
+    ])
+], UIKeyboard.prototype, "onStateChange", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)(['ow:mouseup'])
+], UIKeyboard.prototype, "onKeyUp", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.hook)('ready')
+], UIKeyboard.prototype, "onReady", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    autobind_decorator__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP
+], UIKeyboard.prototype, "stopPress", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)(['container:mousedown', 'container:touchstart'])
+], UIKeyboard.prototype, "onKeyDown", null);
+UIKeyboard = UIKeyboard_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
+], UIKeyboard);
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(34295));
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});

package/es2021/plugins/keyboard/keyboard.min.css

@@ -0,0 +1 @@
+.jodit-ui-keyboard{user-select:none}.jodit-ui-keyboard__row{display:flex;justify-content:space-between}.jodit-ui-keyboard__key{align-items:center;background-color:#f5f5f5;border:1px solid var(--jd-color-border);border-radius:2px;cursor:pointer;display:flex;height:32px;justify-content:center;margin:2px;user-select:none;width:32px}.jodit-ui-keyboard__key:hover:not(.jodit-ui-keyboard__key_active_true):not(.jodit-ui-keyboard__key_pressed_true){border-color:var(--jd-color-border);box-shadow:0 1px 1px rgba(0,0,0,.1)}.jodit-ui-keyboard__key:active,.jodit-ui-keyboard__key_active_true,.jodit-ui-keyboard__key_pressed_true{background-color:#f6f6f6;border-color:#c6c6c6;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.jodit-ui-keyboard__key *{pointer-events:none}.jodit-ui-keyboard__key svg{fill:var(--jd-color-dark);max-height:60%;max-width:60%}

package/es2021/plugins/keyboard/keyboard.min.js

@@ -0,0 +1,10 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+
+
+((t,e)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var s=e();for(var o in s)("object"==typeof exports?exports:t)[o]=s[o]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[283],{48326(t){t.exports='<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M0 6c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm2 0v2h2V6H2zm1 3v2h2V9H3zm-1 3v2h2v-2H2zm3 0v2h10v-2H5zm11 0v2h2v-2h-2zM6 9v2h2V9H6zm3 0v2h2V9H9zm3 0v2h2V9h-2zm3 0v2h2V9h-2zM5 6v2h2V6H5zm3 0v2h2V6H8zm3 0v2h2V6h-2zm3 0v2h4V6h-4z"/> </svg>'},31169(t){t.exports='<?xml version="1.0" ?><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 10l7-7h13v14H7l-7-7zm14.41 0l2.13-2.12-1.42-1.42L13 8.6l-2.12-2.13-1.42 1.42L11.6 10l-2.13 2.12 1.42 1.42L13 11.4l2.12 2.13 1.42-1.42L14.4 10z"/></svg>'},37967(t){t.exports='<svg viewBox="0 0 30 29" xmlns="http://www.w3.org/2000/svg"> <path d="M15 0.5L30 15.2625H22V24H8V15.2625H0L15 0.5Z"/> <rect x="8" y="26" width="14" height="3"/> </svg>'},92100(t){t.exports='<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox="0 0 24 24" > <circle cy="12" cx="12" r="2.2"/> <circle cy="12" cx="5" r="2.2"/> <circle cy="12" cx="19" r="2.2"/> </svg>'},44660(t){t.exports='<svg viewBox="0 0 30 29" xmlns="http://www.w3.org/2000/svg"> <path d="M15 0.5L30 15.2625H22V29H8V15.2625H0L15 0.5Z"/> </svg>'},82333(t){t.exports='<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <path d="M23.17 14.83l7.17 7.17h-28.34v4h28.34l-7.17 7.17 2.83 2.83 12-12-12-12-2.83 2.83zm16.83-2.83v24h4v-24h-4z"/> </svg>'},72257(t,e,s){"use strict";var o=s(77628);o.Config.prototype.keyboard={defaultLayoutSet:"en",showLayoutSwitcher:!0,extraKeyGroup:"other",extraKeyButtons:[],delayKeyRepeat:350,periodKeyRepeat:100,layoutList:{en:{title:"English",keys:[["` ~ ±","1 ! §","2 @","3 #","4 $","5 %","6 ^","7 &","8 *","9 (","0 )","- _","= +","Backspace"],["Tab","q Q","w W","e E","r R","t T","y Y","u U","i I","o O","p P","[ {","] }","\\ |"],["Caps","a A","s S","d D","f F","g G","h H","j J","k K","l L","; :","' \"","Enter"],["Shift","z Z","x X","c C","v V","b B","n N","m M",", <",". >","/ ?","Shift"],["Options","Space","Options"]]},es:{title:"Español",keys:[["º ` ~","1 ! §","2 @","3 #","4 $","5 %","6 ^","7 &","8 *","9 (","0 )","- _ |","¡ = +","Backspace"],["Tab","q Q","w W","e E","r R","t T","y Y","u U","i I","o O","p P","[ {","] }","ç Ç \\"],["Caps","a A","s S","d D","f F","g G","h H","j J","k K","l L","ñ Ñ ; :","' \"","Enter"],["Shift","z Z","x X","c C","v V","b B","n N","m M",", <",". >","/ ?","Shift"],["Options","Space","Options"]]},de:{title:"Deutsch",keys:[["` ~ ±","1 ! §","2 @","3 #","4 $","5 %","6 ^","7 &","8 * :","9 ( {","0 ) }","- _","= +","Backspace"],["Tab","q Q","w W","e E","r R","t T","z Z","u U","i I","o O","p P","ü Ü [","] }","\\ |"],["Caps","a A","s S","d D","f F","g G","h H","j J","k K","l L","ö Ö ;","ä Ä ' \"","Enter"],["Shift","y Y","x X","c C","v V","b B","n N","m M",", <",". >","/ ?","Shift"],["Options","Space","Options"]]},ru:{title:"Русский",keys:[["` ~ ±","1 ! §",'2 @ "',"3 # :","4 $ <","5 % >","6 ^","7 &","8 *","9 (","0 )","- _","= +","Backspace"],["Tab","й Й","ц Ц","у У","к К","е Е","н Н","г Г","ш Ш","щ Щ","з З","х Х [","ъ ] {","\\ | }"],["Caps","ф Ф","ы Ы","в В","а А","п П","р Р","о О","л Л","д Д","ж Ж ;","э Э '","Enter"],["Shift","я Я","ч Ч","с С","м М","и И","т Т","ь Ь","б Б ,","ю Ю .","/ ?","Shift"],["Options","Space","Options"]]},tr:{title:"Türkçe",keys:[['" é` ~',"1 ! §",'2 @ "',"3 # :","4 $ <","5 % >","6 ^ ±","7 &","8 *","9 ( {","0 ) }","- _ [","= + ]","Backspace"],["Tab","q Q","w W","e E","r R","t T","y Y","u U","ı I","o O","p P","ğ Ğ","ü Ü",", \\ |"],["Caps","a A","s S","d D","f F","g G","h H","j J","k K","l L","ş Ş","i̇ İ","Enter"],["Shift","z Z","x X","c C","v V","b B","n N","m M","ö Ö <","ç Ç >",". / ?","Shift"],["Options","Space","Options"]]},iw:{title:"Hebrew",keys:[["` ~ ±","1 ! §","2 @","3 #","4 $","5 %","6 ^","7 &","8 *","9 (","0 )","- _","= +","Backspace"],["Tab","/ q Q","' w W","ק e E","ר r R","א t T","ט y Y","ו u U","ן i I","ם o O","פ p P","[ {","] }","\\ |"],["Caps","ש a A","ד s S","ג d D","כ f F","ע g G","י h H","ח j J","ל k K","ך l L","ף ; :","' \"","Enter"],["Shift","ז z Z","ס x X","ב c C","ה v V","נ b B","מ n N","צ m M",", <",". >","/ ?","Shift"],["Options","Space","Options"]]},tata:{title:"Tata",keys:[["һ Һ` ~","1 ! §",'2 @ "',"3 # :","4 $ <","5 % >","6 ^ ±","7 &","8 *","9 ( {","0 )","- _","= +","Backspace"],["Tab","й Й","ө Ө","у У","к К","е Е","н Н","г Г","ш Ш","ә Ә","з З","х Х [","ү Ү ]","\\ | }"],["Caps","ф Ф","ы Ы","в В","а А","п П","р Р","о О","л Л","д Д","ң Ң ;","э Э '","Enter"],["Shift","я Я","ч Ч","с С","м М","и И","т Т","җ Җ","б Б ,","ю Ю .","ґ Ґ /","Shift"],["Options","Space","Options"]]}},layoutSwitchList:["en","es","de","ru","tr","iw","tata"],keySize:32,layout:[[1,1,1,1,1,1,1,1,1,1,1,1,1,2],[1.5,1,1,1,1,1,1,1,1,1,1,1,1,1.5],[1.8,1,1,1,1,1,1,1,1,1,1,1,2.2],[2.5,1,1,1,1,1,1,1,1,1,1,2.5],[3.5,9,3.5]]},o.Config.prototype.controls.keyboard={tooltip:"Keyboard",icon:s(48326),isActive:t=>!!t.e.fire("isKeyboardOpened"),command:"toggleKeyboard"},o.Config.prototype.controls.extraKeyboardButtons={}},34295(t,e,s){"use strict";s.r(e),s.d(e,{keyboard(){return y}});var o=s(97582),a=s(7324),r=s(88292),i=s(21295),n=s(50526),h=(s(72257),s(8079)),p=s(75004),c=s(71350),l=s(77628);class y extends a.S{constructor(t){super(t),this.hasStyle=!r.y.fatMode,this.buttons=[{group:"insert",name:"keyboard"}];const{extraKeyButtons:e,extraKeyGroup:s}=t.o.keyboard;e.length&&e.forEach(((e,o)=>{const a=(0,c.HD)(e)?e:e.key,r=(0,c.HD)(e)||!e.hotkeys?["ctrl+"+(o+1)]:e.hotkeys;t.registerButton({name:"extraKeyboardButtons."+a,group:s});const{extraKeyboardButtons:i}=l.Config.defaultOptions.controls;i[a]={name:a,tooltip:a,args:[a],hotkeys:r,command:"insertChar"}}))}afterInit(t){t.registerCommand("toggleKeyboard",this.toggleKeyboard).registerCommand("insertChar",this.insertChar),t.e.on("isKeyboardOpened",(()=>this.__keyboard?.isOpened))}insertChar(t,e,s){this.j.s.insertNode(this.j.createInside.text(s))}toggleKeyboard(){if(!this.__keyboard){this.__keyboard=new h.Dialog({toolbarButtonSize:"tiny"});const t=new i.r(this.j);this.__keyboard.setMod("slim",!0).setMod("adaptive",!1).setContent(t);const{showLayoutSwitcher:e,layoutSwitchList:s,layoutList:o}=this.j.o.keyboard;if(e){const e=new p.Cj(this.__keyboard,{value:t.state.currentLayout,options:s.map((t=>({text:o[t]?.title??t,value:t}))),onChange(e){t.state.currentLayout=e}});e.setMod("size","tiny").setMod("width","auto").setMod("variant","outline"),this.__keyboard.setHeader(e)}}this.__keyboard.isOpened?this.__keyboard.close():this.__keyboard.open()}beforeDestruct(t){this.__keyboard?.destruct()}}y.requires=["license"],(0,o.gn)([n.autobind],y.prototype,"insertChar",null),(0,o.gn)([n.autobind],y.prototype,"toggleKeyboard",null),r.y.plugins.add("keyboard",y)},21295(t,e,s){"use strict";s.d(e,{r(){return c}});var o,a=s(97582),r=s(75004),i=s(50526),n=s(98478),h=s(11612),p=s(23185);let c=o=class t extends r.u1{className(){return"UIKeyboard"}render(){const{layout:t,keySize:e}=this.j.options.keyboard,s=t.length;return`<div>${(()=>{const o=[];for(let a=0;s>a;a+=1){const s=[];for(let o=0;t[a].length>o;o+=1)s.push(`<div style="width:${e*t[a][o]}px;height:${e}px;" class="&__key"></div>`);o.push(`<div class='&__row'>${s.join("\n")}</div>`)}return o.join("\n")})()}</div>`}onStateChange(){const{currentLayout:t,options:e,shift:s,caps:a}=this.state,{keys:r}=this.j.o.keyboard.layoutList[t];let i=0;for(let t=0;r.length>t;t+=1)for(let n=0;r[t].length>n;n+=1){const h=r[t][n].split(" ");let p=h[0];s&&(p=h[1]),!s&&a&&h[1]&&o.isLetter(h[0])&&(p=h[1]),e&&(p=h[2]),this.setKeyValue(i,p??h[0]),i+=1}}static isLetter(t){return t.toLowerCase()!==t.toUpperCase()}setKeyValue(t,e){const s=this._keys[t];if(!s)return;let a=!1;const{options:r,shift:i,caps:h}=this.state;switch(e){case"Caps":a=h;break;case"Options":a=r;break;case"Shift":a=i}s.innerHTML=o.decorate(e),s.classList.toggle(this.getFullElName("key","active",!0),a),(0,n.attr)(s,"-key",e)}onKeyUp(){this.pressed&&this.stopPress()}onReady(){this.j.e.on(this.getElms("key"),"mouseenter",this.stopPress)}stopPress(){this.pressed&&(this.pressed=!1,this.j.async.clearTimeout(this.reKeyDownTimeout),this._keys.forEach((t=>{t.classList.remove(this.getFullElName("key","pressed",!0))})))}onKeyDown(t,e=0){const s=t.target;if(!s||!s.classList.contains(this.getFullElName("key")))return!1;this.pressed=!0,s.classList.add(this.getFullElName("key","pressed",!0));const o=(0,n.attr)(s,"-key");switch(o){case"Caps":this.state.caps=!this.state.caps;break;case"Shift":this.state.shift=!this.state.shift;break;case"Options":this.state.options=!this.state.options;break;case"Enter":case"Backspace":this.j.e.fire("keydown",{key:o,preventDefault(){}});break;case"Space":case"Tab":this.j.s.insertNode(this.j.createInside.text(h.NBSP_SPACE));break;default:this.state.shift&&(this.state.shift=!1),o&&this.j.s.insertNode(this.j.createInside.text(o))}const{periodKeyRepeat:a,delayKeyRepeat:r}=this.j.o.keyboard;return this.reKeyDownTimeout=this.j.async.setTimeout((()=>this.onKeyDown(t,a)),e||r),!1}constructor(t){super(t),this.state={caps:!1,shift:!1,options:!1,currentLayout:this.j.o.keyboard.defaultLayoutSet},this._keys=this.getElms("key"),this.pressed=!1,this.reKeyDownTimeout=0,this.onStateChange()}static decorate(t){switch(t){case"Space":return"";case"Enter":return r.JO.get("enter");case"Backspace":return s(31169);case"Shift":return s(44660);case"Caps":return s(37967);case"Options":return s(92100);case"Tab":return s(82333);default:return t}}};(0,a.gn)([(0,i.watch)(["state.currentLayout","state.options","state.shift","state.caps"])],c.prototype,"onStateChange",null),(0,a.gn)([(0,i.watch)(["ow:mouseup"])],c.prototype,"onKeyUp",null),(0,a.gn)([(0,i.hook)("ready")],c.prototype,"onReady",null),(0,a.gn)([p.ZP],c.prototype,"stopPress",null),(0,a.gn)([(0,i.watch)(["container:mousedown","container:touchstart"])],c.prototype,"onKeyDown",null),c=o=(0,a.gn)([i.component],c)}},t=>t(t.s=34295)])}));