@oanda/labs-order-book-widget 1.0.60 → 1.0.62

package/CHANGELOG.md

@@ -3,6 +3,474 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.62 (2024-01-10)
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-order-book-widget
+
+
+
+
+
 ## 1.0.60 (2024-01-05)
 
 

package/dist/main/OrderBookWidget/components/Chart/Chart.js

@@ -9,12 +9,13 @@ var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 var _getOptions = require("./getOptions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Chart = _ref => {
+  var _data$orderPositionBo, _data$orderPositionBo2, _data$orderPositionBo3;
   let {
     data
   } = _ref;
-  const buckets = data.orderPositionBooks[0]?.buckets || [];
-  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;
-  const price = data.orderPositionBooks[0]?.price;
+  const buckets = ((_data$orderPositionBo = data.orderPositionBooks[0]) === null || _data$orderPositionBo === void 0 ? void 0 : _data$orderPositionBo.buckets) || [];
+  const bucketWidth = (_data$orderPositionBo2 = data.orderPositionBooks[0]) === null || _data$orderPositionBo2 === void 0 ? void 0 : _data$orderPositionBo2.bucketWidth;
+  const price = (_data$orderPositionBo3 = data.orderPositionBooks[0]) === null || _data$orderPositionBo3 === void 0 ? void 0 : _data$orderPositionBo3.price;
   const chartData = buckets.map(item => [item.price, Number(item.longCountPercent), Number(item.shortCountPercent) * -1]);
   return _react.default.createElement("div", {
     className: "lw-relative lw-w-full"

package/dist/main/OrderBookWidget/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_getOptions","obj","__esModule","default","Chart","_ref","data","buckets","orderPositionBooks","bucketWidth","price","chartData","map","item","Number","longCountPercent","shortCountPercent","createElement","className","style","height","width","option","getOptions","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { getOptions } from './getOptions';\nimport { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\ninterface ChartProps {\n  data: GetOrderPositionBooksQuery;\n}\n\nexport const Chart = ({ data }: ChartProps) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;\n  const price = data.orderPositionBooks[0]?.price;\n\n  const chartData = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {price && bucketWidth && (\n          <ReactEcharts\n            style={{\n              height: '600px',\n              width: '100%',\n            }}\n            option={getOptions({ data: chartData, price, bucketWidth })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA0C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOnC,MAAMG,KAAK,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC;EAAiB,CAAC,GAAAD,IAAA;EACxC,MAAME,OAAO,GAAGD,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAED,OAAO,IAAI,EAAE;EACzD,MAAME,WAAW,GAAGH,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAEC,WAAW;EAC3D,MAAMC,KAAK,GAAGJ,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAEE,KAAK;EAE/C,MAAMC,SAAS,GAAGJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAM,CACvCA,IAAI,CAAEH,KAAK,EACXI,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,OACEpB,MAAA,CAAAO,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAuB,GACpCtB,MAAA,CAAAO,OAAA,CAAAc,aAAA,cACGP,KAAK,IAAID,WAAW,IACnBb,MAAA,CAAAO,OAAA,CAAAc,aAAA,CAAClB,gBAAA,CAAAI,OAAY;IACXgB,KAAK,EAAE;MACLC,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE;IACT,CAAE;IACFC,MAAM,EAAE,IAAAC,sBAAU,EAAC;MAAEjB,IAAI,EAAEK,SAAS;MAAED,KAAK;MAAED;IAAY,CAAC;EAAE,CAC7D,CAEA,CACF,CAAC;AAEV,CAAC;AAACe,OAAA,CAAApB,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"Chart.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_getOptions","obj","__esModule","default","Chart","_ref","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","buckets","orderPositionBooks","bucketWidth","price","chartData","map","item","Number","longCountPercent","shortCountPercent","createElement","className","style","height","width","option","getOptions","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { getOptions } from './getOptions';\nimport { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\ninterface ChartProps {\n  data: GetOrderPositionBooksQuery;\n}\n\nexport const Chart = ({ data }: ChartProps) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;\n  const price = data.orderPositionBooks[0]?.price;\n\n  const chartData = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {price && bucketWidth && (\n          <ReactEcharts\n            style={{\n              height: '600px',\n              width: '100%',\n            }}\n            option={getOptions({ data: chartData, price, bucketWidth })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA0C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOnC,MAAMG,KAAK,GAAGC,IAAA,IAA0B;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,IAAzB;IAAEC;EAAiB,CAAC,GAAAJ,IAAA;EACxC,MAAMK,OAAO,GAAG,EAAAJ,qBAAA,GAAAG,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAL,qBAAA,uBAA1BA,qBAAA,CAA4BI,OAAO,KAAI,EAAE;EACzD,MAAME,WAAW,IAAAL,sBAAA,GAAGE,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BK,WAAW;EAC3D,MAAMC,KAAK,IAAAL,sBAAA,GAAGC,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAH,sBAAA,uBAA1BA,sBAAA,CAA4BK,KAAK;EAE/C,MAAMC,SAAS,GAAGJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAM,CACvCA,IAAI,CAAEH,KAAK,EACXI,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,OACEvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAuB,GACpCzB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,cACGP,KAAK,IAAID,WAAW,IACnBhB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,gBAAA,CAAAI,OAAY;IACXmB,KAAK,EAAE;MACLC,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE;IACT,CAAE;IACFC,MAAM,EAAE,IAAAC,sBAAU,EAAC;MAAEjB,IAAI,EAAEK,SAAS;MAAED,KAAK;MAAED;IAAY,CAAC;EAAE,CAC7D,CAEA,CACF,CAAC;AAEV,CAAC;AAACe,OAAA,CAAAvB,KAAA,GAAAA,KAAA"}

package/dist/main/OrderBookWidget/components/Chart/getOptions.js

@@ -107,7 +107,7 @@ const getOptions = _ref => {
       textStyle: {},
       formatter: params => {
         const values = params[0].data;
-        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;
+        return "Price: ".concat(values[0], "<br />Buy: ").concat(values[1], "%<br/>Sell: ").concat(Math.abs(values[2]), "%");
       },
       axisPointer: {
         axis: 'y'
@@ -216,7 +216,7 @@ const getOptions = _ref => {
             padding: [0, 0, 16, 0]
           }
         },
-        formatter: (value, index) => index ? `${value}` : `{a|${value}}`
+        formatter: (value, index) => index ? "".concat(value) : "{a|".concat(value, "}")
       }
     },
     xAxis: {
@@ -236,7 +236,7 @@ const getOptions = _ref => {
         padding: [7, 0, 0, 0],
         showMinLabel: false,
         showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : `${Math.abs(value)}%`
+        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
       }
     },
     series: [{

package/dist/main/OrderBookWidget/components/Chart/getOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOptions.js","names":["_labsWidgetCommon","require","_constants","getOptions","_ref","data","price","bucketWidth","toolbox","itemSize","itemGap","bottom","right","showTitle","iconStyle","borderColor","emphasis","tooltip","show","backgroundColor","formatter","val","title","position","confine","textStyle","color","feature","myZoomIn","icon","chartSharedOptions","icons","zoomInIcon","onclick","model","instance","startValue","endValue","option","dataZoom","halfZoomValue","ZOOM_BARS","dispatchAction","type","myZoomOut","zoomOutIcon","myResetZoom","resetZoomIcon","INITIAL_BARS","realtime","yAxisIndex","dataset","source","trigger","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","params","values","Math","abs","axisPointer","axis","grid","top","left","width","height","graphic","silent","children","z","shape","style","fill","text","yAxis","axisLine","axisTick","splitLine","lineStyle","axisLabel","padding","rich","a","value","index","xAxis","min","max","showMinLabel","showMaxLabel","series","encode","x","y","itemStyle","renderItem","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","markLine","animation","precision","symbol","symbolRotate","symbolSize","label","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOptions.ts"],"sourcesContent":["import { EChartsOption, Model, EChartsType } from 'echarts';\nimport { chartSharedOptions } from '@oanda/labs-widget-common';\nimport { ZOOM_BARS, INITIAL_BARS } from './constants';\n\nexport const getOptions = (\n  {\n    data,\n    price,\n    bucketWidth,\n  } :\n  {\n    data: number[][],\n    price: number,\n    bucketWidth: number\n  },\n): EChartsOption => (\n  {\n    toolbox: {\n      itemSize: 18,\n      itemGap: 14,\n      bottom: 6,\n      right: 6,\n      showTitle: false,\n      iconStyle: {\n        borderColor: '#00214A',\n      },\n      emphasis: {\n        iconStyle: {\n          borderColor: '#008573',\n        },\n      },\n      tooltip: {\n        show: true,\n        backgroundColor: '#00214A',\n        formatter: (val) => val.title,\n        position: 'top',\n        confine: true,\n        textStyle: {\n          color: '#fff',\n        },\n      },\n      feature: {\n        myZoomIn: {\n          show: true,\n          title: 'Zoom in',\n          icon: chartSharedOptions.icons.zoomInIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with minimal step\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue + halfZoomValue,\n              endValue: endValue - halfZoomValue,\n            });\n          },\n        },\n        myZoomOut: {\n          show: true,\n          title: 'Zoom out',\n          icon: chartSharedOptions.icons.zoomOutIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with full chart range\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue - halfZoomValue,\n              endValue: endValue + halfZoomValue,\n            });\n          },\n        },\n        myResetZoom: {\n          show: true,\n          title: 'ResetZoom',\n          icon: chartSharedOptions.icons.resetZoomIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n              endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n            });\n          },\n        },\n      },\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n        endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n        yAxisIndex: 0,\n        // @todo\n        // minSpan: 2,\n      },\n    ],\n    dataset: {\n      source: data,\n    },\n    textStyle: {\n      // @todo, broken due dark mode\n      // ...chartSharedOptions.textStyle,\n    },\n    tooltip: {\n      trigger: 'axis',\n      borderRadius: 0,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      shadowColor: 'rgba(0,0,0,0.1)',\n      textStyle: {\n        // @todo, broken due dark mode\n        // ...chartSharedOptions.textStyle,\n      },\n      formatter: (params) => {\n        const values = (params as { data: number[] }[])[0].data;\n        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;\n      },\n      axisPointer: {\n        axis: 'y',\n      },\n    },\n    grid: [\n      {\n        top: '1px',\n        left: '1px',\n        right: '121px',\n        bottom: '41px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        bottom: '1px',\n        right: '1px',\n        width: '120px',\n        height: '40px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        top: '1px',\n        left: '1px',\n        right: '1px',\n        bottom: '1px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n    ],\n    graphic: [\n      {\n        type: 'group',\n        left: '8px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Sell',\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: '128px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Buy',\n            },\n          },\n        ],\n      },\n    ],\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [0, 0, 0, 10],\n        rich: {\n          a: {\n            padding: [0, 0, 16, 0],\n          },\n        },\n        // @todo add decimal places\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    xAxis: {\n      type: 'value',\n      // @todo\n      min: -1.1,\n      max: 1.1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [7, 0, 0, 0],\n        showMinLabel: false,\n        showMaxLabel: false,\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        itemStyle: {\n          color: '#00B89E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        markLine: {\n          animation: false,\n          silent: true,\n          // @todo confirm precision\n          precision: 4,\n          symbol: ['none', 'triangle'],\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: '#008573',\n            width: 1,\n          },\n          label: {\n            padding: [5, 15, 5, 15],\n            color: '#fff',\n            backgroundColor: '#008573',\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        itemStyle: {\n          color: '#E5226E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n    ],\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"getOptions.js","names":["_labsWidgetCommon","require","_constants","getOptions","_ref","data","price","bucketWidth","toolbox","itemSize","itemGap","bottom","right","showTitle","iconStyle","borderColor","emphasis","tooltip","show","backgroundColor","formatter","val","title","position","confine","textStyle","color","feature","myZoomIn","icon","chartSharedOptions","icons","zoomInIcon","onclick","model","instance","startValue","endValue","option","dataZoom","halfZoomValue","ZOOM_BARS","dispatchAction","type","myZoomOut","zoomOutIcon","myResetZoom","resetZoomIcon","INITIAL_BARS","realtime","yAxisIndex","dataset","source","trigger","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","params","values","concat","Math","abs","axisPointer","axis","grid","top","left","width","height","graphic","silent","children","z","shape","style","fill","text","yAxis","axisLine","axisTick","splitLine","lineStyle","axisLabel","padding","rich","a","value","index","xAxis","min","max","showMinLabel","showMaxLabel","series","encode","x","y","itemStyle","renderItem","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","markLine","animation","precision","symbol","symbolRotate","symbolSize","label","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOptions.ts"],"sourcesContent":["import { EChartsOption, Model, EChartsType } from 'echarts';\nimport { chartSharedOptions } from '@oanda/labs-widget-common';\nimport { ZOOM_BARS, INITIAL_BARS } from './constants';\n\nexport const getOptions = (\n  {\n    data,\n    price,\n    bucketWidth,\n  } :\n  {\n    data: number[][],\n    price: number,\n    bucketWidth: number\n  },\n): EChartsOption => (\n  {\n    toolbox: {\n      itemSize: 18,\n      itemGap: 14,\n      bottom: 6,\n      right: 6,\n      showTitle: false,\n      iconStyle: {\n        borderColor: '#00214A',\n      },\n      emphasis: {\n        iconStyle: {\n          borderColor: '#008573',\n        },\n      },\n      tooltip: {\n        show: true,\n        backgroundColor: '#00214A',\n        formatter: (val) => val.title,\n        position: 'top',\n        confine: true,\n        textStyle: {\n          color: '#fff',\n        },\n      },\n      feature: {\n        myZoomIn: {\n          show: true,\n          title: 'Zoom in',\n          icon: chartSharedOptions.icons.zoomInIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with minimal step\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue + halfZoomValue,\n              endValue: endValue - halfZoomValue,\n            });\n          },\n        },\n        myZoomOut: {\n          show: true,\n          title: 'Zoom out',\n          icon: chartSharedOptions.icons.zoomOutIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with full chart range\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue - halfZoomValue,\n              endValue: endValue + halfZoomValue,\n            });\n          },\n        },\n        myResetZoom: {\n          show: true,\n          title: 'ResetZoom',\n          icon: chartSharedOptions.icons.resetZoomIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n              endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n            });\n          },\n        },\n      },\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n        endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n        yAxisIndex: 0,\n        // @todo\n        // minSpan: 2,\n      },\n    ],\n    dataset: {\n      source: data,\n    },\n    textStyle: {\n      // @todo, broken due dark mode\n      // ...chartSharedOptions.textStyle,\n    },\n    tooltip: {\n      trigger: 'axis',\n      borderRadius: 0,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      shadowColor: 'rgba(0,0,0,0.1)',\n      textStyle: {\n        // @todo, broken due dark mode\n        // ...chartSharedOptions.textStyle,\n      },\n      formatter: (params) => {\n        const values = (params as { data: number[] }[])[0].data;\n        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;\n      },\n      axisPointer: {\n        axis: 'y',\n      },\n    },\n    grid: [\n      {\n        top: '1px',\n        left: '1px',\n        right: '121px',\n        bottom: '41px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        bottom: '1px',\n        right: '1px',\n        width: '120px',\n        height: '40px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        top: '1px',\n        left: '1px',\n        right: '1px',\n        bottom: '1px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n    ],\n    graphic: [\n      {\n        type: 'group',\n        left: '8px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Sell',\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: '128px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Buy',\n            },\n          },\n        ],\n      },\n    ],\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [0, 0, 0, 10],\n        rich: {\n          a: {\n            padding: [0, 0, 16, 0],\n          },\n        },\n        // @todo add decimal places\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    xAxis: {\n      type: 'value',\n      // @todo\n      min: -1.1,\n      max: 1.1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [7, 0, 0, 0],\n        showMinLabel: false,\n        showMaxLabel: false,\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        itemStyle: {\n          color: '#00B89E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        markLine: {\n          animation: false,\n          silent: true,\n          // @todo confirm precision\n          precision: 4,\n          symbol: ['none', 'triangle'],\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: '#008573',\n            width: 1,\n          },\n          label: {\n            padding: [5, 15, 5, 15],\n            color: '#fff',\n            backgroundColor: '#008573',\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        itemStyle: {\n          color: '#E5226E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n    ],\n  }\n);\n"],"mappings":"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"}

package/dist/main/gql/getOrderPositionBooks.js

@@ -5,21 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOrderPositionBooks = void 0;
 var _client = require("@apollo/client");
-const getOrderPositionBooks = exports.getOrderPositionBooks = (0, _client.gql)`
-  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {
-    orderPositionBooks(
-      instrument: $instrument
-      bookType: $bookType
-      recentHours: $recentHours
-    ) {
-      bucketWidth
-      price
-      buckets {
-        price
-        longCountPercent
-        shortCountPercent
-      }
-    }
-  }
-`;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const getOrderPositionBooks = exports.getOrderPositionBooks = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n"])));
 //# sourceMappingURL=getOrderPositionBooks.js.map

package/dist/main/gql/getOrderPositionBooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOrderPositionBooks.js","names":["_client","require","getOrderPositionBooks","exports","gql"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,WAAG,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}
+{"version":3,"file":"getOrderPositionBooks.js","names":["_client","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","getOrderPositionBooks","exports","gql"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAErC,MAAMM,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,OAAGE,WAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,iXAgBhC"}

package/dist/main/gql/types/fragment-masking.js

@@ -13,10 +13,11 @@ function makeFragmentData(data, _fragment) {
   return data;
 }
 function isFragmentReady(queryNode, fragmentNode, data) {
-  const deferredFields = queryNode.__meta__?.deferredFields;
+  var _meta__, _fragDef$name;
+  const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
   if (!deferredFields) return true;
   const fragDef = fragmentNode.definitions[0];
-  const fragName = fragDef?.name?.value;
+  const fragName = fragDef === null || fragDef === void 0 || (_fragDef$name = fragDef.name) === null || _fragDef$name === void 0 ? void 0 : _fragDef$name.value;
   const fields = fragName && deferredFields[fragName] || [];
   return fields.length > 0 && fields.every(field => data && field in data);
 }

package/dist/main/gql/types/fragment-masking.js.map

@@ -1 +1 @@
-{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":";;;;;;;;AAoCO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAC3C,MAAMK,cAAc,GAAIF,SAAS,CAAwEG,QAAQ,EAC7GD,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC1E"}
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","_meta__","_fragDef$name","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":";;;;;;;;AAoCO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAAA,IAAAK,OAAA,EAAAC,aAAA;EAC3C,MAAMC,cAAc,IAAAF,OAAA,GAAIF,SAAS,CAAwEK,QAAQ,cAAAH,OAAA,uBAA1FA,OAAA,CACnBE,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGL,YAAY,CAACM,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,aAAPA,OAAO,gBAAAH,aAAA,GAAPG,OAAO,CAAEG,IAAI,cAAAN,aAAA,uBAAbA,aAAA,CAAeO,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIjB,IAAI,IAAIiB,KAAK,IAAIjB,IAAI,CAAC;AAC1E"}

package/dist/main/gql/types/gql.js

@@ -11,6 +11,7 @@ const documents = {
   "\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n": types.GetOrderPositionBooksDocument
 };
 function graphql(source) {
-  return documents[source] ?? {};
+  var _source;
+  return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
 }
 //# sourceMappingURL=gql.js.map

package/dist/main/gql/types/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","documents","GetOrderPositionBooksDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\": types.GetOrderPositionBooksDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMY,SAAS,GAAG;EACd,2WAA2W,EAAExB,KAAK,CAACyB;AACvX,CAAC;AAqBM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQH,SAAS,CAASG,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC"}
+{"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","documents","GetOrderPositionBooksDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\": types.GetOrderPositionBooksDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMY,SAAS,GAAG;EACd,2WAA2W,EAAExB,KAAK,CAACyB;AACvX,CAAC;AAqBM,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQJ,SAAS,CAASG,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC"}

package/dist/module/OrderBookWidget/components/Chart/Chart.js

@@ -2,12 +2,13 @@ import React from 'react';
 import ReactEcharts from 'echarts-for-react';
 import { getOptions } from './getOptions';
 export const Chart = _ref => {
+  var _data$orderPositionBo, _data$orderPositionBo2, _data$orderPositionBo3;
   let {
     data
   } = _ref;
-  const buckets = data.orderPositionBooks[0]?.buckets || [];
-  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;
-  const price = data.orderPositionBooks[0]?.price;
+  const buckets = ((_data$orderPositionBo = data.orderPositionBooks[0]) === null || _data$orderPositionBo === void 0 ? void 0 : _data$orderPositionBo.buckets) || [];
+  const bucketWidth = (_data$orderPositionBo2 = data.orderPositionBooks[0]) === null || _data$orderPositionBo2 === void 0 ? void 0 : _data$orderPositionBo2.bucketWidth;
+  const price = (_data$orderPositionBo3 = data.orderPositionBooks[0]) === null || _data$orderPositionBo3 === void 0 ? void 0 : _data$orderPositionBo3.price;
   const chartData = buckets.map(item => [item.price, Number(item.longCountPercent), Number(item.shortCountPercent) * -1]);
   return React.createElement("div", {
     className: "lw-relative lw-w-full"

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["React","ReactEcharts","getOptions","Chart","_ref","data","buckets","orderPositionBooks","bucketWidth","price","chartData","map","item","Number","longCountPercent","shortCountPercent","createElement","className","style","height","width","option"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { getOptions } from './getOptions';\nimport { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\ninterface ChartProps {\n  data: GetOrderPositionBooksQuery;\n}\n\nexport const Chart = ({ data }: ChartProps) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;\n  const price = data.orderPositionBooks[0]?.price;\n\n  const chartData = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {price && bucketWidth && (\n          <ReactEcharts\n            style={{\n              height: '600px',\n              width: '100%',\n            }}\n            option={getOptions({ data: chartData, price, bucketWidth })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,mBAAmB;AAC5C,SAASC,UAAU,QAAQ,cAAc;AAOzC,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC;EAAiB,CAAC,GAAAD,IAAA;EACxC,MAAME,OAAO,GAAGD,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAED,OAAO,IAAI,EAAE;EACzD,MAAME,WAAW,GAAGH,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAEC,WAAW;EAC3D,MAAMC,KAAK,GAAGJ,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,EAAEE,KAAK;EAE/C,MAAMC,SAAS,GAAGJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAM,CACvCA,IAAI,CAAEH,KAAK,EACXI,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,OACEf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAuB,GACpCjB,KAAA,CAAAgB,aAAA,cACGP,KAAK,IAAID,WAAW,IACnBR,KAAA,CAAAgB,aAAA,CAACf,YAAY;IACXiB,KAAK,EAAE;MACLC,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE;IACT,CAAE;IACFC,MAAM,EAAEnB,UAAU,CAAC;MAAEG,IAAI,EAAEK,SAAS;MAAED,KAAK;MAAED;IAAY,CAAC;EAAE,CAC7D,CAEA,CACF,CAAC;AAEV,CAAC"}
+{"version":3,"file":"Chart.js","names":["React","ReactEcharts","getOptions","Chart","_ref","_data$orderPositionBo","_data$orderPositionBo2","_data$orderPositionBo3","data","buckets","orderPositionBooks","bucketWidth","price","chartData","map","item","Number","longCountPercent","shortCountPercent","createElement","className","style","height","width","option"],"sources":["../../../../../src/OrderBookWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { getOptions } from './getOptions';\nimport { GetOrderPositionBooksQuery } from '../../../gql/types/graphql';\n\ninterface ChartProps {\n  data: GetOrderPositionBooksQuery;\n}\n\nexport const Chart = ({ data }: ChartProps) => {\n  const buckets = data.orderPositionBooks[0]?.buckets || [];\n  const bucketWidth = data.orderPositionBooks[0]?.bucketWidth;\n  const price = data.orderPositionBooks[0]?.price;\n\n  const chartData = buckets.map((item) => ([\n    item!.price,\n    Number(item!.longCountPercent),\n    Number(item!.shortCountPercent) * -1,\n  ]));\n\n  return (\n    <div className=\"lw-relative lw-w-full\">\n      <div>\n        {price && bucketWidth && (\n          <ReactEcharts\n            style={{\n              height: '600px',\n              width: '100%',\n            }}\n            option={getOptions({ data: chartData, price, bucketWidth })}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,mBAAmB;AAC5C,SAASC,UAAU,QAAQ,cAAc;AAOzC,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAA0B;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAAA,IAAzB;IAAEC;EAAiB,CAAC,GAAAJ,IAAA;EACxC,MAAMK,OAAO,GAAG,EAAAJ,qBAAA,GAAAG,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAL,qBAAA,uBAA1BA,qBAAA,CAA4BI,OAAO,KAAI,EAAE;EACzD,MAAME,WAAW,IAAAL,sBAAA,GAAGE,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BK,WAAW;EAC3D,MAAMC,KAAK,IAAAL,sBAAA,GAAGC,IAAI,CAACE,kBAAkB,CAAC,CAAC,CAAC,cAAAH,sBAAA,uBAA1BA,sBAAA,CAA4BK,KAAK;EAE/C,MAAMC,SAAS,GAAGJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAM,CACvCA,IAAI,CAAEH,KAAK,EACXI,MAAM,CAACD,IAAI,CAAEE,gBAAgB,CAAC,EAC9BD,MAAM,CAACD,IAAI,CAAEG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CACpC,CAAC;EAEH,OACElB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAuB,GACpCpB,KAAA,CAAAmB,aAAA,cACGP,KAAK,IAAID,WAAW,IACnBX,KAAA,CAAAmB,aAAA,CAAClB,YAAY;IACXoB,KAAK,EAAE;MACLC,MAAM,EAAE,OAAO;MACfC,KAAK,EAAE;IACT,CAAE;IACFC,MAAM,EAAEtB,UAAU,CAAC;MAAEM,IAAI,EAAEK,SAAS;MAAED,KAAK;MAAED;IAAY,CAAC;EAAE,CAC7D,CAEA,CACF,CAAC;AAEV,CAAC"}

package/dist/module/OrderBookWidget/components/Chart/getOptions.js

@@ -101,7 +101,7 @@ export const getOptions = _ref => {
       textStyle: {},
       formatter: params => {
         const values = params[0].data;
-        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;
+        return "Price: ".concat(values[0], "<br />Buy: ").concat(values[1], "%<br/>Sell: ").concat(Math.abs(values[2]), "%");
       },
       axisPointer: {
         axis: 'y'
@@ -210,7 +210,7 @@ export const getOptions = _ref => {
             padding: [0, 0, 16, 0]
           }
         },
-        formatter: (value, index) => index ? `${value}` : `{a|${value}}`
+        formatter: (value, index) => index ? "".concat(value) : "{a|".concat(value, "}")
       }
     },
     xAxis: {
@@ -230,7 +230,7 @@ export const getOptions = _ref => {
         padding: [7, 0, 0, 0],
         showMinLabel: false,
         showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : `${Math.abs(value)}%`
+        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
       }
     },
     series: [{

package/dist/module/OrderBookWidget/components/Chart/getOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOptions.js","names":["chartSharedOptions","ZOOM_BARS","INITIAL_BARS","getOptions","_ref","data","price","bucketWidth","toolbox","itemSize","itemGap","bottom","right","showTitle","iconStyle","borderColor","emphasis","tooltip","show","backgroundColor","formatter","val","title","position","confine","textStyle","color","feature","myZoomIn","icon","icons","zoomInIcon","onclick","model","instance","startValue","endValue","option","dataZoom","halfZoomValue","dispatchAction","type","myZoomOut","zoomOutIcon","myResetZoom","resetZoomIcon","realtime","yAxisIndex","dataset","source","trigger","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","params","values","Math","abs","axisPointer","axis","grid","top","left","width","height","graphic","silent","children","z","shape","style","fill","text","yAxis","axisLine","axisTick","splitLine","lineStyle","axisLabel","padding","rich","a","value","index","xAxis","min","max","showMinLabel","showMaxLabel","series","encode","x","y","itemStyle","renderItem","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","markLine","animation","precision","symbol","symbolRotate","symbolSize","label"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOptions.ts"],"sourcesContent":["import { EChartsOption, Model, EChartsType } from 'echarts';\nimport { chartSharedOptions } from '@oanda/labs-widget-common';\nimport { ZOOM_BARS, INITIAL_BARS } from './constants';\n\nexport const getOptions = (\n  {\n    data,\n    price,\n    bucketWidth,\n  } :\n  {\n    data: number[][],\n    price: number,\n    bucketWidth: number\n  },\n): EChartsOption => (\n  {\n    toolbox: {\n      itemSize: 18,\n      itemGap: 14,\n      bottom: 6,\n      right: 6,\n      showTitle: false,\n      iconStyle: {\n        borderColor: '#00214A',\n      },\n      emphasis: {\n        iconStyle: {\n          borderColor: '#008573',\n        },\n      },\n      tooltip: {\n        show: true,\n        backgroundColor: '#00214A',\n        formatter: (val) => val.title,\n        position: 'top',\n        confine: true,\n        textStyle: {\n          color: '#fff',\n        },\n      },\n      feature: {\n        myZoomIn: {\n          show: true,\n          title: 'Zoom in',\n          icon: chartSharedOptions.icons.zoomInIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with minimal step\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue + halfZoomValue,\n              endValue: endValue - halfZoomValue,\n            });\n          },\n        },\n        myZoomOut: {\n          show: true,\n          title: 'Zoom out',\n          icon: chartSharedOptions.icons.zoomOutIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with full chart range\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue - halfZoomValue,\n              endValue: endValue + halfZoomValue,\n            });\n          },\n        },\n        myResetZoom: {\n          show: true,\n          title: 'ResetZoom',\n          icon: chartSharedOptions.icons.resetZoomIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n              endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n            });\n          },\n        },\n      },\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n        endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n        yAxisIndex: 0,\n        // @todo\n        // minSpan: 2,\n      },\n    ],\n    dataset: {\n      source: data,\n    },\n    textStyle: {\n      // @todo, broken due dark mode\n      // ...chartSharedOptions.textStyle,\n    },\n    tooltip: {\n      trigger: 'axis',\n      borderRadius: 0,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      shadowColor: 'rgba(0,0,0,0.1)',\n      textStyle: {\n        // @todo, broken due dark mode\n        // ...chartSharedOptions.textStyle,\n      },\n      formatter: (params) => {\n        const values = (params as { data: number[] }[])[0].data;\n        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;\n      },\n      axisPointer: {\n        axis: 'y',\n      },\n    },\n    grid: [\n      {\n        top: '1px',\n        left: '1px',\n        right: '121px',\n        bottom: '41px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        bottom: '1px',\n        right: '1px',\n        width: '120px',\n        height: '40px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        top: '1px',\n        left: '1px',\n        right: '1px',\n        bottom: '1px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n    ],\n    graphic: [\n      {\n        type: 'group',\n        left: '8px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Sell',\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: '128px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Buy',\n            },\n          },\n        ],\n      },\n    ],\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [0, 0, 0, 10],\n        rich: {\n          a: {\n            padding: [0, 0, 16, 0],\n          },\n        },\n        // @todo add decimal places\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    xAxis: {\n      type: 'value',\n      // @todo\n      min: -1.1,\n      max: 1.1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [7, 0, 0, 0],\n        showMinLabel: false,\n        showMaxLabel: false,\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        itemStyle: {\n          color: '#00B89E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        markLine: {\n          animation: false,\n          silent: true,\n          // @todo confirm precision\n          precision: 4,\n          symbol: ['none', 'triangle'],\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: '#008573',\n            width: 1,\n          },\n          label: {\n            padding: [5, 15, 5, 15],\n            color: '#fff',\n            backgroundColor: '#008573',\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        itemStyle: {\n          color: '#E5226E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n    ],\n  }\n);\n"],"mappings":"AACA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,SAAS,EAAEC,YAAY,QAAQ,aAAa;AAErD,OAAO,MAAMC,UAAU,GAAGC,IAAA;EAAA,IACxB;IACEC,IAAI;IACJC,KAAK;IACLC;EAMF,CAAC,GAAAH,IAAA;EAAA,OAED;IACEI,OAAO,EAAE;MACPC,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBC,SAAS,EAAE;QACTC,WAAW,EAAE;MACf,CAAC;MACDC,QAAQ,EAAE;QACRF,SAAS,EAAE;UACTC,WAAW,EAAE;QACf;MACF,CAAC;MACDE,OAAO,EAAE;QACPC,IAAI,EAAE,IAAI;QACVC,eAAe,EAAE,SAAS;QAC1BC,SAAS,EAAGC,GAAG,IAAKA,GAAG,CAACC,KAAK;QAC7BC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,SAAS,EAAE;UACTC,KAAK,EAAE;QACT;MACF,CAAC;MACDC,OAAO,EAAE;QACPC,QAAQ,EAAE;UACRV,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,SAAS;UAChBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACC,UAAU;UACzCC,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChD,MAAM;cAAEC,UAAU;cAAEC;YAAS,CAAC,GAAGH,KAAK,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAC,CAAC;YAEzD,MAAMC,aAAa,GAAG,GAAG,GAAGtC,SAAS,GAAGM,WAAW;YAEnD2B,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAEA,UAAU,GAAGI,aAAa;cACtCH,QAAQ,EAAEA,QAAQ,GAAGG;YACvB,CAAC,CAAC;UACJ;QACF,CAAC;QACDG,SAAS,EAAE;UACTxB,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,UAAU;UACjBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACa,WAAW;UAC1CX,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChD,MAAM;cAAEC,UAAU;cAAEC;YAAS,CAAC,GAAGH,KAAK,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAC,CAAC;YAEzD,MAAMC,aAAa,GAAG,GAAG,GAAGtC,SAAS,GAAGM,WAAW;YAEnD2B,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAEA,UAAU,GAAGI,aAAa;cACtCH,QAAQ,EAAEA,QAAQ,GAAGG;YACvB,CAAC,CAAC;UACJ;QACF,CAAC;QACDK,WAAW,EAAE;UACX1B,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,WAAW;UAClBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACe,aAAa;UAC5Cb,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChDA,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAE7B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;cACtDkC,QAAQ,EAAE9B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG;YAClD,CAAC,CAAC;UACJ;QACF;MACF;IACF,CAAC;IACDoC,QAAQ,EAAE,CACR;MACEG,IAAI,EAAE,QAAQ;MACdK,QAAQ,EAAE,IAAI;MACdX,UAAU,EAAE7B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;MACtDkC,QAAQ,EAAE9B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;MACpD6C,UAAU,EAAE;IAGd,CAAC,CACF;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE5C;IACV,CAAC;IACDoB,SAAS,EAAE,CAGX,CAAC;IACDR,OAAO,EAAE;MACPiC,OAAO,EAAE,MAAM;MACfC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,iBAAiB;MAC9B9B,SAAS,EAAE,CAGX,CAAC;MACDL,SAAS,EAAGoC,MAAM,IAAK;QACrB,MAAMC,MAAM,GAAID,MAAM,CAA0B,CAAC,CAAC,CAACnD,IAAI;QACvD,OAAQ,UAASoD,MAAM,CAAC,CAAC,CAAE,cAAaA,MAAM,CAAC,CAAC,CAAE,eAAcC,IAAI,CAACC,GAAG,CAACF,MAAM,CAAC,CAAC,CAAC,CAAE,GAAE;MACxF,CAAC;MACDG,WAAW,EAAE;QACXC,IAAI,EAAE;MACR;IACF,CAAC;IACDC,IAAI,EAAE,CACJ;MACEC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXpD,KAAK,EAAE,OAAO;MACdD,MAAM,EAAE,MAAM;MAGdO,IAAI,EAAE;IACR,CAAC,EACD;MACEP,MAAM,EAAE,KAAK;MACbC,KAAK,EAAE,KAAK;MACZqD,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,MAAM;MAGdhD,IAAI,EAAE;IACR,CAAC,EACD;MACE6C,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXpD,KAAK,EAAE,KAAK;MACZD,MAAM,EAAE,KAAK;MAGbO,IAAI,EAAE;IACR,CAAC,CACF;IACDiD,OAAO,EAAE,CACP;MACE1B,IAAI,EAAE,OAAO;MACbuB,IAAI,EAAE,KAAK;MACXD,GAAG,EAAE,KAAK;MACVK,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACE5B,IAAI,EAAE,MAAM;QACZ6B,CAAC,EAAE,GAAG;QACNN,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbQ,KAAK,EAAE;UACLN,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDM,KAAK,EAAE;UACLC,IAAI,EAAE,MAAM;UACZrB,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEd,IAAI,EAAE,MAAM;QACZ6B,CAAC,EAAE,GAAG;QACNN,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbS,KAAK,EAAE;UACLP,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UAEVQ,IAAI,EAAE;QACR;MACF,CAAC;IAEL,CAAC,EACD;MACEjC,IAAI,EAAE,OAAO;MACb7B,KAAK,EAAE,OAAO;MACdmD,GAAG,EAAE,KAAK;MACVK,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACE5B,IAAI,EAAE,MAAM;QACZ6B,CAAC,EAAE,GAAG;QACN1D,KAAK,EAAE,QAAQ;QACfmD,GAAG,EAAE,QAAQ;QACbQ,KAAK,EAAE;UACLN,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDM,KAAK,EAAE;UACLC,IAAI,EAAE,MAAM;UACZrB,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEd,IAAI,EAAE,MAAM;QACZ6B,CAAC,EAAE,GAAG;QACN1D,KAAK,EAAE,QAAQ;QACfmD,GAAG,EAAE,QAAQ;QACbS,KAAK,EAAE;UACLP,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UAEVQ,IAAI,EAAE;QACR;MACF,CAAC;IAEL,CAAC,CACF;IACDC,KAAK,EAAE;MACLlC,IAAI,EAAE,OAAO;MACblB,QAAQ,EAAE,OAAO;MACjBqD,QAAQ,EAAE;QAAE1D,IAAI,EAAE;MAAM,CAAC;MACzB2D,QAAQ,EAAE;QAAE3D,IAAI,EAAE;MAAM,CAAC;MACzB4D,SAAS,EAAE;QACTC,SAAS,EAAE,CAGX;MACF,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACtBC,IAAI,EAAE;UACJC,CAAC,EAAE;YACDF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;UACvB;QACF,CAAC;QAED7D,SAAS,EAAEA,CAACgE,KAAK,EAAEC,KAAK,KAAMA,KAAK,GAAI,GAAED,KAAM,EAAC,GAAI,MAAKA,KAAM;MACjE;IACF,CAAC;IACDE,KAAK,EAAE;MACL7C,IAAI,EAAE,OAAO;MAEb8C,GAAG,EAAE,CAAC,GAAG;MACTC,GAAG,EAAE,GAAG;MACRZ,QAAQ,EAAE;QAAE1D,IAAI,EAAE;MAAM,CAAC;MACzB2D,QAAQ,EAAE;QAAE3D,IAAI,EAAE;MAAM,CAAC;MACzB4D,SAAS,EAAE;QACTC,SAAS,EAAE,CAGX;MACF,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrBQ,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBtE,SAAS,EAAGgE,KAAK,IAAMA,KAAK,KAAK,CAAC,GAAG,GAAG,GAAI,GAAE1B,IAAI,CAACC,GAAG,CAACyB,KAAK,CAAE;MAChE;IACF,CAAC;IACDO,MAAM,EAAE,CACN;MACElD,IAAI,EAAE,QAAQ;MACdmD,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJ7E,OAAO,EAAE;MACX,CAAC;MACD8E,SAAS,EAAE;QACTrE,KAAK,EAAE;MACT,CAAC;MACDsE,UAAU,EAAEA,CAACxC,MAAM,EAAEyC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMe,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC,EAAEc,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEhG,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAM2D,MAAM,GAAGoC,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGjC,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAEoC,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BjC;QACF,CAAC;QAED,OAAO;UACLzB,IAAI,EAAE,MAAM;UACZ8B,KAAK,EAAEiC,SAAS;UAChBhC,KAAK,EAAEyB,GAAG,CAACzB,KAAK,CAAC;QACnB,CAAC;MACH;IACF,CAAC,EACD;MACE/B,IAAI,EAAE,QAAQ;MACdmD,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJ7E,OAAO,EAAE;MACX,CAAC;MACDwF,QAAQ,EAAE;QACRC,SAAS,EAAE,KAAK;QAChBtC,MAAM,EAAE,IAAI;QAEZuC,SAAS,EAAE,CAAC;QACZC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;QAC5BC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACpB/B,SAAS,EAAE;UACTrD,KAAK,EAAE,SAAS;UAChBuC,KAAK,EAAE;QACT,CAAC;QACD8C,KAAK,EAAE;UACL9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;UACvBvD,KAAK,EAAE,MAAM;UACbP,eAAe,EAAE;QACnB,CAAC;QACDd,IAAI,EAAE,CACJ;UACEsE,KAAK,EAAErE;QACT,CAAC;MAEL,CAAC;MACDyF,SAAS,EAAE;QACTrE,KAAK,EAAE;MACT,CAAC;MACDsE,UAAU,EAAEA,CAACxC,MAAM,EAAEyC,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMe,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC,EAAEc,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEhG,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAM2D,MAAM,GAAGoC,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGjC,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAEoC,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BjC;QACF,CAAC;QAED,OAAO;UACLzB,IAAI,EAAE,MAAM;UACZ8B,KAAK,EAAEiC,SAAS;UAChBhC,KAAK,EAAEyB,GAAG,CAACzB,KAAK,CAAC;QACnB,CAAC;MACH;IACF,CAAC;EAEL,CAAC;AAAA,CACF"}
+{"version":3,"file":"getOptions.js","names":["chartSharedOptions","ZOOM_BARS","INITIAL_BARS","getOptions","_ref","data","price","bucketWidth","toolbox","itemSize","itemGap","bottom","right","showTitle","iconStyle","borderColor","emphasis","tooltip","show","backgroundColor","formatter","val","title","position","confine","textStyle","color","feature","myZoomIn","icon","icons","zoomInIcon","onclick","model","instance","startValue","endValue","option","dataZoom","halfZoomValue","dispatchAction","type","myZoomOut","zoomOutIcon","myResetZoom","resetZoomIcon","realtime","yAxisIndex","dataset","source","trigger","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","params","values","concat","Math","abs","axisPointer","axis","grid","top","left","width","height","graphic","silent","children","z","shape","style","fill","text","yAxis","axisLine","axisTick","splitLine","lineStyle","axisLabel","padding","rich","a","value","index","xAxis","min","max","showMinLabel","showMaxLabel","series","encode","x","y","itemStyle","renderItem","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","markLine","animation","precision","symbol","symbolRotate","symbolSize","label"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOptions.ts"],"sourcesContent":["import { EChartsOption, Model, EChartsType } from 'echarts';\nimport { chartSharedOptions } from '@oanda/labs-widget-common';\nimport { ZOOM_BARS, INITIAL_BARS } from './constants';\n\nexport const getOptions = (\n  {\n    data,\n    price,\n    bucketWidth,\n  } :\n  {\n    data: number[][],\n    price: number,\n    bucketWidth: number\n  },\n): EChartsOption => (\n  {\n    toolbox: {\n      itemSize: 18,\n      itemGap: 14,\n      bottom: 6,\n      right: 6,\n      showTitle: false,\n      iconStyle: {\n        borderColor: '#00214A',\n      },\n      emphasis: {\n        iconStyle: {\n          borderColor: '#008573',\n        },\n      },\n      tooltip: {\n        show: true,\n        backgroundColor: '#00214A',\n        formatter: (val) => val.title,\n        position: 'top',\n        confine: true,\n        textStyle: {\n          color: '#fff',\n        },\n      },\n      feature: {\n        myZoomIn: {\n          show: true,\n          title: 'Zoom in',\n          icon: chartSharedOptions.icons.zoomInIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with minimal step\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue + halfZoomValue,\n              endValue: endValue - halfZoomValue,\n            });\n          },\n        },\n        myZoomOut: {\n          show: true,\n          title: 'Zoom out',\n          icon: chartSharedOptions.icons.zoomOutIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            const { startValue, endValue } = model.option.dataZoom[0];\n            // @todo handle zoom with full chart range\n            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: startValue - halfZoomValue,\n              endValue: endValue + halfZoomValue,\n            });\n          },\n        },\n        myResetZoom: {\n          show: true,\n          title: 'ResetZoom',\n          icon: chartSharedOptions.icons.resetZoomIcon,\n          onclick: (model: Model, instance: EChartsType) => {\n            instance.dispatchAction({\n              type: 'dataZoom',\n              startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n              endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n            });\n          },\n        },\n      },\n    },\n    dataZoom: [\n      {\n        type: 'inside',\n        realtime: true,\n        startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n        endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n        yAxisIndex: 0,\n        // @todo\n        // minSpan: 2,\n      },\n    ],\n    dataset: {\n      source: data,\n    },\n    textStyle: {\n      // @todo, broken due dark mode\n      // ...chartSharedOptions.textStyle,\n    },\n    tooltip: {\n      trigger: 'axis',\n      borderRadius: 0,\n      shadowBlur: 24,\n      shadowOffsetX: 0,\n      shadowOffsetY: 6,\n      shadowColor: 'rgba(0,0,0,0.1)',\n      textStyle: {\n        // @todo, broken due dark mode\n        // ...chartSharedOptions.textStyle,\n      },\n      formatter: (params) => {\n        const values = (params as { data: number[] }[])[0].data;\n        return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;\n      },\n      axisPointer: {\n        axis: 'y',\n      },\n    },\n    grid: [\n      {\n        top: '1px',\n        left: '1px',\n        right: '121px',\n        bottom: '41px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        bottom: '1px',\n        right: '1px',\n        width: '120px',\n        height: '40px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n      {\n        top: '1px',\n        left: '1px',\n        right: '1px',\n        bottom: '1px',\n        // @todo, broken due dark mode\n        // borderColor: chartSharedOptions.colors.axis,\n        show: true,\n      },\n    ],\n    graphic: [\n      {\n        type: 'group',\n        left: '8px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            left: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Sell',\n            },\n          },\n        ],\n      },\n      {\n        type: 'group',\n        right: '128px',\n        top: '8px',\n        silent: true,\n        children: [\n          {\n            type: 'rect',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            shape: {\n              width: 60,\n              height: 30,\n            },\n            style: {\n              fill: '#fff',\n              shadowBlur: 8,\n              shadowOffsetX: 0,\n              shadowOffsetY: 1,\n              shadowColor: 'rgba(0,0,0,0.1)',\n            },\n          },\n          {\n            type: 'text',\n            z: 100,\n            right: 'center',\n            top: 'middle',\n            style: {\n              width: 60,\n              height: 30,\n              // @todo\n              text: 'Buy',\n            },\n          },\n        ],\n      },\n    ],\n    yAxis: {\n      type: 'value',\n      position: 'right',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [0, 0, 0, 10],\n        rich: {\n          a: {\n            padding: [0, 0, 16, 0],\n          },\n        },\n        // @todo add decimal places\n        formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n      },\n    },\n    xAxis: {\n      type: 'value',\n      // @todo\n      min: -1.1,\n      max: 1.1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        lineStyle: {\n          // @todo, broken due dark mode\n          // color: chartSharedOptions.colors.axis,\n        },\n      },\n      axisLabel: {\n        padding: [7, 0, 0, 0],\n        showMinLabel: false,\n        showMaxLabel: false,\n        formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n      },\n    },\n    series: [\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 1,\n        },\n        itemStyle: {\n          color: '#00B89E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(1), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] + 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n      {\n        type: 'custom',\n        encode: {\n          x: 1,\n          y: 0,\n          tooltip: 2,\n        },\n        markLine: {\n          animation: false,\n          silent: true,\n          // @todo confirm precision\n          precision: 4,\n          symbol: ['none', 'triangle'],\n          symbolRotate: 90,\n          symbolSize: [20, 10],\n          lineStyle: {\n            color: '#008573',\n            width: 1,\n          },\n          label: {\n            padding: [5, 15, 5, 15],\n            color: '#fff',\n            backgroundColor: '#008573',\n          },\n          data: [\n            {\n              yAxis: price,\n            },\n          ],\n        },\n        itemStyle: {\n          color: '#E5226E',\n        },\n        renderItem: (params, api) => {\n          const yValue = api.value(0);\n          const xStart = api.coord([api.value(2), yValue]);\n          const xEnd = api.coord([0, yValue]);\n          const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n          const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n          const rectShape = {\n            x: xStart[0] - 0.5,\n            y: xStart[1] - height / 2,\n            width: xEnd[0] - xStart[0],\n            height,\n          };\n\n          return {\n            type: 'rect',\n            shape: rectShape,\n            style: api.style(),\n          };\n        },\n      },\n    ],\n  }\n);\n"],"mappings":"AACA,SAASA,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,SAAS,EAAEC,YAAY,QAAQ,aAAa;AAErD,OAAO,MAAMC,UAAU,GAAGC,IAAA;EAAA,IACxB;IACEC,IAAI;IACJC,KAAK;IACLC;EAMF,CAAC,GAAAH,IAAA;EAAA,OAED;IACEI,OAAO,EAAE;MACPC,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,KAAK;MAChBC,SAAS,EAAE;QACTC,WAAW,EAAE;MACf,CAAC;MACDC,QAAQ,EAAE;QACRF,SAAS,EAAE;UACTC,WAAW,EAAE;QACf;MACF,CAAC;MACDE,OAAO,EAAE;QACPC,IAAI,EAAE,IAAI;QACVC,eAAe,EAAE,SAAS;QAC1BC,SAAS,EAAGC,GAAG,IAAKA,GAAG,CAACC,KAAK;QAC7BC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,IAAI;QACbC,SAAS,EAAE;UACTC,KAAK,EAAE;QACT;MACF,CAAC;MACDC,OAAO,EAAE;QACPC,QAAQ,EAAE;UACRV,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,SAAS;UAChBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACC,UAAU;UACzCC,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChD,MAAM;cAAEC,UAAU;cAAEC;YAAS,CAAC,GAAGH,KAAK,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAC,CAAC;YAEzD,MAAMC,aAAa,GAAG,GAAG,GAAGtC,SAAS,GAAGM,WAAW;YAEnD2B,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAEA,UAAU,GAAGI,aAAa;cACtCH,QAAQ,EAAEA,QAAQ,GAAGG;YACvB,CAAC,CAAC;UACJ;QACF,CAAC;QACDG,SAAS,EAAE;UACTxB,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,UAAU;UACjBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACa,WAAW;UAC1CX,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChD,MAAM;cAAEC,UAAU;cAAEC;YAAS,CAAC,GAAGH,KAAK,CAACI,MAAM,CAACC,QAAQ,CAAC,CAAC,CAAC;YAEzD,MAAMC,aAAa,GAAG,GAAG,GAAGtC,SAAS,GAAGM,WAAW;YAEnD2B,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAEA,UAAU,GAAGI,aAAa;cACtCH,QAAQ,EAAEA,QAAQ,GAAGG;YACvB,CAAC,CAAC;UACJ;QACF,CAAC;QACDK,WAAW,EAAE;UACX1B,IAAI,EAAE,IAAI;UACVI,KAAK,EAAE,WAAW;UAClBO,IAAI,EAAE7B,kBAAkB,CAAC8B,KAAK,CAACe,aAAa;UAC5Cb,OAAO,EAAEA,CAACC,KAAY,EAAEC,QAAqB,KAAK;YAChDA,QAAQ,CAACM,cAAc,CAAC;cACtBC,IAAI,EAAE,UAAU;cAChBN,UAAU,EAAE7B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;cACtDkC,QAAQ,EAAE9B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG;YAClD,CAAC,CAAC;UACJ;QACF;MACF;IACF,CAAC;IACDoC,QAAQ,EAAE,CACR;MACEG,IAAI,EAAE,QAAQ;MACdK,QAAQ,EAAE,IAAI;MACdX,UAAU,EAAE7B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;MACtDkC,QAAQ,EAAE9B,KAAK,GAAIC,WAAW,GAAGL,YAAY,GAAG,GAAI;MACpD6C,UAAU,EAAE;IAGd,CAAC,CACF;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE5C;IACV,CAAC;IACDoB,SAAS,EAAE,CAGX,CAAC;IACDR,OAAO,EAAE;MACPiC,OAAO,EAAE,MAAM;MACfC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC;MAChBC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,iBAAiB;MAC9B9B,SAAS,EAAE,CAGX,CAAC;MACDL,SAAS,EAAGoC,MAAM,IAAK;QACrB,MAAMC,MAAM,GAAID,MAAM,CAA0B,CAAC,CAAC,CAACnD,IAAI;QACvD,iBAAAqD,MAAA,CAAiBD,MAAM,CAAC,CAAC,CAAC,iBAAAC,MAAA,CAAcD,MAAM,CAAC,CAAC,CAAC,kBAAAC,MAAA,CAAeC,IAAI,CAACC,GAAG,CAACH,MAAM,CAAC,CAAC,CAAC,CAAC;MACrF,CAAC;MACDI,WAAW,EAAE;QACXC,IAAI,EAAE;MACR;IACF,CAAC;IACDC,IAAI,EAAE,CACJ;MACEC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXrD,KAAK,EAAE,OAAO;MACdD,MAAM,EAAE,MAAM;MAGdO,IAAI,EAAE;IACR,CAAC,EACD;MACEP,MAAM,EAAE,KAAK;MACbC,KAAK,EAAE,KAAK;MACZsD,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,MAAM;MAGdjD,IAAI,EAAE;IACR,CAAC,EACD;MACE8C,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXrD,KAAK,EAAE,KAAK;MACZD,MAAM,EAAE,KAAK;MAGbO,IAAI,EAAE;IACR,CAAC,CACF;IACDkD,OAAO,EAAE,CACP;MACE3B,IAAI,EAAE,OAAO;MACbwB,IAAI,EAAE,KAAK;MACXD,GAAG,EAAE,KAAK;MACVK,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACE7B,IAAI,EAAE,MAAM;QACZ8B,CAAC,EAAE,GAAG;QACNN,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbQ,KAAK,EAAE;UACLN,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDM,KAAK,EAAE;UACLC,IAAI,EAAE,MAAM;UACZtB,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEd,IAAI,EAAE,MAAM;QACZ8B,CAAC,EAAE,GAAG;QACNN,IAAI,EAAE,QAAQ;QACdD,GAAG,EAAE,QAAQ;QACbS,KAAK,EAAE;UACLP,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UAEVQ,IAAI,EAAE;QACR;MACF,CAAC;IAEL,CAAC,EACD;MACElC,IAAI,EAAE,OAAO;MACb7B,KAAK,EAAE,OAAO;MACdoD,GAAG,EAAE,KAAK;MACVK,MAAM,EAAE,IAAI;MACZC,QAAQ,EAAE,CACR;QACE7B,IAAI,EAAE,MAAM;QACZ8B,CAAC,EAAE,GAAG;QACN3D,KAAK,EAAE,QAAQ;QACfoD,GAAG,EAAE,QAAQ;QACbQ,KAAK,EAAE;UACLN,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAC;QACDM,KAAK,EAAE;UACLC,IAAI,EAAE,MAAM;UACZtB,UAAU,EAAE,CAAC;UACbC,aAAa,EAAE,CAAC;UAChBC,aAAa,EAAE,CAAC;UAChBC,WAAW,EAAE;QACf;MACF,CAAC,EACD;QACEd,IAAI,EAAE,MAAM;QACZ8B,CAAC,EAAE,GAAG;QACN3D,KAAK,EAAE,QAAQ;QACfoD,GAAG,EAAE,QAAQ;QACbS,KAAK,EAAE;UACLP,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UAEVQ,IAAI,EAAE;QACR;MACF,CAAC;IAEL,CAAC,CACF;IACDC,KAAK,EAAE;MACLnC,IAAI,EAAE,OAAO;MACblB,QAAQ,EAAE,OAAO;MACjBsD,QAAQ,EAAE;QAAE3D,IAAI,EAAE;MAAM,CAAC;MACzB4D,QAAQ,EAAE;QAAE5D,IAAI,EAAE;MAAM,CAAC;MACzB6D,SAAS,EAAE;QACTC,SAAS,EAAE,CAGX;MACF,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACtBC,IAAI,EAAE;UACJC,CAAC,EAAE;YACDF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;UACvB;QACF,CAAC;QAED9D,SAAS,EAAEA,CAACiE,KAAK,EAAEC,KAAK,KAAMA,KAAK,MAAA5B,MAAA,CAAM2B,KAAK,UAAA3B,MAAA,CAAW2B,KAAK;MAChE;IACF,CAAC;IACDE,KAAK,EAAE;MACL9C,IAAI,EAAE,OAAO;MAEb+C,GAAG,EAAE,CAAC,GAAG;MACTC,GAAG,EAAE,GAAG;MACRZ,QAAQ,EAAE;QAAE3D,IAAI,EAAE;MAAM,CAAC;MACzB4D,QAAQ,EAAE;QAAE5D,IAAI,EAAE;MAAM,CAAC;MACzB6D,SAAS,EAAE;QACTC,SAAS,EAAE,CAGX;MACF,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACrBQ,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBvE,SAAS,EAAGiE,KAAK,IAAMA,KAAK,KAAK,CAAC,GAAG,GAAG,MAAA3B,MAAA,CAAMC,IAAI,CAACC,GAAG,CAACyB,KAAK,CAAC;MAC/D;IACF,CAAC;IACDO,MAAM,EAAE,CACN;MACEnD,IAAI,EAAE,QAAQ;MACdoD,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJ9E,OAAO,EAAE;MACX,CAAC;MACD+E,SAAS,EAAE;QACTtE,KAAK,EAAE;MACT,CAAC;MACDuE,UAAU,EAAEA,CAACzC,MAAM,EAAE0C,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMe,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC,EAAEc,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEjG,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAM4D,MAAM,GAAGoC,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGjC,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAEoC,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BjC;QACF,CAAC;QAED,OAAO;UACL1B,IAAI,EAAE,MAAM;UACZ+B,KAAK,EAAEiC,SAAS;UAChBhC,KAAK,EAAEyB,GAAG,CAACzB,KAAK,CAAC;QACnB,CAAC;MACH;IACF,CAAC,EACD;MACEhC,IAAI,EAAE,QAAQ;MACdoD,MAAM,EAAE;QACNC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAAC;QACJ9E,OAAO,EAAE;MACX,CAAC;MACDyF,QAAQ,EAAE;QACRC,SAAS,EAAE,KAAK;QAChBtC,MAAM,EAAE,IAAI;QAEZuC,SAAS,EAAE,CAAC;QACZC,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;QAC5BC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACpB/B,SAAS,EAAE;UACTtD,KAAK,EAAE,SAAS;UAChBwC,KAAK,EAAE;QACT,CAAC;QACD8C,KAAK,EAAE;UACL9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;UACvBxD,KAAK,EAAE,MAAM;UACbP,eAAe,EAAE;QACnB,CAAC;QACDd,IAAI,EAAE,CACJ;UACEuE,KAAK,EAAEtE;QACT,CAAC;MAEL,CAAC;MACD0F,SAAS,EAAE;QACTtE,KAAK,EAAE;MACT,CAAC;MACDuE,UAAU,EAAEA,CAACzC,MAAM,EAAE0C,GAAG,KAAK;QAC3B,MAAMC,MAAM,GAAGD,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAMe,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,CAACH,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC,EAAEc,MAAM,CAAC,CAAC;QAChD,MAAMG,IAAI,GAAGJ,GAAG,CAACG,KAAK,CAAC,CAAC,CAAC,EAAEF,MAAM,CAAC,CAAC;QACnC,MAAMI,iBAAiB,GAAGL,GAAG,CAACM,IAAI,GAAIN,GAAG,CAACM,IAAI,CAAC,CAAC,CAAC,EAAEjG,WAAW,CAAC,CAAC,CAAc,CAAC,CAAC,GAAG,CAAC;QACpF,MAAM4D,MAAM,GAAGoC,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,GAAG,GAAGA,iBAAiB;QAElF,MAAME,SAAS,GAAG;UAChBX,CAAC,EAAEM,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;UAClBL,CAAC,EAAEK,MAAM,CAAC,CAAC,CAAC,GAAGjC,MAAM,GAAG,CAAC;UACzBD,KAAK,EAAEoC,IAAI,CAAC,CAAC,CAAC,GAAGF,MAAM,CAAC,CAAC,CAAC;UAC1BjC;QACF,CAAC;QAED,OAAO;UACL1B,IAAI,EAAE,MAAM;UACZ+B,KAAK,EAAEiC,SAAS;UAChBhC,KAAK,EAAEyB,GAAG,CAACzB,KAAK,CAAC;QACnB,CAAC;MACH;IACF,CAAC;EAEL,CAAC;AAAA,CACF"}

package/dist/module/gql/getOrderPositionBooks.js

@@ -1,20 +1,6 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { gql } from '@apollo/client';
-const getOrderPositionBooks = gql`
-  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {
-    orderPositionBooks(
-      instrument: $instrument
-      bookType: $bookType
-      recentHours: $recentHours
-    ) {
-      bucketWidth
-      price
-      buckets {
-        price
-        longCountPercent
-        shortCountPercent
-      }
-    }
-  }
-`;
+const getOrderPositionBooks = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n"])));
 export { getOrderPositionBooks };
 //# sourceMappingURL=getOrderPositionBooks.js.map

package/dist/module/gql/getOrderPositionBooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAI;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SAASC,qBAAqB"}
+{"version":3,"file":"getOrderPositionBooks.js","names":["gql","getOrderPositionBooks","_templateObject","_taggedTemplateLiteral"],"sources":["../../../src/gql/getOrderPositionBooks.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getOrderPositionBooks = gql`\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n`;\n\nexport { getOrderPositionBooks };\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,qBAAqB,GAAGD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,sBAAA,iXAgBhC;AAED,SAASF,qBAAqB"}

package/dist/module/gql/types/fragment-masking.js

@@ -5,10 +5,11 @@ export function makeFragmentData(data, _fragment) {
   return data;
 }
 export function isFragmentReady(queryNode, fragmentNode, data) {
-  const deferredFields = queryNode.__meta__?.deferredFields;
+  var _meta__, _fragDef$name;
+  const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
   if (!deferredFields) return true;
   const fragDef = fragmentNode.definitions[0];
-  const fragName = fragDef?.name?.value;
+  const fragName = fragDef === null || fragDef === void 0 || (_fragDef$name = fragDef.name) === null || _fragDef$name === void 0 ? void 0 : _fragDef$name.value;
   const fields = fragName && deferredFields[fragName] || [];
   return fields.length > 0 && fields.every(field => data && field in data);
 }

package/dist/module/gql/types/fragment-masking.js.map

@@ -1 +1 @@
-{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":"AAoCA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAC3C,MAAMK,cAAc,GAAIF,SAAS,CAAwEG,QAAQ,EAC7GD,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC1E"}
+{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","_meta__","_fragDef$name","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\n\nexport type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<\n  infer TType,\n  any\n>\n  ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n    ? TKey extends string\n      ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n      : never\n    : never\n  : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n  _documentNode: DocumentTypeDecoration<TType, any>,\n  fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n  return fragmentType as any;\n}\n\n\nexport function makeFragmentData<\n  F extends DocumentTypeDecoration<any, any>,\n  FT extends ResultOf<F>\n>(data: FT, _fragment: F): FragmentType<F> {\n  return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n  queryNode: DocumentTypeDecoration<TQuery, any>,\n  fragmentNode: TypedDocumentNode<TFrag>,\n  data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined\n): data is FragmentType<typeof fragmentNode> {\n  const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__\n    ?.deferredFields;\n\n  if (!deferredFields) return true;\n\n  const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined;\n  const fragName = fragDef?.name?.value;\n\n  const fields = (fragName && deferredFields[fragName]) || [];\n  return fields.length > 0 && fields.every(field => data && field in data);\n}\n"],"mappings":"AAoCA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAAmJ,EAClG;EACjD,OAAOA,YAAY;AACrB;AAGA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAAiF,EACtC;EAAA,IAAAK,OAAA,EAAAC,aAAA;EAC3C,MAAMC,cAAc,IAAAF,OAAA,GAAIF,SAAS,CAAwEK,QAAQ,cAAAH,OAAA,uBAA1FA,OAAA,CACnBE,cAAc;EAElB,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGL,YAAY,CAACM,WAAW,CAAC,CAAC,CAAuC;EACjF,MAAMC,QAAQ,GAAGF,OAAO,aAAPA,OAAO,gBAAAH,aAAA,GAAPG,OAAO,CAAEG,IAAI,cAAAN,aAAA,uBAAbA,aAAA,CAAeO,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAACC,KAAK,IAAIjB,IAAI,IAAIiB,KAAK,IAAIjB,IAAI,CAAC;AAC1E"}

package/dist/module/gql/types/gql.js

@@ -3,6 +3,7 @@ const documents = {
   "\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      recentHours: $recentHours\n    ) {\n      bucketWidth\n      price\n      buckets {\n        price\n        longCountPercent\n        shortCountPercent\n      }\n    }\n  }\n": types.GetOrderPositionBooksDocument
 };
 export function graphql(source) {
-  return documents[source] ?? {};
+  var _source;
+  return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
 }
 //# sourceMappingURL=gql.js.map

package/dist/module/gql/types/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\": types.GetOrderPositionBooksDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EACd,2WAA2W,EAAED,KAAK,CAACE;AACvX,CAAC;AAqBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQH,SAAS,CAASG,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC"}
+{"version":3,"file":"gql.js","names":["types","documents","GetOrderPositionBooksDocument","graphql","source","_source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n    \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\": types.GetOrderPositionBooksDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(source: \"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"): (typeof documents)[\"\\n  query GetOrderPositionBooks($instrument: String!, $bookType: BookType!, $recentHours: Int) {\\n    orderPositionBooks(\\n      instrument: $instrument\\n      bookType: $bookType\\n      recentHours: $recentHours\\n    ) {\\n      bucketWidth\\n      price\\n      buckets {\\n        price\\n        longCountPercent\\n        shortCountPercent\\n      }\\n    }\\n  }\\n\"];\n\nexport function graphql(source: string) {\n  return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EACd,2WAA2W,EAAED,KAAK,CAACE;AACvX,CAAC;AAqBD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EAAA,IAAAC,OAAA;EACtC,QAAAA,OAAA,GAAQJ,SAAS,CAASG,MAAM,CAAC,cAAAC,OAAA,cAAAA,OAAA,GAAI,CAAC,CAAC;AACzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-order-book-widget",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "Labs Order Book Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.7.17",
-    "@oanda/labs-widget-common": "^1.0.60",
+    "@oanda/labs-widget-common": "^1.0.62",
     "@oanda/mono-i18n": "9.0.0",
     "classnames": "2.3.2",
     "echarts": "5.4.3",
@@ -25,5 +25,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "fe7eab2473b09b601598a5e33a88305add7fc4ca"
+  "gitHead": "0954a60e9c2d28ec2c2d4240fc15fbf132f827d2"
 }