@orderly.network/hooks 1.2.0 → 1.3.2

package/lib/services/dataCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/services/dataCenter.ts"],"sourcesContent":["import { EventEmitter } from \"@orderly.network/core\";\n\nclass DataCenter extends EventEmitter {\n  constructor() {\n    super();\n  }\n\n  observe = (key: string, callback: (value: any) => void) => {\n    // merge data\n    this.on(key, callback);\n  };\n\n  unobserve = (key: string, callback: (value: any) => void) => {\n    this.off(key, callback);\n  };\n}\n"],"names":["DataCenter","EventEmitter","constructor","observe","key","callback","on","unobserve","off"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;sBAA6B;AAE7B,MAAMA,mBAAmBC,kBAAY;IACnCC,aAAc;QACZ,KAAK;IACP;IAEAC,UAAU,CAACC,KAAaC;QACtB,aAAa;QACb,IAAI,CAACC,EAAE,CAACF,KAAKC;IACf,EAAE;IAEFE,YAAY,CAACH,KAAaC;QACxB,IAAI,CAACG,GAAG,CAACJ,KAAKC;IAChB,EAAE;AACJ"}

package/lib/services/painter/backgroundPaint.js

@@ -1,45 +1,48 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackgroundPaint = void 0;
-const basePaint_1 = require("./basePaint");
-class BackgroundPaint extends basePaint_1.BasePaint {
-    constructor() {
-        super(...arguments);
-        this.img = null;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BackgroundPaint", {
+    enumerable: true,
+    get: function() {
+        return BackgroundPaint;
     }
+});
+const _basePaint = require("./basePaint");
+class BackgroundPaint extends _basePaint.BasePaint {
+    img = null;
     async draw(options) {
-        console.log("BackgroundPaint draw: ", options.backgroundColor);
-        if (typeof options.backgroundImg !== "undefined" &&
-            options.backgroundImg !== "") {
+        ;
+        if (typeof options.backgroundImg !== "undefined" && options.backgroundImg !== "") {
             return this._drawImage(options);
-        }
-        else if (typeof options.backgroundColor !== "undefined") {
+        } else if (typeof options.backgroundColor !== "undefined") {
             return this._drawColor(options);
         }
     }
     _drawColor(options) {
-        console.log("graw background color", options);
+        ;
         this.ctx.fillStyle = options.backgroundColor || "black";
         this.ctx.fillRect(0, 0, this.painter.width * this.painter.ratio, this.painter.height * this.painter.ratio);
     }
     async _drawImage(options) {
-        return this.loadImg(options.backgroundImg).then((img) => {
+        return this.loadImg(options.backgroundImg).then((img)=>{
             this.img = img;
             this.ctx.drawImage(this.img, 0, 0, this.painter.width * this.painter.ratio, this.painter.height * this.painter.ratio);
         });
     }
     loadImg(url) {
-        return new Promise((resolve, reject) => {
+        return new Promise((resolve, reject)=>{
             const img = new Image();
             img.crossOrigin = "anonymous";
-            img.onload = () => {
+            img.onload = ()=>{
                 resolve(img);
             };
-            img.onerror = (e) => {
+            img.onerror = (e)=>{
                 reject(e);
             };
             img.src = url;
         });
     }
 }
-exports.BackgroundPaint = BackgroundPaint;
+
+//# sourceMappingURL=backgroundPaint.js.map

package/lib/services/painter/backgroundPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/backgroundPaint.ts"],"sourcesContent":["import { BasePaint, type DrawOptions } from \"./basePaint\";\n\nexport class BackgroundPaint extends BasePaint {\n  private img: HTMLImageElement | null = null;\n\n  async draw(options: DrawOptions) {\n    console.log(\"BackgroundPaint draw: \", options.backgroundColor);\n\n    if (\n      typeof options.backgroundImg !== \"undefined\" &&\n      options.backgroundImg !== \"\"\n    ) {\n      return this._drawImage(options);\n    } else if (typeof options.backgroundColor !== \"undefined\") {\n      return this._drawColor(options);\n    }\n  }\n\n  _drawColor(options: DrawOptions) {\n    console.log(\"graw background color\", options);\n    this.ctx.fillStyle = options.backgroundColor || \"black\";\n    this.ctx.fillRect(\n      0,\n      0,\n      this.painter.width * this.painter.ratio,\n      this.painter.height * this.painter.ratio\n    );\n  }\n\n  async _drawImage(options: DrawOptions) {\n    return this.loadImg(options.backgroundImg!).then((img) => {\n      this.img = img;\n      this.ctx.drawImage(\n        this.img!,\n        0,\n        0,\n        this.painter.width * this.painter.ratio,\n        this.painter.height * this.painter.ratio\n      );\n    });\n  }\n\n  private loadImg(url: string): Promise<HTMLImageElement> {\n    return new Promise((resolve, reject) => {\n      const img = new Image();\n      img.crossOrigin = \"anonymous\";\n      img.onload = () => {\n        resolve(img);\n      };\n      img.onerror = (e) => {\n        reject(e);\n      };\n      img.src = url;\n    });\n  }\n}\n"],"names":["BackgroundPaint","BasePaint","img","draw","options","backgroundImg","_drawImage","backgroundColor","_drawColor","ctx","fillStyle","fillRect","painter","width","ratio","height","loadImg","then","drawImage","url","Promise","resolve","reject","Image","crossOrigin","onload","onerror","e","src"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;2BAF+B;AAErC,MAAMA,wBAAwBC,oBAAS;IACpCC,MAA+B,KAAK;IAE5C,MAAMC,KAAKC,OAAoB,EAAE;;QAG/B,IACE,OAAOA,QAAQC,aAAa,KAAK,eACjCD,QAAQC,aAAa,KAAK,IAC1B;YACA,OAAO,IAAI,CAACC,UAAU,CAACF;QACzB,OAAO,IAAI,OAAOA,QAAQG,eAAe,KAAK,aAAa;YACzD,OAAO,IAAI,CAACC,UAAU,CAACJ;QACzB;IACF;IAEAI,WAAWJ,OAAoB,EAAE;;QAE/B,IAAI,CAACK,GAAG,CAACC,SAAS,GAAGN,QAAQG,eAAe,IAAI;QAChD,IAAI,CAACE,GAAG,CAACE,QAAQ,CACf,GACA,GACA,IAAI,CAACC,OAAO,CAACC,KAAK,GAAG,IAAI,CAACD,OAAO,CAACE,KAAK,EACvC,IAAI,CAACF,OAAO,CAACG,MAAM,GAAG,IAAI,CAACH,OAAO,CAACE,KAAK;IAE5C;IAEA,MAAMR,WAAWF,OAAoB,EAAE;QACrC,OAAO,IAAI,CAACY,OAAO,CAACZ,QAAQC,aAAa,EAAGY,IAAI,CAAC,CAACf;YAChD,IAAI,CAACA,GAAG,GAAGA;YACX,IAAI,CAACO,GAAG,CAACS,SAAS,CAChB,IAAI,CAAChB,GAAG,EACR,GACA,GACA,IAAI,CAACU,OAAO,CAACC,KAAK,GAAG,IAAI,CAACD,OAAO,CAACE,KAAK,EACvC,IAAI,CAACF,OAAO,CAACG,MAAM,GAAG,IAAI,CAACH,OAAO,CAACE,KAAK;QAE5C;IACF;IAEQE,QAAQG,GAAW,EAA6B;QACtD,OAAO,IAAIC,QAAQ,CAACC,SAASC;YAC3B,MAAMpB,MAAM,IAAIqB;YAChBrB,IAAIsB,WAAW,GAAG;YAClBtB,IAAIuB,MAAM,GAAG;gBACXJ,QAAQnB;YACV;YACAA,IAAIwB,OAAO,GAAG,CAACC;gBACbL,OAAOK;YACT;YACAzB,IAAI0B,GAAG,GAAGT;QACZ;IACF;AACF"}

package/lib/services/painter/basePaint.js

@@ -1,10 +1,20 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasePaint = void 0;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BasePaint", {
+    enumerable: true,
+    get: function() {
+        return BasePaint;
+    }
+});
 class BasePaint {
-    constructor(ctx, painter) {
+    ctx;
+    painter;
+    constructor(ctx, painter){
         this.ctx = ctx;
         this.painter = painter;
     }
 }
-exports.BasePaint = BasePaint;
+
+//# sourceMappingURL=basePaint.js.map

package/lib/services/painter/basePaint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/basePaint.ts"],"sourcesContent":["import { OrderSide } from \"@orderly.network/types\";\nimport { PosterPainter } from \"./painter\";\n\nexport type posterDataSource = {\n  /**\n   * slogan of the poster\n   */\n  message?: string;\n  position: {\n    symbol: string;\n    // side: OrderSide;\n    side: \"LONG\" | \"SHORT\";\n    /**\n     * The leverage of the position\n     */\n    leverage: number;\n    /**\n     * The unrealized PnL of the position\n     */\n    pnl: number;\n    /**\n     * The return on investment of the position\n     */\n    ROI: number;\n    /**\n     * The informations of the position, such as open price, opened at, mark price, quantity and custom message.\n     */\n    informations: { title: string; value: string }[];\n    /**\n     * The quote currency of the position\n     */\n    currency: string;\n  };\n  /**\n   * The domain of the application\n   */\n  domain: string;\n\n  /**\n   * The update time of the position\n   */\n  updateTime: string;\n};\n\nexport type layoutInfo = {\n  width?: number;\n  height?: number;\n  // padding?: number;\n  // margin?: number;\n  fontSize?: number;\n\n  color?: string;\n  textAlign?: CanvasTextAlign;\n  textBaseline?: CanvasTextBaseline;\n  position: Partial<{\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n  }>;\n};\n\nexport type PosterLayoutConfig = {\n  message?: layoutInfo;\n\n  domain?: layoutInfo;\n  position?: layoutInfo;\n  unrealizedPnl?: layoutInfo & {\n    secondaryColor: string;\n    secondaryFontSize: number;\n  };\n\n  informations?: layoutInfo & {\n    labelColor?: string;\n  };\n  updateTime?: layoutInfo;\n};\n\nexport type DrawOptions = {\n  /**\n   * Color of common text\n   */\n  color?: string;\n  fontFamily?: string;\n  /**\n   * Lose color\n   */\n  lossColor?: string;\n  /**\n   * Profit color\n   */\n  profitColor?: string;\n  /**\n   * The brand color of the application\n   */\n  brandColor?: string;\n  backgroundColor?: string;\n  backgroundImg?: string;\n  data?: posterDataSource;\n  layout?: PosterLayoutConfig;\n};\n\nexport abstract class BasePaint {\n  constructor(\n    protected ctx: CanvasRenderingContext2D,\n    protected painter: PosterPainter\n  ) {}\n  abstract draw(options: DrawOptions): Promise<void>;\n}\n"],"names":["BasePaint","constructor","ctx","painter"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAsGsBA;;;eAAAA;;;AAAf,MAAeA;;;IACpBC,YACE,AAAUC,GAA6B,EACvC,AAAUC,OAAsB,CAChC;aAFUD,MAAAA;aACAC,UAAAA;IACT;AAEL"}

package/lib/services/painter/dataPaint.js

@@ -1,20 +1,23 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataPaint = void 0;
-const utils_1 = require("@orderly.network/utils");
-const basePaint_1 = require("./basePaint");
-const ramda_1 = require("ramda");
-class DataPaint extends basePaint_1.BasePaint {
-    constructor() {
-        super(...arguments);
-        this.positionInfoCellWidth = 110;
-        this.DEFAULT_PROFIT_COLOR = "rgb(0,181,159)";
-        this.DEFAULT_LOSS_COLOR = "rgb(255,103,194)";
-        this.transformTop = 0;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DataPaint", {
+    enumerable: true,
+    get: function() {
+        return DataPaint;
     }
+});
+const _utils = require("@orderly.network/utils");
+const _basePaint = require("./basePaint");
+const _ramda = require("ramda");
+class DataPaint extends _basePaint.BasePaint {
+    positionInfoCellWidth = 110;
+    DEFAULT_PROFIT_COLOR = "rgb(0,181,159)";
+    DEFAULT_LOSS_COLOR = "rgb(255,103,194)";
+    transformTop = 0;
     async draw(options) {
-        const needDrawDetails = Array.isArray(options.data?.position?.informations) &&
-            (options.data?.position?.informations?.length ?? 0) > 0;
+        const needDrawDetails = Array.isArray(options.data?.position?.informations) && (options.data?.position?.informations?.length ?? 0) > 0;
         // const hasMessage = !!options.data?.message;
         const hasMessage = true;
         this.transformTop = hasMessage ? 0 : needDrawDetails ? -40 : -150;
@@ -41,7 +44,10 @@ class DataPaint extends basePaint_1.BasePaint {
     }
     drawMessage(options) {
         // console.log("draw message", options);
-        const layout = (0, ramda_1.path)(["layout", "message"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "message"
+        ], options);
         const { position } = layout;
         this._drawText(`"${options.data?.message}"`, {
             color: layout.color,
@@ -49,11 +55,14 @@ class DataPaint extends basePaint_1.BasePaint {
             top: this._ratio(position.top),
             left: this._ratio(position.left),
             textBaseline: "top",
-            fontFamily: options.fontFamily,
+            fontFamily: options.fontFamily
         });
     }
     drawPosition(options, offsetTop = 0) {
-        const layout = (0, ramda_1.path)(["layout", "position"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "position"
+        ], options);
         const { position, fontSize = 14 } = layout;
         let left = this._ratio(position.left);
         let top = layout.position.top + offsetTop + this.transformTop;
@@ -61,13 +70,11 @@ class DataPaint extends basePaint_1.BasePaint {
         // draw position side;
         if (typeof options.data?.position.side !== "undefined") {
             prevElementBoundingBox = this._drawText(options.data.position.side, {
-                color: options.data?.position.side.toUpperCase() === "LONG"
-                    ? this.DEFAULT_PROFIT_COLOR
-                    : this.DEFAULT_LOSS_COLOR,
+                color: options.data?.position.side.toUpperCase() === "LONG" ? this.DEFAULT_PROFIT_COLOR : this.DEFAULT_LOSS_COLOR,
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         if (typeof options.data?.position.symbol !== "undefined") {
@@ -78,7 +85,7 @@ class DataPaint extends basePaint_1.BasePaint {
                     left,
                     top: this._ratio(top),
                     fontSize: this._ratio(fontSize),
-                    fontFamily: options.fontFamily,
+                    fontFamily: options.fontFamily
                 });
             }
             left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
@@ -87,7 +94,7 @@ class DataPaint extends basePaint_1.BasePaint {
                 left: left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         if (typeof options.data?.position.leverage !== "undefined") {
@@ -98,7 +105,7 @@ class DataPaint extends basePaint_1.BasePaint {
                     left,
                     top: this._ratio(top),
                     fontSize: this._ratio(fontSize),
-                    fontFamily: options.fontFamily,
+                    fontFamily: options.fontFamily
                 });
             }
             left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
@@ -107,13 +114,16 @@ class DataPaint extends basePaint_1.BasePaint {
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(fontSize),
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
     }
     drawUnrealizedPnL(options, offsetTop = 0) {
         // reset left value;
-        const layout = (0, ramda_1.path)(["layout", "unrealizedPnl"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "unrealizedPnl"
+        ], options);
         const { position } = layout;
         let left = this._ratio(position.left);
         let prevElementBoundingBox = {};
@@ -121,65 +131,57 @@ class DataPaint extends basePaint_1.BasePaint {
         // ROI
         if (typeof options.data?.position.ROI !== "undefined") {
             const prefix = options.data?.position.ROI > 0 ? "+" : "";
-            prevElementBoundingBox = this._drawText(`${prefix}${(0, utils_1.commify)(options.data?.position.ROI)}%`, {
-                color: prefix === "+"
-                    ? options.profitColor || this.DEFAULT_PROFIT_COLOR
-                    : options.lossColor || this.DEFAULT_LOSS_COLOR,
+            prevElementBoundingBox = this._drawText(`${prefix}${(0, _utils.commify)(options.data?.position.ROI)}%`, {
+                color: prefix === "+" ? options.profitColor || this.DEFAULT_PROFIT_COLOR : options.lossColor || this.DEFAULT_LOSS_COLOR,
                 left,
                 top: this._ratio(top),
                 fontSize: this._ratio(layout.fontSize),
                 fontWeight: 700,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
         // unrelPnL
         if (typeof options.data?.position.pnl !== "undefined") {
             const prefix = options.data?.position.pnl > 0 ? "+" : "";
-            let text = `${prefix}${(0, utils_1.commify)(options.data?.position.pnl)} ${options.data?.position.currency}`;
+            let text = `${prefix}${(0, _utils.commify)(options.data?.position.pnl)} ${options.data?.position.currency}`;
             let fontWeight = 600;
             if (prevElementBoundingBox.width) {
                 left += (prevElementBoundingBox.width ?? 0) + this._ratio(8);
                 text = `(${text})`;
-            }
-            else {
+            } else {
                 left = this._ratio(position.left);
                 fontWeight = 700;
             }
-            const color = typeof options.data.position.ROI === "undefined"
-                ? prefix === "+"
-                    ? options.profitColor || this.DEFAULT_PROFIT_COLOR
-                    : options.lossColor || this.DEFAULT_LOSS_COLOR
-                : layout.secondaryColor;
-            const fontSize = typeof options.data.position.ROI === "undefined"
-                ? this._ratio(layout.fontSize)
-                : this._ratio(layout.secondaryFontSize);
+            const color = typeof options.data.position.ROI === "undefined" ? prefix === "+" ? options.profitColor || this.DEFAULT_PROFIT_COLOR : options.lossColor || this.DEFAULT_LOSS_COLOR : layout.secondaryColor;
+            const fontSize = typeof options.data.position.ROI === "undefined" ? this._ratio(layout.fontSize) : this._ratio(layout.secondaryFontSize);
             prevElementBoundingBox = this._drawText(text, {
                 color,
                 left,
                 top: this._ratio(top),
                 fontSize,
                 fontWeight,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         }
     }
     drawInformations(options) {
-        const layout = (0, ramda_1.path)(["layout", "informations"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "informations"
+        ], options);
         const { position } = layout;
         const isVertical = (options.data?.position.informations.length ?? 0) === 2;
-        options.data?.position.informations.forEach((info, index) => {
+        options.data?.position.informations.forEach((info, index)=>{
             // let cellWidth = this.positionInfoCellWidth;
-            let left = position.left + (index % 2) * this.positionInfoCellWidth;
+            let left = position.left + index % 2 * this.positionInfoCellWidth;
             // let top = (position.top as number) + (index / 2) * 38 + this.transformTop;
-            let top = position.top +
-                Math.floor(index / 2) * 38 +
-                this.transformTop;
+            let top = position.top + Math.floor(index / 2) * 38 + this.transformTop;
             this._drawText(info.title, {
                 left: this._ratio(left),
                 top: this._ratio(top),
                 fontSize: this._ratio(10),
                 color: layout.labelColor,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
             this._drawText(info.value, {
                 left: this._ratio(left),
@@ -187,12 +189,15 @@ class DataPaint extends basePaint_1.BasePaint {
                 fontSize: this._ratio(layout.fontSize),
                 fontWeight: 500,
                 color: layout.color,
-                fontFamily: options.fontFamily,
+                fontFamily: options.fontFamily
             });
         });
     }
     drawDomainUrl(options) {
-        const layout = (0, ramda_1.path)(["layout", "domain"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "domain"
+        ], options);
         const { position } = layout;
         const top = this.painter.height - position.bottom;
         this._drawText(options.data?.domain, {
@@ -202,15 +207,18 @@ class DataPaint extends basePaint_1.BasePaint {
             color: options.brandColor ?? this.DEFAULT_PROFIT_COLOR,
             fontFamily: options.fontFamily,
             textBaseline: layout.textBaseline,
-            fontWeight: 600,
+            fontWeight: 600
         });
     }
     drawPositionTime(options) {
-        const layout = (0, ramda_1.path)(["layout", "updateTime"], options);
+        const layout = (0, _ramda.path)([
+            "layout",
+            "updateTime"
+        ], options);
         const { position } = layout;
         const top = this.painter.height - position.bottom;
         const left = position.left;
-        console.log("*******", left, top, options.data?.updateTime);
+        ;
         this._drawText(options.data?.updateTime, {
             left: this._ratio(left),
             top: this._ratio(top),
@@ -218,12 +226,12 @@ class DataPaint extends basePaint_1.BasePaint {
             color: layout.color,
             textAlign: layout.textAlign,
             fontFamily: options.fontFamily,
-            textBaseline: layout.textBaseline,
+            textBaseline: layout.textBaseline
         });
     }
     _drawText(str, options) {
         let boundingBox;
-        const { left = 30, top = 30, fontSize = 13, fontWeight = 500, color = "black", textBaseline = "middle", textAlign = "start", } = options ?? {};
+        const { left = 30, top = 30, fontSize = 13, fontWeight = 500, color = "black", textBaseline = "middle", textAlign = "start" } = options ?? {};
         this.ctx.save();
         // "Nunito Sans",-apple-system,"San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif
         this.ctx.font = `${fontWeight} ${fontSize}px ${options?.fontFamily}`;
@@ -239,4 +247,5 @@ class DataPaint extends basePaint_1.BasePaint {
         return num * this.painter.ratio;
     }
 }
-exports.DataPaint = DataPaint;
+
+//# sourceMappingURL=dataPaint.js.map

package/lib/services/painter/dataPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/dataPaint.ts"],"sourcesContent":["import { commify } from \"@orderly.network/utils\";\nimport { BasePaint, DrawOptions, layoutInfo } from \"./basePaint\";\nimport { path } from \"ramda\";\n\nexport class DataPaint extends BasePaint {\n  private positionInfoCellWidth = 110;\n\n  private DEFAULT_PROFIT_COLOR = \"rgb(0,181,159)\";\n  private DEFAULT_LOSS_COLOR = \"rgb(255,103,194)\";\n\n  private transformTop = 0;\n\n  async draw(options: DrawOptions) {\n    const needDrawDetails =\n      Array.isArray(options.data?.position?.informations) &&\n      (options.data?.position?.informations?.length ?? 0) > 0;\n\n    // const hasMessage = !!options.data?.message;\n    const hasMessage = true;\n\n    this.transformTop = hasMessage ? 0 : needDrawDetails ? -40 : -150;\n\n    // If position details are not displayed, the position PNL information will be margin\n    // const offsetTop = hasMessage ? 50 : 100;\n    const offsetTop = 100;\n    // const offsetMessage = hasMessage ? 0 : -50;\n\n    if (!!options.data?.message) {\n      this.drawMessage(options);\n    }\n\n    if (!!options.data?.position) {\n      this.drawPosition(options, needDrawDetails ? 0 : offsetTop);\n    }\n\n    if (needDrawDetails) {\n      this.drawInformations(options);\n    }\n\n    this.drawUnrealizedPnL(options, needDrawDetails ? 0 : offsetTop);\n\n    if (!!options.data?.domain) {\n      this.drawDomainUrl(options);\n    }\n\n    if (typeof options.data?.updateTime !== \"undefined\") {\n      this.drawPositionTime(options);\n    }\n  }\n\n  private drawMessage(options: DrawOptions) {\n    // console.log(\"draw message\", options);\n\n    const layout = path<layoutInfo>(\n      [\"layout\", \"message\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n\n    this._drawText(`\"${options.data?.message!}\"`, {\n      color: layout.color,\n      fontSize: this._ratio(layout.fontSize as number),\n      top: this._ratio(position.top!),\n      left: this._ratio(position.left!),\n      textBaseline: \"top\",\n      fontFamily: options.fontFamily,\n    });\n  }\n  private drawPosition(options: DrawOptions, offsetTop: number = 0) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"position\"],\n      options\n    ) as layoutInfo;\n    const { position, fontSize = 14 } = layout;\n    let left = this._ratio(position.left!);\n\n    let top = layout.position.top! + offsetTop + this.transformTop;\n    let prevElementBoundingBox: TextMetrics = {} as TextMetrics;\n\n    // draw position side;\n\n    if (typeof options.data?.position.side !== \"undefined\") {\n      prevElementBoundingBox = this._drawText(options.data.position.side, {\n        color:\n          options.data?.position.side.toUpperCase() === \"LONG\"\n            ? this.DEFAULT_PROFIT_COLOR\n            : this.DEFAULT_LOSS_COLOR,\n        left,\n        top: this._ratio(top),\n        fontSize: this._ratio(fontSize),\n        fontFamily: options.fontFamily,\n      });\n    }\n\n    if (typeof options.data?.position.symbol !== \"undefined\") {\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n\n      if (prevElementBoundingBox.width) {\n        prevElementBoundingBox = this._drawText(\"|\", {\n          color: \"rgba(255,255,255,0.2)\",\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        });\n      }\n\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n      prevElementBoundingBox = this._drawText(options.data?.position.symbol!, {\n        color: layout.color,\n        left: left,\n        top: this._ratio(top),\n        fontSize: this._ratio(fontSize),\n        fontFamily: options.fontFamily,\n      });\n    }\n\n    if (typeof options.data?.position.leverage !== \"undefined\") {\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n\n      if (prevElementBoundingBox.width) {\n        prevElementBoundingBox = this._drawText(\"|\", {\n          color: \"rgba(255,255,255,0.2)\",\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        });\n      }\n      left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);\n      prevElementBoundingBox = this._drawText(\n        `${options.data?.position.leverage}X`,\n        {\n          color: layout.color,\n          left,\n          top: this._ratio(top),\n          fontSize: this._ratio(fontSize),\n          fontFamily: options.fontFamily,\n        }\n      );\n    }\n  }\n\n  private drawUnrealizedPnL(options: DrawOptions, offsetTop: number = 0) {\n    // reset left value;\n    const layout = path<layoutInfo>(\n      [\"layout\", \"unrealizedPnl\"],\n      options\n    ) as layoutInfo & {\n      secondaryColor: string;\n      secondaryFontSize: number;\n    };\n    const { position } = layout;\n    let left = this._ratio(position.left!);\n    let prevElementBoundingBox: TextMetrics = {} as TextMetrics;\n\n    const top = (position.top ?? 0) + offsetTop + this.transformTop;\n\n    // ROI\n    if (typeof options.data?.position.ROI !== \"undefined\") {\n      const prefix = options.data?.position.ROI! > 0 ? \"+\" : \"\";\n      prevElementBoundingBox = this._drawText(\n        `${prefix}${commify(options.data?.position.ROI)}%`,\n        {\n          color:\n            prefix === \"+\"\n              ? options.profitColor || this.DEFAULT_PROFIT_COLOR\n              : options.lossColor || this.DEFAULT_LOSS_COLOR,\n          left,\n          top: this._ratio(top),\n\n          fontSize: this._ratio(layout.fontSize as number),\n          fontWeight: 700,\n          fontFamily: options.fontFamily,\n        }\n      );\n    }\n    // unrelPnL\n    if (typeof options.data?.position.pnl !== \"undefined\") {\n      const prefix = options.data?.position.pnl! > 0 ? \"+\" : \"\";\n      let text = `${prefix}${commify(options.data?.position.pnl)} ${\n        options.data?.position.currency\n      }`;\n      let fontWeight = 600;\n\n      if (prevElementBoundingBox.width) {\n        left += (prevElementBoundingBox.width ?? 0) + this._ratio(8);\n        text = `(${text})`;\n      } else {\n        left = this._ratio(position.left!);\n        fontWeight = 700;\n      }\n\n      const color =\n        typeof options.data.position.ROI === \"undefined\"\n          ? prefix === \"+\"\n            ? options.profitColor || this.DEFAULT_PROFIT_COLOR\n            : options.lossColor || this.DEFAULT_LOSS_COLOR\n          : layout.secondaryColor;\n\n      const fontSize =\n        typeof options.data.position.ROI === \"undefined\"\n          ? this._ratio(layout.fontSize as number)\n          : this._ratio(layout.secondaryFontSize as number);\n\n      prevElementBoundingBox = this._drawText(text, {\n        color,\n        left,\n        top: this._ratio(top),\n        fontSize,\n        fontWeight,\n        fontFamily: options.fontFamily,\n      });\n    }\n  }\n\n  private drawInformations(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"informations\"],\n      options\n    ) as layoutInfo & {\n      labelColor?: string;\n    };\n    const { position } = layout;\n\n    const isVertical = (options.data?.position.informations.length ?? 0) === 2;\n\n    options.data?.position.informations.forEach((info, index) => {\n      // let cellWidth = this.positionInfoCellWidth;\n      let left = position.left! + (index % 2) * this.positionInfoCellWidth;\n      // let top = (position.top as number) + (index / 2) * 38 + this.transformTop;\n      let top =\n        (position.top as number) +\n        Math.floor(index / 2) * 38 +\n        this.transformTop;\n\n      this._drawText(info.title, {\n        left: this._ratio(left),\n        top: this._ratio(top),\n        fontSize: this._ratio(10),\n        color: layout.labelColor,\n        fontFamily: options.fontFamily,\n      });\n\n      this._drawText(info.value, {\n        left: this._ratio(left),\n        top: this._ratio(top + 17),\n        fontSize: this._ratio(layout.fontSize as number),\n        fontWeight: 500,\n        color: layout.color as string,\n        fontFamily: options.fontFamily,\n      });\n    });\n  }\n\n  private drawDomainUrl(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"domain\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n    const top = this.painter.height - position.bottom!;\n\n    this._drawText(options.data?.domain!, {\n      left: this._ratio(position.left!),\n      top: this._ratio(top),\n      fontSize: this._ratio(layout.fontSize as number),\n      color: options.brandColor ?? this.DEFAULT_PROFIT_COLOR,\n      fontFamily: options.fontFamily,\n      textBaseline: layout.textBaseline,\n      fontWeight: 600,\n    });\n  }\n\n  private drawPositionTime(options: DrawOptions) {\n    const layout = path<layoutInfo>(\n      [\"layout\", \"updateTime\"],\n      options\n    ) as layoutInfo;\n    const { position } = layout;\n    const top = this.painter.height - position.bottom!;\n    const left = position.left!;\n\n    console.log(\"*******\", left, top, options.data?.updateTime);\n\n    this._drawText(options.data?.updateTime!, {\n      left: this._ratio(left),\n      top: this._ratio(top),\n      fontSize: this._ratio(layout.fontSize as number),\n      color: layout.color as string,\n      textAlign: layout.textAlign,\n      fontFamily: options.fontFamily,\n      textBaseline: layout.textBaseline,\n    });\n  }\n\n  private _drawText(\n    str: string,\n    options?: {\n      left?: number;\n      top?: number;\n      fontSize?: number;\n      fontFamily?: string;\n      fontWeight?: number;\n      color?: string;\n      textBaseline?: CanvasTextBaseline;\n      textAlign?: CanvasTextAlign;\n    }\n  ): TextMetrics {\n    let boundingBox: TextMetrics;\n    const {\n      left = 30,\n      top = 30,\n      fontSize = 13,\n      fontWeight = 500,\n      color = \"black\",\n      textBaseline = \"middle\",\n      textAlign = \"start\",\n    } = options ?? {};\n\n    this.ctx.save();\n    // \"Nunito Sans\",-apple-system,\"San Francisco\",BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Helvetica,Arial,sans-serif\n    this.ctx.font = `${fontWeight} ${fontSize}px ${options?.fontFamily}`;\n\n    this.ctx.fillStyle = color;\n    this.ctx.textBaseline = textBaseline;\n    this.ctx.textAlign = textAlign;\n    boundingBox = this.ctx.measureText(str);\n\n    this.ctx.fillText(str, left, top);\n    this.ctx.restore();\n\n    return boundingBox;\n  }\n\n  private _ratio(num: number) {\n    return num * this.painter.ratio;\n  }\n}\n"],"names":["DataPaint","BasePaint","positionInfoCellWidth","DEFAULT_PROFIT_COLOR","DEFAULT_LOSS_COLOR","transformTop","draw","options","needDrawDetails","Array","isArray","data","position","informations","length","hasMessage","offsetTop","message","drawMessage","drawPosition","drawInformations","drawUnrealizedPnL","domain","drawDomainUrl","updateTime","drawPositionTime","layout","path","_drawText","color","fontSize","_ratio","top","left","textBaseline","fontFamily","prevElementBoundingBox","side","toUpperCase","symbol","width","leverage","ROI","prefix","commify","profitColor","lossColor","fontWeight","pnl","text","currency","secondaryColor","secondaryFontSize","isVertical","forEach","info","index","Math","floor","title","labelColor","value","painter","height","bottom","brandColor","textAlign","str","boundingBox","ctx","save","font","fillStyle","measureText","fillText","restore","num","ratio"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;uBAJW;2BAC2B;uBAC9B;AAEd,MAAMA,kBAAkBC,oBAAS;IAC9BC,wBAAwB,IAAI;IAE5BC,uBAAuB,iBAAiB;IACxCC,qBAAqB,mBAAmB;IAExCC,eAAe,EAAE;IAEzB,MAAMC,KAAKC,OAAoB,EAAE;QAC/B,MAAMC,kBACJC,MAAMC,OAAO,CAACH,QAAQI,IAAI,EAAEC,UAAUC,iBACtC,AAACN,CAAAA,QAAQI,IAAI,EAAEC,UAAUC,cAAcC,UAAU,CAAA,IAAK;QAExD,8CAA8C;QAC9C,MAAMC,aAAa;QAEnB,IAAI,CAACV,YAAY,GAAGU,aAAa,IAAIP,kBAAkB,CAAC,KAAK,CAAC;QAE9D,qFAAqF;QACrF,2CAA2C;QAC3C,MAAMQ,YAAY;QAClB,8CAA8C;QAE9C,IAAI,CAAC,CAACT,QAAQI,IAAI,EAAEM,SAAS;YAC3B,IAAI,CAACC,WAAW,CAACX;QACnB;QAEA,IAAI,CAAC,CAACA,QAAQI,IAAI,EAAEC,UAAU;YAC5B,IAAI,CAACO,YAAY,CAACZ,SAASC,kBAAkB,IAAIQ;QACnD;QAEA,IAAIR,iBAAiB;YACnB,IAAI,CAACY,gBAAgB,CAACb;QACxB;QAEA,IAAI,CAACc,iBAAiB,CAACd,SAASC,kBAAkB,IAAIQ;QAEtD,IAAI,CAAC,CAACT,QAAQI,IAAI,EAAEW,QAAQ;YAC1B,IAAI,CAACC,aAAa,CAAChB;QACrB;QAEA,IAAI,OAAOA,QAAQI,IAAI,EAAEa,eAAe,aAAa;YACnD,IAAI,CAACC,gBAAgB,CAAClB;QACxB;IACF;IAEQW,YAAYX,OAAoB,EAAE;QACxC,wCAAwC;QAExC,MAAMmB,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAU,EACrBpB;QAEF,MAAM,EAAEK,QAAQ,EAAE,GAAGc;QAErB,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC,EAAErB,QAAQI,IAAI,EAAEM,QAAS,CAAC,CAAC,EAAE;YAC5CY,OAAOH,OAAOG,KAAK;YACnBC,UAAU,IAAI,CAACC,MAAM,CAACL,OAAOI,QAAQ;YACrCE,KAAK,IAAI,CAACD,MAAM,CAACnB,SAASoB,GAAG;YAC7BC,MAAM,IAAI,CAACF,MAAM,CAACnB,SAASqB,IAAI;YAC/BC,cAAc;YACdC,YAAY5B,QAAQ4B,UAAU;QAChC;IACF;IACQhB,aAAaZ,OAAoB,EAAES,YAAoB,CAAC,EAAE;QAChE,MAAMU,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAW,EACtBpB;QAEF,MAAM,EAAEK,QAAQ,EAAEkB,WAAW,EAAE,EAAE,GAAGJ;QACpC,IAAIO,OAAO,IAAI,CAACF,MAAM,CAACnB,SAASqB,IAAI;QAEpC,IAAID,MAAMN,OAAOd,QAAQ,CAACoB,GAAG,GAAIhB,YAAY,IAAI,CAACX,YAAY;QAC9D,IAAI+B,yBAAsC,CAAC;QAE3C,sBAAsB;QAEtB,IAAI,OAAO7B,QAAQI,IAAI,EAAEC,SAASyB,SAAS,aAAa;YACtDD,yBAAyB,IAAI,CAACR,SAAS,CAACrB,QAAQI,IAAI,CAACC,QAAQ,CAACyB,IAAI,EAAE;gBAClER,OACEtB,QAAQI,IAAI,EAAEC,SAASyB,KAAKC,kBAAkB,SAC1C,IAAI,CAACnC,oBAAoB,GACzB,IAAI,CAACC,kBAAkB;gBAC7B6B;gBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;gBACjBF,UAAU,IAAI,CAACC,MAAM,CAACD;gBACtBK,YAAY5B,QAAQ4B,UAAU;YAChC;QACF;QAEA,IAAI,OAAO5B,QAAQI,IAAI,EAAEC,SAAS2B,WAAW,aAAa;YACxDN,QAAQ,AAACG,CAAAA,uBAAuBI,KAAK,IAAI,CAAA,IAAK,IAAI,CAACT,MAAM,CAAC;YAE1D,IAAIK,uBAAuBI,KAAK,EAAE;gBAChCJ,yBAAyB,IAAI,CAACR,SAAS,CAAC,KAAK;oBAC3CC,OAAO;oBACPI;oBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;oBACjBF,UAAU,IAAI,CAACC,MAAM,CAACD;oBACtBK,YAAY5B,QAAQ4B,UAAU;gBAChC;YACF;YAEAF,QAAQ,AAACG,CAAAA,uBAAuBI,KAAK,IAAI,CAAA,IAAK,IAAI,CAACT,MAAM,CAAC;YAC1DK,yBAAyB,IAAI,CAACR,SAAS,CAACrB,QAAQI,IAAI,EAAEC,SAAS2B,QAAS;gBACtEV,OAAOH,OAAOG,KAAK;gBACnBI,MAAMA;gBACND,KAAK,IAAI,CAACD,MAAM,CAACC;gBACjBF,UAAU,IAAI,CAACC,MAAM,CAACD;gBACtBK,YAAY5B,QAAQ4B,UAAU;YAChC;QACF;QAEA,IAAI,OAAO5B,QAAQI,IAAI,EAAEC,SAAS6B,aAAa,aAAa;YAC1DR,QAAQ,AAACG,CAAAA,uBAAuBI,KAAK,IAAI,CAAA,IAAK,IAAI,CAACT,MAAM,CAAC;YAE1D,IAAIK,uBAAuBI,KAAK,EAAE;gBAChCJ,yBAAyB,IAAI,CAACR,SAAS,CAAC,KAAK;oBAC3CC,OAAO;oBACPI;oBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;oBACjBF,UAAU,IAAI,CAACC,MAAM,CAACD;oBACtBK,YAAY5B,QAAQ4B,UAAU;gBAChC;YACF;YACAF,QAAQ,AAACG,CAAAA,uBAAuBI,KAAK,IAAI,CAAA,IAAK,IAAI,CAACT,MAAM,CAAC;YAC1DK,yBAAyB,IAAI,CAACR,SAAS,CACrC,CAAC,EAAErB,QAAQI,IAAI,EAAEC,SAAS6B,SAAS,CAAC,CAAC,EACrC;gBACEZ,OAAOH,OAAOG,KAAK;gBACnBI;gBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;gBACjBF,UAAU,IAAI,CAACC,MAAM,CAACD;gBACtBK,YAAY5B,QAAQ4B,UAAU;YAChC;QAEJ;IACF;IAEQd,kBAAkBd,OAAoB,EAAES,YAAoB,CAAC,EAAE;QACrE,oBAAoB;QACpB,MAAMU,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAgB,EAC3BpB;QAKF,MAAM,EAAEK,QAAQ,EAAE,GAAGc;QACrB,IAAIO,OAAO,IAAI,CAACF,MAAM,CAACnB,SAASqB,IAAI;QACpC,IAAIG,yBAAsC,CAAC;QAE3C,MAAMJ,MAAM,AAACpB,CAAAA,SAASoB,GAAG,IAAI,CAAA,IAAKhB,YAAY,IAAI,CAACX,YAAY;QAE/D,MAAM;QACN,IAAI,OAAOE,QAAQI,IAAI,EAAEC,SAAS8B,QAAQ,aAAa;YACrD,MAAMC,SAASpC,QAAQI,IAAI,EAAEC,SAAS8B,MAAO,IAAI,MAAM;YACvDN,yBAAyB,IAAI,CAACR,SAAS,CACrC,CAAC,EAAEe,OAAO,EAAEC,IAAAA,cAAO,EAACrC,QAAQI,IAAI,EAAEC,SAAS8B,KAAK,CAAC,CAAC,EAClD;gBACEb,OACEc,WAAW,MACPpC,QAAQsC,WAAW,IAAI,IAAI,CAAC1C,oBAAoB,GAChDI,QAAQuC,SAAS,IAAI,IAAI,CAAC1C,kBAAkB;gBAClD6B;gBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;gBAEjBF,UAAU,IAAI,CAACC,MAAM,CAACL,OAAOI,QAAQ;gBACrCiB,YAAY;gBACZZ,YAAY5B,QAAQ4B,UAAU;YAChC;QAEJ;QACA,WAAW;QACX,IAAI,OAAO5B,QAAQI,IAAI,EAAEC,SAASoC,QAAQ,aAAa;YACrD,MAAML,SAASpC,QAAQI,IAAI,EAAEC,SAASoC,MAAO,IAAI,MAAM;YACvD,IAAIC,OAAO,CAAC,EAAEN,OAAO,EAAEC,IAAAA,cAAO,EAACrC,QAAQI,IAAI,EAAEC,SAASoC,KAAK,CAAC,EAC1DzC,QAAQI,IAAI,EAAEC,SAASsC,SACxB,CAAC;YACF,IAAIH,aAAa;YAEjB,IAAIX,uBAAuBI,KAAK,EAAE;gBAChCP,QAAQ,AAACG,CAAAA,uBAAuBI,KAAK,IAAI,CAAA,IAAK,IAAI,CAACT,MAAM,CAAC;gBAC1DkB,OAAO,CAAC,CAAC,EAAEA,KAAK,CAAC,CAAC;YACpB,OAAO;gBACLhB,OAAO,IAAI,CAACF,MAAM,CAACnB,SAASqB,IAAI;gBAChCc,aAAa;YACf;YAEA,MAAMlB,QACJ,OAAOtB,QAAQI,IAAI,CAACC,QAAQ,CAAC8B,GAAG,KAAK,cACjCC,WAAW,MACTpC,QAAQsC,WAAW,IAAI,IAAI,CAAC1C,oBAAoB,GAChDI,QAAQuC,SAAS,IAAI,IAAI,CAAC1C,kBAAkB,GAC9CsB,OAAOyB,cAAc;YAE3B,MAAMrB,WACJ,OAAOvB,QAAQI,IAAI,CAACC,QAAQ,CAAC8B,GAAG,KAAK,cACjC,IAAI,CAACX,MAAM,CAACL,OAAOI,QAAQ,IAC3B,IAAI,CAACC,MAAM,CAACL,OAAO0B,iBAAiB;YAE1ChB,yBAAyB,IAAI,CAACR,SAAS,CAACqB,MAAM;gBAC5CpB;gBACAI;gBACAD,KAAK,IAAI,CAACD,MAAM,CAACC;gBACjBF;gBACAiB;gBACAZ,YAAY5B,QAAQ4B,UAAU;YAChC;QACF;IACF;IAEQf,iBAAiBb,OAAoB,EAAE;QAC7C,MAAMmB,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAe,EAC1BpB;QAIF,MAAM,EAAEK,QAAQ,EAAE,GAAGc;QAErB,MAAM2B,aAAa,AAAC9C,CAAAA,QAAQI,IAAI,EAAEC,SAASC,aAAaC,UAAU,CAAA,MAAO;QAEzEP,QAAQI,IAAI,EAAEC,SAASC,aAAayC,QAAQ,CAACC,MAAMC;YACjD,8CAA8C;YAC9C,IAAIvB,OAAOrB,SAASqB,IAAI,GAAI,AAACuB,QAAQ,IAAK,IAAI,CAACtD,qBAAqB;YACpE,6EAA6E;YAC7E,IAAI8B,MACF,AAACpB,SAASoB,GAAG,GACbyB,KAAKC,KAAK,CAACF,QAAQ,KAAK,KACxB,IAAI,CAACnD,YAAY;YAEnB,IAAI,CAACuB,SAAS,CAAC2B,KAAKI,KAAK,EAAE;gBACzB1B,MAAM,IAAI,CAACF,MAAM,CAACE;gBAClBD,KAAK,IAAI,CAACD,MAAM,CAACC;gBACjBF,UAAU,IAAI,CAACC,MAAM,CAAC;gBACtBF,OAAOH,OAAOkC,UAAU;gBACxBzB,YAAY5B,QAAQ4B,UAAU;YAChC;YAEA,IAAI,CAACP,SAAS,CAAC2B,KAAKM,KAAK,EAAE;gBACzB5B,MAAM,IAAI,CAACF,MAAM,CAACE;gBAClBD,KAAK,IAAI,CAACD,MAAM,CAACC,MAAM;gBACvBF,UAAU,IAAI,CAACC,MAAM,CAACL,OAAOI,QAAQ;gBACrCiB,YAAY;gBACZlB,OAAOH,OAAOG,KAAK;gBACnBM,YAAY5B,QAAQ4B,UAAU;YAChC;QACF;IACF;IAEQZ,cAAchB,OAAoB,EAAE;QAC1C,MAAMmB,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAS,EACpBpB;QAEF,MAAM,EAAEK,QAAQ,EAAE,GAAGc;QACrB,MAAMM,MAAM,IAAI,CAAC8B,OAAO,CAACC,MAAM,GAAGnD,SAASoD,MAAM;QAEjD,IAAI,CAACpC,SAAS,CAACrB,QAAQI,IAAI,EAAEW,QAAS;YACpCW,MAAM,IAAI,CAACF,MAAM,CAACnB,SAASqB,IAAI;YAC/BD,KAAK,IAAI,CAACD,MAAM,CAACC;YACjBF,UAAU,IAAI,CAACC,MAAM,CAACL,OAAOI,QAAQ;YACrCD,OAAOtB,QAAQ0D,UAAU,IAAI,IAAI,CAAC9D,oBAAoB;YACtDgC,YAAY5B,QAAQ4B,UAAU;YAC9BD,cAAcR,OAAOQ,YAAY;YACjCa,YAAY;QACd;IACF;IAEQtB,iBAAiBlB,OAAoB,EAAE;QAC7C,MAAMmB,SAASC,IAAAA,WAAI,EACjB;YAAC;YAAU;SAAa,EACxBpB;QAEF,MAAM,EAAEK,QAAQ,EAAE,GAAGc;QACrB,MAAMM,MAAM,IAAI,CAAC8B,OAAO,CAACC,MAAM,GAAGnD,SAASoD,MAAM;QACjD,MAAM/B,OAAOrB,SAASqB,IAAI;;QAI1B,IAAI,CAACL,SAAS,CAACrB,QAAQI,IAAI,EAAEa,YAAa;YACxCS,MAAM,IAAI,CAACF,MAAM,CAACE;YAClBD,KAAK,IAAI,CAACD,MAAM,CAACC;YACjBF,UAAU,IAAI,CAACC,MAAM,CAACL,OAAOI,QAAQ;YACrCD,OAAOH,OAAOG,KAAK;YACnBqC,WAAWxC,OAAOwC,SAAS;YAC3B/B,YAAY5B,QAAQ4B,UAAU;YAC9BD,cAAcR,OAAOQ,YAAY;QACnC;IACF;IAEQN,UACNuC,GAAW,EACX5D,OASC,EACY;QACb,IAAI6D;QACJ,MAAM,EACJnC,OAAO,EAAE,EACTD,MAAM,EAAE,EACRF,WAAW,EAAE,EACbiB,aAAa,GAAG,EAChBlB,QAAQ,OAAO,EACfK,eAAe,QAAQ,EACvBgC,YAAY,OAAO,EACpB,GAAG3D,WAAW,CAAC;QAEhB,IAAI,CAAC8D,GAAG,CAACC,IAAI;QACb,wHAAwH;QACxH,IAAI,CAACD,GAAG,CAACE,IAAI,GAAG,CAAC,EAAExB,WAAW,CAAC,EAAEjB,SAAS,GAAG,EAAEvB,SAAS4B,WAAW,CAAC;QAEpE,IAAI,CAACkC,GAAG,CAACG,SAAS,GAAG3C;QACrB,IAAI,CAACwC,GAAG,CAACnC,YAAY,GAAGA;QACxB,IAAI,CAACmC,GAAG,CAACH,SAAS,GAAGA;QACrBE,cAAc,IAAI,CAACC,GAAG,CAACI,WAAW,CAACN;QAEnC,IAAI,CAACE,GAAG,CAACK,QAAQ,CAACP,KAAKlC,MAAMD;QAC7B,IAAI,CAACqC,GAAG,CAACM,OAAO;QAEhB,OAAOP;IACT;IAEQrC,OAAO6C,GAAW,EAAE;QAC1B,OAAOA,MAAM,IAAI,CAACd,OAAO,CAACe,KAAK;IACjC;AACF"}

package/lib/services/painter/layout.config.js

@@ -1,15 +1,22 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultLayoutConfig = void 0;
-exports.DefaultLayoutConfig = {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DefaultLayoutConfig", {
+    enumerable: true,
+    get: function() {
+        return DefaultLayoutConfig;
+    }
+});
+const DefaultLayoutConfig = {
     domain: {
         fontSize: 13,
         // color: undefined,
         textBaseline: "bottom",
         position: {
             left: 20,
-            bottom: 32,
-        },
+            bottom: 32
+        }
     },
     message: {
         fontSize: 20,
@@ -17,16 +24,16 @@ exports.DefaultLayoutConfig = {
         textBaseline: "top",
         position: {
             left: 20,
-            top: 16,
-        },
+            top: 16
+        }
     },
     position: {
         fontSize: 14,
         color: "rgba(255,255,255,0.98)",
         position: {
             left: 20,
-            top: 70,
-        },
+            top: 70
+        }
     },
     unrealizedPnl: {
         fontSize: 36,
@@ -35,8 +42,8 @@ exports.DefaultLayoutConfig = {
         secondaryFontSize: 20,
         position: {
             left: 20,
-            top: 110,
-        },
+            top: 110
+        }
     },
     informations: {
         fontSize: 12,
@@ -44,8 +51,8 @@ exports.DefaultLayoutConfig = {
         labelColor: "rgba(255,255,255,0.36)",
         position: {
             left: 20,
-            top: 150,
-        },
+            top: 150
+        }
     },
     updateTime: {
         fontSize: 10,
@@ -54,7 +61,9 @@ exports.DefaultLayoutConfig = {
         textBaseline: "bottom",
         position: {
             left: 20,
-            bottom: 17,
-        },
-    },
+            bottom: 17
+        }
+    }
 };
+
+//# sourceMappingURL=layout.config.js.map

package/lib/services/painter/layout.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/layout.config.ts"],"sourcesContent":["import { type PosterLayoutConfig } from \"./basePaint\";\n\nexport const DefaultLayoutConfig: PosterLayoutConfig = {\n  domain: {\n    fontSize: 13,\n    // color: undefined,\n    textBaseline: \"bottom\",\n    position: {\n      left: 20,\n      bottom: 32,\n    },\n  },\n  message: {\n    fontSize: 20,\n    color: \"rgba(255, 255, 255, 0.98)\",\n    textBaseline: \"top\",\n    position: {\n      left: 20,\n      top: 16,\n    },\n  },\n  position: {\n    fontSize: 14,\n    color: \"rgba(255,255,255,0.98)\",\n    position: {\n      left: 20,\n      top: 70,\n    },\n  },\n  unrealizedPnl: {\n    fontSize: 36,\n    color: \"rgba(255,255,255,0.5)\",\n    secondaryColor: \"rgba(255,255,255,0.54)\",\n    secondaryFontSize: 20,\n    position: {\n      left: 20,\n      top: 110,\n    },\n  },\n  informations: {\n    fontSize: 12,\n    color: \"rgba(255, 255, 255, 0.8)\",\n    labelColor: \"rgba(255,255,255,0.36)\",\n    position: {\n      left: 20,\n      top: 150,\n    },\n  },\n\n  updateTime: {\n    fontSize: 10,\n    color: \"rgba(255,255,255,0.3)\",\n    // textAlign: \"end\",\n    textBaseline: \"bottom\",\n    position: {\n      left: 20,\n      bottom: 17,\n    },\n  },\n};\n"],"names":["DefaultLayoutConfig","domain","fontSize","textBaseline","position","left","bottom","message","color","top","unrealizedPnl","secondaryColor","secondaryFontSize","informations","labelColor","updateTime"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,sBAA0C;IACrDC,QAAQ;QACNC,UAAU;QACV,oBAAoB;QACpBC,cAAc;QACdC,UAAU;YACRC,MAAM;YACNC,QAAQ;QACV;IACF;IACAC,SAAS;QACPL,UAAU;QACVM,OAAO;QACPL,cAAc;QACdC,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAL,UAAU;QACRF,UAAU;QACVM,OAAO;QACPJ,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAC,eAAe;QACbR,UAAU;QACVM,OAAO;QACPG,gBAAgB;QAChBC,mBAAmB;QACnBR,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IACAI,cAAc;QACZX,UAAU;QACVM,OAAO;QACPM,YAAY;QACZV,UAAU;YACRC,MAAM;YACNI,KAAK;QACP;IACF;IAEAM,YAAY;QACVb,UAAU;QACVM,OAAO;QACP,oBAAoB;QACpBL,cAAc;QACdC,UAAU;YACRC,MAAM;YACNC,QAAQ;QACV;IACF;AACF"}

package/lib/services/painter/painter.js

@@ -1,46 +1,53 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PosterPainter = void 0;
-const backgroundPaint_1 = require("./backgroundPaint");
-const dataPaint_1 = require("./dataPaint");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PosterPainter", {
+    enumerable: true,
+    get: function() {
+        return PosterPainter;
+    }
+});
+const _backgroundPaint = require("./backgroundPaint");
+const _dataPaint = require("./dataPaint");
 class PosterPainter {
+    canvas;
+    ctx;
+    width;
+    height;
+    ratio;
     // resourceManager: Resource;
-    constructor(canvas, options) {
-        // console.log("PosterPainter constructor");
+    constructor(canvas, options){
         this.canvas = canvas;
         this.width = 0;
         this.height = 0;
+        // console.log("PosterPainter constructor");
         this.ctx = this.canvas.getContext("2d");
         this.width = this.canvas.width;
         this.height = this.canvas.height;
-        this.ratio =
-            options?.ratio ||
-                (typeof window !== "undefined"
-                    ? Math.floor(window.devicePixelRatio)
-                    : 1) ||
-                1;
-        console.log("this ratio", this.ratio);
+        this.ratio = options?.ratio || (typeof window !== "undefined" ? Math.floor(window.devicePixelRatio) : 1) || 1;
+        ;
         // render to high resolution
         this.canvas.width = this.width * this.ratio;
         this.canvas.height = this.height * this.ratio;
         this.canvas.style.width = this.width + "px";
         this.canvas.style.height = this.height + "px";
-        //
+    //
     }
     draw(options) {
-        requestAnimationFrame(() => this._draw.bind(this)(options));
+        requestAnimationFrame(()=>this._draw.bind(this)(options));
     }
     async _draw(options) {
-        if (this.ctx === null)
-            return;
+        if (this.ctx === null) return;
         // console.log("============ DRAW ============");
         // this.ctx.font = options.fontFamily!;
         // this.ctx.clearRect(0, 0, this.width * this.ratio, this.height * this.ratio);
         // start draw
         // background
-        await new backgroundPaint_1.BackgroundPaint(this.ctx, this).draw(options);
+        await new _backgroundPaint.BackgroundPaint(this.ctx, this).draw(options);
         // data paint
-        await new dataPaint_1.DataPaint(this.ctx, this).draw(options);
+        await new _dataPaint.DataPaint(this.ctx, this).draw(options);
     }
 }
-exports.PosterPainter = PosterPainter;
+
+//# sourceMappingURL=painter.js.map

package/lib/services/painter/painter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/painter.ts"],"sourcesContent":["import { BackgroundPaint } from \"./backgroundPaint\";\nimport { DrawOptions } from \"./basePaint\";\nimport { DataPaint } from \"./dataPaint\";\nexport class PosterPainter {\n  private ctx: CanvasRenderingContext2D;\n  width: number = 0;\n  height: number = 0;\n  ratio: number;\n  // resourceManager: Resource;\n  constructor(\n    private canvas: HTMLCanvasElement,\n    options?: {\n      ratio: number;\n    }\n  ) {\n    // console.log(\"PosterPainter constructor\");\n\n    this.ctx = this.canvas.getContext(\"2d\")!;\n\n    this.width = this.canvas.width;\n    this.height = this.canvas.height;\n\n    this.ratio =\n      options?.ratio ||\n      (typeof window !== \"undefined\"\n        ? Math.floor(window.devicePixelRatio)\n        : 1) ||\n      1;\n\n    console.log(\"this ratio\", this.ratio);\n\n    // render to high resolution\n    this.canvas.width = this.width * this.ratio;\n    this.canvas.height = this.height * this.ratio;\n    this.canvas.style.width = this.width + \"px\";\n    this.canvas.style.height = this.height + \"px\";\n\n    //\n  }\n\n  draw(options: DrawOptions) {\n    requestAnimationFrame(() => this._draw.bind(this)(options));\n  }\n\n  async _draw(options: DrawOptions) {\n    if (this.ctx === null) return;\n    // console.log(\"============ DRAW ============\");\n    // this.ctx.font = options.fontFamily!;\n    // this.ctx.clearRect(0, 0, this.width * this.ratio, this.height * this.ratio);\n    // start draw\n    // background\n    await new BackgroundPaint(this.ctx, this).draw(options);\n    // data paint\n    await new DataPaint(this.ctx, this).draw(options);\n  }\n}\n"],"names":["PosterPainter","ctx","width","height","ratio","constructor","canvas","options","getContext","window","Math","floor","devicePixelRatio","style","draw","requestAnimationFrame","_draw","bind","BackgroundPaint","DataPaint"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;iCAHmB;2BAEN;AACnB,MAAMA;;IACHC,IAA8B;IACtCC,MAAkB;IAClBC,OAAmB;IACnBC,MAAc;IACd,6BAA6B;IAC7BC,YACE,AAAQC,MAAyB,EACjCC,OAEC,CACD;aAJQD,SAAAA;aALVJ,QAAgB;aAChBC,SAAiB;QASf,4CAA4C;QAE5C,IAAI,CAACF,GAAG,GAAG,IAAI,CAACK,MAAM,CAACE,UAAU,CAAC;QAElC,IAAI,CAACN,KAAK,GAAG,IAAI,CAACI,MAAM,CAACJ,KAAK;QAC9B,IAAI,CAACC,MAAM,GAAG,IAAI,CAACG,MAAM,CAACH,MAAM;QAEhC,IAAI,CAACC,KAAK,GACRG,SAASH,SACR,CAAA,OAAOK,WAAW,cACfC,KAAKC,KAAK,CAACF,OAAOG,gBAAgB,IAClC,CAAA,KACJ;;QAIF,4BAA4B;QAC5B,IAAI,CAACN,MAAM,CAACJ,KAAK,GAAG,IAAI,CAACA,KAAK,GAAG,IAAI,CAACE,KAAK;QAC3C,IAAI,CAACE,MAAM,CAACH,MAAM,GAAG,IAAI,CAACA,MAAM,GAAG,IAAI,CAACC,KAAK;QAC7C,IAAI,CAACE,MAAM,CAACO,KAAK,CAACX,KAAK,GAAG,IAAI,CAACA,KAAK,GAAG;QACvC,IAAI,CAACI,MAAM,CAACO,KAAK,CAACV,MAAM,GAAG,IAAI,CAACA,MAAM,GAAG;IAEzC,EAAE;IACJ;IAEAW,KAAKP,OAAoB,EAAE;QACzBQ,sBAAsB,IAAM,IAAI,CAACC,KAAK,CAACC,IAAI,CAAC,IAAI,EAAEV;IACpD;IAEA,MAAMS,MAAMT,OAAoB,EAAE;QAChC,IAAI,IAAI,CAACN,GAAG,KAAK,MAAM;QACvB,iDAAiD;QACjD,uCAAuC;QACvC,+EAA+E;QAC/E,aAAa;QACb,aAAa;QACb,MAAM,IAAIiB,gCAAe,CAAC,IAAI,CAACjB,GAAG,EAAE,IAAI,EAAEa,IAAI,CAACP;QAC/C,aAAa;QACb,MAAM,IAAIY,oBAAS,CAAC,IAAI,CAAClB,GAAG,EAAE,IAAI,EAAEa,IAAI,CAACP;IAC3C;AACF"}

package/lib/services/painter/resource.js

@@ -1,19 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Resource = void 0;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Resource", {
+    enumerable: true,
+    get: function() {
+        return Resource;
+    }
+});
 class Resource {
-    constructor() {
-        this.sourceMap = new Map();
-        console.log("Resource constructor");
+    sourceMap = new Map();
+    constructor(){
+        ;
     }
     has(source) {
         return this.sourceMap.has(source);
     }
     load(source) {
-        console.log("Resource load: ", source);
+        ;
         const img = new Image();
         img.src = source;
         this.sourceMap.set(source, img);
     }
 }
-exports.Resource = Resource;
+
+//# sourceMappingURL=resource.js.map

package/lib/services/painter/resource.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/services/painter/resource.ts"],"sourcesContent":["export class Resource {\n  sourceMap: Map<string, HTMLImageElement> = new Map();\n\n  constructor() {\n    console.log(\"Resource constructor\");\n  }\n\n  has(source: string) {\n    return this.sourceMap.has(source);\n  }\n\n  load(source: string) {\n    console.log(\"Resource load: \", source);\n    const img = new Image();\n    img.src = source;\n    this.sourceMap.set(source, img);\n  }\n}\n"],"names":["Resource","sourceMap","Map","constructor","has","source","load","img","Image","src","set"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA;IACXC,YAA2C,IAAIC,MAAM;IAErDC,aAAc;;IAEd;IAEAC,IAAIC,MAAc,EAAE;QAClB,OAAO,IAAI,CAACJ,SAAS,CAACG,GAAG,CAACC;IAC5B;IAEAC,KAAKD,MAAc,EAAE;;QAEnB,MAAME,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGJ;QACV,IAAI,CAACJ,SAAS,CAACS,GAAG,CAACL,QAAQE;IAC7B;AACF"}