@semcore/d3-chart 2.2.6 → 2.3.0-1

package/lib/es6/a11y/PlotA11yView.js

@@ -0,0 +1,254 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import React from 'react';
+import { heavyFindNextFocusableElement } from './focus';
+import { makeDataSummarizationConfig } from './hints';
+import { formatValue } from './serialize';
+import { getIntl } from './intl';
+import { summarize } from './summarize';
+import { Root, sstyled } from '@semcore/core';
+
+/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
+var styles = (
+/*__reshadow_css_start__*/
+_sstyled.insert(
+/*__inner_css_start__*/
+".___SPlotA11yView_1e44s_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_.__focus-within_1e44s_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_1e44s_gg_ table,.___SPlotA11yView_1e44s_gg_ td,.___SPlotA11yView_1e44s_gg_ th{border:1px solid #000}"
+/*__inner_css_end__*/
+, "1e44s_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SPlotA11yView": "___SPlotA11yView_1e44s_gg_",
+  "_focus-within": "__focus-within_1e44s_gg_"
+});
+export var PlotA11yView = function PlotA11yView(_ref3) {
+  var _ref = arguments[0],
+      _ref2;
+
+  var id = _ref3.id,
+      providedData = _ref3.data,
+      hints = _ref3.hints,
+      plotLabel = _ref3.plotLabel,
+      plotRef = _ref3.plotRef,
+      providedConfig = _ref3.config,
+      locale = _ref3.locale;
+  var SPlotA11yView = "div";
+  var intl = React.useMemo(function () {
+    return getIntl(locale);
+  }, [locale]);
+  var config = React.useMemo(function () {
+    return makeDataSummarizationConfig(providedConfig);
+  }, [providedConfig]);
+  var data = React.useMemo(function () {
+    return Array.isArray(providedData) ? providedData : [providedData];
+  }, [providedData]);
+  var keys = React.useMemo(function () {
+    var _fromHints, _fromHints2, _fromHints3, _fromHints4;
+
+    var fromHints = [];
+
+    (_fromHints = fromHints).push.apply(_fromHints, _toConsumableArray(hints.fields.verticalAxes));
+
+    (_fromHints2 = fromHints).push.apply(_fromHints2, _toConsumableArray(hints.fields.horizontalAxes));
+
+    (_fromHints3 = fromHints).push.apply(_fromHints3, _toConsumableArray(hints.fields.valueAxes));
+
+    (_fromHints4 = fromHints).push.apply(_fromHints4, _toConsumableArray(Object.keys(hints.fields.values)));
+
+    fromHints = _toConsumableArray(new Set(fromHints)).filter(function (key) {
+      return key in data[0];
+    });
+
+    if (fromHints.length === 0) {
+      data.forEach(function (row) {
+        var _fromHints5;
+
+        return (_fromHints5 = fromHints).push.apply(_fromHints5, _toConsumableArray(Object.keys(row)));
+      });
+    }
+
+    return _toConsumableArray(new Set(fromHints));
+  }, [data, hints]);
+  var duplicatedBaseKeys = React.useMemo(function () {
+    var baseKeys = keys.filter(function (key) {
+      return !hints.titles.valuesAxes[key];
+    }).map(function (key) {
+      if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical) return [key, hints.axesTitle.vertical];
+      if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal) return [key, hints.axesTitle.horizontal];
+    }).filter(function (entry) {
+      return entry !== undefined;
+    }).map(function (entry) {
+      return entry;
+    });
+    var doublicated = {};
+    var handled = {};
+
+    var _iterator = _createForOfIteratorHelper(baseKeys),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = _slicedToArray(_step.value, 2),
+            key = _step$value[0],
+            label = _step$value[1];
+
+        if (handled[label]) {
+          doublicated[key] = true;
+          doublicated[handled[label]] = true;
+        }
+
+        handled[label] = key;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return doublicated;
+  }, [keys, hints]);
+  var renderTitle = React.useCallback(function (dataKey) {
+    if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
+
+    if (!duplicatedBaseKeys[dataKey]) {
+      if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical) return hints.axesTitle.vertical;
+      if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal) return hints.axesTitle.horizontal;
+    }
+
+    return dataKey;
+  }, [data, hints, duplicatedBaseKeys]);
+
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      summary = _React$useState2[0],
+      setSummary = _React$useState2[1];
+
+  var _React$useState3 = React.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      generatingSummary = _React$useState4[0],
+      setGeneratingSummary = _React$useState4[1];
+
+  React.useEffect(function () {
+    if (config.disable) {
+      setSummary('');
+      setGeneratingSummary(false);
+      return;
+    }
+
+    if (config.override) {
+      setSummary(config.override);
+      setGeneratingSummary(false);
+      return;
+    }
+
+    setTimeout(function () {
+      setSummary(summarize(providedData, hints, config, locale));
+      setGeneratingSummary(false);
+    }, 0);
+  }, [providedData, hints, config, locale]);
+  var handleSkip = React.useCallback(function () {
+    var _heavyFindNextFocusab;
+
+    if (!plotRef.current) return;
+    (_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
+  }, []);
+  var handleSkipKeyboard = React.useCallback(function (event) {
+    if (event.code !== 'Enter') return;
+    handleSkip();
+  }, [handleSkip]);
+  var handleGoToTable = React.useCallback(function () {
+    var _dataTableRef$current;
+
+    (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
+  }, []);
+  var handleGoToTableKeyboard = React.useCallback(function (event) {
+    if (event.code !== 'Enter') return;
+    handleGoToTable();
+  }, [handleGoToTable]);
+  var texts = React.useMemo(function () {
+    return {
+      label: intl.formatMessage({
+        id: 'view-label'
+      }, {
+        plotLabel: plotLabel !== null && plotLabel !== void 0 ? plotLabel : intl.formatMessage({
+          id: 'view-default-plot-label'
+        })
+      }),
+      close: intl.formatMessage({
+        id: 'view-close'
+      }),
+      skipPlot: intl.formatMessage({
+        id: 'view-skip-plot'
+      }),
+      goToTable: intl.formatMessage({
+        id: 'view-go-to-table'
+      }),
+      summary: intl.formatMessage({
+        id: 'view-data-summary'
+      }),
+      summaryPlaceholder: intl.formatMessage({
+        id: 'view-summary-placeholder'
+      }),
+      table: intl.formatMessage({
+        id: 'view-table'
+      })
+    };
+  }, [intl, plotLabel]);
+  var dataTableRef = React.useRef(null);
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", _objectSpread({}, _assignProps({
+    "tabIndex": 0,
+    "aria-label": texts.label
+  }, _ref))), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
+    "aria-hidden": true,
+    "onClick": handleSkip
+  }), texts.close), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
+    "role": "link",
+    "tabIndex": 0,
+    "onKeyDown": handleSkipKeyboard,
+    "onClick": handleSkip
+  }), texts.skipPlot), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
+    "role": "link",
+    "tabIndex": 0,
+    "onKeyDown": handleGoToTableKeyboard,
+    "onClick": handleGoToTable
+  }), texts.goToTable), /*#__PURE__*/React.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/React.createElement("label", _ref2.cn("label", {
+    "htmlFor": "".concat(id, "-data-summary")
+  }), texts.summary)), /*#__PURE__*/React.createElement("div", _ref2.cn("div", {
+    "id": "".concat(id, "-data-summary"),
+    "aria-busy": generatingSummary,
+    "tabIndex": 0
+  }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/React.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/React.createElement("label", _ref2.cn("label", {
+    "htmlFor": "".concat(id, "-data-table")
+  }), texts.table)), /*#__PURE__*/React.createElement("table", _ref2.cn("table", {
+    "id": "".concat(id, "-data-table"),
+    "tabIndex": 0,
+    "ref": dataTableRef
+  }), /*#__PURE__*/React.createElement("thead", _ref2.cn("thead", {}), /*#__PURE__*/React.createElement("tr", _ref2.cn("tr", {}), keys.map(function (key, index) {
+    return /*#__PURE__*/React.createElement("th", {
+      key: "".concat(key, "-").concat(index)
+    }, renderTitle(key));
+  }))), /*#__PURE__*/React.createElement("tbody", _ref2.cn("tbody", {}), data.map(function (row, index) {
+    return /*#__PURE__*/React.createElement("tr", {
+      key: Object.values(row).join('-') + '-' + index
+    }, keys.map(function (key, index) {
+      return /*#__PURE__*/React.createElement("td", {
+        key: "".concat(key, "-").concat(index)
+      }, formatValue(intl, row[key]));
+    }));
+  }))));
+};
+//# sourceMappingURL=PlotA11yView.js.map

package/lib/es6/a11y/PlotA11yView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","formatValue","getIntl","summarize","Root","sstyled","PlotA11yView","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","intl","useMemo","Array","isArray","keys","fromHints","push","fields","verticalAxes","horizontalAxes","valueAxes","Object","values","Set","filter","key","length","forEach","row","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","label","renderTitle","useCallback","dataKey","useState","summary","setSummary","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleSkip","current","focus","handleSkipKeyboard","event","code","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","styles","index","join"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const intl = React.useMemo(() => getIntl(locale), [locale]);\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale]);\n\n  const handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleGoToTable();\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView render=\"div\" tabIndex={0} aria-label={texts.label}>\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n        <thead>\n          <tr>\n            {keys.map((key, index) => (\n              <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => (\n            <tr key={Object.values(row).join('-') + '-' + index}>\n              {keys.map((key, index) => (\n                <td key={`${key}-${index}`}>{formatValue(intl, row[key])}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/a11y/bezier.js

@@ -0,0 +1,35 @@
+export var makeBezier = function makeBezier(points, bounds) {
+  var yPoints = points.map(function (point) {
+    return point.y;
+  });
+  var noPoints = points.map(function () {
+    return 1;
+  });
+  var weightPoints = points.map(function (point) {
+    var _point$weight;
+
+    return (_point$weight = point.weight) !== null && _point$weight !== void 0 ? _point$weight : 1;
+  });
+
+  var process = function process(t, points) {
+    var result = 0;
+
+    for (var i = 0; i < points.length; i++) {
+      var tPower = i;
+      var reversedTPower = points.length - 1 - i;
+      var edge = i === 0 || i === points.length - 1;
+      var factor = edge ? 1 : points.length - 1;
+      var point = points[i];
+      var weight = weightPoints[i];
+      result += factor * Math.pow(t, tPower) * Math.pow(1 - t, reversedTPower) * point * weight;
+    }
+
+    return result;
+  };
+
+  return function (x) {
+    var t = x / bounds.width;
+    return process(t, yPoints) / process(t, noPoints);
+  };
+};
+//# sourceMappingURL=bezier.js.map

package/lib/es6/a11y/bezier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bezier.js","names":["makeBezier","points","bounds","yPoints","map","point","y","noPoints","weightPoints","weight","process","t","result","i","length","tPower","reversedTPower","edge","factor","x","width"],"sources":["../../../src/a11y/bezier.ts"],"sourcesContent":["export const makeBezier = (\n  points: { x: number; y: number; weight?: number }[],\n  bounds: { width: number; height: number },\n) => {\n  const yPoints = points.map((point) => point.y);\n  const noPoints = points.map(() => 1);\n  const weightPoints = points.map((point) => point.weight ?? 1);\n  const process = (t: number, points: number[]) => {\n    let result = 0;\n    for (let i = 0; i < points.length; i++) {\n      const tPower = i;\n      const reversedTPower = points.length - 1 - i;\n      const edge = i === 0 || i === points.length - 1;\n      const factor = edge ? 1 : points.length - 1;\n      const point = points[i];\n      const weight = weightPoints[i];\n      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;\n    }\n    return result;\n  };\n\n  return (x: number) => {\n    const t = x / bounds.width;\n    return process(t, yPoints) / process(t, noPoints);\n  };\n};\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CACxBC,MADwB,EAExBC,MAFwB,EAGrB;EACH,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,CAAjB;EAAA,CAAX,CAAhB;EACA,IAAMC,QAAQ,GAAGN,MAAM,CAACG,GAAP,CAAW;IAAA,OAAM,CAAN;EAAA,CAAX,CAAjB;EACA,IAAMI,YAAY,GAAGP,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA;;IAAA,wBAAWA,KAAK,CAACI,MAAjB,yDAA2B,CAA3B;EAAA,CAAX,CAArB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAYV,MAAZ,EAAiC;IAC/C,IAAIW,MAAM,GAAG,CAAb;;IACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGZ,MAAM,CAACa,MAA3B,EAAmCD,CAAC,EAApC,EAAwC;MACtC,IAAME,MAAM,GAAGF,CAAf;MACA,IAAMG,cAAc,GAAGf,MAAM,CAACa,MAAP,GAAgB,CAAhB,GAAoBD,CAA3C;MACA,IAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAN,IAAWA,CAAC,KAAKZ,MAAM,CAACa,MAAP,GAAgB,CAA9C;MACA,IAAMI,MAAM,GAAGD,IAAI,GAAG,CAAH,GAAOhB,MAAM,CAACa,MAAP,GAAgB,CAA1C;MACA,IAAMT,KAAK,GAAGJ,MAAM,CAACY,CAAD,CAApB;MACA,IAAMJ,MAAM,GAAGD,YAAY,CAACK,CAAD,CAA3B;MACAD,MAAM,IAAIM,MAAM,YAAGP,CAAH,EAAQI,MAAR,CAAN,YAAwB,IAAIJ,CAA5B,EAAkCK,cAAlC,IAAmDX,KAAnD,GAA2DI,MAArE;IACD;;IACD,OAAOG,MAAP;EACD,CAZD;;EAcA,OAAO,UAACO,CAAD,EAAe;IACpB,IAAMR,CAAC,GAAGQ,CAAC,GAAGjB,MAAM,CAACkB,KAArB;IACA,OAAOV,OAAO,CAACC,CAAD,EAAIR,OAAJ,CAAP,GAAsBO,OAAO,CAACC,CAAD,EAAIJ,QAAJ,CAApC;EACD,CAHD;AAID,CAzBM"}