scichart 3.1.333 → 3.1.348

package/package.json

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

package/types/TextStyle.d.ts

@@ -52,6 +52,8 @@ export declare type TCommonTextStyle = TNativeTextStyle | TTextureTextStyle;
 export declare type TAdvancedTextProperties = {
     /** Horizontal text alignment for multiline text. */
     multilineAlignment?: EMultiLineAlignment;
+    /** Text rotation in degrees. */
+    rotation?: number;
 };
 /**
  * Defines text style with advanced options

package/types/TextStyle.js

@@ -74,7 +74,7 @@ exports.areEqualSimpleTextStyles = areEqualSimpleTextStyles;
 var areEqualTextStyles = function (style1, style2) {
     var areBasePropertiesEqual = (0, exports.areEqualSimpleTextStyles)(style1, style2);
     return (areBasePropertiesEqual &&
-        // style1.rotation === style2.rotation &&
+        style1.rotation === style2.rotation &&
         style1.multilineAlignment === style2.multilineAlignment);
 };
 exports.areEqualTextStyles = areEqualTextStyles;

package/utils/date.js

@@ -20,6 +20,7 @@ var formatUnixDateToHumanString = function (unixTimestamp, locale) {
 exports.formatUnixDateToHumanString = formatUnixDateToHumanString;
 var formatUnixDateToHumanStringDDMMYY = function (unixTimestamp) {
     var res = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", {
+        timeZone: "utc",
         year: "2-digit",
         month: "2-digit",
         day: "2-digit"
@@ -38,6 +39,7 @@ var formatUnixDateToHumanStringDDMMHHMM = function (unixTimestamp) {
 exports.formatUnixDateToHumanStringDDMMHHMM = formatUnixDateToHumanStringDDMMHHMM;
 var formatUnixDateToHumanStringDDMM = function (unixTimestamp) {
     var res = new Date(unixTimestamp * 1000).toLocaleDateString("en-GB", {
+        timeZone: "utc",
         day: "numeric",
         month: "numeric"
     });

package/utils/text.d.ts

@@ -4,9 +4,10 @@ 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) => {
+export declare const getNativeTextSize: (text: string, nativeFont: SCRTFont, textStyle: TNativeTextStyle, webAssemblyContext: TSciChart, rotation?: number) => {
     textHeight: number;
     textWidth: number;
     nativeLineSpacing: number;
-    firstLineAscent: number;
+    deltaX: number;
+    deltaY: number;
 };

package/utils/text.js

@@ -47,7 +47,8 @@ var wrapNativeText = function (text, maxWidth, font, textBounds) {
     return lines.join("\n");
 };
 exports.wrapNativeText = wrapNativeText;
-var getNativeTextSize = function (text, nativeFont, textStyle, webAssemblyContext) {
+var getNativeTextSize = function (text, nativeFont, textStyle, webAssemblyContext, rotation) {
+    if (rotation === void 0) { rotation = 0; }
     var textBounds = (0, NativeObject_1.getTextBounds)(webAssemblyContext);
     nativeFont.CalculateStringBounds(text, textBounds, 0);
     var maxLineHeight = 0;
@@ -65,6 +66,48 @@ var getNativeTextSize = function (text, nativeFont, textStyle, webAssemblyContex
         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 };
+    var rotationRad = ((rotation % 360) * Math.PI) / 180;
+    var sin = Math.sin(rotationRad);
+    var cos = Math.cos(rotationRad);
+    // if (rotation % 180 === 0) {
+    //     sin = 0;
+    //     cos = 1;
+    // } else if (rotation % 90 === 0) {
+    //     sin = 1;
+    //     cos = 0;
+    // }
+    var newTextureWidth = Math.round(textWidth * Math.abs(cos) + textHeight * Math.abs(sin));
+    var newTextureHeight = Math.round(textWidth * Math.abs(sin) + textHeight * Math.abs(cos));
+    var deltaX = 0;
+    var deltaY = 0;
+    if (rotation >= 0 && rotation < 90) {
+        deltaX = (textHeight - textStyle.padding.top - firstLineAscent) * sin + textStyle.padding.left * cos;
+        deltaY = textStyle.padding.left * sin + (textStyle.padding.top + firstLineAscent) * cos;
+    }
+    else if (rotation >= 90 && rotation <= 180) {
+        deltaX = newTextureWidth - (textStyle.padding.top + firstLineAscent) * sin + textStyle.padding.left * cos;
+        deltaY = -(textHeight - textStyle.padding.top - firstLineAscent) * cos + textStyle.padding.left * sin;
+    }
+    else if (rotation > 180 && rotation <= 270) {
+        deltaX =
+            newTextureWidth -
+                (textStyle.padding.top + firstLineAscent - textHeight) * sin +
+                textStyle.padding.left * cos;
+        deltaY = newTextureHeight + (textStyle.padding.top + firstLineAscent) * cos + textStyle.padding.left * sin;
+    }
+    else if (rotation > 270 && rotation < 360) {
+        deltaX = -(textStyle.padding.top + firstLineAscent) * sin + textStyle.padding.left * cos;
+        deltaY =
+            newTextureHeight -
+                (textHeight - firstLineAscent - textStyle.padding.top) * cos +
+                textStyle.padding.left * sin;
+    }
+    return {
+        textHeight: newTextureHeight,
+        textWidth: newTextureWidth,
+        nativeLineSpacing: nativeLineSpacing,
+        deltaX: deltaX,
+        deltaY: deltaY
+    };
 };
 exports.getNativeTextSize = getNativeTextSize;