@pie-lib/graphing-solution-set 2.16.0-beta.0

package/lib/grid.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Grid = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var vx = _interopRequireWildcard(require("@vx/grid"));
+
+var _plot = require("@pie-lib/plot");
+
+var _styles = require("@material-ui/core/styles");
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2["default"])(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Grid = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Grid, _React$Component);
+
+  var _super = _createSuper(Grid);
+
+  function Grid() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Grid);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAdditionalGridProps", function (rowTickValues, columnTickValues) {
+      var _this$props$graphProp = _this.props.graphProps,
+          scale = _this$props$graphProp.scale,
+          _this$props$graphProp2 = _this$props$graphProp.size,
+          width = _this$props$graphProp2.width,
+          height = _this$props$graphProp2.height,
+          domain = _this$props$graphProp.domain,
+          range = _this$props$graphProp.range;
+      var rowTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
+        step: range.labelStep
+      })).filter(function (value) {
+        return rowTickValues.includes(value);
+      });
+      var columnTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, domain), {}, {
+        step: domain.labelStep
+      })).filter(function (value) {
+        return columnTickValues.includes(value);
+      });
+      var minValueLength = rowTickLabelValues.length && Math.min.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
+      var maxValueLength = rowTickLabelValues.length && Math.max.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
+      var rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;
+      var horizontalDistanceToZero = scale.x(0);
+      var verticalDistanceToZero = scale.y(0);
+      var columnLabelLength = 28;
+      var rowStrokeDasharray = "".concat(horizontalDistanceToZero - rowLabelLength, " ").concat(rowLabelLength, " ").concat(width);
+      var columnStrokeDasharray = "".concat(verticalDistanceToZero, " ").concat(columnLabelLength, " ").concat(height);
+      var displayAdditionalGrid = domain.labelStep > 0 && range.labelStep > 0 && rowTickLabelValues && columnTickLabelValues && rowTickLabelValues.length > 1 && columnTickLabelValues.length > 1 && (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);
+      var filteredColumnValues = columnTickLabelValues.filter(function (value) {
+        return value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength;
+      });
+      var filteredRowValues = rowTickLabelValues.filter(function (value) {
+        return value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength;
+      });
+      return {
+        rowTickLabelValues: filteredRowValues,
+        columnTickLabelValues: filteredColumnValues,
+        rowStrokeDasharray: rowStrokeDasharray,
+        columnStrokeDasharray: columnStrokeDasharray,
+        displayAdditionalGrid: displayAdditionalGrid
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Grid, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var graphProps = this.props.graphProps;
+      var scale = graphProps.scale,
+          _graphProps$size = graphProps.size,
+          height = _graphProps$size.height,
+          width = _graphProps$size.width,
+          domain = graphProps.domain,
+          range = graphProps.range;
+      var rowTickValues = (0, _utils.getTickValues)(range);
+      var columnTickValues = (0, _utils.getTickValues)(domain);
+
+      var _this$getAdditionalGr = this.getAdditionalGridProps(rowTickValues, columnTickValues),
+          rowTickLabelValues = _this$getAdditionalGr.rowTickLabelValues,
+          columnTickLabelValues = _this$getAdditionalGr.columnTickLabelValues,
+          rowStrokeDasharray = _this$getAdditionalGr.rowStrokeDasharray,
+          columnStrokeDasharray = _this$getAdditionalGr.columnStrokeDasharray,
+          displayAdditionalGrid = _this$getAdditionalGr.displayAdditionalGrid;
+
+      var additionalGridStroke = domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.Grid, {
+        innerRef: function innerRef(r) {
+          return _this2.grid = r;
+        },
+        xScale: scale.x,
+        yScale: scale.y,
+        width: width,
+        height: height,
+        stroke: "#D3D3D3",
+        rowTickValues: rowTickValues,
+        columnTickValues: columnTickValues
+      }), displayAdditionalGrid && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.GridRows, {
+        scale: scale.y,
+        width: width,
+        tickValues: rowTickLabelValues,
+        stroke: additionalGridStroke,
+        strokeDasharray: rowStrokeDasharray
+      }), /*#__PURE__*/_react["default"].createElement(vx.GridColumns, {
+        scale: scale.x,
+        height: height,
+        tickValues: columnTickLabelValues,
+        stroke: additionalGridStroke,
+        strokeDasharray: columnStrokeDasharray
+      })));
+    }
+  }]);
+  return Grid;
+}(_react["default"].Component);
+
+exports.Grid = Grid;
+(0, _defineProperty2["default"])(Grid, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  disabledAdditionalGrid: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+
+var _default = (0, _styles.withStyles)(function () {
+  return {};
+})(Grid);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9ncmlkLmpzeCJdLCJuYW1lcyI6WyJHcmlkIiwicm93VGlja1ZhbHVlcyIsImNvbHVtblRpY2tWYWx1ZXMiLCJwcm9wcyIsImdyYXBoUHJvcHMiLCJzY2FsZSIsInNpemUiLCJ3aWR0aCIsImhlaWdodCIsImRvbWFpbiIsInJhbmdlIiwicm93VGlja0xhYmVsVmFsdWVzIiwic3RlcCIsImxhYmVsU3RlcCIsImZpbHRlciIsInZhbHVlIiwiaW5jbHVkZXMiLCJjb2x1bW5UaWNrTGFiZWxWYWx1ZXMiLCJtaW5WYWx1ZUxlbmd0aCIsImxlbmd0aCIsIk1hdGgiLCJtaW4iLCJ0b1N0cmluZyIsInJlcGxhY2UiLCJtYXhWYWx1ZUxlbmd0aCIsIm1heCIsInJvd0xhYmVsTGVuZ3RoIiwiaG9yaXpvbnRhbERpc3RhbmNlVG9aZXJvIiwieCIsInZlcnRpY2FsRGlzdGFuY2VUb1plcm8iLCJ5IiwiY29sdW1uTGFiZWxMZW5ndGgiLCJyb3dTdHJva2VEYXNoYXJyYXkiLCJjb2x1bW5TdHJva2VEYXNoYXJyYXkiLCJkaXNwbGF5QWRkaXRpb25hbEdyaWQiLCJmaWx0ZXJlZENvbHVtblZhbHVlcyIsImZpbHRlcmVkUm93VmFsdWVzIiwiZ2V0QWRkaXRpb25hbEdyaWRQcm9wcyIsImFkZGl0aW9uYWxHcmlkU3Ryb2tlIiwiciIsImdyaWQiLCJSZWFjdCIsIkNvbXBvbmVudCIsImRpc2FibGVkIiwiUHJvcFR5cGVzIiwiYm9vbCIsImRpc2FibGVkQWRkaXRpb25hbEdyaWQiLCJjbGFzc2VzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsInR5cGVzIiwiR3JhcGhQcm9wc1R5cGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7OztJQUVhQSxJOzs7Ozs7Ozs7Ozs7Ozs7K0dBUWMsVUFBQ0MsYUFBRCxFQUFnQkMsZ0JBQWhCLEVBQXFDO0FBQzVELGtDQU9JLE1B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O0FBR2pCRSxFQUFBQSxPQUFPLEVBQUVILHNCQUFVSSxNQUFWLENBQWlCQyxVQUhUO0FBSWpCN0MsRUFBQUEsVUFBVSxFQUFFOEMsWUFBTUMsY0FBTixDQUFxQkY7QUFKaEIsQzs7ZUE4SE4sd0JBQVc7QUFBQSxTQUFPLEVBQVA7QUFBQSxDQUFYLEVBQXVCakQsSUFBdkIsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0ICogYXMgdnggZnJvbSAnQHZ4L2dyaWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICdAcGllLWxpYi9wbG90JztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IHsgZ2V0VGlja1ZhbHVlcyB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY2xhc3MgR3JpZCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGRpc2FibGVkQWRkaXRpb25hbEdyaWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBncmFwaFByb3BzOiB0eXBlcy5HcmFwaFByb3BzVHlwZS5pc1JlcXVpcmVkLFxuICB9O1xuXG4gIGdldEFkZGl0aW9uYWxHcmlkUHJvcHMgPSAocm93VGlja1ZhbHVlcywgY29sdW1uVGlja1ZhbHVlcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGdyYXBoUHJvcHM6IHtcbiAgICAgICAgc2NhbGUsXG4gICAgICAgIHNpemU6IHsgd2lkdGgsIGhlaWdodCB9LFxuICAgICAgICBkb21haW4sXG4gICAgICAgIHJhbmdlLFxuICAgICAgfSxcbiAgICB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCByb3dUaWNrTGFiZWxWYWx1ZXMgPSBnZXRUaWNrVmFsdWVzKHtcbiAgICAgIC4uLnJhbmdlLFxuICAgICAgc3RlcDogcmFuZ2UubGFiZWxTdGVwLFxuICAgIH0pLmZpbHRlcigodmFsdWUpID0+IHJvd1RpY2tWYWx1ZXMuaW5jbHVkZXModmFsdWUpKTtcbiAgICBjb25zdCBjb2x1bW5UaWNrTGFiZWxWYWx1ZXMgPSBnZXRUaWNrVmFsdWVzKHtcbiAgICAgIC4uLmRvbWFpbixcbiAgICAgIHN0ZXA6IGRvbWFpbi5sYWJlbFN0ZXAsXG4gICAgfSkuZmlsdGVyKCh2YWx1ZSkgPT4gY29sdW1uVGlja1ZhbHVlcy5pbmNsdWRlcyh2YWx1ZSkpO1xuXG4gICAgY29uc3QgbWluVmFsdWVMZW5ndGggPVxuICAgICAgKHJvd1RpY2tMYWJlbFZhbHVlcy5sZW5ndGggJiZcbiAgICAgICAgTWF0aC5taW4oLi4ucm93VGlja0xhYmVsVmFsdWVzKVxuICAgICAgICAgIC50b1N0cmluZygpXG4gICAgICAgICAgLnJlcGxhY2UoL1suLV0vZywgJycpLmxlbmd0aCkgfHxcbiAgICAgIDE7XG4gICAgY29uc3QgbWF4VmFsdWVMZW5ndGggPVxuICAgICAgKHJvd1RpY2tMYWJlbFZhbHVlcy5sZW5ndGggJiZcbiAgICAgICAgTWF0aC5tYXgoLi4ucm93VGlja0xhYmVsVmFsdWVzKVxuICAgICAgICAgIC50b1N0cmluZygpXG4gICAgICAgICAgLnJlcGxhY2UoL1suLV0vZywgJycpLmxlbmd0aCkgfHxcbiAgICAgIDE7XG5cbiAgICBjb25zdCByb3dMYWJlbExlbmd0aCA9IE1hdGgubWF4KG1pblZhbHVlTGVuZ3RoLCBtYXhWYWx1ZUxlbmd0aCkgKiA5ICsgMjI7XG4gICAgY29uc3QgaG9yaXpvbnRhbERpc3RhbmNlVG9aZXJvID0gc2NhbGUueCgwKTtcbiAgICBjb25zdCB2ZXJ0aWNhbERpc3RhbmNlVG9aZXJvID0gc2NhbGUueSgwKTtcbiAgICBjb25zdCBjb2x1bW5MYWJlbExlbmd0aCA9IDI4O1xuICAgIGNvbnN0IHJvd1N0cm9rZURhc2hhcnJheSA9IGAke2hvcml6b250YWxEaXN0YW5jZVRvWmVybyAtIHJvd0xhYmVsTGVuZ3RofSAke3Jvd0xhYmVsTGVuZ3RofSAke3dpZHRofWA7XG4gICAgY29uc3QgY29sdW1uU3Ryb2tlRGFzaGFycmF5ID0gYCR7dmVydGljYWxEaXN0YW5jZVRvWmVyb30gJHtjb2x1bW5MYWJlbExlbmd0aH0gJHtoZWlnaHR9YDtcblxuICAgIGNvbnN0IGRpc3BsYXlBZGRpdGlvbmFsR3JpZCA9XG4gICAgICBkb21haW4ubGFiZWxTdGVwID4gMCAmJlxuICAgICAgcmFuZ2UubGFiZWxTdGVwID4gMCAmJlxuICAgICAgcm93VGlja0xhYmVsVmFsdWVzICYmXG4gICAgICBjb2x1bW5UaWNrTGFiZWxWYWx1ZXMgJiZcbiAgICAgIHJvd1RpY2tMYWJlbFZhbHVlcy5sZW5ndGggPiAxICYmXG4gICAgICBjb2x1bW5UaWNrTGFiZWxWYWx1ZXMubGVuZ3RoID4gMSAmJlxuICAgICAgKHJvd1RpY2tMYWJlbFZhbHVlcy5sZW5ndGggIT09IHJvd1RpY2tWYWx1ZXMubGVuZ3RoIHx8IGNvbHVtblRpY2tMYWJlbFZhbHVlcy5sZW5ndGggIT09IGNvbHVtblRpY2tWYWx1ZXMubGVuZ3RoKTtcblxuICAgIGNvbnN0IGZpbHRlcmVkQ29sdW1uVmFsdWVzID0gY29sdW1uVGlja0xhYmVsVmFsdWVzLmZpbHRlcihcbiAgICAgICh2YWx1ZSkgPT4gdmFsdWUgPj0gMCB8fCBob3Jpem9udGFsRGlzdGFuY2VUb1plcm8gLSBzY2FsZS54KHZhbHVlKSA+IHJvd0xhYmVsTGVuZ3RoLFxuICAgICk7XG4gICAgY29uc3QgZmlsdGVyZWRSb3dWYWx1ZXMgPSByb3dUaWNrTGFiZWxWYWx1ZXMuZmlsdGVyKFxuICAgICAgKHZhbHVlKSA9PiB2YWx1ZSA+PSAwIHx8IHNjYWxlLnkodmFsdWUpIC0gdmVydGljYWxEaXN0YW5jZVRvWmVybyA+IGNvbHVtbkxhYmVsTGVuZ3RoLFxuICAgICk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgcm93VGlja0xhYmVsVmFsdWVzOiBmaWx0ZXJlZFJvd1ZhbHVlcyxcbiAgICAgIGNvbHVtblRpY2tMYWJlbFZhbHVlczogZmlsdGVyZWRDb2x1bW5WYWx1ZXMsXG4gICAgICByb3dTdHJva2VEYXNoYXJyYXksXG4gICAgICBjb2x1bW5TdHJva2VEYXNoYXJyYXksXG4gICAgICBkaXNwbGF5QWRkaXRpb25hbEdyaWQsXG4gICAgfTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBncmFwaFByb3BzIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHtcbiAgICAgIHNjYWxlLFxuICAgICAgc2l6ZTogeyBoZWlnaHQsIHdpZHRoIH0sXG4gICAgICBkb21haW4sXG4gICAgICByYW5nZSxcbiAgICB9ID0gZ3JhcGhQcm9wcztcbiAgICBjb25zdCByb3dUaWNrVmFsdWVzID0gZ2V0VGlja1ZhbHVlcyhyYW5nZSk7XG4gICAgY29uc3QgY29sdW1uVGlja1ZhbHVlcyA9IGdldFRpY2tWYWx1ZXMoZG9tYWluKTtcbiAgICBjb25zdCB7XG4gICAgICByb3dUaWNrTGFiZWxWYWx1ZXMsXG4gICAgICBjb2x1bW5UaWNrTGFiZWxWYWx1ZXMsXG4gICAgICByb3dTdHJva2VEYXNoYXJyYXksXG4gICAgICBjb2x1bW5TdHJva2VEYXNoYXJyYXksXG4gICAgICBkaXNwbGF5QWRkaXRpb25hbEdyaWQsXG4gICAgfSA9IHRoaXMuZ2V0QWRkaXRpb25hbEdyaWRQcm9wcyhyb3dUaWNrVmFsdWVzLCBjb2x1bW5UaWNrVmFsdWVzKTtcblxuICAgIGNvbnN0IGFkZGl0aW9uYWxHcmlkU3Ryb2tlID1cbiAgICAgIGRvbWFpbi5sYWJlbFN0ZXAgKiAyID09PSBkb21haW4uc3RlcCB8fCByYW5nZS5sYWJlbFN0ZXAgKiAyID09PSByYW5nZS5zdGVwID8gJyM5RkE4REEnIDogJyM3OTg1Q0InO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDx2eC5HcmlkXG4gICAgICAgICAgaW5uZXJSZWY9eyhyKSA9PiAodGhpcy5ncmlkID0gcil9XG4gICAgICAgICAgeFNjYWxlPXtzY2FsZS54fVxuICAgICAgICAgIHlTY2FsZT17c2NhbGUueX1cbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgc3Ryb2tlPVwiI0QzRDNEM1wiXG4gICAgICAgICAgcm93VGlja1ZhbHVlcz17cm93VGlja1ZhbHVlc31cbiAgICAgICAgICBjb2x1bW5UaWNrVmFsdWVzPXtjb2x1bW5UaWNrVmFsdWVzfVxuICAgICAgICAvPlxuICAgICAgICB7ZGlzcGxheUFkZGl0aW9uYWxHcmlkICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPHZ4LkdyaWRSb3dzXG4gICAgICAgICAgICAgIHNjYWxlPXtzY2FsZS55fVxuICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAgIHRpY2tWYWx1ZXM9e3Jvd1RpY2tMYWJlbFZhbHVlc31cbiAgICAgICAgICAgICAgc3Ryb2tlPXthZGRpdGlvbmFsR3JpZFN0cm9rZX1cbiAgICAgICAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtyb3dTdHJva2VEYXNoYXJyYXl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHZ4LkdyaWRDb2x1bW5zXG4gICAgICAgICAgICAgIHNjYWxlPXtzY2FsZS54fVxuICAgICAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgICAgICAgdGlja1ZhbHVlcz17Y29sdW1uVGlja0xhYmVsVmFsdWVzfVxuICAgICAgICAgICAgICBzdHJva2U9e2FkZGl0aW9uYWxHcmlkU3Ryb2tlfVxuICAgICAgICAgICAgICBzdHJva2VEYXNoYXJyYXk9e2NvbHVtblN0cm9rZURhc2hhcnJheX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoKCkgPT4gKHt9KSkoR3JpZCk7XG4iXX0=

package/lib/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Graph", {
+  enumerable: true,
+  get: function get() {
+    return _graph["default"];
+  }
+});
+Object.defineProperty(exports, "GraphContainer", {
+  enumerable: true,
+  get: function get() {
+    return _container["default"];
+  }
+});
+Object.defineProperty(exports, "GridSetup", {
+  enumerable: true,
+  get: function get() {
+    return _gridSetup["default"];
+  }
+});
+Object.defineProperty(exports, "ToolMenu", {
+  enumerable: true,
+  get: function get() {
+    return _toolMenu["default"];
+  }
+});
+exports.tools = void 0;
+
+var _graph = _interopRequireDefault(require("./graph"));
+
+var _container = _interopRequireDefault(require("./container"));
+
+var _gridSetup = _interopRequireDefault(require("./grid-setup"));
+
+var tools = _interopRequireWildcard(require("./tools"));
+
+exports.tools = tools;
+
+var _toolMenu = _interopRequireDefault(require("./tool-menu"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgR3JhcGggZnJvbSAnLi9ncmFwaCc7XG5pbXBvcnQgR3JhcGhDb250YWluZXIgZnJvbSAnLi9jb250YWluZXInO1xuaW1wb3J0IEdyaWRTZXR1cCBmcm9tICcuL2dyaWQtc2V0dXAnO1xuaW1wb3J0ICogYXMgdG9vbHMgZnJvbSAnLi90b29scyc7XG5pbXBvcnQgVG9vbE1lbnUgZnJvbSAnLi90b29sLW1lbnUnO1xuXG5leHBvcnQgeyBHcmFwaCwgR3JhcGhDb250YWluZXIsIEdyaWRTZXR1cCwgVG9vbE1lbnUsIHRvb2xzIH07XG4iXX0=

package/lib/labels.js

@@ -0,0 +1,299 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransform = exports["default"] = exports.Labels = exports.LabelType = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _plot = require("@pie-lib/plot");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+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) { (0, _defineProperty2["default"])(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var rotations = {
+  left: -90,
+  top: 0,
+  bottom: 0,
+  right: 90
+};
+
+var getTransform = function getTransform(side, width, height) {
+  var t = function t(x, y, rotate) {
+    return "translate(".concat(x, ", ").concat(y, "), rotate(").concat(rotate, ")");
+  };
+
+  if (side === 'left') {
+    return t(-20, height / 2, rotations[side]);
+  }
+
+  if (side === 'right') {
+    return t(width + 30, height / 2, rotations[side]);
+  }
+
+  if (side === 'top') {
+    return t(width / 2, -20, rotations[side]);
+  }
+
+  if (side === 'bottom') {
+    return t(width / 2, height + 30, rotations[side]);
+  }
+};
+
+exports.getTransform = getTransform;
+
+var getY = function getY(side, height) {
+  switch (side) {
+    case 'left':
+      return -height;
+
+    case 'top':
+      return -height;
+
+    case 'right':
+      return -height - 10;
+
+    default:
+      return -height + 10;
+  }
+};
+
+var RawLabel = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawLabel, _React$Component);
+
+  var _super = _createSuper(RawLabel);
+
+  function RawLabel() {
+    (0, _classCallCheck2["default"])(this, RawLabel);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(RawLabel, [{
+    key: "render",
+    value: function render() {
+      var _cn;
+
+      var _this$props = this.props,
+          disabledLabel = _this$props.disabledLabel,
+          placeholder = _this$props.placeholder,
+          text = _this$props.text,
+          side = _this$props.side,
+          graphProps = _this$props.graphProps,
+          classes = _this$props.classes,
+          onChange = _this$props.onChange,
+          _this$props$mathMlOpt = _this$props.mathMlOptions,
+          mathMlOptions = _this$props$mathMlOpt === void 0 ? {} : _this$props$mathMlOpt;
+      var size = graphProps.size,
+          domain = graphProps.domain,
+          range = graphProps.range;
+      var totalHeight = (size.height || 500) + (range.padding || 0) * 2;
+      var totalWidth = (size.width || 500) + (domain.padding || 0) * 2;
+      var transform = getTransform(side, totalWidth, totalHeight);
+      var width = side === 'left' || side === 'right' ? totalHeight : totalWidth;
+      var height = 36;
+      var y = getY(side, height);
+      var finalHeight = side === 'bottom' ? height + 22 : height + 18;
+      var activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math' // 'languageCharacters'
+      ];
+      return /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: -(width / 2),
+        y: y,
+        width: width,
+        height: finalHeight,
+        transform: transform,
+        textAnchor: "middle"
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
+        "false": true
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        className: (0, _classnames["default"])((_cn = {}, (0, _defineProperty2["default"])(_cn, classes.bottomLabel, side === 'bottom'), (0, _defineProperty2["default"])(_cn, classes.disabledAxisLabel, disabledLabel), _cn), classes.axisLabel),
+        markup: text || '',
+        onChange: onChange,
+        placeholder: !disabledLabel && placeholder,
+        toolbarOpts: {
+          position: side === 'bottom' ? 'top' : 'bottom',
+          noPadding: true,
+          noBorder: true
+        },
+        activePlugins: activePlugins,
+        mathMlOptions: mathMlOptions
+      })));
+    }
+  }]);
+  return RawLabel;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(RawLabel, "propTypes", {
+  text: _propTypes["default"].string,
+  side: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  disabledLabel: _propTypes["default"].bool,
+  placeholder: _propTypes["default"].string,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  onChange: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(RawLabel, "defaultProps", {
+  onChange: function onChange() {}
+});
+var Label = (0, _styles.withStyles)(function (theme) {
+  return {
+    label: {
+      fill: _renderUi.color.defaults.SECONDARY
+    },
+    axisLabel: {
+      fontSize: theme.typography.fontSize - 2,
+      textAlign: 'center',
+      padding: '0 4px'
+    },
+    disabledAxisLabel: {
+      pointerEvents: 'none'
+    },
+    bottomLabel: {
+      marginTop: '44px'
+    }
+  };
+})(RawLabel);
+var LabelType = {
+  left: _propTypes["default"].string,
+  top: _propTypes["default"].string,
+  bottom: _propTypes["default"].string,
+  right: _propTypes["default"].string
+};
+exports.LabelType = LabelType;
+
+var Labels = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(Labels, _React$Component2);
+
+  var _super2 = _createSuper(Labels);
+
+  function Labels() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Labels);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeLabel", function (newValue, side) {
+      var _this$props2 = _this.props,
+          value = _this$props2.value,
+          onChange = _this$props2.onChange;
+
+      var labels = _objectSpread(_objectSpread({}, value), {}, (0, _defineProperty2["default"])({}, side, newValue));
+
+      onChange(labels);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Labels, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          disabledLabels = _this$props3.disabledLabels,
+          _this$props3$placehol = _this$props3.placeholders,
+          placeholders = _this$props3$placehol === void 0 ? {} : _this$props3$placehol,
+          _this$props3$value = _this$props3.value,
+          value = _this$props3$value === void 0 ? {} : _this$props3$value,
+          graphProps = _this$props3.graphProps,
+          _this$props3$mathMlOp = _this$props3.mathMlOptions,
+          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Label, {
+        key: "left",
+        side: "left",
+        text: value.left,
+        disabledLabel: disabledLabels,
+        placeholder: placeholders.left,
+        graphProps: graphProps,
+        onChange: function onChange(value) {
+          return _this2.onChangeLabel(value, 'left');
+        },
+        mathMlOptions: mathMlOptions
+      }), /*#__PURE__*/_react["default"].createElement(Label, {
+        key: "top",
+        side: "top",
+        text: value.top,
+        disabledLabel: disabledLabels,
+        placeholder: placeholders.top,
+        graphProps: graphProps,
+        onChange: function onChange(value) {
+          return _this2.onChangeLabel(value, 'top');
+        },
+        mathMlOptions: mathMlOptions
+      }), /*#__PURE__*/_react["default"].createElement(Label, {
+        key: "bottom",
+        side: "bottom",
+        text: value.bottom,
+        disabledLabel: disabledLabels,
+        placeholder: placeholders.bottom,
+        graphProps: graphProps,
+        onChange: function onChange(value) {
+          return _this2.onChangeLabel(value, 'bottom');
+        },
+        mathMlOptions: mathMlOptions
+      }), /*#__PURE__*/_react["default"].createElement(Label, {
+        key: "right",
+        side: "right",
+        text: value.right,
+        disabledLabel: disabledLabels,
+        placeholder: placeholders.right,
+        graphProps: graphProps,
+        onChange: function onChange(value) {
+          return _this2.onChangeLabel(value, 'right');
+        },
+        mathMlOptions: mathMlOptions
+      }));
+    }
+  }]);
+  return Labels;
+}(_react["default"].Component);
+
+exports.Labels = Labels;
+(0, _defineProperty2["default"])(Labels, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  disabledLabels: _propTypes["default"].bool,
+  placeholders: _propTypes["default"].object,
+  value: _propTypes["default"].shape(LabelType),
+  graphProps: _propTypes["default"].object,
+  onChange: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(Labels, "defaultProps", {});
+var _default = Labels;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9sYWJlbHMuanN4Il0sIm5hbWVzIjpbInJvdGF0aW9ucyIsImxlZnQiLCJ0b3AiLCJib3R0b20iLCJyaWdodCIsImdldFRyYW5zZm9ybSIsInNpZGUiLCJ3aWR0aCIsImhlaWdodCIsInQiLCJ4IiwieSIsInJvdGF0ZSIsImdldFkiLCJSYXdMYWJlbCIsInByb3BzIiwiZGlzYWJsZWRMYWJlbCIsInBsYWNlaG9sZGVyIiwidGV4dCIsImdyYXBoUHJvcHMiLCJjbGFzc2VzIiwib25DaGFuZ2UiLCJtYXRoTWxPcHRpb25zIiwic2l6ZSIsImRvbWFpbiIsInJhbmdlIiwidG90YWxIZWlnaHQiLCJwYWRkaW5nIiwidG90YWxXaWR0aCIsInRyYW5zZm9ybSIsImZpbmFsSGVpZ2h0IiwiYWN0aXZlUGx1Z2lucyIsImJvdHRvbUxhYmVsIiwiZGlzYWJsZWRBeGlzTGFiZWwiLCJheGlzTGFiZWwiLCJwb3NpdGlvbiIsIm5vUGFkZGluZyIsIm5vQm9yZGVyIiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJvYmplY3QiLCJib29sIiwidHlwZXMiLCJHcmFwaFByb3BzVHlwZSIsImlzUmVxdWlyZWQiLCJmdW5jIiwiTGFiZWwiLCJ0aGVtZSIsImxhYmVsIiwiZmlsbCIsImNvbG9yIiwiZGVmYXVsdHMiLCJTRUNPTkRBUlkiLCJmb250U2l6ZSIsInR5cG9ncmFwaHkiLCJ0ZXh0QWxpZ24iLCJwb2ludGVyRXZlbnRzIiwibWFyZ2luVG9wIiwiTGFiZWxUeXBlIiwiTGFiZWxzIiwibmV3VmFsdWUiLCJ2YWx1ZSIsImxhYmVscyIsImRpc2FibGVkTGFiZWxzIiwicGxhY2Vob2xkZXJzIiwib25DaGFuZ2VMYWJlbCIsImNsYXNzTmFtZSIsInNoYXBlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxH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RixlQStCRSxnQ0FBQyxLQUFEO0FBQ0UsUUFBQSxHQUFHLEVBQUMsT0FETjtBQUVFLFFBQUEsSUFBSSxFQUFDLE9BRlA7QUFHRSxRQUFBLElBQUksRUFBRXlDLEtBQUssQ0FBQzNELEtBSGQ7QUFJRSxRQUFBLGFBQWEsRUFBRTZELGNBSmpCO0FBS0UsUUFBQSxXQUFXLEVBQUVDLFlBQVksQ0FBQzlELEtBTDVCO0FBTUUsUUFBQSxVQUFVLEVBQUVlLFVBTmQ7QUFPRSxRQUFBLFFBQVEsRUFBRSxrQkFBQzRDLEtBQUQ7QUFBQSxpQkFBVyxNQUFJLENBQUNJLGFBQUwsQ0FBbUJKLEtBQW5CLEVBQTBCLE9BQTFCLENBQVg7QUFBQSxTQVBaO0FBUUUsUUFBQSxhQUFhLEVBQUV6QztBQVJqQixRQS9CRixDQURGO0FBNENEOzs7RUF0RXlCZ0Isa0JBQU1DLFM7OztpQ0FBckJzQixNLGVBQ1E7QUFDakJ6QyxFQUFBQSxPQUFPLEVBQUVvQixzQkFBVUUsTUFERjtBQUVqQjBCLEVBQUFBLFNBQVMsRUFBRTVCLHNCQUFVQyxNQUZKO0FBR2pCd0IsRUFBQUEsY0FBYyxFQUFFekIsc0JBQVVHLElBSFQ7QUFJakJ1QixFQUFBQSxZQUFZLEVBQUUxQixzQkFBVUUsTUFKUDtBQUtqQnFCLEVBQUFBLEtBQUssRUFBRXZCLHNCQUFVNkIsS0FBVixDQUFnQlQsU0FBaEIsQ0FMVTtBQU1qQnpDLEVBQUFBLFVBQVUsRUFBRXFCLHNCQUFVRSxNQU5MO0FBT2pCckIsRUFBQUEsUUFBUSxFQUFFbUIsc0JBQVVFO0FBUEgsQztpQ0FEUm1CLE0sa0JBV1csRTtlQThEVEEsTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJ0BwaWUtbGliL3Bsb3QnO1xuaW1wb3J0IHsgY29sb3IsIFJlYWRhYmxlIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcbmltcG9ydCBFZGl0YWJsZUh0bWwgZnJvbSAnQHBpZS1saWIvZWRpdGFibGUtaHRtbCc7XG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmNvbnN0IHJvdGF0aW9ucyA9IHtcbiAgbGVmdDogLTkwLFxuICB0b3A6IDAsXG4gIGJvdHRvbTogMCxcbiAgcmlnaHQ6IDkwLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldFRyYW5zZm9ybSA9IChzaWRlLCB3aWR0aCwgaGVpZ2h0KSA9PiB7XG4gIGNvbnN0IHQgPSAoeCwgeSwgcm90YXRlKSA9PiBgdHJhbnNsYXRlKCR7eH0sICR7eX0pLCByb3RhdGUoJHtyb3RhdGV9KWA7XG5cbiAgaWYgKHNpZGUgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiB0KC0yMCwgaGVpZ2h0IC8gMiwgcm90YXRpb25zW3NpZGVdKTtcbiAgfVxuICBpZiAoc2lkZSA9PT0gJ3JpZ2h0Jykge1xuICAgIHJldHVybiB0KHdpZHRoICsgMzAsIGhlaWdodCAvIDIsIHJvdGF0aW9uc1tzaWRlXSk7XG4gIH1cbiAgaWYgKHNpZGUgPT09ICd0b3AnKSB7XG4gICAgcmV0dXJuIHQod2lkdGggLyAyLCAtMjAsIHJvdGF0aW9uc1tzaWRlXSk7XG4gIH1cbiAgaWYgKHNpZGUgPT09ICdib3R0b20nKSB7XG4gICAgcmV0dXJuIHQod2lkdGggLyAyLCBoZWlnaHQgKyAzMCwgcm90YXRpb25zW3NpZGVdKTtcbiAgfVxufTtcblxuY29uc3QgZ2V0WSA9IChzaWRlLCBoZWlnaHQpID0+IHtcbiAgc3dpdGNoIChzaWRlKSB7XG4gICAgY2FzZSAnbGVmdCc6XG4gICAgICByZXR1cm4gLWhlaWdodDtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIC1oZWlnaHQ7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIC1oZWlnaHQgLSAxMDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIC1oZWlnaHQgKyAxMDtcbiAgfVxufTtcblxuY2xhc3MgUmF3TGFiZWwgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIHRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgc2lkZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGRpc2FibGVkTGFiZWw6IFByb3BUeXBlcy5ib29sLFxuICAgIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGdyYXBoUHJvcHM6IHR5cGVzLkdyYXBoUHJvcHNUeXBlLmlzUmVxdWlyZWQsXG4gICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICB9O1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgb25DaGFuZ2U6ICgpID0+IHt9LFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGRpc2FibGVkTGFiZWwsIHBsYWNlaG9sZGVyLCB0ZXh0LCBzaWRlLCBncmFwaFByb3BzLCBjbGFzc2VzLCBvbkNoYW5nZSwgbWF0aE1sT3B0aW9ucyA9IHt9IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgc2l6ZSwgZG9tYWluLCByYW5nZSB9ID0gZ3JhcGhQcm9wcztcbiAgICBjb25zdCB0b3RhbEhlaWdodCA9IChzaXplLmhlaWdodCB8fCA1MDApICsgKHJhbmdlLnBhZGRpbmcgfHwgMCkgKiAyO1xuICAgIGNvbnN0IHRvdGFsV2lkdGggPSAoc2l6ZS53aWR0aCB8fCA1MDApICsgKGRvbWFpbi5wYWRkaW5nIHx8IDApICogMjtcblxuICAgIGNvbnN0IHRyYW5zZm9ybSA9IGdldFRyYW5zZm9ybShzaWRlLCB0b3RhbFdpZHRoLCB0b3RhbEhlaWdodCk7XG4gICAgY29uc3Qgd2lkdGggPSBzaWRlID09PSAnbGVmdCcgfHwgc2lkZSA9PT0gJ3JpZ2h0JyA/IHRvdGFsSGVpZ2h0IDogdG90YWxXaWR0aDtcbiAgICBjb25zdCBoZWlnaHQgPSAzNjtcbiAgICBjb25zdCB5ID0gZ2V0WShzaWRlLCBoZWlnaHQpO1xuICAgIGNvbnN0IGZpbmFsSGVpZ2h0ID0gc2lkZSA9PT0gJ2JvdHRvbScgPyBoZWlnaHQgKyAyMiA6IGhlaWdodCArIDE4O1xuXG4gICAgY29uc3QgYWN0aXZlUGx1Z2lucyA9IFtcbiAgICAgICdib2xkJyxcbiAgICAgICdpdGFsaWMnLFxuICAgICAgJ3VuZGVybGluZScsXG4gICAgICAnc3RyaWtldGhyb3VnaCcsXG4gICAgICAnbWF0aCcsXG4gICAgICAvLyAnbGFuZ3VhZ2VDaGFyYWN0ZXJzJ1xuICAgIF07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGZvcmVpZ25PYmplY3RcbiAgICAgICAgeD17LSh3aWR0aCAvIDIpfVxuICAgICAgICB5PXt5fVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgIGhlaWdodD17ZmluYWxIZWlnaHR9XG4gICAgICAgIHRyYW5zZm9ybT17dHJhbnNmb3JtfVxuICAgICAgICB0ZXh0QW5jaG9yPVwibWlkZGxlXCJcbiAgICAgID5cbiAgICAgICAgPFJlYWRhYmxlIGZhbHNlPlxuICAgICAgICAgIDxFZGl0YWJsZUh0bWxcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBbY2xhc3Nlcy5ib3R0b21MYWJlbF06IHNpZGUgPT09ICdib3R0b20nLFxuICAgICAgICAgICAgICAgIFtjbGFzc2VzLmRpc2FibGVkQXhpc0xhYmVsXTogZGlzYWJsZWRMYWJlbCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgY2xhc3Nlcy5heGlzTGFiZWwsXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgbWFya3VwPXt0ZXh0IHx8ICcnfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFkaXNhYmxlZExhYmVsICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgdG9vbGJhck9wdHM9e3tcbiAgICAgICAgICAgICAgcG9zaXRpb246IHNpZGUgPT09ICdib3R0b20nID8gJ3RvcCcgOiAnYm90dG9tJyxcbiAgICAgICAgICAgICAgbm9QYWRkaW5nOiB0cnVlLFxuICAgICAgICAgICAgICBub0JvcmRlcjogdHJ1ZSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBhY3RpdmVQbHVnaW5zPXthY3RpdmVQbHVnaW5zfVxuICAgICAgICAgICAgbWF0aE1sT3B0aW9ucz17bWF0aE1sT3B0aW9uc31cbiAgICAgICAgICAvPlxuICAgICAgICA8L1JlYWRhYmxlPlxuICAgICAgPC9mb3JlaWduT2JqZWN0PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgTGFiZWwgPSB3aXRoU3R5bGVzKCh0aGVtZSkgPT4gKHtcbiAgbGFiZWw6IHtcbiAgICBmaWxsOiBjb2xvci5kZWZhdWx0cy5TRUNPTkRBUlksXG4gIH0sXG4gIGF4aXNMYWJlbDoge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplIC0gMixcbiAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgIHBhZGRpbmc6ICcwIDRweCcsXG4gIH0sXG4gIGRpc2FibGVkQXhpc0xhYmVsOiB7XG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICB9LFxuICBib3R0b21MYWJlbDoge1xuICAgIG1hcmdpblRvcDogJzQ0cHgnLFxuICB9LFxufSkpKFJhd0xhYmVsKTtcblxuZXhwb3J0IGNvbnN0IExhYmVsVHlwZSA9IHtcbiAgbGVmdDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdG9wOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBib3R0b206IFByb3BUeXBlcy5zdHJpbmcsXG4gIHJpZ2h0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGNsYXNzIExhYmVscyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZGlzYWJsZWRMYWJlbHM6IFByb3BUeXBlcy5ib29sLFxuICAgIHBsYWNlaG9sZGVyczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLnNoYXBlKExhYmVsVHlwZSksXG4gICAgZ3JhcGhQcm9wczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgfTtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG5cbiAgb25DaGFuZ2VMYWJlbCA9IChuZXdWYWx1ZSwgc2lkZSkgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIG9uQ2hhbmdlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGxhYmVscyA9IHtcbiAgICAgIC4uLnZhbHVlLFxuICAgICAgW3NpZGVdOiBuZXdWYWx1ZSxcbiAgICB9O1xuXG4gICAgb25DaGFuZ2UobGFiZWxzKTtcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBkaXNhYmxlZExhYmVscywgcGxhY2Vob2xkZXJzID0ge30sIHZhbHVlID0ge30sIGdyYXBoUHJvcHMsIG1hdGhNbE9wdGlvbnMgPSB7fSB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIDxMYWJlbFxuICAgICAgICAgIGtleT1cImxlZnRcIlxuICAgICAgICAgIHNpZGU9XCJsZWZ0XCJcbiAgICAgICAgICB0ZXh0PXt2YWx1ZS5sZWZ0fVxuICAgICAgICAgIGRpc2FibGVkTGFiZWw9e2Rpc2FibGVkTGFiZWxzfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcnMubGVmdH1cbiAgICAgICAgICBncmFwaFByb3BzPXtncmFwaFByb3BzfVxuICAgICAgICAgIG9uQ2hhbmdlPXsodmFsdWUpID0+IHRoaXMub25DaGFuZ2VMYWJlbCh2YWx1ZSwgJ2xlZnQnKX1cbiAgICAgICAgICBtYXRoTWxPcHRpb25zPXttYXRoTWxPcHRpb25zfVxuICAgICAgICAvPlxuICAgICAgICA8TGFiZWxcbiAgICAgICAgICBrZXk9XCJ0b3BcIlxuICAgICAgICAgIHNpZGU9XCJ0b3BcIlxuICAgICAgICAgIHRleHQ9e3ZhbHVlLnRvcH1cbiAgICAgICAgICBkaXNhYmxlZExhYmVsPXtkaXNhYmxlZExhYmVsc31cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJzLnRvcH1cbiAgICAgICAgICBncmFwaFByb3BzPXtncmFwaFByb3BzfVxuICAgICAgICAgIG9uQ2hhbmdlPXsodmFsdWUpID0+IHRoaXMub25DaGFuZ2VMYWJlbCh2YWx1ZSwgJ3RvcCcpfVxuICAgICAgICAgIG1hdGhNbE9wdGlvbnM9e21hdGhNbE9wdGlvbnN9XG4gICAgICAgIC8+XG4gICAgICAgIDxMYWJlbFxuICAgICAgICAgIGtleT1cImJvdHRvbVwiXG4gICAgICAgICAgc2lkZT1cImJvdHRvbVwiXG4gICAgICAgICAgdGV4dD17dmFsdWUuYm90dG9tfVxuICAgICAgICAgIGRpc2FibGVkTGFiZWw9e2Rpc2FibGVkTGFiZWxzfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcnMuYm90dG9tfVxuICAgICAgICAgIGdyYXBoUHJvcHM9e2dyYXBoUHJvcHN9XG4gICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZSkgPT4gdGhpcy5vbkNoYW5nZUxhYmVsKHZhbHVlLCAnYm90dG9tJyl9XG4gICAgICAgICAgbWF0aE1sT3B0aW9ucz17bWF0aE1sT3B0aW9uc31cbiAgICAgICAgLz5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAga2V5PVwicmlnaHRcIlxuICAgICAgICAgIHNpZGU9XCJyaWdodFwiXG4gICAgICAgICAgdGV4dD17dmFsdWUucmlnaHR9XG4gICAgICAgICAgZGlzYWJsZWRMYWJlbD17ZGlzYWJsZWRMYWJlbHN9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVycy5yaWdodH1cbiAgICAgICAgICBncmFwaFByb3BzPXtncmFwaFByb3BzfVxuICAgICAgICAgIG9uQ2hhbmdlPXsodmFsdWUpID0+IHRoaXMub25DaGFuZ2VMYWJlbCh2YWx1ZSwgJ3JpZ2h0Jyl9XG4gICAgICAgICAgbWF0aE1sT3B0aW9ucz17bWF0aE1sT3B0aW9uc31cbiAgICAgICAgLz5cbiAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBMYWJlbHM7XG4iXX0=