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

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

@@ -0,0 +1,263 @@
+export default Inline;
+export type InlineThis = Omit<Inline & Partial<__se__EditorInjector>, 'inline'>;
+export type NodeStyleContainerType = {
+	ancestor?: (Node | null) | undefined;
+	offset?: (number | null) | undefined;
+	container?: (Node | null) | undefined;
+	endContainer?: (Node | null) | undefined;
+};
+/**
+ * @typedef {Omit<Inline & Partial<__se__EditorInjector>, 'inline'>} InlineThis
+ */
+/**
+ * @typedef {Object} NodeStyleContainerType
+ * @property {?Node=} ancestor
+ * @property {?number=} offset
+ * @property {?Node=} container
+ * @property {?Node=} endContainer
+ */
+/**
+ * @constructor
+ * @this {InlineThis}
+ * @description Classes related to editor inline formats such as style node like strong, span, etc.
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function Inline(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, editor: __se__EditorCore): void;
+declare class Inline {
+	/**
+	 * @typedef {Omit<Inline & Partial<__se__EditorInjector>, 'inline'>} InlineThis
+	 */
+	/**
+	 * @typedef {Object} NodeStyleContainerType
+	 * @property {?Node=} ancestor
+	 * @property {?number=} offset
+	 * @property {?Node=} container
+	 * @property {?Node=} endContainer
+	 */
+	/**
+	 * @constructor
+	 * @this {InlineThis}
+	 * @description Classes related to editor inline formats such as style node like strong, span, etc.
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	_listCamel: any;
+	_listKebab: any;
+	/**
+	 * @this {InlineThis}
+	 * @description Adds, updates, or deletes style nodes from selected text (a, span, strong, etc.).
+	 * @param {?Node} styleNode The element to be added to the selection. If null, only existing nodes are modified or removed.
+	 * @param {Object} [options] Options
+	 * @param {Array<string>} [options.stylesToModify=null] Array of style or class names to check and modify.
+	 *        (e.g., ['font-size'], ['.className'], ['font-family', 'color', '.className'])
+	 * @param {Array<string>} [options.nodesToRemove=null] Array of node names to remove.
+	 *        If empty array or null when styleNode is null, all formats are removed.
+	 *        (e.g., ['span'], ['strong', 'em'])
+	 * @param {boolean} [options.strictRemove=false] If true, only removes nodes from nodesToRemove if all styles and classes are removed.
+	 * @returns {HTMLElement} The element that was added to or modified in the selection.
+	 *
+	 * @details
+	 * 1. If styleNode is provided, a node with the same tags and attributes is added to the selected text.
+	 * 2. If the same tag already exists, only its attributes are updated.
+	 * 3. If styleNode is null, existing nodes are updated or removed without adding new ones.
+	 * 4. Styles matching those in stylesToModify are removed. (Use CSS attribute names, e.g., "background-color")
+	 * 5. Classes matching those in stylesToModify (prefixed with ".") are removed.
+	 * 6. stylesToModify is used to avoid duplicate property values from styleNode.
+	 * 7. Nodes with all styles and classes removed are deleted if they match styleNode, are in nodesToRemove, or if styleNode is null.
+	 * 8. Tags matching names in nodesToRemove are deleted regardless of their style and class.
+	 * 9. If strictRemove is true, nodes in nodesToRemove are only removed if all their styles and classes are removed.
+	 * 10. The function won't modify nodes if the parent has the same class and style values.
+	 * - However, if nodesToRemove has values, it will work and separate text nodes even if there's no node to replace.
+	 */
+	apply(
+		this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>,
+		styleNode: Node | null,
+		{
+			stylesToModify,
+			nodesToRemove,
+			strictRemove
+		}?: {
+			stylesToModify?: Array<string>;
+			nodesToRemove?: Array<string>;
+			strictRemove?: boolean;
+		}
+	): HTMLElement;
+	/**
+	 * @this {InlineThis}
+	 * @description Remove format of the currently selected text.
+	 */
+	remove(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>): void;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Nodes that must remain undetached when changing text nodes (A, Label, Code, Span:font-size)
+	 * @param {Node|string} element Element to check
+	 * @returns {boolean}
+	 */
+	_isNonSplitNode(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, element: Node | string): boolean;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Nodes that need to be added without modification when changing text nodes
+	 * @param {Node} element Element to check
+	 * @returns {boolean}
+	 */
+	_isIgnoreNodeChange(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, element: Node): boolean;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description wraps text nodes of line selected text.
+	 * @param {Node} element The node of the line that contains the selected text node.
+	 * @param {Node} newInnerNode The dom that will wrap the selected text area
+	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
+	 * @param {Node} startCon 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.
+	 * @param {boolean} isRemoveFormat Is the remove all formats command?
+	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
+	 * @param {boolean} collapsed range.collapsed
+	 * @returns {{ancestor: *, startContainer: *, startOffset: *, endContainer: *, endOffset: *}}
+	 */
+	_setNode_oneLine(
+		this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>,
+		element: Node,
+		newInnerNode: Node,
+		validation: (current: Node) => Node | null,
+		startCon: Node,
+		startOff: number,
+		endCon: Node,
+		endOff: number,
+		isRemoveFormat: boolean,
+		isRemoveNode: boolean,
+		collapsed: boolean,
+		_removeCheck: any,
+		_getMaintainedNode: any,
+		_isMaintainedNode: any
+	): {
+		ancestor: any;
+		startContainer: any;
+		startOffset: any;
+		endContainer: any;
+		endOffset: any;
+	};
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description wraps first line selected text.
+	 * @param {Node} element The node of the line that contains the selected text node.
+	 * @param {Node} newInnerNode The dom that will wrap the selected text area
+	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
+	 * @param {Node} startCon The startContainer property of the selection object.
+	 * @param {number} startOff The startOffset property of the selection object.
+	 * @param {boolean} isRemoveFormat Is the remove all formats command?
+	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
+	 * @returns {NodeStyleContainerType} { ancestor, container, offset, endContainer }
+	 */
+	_setNode_startLine(
+		this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>,
+		element: Node,
+		newInnerNode: Node,
+		validation: (current: Node) => Node | null,
+		startCon: Node,
+		startOff: number,
+		isRemoveFormat: boolean,
+		isRemoveNode: boolean,
+		_removeCheck: any,
+		_getMaintainedNode: any,
+		_isMaintainedNode: any,
+		_endContainer: any
+	): NodeStyleContainerType;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description wraps mid lines selected text.
+	 * @param {HTMLElement} element The node of the line that contains the selected text node.
+	 * @param {Node} newInnerNode The dom that will wrap the selected text area
+	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
+	 * @param {boolean} isRemoveFormat Is the remove all formats command?
+	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
+	 * @param {Node} _endContainer Offset node of last line already modified (end.container)
+	 * @returns {NodeStyleContainerType} { ancestor, endContainer: "If end container is renewed, returned renewed node" }
+	 */
+	_setNode_middleLine(
+		this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>,
+		element: HTMLElement,
+		newInnerNode: Node,
+		validation: (current: Node) => Node | null,
+		isRemoveFormat: boolean,
+		isRemoveNode: boolean,
+		_removeCheck: any,
+		_endContainer: Node
+	): NodeStyleContainerType;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description wraps last line selected text.
+	 * @param {Node} element The node of the line that contains the selected text node.
+	 * @param {Node} newInnerNode The dom that will wrap the selected text area
+	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
+	 * @param {Node} endCon The endContainer property of the selection object.
+	 * @param {number} endOff The endOffset property of the selection object.
+	 * @param {boolean} isRemoveFormat Is the remove all formats command?
+	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
+	 * @returns {NodeStyleContainerType} { ancestor, container, offset }
+	 */
+	_setNode_endLine(
+		this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>,
+		element: Node,
+		newInnerNode: Node,
+		validation: (current: Node) => Node | null,
+		endCon: Node,
+		endOff: number,
+		isRemoveFormat: boolean,
+		isRemoveNode: boolean,
+		_removeCheck: any,
+		_getMaintainedNode: any,
+		_isMaintainedNode: any
+	): NodeStyleContainerType;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Node with font-size style
+	 * @param {Node} element Element to check
+	 * @returns {boolean}
+	 */
+	_sn_isSizeNode(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, element: Node): boolean;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Return the parent maintained tag. (bind and use a util object)
+	 * @param {boolean} _isRemove is remove anchor
+	 * @param {boolean} _isSizeNode is size span node
+	 * @param {Node} element Element
+	 * @returns {Node|null}
+	 */
+	_sn_getMaintainedNode(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, _isRemove: boolean, _isSizeNode: boolean, element: Node): Node | null;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Check if element is a tag that should be persisted. (bind and use a util object)
+	 * @param {boolean} _isRemove is remove anchor
+	 * @param {boolean} _isSizeNode is size span node
+	 * @param {Node} element Element
+	 * @returns {boolean}
+	 */
+	_sn_isMaintainedNode(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, _isRemove: boolean, _isSizeNode: boolean, element: Node): boolean;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description If certain styles are applied to all child nodes of the list cell, the style of the list cell is also changed. (bold, color, size)
+	 * @param {Node} el List cell element. <li>
+	 * @param {?Node} child Variable for recursive call. ("null" on the first call)
+	 */
+	_sn_setCommonListStyle(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, el: Node, child: Node | null): void;
+	/**
+	 * @private
+	 * @this {InlineThis}
+	 * @description Watch the applied text nodes and adjust the common styles of the list.
+	 * @param {Node} el "LI" element
+	 * @param {Array|null} styleArray Refer style array
+	 */
+	_sn_resetCommonListCell(this: Omit<Inline & Partial<import('../../editorInjector').default>, 'inline'>, el: Node, styleArray: any[] | null): boolean;
+}

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

@@ -0,0 +1,135 @@
+export default ListFormat;
+export type ListFormatThis = Omit<ListFormat & Partial<__se__EditorInjector>, 'ListFormat'>;
+/**
+ * @typedef {Omit<ListFormat & Partial<__se__EditorInjector>, 'ListFormat'>} ListFormatThis
+ */
+/**
+ * @constructor
+ * @this {ListFormatThis}
+ * @description Classes related to editor formats such as "list" (ol, ul, li)
+ * - "list" is a special "line", "block" format.
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function ListFormat(this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>, editor: __se__EditorCore): void;
+declare class ListFormat {
+	/**
+	 * @typedef {Omit<ListFormat & Partial<__se__EditorInjector>, 'ListFormat'>} ListFormatThis
+	 */
+	/**
+	 * @constructor
+	 * @this {ListFormatThis}
+	 * @description Classes related to editor formats such as "list" (ol, ul, li)
+	 * - "list" is a special "line", "block" format.
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	/**
+	 * @this {ListFormatThis}
+	 * @description Append all selected "line" element to the list and insert.
+	 * @param {string} type List type. (ol | ul):[listStyleType]
+	 * @param {Array<Node>} selectedCells "line" elements or list cells.
+	 * @param {boolean} nested If true, indenting existing list cells.
+	 */
+	apply(
+		this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>,
+		type: string,
+		selectedCells: Array<Node>,
+		nested: boolean
+	): {
+		sc: Node;
+		so: number;
+		ec: Node;
+		eo: number;
+	};
+	/**
+	 * @this {ListFormatThis}
+	 * @description "selectedCells" array are detached from the list element.
+	 * - The return value is applied when the first and last lines of "selectedFormats" are "LI" respectively.
+	 * @param {Array<Node>} selectedCells Array of ["line", li] elements(LI, P...) to remove.
+	 * @param {boolean} shouldDelete If true, It does not just remove the list, it deletes the content.
+	 * @returns {{sc: Node, ec: Node}} Node information after deletion
+	 * - sc: Start container node
+	 * - ec: End container node
+	 */
+	remove(
+		this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>,
+		selectedCells: Array<Node>,
+		shouldDelete: boolean
+	): {
+		sc: Node;
+		ec: Node;
+	};
+	/**
+	 * @this {ListFormatThis}
+	 * @description Nest list cells or cancel nested cells.
+	 * @param {Array<HTMLElement>} selectedCells List cells.
+	 * @param {boolean} nested Nested or cancel nested.
+	 */
+	applyNested(
+		this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>,
+		selectedCells: Array<HTMLElement>,
+		nested: boolean
+	): {
+		sc: Node;
+		so: number;
+		ec: Node;
+		eo: number;
+	};
+	/**
+	 * @this {ListFormatThis}
+	 * @description Detach Nested all nested lists under the "baseNode".
+	 * - Returns a list with nested removed.
+	 * @param {HTMLElement} baseNode Element on which to base.
+	 * @param {boolean} all If true, it also detach all nested lists of a returned list.
+	 * @returns {Node} Result element
+	 */
+	removeNested(this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>, baseNode: HTMLElement, all: boolean): Node;
+	/**
+	 * @private
+	 * @this {ListFormatThis}
+	 * @description Attaches a nested list structure by merging adjacent lists if applicable.
+	 * - Ensures that the nested list is placed correctly in the document structure.
+	 * @param {Element} originList The original list element where the nested list is inserted.
+	 * @param {Element} innerList The nested list element.
+	 * @param {Element} prev The previous sibling element.
+	 * @param {Element} next The next sibling element.
+	 * @param {{s: Array<number> | null, e: Array<number> | null, sl: Node | null, el: Node | null}} nodePath Object storing the start and end node paths.
+	 * - s : Start node path.
+	 * - e : End node path.
+	 * - sl : Start node's parent element.
+	 * - el : End node's parent element.
+	 * @returns {Node} The attached inner list.
+	 */
+	_attachNested(
+		this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>,
+		originList: Element,
+		innerList: Element,
+		prev: Element,
+		next: Element,
+		nodePath: {
+			s: Array<number> | null;
+			e: Array<number> | null;
+			sl: Node | null;
+			el: Node | null;
+		}
+	): Node;
+	/**
+	 * @private
+	 * @this {ListFormatThis}
+	 * @description Detaches a nested list structure by extracting list items from their parent list.
+	 * - Ensures proper restructuring of the list elements.
+	 * @param {Array<HTMLElement>} cells The list items to be detached.
+	 * @returns {{cc: Node, sc: Node, ec: Node}} An object containing reference nodes for repositioning.
+	 * - cc : The parent node of the first list item.
+	 * - sc : The first list item.
+	 * - ec : The last list item.
+	 */
+	_detachNested(
+		this: Omit<ListFormat & Partial<import('../../editorInjector').default>, 'ListFormat'>,
+		cells: Array<HTMLElement>
+	): {
+		cc: Node;
+		sc: Node;
+		ec: Node;
+	};
+}

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

@@ -42,9 +42,9 @@ declare class Menu {
 		mousemove: any;
 		mouseout: any;
 	};
-	_bindClose_dropdown_mouse: any;
+	_bindClose_dropdown_mouse: __se__GlobalEventInfo;
 	_bindClose_dropdown_key: any;
-	_bindClose_cons_mouse: any;
+	_bindClose_cons_mouse: __se__GlobalEventInfo;
 	currentDropdownPlugin: any;
 	__menuBtn: Node;
 	__menuContainer: HTMLElement;
@@ -96,6 +96,14 @@ declare class Menu {
 	 * @param {HTMLElement} menu Menu element
 	 */
 	_setMenuPosition(this: Omit<Menu & Partial<import('../../editorInjector').default>, 'menu'>, element: Node, menu: HTMLElement): void;
+	/**
+	 * @private
+	 * @this {MenuThis}
+	 * @description Reset the menu position.
+	 * @param {Node} element Button element
+	 * @param {HTMLElement} menu Menu element
+	 */
+	_resetMenuPosition(this: Omit<Menu & Partial<import('../../editorInjector').default>, 'menu'>, element: Node, menu: HTMLElement): void;
 	/**
 	 * @private
 	 * @this {MenuThis}

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

@@ -75,21 +75,21 @@ export type OffsetGlobalInfo = {
 	 */
 	left: number;
 	/**
-	 * - The total width of the element, including its content, padding, and border.
+	 * - The top position within the current viewport, without taking scrolling into account.
 	 */
-	width: number;
+	fixedTop: number;
 	/**
-	 * - The total height of the element, including its content, padding, and border.
+	 * - The left position within the current viewport, without taking scrolling into account.
 	 */
-	height: number;
+	fixedLeft: number;
 	/**
-	 * - The amount of vertical scrolling applied to the element.
+	 * - The total width of the element, including its content, padding, and border.
 	 */
-	scrollTop: number;
+	width: number;
 	/**
-	 * - The amount of horizontal scrolling applied to the element.
+	 * - The total height of the element, including its content, padding, and border.
 	 */
-	scrollLeft: number;
+	height: number;
 };
 export type OffsetGlobalScrollInfo = {
 	/**
@@ -205,10 +205,10 @@ export type OffsetWWScrollInfo = {
  * @typedef {Object} OffsetGlobalInfo
  * @property {number} top - The top position of the element relative to the entire document.
  * @property {number} left - The left position of the element relative to the entire document.
+ * @property {number} fixedTop - The top position within the current viewport, without taking scrolling into account.
+ * @property {number} fixedLeft - The left position within the current viewport, without taking scrolling into account.
  * @property {number} width - The total width of the element, including its content, padding, and border.
  * @property {number} height - The total height of the element, including its content, padding, and border.
- * @property {number} scrollTop - The amount of vertical scrolling applied to the element.
- * @property {number} scrollLeft - The amount of horizontal scrolling applied to the element.
  */
 /**
  * @typedef {Object} OffsetGlobalScrollInfo
@@ -274,10 +274,10 @@ declare class Offset {
 	 * @typedef {Object} OffsetGlobalInfo
 	 * @property {number} top - The top position of the element relative to the entire document.
 	 * @property {number} left - The left position of the element relative to the entire document.
+	 * @property {number} fixedTop - The top position within the current viewport, without taking scrolling into account.
+	 * @property {number} fixedLeft - The left position within the current viewport, without taking scrolling into account.
 	 * @property {number} width - The total width of the element, including its content, padding, and border.
 	 * @property {number} height - The total height of the element, including its content, padding, and border.
-	 * @property {number} scrollTop - The amount of vertical scrolling applied to the element.
-	 * @property {number} scrollLeft - The amount of horizontal scrolling applied to the element.
 	 */
 	/**
 	 * @typedef {Object} OffsetGlobalScrollInfo
@@ -312,10 +312,6 @@ declare class Offset {
 	 * @param {__se__EditorCore} editor - The root editor instance
 	 */
 	constructor(editor: __se__EditorCore);
-	_scrollEvent: any;
-	_elTop: number;
-	_scrollY: number;
-	_isFixed: boolean;
 	/**
 	 * @this {OffsetThis}
 	 * @description Gets the position just outside the argument's internal editor (wysiwygFrame).
@@ -333,6 +329,7 @@ declare class Offset {
 	/**
 	 * @this {OffsetThis}
 	 * @description Returns the position of the argument relative to the global document.
+	 * This is a refactored version using getBoundingClientRect for better performance and accuracy.
 	 * @param {?Node=} node Target element.
 	 * @returns {OffsetGlobalInfo} Global position and scroll values.
 	 */
@@ -357,9 +354,8 @@ declare class Offset {
 	 * @param {HTMLElement} e_container Element's root container
 	 * @param {HTMLElement} target Target element to position against
 	 * @param {HTMLElement} t_container Target's root container
-	 * @param {boolean} _reload Whether to reload position
 	 */
-	setRelPosition(this: Omit<Offset & Partial<import('../../editorInjector').default>, 'offset'>, element: HTMLElement, e_container: HTMLElement, target: HTMLElement, t_container: HTMLElement, _reload: boolean): void;
+	setRelPosition(this: Omit<Offset & Partial<import('../../editorInjector').default>, 'offset'>, element: HTMLElement, e_container: HTMLElement, target: HTMLElement, t_container: HTMLElement): void;
 	/**
 	 * @this {OffsetThis}
 	 * @description Sets the absolute position of an element
@@ -370,6 +366,7 @@ declare class Offset {
 	 * @param {{left:number, top:number}} [params.addOffset={left:0, top:0}] Additional offset
 	 * @param {"bottom"|"top"} [params.position="bottom"] Position ('bottom'|'top')
 	 * @param {*} params.inst Instance object of caller
+	 * @param {HTMLElement} [params.sibling] The sibling controller element
 	 * @returns {{position: "top" | "bottom"} | undefined} Success -> {position: current position}
 	 */
 	setAbsPosition(
@@ -384,6 +381,7 @@ declare class Offset {
 			};
 			position?: 'bottom' | 'top';
 			inst: any;
+			sibling?: HTMLElement;
 		}
 	):
 		| {
@@ -459,7 +457,12 @@ declare class Offset {
 	 * @param {RectsInfo} targetRect Target rect object
 	 * @param {boolean} isTargetAbs Is target absolute position
 	 * @param {OffsetWWScrollInfo} wwScroll WYSIWYG scroll info
-	 * @returns {{rmt:number, rmb:number, rt:number}} Margin values (rmt: top margin, rmb: bottom margin, rt: Toolbar height offset adjustment)
+	 * @returns {{rmt:number, rmb:number, rt:number, tMargin:number, bMargin:number}} Margin values
+	 * - rmt: top margin to frame
+	 * - rmb: bottom margin to frame
+	 * - rt: Toolbar height offset adjustment
+	 * - tMargin: top margin
+	 * - bMargin: bottom margin
 	 */
 	_getVMargin(
 		this: Omit<Offset & Partial<import('../../editorInjector').default>, 'offset'>,
@@ -477,6 +480,8 @@ declare class Offset {
 		rmt: number;
 		rmb: number;
 		rt: number;
+		tMargin: number;
+		bMargin: number;
 	};
 	/**
 	 * @private
@@ -512,11 +517,4 @@ declare class Offset {
 		bottom: number;
 		rects: RectsInfo;
 	};
-	/**
-	 * @private
-	 * @this {OffsetThis}
-	 * @description Removes the global scroll event listener from the editor.
-	 * - Resets related scroll tracking properties.
-	 */
-	__removeGlobalEvent(this: Omit<Offset & Partial<import('../../editorInjector').default>, 'offset'>): void;
 }

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

@@ -33,6 +33,8 @@ declare class Selection_ {
 	/** @type {HTMLElement|Text} */
 	selectionNode: HTMLElement | Text;
 	__iframeFocus: boolean;
+	__hasScrollParents: boolean;
+	_scrollMargin: number;
 	/**
 	 * @this {SelectionThis}
 	 * @description Get window selection obejct

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

@@ -9,10 +9,10 @@ export type ToolbarThis = Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar
  * @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 {"toolbar"|"toolbar_sub"} 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(
@@ -25,7 +25,7 @@ declare function Toolbar(
 		balloonAlways,
 		res
 	}: {
-		keyName: string;
+		keyName: 'toolbar' | 'toolbar_sub';
 		balloon: boolean;
 		inline: boolean;
 		balloonAlways: boolean;
@@ -42,10 +42,10 @@ declare class Toolbar {
 	 * @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 {"toolbar"|"toolbar_sub"} 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(
@@ -57,15 +57,22 @@ declare class Toolbar {
 			balloonAlways,
 			res
 		}: {
-			keyName: string;
+			keyName: 'toolbar' | 'toolbar_sub';
 			balloon: boolean;
 			inline: boolean;
 			balloonAlways: boolean;
 			res: Array<Node>;
 		}
 	);
-	keyName: string;
 	isSub: boolean;
+	/**
+	 * @type {Object}
+	 * @description Key names for the toolbar elements.
+	 * @property {"toolbar_sub_main"|"toolbar_main"} main - Main toolbar key name
+	 * @property {"toolbar_sub_buttonTray"|"toolbar_buttonTray"} buttonTray - Button tray key name
+	 * @property {"toolbar_sub_width"|"toolbar_width"} width - Toolbar width key name
+	 */
+	keyName: any;
 	currentMoreLayerActiveButton: HTMLButtonElement;
 	_isBalloon: boolean;
 	_isInline: boolean;
@@ -120,6 +127,12 @@ declare class Toolbar {
 	 * @param {Array} buttonList Button list
 	 */
 	setButtons(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>, buttonList: any[]): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Reset the common buttons info.
+	 */
+	_resetButtonInfo(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'toolbar' | 'subToolbar'>): void;
 	/**
 	 * @private
 	 * @this {ToolbarThis}

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

@@ -30,7 +30,7 @@ declare class UI {
 	_alertInner: HTMLElement;
 	_closeListener: any[];
 	_closeSignal: boolean;
-	_bindClose: any;
+	_bindClose: __se__GlobalEventInfo;
 	_backWrapper: HTMLElement;
 	toastPopup: HTMLElement;
 	toastContainer: Element;

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

@@ -33,7 +33,7 @@ declare class Viewer {
 	fullScreenSticky: boolean;
 	fullScreenBalloon: boolean;
 	fullScreenInline: boolean;
-	toolbarParent: any;
+	toolbarParent: HTMLElement;
 	/**
 	 * @this {ViewerThis}
 	 * @description Changes to code view or wysiwyg view