suneditor 3.0.0-beta.26 → 3.0.0-beta.28

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/config/options.d.ts

@@ -1,11 +1,31 @@
 /** --+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+-- */
 /**
  * ================================================================================================================================
- * === UTILITIES : Manage Option Map
+ * === UTILITIES : Manage Option Map ⭐️
  * =================================================================================================================================
  */
 /**
- * @typedef {Object} FrameOptionsUtil
+ * @typedef {Object} BaseOptionsMap
+ * @description A Map containing all processed editor base options.
+ * - This Map contains all keys from {@link AllBaseOptions}, where:
+ * - Keys are option names (string)
+ * - Values depend on the specific option (see {@link AllBaseOptions} for details)
+ *
+ * @property {(k: keyof AllBaseOptions) => *} get - Retrieves the value of a specific option.
+ * @property {(k: keyof AllBaseOptions, v: *) => void} set - Sets the value of a specific option.
+ * @property {(k: keyof AllBaseOptions) => boolean} has - Checks if a specific option exists.
+ * @property {() => Object<keyof AllBaseOptions, *>} getAll - Retrieves all options as an object.
+ * @property {(options: Object<keyof AllBaseOptions, *>) => void} setMany - Sets multiple options at once.
+ * @property {(newMap: Map<string, *>) => void} reset - Replaces all options with a new Map.
+ * @property {() => void} clear - Clears all stored options.
+ */
+/**
+ * @typedef {Object} FrameOptionsMap
+ * @description A Map containing all processed frame-level options.
+ * - This Map contains all keys from {@link AllFrameOptions}, where:
+ * - Keys are option names (string)
+ * - Values depend on the specific option (see {@link AllFrameOptions} for details)
+ *
  * @property {(k: keyof AllFrameOptions) => *} get - Retrieves the value of a specific option.
  * @property {(k: keyof AllFrameOptions, v: *) => void} set - Sets the value of a specific option.
  * @property {(k: keyof AllFrameOptions) => boolean} has - Checks if a specific option exists.
@@ -14,90 +34,24 @@
  * @property {(newMap: Map<string, *>) => void} reset - Replaces all options with a new Map.
  * @property {() => void} clear - Clears all stored options.
  */
+/** ================================================================================================================================= */
+/** ================================================================================================================================= */
 /**
  * @description Creates a utility wrapper for editor frame options.
  * Provides get, set, has, getAll, and setMany methods with internal Map support.
  * @param {*} editor - The editor instance
- * @returns {FrameOptionsUtil}
- */
-export function FrameOptionsUtil(editor: any): FrameOptionsUtil;
-export type FrameOptionsUtil = {
-	/**
-	 * - Retrieves the value of a specific option.
-	 */
-	get: (k: keyof AllFrameOptions) => any;
-	/**
-	 * - Sets the value of a specific option.
-	 */
-	set: (k: keyof AllFrameOptions, v: any) => void;
-	/**
-	 * - Checks if a specific option exists.
-	 */
-	has: (k: keyof AllFrameOptions) => boolean;
-	/**
-	 * - Retrieves all options as an object.
-	 */
-	getAll: () => any;
-	/**
-	 * - Sets multiple options at once.
-	 */
-	setMany: (options: any) => void;
-	/**
-	 * - Replaces all options with a new Map.
-	 */
-	reset: (newMap: Map<string, any>) => void;
-	/**
-	 * - Clears all stored options.
-	 */
-	clear: () => void;
-};
-/**
- * @typedef {Object} BaseOptionsUtil
- * @property {(k: keyof AllBaseOptions) => *} get - Retrieves the value of a specific option.
- * @property {(k: keyof AllBaseOptions, v: *) => void} set - Sets the value of a specific option.
- * @property {(k: keyof AllBaseOptions) => boolean} has - Checks if a specific option exists.
- * @property {() => Object<keyof AllBaseOptions, *>} getAll - Retrieves all options as an object.
- * @property {(options: Object<keyof AllBaseOptions, *>) => void} setMany - Sets multiple options at once.
- * @property {(newMap: Map<string, *>) => void} reset - Replaces all options with a new Map.
- * @property {() => void} clear - Clears all stored options.
+ * @returns {FrameOptionsMap}
  */
+export function FrameOptionsMap(editor: any): FrameOptionsMap;
+export type FrameOptionsMap = any;
 /**
  * @description Creates a utility wrapper for editor base options.
  * - Provides get, set, has, getAll, and setMany methods with internal Map support.
  * @param {*} editor - The editor instance
- * @returns {BaseOptionsUtil}
+ * @returns {BaseOptionsMap}
  */
-export function BaseOptionsUtil(editor: any): BaseOptionsUtil;
-export type BaseOptionsUtil = {
-	/**
-	 * - Retrieves the value of a specific option.
-	 */
-	get: (k: keyof AllBaseOptions) => any;
-	/**
-	 * - Sets the value of a specific option.
-	 */
-	set: (k: keyof AllBaseOptions, v: any) => void;
-	/**
-	 * - Checks if a specific option exists.
-	 */
-	has: (k: keyof AllBaseOptions) => boolean;
-	/**
-	 * - Retrieves all options as an object.
-	 */
-	getAll: () => any;
-	/**
-	 * - Sets multiple options at once.
-	 */
-	setMany: (options: any) => void;
-	/**
-	 * - Replaces all options with a new Map.
-	 */
-	reset: (newMap: Map<string, any>) => void;
-	/**
-	 * - Clears all stored options.
-	 */
-	clear: () => void;
-};
+export function BaseOptionsMap(editor: any): BaseOptionsMap;
+export type BaseOptionsMap = any;
 export namespace DEFAULTS {
 	let BUTTON_LIST: (string | string[])[];
 	let REQUIRED_FORMAT_LINE: string;
@@ -186,11 +140,17 @@ export namespace DEFAULTS {
  * @property {Object} [__statusbarEvent] - Status bar event configuration.
  * ================================================================================================================================
  */
+/**
+ * @typedef {Object} OptionStyleResult
+ * @property {string} top - Styles applied to the top container (e.g. width, z-index, etc).
+ * @property {string} frame - Styles applied to the iframe container (e.g. height, min-height).
+ * @property {string} editor - Styles applied to the editable content area.
+ */
 /**
  * ================================================================================================================================
  * @typedef {Object} InternalFrameOptions
  * **Runtime-only frame options (computed internally, cannot be set by users)**
- * @property {import('../../helper/converter').OptionStyleResult} [_defaultStyles] - Enables fixed positioning for the editor frame.
+ * @property {OptionStyleResult} [_defaultStyles] - Enables fixed positioning for the editor frame.
  * ================================================================================================================================
  */
 /**
@@ -575,6 +535,20 @@ export type EditorFrameOptions = {
 	 */
 	__statusbarEvent?: any;
 };
+export type OptionStyleResult = {
+	/**
+	 * - Styles applied to the top container (e.g. width, z-index, etc).
+	 */
+	top: string;
+	/**
+	 * - Styles applied to the iframe container (e.g. height, min-height).
+	 */
+	frame: string;
+	/**
+	 * - Styles applied to the editable content area.
+	 */
+	editor: string;
+};
 /**
  * **Runtime-only frame options (computed internally, cannot be set by users)**
  */
@@ -583,7 +557,7 @@ export type InternalFrameOptions = {
 	 * - Enables fixed positioning for the editor frame.
 	 * ================================================================================================================================
 	 */
-	_defaultStyles?: import('../../helper/converter').OptionStyleResult;
+	_defaultStyles?: OptionStyleResult;
 };
 export type AllFrameOptions = EditorFrameOptions & InternalFrameOptions;
 /**

package/types/core/editor.d.ts

@@ -104,9 +104,9 @@ declare class Editor {
 	/**
 	 * @description Utility object that manages the editor's runtime [frame] options.
 	 * Provides methods to get, set, and inspect internal [frame] options.
-	 * @type {FrameOptionsUtil}
+	 * @type {FrameOptionsMap}
 	 */
-	frameOptions: FrameOptionsUtil;
+	frameOptions: FrameOptionsMap;
 	/**
 	 * @description Editor row options
 	 * @type {Map<string, *>}
@@ -115,9 +115,9 @@ declare class Editor {
 	/**
 	 * @description Utility object that manages the editor's runtime options.
 	 * Provides methods to get, set, and inspect internal editor options.
-	 * @type {BaseOptionsUtil}
+	 * @type {BaseOptionsMap}
 	 */
-	options: BaseOptionsUtil;
+	options: BaseOptionsMap;
 	/**
 	 * @description Plugins
 	 * @type {Object<string, *>}
@@ -250,8 +250,8 @@ declare class Editor {
 	selectMenuOn: boolean;
 	/** @description History class instance @type {ReturnType<typeof import('./base/history').default>} */
 	history: ReturnType<typeof import('./base/history').default>;
-	/** @description EventManager class instance @type {import('./base/eventManager').default} */
-	eventManager: import('./base/eventManager').default;
+	/** @description EventManager class instance @type {import('./event/eventManager').default} */
+	eventManager: import('./event/eventManager').default;
 	/** @description iframe-safe instanceof check utility class @type {import('./util/instanceCheck').default} */
 	instanceCheck: import('./util/instanceCheck').default;
 	/** @description Toolbar class instance @type {import('./class/toolbar').default} */
@@ -266,6 +266,10 @@ declare class Editor {
 	format: import('./class/format').default;
 	/** @description HTML class instance @type {import('./class/html').default} */
 	html: import('./class/html').default;
+	/** @description Inline format class instance @type {import('./class/inline').default} */
+	inline: import('./class/inline').default;
+	/** @description List format class instance @type {import('./class/listFormat').default} */
+	listFormat: import('./class/listFormat').default;
 	/** @description Menu class instance @type {import('./class/menu').default} */
 	menu: import('./class/menu').default;
 	/** @description NodeTransform class instance @type {import('./class/nodeTransform').default} */
@@ -337,14 +341,20 @@ declare class Editor {
 	_codeViewDisabledButtons: Array<HTMLButtonElement | HTMLInputElement>;
 	/**
 	 * @description List of buttons to run plugins in the toolbar
-	 * @type {Array<HTMLElement>}
+	 * @type {Object<string, Array<HTMLElement>>}
 	 */
-	_pluginCallButtons: Array<HTMLElement>;
+	_pluginCallButtons: {
+		[x: string]: HTMLElement[];
+	};
 	/**
 	 * @description List of buttons to run plugins in the Sub-Toolbar
-	 * @type {Array<HTMLElement>}
+	 * @type {Object<string, Array<HTMLElement>>|[]}
 	 */
-	_pluginCallButtons_sub: Array<HTMLElement>;
+	_pluginCallButtons_sub:
+		| {
+				[x: string]: Array<HTMLElement>;
+		  }
+		| [];
 	/**
 	 * @description Responsive Toolbar Button Structure array
 	 * @type {Array<*>}
@@ -650,5 +660,5 @@ declare class Editor {
 }
 import { ContextUtil } from './config/context';
 import { FrameContextUtil } from './config/frameContext';
-import { FrameOptionsUtil } from './config/options';
-import { BaseOptionsUtil } from './config/options';
+import { FrameOptionsMap } from './config/options';
+import { BaseOptionsMap } from './config/options';