@oanda/labs-crowd-view-widget 1.0.65 → 1.0.67

package/CHANGELOG.md

@@ -3,6 +3,546 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.67 (2026-01-12)
+
+
+
+## 1.0.248 (2026-01-09)
+
+
+
+## 1.0.247 (2026-01-08)
+
+
+
+## 1.0.246 (2026-01-08)
+
+
+
+## 1.0.245 (2026-01-07)
+
+
+
+## 1.0.244 (2026-01-02)
+
+
+
+## 1.0.243 (2025-12-30)
+
+
+
+## 1.0.242 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
+## 1.0.66 (2026-01-09)
+
+
+
+## 1.0.247 (2026-01-08)
+
+
+
+## 1.0.246 (2026-01-08)
+
+
+
+## 1.0.245 (2026-01-07)
+
+
+
+## 1.0.244 (2026-01-02)
+
+
+
+## 1.0.243 (2025-12-30)
+
+
+
+## 1.0.242 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+**Note:** Version bump only for package @oanda/labs-crowd-view-widget
+
+
+
+
+
 ## 1.0.65 (2026-01-08)
 
 

package/dist/main/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLabelsConfig = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _constants = require("../../../constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -12,16 +13,18 @@ const getLabelsConfig = _ref => {
   let {
     isDark,
     isDesktop,
+    locale,
     labelCallback
   } = _ref;
+  const isJapanese = locale === _monoI18n.Locale.ja;
   const ySentimentLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : _constants.CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
   const yMainLabelSize = isDesktop ? _constants.CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : _constants.CHART_CONFIG.Y_LABEL_SIZE_MOBILE;
   const textColor = isDark ? _labsWidgetCommon.colorPalette.white : _labsWidgetCommon.colorPalette.black;
   const labelBackgroundColor = isDark ? _labsWidgetCommon.colorPalette.darkGray : _labsWidgetCommon.colorPalette.white;
   const backgroundColor = isDark ? _labsWidgetCommon.colorPalette.black : _labsWidgetCommon.colorPalette.white;
   const shadowColor = (0, _chromaJs.default)(_labsWidgetCommon.colorPalette.black).alpha(0.1).hex();
-  const sentimentText = labelCallback('sentiment').toUpperCase();
-  const priceText = labelCallback('price').toUpperCase();
+  const sentimentText = isJapanese && isDesktop ? labelCallback('sentiment').split('').join('\n') : labelCallback('sentiment').toUpperCase();
+  const priceText = isJapanese && isDesktop ? labelCallback('price').split('').join('\n') : labelCallback('price').toUpperCase();
   const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;
   const priceEstimatedWidth = 10 * priceText.length * 0.65;
   const sentimentVerticalOffset = sentimentEstimatedWidth / 2;
@@ -103,7 +106,7 @@ const getLabelsConfig = _ref => {
   }, {
     type: 'text',
     z: 30,
-    rotation: isDesktop ? Math.PI / 2 : 0,
+    rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,
     left: `5px`,
     top: isDesktop ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px` : `${topMargin - 16}px`,
     silent: true,
@@ -117,7 +120,7 @@ const getLabelsConfig = _ref => {
   }, {
     type: 'text',
     z: 30,
-    rotation: isDesktop ? -Math.PI / 2 : 0,
+    rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,
     right: `5px`,
     top: isDesktop ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px` : `${topMargin - 16}px`,
     silent: true,

package/dist/main/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLabelsConfig.js","names":["_labsWidgetCommon","require","_chromaJs","_interopRequireDefault","_constants","e","__esModule","default","getLabelsConfig","_ref","isDark","isDesktop","labelCallback","ySentimentLabelSize","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","colorPalette","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","chroma","alpha","hex","sentimentText","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentText = labelCallback('sentiment').toUpperCase();\n  const priceText = labelCallback('price').toUpperCase();\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getLabelsConfig.js","names":["_labsWidgetCommon","require","_monoI18n","_chromaJs","_interopRequireDefault","_constants","e","__esModule","default","getLabelsConfig","_ref","isDark","isDesktop","locale","labelCallback","isJapanese","Locale","ja","ySentimentLabelSize","CHART_CONFIG","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","colorPalette","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","chroma","alpha","hex","sentimentText","split","join","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  locale: string;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  locale,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const isJapanese = locale === Locale.ja;\n\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  const sentimentText =\n    isJapanese && isDesktop\n      ? labelCallback('sentiment').split('').join('\\n')\n      : labelCallback('sentiment').toUpperCase();\n  const priceText =\n    isJapanese && isDesktop\n      ? labelCallback('price').split('').join('\\n')\n      : labelCallback('price').toUpperCase();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,UAAA,GAAAJ,OAAA;AAAkD,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3C,MAAMG,eAAe,GAAGC,IAAA,IAKwB;EAAA,IALvB;IAC9BC,MAAM;IACNC,SAAS;IACTC,MAAM;IACNC;EACqB,CAAC,GAAAJ,IAAA;EACtB,MAAMK,UAAU,GAAGF,MAAM,KAAKG,gBAAM,CAACC,EAAE;EAEvC,MAAMC,mBAAmB,GAAGN,SAAS,GACjCO,uBAAY,CAACC,8BAA8B,GAC3CD,uBAAY,CAACE,6BAA6B;EAE9C,MAAMC,cAAc,GAAGV,SAAS,GAC5BO,uBAAY,CAACI,oBAAoB,GACjCJ,uBAAY,CAACK,mBAAmB;EAEpC,MAAMC,SAAS,GAAGd,MAAM,GAAGe,8BAAY,CAACC,KAAK,GAAGD,8BAAY,CAACE,KAAK;EAClE,MAAMC,oBAAoB,GAAGlB,MAAM,GAC/Be,8BAAY,CAACI,QAAQ,GACrBJ,8BAAY,CAACC,KAAK;EACtB,MAAMI,eAAe,GAAGpB,MAAM,GAAGe,8BAAY,CAACE,KAAK,GAAGF,8BAAY,CAACC,KAAK;EACxE,MAAMK,WAAW,GAAG,IAAAC,iBAAM,EAACP,8BAAY,CAACE,KAAK,CAAC,CAACM,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;EAE/D,MAAMC,aAAa,GACjBrB,UAAU,IAAIH,SAAS,GACnBE,aAAa,CAAC,WAAW,CAAC,CAACuB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAC/CxB,aAAa,CAAC,WAAW,CAAC,CAACyB,WAAW,CAAC,CAAC;EAC9C,MAAMC,SAAS,GACbzB,UAAU,IAAIH,SAAS,GACnBE,aAAa,CAAC,OAAO,CAAC,CAACuB,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAC3CxB,aAAa,CAAC,OAAO,CAAC,CAACyB,WAAW,CAAC,CAAC;EAI1C,MAAME,uBAAuB,GAAG,EAAE,GAAGL,aAAa,CAACM,MAAM,GAAG,IAAI;EAChE,MAAMC,mBAAmB,GAAG,EAAE,GAAGH,SAAS,CAACE,MAAM,GAAG,IAAI;EACxD,MAAME,uBAAuB,GAAGH,uBAAuB,GAAG,CAAC;EAC3D,MAAMI,mBAAmB,GAAGF,mBAAmB,GAAG,CAAC;EAEnD,MAAMG,SAAS,GAAGlC,SAAS,GACvBO,uBAAY,CAAC4B,uBAAuB,GAAG5B,uBAAY,CAAC6B,sBAAsB,GAC1E7B,uBAAY,CAAC8B,sBAAsB,GAAG9B,uBAAY,CAAC+B,qBAAqB;EAE5E,MAAMC,UAAU,GAAGvC,SAAS,GACxBO,uBAAY,CAACiC,mBAAmB,GAChCjC,uBAAY,CAACkC,kBAAkB;EAEnC,OAAO,CACL;IACEC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,GAAGrC,mBAAmB,GAAG,CAAC,KAAK;IACrCsC,GAAG,EAAE,GAAGV,SAAS,GAAG,CAAC,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,CACR;MACEJ,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbK,KAAK,EAAE;QACLC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV,CAAC;MACDC,KAAK,EAAE;QACLC,IAAI,EAAEpC,oBAAoB;QAC1BqC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE,CAAC;QAChBpC,WAAW,EAAEA;MACf;IACF,CAAC,EACD;MACEsB,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbQ,KAAK,EAAE;QACLK,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,WAAW;QACvBC,UAAU,EAAE,GAAG;QACfN,IAAI,EAAExC,SAAS;QACfqC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVS,IAAI,EAAE1D,aAAa,CAAC,OAAO;MAC7B;IACF,CAAC;EAEL,CAAC,EACD;IACEwC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,GAAGrC,mBAAmB,GAAG,CAAC,KAAK;IACrCsC,GAAG,EAAE,GAAGV,SAAS,GAAGK,UAAU,GAAG,EAAE,GAAG,CAAC,IAAI;IAC3CM,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,CACR;MACEJ,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbK,KAAK,EAAE;QACLC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV,CAAC;MACDC,KAAK,EAAE;QACLC,IAAI,EAAEpC,oBAAoB;QAC1BqC,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE,CAAC;QAChBpC,WAAW,EAAEA;MACf;IACF,CAAC,EACD;MACEsB,IAAI,EAAE,MAAM;MACZK,CAAC,EAAE,GAAG;MACNC,KAAK,EAAE,QAAQ;MACfJ,GAAG,EAAE,QAAQ;MACbQ,KAAK,EAAE;QACLK,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,WAAW;QACvBC,UAAU,EAAE,GAAG;QACfN,IAAI,EAAExC,SAAS;QACfqC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVS,IAAI,EAAE1D,aAAa,CAAC,MAAM;MAC5B;IACF,CAAC;EAEL,CAAC,EAED;IACEwC,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLc,QAAQ,EAAE,CAAC1D,UAAU,IAAIH,SAAS,GAAG8D,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IACpDpB,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE5C,SAAS,GACV,GAAGkC,SAAS,GAAGK,UAAU,GAAG,CAAC,GAAGP,uBAAuB,IAAI,GAC3D,GAAGE,SAAS,GAAG,EAAE,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE,GAAG;MACfN,IAAI,EAAExC,SAAS;MACf+C,IAAI,EAAEpC;IACR;EACF,CAAC,EACD;IACEkB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLc,QAAQ,EAAE,CAAC1D,UAAU,IAAIH,SAAS,GAAG,CAAC8D,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IACrDf,KAAK,EAAE,KAAK;IACZJ,GAAG,EAAE5C,SAAS,GACV,GAAGkC,SAAS,GAAGK,UAAU,GAAG,CAAC,GAAGN,mBAAmB,IAAI,GACvD,GAAGC,SAAS,GAAG,EAAE,IAAI;IACzBW,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,WAAW;MACvBC,UAAU,EAAE,GAAG;MACfN,IAAI,EAAExC,SAAS;MACf+C,IAAI,EAAEhC;IACR;EACF,CAAC,EACD;IACEc,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLC,KAAK,EAAE,KAAK;IACZJ,GAAG,EAAE,GAAGV,SAAS,IAAI;IACrBe,KAAK,EAAE;MACLC,KAAK,EAAExC,cAAc;MACrByC,MAAM,EAAEZ;IACV,CAAC;IACDM,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLC,IAAI,EAAElC;IACR;EACF,CAAC,EACD;IACEuB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLJ,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,GAAGV,SAAS,IAAI;IACrBe,KAAK,EAAE;MACLC,KAAK,EAAE5C,mBAAmB;MAC1B6C,MAAM,EAAEZ;IACV,CAAC;IACDM,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLC,IAAI,EAAElC;IACR;EACF,CAAC,EACD;IACEuB,IAAI,EAAE,MAAM;IACZK,CAAC,EAAE,EAAE;IACLJ,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAE5C,SAAS,GACVO,uBAAY,CAAC6B,sBAAsB,GAAG,CAAC,GAAG,CAAC,GAC3C7B,uBAAY,CAAC+B,qBAAqB,GAAG,CAAC,GAAG,CAAC;IAC9CO,MAAM,EAAE,IAAI;IACZO,KAAK,EAAE;MACLK,QAAQ,EAAEzD,SAAS,GAAG,EAAE,GAAG,EAAE;MAC7BqD,IAAI,EAAExC,SAAS;MACf+C,IAAI,EAAE5D,SAAS,GACXE,aAAa,CAAC,iCAAiC,CAAC,GAChDA,aAAa,CAAC,+BAA+B;IACnD;EACF,CAAC,CACF;AACH,CAAC;AAAC8D,OAAA,CAAAnE,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js

@@ -45,8 +45,8 @@ const getSeriesCandlestickConfig = _ref => {
     itemStyle,
     emphasis: {
       itemStyle: {
-        color: candleLongColor,
-        color0: candleShortColor
+        color: itemStyle.color,
+        color0: itemStyle.color0
       }
     },
     z: 3

package/dist/main/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_monoI18n","require","_chromaJs","_interopRequireDefault","e","__esModule","default","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","Locale","ja","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWxB,MAAMG,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKI,gBAAM,CAACC,EAAE;EAEvC,MAAMC,SAAS,GAAGH,UAAU,GACxB;IACEI,KAAK,EAAE,IAAAC,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAE,IAAAH,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAEV,gBAAgB;IAC7BW,YAAY,EAAEZ;EAChB,CAAC,GACD;IACEM,KAAK,EAAE,IAAAC,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAEX,eAAe;IAC5BY,YAAY,EAAEX;EAChB,CAAC;EAEL,OAAO;IACLY,SAAS,EAAEf,SAAS;IACpBgB,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDlB,SAAS;IACTmB,QAAQ,EAAE;MACRnB,SAAS,EAAE;QACTC,KAAK,EAAEN,eAAe;QACtBU,MAAM,EAAET;MACV;IACF,CAAC;IACDwB,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA/B,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["_monoI18n","require","_chromaJs","_interopRequireDefault","e","__esModule","default","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","Locale","ja","itemStyle","color","chroma","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z","exports"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: itemStyle.color,\n        color0: itemStyle.color0,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWxB,MAAMG,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKI,gBAAM,CAACC,EAAE;EAEvC,MAAMC,SAAS,GAAGH,UAAU,GACxB;IACEI,KAAK,EAAE,IAAAC,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAE,IAAAH,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAEV,gBAAgB;IAC7BW,YAAY,EAAEZ;EAChB,CAAC,GACD;IACEM,KAAK,EAAE,IAAAC,iBAAM,EAACP,eAAe,CAAC,CAACQ,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAE,IAAAH,iBAAM,EAACN,gBAAgB,CAAC,CAACO,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAEX,eAAe;IAC5BY,YAAY,EAAEX;EAChB,CAAC;EAEL,OAAO;IACLY,SAAS,EAAEf,SAAS;IACpBgB,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDlB,SAAS;IACTmB,QAAQ,EAAE;MACRnB,SAAS,EAAE;QACTC,KAAK,EAAED,SAAS,CAACC,KAAK;QACtBI,MAAM,EAAEL,SAAS,CAACK;MACpB;IACF,CAAC;IACDe,CAAC,EAAE;EACL,CAAC;AACH,CAAC;AAACC,OAAA,CAAA/B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/main/CrowdViewWidget/components/Chart/getOption.js

@@ -96,6 +96,7 @@ const getOption = _ref => {
     }), ...(0, _chartOptions.getLabelsConfig)({
       isDark,
       isDesktop,
+      locale,
       labelCallback
     })],
     dataset: {

package/dist/main/CrowdViewWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_constants","require","_chartOptions","_chartUtils","_getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","getChartStyles","selectedPriceRef","current","initialStartZoom","CHART_CONFIG","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","heatmapChart","getSeriesHeatmapConfig","sentimentChart","getSeriesSentimentConfig","animation","tooltip","getTooltipConfig","tooltipLinesColor","grid","getGridConfig","xAxis","getXAxisConfig","yAxis","getYAxisConfig","dataZoom","getDataZoomConfig","visualMap","getVisualMapConfig","sentimentLongColor","sentimentShortColor","graphic","getGridLines","getLabelsConfig","dataset","source","series","getSeriesCandlestickConfig","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_constants","require","_chartOptions","_chartUtils","_getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","getChartStyles","selectedPriceRef","current","initialStartZoom","CHART_CONFIG","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","isDifferenceGreaterThanTwoWeeks","heatmapChart","getSeriesHeatmapConfig","sentimentChart","getSeriesSentimentConfig","animation","tooltip","getTooltipConfig","tooltipLinesColor","grid","getGridConfig","xAxis","getXAxisConfig","yAxis","getYAxisConfig","dataZoom","getDataZoomConfig","visualMap","getVisualMapConfig","sentimentLongColor","sentimentShortColor","graphic","getGridLines","getLabelsConfig","dataset","source","series","getSeriesCandlestickConfig","exports"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, locale, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.js

@@ -1,20 +1,23 @@
 import { colorPalette } from '@oanda/labs-widget-common';
+import { Locale } from '@oanda/mono-i18n';
 import chroma from 'chroma-js';
 import { CHART_CONFIG } from '../../../constants';
 export const getLabelsConfig = _ref => {
   let {
     isDark,
     isDesktop,
+    locale,
     labelCallback
   } = _ref;
+  const isJapanese = locale === Locale.ja;
   const ySentimentLabelSize = isDesktop ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
   const yMainLabelSize = isDesktop ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;
   const textColor = isDark ? colorPalette.white : colorPalette.black;
   const labelBackgroundColor = isDark ? colorPalette.darkGray : colorPalette.white;
   const backgroundColor = isDark ? colorPalette.black : colorPalette.white;
   const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();
-  const sentimentText = labelCallback('sentiment').toUpperCase();
-  const priceText = labelCallback('price').toUpperCase();
+  const sentimentText = isJapanese && isDesktop ? labelCallback('sentiment').split('').join('\n') : labelCallback('sentiment').toUpperCase();
+  const priceText = isJapanese && isDesktop ? labelCallback('price').split('').join('\n') : labelCallback('price').toUpperCase();
   const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;
   const priceEstimatedWidth = 10 * priceText.length * 0.65;
   const sentimentVerticalOffset = sentimentEstimatedWidth / 2;
@@ -96,7 +99,7 @@ export const getLabelsConfig = _ref => {
   }, {
     type: 'text',
     z: 30,
-    rotation: isDesktop ? Math.PI / 2 : 0,
+    rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,
     left: `5px`,
     top: isDesktop ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px` : `${topMargin - 16}px`,
     silent: true,
@@ -110,7 +113,7 @@ export const getLabelsConfig = _ref => {
   }, {
     type: 'text',
     z: 30,
-    rotation: isDesktop ? -Math.PI / 2 : 0,
+    rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,
     right: `5px`,
     top: isDesktop ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px` : `${topMargin - 16}px`,
     silent: true,

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLabelsConfig.js","names":["colorPalette","chroma","CHART_CONFIG","getLabelsConfig","_ref","isDark","isDesktop","labelCallback","ySentimentLabelSize","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","alpha","hex","sentimentText","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentText = labelCallback('sentiment').toUpperCase();\n  const priceText = labelCallback('price').toUpperCase();\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getLabelsConfig.js","names":["colorPalette","Locale","chroma","CHART_CONFIG","getLabelsConfig","_ref","isDark","isDesktop","locale","labelCallback","isJapanese","ja","ySentimentLabelSize","Y_SENTIMENT_LABEL_DESKTOP_SIZE","Y_SENTIMENT_LABEL_MOBILE_SIZE","yMainLabelSize","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","textColor","white","black","labelBackgroundColor","darkGray","backgroundColor","shadowColor","alpha","hex","sentimentText","split","join","toUpperCase","priceText","sentimentEstimatedWidth","length","priceEstimatedWidth","sentimentVerticalOffset","priceVerticalOffset","topMargin","TOP_LABEL_SPACE_DESKTOP","TOOLTIP_HEIGHT_DESKTOP","TOP_LABEL_SPACE_MOBILE","TOOLTIP_HEIGHT_MOBILE","mainHeight","MAIN_HEIGHT_DESKTOP","MAIN_HEIGHT_MOBILE","type","left","top","silent","children","z","right","shape","width","height","style","fill","shadowBlur","shadowOffsetX","shadowOffsetY","fontSize","fontFamily","fontWeight","text","rotation","Math","PI"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { GraphicComponentOption } from 'echarts';\n\nimport { CHART_CONFIG } from '../../../constants';\n\ninterface getLabelsConfigParams {\n  isDark: boolean;\n  isDesktop: boolean;\n  locale: string;\n  labelCallback: (key: string, params?: Record<string, unknown>) => string;\n}\n\nexport const getLabelsConfig = ({\n  isDark,\n  isDesktop,\n  locale,\n  labelCallback,\n}: getLabelsConfigParams): GraphicComponentOption[] => {\n  const isJapanese = locale === Locale.ja;\n\n  const ySentimentLabelSize = isDesktop\n    ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE\n    : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;\n\n  const yMainLabelSize = isDesktop\n    ? CHART_CONFIG.Y_LABEL_SIZE_DESKTOP\n    : CHART_CONFIG.Y_LABEL_SIZE_MOBILE;\n\n  const textColor = isDark ? colorPalette.white : colorPalette.black;\n  const labelBackgroundColor = isDark\n    ? colorPalette.darkGray\n    : colorPalette.white;\n  const backgroundColor = isDark ? colorPalette.black : colorPalette.white;\n  const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();\n\n  const sentimentText =\n    isJapanese && isDesktop\n      ? labelCallback('sentiment').split('').join('\\n')\n      : labelCallback('sentiment').toUpperCase();\n  const priceText =\n    isJapanese && isDesktop\n      ? labelCallback('price').split('').join('\\n')\n      : labelCallback('price').toUpperCase();\n\n  // Estimate text width for centering rotated text\n  // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)\n  const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;\n  const priceEstimatedWidth = 10 * priceText.length * 0.65;\n  const sentimentVerticalOffset = sentimentEstimatedWidth / 2;\n  const priceVerticalOffset = priceEstimatedWidth / 2;\n\n  const topMargin = isDesktop\n    ? CHART_CONFIG.TOP_LABEL_SPACE_DESKTOP + CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP\n    : CHART_CONFIG.TOP_LABEL_SPACE_MOBILE + CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE;\n\n  const mainHeight = isDesktop\n    ? CHART_CONFIG.MAIN_HEIGHT_DESKTOP\n    : CHART_CONFIG.MAIN_HEIGHT_MOBILE;\n\n  return [\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('short'),\n          },\n        },\n      ],\n    },\n    {\n      type: 'group',\n      left: `${ySentimentLabelSize + 5}px'`,\n      top: `${topMargin + mainHeight - 24 - 5}px`,\n      silent: true,\n      children: [\n        {\n          type: 'rect',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          shape: {\n            width: 50,\n            height: 24,\n          },\n          style: {\n            fill: labelBackgroundColor,\n            shadowBlur: 8,\n            shadowOffsetX: 0,\n            shadowOffsetY: 1,\n            shadowColor: shadowColor,\n          },\n        },\n        {\n          type: 'text',\n          z: 100,\n          right: 'center',\n          top: 'middle',\n          style: {\n            fontSize: 11,\n            fontFamily: 'Sofia W03',\n            fontWeight: 500,\n            fill: textColor,\n            width: 70,\n            height: 30,\n            text: labelCallback('long'),\n          },\n        },\n      ],\n    },\n\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,\n      left: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: sentimentText,\n      },\n    },\n    {\n      type: 'text',\n      z: 30,\n      rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,\n      right: `5px`,\n      top: isDesktop\n        ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`\n        : `${topMargin - 16}px`,\n      silent: true,\n      style: {\n        fontSize: 10,\n        fontFamily: 'Sofia W03',\n        fontWeight: 300,\n        fill: textColor,\n        text: priceText,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      right: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: yMainLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'rect',\n      z: 20,\n      left: '0px',\n      top: `${topMargin}px`,\n      shape: {\n        width: ySentimentLabelSize,\n        height: mainHeight,\n      },\n      silent: true,\n      style: {\n        fill: backgroundColor,\n      },\n    },\n    {\n      type: 'text',\n      z: 20,\n      left: 'center',\n      top: isDesktop\n        ? CHART_CONFIG.TOOLTIP_HEIGHT_DESKTOP / 2 - 5\n        : CHART_CONFIG.TOOLTIP_HEIGHT_MOBILE / 2 - 5,\n      silent: true,\n      style: {\n        fontSize: isDesktop ? 12 : 11,\n        fill: textColor,\n        text: isDesktop\n          ? labelCallback('hover_chart_to_see_more_details')\n          : labelCallback('tap_chart_to_see_more_details'),\n      },\n    },\n  ];\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js

@@ -38,8 +38,8 @@ export const getSeriesCandlestickConfig = _ref => {
     itemStyle,
     emphasis: {
       itemStyle: {
-        color: candleLongColor,
-        color0: candleShortColor
+        color: itemStyle.color,
+        color0: itemStyle.color0
       }
     },
     z: 3

package/dist/module/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSeriesCandlestickConfig.js","names":["Locale","chroma","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","ja","itemStyle","color","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: candleLongColor,\n        color0: candleShortColor,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAW9B,OAAO,MAAMC,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKN,MAAM,CAACU,EAAE;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GACxB;IACEG,KAAK,EAAEX,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAEd,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAER,gBAAgB;IAC7BS,YAAY,EAAEV;EAChB,CAAC,GACD;IACEK,KAAK,EAAEX,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAEd,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAET,eAAe;IAC5BU,YAAY,EAAET;EAChB,CAAC;EAEL,OAAO;IACLU,SAAS,EAAEb,SAAS;IACpBc,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDjB,SAAS;IACTkB,QAAQ,EAAE;MACRlB,SAAS,EAAE;QACTC,KAAK,EAAEL,eAAe;QACtBQ,MAAM,EAAEP;MACV;IACF,CAAC;IACDsB,CAAC,EAAE;EACL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getSeriesCandlestickConfig.js","names":["Locale","chroma","getSeriesCandlestickConfig","_ref","styles","isLoading","locale","candleLongColor","candleShortColor","isJapanese","ja","itemStyle","color","desaturate","css","color0","borderColor","borderColor0","animation","type","id","xAxisIndex","yAxisIndex","silent","clip","large","encode","x","y","emphasis","z"],"sources":["../../../../../../src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport chroma from 'chroma-js';\nimport type { CandlestickSeriesOption } from 'echarts';\n\nimport type { ChartStyles } from '../chartUtils/getChartStyles';\n\ninterface GetSeriesCandlestickConfigParams {\n  styles: ChartStyles;\n  isLoading: boolean;\n  locale: string;\n}\n\nexport const getSeriesCandlestickConfig = ({\n  styles,\n  isLoading,\n  locale,\n}: GetSeriesCandlestickConfigParams): CandlestickSeriesOption => {\n  const { candleLongColor, candleShortColor } = styles;\n  const isJapanese = locale === Locale.ja;\n\n  const itemStyle = isJapanese\n    ? {\n        color: chroma(candleShortColor).desaturate().css(),\n        color0: chroma(candleLongColor).desaturate().css(),\n        borderColor: candleShortColor,\n        borderColor0: candleLongColor,\n      }\n    : {\n        color: chroma(candleLongColor).desaturate().css(),\n        color0: chroma(candleShortColor).desaturate().css(),\n        borderColor: candleLongColor,\n        borderColor0: candleShortColor,\n      };\n\n  return {\n    animation: isLoading,\n    type: 'candlestick',\n    id: 'candlestick',\n    xAxisIndex: 0,\n    yAxisIndex: 0,\n    silent: true,\n    clip: true,\n    large: true,\n    encode: {\n      x: 'dates',\n      y: ['open', 'close', 'low', 'high'],\n    },\n    itemStyle,\n    emphasis: {\n      itemStyle: {\n        color: itemStyle.color,\n        color0: itemStyle.color0,\n      },\n    },\n    z: 3,\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAW9B,OAAO,MAAMC,0BAA0B,GAAGC,IAAA,IAIuB;EAAA,IAJtB;IACzCC,MAAM;IACNC,SAAS;IACTC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,MAAM;EACpD,MAAMK,UAAU,GAAGH,MAAM,KAAKN,MAAM,CAACU,EAAE;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GACxB;IACEG,KAAK,EAAEX,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDC,MAAM,EAAEd,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IAClDE,WAAW,EAAER,gBAAgB;IAC7BS,YAAY,EAAEV;EAChB,CAAC,GACD;IACEK,KAAK,EAAEX,MAAM,CAACM,eAAe,CAAC,CAACM,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACjDC,MAAM,EAAEd,MAAM,CAACO,gBAAgB,CAAC,CAACK,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;IACnDE,WAAW,EAAET,eAAe;IAC5BU,YAAY,EAAET;EAChB,CAAC;EAEL,OAAO;IACLU,SAAS,EAAEb,SAAS;IACpBc,IAAI,EAAE,aAAa;IACnBC,EAAE,EAAE,aAAa;IACjBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,IAAI;IACZC,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE;MACNC,CAAC,EAAE,OAAO;MACVC,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACpC,CAAC;IACDjB,SAAS;IACTkB,QAAQ,EAAE;MACRlB,SAAS,EAAE;QACTC,KAAK,EAAED,SAAS,CAACC,KAAK;QACtBG,MAAM,EAAEJ,SAAS,CAACI;MACpB;IACF,CAAC;IACDe,CAAC,EAAE;EACL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/CrowdViewWidget/components/Chart/getOption.js

@@ -90,6 +90,7 @@ export const getOption = _ref => {
     }), ...getLabelsConfig({
       isDark,
       isDesktop,
+      locale,
       labelCallback
     })],
     dataset: {

package/dist/module/CrowdViewWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["CHART_CONFIG","getDataZoomConfig","getGridConfig","getGridLines","getLabelsConfig","getSeriesCandlestickConfig","getSeriesHeatmapConfig","getSeriesSentimentConfig","getTooltipConfig","getVisualMapConfig","getXAxisConfig","getYAxisConfig","isDifferenceGreaterThanTwoWeeks","getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","selectedPriceRef","current","initialStartZoom","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","heatmapChart","sentimentChart","animation","tooltip","tooltipLinesColor","grid","xAxis","yAxis","dataZoom","visualMap","sentimentLongColor","sentimentShortColor","graphic","dataset","source","series"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SACEC,iBAAiB,EACjBC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,0BAA0B,EAC1BC,sBAAsB,EACtBC,wBAAwB,EACxBC,gBAAgB,EAChBC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,QACT,gBAAgB;AACvB,SAASC,+BAA+B,QAAQ,cAAc;AAC9D,SAASC,cAAc,QAAQ,6BAA6B;AAG5D,OAAO,MAAMC,SAAwB,GAAGC,IAAA,IAyBlC;EAAA,IAzBmC;IACvCC,QAAQ,EAAE;MACRC,KAAK;MACLC,WAAW;MACXC,YAAY;MACZC,UAAU;MACVC,WAAW;MACXC,UAAU;MACVC,WAAW;MACXC,eAAe;MACfC;IACF,CAAC;IACDC,cAAc,EAAE;MACdC,WAAW;MACXC,OAAO;MACPC,gBAAgB;MAChBC,QAAQ;MACRC,qBAAqB;MACrBC;IACF,CAAC;IACDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,aAAa;IACbC;EACF,CAAC,GAAAtB,IAAA;EACC,MAAMuB,MAAM,GAAGzB,cAAc,CAACqB,MAAM,CAAC;EACrC,MAAMK,gBAAgB,GAAG;IAAEC,OAAO,EAAE;EAAE,CAAC;EAEvC,MAAMC,gBAAgB,GAAGN,SAAS,GAC9BnC,YAAY,CAAC0C,0BAA0B,GACvC1C,YAAY,CAAC2C,yBAAyB;EAE1C,MAAMC,gBAAgB,GAAG3B,KAAK,CAAC4B,KAAK,CACjC5B,KAAK,CAAC6B,MAAM,GAAGL,gBAAgB,GAAI,GAAG,EACtCxB,KAAK,CAAC6B,MAAM,GAAG9C,YAAY,CAAC+C,gBAAgB,GAAI,GACnD,CAAC;EAED,MAAMC,qBAAqB,GAAGpC,+BAA+B,CAC3DgC,gBAAgB,CAAC,CAAC,CAAC,EACnBA,gBAAgB,CAACA,gBAAgB,CAACE,MAAM,GAAG,CAAC,CAC9C,CAAC;EAED,MAAMG,YAAY,GAChB3B,UAAU,IAAIA,UAAU,CAACwB,MAAM,GAAG,CAAC,GAC/B,CACExC,sBAAsB,CAAC;IACrBqB,WAAW;IACXC,OAAO;IACPM,MAAM;IACNF,qBAAqB;IACrBD,qBAAqB;IACrBE;EACF,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMiB,cAAc,GAClBzB,cAAc,IAAIA,cAAc,CAACqB,MAAM,GAAG,CAAC,GACvC,CACEvC,wBAAwB,CAAC;IACvB+B,MAAM;IACNL;EACF,CAAC,CAAC,CACH,GACD,EAAE;EAER,OAAO;IACLkB,SAAS,EAAE,KAAK;IAChBC,OAAO,EAAE5C,gBAAgB,CAAC;MACxBsB,QAAQ;MACRH,WAAW;MACXC,OAAO;MACPQ,aAAa;MACbG,gBAAgB;MAChBc,iBAAiB,EAAEf,MAAM,CAACe,iBAAiB;MAC3C5B,cAAc;MACdD,eAAe;MACfW,SAAS;MACTD,MAAM;MACNG;IACF,CAAC,CAAC;IACFiB,IAAI,EAAEpD,aAAa,CAAC;MAAEiC;IAAU,CAAC,CAAC;IAClCoB,KAAK,EAAE7C,cAAc,CAAC;MACpBO,KAAK;MACL+B,qBAAqB;MACrBX,MAAM;MACNF;IACF,CAAC,CAAC;IACFqB,KAAK,EAAE7C,cAAc,CAAC;MACpBgB,WAAW;MACXE,gBAAgB;MAChBU;IACF,CAAC,CAAC;IACFkB,QAAQ,EAAExD,iBAAiB,CAAC;MAAEkC;IAAU,CAAC,CAAC;IAC1CuB,SAAS,EAAEjD,kBAAkB,CAAC;MAC5BkD,kBAAkB,EAAErB,MAAM,CAACqB,kBAAkB;MAC7CC,mBAAmB,EAAEtB,MAAM,CAACsB;IAC9B,CAAC,CAAC;IACFC,OAAO,EAAE,CACP,GAAG1D,YAAY,CAAC;MAAE+B,MAAM;MAAEC;IAAU,CAAC,CAAC,EACtC,GAAG/B,eAAe,CAAC;MAAE8B,MAAM;MAAEC,SAAS;MAAEC;IAAc,CAAC,CAAC,CACzD;IACD0B,OAAO,EAAE;MACPC,MAAM,EAAE;QACN9C,KAAK;QACLC,WAAW;QACXC,YAAY;QACZC,UAAU;QACVC,WAAW;QACXC,UAAU,EAAEA,UAAU,IAAI,EAAE;QAC5BC,WAAW,EAAEA,WAAW,IAAI,EAAE;QAC9BC,eAAe;QACfC;MACF;IACF,CAAC;IACDuC,MAAM,EAAE,CACN3D,0BAA0B,CAAC;MACzBiC,MAAM;MACNL,SAAS;MACTI;IACF,CAAC,CAAC,EACF,GAAGY,YAAY,EACf,GAAGC,cAAc;EAErB,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["CHART_CONFIG","getDataZoomConfig","getGridConfig","getGridLines","getLabelsConfig","getSeriesCandlestickConfig","getSeriesHeatmapConfig","getSeriesSentimentConfig","getTooltipConfig","getVisualMapConfig","getXAxisConfig","getYAxisConfig","isDifferenceGreaterThanTwoWeeks","getChartStyles","getOption","_ref","mainData","dates","candlesOpen","candlesClose","candlesLow","candlesHigh","bookPrices","bookIndexes","sentimentShorts","sentimentLongs","additionalData","bucketWidth","buckets","displayPrecision","bookType","sentimentThresholdMin","sentimentThresholdMax","isLoading","isDark","isDesktop","labelCallback","locale","styles","selectedPriceRef","current","initialStartZoom","INITIAL_START_ZOOM_DESKTOP","INITIAL_START_ZOOM_MOBILE","visibleXAxisData","slice","length","INITIAL_END_ZOOM","isGreaterThanTwoWeeks","heatmapChart","sentimentChart","animation","tooltip","tooltipLinesColor","grid","xAxis","yAxis","dataZoom","visualMap","sentimentLongColor","sentimentShortColor","graphic","dataset","source","series"],"sources":["../../../../../src/CrowdViewWidget/components/Chart/getOption.ts"],"sourcesContent":["import { CHART_CONFIG } from '../../constants';\nimport {\n  getDataZoomConfig,\n  getGridConfig,\n  getGridLines,\n  getLabelsConfig,\n  getSeriesCandlestickConfig,\n  getSeriesHeatmapConfig,\n  getSeriesSentimentConfig,\n  getTooltipConfig,\n  getVisualMapConfig,\n  getXAxisConfig,\n  getYAxisConfig,\n} from './chartOptions';\nimport { isDifferenceGreaterThanTwoWeeks } from './chartUtils';\nimport { getChartStyles } from './chartUtils/getChartStyles';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({\n  mainData: {\n    dates,\n    candlesOpen,\n    candlesClose,\n    candlesLow,\n    candlesHigh,\n    bookPrices,\n    bookIndexes,\n    sentimentShorts,\n    sentimentLongs,\n  },\n  additionalData: {\n    bucketWidth,\n    buckets,\n    displayPrecision,\n    bookType,\n    sentimentThresholdMin,\n    sentimentThresholdMax,\n  },\n  isLoading,\n  isDark,\n  isDesktop,\n  labelCallback,\n  locale,\n}) => {\n  const styles = getChartStyles(isDark);\n  const selectedPriceRef = { current: 0 };\n\n  const initialStartZoom = isDesktop\n    ? CHART_CONFIG.INITIAL_START_ZOOM_DESKTOP\n    : CHART_CONFIG.INITIAL_START_ZOOM_MOBILE;\n\n  const visibleXAxisData = dates.slice(\n    (dates.length * initialStartZoom) / 100,\n    (dates.length * CHART_CONFIG.INITIAL_END_ZOOM) / 100\n  );\n\n  const isGreaterThanTwoWeeks = isDifferenceGreaterThanTwoWeeks(\n    visibleXAxisData[0],\n    visibleXAxisData[visibleXAxisData.length - 1]\n  );\n\n  const heatmapChart =\n    bookPrices && bookPrices.length > 0\n      ? [\n          getSeriesHeatmapConfig({\n            bucketWidth,\n            buckets,\n            isDark,\n            sentimentThresholdMax,\n            sentimentThresholdMin,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  const sentimentChart =\n    sentimentLongs && sentimentLongs.length > 0\n      ? [\n          getSeriesSentimentConfig({\n            styles,\n            isLoading,\n          }),\n        ]\n      : [];\n\n  return {\n    animation: false,\n    tooltip: getTooltipConfig({\n      bookType,\n      bucketWidth,\n      buckets,\n      labelCallback,\n      selectedPriceRef,\n      tooltipLinesColor: styles.tooltipLinesColor,\n      sentimentLongs,\n      sentimentShorts,\n      isDesktop,\n      isDark,\n      locale,\n    }),\n    grid: getGridConfig({ isDesktop }),\n    xAxis: getXAxisConfig({\n      dates,\n      isGreaterThanTwoWeeks,\n      locale,\n      isDesktop,\n    }),\n    yAxis: getYAxisConfig({\n      bucketWidth,\n      displayPrecision,\n      selectedPriceRef,\n    }),\n    dataZoom: getDataZoomConfig({ isDesktop }),\n    visualMap: getVisualMapConfig({\n      sentimentLongColor: styles.sentimentLongColor,\n      sentimentShortColor: styles.sentimentShortColor,\n    }),\n    graphic: [\n      ...getGridLines({ isDark, isDesktop }),\n      ...getLabelsConfig({ isDark, isDesktop, locale, labelCallback }),\n    ],\n    dataset: {\n      source: {\n        dates,\n        candlesOpen,\n        candlesClose,\n        candlesLow,\n        candlesHigh,\n        bookPrices: bookPrices ?? [],\n        bookIndexes: bookIndexes ?? [],\n        sentimentShorts,\n        sentimentLongs,\n      },\n    },\n    series: [\n      getSeriesCandlestickConfig({\n        styles,\n        isLoading,\n        locale,\n      }),\n      ...heatmapChart,\n      ...sentimentChart,\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/types/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.d.ts

@@ -2,7 +2,8 @@ import type { GraphicComponentOption } from 'echarts';
 interface getLabelsConfigParams {
     isDark: boolean;
     isDesktop: boolean;
+    locale: string;
     labelCallback: (key: string, params?: Record<string, unknown>) => string;
 }
-export declare const getLabelsConfig: ({ isDark, isDesktop, labelCallback, }: getLabelsConfigParams) => GraphicComponentOption[];
+export declare const getLabelsConfig: ({ isDark, isDesktop, locale, labelCallback, }: getLabelsConfigParams) => GraphicComponentOption[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-crowd-view-widget",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "description": "Labs Crowd View Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.247",
+    "@oanda/labs-widget-common": "^1.0.249",
     "@oanda/mono-i18n": "10.0.1",
     "chroma-js": "^3.1.2",
     "decimal.js": "^10.6.0",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@types/chroma-js": "^3.1.2"
   },
-  "gitHead": "44e45e92597d1504ca193e866b965b93f8b72dd3"
+  "gitHead": "7cdd69cbf04997c244ed467dd94e5827c029fcfa"
 }

package/src/CrowdViewWidget/components/Chart/chartOptions/getLabelsConfig.ts

@@ -1,4 +1,5 @@
 import { colorPalette } from '@oanda/labs-widget-common';
+import { Locale } from '@oanda/mono-i18n';
 import chroma from 'chroma-js';
 import type { GraphicComponentOption } from 'echarts';
 
@@ -7,14 +8,18 @@ import { CHART_CONFIG } from '../../../constants';
 interface getLabelsConfigParams {
   isDark: boolean;
   isDesktop: boolean;
+  locale: string;
   labelCallback: (key: string, params?: Record<string, unknown>) => string;
 }
 
 export const getLabelsConfig = ({
   isDark,
   isDesktop,
+  locale,
   labelCallback,
 }: getLabelsConfigParams): GraphicComponentOption[] => {
+  const isJapanese = locale === Locale.ja;
+
   const ySentimentLabelSize = isDesktop
     ? CHART_CONFIG.Y_SENTIMENT_LABEL_DESKTOP_SIZE
     : CHART_CONFIG.Y_SENTIMENT_LABEL_MOBILE_SIZE;
@@ -30,10 +35,17 @@ export const getLabelsConfig = ({
   const backgroundColor = isDark ? colorPalette.black : colorPalette.white;
   const shadowColor = chroma(colorPalette.black).alpha(0.1).hex();
 
+  const sentimentText =
+    isJapanese && isDesktop
+      ? labelCallback('sentiment').split('').join('\n')
+      : labelCallback('sentiment').toUpperCase();
+  const priceText =
+    isJapanese && isDesktop
+      ? labelCallback('price').split('').join('\n')
+      : labelCallback('price').toUpperCase();
+
   // Estimate text width for centering rotated text
   // Approximate: fontSize * characterCount * 0.65 (typical character width ratio)
-  const sentimentText = labelCallback('sentiment').toUpperCase();
-  const priceText = labelCallback('price').toUpperCase();
   const sentimentEstimatedWidth = 10 * sentimentText.length * 0.65;
   const priceEstimatedWidth = 10 * priceText.length * 0.65;
   const sentimentVerticalOffset = sentimentEstimatedWidth / 2;
@@ -132,7 +144,7 @@ export const getLabelsConfig = ({
     {
       type: 'text',
       z: 30,
-      rotation: isDesktop ? Math.PI / 2 : 0,
+      rotation: !isJapanese && isDesktop ? Math.PI / 2 : 0,
       left: `5px`,
       top: isDesktop
         ? `${topMargin + mainHeight / 2 - sentimentVerticalOffset}px`
@@ -149,7 +161,7 @@ export const getLabelsConfig = ({
     {
       type: 'text',
       z: 30,
-      rotation: isDesktop ? -Math.PI / 2 : 0,
+      rotation: !isJapanese && isDesktop ? -Math.PI / 2 : 0,
       right: `5px`,
       top: isDesktop
         ? `${topMargin + mainHeight / 2 - priceVerticalOffset}px`

package/src/CrowdViewWidget/components/Chart/chartOptions/getSeriesCandlestickConfig.ts

@@ -48,8 +48,8 @@ export const getSeriesCandlestickConfig = ({
     itemStyle,
     emphasis: {
       itemStyle: {
-        color: candleLongColor,
-        color0: candleShortColor,
+        color: itemStyle.color,
+        color0: itemStyle.color0,
       },
     },
     z: 3,

package/src/CrowdViewWidget/components/Chart/getOption.ts

@@ -117,7 +117,7 @@ export const getOption: GetOptionType = ({
     }),
     graphic: [
       ...getGridLines({ isDark, isDesktop }),
-      ...getLabelsConfig({ isDark, isDesktop, labelCallback }),
+      ...getLabelsConfig({ isDark, isDesktop, locale, labelCallback }),
     ],
     dataset: {
       source: {