suneditor 3.0.0-alpha.9 → 3.0.0-beta.2

package/types/core/class/selection.d.ts

@@ -0,0 +1,188 @@
+export default Selection_;
+export type SelectionThis = Omit<Selection_ & Partial<__se__EditorInjector>, 'selection'>;
+export type RectsInfo_selection = import('./offset').RectsInfo;
+/**
+ * @typedef {Omit<Selection_ & Partial<__se__EditorInjector>, 'selection'>} SelectionThis
+ */
+/**
+ * @typedef {import('./offset').RectsInfo} RectsInfo_selection
+ */
+/**
+ * @constructor
+ * @this {SelectionThis}
+ * @description Selection, Range related class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function Selection_(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, editor: __se__EditorCore): void;
+declare class Selection_ {
+	/**
+	 * @typedef {Omit<Selection_ & Partial<__se__EditorInjector>, 'selection'>} SelectionThis
+	 */
+	/**
+	 * @typedef {import('./offset').RectsInfo} RectsInfo_selection
+	 */
+	/**
+	 * @constructor
+	 * @this {SelectionThis}
+	 * @description Selection, Range related class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	/** @type {Range} */
+	range: Range;
+	/** @type {HTMLElement|Text} */
+	selectionNode: HTMLElement | Text;
+	__iframeFocus: boolean;
+	/**
+	 * @this {SelectionThis}
+	 * @description Get window selection obejct
+	 * @returns {Selection}
+	 */
+	get(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): Selection;
+	/**
+	 * @this {SelectionThis}
+	 * @description Check if the range object is valid
+	 * @param {*} range Range object
+	 * @returns {boolean}
+	 */
+	isRange(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, range: any): boolean;
+	/**
+	 * @this {SelectionThis}
+	 * @description Get current editor's range object
+	 * @returns {Range}
+	 */
+	getRange(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): Range;
+	/**
+	 * @this {SelectionThis}
+	 * @description Set current editor's range object and return.
+	 * @param {Node|Range} startCon Range object or The startContainer property of the selection object
+	 * @param {number} [startOff] The startOffset property of the selection object.
+	 * @param {Node} [endCon] The endContainer property of the selection object.
+	 * @param {number} [endOff] The endOffset property of the selection object.
+	 * @returns {Range}
+	 */
+	setRange(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, startCon: Node | Range, startOff?: number, endCon?: Node, endOff?: number): Range;
+	/**
+	 * @this {SelectionThis}
+	 * @description Remove range object and button effect
+	 */
+	removeRange(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): void;
+	/**
+	 * @this {SelectionThis}
+	 * @description Returns the range (container and offset) near the given target node.
+	 * - If the target node has a next sibling, it returns the next sibling with an offset of 0.
+	 * - If there is no next sibling but a previous sibling exists, it returns the previous sibling with an offset of 1.
+	 * @param {Node} target Target node whose neighboring range is to be determined.
+	 * @returns {{container: Node, offset: number}|null} An object containing the nearest container node and its offset.
+	 */
+	getNearRange(
+		this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>,
+		target: Node
+	): {
+		container: Node;
+		offset: number;
+	} | null;
+	/**
+	 * @this {SelectionThis}
+	 * @description If the "range" object is a non-editable area, add a line at the top of the editor and update the "range" object.
+	 * @param {Range} range core.getRange()
+	 * @param {?Node=} container If there is "container" argument, it creates a line in front of the container.
+	 * @returns {Range} a new "range" or argument "range".
+	 */
+	getRangeAndAddLine(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, range: Range, container?: (Node | null) | undefined): Range;
+	/**
+	 * @this {SelectionThis}
+	 * @description Get current select node
+	 * @returns {HTMLElement|Text}
+	 */
+	getNode(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): HTMLElement | Text;
+	/**
+	 * @this {SelectionThis}
+	 * @description Get the Rects object.
+	 * @param {?Range|Node} target Range | Node | null
+	 * @param {"start"|"end"} position It is based on the position of the rect object to be returned in case of range selection.
+	 * @returns {{rects: RectsInfo_selection, position: "start"|"end", scrollLeft: number, scrollTop: number}}
+	 */
+	getRects(
+		this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>,
+		target: (Range | Node) | null,
+		position: 'start' | 'end'
+	): {
+		rects: RectsInfo_selection;
+		position: 'start' | 'end';
+		scrollLeft: number;
+		scrollTop: number;
+	};
+	/**
+	 * @this {SelectionThis}
+	 * @description Get the custom range object of the event.
+	 * @param {DragEvent} e Event object
+	 * @returns {{sc: Node, so: number, ec: Node, eo: number}} {sc: startContainer, so: startOffset, ec: endContainer, eo: endOffset}
+	 */
+	getDragEventLocationRange(
+		this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>,
+		e: DragEvent
+	): {
+		sc: Node;
+		so: number;
+		ec: Node;
+		eo: number;
+	};
+	/**
+	 * @this {SelectionThis}
+	 * @description Scroll to the corresponding selection or range position.
+	 * @param {Selection|Range|Node} ref selection or range object
+	 * @param {?Object<string, *>=} scrollOption option of scrollTo
+	 */
+	scrollTo(
+		this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>,
+		ref: Selection | Range | Node,
+		scrollOption?:
+			| ({
+					[x: string]: any;
+			  } | null)
+			| undefined
+	): void;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Returns true if there is no valid selection.
+	 * @param {Range} range selection.getRange()
+	 * @returns {boolean}
+	 */
+	_isNone(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, range: Range): boolean;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Return the range object of editor's first child node
+	 * @returns {Range}
+	 */
+	_createDefaultRange(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): Range;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Set "range" and "selection" info.
+	 * @param {Range} range range object.
+	 * @param {Selection} selection selection object.
+	 */
+	_rangeInfo(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>, range: Range, selection: Selection): void;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Saving the range object and the currently selected node of editor
+	 */
+	_init(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): HTMLInputElement;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Focus method
+	 */
+	__focus(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): void;
+	/**
+	 * @private
+	 * @this {SelectionThis}
+	 * @description Reset range object to text node selected status.
+	 * @returns {boolean} Returns false if there is no valid selection.
+	 */
+	_resetRangeToTextNode(this: Omit<Selection_ & Partial<import('../../editorInjector').default>, 'selection'>): boolean;
+}

package/types/core/class/shortcuts.d.ts

@@ -0,0 +1,142 @@
+export default Shortcuts;
+export type ShortcutsThis = Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>;
+export type ShortcutInfo = {
+	/**
+	 * - Whether the [Ctrl, Command] key is pressed.
+	 */
+	c: boolean;
+	/**
+	 * - Whether the [Shift] key is pressed.
+	 */
+	s: boolean;
+	/**
+	 * - Whether the [Space] key is pressed.
+	 */
+	space: boolean;
+	/**
+	 * - Whether the Enter key is pressed.
+	 */
+	enter: boolean;
+	/**
+	 * - The command key. (e.g. "bold")
+	 */
+	command: string;
+	/**
+	 * - Whether the cursor is at the end of the line.
+	 */
+	edge: boolean;
+	/**
+	 * - The key pressed (e.g., "1.").
+	 */
+	key?: string | undefined;
+	/**
+	 * - The keyEvent.code.
+	 */
+	keyCode?: string | undefined;
+	/**
+	 * - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+	 */
+	method?: (string | ((...args: any) => any)) | undefined;
+	/**
+	 * - The plugin name.
+	 */
+	plugin: string;
+	/**
+	 * - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+	 */
+	type: string;
+	/**
+	 * - The plugin command button.
+	 */
+	button: Node;
+	/**
+	 * - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+	 */
+	r: Array<string>;
+	/**
+	 * - Whether the event was triggered by a text input (e.g., mention like
+	 */
+	textTrigger: string;
+};
+/**
+ * @typedef {Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>} ShortcutsThis
+ */
+/**
+ * @typedef {Object} ShortcutInfo
+ * @property {boolean} c - Whether the [Ctrl, Command] key is pressed.
+ * @property {boolean} s - Whether the [Shift] key is pressed.
+ * @property {boolean} space - Whether the [Space] key is pressed.
+ * @property {boolean} enter - Whether the Enter key is pressed.
+ * @property {string} command - The command key. (e.g. "bold")
+ * @property {boolean} edge - Whether the cursor is at the end of the line.
+ * @property {string=} key - The key pressed (e.g., "1.").
+ * @property {string=} keyCode - The keyEvent.code.
+ * @property {string|((...args: *) => *)=} method - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+ * @property {string} plugin - The plugin name.
+ * @property {string} type - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+ * @property {Node} button - The plugin command button.
+ * @property {Array<string>} r - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+ * @property {string} textTrigger - Whether the event was triggered by a text input (e.g., mention like @ab).
+ */
+/**
+ * @constructor
+ * @this {ShortcutsThis}
+ * @description Shortcuts class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function Shortcuts(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>, editor: __se__EditorCore): void;
+declare class Shortcuts {
+	/**
+	 * @typedef {Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>} ShortcutsThis
+	 */
+	/**
+	 * @typedef {Object} ShortcutInfo
+	 * @property {boolean} c - Whether the [Ctrl, Command] key is pressed.
+	 * @property {boolean} s - Whether the [Shift] key is pressed.
+	 * @property {boolean} space - Whether the [Space] key is pressed.
+	 * @property {boolean} enter - Whether the Enter key is pressed.
+	 * @property {string} command - The command key. (e.g. "bold")
+	 * @property {boolean} edge - Whether the cursor is at the end of the line.
+	 * @property {string=} key - The key pressed (e.g., "1.").
+	 * @property {string=} keyCode - The keyEvent.code.
+	 * @property {string|((...args: *) => *)=} method - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+	 * @property {string} plugin - The plugin name.
+	 * @property {string} type - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+	 * @property {Node} button - The plugin command button.
+	 * @property {Array<string>} r - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+	 * @property {string} textTrigger - Whether the event was triggered by a text input (e.g., mention like @ab).
+	 */
+	/**
+	 * @constructor
+	 * @this {ShortcutsThis}
+	 * @description Shortcuts class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	editor: import('../editor').default;
+	isDisabled: boolean;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description If there is a shortcut function, run it.
+	 * @param {KeyboardEvent} event Keyboard event object
+	 * @param {boolean} ctrl Whether the Ctrl key is pressed
+	 * @param {boolean} shift Whether the Shift key is pressed
+	 * @param {string} keyCode The keyEvent.code.
+	 * @param {string} text The text content of the key
+	 * @param {boolean} edge Whether the cursor is at the end of the line
+	 * @param {HTMLElement} line The current line node
+	 * @param {Range} range The current range object
+	 * @returns {boolean} Whether to execute shortcuts
+	 */
+	command(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>, event: KeyboardEvent, ctrl: boolean, shift: boolean, keyCode: string, text: string, edge: boolean, line: HTMLElement, range: Range): boolean;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description Disable the shortcut activation.
+	 */
+	disable(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>): void;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description Enable the shortcut activation.
+	 */
+	enable(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>): void;
+}

package/types/core/class/toolbar.d.ts

@@ -0,0 +1,189 @@
+export default Toolbar;
+export type ToolbarThis = Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>;
+/**
+ * @typedef {Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>} ToolbarThis
+ */
+/**
+ * @constructor
+ * @this {ToolbarThis}
+ * @description Toolbar class
+ * @param {__se__EditorCore} editor - The root editor instance
+ * @param {Object} options - toolbar options
+ * @param {String} options.keyName - toolbar key name
+ * @param {Boolean} options.balloon - balloon toolbar
+ * @param {Boolean} options.inline - inline toolbar
+ * @param {Boolean} options.balloonAlways - balloon toolbar always show
+ * @param {Array<Node>} options.res - responsive toolbar button list
+ */
+declare function Toolbar(
+	this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>,
+	editor: __se__EditorCore,
+	{
+		keyName,
+		balloon,
+		inline,
+		balloonAlways,
+		res
+	}: {
+		keyName: string;
+		balloon: boolean;
+		inline: boolean;
+		balloonAlways: boolean;
+		res: Array<Node>;
+	}
+): void;
+declare class Toolbar {
+	/**
+	 * @typedef {Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>} ToolbarThis
+	 */
+	/**
+	 * @constructor
+	 * @this {ToolbarThis}
+	 * @description Toolbar class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} options - toolbar options
+	 * @param {String} options.keyName - toolbar key name
+	 * @param {Boolean} options.balloon - balloon toolbar
+	 * @param {Boolean} options.inline - inline toolbar
+	 * @param {Boolean} options.balloonAlways - balloon toolbar always show
+	 * @param {Array<Node>} options.res - responsive toolbar button list
+	 */
+	constructor(
+		editor: __se__EditorCore,
+		{
+			keyName,
+			balloon,
+			inline,
+			balloonAlways,
+			res
+		}: {
+			keyName: string;
+			balloon: boolean;
+			inline: boolean;
+			balloonAlways: boolean;
+			res: Array<Node>;
+		}
+	);
+	keyName: string;
+	isSub: boolean;
+	currentMoreLayerActiveButton: HTMLButtonElement;
+	_isBalloon: boolean;
+	_isInline: boolean;
+	_isBalloonAlways: boolean;
+	_responsiveCurrentSize: string;
+	_originRes: Node[];
+	_rButtonArray: Node[];
+	_rButtonsInfo: {
+		default: Node;
+	};
+	_rButtonsize: any[];
+	_sticky: boolean;
+	_isViewPortSize: boolean;
+	_inlineToolbarAttr: {
+		top: string;
+		width: string;
+		isShow: boolean;
+	};
+	_balloonOffset: {
+		top: number;
+		left: number;
+	};
+	/**
+	 * @this {ToolbarThis}
+	 * @description Disable the toolbar
+	 */
+	disable(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Enable the toolbar
+	 */
+	enable(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Show the toolbar
+	 */
+	show(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Hide the toolbar
+	 */
+	hide(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Reset buttons of the responsive toolbar.
+	 */
+	resetResponsiveToolbar(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Reset the buttons on the toolbar. (Editor is not reloaded)
+	 * - You cannot set a new plugin for the button.
+	 * @param {Array} buttonList Button list
+	 */
+	setButtons(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, buttonList: any[]): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Reset the sticky toolbar position based on the editor state.
+	 */
+	_resetSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Enable sticky toolbar mode and adjust position.
+	 */
+	_onSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, inlineOffset: any): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Get the viewport's top offset.
+	 * @returns {number}
+	 */
+	__getViewportTop(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): number;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Disable sticky toolbar mode.
+	 */
+	_offSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Set up responsive behavior for the toolbar buttons.
+	 */
+	_setResponsive(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show the balloon toolbar based on the current selection.
+	 * @param {?Range=} rangeObj - Selection range
+	 */
+	_showBalloon(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, rangeObj?: (Range | null) | undefined): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Adjust the balloon toolbar's position.
+	 * @param {boolean} positionTop - Whether the toolbar should be positioned above the selection
+	 * @param {Range} [range] - Selection range
+	 */
+	_setBalloonOffset(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, positionTop: boolean, range?: Range): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show the inline toolbar mode.
+	 */
+	_showInline(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show a more options layer for toolbar buttons.
+	 * @param {Node} button - Button element
+	 * @param {Node} layer - More options layer element
+	 */
+	_moreLayerOn(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, button: Node, layer: Node): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Hide the currently active more options layer.
+	 */
+	_moreLayerOff(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
+}

package/types/core/class/ui.d.ts

@@ -0,0 +1,164 @@
+export default UI;
+export type UIThis = Omit<UI & Partial<__se__EditorInjector>, 'ui'>;
+/**
+ * @typedef {Omit<UI & Partial<__se__EditorInjector>, 'ui'>} UIThis
+ */
+/**
+ * @constructor
+ * @this {UIThis}
+ * @description The UI class is a class that handles operations related to the user interface of SunEditor.
+ * - This class sets the editor's style, theme, editor mode, etc., and controls the state of various UI elements.
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function UI(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, editor: __se__EditorCore): void;
+declare class UI {
+	/**
+	 * @typedef {Omit<UI & Partial<__se__EditorInjector>, 'ui'>} UIThis
+	 */
+	/**
+	 * @constructor
+	 * @this {UIThis}
+	 * @description The UI class is a class that handles operations related to the user interface of SunEditor.
+	 * - This class sets the editor's style, theme, editor mode, etc., and controls the state of various UI elements.
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	_controllerOnBtnDisabled: boolean;
+	alertModal: HTMLElement;
+	alertMessage: HTMLSpanElement;
+	_alertArea: HTMLElement;
+	_alertInner: HTMLElement;
+	_closeListener: any[];
+	_closeSignal: boolean;
+	_bindClose: any;
+	_backWrapper: HTMLElement;
+	toastPopup: HTMLElement;
+	toastContainer: Element;
+	toastMessage: HTMLSpanElement;
+	_toastToggle: number;
+	/**
+	 * @this {UIThis}
+	 * @description Set "options.get('editorStyle')" style.
+	 * - Define the style of the edit area
+	 * - It can also be defined with the "setOptions" method, but the "setEditorStyle" method does not render the editor again.
+	 * @param {string} style Style string
+	 * @param {__se__FrameContext|null} fc Frame context
+	 */
+	setEditorStyle(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, style: string, fc: __se__FrameContext | null): void;
+	/**
+	 * @this {UIThis}
+	 * @description Set the theme to the editor
+	 * @param {string} theme Theme name
+	 */
+	setTheme(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, theme: string): void;
+	/**
+	 * @this {UIThis}
+	 * @description Switch to or off "ReadOnly" mode.
+	 * @param {boolean} value "readOnly" boolean value.
+	 * @param {string|undefined} rootKey Root key
+	 */
+	readOnly(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, value: boolean, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Disable the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	disable(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Enable the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	enable(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Show the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	show(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Hide the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	hide(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Show loading box
+	 * @param {string=} rootKey Root key
+	 */
+	showLoading(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey?: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Hide loading box
+	 * @param {string=} rootKey Root key
+	 */
+	hideLoading(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey?: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description This method disables or enables the toolbar buttons when the controller is activated or deactivated.
+	 * - When the controller is activated, the toolbar buttons are disabled; when the controller is deactivated, the buttons are enabled.
+	 * @param {boolean} active If `true`, the toolbar buttons will be disabled. If `false`, the toolbar buttons will be enabled.
+	 */
+	setControllerOnDisabledButtons(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, active: boolean): void;
+	/**
+	 * @this {UIThis}
+	 * @description Activate the transparent background "div" so that other elements are not affected during resizing.
+	 * @param {string} cursor cursor css property
+	 */
+	enableBackWrapper(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, cursor: string): void;
+	/**
+	 * @this {UIThis}
+	 * @description Disabled background "div"
+	 */
+	disableBackWrapper(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @this {UIThis}
+	 * @description  Open the alert panel
+	 * @param {string} text alert message
+	 * @param {""|"error"|"success"} type alert type
+	 */
+	alertOpen(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, text: string, type: '' | 'error' | 'success'): void;
+	/**
+	 * @this {UIThis}
+	 * @description  Close the alert panel
+	 */
+	alertClose(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @description Show toast
+	 * @param {string} message toast message
+	 * @param {number} [duration=1000] duration time(ms)
+	 * @param {""|"error"|"success"} [type=""] duration time(ms)
+	 */
+	showToast(message: string, duration?: number, type?: '' | 'error' | 'success'): void;
+	/**
+	 * @description Close toast
+	 */
+	closeToast(): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description visible controllers
+	 * @param {boolean} value hidden/show
+	 * @param {?boolean=} lineBreakShow Line break hidden/show (default: Follows the value "value".)
+	 */
+	_visibleControllers(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, value: boolean, lineBreakShow?: (boolean | null) | undefined): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off current controllers
+	 */
+	_offCurrentController(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off controllers
+	 */
+	__offControllers(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off current modal
+	 */
+	_offCurrentModal(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+}