scichart 2.2.2417 → 3.0.0-beta.224

package/types/TSciChart3D.d.ts

@@ -1,11 +1,11 @@
 export declare type TSciChart3D = {
     canvas: HTMLCanvasElement;
     canvas2D: HTMLCanvasElement;
+    SCRTFillTextureFloat32: (texture: TSRTexture, width: number, height: number, pixels: SCRTFloatVector) => TSRVector4;
     SCRTDoLeakCheck: () => void;
     SCRT3DSetClearColor: (reg: number, green: number, blue: number, alpha: number) => void;
     SCRTCreateBitmapTexture: (width: number, height: number, textureFormat: eTSRTextureFormat) => TSRTexture;
     SCRTFillTextureAbgr: (texture: TSRTexture, width: number, height: number, pixels: IntVector) => void;
-    SCRTFillTextureFloat32: (texture: TSRTexture, width: number, height: number, pixels: FloatVector) => TSRVector4;
     TSRRequestExit: () => void;
     TSRRequestDraw: () => void;
     TSRRequestCanvasDraw: (canvasID: string) => void;
@@ -17,20 +17,21 @@ export declare type TSciChart3D = {
     SCRTGetTemplateMesh: (meshId: eSCRTMesh) => TSRIndexedMesh;
     SCRTGetTemplateTexture: (textureId: eSCRTTexture) => TSRTexture;
     SCRT3DSetWaterMarkProperties: (properties: SCRTWaterMarkProperties) => void;
-    SCRTSetGlobalSampleChartInterface3D: (param0: SCRTSampleChartInterface3D) => void;
-    SCRTGetGlobalSampleChartInterface3D: () => SCRTSampleChartInterface3D;
+    SCRTSetGlobalSampleChartInterface: (param0: SCRTSampleChartInterface) => void;
+    SCRTGetGlobalSampleChartInterface: () => SCRTSampleChartInterface;
     SCRTSetGlobalCopyToDestinationInterface: (param0: SCRTCopyToDestinationInterface) => void;
     SCRTSetClearAlphaParams: (enabled: boolean, alpha: number) => void;
+    TSRVector4: (new () => TSRVector4) & (new (x: number, y: number, z: number, w: number) => TSRVector4);
+    IntVector: new () => IntVector;
+    UIntVector: new () => UIntVector;
+    SCRTFloatVector: new () => SCRTFloatVector;
     FloatVector: new () => FloatVector;
     SCRTDoubleVector: new () => SCRTDoubleVector;
     DoubleVector: new () => DoubleVector;
-    IntVector: new () => IntVector;
-    UIntVector: new () => UIntVector;
     eTSRTextureFormat: {
         TSR_TEXTUREFORMAT_A8B8G8R8: eTSRTextureFormat;
         TSR_TEXTUREFORMAT_R32F: eTSRTextureFormat;
     };
-    TSRVector4: (new () => TSRVector4) & (new (x: number, y: number, z: number, w: number) => TSRVector4);
     StringVector: new () => StringVector;
     LinearCoordinateCalculatorDouble: new (ViewportDimension: number, VisibleMin: number, VisibleMax: number, ViewportOffset: number, CoordOffset: number) => LinearCoordinateCalculatorDouble;
     FlippedLinearCoordinateCalculatorDouble: new (ViewportDimension: number, VisibleMin: number, VisibleMax: number, ViewportOffset: number, CoordOffset: number) => FlippedLinearCoordinateCalculatorDouble;
@@ -174,15 +175,7 @@ export declare type TSciChart3D = {
     };
     SCRTWaterMarkProperties: new () => SCRTWaterMarkProperties;
     TSRVector2: (new () => TSRVector2) & (new (x: number, y: number) => TSRVector2);
-    SCRTSampleChartInterface3D: {
-        implement: (wrapper: SCRTSampleChartInterface3DWrapper) => SCRTSampleChartInterface3D;
-    };
-    SCRTCopyToDestinationInterface: {
-        implement: (wrapper: SCRTCopyToDestinationInterfaceWrapper) => SCRTCopyToDestinationInterface;
-    };
-    SCRTSurfaceDestination: {
-        implement: (wrapper: SCRTSurfaceDestinationWrapper) => SCRTSurfaceDestination;
-    };
+    SCRTFrameRenderer3D: new () => SCRTFrameRenderer3D;
     eTSRPlatform: {
         Windows: eTSRPlatform;
         Mac: eTSRPlatform;
@@ -278,8 +271,30 @@ export declare type TSciChart3D = {
         Anisotropy8x: TSRShadowAnisotropy;
         Anisotropy16x: TSRShadowAnisotropy;
     };
+    SCRTSampleChartInterface: {
+        implement: (wrapper: SCRTSampleChartInterfaceWrapper) => SCRTSampleChartInterface;
+    };
+    SCRTCopyToDestinationInterface: {
+        implement: (wrapper: SCRTCopyToDestinationInterfaceWrapper) => SCRTCopyToDestinationInterface;
+    };
+    SCRTSurfaceDestination: {
+        implement: (wrapper: SCRTSurfaceDestinationWrapper) => SCRTSurfaceDestination;
+    };
 };
-export declare class FloatVector {
+export declare class TSRVector4 {
+    Assign(x: number, y: number, z: number, w: number): void;
+    x: number;
+    y: number;
+    z: number;
+    w: number;
+    delete(): void;
+}
+export declare class TSRTexture {
+    GetWidth(): number;
+    GetHeight(): number;
+    delete(): void;
+}
+export declare class IntVector {
     dataPtr(offset: number): number;
     push_back(element: number): void;
     pop_back(): void;
@@ -295,10 +310,23 @@ export declare class FloatVector {
     set(index: number, element: number): void;
     get(index: number): number;
 }
-export declare class TSRTexture {
+export declare class UIntVector {
+    dataPtr(offset: number): number;
+    push_back(element: number): void;
+    pop_back(): void;
+    size(): number;
+    resize(size: number, initialValue: number): void;
+    reserve(size: number): void;
+    clear(): void;
+    fill(element: number): void;
+    insertAt(index: number, element: number): void;
+    removeAt(index: number): void;
+    removeRange(index: number, count: number): void;
     delete(): void;
+    set(index: number, element: number): void;
+    get(index: number): number;
 }
-export declare class SCRTDoubleVector {
+export declare class SCRTFloatVector {
     push_back(_dNewValue: number): void;
     resize(_iNewSize: number, _dInitialValue: number): void;
     resizeFast(_iNewSize: number): void;
@@ -314,7 +342,7 @@ export declare class SCRTDoubleVector {
     dataPtr(_iOffset: number): number;
     delete(): void;
 }
-export declare class DoubleVector {
+export declare class FloatVector {
     dataPtr(offset: number): number;
     push_back(element: number): void;
     pop_back(): void;
@@ -330,23 +358,23 @@ export declare class DoubleVector {
     set(index: number, element: number): void;
     get(index: number): number;
 }
-export declare class IntVector {
-    dataPtr(offset: number): number;
-    push_back(element: number): void;
-    pop_back(): void;
-    size(): number;
-    resize(size: number, initialValue: number): void;
-    reserve(size: number): void;
+export declare class SCRTDoubleVector {
+    push_back(_dNewValue: number): void;
+    resize(_iNewSize: number, _dInitialValue: number): void;
+    resizeFast(_iNewSize: number): void;
+    reserve(_iCount: number): void;
     clear(): void;
-    fill(element: number): void;
-    insertAt(index: number, element: number): void;
-    removeAt(index: number): void;
-    removeRange(index: number, count: number): void;
+    size(): number;
+    capacity(): number;
+    get(_iIndex: number): number;
+    set(_iIndex: number, _dValue: number): void;
+    insertAt(_iIndex: number, _dValue: number): void;
+    removeAt(_iIndex: number): void;
+    removeRange(_iIndex: number, _iCount: number): void;
+    dataPtr(_iOffset: number): number;
     delete(): void;
-    set(index: number, element: number): void;
-    get(index: number): number;
 }
-export declare class UIntVector {
+export declare class DoubleVector {
     dataPtr(offset: number): number;
     push_back(element: number): void;
     pop_back(): void;
@@ -370,13 +398,6 @@ export declare class TSRIndexedMesh extends TSRMesh {
 }
 export declare class eTSRTextureFormat {
 }
-export declare class TSRVector4 {
-    x: number;
-    y: number;
-    z: number;
-    w: number;
-    delete(): void;
-}
 export declare class StringVector {
     dataPtr(offset: number): number;
     push_back(element: string): void;
@@ -514,6 +535,7 @@ export declare class TSRVector3 {
     Normalize(): void;
     Dot(param0: TSRVector3): number;
     Cross(param0: TSRVector3, param1: TSRVector3): void;
+    Assign(x: number, y: number, z: number): void;
     x: number;
     y: number;
     z: number;
@@ -679,6 +701,7 @@ export declare class SCRTPoint3DSceneEntityParams {
 export declare class SCRTPoint3DSceneEntity extends SCRTSceneEntity {
     Update(deltaTime: number): void;
     Render(): void;
+    SetOpacity(opacity: number): void;
     SetPointMarkerType(markerType: eSCRT_POINT_MARKER_TYPE): void;
     GetPointMarkerType(): eSCRT_POINT_MARKER_TYPE;
     SetPointMarkerTexture(texture: TSRTexture): void;
@@ -735,6 +758,8 @@ export declare class SCRTGridMeshEntity extends SCRTSceneEntity {
     Render(): void;
     SetTexture(texture: TSRTexture): void;
     GetHeightMap(): TSRTexture;
+    SetOpacity(opacity: number): void;
+    GetOpacity(): number;
     SetMeshRange(meshRangeX: SCRTAxisRange, meshRangeY: SCRTAxisRange, meshRangeZ: SCRTAxisRange): void;
     SetVisibleRange(visibleRangeX: SCRTAxisRange, visibleRangeY: SCRTAxisRange, visibleRangeZ: SCRTAxisRange): void;
     SetHeightmapScaleOffset(dataScaleY: number, dataOffsetY: number): void;
@@ -788,6 +813,8 @@ export declare class eSCRTTexture {
 export declare class SCRTWaterMarkProperties {
     SetPosition(position: TSRVector2): void;
     SetOpacity(opacity: number): void;
+    m_fCanvasWidth: number;
+    m_bIsDarkBackground: boolean;
     delete(): void;
 }
 export declare class TSRVector2 {
@@ -795,7 +822,41 @@ export declare class TSRVector2 {
     y: number;
     delete(): void;
 }
-export declare class SCRTSampleChartInterface3D {
+export declare class SCRTFrameRenderer3D extends SCRTFrameRenderer {
+    delete(): void;
+}
+export declare class SCRTFrameRenderer {
+    delete(): void;
+}
+export declare class eTSRPlatform {
+}
+export declare class eTSRMetaDataType {
+}
+export declare class eVariableUsage {
+}
+export declare class eTSRRendererType {
+}
+export declare class eTSRCameraProjectionMode {
+}
+export declare class TSRShadowPartitionMode {
+}
+export declare class TSRShadowCascadeSelectionModes {
+}
+export declare class TSRShadowMode {
+}
+export declare class TSRShadowMapSize {
+}
+export declare class TSRShadowDepthBufferFormat {
+}
+export declare class TSRShadowFixedFilterSize {
+}
+export declare class TSRShadowMSAA {
+}
+export declare class TSRShadowSMFormat {
+}
+export declare class TSRShadowAnisotropy {
+}
+export declare class SCRTSampleChartInterface {
     InitializeChart(): void;
     Draw(canvasId: string): void;
     Update(deltaTime: number): void;
@@ -804,9 +865,10 @@ export declare class SCRTSampleChartInterface3D {
     AddDestination(elementID: SCRTSurfaceDestination): void;
     ClearDestinations(): void;
     GetCurrentDestination(): SCRTSurfaceDestination;
+    SetFrameRenderer(frameRenderer: SCRTFrameRenderer): void;
     delete(): void;
 }
-export declare class SCRTSampleChartInterface3DWrapper {
+export declare class SCRTSampleChartInterfaceWrapper {
     InitializeChart(): void;
     Draw(canvasId: string): void;
     Update(deltaTime: number): void;
@@ -830,34 +892,6 @@ export declare class SCRTSurfaceDestinationWrapper {
     GetHeight(): number;
     GetID(): string;
 }
-export declare class eTSRPlatform {
-}
-export declare class eTSRMetaDataType {
-}
-export declare class eVariableUsage {
-}
-export declare class eTSRRendererType {
-}
-export declare class eTSRCameraProjectionMode {
-}
-export declare class TSRShadowPartitionMode {
-}
-export declare class TSRShadowCascadeSelectionModes {
-}
-export declare class TSRShadowMode {
-}
-export declare class TSRShadowMapSize {
-}
-export declare class TSRShadowDepthBufferFormat {
-}
-export declare class TSRShadowFixedFilterSize {
-}
-export declare class TSRShadowMSAA {
-}
-export declare class TSRShadowSMFormat {
-}
-export declare class TSRShadowAnisotropy {
-}
 export declare type TSciChartCore = {
     canvas: HTMLCanvasElement;
     canvas2D: HTMLCanvasElement;

package/types/TextPosition.d.ts

@@ -0,0 +1,17 @@
+import { TSciChart, eTSRTextAlignMode } from "./TSciChart";
+export declare enum EHorizontalTextPosition {
+    Left = "Left",
+    Center = "Center",
+    Right = "Right"
+}
+export declare enum EVerticalTextPosition {
+    Top = "Top",
+    Center = "Center",
+    Bottom = "Bottom"
+}
+export declare enum EMultiLineAlignment {
+    Left = "Left",
+    Right = "Right",
+    Center = "Center"
+}
+export declare const convertMultiLineAlignment: (multiLineAlignment: EMultiLineAlignment, webAssemblyContext: TSciChart) => eTSRTextAlignMode;

package/types/TextPosition.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertMultiLineAlignment = exports.EMultiLineAlignment = exports.EVerticalTextPosition = exports.EHorizontalTextPosition = void 0;
+var EHorizontalTextPosition;
+(function (EHorizontalTextPosition) {
+    EHorizontalTextPosition["Left"] = "Left";
+    EHorizontalTextPosition["Center"] = "Center";
+    EHorizontalTextPosition["Right"] = "Right";
+})(EHorizontalTextPosition = exports.EHorizontalTextPosition || (exports.EHorizontalTextPosition = {}));
+var EVerticalTextPosition;
+(function (EVerticalTextPosition) {
+    EVerticalTextPosition["Top"] = "Top";
+    EVerticalTextPosition["Center"] = "Center";
+    EVerticalTextPosition["Bottom"] = "Bottom";
+})(EVerticalTextPosition = exports.EVerticalTextPosition || (exports.EVerticalTextPosition = {}));
+var EMultiLineAlignment;
+(function (EMultiLineAlignment) {
+    EMultiLineAlignment["Left"] = "Left";
+    EMultiLineAlignment["Right"] = "Right";
+    EMultiLineAlignment["Center"] = "Center";
+})(EMultiLineAlignment = exports.EMultiLineAlignment || (exports.EMultiLineAlignment = {}));
+var convertMultiLineAlignment = function (multiLineAlignment, webAssemblyContext) {
+    var alignMode = webAssemblyContext.eTSRTextAlignMode.Left;
+    switch (multiLineAlignment) {
+        case EMultiLineAlignment.Left:
+            alignMode = webAssemblyContext.eTSRTextAlignMode.Left;
+            break;
+        case EMultiLineAlignment.Right:
+            alignMode = webAssemblyContext.eTSRTextAlignMode.Right;
+            break;
+        case EMultiLineAlignment.Center:
+            alignMode = webAssemblyContext.eTSRTextAlignMode.Center;
+            break;
+        default:
+            break;
+    }
+    return alignMode;
+};
+exports.convertMultiLineAlignment = convertMultiLineAlignment;

package/types/ThemeProviderType.d.ts

@@ -1,5 +1,7 @@
 export declare enum EThemeProviderType {
     Light = "Light",
     Dark = "Dark",
-    DarkV2 = "DarkV2"
+    DarkV2 = "DarkV2",
+    Navy = "Navy",
+    Custom = "Custom"
 }

package/types/ThemeProviderType.js

@@ -6,4 +6,6 @@ var EThemeProviderType;
     EThemeProviderType["Light"] = "Light";
     EThemeProviderType["Dark"] = "Dark";
     EThemeProviderType["DarkV2"] = "DarkV2";
+    EThemeProviderType["Navy"] = "Navy";
+    EThemeProviderType["Custom"] = "Custom";
 })(EThemeProviderType = exports.EThemeProviderType || (exports.EThemeProviderType = {}));

package/utils/ccall/appendDoubleVectorFromJsArray.d.ts

@@ -1,6 +1,7 @@
 import { NumberArray } from "../../types/NumberArray";
-import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
+import { FloatVector, SCRTDoubleVector, SCRTFloatVector, TSciChart } from "../../types/TSciChart";
 export declare const SIZEOF_NUMBER = 8;
+export declare const SIZEOF_FLOAT32 = 4;
 /**
  * Inserts the values from the source Js array into the destination wasm array (and resizes) at index destIndex
  * @param wasmContext
@@ -9,6 +10,14 @@ export declare const SIZEOF_NUMBER = 8;
  * @param destIndex
  */
 export declare function insertDoubleVectorFromJsArray(wasmContext: TSciChart, source: NumberArray, dest: SCRTDoubleVector, destIndex: number): void;
+/**
+ * Copies the values from the source Js array into the destination wasm array (and resizes) at index destIndex
+ * @param wasmContext
+ * @param source
+ * @param dest
+ * @param destIndex
+ */
+export declare function memCopyFloat32(wasmContext: TSciChart, source: Float32Array, dest: SCRTFloatVector | FloatVector, destIndex: number): void;
 /**
  * Resizes the destinationVector by jsArray.length and copies the values into it
  * @param wasmContext

package/utils/ccall/appendDoubleVectorFromJsArray.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.appendDoubleVectorFromJsArray = exports.insertDoubleVectorFromJsArray = exports.SIZEOF_NUMBER = void 0;
+exports.appendDoubleVectorFromJsArray = exports.memCopyFloat32 = exports.insertDoubleVectorFromJsArray = exports.SIZEOF_FLOAT32 = exports.SIZEOF_NUMBER = void 0;
 var Guard_1 = require("../../Core/Guard");
 exports.SIZEOF_NUMBER = 8;
+exports.SIZEOF_FLOAT32 = 4;
 /**
  * Inserts the values from the source Js array into the destination wasm array (and resizes) at index destIndex
  * @param wasmContext
@@ -34,6 +35,28 @@ function insertDoubleVectorFromJsArray(wasmContext, source, dest, destIndex) {
     wasmContext.HEAPF64.set(source, dest.dataPtr(destIndex) / exports.SIZEOF_NUMBER);
 }
 exports.insertDoubleVectorFromJsArray = insertDoubleVectorFromJsArray;
+/**
+ * Copies the values from the source Js array into the destination wasm array (and resizes) at index destIndex
+ * @param wasmContext
+ * @param source
+ * @param dest
+ * @param destIndex
+ */
+function memCopyFloat32(wasmContext, source, dest, destIndex) {
+    // Sanity checks
+    Guard_1.Guard.notNull(wasmContext, "wasmContext");
+    Guard_1.Guard.notNull(source, "source");
+    Guard_1.Guard.notNull(dest, "dest");
+    Guard_1.Guard.isTrue(destIndex >= 0, "destIndex must be greater than or equal to zero");
+    Guard_1.Guard.isTrue(destIndex <= dest.size() + source.length, "destIndex must be less than or equal to dest.size() + source.Length");
+    var count = source.length;
+    if (count === 0)
+        return;
+    // Overwrite dest memory with Js array
+    // @ts-ignore
+    wasmContext.HEAPF32.set(source, dest.dataPtr(destIndex) / exports.SIZEOF_FLOAT32);
+}
+exports.memCopyFloat32 = memCopyFloat32;
 /**
  * Resizes the destinationVector by jsArray.length and copies the values into it
  * @param wasmContext

package/utils/memoize.d.ts

@@ -0,0 +1 @@
+export declare function memoize<ResultType, ParamsListType extends any[]>(heavyCalculationFunction: (...params: ParamsListType) => ResultType, equalityComparisonFunction?: (params: ParamsListType, prevParams: ParamsListType) => boolean): (...args: ParamsListType) => ResultType;

package/utils/memoize.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.memoize = void 0;
+function memoize(heavyCalculationFunction, equalityComparisonFunction) {
+    var memoizedValue;
+    var prevArgs;
+    // relies on referential equality
+    var defaultComparator = function (args, previousArgs) {
+        return !args.some(function (value, paramIndex) { return value !== previousArgs[paramIndex]; });
+    };
+    var checkIsEqual = equalityComparisonFunction !== null && equalityComparisonFunction !== void 0 ? equalityComparisonFunction : defaultComparator;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var isEqual = prevArgs && checkIsEqual(args, prevArgs);
+        if (!prevArgs || !isEqual) {
+            // Note: it only stores a shallow copy of the params
+            prevArgs = args;
+            memoizedValue = heavyCalculationFunction.apply(void 0, args);
+        }
+        return memoizedValue;
+    };
+}
+exports.memoize = memoize;

package/utils/number.d.ts

@@ -8,3 +8,4 @@ export declare const numericHashCode: (hash: number, value: number) => number;
 export declare const formatNumber: (dataValue: number, numericFormat: ENumericFormat, precision: number) => string;
 export declare const toSuperScript: (value: number) => string;
 export declare const toScientific: (value: number, precision: number, logarithmicBase: number) => string;
+export declare const checkIsNaN: (value: number) => boolean;

package/utils/number.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toScientific = exports.toSuperScript = exports.formatNumber = exports.numericHashCode = exports.formatNumber2Digits = void 0;
+exports.checkIsNaN = exports.toScientific = exports.toSuperScript = exports.formatNumber = exports.numericHashCode = exports.formatNumber2Digits = void 0;
 var NumericFormat_1 = require("../types/NumericFormat");
 var date_1 = require("./date");
 var math_1 = require("./math");
@@ -86,3 +86,7 @@ var toScientific = function (value, precision, logarithmicBase) {
     return sig.toPrecision(precision).toString() + "x" + logarithmicBase.toString() + (0, exports.toSuperScript)(exponent);
 };
 exports.toScientific = toScientific;
+// if value !== value is a simple but fast isNaN check
+// equivalent to isNaN(zValueRaw)
+var checkIsNaN = function (value) { return value !== value; };
+exports.checkIsNaN = checkIsNaN;

package/utils/parseColor.d.ts

@@ -37,3 +37,5 @@ export declare const parseArgbToHtmlColor: (argbColor: number) => string;
  * @param targb
  */
 export declare const parseTArgbToHtmlColor: (targb: TArgb) => string;
+/** @ignore */
+export declare const webColors: Record<string, string>;

package/utils/parseColor.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseTArgbToHtmlColor = exports.parseArgbToHtmlColor = exports.parseColorToTArgb = exports.toHex = exports.parseColorToUIntArgb = exports.parseColorToHexStringAbgr = exports.parseColorToHexStringArgb = void 0;
+exports.webColors = exports.parseTArgbToHtmlColor = exports.parseArgbToHtmlColor = exports.parseColorToTArgb = exports.toHex = exports.parseColorToUIntArgb = exports.parseColorToHexStringAbgr = exports.parseColorToHexStringArgb = void 0;
 /**
  * Parse colors and convert them to hex string to use in c++
  * Examples: "#fff", "#ff0000", "rgba(255,255,0,1)", "#11333333"
@@ -97,7 +97,7 @@ function parseColorToTArgb(input) {
         validateColorValues([red, green, blue], ["red", "green", "blue"]);
         return { opacity: opacity, red: red, green: green, blue: blue };
     }
-    var wc = webColors[input.toLowerCase()];
+    var wc = exports.webColors[input.toLowerCase()];
     if (wc)
         return parseColorToTArgb(wc);
     throw Error("'" + input + "' is not a valid color...");
@@ -180,7 +180,7 @@ var convertOpacity = function (opacity) {
 // https://en.wikipedia.org/wiki/Web_colors
 // http://www.colors.commutercreative.com/grid/
 /** @ignore */
-var webColors = {
+exports.webColors = {
     transparent: "#00000000",
     aliceblue: "#f0f8ff",
     antiquewhite: "#faebd7",

package/utils/text.d.ts

@@ -0,0 +1,5 @@
+import { SCRTFont, 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;

package/utils/text.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapNativeText = void 0;
+/**
+ * Wrap a string by adding newline characters, splitting on spaces and wrapping to a maximum size
+ */
+var wrapNativeText = function (text, maxWidth, font, textBounds) {
+    if (maxWidth === 0)
+        return text;
+    if (!text) {
+        return "";
+    }
+    var lines = [];
+    var words = text.split(" ");
+    // calculate size of each word
+    var first = words[0].trim();
+    var allWords = first + " " + first + "\n" + words.map(function (w) { return w.trim(); }).join("\n");
+    font.CalculateStringBounds(allWords !== null && allWords !== void 0 ? allWords : "", textBounds, 2);
+    var line = "";
+    var lineWidth = 0;
+    var spaceWidth = textBounds.GetLineBounds(0).m_fWidth - 2 * textBounds.GetLineBounds(1).m_fWidth;
+    for (var i = 0; i < words.length; i++) {
+        var word = words[i];
+        var wordWidth = textBounds.GetLineBounds(i + 1).m_fWidth;
+        var newLine = line + (line !== "" ? " " : "") + word;
+        lineWidth += (line !== "" ? spaceWidth : 0) + wordWidth;
+        if (lineWidth > maxWidth) {
+            if (line === "") {
+                lines.push(word);
+                lineWidth = 0;
+            }
+            else {
+                lines.push(line);
+                line = word;
+                lineWidth = wordWidth;
+            }
+        }
+        else {
+            line = newLine;
+        }
+        if (line.endsWith("\n")) {
+            lineWidth = 0;
+        }
+    }
+    lines.push(line);
+    return lines.join("\n");
+};
+exports.wrapNativeText = wrapNativeText;

package/utils/translate.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @description Translates Canvas coordinates to coordinates for seriesViewRect
+ * @param point
+ */
+import { AxisBase2D } from "../Charting/Visuals/Axis/AxisBase2D";
 import { Point } from "../Core/Point";
 import { Rect } from "../Core/Rect";
 /**
@@ -17,3 +22,6 @@ export declare const translateFromSeriesViewRectToCanvas: (point: Point, seriesV
 export declare const translateFromCanvasToSeriesViewRectX: (x: number, seriesViewRect: Rect) => number;
 export declare const translateFromCanvasToSeriesViewRectY: (y: number, seriesViewRect: Rect) => number;
 export declare const translateToNotScaled: (value: number) => number;
+export declare const translateDataValueRectToAbsolute: (originalRect: Rect, xAxis: AxisBase2D, yAxis: AxisBase2D, seriesViewRect: Rect) => Rect;
+export declare const convertToHtmlPx: (value: number) => string;
+export declare const convertToRelativeHtmlSize: (value: number) => string;

package/utils/translate.js

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.translateToNotScaled = exports.translateFromCanvasToSeriesViewRectY = exports.translateFromCanvasToSeriesViewRectX = exports.translateFromSeriesViewRectToCanvas = exports.translateFromCanvasToSeriesViewRect = void 0;
-/**
- * @description Translates Canvas coordinates to coordinates for seriesViewRect
- * @param point
- */
+exports.convertToRelativeHtmlSize = exports.convertToHtmlPx = exports.translateDataValueRectToAbsolute = exports.translateToNotScaled = exports.translateFromCanvasToSeriesViewRectY = exports.translateFromCanvasToSeriesViewRectX = exports.translateFromSeriesViewRectToCanvas = exports.translateFromCanvasToSeriesViewRect = void 0;
 var DpiHelper_1 = require("../Charting/Visuals/TextureManager/DpiHelper");
 var Point_1 = require("../Core/Point");
+var Rect_1 = require("../Core/Rect");
 /**
  * Translates from canvas to seriesViewRect screen coordinates
  * @param point
@@ -73,3 +70,28 @@ var translateFromCanvasToSeriesViewRectY = function (y, seriesViewRect) {
 exports.translateFromCanvasToSeriesViewRectY = translateFromCanvasToSeriesViewRectY;
 var translateToNotScaled = function (value) { return value / DpiHelper_1.DpiHelper.PIXEL_RATIO; };
 exports.translateToNotScaled = translateToNotScaled;
+var translateDataValueRectToAbsolute = function (originalRect, xAxis, yAxis, seriesViewRect) {
+    var x = originalRect.x, y = originalRect.y, width = originalRect.width, height = originalRect.height;
+    var parentLeft = (0, exports.translateToNotScaled)(seriesViewRect.left);
+    var parentTop = (0, exports.translateToNotScaled)(seriesViewRect.top);
+    var xCoordCalc = xAxis.getCurrentCoordinateCalculator();
+    var yCoordCalc = yAxis.getCurrentCoordinateCalculator();
+    var left = xAxis.isVerticalChart ? yCoordCalc.getCoordinate(x) : xCoordCalc.getCoordinate(x);
+    var top = xAxis.isVerticalChart ? xCoordCalc.getCoordinate(y) : yCoordCalc.getCoordinate(y);
+    left = Math.max((0, exports.translateToNotScaled)(left), 0);
+    top = Math.max((0, exports.translateToNotScaled)(top), 0);
+    var x2 = xAxis.flippedCoordinates ? x - width : x + width;
+    var y2 = yAxis.flippedCoordinates ? y + height : y - height;
+    var bottom = (0, exports.translateToNotScaled)(xAxis.isVerticalChart ? xCoordCalc.getCoordinate(y2) : yCoordCalc.getCoordinate(y2));
+    var right = (0, exports.translateToNotScaled)(xAxis.isVerticalChart ? yCoordCalc.getCoordinate(x2) : xCoordCalc.getCoordinate(x2));
+    left += parentLeft;
+    top += parentTop;
+    right += parentLeft;
+    bottom += parentTop;
+    return new Rect_1.Rect(left, top, Math.abs(right - left), Math.abs(top - bottom));
+};
+exports.translateDataValueRectToAbsolute = translateDataValueRectToAbsolute;
+var convertToHtmlPx = function (value) { return "".concat(value, "px"); };
+exports.convertToHtmlPx = convertToHtmlPx;
+var convertToRelativeHtmlSize = function (value) { return "".concat(value * 100, "%"); };
+exports.convertToRelativeHtmlSize = convertToRelativeHtmlSize;

package/utils/zeroArray2D.d.ts

@@ -1 +1,6 @@
+/**
+ * @description creates a 2-dimensional array filled with zeros
+ * @param dimension, an array containing the 2D dimensions [height, width] defined as a 2D array,
+ * e.g. [3,2] creates an array 3 elements each with 2 elements, or [ [0, 0] , [0, 0], [0, 0] ]
+ */
 export declare const zeroArray2D: (dimensions: number[]) => number[][];

package/utils/zeroArray2D.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.zeroArray2D = void 0;
+/**
+ * @description creates a 2-dimensional array filled with zeros
+ * @param dimension, an array containing the 2D dimensions [height, width] defined as a 2D array,
+ * e.g. [3,2] creates an array 3 elements each with 2 elements, or [ [0, 0] , [0, 0], [0, 0] ]
+ */
 var zeroArray2D = function (dimensions) {
     if (!dimensions) {
         return undefined;