modern-text 0.5.8 → 0.5.10

package/dist/index.cjs

@@ -53,7 +53,7 @@ function parseCssLinearGradient(css, x, y, width, height) {
 }
 
 function drawPath(options) {
-  const { ctx, path, fontSize } = options;
+  const { ctx, path, fontSize, clipRect } = options;
   ctx.save();
   ctx.beginPath();
   const pathStyle = path.style;
@@ -67,6 +67,11 @@ function drawPath(options) {
     shadowBlur: (options.shadowBlur ?? 0) * fontSize,
     shadowColor: options.shadowColor
   };
+  if (clipRect) {
+    ctx.rect(clipRect.left, clipRect.top, clipRect.width, clipRect.height);
+    ctx.clip();
+    ctx.beginPath();
+  }
   path.drawTo(ctx, style);
   ctx.restore();
 }
@@ -424,30 +429,6 @@ function filterEmpty(val) {
   }
   return res;
 }
-function closestDivisor(dividend, targetDivisor) {
-  if (dividend <= 0) {
-    throw new Error("Dividend must be a positive integer.");
-  }
-  const divisors = [];
-  for (let i = 1; i <= Math.sqrt(dividend); i++) {
-    if (dividend % i === 0) {
-      divisors.push(i);
-      if (i !== dividend / i) {
-        divisors.push(dividend / i);
-      }
-    }
-  }
-  let closest = divisors[0];
-  let minDifference = Math.abs(closest - targetDivisor);
-  for (const divisor of divisors) {
-    const difference = Math.abs(divisor - targetDivisor);
-    if (difference < minDifference) {
-      closest = divisor;
-      minDifference = difference;
-    }
-  }
-  return closest;
-}
 
 var __defProp$3 = Object.defineProperty;
 var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -559,8 +540,10 @@ class Measurer {
     Object.assign(dom.style, {
       width: "max-content",
       height: "max-content",
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-all",
       ...this._styleToDomStyle(computedStyle),
-      position: "absolute",
+      position: "fixed",
       visibility: "hidden"
     });
     const ul = document.createElement("ul");
@@ -576,9 +559,6 @@ class Measurer {
         const span = document.createElement("span");
         Object.assign(span.style, this._styleToDomStyle(fragment.style));
         span.appendChild(document.createTextNode(fragment.content));
-        if (/\s/.test(fragment.content)) {
-          span.style.whiteSpace = "pre";
-        }
         li.appendChild(span);
       });
       ul.appendChild(li);
@@ -815,10 +795,14 @@ class EventEmitter {
 
 function highlight() {
   const paths = [];
+  const clipRects = [];
   const svgStringToSvgPaths = /* @__PURE__ */ new Map();
-  function getPaths(svg) {
+  async function getPaths(svg) {
     let result = svgStringToSvgPaths.get(svg);
     if (!result) {
+      if (svg.startsWith("http")) {
+        svg = await fetch(svg).then((rep) => rep.text());
+      }
       const dom = modernPath2d.parseSvgToDom(svg);
       const paths2 = modernPath2d.parseSvg(dom);
       result = { dom, paths: paths2 };
@@ -829,25 +813,32 @@ function highlight() {
   return definePlugin({
     name: "highlight",
     paths,
-    update: (text) => {
+    update: async (text) => {
       paths.length = 0;
-      const groups = [];
+      let groups = [];
       let group;
       let prevStyle;
       text.forEachCharacter((character) => {
-        const { isVertical, computedStyle: style, inlineBox, fontSize } = character;
+        const { isVertical, computedStyle: style, inlineBox } = character;
         if (!isNone(style.highlightImage) && character.glyphBox) {
-          if (style.highlightSize !== "1rem" && (!prevStyle || isEqualValue(prevStyle.highlightImage, style.highlightImage) && isEqualValue(prevStyle.highlightColormap, style.highlightColormap) && isEqualValue(prevStyle.highlightLine, style.highlightLine) && isEqualValue(prevStyle.highlightSize, style.highlightSize) && isEqualValue(prevStyle.highlightThickness, style.highlightThickness)) && group?.length && (isVertical ? group[0].inlineBox.left === inlineBox.left : group[0].inlineBox.top === inlineBox.top) && group[0].fontSize === fontSize) {
+          if ((!prevStyle || isEqualValue(prevStyle.highlightImage, style.highlightImage) && isEqualValue(prevStyle.highlightColormap, style.highlightColormap) && isEqualValue(prevStyle.highlightLine, style.highlightLine) && isEqualValue(prevStyle.highlightSize, style.highlightSize) && isEqualValue(prevStyle.highlightThickness, style.highlightThickness)) && group?.length && (isVertical ? group[0].inlineBox.left === inlineBox.left : group[0].inlineBox.top === inlineBox.top) && group[0].fontSize === style.fontSize) {
             group.push(character);
           } else {
             group = [];
             group.push(character);
             groups.push(group);
           }
+        } else {
+          if (group?.length) {
+            group = [];
+            groups.push(group);
+          }
         }
         prevStyle = style;
       });
-      groups.filter((characters) => characters.length).forEach((characters) => {
+      groups = groups.filter((characters) => characters.length);
+      for (let i = 0; i < groups.length; i++) {
+        const characters = groups[i];
         const char = characters[0];
         const groupBox = modernPath2d.BoundingBox.from(...characters.map((c) => c.glyphBox));
         const { computedStyle: style } = char;
@@ -858,12 +849,13 @@ function highlight() {
           highlightReferImage,
           highlightColormap,
           highlightLine,
+          highlightSize,
           highlightThickness
         } = style;
         const isVertical = writingMode.includes("vertical");
         const thickness = parseValueNumber(highlightThickness, { fontSize, total: groupBox.width }) / groupBox.width;
         const colormap = parseColormap(highlightColormap);
-        const { paths: svgPaths, dom: svgDom } = getPaths(highlightImage);
+        const { paths: svgPaths, dom: svgDom } = await getPaths(highlightImage);
         const aBox = modernPath2d.getPathsBoundingBox(svgPaths, true);
         const styleScale = fontSize / aBox.width * 2;
         const cBox = new modernPath2d.BoundingBox().copy(groupBox);
@@ -873,9 +865,13 @@ function highlight() {
           cBox.left = groupBox.left + groupBox.width;
         }
         const rawWidth = Math.floor(cBox.width);
-        const userWidth = rawWidth;
+        let userWidth = rawWidth;
+        if (highlightSize !== "cover") {
+          userWidth = parseValueNumber(highlightSize, { fontSize, total: groupBox.width });
+          cBox.width = userWidth;
+        }
         if (!isNone(highlightReferImage) && isNone(highlightLine)) {
-          const bBox = modernPath2d.getPathsBoundingBox(getPaths(highlightReferImage).paths, true);
+          const bBox = modernPath2d.getPathsBoundingBox((await getPaths(highlightReferImage)).paths, true);
           aBox.copy(bBox);
         } else {
           let line;
@@ -947,12 +943,12 @@ function highlight() {
           transform.rotate(-Math.PI / 2);
         }
         transform.translate(cBox.x, cBox.y);
-        for (let i = 0, len = rawWidth / userWidth; i < len; i++) {
+        for (let i2 = 0; i2 < Math.ceil(rawWidth / userWidth); i2++) {
           const _transform = transform.clone();
           if (isVertical) {
-            _transform.translate(0, i * cBox.width);
+            _transform.translate(0, i2 * cBox.width);
           } else {
-            _transform.translate(i * cBox.width, 0);
+            _transform.translate(i2 * cBox.width, 0);
           }
           svgPaths.forEach((originalPath) => {
             const path = originalPath.clone().matrix(_transform);
@@ -975,17 +971,35 @@ function highlight() {
               path.style.stroke = colormap[path.style.stroke];
             }
             paths.push(path);
+            if (rawWidth !== userWidth) {
+              if (isVertical) {
+                clipRects[paths.length - 1] = new modernPath2d.BoundingBox(
+                  groupBox.left - groupBox.width * 2,
+                  groupBox.top,
+                  groupBox.width * 4,
+                  groupBox.height
+                );
+              } else {
+                clipRects[paths.length - 1] = new modernPath2d.BoundingBox(
+                  groupBox.left,
+                  groupBox.top - groupBox.height * 2,
+                  groupBox.width,
+                  groupBox.height * 4
+                );
+              }
+            }
           });
         }
-      });
+      }
     },
     renderOrder: -1,
     render: (ctx, text) => {
-      paths.forEach((path) => {
+      paths.forEach((path, index) => {
         drawPath({
           ctx,
           path,
-          fontSize: text.computedStyle.fontSize
+          fontSize: text.computedStyle.fontSize,
+          clipRect: clipRects[index]
         });
         if (text.debug) {
           const box = modernPath2d.getPathsBoundingBox([path]);
@@ -1444,7 +1458,7 @@ class Text extends EventEmitter {
     this.paragraphs = paragraphs;
     return this;
   }
-  measure(dom = this.measureDom) {
+  async measure(dom = this.measureDom) {
     const old = {
       paragraphs: this.paragraphs,
       lineBox: this.lineBox,
@@ -1461,9 +1475,11 @@ class Text extends EventEmitter {
       c.update(this.fonts);
     });
     this.rawGlyphBox = this.getGlyphBox();
-    Array.from(this.plugins.values()).sort((a, b) => (a.updateOrder ?? 0) - (b.updateOrder ?? 0)).forEach((plugin) => {
-      plugin.update?.(this);
-    });
+    const plugins = Array.from(this.plugins.values());
+    plugins.sort((a, b) => (a.updateOrder ?? 0) - (b.updateOrder ?? 0));
+    for (let i = 0; i < plugins.length; i++) {
+      await plugins[i].update?.(this);
+    }
     this.glyphBox = this.getGlyphBox();
     this.updatePathBox().updateBoundingBox();
     for (const key in old) {
@@ -1519,26 +1535,28 @@ class Text extends EventEmitter {
     this.needsUpdate = true;
     return this;
   }
-  update() {
-    const result = this.measure();
+  async update() {
+    const result = await this.measure();
     for (const key in result) {
       this[key] = result[key];
     }
     this.emit("update", { text: this });
-    return this;
   }
-  render(options) {
+  async render(options) {
     const { view, pixelRatio = 2 } = options;
     const ctx = view.getContext("2d");
     if (!ctx) {
-      return this;
+      return;
     }
     if (this.needsUpdate) {
-      this.update();
+      await this.update();
     }
     setupView(ctx, pixelRatio, this.boundingBox);
     uploadColors(ctx, this);
-    Array.from(this.plugins.values()).sort((a, b) => (a.renderOrder ?? 0) - (b.renderOrder ?? 0)).forEach((plugin) => {
+    const plugins = Array.from(this.plugins.values());
+    plugins.sort((a, b) => (a.renderOrder ?? 0) - (b.renderOrder ?? 0));
+    for (let i = 0; i < plugins.length; i++) {
+      const plugin = plugins[i];
       if (plugin.render) {
         plugin.render?.(ctx, this);
       } else if (plugin.paths) {
@@ -1551,9 +1569,8 @@ class Text extends EventEmitter {
           });
         });
       }
-    });
+    }
     this.emit("render", { text: this, view, pixelRatio });
-    return this;
   }
 }
 
@@ -1570,7 +1587,6 @@ exports.Fragment = Fragment;
 exports.Measurer = Measurer;
 exports.Paragraph = Paragraph;
 exports.Text = Text;
-exports.closestDivisor = closestDivisor;
 exports.defaultTextStyles = defaultTextStyles;
 exports.definePlugin = definePlugin;
 exports.drawPath = drawPath;

package/dist/index.d.cts

@@ -202,13 +202,13 @@ declare class Text extends EventEmitter<TextEventMap> {
         characterIndex: number;
     }) => void): this;
     updateParagraphs(): this;
-    measure(dom?: HTMLElement | undefined): MeasureResult;
+    measure(dom?: HTMLElement | undefined): Promise<MeasureResult>;
     getGlyphBox(): BoundingBox;
     updatePathBox(): this;
     updateBoundingBox(): this;
     requestUpdate(): this;
-    update(): this;
-    render(options: TextRenderOptions): this;
+    update(): Promise<void>;
+    render(options: TextRenderOptions): Promise<void>;
 }
 
 type Sizeable = `${number}%` | `${number}rem` | number;
@@ -322,6 +322,7 @@ interface DrawShapePathsOptions extends Partial<TextStyle> {
     ctx: CanvasRenderingContext2D;
     path: Path2D;
     fontSize: number;
+    clipRect?: BoundingBox;
 }
 declare function drawPath(options: DrawShapePathsOptions): void;
 
@@ -331,7 +332,7 @@ declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text): void;
 
 declare function definePlugin(options: TextPlugin): TextPlugin;
 
-declare function measureText(options: TextOptions): MeasureResult;
+declare function measureText(options: TextOptions): Promise<MeasureResult>;
 
 declare function highlight(): TextPlugin;
 
@@ -342,7 +343,7 @@ declare function getTransform2D(text: Text, style: Partial<TextStyle>): Matrix3;
 
 declare function textDecoration(): TextPlugin;
 
-declare function renderText(options: TextOptions & TextRenderOptions): Text;
+declare function renderText(options: TextOptions & TextRenderOptions): Promise<void>;
 
 interface ValueContext {
     total: number;
@@ -355,6 +356,5 @@ declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, a
 declare function isEqualValue(val1: any, val2: any): boolean;
 declare function hexToRgb(hex: string): string | null;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
-declare function closestDivisor(dividend: number, targetDivisor: number): number;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, closestDivisor, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };

package/dist/index.d.mts

@@ -202,13 +202,13 @@ declare class Text extends EventEmitter<TextEventMap> {
         characterIndex: number;
     }) => void): this;
     updateParagraphs(): this;
-    measure(dom?: HTMLElement | undefined): MeasureResult;
+    measure(dom?: HTMLElement | undefined): Promise<MeasureResult>;
     getGlyphBox(): BoundingBox;
     updatePathBox(): this;
     updateBoundingBox(): this;
     requestUpdate(): this;
-    update(): this;
-    render(options: TextRenderOptions): this;
+    update(): Promise<void>;
+    render(options: TextRenderOptions): Promise<void>;
 }
 
 type Sizeable = `${number}%` | `${number}rem` | number;
@@ -322,6 +322,7 @@ interface DrawShapePathsOptions extends Partial<TextStyle> {
     ctx: CanvasRenderingContext2D;
     path: Path2D;
     fontSize: number;
+    clipRect?: BoundingBox;
 }
 declare function drawPath(options: DrawShapePathsOptions): void;
 
@@ -331,7 +332,7 @@ declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text): void;
 
 declare function definePlugin(options: TextPlugin): TextPlugin;
 
-declare function measureText(options: TextOptions): MeasureResult;
+declare function measureText(options: TextOptions): Promise<MeasureResult>;
 
 declare function highlight(): TextPlugin;
 
@@ -342,7 +343,7 @@ declare function getTransform2D(text: Text, style: Partial<TextStyle>): Matrix3;
 
 declare function textDecoration(): TextPlugin;
 
-declare function renderText(options: TextOptions & TextRenderOptions): Text;
+declare function renderText(options: TextOptions & TextRenderOptions): Promise<void>;
 
 interface ValueContext {
     total: number;
@@ -355,6 +356,5 @@ declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, a
 declare function isEqualValue(val1: any, val2: any): boolean;
 declare function hexToRgb(hex: string): string | null;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
-declare function closestDivisor(dividend: number, targetDivisor: number): number;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, closestDivisor, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };

package/dist/index.d.ts

@@ -202,13 +202,13 @@ declare class Text extends EventEmitter<TextEventMap> {
         characterIndex: number;
     }) => void): this;
     updateParagraphs(): this;
-    measure(dom?: HTMLElement | undefined): MeasureResult;
+    measure(dom?: HTMLElement | undefined): Promise<MeasureResult>;
     getGlyphBox(): BoundingBox;
     updatePathBox(): this;
     updateBoundingBox(): this;
     requestUpdate(): this;
-    update(): this;
-    render(options: TextRenderOptions): this;
+    update(): Promise<void>;
+    render(options: TextRenderOptions): Promise<void>;
 }
 
 type Sizeable = `${number}%` | `${number}rem` | number;
@@ -322,6 +322,7 @@ interface DrawShapePathsOptions extends Partial<TextStyle> {
     ctx: CanvasRenderingContext2D;
     path: Path2D;
     fontSize: number;
+    clipRect?: BoundingBox;
 }
 declare function drawPath(options: DrawShapePathsOptions): void;
 
@@ -331,7 +332,7 @@ declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text): void;
 
 declare function definePlugin(options: TextPlugin): TextPlugin;
 
-declare function measureText(options: TextOptions): MeasureResult;
+declare function measureText(options: TextOptions): Promise<MeasureResult>;
 
 declare function highlight(): TextPlugin;
 
@@ -342,7 +343,7 @@ declare function getTransform2D(text: Text, style: Partial<TextStyle>): Matrix3;
 
 declare function textDecoration(): TextPlugin;
 
-declare function renderText(options: TextOptions & TextRenderOptions): Text;
+declare function renderText(options: TextOptions & TextRenderOptions): Promise<void>;
 
 interface ValueContext {
     total: number;
@@ -355,6 +356,5 @@ declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, a
 declare function isEqualValue(val1: any, val2: any): boolean;
 declare function hexToRgb(hex: string): string | null;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
-declare function closestDivisor(dividend: number, targetDivisor: number): number;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, closestDivisor, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightColormap, type HighlightImage, type HighlightLine, type HighlightReferImage, type HighlightSize, type HighlightThickness, type LinearGradient, type ListStyleColormap, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecorationLine, type TextDrawStyle, type TextEventMap, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, hexToRgb, highlight, isEqualObject, isEqualValue, isNone, listStyle, measureText, parseColor, parseColormap, parseValueNumber, render, renderText, setupView, textDecoration, uploadColor, uploadColors };