jodit-pro 1.3.39 → 2.0.0-beta.10

package/es2021.en/plugins/backup/backup.js

@@ -0,0 +1,554 @@
+/*!
+ * 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([[391],{
+
+/***/ 50722:
+/***/ (function(module) {
+
+module.exports = "<?xml version=\"1.0\" ?><svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\"><title/><g id=\"Upload\"><path d=\"M16,26h8V50a2,2,0,0,0,2,2H38a2,2,0,0,0,2-2V26h8a2,2,0,0,0,1.4946-3.3291l-16-18a2,2,0,0,0-2.9892,0l-16,18A2,2,0,0,0,16,26ZM32,9.0107,43.5464,22H38a2,2,0,0,0-2,2V48H28V24a2,2,0,0,0-2-2H20.4536Z\"/><path d=\"M53,42a2,2,0,0,0-2,2V54a2.0023,2.0023,0,0,1-2,2H15a2.0023,2.0023,0,0,1-2-2V44a2,2,0,0,0-4,0V54a6.0066,6.0066,0,0,0,6,6H49a6.0066,6.0066,0,0,0,6-6V44A2,2,0,0,0,53,42Z\"/></g></svg>"
+
+/***/ }),
+
+/***/ 32100:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "backup": function() { return /* binding */ backup; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(97582);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19775);
+/* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7324);
+/* harmony import */ var _modules_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1844);
+/* harmony import */ var _ui_box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71298);
+/* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75004);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50526);
+/* harmony import */ var _JoditPro__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88292);
+/*!
+ * 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/
+ */
+
+
+
+
+
+
+
+
+class backup extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_1__/* .Plugin */ .S {
+    constructor() {
+        super(...arguments);
+        /** @override */
+        this.hasStyle = !_JoditPro__WEBPACK_IMPORTED_MODULE_5__/* .JoditPro.fatMode */ .y.fatMode;
+        /** @override */
+        this.buttons = [
+            {
+                name: 'backup.restore',
+                group: 'history'
+            }
+        ];
+        this.__box = new _ui_box__WEBPACK_IMPORTED_MODULE_2__/* .UIBackupBox */ .j(this.j);
+        this.__dialog = null;
+        this.__storage = this.jodit.o.backup.remoteStore ?? new _modules_store__WEBPACK_IMPORTED_MODULE_6__/* .DefaultStorage */ .W(this.jodit);
+        this.timeout = 0;
+    }
+    /** @override */
+    afterInit(jodit) {
+        jodit
+            .registerCommand('saveBackup', this.onSaveBackup)
+            .registerCommand('openBackupDialog', {
+            exec: this.onOpenBackupDialog,
+            hotkeys: jodit.o.backup.hotkeys
+        });
+        const startInterval = () => {
+            this.timeout = jodit.async.setTimeout(() => {
+                this.onSaveBackup();
+                startInterval();
+            }, jodit.o.backup.interval * 1000);
+        };
+        startInterval();
+        jodit.e
+            .on(this.__box, 'choose', this.onSelectItem)
+            .on(jodit.ow, 'beforeunload.backup', () => {
+            this.onSaveBackup();
+        });
+    }
+    prepareDialog() {
+        if (!this.__dialog) {
+            this.__dialog = this.j
+                .dlg({
+                minWidth: this.j.o.backup.dialogWidth,
+                buttons: ['fullsize', 'dialog.close']
+            })
+                .setContent(this.__box.container);
+        }
+        this.__dialog.setHeader(this.jodit.i18n('Restore'));
+        this.addButtonsToDialog();
+    }
+    onSaveBackup() {
+        this.__storage.add({
+            created: new Date(),
+            html: this.j.value
+        });
+    }
+    async onOpenBackupDialog() {
+        this.prepareDialog();
+        const { __dialog } = this;
+        if (!__dialog) {
+            return;
+        }
+        __dialog.open().setModal(true);
+        const items = await this.__storage.items();
+        this.__box.build([
+            {
+                created: new Date(),
+                html: this.j.value
+            },
+            ...items
+        ]);
+        __dialog.calcAutoSize();
+        __dialog.setPosition();
+    }
+    onSelectItem(data) {
+        this.__dialog?.close();
+        this.j.value = data.html;
+        this.j.s.focus();
+    }
+    addButtonsToDialog() {
+        const { jodit } = this;
+        const ok = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .zx)(jodit, {
+            name: 'ok',
+            tabIndex: 0,
+            variant: 'primary',
+            text: 'Ok'
+        }), cancel = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .zx)(jodit, {
+            variant: 'secondary',
+            tabIndex: 0,
+            text: 'Cancel'
+        }), clear = (0,jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .Button */ .zx)(jodit, {
+            name: 'clear',
+            tabIndex: 0,
+            variant: 'secondary',
+            text: 'Remove all'
+        });
+        ok.onAction(() => {
+            this.__box.chooseSelected();
+        });
+        cancel.onAction(() => {
+            this.__dialog?.close();
+        });
+        clear.onAction(() => {
+            jodit.confirm('Are you sure?', undefined, (confirm) => {
+                if (confirm) {
+                    this.__storage.clear();
+                    this.__dialog?.close();
+                }
+            });
+        });
+        const block = new jodit_core_ui__WEBPACK_IMPORTED_MODULE_3__/* .UIBlock */ .eC(jodit, [clear, cancel, ok]);
+        block.container.style.margin = '0';
+        block.container.style.justifyContent = 'flex-end';
+        block.container.style.width = '100%';
+        this.__dialog?.setFooter(block);
+    }
+    /** @override */
+    beforeDestruct() {
+        const { j } = this;
+        j.async.clearTimeout(this.timeout);
+        j.e
+            .off(this.__box, 'choose', this.onSelectItem)
+            .off(j.ow, 'beforeunload.backup');
+        this.__box.destruct();
+        this.__dialog?.destruct();
+    }
+}
+/** @override */
+backup.requires = ['license'];
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_4__.autobind
+], backup.prototype, "onSaveBackup", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_4__.autobind
+], backup.prototype, "onOpenBackupDialog", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_7__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_4__.autobind
+], backup.prototype, "onSelectItem", null);
+_JoditPro__WEBPACK_IMPORTED_MODULE_5__/* .JoditPro.plugins.add */ .y.plugins.add('backup', backup);
+
+
+/***/ }),
+
+/***/ 19775:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77628);
+/* harmony import */ var jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10503);
+/* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81160);
+/*!
+ * 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/
+ */
+
+
+
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.backup = {
+    interval: 30,
+    limit: 50,
+    dialogWidth: 700,
+    hotkeys: ['ctrl+shift+b', 'cmd+shift+b']
+};
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.backup = {
+    store: {
+        command: 'saveBackup',
+        text: 'Save backup now'
+    },
+    restore: {
+        tooltip: 'Restore',
+        list: ['backup.store'],
+        exec(editor) {
+            editor.execCommand('openBackupDialog');
+        }
+    }
+};
+jodit_core_ui_icon__WEBPACK_IMPORTED_MODULE_1__/* .Icon.set */ .J.set('restore', __webpack_require__(50722));
+(0,jodit_core_global__WEBPACK_IMPORTED_MODULE_2__/* .extendLang */ .xl)(__webpack_require__(10188));
+
+
+/***/ }),
+
+/***/ 10188:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/*!
+ * 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/
+ */
+
+
+
+/***/ }),
+
+/***/ 1844:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "W": function() { return /* binding */ DefaultStorage; }
+/* harmony export */ });
+/*!
+ * 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/
+ */
+class DefaultStorage {
+    constructor(jodit) {
+        this.jodit = jodit;
+        this.key = 'backup.default.storage';
+    }
+    async add(item) {
+        if (!item.html.trim().length) {
+            return false;
+        }
+        const items = this.jodit.storage.get(this.key) || [];
+        if (items.find((elm) => elm.html === item.html)) {
+            return false;
+        }
+        items.unshift(item);
+        if (items.length > this.jodit.o.backup.limit) {
+            items.length = this.jodit.o.backup.limit;
+        }
+        this.jodit.storage.set(this.key, items);
+        return false;
+    }
+    items() {
+        return Promise.resolve(this.jodit.storage.get(this.key) || []);
+    }
+    clear() {
+        this.jodit.storage.delete(this.key);
+        return Promise.resolve(false);
+    }
+}
+
+
+/***/ }),
+
+/***/ 71298:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "j": function() { return /* binding */ UIBackupBox; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(97582);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(50526);
+/* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75004);
+/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75696);
+/*!
+ * 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/
+ */
+
+
+
+
+
+let UIBackupBox = class UIBackupBox extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_1__/* .UIElement */ .u1 {
+    /** @override */
+    className() {
+        return 'UIBackupBox';
+    }
+    constructor(jodit) {
+        super(jodit);
+        this.list = new _list__WEBPACK_IMPORTED_MODULE_2__/* .UIBackupList */ .A(this.j);
+        this.preview = this.j.c.div(this.getFullElName('preview'));
+        this.container.appendChild(this.list.container);
+        this.container.appendChild(this.preview);
+        this.list.container.classList.add(this.getFullElName('list'));
+        jodit.e
+            .on(this.list, 'select', this.onSelectItem)
+            .on(this.list, 'choose', this.onChooseItem);
+    }
+    build(items) {
+        this.preview.innerHTML = '';
+        this.list.build(items);
+    }
+    /** @override */
+    destruct() {
+        this.j.e.off(this.list, 'select', this.onSelectItem);
+        this.list.destruct();
+        return super.destruct();
+    }
+    /**
+     * On select item inside list
+     */
+    onSelectItem(item) {
+        this.latestSelected = item;
+        this.preview.innerHTML =
+            item.html ||
+                `<div class="${this.getFullElName('empty')}">${this.j.i18n('Empty')}</div>`;
+    }
+    /**
+     * On choose item inside list
+     */
+    onChooseItem(item) {
+        this.j.e.fire(this, 'choose', item);
+    }
+    chooseSelected() {
+        this.onChooseItem(this.latestSelected);
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
+], UIBackupBox.prototype, "onSelectItem", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.autobind
+], UIBackupBox.prototype, "onChooseItem", null);
+UIBackupBox = (0,tslib__WEBPACK_IMPORTED_MODULE_3__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_0__.component
+], UIBackupBox);
+
+
+/***/ }),
+
+/***/ 64741:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "O": function() { return /* binding */ UIBackupItem; }
+/* harmony export */ });
+/* harmony import */ var jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75004);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95582);
+/*!
+ * 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/
+ */
+
+
+
+class UIBackupItem extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIElement */ .u1 {
+    /** @override */
+    className() {
+        return 'UIBackupItem';
+    }
+    constructor(jodit, data) {
+        super(jodit);
+        this.data = data;
+        this.container.innerHTML = this.formatDate(data.created);
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.attr)(this.container, 'tabIndex', 0);
+    }
+    formatDate(timestamp) {
+        const now = new Date();
+        const date = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.isString)(timestamp) ? new Date(timestamp) : timestamp, diff = (now.getTime() - date.getTime()) / 1000;
+        if ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_1__.isFunction)(this.j.o.backup.formatDate)) {
+            return this.j.o.backup.formatDate(date);
+        }
+        if (diff < 0.2) {
+            return this.j.i18n('Current');
+        }
+        if (diff < 60) {
+            return this.j.i18n('Less minute');
+        }
+        if (diff <= 3600) {
+            return this.j.i18n('%s minutes ago', Math.floor(diff / 60));
+        }
+        if (diff <= 3600 * 24) {
+            return this.j.i18n('%s hours  ago', Math.floor(diff / 3600));
+        }
+        return `${date.toDateString()} ${date.toLocaleTimeString()}`;
+    }
+    focus() {
+        this.container.focus();
+    }
+}
+
+
+/***/ }),
+
+/***/ 75696:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "A": function() { return /* binding */ UIBackupList; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __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 _item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64741);
+/* harmony import */ var jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11612);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95582);
+/*!
+ * 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/
+ */
+
+
+
+
+
+
+let UIBackupList = class UIBackupList extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIGroup */ .qe {
+    /** @override */
+    className() {
+        return 'UIBackupList';
+    }
+    /** @override */
+    createContainer(options) {
+        const div = super.createContainer(options);
+        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_4__.attr)(div, 'tabIndex', '-1');
+        return div;
+    }
+    constructor(jodit) {
+        super(jodit);
+        this.elements = [];
+        this.currentSelection = -1;
+        jodit.e.on(this.container, 'keydown', (e) => {
+            switch (e.key) {
+                case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_ENTER:
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.onChoose(this.currentSelection);
+                    break;
+                case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_DOWN:
+                    this.selectNext();
+                    break;
+                case jodit_core_constants__WEBPACK_IMPORTED_MODULE_3__.KEY_UP:
+                    this.selectPrevious();
+                    break;
+            }
+        });
+    }
+    build(items) {
+        this.clear();
+        items.forEach((data, index) => {
+            const item = new _item__WEBPACK_IMPORTED_MODULE_2__/* .UIBackupItem */ .O(this.jodit, data);
+            this.append(item);
+            this.j.e
+                .on(item.container, 'focus', () => this.onSelect(index))
+                .on(item.container, 'click', () => this.onSelect(index))
+                .on(item.container, 'dblclick', () => this.onChoose(index));
+        });
+        this.currentSelection = 0;
+        this.onChangeCurrentSelection(void 0, -1, 0);
+    }
+    onChangeCurrentSelection(_, old, index) {
+        this.elements[old]?.setMod('active', false);
+        this.elements[index]?.setMod('active', true);
+        this.elements[index]?.focus();
+        this.j.e.fire(this, 'select', this.elements[index].data);
+    }
+    onSelect(index) {
+        this.currentSelection = index;
+    }
+    onChoose(index) {
+        this.j.e.fire(this, 'choose', this.elements[index ?? this.currentSelection].data);
+    }
+    selectNext() {
+        if (this.currentSelection + 1 <= this.elements.length - 1) {
+            this.currentSelection += 1;
+        }
+        else {
+            this.currentSelection = 0;
+        }
+    }
+    selectPrevious() {
+        if (this.currentSelection - 1 >= 0) {
+            this.currentSelection -= 1;
+        }
+        else {
+            this.currentSelection = this.elements.length - 1;
+        }
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('currentSelection')
+], UIBackupList.prototype, "onChangeCurrentSelection", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
+], UIBackupList.prototype, "onSelect", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.autobind
+], UIBackupList.prototype, "onChoose", null);
+UIBackupList = (0,tslib__WEBPACK_IMPORTED_MODULE_5__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
+], UIBackupList);
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(32100));
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});

package/es2021.en/plugins/backup/backup.min.css

@@ -0,0 +1 @@
+.jodit-ui-backup-box{border-bottom:1px solid var(--jd-color-border);display:flex;height:100%;justify-content:stretch;max-height:100%}.jodit-ui-backup-box__list{border-right:1px solid var(--jd-color-border);min-width:200px;overflow:auto;padding:var(--jd-padding-default);user-select:none}.jodit-ui-backup-box__preview{flex:1;overflow:auto;padding:var(--jd-padding-default)}.jodit-ui-backup-box__empty{height:30px;margin:auto;opacity:.3;position:relative;top:50%;width:100px}.jodit-ui-backup-item{cursor:pointer;padding:var(--jd-padding-default)}.jodit-ui-backup-item:hover{background-color:var(--jd-color-background-selection)}.jodit-ui-backup-item_active_true{background-color:var(--jd-color-background-selection-opacity50);outline:1px solid var(--jd-color-border-active)}

package/es2021.en/plugins/backup/backup.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([[391],{50722(t){t.exports='<?xml version="1.0" ?><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><g id="Upload"><path d="M16,26h8V50a2,2,0,0,0,2,2H38a2,2,0,0,0,2-2V26h8a2,2,0,0,0,1.4946-3.3291l-16-18a2,2,0,0,0-2.9892,0l-16,18A2,2,0,0,0,16,26ZM32,9.0107,43.5464,22H38a2,2,0,0,0-2,2V48H28V24a2,2,0,0,0-2-2H20.4536Z"/><path d="M53,42a2,2,0,0,0-2,2V54a2.0023,2.0023,0,0,1-2,2H15a2.0023,2.0023,0,0,1-2-2V44a2,2,0,0,0-4,0V54a6.0066,6.0066,0,0,0,6,6H49a6.0066,6.0066,0,0,0,6-6V44A2,2,0,0,0,53,42Z"/></g></svg>'},32100(t,e,s){"use strict";s.r(e),s.d(e,{backup(){return h}});var o=s(97582),i=(s(19775),s(7324)),n=s(1844),a=s(71298),r=s(75004),c=s(50526),l=s(88292);class h extends i.S{constructor(){super(...arguments),this.hasStyle=!l.y.fatMode,this.buttons=[{name:"backup.restore",group:"history"}],this.__box=new a.j(this.j),this.__dialog=null,this.__storage=this.jodit.o.backup.remoteStore??new n.W(this.jodit),this.timeout=0}afterInit(t){t.registerCommand("saveBackup",this.onSaveBackup).registerCommand("openBackupDialog",{exec:this.onOpenBackupDialog,hotkeys:t.o.backup.hotkeys});const e=()=>{this.timeout=t.async.setTimeout((()=>{this.onSaveBackup(),e()}),1e3*t.o.backup.interval)};e(),t.e.on(this.__box,"choose",this.onSelectItem).on(t.ow,"beforeunload.backup",(()=>{this.onSaveBackup()}))}prepareDialog(){this.__dialog||(this.__dialog=this.j.dlg({minWidth:this.j.o.backup.dialogWidth,buttons:["fullsize","dialog.close"]}).setContent(this.__box.container)),this.__dialog.setHeader(this.jodit.i18n("Restore")),this.addButtonsToDialog()}onSaveBackup(){this.__storage.add({created:new Date,html:this.j.value})}async onOpenBackupDialog(){this.prepareDialog();const{__dialog:t}=this;if(!t)return;t.open().setModal(!0);const e=await this.__storage.items();this.__box.build([{created:new Date,html:this.j.value},...e]),t.calcAutoSize(),t.setPosition()}onSelectItem(t){this.__dialog?.close(),this.j.value=t.html,this.j.s.focus()}addButtonsToDialog(){const{jodit:t}=this,e=(0,r.zx)(t,{name:"ok",tabIndex:0,variant:"primary",text:"Ok"}),s=(0,r.zx)(t,{variant:"secondary",tabIndex:0,text:"Cancel"}),o=(0,r.zx)(t,{name:"clear",tabIndex:0,variant:"secondary",text:"Remove all"});e.onAction((()=>{this.__box.chooseSelected()})),s.onAction((()=>{this.__dialog?.close()})),o.onAction((()=>{t.confirm("Are you sure?",void 0,(t=>{t&&(this.__storage.clear(),this.__dialog?.close())}))}));const i=new r.eC(t,[o,s,e]);i.container.style.margin="0",i.container.style.justifyContent="flex-end",i.container.style.width="100%",this.__dialog?.setFooter(i)}beforeDestruct(){const{j:t}=this;t.async.clearTimeout(this.timeout),t.e.off(this.__box,"choose",this.onSelectItem).off(t.ow,"beforeunload.backup"),this.__box.destruct(),this.__dialog?.destruct()}}h.requires=["license"],(0,o.gn)([c.autobind],h.prototype,"onSaveBackup",null),(0,o.gn)([c.autobind],h.prototype,"onOpenBackupDialog",null),(0,o.gn)([c.autobind],h.prototype,"onSelectItem",null),l.y.plugins.add("backup",h)},19775(t,e,s){"use strict";var o=s(77628),i=s(10503),n=s(81160);o.Config.prototype.backup={interval:30,limit:50,dialogWidth:700,hotkeys:["ctrl+shift+b","cmd+shift+b"]},o.Config.prototype.controls.backup={store:{command:"saveBackup",text:"Save backup now"},restore:{tooltip:"Restore",list:["backup.store"],exec(t){t.execCommand("openBackupDialog")}}},i.J.set("restore",s(50722)),(0,n.xl)(s(10188))},10188(t,e,s){"use strict";s.r(e)},1844(t,e,s){"use strict";s.d(e,{W(){return o}});class o{constructor(t){this.jodit=t,this.key="backup.default.storage"}async add(t){if(!t.html.trim().length)return!1;const e=this.jodit.storage.get(this.key)||[];return e.find((e=>e.html===t.html))||(e.unshift(t),e.length>this.jodit.o.backup.limit&&(e.length=this.jodit.o.backup.limit),this.jodit.storage.set(this.key,e)),!1}items(){return Promise.resolve(this.jodit.storage.get(this.key)||[])}clear(){return this.jodit.storage.delete(this.key),Promise.resolve(!1)}}},71298(t,e,s){"use strict";s.d(e,{j(){return r}});var o=s(97582),i=s(50526),n=s(75004),a=s(75696);let r=class t extends n.u1{className(){return"UIBackupBox"}constructor(t){super(t),this.list=new a.A(this.j),this.preview=this.j.c.div(this.getFullElName("preview")),this.container.appendChild(this.list.container),this.container.appendChild(this.preview),this.list.container.classList.add(this.getFullElName("list")),t.e.on(this.list,"select",this.onSelectItem).on(this.list,"choose",this.onChooseItem)}build(t){this.preview.innerHTML="",this.list.build(t)}destruct(){return this.j.e.off(this.list,"select",this.onSelectItem),this.list.destruct(),super.destruct()}onSelectItem(t){this.latestSelected=t,this.preview.innerHTML=t.html||`<div class="${this.getFullElName("empty")}">${this.j.i18n("Empty")}</div>`}onChooseItem(t){this.j.e.fire(this,"choose",t)}chooseSelected(){this.onChooseItem(this.latestSelected)}};(0,o.gn)([i.autobind],r.prototype,"onSelectItem",null),(0,o.gn)([i.autobind],r.prototype,"onChooseItem",null),r=(0,o.gn)([i.component],r)},64741(t,e,s){"use strict";s.d(e,{O(){return n}});var o=s(75004),i=s(95582);class n extends o.u1{className(){return"UIBackupItem"}constructor(t,e){super(t),this.data=e,this.container.innerHTML=this.formatDate(e.created),(0,i.attr)(this.container,"tabIndex",0)}formatDate(t){const e=new Date,s=(0,i.isString)(t)?new Date(t):t,o=(e.getTime()-s.getTime())/1e3;return(0,i.isFunction)(this.j.o.backup.formatDate)?this.j.o.backup.formatDate(s):.2>o?this.j.i18n("Current"):60>o?this.j.i18n("Less minute"):o>3600?o>86400?`${s.toDateString()} ${s.toLocaleTimeString()}`:this.j.i18n("%s hours  ago",Math.floor(o/3600)):this.j.i18n("%s minutes ago",Math.floor(o/60))}focus(){this.container.focus()}}},75696(t,e,s){"use strict";s.d(e,{A(){return l}});var o=s(97582),i=s(75004),n=s(50526),a=s(64741),r=s(11612),c=s(95582);let l=class t extends i.qe{className(){return"UIBackupList"}createContainer(t){const e=super.createContainer(t);return(0,c.attr)(e,"tabIndex","-1"),e}constructor(t){super(t),this.elements=[],this.currentSelection=-1,t.e.on(this.container,"keydown",(t=>{switch(t.key){case r.KEY_ENTER:t.preventDefault(),t.stopPropagation(),this.onChoose(this.currentSelection);break;case r.KEY_DOWN:this.selectNext();break;case r.KEY_UP:this.selectPrevious()}}))}build(t){this.clear(),t.forEach(((t,e)=>{const s=new a.O(this.jodit,t);this.append(s),this.j.e.on(s.container,"focus",(()=>this.onSelect(e))).on(s.container,"click",(()=>this.onSelect(e))).on(s.container,"dblclick",(()=>this.onChoose(e)))})),this.currentSelection=0,this.onChangeCurrentSelection(void 0,-1,0)}onChangeCurrentSelection(t,e,s){this.elements[e]?.setMod("active",!1),this.elements[s]?.setMod("active",!0),this.elements[s]?.focus(),this.j.e.fire(this,"select",this.elements[s].data)}onSelect(t){this.currentSelection=t}onChoose(t){this.j.e.fire(this,"choose",this.elements[t??this.currentSelection].data)}selectNext(){this.currentSelection+1>this.elements.length-1?this.currentSelection=0:this.currentSelection+=1}selectPrevious(){0>this.currentSelection-1?this.currentSelection=this.elements.length-1:this.currentSelection-=1}};(0,o.gn)([(0,n.watch)("currentSelection")],l.prototype,"onChangeCurrentSelection",null),(0,o.gn)([n.autobind],l.prototype,"onSelect",null),(0,o.gn)([n.autobind],l.prototype,"onChoose",null),l=(0,o.gn)([n.component],l)}},t=>t(t.s=32100)])}));