jodit 4.0.0-beta.88 → 4.0.0-beta.90

package/es5/plugins/debug/debug.js

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.88
+ * Version: v4.0.0-beta.90
  * 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-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-export const APP_VERSION = "4.0.0-beta.88";
+export const APP_VERSION = "4.0.0-beta.90";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/traits/dlgs.js

@@ -24,18 +24,18 @@ export class Dlgs {
     confirm(msg, title, callback) {
         msg = processTitle(msg, this);
         title = processTitle(title, this);
-        return Confirm.call(this.dlg(), msg, title, callback);
+        return Confirm.call(this.dlg({ closeOnClickOverlay: true }), msg, title, callback);
     }
     prompt(msg, title, callback, placeholder, defaultValue) {
         msg = processTitle(msg, this);
         title = processTitle(title, this);
         placeholder = processTitle(placeholder, this);
-        return Prompt.call(this.dlg(), msg, title, callback, placeholder, defaultValue);
+        return Prompt.call(this.dlg({ closeOnClickOverlay: true }), msg, title, callback, placeholder, defaultValue);
     }
     alert(msg, title, callback, className) {
         msg = processTitle(msg, this);
         title = processTitle(title, this);
-        return Alert.call(this.dlg(), msg, title, callback, className);
+        return Alert.call(this.dlg({ closeOnClickOverlay: true }), msg, title, callback, className);
     }
 }
 function processTitle(title, self) {

package/esm/modules/dialog/alert.js

@@ -27,7 +27,9 @@ export function Alert(msg, title, callback, className = 'jodit-dialog_alert') {
         callback = title;
         title = undefined;
     }
-    const dialog = this instanceof Dialog ? this : new Dialog(), container = dialog.c.div(className), okButton = Button(dialog, 'ok', 'Ok');
+    const dialog = this instanceof Dialog
+        ? this
+        : new Dialog({ closeOnClickOverlay: true }), container = dialog.c.div(className), okButton = Button(dialog, 'ok', 'Ok');
     asArray(msg).forEach(oneMessage => {
         container.appendChild(Dom.isNode(oneMessage) ? oneMessage : dialog.c.fromHTML(oneMessage));
     });

package/esm/modules/dialog/confirm.js

@@ -21,7 +21,9 @@ import { Button } from "jodit/esm/core/ui/button/button/button.js";
  * ```
  */
 export function Confirm(msg, title, callback) {
-    const dialog = this instanceof Dialog ? this : new Dialog(), $div = dialog.c.fromHTML('<form class="jodit-dialog_prompt"></form>'), $label = dialog.c.element('label');
+    const dialog = this instanceof Dialog
+        ? this
+        : new Dialog({ closeOnClickOverlay: true }), $div = dialog.c.fromHTML('<form class="jodit-dialog_prompt"></form>'), $label = dialog.c.element('label');
     if (isFunction(title)) {
         callback = title;
         title = undefined;

package/esm/modules/dialog/dialog.d.ts

@@ -178,4 +178,5 @@ export declare class Dialog extends ViewWithToolbar implements IDialog {
      * It destroys all objects created for the windows and also includes all the handlers for the window object
      */
     destruct(): void;
+    static defaultOptions: IDialogOptions;
 }

package/esm/modules/dialog/dialog.js

@@ -13,6 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var Dialog_1;
 /**
  * @module modules/dialog
  */
@@ -56,7 +57,7 @@ Config.prototype.controls.dialog = {
 /**
  * Module to generate dialog windows
  */
-let Dialog = class Dialog extends ViewWithToolbar {
+let Dialog = Dialog_1 = class Dialog extends ViewWithToolbar {
     /** @override */
     className() {
         return 'Dialog';
@@ -155,6 +156,9 @@ let Dialog = class Dialog extends ViewWithToolbar {
         }
     }
     onEsc(e) {
+        if (!this.o.closeOnEsc) {
+            return;
+        }
         if (this.isOpened &&
             e.key === KEY_ESC &&
             this.getMod('static') !== true) {
@@ -489,7 +493,7 @@ let Dialog = class Dialog extends ViewWithToolbar {
          */
         this.isOpened = false;
         const self = this;
-        self.options = ConfigProto(options, ConfigProto(Config.prototype.dialog, View.defaultOptions));
+        self.options = ConfigProto(options, ConfigProto(Config.prototype.dialog, Dialog_1.defaultOptions));
         Dom.safeRemove(self.container);
         const n = this.getFullElName.bind(this);
         self.container = this.c.fromHTML(`<div class="jodit jodit-dialog ${this.componentName}">
@@ -545,6 +549,11 @@ let Dialog = class Dialog extends ViewWithToolbar {
             .on(self.container, 'close_dialog', self.close)
             .on(this.ow, 'keydown', this.onEsc)
             .on(this.ow, 'resize', this.onResize);
+        if (this.o.closeOnClickOverlay) {
+            const overlay = self.getElm('overlay');
+            assert(overlay != null, 'Overlay element does not exist');
+            this.e.on(overlay, 'click', self.close);
+        }
     }
     /**
      * Build toolbar after ready
@@ -598,7 +607,12 @@ __decorate([
 __decorate([
     hook('ready')
 ], Dialog.prototype, "buildToolbar", null);
-Dialog = __decorate([
+Dialog = Dialog_1 = __decorate([
     component
 ], Dialog);
 export { Dialog };
+Dialog.defaultOptions = {
+    ...View.defaultOptions,
+    closeOnClickOverlay: false,
+    closeOnEsc: true
+};

package/esm/modules/dialog/prompt.d.ts

@@ -10,6 +10,7 @@ import type { IDialog } from "jodit/esm/types";
 /**
  * Show `Prompt` dialog. Work without Jodit object
  *
+ * @param msg - Dialog content
  * @param title - Title or callback
  * @param callback - callback. The first argument is the value entered
  * @param placeholder - Placeholder for input

package/esm/modules/dialog/prompt.js

@@ -10,6 +10,7 @@ import { Dialog } from "./dialog";
 /**
  * Show `Prompt` dialog. Work without Jodit object
  *
+ * @param msg - Dialog content
  * @param title - Title or callback
  * @param callback - callback. The first argument is the value entered
  * @param placeholder - Placeholder for input
@@ -25,7 +26,9 @@ import { Dialog } from "./dialog";
  * ```
  */
 export function Prompt(msg, title, callback, placeholder, defaultValue) {
-    const dialog = this instanceof Dialog ? this : new Dialog(), cancelButton = Button(dialog, 'cancel', 'Cancel'), okButton = Button(dialog, 'ok', 'Ok'), form = dialog.c.element('form', {
+    const dialog = this instanceof Dialog
+        ? this
+        : new Dialog({ closeOnClickOverlay: true }), cancelButton = Button(dialog, 'cancel', 'Cancel'), okButton = Button(dialog, 'ok', 'Ok'), form = dialog.c.element('form', {
         class: 'jodit-dialog_prompt'
     }), inputElement = dialog.c.element('input', {
         autofocus: true,

package/esm/plugins/about/about.js

@@ -17,7 +17,7 @@ import { HOMEPAGE } from "jodit/esm/core/constants.js";
 import aboutIcon from "./about.svg";
 Config.prototype.controls.about = {
     exec: (editor) => {
-        const dialog = editor.dlg(), i = editor.i18n.bind(editor);
+        const dialog = editor.dlg({ closeOnClickOverlay: true }), i = editor.i18n.bind(editor);
         dialog
             .setMod('theme', editor.o.theme)
             .setHeader(i('About Jodit'))

package/esm/types/dialog.d.ts

@@ -15,6 +15,8 @@ export interface IDialogOptions extends IViewOptions {
     maxWidth?: string | number;
     minWidth?: string | number;
     minHeight?: string | number;
+    closeOnClickOverlay?: boolean;
+    closeOnEsc?: boolean;
 }
 export type ContentItem = string | HTMLElement | IContainer;
 export type Content = ContentItem | ContentItem[] | Array<ContentItem | ContentItem[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.0.0-beta.88",
+	"version": "4.0.0-beta.90",
 	"description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/modules/dialog/dialog.d.ts

@@ -178,4 +178,5 @@ export declare class Dialog extends ViewWithToolbar implements IDialog {
      * It destroys all objects created for the windows and also includes all the handlers for the window object
      */
     destruct(): void;
+    static defaultOptions: IDialogOptions;
 }

package/types/modules/dialog/prompt.d.ts

@@ -10,6 +10,7 @@ import type { IDialog } from "jodit/esm/types";
 /**
  * Show `Prompt` dialog. Work without Jodit object
  *
+ * @param msg - Dialog content
  * @param title - Title or callback
  * @param callback - callback. The first argument is the value entered
  * @param placeholder - Placeholder for input

package/types/types/dialog.d.ts

@@ -15,6 +15,8 @@ export interface IDialogOptions extends IViewOptions {
     maxWidth?: string | number;
     minWidth?: string | number;
     minHeight?: string | number;
+    closeOnClickOverlay?: boolean;
+    closeOnEsc?: boolean;
 }
 export type ContentItem = string | HTMLElement | IContainer;
 export type Content = ContentItem | ContentItem[] | Array<ContentItem | ContentItem[]>;