jodit-pro 1.3.39 → 2.0.0-beta.10

package/es2021/plugins/iframe-editor/iframe-editor.js

@@ -0,0 +1,308 @@
+/*!
+ * 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([[382],{
+
+/***/ 11192:
+/***/ (function(module) {
+
+module.exports = "<svg viewBox=\"0 0 32 32\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"> <rect fill=\"none\" height=\"32\" width=\"32\"/> <path d=\"M28,14H18v2h10V14z M28,18H18v2h10V18z M24,22h-6v2h6V22z M14,14H4v10h10V14z M0,6v26h32V6H0z M30,30H2l0.08-20H30V30z\"/> </svg>"
+
+/***/ }),
+
+/***/ 8633:
+/***/ (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_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8138);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__ = __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/
+ */
+
+
+
+jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.controls.iframeEditor = {
+    icon: __webpack_require__(11192),
+    tooltip: 'Iframe Editor',
+    exec: (editor, iframe) => {
+        if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.isTag */ .i.isTag(iframe, 'jodit') &&
+            jodit_core_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.isTag */ .i.isTag(iframe.firstElementChild, 'iframe')) {
+            iframe = iframe.firstElementChild;
+        }
+        editor.e.fire('toggleIframeEditor', jodit_core_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom.isTag */ .i.isTag(iframe, 'iframe') ? iframe : null);
+    }
+};
+// @ts-ignore
+if ((0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_2__.isArray)(jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.iframe)) {
+    // @ts-ignore
+    jodit_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.popup.iframe.push('iframeEditor');
+}
+
+
+/***/ }),
+
+/***/ 54521:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "IframeEditor": function() { return /* binding */ IframeEditor; }
+/* 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 jodit_modules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8079);
+/* harmony import */ var _ui_iframe_editor_iframe_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1161);
+/* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50526);
+/* harmony import */ var jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8138);
+/* harmony import */ var _JoditPro__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88292);
+/* harmony import */ var jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(29788);
+/* harmony import */ var jodit_core_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95582);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8633);
+/*!
+ * 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 IframeEditor extends jodit_core_plugin__WEBPACK_IMPORTED_MODULE_0__/* .Plugin */ .S {
+    constructor() {
+        super(...arguments);
+        /** @override */
+        this.buttons = [
+            {
+                group: 'form',
+                name: 'iframeEditor'
+            }
+        ];
+    }
+    afterInit(jodit) {
+        jodit.e.on('toggleIframeEditor', this.toggleEditor);
+        // 	.on('isButtonGeneratorOpened', () => this.__dialog?.isOpened);
+    }
+    toggleEditor(target) {
+        if (!this.__dialog) {
+            this.__dialog = new jodit_modules__WEBPACK_IMPORTED_MODULE_1__.Dialog({
+                language: this.j.o.language,
+                theme: this.j.o.theme
+            });
+            this.__dialog.setHeader('Iframe Properties').setSize(470, 400);
+        }
+        if (target && !jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.isTag */ .i.isTag(target, 'iframe')) {
+            target = undefined;
+        }
+        const ui = new _ui_iframe_editor_iframe_editor__WEBPACK_IMPORTED_MODULE_2__/* .UIIframeEditor */ .w(this.__dialog, {
+            src: target?.src ?? '',
+            name: target?.name ?? '',
+            title: target?.title ?? '',
+            frameBorder: target?.frameBorder === '1' || target?.frameBorder === 'yes',
+            width: target?.offsetWidth ?? 700,
+            height: target?.offsetHeight ?? 400
+        });
+        this.__dialog.setContent(ui);
+        const dlg = this.__dialog;
+        if (dlg.isOpened) {
+            dlg.close();
+        }
+        else {
+            dlg.setFooter([
+                (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_6__/* .Button */ .zx)(dlg, 'cancel', 'Cancel', 'default').onAction(() => dlg.close()),
+                (0,jodit_core_ui_button__WEBPACK_IMPORTED_MODULE_6__/* .Button */ .zx)(dlg, 'ok', target ? 'Update' : 'Insert', 'primary').onAction(() => {
+                    if (!ui.srcField.value) {
+                        ui.srcField.validate();
+                        ui.srcField.focus();
+                        return;
+                    }
+                    if (!target) {
+                        target = this.j.createInside.element('iframe');
+                        this.j.s.insertNode(target, true, false);
+                    }
+                    target.className = ui.state.className || '';
+                    (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_7__.attr)(target, {
+                        src: ui.state.src,
+                        title: ui.state.title,
+                        name: ui.state.name,
+                        frameborder: ui.state.frameBorder ? '1' : '0',
+                        width: ui.state.width,
+                        height: ui.state.height
+                    });
+                    if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.isTag */ .i.isTag(target.parentElement, 'jodit')) {
+                        (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_7__.css)(target.parentElement, {
+                            width: ui.state.width,
+                            height: ui.state.height
+                        });
+                    }
+                    this.jodit.e.fire('synchro');
+                    dlg.close();
+                })
+            ]).open();
+            this.jodit.async.requestIdleCallback(() => {
+                ui.srcField.focus();
+            });
+        }
+    }
+    /**
+     * DBLClick handler
+     */
+    onDblClick(e) {
+        if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__/* .Dom.isTag */ .i.isTag(e.target, 'iframe')) {
+            this.toggleEditor(e.target);
+        }
+    }
+    beforeDestruct(jodit) {
+        this.__dialog?.destruct();
+    }
+}
+/** @override */
+IframeEditor.requires = ['license', 'color-picker'];
+(0,tslib__WEBPACK_IMPORTED_MODULE_9__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__.autobind
+], IframeEditor.prototype, "toggleEditor", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_9__/* .__decorate */ .gn)([
+    (0,jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__.watch)(':dblclick')
+], IframeEditor.prototype, "onDblClick", null);
+_JoditPro__WEBPACK_IMPORTED_MODULE_5__/* .JoditPro.plugins.add */ .y.plugins.add('iframe-editor', IframeEditor);
+
+
+/***/ }),
+
+/***/ 1161:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "w": function() { return /* binding */ UIIframeEditor; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __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);
+/*!
+ * 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 UIIframeEditor = class UIIframeEditor extends jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIGroup */ .qe {
+    className() {
+        return 'UIIframeEditor';
+    }
+    constructor(jodit, opt) {
+        super(jodit);
+        this.state = {
+            src: '',
+            className: '',
+            width: 400,
+            height: 200,
+            frameBorder: false,
+            enableScrollbars: false,
+            name: '',
+            title: ''
+        };
+        Object.assign(this.state, opt);
+        this.srcField = new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3(jodit, {
+            label: 'URL',
+            type: 'url',
+            required: true,
+            value: this.state.src,
+            onChange: (src) => {
+                this.state.src = src;
+            }
+        });
+        this.append([
+            this.srcField,
+            new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIBlock */ .eC(jodit, [
+                new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3(jodit, {
+                    label: 'Width',
+                    type: 'number',
+                    value: this.state.width,
+                    onChange: (v) => {
+                        this.state.width = parseInt(v, 10) || 0;
+                    }
+                }),
+                new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3(jodit, {
+                    label: 'Height',
+                    type: 'number',
+                    value: this.state.height,
+                    onChange: (v) => {
+                        this.state.height = parseInt(v, 10) || 0;
+                    }
+                })
+            ], {
+                // @ts-ignore
+                className: this.getFullElName('block'),
+                align: 'center'
+            }),
+            new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIBlock */ .eC(jodit, [
+                new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UICheckbox */ .mA(jodit, {
+                    label: 'Show frame border',
+                    checked: Boolean(opt.frameBorder),
+                    onChange: (value) => {
+                        this.state.frameBorder = value === 'true';
+                    }
+                })
+            ]),
+            new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3(jodit, {
+                label: 'Name',
+                value: this.state.name,
+                type: 'text',
+                onChange: (v) => {
+                    this.state.name = v;
+                }
+            }),
+            new jodit_core_ui__WEBPACK_IMPORTED_MODULE_0__/* .UIInput */ .u3(jodit, {
+                label: 'Title',
+                value: this.state.title,
+                type: 'text',
+                onChange: (v) => {
+                    this.state.title = v;
+                }
+            })
+        ]);
+    }
+};
+UIIframeEditor = (0,tslib__WEBPACK_IMPORTED_MODULE_2__/* .__decorate */ .gn)([
+    jodit_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
+], UIIframeEditor);
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(54521));
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});

package/es2021/plugins/iframe-editor/iframe-editor.min.css

@@ -0,0 +1 @@
+.jodit-ui-iframe-editor{padding:var(--jd-padding-default)}.jodit-ui-iframe-editor__block{align-items:flex-start;justify-content:space-between}

package/es2021/plugins/iframe-editor/iframe-editor.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
+ */
+
+
+((e,t)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var i=t();for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[382],{11192(e){e.exports='<svg viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <rect fill="none" height="32" width="32"/> <path d="M28,14H18v2h10V14z M28,18H18v2h10V18z M24,22h-6v2h6V22z M14,14H4v10h10V14z M0,6v26h32V6H0z M30,30H2l0.08-20H30V30z"/> </svg>'},8633(e,t,i){"use strict";var s=i(77628),r=i(8138),a=i(95582);s.Config.prototype.controls.iframeEditor={icon:i(11192),tooltip:"Iframe Editor",exec(e,t){r.i.isTag(t,"jodit")&&r.i.isTag(t.firstElementChild,"iframe")&&(t=t.firstElementChild),e.e.fire("toggleIframeEditor",r.i.isTag(t,"iframe")?t:null)}},(0,a.isArray)(s.Config.prototype.popup.iframe)&&s.Config.prototype.popup.iframe.push("iframeEditor")},54521(e,t,i){"use strict";i.r(t),i.d(t,{IframeEditor(){return g}});var s=i(97582),r=i(7324),a=i(8079),o=i(1161),l=i(50526),n=i(8138),h=i(88292),d=i(29788),c=i(95582);i(8633);class g extends r.S{constructor(){super(...arguments),this.buttons=[{group:"form",name:"iframeEditor"}]}afterInit(e){e.e.on("toggleIframeEditor",this.toggleEditor)}toggleEditor(e){this.__dialog||(this.__dialog=new a.Dialog({language:this.j.o.language,theme:this.j.o.theme}),this.__dialog.setHeader("Iframe Properties").setSize(470,400)),e&&!n.i.isTag(e,"iframe")&&(e=void 0);const t=new o.w(this.__dialog,{src:e?.src??"",name:e?.name??"",title:e?.title??"",frameBorder:"1"===e?.frameBorder||"yes"===e?.frameBorder,width:e?.offsetWidth??700,height:e?.offsetHeight??400});this.__dialog.setContent(t);const i=this.__dialog;i.isOpened?i.close():(i.setFooter([(0,d.zx)(i,"cancel","Cancel","default").onAction((()=>i.close())),(0,d.zx)(i,"ok",e?"Update":"Insert","primary").onAction((()=>{if(!t.srcField.value)return t.srcField.validate(),void t.srcField.focus();e||(e=this.j.createInside.element("iframe"),this.j.s.insertNode(e,!0,!1)),e.className=t.state.className||"",(0,c.attr)(e,{src:t.state.src,title:t.state.title,name:t.state.name,frameborder:t.state.frameBorder?"1":"0",width:t.state.width,height:t.state.height}),n.i.isTag(e.parentElement,"jodit")&&(0,c.css)(e.parentElement,{width:t.state.width,height:t.state.height}),this.jodit.e.fire("synchro"),i.close()}))]).open(),this.jodit.async.requestIdleCallback((()=>{t.srcField.focus()})))}onDblClick(e){n.i.isTag(e.target,"iframe")&&this.toggleEditor(e.target)}beforeDestruct(e){this.__dialog?.destruct()}}g.requires=["license","color-picker"],(0,s.gn)([l.autobind],g.prototype,"toggleEditor",null),(0,s.gn)([(0,l.watch)(":dblclick")],g.prototype,"onDblClick",null),h.y.plugins.add("iframe-editor",g)},1161(e,t,i){"use strict";i.d(t,{w(){return o}});var s=i(97582),r=i(75004),a=i(50526);let o=class e extends r.qe{className(){return"UIIframeEditor"}constructor(e,t){super(e),this.state={src:"",className:"",width:400,height:200,frameBorder:!1,enableScrollbars:!1,name:"",title:""},Object.assign(this.state,t),this.srcField=new r.u3(e,{label:"URL",type:"url",required:!0,value:this.state.src,onChange:e=>{this.state.src=e}}),this.append([this.srcField,new r.eC(e,[new r.u3(e,{label:"Width",type:"number",value:this.state.width,onChange:e=>{this.state.width=parseInt(e,10)||0}}),new r.u3(e,{label:"Height",type:"number",value:this.state.height,onChange:e=>{this.state.height=parseInt(e,10)||0}})],{className:this.getFullElName("block"),align:"center"}),new r.eC(e,[new r.mA(e,{label:"Show frame border",checked:!!t.frameBorder,onChange:e=>{this.state.frameBorder="true"===e}})]),new r.u3(e,{label:"Name",value:this.state.name,type:"text",onChange:e=>{this.state.name=e}}),new r.u3(e,{label:"Title",value:this.state.title,type:"text",onChange:e=>{this.state.title=e}})])}};o=(0,s.gn)([a.component],o)}},e=>e(e.s=54521)])}));

package/es2021/plugins/keyboard/keyboard.css

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