@oanda/labs-value-at-risk-widget 1.0.144 → 1.0.145

package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Size","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","AxisPointerComponent","DatasetComponent","GraphicComponent","GridSimpleComponent","MarkLineComponent","MarkPointComponent","TitleComponent","VisualMapComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","lang","isDark","size","isDesktop","DESKTOP","createElement","chartHeight","option"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  AxisPointerComponent,\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  VisualMapComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TitleComponent,\n  LineChart,\n  CanvasRenderer,\n  DatasetComponent,\n  VisualMapComponent,\n  CustomChart,\n  MarkLineComponent,\n  MarkPointComponent,\n  AxisPointerComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, isDark, isDesktop)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,IAAI,EACJC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,kBAAkB,QACb,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCJ,OAAO,CAACK,GAAG,CAAC,CACVV,mBAAmB,EACnBD,gBAAgB,EAChBI,cAAc,EACdP,SAAS,EACTU,cAAc,EACdR,gBAAgB,EAChBM,kBAAkB,EAClBT,WAAW,EACXM,iBAAiB,EACjBC,kBAAkB,EAClBL,oBAAoB,CACrB,CAAC;AAEFQ,OAAO,CAACM,aAAa,CAAC,YAAY,EAAErB,aAAa,CAACE,KAAK,CAACoB,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAErB,aAAa,CAACE,KAAK,CAACqB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EACnC,MAAM;IAAEE;EAAK,CAAC,GAAGvB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEwB,MAAM;IAAEC;EAAK,CAAC,GAAG1B,iBAAiB,CAAC,CAAC;EAC5C,MAAM2B,SAAS,GAAGD,IAAI,KAAK5B,IAAI,CAAC8B,OAAO;EAEvC,OACEd,KAAA,CAAAe,aAAA,CAACjC,SAAS;IACRkC,WAAW,EAAEf,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBa,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAEf,SAAS,CAACO,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEE,SAAS;EAAE,CACpD,CAAC;AAEN,CAAC;AAED,SAASN,KAAK","ignoreList":[]}
+{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","use","GridSimpleComponent","GraphicComponent","TitleComponent","LineChart","CanvasRenderer","DatasetComponent","VisualMapComponent","CustomChart","MarkLineComponent","MarkPointComponent","AxisPointerComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  AxisPointerComponent,\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  VisualMapComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TitleComponent,\n  LineChart,\n  CanvasRenderer,\n  DatasetComponent,\n  VisualMapComponent,\n  CustomChart,\n  MarkLineComponent,\n  MarkPointComponent,\n  AxisPointerComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, isDark, isDesktop)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Chart/constants.js

@@ -1,7 +1,13 @@
-export const X_LABEL_SIZE = 50;
-export const Y_LABEL_SIZE_MOBILE = 46;
-export const Y_LABEL_SIZE_DESKTOP = 60;
-export const CHART_WIDTH = 9999;
-export const CHART_HEIGHT = 460;
-export const TITLE_HEIGHT = 44;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.TITLE_HEIGHT = exports.CHART_WIDTH = exports.CHART_HEIGHT = void 0;
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 50;
+const Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_MOBILE = 46;
+const Y_LABEL_SIZE_DESKTOP = exports.Y_LABEL_SIZE_DESKTOP = 60;
+const CHART_WIDTH = exports.CHART_WIDTH = 9999;
+const CHART_HEIGHT = exports.CHART_HEIGHT = 460;
+const TITLE_HEIGHT = exports.TITLE_HEIGHT = 44;
 //# sourceMappingURL=constants.js.map

package/dist/module/ValueAtRiskWidget/components/Chart/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["X_LABEL_SIZE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","TITLE_HEIGHT"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/constants.tsx"],"sourcesContent":["export const X_LABEL_SIZE = 50;\nexport const Y_LABEL_SIZE_MOBILE = 46;\nexport const Y_LABEL_SIZE_DESKTOP = 60;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 460;\nexport const TITLE_HEIGHT = 44;\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,YAAY,GAAG,EAAE","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["X_LABEL_SIZE","exports","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","TITLE_HEIGHT"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/constants.tsx"],"sourcesContent":["export const X_LABEL_SIZE = 50;\nexport const Y_LABEL_SIZE_MOBILE = 46;\nexport const Y_LABEL_SIZE_DESKTOP = 60;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 460;\nexport const TITLE_HEIGHT = 44;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,EAAE;AAC9B,MAAMC,oBAAoB,GAAAF,OAAA,CAAAE,oBAAA,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,GAAG;AACxB,MAAMC,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,EAAE","ignoreList":[]}

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

@@ -1,15 +1,21 @@
-import { colorPalette, getGridLines, getLineCommons, Theme, themeColors } from '@oanda/labs-widget-common';
-import { CHART_HEIGHT, CHART_WIDTH, TITLE_HEIGHT, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE } from './constants';
-import { getPercentValueByPips } from './getPercentValueByPips';
-export const getOption = (values, lang, isDark, isDesktop) => {
-  const theme = isDark ? Theme.Dark : Theme.Light;
-  const gridLines = getGridLines({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOption = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _constants = require("./constants");
+var _getPercentValueByPips = require("./getPercentValueByPips");
+const getOption = (values, lang, isDark, isDesktop) => {
+  const theme = isDark ? _labsWidgetCommon.Theme.Dark : _labsWidgetCommon.Theme.Light;
+  const gridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,
-    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,
-    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
+    xLabelsSize: _constants.X_LABEL_SIZE - _constants.Y_LABEL_SIZE_DESKTOP,
+    yLabelSize: isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE,
+    yLabelMarinTop: isDesktop ? 0 : _constants.TITLE_HEIGHT
   });
   const {
     down,
@@ -104,31 +110,31 @@ export const getOption = (values, lang, isDark, isDesktop) => {
       dimension: 0,
       pieces: [{
         lt: down.average,
-        color: isDark ? colorPalette.orange : colorPalette.raspberryLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
         colorAlpha: 0.5
       }, {
         gte: down.average,
         lt: down.median,
-        color: isDark ? colorPalette.orange : colorPalette.raspberryLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
         colorAlpha: 0.6
       }, {
         gte: down.median,
         lt: maxDown,
-        color: isDark ? colorPalette.orange : colorPalette.raspberryLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.orange : _labsWidgetCommon.colorPalette.raspberryLight,
         colorAlpha: 0.75
       }, {
         gte: minUp,
         lt: up.median,
-        color: isDark ? colorPalette.bottleGreenDark : colorPalette.greenLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.greenLight,
         colorAlpha: 0.75
       }, {
         gte: up.median,
         lt: up.average,
-        color: isDark ? colorPalette.bottleGreenDark : colorPalette.greenLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.greenLight,
         colorAlpha: 0.6
       }, {
         gte: up.average,
-        color: isDark ? colorPalette.bottleGreenDark : colorPalette.greenLight,
+        color: isDark ? _labsWidgetCommon.colorPalette.bottleGreenDark : _labsWidgetCommon.colorPalette.greenLight,
         colorAlpha: 0.5
       }]
     },
@@ -154,7 +160,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
           show: false
         },
         lineStyle: {
-          color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,
+          color: isDark ? _labsWidgetCommon.colorPalette.white : _labsWidgetCommon.colorPalette.bottleGreenDark,
           width: 1
         },
         data: [{
@@ -176,7 +182,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
           xAxis: down.max,
           lineStyle: {
             type: 'solid',
-            color: themeColors.borderPrimary[theme]
+            color: _labsWidgetCommon.themeColors.borderPrimary[theme]
           }
         }, {
           xAxis: up.median,
@@ -197,7 +203,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
           xAxis: up.max,
           lineStyle: {
             type: 'solid',
-            color: themeColors.borderPrimary[theme]
+            color: _labsWidgetCommon.themeColors.borderPrimary[theme]
           }
         }]
       },
@@ -206,7 +212,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
         silent: true,
         itemStyle: {
           borderWidth: 1,
-          borderColor: colorPalette.white
+          borderColor: _labsWidgetCommon.colorPalette.white
         },
         label: {
           show: false
@@ -214,78 +220,79 @@ export const getOption = (values, lang, isDark, isDesktop) => {
         data: [{
           name: 'Mark point Down average',
           xAxis: down.average,
-          yAxis: getPercentValueByPips(down.average, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(down.average, points),
           symbol: 'circle',
           symbolSize: 9,
           itemStyle: {
-            color: colorPalette.gold
+            color: _labsWidgetCommon.colorPalette.gold
           }
         }, {
           name: 'Mark point Down median',
           xAxis: down.median,
-          yAxis: getPercentValueByPips(down.median, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(down.median, points),
           symbol: 'circle',
           symbolSize: 9,
           itemStyle: {
-            color: colorPalette.turquoiseLight
+            color: _labsWidgetCommon.colorPalette.turquoiseLight
           }
         }, {
           name: 'Mark point Down threshold',
           xAxis: down.threshold,
-          yAxis: getPercentValueByPips(down.threshold, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(down.threshold, points),
           symbol: 'circle',
           symbolSize: 9,
           itemStyle: {
-            color: colorPalette.violetLight
+            color: _labsWidgetCommon.colorPalette.violetLight
           }
         }, {
           name: 'Mark point up average',
           xAxis: up.average,
-          yAxis: getPercentValueByPips(up.average, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(up.average, points),
           symbol: 'rectangle',
           symbolSize: 8,
           itemStyle: {
-            color: colorPalette.gold
+            color: _labsWidgetCommon.colorPalette.gold
           }
         }, {
           name: 'Mark point up median',
           xAxis: up.median,
-          yAxis: getPercentValueByPips(up.median, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(up.median, points),
           symbol: 'rectangle',
           symbolSize: 8,
           itemStyle: {
-            color: colorPalette.turquoiseLight
+            color: _labsWidgetCommon.colorPalette.turquoiseLight
           }
         }, {
           name: 'Mark point up threshold',
           xAxis: up.threshold,
-          yAxis: getPercentValueByPips(up.threshold, points),
+          yAxis: (0, _getPercentValueByPips.getPercentValueByPips)(up.threshold, points),
           symbol: 'rectangle',
           symbolSize: 8,
           itemStyle: {
-            color: colorPalette.violetLight
+            color: _labsWidgetCommon.colorPalette.violetLight
           }
         }]
       }
     }],
     grid: [{
       name: 'main-grid',
-      top: `${TITLE_HEIGHT}px`,
+      top: `${_constants.TITLE_HEIGHT}px`,
       left: '0px',
-      right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: `${isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
     }],
     graphic: [...gridLines, {
-      ...getLineCommons(isDark),
-      top: TITLE_HEIGHT - 2,
+      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
+      top: _constants.TITLE_HEIGHT - 2,
       right: -2,
       shape: {
         x1: 0,
         y1: 0,
-        x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,
+        x2: isDesktop ? 0 : _constants.Y_LABEL_SIZE_MOBILE,
         y2: 0
       }
     }]
   };
 };
+exports.getOption = getOption;
 //# sourceMappingURL=getOption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","Theme","themeColors","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Dark","Light","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Theme","Dark","Light","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","themeColors","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Chart/getPercentValueByPips.js

@@ -1,4 +1,10 @@
-export const getPercentValueByPips = (x, val) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPercentValueByPips = void 0;
+const getPercentValueByPips = (x, val) => {
   const index = val.findIndex(item => item[0] > x);
   if (index <= 0 || index >= val.length) {
     return undefined;
@@ -7,4 +13,5 @@ export const getPercentValueByPips = (x, val) => {
   const [x1, y1] = val[index];
   return y0 + (y1 - y0) / (x1 - x0) * (x - x0);
 };
+exports.getPercentValueByPips = getPercentValueByPips;
 //# sourceMappingURL=getPercentValueByPips.js.map

package/dist/module/ValueAtRiskWidget/components/Chart/getPercentValueByPips.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPercentValueByPips.js","names":["getPercentValueByPips","x","val","index","findIndex","item","length","undefined","x0","y0","x1","y1"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getPercentValueByPips.ts"],"sourcesContent":["export const getPercentValueByPips = (x: number, val: number[][]) => {\n  const index = val.findIndex((item) => item[0] > x);\n\n  if (index <= 0 || index >= val.length) {\n    return undefined;\n  }\n\n  const [x0, y0] = val[index - 1];\n  const [x1, y1] = val[index];\n\n  return y0 + ((y1 - y0) / (x1 - x0)) * (x - x0);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,GAAGA,CAACC,CAAS,EAAEC,GAAe,KAAK;EACnE,MAAMC,KAAK,GAAGD,GAAG,CAACE,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,GAAGJ,CAAC,CAAC;EAElD,IAAIE,KAAK,IAAI,CAAC,IAAIA,KAAK,IAAID,GAAG,CAACI,MAAM,EAAE;IACrC,OAAOC,SAAS;EAClB;EAEA,MAAM,CAACC,EAAE,EAAEC,EAAE,CAAC,GAAGP,GAAG,CAACC,KAAK,GAAG,CAAC,CAAC;EAC/B,MAAM,CAACO,EAAE,EAAEC,EAAE,CAAC,GAAGT,GAAG,CAACC,KAAK,CAAC;EAE3B,OAAOM,EAAE,GAAI,CAACE,EAAE,GAAGF,EAAE,KAAKC,EAAE,GAAGF,EAAE,CAAC,IAAKP,CAAC,GAAGO,EAAE,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"file":"getPercentValueByPips.js","names":["getPercentValueByPips","x","val","index","findIndex","item","length","undefined","x0","y0","x1","y1","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getPercentValueByPips.ts"],"sourcesContent":["export const getPercentValueByPips = (x: number, val: number[][]) => {\n  const index = val.findIndex((item) => item[0] > x);\n\n  if (index <= 0 || index >= val.length) {\n    return undefined;\n  }\n\n  const [x0, y0] = val[index - 1];\n  const [x1, y1] = val[index];\n\n  return y0 + ((y1 - y0) / (x1 - x0)) * (x - x0);\n};\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAGA,CAACC,CAAS,EAAEC,GAAe,KAAK;EACnE,MAAMC,KAAK,GAAGD,GAAG,CAACE,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,GAAGJ,CAAC,CAAC;EAElD,IAAIE,KAAK,IAAI,CAAC,IAAIA,KAAK,IAAID,GAAG,CAACI,MAAM,EAAE;IACrC,OAAOC,SAAS;EAClB;EAEA,MAAM,CAACC,EAAE,EAAEC,EAAE,CAAC,GAAGP,GAAG,CAACC,KAAK,GAAG,CAAC,CAAC;EAC/B,MAAM,CAACO,EAAE,EAAEC,EAAE,CAAC,GAAGT,GAAG,CAACC,KAAK,CAAC;EAE3B,OAAOM,EAAE,GAAI,CAACE,EAAE,GAAGF,EAAE,KAAKC,EAAE,GAAGF,EAAE,CAAC,IAAKP,CAAC,GAAGO,EAAE,CAAC;AAChD,CAAC;AAACI,OAAA,CAAAZ,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Chart/index.js

@@ -1,2 +1,17 @@
-export * from './Chart';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Chart = require("./Chart");
+Object.keys(_Chart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Chart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Chart[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/module/ValueAtRiskWidget/components/Chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Chart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Chart/types.js

@@ -1,2 +1,6 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js

@@ -1,20 +1,27 @@
-import { colorPalette } from '@oanda/labs-widget-common';
-import React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DashedLine = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DashedLine = _ref => {
   let {
     strokeDasharray,
     width = '30',
     isDark
   } = _ref;
-  return React.createElement("svg", {
+  return _react.default.createElement("svg", {
     className: "lw-inline",
     fill: "none",
     height: "2",
     viewBox: `0 0 ${width} 2`,
     width: width,
     xmlns: "http://www.w3.org/2000/svg"
-  }, React.createElement("line", {
-    stroke: isDark ? colorPalette.white : colorPalette.bottleGreenDark,
+  }, _react.default.createElement("line", {
+    stroke: isDark ? _labsWidgetCommon.colorPalette.white : _labsWidgetCommon.colorPalette.bottleGreenDark,
     strokeDasharray: strokeDasharray,
     x1: "0",
     x2: width,
@@ -22,5 +29,5 @@ const DashedLine = _ref => {
     y2: "1"
   }));
 };
-export { DashedLine };
+exports.DashedLine = DashedLine;
 //# sourceMappingURL=DashedLine.js.map

package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashedLine.js","names":["colorPalette","React","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","xmlns","stroke","white","bottleGreenDark","x1","x2","y1","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DashedLineProps } from './types';\n\nconst DashedLine = ({\n  strokeDasharray,\n  width = '30',\n  isDark,\n}: DashedLineProps) => (\n  <svg\n    className=\"lw-inline\"\n    fill=\"none\"\n    height=\"2\"\n    viewBox={`0 0 ${width} 2`}\n    width={width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line\n      stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n      strokeDasharray={strokeDasharray}\n      x1=\"0\"\n      x2={width}\n      y1=\"1\"\n      y2=\"1\"\n    />\n  </svg>\n);\n\nexport { DashedLine };\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBF,KAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,GAAG;IACVC,OAAO,EAAE,OAAON,KAAK,IAAK;IAC1BA,KAAK,EAAEA,KAAM;IACbO,KAAK,EAAC;EAA4B,GAElCX,KAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGN,YAAY,CAACc,KAAK,GAAGd,YAAY,CAACe,eAAgB;IACnEX,eAAe,EAAEA,eAAgB;IACjCY,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEZ,KAAM;IACVa,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAED,SAASjB,UAAU","ignoreList":[]}
+{"version":3,"file":"DashedLine.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","e","__esModule","default","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","xmlns","stroke","colorPalette","white","bottleGreenDark","x1","x2","y1","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DashedLineProps } from './types';\n\nconst DashedLine = ({\n  strokeDasharray,\n  width = '30',\n  isDark,\n}: DashedLineProps) => (\n  <svg\n    className=\"lw-inline\"\n    fill=\"none\"\n    height=\"2\"\n    viewBox={`0 0 ${width} 2`}\n    width={width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line\n      stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n      strokeDasharray={strokeDasharray}\n      x1=\"0\"\n      x2={width}\n      y1=\"1\"\n      y2=\"1\"\n    />\n  </svg>\n);\n\nexport { DashedLine };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBN,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,GAAG;IACVC,OAAO,EAAE,OAAON,KAAK,IAAK;IAC1BA,KAAK,EAAEA,KAAM;IACbO,KAAK,EAAC;EAA4B,GAElCf,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGQ,8BAAY,CAACC,KAAK,GAAGD,8BAAY,CAACE,eAAgB;IACnEZ,eAAe,EAAEA,eAAgB;IACjCa,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEb,KAAM;IACVc,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAACC,OAAA,CAAAnB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js

@@ -1,41 +1,48 @@
-import classnames from 'classnames';
-import React from 'react';
-import { lineTypes } from './constants';
-import { DashedLine } from './DashedLine';
-import { DataNames } from './types';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesktopLegend = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants");
+var _DashedLine = require("./DashedLine");
+var _types = require("./types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DesktopLegend = _ref => {
   let {
     data,
     lang,
     isDark
   } = _ref;
-  return React.createElement("div", {
-    className: classnames('lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs', {
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs', {
       'lw-left-[6px]': data[0].value < 0,
       'lw-right-[66px]': data[0].value > 0,
       'lw-bg-border-primary': isDark,
       'lw-bg-bg-primary lw-shadow': !isDark
     })
-  }, data.map(item => React.createElement("div", {
+  }, data.map(item => _react.default.createElement("div", {
     key: item.id,
-    className: classnames('lw-flex lw-items-center', {
-      '[&_line]:lw-stroke-border-disabled': item.id === DataNames.MAX || item.id === DataNames.MIN
+    className: (0, _classnames.default)('lw-flex lw-items-center', {
+      '[&_line]:lw-stroke-border-disabled': item.id === _types.DataNames.MAX || item.id === _types.DataNames.MIN
     })
-  }, React.createElement(DashedLine, {
+  }, _react.default.createElement(_DashedLine.DashedLine, {
     isDark: isDark,
-    strokeDasharray: lineTypes[item.id]
-  }), item.id !== DataNames.MAX && item.id !== DataNames.MIN && React.createElement("div", {
-    className: classnames('lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold', {
+    strokeDasharray: _constants.lineTypes[item.id]
+  }), item.id !== _types.DataNames.MAX && item.id !== _types.DataNames.MIN && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold', {
       'lw-rounded-full': item.value < 0,
-      'lw-bg-gold': item.id === DataNames.AVERAGE,
-      'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,
-      'lw-bg-violet-light': item.id === DataNames.THRESHOLD
+      'lw-bg-gold': item.id === _types.DataNames.AVERAGE,
+      'lw-bg-turquoise-light': item.id === _types.DataNames.MEDIAN,
+      'lw-bg-violet-light': item.id === _types.DataNames.THRESHOLD
     })
-  }), React.createElement("span", {
+  }), _react.default.createElement("span", {
     className: "lw-px-2"
-  }, `${item.label}:`), React.createElement("span", {
+  }, `${item.label}:`), _react.default.createElement("span", {
     className: "lw-grow lw-text-right"
   }, `${item.value.toFixed()} ${lang('pips')}`))));
 };
-export { DesktopLegend };
+exports.DesktopLegend = DesktopLegend;
 //# sourceMappingURL=DesktopLegend.js.map

package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopLegend.js","names":["classnames","React","lineTypes","DashedLine","DataNames","DesktopLegend","_ref","data","lang","isDark","createElement","className","value","map","item","key","id","MAX","MIN","strokeDasharray","AVERAGE","MEDIAN","THRESHOLD","label","toFixed"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { DesktopLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n  <div\n    className={classnames(\n      'lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs',\n      {\n        'lw-left-[6px]': data[0].value < 0,\n        'lw-right-[66px]': data[0].value > 0,\n        'lw-bg-border-primary': isDark,\n        'lw-bg-bg-primary lw-shadow': !isDark,\n      }\n    )}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <DashedLine isDark={isDark} strokeDasharray={lineTypes[item.id]} />\n        {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n          <div\n            className={classnames(\n              'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n              {\n                'lw-rounded-full': item.value < 0,\n                'lw-bg-gold': item.id === DataNames.AVERAGE,\n                'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n              }\n            )}\n          />\n        )}\n        <span className=\"lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-grow lw-text-right\">\n          {`${item.value.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { DesktopLegend };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DL,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,6EAA6E,EAC7E;MACE,eAAe,EAAEO,IAAI,CAAC,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEH,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CACF;EAAE,GAEDF,IAAI,CAACM,GAAG,CAAEC,IAAI,IACbb,KAAA,CAAAS,aAAA;IACEK,GAAG,EAAED,IAAI,CAACE,EAAG;IACbL,SAAS,EAAEX,UAAU,CAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAClCc,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACa,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACc;IACvD,CAAC;EAAE,GAEHjB,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACM,MAAM,EAAEA,MAAO;IAACU,eAAe,EAAEjB,SAAS,CAACY,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACa,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACc,GAAG,IACrDjB,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,+EAA+E,EAC/E;MACE,iBAAiB,EAAEc,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACgB,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACiB,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACkB;IAC9C,CACF;EAAE,CACH,CACF,EACDrB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAS,GAAE,GAAGG,IAAI,CAACS,KAAK,GAAU,CAAC,EACnDtB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAuB,GACpC,GAAGG,IAAI,CAACF,KAAK,CAACY,OAAO,CAAC,CAAC,IAAIhB,IAAI,CAAC,MAAM,CAAC,EACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAED,SAASH,aAAa","ignoreList":[]}
+{"version":3,"file":"DesktopLegend.js","names":["_classnames","_interopRequireDefault","require","_react","_constants","_DashedLine","_types","e","__esModule","default","DesktopLegend","_ref","data","lang","isDark","createElement","className","classnames","value","map","item","key","id","DataNames","MAX","MIN","DashedLine","strokeDasharray","lineTypes","AVERAGE","MEDIAN","THRESHOLD","label","toFixed","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { DesktopLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n  <div\n    className={classnames(\n      'lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs',\n      {\n        'lw-left-[6px]': data[0].value < 0,\n        'lw-right-[66px]': data[0].value > 0,\n        'lw-bg-border-primary': isDark,\n        'lw-bg-bg-primary lw-shadow': !isDark,\n      }\n    )}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <DashedLine isDark={isDark} strokeDasharray={lineTypes[item.id]} />\n        {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n          <div\n            className={classnames(\n              'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n              {\n                'lw-rounded-full': item.value < 0,\n                'lw-bg-gold': item.id === DataNames.AVERAGE,\n                'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n              }\n            )}\n          />\n        )}\n        <span className=\"lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-grow lw-text-right\">\n          {`${item.value.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { DesktopLegend };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DR,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,eAAe,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEN,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEJ,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CACF;EAAE,GAEDF,IAAI,CAACO,GAAG,CAAEC,IAAI,IACbjB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEM,GAAG,EAAED,IAAI,CAACE,EAAG;IACbN,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAClCG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IACvD,CAAC;EAAE,GAEHtB,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAqB,UAAU;IAACZ,MAAM,EAAEA,MAAO;IAACa,eAAe,EAAEC,oBAAS,CAACR,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDtB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+EAA+E,EAC/E;MACE,iBAAiB,EAAEG,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACM,OAAO;MAC3C,uBAAuB,EAAET,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACO,MAAM;MACrD,oBAAoB,EAAEV,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACQ;IAC9C,CACF;EAAE,CACH,CACF,EACD5B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAS,GAAE,GAAGI,IAAI,CAACY,KAAK,GAAU,CAAC,EACnD7B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAuB,GACpC,GAAGI,IAAI,CAACF,KAAK,CAACe,OAAO,CAAC,CAAC,IAAIpB,IAAI,CAAC,MAAM,CAAC,EACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAACqB,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}