jodit 3.6.16 → 3.7.2

package/src/core/ui/form/form.ts

@@ -13,13 +13,13 @@ import { component } from '../../decorators';
 @component
 export class UIForm extends UIGroup implements IUIForm {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UIForm';
 	}
 
-	container!: HTMLFormElement;
+	override container!: HTMLFormElement;
 
-	submit() {
+	submit(): void {
 		this.j.e.fire(this.container, 'submit');
 	}
 
@@ -47,7 +47,7 @@ export class UIForm extends UIGroup implements IUIForm {
 		return true;
 	}
 
-	onSubmit(handler: (data: IDictionary) => false | void) {
+	onSubmit(handler: (data: IDictionary) => false | void): void {
 		this.j.e.on(this.container, 'submit', (): false => {
 			const inputs = this.allChildren.filter(
 				elm => elm instanceof UIInput
@@ -69,7 +69,7 @@ export class UIForm extends UIGroup implements IUIForm {
 	}
 
 	/** @override */
-	protected createContainer(): HTMLElement {
+	protected override createContainer(): HTMLElement {
 		const form = this.j.c.element('form');
 		form.classList.add(this.componentName);
 		attr(form, 'dir', this.j.o.direction || 'auto');

package/src/core/ui/form/inputs/area/area.ts

@@ -12,14 +12,14 @@ import { component } from '../../../../decorators';
 @component
 export class UITextArea extends UIInput {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UITextArea';
 	}
 
-	nativeInput!: HTMLTextAreaElement;
+	override nativeInput!: HTMLTextAreaElement;
 
 	/** @override */
-	protected createContainer(options: this['state']): HTMLElement {
+	protected override createContainer(options: this['state']): HTMLElement {
 		this.nativeInput = this.j.create.element('textarea');
 		return super.createContainer(options);
 	}

package/src/core/ui/form/inputs/checkbox/checkbox.ts

@@ -13,12 +13,12 @@ import { component } from '../../../../decorators';
 @component
 export class UICheckbox extends UIInput {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UICheckbox';
 	}
 
 	/** @override */
-	protected render(options?: IDictionary): HTMLElement {
+	protected override render(options?: IDictionary): HTMLElement {
 		return this.j.c.element('label', {
 			className: this.componentName
 		});

package/src/core/ui/form/inputs/file/file.ts

@@ -15,7 +15,7 @@ import { UIButton } from '../../../button';
 export class UIFileInput extends UIInput {
 	private button!: IUIButton;
 
-	state: UIInput['state'] & {
+	override state: UIInput['state'] & {
 		onlyImages: boolean;
 	} = {
 		...UIInput.defaultState,
@@ -24,11 +24,13 @@ export class UIFileInput extends UIInput {
 	};
 
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UIFileInput';
 	}
 
-	protected createContainer(options: Partial<this['state']>): HTMLElement {
+	protected override createContainer(
+		options: Partial<this['state']>
+	): HTMLElement {
 		this.button = new UIButton(this.j, {
 			icon: {
 				name: 'plus'
@@ -50,7 +52,7 @@ export class UIFileInput extends UIInput {
 		return container;
 	}
 
-	protected createNativeInput(
+	protected override createNativeInput(
 		options: Partial<this['state']>
 	): IUIInput['nativeInput'] {
 		return this.j.create.fromHTML(`<input

package/src/core/ui/form/inputs/input/input.ts

@@ -154,7 +154,7 @@ export class UIInput extends UIElement implements IUIInput {
 		return this.nativeInput.value;
 	}
 
-	set value(value) {
+	set value(value: string) {
 		if (this.value !== value) {
 			this.nativeInput.value = value;
 			this.onChangeValue();
@@ -165,7 +165,7 @@ export class UIInput extends UIElement implements IUIInput {
 	 * Call on every state value changed
 	 */
 	@watch('state.value')
-	protected onChangeStateValue() {
+	protected onChangeStateValue(): void {
 		this.value = this.state.value;
 	}
 
@@ -173,7 +173,7 @@ export class UIInput extends UIElement implements IUIInput {
 	 * Call on every native value changed
 	 */
 	@autobind
-	protected onChangeValue() {
+	protected onChangeValue(): void {
 		const { value } = this;
 
 		this.state.value = value;
@@ -190,7 +190,9 @@ export class UIInput extends UIElement implements IUIInput {
 	}
 
 	/** @override **/
-	protected createContainer(options: Partial<this['state']>): HTMLElement {
+	protected override createContainer(
+		options: Partial<this['state']>
+	): HTMLElement {
 		const container = super.createContainer();
 
 		this.wrapper = this.j.c.div(this.getFullElName('wrapper'));
@@ -252,7 +254,7 @@ export class UIInput extends UIElement implements IUIInput {
 		this.onChangeStateValue();
 	}
 
-	focus() {
+	focus(): void {
 		this.nativeInput.focus();
 	}
 

package/src/core/ui/form/inputs/select/select.ts

@@ -15,15 +15,15 @@ import { inputValidators, selectValidators } from '../../validators';
 @component
 export class UISelect extends UIInput implements IUISelect {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UISelect';
 	}
 
 	/** @override */
-	nativeInput!: IUISelect['nativeInput'];
+	override nativeInput!: IUISelect['nativeInput'];
 
 	/** @override */
-	static defaultState: IUISelect['state'] = {
+	static override defaultState: IUISelect['state'] = {
 		...UIInput.defaultState,
 		options: [],
 		size: 1,
@@ -31,10 +31,12 @@ export class UISelect extends UIInput implements IUISelect {
 	};
 
 	/** @override */
-	state: IUISelect['state'] = { ...UISelect.defaultState };
+	override state: IUISelect['state'] = { ...UISelect.defaultState };
 
 	/** @override **/
-	protected createContainer(state: Partial<IUISelect['state']>): HTMLElement {
+	protected override createContainer(
+		state: Partial<IUISelect['state']>
+	): HTMLElement {
 		const container = super.createContainer(state);
 
 		const { j } = this,
@@ -68,12 +70,12 @@ export class UISelect extends UIInput implements IUISelect {
 	}
 
 	/** @override **/
-	protected createNativeInput(): IUISelect['nativeInput'] {
+	protected override createNativeInput(): IUISelect['nativeInput'] {
 		return this.j.create.element('select');
 	}
 
 	/** @override **/
-	protected updateValidators() {
+	protected override updateValidators(): void {
 		super.updateValidators();
 
 		if (this.state.required) {

package/src/core/ui/list/group.ts

@@ -24,7 +24,7 @@ export class UIGroup<T extends IViewBased = IViewBased>
 	implements IUIGroup
 {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UIGroup';
 	}
 
@@ -66,7 +66,7 @@ export class UIGroup<T extends IViewBased = IViewBased>
 	 * Update all children
 	 */
 	@watch('buttonSize')
-	update(): void {
+	override update(): void {
 		this.elements.forEach(elm => elm.update());
 		this.setMod('size', this.buttonSize);
 	}
@@ -100,7 +100,7 @@ export class UIGroup<T extends IViewBased = IViewBased>
 	}
 
 	/** @override */
-	setMod(name: string, value: string | boolean | null): this {
+	override setMod(name: string, value: string | boolean | null): this {
 		if (this.syncMod) {
 			this.elements.forEach(elm => elm.setMod(name, value));
 		}
@@ -161,7 +161,7 @@ export class UIGroup<T extends IViewBased = IViewBased>
 	}
 
 	/** @override */
-	destruct(): any {
+	override destruct(): any {
 		this.clear();
 		return super.destruct();
 	}

package/src/core/ui/list/list.ts

@@ -32,11 +32,11 @@ export class UIList<T extends IViewBased = IViewBased>
 	implements IUIList
 {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'UIList';
 	}
 
-	jodit!: T;
+	override jodit!: T;
 
 	mode: IUIList['mode'] = 'horizontal';
 

package/src/core/ui/popup/popup.ts

@@ -54,7 +54,7 @@ export class Popup extends UIElement implements IPopup {
 	private childrenPopups: Set<IPopup> = new Set();
 
 	/** @override */
-	updateParentElement(target: IUIElement): this {
+	override updateParentElement(target: IUIElement): this {
 		if (target !== this && target instanceof Popup) {
 			this.childrenPopups.forEach(popup => {
 				if (!target.closest(popup) && popup.isOpened) {
@@ -379,7 +379,7 @@ export class Popup extends UIElement implements IPopup {
 	 * Set ZIndex
 	 * @param index
 	 */
-	setZIndex(index: number) {
+	setZIndex(index: number): void {
 		this.container.style.zIndex = index.toString();
 	}
 
@@ -389,7 +389,7 @@ export class Popup extends UIElement implements IPopup {
 	}
 
 	/** @override **/
-	destruct(): any {
+	override destruct(): any {
 		this.close();
 		return super.destruct();
 	}

package/src/core/ui/progress-bar/progress-bar.ts

@@ -12,12 +12,12 @@ import { UIElement } from '../element';
 
 export class ProgressBar extends UIElement implements IProgressBar {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'ProgressBar';
 	}
 
 	/** @override */
-	protected render(): string {
+	protected override render(): string {
 		return '<div><div></div></div>';
 	}
 
@@ -40,7 +40,7 @@ export class ProgressBar extends UIElement implements IProgressBar {
 		return this;
 	}
 
-	destruct(): any {
+	override destruct(): any {
 		this.hide();
 		return super.destruct();
 	}

package/src/core/view/view-with-toolbar.ts

@@ -151,17 +151,20 @@ export abstract class ViewWithToolbar extends View implements IViewWithToolbar {
 		}
 	}
 
+	override isJodit: boolean = false;
+
 	/** @override **/
 	protected constructor(
 		options?: Partial<IViewOptions>,
-		readonly isJodit: boolean = false
+		isJodit: boolean = false
 	) {
 		super(options, isJodit);
+		this.isJodit = isJodit;
 
 		this.e.on('beforeToolbarBuild', this.beforeToolbarBuild);
 	}
 
-	destruct(): void {
+	override destruct(): void {
 		if (this.isDestructed) {
 			return;
 		}

package/src/core/view/view.ts

@@ -331,7 +331,7 @@ export abstract class View extends Component implements IViewBased, Mods, Elms {
 	}
 
 	/** Add some element to box */
-	protected addDisclaimer(elm: HTMLElement) {
+	protected addDisclaimer(elm: HTMLElement): void {
 		this.container.appendChild(elm);
 	}
 
@@ -352,7 +352,7 @@ export abstract class View extends Component implements IViewBased, Mods, Elms {
 	}
 
 	/** @override */
-	destruct() {
+	override destruct(): void {
 		if (this.isDestructed) {
 			return;
 		}

package/src/jodit.ts

@@ -69,10 +69,31 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 		return 'Jodit';
 	}
 
+	/**
+	 * Return promise for ready actions
+	 * @example
+	 * ```js
+	 * const jodit = Jodit.make('#editor');
+	 * await jodit.waitForReady();
+	 * jodit.e.fire('someAsyncLoadedPluginEvent', (test) => {
+	 *   alert(test);
+	 * });
+	 * ```
+	 */
+	waitForReady(): Promise<IJodit> {
+		if (this.isReady) {
+			return Promise.resolve(this);
+		}
+
+		return this.async.promise(resolve => {
+			this.hookStatus('ready', () => resolve(this));
+		});
+	}
+
 	/**
 	 * Define if object is Jodit
 	 */
-	readonly isJodit: true = true;
+	override readonly isJodit: true = true;
 
 	/**
 	 * Plain text editor's value
@@ -105,7 +126,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 *
 	 * @return {number}
 	 */
-	get defaultTimeout(): number {
+	override get defaultTimeout(): number {
 		return this.options && this.o.observer
 			? this.o.observer.timeout
 			: Config.defaultOptions.observer.timeout;
@@ -132,7 +153,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * Default settings
 	 */
-	static get defaultOptions(): Config {
+	static override get defaultOptions(): Config {
 		return Config.defaultOptions;
 	}
 
@@ -165,7 +186,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 * Container for set/get value
 	 * @type {Storage}
 	 */
-	readonly storage!: IStorage;
+	override readonly storage!: IStorage;
 
 	readonly createInside: ICreate = new Create(
 		() => this.ed,
@@ -207,11 +228,11 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * Container for all staff
 	 */
-	get container(): HTMLDivElement {
+	override get container(): HTMLDivElement {
 		return this.currentPlace.container;
 	}
 
-	set container(container: HTMLDivElement) {
+	override set container(container: HTMLDivElement) {
 		this.setPlaceField('container', container);
 	}
 
@@ -279,11 +300,11 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * options All Jodit settings default + second arguments of constructor
 	 */
-	get options(): Config {
+	override get options(): Config {
 		return this.currentPlace.options as Config;
 	}
 
-	set options(opt: Config) {
+	override set options(opt: Config) {
 		this.setPlaceField('options', opt);
 	}
 
@@ -820,7 +841,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * Disable selecting
 	 */
-	lock(name = 'any'): boolean {
+	override lock(name = 'any'): boolean {
 		if (super.lock(name)) {
 			this.__selectionLocked = this.s.save();
 			this.s.clear();
@@ -835,7 +856,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * Enable selecting
 	 */
-	unlock(): boolean {
+	override unlock(): boolean {
 		if (super.unlock()) {
 			this.editor.classList.remove('jodit_disabled');
 
@@ -970,7 +991,8 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	 * ```
 	 */
 	toggleMode(): void {
-		let mode: number = this.getMode();
+		let mode = this.getMode();
+
 		if (
 			[
 				consts.MODE_SOURCE,
@@ -1062,14 +1084,14 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	}
 
 	/** @override **/
-	protected initOptions(options?: object): void {
+	protected override initOptions(options?: object): void {
 		this.options = <Config>(
 			ConfigProto(options || {}, Config.defaultOptions)
 		);
 	}
 
 	/** @override **/
-	protected initOwners(): void {
+	protected override initOwners(): void {
 		// in iframe it can be changed
 		this.editorWindow = this.o.ownerWindow;
 		this.ownerWindow = this.o.ownerWindow;
@@ -1305,7 +1327,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	}
 
 	/** @override */
-	protected addDisclaimer(elm: HTMLElement) {
+	protected override addDisclaimer(elm: HTMLElement): void {
 		this.workplace.appendChild(elm);
 	}
 
@@ -1515,7 +1537,7 @@ export class Jodit extends ViewWithToolbar implements IJodit {
 	/**
 	 * Jodit's Destructor. Remove editor, and return source input
 	 */
-	destruct(): void {
+	override destruct(): void {
 		if (this.isInDestruct) {
 			return;
 		}

package/src/modules/context-menu/context-menu.ts

@@ -19,7 +19,7 @@ import { isArray } from '../../core/helpers/checker';
  */
 export class ContextMenu extends Popup implements IContextMenu {
 	/** @override */
-	className(): string {
+	override className(): string {
 		return 'ContextMenu';
 	}
 

package/src/modules/dialog/dialog.ts

@@ -91,7 +91,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 	 * @property {HTMLDivElement} resizer
 	 */
 	private resizer!: HTMLElement;
-	toolbar!: IToolbarCollection;
+	override toolbar!: IToolbarCollection;
 
 	private offsetX?: number;
 	private offsetY?: number;
@@ -334,7 +334,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 			.off(self.ow, 'mouseup', self.onMouseUp);
 	}
 
-	OPTIONS!: IDialogOptions;
+	override OPTIONS!: IDialogOptions;
 
 	/**
 	 * @property {HTMLDivElement} dialog
@@ -811,7 +811,7 @@ export class Dialog extends ViewWithToolbar implements IDialog {
 	 * Build toolbar after ready
 	 */
 	@hook('ready')
-	protected buildToolbar(): void {
+	protected override buildToolbar(): void {
 		this.o.buttons &&
 			this.toolbar
 				.build(splitArray(this.o.buttons))
@@ -822,7 +822,7 @@ export 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 {
+	override destruct(): void {
 		if (this.isInDestruct) {
 			return;
 		}

package/src/modules/file-browser/builders/context-menu.ts

@@ -22,7 +22,7 @@ const CLASS_PREVIEW = F_CLASS + '_preview_',
 		Icon.get('angle-' + right) +
 		'</a>';
 
-export default (self: FileBrowser) => {
+export default (self: FileBrowser): ((e: DragEvent) => boolean | void) => {
 	if (!self.o.contextMenu) {
 		return () => {};
 	}

package/src/modules/file-browser/data-provider.ts

@@ -136,7 +136,7 @@ export default class DataProvider implements IFileBrowserDataProvider {
 
 	private progressHandler = (ignore: number): void => {};
 
-	onProgress(callback: (percentage: number) => void) {
+	onProgress(callback: (percentage: number) => void): void {
 		this.progressHandler = callback;
 	}
 

package/src/modules/file-browser/file-browser.ts

@@ -183,14 +183,14 @@ export class FileBrowser extends ViewWithToolbar implements IFileBrowser {
 		}
 	};
 
-	OPTIONS!: IFileBrowserOptions;
+	override OPTIONS!: IFileBrowserOptions;
 
 	dialog!: IDialog;
 
 	/**
 	 * Container for set/get value
 	 */
-	storage!: IStorage;
+	override storage!: IStorage;
 
 	uploader!: IUploader;
 
@@ -439,7 +439,7 @@ export class FileBrowser extends ViewWithToolbar implements IFileBrowser {
 		self.initUploader(self);
 	}
 
-	destruct(): void {
+	override destruct(): void {
 		if (this.isInDestruct) {
 			return;
 		}

package/src/modules/image-editor/image-editor.ts

@@ -828,7 +828,7 @@ export class ImageEditor extends ViewComponent {
 	}
 
 	/** @override */
-	destruct(): any {
+	override destruct(): any {
 		if (this.isDestructed) {
 			return;
 		}

package/src/modules/observer/observer.ts

@@ -180,7 +180,7 @@ export class Observer extends ViewComponent<IJodit> {
 		});
 	}
 
-	destruct(): void {
+	override destruct(): void {
 		if (this.j.events) {
 			this.j.e.off('.observer');
 		}

package/src/modules/observer/snapshot.ts

@@ -250,7 +250,7 @@ export class Snapshot extends ViewComponent<IJodit> {
 		}
 	}
 
-	destruct(): void {
+	override destruct(): void {
 		this.isBlocked = false;
 		super.destruct();
 	}

package/src/modules/status-bar/status-bar.ts

@@ -95,7 +95,7 @@ export class StatusBar extends ViewComponent<IJodit> implements IStatusBar {
 		this.hide();
 	}
 
-	destruct(): void {
+	override destruct(): void {
 		this.setStatus(STATUSES.beforeDestruct);
 		Dom.safeRemove(this.container);
 		super.destruct();

package/src/modules/table.ts

@@ -41,6 +41,7 @@ export class Table extends ViewComponent<IJodit> {
 	}
 
 	private selected: Set<HTMLTableCellElement> = new Set();
+
 	private static selectedByTable: WeakMap<
 		HTMLTableElement,
 		Set<HTMLTableCellElement>
@@ -78,6 +79,7 @@ export class Table extends ViewComponent<IJodit> {
 
 	removeSelection(td: HTMLTableCellElement): void {
 		this.selected.delete(td);
+
 		this.recalculateStyles();
 
 		const table = Dom.closest(td, 'table', this.j.editor);
@@ -110,7 +112,7 @@ export class Table extends ViewComponent<IJodit> {
 	}
 
 	/** @override **/
-	destruct(): any {
+	override destruct(): any {
 		this.selected.clear();
 		return super.destruct();
 	}