roosterjs 8.11.2 → 8.12.0

package/dist/rooster.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 8.11.2)
+// Type definitions for roosterjs (Version 8.12.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -57,6 +57,10 @@ interface BrowserInfo {
      * Whether current browser is IE/Edge
      */
     readonly isIEOrEdge?: boolean;
+    /**
+     * Whether current OS is Android
+     */
+    readonly isAndroid?: boolean;
 }
 
     /**
@@ -2257,6 +2261,7 @@ interface HtmlSanitizerOptions {
 }
 
     /**
+ * @deprecated
  * Options for sanitizeHtml function
  */
 interface SanitizeHtmlOptions extends HtmlSanitizerOptions  {
@@ -2273,86 +2278,12 @@ interface SanitizeHtmlOptions extends HtmlSanitizerOptions  {
 
     /**
  * Define DOM types of window, used by safeInstanceOf() to check if a given object is of the specified type of its own window
- *
- * !!!Note: This file is generated from /tools/generateTargetWindow.js. Do NOT modify this file directly!!!
  */
 interface TargetWindowBase {
     Range: Range;
     Node: Node;
     ParentNode: ParentNode;
     Element: Element;
-    SVGElement: SVGElement;
-    SVGViewElement: SVGViewElement;
-    SVGTitleElement: SVGTitleElement;
-    SVGSymbolElement: SVGSymbolElement;
-    SVGStyleElement: SVGStyleElement;
-    SVGStopElement: SVGStopElement;
-    SVGScriptElement: SVGScriptElement;
-    SVGPatternElement: SVGPatternElement;
-    SVGMetadataElement: SVGMetadataElement;
-    SVGMaskElement: SVGMaskElement;
-    SVGMarkerElement: SVGMarkerElement;
-    SVGMPathElement: SVGMPathElement;
-    SVGGraphicsElement: SVGGraphicsElement;
-    SVGUseElement: SVGUseElement;
-    SVGTextContentElement: SVGTextContentElement;
-    SVGTextPositioningElement: SVGTextPositioningElement;
-    SVGTextElement: SVGTextElement;
-    SVGTSpanElement: SVGTSpanElement;
-    SVGTextPathElement: SVGTextPathElement;
-    SVGSwitchElement: SVGSwitchElement;
-    SVGSVGElement: SVGSVGElement;
-    SVGImageElement: SVGImageElement;
-    SVGGeometryElement: SVGGeometryElement;
-    SVGRectElement: SVGRectElement;
-    SVGPolylineElement: SVGPolylineElement;
-    SVGPolygonElement: SVGPolygonElement;
-    SVGPathElement: SVGPathElement;
-    SVGLineElement: SVGLineElement;
-    SVGEllipseElement: SVGEllipseElement;
-    SVGCircleElement: SVGCircleElement;
-    SVGGElement: SVGGElement;
-    SVGForeignObjectElement: SVGForeignObjectElement;
-    SVGDefsElement: SVGDefsElement;
-    SVGAElement: SVGAElement;
-    SVGGradientElement: SVGGradientElement;
-    SVGRadialGradientElement: SVGRadialGradientElement;
-    SVGLinearGradientElement: SVGLinearGradientElement;
-    SVGFilterElement: SVGFilterElement;
-    SVGFETurbulenceElement: SVGFETurbulenceElement;
-    SVGFETileElement: SVGFETileElement;
-    SVGFESpotLightElement: SVGFESpotLightElement;
-    SVGFESpecularLightingElement: SVGFESpecularLightingElement;
-    SVGFEPointLightElement: SVGFEPointLightElement;
-    SVGFEOffsetElement: SVGFEOffsetElement;
-    SVGFEMorphologyElement: SVGFEMorphologyElement;
-    SVGFEMergeNodeElement: SVGFEMergeNodeElement;
-    SVGFEMergeElement: SVGFEMergeElement;
-    SVGFEImageElement: SVGFEImageElement;
-    SVGFEGaussianBlurElement: SVGFEGaussianBlurElement;
-    SVGFEFloodElement: SVGFEFloodElement;
-    SVGFEDropShadowElement: SVGFEDropShadowElement;
-    SVGFEDistantLightElement: SVGFEDistantLightElement;
-    SVGFEDisplacementMapElement: SVGFEDisplacementMapElement;
-    SVGFEDiffuseLightingElement: SVGFEDiffuseLightingElement;
-    SVGFEConvolveMatrixElement: SVGFEConvolveMatrixElement;
-    SVGFECompositeElement: SVGFECompositeElement;
-    SVGFEComponentTransferElement: SVGFEComponentTransferElement;
-    SVGFEColorMatrixElement: SVGFEColorMatrixElement;
-    SVGFEBlendElement: SVGFEBlendElement;
-    SVGDescElement: SVGDescElement;
-    SVGComponentTransferFunctionElement: SVGComponentTransferFunctionElement;
-    SVGFEFuncRElement: SVGFEFuncRElement;
-    SVGFEFuncGElement: SVGFEFuncGElement;
-    SVGFEFuncBElement: SVGFEFuncBElement;
-    SVGFEFuncAElement: SVGFEFuncAElement;
-    SVGClipPathElement: SVGClipPathElement;
-    SVGAnimationElement: SVGAnimationElement;
-    SVGSetElement: SVGSetElement;
-    SVGAnimateTransformElement: SVGAnimateTransformElement;
-    SVGAnimateMotionElement: SVGAnimateMotionElement;
-    SVGAnimateElement: SVGAnimateElement;
-    MathMLElement: MathMLElement;
     HTMLElement: HTMLElement;
     HTMLUnknownElement: HTMLUnknownElement;
     HTMLUListElement: HTMLUListElement;
@@ -4820,7 +4751,7 @@ function toArray<T>(array: readonly T[]): T[];
  * @param obj Object to check
  * @param typeName Target type name
  */
-function safeInstanceOf<T extends keyof TargetWindow>(obj: any, typeName: T): obj is TargetWindow[T];
+function safeInstanceOf<T extends keyof W, W extends TargetWindow = TargetWindow>(obj: any, typeName: T): obj is W[T];
 
     /**
  * Read a file object and invoke a callback function with the data url of this file
@@ -5522,12 +5453,14 @@ function canUndoAutoComplete(snapshots: Snapshots): boolean;
  */
 class HtmlSanitizer {
     /**
+     * @deprecated Use new HtmlSanitizer().convertGlobalCssToInlineCss() instead
      * Convert global CSS to inline CSS if any
      * @param html HTML source
      * @param additionalStyleNodes (Optional) additional HTML STYLE elements used as global CSS
      */
     static convertInlineCss(html: string, additionalStyleNodes?: HTMLStyleElement[]): string;
     /**
+     * @deprecated Use new HtmlSanitizer().sanitize() instead
      * Sanitize HTML string, remove any unused HTML node/attribute/CSS.
      * @param html HTML source string
      * @param options Options used for this sanitizing process
@@ -5550,6 +5483,7 @@ class HtmlSanitizer {
      */
     constructor(options?: HtmlSanitizerOptions);
     /**
+     * @deprecated Use HtmlSanitizer.convertGlobalCssToInlineCss() and HtmlSanitizer.sanitize() instead
      * Sanitize HTML string
      * This function will do the following work:
      * 1. Convert global CSS into inline CSS

package/dist/rooster.js

@@ -1337,12 +1337,13 @@ module.exports = {
 /* MIT license */
 var colorNames = __webpack_require__(/*! color-name */ "./node_modules/color-name/index.js");
 var swizzle = __webpack_require__(/*! simple-swizzle */ "./node_modules/simple-swizzle/index.js");
+var hasOwnProperty = Object.hasOwnProperty;
 
 var reverseNames = {};
 
 // create a list of reverse color names
 for (var name in colorNames) {
-	if (colorNames.hasOwnProperty(name)) {
+	if (hasOwnProperty.call(colorNames, name)) {
 		reverseNames[colorNames[name]] = name;
 	}
 }
@@ -1385,9 +1386,9 @@ cs.get.rgb = function (string) {
 
 	var abbr = /^#([a-f0-9]{3,4})$/i;
 	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-	var rgba = /^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
-	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
-	var keyword = /(\D+)/;
+	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var keyword = /^(\w+)$/;
 
 	var rgb = [0, 0, 0, 1];
 	var match;
@@ -1424,7 +1425,11 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			rgb[3] = parseFloat(match[4]);
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
 		}
 	} else if (match = string.match(per)) {
 		for (i = 0; i < 3; i++) {
@@ -1432,19 +1437,22 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			rgb[3] = parseFloat(match[4]);
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
 		}
 	} else if (match = string.match(keyword)) {
 		if (match[1] === 'transparent') {
 			return [0, 0, 0, 0];
 		}
 
-		rgb = colorNames[match[1]];
-
-		if (!rgb) {
+		if (!hasOwnProperty.call(colorNames, match[1])) {
 			return null;
 		}
 
+		rgb = colorNames[match[1]];
 		rgb[3] = 1;
 
 		return rgb;
@@ -1465,12 +1473,12 @@ cs.get.hsl = function (string) {
 		return null;
 	}
 
-	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
 	var match = string.match(hsl);
 
 	if (match) {
 		var alpha = parseFloat(match[4]);
-		var h = (parseFloat(match[1]) + 360) % 360;
+		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
 		var s = clamp(parseFloat(match[2]), 0, 100);
 		var l = clamp(parseFloat(match[3]), 0, 100);
 		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
@@ -1486,7 +1494,7 @@ cs.get.hwb = function (string) {
 		return null;
 	}
 
-	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
 	var match = string.match(hwb);
 
 	if (match) {
@@ -1565,7 +1573,7 @@ function clamp(num, min, max) {
 }
 
 function hexDouble(num) {
-	var str = num.toString(16).toUpperCase();
+	var str = Math.round(num).toString(16).toUpperCase();
 	return (str.length < 2) ? '0' + str : str;
 }
 
@@ -5449,7 +5457,9 @@ function transformToDarkMode(element, getDarkColor) {
         var attrColor = element.getAttribute(names[1 /* HtmlColor */]);
         if (!element.dataset[names[2 /* CssDataSet */]] &&
             !element.dataset[names[3 /* HtmlDataSet */]] &&
-            (styleColor || attrColor)) {
+            (styleColor || attrColor) &&
+            styleColor != 'inherit' // For inherit style, no need to change it and let it keep inherit from parent element
+        ) {
             var newColor = getDarkColor(computedValues[index] || styleColor || attrColor);
             element.style.setProperty(names[0 /* CssColor */], newColor, 'important');
             element.dataset[names[2 /* CssDataSet */]] = styleColor || '';
@@ -5642,6 +5652,9 @@ var CopyPastePlugin = /** @class */ (function () {
         return div;
     };
     CopyPastePlugin.prototype.cleanUpAndRestoreSelection = function (tempDiv, range) {
+        if (roosterjs_editor_dom_1.Browser.isAndroid) {
+            range.collapse();
+        }
         this.editor.select(range);
         tempDiv.style.backgroundColor = '';
         tempDiv.style.color = '';
@@ -8133,7 +8146,7 @@ function extractClipboardItems(items, options) {
     }
     return Promise.all((items || []).map(function (item) {
         var type = item.type;
-        if (type.indexOf("image/" /* Image */) == 0 && !data.image) {
+        if (type.indexOf("image/" /* Image */) == 0 && !data.image && item.kind == 'file') {
             data.types.push(type);
             data.image = item.getAsFile();
             return new Promise(function (resolve) {
@@ -9237,6 +9250,7 @@ var HtmlSanitizer = /** @class */ (function () {
         this.unknownTagReplacement = options.unknownTagReplacement;
     }
     /**
+     * @deprecated Use new HtmlSanitizer().convertGlobalCssToInlineCss() instead
      * Convert global CSS to inline CSS if any
      * @param html HTML source
      * @param additionalStyleNodes (Optional) additional HTML STYLE elements used as global CSS
@@ -9248,6 +9262,7 @@ var HtmlSanitizer = /** @class */ (function () {
         return sanitizer.exec(html, true /*convertCssOnly*/);
     };
     /**
+     * @deprecated Use new HtmlSanitizer().sanitize() instead
      * Sanitize HTML string, remove any unused HTML node/attribute/CSS.
      * @param html HTML source string
      * @param options Options used for this sanitizing process
@@ -9261,6 +9276,7 @@ var HtmlSanitizer = /** @class */ (function () {
         return sanitizer.exec(html, options.convertCssOnly, currentStyles);
     };
     /**
+     * @deprecated Use HtmlSanitizer.convertGlobalCssToInlineCss() and HtmlSanitizer.sanitize() instead
      * Sanitize HTML string
      * This function will do the following work:
      * 1. Convert global CSS into inline CSS
@@ -9272,7 +9288,7 @@ var HtmlSanitizer = /** @class */ (function () {
      */
     HtmlSanitizer.prototype.exec = function (html, convertCssOnly, currentStyles) {
         var parser = new DOMParser();
-        var doc = parser.parseFromString(unsafeConvertToTrustedHTML(html) || '', 'text/html');
+        var doc = parser.parseFromString(html || '', 'text/html');
         if (doc && doc.body && doc.body.firstChild) {
             this.convertGlobalCssToInlineCss(doc);
             if (!convertCssOnly) {
@@ -9478,15 +9494,6 @@ var HtmlSanitizer = /** @class */ (function () {
     return HtmlSanitizer;
 }());
 exports.default = HtmlSanitizer;
-var trustedTypes = window.trustedTypes;
-var policy = trustedTypes === null || trustedTypes === void 0 ? void 0 : trustedTypes.createPolicy('roosterjsUnsafeConvertHTML', {
-    // This is unsafe. However, we only use this function for HtmlSanitizer which we will
-    // sanitize HTML tree by our own code. So we just directly return the HTML string here.
-    createHTML: function (html) { return html; },
-});
-var unsafeConvertToTrustedHTML = policy
-    ? function (html) { return policy.createHTML(html || ''); }
-    : function (html) { return html; };
 
 
 /***/ }),
@@ -13631,6 +13638,7 @@ function cloneNode(node) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Browser = exports.getBrowserInfo = void 0;
+var isAndroidRegex = /android/i;
 /**
  * Get current browser information from user agent string
  * @param userAgent The userAgent string of a browser
@@ -13666,6 +13674,7 @@ function getBrowserInfo(userAgent, appVersion) {
     }
     var isMac = appVersion.indexOf('Mac') != -1;
     var isWin = appVersion.indexOf('Win') != -1 || appVersion.indexOf('NT') != -1;
+    var isAndroid = isAndroidRegex.test(userAgent);
     return {
         isMac: isMac,
         isWin: isWin,
@@ -13677,6 +13686,7 @@ function getBrowserInfo(userAgent, appVersion) {
         isFirefox: isFirefox,
         isEdge: isEdge,
         isIEOrEdge: isIE || isEdge,
+        isAndroid: isAndroid,
     };
 }
 exports.getBrowserInfo = getBrowserInfo;
@@ -16535,7 +16545,7 @@ function getCacheNextSibling(event, editor) {
 function prepareAutoBullet(editor, range) {
     var block = editor.getBlockElementAtNode(range.startContainer);
     var endNode = block === null || block === void 0 ? void 0 : block.getEndNode();
-    if (endNode && (0, roosterjs_editor_dom_1.getTagOfNode)(endNode) != 'BR' && (block === null || block === void 0 ? void 0 : block.getTextContent().trim()) === '') {
+    if (endNode && (0, roosterjs_editor_dom_1.getTagOfNode)(endNode) != 'BR') {
         var br = editor.getDocument().createElement('BR');
         if ((0, roosterjs_editor_dom_1.isBlockElement)(endNode)) {
             endNode.appendChild(br);