@kokoccc/vuetify 1.0.2 → 1.0.4

package/es5/components/VSnackbar/VSnackbar.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VSnackbar/VSnackbar.sass");
+
+var _VSheet = _interopRequireDefault(require("../VSheet/VSheet"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _positionable = require("../../mixins/positionable");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+var _default = (0, _mixins.default)(_VSheet.default, _colorable.default, _toggleable.default, (0, _positionable.factory)(['absolute', 'bottom', 'left', 'right', 'top'])
+/* @vue/component */
+).extend({
+  name: 'v-snackbar',
+  props: {
+    app: Boolean,
+    centered: Boolean,
+    contentClass: {
+      type: String,
+      default: ''
+    },
+    multiLine: Boolean,
+    text: Boolean,
+    timeout: {
+      type: [Number, String],
+      default: 5000
+    },
+    transition: {
+      type: [Boolean, String],
+      default: 'v-snack-transition',
+      validator: function validator(v) {
+        return typeof v === 'string' || v === false;
+      }
+    },
+    vertical: Boolean
+  },
+  emits: ['update:modelValue'],
+  data: function data() {
+    return {
+      activeTimeout: -1
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return {
+        'v-snack--absolute': this.absolute,
+        'v-snack--active': this.isActive,
+        'v-snack--bottom': this.bottom || !this.top,
+        'v-snack--centered': this.centered,
+        'v-snack--has-background': this.hasBackground,
+        'v-snack--left': this.left,
+        'v-snack--multi-line': this.multiLine && !this.vertical,
+        'v-snack--right': this.right,
+        'v-snack--text': this.text,
+        'v-snack--top': this.top,
+        'v-snack--vertical': this.vertical
+      };
+    },
+    // Text and outlined styles both
+    // use transparent backgrounds
+    hasBackground: function hasBackground() {
+      return !this.text && !this.outlined;
+    },
+    // Snackbar is dark by default
+    // override themeable logic.
+    isDark: function isDark() {
+      return this.hasBackground ? !this.light : _themeable.default.computed.isDark.call(this);
+    },
+    styles: function styles() {
+      if (this.absolute || !this.app) return {};
+      var _this$$vuetify$applic = this.$vuetify.application,
+          bar = _this$$vuetify$applic.bar,
+          bottom = _this$$vuetify$applic.bottom,
+          footer = _this$$vuetify$applic.footer,
+          insetFooter = _this$$vuetify$applic.insetFooter,
+          left = _this$$vuetify$applic.left,
+          right = _this$$vuetify$applic.right,
+          top = _this$$vuetify$applic.top;
+      return {
+        paddingBottom: (0, _helpers.convertToUnit)(bottom + footer + insetFooter),
+        paddingLeft: (0, _helpers.convertToUnit)(left),
+        paddingRight: (0, _helpers.convertToUnit)(right),
+        paddingTop: (0, _helpers.convertToUnit)(bar + top)
+      };
+    }
+  },
+  watch: {
+    isActive: 'setTimeout',
+    timeout: 'setTimeout'
+  },
+  mounted: function mounted() {
+    if (this.isActive) this.setTimeout();
+  },
+  created: function created() {
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('auto-height')) {
+      (0, _console.removed)('auto-height', this);
+    }
+    /* istanbul ignore next */
+    // eslint-disable-next-line eqeqeq
+
+
+    if (this.timeout == 0) {
+      (0, _console.deprecate)('timeout="0"', '-1', this);
+    }
+  },
+  methods: {
+    genActions: function genActions() {
+      return (0, _vue.h)('div', {
+        class: 'v-snack__action '
+      }, [(0, _helpers.getSlot)(this, 'action', {
+        attrs: {
+          class: 'v-snack__btn'
+        }
+      })]);
+    },
+    genContent: function genContent() {
+      return (0, _vue.h)('div', {
+        class: ['v-snack__content', _defineProperty({}, this.contentClass, true)],
+        role: 'status',
+        'aria-live': 'polite'
+      }, [(0, _helpers.getSlot)(this)]);
+    },
+    genWrapper: function genWrapper() {
+      var _this = this;
+
+      var setColor = this.hasBackground ? this.setBackgroundColor : this.setTextColor;
+      var data = setColor(this.color, {
+        class: ['v-snack__wrapper', _VSheet.default.computed.classes.call(this)],
+        style: _VSheet.default.computed.styles.call(this),
+        onPointerenter: function onPointerenter() {
+          return window.clearTimeout(_this.activeTimeout);
+        },
+        onPointerleave: this.setTimeout
+      });
+      var directives = [[_vue.vShow, this.isActive]];
+      return (0, _vue.withDirectives)((0, _vue.h)('div', data, [this.genContent(), this.genActions()]), directives);
+    },
+    genTransition: function genTransition() {
+      var _this2 = this;
+
+      return (0, _vue.h)(_vue.Transition, {
+        name: this.transition
+      }, function () {
+        return [_this2.genWrapper()];
+      });
+    },
+    setTimeout: function setTimeout() {
+      var _this3 = this;
+
+      window.clearTimeout(this.activeTimeout);
+      var timeout = Number(this.timeout);
+
+      if (!this.isActive || // TODO: remove 0 in v3
+      [0, -1].includes(timeout)) {
+        return;
+      }
+
+      this.activeTimeout = window.setTimeout(function () {
+        _this3.isActive = false;
+      }, timeout);
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: ['v-snack', this.classes],
+      style: this.styles
+    }, [this.transition !== false ? this.genTransition() : this.genWrapper()]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VSnackbar.js.map

package/es5/components/VSnackbar/VSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSnackbar/VSnackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import {Transition, h, vShow, withDirectives} from 'vue'\n// Styles\nimport './VSnackbar.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { deprecate, removed } from '../../util/console'\n\n// Types\nimport { PropType, VNode } from 'vue'\n\nexport default mixins(\n  VSheet,\n  Colorable,\n  Toggleable,\n  PositionableFactory([\n    'absolute',\n    'bottom',\n    'left',\n    'right',\n    'top',\n  ])\n/* @vue/component */\n).extend({\n  name: 'v-snackbar',\n\n  props: {\n    app: Boolean,\n    centered: Boolean,\n    contentClass: {\n      type: String,\n      default: '',\n    },\n    multiLine: Boolean,\n    text: Boolean,\n    timeout: {\n      type: [Number, String],\n      default: 5000,\n    },\n    transition: {\n      type: [Boolean, String] as PropType<false | string>,\n      default: 'v-snack-transition',\n      validator: v => typeof v === 'string' || v === false,\n    },\n    vertical: Boolean,\n  },\n  emits: ['update:modelValue'],\n  data: () => ({\n    activeTimeout: -1,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-snack--absolute': this.absolute,\n        'v-snack--active': this.isActive,\n        'v-snack--bottom': this.bottom || !this.top,\n        'v-snack--centered': this.centered,\n        'v-snack--has-background': this.hasBackground,\n        'v-snack--left': this.left,\n        'v-snack--multi-line': this.multiLine && !this.vertical,\n        'v-snack--right': this.right,\n        'v-snack--text': this.text,\n        'v-snack--top': this.top,\n        'v-snack--vertical': this.vertical,\n      }\n    },\n    // Text and outlined styles both\n    // use transparent backgrounds\n    hasBackground (): boolean {\n      return (\n        !this.text &&\n        !this.outlined\n      )\n    },\n    // Snackbar is dark by default\n    // override themeable logic.\n    isDark (): boolean {\n      return this.hasBackground\n        ? !this.light\n        : Themeable.computed.isDark.call(this)\n    },\n    styles (): object {\n      if (this.absolute || !this.app) return {}\n\n      const {\n        bar,\n        bottom,\n        footer,\n        insetFooter,\n        left,\n        right,\n        top,\n      } = this.$vuetify.application\n\n      return {\n        paddingBottom: convertToUnit(bottom + footer + insetFooter),\n        paddingLeft: convertToUnit(left),\n        paddingRight: convertToUnit(right),\n        paddingTop: convertToUnit(bar + top),\n      }\n    },\n  },\n\n  watch: {\n    isActive: 'setTimeout',\n    timeout: 'setTimeout',\n  },\n\n  mounted () {\n    if (this.isActive) this.setTimeout()\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('auto-height')) {\n      removed('auto-height', this)\n    }\n\n    /* istanbul ignore next */\n    // eslint-disable-next-line eqeqeq\n    if (this.timeout == 0) {\n      deprecate('timeout=\"0\"', '-1', this)\n    }\n  },\n\n  methods: {\n    genActions () {\n      return h('div', {\n        class: 'v-snack__action ',\n      }, [\n        getSlot(this, 'action', {\n          attrs: { class: 'v-snack__btn' },\n        }),\n      ])\n    },\n    genContent () {\n      return h('div', {\n        class: ['v-snack__content', {\n          [this.contentClass]: true,\n        }],\n        role: 'status',\n        'aria-live': 'polite'\n      }, [getSlot(this)])\n    },\n    genWrapper () {\n      const setColor = this.hasBackground\n        ? this.setBackgroundColor\n        : this.setTextColor\n\n      const data = setColor(this.color, {\n        class: ['v-snack__wrapper', VSheet.computed.classes.call(this)],\n        style: VSheet.computed.styles.call(this),\n        onPointerenter: () => window.clearTimeout(this.activeTimeout),\n        onPointerleave: this.setTimeout\n      })\n\n      const directives = [\n        [\n          vShow,\n          this.isActive\n        ]\n      ]\n\n      return withDirectives(h('div', data, [\n        this.genContent(),\n        this.genActions(),\n      ]), directives)\n    },\n    genTransition () {\n      return h(Transition, {\n        name: this.transition,\n      }, () => [this.genWrapper()])\n    },\n    setTimeout () {\n      window.clearTimeout(this.activeTimeout)\n\n      const timeout = Number(this.timeout)\n\n      if (\n        !this.isActive ||\n        // TODO: remove 0 in v3\n        [0, -1].includes(timeout)\n      ) {\n        return\n      }\n\n      this.activeTimeout = window.setTimeout(() => {\n        this.isActive = false\n      }, timeout)\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-snack', this.classes],\n      style: this.styles,\n    }, [\n      this.transition !== false\n        ? this.genTransition()\n        : this.genWrapper(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VSnackbar.js"}

package/es5/components/VSnackbar/index.js

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

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

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

package/es5/components/VSparkline/VSparkline.js

@@ -0,0 +1,356 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+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, _vue.defineComponent)({
+  name: 'v-sparkline',
+  mixins: [_colorable.default],
+  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.$slots.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 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 (0, _vue.h)('stop', {
+          offset: index / len,
+          'stop-color': color || 'currentColor'
+        });
+      });
+      var instance = (0, _vue.getCurrentInstance)();
+      return (0, _vue.h)('defs', [(0, _vue.h)('linearGradient', {
+        id: instance === null || instance === void 0 ? void 0 : instance.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 (0, _vue.h)('g', {
+        style: {
+          fontSize: '8',
+          textAnchor: 'middle',
+          dominantBaseline: 'mathematical',
+          fill: 'currentColor'
+        }
+      }, children);
+    },
+    genPath: function genPath() {
+      var points = (0, _core.genPoints)(this.normalizedValues, this.boundary);
+      var instance = (0, _vue.getCurrentInstance)();
+      return (0, _vue.h)('path', {
+        d: (0, _path.genPath)(points, this._radius, this.fill, this.parsedHeight),
+        fill: this.fill ? "url(#".concat(instance === null || instance === void 0 ? void 0 : instance.uid, ")") : 'none',
+        stroke: this.fill ? 'none' : "url(#".concat(instance === null || instance === void 0 ? void 0 : instance.uid, ")"),
+        ref: 'path'
+      });
+    },
+    genLabels: function genLabels(offsetX) {
+      var _this2 = this;
+
+      var children = this.parsedLabels.map(function (item, i) {
+        return (0, _vue.h)('text', {
+          x: item.x + offsetX + _this2._lineWidth / 2,
+          y: _this2.textY + _this2.parsedLabelSize * 0.75,
+          'font-size': Number(_this2.labelSize) || 7
+        }, [_this2.genLabel(item, i)]);
+      });
+      return this.genG(children);
+    },
+    genLabel: function genLabel(item, index) {
+      return this.$slots.label ? this.$slots.label({
+        index: index,
+        value: item.value
+      }) : item.value;
+    },
+    genBars: function genBars() {
+      var _a, _b, _c;
+
+      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 (0, _vue.h)('svg', {
+        display: 'block',
+        viewBox: "0 0 ".concat(this.totalWidth, " ").concat(this.totalHeight)
+      }, [this.genGradient(), this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + ((_a = (0, _vue.getCurrentInstance)()) === null || _a === void 0 ? void 0 : _a.uid)), this.hasLabels ? this.genLabels(offsetX) : undefined, (0, _vue.h)('g', {
+        'clip-path': "url(#sparkline-bar-".concat((_b = (0, _vue.getCurrentInstance)()) === null || _b === void 0 ? void 0 : _b.uid, "-clip)"),
+        fill: "url(#".concat((_c = (0, _vue.getCurrentInstance)()) === null || _c === void 0 ? void 0 : _c.uid, ")")
+      }, [(0, _vue.h)('rect', {
+        x: 0,
+        y: 0,
+        width: this.totalWidth,
+        height: this.height
+      })])]);
+    },
+    genClipPath: function genClipPath(bars, offsetX, lineWidth, id) {
+      var _this3 = this;
+
+      var rounding = typeof this.smooth === 'number' ? this.smooth : this.smooth ? 2 : 0;
+      return (0, _vue.h)('clipPath', {
+        id: "".concat(id, "-clip")
+      }, bars.map(function (item) {
+        return (0, _vue.h)('rect', {
+          x: item.x + offsetX,
+          y: item.y,
+          width: lineWidth,
+          height: item.height,
+          rx: rounding,
+          ry: rounding
+        }, [_this3.autoDraw ? (0, _vue.h)('animate', {
+          attributeName: 'height',
+          from: 0,
+          to: item.height,
+          dur: "".concat(_this3.autoDrawDuration, "ms"),
+          fill: 'freeze'
+        }) : undefined]);
+      }));
+    },
+    genTrend: function genTrend() {
+      return (0, _vue.h)('svg', this.setTextColor(this.color, _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() {
+    if (this.totalValues < 2) return undefined;
+    return this.type === 'trend' ? this.genTrend() : this.genBars();
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VSparkline.js.map

package/es5/components/VSparkline/VSparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VSparkline/VSparkline.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AACA;;;;;;;;;;;;gBA6Be,0BAAgB;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,MAAM,EAAE,CAAC,kBAAD,CAFqB;AAI7B,EAAA,YAAY,EAAE,KAJe;AAM7B,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,gBAAgB,EAAE;AAChB,MAAA,IAAI,EAAE,MADU;AAEhB,MAAA,OAAO,EAAE;AAFO,KAFb;AAML,IAAA,cAAc,EAAE;AACd,MAAA,IAAI,EAAE,MADQ;AAEd,MAAA,OAAO,EAAE;AAFK,KANX;AAUL,IAAA,aAAa,EAAE;AACb,MAAA,IAAI,EAAE,OADO;AAEb,MAAA,OAAO,EAAE;AAFI,KAVV;AAcL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAdF;AAkBL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAlBD;AAsBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,KADE;AAER,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFD,KAtBL;AA0BL,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,MADW;AAEjB,MAAA,SAAS,EAAE,mBAAC,GAAD;AAAA,eAAiB,CAAC,KAAD,EAAQ,QAAR,EAAkB,MAAlB,EAA0B,OAA1B,EAAmC,QAAnC,CAA4C,GAA5C,CAAjB;AAAA,OAFM;AAGjB,MAAA,OAAO,EAAE;AAHQ,KA1Bd;AA+BL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KA/BH;AAmCL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,KADA;AAEN,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFH,KAnCH;AAuCL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADG;AAET,MAAA,OAAO,EAAE;AAFA,KAvCN;AA2CL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADG;AAET,MAAA,OAAO,EAAE;AAFA,KA3CN;AA+CL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADC;AAEP,MAAA,OAAO,EAAE;AAFF,KA/CJ;AAmDL,IAAA,UAAU,EAAE,OAnDP;AAoDL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KApDH;AAwDL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE,OAFL;AAGJ,MAAA,SAAS,EAAE,mBAAC,GAAD;AAAA,eAAiB,CAAC,OAAD,EAAU,KAAV,EAAiB,QAAjB,CAA0B,GAA1B,CAAjB;AAAA;AAHP,KAxDD;AA6DL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFJ,KA7DF;AAiEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AAjEF,GANsB;AA6E7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,UAAU,EAAE;AADD,KAAP;AAAA,GA7EuB;AAiF7B,EAAA,QAAQ,EAAE;AACR,IAAA,aADQ,2BACK;AACX,aAAO,MAAM,CAAC,KAAK,OAAN,CAAb;AACD,KAHO;AAIR,IAAA,WAJQ,yBAIG;AACT,aAAO,MAAM,CAAC,KAAK,KAAN,CAAb;AACD,KANO;AAOR,IAAA,YAPQ,0BAOI;AACV,aAAO,QAAQ,CAAC,KAAK,MAAN,EAAc,EAAd,CAAf;AACD,KATO;AAUR,IAAA,eAVQ,6BAUO;AACb,aAAO,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,IAAgC,CAAvC;AACD,KAZO;AAaR,IAAA,WAbQ,yBAaG;AACT,UAAI,MAAM,GAAG,KAAK,YAAlB;AAEA,UAAI,KAAK,SAAT,EAAoB,MAAM,IAAI,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,GAAzC;AAEpB,aAAO,MAAP;AACD,KAnBO;AAoBR,IAAA,UApBQ,wBAoBE;AACR,UAAI,KAAK,GAAG,KAAK,WAAjB;AACA,UAAI,KAAK,IAAL,KAAc,KAAlB,EAAyB,KAAK,GAAG,IAAI,CAAC,GAAL,CAAS,KAAK,KAAL,CAAW,MAAX,GAAoB,KAAK,UAAlC,EAA8C,KAA9C,CAAR;AAEzB,aAAO,KAAP;AACD,KAzBO;AA0BR,IAAA,WA1BQ,yBA0BG;AACT,aAAO,KAAK,KAAL,CAAW,MAAlB;AACD,KA5BO;AA6BR,IAAA,UA7BQ,wBA6BE;AACR,UAAI,KAAK,aAAL,IAAsB,KAAK,IAAL,KAAc,OAAxC,EAAiD;AAC/C,YAAM,YAAY,GAAG,KAAK,aAAL,IAAsB,KAAK,WAAL,GAAmB,CAAzC,CAArB;AACA,eAAO,CAAC,KAAK,WAAL,GAAmB,YAApB,IAAoC,KAAK,WAAhD;AACD,OAHD,MAGO;AACL,eAAO,UAAU,CAAC,KAAK,SAAN,CAAV,IAA8B,CAArC;AACD;AACF,KApCO;AAqCR,IAAA,QArCQ,sBAqCA;AACN,UAAI,KAAK,IAAL,KAAc,KAAlB,EAAyB,OAAO;AAAE,QAAA,IAAI,EAAE,CAAR;AAAW,QAAA,IAAI,EAAE,KAAK,UAAtB;AAAkC,QAAA,IAAI,EAAE,CAAxC;AAA2C,QAAA,IAAI,EAAE,KAAK;AAAtD,OAAP;AAEzB,UAAM,OAAO,GAAG,KAAK,aAArB;AAEA,aAAO;AACL,QAAA,IAAI,EAAE,OADD;AAEL,QAAA,IAAI,EAAE,KAAK,UAAL,GAAkB,OAFnB;AAGL,QAAA,IAAI,EAAE,OAHD;AAIL,QAAA,IAAI,EAAE,KAAK,YAAL,GAAoB;AAJrB,OAAP;AAMD,KAhDO;AAiDR,IAAA,SAjDQ,uBAiDC;AACP,aAAO,OAAO,CACZ,KAAK,UAAL,IACA,KAAK,MAAL,CAAY,MAAZ,GAAqB,CADrB,IAEA,KAAK,MAAL,CAAY,KAHA,CAAd;AAKD,KAvDO;AAwDR,IAAA,YAxDQ,0BAwDI;AACV,UAAM,MAAM,GAAG,EAAf;AACA,UAAM,MAAM,GAAG,KAAK,OAApB;AACA,UAAM,GAAG,GAAG,MAAM,CAAC,MAAnB;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,MAAM,CAAC,MAAP,GAAgB,GAAhC,EAAqC,CAAC,EAAtC,EAA0C;AACxC,YAAM,IAAI,GAAG,MAAM,CAAC,CAAD,CAAnB;AACA,YAAI,KAAK,GAAG,KAAK,MAAL,CAAY,CAAZ,CAAZ;;AAEA,YAAI,CAAC,KAAL,EAAY;AACV,UAAA,KAAK,GAAG,QAAO,IAAP,MAAgB,QAAhB,GACJ,IAAI,CAAC,KADD,GAEJ,IAFJ;AAGD;;AAED,QAAA,MAAM,CAAC,IAAP,CAAY;AACV,UAAA,CAAC,EAAE,IAAI,CAAC,CADE;AAEV,UAAA,KAAK,EAAE,MAAM,CAAC,KAAD;AAFH,SAAZ;AAID;;AAED,aAAO,MAAP;AACD,KA9EO;AA+ER,IAAA,gBA/EQ,8BA+EQ;AACd,aAAO,KAAK,KAAL,CAAW,GAAX,CAAe,UAAA,IAAI;AAAA,eAAK,OAAO,IAAP,KAAgB,QAAhB,GAA2B,IAA3B,GAAkC,IAAI,CAAC,KAA5C;AAAA,OAAnB,CAAP;AACD,KAjFO;AAkFR,IAAA,OAlFQ,qBAkFD;AACL,aAAO,KAAK,IAAL,KAAc,OAAd,GAAwB,qBAAU,KAAK,gBAAf,EAAiC,KAAK,QAAtC,CAAxB,GAA0E,mBAAQ,KAAK,gBAAb,EAA+B,KAAK,QAApC,CAAjF;AACD,KApFO;AAqFR,IAAA,KArFQ,mBAqFH;AACH,UAAI,CAAC,GAAG,KAAK,YAAb;AACA,UAAI,KAAK,IAAL,KAAc,OAAlB,EAA2B,CAAC,IAAI,CAAL;AAC3B,aAAO,CAAP;AACD,KAzFO;AA0FR,IAAA,OA1FQ,qBA0FD;AACL,aAAO,KAAK,MAAL,KAAgB,IAAhB,GAAuB,CAAvB,GAA2B,MAAM,CAAC,KAAK,MAAN,CAAxC;AACD;AA5FO,GAjFmB;AAgL7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AACL,MAAA,SAAS,EAAE,IADN;AAEL,MAAA,OAFK,qBAEE;AAAA;;AACL,aAAK,SAAL,CAAe,YAAK;AAClB,cACE,CAAC,KAAI,CAAC,QAAN,IACA,KAAI,CAAC,IAAL,KAAc,KADd,IAEA,CAAC,KAAI,CAAC,KAAL,CAAW,IAHd,EAIE;AAEF,cAAM,IAAI,GAAG,KAAI,CAAC,KAAL,CAAW,IAAxB;AACA,cAAM,MAAM,GAAG,IAAI,CAAC,cAAL,EAAf;;AAEA,cAAI,CAAC,KAAI,CAAC,IAAV,EAAgB;AACd,YAAA,IAAI,CAAC,KAAL,CAAW,UAAX,GAAwB,MAAxB;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,eAAX,GAA6B,MAAM,GAAG,GAAT,GAAe,MAA5C;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,gBAAX,GAA8B,IAAI,CAAC,GAAL,CAAS,MAAM,IAAI,KAAI,CAAC,UAAL,IAAmB,CAAvB,CAAf,EAA0C,QAA1C,EAA9B;AACA,YAAA,IAAI,CAAC,qBAAL;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,UAAX,+BAA6C,KAAI,CAAC,gBAAlD,gBAAwE,KAAI,CAAC,cAA7E;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,gBAAX,GAA8B,GAA9B;AACD,WAPD,MAOO;AACL,YAAA,IAAI,CAAC,KAAL,CAAW,eAAX,GAA6B,eAA7B;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,UAAX,GAAwB,MAAxB;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,SAAX;AACA,YAAA,IAAI,CAAC,qBAAL;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,UAAX,uBAAqC,KAAI,CAAC,gBAA1C,gBAAgE,KAAI,CAAC,cAArE;AACA,YAAA,IAAI,CAAC,KAAL,CAAW,SAAX;AACD;;AACD,UAAA,KAAI,CAAC,UAAL,GAAkB,MAAlB;AACD,SA1BD;AA2BD;AA9BI;AADF,GAhLsB;AAmN7B,EAAA,OAAO,EAAE;AACP,IAAA,WADO,yBACI;AACT,UAAM,iBAAiB,GAAG,KAAK,iBAA/B;AACA,UAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,KAAd,EAAjB,CAFS,CAIT;AACA;;AACA,UAAI,CAAC,QAAQ,CAAC,MAAd,EAAsB,QAAQ,CAAC,IAAT,CAAc,EAAd;AAEtB,UAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,QAAQ,CAAC,MAAT,GAAkB,CAA3B,EAA8B,CAA9B,CAAZ;AACA,UAAM,KAAK,GAAG,QAAQ,CAAC,OAAT,GAAmB,GAAnB,CAAuB,UAAC,KAAD,EAAQ,KAAR;AAAA,eACnC,YAAE,MAAF,EAAU;AACR,UAAA,MAAM,EAAE,KAAK,GAAG,GADR;AAER,wBAAc,KAAK,IAAI;AAFf,SAAV,CADmC;AAAA,OAAvB,CAAd;AAOA,UAAM,QAAQ,GAAG,8BAAjB;AACA,aAAO,YAAE,MAAF,EAAU,CACf,YAAE,gBAAF,EAAoB;AAClB,QAAA,EAAE,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAE,GADI;AAElB,QAAA,aAAa,EAAE,gBAFG;AAGlB,QAAA,EAAE,EAAE,iBAAiB,KAAK,MAAtB,GAA+B,MAA/B,GAAwC,GAH1B;AAIlB,QAAA,EAAE,EAAE,iBAAiB,KAAK,KAAtB,GAA8B,MAA9B,GAAuC,GAJzB;AAKlB,QAAA,EAAE,EAAE,iBAAiB,KAAK,OAAtB,GAAgC,MAAhC,GAAyC,GAL3B;AAMlB,QAAA,EAAE,EAAE,iBAAiB,KAAK,QAAtB,GAAiC,MAAjC,GAA0C;AAN5B,OAApB,EAOG,KAPH,CADe,CAAV,CAAP;AAUD,KA5BM;AA6BP,IAAA,IA7BO,gBA6BD,QA7BC,EA6BgB;AACrB,aAAO,YAAE,GAAF,EAAO;AACZ,QAAA,KAAK,EAAE;AACL,UAAA,QAAQ,EAAE,GADL;AAEL,UAAA,UAAU,EAAE,QAFP;AAGL,UAAA,gBAAgB,EAAE,cAHb;AAIL,UAAA,IAAI,EAAE;AAJD;AADK,OAAP,EAOJ,QAPI,CAAP;AAQD,KAtCM;AAuCP,IAAA,OAvCO,qBAuCA;AACL,UAAM,MAAM,GAAG,qBAAU,KAAK,gBAAf,EAAiC,KAAK,QAAtC,CAAf;AACA,UAAM,QAAQ,GAAG,8BAAjB;AAEA,aAAO,YAAE,MAAF,EAAU;AACf,QAAA,CAAC,EAAE,mBAAQ,MAAR,EAAgB,KAAK,OAArB,EAA8B,KAAK,IAAnC,EAAyC,KAAK,YAA9C,CADY;AAEf,QAAA,IAAI,EAAE,KAAK,IAAL,kBAAoB,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAE,GAA9B,SAAuC,MAF9B;AAGf,QAAA,MAAM,EAAE,KAAK,IAAL,GAAY,MAAZ,kBAA6B,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAE,GAAvC,MAHO;AAIf,QAAA,GAAG,EAAE;AAJU,OAAV,CAAP;AAMD,KAjDM;AAkDP,IAAA,SAlDO,qBAkDI,OAlDJ,EAkDmB;AAAA;;AACxB,UAAM,QAAQ,GAAG,KAAK,YAAL,CAAkB,GAAlB,CAAsB,UAAC,IAAD,EAAO,CAAP;AAAA,eACrC,YAAE,MAAF,EAAU;AACR,UAAA,CAAC,EAAE,IAAI,CAAC,CAAL,GAAS,OAAT,GAAmB,MAAI,CAAC,UAAL,GAAkB,CADhC;AAER,UAAA,CAAC,EAAE,MAAI,CAAC,KAAL,GAAc,MAAI,CAAC,eAAL,GAAuB,IAFhC;AAGR,uBAAa,MAAM,CAAC,MAAI,CAAC,SAAN,CAAN,IAA0B;AAH/B,SAAV,EAIG,CAAC,MAAI,CAAC,QAAL,CAAc,IAAd,EAAoB,CAApB,CAAD,CAJH,CADqC;AAAA,OAAtB,CAAjB;AAQA,aAAO,KAAK,IAAL,CAAU,QAAV,CAAP;AACD,KA5DM;AA6DP,IAAA,QA7DO,oBA6DG,IA7DH,EA6DwB,KA7DxB,EA6DqC;AAC1C,aAAO,KAAK,MAAL,CAAY,KAAZ,GACH,KAAK,MAAL,CAAY,KAAZ,CAAkB;AAAE,QAAA,KAAK,EAAL,KAAF;AAAS,QAAA,KAAK,EAAE,IAAI,CAAC;AAArB,OAAlB,CADG,GAEH,IAAI,CAAC,KAFT;AAGD,KAjEM;AAkEP,IAAA,OAlEO,qBAkEA;;;AACL,UAAI,CAAC,KAAK,KAAN,IAAe,KAAK,WAAL,GAAmB,CAAtC,EAAyC,OAAO,SAAP;AAEzC,UAAM,IAAI,GAAG,mBAAQ,KAAK,gBAAb,EAA+B,KAAK,QAApC,CAAb;AACA,UAAM,OAAO,GAAG,CAAC,IAAI,CAAC,GAAL,CAAS,IAAI,CAAC,CAAD,CAAJ,CAAQ,CAAR,GAAY,IAAI,CAAC,CAAD,CAAJ,CAAQ,CAA7B,IAAkC,KAAK,UAAxC,IAAsD,CAAtE;AAEA,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,OAAO,EAAE,OADK;AAEd,QAAA,OAAO,gBAAS,KAAK,UAAd,cAA4B,KAAK,WAAjC;AAFO,OAAT,EAGJ,CACD,KAAK,WAAL,EADC,EAED,KAAK,WAAL,CAAiB,IAAjB,EAAuB,OAAvB,EAAgC,KAAK,UAArC,EAAiD,oBAAmB,CAAA,EAAA,GAAA,8BAAA,MAAoB,IAApB,IAAoB,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoB,EAAA,CAAE,GAAzC,CAAjD,CAFC,EAGD,KAAK,SAAL,GAAiB,KAAK,SAAL,CAAe,OAAf,CAAjB,GAA2C,SAH1C,EAID,YAAE,GAAF,EAAO;AACL,kDAAmC,CAAA,EAAA,GAAA,8BAAA,MAAoB,IAApB,IAAoB,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoB,EAAA,CAAE,GAAzD,WADK;AAEL,QAAA,IAAI,iBAAU,CAAA,EAAA,GAAA,8BAAA,MAAoB,IAApB,IAAoB,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoB,EAAA,CAAE,GAAhC;AAFC,OAAP,EAGG,CACD,YAAE,MAAF,EAAU;AACR,QAAA,CAAC,EAAE,CADK;AAER,QAAA,CAAC,EAAE,CAFK;AAGR,QAAA,KAAK,EAAE,KAAK,UAHJ;AAIR,QAAA,MAAM,EAAE,KAAK;AAJL,OAAV,CADC,CAHH,CAJC,CAHI,CAAP;AAmBD,KA3FM;AA4FP,IAAA,WA5FO,uBA4FM,IA5FN,EA4FmB,OA5FnB,EA4FoC,SA5FpC,EA4FuD,EA5FvD,EA4FiE;AAAA;;AACtE,UAAM,QAAQ,GAAG,OAAO,KAAK,MAAZ,KAAuB,QAAvB,GACb,KAAK,MADQ,GAEb,KAAK,MAAL,GAAc,CAAd,GAAkB,CAFtB;AAIA,aAAO,YAAE,UAAF,EAAc;AACnB,QAAA,EAAE,YAAK,EAAL;AADiB,OAAd,EAEJ,IAAI,CAAC,GAAL,CAAS,UAAA,IAAI,EAAG;AACjB,eAAO,YAAE,MAAF,EAAU;AACf,UAAA,CAAC,EAAE,IAAI,CAAC,CAAL,GAAS,OADG;AAEf,UAAA,CAAC,EAAE,IAAI,CAAC,CAFO;AAGf,UAAA,KAAK,EAAE,SAHQ;AAIf,UAAA,MAAM,EAAE,IAAI,CAAC,MAJE;AAKf,UAAA,EAAE,EAAE,QALW;AAMf,UAAA,EAAE,EAAE;AANW,SAAV,EAOJ,CACD,MAAI,CAAC,QAAL,GAAgB,YAAE,SAAF,EAAa;AAC3B,UAAA,aAAa,EAAE,QADY;AAE3B,UAAA,IAAI,EAAE,CAFqB;AAG3B,UAAA,EAAE,EAAE,IAAI,CAAC,MAHkB;AAI3B,UAAA,GAAG,YAAK,MAAI,CAAC,gBAAV,OAJwB;AAK3B,UAAA,IAAI,EAAE;AALqB,SAAb,CAAhB,GAMK,SAPJ,CAPI,CAAP;AAgBD,OAjBE,CAFI,CAAP;AAoBD,KArHM;AAsHP,IAAA,QAtHO,sBAsHC;AACN,aAAO,YAAE,KAAF,EAAS,KAAK,YAAL,CAAkB,KAAK,KAAvB,kCACX,KAAK,MADM;AAEd,QAAA,OAAO,EAAE,OAFK;AAGd,wBAAgB,KAAK,UAAL,IAAmB,CAHrB;AAId,QAAA,OAAO,gBAAS,KAAK,KAAd,cAAuB,KAAK,WAA5B;AAJO,SAAT,EAKH,CACF,KAAK,WAAL,EADE,EAEF,KAAK,SAAL,IAAkB,KAAK,SAAL,CAAe,EAAE,KAAK,UAAL,GAAkB,CAApB,CAAf,CAFhB,EAGF,KAAK,OAAL,EAHE,CALG,CAAP;AAUD;AAjIM,GAnNoB;AAuV7B,EAAA,MAvV6B,oBAuVvB;AACJ,QAAI,KAAK,WAAL,GAAmB,CAAvB,EAA0B,OAAO,SAAP;AAE1B,WAAO,KAAK,IAAL,KAAc,OAAd,GAAwB,KAAK,QAAL,EAAxB,GAA0C,KAAK,OAAL,EAAjD;AACD;AA3V4B,CAAhB,C","sourcesContent":["import { h, defineComponent, PropType, VNode, getCurrentInstance } from 'vue'\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport { genPoints, genBars } from './helpers/core'\nimport { genPath } from './helpers/path'\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\nexport default defineComponent({\n  name: 'v-sparkline',\n  mixins: [Colorable],\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 as PropType<string[]>,\n      default: () => ([]),\n    },\n    gradientDirection: {\n      type: String as PropType<'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 as PropType<SparklineItem[]>,\n      default: () => ([]),\n    },\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 PropType<'trend' | 'bar'>,\n      default: 'trend',\n      validator: (val: string) => ['trend', 'bar'].includes(val),\n    },\n    value: {\n      type: Array as PropType<SparklineItem[]>,\n      default: () => ([]),\n    },\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.$slots.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        h('stop', {\n          offset: index / len,\n          'stop-color': color || 'currentColor',\n        })\n      )\n\n      const instance = getCurrentInstance()\n      return h('defs', [\n        h('linearGradient', {\n          id: instance?.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        }, stops),\n      ])\n    },\n    genG (children: VNode[]) {\n      return h('g', {\n        style: {\n          fontSize: '8',\n          textAnchor: 'middle',\n          dominantBaseline: 'mathematical',\n          fill: 'currentColor',\n        },\n      }, children)\n    },\n    genPath () {\n      const points = genPoints(this.normalizedValues, this.boundary)\n      const instance = getCurrentInstance()\n\n      return h('path', {\n        d: genPath(points, this._radius, this.fill, this.parsedHeight),\n        fill: this.fill ? `url(#${instance?.uid})` : 'none',\n        stroke: this.fill ? 'none' : `url(#${instance?.uid})`,\n        ref: 'path',\n      })\n    },\n    genLabels (offsetX: number) {\n      const children = this.parsedLabels.map((item, i) => (\n        h('text', {\n          x: item.x + offsetX + this._lineWidth / 2,\n          y: this.textY + (this.parsedLabelSize * 0.75),\n          'font-size': Number(this.labelSize) || 7,\n        }, [this.genLabel(item, i)])\n      ))\n\n      return this.genG(children)\n    },\n    genLabel (item: SparklineText, index: number) {\n      return this.$slots.label\n        ? this.$slots.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 h('svg', {\n        display: 'block',\n        viewBox: `0 0 ${this.totalWidth} ${this.totalHeight}`,\n      }, [\n        this.genGradient(),\n        this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + getCurrentInstance()?.uid),\n        this.hasLabels ? this.genLabels(offsetX) : undefined as never,\n        h('g', {\n          'clip-path': `url(#sparkline-bar-${getCurrentInstance()?.uid}-clip)`,\n          fill: `url(#${getCurrentInstance()?.uid})`,\n        }, [\n          h('rect', {\n            x: 0,\n            y: 0,\n            width: this.totalWidth,\n            height: this.height,\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 h('clipPath', {\n        id: `${id}-clip`,\n      }, bars.map(item => {\n        return h('rect', {\n          x: item.x + offsetX,\n          y: item.y,\n          width: lineWidth,\n          height: item.height,\n          rx: rounding,\n          ry: rounding,\n        }, [\n          this.autoDraw ? h('animate', {\n            attributeName: 'height',\n            from: 0,\n            to: item.height,\n            dur: `${this.autoDrawDuration}ms`,\n            fill: 'freeze',\n          }) : undefined as never,\n        ])\n      }))\n    },\n    genTrend () {\n      return h('svg', this.setTextColor(this.color, {\n        ...this.$attrs,\n        display: 'block',\n        'stroke-width': this._lineWidth || 1,\n        viewBox: `0 0 ${this.width} ${this.totalHeight}`,\n      }), [\n        this.genGradient(),\n        this.hasLabels && this.genLabels(-(this._lineWidth / 2)),\n        this.genPath(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    if (this.totalValues < 2) return undefined as never\n\n    return this.type === 'trend' ? this.genTrend() : this.genBars()\n  },\n})\n"],"sourceRoot":"","file":"VSparkline.js"}