jodit 4.1.14 → 4.2.5

package/esm/plugins/select/select.js

@@ -64,7 +64,7 @@ export class select extends Plugin {
         }
     }
     /**
-     * @event outsideClick(e) - when user clicked in the outside of editor
+     * @event outsideClick(e) - when user clicked on the outside of editor
      */
     onOutsideClick(e) {
         const node = e.target;
@@ -76,7 +76,7 @@ export class select extends Plugin {
             this.j.e.fire('outsideClick', e);
         }
     }
-    beforeCommandCut(command) {
+    beforeCommandCut() {
         const { s } = this.j;
         if (!s.isCollapsed()) {
             const current = s.current();
@@ -85,13 +85,27 @@ export class select extends Plugin {
             }
         }
     }
-    beforeCommandSelectall(command) {
+    beforeCommandSelectAll() {
         const { s } = this.j;
         s.focus();
         s.select(this.j.editor, true);
         s.expandSelection();
         return false;
     }
+    /**
+     * Normalize selection after triple click
+     */
+    onTripleClickNormalizeSelection(e) {
+        if (e.detail !== 3 || !this.j.o.select.normalizeTripleClick) {
+            return;
+        }
+        const { s } = this.j;
+        const { startContainer, startOffset } = s.range;
+        if (startOffset === 0 && Dom.isText(startContainer)) {
+            s.select(Dom.closest(startContainer, Dom.isBlock, this.j.editor) ||
+                startContainer, true);
+        }
+    }
     onCopyNormalizeSelectionBound(e) {
         const { s, editor, o } = this.j;
         if (!o.select.normalizeSelectionBeforeCutAndCopy || s.isCollapsed()) {
@@ -117,7 +131,10 @@ __decorate([
 ], select.prototype, "beforeCommandCut", null);
 __decorate([
     watch([':beforeCommandSelectall'])
-], select.prototype, "beforeCommandSelectall", null);
+], select.prototype, "beforeCommandSelectAll", null);
+__decorate([
+    watch([':click'])
+], select.prototype, "onTripleClickNormalizeSelection", null);
 __decorate([
     watch([':copy', ':cut'])
 ], select.prototype, "onCopyNormalizeSelectionBound", null);

package/esm/types/ui.d.ts

@@ -30,7 +30,7 @@ export interface IUIIconState {
     iconURL: string;
     fill: string;
 }
-export type ButtonVariant = 'initial' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
+export type ButtonVariant = 'initial' | 'outline' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
 export interface IUIButtonState {
     size: 'tiny' | 'xsmall' | 'small' | 'middle' | 'large';
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.1.14",
+	"version": "4.2.5",
 	"description": "Jodit is an awesome and useful wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/core/decorators/cache/cache.d.ts

@@ -8,9 +8,10 @@
  * @packageDocumentation
  * @module decorators/cache
  */
-import type { IDictionary } from "jodit/esm/types";
+import type { IDictionary, Nullable } from "jodit/esm/types";
 export interface CachePropertyDescriptor<T, R> extends PropertyDescriptor {
     get?: (this: T) => R;
 }
+export declare function cached<T>(object: object, property: string): Nullable<T>;
 export declare function cache<T, R>(_: object, name: PropertyKey, descriptor: CachePropertyDescriptor<T, R>): void;
 export declare function cacheHTML<T extends Function, R>(target: IDictionary, _: string, descriptor: CachePropertyDescriptor<T, R>): void;

package/types/core/helpers/utils/selector.d.ts

@@ -31,7 +31,9 @@ export declare const getXPathByElement: (element: HTMLElement, root: HTMLElement
 /**
  * Find all `ref` or `data-ref` elements inside HTMLElement
  */
-export declare const refs: <T extends HTMLElement>(root: HTMLElement) => IDictionary<T>;
+export declare const refs: <T extends HTMLElement>(root: HTMLElement | {
+    container: HTMLElement;
+}) => IDictionary<T>;
 /**
  * Calculate full CSS selector
  */

package/types/modules/toolbar/button/button.d.ts

@@ -22,7 +22,7 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
         hasTrigger: boolean;
         size: "small" | "tiny" | "xsmall" | "middle" | "large";
         name: string;
-        value: string | number | boolean; /** @override */
+        value: string | number | boolean;
         variant: import("jodit/esm/types").ButtonVariant;
         type: "button" | "submit";
         disabled: boolean;

package/types/modules/widget/tabs/tabs.d.ts

@@ -8,13 +8,13 @@
  * @packageDocumentation
  * @module modules/widget/tabs
  */
-import type { IJodit } from "jodit/esm/types";
+import type { IViewBased } from "jodit/esm/types";
 import { UIElement } from "jodit/esm/core/ui";
 
 export interface TabOption {
     icon?: string;
     name: string;
-    content: HTMLElement | ((this: IJodit) => void) | UIElement;
+    content: HTMLElement | ((this: IViewBased) => void) | UIElement;
 }
 /**
  * Build tabs system
@@ -44,6 +44,6 @@ export interface TabOption {
  * ]);
  * ```
  */
-export declare const TabsWidget: (jodit: IJodit, tabs: TabOption[], state?: {
-    __activeTab: string;
+export declare const TabsWidget: (jodit: IViewBased, tabs: TabOption[], state?: {
+    activeTab: string;
 }) => HTMLDivElement;

package/types/plugins/ai-assistant/ai-assistant.d.ts

@@ -21,7 +21,7 @@ export declare class aiAssistant extends Plugin {
     private get __container();
     constructor(jodit: IJodit);
     /** @override */
-    afterInit(jodit: IJodit): void;
+    afterInit(): void;
     protected onGenerateAiAssistantForm(prompt: string): void;
     protected onInvokeAiAssistant(prompt: string): void;
     /** @override */

package/types/plugins/image-properties/config.d.ts

@@ -3,90 +3,12 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module plugins/image-properties
+ */
+import type { ImagePropertiesOptions } from "./interface";
 declare module 'jodit/config' {
     interface Config {
-        image: {
-            dialogWidth: number;
-            /**
-             * Open editing dialog after double click on image
-             */
-            openOnDblClick: boolean;
-            /**
-             * Show edit 'src' input
-             */
-            editSrc: boolean;
-            /**
-             * Show crop/resize btn
-             */
-            useImageEditor: boolean;
-            /**
-             * Show edit 'title' input
-             */
-            editTitle: boolean;
-            /**
-             * Show edit 'alt' input
-             */
-            editAlt: boolean;
-            /**
-             * Show edit image link's options
-             */
-            editLink: boolean;
-            /**
-             * Show edit image size's inputs
-             */
-            editSize: boolean;
-            /**
-             * Show edit margin inputs
-             */
-            editMargins: boolean;
-            editBorderRadius: boolean;
-            /**
-             * Show edit classNames input
-             */
-            editClass: boolean;
-            /**
-             * Pre-define available classes to select from
-             *
-             * Classes can be provided as list of strings or as list of tuples
-             * `["classname", "human label"]`.
-             *
-             * @example
-             * ```javascript
-             * new Jodit('#editor', {
-             *    image: {
-             *        availableClasses: [
-             *            "rte-image-width-50",
-             *            ["rte-image-width-75", "75 % width"]
-             *        ]
-             *    }
-             * })
-             * ```
-             */
-            availableClasses: [
-                string,
-                string
-            ][] | string[];
-            /**
-             * Show style edit input
-             */
-            editStyle: boolean;
-            /**
-             * Show edit ID input
-             */
-            editId: boolean;
-            /**
-             * Show Alignment selector
-             */
-            editAlign: boolean;
-            /**
-             * Show preview image
-             */
-            showPreview: boolean;
-            /**
-             * Select image after close dialog
-             */
-            selectImageAfterClose: boolean;
-        };
+        image: ImagePropertiesOptions;
     }
 }
-export {};

package/types/plugins/image-properties/image-properties.d.ts

@@ -9,27 +9,34 @@
  * @module plugins/image-properties
  */
 import type { IJodit } from "jodit/esm/types";
-import { Plugin } from "jodit/esm/modules";
+import { Plugin } from "jodit/esm/core/plugin/plugin";
 import "./config";
-
+import type { ImagePropertiesState } from "./interface";
+/**
+ * Plug-in for image editing window
+ *
+ * @example
+ * ```javascript
+ * const editor = Jodit.make('#editor', {
+ *     image: {
+ *         editSrc: false,
+ *         editLink: false
+ *     }
+ * });
+ * ```
+ */
 /**
  * Show dialog with image's options
  */
 export declare class imageProperties extends Plugin {
-    protected state: {
-        image: HTMLImageElement;
-        ratio: number;
-        sizeIsLocked: boolean;
-        marginIsLocked: boolean;
-    };
+    protected state: ImagePropertiesState;
     private activeTabState;
-    protected onChangeMarginIsLocked(): void;
-    protected onChangeSizeIsLocked(): void;
-    private form;
+    private get form();
     /**
      * Dialog for form
      */
-    private dialog;
+    private get dialog();
+    private get __buttons();
     /**
      * Open dialog editing image properties
      *
@@ -45,28 +52,11 @@ export declare class imageProperties extends Plugin {
      * ```
      */
     protected open(): void | false;
-    /**
-     * Create form for edit image properties
-     */
-    private makeForm;
-    /**
-     * Set input values from image
-     */
-    private updateValues;
-    /**
-     * Apply form's values to image
-     */
-    private onApply;
-    /**
-     * Open image editor dialog
-     */
-    private openImageEditor;
-    /**
-     * Open popup with filebrowser/uploader buttons for image
-     */
-    private openImagePopup;
+    private __lock;
+    private __unlock;
     /** @override **/
     protected afterInit(editor: IJodit): void;
+    protected onStateValuesImageSrcChange(): Promise<void>;
     /** @override */
     protected beforeDestruct(editor: IJodit): void;
 }

package/types/plugins/image-properties/{templates/main-tab.d.ts → readers/align.d.ts}

@@ -3,8 +3,6 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-/**
- * @module plugins/image-properties
- */
-import type { IJodit } from "jodit/esm/types";
-export declare function mainTab(editor: IJodit): HTMLElement;
+import type { EditValues } from "../interface";
+/** @private */
+export declare function readAlign(image: HTMLImageElement, values: EditValues): void;

package/types/plugins/image-properties/readers/index.d.ts

@@ -0,0 +1,12 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/**
+ * Read values from image and set it to state
+ * @private
+ */
+export declare function readValuesFromImage(j: IJodit, state: ImagePropertiesState): Promise<void>;

package/types/plugins/image-properties/readers/link.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readLink(state: ImagePropertiesState, j: IJodit, values: EditValues): void;

package/types/plugins/image-properties/readers/margin.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readMargins(image: HTMLImageElement, values: EditValues, state: ImagePropertiesState): void;

package/types/plugins/image-properties/readers/size.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readSizes(image: HTMLImageElement, values: EditValues, state: ImagePropertiesState): Promise<void>;

package/types/plugins/image-properties/ui/ui-image-form.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IComponent, IContainer, IElms, IJodit, Nullable } from "jodit/esm/types";
+import { UIGroup } from "jodit/esm/core/ui/group/group";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+
+/** @private */
+export declare class UIImagePropertiesForm extends UIGroup<IJodit> {
+    private state;
+    private handlers;
+    className(): string;
+    appendChildToContainer(): void;
+    getElm<T extends IComponent & IContainer & IElms>(elementName: string): Nullable<HTMLElement>;
+    private __mainTab;
+    private __positionTab;
+    constructor(jodit: IJodit, state: ImagePropertiesState, activeTabState: {
+        activeTab: 'Image' | 'Advanced';
+    }, handlers: ImagePropertiesAPI);
+    protected render(): string;
+    protected onChangeSizeIsLocked(): void;
+    protected onLockSizeClick(): void;
+    protected onStateValuesSizeChange(): void;
+    protected onImageWidthChange(e: Event): void;
+    protected onStateValuesImageSrcChange(): void;
+    protected hideFieldByOptions(): void;
+}

package/types/plugins/image-properties/ui/ui-image-main-tab.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import { UIGroup } from "jodit/esm/core/ui/group/group";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+/** @private */
+export declare class UIImageMainTab extends UIGroup<IJodit> {
+    private state;
+    private handlers;
+    className(): string;
+    appendChildToContainer(): void;
+    constructor(view: IJodit, state: ImagePropertiesState, handlers: ImagePropertiesAPI);
+    protected render(): string;
+    protected onStateImageSrcChange(): Promise<void>;
+    protected onImageSrcChange(): void;
+    /**
+     * Open image editor
+     */
+    protected onEditImageClick(e: MouseEvent): void;
+    /**
+     * Open popup with filebrowser/uploader buttons for image
+     */
+    protected onChangeImageClick(e: MouseEvent): void;
+    protected onStateTitleChange(): void;
+    protected onTitleChange(): void;
+    protected onStateAltChange(): void;
+    protected onAltChange(): void;
+    protected onStateImageLinkChange(): void;
+    protected onImageLinkChange(): void;
+    protected onStateImageLinkOpenInNewTabChange(): void;
+    protected onImageLinkOpenInNewTabChange(): void;
+    protected hideFieldByOptions(): void;
+}

package/types/plugins/image-properties/ui/ui-image-position-tab.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import { UIElement } from "jodit/esm/core/ui/element";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+/** @private */
+export declare class UIImagePositionTab extends UIElement<IJodit> {
+    private state;
+    protected handlers: ImagePropertiesAPI;
+    className(): string;
+    constructor(jodit: IJodit, state: ImagePropertiesState, handlers: ImagePropertiesAPI);
+    protected render({ availableClasses }: {
+        availableClasses?: string[] | Array<[
+            string,
+            string
+        ]>;
+    }): string;
+    protected onStateAlignChange(): void;
+    protected onChangeAlign(): void;
+    protected onStateValuesBorderRadiusChange(): void;
+    protected onChangeBorderRadius(): void;
+    protected onStateValuesIdChange(): void;
+    protected onChangeId(): void;
+    protected onStateValuesStyleChange(): void;
+    protected onChangeStyle(): void;
+    protected onStateValuesClassesChange(): void;
+    protected onChangClasses(): void;
+    protected onLockMarginClick(e: MouseEvent): void;
+    protected onChangeMarginIsLocked(): void;
+    protected onStateValuesMarginChange(): void;
+    protected onChangeMargin(): void;
+    protected hideFieldByOptions(): void;
+}

package/types/plugins/image-properties/utils/open-image-editor.d.ts

@@ -0,0 +1,12 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/**
+ * Open image editor dialog
+ * @private
+ */
+export declare function openImageEditorDialog(j: IJodit, state: ImagePropertiesState): void;

package/types/plugins/image-properties/utils/open-image-popup.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IDialog, IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/** @private */
+export declare function openImagePopup(j: IJodit, dialog: IDialog, state: ImagePropertiesState, button: HTMLElement): void;

package/types/plugins/image-properties/utils/utils.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/** @private */
+export declare const normalSizeFromString: (value: string | number) => string | number;
+/** @private */
+export declare const normalSizeToString: (value: string | number) => string;

package/types/plugins/image-properties/writers/index.d.ts

@@ -0,0 +1,12 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { ImagePropertiesState } from "../interface";
+/**
+ * Apply form's values to image
+ * @private
+ */
+export declare function applyValuesToImage(j: IJodit, state: ImagePropertiesState, image: HTMLImageElement): void;

package/{esm/plugins/image-properties/templates/position-tab.d.ts → types/plugins/image-properties/writers/link.d.ts}

@@ -3,8 +3,6 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-/**
- * @module plugins/image-properties
- */
 import type { IJodit } from "jodit/esm/types";
-export declare function positionTab(editor: IJodit): HTMLElement;
+/** @private */
+export declare function applyLink(j: IJodit, image: HTMLImageElement, imageLink: string, imageLinkOpenInNewTab: boolean): void;

package/types/plugins/image-properties/writers/margin.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+/** @private */
+export declare function applyMargin(j: IJodit, marginTop: number | string, marginRight: number | string, marginBottom: number | string, marginLeft: number | string, image: HTMLImageElement, marginIsLocked: boolean): void;

package/types/plugins/image-properties/writers/size.d.ts

@@ -0,0 +1,7 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/** @private */
+export declare function applySize(image: HTMLImageElement, imageWidth: number | string, imageHeight: number | string, sizeIsLocked: boolean): void;

package/types/plugins/select/config.d.ts

@@ -15,6 +15,13 @@ declare module 'jodit/config' {
              * `<ul><li>|test|</li><li>|test</li></ul>` will be `<ul>|<li>test</li><li>|test</li></ul>`
              */
             normalizeSelectionBeforeCutAndCopy: boolean;
+            /**
+             * Normalize selection after triple click
+             * @example
+             *
+             * `<ul><li>|test</li><li>|pop</li></ul>` will be `<ul><li>|test|</li><li>pop</li</ul>|`
+             */
+            normalizeTripleClick: boolean;
         };
     }
 }

package/types/plugins/select/select.d.ts

@@ -28,10 +28,14 @@ export declare class select extends Plugin {
     protected beforeDestruct(jodit: IJodit): void;
     private onStartSelection;
     /**
-     * @event outsideClick(e) - when user clicked in the outside of editor
+     * @event outsideClick(e) - when user clicked on the outside of editor
      */
     protected onOutsideClick(e: MouseEvent): void;
-    protected beforeCommandCut(command: string): void | false;
-    protected beforeCommandSelectall(command: string): false;
+    protected beforeCommandCut(): void | false;
+    protected beforeCommandSelectAll(): false;
+    /**
+     * Normalize selection after triple click
+     */
+    protected onTripleClickNormalizeSelection(e: MouseEvent): void;
     protected onCopyNormalizeSelectionBound(e?: ClipboardEvent): void;
 }

package/types/types/ui.d.ts

@@ -30,7 +30,7 @@ export interface IUIIconState {
     iconURL: string;
     fill: string;
 }
-export type ButtonVariant = 'initial' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
+export type ButtonVariant = 'initial' | 'outline' | 'default' | 'primary' | 'secondary' | 'success' | 'danger';
 export interface IUIButtonState {
     size: 'tiny' | 'xsmall' | 'small' | 'middle' | 'large';
     name: string;

package/esm/plugins/image-properties/templates/form.js

@@ -1,26 +0,0 @@
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-import { Icon } from "jodit/esm/core/ui/icon.js";
-export function form(editor) {
-    const { showPreview, editSize } = editor.o.image, gi = Icon.get.bind(Icon);
-    return editor.c.fromHTML(`<form class="jodit-properties">
-		<div class="jodit-grid jodit-grid_xs-column">
-			<div class="jodit_col-lg-2-5 jodit_col-xs-5-5">
-				<div class="jodit-properties_view_box">
-					<div style="${!showPreview ? 'display:none' : ''}" class="jodit-properties_image_view">
-						<img data-ref="imageViewSrc" src="" alt=""/>
-					</div>
-					<div style="${!editSize ? 'display:none' : ''}" class="jodit-form__group jodit-properties_image_sizes">
-						<input data-ref="imageWidth" type="text" class="jodit-input"/>
-						<a data-ref="lockSize" class="jodit-properties__lock">${gi('lock')}</a>
-						<input data-ref="imageHeight" type="text" class="imageHeight jodit-input"/>
-					</div>
-				</div>
-			</div>
-			<div data-ref="tabsBox" class="jodit_col-lg-3-5 jodit_col-xs-5-5"></div>
-		</div>
-	</form>`);
-}