roosterjs 8.13.0 → 8.14.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 8.13.0)
+// Type definitions for roosterjs (Version 8.14.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -343,6 +343,7 @@ export const enum Keys {
     BACKSPACE = 8,
     TAB = 9,
     ENTER = 13,
+    SHIFT = 16,
     ESCAPE = 27,
     SPACE = 32,
     PAGEUP = 33,
@@ -1078,7 +1079,81 @@ export const enum KnownCreateElementDataIndex {
     TableHorizontalResizer = 7,
     TableVerticalResizer = 8,
     TableResizerLTR = 9,
-    TableResizerRTL = 10
+    TableResizerRTL = 10,
+    /**
+     * Table Selector element
+     */
+    TableSelector = 11
+}
+
+/**
+ * Table format border
+ */
+export const enum TableBorderFormat {
+    /**
+     * All border of the table are displayed
+     *  __ __ __
+     * |__|__|__|
+     * |__|__|__|
+     * |__|__|__|
+     */
+    DEFAULT = 0,
+    /**
+     * Middle vertical border are not displayed
+     *  __ __ __
+     * |__ __ __|
+     * |__ __ __|
+     * |__ __ __|
+     */
+    LIST_WITH_SIDE_BORDERS = 1,
+    /**
+     * All borders except header rows borders are displayed
+     *  __ __ __
+     *  __|__|__
+     *  __|__|__
+     */
+    NO_HEADER_BORDERS = 2,
+    /**
+     * The left and right border of the table are not displayed
+     *  __ __ __
+     *  __|__|__
+     *  __|__|__
+     *  __|__|__
+     */
+    NO_SIDE_BORDERS = 3,
+    /**
+     * Only the borders that divides the header row, first column and externals are displayed
+     *  __ __ __
+     * |__ __ __|
+     * |  |     |
+     * |__|__ __|
+     */
+    FIRST_COLUMN_HEADER_EXTERNAL = 4,
+    /**
+     * The header row has no vertical border, except for the first one
+     * The only horizontal border of the table is the top and bottom of header row
+     *  __ __ __
+     * |__ __ __
+     * |  |     |
+     * |  |     |
+     */
+    ESPECIAL_TYPE_1 = 5,
+    /**
+     * The header row has no vertical border, except for the first one
+     * The first column has no horizontal border, except for the first one
+     *  __ __ __
+     * |__ __ __
+     * |  |__|__|
+     * |  |__|__|
+     */
+    ESPECIAL_TYPE_2 = 6,
+    /**
+     * The only borders are the bottom of header row and the right border of first column
+     *  __ __ __
+     *    |
+     *    |
+     */
+    ESPECIAL_TYPE_3 = 7
 }
 
 /**
@@ -2183,25 +2258,77 @@ export interface Snapshots {
  */
 export interface TableFormat {
     /**
-     * Background color for even rows
+     * Top border color for each row
      */
-    bgColorEven: string;
+    topBorderColor?: string | null;
     /**
-     * Background color for odd rows
+     * Bottom border color for each row
      */
-    bgColorOdd: string;
+    bottomBorderColor?: string | null;
     /**
-     * Top border color for each row
+     * Vertical border color for each row
      */
-    topBorderColor: string;
+    verticalBorderColor?: string | null;
     /**
-     * Bottom border color for each row
+     * Set header row
      */
-    bottomBorderColor: string;
+    hasHeaderRow?: boolean;
     /**
-     * Vertical border color for each row
+     * Header row background color for even cells
+     */
+    headerRowColor?: string | null;
+    /**
+     * Set first column
+     */
+    hasFirstColumn?: boolean;
+    /**
+     * Set banded columns
+     */
+    hasBandedColumns?: boolean;
+    /**
+     * Set banded rows
+     */
+    hasBandedRows?: boolean;
+    /**
+     * Background color for even row or even columns
+     */
+    bgColorEven?: string | null;
+    /**
+     * Background color for odd row or odd columns
+     */
+    bgColorOdd?: string | null;
+    /**
+     * Table Borders Type
      */
-    verticalBorderColor: string;
+    tableBorderFormat?: TableBorderFormat;
+}
+
+/**
+ * Represents a selection made inside of a table
+ */
+export interface TableSelection {
+    /**
+     * First Cell selection x and y position in the table
+     */
+    firstCell: Coordinates;
+    /**
+     * Last Cell selection x and y position in the table
+     */
+    lastCell: Coordinates;
+}
+
+/**
+ * Represents 2D Coordinates
+ */
+export interface Coordinates {
+    /**
+     * X position of the cell
+     */
+    x: number;
+    /**
+     * Y position of the cell
+     */
+    y: number;
 }
 
 /**
@@ -2541,6 +2668,12 @@ export interface IEditor {
      * @returns current selection range, or null if editor never got focus before
      */
     getSelectionRange(tryGetFromCache?: boolean): Range;
+    /**
+     * Get current selection range from Editor.
+     * It does a live pull on the selection.
+     * @returns current selection range, or null if editor never got focus before
+     */
+    getSelectionRangeEx(): SelectionRangeEx;
     /**
      * Get current selection in a serializable format
      * It does a live pull on the selection, if nothing retrieved, return whatever we have in cache.
@@ -2721,7 +2854,7 @@ export interface IEditor {
     /**
      * Get a content traverser for current selection
      */
-    getSelectionTraverser(): IContentTraverser;
+    getSelectionTraverser(range?: Range): IContentTraverser;
     /**
      * Get a content traverser for current block element start from specified position
      * @param startFrom Start position of the traverser. Default value is ContentPosition.SelectionStart
@@ -3105,6 +3238,13 @@ export interface CoreApiMap {
      * @returns A Range object of the selection range
      */
     getSelectionRange: GetSelectionRange;
+    /**
+     * Get current or cached selection range
+     * @param core The EditorCore object
+     * @param tryGetFromCache Set to true to retrieve the selection range from cache if editor doesn't own the focus now
+     * @returns A Range object of the selection range
+     */
+    getSelectionRangeEx: GetSelectionRangeEx;
     /**
      * Get style based format state from current selection, including font name/size and colors
      * @param core The EditorCore objects
@@ -3218,6 +3358,13 @@ export type GetContent = (core: EditorCore, mode: GetContentMode) => string;
  */
 export type GetSelectionRange = (core: EditorCore, tryGetFromCache: boolean) => Range;
 
+/**
+ * Get current selection range
+ * @param core The EditorCore object
+ * @returns A Range object of the selection range
+ */
+export type GetSelectionRangeEx = (core: EditorCore) => SelectionRangeEx;
+
 /**
  * Get style based format state from current selection, including font name/size and colors
  * @param core The EditorCore objects
@@ -3761,11 +3908,13 @@ export interface VCell {
      */
     spanAbove?: boolean;
     /**
-     * The width in pixel of the actual td (including border and padding)
+     * The width in pixel of the actual td (including border and padding).
+     * If the table is under a zoomed container, this value is the visible pixel count after zoom.
      */
     width?: number;
     /**
      * The height in pixel of the actual td (including border and padding)
+     * If the table is under a zoomed container, this value is the visible pixel count after zoom.
      */
     height?: number;
 }
@@ -3849,6 +3998,59 @@ export interface CreateElementData {
     children?: (CreateElementData | string)[];
 }
 
+/**
+ * Represents normal selection
+ */
+export interface SelectionRangeExBase<T extends SelectionRangeTypes> {
+    /**
+     * Selection Type definition
+     */
+    type: T;
+    /**
+     * Ranges
+     */
+    ranges: Range[];
+    /**
+     * Whether all the ranges are collapsed
+     */
+    areAllCollapsed: boolean;
+}
+
+/**
+ * Represents normal selection
+ */
+export interface NormalSelectionRange extends SelectionRangeExBase<SelectionRangeTypes.Normal> {
+}
+
+/**
+ * Represents the selection made inside of a table.
+ */
+export interface TableSelectionRange extends SelectionRangeExBase<SelectionRangeTypes.TableSelection> {
+    /**
+     * Table that has cells selected
+     */
+    table: HTMLTableElement;
+}
+
+/**
+ * Types of ranges used in editor api getSelectionRangeEx
+ */
+export type SelectionRangeEx = NormalSelectionRange | TableSelectionRange;
+
+/**
+ * Types of Selection Ranges that the SelectionRangeEx can return
+ */
+export const enum SelectionRangeTypes {
+    /**
+     * Normal selection range provided by browser.
+     */
+    Normal = 0,
+    /**
+     * Selection made inside of a single table.
+     */
+    TableSelection = 1
+}
+
 /**
  * The state object for DOMEventPlugin
  */
@@ -4399,6 +4601,15 @@ export class PartialInlineElement implements InlineElement  {
     applyStyle(styler: (element: HTMLElement, isInnerNode?: boolean) => any): void;
 }
 
+/**
+ * Apply style using a styler function to the given container node in the given range
+ * @param container The container node to apply style to
+ * @param styler The styler function
+ * @param from From position
+ * @param to To position
+ */
+export function applyTextStyle(container: Node, styler: (node: HTMLElement, isInnerNode?: boolean) => any, from?: NodePosition, to?: NodePosition): void;
+
 /**
  * @deprecated Use extractClipboardItems and extractClipboardItemsForIE instead
  * Extract a Clipboard event
@@ -4450,15 +4661,6 @@ export function extractClipboardItemsForIE(dataTransfer: DataTransfer, callback:
  */
 export function arrayPush<T>(mainArray: T[], itemsArray: T[]): void;
 
-/**
- * Apply style using a styler function to the given container node in the given range
- * @param container The container node to apply style to
- * @param styler The styler function
- * @param from From position
- * @param to To position
- */
-export function applyTextStyle(container: Node, styler: (node: HTMLElement, isInnerNode?: boolean) => any, from?: NodePosition, to?: NodePosition): void;
-
 /**
  * Browser object contains browser and operating system information of current environment
  */
@@ -4493,7 +4695,7 @@ export function changeElementTag<K extends keyof HTMLElementTagNameMap>(element:
  * @param newTag New tag to change to
  * @returns The new element with new tag
  */
-export function changeElementTag(element: HTMLElement, newTag: string): HTMLElement;
+export function changeElementTag(element: HTMLElement, newTag: string): HTMLElement | null;
 
 /**
  * Collapse nodes within the given start and end nodes to their common ancestor node,
@@ -4518,7 +4720,7 @@ export function collapseNodes(root: Node, start: Node, end: Node, canSplitParent
  * @returns True if contained is inside container, or they are the same node when treatSameNodeAsContain is true.
  * Otherwise false.
  */
-export function contains(container: Node, contained: Node, treatSameNodeAsContain?: boolean): boolean;
+export function contains(container: Node | null, contained: Node | null, treatSameNodeAsContain?: boolean): boolean;
 
 /**
  * Test if a node contains a given range
@@ -4526,7 +4728,7 @@ export function contains(container: Node, contained: Node, treatSameNodeAsContai
  * @param contained The range to check if it is inside container
  * @returns True if contained is inside container, otherwise false
  */
-export function contains(container: Node, contained: Range): boolean;
+export function contains(container: Node | null, contained: Range | null): boolean;
 
 /**
  * Find closest element ancestor start from the given node which matches the given selector
@@ -4536,7 +4738,7 @@ export function contains(container: Node, contained: Range): boolean;
  * @returns An HTML element which matches the given selector. If the given start node matches the selector,
  * returns the given node
  */
-export function findClosestElementAncestor(node: Node, root?: Node, selector?: string): HTMLElement;
+export function findClosestElementAncestor(node: Node | null, root?: Node, selector?: string): HTMLElement | null;
 
 /**
  * @deprecated
@@ -4622,7 +4824,7 @@ export function isVoidHtmlElement(node: Node): boolean;
  * @returns The matched link data, or null if no match found.
  * The link data includes an original url and a normalized url
  */
-export function matchLink(url: string): LinkData;
+export function matchLink(url: string): LinkData | null;
 
 /**
  * Query HTML elements in the container by a selector string
@@ -4646,7 +4848,7 @@ export function queryElements(container: ParentNode, selector: string, forEachCa
  * we remove it. @default false
  * @returns The new parent node
  */
-export function splitParentNode(node: Node, splitBefore: boolean): Node;
+export function splitParentNode(node: Node, splitBefore: boolean): Node | null;
 
 /**
  * Split parent node by a balanced node range
@@ -4660,7 +4862,7 @@ export function splitBalancedNodeRange(nodes: Node | Node[]): HTMLElement;
  * Removes the node and keep all children in place, return the parentNode where the children are attached
  * @param node the node to remove
  */
-export function unwrap(node: Node): Node;
+export function unwrap(node: Node): Node | null;
 
 /**
  * Wrap all the node with html and return the wrapped node, and put the wrapper node under the parent of the first node
@@ -4700,7 +4902,7 @@ export function wrap(nodes: Node | Node[], wrapper?: CreateElementData | KnownCr
  * @param startNode current node to get sibling node from
  * @param skipTags (Optional) tags that child elements will be skipped
  */
-export function getNextLeafSibling(rootNode: Node, startNode: Node, skipTags?: string[]): Node;
+export function getNextLeafSibling(rootNode: Node, startNode: Node, skipTags?: string[]): Node | null;
 
 /**
  * This walks backwards DOM tree to get next meaningful node
@@ -4708,26 +4910,19 @@ export function getNextLeafSibling(rootNode: Node, startNode: Node, skipTags?: s
  * @param startNode current node to get sibling node from
  * @param skipTags (Optional) tags that child elements will be skipped
  */
-export function getPreviousLeafSibling(rootNode: Node, startNode: Node, skipTags?: string[]): Node;
+export function getPreviousLeafSibling(rootNode: Node, startNode: Node, skipTags?: string[]): Node | null;
 
 /**
  * Get the first meaningful leaf node
  * @param rootNode Root node to get leaf node from
  */
-export function getFirstLeafNode(rootNode: Node): Node;
+export function getFirstLeafNode(rootNode: Node): Node | null;
 
 /**
  * Get the last meaningful leaf node
  * @param rootNode Root node to get leaf node from
  */
-export function getLastLeafNode(rootNode: Node): Node;
-
-/**
- * get block element's text content.
- * @param rootNode Root node that the get the textContent of.
- * @returns text content of given text content.
- */
-export function getTextContent(rootNode: Node): string;
+export function getLastLeafNode(rootNode: Node): Node | null;
 
 /**
  * Split a text node into two parts by an offset number, and return one of them
@@ -4742,7 +4937,7 @@ export function splitTextNode(textNode: Text, offset: number, returnFirstPart: b
  * A ClientRect of all 0 is possible. i.e. chrome returns a ClientRect of 0 when the cursor is on an empty p
  * We validate that and only return a rect when the passed in ClientRect is valid
  */
-export function normalizeRect(clientRect: ClientRect): Rect;
+export function normalizeRect(clientRect: DOMRect): Rect | null;
 
 /**
  * Convert a named node map to an array
@@ -4789,7 +4984,7 @@ export function safeInstanceOf<T extends keyof W, W extends TargetWindow = Targe
  * @param callback the callback to invoke with data url of the file.
  * If fail to read, dataUrl will be null
  */
-export function readFile(file: File, callback: (dataUrl: string) => void): void;
+export function readFile(file: File, callback: (dataUrl: string | null) => void): void;
 
 /**
  * Get innerHTML of the given node
@@ -4813,23 +5008,13 @@ export function setColor(element: HTMLElement, color: string | ModeIndependentCo
  */
 export function matchesSelector(element: Node, selector: string): boolean;
 
-/**
- *
- * @param root the contentDiv of the ditor
- * @param nodeToInsert the node to be inserted
- * @param position the position of the node to be inserted
- * @param range the range current or cached range of the editor
- * @returns the adjusted position of the inserted node
- */
-export function adjustInsertPosition(root: HTMLElement, nodeToInsert: Node, position: NodePosition, range: Range): NodePosition;
-
 /**
  * Create DOM element from the given CreateElementData
  * @param elementData The CreateElementData or an index of a known CreateElementData used for creating this element
  * @param document The document to create the element from
  * @returns The root DOM element just created
  */
-export function createElement(elementData: CreateElementData | KnownCreateElementDataIndex, document: Document): Element;
+export function createElement(elementData: CreateElementData | KnownCreateElementDataIndex, document: Document): Element | null;
 
 /**
  * All known CreateElementData used by roosterjs to create elements
@@ -4844,14 +5029,6 @@ export const KnownCreateElementData: Record<KnownCreateElementDataIndex, CreateE
  */
 export function moveChildNodes(target: Node, source?: Node, keepExistingChildren?: boolean): void;
 
-/**
- * Set the Style of a List Item provided, with the styles that the inline child elements have
- * If the child inline elements have different styles, it will not modify the styles of the list item
- * @param element the LI Element to set the styles
- * @param styles The styles that should be applied to the element.
- */
-export function setListItemStyle(element: HTMLLIElement, styles: string[]): void;
-
 /**
  * A virtual table class, represent an HTML table, by expand all merged cells to each separated cells
  */
@@ -4872,12 +5049,22 @@ export class VTable {
      * Current column index
      */
     col: number;
+    /**
+     * Current format of the table
+     */
+    formatInfo: TableFormat;
+    /**
+     * Selected range of cells with the coordinates of the first and last cell selected.
+     */
+    selection: TableSelection;
     private trs;
     /**
      * Create a new instance of VTable object using HTML TABLE or TD node
      * @param node The HTML Table or TD node
+     * @param normalizeSize Whether table size needs to be normalized
+     * @param sizeTransformer A size transformer function used for normalize table size
      */
-    constructor(node: HTMLTableElement | HTMLTableCellElement, normalizeSize?: boolean);
+    constructor(node: HTMLTableElement | HTMLTableCellElement, normalizeSize?: boolean, sizeTransformer?: SizeTransformer);
     /**
      * Write the virtual table back to DOM tree to represent the change of VTable
      */
@@ -4887,6 +5074,40 @@ export class VTable {
      * @param format Table format to apply
      */
     applyFormat(format: Partial<TableFormat>): void;
+    /**
+     * Set color to the table
+     * @param format
+     */
+    private setColor;
+    /**
+     * Set color to borders of an table
+     * @param format
+     * @returns
+     */
+    private setBorderColors;
+    /**
+     * Format the border type
+     * @returns
+     */
+    private formatBorders;
+    /**
+     * Organize the borders of table according to a border type
+     * @param format
+     * @returns
+     */
+    private setBordersType;
+    /**
+     * Apply custom design to the first table column
+     * @param format
+     * @returns
+     */
+    private setFirstColumnFormat;
+    /**
+     * Apply custom design to the Header Row
+     * @param format
+     * @returns
+     */
+    private setHeaderRowFormat;
     /**
      * Edit table with given operation.
      * @param operation Table operation
@@ -4938,14 +5159,19 @@ export class VTable {
      * Get current HTML table cell object. If the current table cell is a virtual expanded cell, return its root cell
      */
     getCurrentTd(): HTMLTableCellElement;
-    private getTd;
+    /**
+     * Get the Table Cell in a provided coordinate
+     * @param row row of the cell
+     * @param col column of the cell
+     */
+    getTd(row: number, col: number): HTMLTableCellElement;
     private forEachCellOfColumn;
     private forEachCellOfRow;
     private recalculateSpans;
     private countSpanLeft;
     private countSpanAbove;
     private normalizeEmptyTableCells;
-    normalizeTableCellSize(): void;
+    normalizeTableCellSize(sizeTransformer?: SizeTransformer): void;
     private normalizeSize;
 }
 
@@ -5219,6 +5445,14 @@ export class VListChain {
     private getLists;
 }
 
+/**
+ * Set the Style of a List Item provided, with the styles that the inline child elements have
+ * If the child inline elements have different styles, it will not modify the styles of the list item
+ * @param element the LI Element to set the styles
+ * @param styles The styles that should be applied to the element.
+ */
+export function setListItemStyle(element: HTMLLIElement, styles: string[]): void;
+
 /**
  * Get regions impacted by the given range under the root node
  * @param root Root node to get regions from
@@ -5377,7 +5611,7 @@ export function createRange(startPosition: NodePosition, endPosition?: NodePosit
  * Get bounding rect of this position
  * @param position The position to get rect from
  */
-export function getPositionRect(position: NodePosition): Rect;
+export function getPositionRect(position: NodePosition): Rect | null;
 
 /**
  * Check if this position is at beginning of the given node.
@@ -5393,7 +5627,7 @@ export function isPositionAtBeginningOf(position: NodePosition, targetNode: Node
  * @param rootNode The root node where the path start from
  * @param range The range of selection
  */
-export function getSelectionPath(rootNode: Node, range: Range): SelectionPath;
+export function getSelectionPath(rootNode: Node, range: Range | null): SelectionPath | null;
 
 /**
  * Get inner Html of a root node with a selection path which can be used for restore selection.
@@ -5411,7 +5645,7 @@ export function getHtmlWithSelectionPath(rootNode: HTMLElement | DocumentFragmen
  * @param html The html to restore
  * @returns A selection range if the html contains a valid selection path, otherwise null
  */
-export function setHtmlWithSelectionPath(rootNode: HTMLElement, html: string, trustedHTMLHandler?: TrustedHTMLHandler): Range;
+export function setHtmlWithSelectionPath(rootNode: HTMLElement, html: string, trustedHTMLHandler?: TrustedHTMLHandler): Range | null;
 
 /**
  * Add the given range into selection of the given document
@@ -5422,13 +5656,6 @@ export function setHtmlWithSelectionPath(rootNode: HTMLElement, html: string, tr
  */
 export function addRangeToSelection(range: Range, skipSameRange?: boolean): void;
 
-/**
- * Delete selected content, and return the new position to select
- * @param core The EditorCore object.
- * @param range The range to delete
- */
-export function deleteSelectedContent(root: HTMLElement, range: Range): Position;
-
 /**
  * Add a new snapshot to the given snapshots data structure
  * @param snapshots The snapshots data structure to add new snapshot into
@@ -5457,7 +5684,7 @@ export function clearProceedingSnapshots(snapshots: Snapshots): void;
  * @param step The step to move
  * @returns If can move with the given step, returns the snapshot after move, otherwise null
  */
-export function moveCurrentSnapshot(snapshots: Snapshots, step: number): string;
+export function moveCurrentSnapshot(snapshots: Snapshots, step: number): string | null;
 
 /**
  * @deprecated
@@ -5578,7 +5805,7 @@ export function commitEntity(wrapper: HTMLElement, type: string, isReadonly: boo
  * @param element The entity root element. If this element is not an entity root element,
  * it will return null
  */
-export function getEntityFromElement(element: HTMLElement): Entity;
+export function getEntityFromElement(element: HTMLElement): Entity | null;
 
 /**
  * Get a selector string for specified entity type and id
@@ -5638,6 +5865,30 @@ export function getStyles(element: HTMLElement): Record<string, string>;
  */
 export function setStyles(element: HTMLElement, styles: Record<string, string>): void;
 
+/**
+ *
+ * @param root the contentDiv of the ditor
+ * @param nodeToInsert the node to be inserted
+ * @param position the position of the node to be inserted
+ * @param range the range current or cached range of the editor
+ * @returns the adjusted position of the inserted node
+ */
+export function adjustInsertPosition(root: HTMLElement, nodeToInsert: Node, position: NodePosition, range: Range): NodePosition;
+
+/**
+ * Delete selected content, and return the new position to select
+ * @param core The EditorCore object.
+ * @param range The range to delete
+ */
+export function deleteSelectedContent(root: HTMLElement, range: Range): Position;
+
+/**
+ * get block element's text content.
+ * @param rootNode Root node that the get the textContent of.
+ * @returns text content of given text content.
+ */
+export function getTextContent(rootNode: Node): string;
+
 /**
  * RoosterJs core editor class
  */
@@ -5751,6 +6002,14 @@ export class Editor implements IEditor  {
      * @returns current selection range, or null if editor never got focus before
      */
     getSelectionRange(tryGetFromCache?: boolean): Range;
+    /**
+     * Get current selection range from Editor.
+     * It does a live pull on the selection, if nothing retrieved, return whatever we have in cache.
+     * @param tryGetFromCache Set to true to retrieve the selection range from cache if editor doesn't own the focus now.
+     * Default value is true
+     * @returns current selection range, or null if editor never got focus before
+     */
+    getSelectionRangeEx(): SelectionRangeEx;
     /**
      * Get current selection in a serializable format
      * It does a live pull on the selection, if nothing retrieved, return whatever we have in cache.
@@ -5871,7 +6130,7 @@ export class Editor implements IEditor  {
     /**
      * Get a content traverser for current selection
      */
-    getSelectionTraverser(): IContentTraverser;
+    getSelectionTraverser(range?: Range): IContentTraverser;
     /**
      * Get a content traverser for current block element start from specified position
      * @param startFrom Start position of the traverser. Default value is ContentPosition.SelectionStart
@@ -6090,7 +6349,7 @@ export function editTable(editor: IEditor, operation: TableOperation): void;
  * @param format A TableFormat object contains format information we want to apply to the table
  * @param table The table to format. This is optional. When not passed, the current table (if any) will be formatted
  */
-export function formatTable(editor: IEditor, format: Partial<TableFormat>, table?: HTMLTableElement): void;
+export function formatTable(editor: IEditor, format: TableFormat, table?: HTMLTableElement): void;
 
 /**
  * Remove link at selection. If no links at selection, do nothing.
@@ -6335,6 +6594,13 @@ export function toggleUnderline(editor: IEditor): void;
  */
 export function toggleHeader(editor: IEditor, level: number): void;
 
+/**
+ * Set background color of cells.
+ * @param editor The editor instance
+ * @param color One of two options:
+ **/
+export function applyCellShading(editor: IEditor, color: string | ModeIndependentColor): void;
+
 /**
  * Toggle List Type at selection
  * If ListType Provided is Ordered:
@@ -6867,23 +7133,7 @@ export class TableResize implements EditorPlugin  {
     private editor;
     private onMouseMoveDisposer;
     private tableRectMap;
-    private resizerContainer;
-    private tableResizerContainer;
-    private currentTable;
-    private currentTd;
-    private currentCellsToResize;
-    private nextCellsToResize;
-    private horizontalResizer;
-    private verticalResizer;
-    private tableResizer;
-    private resizingState;
-    private currentInsertTd;
-    private insertingState;
-    private inserter;
-    private isRTL;
-    private currentTableVerticalBorder;
-    private currentTableHorizontalBorder;
-    private resizingVtable;
+    private tableEditor;
     /**
      * Get a friendly name of  this plugin
      */
@@ -6902,36 +7152,10 @@ export class TableResize implements EditorPlugin  {
      * @param event PluginEvent object
      */
     onPluginEvent(e: PluginEvent): void;
-    private setupResizerContainer;
-    private removeResizerContainer;
-    private onMouseOutInserter;
     private onMouseMove;
-    private setCurrentInsertTd;
-    private createInserter;
-    private insertTd;
-    private setCurrentTable;
-    private setCurrentTd;
-    private setTableResizer;
-    private createTableResizer;
-    private createCellsResizer;
-    private startResizingTable;
-    private startHorizontalResizeCells;
-    private startVerticalResizeCells;
-    private startResizeCells;
-    private frameAnimateResizeCells;
-    private resizeTable;
-    private resizeRows;
-    /**
-     *
-     * @param newPos The position to where we want to move the vertical border
-     * @returns if the move is allowed, or, if any of the cells on either side of the vertical border is smaller than
-     * the minimum width, such move is not allowed
-     */
-    private canResizeColumns;
-    private resizeColumns;
-    private resizeCells;
-    private endResizeCells;
-    private cacheRects;
+    private setTableEditor;
+    private invalidateTableRects;
+    private ensureTableRects;
 }
 
 /**
@@ -6969,3 +7193,78 @@ export class Watermark implements EditorPlugin  {
     private removeWatermark;
 }
 
+/**
+ * TableCellSelectionPlugin help highlight table cells
+ */
+export class TableCellSelection implements EditorPlugin  {
+    private editor;
+    private lastTarget;
+    private firstTarget;
+    private tableRange;
+    private tableSelection;
+    private startedSelection;
+    private vTable;
+    private firstTable;
+    private targetTable;
+    constructor();
+    /**
+     * Get a friendly name of  this plugin
+     */
+    getName(): string;
+    /**
+     * Initialize this plugin. This should only be called from Editor
+     * @param editor Editor instance
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * Dispose this plugin
+     */
+    dispose(): void;
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    onPluginEvent(event: PluginEvent): void;
+    /**
+     * Handle Scroll Event and mantains the selection range,
+     * Since when we scroll the cursor does not trigger the on Mouse Move event
+     * The table selection gets removed.
+     */
+    private handleScrollEvent;
+    /**
+     * Handles the Before Copy Event.
+     * Clear the selection range from the cloned Root.
+     * @param event plugin event
+     */
+    private handleBeforeCutCopy;
+    /**
+     * Handles the on key event.
+     * @param event the plugin event
+     */
+    private handleKeyDownEvent;
+    private handleKeyUpEvent;
+    private handleKeySelectionInsideTable;
+    private handleMouseDownEvent;
+    private onMouseMove;
+    private onMouseUp;
+    private restoreSelection;
+    /**
+     * @internal
+     * Public only for unit testing
+     * @param event mouse event
+     */
+    selectionInsideTableMouseMove(event: MouseEvent): void;
+    private removeMouseUpEventListener;
+    /**
+     * When press Backspace, delete the contents inside of the selection, if it is Table Selection
+     */
+    DeleteTableContents: BuildInEditFeature<PluginKeyboardEvent>;
+    private clearTableCellSelection;
+    private clearState;
+    private getNextTD;
+    private prepareSelection;
+    private setData;
+    private isAfter;
+    private shouldConvertToTableSelection;
+}
+