roosterjs 8.40.1 → 8.41.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 8.40.1)
+// Type definitions for roosterjs (Version 8.41.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -394,8 +394,10 @@ export function getBrowserInfo(userAgent: string, appVersion: string, vendor?: s
  * Apply format to an HTML element
  * @param element The HTML element to apply format to
  * @param format The format to apply
+ * @param isDarkMode Whether the content should be formatted in dark mode
+ * @param darkColorHandler An optional dark color handler object. When it is passed, we will use this handler to do variable-based dark color instead of original dataset base dark color
  */
-export function applyFormat(element: HTMLElement, format: DefaultFormat, isDarkMode?: boolean): void;
+export function applyFormat(element: HTMLElement, format: DefaultFormat, isDarkMode?: boolean, darkColorHandler?: DarkColorHandler | null): void;
 
 /**
  * Change tag of an HTML Element to a new one, and replace it from DOM tree
@@ -683,9 +685,9 @@ export function getInnerHTML(node: HTMLElement | DocumentFragment): string;
  * @param isBackgroundColor Whether set background color or text color
  * @param isDarkMode Whether current mode is dark mode. @default false
  * @param shouldAdaptTheFontColor Whether the font color needs to be adapted to be visible in a dark or bright background color. @default false
- * @param defaultFontColor Set the default colors that needs to be set to the to be visible.
+ * @param darkColorHandler An optional dark color handler object. When it is passed, we will use this handler to do variable-based dark color instead of original dataset base dark color
  */
-export function setColor(element: HTMLElement, color: string | ModeIndependentColor, isBackgroundColor: boolean, isDarkMode?: boolean, shouldAdaptTheFontColor?: boolean): void;
+export function setColor(element: HTMLElement, color: string | ModeIndependentColor, isBackgroundColor: boolean, isDarkMode?: boolean, shouldAdaptTheFontColor?: boolean, darkColorHandler?: DarkColorHandler | null): void;
 
 /**
  * A wrapper function of Element.matches
@@ -2236,6 +2238,10 @@ export class Editor implements IEditor  {
      * @param node The node to transform
      */
     transformToDarkColor(node: Node): void;
+    /**
+     * Get a darkColorHandler object for this editor. It will return null if experimental feature "VariableBasedDarkColor" is not enabled
+     */
+    getDarkColorHandler(): DarkColorHandler | null;
     /**
      * Make the editor in "Shadow Edit" mode.
      * In Shadow Edit mode, all format change will finally be ignored.
@@ -3685,7 +3691,13 @@ export const enum ExperimentalFeatures {
      * When apply default format when initialize or user type, apply the format on a SPAN element rather than
      * the block element (In most case, the DIV element) so keep the block element clean.
      */
-    DefaultFormatInSpan = "DefaultFormatInSpan"
+    DefaultFormatInSpan = "DefaultFormatInSpan",
+    /**
+     * Use variable-based dark mode solution rather than dataset-based solution.
+     * When enable this feature, need to pass in a DarkModelHandler object to each call of setColor and applyFormat
+     * if you need them work for dark mode
+     */
+    VariableBasedDarkColor = "VariableBasedDarkColor"
 }
 
 /**
@@ -5285,6 +5297,10 @@ export interface ElementBasedFormatState {
      * Whether the text is in block quote
      */
     isBlockQuote?: boolean;
+    /**
+     * Whether the text is in Code block
+     */
+    isCodeBlock?: boolean;
     /**
      * Whether unlink command can be called to the text
      */
@@ -5313,6 +5329,10 @@ export interface ElementBasedFormatState {
      * If there is a table, whether the table has header row
      */
     tableHasHeader?: boolean;
+    /**
+     * Whether we can execute table cell merge operation
+     */
+    canMergeTableCell?: boolean;
 }
 
 /**
@@ -6535,6 +6555,10 @@ export interface IEditor {
      * @param node The node to transform
      */
     transformToDarkColor(node: Node): void;
+    /**
+     * Get a darkColorHandler object for this editor. It will return null if experimental feature "VariableBasedDarkColor" is not enabled
+     */
+    getDarkColorHandler(): DarkColorHandler | null;
     /**
      * Make the editor in "Shadow Edit" mode.
      * In Shadow Edit mode, all format change will finally be ignored.
@@ -6587,6 +6611,48 @@ export interface IEditor {
     getVisibleViewport(): Rect | null;
 }
 
+/**
+ * A handler object for dark color, used for variable-based dark color solution
+ */
+export interface DarkColorHandler {
+    /**
+     * Given a light mode color value and an optional dark mode color value, register this color
+     * so that editor can handle it, then return the CSS color value for current color mode.
+     * @param lightModeColor Light mode color value
+     * @param isDarkMode Whether current color mode is dark mode
+     * @param darkModeColor Optional dark mode color value. If not passed, we will calculate one.
+     */
+    registerColor(lightModeColor: string, isDarkMode: boolean, darkModeColor?: string): string;
+    /**
+     * Reset known color record, clean up registered color variables.
+     */
+    reset(): void;
+    /**
+     * Parse an existing color value, if it is in variable-based color format, extract color key,
+     * light color and query related dark color if any
+     * @param color The color string to parse
+     */
+    parseColorValue(color: string | null | undefined): ColorKeyAndValue;
+}
+
+/**
+ * Represents a combination of color key, light color and dark color, parsed from existing color value
+ */
+export interface ColorKeyAndValue {
+    /**
+     * Key of color, if found, otherwise undefined
+     */
+    key?: string;
+    /**
+     * Light mode color value
+     */
+    lightModeColor: string;
+    /**
+     * Dark mode color value, if found, otherwise undefined
+     */
+    darkModeColor?: string;
+}
+
 /**
  * ContentEditFeature interface that handles keyboard event
  */
@@ -6810,6 +6876,11 @@ export interface EditorCore extends PluginState  {
      * Color of the border of a selectedImage. Default color: '#DB626C'
      */
     imageSelectionBorderColor?: string;
+    /**
+     * Dark model handler for the editor, used for variable-based solution.
+     * If keep it null, editor will still use original dataset-based dark mode solution.
+     */
+    darkColorHandler?: DarkColorHandler;
 }
 
 /**
@@ -8138,7 +8209,13 @@ export enum CompatibleExperimentalFeatures {
      * When apply default format when initialize or user type, apply the format on a SPAN element rather than
      * the block element (In most case, the DIV element) so keep the block element clean.
      */
-    DefaultFormatInSpan = "DefaultFormatInSpan"
+    DefaultFormatInSpan = "DefaultFormatInSpan",
+    /**
+     * Use variable-based dark mode solution rather than dataset-based solution.
+     * When enable this feature, need to pass in a DarkModelHandler object to each call of setColor and applyFormat
+     * if you need them work for dark mode
+     */
+    VariableBasedDarkColor = "VariableBasedDarkColor"
 }
 
 /**
@@ -9748,9 +9825,13 @@ export class ImageEdit implements EditorPlugin  {
      */
     private wasResized;
     /**
-     * Editor zoom scale
+     * The span element that wraps the image and opens shadow dom
+     */
+    private shadowSpan;
+    /**
+     * The span element that wraps the image and opens shadow dom
      */
-    private zoomWrapper;
+    private isCropping;
     /**
      * Create a new instance of ImageEdit
      * @param options Image editing options
@@ -9805,7 +9886,6 @@ export class ImageEdit implements EditorPlugin  {
      * Create editing wrapper for the image
      */
     private createWrapper;
-    private toggleImageVisibility;
     private insertImageWrapper;
     /**
      * Remove the temp wrapper of the image