greeks-live-ui 0.1.21 → 0.1.23

package/lib/packages/components/panel-gex-by-expiry/src/panel-gex-by-expiry2.js

@@ -2,567 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var dayjs = require('dayjs');
-var panelGexByExpiry = require('./panel-gex-by-expiry.js');
-var dataLab = require('../../../utils/dataLab.js');
-var chartHelp = require('../../../utils/chartHelp.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var index$2 = require('../../../hooks/use-device-type/index.js');
-var index$3 = require('../../../hooks/use-theme/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "period-controls" };
-const _hoisted_3 = { class: "selector-label h5-hide" };
-const _hoisted_4 = { class: "period-range h5-hide" };
-const _hoisted_5 = {
-  class: "echart",
-  ref: "echart"
-};
-const __default__ = {
-  name: "GPanelGexByExpiry"
+const panelGexByExpiryEmits = {
+  "update:currency": (currency) => true,
+  "update:exchange": (exchange) => true
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: panelGexByExpiry.panelGexByExpiryProps,
-  emits: panelGexByExpiry.panelGexByExpiryEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("panel-gex-by-expiry");
-    const { t } = index$1.useLocale();
-    const { isMobile } = index$2.useDeviceType();
-    const { isDark } = index$3.useTheme();
-    const initialCurrency = props.currency || props.defaultCurrency || "BTC";
-    let legendSelectedCache = {};
-    const state = vue.reactive({
-      loadingFlag: false,
-      exchange: props.exchange || props.defaultExchange || "Deribit",
-      currency: initialCurrency,
-      selectedDateTime: dayjs__default["default"](),
-      pageCount: 0,
-      endDateDisplay: "",
-      gexData: null
-    });
-    const currency = vue.computed({
-      get: () => props.currency || state.currency || "BTC",
-      set: (newVal) => {
-        props.currency ? emits("update:currency", newVal) : state.currency = newVal;
-      }
-    });
-    const exchange = vue.computed({
-      get: () => props.exchange || state.exchange || "Deribit",
-      set: (newVal) => {
-        props.exchange ? emits("update:exchange", newVal) : state.exchange = newVal;
-      }
-    });
-    const currencyList = [
-      { value: "BTC", label: "BTC", icon: "currency_btc" },
-      { value: "ETH", label: "ETH", icon: "currency_eth" }
-    ];
-    const updatePageCount = () => {
-      const now = dayjs__default["default"]();
-      const selectedTime = dayjs__default["default"](state.selectedDateTime);
-      state.pageCount = Math.max(0, now.diff(selectedTime, "day"));
-    };
-    const fetchData = () => {
-      var _a, _b, _c;
-      state.loadingFlag = true;
-      const timestampParam = (_c = (_b = (_a = state.selectedDateTime) == null ? void 0 : _a.valueOf) == null ? void 0 : _b.call(_a)) != null ? _c : 0;
-      dataLab.getGex({
-        currency: currency.value,
-        exchange: exchange.value,
-        timestamp: timestampParam
-      }).then((res) => {
-        if (res && res.code === 200) {
-          const data = res.data || null;
-          state.gexData = data;
-          state.endDateDisplay = chartHelp.showEndDateTime(dayjs__default["default"](state.selectedDateTime));
-        }
-      }).finally(() => {
-        state.loadingFlag = false;
-      });
-    };
-    vue.watch(currency, () => {
-      legendSelectedCache = {};
-      fetchData();
-    });
-    vue.watch(exchange, () => {
-      legendSelectedCache = {};
-      fetchData();
-    });
-    const handleLegendSelectChanged = (params) => {
-      if (params == null ? void 0 : params.selected) {
-        legendSelectedCache = params.selected;
-      }
-    };
-    const mergeLegendSelected = (legendNames) => {
-      const allSelected = legendNames.reduce((acc, cur) => {
-        acc[cur] = true;
-        return acc;
-      }, {});
-      if (Object.keys(legendSelectedCache).length === 0) {
-        return allSelected;
-      }
-      return legendNames.reduce((acc, name) => {
-        acc[name] = Object.prototype.hasOwnProperty.call(legendSelectedCache, name) ? Boolean(legendSelectedCache[name]) : true;
-        return acc;
-      }, {});
-    };
-    const handlePageChange = (direction) => {
-      if (direction === "prev") {
-        state.pageCount++;
-        state.selectedDateTime = dayjs__default["default"](state.selectedDateTime).subtract(1, "day");
-      } else {
-        if (state.pageCount <= 0)
-          return;
-        state.pageCount--;
-        state.selectedDateTime = dayjs__default["default"](state.selectedDateTime).add(1, "day");
-      }
-      state.endDateDisplay = chartHelp.showEndDateTime(dayjs__default["default"](state.selectedDateTime));
-      fetchData();
-    };
-    const handleDateTimeChange = (value) => {
-      state.selectedDateTime = value;
-      state.endDateDisplay = chartHelp.showEndDateTime(dayjs__default["default"](state.selectedDateTime));
-      updatePageCount();
-      fetchData();
-    };
-    vue.onMounted(() => {
-      updatePageCount();
-      state.endDateDisplay = chartHelp.showEndDateTime(dayjs__default["default"](state.selectedDateTime));
-      fetchData();
-    });
-    const buildExpirySeries = (byExpiry, strikeList) => {
-      const expiryKeys = Object.keys(byExpiry || {});
-      const sortedExpiryKeys = expiryKeys.sort(
-        (a, b) => chartHelp.parseExpiryToDate(a).getTime() - chartHelp.parseExpiryToDate(b).getTime()
-      );
-      const allStrikes = strikeList && strikeList.length ? [...strikeList].filter((s) => Number.isFinite(s)).sort((a, b) => a - b) : (() => {
-        const strikeSet = /* @__PURE__ */ new Set();
-        for (const k of sortedExpiryKeys) {
-          for (const it of byExpiry[k] || []) {
-            if (!Number.isFinite(it == null ? void 0 : it.strike))
-              continue;
-            strikeSet.add(it.strike);
-          }
-        }
-        return Array.from(strikeSet).sort((a, b) => a - b);
-      })();
-      const valueByExpiryStrike = /* @__PURE__ */ new Map();
-      for (const k of sortedExpiryKeys) {
-        const m = /* @__PURE__ */ new Map();
-        for (const it of byExpiry[k] || []) {
-          if (!Number.isFinite(it == null ? void 0 : it.strike))
-            continue;
-          const strike = it.strike;
-          const n = it == null ? void 0 : it.number;
-          if (!Number.isFinite(n))
-            continue;
-          m.set(strike, n);
-        }
-        valueByExpiryStrike.set(k, m);
-      }
-      const legend = sortedExpiryKeys;
-      const series = sortedExpiryKeys.map((expiryKey) => {
-        const m = valueByExpiryStrike.get(expiryKey);
-        const seriesData = allStrikes.map((strike) => {
-          var _a;
-          return (_a = m == null ? void 0 : m.get(strike)) != null ? _a : 0;
-        });
-        return {
-          name: expiryKey,
-          type: "bar",
-          stack: "gexByExpiry",
-          data: seriesData,
-          barGap: "0%",
-          barCategoryGap: isMobile.value ? "35%" : "40%",
-          emphasis: {
-            focus: "series",
-            blurScope: "coordinateSystem",
-            itemStyle: { opacity: 1 }
-          },
-          blur: { itemStyle: { opacity: 0.28 } }
-        };
-      });
-      return { allStrikes, legend, series, sortedExpiryKeys, valueByExpiryStrike };
-    };
-    const chartOptionByExpiry = vue.computed(() => {
-      var _a, _b, _c;
-      const byExpiry = ((_a = state.gexData) == null ? void 0 : _a.by_expiry) || {};
-      const spot = (_b = state.gexData) == null ? void 0 : _b.index_price;
-      const byStrike = ((_c = state.gexData) == null ? void 0 : _c.by_strike) || [];
-      const strikeList = [...byStrike].map((it) => it == null ? void 0 : it.strike).filter((v) => typeof v === "number" && Number.isFinite(v));
-      const { allStrikes, legend, series, valueByExpiryStrike, sortedExpiryKeys } = buildExpirySeries(byExpiry, strikeList);
-      const showSpot = typeof spot === "number" && spot > 0;
-      const effectiveIndex = (() => {
-        if (showSpot)
-          return spot;
-        let bestStrike = null;
-        let bestAbs = -Infinity;
-        for (const strike of allStrikes) {
-          let sum = 0;
-          for (const expiryKey of sortedExpiryKeys) {
-            const m = valueByExpiryStrike.get(expiryKey);
-            const v = m == null ? void 0 : m.get(strike);
-            if (typeof v === "number" && Number.isFinite(v))
-              sum += v;
-          }
-          const abs = Math.abs(sum);
-          if (abs > bestAbs) {
-            bestAbs = abs;
-            bestStrike = strike;
-          }
-        }
-        return bestStrike;
-      })();
-      const strikeMin = allStrikes.length ? allStrikes[0] : null;
-      const strikeMax = allStrikes.length ? allStrikes[allStrikes.length - 1] : null;
-      const xMin = effectiveIndex != null && effectiveIndex > 0 ? effectiveIndex * 0.5 : strikeMin;
-      const xMax = effectiveIndex != null && effectiveIndex > 0 ? effectiveIndex * 2 : strikeMax;
-      const zoomStartValue = typeof xMin === "number" && Number.isFinite(xMin) && allStrikes.length ? allStrikes.reduce(
-        (best, s) => Math.abs(s - xMin) < Math.abs(best - xMin) ? s : best
-      ) : void 0;
-      const zoomEndValue = typeof xMax === "number" && Number.isFinite(xMax) && allStrikes.length ? allStrikes.reduce(
-        (best, s) => Math.abs(s - xMax) < Math.abs(best - xMax) ? s : best
-      ) : void 0;
-      const zoomStartIndex = zoomStartValue != null ? allStrikes.indexOf(zoomStartValue) : -1;
-      const zoomEndIndex = zoomEndValue != null ? allStrikes.indexOf(zoomEndValue) : -1;
-      const zoomStart = zoomStartIndex >= 0 && allStrikes.length > 1 ? zoomStartIndex / (allStrikes.length - 1) * 100 : void 0;
-      const zoomEnd = zoomEndIndex >= 0 && allStrikes.length > 1 ? zoomEndIndex / (allStrikes.length - 1) * 100 : void 0;
-      const spotMarkCategory = showSpot && typeof spot === "number" && allStrikes.length ? allStrikes.reduce(
-        (best, s) => Math.abs(s - spot) < Math.abs(best - spot) ? s : best
-      ) : null;
-      const markLine = showSpot && typeof spot === "number" && spotMarkCategory != null ? {
-        symbol: ["none", "arrow"],
-        silent: true,
-        z: 10,
-        data: [
-          {
-            xAxis: spotMarkCategory,
-            label: {
-              show: true,
-              formatter: () => `$${chartHelp.formatLargeNumber(spot, 1)}`
-            },
-            lineStyle: {
-              color: "#000000"
-            }
-          }
-        ]
-      } : void 0;
-      const stackedSeriesWithMark = markLine && series.length ? [{ ...series[0], markLine }, ...series.slice(1)] : series;
-      const overviewSelected = mergeLegendSelected(legend);
-      const netOverviewData = allStrikes.length && sortedExpiryKeys.length ? allStrikes.map((strike) => {
-        let sum = 0;
-        for (let i = 0; i < sortedExpiryKeys.length; i++) {
-          const name = legend[i];
-          if (!overviewSelected[name])
-            continue;
-          const m = valueByExpiryStrike.get(sortedExpiryKeys[i]);
-          const v = m == null ? void 0 : m.get(strike);
-          if (typeof v === "number" && Number.isFinite(v))
-            sum += v;
-        }
-        return sum;
-      }) : [];
-      const overviewSeries = netOverviewData.length > 0 ? {
-        name: "__gexNetOverview",
-        type: "line",
-        data: netOverviewData,
-        silent: true,
-        showSymbol: false,
-        lineStyle: { width: 0, opacity: 0 },
-        itemStyle: { opacity: 0 },
-        emphasis: { disabled: true },
-        z: -5,
-        animation: false
-      } : null;
-      const optionSeries = overviewSeries ? [overviewSeries, ...stackedSeriesWithMark] : stackedSeriesWithMark;
-      return {
-        legend: {
-          left: "left",
-          data: legend,
-          icon: "roundRect",
-          itemWidth: 16,
-          itemHeight: 10,
-          itemGap: isMobile.value ? 5 : 15,
-          textStyle: {
-            color: isDark.value ? "#ADB5BD" : "#596169",
-            fontSize: 12,
-            padding: isMobile.value ? [0, 0, 0, -4] : [0, 0, 0, 0]
-          },
-          selected: mergeLegendSelected(legend),
-          lineStyle: {
-            inactiveColor: isDark.value ? "#2B2F32" : "#DEE2E6"
-          },
-          inactiveColor: isDark.value ? "#495057" : "#BDC4CB"
-        },
-        tooltip: {
-          trigger: "item",
-          axisPointer: {
-            type: "cross",
-            label: {
-              show: true,
-              backgroundColor: "#DEE2E6",
-              color: "#343A40",
-              padding: [4, 6, 4, 6],
-              margin: 9,
-              formatter: (p) => {
-                var _a2;
-                if ((p == null ? void 0 : p.axisDimension) === "x") {
-                  const v = p == null ? void 0 : p.value;
-                  const n2 = typeof v === "number" ? v : Number(String(v).replace(/,/g, ""));
-                  return Number.isFinite(n2) ? `$${chartHelp.formatLargeNumber(n2, 1)}` : "";
-                }
-                const raw = (_a2 = p == null ? void 0 : p.value) != null ? _a2 : p;
-                const n = typeof raw === "number" ? raw : Number(String(raw).replace(/,/g, ""));
-                return Number.isFinite(n) ? chartHelp.formatLargeNumber(n, 2) : "";
-              }
-            }
-          },
-          backgroundColor: isDark.value ? "#E9ECEF" : "#292F3D",
-          padding: [6, 8, 5, 6],
-          borderWidth: 0,
-          textStyle: {
-            color: isDark.value ? "#000000" : "#FFFFFF",
-            fontSize: 12,
-            lineHeight: 16,
-            fontWeight: 400
-          },
-          formatter: (params) => {
-            var _a2, _b2;
-            const p0 = params;
-            if (!p0)
-              return "";
-            const strikeNum = (() => {
-              var _a3;
-              const axisVal = (_a3 = p0 == null ? void 0 : p0.name) != null ? _a3 : p0 == null ? void 0 : p0.axisValue;
-              if (typeof axisVal === "number")
-                return axisVal;
-              return Number(String(axisVal).replace(/,/g, ""));
-            })();
-            const strikeText = Number.isFinite(strikeNum) ? chartHelp.formatLargeNumber(strikeNum, 1) : "-";
-            const v = Array.isArray(p0 == null ? void 0 : p0.data) ? (_a2 = p0.data[1]) != null ? _a2 : p0.data[0] : (_b2 = p0.value) != null ? _b2 : p0.data;
-            const n = typeof v === "number" ? v : Number(String(v).replace(/,/g, ""));
-            const valText = Number.isFinite(n) ? chartHelp.formatLargeNumber(n, 2) : "-";
-            const line = `
-          <div class="chart-tooltip">
-            <div>${p0.marker}&nbsp;${p0.seriesName}</div>
-            <div>${valText}</div>
-          </div>
-        `;
-            return `
-          <div class="chart-tooltip-box">
-            <div style="margin-bottom:4px;">${strikeText}</div>
-            ${line}
-          </div>
-        `;
-          }
-        },
-        grid: {
-          top: isMobile.value ? 80 : 70,
-          left: "left",
-          right: 15,
-          bottom: 45,
-          containLabel: true
-        },
-        xAxis: {
-          type: "category",
-          data: allStrikes,
-          axisTick: { show: false },
-          axisLine: { show: false },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10,
-            formatter: (v) => {
-              const n = typeof v === "number" ? v : Number(String(v).replace(/,/g, ""));
-              return Number.isFinite(n) ? chartHelp.formatLargeNumber(n, 0) : String(v);
-            }
-          },
-          splitLine: {
-            show: false,
-            lineStyle: {
-              color: "#F1F1F1",
-              width: 1,
-              type: "dotted"
-            }
-          },
-          axisPointer: {
-            show: true,
-            label: {
-              show: true,
-              formatter: (p) => {
-                const v = p == null ? void 0 : p.value;
-                const n = typeof v === "number" ? v : Number(String(v).replace(/,/g, ""));
-                return Number.isFinite(n) ? `$${chartHelp.formatLargeNumber(n, 1)}` : "";
-              }
-            }
-          }
-        },
-        dataZoom: [
-          {
-            type: "inside",
-            ...zoomStart != null ? { start: zoomStart } : {},
-            ...zoomEnd != null ? { end: zoomEnd } : {},
-            handleIcon: "path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z"
-          },
-          {
-            show: true,
-            type: "slider",
-            rangeMode: "percent",
-            bottom: "10px",
-            ...zoomStart != null && zoomEnd != null ? { start: zoomStart, end: zoomEnd } : { start: 0, end: 100 },
-            handleIcon: "path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z"
-          }
-        ],
-        yAxis: {
-          type: "value",
-          name: t("message.contractsPer1Move"),
-          axisTick: { show: false },
-          axisLabel: {
-            color: isDark.value ? "#CED4DA" : "#343A40",
-            fontWeight: 400,
-            fontSize: 10,
-            formatter: (value) => {
-              const n = typeof value === "number" ? value : Number(String(value).replace(/,/g, ""));
-              return Number.isFinite(n) ? chartHelp.formatLargeNumber(n, 2) : String(value);
-            }
-          },
-          nameGap: 10,
-          nameRotate: 0,
-          nameTextStyle: {
-            color: "#8B959F",
-            fontWeight: 400,
-            fontFamily: "HarmonyOS Sans Web",
-            fontSize: 10,
-            padding: [0, 0, 0, 100]
-          },
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: isDark.value ? "#CED4DA" : "#343A40"
-            }
-          },
-          splitLine: {
-            lineStyle: {
-              color: isDark.value ? "#2B2F32" : "#F1F1F1",
-              width: 1,
-              type: "solid"
-            }
-          },
-          axisPointer: {
-            show: true,
-            label: {
-              show: true,
-              formatter: (params) => {
-                var _a2;
-                const raw = (_a2 = params == null ? void 0 : params.value) != null ? _a2 : params;
-                const n = typeof raw === "number" ? raw : Number(String(raw).replace(/,/g, ""));
-                return Number.isFinite(n) ? chartHelp.formatLargeNumber(n, 2) : "";
-              }
-            }
-          }
-        },
-        series: optionSeries
-      };
-    });
-    return (_ctx, _cache) => {
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      const _component_g_tooltip = vue.resolveComponent("g-tooltip");
-      const _component_g_page_turner = vue.resolveComponent("g-page-turner");
-      const _component_g_date_time_picker = vue.resolveComponent("g-date-time-picker");
-      const _component_g_chart = vue.resolveComponent("g-chart");
-      const _component_g_chart_panel = vue.resolveComponent("g-chart-panel");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createVNode(_component_g_chart_panel, {
-            currency: vue.unref(currency),
-            "onUpdate:currency": _cache[1] || (_cache[1] = ($event) => vue.isRef(currency) ? currency.value = $event : null),
-            exchange: vue.unref(exchange),
-            "onUpdate:exchange": _cache[2] || (_cache[2] = ($event) => vue.isRef(exchange) ? exchange.value = $event : null),
-            loading: state.loadingFlag,
-            showExchangeSelector: false,
-            currencyList,
-            onRefresh: fetchData
-          }, {
-            title: vue.withCtx(() => [
-              vue.createTextVNode(
-                vue.toDisplayString(vue.unref(t)("message.gexByExpiry")) + " ",
-                1
-              ),
-              vue.createVNode(_component_g_tooltip, { placement: "bottom" }, {
-                title: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    class: "greeks-panel-tip",
-                    innerHTML: vue.unref(t)("message.gexByExpiryTips")
-                  }, null, 8, _hoisted_1)
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_g_icon, { name: "info_question_circle" })
-                ]),
-                _: 1
-              })
-            ]),
-            tool: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_3,
-                  vue.toDisplayString(vue.unref(t)("message.time")),
-                  1
-                ),
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_4,
-                  vue.toDisplayString(state.endDateDisplay),
-                  1
-                ),
-                vue.createVNode(_component_g_page_turner, {
-                  prevDisabled: state.loadingFlag,
-                  nextDisabled: state.loadingFlag || state.pageCount <= 0,
-                  onChange: handlePageChange
-                }, null, 8, ["prevDisabled", "nextDisabled"]),
-                vue.createVNode(_component_g_date_time_picker, {
-                  modelValue: state.selectedDateTime,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.selectedDateTime = $event),
-                  onChange: handleDateTimeChange
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            body: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                _hoisted_5,
-                [
-                  vue.createVNode(_component_g_chart, {
-                    class: "skew-chart",
-                    option: vue.unref(chartOptionByExpiry),
-                    onLegendselectchanged: handleLegendSelectChanged
-                  }, null, 8, ["option"])
-                ],
-                512
-              )
-            ]),
-            _: 1
-          }, 8, ["currency", "exchange", "loading"])
-        ],
-        2
-      );
-    };
+const panelGexByExpiryProps = runtime.buildProps({
+  defaultCurrency: {
+    type: String,
+    required: false
+  },
+  defaultExchange: {
+    type: String,
+    required: false
+  },
+  currency: {
+    type: String,
+    required: false
+  },
+  exchange: {
+    type: String,
+    required: false
   }
 });
-var PanelGexByExpiry = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/panel-gex-by-expiry/src/panel-gex-by-expiry.vue"]]);
 
-exports["default"] = PanelGexByExpiry;
+exports.panelGexByExpiryEmits = panelGexByExpiryEmits;
+exports.panelGexByExpiryProps = panelGexByExpiryProps;
 //# sourceMappingURL=panel-gex-by-expiry2.js.map