suneditor 3.0.0-beta.3 → 3.0.0-beta.30

package/types/core/section/documentType.d.ts

@@ -15,10 +15,10 @@ declare class DocumentType {
 	 */
 	constructor(editor: __se__EditorCore, fc: __se__FrameContext);
 	editor: import('../editor').default;
-	context: __se__Context;
+	context: import('../config/context').ContextUtil;
 	selection: import('../class/selection').default;
 	offset: import('../class/offset').default;
-	fc: __se__FrameContext;
+	fc: import('../config/frameContext').FrameContextUtil;
 	ww: any;
 	wwFrame: any;
 	wwWidth: number;
@@ -57,6 +57,16 @@ declare class DocumentType {
 	 * @returns {Promise<void>}
 	 */
 	rePage(force: boolean): Promise<void>;
+	/**
+	 * @private
+	 * @description Calculates and compensates for the vertical gap between the rendered content (current page)
+	 * - and the mirrored preview page due to differences in width and layout.
+	 * @param {number} t - The initial top position value to be adjusted.
+	 * @param {HTMLElement[]} chr - The elements array in the current (main) page.
+	 * @param {HTMLElement[]} mChr - The elements array in the mirrored page.
+	 * @returns {number|null} - The adjusted top value.
+	 */
+	_calcPageBreakTop(t: number, chr: HTMLElement[], mChr: HTMLElement[]): number | null;
 	/**
 	 * @private
 	 * @description Initializes the cache for document elements.
@@ -67,7 +77,7 @@ declare class DocumentType {
 	 * @private
 	 * @description Retrieves the element at a given position.
 	 * @param {number} pageTop - The vertical position to check.
-	 * @param {NodeList} mChr - List of mirrored elements.
+	 * @param {HTMLElement[]} mChr - List of mirrored elements.
 	 * @returns {{ci: number, cm: number, ch: number}} The closest element and its related data.
 	 * - ci: The index of the closest element.
 	 * - cm: The distance between the top of the closest element and the given position.
@@ -75,7 +85,7 @@ declare class DocumentType {
 	 */
 	_getElementAtPosition(
 		pageTop: number,
-		mChr: NodeList
+		mChr: HTMLElement[]
 	): {
 		ci: number;
 		cm: number;

package/types/core/util/instanceCheck.d.ts

@@ -0,0 +1,50 @@
+export default InstanceCheck;
+export type InstanceCheckThis = InstanceCheck;
+/**
+ * @typedef {InstanceCheck} InstanceCheckThis
+ */
+/**
+ * @constructor
+ * @this {InstanceCheck}
+ * @description iframe-safe instanceof check utility class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function InstanceCheck(this: InstanceCheck, editor: __se__EditorCore): void;
+declare class InstanceCheck {
+	/**
+	 * @typedef {InstanceCheck} InstanceCheckThis
+	 */
+	/**
+	 * @constructor
+	 * @this {InstanceCheck}
+	 * @description iframe-safe instanceof check utility class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(this: InstanceCheck, editor: __se__EditorCore);
+	editor: import('../editor').default;
+	/**
+	 * @param {*} obj
+	 * @returns {obj is Node}
+	 */
+	isNode(obj: any): obj is Node;
+	/**
+	 * @param {*} obj
+	 * @returns {obj is Element}
+	 */
+	isElement(obj: any): obj is Element;
+	/**
+	 * @param {*} obj
+	 * @returns {obj is Range}
+	 */
+	isRange(obj: any): obj is Range;
+	/**
+	 * @param {*} obj
+	 * @returns {obj is Selection}
+	 */
+	isSelection(obj: any): obj is Selection;
+	/**
+	 * @private
+	 * @returns {window}
+	 */
+	_getFrameWindow(): Window & typeof globalThis;
+}

package/types/editorInjector/_classes.d.ts

@@ -24,6 +24,10 @@ declare class ClassInjector {
 	format: __se__EditorCore['format'];
 	/** @description HTML class instance @type {__se__EditorCore['html']} */
 	html: __se__EditorCore['html'];
+	/** @description Inline format class instance @type {__se__EditorCore['inline']} */
+	inline: __se__EditorCore['inline'];
+	/** @description List format class instance @type {__se__EditorCore['listFormat']} */
+	listFormat: __se__EditorCore['listFormat'];
 	/** @description Menu class instance @type {__se__EditorCore['menu']} */
 	menu: __se__EditorCore['menu'];
 	/** @description NodeTransform class instance @type {__se__EditorCore['nodeTransform']} */

package/types/editorInjector/_core.d.ts

@@ -19,6 +19,11 @@ export default class CoreInjector {
 	 * @type {__se__EditorCore['eventManager']}
 	 */
 	eventManager: __se__EditorCore['eventManager'];
+	/**
+	 * @description The util/instanceCheck instance.
+	 * @type {__se__EditorCore['instanceCheck']}
+	 */
+	instanceCheck: __se__EditorCore['instanceCheck'];
 	/**
 	 * @description The history manager instance.
 	 * @type {__se__EditorCore['history']}
@@ -50,12 +55,22 @@ export default class CoreInjector {
 	 */
 	status: __se__EditorStatus;
 	/**
-	 * @description The editor's context map.
+	 * @description The editor's [frame] context utility object.
+	 * @type {__se__EditorCore['frameContext']}
+	 */
+	frameContext: __se__EditorCore['frameContext'];
+	/**
+	 * @description The editor's [frame] options utility object.
+	 * @type {__se__EditorCore['frameOptions']}
+	 */
+	frameOptions: __se__EditorCore['frameOptions'];
+	/**
+	 * @description The editor's context utility object.
 	 * @type {__se__EditorCore['context']}
 	 */
 	context: __se__EditorCore['context'];
 	/**
-	 * @description The editor's options map.
+	 * @description The editor's options utility object.
 	 * @type {__se__EditorCore['options']}
 	 */
 	options: __se__EditorCore['options'];
@@ -84,9 +99,4 @@ export default class CoreInjector {
 	 * @type {Document}
 	 */
 	_d: Document;
-	/**
-	 * @description The shadow root object (if any).
-	 * @type {__se__EditorCore['_shadowRoot']}
-	 */
-	_shadowRoot: __se__EditorCore['_shadowRoot'];
 }

package/types/editorInjector/index.d.ts

@@ -14,6 +14,8 @@ declare class EditorInjector {
 	editor: __se__EditorCore;
 	/** @type {import('./_core').default['eventManager']} */
 	eventManager: import('./_core').default['eventManager'];
+	/** @type {import('./_core').default['instanceCheck']} */
+	instanceCheck: import('./_core').default['instanceCheck'];
 	/** @type {import('./_core').default['history']} */
 	history: import('./_core').default['history'];
 	/** @type {import('./_core').default['events']} */
@@ -26,6 +28,10 @@ declare class EditorInjector {
 	plugins: import('./_core').default['plugins'];
 	/** @type {import('./_core').default['status']} */
 	status: import('./_core').default['status'];
+	/** @type {import('./_core').default['frameContext']}  */
+	frameContext: import('./_core').default['frameContext'];
+	/**  @type {import('./_core').default['frameOptions']} */
+	frameOptions: import('./_core').default['frameOptions'];
 	/** @type {import('./_core').default['context']} */
 	context: import('./_core').default['context'];
 	/** @type {import('./_core').default['options']} */
@@ -40,8 +46,6 @@ declare class EditorInjector {
 	_w: import('./_core').default['_w'];
 	/** @type {import('./_core').default['_d']} */
 	_d: import('./_core').default['_d'];
-	/** @type {import('./_core').default['_shadowRoot']} */
-	_shadowRoot: import('./_core').default['_shadowRoot'];
 	/** @type {import('./_classes').default['toolbar']} */
 	toolbar: import('./_classes').default['toolbar'];
 	/** @type {import('./_classes').default['subToolbar']} */
@@ -54,6 +58,10 @@ declare class EditorInjector {
 	format: import('./_classes').default['format'];
 	/** @type {import('./_classes').default['html']} */
 	html: import('./_classes').default['html'];
+	/** @type {import('./_classes').default['inline']} */
+	inline: import('./_classes').default['inline'];
+	/** @type {import('./_classes').default['listFormat']} */
+	listFormat: import('./_classes').default['listFormat'];
 	/** @type {import('./_classes').default['menu']} */
 	menu: import('./_classes').default['menu'];
 	/** @type {import('./_classes').default['nodeTransform']} */

package/types/events.d.ts

@@ -3,6 +3,7 @@ declare namespace _default {
 	let onScroll: any;
 	let onMouseDown: any;
 	let onClick: any;
+	let onBeforeInput: any;
 	let onInput: any;
 	let onMouseLeave: any;
 	let onKeyDown: any;

package/types/helper/clipboard.d.ts

@@ -3,9 +3,9 @@
  * - Iframe is replaced with a placeholder : <div data-se-iframe-holder-src="iframe.src">[iframe: iframe.src]</div>
  * - "iframe placeholder" is re-rendered in html.clean when pasted into the editor.
  * @param {Element|Text|string} content Content to be copied to the clipboard
- * @returns {Promise<void>}
+ * @returns {Promise<void|false>} If it fails, it returns false.
  */
-export function write(content: Element | Text | string): Promise<void>;
+export function write(content: Element | Text | string): Promise<void | false>;
 declare namespace _default {
 	export { write };
 }

package/types/helper/converter.d.ts

@@ -150,21 +150,17 @@ export function spanToStyleNode(
  * @returns {string} The updated URL with the query string appended.
  */
 export function addUrlQuery(url: string, query: string): string;
+/**
+ * @typedef {import('../core/config/options').OptionStyleResult} OptionStyleResult_converter
+ */
 /**
  * @description Converts options-related styles and returns them for each frame.
  * @param {Map<string, *>} fo editor.frameOptions
  * @param {string} cssText Style string
- * @returns {{top: string, frame: string, editor: string}}
+ * @returns {OptionStyleResult_converter}
  * @private
  */
-export function _setDefaultOptionStyle(
-	fo: Map<string, any>,
-	cssText: string
-): {
-	top: string;
-	frame: string;
-	editor: string;
-};
+export function _setDefaultOptionStyle(fo: Map<string, any>, cssText: string): OptionStyleResult_converter;
 /**
  * @description Set default style tag of the iframe
  * @param {Array<string>} linkNames link names array of CSS files
@@ -178,6 +174,7 @@ export function _setIframeStyleLinks(linkNames: Array<string>): string;
  */
 export function _setAutoHeightStyle(frameHeight: string): string;
 export default converter;
+export type OptionStyleResult_converter = import('../core/config/options').OptionStyleResult;
 declare namespace converter {
 	export { htmlToJson };
 	export { jsonToHtml };

package/types/helper/dom/domCheck.d.ts

@@ -114,6 +114,12 @@ export function isContentLess(node: (Node | string) | null): boolean;
  * @returns {boolean}
  */
 export function isEmptyLine(node: Node): boolean;
+/**
+ * @description Checks if the given node is a container component (class "se-component-container").
+ * @param {Node} element
+ * @returns {boolean} True if the node is a container component, otherwise false.
+ */
+export function isComponentContainer(element: Node): boolean;
 /**
  * @description It is judged whether it is the edit region top div element or iframe's body tag.
  * @param {?Node} node The node to check
@@ -179,6 +185,7 @@ declare namespace check {
 	export { isFigure };
 	export { isContentLess };
 	export { isEmptyLine };
+	export { isComponentContainer };
 	export { isWysiwygFrame };
 	export { isNonEditable };
 	export { isSpanWithoutAttr };

package/types/helper/dom/domQuery.d.ts

@@ -32,22 +32,32 @@ export function getNodePath(
  * @returns {T}
  */
 export function getNodeFromPath<T extends Node>(offsets: Array<number>, parentNode: Node): T;
+/**
+ * @template {HTMLElement} T
+ * @description Get all "child node" of the argument value element
+ * @param {Node} element element to get child node
+ * @param {?(current: *) => boolean} validation Conditional function
+ * @returns {T|null}
+ */
+export function getChildNode<T extends HTMLElement>(element: Node, validation: ((current: any) => boolean) | null): T | null;
 /**
  * @template {HTMLElement} T
  * @description Get all "children" of the argument value element (Without text nodes)
  * @param {Node} element element to get child node
  * @param {?(current: *) => boolean} validation Conditional function
+ * @param {?number} depth Number of child levels to depth.
  * @returns {Array<T>}
  */
-export function getListChildren<T extends HTMLElement>(element: Node, validation: ((current: any) => boolean) | null): Array<T>;
+export function getListChildren<T extends HTMLElement>(element: Node, validation: ((current: any) => boolean) | null, depth: number | null): Array<T>;
 /**
  * @template {Node} T
  * @description Get all "childNodes" of the argument value element (Include text nodes)
  * @param {Node} element element to get child node
  * @param {?(current: *) => boolean} validation Conditional function
+ * @param {?number} depth Number of child levels to depth.
  * @returns {Array<T>}
  */
-export function getListChildNodes<T extends Node>(element: Node, validation: ((current: any) => boolean) | null): Array<T>;
+export function getListChildNodes<T extends Node>(element: Node, validation: ((current: any) => boolean) | null, depth: number | null): Array<T>;
 /**
  * @description Returns the number of parents nodes.
  * - "0" when the parent node is the WYSIWYG area.
@@ -186,14 +196,14 @@ export function findTabEndIndex(line: Node, baseIndex: number, minTabSize: numbe
  */
 export function findVisualLastCell(cells: HTMLTableCellElement[]): HTMLTableCellElement | null;
 /**
- * @description Get nearest scrollable parent
- * @param {Node} element Element
- * @returns {HTMLElement|null}
+ * @description Finds and returns parent containers that are scrollable.
+ * @param {HTMLElement} element - Element to start with
+ * @returns {HTMLElement[]} - Array (in descending order)
  */
-export function getScrollParent(element: Node): HTMLElement | null;
+export function getScrollParents(element: HTMLElement): HTMLElement[];
 /**
  * @description Get the argument iframe's document object if use the "iframe" or "fullPage" options
- * @param {HTMLIFrameElement} iframe Iframe element (this.editor.frameContext.get('wysiwygFrame'))
+ * @param {HTMLIFrameElement} iframe Iframe element (this.frameContext.get('wysiwygFrame'))
  * @returns {Document}
  */
 export function getIframeDocument(iframe: HTMLIFrameElement): Document;
@@ -202,6 +212,7 @@ declare namespace query {
 	export { getPositionIndex };
 	export { getNodePath };
 	export { getNodeFromPath };
+	export { getChildNode };
 	export { getListChildren };
 	export { getListChildNodes };
 	export { getNodeDepth };
@@ -218,6 +229,6 @@ declare namespace query {
 	export { findTextIndexOnLine };
 	export { findTabEndIndex };
 	export { findVisualLastCell };
-	export { getScrollParent };
+	export { getScrollParents };
 	export { getIframeDocument };
 }

package/types/helper/dom/domUtils.d.ts

@@ -115,13 +115,20 @@ export function changeTxt(node: Node, txt: string): void;
  * @param {string|number} value Style value
  */
 export function setStyle(elements: Node | Node[], styleName: string, value: string | number): void;
+/**
+ * @description Gets the style value of the element. If the elements is an array, the style of the first element is returned.
+ * @param {Node} element Element to get style from.
+ * @param {string} styleName Style attribute name (e.g., 'marginLeft', 'textAlign').
+ * @returns {string | undefined} The value of the style attribute, or undefined if the element does not exist.
+ */
+export function getStyle(element: Node, styleName: string): string | undefined;
 /**
  * @description In the predefined code view mode, the buttons except the executable button are changed to the 'disabled' state.
- * @param {Array<HTMLButtonElement|HTMLInputElement>} buttonList (Button | Input) Element array
+ * @param {__se__NodeCollection} buttonList (Button | Input) Element array
  * @param {boolean} disabled Disabled value
  * @param {boolean} [important=false] If priveleged mode should be used (Necessary to switch importantDisabled buttons)
  */
-export function setDisabled(buttonList: Array<HTMLButtonElement | HTMLInputElement>, disabled: boolean, important?: boolean): void;
+export function setDisabled(buttonList: __se__NodeCollection, disabled: boolean, important?: boolean): void;
 /**
  * @description Determine whether any of the matched elements are assigned the given class
  * @param {?Node} element Elements to search class name
@@ -188,6 +195,18 @@ export function applyInlineStylesAll(wwTarget: Node, includeWW: boolean, styles:
  * @returns {Promise<void>}
  */
 export function waitForMediaLoad(target: Node, timeout?: number): Promise<void>;
+/**
+ * @description Gets a CSS variable on the root element of the editor.
+ * @param {string} name - The CSS variable name (e.g. `--se-color-primary`)
+ * @return {string} The value of the CSS variable
+ */
+export function getRootCssVar(name: string): string;
+/**
+ * @description Sets a CSS variable on the root element of the editor.
+ * @param {string} name - The CSS variable name (e.g. `--se-color-primary`)
+ * @param {string} value - The CSS variable value
+ */
+export function setRootCssVar(name: string, value: string): void;
 /**
  * @description Create tooltip HTML
  * @param {string} text Tooltip text
@@ -212,6 +231,7 @@ declare namespace utils {
 	export { changeElement };
 	export { changeTxt };
 	export { setStyle };
+	export { getStyle };
 	export { setDisabled };
 	export { hasClass };
 	export { addClass };
@@ -222,5 +242,7 @@ declare namespace utils {
 	export { getViewportSize };
 	export { applyInlineStylesAll };
 	export { waitForMediaLoad };
+	export { getRootCssVar };
+	export { setRootCssVar };
 	export { createTooltipInner };
 }

package/types/helper/dom/index.d.ts

@@ -1,9 +1,94 @@
+export const domQuery: {
+	getPositionIndex: typeof import('./domQuery').getPositionIndex;
+	getNodePath: typeof import('./domQuery').getNodePath;
+	getNodeFromPath: typeof import('./domQuery').getNodeFromPath;
+	getChildNode: typeof import('./domQuery').getChildNode;
+	getListChildren: typeof import('./domQuery').getListChildren;
+	getListChildNodes: typeof import('./domQuery').getListChildNodes;
+	getNodeDepth: typeof import('./domQuery').getNodeDepth;
+	sortNodeByDepth: typeof import('./domQuery').sortNodeByDepth;
+	compareElements: typeof import('./domQuery').compareElements;
+	getParentElement: typeof import('./domQuery').getParentElement;
+	getParentElements: typeof import('./domQuery').getParentElements;
+	getCommandTarget: typeof import('./domQuery').getCommandTarget;
+	getEventTarget: typeof import('./domQuery').getEventTarget;
+	getEdgeChild: typeof import('./domQuery').getEdgeChild;
+	getEdgeChildNodes: typeof import('./domQuery').getEdgeChildNodes;
+	getPreviousDeepestNode: typeof import('./domQuery').getPreviousDeepestNode;
+	getNextDeepestNode: typeof import('./domQuery').getNextDeepestNode;
+	findTextIndexOnLine: typeof import('./domQuery').findTextIndexOnLine;
+	findTabEndIndex: typeof import('./domQuery').findTabEndIndex;
+	findVisualLastCell: typeof import('./domQuery').findVisualLastCell;
+	getScrollParents: typeof import('./domQuery').getScrollParents;
+	getIframeDocument: typeof import('./domQuery').getIframeDocument;
+};
+export const domCheck: {
+	isZeroWidth: typeof import('./domCheck').isZeroWidth;
+	isEdgePoint: typeof import('./domCheck').isEdgePoint;
+	isText: typeof import('./domCheck').isText;
+	isElement: typeof import('./domCheck').isElement;
+	isInputElement: typeof import('./domCheck').isInputElement;
+	isButtonElement: typeof import('./domCheck').isButtonElement;
+	isList: typeof import('./domCheck').isList;
+	isListCell: typeof import('./domCheck').isListCell;
+	isTable: typeof import('./domCheck').isTable;
+	isTableElements: typeof import('./domCheck').isTableElements;
+	isTableCell: typeof import('./domCheck').isTableCell;
+	isTableRow: typeof import('./domCheck').isTableRow;
+	isBreak: typeof import('./domCheck').isBreak;
+	isAnchor: typeof import('./domCheck').isAnchor;
+	isMedia: typeof import('./domCheck').isMedia;
+	isIFrame: typeof import('./domCheck').isIFrame;
+	isFigure: typeof import('./domCheck').isFigure;
+	isContentLess: typeof import('./domCheck').isContentLess;
+	isEmptyLine: typeof import('./domCheck').isEmptyLine;
+	isComponentContainer: typeof import('./domCheck').isComponentContainer;
+	isWysiwygFrame: typeof import('./domCheck').isWysiwygFrame;
+	isNonEditable: typeof import('./domCheck').isNonEditable;
+	isSpanWithoutAttr: typeof import('./domCheck').isSpanWithoutAttr;
+	isSameAttributes: typeof import('./domCheck').isSameAttributes;
+	isExcludeFormat: typeof import('./domCheck').isExcludeFormat;
+	isUneditable: typeof import('./domCheck').isUneditable;
+	isImportantDisabled: typeof import('./domCheck').isImportantDisabled;
+};
+export const domUtils: {
+	clone: typeof import('./domUtils').clone;
+	createElement: typeof import('./domUtils').createElement;
+	createTextNode: typeof import('./domUtils').createTextNode;
+	getAttributesToString: typeof import('./domUtils').getAttributesToString;
+	arrayFilter: typeof import('./domUtils').arrayFilter;
+	arrayFind: typeof import('./domUtils').arrayFind;
+	arrayIncludes: typeof import('./domUtils').arrayIncludes;
+	getArrayIndex: typeof import('./domUtils').getArrayIndex;
+	nextIndex: typeof import('./domUtils').nextIndex;
+	prevIndex: typeof import('./domUtils').prevIndex;
+	copyTagAttributes: typeof import('./domUtils').copyTagAttributes;
+	copyFormatAttributes: typeof import('./domUtils').copyFormatAttributes;
+	removeItem: typeof import('./domUtils').removeItem;
+	changeElement: typeof import('./domUtils').changeElement;
+	changeTxt: typeof import('./domUtils').changeTxt;
+	setStyle: typeof import('./domUtils').setStyle;
+	getStyle: typeof import('./domUtils').getStyle;
+	setDisabled: typeof import('./domUtils').setDisabled;
+	hasClass: typeof import('./domUtils').hasClass;
+	addClass: typeof import('./domUtils').addClass;
+	removeClass: typeof import('./domUtils').removeClass;
+	toggleClass: typeof import('./domUtils').toggleClass;
+	flashClass: typeof import('./domUtils').flashClass;
+	getClientSize: typeof import('./domUtils').getClientSize;
+	getViewportSize: typeof import('./domUtils').getViewportSize;
+	applyInlineStylesAll: typeof import('./domUtils').applyInlineStylesAll;
+	waitForMediaLoad: typeof import('./domUtils').waitForMediaLoad;
+	getRootCssVar: typeof import('./domUtils').getRootCssVar;
+	setRootCssVar: typeof import('./domUtils').setRootCssVar;
+	createTooltipInner: typeof import('./domUtils').createTooltipInner;
+};
 export default dom;
 declare namespace dom {
 	export { query };
 	export { check };
 	export { utils };
 }
-import query from './domQuery';
 import check from './domCheck';
+import query from './domQuery';
 import utils from './domUtils';

package/types/helper/env.d.ts

@@ -78,10 +78,14 @@ export const isChromium: boolean;
 export const isSafari: boolean;
 /**
  * @description Check if User Agent is Mobile device.
- * - when the device is touchable, it is judged as a mobile device.
  * @type {boolean}
  */
 export const isMobile: boolean;
+/**
+ * @description Check if the device is touchable.
+ * @type {boolean}
+ */
+export const isTouchDevice: boolean;
 /**
  * @description Check if User Agent is Android mobile device.
  * @type {boolean}
@@ -124,6 +128,7 @@ declare namespace env {
 	export { isOSX_IOS };
 	export { isAndroid };
 	export { isMobile };
+	export { isTouchDevice };
 	export { cmdIcon };
 	export { shiftIcon };
 	export { DPI };

package/types/helper/index.d.ts

@@ -16,6 +16,7 @@ export const env: {
 	isOSX_IOS: boolean;
 	isAndroid: boolean;
 	isMobile: boolean;
+	isTouchDevice: boolean;
 	cmdIcon: string;
 	shiftIcon: string;
 	DPI: number;
@@ -59,6 +60,7 @@ export const dom: {
 		getPositionIndex: typeof import('./dom/domQuery').getPositionIndex;
 		getNodePath: typeof import('./dom/domQuery').getNodePath;
 		getNodeFromPath: typeof import('./dom/domQuery').getNodeFromPath;
+		getChildNode: typeof import('./dom/domQuery').getChildNode;
 		getListChildren: typeof import('./dom/domQuery').getListChildren;
 		getListChildNodes: typeof import('./dom/domQuery').getListChildNodes;
 		getNodeDepth: typeof import('./dom/domQuery').getNodeDepth;
@@ -75,7 +77,7 @@ export const dom: {
 		findTextIndexOnLine: typeof import('./dom/domQuery').findTextIndexOnLine;
 		findTabEndIndex: typeof import('./dom/domQuery').findTabEndIndex;
 		findVisualLastCell: typeof import('./dom/domQuery').findVisualLastCell;
-		getScrollParent: typeof import('./dom/domQuery').getScrollParent;
+		getScrollParents: typeof import('./dom/domQuery').getScrollParents;
 		getIframeDocument: typeof import('./dom/domQuery').getIframeDocument;
 	};
 	check: {
@@ -98,6 +100,7 @@ export const dom: {
 		isFigure: typeof import('./dom/domCheck').isFigure;
 		isContentLess: typeof import('./dom/domCheck').isContentLess;
 		isEmptyLine: typeof import('./dom/domCheck').isEmptyLine;
+		isComponentContainer: typeof import('./dom/domCheck').isComponentContainer;
 		isWysiwygFrame: typeof import('./dom/domCheck').isWysiwygFrame;
 		isNonEditable: typeof import('./dom/domCheck').isNonEditable;
 		isSpanWithoutAttr: typeof import('./dom/domCheck').isSpanWithoutAttr;
@@ -123,6 +126,7 @@ export const dom: {
 		changeElement: typeof import('./dom/domUtils').changeElement;
 		changeTxt: typeof import('./dom/domUtils').changeTxt;
 		setStyle: typeof import('./dom/domUtils').setStyle;
+		getStyle: typeof import('./dom/domUtils').getStyle;
 		setDisabled: typeof import('./dom/domUtils').setDisabled;
 		hasClass: typeof import('./dom/domUtils').hasClass;
 		addClass: typeof import('./dom/domUtils').addClass;
@@ -133,6 +137,8 @@ export const dom: {
 		getViewportSize: typeof import('./dom/domUtils').getViewportSize;
 		applyInlineStylesAll: typeof import('./dom/domUtils').applyInlineStylesAll;
 		waitForMediaLoad: typeof import('./dom/domUtils').waitForMediaLoad;
+		getRootCssVar: typeof import('./dom/domUtils').getRootCssVar;
+		setRootCssVar: typeof import('./dom/domUtils').setRootCssVar;
 		createTooltipInner: typeof import('./dom/domUtils').createTooltipInner;
 	};
 };

package/types/helper/keyCodeMap.d.ts

@@ -18,11 +18,11 @@ export function isCtrl(e: KeyboardEvent): boolean;
  */
 export function isAlt(e: KeyboardEvent): boolean;
 /**
- * @description event.isComposing check
- * @param {KeyboardEvent} e Event object
+ * @description Check if the event is related to IME composition (in-progress or commit).
+ * @param {KeyboardEvent|InputEvent} e Event object
  * @returns {boolean}
  */
-export function isComposing(e: KeyboardEvent): boolean;
+export function isComposing(e: KeyboardEvent | InputEvent): boolean;
 /**
  * @description Backspace key check
  * @param {string} code Event.code