scichart 3.0.317 → 3.1.333

package/package.json

@@ -2,7 +2,7 @@
   "name": "scichart",
   "description": "Fast WebGL JavaScript Charting Library and Framework",
   "homepage": "https://www.scichart.com",
-  "version": "3.0.317",
+  "version": "3.1.333",
   "main": "index.js",
   "types": "index.d.ts",
   "keywords": [

package/types/NumberArray.js

@@ -6,6 +6,7 @@ function isTypedArray(a) {
 }
 exports.isTypedArray = isTypedArray;
 function isNumberArray(a) {
-    return Array.isArray(a) && !a.some(function (arrayItem) { return typeof arrayItem !== "number"; });
+    // Check type is an array, and first element is number
+    return Array.isArray(a) && (a.length > 0 ? typeof a[0] === "number" : true);
 }
 exports.isNumberArray = isNumberArray;

package/types/TextStyle.d.ts

@@ -0,0 +1,97 @@
+import { Thickness } from "../Core/Thickness";
+import { EMultiLineAlignment } from "./TextPosition";
+/**
+ * Defines the anchor point of a text
+ */
+export declare enum ETextAlignment {
+    Center = "Center",
+    Left = "Left",
+    Right = "Right"
+}
+/**
+ * Defines a side where the chart title should be placed
+ */
+export declare enum ETitlePosition {
+    Top = "Top",
+    Bottom = "Bottom",
+    Right = "Right",
+    Left = "Left"
+}
+/**
+ * Defines common properties of text to render
+ */
+export declare type TTextStyleBase = {
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+    /**
+     * Line spacing to use if text is wrapped.
+     * This is a multiple of the line height and defaults to 1.1
+     */
+    lineSpacing?: number;
+    padding?: Thickness;
+};
+/**
+ * Defines properties of text rendered via Native Text API
+ */
+export declare type TNativeTextStyle = TTextStyleBase & {
+    useNativeText: true;
+};
+/**
+ * Defines properties of text rendered as a texture
+ */
+export declare type TTextureTextStyle = TTextStyleBase & {
+    useNativeText?: false;
+    fontWeight?: string;
+    fontStyle?: string;
+};
+/**
+ * Defines text style which allows to switch between Native / Non-native text rendering
+ */
+export declare type TCommonTextStyle = TNativeTextStyle | TTextureTextStyle;
+export declare type TAdvancedTextProperties = {
+    /** Horizontal text alignment for multiline text. */
+    multilineAlignment?: EMultiLineAlignment;
+};
+/**
+ * Defines text style with advanced options
+ */
+export declare type TAdvancedTextStyle = TCommonTextStyle & TAdvancedTextProperties;
+/**
+ * Defines text style and positioning options used for Chart Title rendering
+ */
+export declare type TChartTitleStyle = TAdvancedTextStyle & {
+    /**
+     * Defines a side where the title should be placed.
+     * @remarks
+     * {@link ETitlePosition.left} rotates the text clockwise by 90 degrees,
+     *  while {@link ETitlePosition.Right} rotates the text counterclockwise by 90 degrees
+     */
+    position?: ETitlePosition;
+    /**
+     * Defines an anchor of the title relative to text
+     * @remarks
+     * the alignment directions are rotated accordingly to {@link TChartTitleStyle.position}
+     */
+    alignment?: ETextAlignment;
+    /**
+     * Defines whether title should be inside or outside of the series drawing area
+     */
+    placeWithinChart?: boolean;
+};
+/** @ignore */
+export declare const getIsHorizontalPlacement: (position: ETitlePosition) => boolean;
+/** @ignore */
+export declare const handleInvalidChartTitlePosition: (invalidValue: never) => never;
+/** @ignore */
+export declare const handleInvalidTextAlignment: (invalidValue: never) => never;
+/** @ignore */
+export declare const areEqualTextureTextStyles: (style1: TTextureTextStyle, style2: TTextureTextStyle) => boolean;
+/** @ignore */
+export declare const areEqualNativeTextStyles: (style1: TNativeTextStyle, style2: TNativeTextStyle) => boolean;
+/** @ignore */
+export declare const areEqualSimpleTextStyles: (style1: TCommonTextStyle, style2: TCommonTextStyle) => boolean;
+/** @ignore */
+export declare const areEqualTextStyles: (style1: TAdvancedTextStyle, style2: TAdvancedTextStyle) => boolean;
+/** @ignore */
+export declare const adjustTextStyle: (textStyle: TCommonTextStyle) => TCommonTextStyle;

package/types/TextStyle.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adjustTextStyle = exports.areEqualTextStyles = exports.areEqualSimpleTextStyles = exports.areEqualNativeTextStyles = exports.areEqualTextureTextStyles = exports.handleInvalidTextAlignment = exports.handleInvalidChartTitlePosition = exports.getIsHorizontalPlacement = exports.ETitlePosition = exports.ETextAlignment = void 0;
+var DpiHelper_1 = require("../Charting/Visuals/TextureManager/DpiHelper");
+/**
+ * Defines the anchor point of a text
+ */
+var ETextAlignment;
+(function (ETextAlignment) {
+    ETextAlignment["Center"] = "Center";
+    ETextAlignment["Left"] = "Left";
+    ETextAlignment["Right"] = "Right";
+})(ETextAlignment = exports.ETextAlignment || (exports.ETextAlignment = {}));
+/**
+ * Defines a side where the chart title should be placed
+ */
+var ETitlePosition;
+(function (ETitlePosition) {
+    ETitlePosition["Top"] = "Top";
+    ETitlePosition["Bottom"] = "Bottom";
+    ETitlePosition["Right"] = "Right";
+    ETitlePosition["Left"] = "Left";
+})(ETitlePosition = exports.ETitlePosition || (exports.ETitlePosition = {}));
+/** @ignore */
+var getIsHorizontalPlacement = function (position) {
+    return position === ETitlePosition.Top || position === ETitlePosition.Bottom;
+};
+exports.getIsHorizontalPlacement = getIsHorizontalPlacement;
+/** @ignore */
+var handleInvalidChartTitlePosition = function (invalidValue) {
+    throw new Error("Invalid chart title position: ".concat(invalidValue, "!"));
+};
+exports.handleInvalidChartTitlePosition = handleInvalidChartTitlePosition;
+/** @ignore */
+var handleInvalidTextAlignment = function (invalidValue) {
+    throw new Error("Invalid text alignment \"".concat(invalidValue, "\"!"));
+};
+exports.handleInvalidTextAlignment = handleInvalidTextAlignment;
+/** @ignore */
+var areEqualTextureTextStyles = function (style1, style2) {
+    return (style1.color === style2.color &&
+        style1.fontFamily === style2.fontFamily &&
+        style1.fontSize === style2.fontSize &&
+        style1.fontStyle === style2.fontStyle &&
+        style1.fontWeight === style2.fontWeight &&
+        style1.lineSpacing === style2.lineSpacing &&
+        ((style1.padding === undefined && style2.padding === undefined) || style1.padding.equals(style2.padding)));
+};
+exports.areEqualTextureTextStyles = areEqualTextureTextStyles;
+/** @ignore */
+var areEqualNativeTextStyles = function (style1, style2) {
+    return (style1.color === style2.color &&
+        style1.fontFamily === style2.fontFamily &&
+        style1.fontSize === style2.fontSize &&
+        style1.lineSpacing === style2.lineSpacing &&
+        ((style1.padding === undefined && style2.padding === undefined) || style1.padding.equals(style2.padding)));
+};
+exports.areEqualNativeTextStyles = areEqualNativeTextStyles;
+/** @ignore */
+var areEqualSimpleTextStyles = function (style1, style2) {
+    if (!style1 || !style2 || !style1.useNativeText !== !style2.useNativeText) {
+        // comparing to an undefined style or styles have different rendering methods
+        return false;
+    }
+    else if (style1.useNativeText && style2.useNativeText) {
+        return (0, exports.areEqualNativeTextStyles)(style1, style2);
+    }
+    else {
+        return (0, exports.areEqualTextureTextStyles)(style1, style2);
+    }
+};
+exports.areEqualSimpleTextStyles = areEqualSimpleTextStyles;
+/** @ignore */
+var areEqualTextStyles = function (style1, style2) {
+    var areBasePropertiesEqual = (0, exports.areEqualSimpleTextStyles)(style1, style2);
+    return (areBasePropertiesEqual &&
+        // style1.rotation === style2.rotation &&
+        style1.multilineAlignment === style2.multilineAlignment);
+};
+exports.areEqualTextStyles = areEqualTextStyles;
+/** @ignore */
+var adjustTextStyle = function (textStyle) {
+    var adjustedTextStyle = DpiHelper_1.DpiHelper.adjustTextStyle(textStyle);
+    return adjustedTextStyle;
+};
+exports.adjustTextStyle = adjustTextStyle;

package/utils/text.d.ts

@@ -1,5 +1,12 @@
-import { SCRTFont, TSRTextBounds } from "../types/TSciChart";
+import { TNativeTextStyle } from "../types/TextStyle";
+import { SCRTFont, TSciChart, TSRTextBounds } from "../types/TSciChart";
 /**
  * Wrap a string by adding newline characters, splitting on spaces and wrapping to a maximum size
  */
 export declare const wrapNativeText: (text: string, maxWidth: number, font: SCRTFont, textBounds: TSRTextBounds) => string;
+export declare const getNativeTextSize: (text: string, nativeFont: SCRTFont, textStyle: TNativeTextStyle, webAssemblyContext: TSciChart) => {
+    textHeight: number;
+    textWidth: number;
+    nativeLineSpacing: number;
+    firstLineAscent: number;
+};

package/utils/text.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrapNativeText = void 0;
+exports.getNativeTextSize = exports.wrapNativeText = void 0;
+var NativeObject_1 = require("../Charting/Visuals/Helpers/NativeObject");
 /**
  * Wrap a string by adding newline characters, splitting on spaces and wrapping to a maximum size
  */
@@ -46,3 +47,24 @@ var wrapNativeText = function (text, maxWidth, font, textBounds) {
     return lines.join("\n");
 };
 exports.wrapNativeText = wrapNativeText;
+var getNativeTextSize = function (text, nativeFont, textStyle, webAssemblyContext) {
+    var textBounds = (0, NativeObject_1.getTextBounds)(webAssemblyContext);
+    nativeFont.CalculateStringBounds(text, textBounds, 0);
+    var maxLineHeight = 0;
+    for (var i = 0; i < textBounds.GetLinesCount(); i++) {
+        var lineBounds = textBounds.GetLineBounds(i);
+        var lineHeight = lineBounds.m_fHeight - lineBounds.m_fOffsetY;
+        if (maxLineHeight < lineHeight) {
+            maxLineHeight = lineHeight;
+        }
+    }
+    var nativeLineSpacing = Math.round(maxLineHeight * (textStyle.lineSpacing - 1));
+    var textHeight = Math.round(textBounds.m_fHeight +
+        (textBounds.GetLinesCount() - 1) * nativeLineSpacing +
+        textStyle.padding.top +
+        textStyle.padding.bottom);
+    var textWidth = Math.round(textBounds.m_fWidth + textStyle.padding.left + textStyle.padding.right);
+    var firstLineAscent = textBounds.GetLineBounds(0).m_fHeight;
+    return { textHeight: textHeight, textWidth: textWidth, nativeLineSpacing: nativeLineSpacing, firstLineAscent: firstLineAscent };
+};
+exports.getNativeTextSize = getNativeTextSize;

package/Charting/Services/Workers/TextureWorker.d.ts

@@ -1,16 +0,0 @@
-import { TTextStyle } from "../../Visuals/Axis/AxisCore";
-declare class TextureWorkerWrapper {
-    private readonly worker;
-    private timeout;
-    private isActiveProperty;
-    constructor();
-    get isActive(): boolean;
-    measureAndGetImageData(text: string[], textStyle: TTextStyle, rotation?: number, lineSpacing?: number, backgroundColor?: string, opacity?: number): Promise<{
-        imageData: ImageData;
-        textureWidth: number;
-        textureHeight: number;
-    }>;
-    private makeWorker;
-}
-export declare const textureWorker: TextureWorkerWrapper;
-export {};

package/Charting/Services/Workers/TextureWorker.js

@@ -1,142 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textureWorker = void 0;
-var app_1 = require("../../../constants/app");
-var resolves = {};
-var rejects = {};
-var globalMsgId = 0;
-// Activate calculation in the worker, returning a promise
-function sendMsg(payload, worker, method) {
-    var msgId = globalMsgId++;
-    var msg = {
-        id: msgId,
-        payload: payload,
-        method: method
-    };
-    return new Promise(function (resolve, reject) {
-        // save callbacks for later
-        resolves[msgId] = resolve;
-        rejects[msgId] = reject;
-        worker.postMessage(msg);
-    });
-}
-// Handle incoming calculation result
-function handleMsg(msg) {
-    var _a = msg.data, id = _a.id, err = _a.err, payload = _a.payload;
-    if (payload) {
-        var resolve = resolves[id];
-        if (resolve) {
-            resolve(payload);
-        }
-    }
-    else {
-        // error condition
-        var reject = rejects[id];
-        if (reject) {
-            if (err) {
-                reject(err);
-            }
-            else {
-                reject("Got nothing");
-            }
-        }
-    }
-    // purge used callbacks
-    delete resolves[id];
-    delete rejects[id];
-}
-// Wrapper class
-var TextureWorkerWrapper = /** @class */ (function () {
-    function TextureWorkerWrapper() {
-        var _this = this;
-        this.timeout = 200;
-        this.isActiveProperty = true;
-        if (!app_1.IS_TEST_ENV &&
-            typeof window !== "undefined" &&
-            !!window.Worker &&
-            // @ts-ignore
-            typeof OffscreenCanvas !== "undefined") {
-            this.worker = this.makeWorker(); // new Worker("./TextureWorkerSource.ts", { type: "module" });
-            this.worker.onmessage = handleMsg;
-            this.worker.onerror = function (ev) {
-                console.warn("Label Worker could not be started", ev);
-                _this.isActiveProperty = false;
-            };
-        }
-        else {
-            this.isActiveProperty = false;
-        }
-    }
-    Object.defineProperty(TextureWorkerWrapper.prototype, "isActive", {
-        get: function () {
-            return this.isActiveProperty;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TextureWorkerWrapper.prototype.measureAndGetImageData = function (text, textStyle, rotation, lineSpacing, backgroundColor, opacity) {
-        return __awaiter(this, void 0, void 0, function () {
-            var payload, result;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!this.isActiveProperty) {
-                            return [2 /*return*/, Promise.reject("Worker is inactive")];
-                        }
-                        payload = { text: text, textStyle: textStyle, rotation: rotation, lineSpacing: lineSpacing, backgroundColor: backgroundColor, opacity: opacity };
-                        return [4 /*yield*/, sendMsg(payload, this.worker)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                }
-            });
-        });
-    };
-    TextureWorkerWrapper.prototype.makeWorker = function () {
-        var blobURL = URL.createObjectURL(new Blob([
-            "\n        var DEFAULT_HEIGHT = 1080;\n        var DEFAULT_WIDTH = 1920;\n        var ELabelAlignment;\n        (function (ELabelAlignment) {\n            ELabelAlignment[\"Auto\"] = \"Auto\";\n            ELabelAlignment[\"Left\"] = \"Left\";\n            ELabelAlignment[\"Right\"] = \"Right\";\n            ELabelAlignment[\"Center\"] = \"Center\";\n        })(ELabelAlignment || (ELabelAlignment = {}));\n        var canvas = new OffscreenCanvas(DEFAULT_WIDTH, DEFAULT_HEIGHT);\n        var ctx = canvas.getContext(\"2d\");\n        var createTextTexture = function (text, textStyle, rotation, lineSpacing, backgroundColor, opacity) {\n            var fontStyle = textStyle.fontStyle, fontWeight = textStyle.fontWeight, fontFamily = textStyle.fontFamily, fontSizePx = textStyle.fontSize, padding = textStyle.padding, alignment = textStyle.alignment, color = textStyle.color;\n            ctx.globalAlpha = opacity !== null && opacity !== void 0 ? opacity : 1;\n            ctx.textBaseline = \"top\";\n            ctx.fillStyle = color;\n            ctx.font = getFontString(fontStyle, fontWeight, fontSizePx, fontFamily);\n            var textureWidth = 0;\n            // const fontSizePt = Math.ceil(fontSizePx * PX_TO_PT);\n            var lineHeight = measureTextHeight(fontSizePx);\n            var extraLineHeight = lineHeight * (lineSpacing !== null && lineSpacing !== void 0 ? lineSpacing : 1.1);\n            var textureHeight = lineHeight + padding.top + padding.bottom;\n            for (var index = 0; index < text.length; index++) {\n                var line = text[index];\n                var lineWidth = measureTextWidth(line) + padding.left + padding.right;\n                if (lineWidth > textureWidth) {\n                    textureWidth = lineWidth;\n                }\n                if (index > 0) {\n                    textureHeight += extraLineHeight;\n                }\n            }\n            var y = padding.top;\n            var x = padding.left;\n            if (!textureWidth || !textureHeight) {\n                return undefined;\n            }\n            var newTextureWidth = textureWidth;\n            var newTextureHeight = textureHeight;\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            if (backgroundColor) {\n                ctx.fillStyle = backgroundColor;\n                ctx.fillRect(0, 0, canvas.width, canvas.height);\n            }\n            // Save state\n            ctx.save();\n            if (rotation) {\n                // convert to radians\n                var rotationRad = (rotation * Math.PI) / 180;\n                // We need to Math.ceil to fix rotation for WebGL1\n                newTextureWidth = Math.ceil(textureWidth * Math.abs(Math.cos(rotationRad)) + textureHeight * Math.abs(Math.sin(rotationRad)));\n                newTextureHeight = Math.ceil(textureWidth * Math.abs(Math.sin(rotationRad)) + textureHeight * Math.abs(Math.cos(rotationRad)));\n                // translate to the center of rectangle\n                ctx.translate(newTextureWidth / 2, newTextureHeight / 2);\n                ctx.rotate(rotationRad);\n                // translate to the new origin that is located in the left top center of the texture\n                ctx.translate(-textureWidth / 2, -textureHeight / 2);\n            }\n            for (var _i = 0, text_1 = text; _i < text_1.length; _i++) {\n                var line = text_1[_i];\n                if (alignment === ELabelAlignment.Center || alignment === ELabelAlignment.Right) {\n                    var lineWidth = measureTextWidth(line);\n                    x =\n                        alignment === ELabelAlignment.Right\n                            ? textureWidth - lineWidth - padding.right\n                            : (textureWidth - lineWidth) / 2;\n                }\n                ctx.fillText(line, Math.round(x), Math.round(y));\n                y += extraLineHeight;\n            }\n            ctx.strokeStyle = color;\n            ctx.restore();\n            var imageData = ctx.getImageData(0, 0, newTextureWidth, newTextureHeight);\n            return {\n                imageData: imageData,\n                textureWidth: newTextureWidth,\n                textureHeight: newTextureHeight\n            };\n        };\n        var measureTextHeight = function (fontSizePx) { return fontSizePx; };\n        var measureTextWidth = function (text) {\n            var textMeasure = ctx.measureText(text);\n            return Math.ceil(textMeasure.width);\n        };\n        var getFontString = function (fontStyle, fontWeight, fontSize, fontFamily) {\n            if (!fontWeight)\n                return fontStyle + \" \" + fontSize + \"px \" + fontFamily;\n            return fontStyle + \" \" + fontWeight + \" \" + fontSize + \"px \" + fontFamily;\n        };\n        self.onmessage = function (msg) {\n            var _a = msg.data, id = _a.id, payload = _a.payload, method = _a.method;\n            var text = payload.text, textStyle = payload.textStyle, rotation = payload.rotation, lineSpacing = payload.lineSpacing, backgroundColor = payload.backgroundColor, opacity = payload.opacity;\n            try {\n                var result = createTextTexture(text, textStyle, rotation, lineSpacing, backgroundColor, opacity);\n                var reply = {\n                    id: id,\n                    payload: result\n                };\n                self.postMessage(reply);\n            }\n            catch (err) {\n                self.postMessage({\n                    id: id,\n                    err: err,\n                    payload: undefined\n                });\n            }\n        };"
-        ], { type: "application/javascript" }));
-        var worker = new Worker(blobURL);
-        // Won't be needing this anymore
-        URL.revokeObjectURL(blobURL);
-        return worker;
-    };
-    return TextureWorkerWrapper;
-}());
-exports.textureWorker = new TextureWorkerWrapper();

package/Charting/Services/Workers/TextureWorkerSource.d.ts

@@ -1 +0,0 @@
-export {};

package/Charting/Services/Workers/TextureWorkerSource.js

@@ -1,133 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @ignore */
-var DEFAULT_HEIGHT = 1080;
-/** @ignore */
-var DEFAULT_WIDTH = 1920;
-var ELabelAlignment;
-(function (ELabelAlignment) {
-    ELabelAlignment["Auto"] = "Auto";
-    ELabelAlignment["Left"] = "Left";
-    ELabelAlignment["Right"] = "Right";
-    ELabelAlignment["Center"] = "Center";
-})(ELabelAlignment || (ELabelAlignment = {}));
-// @ts-ignore
-var canvas = new OffscreenCanvas(DEFAULT_WIDTH, DEFAULT_HEIGHT);
-// @ts-ignore
-var ctx = canvas.getContext("2d");
-/**
- * Create a text texture supporting multiline and arbitrary rotation
- * @param text
- * @param textStyle
- * @param rotation
- * @param lineSpacing Expressed as a fraction of the font size. Default 1.1
- * @param backgroundColor
- * @param opacity
- * @returns
- */
-// tslint:disable-next-line: no-unused-expression
-var createTextTexture = function (text, textStyle, rotation, lineSpacing, backgroundColor, opacity) {
-    var fontStyle = textStyle.fontStyle, fontWeight = textStyle.fontWeight, fontFamily = textStyle.fontFamily, fontSizePx = textStyle.fontSize, padding = textStyle.padding, alignment = textStyle.alignment, color = textStyle.color;
-    // console.log("Creating label for", text[0], fontSizePx);
-    ctx.globalAlpha = opacity !== null && opacity !== void 0 ? opacity : 1;
-    ctx.textBaseline = "top";
-    ctx.fillStyle = color;
-    ctx.font = getFontString(fontStyle, fontWeight, fontSizePx, fontFamily);
-    var textureWidth = 0;
-    // const fontSizePt = Math.ceil(fontSizePx * PX_TO_PT);
-    var lineHeight = measureTextHeight(fontSizePx);
-    var extraLineHeight = lineHeight * (lineSpacing !== null && lineSpacing !== void 0 ? lineSpacing : 1.1);
-    var textureHeight = lineHeight + padding.top + padding.bottom;
-    for (var index = 0; index < text.length; index++) {
-        var line = text[index];
-        var lineWidth = measureTextWidth(line) + padding.left + padding.right;
-        if (lineWidth > textureWidth) {
-            textureWidth = lineWidth;
-        }
-        if (index > 0) {
-            textureHeight += extraLineHeight;
-        }
-    }
-    var y = padding.top;
-    var x = padding.left;
-    if (!textureWidth || !textureHeight) {
-        return undefined;
-    }
-    var newTextureWidth = textureWidth;
-    var newTextureHeight = textureHeight;
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
-    if (backgroundColor) {
-        ctx.fillStyle = backgroundColor;
-        ctx.fillRect(0, 0, canvas.width, canvas.height);
-    }
-    // Save state
-    ctx.save();
-    if (rotation) {
-        // convert to radians
-        var rotationRad = (rotation * Math.PI) / 180;
-        // We need to Math.ceil to fix rotation for WebGL1
-        newTextureWidth = Math.ceil(textureWidth * Math.abs(Math.cos(rotationRad)) + textureHeight * Math.abs(Math.sin(rotationRad)));
-        newTextureHeight = Math.ceil(textureWidth * Math.abs(Math.sin(rotationRad)) + textureHeight * Math.abs(Math.cos(rotationRad)));
-        // translate to the center of rectangle
-        ctx.translate(newTextureWidth / 2, newTextureHeight / 2);
-        ctx.rotate(rotationRad);
-        // translate to the new origin that is located in the left top center of the texture
-        ctx.translate(-textureWidth / 2, -textureHeight / 2);
-    }
-    for (var _i = 0, text_1 = text; _i < text_1.length; _i++) {
-        var line = text_1[_i];
-        if (alignment === ELabelAlignment.Center || alignment === ELabelAlignment.Right) {
-            var lineWidth = measureTextWidth(line);
-            x =
-                alignment === ELabelAlignment.Right
-                    ? textureWidth - lineWidth - padding.right
-                    : (textureWidth - lineWidth) / 2;
-        }
-        ctx.fillText(line, Math.round(x), Math.round(y));
-        y += extraLineHeight;
-    }
-    ctx.strokeStyle = color;
-    ctx.restore();
-    // Useful for debugging rotated textures
-    // ctx.beginPath();
-    // ctx.rect(0, 0, newTextureWidth, newTextureHeight);
-    // ctx.stroke();
-    var imageData = ctx.getImageData(0, 0, newTextureWidth, newTextureHeight);
-    // console.log("Returning label for", text[0], fontSizePx);
-    return {
-        imageData: imageData,
-        textureWidth: newTextureWidth,
-        textureHeight: newTextureHeight
-    };
-};
-var measureTextHeight = function (fontSizePx) { return fontSizePx; };
-// @ts-ignore
-var measureTextWidth = function (text) {
-    var textMeasure = ctx.measureText(text);
-    return Math.ceil(textMeasure.width);
-};
-var getFontString = function (fontStyle, fontWeight, fontSize, fontFamily) {
-    if (!fontWeight)
-        return "".concat(fontStyle, " ").concat(fontSize, "px ").concat(fontFamily);
-    return "".concat(fontStyle, " ").concat(fontWeight, " ").concat(fontSize, "px ").concat(fontFamily);
-};
-// Handle incoming messages
-self.onmessage = function (msg) {
-    var _a = msg.data, id = _a.id, payload = _a.payload, method = _a.method;
-    var text = payload.text, textStyle = payload.textStyle, rotation = payload.rotation, lineSpacing = payload.lineSpacing, backgroundColor = payload.backgroundColor, opacity = payload.opacity;
-    try {
-        var result = createTextTexture(text, textStyle, rotation, lineSpacing, backgroundColor, opacity);
-        var reply = {
-            id: id,
-            payload: result
-        };
-        self.postMessage(reply);
-    }
-    catch (err) {
-        self.postMessage({
-            id: id,
-            err: err,
-            payload: undefined
-        });
-    }
-};