kdutify 0.16.9-rc.0 → 2.6.1

package/lib/components/KSnackbar/KSnackbar.js

@@ -0,0 +1,188 @@
+// Styles
+import "..\\..\\..\\src\\components\\KSnackbar\\KSnackbar.sass"; // Components
+
+import KSheet from '../KSheet/KSheet'; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import Themeable from '../../mixins/themeable';
+import Toggleable from '../../mixins/toggleable';
+import { factory as PositionableFactory } from '../../mixins/positionable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { convertToUnit, getSlot } from '../../util/helpers';
+import { deprecate, removed } from '../../util/console';
+export default mixins(KSheet, Colorable, Toggleable, PositionableFactory(['absolute', 'bottom', 'left', 'right', 'top'])
+/* @kdujs/component */
+).extend({
+  name: 'k-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: 'k-snack-transition',
+      validator: v => typeof v === 'string' || v === false
+    },
+    vertical: Boolean
+  },
+  data: () => ({
+    activeTimeout: -1
+  }),
+  computed: {
+    classes() {
+      return {
+        'k-snack--absolute': this.absolute,
+        'k-snack--active': this.isActive,
+        'k-snack--bottom': this.bottom || !this.top,
+        'k-snack--centered': this.centered,
+        'k-snack--has-background': this.hasBackground,
+        'k-snack--left': this.left,
+        'k-snack--multi-line': this.multiLine && !this.vertical,
+        'k-snack--right': this.right,
+        'k-snack--text': this.text,
+        'k-snack--top': this.top,
+        'k-snack--vertical': this.vertical
+      };
+    },
+
+    // Text and outlined styles both
+    // use transparent backgrounds
+    hasBackground() {
+      return !this.text && !this.outlined;
+    },
+
+    // Snackbar is dark by default
+    // override themeable logic.
+    isDark() {
+      return this.hasBackground ? !this.light : Themeable.options.computed.isDark.call(this);
+    },
+
+    styles() {
+      if (this.absolute || !this.app) return {};
+      const {
+        bar,
+        bottom,
+        footer,
+        insetFooter,
+        left,
+        right,
+        top
+      } = this.$kdutify.application;
+      return {
+        paddingBottom: convertToUnit(bottom + footer + insetFooter),
+        paddingLeft: convertToUnit(left),
+        paddingRight: convertToUnit(right),
+        paddingTop: convertToUnit(bar + top)
+      };
+    }
+
+  },
+  watch: {
+    isActive: 'setTimeout',
+    timeout: 'setTimeout'
+  },
+
+  mounted() {
+    if (this.isActive) this.setTimeout();
+  },
+
+  created() {
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('auto-height')) {
+      removed('auto-height', this);
+    }
+    /* istanbul ignore next */
+    // eslint-disable-next-line eqeqeq
+
+
+    if (this.timeout == 0) {
+      deprecate('timeout="0"', '-1', this);
+    }
+  },
+
+  methods: {
+    genActions() {
+      return this.$createElement('div', {
+        staticClass: 'k-snack__action '
+      }, [getSlot(this, 'action', {
+        attrs: {
+          class: 'k-snack__btn'
+        }
+      })]);
+    },
+
+    genContent() {
+      return this.$createElement('div', {
+        staticClass: 'k-snack__content',
+        class: {
+          [this.contentClass]: true
+        },
+        attrs: {
+          role: 'status',
+          'aria-live': 'polite'
+        }
+      }, [getSlot(this)]);
+    },
+
+    genWrapper() {
+      const setColor = this.hasBackground ? this.setBackgroundColor : this.setTextColor;
+      const data = setColor(this.color, {
+        staticClass: 'k-snack__wrapper',
+        class: KSheet.options.computed.classes.call(this),
+        style: KSheet.options.computed.styles.call(this),
+        directives: [{
+          name: 'show',
+          value: this.isActive
+        }],
+        on: {
+          pointerenter: () => window.clearTimeout(this.activeTimeout),
+          pointerleave: this.setTimeout
+        }
+      });
+      return this.$createElement('div', data, [this.genContent(), this.genActions()]);
+    },
+
+    genTransition() {
+      return this.$createElement('transition', {
+        props: {
+          name: this.transition
+        }
+      }, [this.genWrapper()]);
+    },
+
+    setTimeout() {
+      window.clearTimeout(this.activeTimeout);
+      const timeout = Number(this.timeout);
+
+      if (!this.isActive || // TODO: remove 0 in v3
+      [0, -1].includes(timeout)) {
+        return;
+      }
+
+      this.activeTimeout = window.setTimeout(() => {
+        this.isActive = false;
+      }, timeout);
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: 'k-snack',
+      class: this.classes,
+      style: this.styles
+    }, [this.transition !== false ? this.genTransition() : this.genWrapper()]);
+  }
+
+});
+//# sourceMappingURL=KSnackbar.js.map

package/lib/components/KSnackbar/KSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSnackbar/KSnackbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KSnackbar.sass'\n\n// Components\nimport KSheet from '../KSheet/KSheet'\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, KNode } from 'kdu'\n\nexport default mixins(\n  KSheet,\n  Colorable,\n  Toggleable,\n  PositionableFactory([\n    'absolute',\n    'bottom',\n    'left',\n    'right',\n    'top',\n  ])\n/* @kdujs/component */\n).extend({\n  name: 'k-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: 'k-snack-transition',\n      validator: v => typeof v === 'string' || v === false,\n    },\n    vertical: Boolean,\n  },\n\n  data: () => ({\n    activeTimeout: -1,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-snack--absolute': this.absolute,\n        'k-snack--active': this.isActive,\n        'k-snack--bottom': this.bottom || !this.top,\n        'k-snack--centered': this.centered,\n        'k-snack--has-background': this.hasBackground,\n        'k-snack--left': this.left,\n        'k-snack--multi-line': this.multiLine && !this.vertical,\n        'k-snack--right': this.right,\n        'k-snack--text': this.text,\n        'k-snack--top': this.top,\n        'k-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.options.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.$kdutify.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 this.$createElement('div', {\n        staticClass: 'k-snack__action ',\n      }, [\n        getSlot(this, 'action', {\n          attrs: { class: 'k-snack__btn' },\n        }),\n      ])\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-snack__content',\n        class: {\n          [this.contentClass]: true,\n        },\n        attrs: {\n          role: 'status',\n          'aria-live': 'polite',\n        },\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        staticClass: 'k-snack__wrapper',\n        class: KSheet.options.computed.classes.call(this),\n        style: KSheet.options.computed.styles.call(this),\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: {\n          pointerenter: () => window.clearTimeout(this.activeTimeout),\n          pointerleave: this.setTimeout,\n        },\n      })\n\n      return this.$createElement('div', data, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n    genTransition () {\n      return this.$createElement('transition', {\n        props: { 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 (h): KNode {\n    return h('div', {\n      staticClass: 'k-snack',\n      class: this.classes,\n      style: this.styles,\n    }, [\n      this.transition !== false\n        ? this.genTransition()\n        : this.genWrapper(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KSnackbar.js"}

package/lib/components/KSnackbar/index.js

@@ -0,0 +1,4 @@
+import KSnackbar from './KSnackbar';
+export { KSnackbar };
+export default KSnackbar;
+//# sourceMappingURL=index.js.map

package/lib/components/KSnackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSnackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import KSnackbar from './KSnackbar'\n\nexport { KSnackbar }\nexport default KSnackbar\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KSparkline/KSparkline.js

@@ -0,0 +1,355 @@
+// Mixins
+import Colorable from '../../mixins/colorable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { genPoints, genBars } from './helpers/core';
+import { genPath } from './helpers/path';
+export default mixins(Colorable).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: () => []
+    },
+    gradientDirection: {
+      type: String,
+      validator: val => ['top', 'bottom', 'left', 'right'].includes(val),
+      default: 'top'
+    },
+    height: {
+      type: [String, Number],
+      default: 75
+    },
+    labels: {
+      type: Array,
+      default: () => []
+    },
+    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: val => ['trend', 'bar'].includes(val)
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    width: {
+      type: [Number, String],
+      default: 300
+    }
+  },
+  data: () => ({
+    lastLength: 0
+  }),
+  computed: {
+    parsedPadding() {
+      return Number(this.padding);
+    },
+
+    parsedWidth() {
+      return Number(this.width);
+    },
+
+    parsedHeight() {
+      return parseInt(this.height, 10);
+    },
+
+    parsedLabelSize() {
+      return parseInt(this.labelSize, 10) || 7;
+    },
+
+    totalHeight() {
+      let height = this.parsedHeight;
+      if (this.hasLabels) height += parseInt(this.labelSize, 10) * 1.5;
+      return height;
+    },
+
+    totalWidth() {
+      let width = this.parsedWidth;
+      if (this.type === 'bar') width = Math.max(this.value.length * this._lineWidth, width);
+      return width;
+    },
+
+    totalValues() {
+      return this.value.length;
+    },
+
+    _lineWidth() {
+      if (this.autoLineWidth && this.type !== 'trend') {
+        const totalPadding = this.parsedPadding * (this.totalValues + 1);
+        return (this.parsedWidth - totalPadding) / this.totalValues;
+      } else {
+        return parseFloat(this.lineWidth) || 4;
+      }
+    },
+
+    boundary() {
+      if (this.type === 'bar') return {
+        minX: 0,
+        maxX: this.totalWidth,
+        minY: 0,
+        maxY: this.parsedHeight
+      };
+      const padding = this.parsedPadding;
+      return {
+        minX: padding,
+        maxX: this.totalWidth - padding,
+        minY: padding,
+        maxY: this.parsedHeight - padding
+      };
+    },
+
+    hasLabels() {
+      return Boolean(this.showLabels || this.labels.length > 0 || this.$scopedSlots.label);
+    },
+
+    parsedLabels() {
+      const labels = [];
+      const points = this._values;
+      const len = points.length;
+
+      for (let i = 0; labels.length < len; i++) {
+        const item = points[i];
+        let value = this.labels[i];
+
+        if (!value) {
+          value = typeof item === 'object' ? item.value : item;
+        }
+
+        labels.push({
+          x: item.x,
+          value: String(value)
+        });
+      }
+
+      return labels;
+    },
+
+    normalizedValues() {
+      return this.value.map(item => typeof item === 'number' ? item : item.value);
+    },
+
+    _values() {
+      return this.type === 'trend' ? genPoints(this.normalizedValues, this.boundary) : genBars(this.normalizedValues, this.boundary);
+    },
+
+    textY() {
+      let y = this.parsedHeight;
+      if (this.type === 'trend') y -= 4;
+      return y;
+    },
+
+    _radius() {
+      return this.smooth === true ? 8 : Number(this.smooth);
+    }
+
+  },
+  watch: {
+    value: {
+      immediate: true,
+
+      handler() {
+        this.$nextTick(() => {
+          if (!this.autoDraw || this.type === 'bar' || !this.$refs.path) return;
+          const path = this.$refs.path;
+          const 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 ${this.autoDrawDuration}ms ${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 ${this.autoDrawDuration}ms ${this.autoDrawEasing}`;
+            path.style.transform = `scaleY(1)`;
+          }
+
+          this.lastLength = length;
+        });
+      }
+
+    }
+  },
+  methods: {
+    genGradient() {
+      const gradientDirection = this.gradientDirection;
+      const gradient = this.gradient.slice(); // Pushes empty string to force
+      // a fallback to currentColor
+
+      if (!gradient.length) gradient.push('');
+      const len = Math.max(gradient.length - 1, 1);
+      const stops = gradient.reverse().map((color, index) => this.$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(children) {
+      return this.$createElement('g', {
+        style: {
+          fontSize: '8',
+          textAnchor: 'middle',
+          dominantBaseline: 'mathematical',
+          fill: 'currentColor'
+        }
+      }, children);
+    },
+
+    genPath() {
+      const points = genPoints(this.normalizedValues, this.boundary);
+      return this.$createElement('path', {
+        attrs: {
+          d: genPath(points, this._radius, this.fill, this.parsedHeight),
+          fill: this.fill ? `url(#${this._uid})` : 'none',
+          stroke: this.fill ? 'none' : `url(#${this._uid})`
+        },
+        ref: 'path'
+      });
+    },
+
+    genLabels(offsetX) {
+      const children = this.parsedLabels.map((item, i) => this.$createElement('text', {
+        attrs: {
+          x: item.x + offsetX + this._lineWidth / 2,
+          y: this.textY + this.parsedLabelSize * 0.75,
+          'font-size': Number(this.labelSize) || 7
+        }
+      }, [this.genLabel(item, i)]));
+      return this.genG(children);
+    },
+
+    genLabel(item, index) {
+      return this.$scopedSlots.label ? this.$scopedSlots.label({
+        index,
+        value: item.value
+      }) : item.value;
+    },
+
+    genBars() {
+      if (!this.value || this.totalValues < 2) return undefined;
+      const bars = genBars(this.normalizedValues, this.boundary);
+      const offsetX = (Math.abs(bars[0].x - bars[1].x) - this._lineWidth) / 2;
+      return this.$createElement('svg', {
+        attrs: {
+          display: 'block',
+          viewBox: `0 0 ${this.totalWidth} ${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-${this._uid}-clip)`,
+          fill: `url(#${this._uid})`
+        }
+      }, [this.$createElement('rect', {
+        attrs: {
+          x: 0,
+          y: 0,
+          width: this.totalWidth,
+          height: this.height
+        }
+      })])]);
+    },
+
+    genClipPath(bars, offsetX, lineWidth, id) {
+      const rounding = typeof this.smooth === 'number' ? this.smooth : this.smooth ? 2 : 0;
+      return this.$createElement('clipPath', {
+        attrs: {
+          id: `${id}-clip`
+        }
+      }, bars.map(item => {
+        return this.$createElement('rect', {
+          attrs: {
+            x: item.x + offsetX,
+            y: item.y,
+            width: lineWidth,
+            height: item.height,
+            rx: rounding,
+            ry: rounding
+          }
+        }, [this.autoDraw ? this.$createElement('animate', {
+          attrs: {
+            attributeName: 'height',
+            from: 0,
+            to: item.height,
+            dur: `${this.autoDrawDuration}ms`,
+            fill: 'freeze'
+          }
+        }) : undefined]);
+      }));
+    },
+
+    genTrend() {
+      return this.$createElement('svg', this.setTextColor(this.color, {
+        attrs: { ...this.$attrs,
+          display: 'block',
+          'stroke-width': this._lineWidth || 1,
+          viewBox: `0 0 ${this.width} ${this.totalHeight}`
+        }
+      }), [this.genGradient(), this.hasLabels && this.genLabels(-(this._lineWidth / 2)), this.genPath()]);
+    }
+
+  },
+
+  render(h) {
+    if (this.totalValues < 2) return undefined;
+    return this.type === 'trend' ? this.genTrend() : this.genBars();
+  }
+
+});
+//# sourceMappingURL=KSparkline.js.map

package/lib/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/lib/components/KSparkline/helpers/core.js

@@ -0,0 +1,46 @@
+export function genPoints(values, boundary) {
+  const {
+    minX,
+    maxX,
+    minY,
+    maxY
+  } = boundary;
+  const totalValues = values.length;
+  const maxValue = Math.max(...values);
+  const minValue = Math.min(...values);
+  const gridX = (maxX - minX) / (totalValues - 1);
+  const gridY = (maxY - minY) / (maxValue - minValue || 1);
+  return values.map((value, index) => {
+    return {
+      x: minX + index * gridX,
+      y: maxY - (value - minValue) * gridY,
+      value
+    };
+  });
+}
+export function genBars(values, boundary) {
+  const {
+    minX,
+    maxX,
+    minY,
+    maxY
+  } = boundary;
+  const totalValues = values.length;
+  let maxValue = Math.max(...values);
+  let minValue = Math.min(...values);
+  if (minValue > 0) minValue = 0;
+  if (maxValue < 0) maxValue = 0;
+  const gridX = maxX / totalValues;
+  const gridY = (maxY - minY) / (maxValue - minValue || 1);
+  const horizonY = maxY - Math.abs(minValue * gridY);
+  return values.map((value, index) => {
+    const height = Math.abs(gridY * value);
+    return {
+      x: minX + index * gridX,
+      y: horizonY - height + +(value < 0) * height,
+      height,
+      value
+    };
+  });
+}
+//# sourceMappingURL=core.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KSparkline/helpers/core.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,SAAV,CACJ,MADI,EAEJ,QAFI,EAEc;AAElB,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,IAAR;AAAc,IAAA,IAAd;AAAoB,IAAA;AAApB,MAA6B,QAAnC;AACA,QAAM,WAAW,GAAG,MAAM,CAAC,MAA3B;AACA,QAAM,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,GAAG,MAAZ,CAAjB;AACA,QAAM,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,GAAG,MAAZ,CAAjB;AAEA,QAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAiB,WAAW,GAAG,CAA/B,CAAd;AACA,QAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAkB,QAAQ,GAAG,QAAZ,IAAyB,CAA1C,CAAd;AAEA,SAAO,MAAM,CAAC,GAAP,CAAW,CAAC,KAAD,EAAQ,KAAR,KAAiB;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;AAHK,KAAP;AAKD,GANM,CAAP;AAOD;AAED,OAAM,SAAU,OAAV,CACJ,MADI,EAEJ,QAFI,EAEc;AAElB,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,IAAR;AAAc,IAAA,IAAd;AAAoB,IAAA;AAApB,MAA6B,QAAnC;AACA,QAAM,WAAW,GAAG,MAAM,CAAC,MAA3B;AACA,MAAI,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,GAAG,MAAZ,CAAf;AACA,MAAI,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,GAAG,MAAZ,CAAf;AAEA,MAAI,QAAQ,GAAG,CAAf,EAAkB,QAAQ,GAAG,CAAX;AAClB,MAAI,QAAQ,GAAG,CAAf,EAAkB,QAAQ,GAAG,CAAX;AAElB,QAAM,KAAK,GAAG,IAAI,GAAG,WAArB;AACA,QAAM,KAAK,GAAG,CAAC,IAAI,GAAG,IAAR,KAAkB,QAAQ,GAAG,QAAZ,IAAyB,CAA1C,CAAd;AACA,QAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,GAAL,CAAS,QAAQ,GAAG,KAApB,CAAxB;AAEA,SAAO,MAAM,CAAC,GAAP,CAAW,CAAC,KAAD,EAAQ,KAAR,KAAiB;AACjC,UAAM,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,MAJK;AAKL,MAAA;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"}