suneditor 2.44.12 → 2.45.0

package/src/plugins/modules/component.js

@@ -1,81 +1,81 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2017 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-(function (global, factory) {
-    if (typeof module === 'object' && typeof module.exports === 'object') {
-        module.exports = global.document ?
-            factory(global, true) :
-            function (w) {
-                if (!w.document) {
-                    throw new Error('SUNEDITOR_MODULES a window with a document');
-                }
-                return factory(w);
-            };
-    } else {
-        factory(global);
-    }
-}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
-    const component = {
-        name: 'component',
-        /**
-         * @description Create a container for the resizing component and insert the element.
-         * @param {Element} cover Cover element (FIGURE)
-         * @param {String} className Class name of container (fixed: se-component)
-         * @returns {Element} Created container element
-         */
-        set_container: function (cover, className) {
-            const container = this.util.createElement('DIV');
-            container.className = 'se-component ' + className;
-            container.appendChild(cover);
-    
-            return container;
-        },
-
-        /**
-         * @description Cover the target element with a FIGURE element.
-         * @param {Element} element Target element
-         */
-        set_cover: function (element) {
-            const cover = this.util.createElement('FIGURE');
-            cover.appendChild(element);
-    
-            return cover;
-        },
-
-        /**
-         * @description Return HTML string of caption(FIGCAPTION) element
-         * @returns {String}
-         */
-        create_caption: function () {
-            const caption = this.util.createElement('FIGCAPTION');
-            caption.innerHTML = '<div>' + this.lang.dialogBox.caption + '</div>';
-            return caption;
-        }
-    };
-
-    if (typeof noGlobal === typeof undefined) {
-        if (!window.SUNEDITOR_MODULES) {
-            Object.defineProperty(window, 'SUNEDITOR_MODULES', {
-                enumerable: true,
-                writable: false,
-                configurable: false,
-                value: {}
-            });
-        }
-
-        Object.defineProperty(window.SUNEDITOR_MODULES, 'component', {
-            enumerable: true,
-            writable: false,
-            configurable: false,
-            value: component
-        });
-    }
-
-    return component;
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2017 JiHong Lee.
+ * MIT license.
+ */
+'use strict';
+
+(function (global, factory) {
+    if (typeof module === 'object' && typeof module.exports === 'object') {
+        module.exports = global.document ?
+            factory(global, true) :
+            function (w) {
+                if (!w.document) {
+                    throw new Error('SUNEDITOR_MODULES a window with a document');
+                }
+                return factory(w);
+            };
+    } else {
+        factory(global);
+    }
+}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
+    const component = {
+        name: 'component',
+        /**
+         * @description Create a container for the resizing component and insert the element.
+         * @param {Element} cover Cover element (FIGURE)
+         * @param {String} className Class name of container (fixed: se-component)
+         * @returns {Element} Created container element
+         */
+        set_container: function (cover, className) {
+            const container = this.util.createElement('DIV');
+            container.className = 'se-component ' + className;
+            container.appendChild(cover);
+    
+            return container;
+        },
+
+        /**
+         * @description Cover the target element with a FIGURE element.
+         * @param {Element} element Target element
+         */
+        set_cover: function (element) {
+            const cover = this.util.createElement('FIGURE');
+            cover.appendChild(element);
+    
+            return cover;
+        },
+
+        /**
+         * @description Return HTML string of caption(FIGCAPTION) element
+         * @returns {String}
+         */
+        create_caption: function () {
+            const caption = this.util.createElement('FIGCAPTION');
+            caption.innerHTML = '<div>' + this.lang.dialogBox.caption + '</div>';
+            return caption;
+        }
+    };
+
+    if (typeof noGlobal === typeof undefined) {
+        if (!window.SUNEDITOR_MODULES) {
+            Object.defineProperty(window, 'SUNEDITOR_MODULES', {
+                enumerable: true,
+                writable: false,
+                configurable: false,
+                value: {}
+            });
+        }
+
+        Object.defineProperty(window.SUNEDITOR_MODULES, 'component', {
+            enumerable: true,
+            writable: false,
+            configurable: false,
+            value: component
+        });
+    }
+
+    return component;
 }));

package/src/plugins/modules/dialog.d.ts

@@ -1,28 +1,28 @@
-import { Module } from '../Module';
-
-/**
- * @description This is a required module of dialog plugin.
- */
-declare interface dialog extends Module {
-    /**
-     * @description Open a Dialog plugin
-     * @param kind Dialog plugin name
-     * @param update Whether it will open for update ('image' === this.currentControllerName)
-     * @example this.plugins.dialog.open.call(this, 'image', 'image' === this.currentControllerName);
-     */
-    open(kind: string, update: boolean): void;
-
-    /**
-     * @description Called after the submenu has been rendered
-     */
-    on?: () => void;
-
-    /**
-     * @description Close a Dialog plugin
-     * The plugin's "init" method is called.
-     * @example this.plugins.dialog.close.call(this);
-     */
-    close(): void;
-}
-
+import { Module } from '../Module';
+
+/**
+ * @description This is a required module of dialog plugin.
+ */
+declare interface dialog extends Module {
+    /**
+     * @description Open a Dialog plugin
+     * @param kind Dialog plugin name
+     * @param update Whether it will open for update ('image' === this.currentControllerName)
+     * @example this.plugins.dialog.open.call(this, 'image', 'image' === this.currentControllerName);
+     */
+    open(kind: string, update: boolean): void;
+
+    /**
+     * @description Called after the submenu has been rendered
+     */
+    on?: () => void;
+
+    /**
+     * @description Close a Dialog plugin
+     * The plugin's "init" method is called.
+     * @example this.plugins.dialog.close.call(this);
+     */
+    close(): void;
+}
+
 export default dialog;

package/src/plugins/modules/dialog.js

@@ -1,175 +1,175 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2017 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-(function (global, factory) {
-    if (typeof module === 'object' && typeof module.exports === 'object') {
-        module.exports = global.document ?
-            factory(global, true) :
-            function (w) {
-                if (!w.document) {
-                    throw new Error('SUNEDITOR_MODULES a window with a document');
-                }
-                return factory(w);
-            };
-    } else {
-        factory(global);
-    }
-}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
-    const dialog = {
-        name: 'dialog',
-        /**
-         * @description Constructor
-         * @param {Object} core Core object 
-         */
-        add: function (core) {
-            const context = core.context;
-            context.dialog = {
-                kind: '',
-                updateModal: false,
-                _closeSignal: false
-            };
-
-            /** dialog */
-            let dialog_div = core.util.createElement('DIV');
-            dialog_div.className = 'se-dialog sun-editor-common';
-
-            let dialog_back = core.util.createElement('DIV');
-            dialog_back.className = 'se-dialog-back';
-            dialog_back.style.display = 'none';
-
-            let dialog_area = core.util.createElement('DIV');
-            dialog_area.className = 'se-dialog-inner';
-            dialog_area.style.display = 'none';
-
-            dialog_div.appendChild(dialog_back);
-            dialog_div.appendChild(dialog_area);
-
-            context.dialog.modalArea = dialog_div;
-            context.dialog.back = dialog_back;
-            context.dialog.modal = dialog_area;
-
-            /** add event listeners */
-            context.dialog.modal.addEventListener('mousedown', this._onMouseDown_dialog.bind(core));
-            context.dialog.modal.addEventListener('click', this._onClick_dialog.bind(core));
-            
-            /** append html */
-            context.element.relative.appendChild(dialog_div);
-            
-            /** empty memory */
-            dialog_div = null, dialog_back = null, dialog_area = null;
-        },
-
-        /**
-         * @description Event to control the behavior of closing the dialog
-         * @param {MouseEvent} e Event object
-         * @private
-         */
-        _onMouseDown_dialog: function (e) {
-            if (/se-dialog-inner/.test(e.target.className)) {
-                this.context.dialog._closeSignal = true;
-            } else {
-                this.context.dialog._closeSignal = false;
-            }
-        },
-
-        /**
-         * @description Event to close the window when the outside area of the dialog or close button is click
-         * @param {MouseEvent} e Event object
-         * @private
-         */
-        _onClick_dialog: function (e) {
-            if (/close/.test(e.target.getAttribute('data-command')) || this.context.dialog._closeSignal) {
-                this.plugins.dialog.close.call(this);
-            }
-        },
-
-        /**
-         * @description Open a Dialog plugin
-         * @param {String} kind Dialog plugin name
-         * @param {Boolean} update Whether it will open for update ('image' === this.currentControllerName)
-         */
-        open: function (kind, update)  {
-            if (this.modalForm) return false;
-            if (this.plugins.dialog._bindClose) {
-                this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);
-                this.plugins.dialog._bindClose = null;
-            }
-
-            this.plugins.dialog._bindClose = function (e) {
-                if (!/27/.test(e.keyCode)) return;
-                this.plugins.dialog.close.call(this);
-            }.bind(this);
-            this._d.addEventListener('keydown', this.plugins.dialog._bindClose);
-
-            this.context.dialog.updateModal = update;
-
-            if (this.options.popupDisplay === 'full') {
-                this.context.dialog.modalArea.style.position = 'fixed';
-            } else {
-                this.context.dialog.modalArea.style.position = 'absolute';
-            }
-
-            this.context.dialog.kind = kind;
-            this.modalForm = this.context[kind].modal;
-            const focusElement = this.context[kind].focusElement;
-
-            if (typeof this.plugins[kind].on === 'function') this.plugins[kind].on.call(this, update);
-
-            this.context.dialog.modalArea.style.display = 'block';
-            this.context.dialog.back.style.display = 'block';
-            this.context.dialog.modal.style.display = 'block';
-            this.modalForm.style.display = 'block';
-
-            if (focusElement) focusElement.focus();
-        },
-
-        _bindClose: null,
-        
-        /**
-         * @description Close a Dialog plugin
-         * The plugin's "init" method is called.
-         */
-        close: function () {
-            if (this.plugins.dialog._bindClose) {
-                this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);
-                this.plugins.dialog._bindClose = null;
-            }
-
-            const kind = this.context.dialog.kind;
-            this.modalForm.style.display = 'none';
-            this.context.dialog.back.style.display = 'none';
-            this.context.dialog.modalArea.style.display = 'none';
-            this.context.dialog.updateModal = false;
-            if (typeof this.plugins[kind].init === 'function') this.plugins[kind].init.call(this);
-            this.context.dialog.kind = '';
-            this.modalForm = null;
-            this.focus();
-        }
-    };
-
-    if (typeof noGlobal === typeof undefined) {
-        if (!window.SUNEDITOR_MODULES) {
-            Object.defineProperty(window, 'SUNEDITOR_MODULES', {
-                enumerable: true,
-                writable: false,
-                configurable: false,
-                value: {}
-            });
-        }
-
-        Object.defineProperty(window.SUNEDITOR_MODULES, 'dialog', {
-            enumerable: true,
-            writable: false,
-            configurable: false,
-            value: dialog
-        });
-    }
-
-    return dialog;
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2017 JiHong Lee.
+ * MIT license.
+ */
+'use strict';
+
+(function (global, factory) {
+    if (typeof module === 'object' && typeof module.exports === 'object') {
+        module.exports = global.document ?
+            factory(global, true) :
+            function (w) {
+                if (!w.document) {
+                    throw new Error('SUNEDITOR_MODULES a window with a document');
+                }
+                return factory(w);
+            };
+    } else {
+        factory(global);
+    }
+}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
+    const dialog = {
+        name: 'dialog',
+        /**
+         * @description Constructor
+         * @param {Object} core Core object 
+         */
+        add: function (core) {
+            const context = core.context;
+            context.dialog = {
+                kind: '',
+                updateModal: false,
+                _closeSignal: false
+            };
+
+            /** dialog */
+            let dialog_div = core.util.createElement('DIV');
+            dialog_div.className = 'se-dialog sun-editor-common';
+
+            let dialog_back = core.util.createElement('DIV');
+            dialog_back.className = 'se-dialog-back';
+            dialog_back.style.display = 'none';
+
+            let dialog_area = core.util.createElement('DIV');
+            dialog_area.className = 'se-dialog-inner';
+            dialog_area.style.display = 'none';
+
+            dialog_div.appendChild(dialog_back);
+            dialog_div.appendChild(dialog_area);
+
+            context.dialog.modalArea = dialog_div;
+            context.dialog.back = dialog_back;
+            context.dialog.modal = dialog_area;
+
+            /** add event listeners */
+            context.dialog.modal.addEventListener('mousedown', this._onMouseDown_dialog.bind(core));
+            context.dialog.modal.addEventListener('click', this._onClick_dialog.bind(core));
+            
+            /** append html */
+            context.element.relative.appendChild(dialog_div);
+            
+            /** empty memory */
+            dialog_div = null, dialog_back = null, dialog_area = null;
+        },
+
+        /**
+         * @description Event to control the behavior of closing the dialog
+         * @param {MouseEvent} e Event object
+         * @private
+         */
+        _onMouseDown_dialog: function (e) {
+            if (/se-dialog-inner/.test(e.target.className)) {
+                this.context.dialog._closeSignal = true;
+            } else {
+                this.context.dialog._closeSignal = false;
+            }
+        },
+
+        /**
+         * @description Event to close the window when the outside area of the dialog or close button is click
+         * @param {MouseEvent} e Event object
+         * @private
+         */
+        _onClick_dialog: function (e) {
+            if (/close/.test(e.target.getAttribute('data-command')) || this.context.dialog._closeSignal) {
+                this.plugins.dialog.close.call(this);
+            }
+        },
+
+        /**
+         * @description Open a Dialog plugin
+         * @param {String} kind Dialog plugin name
+         * @param {Boolean} update Whether it will open for update ('image' === this.currentControllerName)
+         */
+        open: function (kind, update)  {
+            if (this.modalForm) return false;
+            if (this.plugins.dialog._bindClose) {
+                this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);
+                this.plugins.dialog._bindClose = null;
+            }
+
+            this.plugins.dialog._bindClose = function (e) {
+                if (!/27/.test(e.keyCode)) return;
+                this.plugins.dialog.close.call(this);
+            }.bind(this);
+            this._d.addEventListener('keydown', this.plugins.dialog._bindClose);
+
+            this.context.dialog.updateModal = update;
+
+            if (this.options.popupDisplay === 'full') {
+                this.context.dialog.modalArea.style.position = 'fixed';
+            } else {
+                this.context.dialog.modalArea.style.position = 'absolute';
+            }
+
+            this.context.dialog.kind = kind;
+            this.modalForm = this.context[kind].modal;
+            const focusElement = this.context[kind].focusElement;
+
+            if (typeof this.plugins[kind].on === 'function') this.plugins[kind].on.call(this, update);
+
+            this.context.dialog.modalArea.style.display = 'block';
+            this.context.dialog.back.style.display = 'block';
+            this.context.dialog.modal.style.display = 'block';
+            this.modalForm.style.display = 'block';
+
+            if (focusElement) focusElement.focus();
+        },
+
+        _bindClose: null,
+        
+        /**
+         * @description Close a Dialog plugin
+         * The plugin's "init" method is called.
+         */
+        close: function () {
+            if (this.plugins.dialog._bindClose) {
+                this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);
+                this.plugins.dialog._bindClose = null;
+            }
+
+            const kind = this.context.dialog.kind;
+            this.modalForm.style.display = 'none';
+            this.context.dialog.back.style.display = 'none';
+            this.context.dialog.modalArea.style.display = 'none';
+            this.context.dialog.updateModal = false;
+            if (typeof this.plugins[kind].init === 'function') this.plugins[kind].init.call(this);
+            this.context.dialog.kind = '';
+            this.modalForm = null;
+            this.focus();
+        }
+    };
+
+    if (typeof noGlobal === typeof undefined) {
+        if (!window.SUNEDITOR_MODULES) {
+            Object.defineProperty(window, 'SUNEDITOR_MODULES', {
+                enumerable: true,
+                writable: false,
+                configurable: false,
+                value: {}
+            });
+        }
+
+        Object.defineProperty(window.SUNEDITOR_MODULES, 'dialog', {
+            enumerable: true,
+            writable: false,
+            configurable: false,
+            value: dialog
+        });
+    }
+
+    return dialog;
 }));

package/src/plugins/modules/fileBrowser.d.ts

@@ -1,42 +1,42 @@
-import { Module } from '../Module';
-
-/**
- * @description This is a required module of fileBrowser plugin.
-    Require context properties when using fileBrowser module:
-    title(@Required): "File browser window title",
-    url(@Required): "File server url",
-    listClass(@Required): "Class name of list div",
-    itemTemplateHandler(@Required): "Function that defines the HTML of an file item",
-    selectorHandler(@Required): "Function that action when item click",
-    columnSize(@Option): "Number of "div.se-file-item-column" to be created (default: 4)"
-*/
-declare interface fileBrowser extends Module {
-    /**
-     * @description Open a file browser window
-     * @param pluginName Plugin name using the file browser
-     * @param selectorHandler When the function comes as an argument value, it substitutes "context.selectorHandler".
-     * @example this.plugins.fileBrowser.open.call(this, 'imageGallery', (selectorHandler || null));
-     */
-    open(kind: string, update: boolean): void;
-
-    /**
-     * @description Define the HTML of the item to be put in "div.se-file-item-column".
-     * @param item Item of the response data's array
-     */
-    drawItems: (item: object) => string;
-
-    /**
-     * @description Close a file browser window
-     * The plugin's "init" method is called.
-     * @example this.plugins.fileBrowser.close.call(this);
-     */
-    close(): void;
-
-    /**
-     * @description This method is called when the file browser window is closed.
-     * Initialize the properties.
-     */
-    init?: () => void;
-}
-
+import { Module } from '../Module';
+
+/**
+ * @description This is a required module of fileBrowser plugin.
+    Require context properties when using fileBrowser module:
+    title(@Required): "File browser window title",
+    url(@Required): "File server url",
+    listClass(@Required): "Class name of list div",
+    itemTemplateHandler(@Required): "Function that defines the HTML of an file item",
+    selectorHandler(@Required): "Function that action when item click",
+    columnSize(@Option): "Number of "div.se-file-item-column" to be created (default: 4)"
+*/
+declare interface fileBrowser extends Module {
+    /**
+     * @description Open a file browser window
+     * @param pluginName Plugin name using the file browser
+     * @param selectorHandler When the function comes as an argument value, it substitutes "context.selectorHandler".
+     * @example this.plugins.fileBrowser.open.call(this, 'imageGallery', (selectorHandler || null));
+     */
+    open(kind: string, update: boolean): void;
+
+    /**
+     * @description Define the HTML of the item to be put in "div.se-file-item-column".
+     * @param item Item of the response data's array
+     */
+    drawItems: (item: object) => string;
+
+    /**
+     * @description Close a file browser window
+     * The plugin's "init" method is called.
+     * @example this.plugins.fileBrowser.close.call(this);
+     */
+    close(): void;
+
+    /**
+     * @description This method is called when the file browser window is closed.
+     * Initialize the properties.
+     */
+    init?: () => void;
+}
+
 export default fileBrowser;