kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KSparkline/KSparkline.js

@@ -0,0 +1,375 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _core = require("./helpers/core");
+
+var _path = require("./helpers/path");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _default2 = (0, _mixins.default)(_colorable.default).extend({
+  name: 'KSparkline',
+  inheritAttrs: false,
+  props: {
+    autoDraw: Boolean,
+    autoDrawDuration: {
+      type: Number,
+      default: 2000
+    },
+    autoDrawEasing: {
+      type: String,
+      default: 'ease'
+    },
+    autoLineWidth: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    fill: {
+      type: Boolean,
+      default: false
+    },
+    gradient: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    gradientDirection: {
+      type: String,
+      validator: function validator(val) {
+        return ['top', 'bottom', 'left', 'right'].includes(val);
+      },
+      default: 'top'
+    },
+    height: {
+      type: [String, Number],
+      default: 75
+    },
+    labels: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    labelSize: {
+      type: [Number, String],
+      default: 7
+    },
+    lineWidth: {
+      type: [String, Number],
+      default: 4
+    },
+    padding: {
+      type: [String, Number],
+      default: 8
+    },
+    showLabels: Boolean,
+    smooth: {
+      type: [Boolean, Number, String],
+      default: false
+    },
+    type: {
+      type: String,
+      default: 'trend',
+      validator: function validator(val) {
+        return ['trend', 'bar'].includes(val);
+      }
+    },
+    value: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    width: {
+      type: [Number, String],
+      default: 300
+    }
+  },
+  data: function data() {
+    return {
+      lastLength: 0
+    };
+  },
+  computed: {
+    parsedPadding: function parsedPadding() {
+      return Number(this.padding);
+    },
+    parsedWidth: function parsedWidth() {
+      return Number(this.width);
+    },
+    parsedHeight: function parsedHeight() {
+      return parseInt(this.height, 10);
+    },
+    parsedLabelSize: function parsedLabelSize() {
+      return parseInt(this.labelSize, 10) || 7;
+    },
+    totalHeight: function totalHeight() {
+      var height = this.parsedHeight;
+      if (this.hasLabels) height += parseInt(this.labelSize, 10) * 1.5;
+      return height;
+    },
+    totalWidth: function totalWidth() {
+      var width = this.parsedWidth;
+      if (this.type === 'bar') width = Math.max(this.value.length * this._lineWidth, width);
+      return width;
+    },
+    totalValues: function totalValues() {
+      return this.value.length;
+    },
+    _lineWidth: function _lineWidth() {
+      if (this.autoLineWidth && this.type !== 'trend') {
+        var totalPadding = this.parsedPadding * (this.totalValues + 1);
+        return (this.parsedWidth - totalPadding) / this.totalValues;
+      } else {
+        return parseFloat(this.lineWidth) || 4;
+      }
+    },
+    boundary: function boundary() {
+      if (this.type === 'bar') return {
+        minX: 0,
+        maxX: this.totalWidth,
+        minY: 0,
+        maxY: this.parsedHeight
+      };
+      var padding = this.parsedPadding;
+      return {
+        minX: padding,
+        maxX: this.totalWidth - padding,
+        minY: padding,
+        maxY: this.parsedHeight - padding
+      };
+    },
+    hasLabels: function hasLabels() {
+      return Boolean(this.showLabels || this.labels.length > 0 || this.$scopedSlots.label);
+    },
+    parsedLabels: function parsedLabels() {
+      var labels = [];
+      var points = this._values;
+      var len = points.length;
+
+      for (var i = 0; labels.length < len; i++) {
+        var item = points[i];
+        var value = this.labels[i];
+
+        if (!value) {
+          value = _typeof(item) === 'object' ? item.value : item;
+        }
+
+        labels.push({
+          x: item.x,
+          value: String(value)
+        });
+      }
+
+      return labels;
+    },
+    normalizedValues: function normalizedValues() {
+      return this.value.map(function (item) {
+        return typeof item === 'number' ? item : item.value;
+      });
+    },
+    _values: function _values() {
+      return this.type === 'trend' ? (0, _core.genPoints)(this.normalizedValues, this.boundary) : (0, _core.genBars)(this.normalizedValues, this.boundary);
+    },
+    textY: function textY() {
+      var y = this.parsedHeight;
+      if (this.type === 'trend') y -= 4;
+      return y;
+    },
+    _radius: function _radius() {
+      return this.smooth === true ? 8 : Number(this.smooth);
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler: function handler() {
+        var _this = this;
+
+        this.$nextTick(function () {
+          if (!_this.autoDraw || _this.type === 'bar' || !_this.$refs.path) return;
+          var path = _this.$refs.path;
+          var length = path.getTotalLength();
+
+          if (!_this.fill) {
+            path.style.transition = 'none';
+            path.style.strokeDasharray = length + ' ' + length;
+            path.style.strokeDashoffset = Math.abs(length - (_this.lastLength || 0)).toString();
+            path.getBoundingClientRect();
+            path.style.transition = "stroke-dashoffset ".concat(_this.autoDrawDuration, "ms ").concat(_this.autoDrawEasing);
+            path.style.strokeDashoffset = '0';
+          } else {
+            path.style.transformOrigin = 'bottom center';
+            path.style.transition = 'none';
+            path.style.transform = "scaleY(0)";
+            path.getBoundingClientRect();
+            path.style.transition = "transform ".concat(_this.autoDrawDuration, "ms ").concat(_this.autoDrawEasing);
+            path.style.transform = "scaleY(1)";
+          }
+
+          _this.lastLength = length;
+        });
+      }
+    }
+  },
+  methods: {
+    genGradient: function genGradient() {
+      var _this2 = this;
+
+      var gradientDirection = this.gradientDirection;
+      var gradient = this.gradient.slice(); // Pushes empty string to force
+      // a fallback to currentColor
+
+      if (!gradient.length) gradient.push('');
+      var len = Math.max(gradient.length - 1, 1);
+      var stops = gradient.reverse().map(function (color, index) {
+        return _this2.$createElement('stop', {
+          attrs: {
+            offset: index / len,
+            'stop-color': color || 'currentColor'
+          }
+        });
+      });
+      return this.$createElement('defs', [this.$createElement('linearGradient', {
+        attrs: {
+          id: this._uid,
+          gradientUnits: 'userSpaceOnUse',
+          x1: gradientDirection === 'left' ? '100%' : '0',
+          y1: gradientDirection === 'top' ? '100%' : '0',
+          x2: gradientDirection === 'right' ? '100%' : '0',
+          y2: gradientDirection === 'bottom' ? '100%' : '0'
+        }
+      }, stops)]);
+    },
+    genG: function genG(children) {
+      return this.$createElement('g', {
+        style: {
+          fontSize: '8',
+          textAnchor: 'middle',
+          dominantBaseline: 'mathematical',
+          fill: 'currentColor'
+        }
+      }, children);
+    },
+    genPath: function genPath() {
+      var points = (0, _core.genPoints)(this.normalizedValues, this.boundary);
+      return this.$createElement('path', {
+        attrs: {
+          d: (0, _path.genPath)(points, this._radius, this.fill, this.parsedHeight),
+          fill: this.fill ? "url(#".concat(this._uid, ")") : 'none',
+          stroke: this.fill ? 'none' : "url(#".concat(this._uid, ")")
+        },
+        ref: 'path'
+      });
+    },
+    genLabels: function genLabels(offsetX) {
+      var _this3 = this;
+
+      var children = this.parsedLabels.map(function (item, i) {
+        return _this3.$createElement('text', {
+          attrs: {
+            x: item.x + offsetX + _this3._lineWidth / 2,
+            y: _this3.textY + _this3.parsedLabelSize * 0.75,
+            'font-size': Number(_this3.labelSize) || 7
+          }
+        }, [_this3.genLabel(item, i)]);
+      });
+      return this.genG(children);
+    },
+    genLabel: function genLabel(item, index) {
+      return this.$scopedSlots.label ? this.$scopedSlots.label({
+        index: index,
+        value: item.value
+      }) : item.value;
+    },
+    genBars: function genBars() {
+      if (!this.value || this.totalValues < 2) return undefined;
+      var bars = (0, _core.genBars)(this.normalizedValues, this.boundary);
+      var offsetX = (Math.abs(bars[0].x - bars[1].x) - this._lineWidth) / 2;
+      return this.$createElement('svg', {
+        attrs: {
+          display: 'block',
+          viewBox: "0 0 ".concat(this.totalWidth, " ").concat(this.totalHeight)
+        }
+      }, [this.genGradient(), this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this._uid), this.hasLabels ? this.genLabels(offsetX) : undefined, this.$createElement('g', {
+        attrs: {
+          'clip-path': "url(#sparkline-bar-".concat(this._uid, "-clip)"),
+          fill: "url(#".concat(this._uid, ")")
+        }
+      }, [this.$createElement('rect', {
+        attrs: {
+          x: 0,
+          y: 0,
+          width: this.totalWidth,
+          height: this.height
+        }
+      })])]);
+    },
+    genClipPath: function genClipPath(bars, offsetX, lineWidth, id) {
+      var _this4 = this;
+
+      var rounding = typeof this.smooth === 'number' ? this.smooth : this.smooth ? 2 : 0;
+      return this.$createElement('clipPath', {
+        attrs: {
+          id: "".concat(id, "-clip")
+        }
+      }, bars.map(function (item) {
+        return _this4.$createElement('rect', {
+          attrs: {
+            x: item.x + offsetX,
+            y: item.y,
+            width: lineWidth,
+            height: item.height,
+            rx: rounding,
+            ry: rounding
+          }
+        }, [_this4.autoDraw ? _this4.$createElement('animate', {
+          attrs: {
+            attributeName: 'height',
+            from: 0,
+            to: item.height,
+            dur: "".concat(_this4.autoDrawDuration, "ms"),
+            fill: 'freeze'
+          }
+        }) : undefined]);
+      }));
+    },
+    genTrend: function genTrend() {
+      return this.$createElement('svg', this.setTextColor(this.color, {
+        attrs: _objectSpread(_objectSpread({}, this.$attrs), {}, {
+          display: 'block',
+          'stroke-width': this._lineWidth || 1,
+          viewBox: "0 0 ".concat(this.width, " ").concat(this.totalHeight)
+        })
+      }), [this.genGradient(), this.hasLabels && this.genLabels(-(this._lineWidth / 2)), this.genPath()]);
+    }
+  },
+  render: function render(h) {
+    if (this.totalValues < 2) return undefined;
+    return this.type === 'trend' ? this.genTrend() : this.genBars();
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KSparkline.js.map

package/es5/components/KSparkline/KSparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSparkline/KSparkline.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { genPoints, genBars } from './helpers/core'\nimport { genPath } from './helpers/path'\n\n// Types\nimport Kdu, { KNode } from 'kdu'\nimport { Prop, PropValidator } from 'kdu/types/options'\n\nexport type SparklineItem = number | { value: number }\n\nexport type SparklineText = {\n  x: number\n  value: string\n}\n\nexport interface Boundary {\n  minX: number\n  minY: number\n  maxX: number\n  maxY: number\n}\n\nexport interface Point {\n  x: number\n  y: number\n  value: number\n}\n\nexport interface Bar {\n  x: number\n  y: number\n  height: number\n  value: number\n}\n\ninterface options extends Kdu {\n  $refs: {\n    path: SVGPathElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractKdu<[\n    typeof Colorable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable\n).extend({\n  name: 'KSparkline',\n\n  inheritAttrs: false,\n\n  props: {\n    autoDraw: Boolean,\n    autoDrawDuration: {\n      type: Number,\n      default: 2000,\n    },\n    autoDrawEasing: {\n      type: String,\n      default: 'ease',\n    },\n    autoLineWidth: {\n      type: Boolean,\n      default: false,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    fill: {\n      type: Boolean,\n      default: false,\n    },\n    gradient: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n    gradientDirection: {\n      type: String as Prop<'top' | 'bottom' | 'left' | 'right'>,\n      validator: (val: string) => ['top', 'bottom', 'left', 'right'].includes(val),\n      default: 'top',\n    },\n    height: {\n      type: [String, Number],\n      default: 75,\n    },\n    labels: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<SparklineItem[]>,\n    labelSize: {\n      type: [Number, String],\n      default: 7,\n    },\n    lineWidth: {\n      type: [String, Number],\n      default: 4,\n    },\n    padding: {\n      type: [String, Number],\n      default: 8,\n    },\n    showLabels: Boolean,\n    smooth: {\n      type: [Boolean, Number, String],\n      default: false,\n    },\n    type: {\n      type: String as Prop<'trend' | 'bar'>,\n      default: 'trend',\n      validator: (val: string) => ['trend', 'bar'].includes(val),\n    },\n    value: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<SparklineItem[]>,\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data: () => ({\n    lastLength: 0,\n  }),\n\n  computed: {\n    parsedPadding (): number {\n      return Number(this.padding)\n    },\n    parsedWidth (): number {\n      return Number(this.width)\n    },\n    parsedHeight (): number {\n      return parseInt(this.height, 10)\n    },\n    parsedLabelSize (): number {\n      return parseInt(this.labelSize, 10) || 7\n    },\n    totalHeight (): number {\n      let height = this.parsedHeight\n\n      if (this.hasLabels) height += parseInt(this.labelSize, 10) * 1.5\n\n      return height\n    },\n    totalWidth (): number {\n      let width = this.parsedWidth\n      if (this.type === 'bar') width = Math.max(this.value.length * this._lineWidth, width)\n\n      return width\n    },\n    totalValues (): number {\n      return this.value.length\n    },\n    _lineWidth (): number {\n      if (this.autoLineWidth && this.type !== 'trend') {\n        const totalPadding = this.parsedPadding * (this.totalValues + 1)\n        return (this.parsedWidth - totalPadding) / this.totalValues\n      } else {\n        return parseFloat(this.lineWidth) || 4\n      }\n    },\n    boundary (): Boundary {\n      if (this.type === 'bar') return { minX: 0, maxX: this.totalWidth, minY: 0, maxY: this.parsedHeight }\n\n      const padding = this.parsedPadding\n\n      return {\n        minX: padding,\n        maxX: this.totalWidth - padding,\n        minY: padding,\n        maxY: this.parsedHeight - padding,\n      }\n    },\n    hasLabels (): boolean {\n      return Boolean(\n        this.showLabels ||\n        this.labels.length > 0 ||\n        this.$scopedSlots.label\n      )\n    },\n    parsedLabels (): SparklineText[] {\n      const labels = []\n      const points = this._values\n      const len = points.length\n\n      for (let i = 0; labels.length < len; i++) {\n        const item = points[i]\n        let value = this.labels[i]\n\n        if (!value) {\n          value = typeof item === 'object'\n            ? item.value\n            : item\n        }\n\n        labels.push({\n          x: item.x,\n          value: String(value),\n        })\n      }\n\n      return labels\n    },\n    normalizedValues (): number[] {\n      return this.value.map(item => (typeof item === 'number' ? item : item.value))\n    },\n    _values (): Point[] | Bar[] {\n      return this.type === 'trend' ? genPoints(this.normalizedValues, this.boundary) : genBars(this.normalizedValues, this.boundary)\n    },\n    textY (): number {\n      let y = this.parsedHeight\n      if (this.type === 'trend') y -= 4\n      return y\n    },\n    _radius (): number {\n      return this.smooth === true ? 8 : Number(this.smooth)\n    },\n  },\n\n  watch: {\n    value: {\n      immediate: true,\n      handler () {\n        this.$nextTick(() => {\n          if (\n            !this.autoDraw ||\n            this.type === 'bar' ||\n            !this.$refs.path\n          ) return\n\n          const path = this.$refs.path\n          const length = path.getTotalLength()\n\n          if (!this.fill) {\n            path.style.transition = 'none'\n            path.style.strokeDasharray = length + ' ' + length\n            path.style.strokeDashoffset = Math.abs(length - (this.lastLength || 0)).toString()\n            path.getBoundingClientRect()\n            path.style.transition = `stroke-dashoffset ${this.autoDrawDuration}ms ${this.autoDrawEasing}`\n            path.style.strokeDashoffset = '0'\n          } else {\n            path.style.transformOrigin = 'bottom center'\n            path.style.transition = 'none'\n            path.style.transform = `scaleY(0)`\n            path.getBoundingClientRect()\n            path.style.transition = `transform ${this.autoDrawDuration}ms ${this.autoDrawEasing}`\n            path.style.transform = `scaleY(1)`\n          }\n          this.lastLength = length\n        })\n      },\n    },\n  },\n\n  methods: {\n    genGradient () {\n      const gradientDirection = this.gradientDirection\n      const gradient = this.gradient.slice()\n\n      // Pushes empty string to force\n      // a fallback to currentColor\n      if (!gradient.length) gradient.push('')\n\n      const len = Math.max(gradient.length - 1, 1)\n      const stops = gradient.reverse().map((color, index) =>\n        this.$createElement('stop', {\n          attrs: {\n            offset: index / len,\n            'stop-color': color || 'currentColor',\n          },\n        })\n      )\n\n      return this.$createElement('defs', [\n        this.$createElement('linearGradient', {\n          attrs: {\n            id: this._uid,\n            gradientUnits: 'userSpaceOnUse',\n            x1: gradientDirection === 'left' ? '100%' : '0',\n            y1: gradientDirection === 'top' ? '100%' : '0',\n            x2: gradientDirection === 'right' ? '100%' : '0',\n            y2: gradientDirection === 'bottom' ? '100%' : '0',\n          },\n        }, stops),\n      ])\n    },\n    genG (children: KNode[]) {\n      return this.$createElement('g', {\n        style: {\n          fontSize: '8',\n          textAnchor: 'middle',\n          dominantBaseline: 'mathematical',\n          fill: 'currentColor',\n        } as object, // TODO: TS 3.5 is too eager with the array type here\n      }, children)\n    },\n    genPath () {\n      const points = genPoints(this.normalizedValues, this.boundary)\n\n      return this.$createElement('path', {\n        attrs: {\n          d: genPath(points, this._radius, this.fill, this.parsedHeight),\n          fill: this.fill ? `url(#${this._uid})` : 'none',\n          stroke: this.fill ? 'none' : `url(#${this._uid})`,\n        },\n        ref: 'path',\n      })\n    },\n    genLabels (offsetX: number) {\n      const children = this.parsedLabels.map((item, i) => (\n        this.$createElement('text', {\n          attrs: {\n            x: item.x + offsetX + this._lineWidth / 2,\n            y: this.textY + (this.parsedLabelSize * 0.75),\n            'font-size': Number(this.labelSize) || 7,\n          },\n        }, [this.genLabel(item, i)])\n      ))\n\n      return this.genG(children)\n    },\n    genLabel (item: SparklineText, index: number) {\n      return this.$scopedSlots.label\n        ? this.$scopedSlots.label({ index, value: item.value })\n        : item.value\n    },\n    genBars () {\n      if (!this.value || this.totalValues < 2) return undefined as never\n\n      const bars = genBars(this.normalizedValues, this.boundary)\n      const offsetX = (Math.abs(bars[0].x - bars[1].x) - this._lineWidth) / 2\n\n      return this.$createElement('svg', {\n        attrs: {\n          display: 'block',\n          viewBox: `0 0 ${this.totalWidth} ${this.totalHeight}`,\n        },\n      }, [\n        this.genGradient(),\n        this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this._uid),\n        this.hasLabels ? this.genLabels(offsetX) : undefined as never,\n        this.$createElement('g', {\n          attrs: {\n            'clip-path': `url(#sparkline-bar-${this._uid}-clip)`,\n            fill: `url(#${this._uid})`,\n          },\n        }, [\n          this.$createElement('rect', {\n            attrs: {\n              x: 0,\n              y: 0,\n              width: this.totalWidth,\n              height: this.height,\n            },\n          }),\n        ]),\n      ])\n    },\n    genClipPath (bars: Bar[], offsetX: number, lineWidth: number, id: string) {\n      const rounding = typeof this.smooth === 'number'\n        ? this.smooth\n        : this.smooth ? 2 : 0\n\n      return this.$createElement('clipPath', {\n        attrs: {\n          id: `${id}-clip`,\n        },\n      }, bars.map(item => {\n        return this.$createElement('rect', {\n          attrs: {\n            x: item.x + offsetX,\n            y: item.y,\n            width: lineWidth,\n            height: item.height,\n            rx: rounding,\n            ry: rounding,\n          },\n        }, [\n          this.autoDraw ? this.$createElement('animate', {\n            attrs: {\n              attributeName: 'height',\n              from: 0,\n              to: item.height,\n              dur: `${this.autoDrawDuration}ms`,\n              fill: 'freeze',\n            },\n          }) : undefined as never,\n        ])\n      }))\n    },\n    genTrend () {\n      return this.$createElement('svg', this.setTextColor(this.color, {\n        attrs: {\n          ...this.$attrs,\n          display: 'block',\n          'stroke-width': this._lineWidth || 1,\n          viewBox: `0 0 ${this.width} ${this.totalHeight}`,\n        },\n      }), [\n        this.genGradient(),\n        this.hasLabels && this.genLabels(-(this._lineWidth / 2)),\n        this.genPath(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    if (this.totalValues < 2) return undefined as never\n\n    return this.type === 'trend' ? this.genTrend() : this.genBars()\n  },\n})\n"],"sourceRoot":"","file":"KSparkline.js"}

package/es5/components/KSparkline/helpers/core.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genPoints = genPoints;
+exports.genBars = genBars;
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+function genPoints(values, boundary) {
+  var minX = boundary.minX,
+      maxX = boundary.maxX,
+      minY = boundary.minY,
+      maxY = boundary.maxY;
+  var totalValues = values.length;
+  var maxValue = Math.max.apply(Math, _toConsumableArray(values));
+  var minValue = Math.min.apply(Math, _toConsumableArray(values));
+  var gridX = (maxX - minX) / (totalValues - 1);
+  var gridY = (maxY - minY) / (maxValue - minValue || 1);
+  return values.map(function (value, index) {
+    return {
+      x: minX + index * gridX,
+      y: maxY - (value - minValue) * gridY,
+      value: value
+    };
+  });
+}
+
+function genBars(values, boundary) {
+  var minX = boundary.minX,
+      maxX = boundary.maxX,
+      minY = boundary.minY,
+      maxY = boundary.maxY;
+  var totalValues = values.length;
+  var maxValue = Math.max.apply(Math, _toConsumableArray(values));
+  var minValue = Math.min.apply(Math, _toConsumableArray(values));
+  if (minValue > 0) minValue = 0;
+  if (maxValue < 0) maxValue = 0;
+  var gridX = maxX / totalValues;
+  var gridY = (maxY - minY) / (maxValue - minValue || 1);
+  var horizonY = maxY - Math.abs(minValue * gridY);
+  return values.map(function (value, index) {
+    var height = Math.abs(gridY * value);
+    return {
+      x: minX + index * gridX,
+      y: horizonY - height + +(value < 0) * height,
+      height: height,
+      value: value
+    };
+  });
+}
+//# sourceMappingURL=core.js.map

package/es5/components/KSparkline/helpers/core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KSparkline/helpers/core.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAAV,CACJ,MADI,EAEJ,QAFI,EAEc;AAAA,MAEV,IAFU,GAEiB,QAFjB,CAEV,IAFU;AAAA,MAEJ,IAFI,GAEiB,QAFjB,CAEJ,IAFI;AAAA,MAEE,IAFF,GAEiB,QAFjB,CAEE,IAFF;AAAA,MAEQ,IAFR,GAEiB,QAFjB,CAEQ,IAFR;AAGlB,MAAM,WAAW,GAAG,MAAM,CAAC,MAA3B;AACA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAL,OAAA,IAAI,qBAAQ,MAAR,EAArB;AACA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAL,OAAA,IAAI,qBAAQ,MAAR,EAArB;AAEA,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAiB,WAAW,GAAG,CAA/B,CAAd;AACA,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAkB,QAAQ,GAAG,QAAZ,IAAyB,CAA1C,CAAd;AAEA,SAAO,MAAM,CAAC,GAAP,CAAW,UAAC,KAAD,EAAQ,KAAR,EAAiB;AACjC,WAAO;AACL,MAAA,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,KADb;AAEL,MAAA,CAAC,EAAE,IAAI,GAAG,CAAC,KAAK,GAAG,QAAT,IAAqB,KAF1B;AAGL,MAAA,KAAK,EAAL;AAHK,KAAP;AAKD,GANM,CAAP;AAOD;;AAEK,SAAU,OAAV,CACJ,MADI,EAEJ,QAFI,EAEc;AAAA,MAEV,IAFU,GAEiB,QAFjB,CAEV,IAFU;AAAA,MAEJ,IAFI,GAEiB,QAFjB,CAEJ,IAFI;AAAA,MAEE,IAFF,GAEiB,QAFjB,CAEE,IAFF;AAAA,MAEQ,IAFR,GAEiB,QAFjB,CAEQ,IAFR;AAGlB,MAAM,WAAW,GAAG,MAAM,CAAC,MAA3B;AACA,MAAI,QAAQ,GAAG,IAAI,CAAC,GAAL,OAAA,IAAI,qBAAQ,MAAR,EAAnB;AACA,MAAI,QAAQ,GAAG,IAAI,CAAC,GAAL,OAAA,IAAI,qBAAQ,MAAR,EAAnB;AAEA,MAAI,QAAQ,GAAG,CAAf,EAAkB,QAAQ,GAAG,CAAX;AAClB,MAAI,QAAQ,GAAG,CAAf,EAAkB,QAAQ,GAAG,CAAX;AAElB,MAAM,KAAK,GAAG,IAAI,GAAG,WAArB;AACA,MAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAkB,QAAQ,GAAG,QAAZ,IAAyB,CAA1C,CAAd;AACA,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,GAAL,CAAS,QAAQ,GAAG,KAApB,CAAxB;AAEA,SAAO,MAAM,CAAC,GAAP,CAAW,UAAC,KAAD,EAAQ,KAAR,EAAiB;AACjC,QAAM,MAAM,GAAG,IAAI,CAAC,GAAL,CAAS,KAAK,GAAG,KAAjB,CAAf;AAEA,WAAO;AACL,MAAA,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,KADb;AAEL,MAAA,CAAC,EAAE,QAAQ,GAAG,MAAX,GACD,EAAE,KAAK,GAAG,CAAV,IAAe,MAHZ;AAIL,MAAA,MAAM,EAAN,MAJK;AAKL,MAAA,KAAK,EAAL;AALK,KAAP;AAOD,GAVM,CAAP;AAWD","sourcesContent":["import { Point, Boundary, Bar } from '../KSparkline'\n\nexport function genPoints (\n  values: number[],\n  boundary: Boundary\n): Point[] {\n  const { minX, maxX, minY, maxY } = boundary\n  const totalValues = values.length\n  const maxValue = Math.max(...values)\n  const minValue = Math.min(...values)\n\n  const gridX = (maxX - minX) / (totalValues - 1)\n  const gridY = (maxY - minY) / ((maxValue - minValue) || 1)\n\n  return values.map((value, index) => {\n    return {\n      x: minX + index * gridX,\n      y: maxY - (value - minValue) * gridY,\n      value,\n    }\n  })\n}\n\nexport function genBars (\n  values: number[],\n  boundary: Boundary\n): Bar[] {\n  const { minX, maxX, minY, maxY } = boundary\n  const totalValues = values.length\n  let maxValue = Math.max(...values)\n  let minValue = Math.min(...values)\n\n  if (minValue > 0) minValue = 0\n  if (maxValue < 0) maxValue = 0\n\n  const gridX = maxX / totalValues\n  const gridY = (maxY - minY) / ((maxValue - minValue) || 1)\n  const horizonY = maxY - Math.abs(minValue * gridY)\n\n  return values.map((value, index) => {\n    const height = Math.abs(gridY * value)\n\n    return {\n      x: minX + index * gridX,\n      y: horizonY - height +\n        +(value < 0) * height,\n      height,\n      value,\n    }\n  })\n}\n"],"sourceRoot":"","file":"core.js"}

package/es5/components/KSparkline/helpers/math.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkCollinear = checkCollinear;
+exports.getDistance = getDistance;
+exports.moveTo = moveTo;
+
+function int(value) {
+  return parseInt(value, 10);
+}
+/**
+ * https://en.wikipedia.org/wiki/Collinearity
+ * x=(x1+x2)/2
+ * y=(y1+y2)/2
+ */
+
+
+function checkCollinear(p0, p1, p2) {
+  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
+}
+
+function getDistance(p1, p2) {
+  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
+}
+
+function moveTo(to, from, radius) {
+  var vector = {
+    x: to.x - from.x,
+    y: to.y - from.y
+  };
+  var length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
+  var unitVector = {
+    x: vector.x / length,
+    y: vector.y / length
+  };
+  return {
+    x: from.x + unitVector.x * radius,
+    y: from.y + unitVector.y * radius
+  };
+}
+//# sourceMappingURL=math.js.map

package/es5/components/KSparkline/helpers/math.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KSparkline/helpers/math.ts"],"names":[],"mappings":";;;;;;;;;AAEA,SAAS,GAAT,CAAc,KAAd,EAAoC;AAClC,SAAO,QAAQ,CAAC,KAAD,EAAQ,EAAR,CAAf;AACD;AAED;;;;AAIG;;;AACG,SAAU,cAAV,CAA0B,EAA1B,EAAqC,EAArC,EAAgD,EAAhD,EAAyD;AAC7D,SAAO,GAAG,CAAC,EAAE,CAAC,CAAH,GAAO,EAAE,CAAC,CAAX,CAAH,KAAqB,GAAG,CAAC,IAAI,EAAE,CAAC,CAAR,CAAxB,IAAsC,GAAG,CAAC,EAAE,CAAC,CAAH,GAAO,EAAE,CAAC,CAAX,CAAH,KAAqB,GAAG,CAAC,IAAI,EAAE,CAAC,CAAR,CAArE;AACD;;AAEK,SAAU,WAAV,CAAuB,EAAvB,EAAkC,EAAlC,EAA2C;AAC/C,SAAO,IAAI,CAAC,IAAL,CACL,IAAI,CAAC,GAAL,CAAS,EAAE,CAAC,CAAH,GAAO,EAAE,CAAC,CAAnB,EAAsB,CAAtB,IAA2B,IAAI,CAAC,GAAL,CAAS,EAAE,CAAC,CAAH,GAAO,EAAE,CAAC,CAAnB,EAAsB,CAAtB,CADtB,CAAP;AAGD;;AAEK,SAAU,MAAV,CAAkB,EAAlB,EAA6B,IAA7B,EAA0C,MAA1C,EAAwD;AAC5D,MAAM,MAAM,GAAG;AAAE,IAAA,CAAC,EAAE,EAAE,CAAC,CAAH,GAAO,IAAI,CAAC,CAAjB;AAAoB,IAAA,CAAC,EAAE,EAAE,CAAC,CAAH,GAAO,IAAI,CAAC;AAAnC,GAAf;AACA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAL,CAAW,MAAM,CAAC,CAAP,GAAW,MAAM,CAAC,CAAnB,GAAyB,MAAM,CAAC,CAAP,GAAW,MAAM,CAAC,CAArD,CAAf;AACA,MAAM,UAAU,GAAG;AAAE,IAAA,CAAC,EAAE,MAAM,CAAC,CAAP,GAAW,MAAhB;AAAwB,IAAA,CAAC,EAAE,MAAM,CAAC,CAAP,GAAW;AAAtC,GAAnB;AAEA,SAAO;AACL,IAAA,CAAC,EAAE,IAAI,CAAC,CAAL,GAAS,UAAU,CAAC,CAAX,GAAe,MADtB;AAEL,IAAA,CAAC,EAAE,IAAI,CAAC,CAAL,GAAS,UAAU,CAAC,CAAX,GAAe;AAFtB,GAAP;AAID","sourcesContent":["import { Point } from '../KSparkline'\n\nfunction int (value: string | number): number {\n  return parseInt(value, 10)\n}\n\n/**\n * https://en.wikipedia.org/wiki/Collinearity\n * x=(x1+x2)/2\n * y=(y1+y2)/2\n */\nexport function checkCollinear (p0: Point, p1: Point, p2: Point): boolean {\n  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y)\n}\n\nexport function getDistance (p1: Point, p2: Point): number {\n  return Math.sqrt(\n    Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)\n  )\n}\n\nexport function moveTo (to: Point, from: Point, radius: number) {\n  const vector = { x: to.x - from.x, y: to.y - from.y }\n  const length = Math.sqrt((vector.x * vector.x) + (vector.y * vector.y))\n  const unitVector = { x: vector.x / length, y: vector.y / length }\n\n  return {\n    x: from.x + unitVector.x * radius,\n    y: from.y + unitVector.y * radius,\n  }\n}\n"],"sourceRoot":"","file":"math.js"}

package/es5/components/KSparkline/helpers/path.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genPath = genPath;
+
+var _math = require("./math");
+
+/**
+ * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18
+ */
+function genPath(points, radius) {
+  var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 75;
+  var start = points.shift();
+  var end = points[points.length - 1];
+  return (fill ? "M".concat(start.x, " ").concat(height - start.x + 2, " L").concat(start.x, " ").concat(start.y) : "M".concat(start.x, " ").concat(start.y)) + points.map(function (point, index) {
+    var next = points[index + 1];
+    var prev = points[index - 1] || start;
+    var isCollinear = next && (0, _math.checkCollinear)(next, point, prev);
+
+    if (!next || isCollinear) {
+      return "L".concat(point.x, " ").concat(point.y);
+    }
+
+    var threshold = Math.min((0, _math.getDistance)(prev, point), (0, _math.getDistance)(next, point));
+    var isTooCloseForRadius = threshold / 2 < radius;
+    var radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
+    var before = (0, _math.moveTo)(prev, point, radiusForPoint);
+    var after = (0, _math.moveTo)(next, point, radiusForPoint);
+    return "L".concat(before.x, " ").concat(before.y, "S").concat(point.x, " ").concat(point.y, " ").concat(after.x, " ").concat(after.y);
+  }).join('') + (fill ? "L".concat(end.x, " ").concat(height - start.x + 2, " Z") : '');
+}
+//# sourceMappingURL=path.js.map

package/es5/components/KSparkline/helpers/path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KSparkline/helpers/path.ts"],"names":[],"mappings":";;;;;;;AACA;;AAEA;;AAEG;AACG,SAAU,OAAV,CAAmB,MAAnB,EAAoC,MAApC,EAA6E;AAAA,MAAzB,IAAyB,uEAAlB,KAAkB;AAAA,MAAX,MAAW,uEAAF,EAAE;AACjF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAP,EAAd;AACA,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAP,GAAgB,CAAjB,CAAlB;AAEA,SACE,CAAC,IAAI,cAAO,KAAK,CAAC,CAAb,cAAkB,MAAM,GAAG,KAAK,CAAC,CAAf,GAAmB,CAArC,eAA2C,KAAK,CAAC,CAAjD,cAAsD,KAAK,CAAC,CAA5D,eAAsE,KAAK,CAAC,CAA5E,cAAiF,KAAK,CAAC,CAAvF,CAAL,IACA,MAAM,CACH,GADH,CACO,UAAC,KAAD,EAAQ,KAAR,EAAiB;AACpB,QAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAT,CAAnB;AACA,QAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAT,CAAN,IAAqB,KAAlC;AACA,QAAM,WAAW,GAAG,IAAI,IAAI,0BAAe,IAAf,EAAqB,KAArB,EAA4B,IAA5B,CAA5B;;AAEA,QAAI,CAAC,IAAD,IAAS,WAAb,EAA0B;AACxB,wBAAW,KAAK,CAAC,CAAjB,cAAsB,KAAK,CAAC,CAA5B;AACD;;AAED,QAAM,SAAS,GAAG,IAAI,CAAC,GAAL,CAChB,uBAAY,IAAZ,EAAkB,KAAlB,CADgB,EAEhB,uBAAY,IAAZ,EAAkB,KAAlB,CAFgB,CAAlB;AAIA,QAAM,mBAAmB,GAAG,SAAS,GAAG,CAAZ,GAAgB,MAA5C;AACA,QAAM,cAAc,GAAG,mBAAmB,GAAG,SAAS,GAAG,CAAf,GAAmB,MAA7D;AAEA,QAAM,MAAM,GAAG,kBAAO,IAAP,EAAa,KAAb,EAAoB,cAApB,CAAf;AACA,QAAM,KAAK,GAAG,kBAAO,IAAP,EAAa,KAAb,EAAoB,cAApB,CAAd;AAEA,sBAAW,MAAM,CAAC,CAAlB,cAAuB,MAAM,CAAC,CAA9B,cAAmC,KAAK,CAAC,CAAzC,cAA8C,KAAK,CAAC,CAApD,cAAyD,KAAK,CAAC,CAA/D,cAAoE,KAAK,CAAC,CAA1E;AACD,GArBH,EAsBG,IAtBH,CAsBQ,EAtBR,CADA,IAwBC,IAAI,cAAO,GAAG,CAAC,CAAX,cAAgB,MAAM,GAAG,KAAK,CAAC,CAAf,GAAmB,CAAnC,UAA2C,EAxBhD,CADF;AA2BD","sourcesContent":["import { Point } from '../KSparkline'\nimport { checkCollinear, getDistance, moveTo } from './math'\n\n/**\n * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18\n */\nexport function genPath (points: Point[], radius: number, fill = false, height = 75) {\n  const start = points.shift()!\n  const end = points[points.length - 1]\n\n  return (\n    (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) +\n    points\n      .map((point, index) => {\n        const next = points[index + 1]\n        const prev = points[index - 1] || start\n        const isCollinear = next && checkCollinear(next, point, prev)\n\n        if (!next || isCollinear) {\n          return `L${point.x} ${point.y}`\n        }\n\n        const threshold = Math.min(\n          getDistance(prev, point),\n          getDistance(next, point)\n        )\n        const isTooCloseForRadius = threshold / 2 < radius\n        const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius\n\n        const before = moveTo(prev, point, radiusForPoint)\n        const after = moveTo(next, point, radiusForPoint)\n\n        return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`\n      })\n      .join('') +\n    (fill ? `L${end.x} ${height - start.x + 2} Z` : '')\n  )\n}\n"],"sourceRoot":"","file":"path.js"}

package/es5/components/KSparkline/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KSparkline", {
+  enumerable: true,
+  get: function get() {
+    return _KSparkline.default;
+  }
+});
+exports.default = void 0;
+
+var _KSparkline = _interopRequireDefault(require("./KSparkline"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KSparkline.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KSparkline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSparkline/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAIe,mB","sourcesContent":["import KSparkline from './KSparkline'\n\nexport { KSparkline }\n\nexport default KSparkline\n"],"sourceRoot":"","file":"index.js"}