@oanda/labs-currency-strength-widget 1.0.136 → 1.0.137

package/CHANGELOG.md

@@ -3,6 +3,558 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.137 (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)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+
+
+## 1.0.108 (2024-04-04)
+
+
+
+## 1.0.107 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+**Note:** Version bump only for package @oanda/labs-currency-strength-widget
+
+
+
+
+
 ## 1.0.136 (2025-09-01)
 
 

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

@@ -27,6 +27,7 @@ const getOption = _ref => {
   return {
     animation: false,
     title: {
+      top: '0px',
       left: 'center',
       text: `${currency} vs`,
       textStyle: {

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","darkBarColors","lightBarColors","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","yLabelSize","animation","title","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","top","right","Y_LABEL_SIZE","bottom","X_LABEL_SIZE","graphic","tooltip","trigger","formatter","_ref2","marker","value","tooltipFormatter","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero","exports"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","darkBarColors","lightBarColors","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","yLabelSize","animation","title","top","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","right","Y_LABEL_SIZE","bottom","X_LABEL_SIZE","graphic","tooltip","trigger","formatter","_ref2","marker","value","tooltipFormatter","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero","exports"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      top: '0px',\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -21,6 +21,7 @@ export const getOption = _ref => {
   return {
     animation: false,
     title: {
+      top: '0px',
       left: 'center',
       text: `${currency} vs`,
       textStyle: {

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["getGridLines","CHART_HEIGHT","CHART_WIDTH","darkBarColors","lightBarColors","X_LABEL_SIZE","Y_LABEL_SIZE","tooltipFormatter","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","animation","title","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","top","right","bottom","graphic","tooltip","trigger","formatter","_ref2","marker","value","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["getGridLines","CHART_HEIGHT","CHART_WIDTH","darkBarColors","lightBarColors","X_LABEL_SIZE","Y_LABEL_SIZE","tooltipFormatter","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","animation","title","top","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","right","bottom","graphic","tooltip","trigger","formatter","_ref2","marker","value","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      top: '0px',\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/types/CurrencyStrengthWidget/components/Chart/getOption.d.ts

@@ -2,6 +2,7 @@ import type { GetOptionProps } from './types';
 export declare const getOption: ({ values, currency, isDark, lang, }: GetOptionProps) => {
     animation: boolean;
     title: {
+        top: string;
         left: string;
         text: string;
         textStyle: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-currency-strength-widget",
-  "version": "1.0.136",
+  "version": "1.0.137",
   "description": "Labs Currency Strength Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,10 +12,10 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.218",
+    "@oanda/labs-widget-common": "^1.0.219",
     "@oanda/mono-i18n": "10.0.1",
-    "echarts": "5.5.0",
-    "echarts-for-react": "3.0.2",
+    "echarts": "6.0.0",
+    "echarts-for-react": "3.0.4",
     "graphql": "16.8.1"
   },
   "devDependencies": {
@@ -23,5 +23,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "7a07df3d3cadc0733696bb4579b520fe54eacee0"
+  "gitHead": "39a4ba7320ad2596a931ebc3b19cda09da14f9de"
 }

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

@@ -32,6 +32,7 @@ export const getOption = ({
   return {
     animation: false,
     title: {
+      top: '0px',
       left: 'center',
       text: `${currency} vs`,
       textStyle: {