kdutify 0.16.9-rc.0 → 2.6.1

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

@@ -0,0 +1,32 @@
+function int(value) {
+  return parseInt(value, 10);
+}
+/**
+ * https://en.wikipedia.org/wiki/Collinearity
+ * x=(x1+x2)/2
+ * y=(y1+y2)/2
+ */
+
+
+export function checkCollinear(p0, p1, p2) {
+  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
+}
+export function getDistance(p1, p2) {
+  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
+}
+export function moveTo(to, from, radius) {
+  const vector = {
+    x: to.x - from.x,
+    y: to.y - from.y
+  };
+  const length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
+  const 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/lib/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;;;AACH,OAAM,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;AAED,OAAM,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;AAED,OAAM,SAAU,MAAV,CAAkB,EAAlB,EAA6B,IAA7B,EAA0C,MAA1C,EAAwD;AAC5D,QAAM,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,QAAM,MAAM,GAAG,IAAI,CAAC,IAAL,CAAW,MAAM,CAAC,CAAP,GAAW,MAAM,CAAC,CAAnB,GAAyB,MAAM,CAAC,CAAP,GAAW,MAAM,CAAC,CAArD,CAAf;AACA,QAAM,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/lib/components/KSparkline/helpers/path.js

@@ -0,0 +1,26 @@
+import { checkCollinear, getDistance, moveTo } from './math';
+/**
+ * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18
+ */
+
+export function genPath(points, radius, fill = false, height = 75) {
+  const start = points.shift();
+  const end = points[points.length - 1];
+  return (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) + points.map((point, index) => {
+    const next = points[index + 1];
+    const prev = points[index - 1] || start;
+    const isCollinear = next && checkCollinear(next, point, prev);
+
+    if (!next || isCollinear) {
+      return `L${point.x} ${point.y}`;
+    }
+
+    const threshold = Math.min(getDistance(prev, point), getDistance(next, point));
+    const isTooCloseForRadius = threshold / 2 < radius;
+    const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
+    const before = moveTo(prev, point, radiusForPoint);
+    const after = moveTo(next, point, radiusForPoint);
+    return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`;
+  }).join('') + (fill ? `L${end.x} ${height - start.x + 2} Z` : '');
+}
+//# sourceMappingURL=path.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/KSparkline/helpers/path.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,WAAzB,EAAsC,MAAtC,QAAoD,QAApD;AAEA;;AAEG;;AACH,OAAM,SAAU,OAAV,CAAmB,MAAnB,EAAoC,MAApC,EAAoD,IAAI,GAAG,KAA3D,EAAkE,MAAM,GAAG,EAA3E,EAA6E;AACjF,QAAM,KAAK,GAAG,MAAM,CAAC,KAAP,EAAd;AACA,QAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAP,GAAgB,CAAjB,CAAlB;AAEA,SACE,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,MAAM,GAAG,KAAK,CAAC,CAAf,GAAmB,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAA7D,GAAkE,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAA7F,IACA,MAAM,CACH,GADH,CACO,CAAC,KAAD,EAAQ,KAAR,KAAiB;AACpB,UAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAT,CAAnB;AACA,UAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAT,CAAN,IAAqB,KAAlC;AACA,UAAM,WAAW,GAAG,IAAI,IAAI,cAAc,CAAC,IAAD,EAAO,KAAP,EAAc,IAAd,CAA1C;;AAEA,QAAI,CAAC,IAAD,IAAS,WAAb,EAA0B;AACxB,aAAO,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAA7B;AACD;;AAED,UAAM,SAAS,GAAG,IAAI,CAAC,GAAL,CAChB,WAAW,CAAC,IAAD,EAAO,KAAP,CADK,EAEhB,WAAW,CAAC,IAAD,EAAO,KAAP,CAFK,CAAlB;AAIA,UAAM,mBAAmB,GAAG,SAAS,GAAG,CAAZ,GAAgB,MAA5C;AACA,UAAM,cAAc,GAAG,mBAAmB,GAAG,SAAS,GAAG,CAAf,GAAmB,MAA7D;AAEA,UAAM,MAAM,GAAG,MAAM,CAAC,IAAD,EAAO,KAAP,EAAc,cAAd,CAArB;AACA,UAAM,KAAK,GAAG,MAAM,CAAC,IAAD,EAAO,KAAP,EAAc,cAAd,CAApB;AAEA,WAAO,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAA3E;AACD,GArBH,EAsBG,IAtBH,CAsBQ,EAtBR,CADA,IAwBC,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,KAAK,CAAC,CAAf,GAAmB,CAAC,IAApC,GAA2C,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/lib/components/KSparkline/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSparkline/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AAEA,eAAe,UAAf","sourcesContent":["import KSparkline from './KSparkline'\n\nexport { KSparkline }\n\nexport default KSparkline\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KSpeedDial/KSpeedDial.js

@@ -0,0 +1,99 @@
+// Styles
+import "..\\..\\..\\src\\components\\KSpeedDial\\KSpeedDial.sass"; // Mixins
+
+import Toggleable from '../../mixins/toggleable';
+import Positionable from '../../mixins/positionable';
+import Transitionable from '../../mixins/transitionable'; // Directives
+
+import ClickOutside from '../../directives/click-outside'; // Types
+
+import mixins from '../../util/mixins';
+/* @kdujs/component */
+
+export default mixins(Positionable, Toggleable, Transitionable).extend({
+  name: 'k-speed-dial',
+  directives: {
+    ClickOutside
+  },
+  props: {
+    direction: {
+      type: String,
+      default: 'top',
+      validator: val => {
+        return ['top', 'right', 'bottom', 'left'].includes(val);
+      }
+    },
+    openOnHover: Boolean,
+    transition: {
+      type: String,
+      default: 'scale-transition'
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        'k-speed-dial': true,
+        'k-speed-dial--top': this.top,
+        'k-speed-dial--right': this.right,
+        'k-speed-dial--bottom': this.bottom,
+        'k-speed-dial--left': this.left,
+        'k-speed-dial--absolute': this.absolute,
+        'k-speed-dial--fixed': this.fixed,
+        [`k-speed-dial--direction-${this.direction}`]: true,
+        'k-speed-dial--is-active': this.isActive
+      };
+    }
+
+  },
+
+  render(h) {
+    let children = [];
+    const data = {
+      class: this.classes,
+      directives: [{
+        name: 'click-outside',
+        value: () => this.isActive = false
+      }],
+      on: {
+        click: () => this.isActive = !this.isActive
+      }
+    };
+
+    if (this.openOnHover) {
+      data.on.mouseenter = () => this.isActive = true;
+
+      data.on.mouseleave = () => this.isActive = false;
+    }
+
+    if (this.isActive) {
+      let btnCount = 0;
+      children = (this.$slots.default || []).map((b, i) => {
+        if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'k-btn' || b.componentOptions.Ctor.options.name === 'k-tooltip')) {
+          btnCount++;
+          return h('div', {
+            style: {
+              transitionDelay: btnCount * 0.05 + 's'
+            },
+            key: i
+          }, [b]);
+        } else {
+          b.key = i;
+          return b;
+        }
+      });
+    }
+
+    const list = h('transition-group', {
+      class: 'k-speed-dial__list',
+      props: {
+        name: this.transition,
+        mode: this.mode,
+        origin: this.origin,
+        tag: 'div'
+      }
+    }, children);
+    return h('div', data, [this.$slots.activator, list]);
+  }
+
+});
+//# sourceMappingURL=KSpeedDial.js.map

package/lib/components/KSpeedDial/KSpeedDial.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSpeedDial/KSpeedDial.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KSpeedDial.sass'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Positionable from '../../mixins/positionable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { KNode, KNodeData } from 'kdu'\nimport { Prop } from 'kdu/types/options'\n\n/* @kdujs/component */\nexport default mixins(Positionable, Toggleable, Transitionable).extend({\n  name: 'k-speed-dial',\n\n  directives: { ClickOutside },\n\n  props: {\n    direction: {\n      type: String as Prop<'top' | 'right' | 'bottom' | 'left'>,\n      default: 'top',\n      validator: (val: string) => {\n        return ['top', 'right', 'bottom', 'left'].includes(val)\n      },\n    },\n    openOnHover: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-speed-dial': true,\n        'k-speed-dial--top': this.top,\n        'k-speed-dial--right': this.right,\n        'k-speed-dial--bottom': this.bottom,\n        'k-speed-dial--left': this.left,\n        'k-speed-dial--absolute': this.absolute,\n        'k-speed-dial--fixed': this.fixed,\n        [`k-speed-dial--direction-${this.direction}`]: true,\n        'k-speed-dial--is-active': this.isActive,\n      }\n    },\n  },\n\n  render (h): KNode {\n    let children: KNode[] = []\n    const data: KNodeData = {\n      class: this.classes,\n      directives: [{\n        name: 'click-outside',\n        value: () => (this.isActive = false),\n      }],\n      on: {\n        click: () => (this.isActive = !this.isActive),\n      },\n    }\n\n    if (this.openOnHover) {\n      data.on!.mouseenter = () => (this.isActive = true)\n      data.on!.mouseleave = () => (this.isActive = false)\n    }\n\n    if (this.isActive) {\n      let btnCount = 0\n      children = (this.$slots.default || []).map((b, i) => {\n        if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'k-btn' || b.componentOptions.Ctor.options.name === 'k-tooltip')) {\n          btnCount++\n          return h('div', {\n            style: {\n              transitionDelay: btnCount * 0.05 + 's',\n            },\n            key: i,\n          }, [b])\n        } else {\n          b.key = i\n          return b\n        }\n      })\n    }\n\n    const list = h('transition-group', {\n      class: 'k-speed-dial__list',\n      props: {\n        name: this.transition,\n        mode: this.mode,\n        origin: this.origin,\n        tag: 'div',\n      },\n    }, children)\n\n    return h('div', data, [this.$slots.activator, list])\n  },\n})\n"],"sourceRoot":"","file":"KSpeedDial.js"}

package/lib/components/KSpeedDial/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSpeedDial/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AACA,eAAe,UAAf","sourcesContent":["import KSpeedDial from './KSpeedDial'\n\nexport { KSpeedDial }\nexport default KSpeedDial\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KStepper/KStepper.js

@@ -0,0 +1,124 @@
+// Styles
+import "..\\..\\..\\src\\components\\KStepper\\KStepper.sass"; // Extensions
+
+import KSheet from '../KSheet'; // Mixins
+
+import { provide as RegistrableProvide } from '../../mixins/registrable';
+import Proxyable from '../../mixins/proxyable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
+const baseMixins = mixins(KSheet, RegistrableProvide('stepper'), Proxyable);
+/* @kdujs/component */
+
+export default baseMixins.extend({
+  name: 'k-stepper',
+
+  provide() {
+    return {
+      stepClick: this.stepClick,
+      isVertical: this.vertical
+    };
+  },
+
+  props: {
+    altLabels: Boolean,
+    nonLinear: Boolean,
+    flat: Boolean,
+    vertical: Boolean
+  },
+
+  data() {
+    const data = {
+      isBooted: false,
+      steps: [],
+      content: [],
+      isReverse: false
+    };
+    data.internalLazyValue = this.value != null ? this.value : (data[0] || {}).step || 1;
+    return data;
+  },
+
+  computed: {
+    classes() {
+      return {
+        'k-stepper--flat': this.flat,
+        'k-stepper--is-booted': this.isBooted,
+        'k-stepper--vertical': this.vertical,
+        'k-stepper--alt-labels': this.altLabels,
+        'k-stepper--non-linear': this.nonLinear,
+        ...KSheet.options.computed.classes.call(this)
+      };
+    },
+
+    styles() {
+      return { ...KSheet.options.computed.styles.call(this)
+      };
+    }
+
+  },
+  watch: {
+    internalValue(val, oldVal) {
+      this.isReverse = Number(val) < Number(oldVal);
+      oldVal && (this.isBooted = true);
+      this.updateView();
+    }
+
+  },
+
+  created() {
+    /* istanbul ignore next */
+    if (this.$listeners.input) {
+      breaking('@input', '@change', this);
+    }
+  },
+
+  mounted() {
+    this.updateView();
+  },
+
+  methods: {
+    register(item) {
+      if (item.$options.name === 'k-stepper-step') {
+        this.steps.push(item);
+      } else if (item.$options.name === 'k-stepper-content') {
+        item.isVertical = this.vertical;
+        this.content.push(item);
+      }
+    },
+
+    unregister(item) {
+      if (item.$options.name === 'k-stepper-step') {
+        this.steps = this.steps.filter(i => i !== item);
+      } else if (item.$options.name === 'k-stepper-content') {
+        item.isVertical = this.vertical;
+        this.content = this.content.filter(i => i !== item);
+      }
+    },
+
+    stepClick(step) {
+      this.$nextTick(() => this.internalValue = step);
+    },
+
+    updateView() {
+      for (let index = this.steps.length; --index >= 0;) {
+        this.steps[index].toggle(this.internalValue);
+      }
+
+      for (let index = this.content.length; --index >= 0;) {
+        this.content[index].toggle(this.internalValue, this.isReverse);
+      }
+    }
+
+  },
+
+  render(h) {
+    return h(this.tag, {
+      staticClass: 'k-stepper',
+      class: this.classes,
+      style: this.styles
+    }, this.$slots.default);
+  }
+
+});
+//# sourceMappingURL=KStepper.js.map

package/lib/components/KStepper/KStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KStepper/KStepper.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KStepper.sass'\n\n// Extensions\nimport KSheet from '../KSheet'\n\n// Components\nimport KStepperStep from './KStepperStep'\nimport KStepperContent from './KStepperContent'\n\n// Mixins\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\nimport Proxyable from '../../mixins/proxyable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  KSheet,\n  RegistrableProvide('stepper'),\n  Proxyable,\n)\n\ntype KStepperStepInstance = InstanceType<typeof KStepperStep>\ntype KStepperContentInstance = InstanceType<typeof KStepperContent>\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-stepper',\n\n  provide (): object {\n    return {\n      stepClick: this.stepClick,\n      isVertical: this.vertical,\n    }\n  },\n\n  props: {\n    altLabels: Boolean,\n    nonLinear: Boolean,\n    flat: Boolean,\n    vertical: Boolean,\n  },\n\n  data () {\n    const data: Dictionary<any> = {\n      isBooted: false,\n      steps: [] as KStepperStepInstance[],\n      content: [] as KStepperContentInstance[],\n      isReverse: false,\n    }\n\n    data.internalLazyValue = this.value != null\n      ? this.value\n      : (data[0] || {}).step || 1\n\n    return data\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-stepper--flat': this.flat,\n        'k-stepper--is-booted': this.isBooted,\n        'k-stepper--vertical': this.vertical,\n        'k-stepper--alt-labels': this.altLabels,\n        'k-stepper--non-linear': this.nonLinear,\n        ...KSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      return {\n        ...KSheet.options.computed.styles.call(this),\n      }\n    },\n  },\n\n  watch: {\n    internalValue (val, oldVal) {\n      this.isReverse = Number(val) < Number(oldVal)\n\n      oldVal && (this.isBooted = true)\n\n      this.updateView()\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$listeners.input) {\n      breaking('@input', '@change', this)\n    }\n  },\n\n  mounted () {\n    this.updateView()\n  },\n\n  methods: {\n    register (item: KStepperStepInstance | KStepperContentInstance) {\n      if (item.$options.name === 'k-stepper-step') {\n        this.steps.push(item as KStepperStepInstance)\n      } else if (item.$options.name === 'k-stepper-content') {\n        (item as KStepperContentInstance).isVertical = this.vertical\n        this.content.push(item as KStepperContentInstance)\n      }\n    },\n    unregister (item: KStepperStepInstance | KStepperContentInstance) {\n      if (item.$options.name === 'k-stepper-step') {\n        this.steps = this.steps.filter((i: KStepperStepInstance) => i !== item)\n      } else if (item.$options.name === 'k-stepper-content') {\n        (item as KStepperContentInstance).isVertical = this.vertical\n        this.content = this.content.filter((i: KStepperContentInstance) => i !== item)\n      }\n    },\n    stepClick (step: string | number) {\n      this.$nextTick(() => (this.internalValue = step))\n    },\n    updateView () {\n      for (let index = this.steps.length; --index >= 0;) {\n        this.steps[index].toggle(this.internalValue as any)\n      }\n      for (let index = this.content.length; --index >= 0;) {\n        this.content[index].toggle(this.internalValue as any, this.isReverse)\n      }\n    },\n  },\n\n  render (h): KNode {\n    return h(this.tag, {\n      staticClass: 'k-stepper',\n      class: this.classes,\n      style: this.styles,\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KStepper.js"}

package/lib/components/KStepper/KStepperContent.js

@@ -0,0 +1,131 @@
+// Components
+import { KTabTransition, KTabReverseTransition } from '../transitions'; // Mixins
+
+import { inject as RegistrableInject } from '../../mixins/registrable'; // Helpers
+
+import { convertToUnit } from '../../util/helpers'; // Utilities
+
+import mixins from '../../util/mixins';
+const baseMixins = mixins(RegistrableInject('stepper', 'k-stepper-content', 'k-stepper'));
+/* @kdujs/component */
+
+export default baseMixins.extend().extend({
+  name: 'k-stepper-content',
+  inject: {
+    isVerticalProvided: {
+      from: 'isVertical'
+    }
+  },
+  props: {
+    step: {
+      type: [Number, String],
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      height: 0,
+      // Must be null to allow
+      // previous comparison
+      isActive: null,
+      isReverse: false,
+      isVertical: this.isVerticalProvided
+    };
+  },
+
+  computed: {
+    computedTransition() {
+      // Fix for #8978
+      const reverse = this.$kdutify.rtl ? !this.isReverse : this.isReverse;
+      return reverse ? KTabReverseTransition : KTabTransition;
+    },
+
+    styles() {
+      if (!this.isVertical) return {};
+      return {
+        height: convertToUnit(this.height)
+      };
+    }
+
+  },
+  watch: {
+    isActive(current, previous) {
+      // If active and the previous state
+      // was null, is just booting up
+      if (current && previous == null) {
+        this.height = 'auto';
+        return;
+      }
+
+      if (!this.isVertical) return;
+      if (this.isActive) this.enter();else this.leave();
+    }
+
+  },
+
+  mounted() {
+    this.$refs.wrapper.addEventListener('transitionend', this.onTransition, false);
+    this.stepper && this.stepper.register(this);
+  },
+
+  beforeDestroy() {
+    this.$refs.wrapper.removeEventListener('transitionend', this.onTransition, false);
+    this.stepper && this.stepper.unregister(this);
+  },
+
+  methods: {
+    onTransition(e) {
+      if (!this.isActive || e.propertyName !== 'height') return;
+      this.height = 'auto';
+    },
+
+    enter() {
+      let scrollHeight = 0; // Render bug with height
+
+      requestAnimationFrame(() => {
+        scrollHeight = this.$refs.wrapper.scrollHeight;
+      });
+      this.height = 0; // Give the collapsing element time to collapse
+
+      setTimeout(() => this.isActive && (this.height = scrollHeight || 'auto'), 450);
+    },
+
+    leave() {
+      this.height = this.$refs.wrapper.clientHeight;
+      setTimeout(() => this.height = 0, 10);
+    },
+
+    toggle(step, reverse) {
+      this.isActive = step.toString() === this.step.toString();
+      this.isReverse = reverse;
+    }
+
+  },
+
+  render(h) {
+    const contentData = {
+      staticClass: 'k-stepper__content'
+    };
+    const wrapperData = {
+      staticClass: 'k-stepper__wrapper',
+      style: this.styles,
+      ref: 'wrapper'
+    };
+
+    if (!this.isVertical) {
+      contentData.directives = [{
+        name: 'show',
+        value: this.isActive
+      }];
+    }
+
+    const wrapper = h('div', wrapperData, [this.$slots.default]);
+    const content = h('div', contentData, [wrapper]);
+    return h(this.computedTransition, {
+      on: this.$listeners
+    }, [content]);
+  }
+
+});
+//# sourceMappingURL=KStepperContent.js.map

package/lib/components/KStepper/KStepperContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KStepper/KStepperContent.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport {\n  KTabTransition,\n  KTabReverseTransition,\n} from '../transitions'\n\n// Mixins\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, FunctionalComponentOptions, KNodeData } from 'kdu'\n\nconst baseMixins = mixins(\n  RegistrableInject('stepper', 'k-stepper-content', 'k-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    wrapper: HTMLElement\n  }\n  isVerticalProvided: boolean\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-stepper-content',\n\n  inject: {\n    isVerticalProvided: {\n      from: 'isVertical',\n    },\n  },\n\n  props: {\n    step: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      height: 0 as number | string,\n      // Must be null to allow\n      // previous comparison\n      isActive: null as boolean | null,\n      isReverse: false,\n      isVertical: this.isVerticalProvided,\n    }\n  },\n\n  computed: {\n    computedTransition (): FunctionalComponentOptions {\n      // Fix for #8978\n      const reverse = this.$kdutify.rtl ? !this.isReverse : this.isReverse\n\n      return reverse\n        ? KTabReverseTransition\n        : KTabTransition\n    },\n    styles (): object {\n      if (!this.isVertical) return {}\n\n      return {\n        height: convertToUnit(this.height),\n      }\n    },\n  },\n\n  watch: {\n    isActive (current, previous) {\n      // If active and the previous state\n      // was null, is just booting up\n      if (current && previous == null) {\n        this.height = 'auto'\n        return\n      }\n\n      if (!this.isVertical) return\n\n      if (this.isActive) this.enter()\n      else this.leave()\n    },\n  },\n\n  mounted () {\n    this.$refs.wrapper.addEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.$refs.wrapper.removeEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    onTransition (e: TransitionEvent) {\n      if (!this.isActive ||\n        e.propertyName !== 'height'\n      ) return\n\n      this.height = 'auto'\n    },\n    enter () {\n      let scrollHeight = 0\n\n      // Render bug with height\n      requestAnimationFrame(() => {\n        scrollHeight = this.$refs.wrapper.scrollHeight\n      })\n\n      this.height = 0\n\n      // Give the collapsing element time to collapse\n      setTimeout(() => this.isActive && (this.height = (scrollHeight || 'auto')), 450)\n    },\n    leave () {\n      this.height = this.$refs.wrapper.clientHeight\n      setTimeout(() => (this.height = 0), 10)\n    },\n    toggle (step: string | number, reverse: boolean) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isReverse = reverse\n    },\n  },\n\n  render (h): KNode {\n    const contentData = {\n      staticClass: 'k-stepper__content',\n    } as KNodeData\n    const wrapperData = {\n      staticClass: 'k-stepper__wrapper',\n      style: this.styles,\n      ref: 'wrapper',\n    }\n\n    if (!this.isVertical) {\n      contentData.directives = [{\n        name: 'show',\n        value: this.isActive,\n      }]\n    }\n\n    const wrapper = h('div', wrapperData, [this.$slots.default])\n    const content = h('div', contentData, [wrapper])\n\n    return h(this.computedTransition, {\n      on: this.$listeners,\n    }, [content])\n  },\n})\n"],"sourceRoot":"","file":"KStepperContent.js"}

package/lib/components/KStepper/KStepperStep.js

@@ -0,0 +1,144 @@
+// Components
+import KIcon from '../KIcon'; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
+
+import ripple from '../../directives/ripple'; // Utilities
+
+import mixins from '../../util/mixins';
+const baseMixins = mixins(Colorable, RegistrableInject('stepper', 'k-stepper-step', 'k-stepper'));
+/* @kdujs/component */
+
+export default baseMixins.extend().extend({
+  name: 'k-stepper-step',
+  directives: {
+    ripple
+  },
+  inject: ['stepClick'],
+  props: {
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    complete: Boolean,
+    completeIcon: {
+      type: String,
+      default: '$complete'
+    },
+    editable: Boolean,
+    editIcon: {
+      type: String,
+      default: '$edit'
+    },
+    errorIcon: {
+      type: String,
+      default: '$error'
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    step: [Number, String]
+  },
+
+  data() {
+    return {
+      isActive: false,
+      isInactive: true
+    };
+  },
+
+  computed: {
+    classes() {
+      return {
+        'k-stepper__step--active': this.isActive,
+        'k-stepper__step--editable': this.editable,
+        'k-stepper__step--inactive': this.isInactive,
+        'k-stepper__step--error error--text': this.hasError,
+        'k-stepper__step--complete': this.complete
+      };
+    },
+
+    hasError() {
+      return this.rules.some(validate => validate() !== true);
+    }
+
+  },
+
+  mounted() {
+    this.stepper && this.stepper.register(this);
+  },
+
+  beforeDestroy() {
+    this.stepper && this.stepper.unregister(this);
+  },
+
+  methods: {
+    click(e) {
+      e.stopPropagation();
+      this.$emit('click', e);
+
+      if (this.editable) {
+        this.stepClick(this.step);
+      }
+    },
+
+    genIcon(icon) {
+      return this.$createElement(KIcon, icon);
+    },
+
+    genLabel() {
+      return this.$createElement('div', {
+        staticClass: 'k-stepper__label'
+      }, this.$slots.default);
+    },
+
+    genStep() {
+      const color = !this.hasError && (this.complete || this.isActive) ? this.color : false;
+      return this.$createElement('span', this.setBackgroundColor(color, {
+        staticClass: 'k-stepper__step__step'
+      }), this.genStepContent());
+    },
+
+    genStepContent() {
+      const children = [];
+
+      if (this.hasError) {
+        children.push(this.genIcon(this.errorIcon));
+      } else if (this.complete) {
+        if (this.editable) {
+          children.push(this.genIcon(this.editIcon));
+        } else {
+          children.push(this.genIcon(this.completeIcon));
+        }
+      } else {
+        children.push(String(this.step));
+      }
+
+      return children;
+    },
+
+    toggle(step) {
+      this.isActive = step.toString() === this.step.toString();
+      this.isInactive = Number(step) < Number(this.step);
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: 'k-stepper__step',
+      class: this.classes,
+      directives: [{
+        name: 'ripple',
+        value: this.editable
+      }],
+      on: {
+        click: this.click
+      }
+    }, [this.genStep(), this.genLabel()]);
+  }
+
+});
+//# sourceMappingURL=KStepperStep.js.map

package/lib/components/KStepper/KStepperStep.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KStepper/KStepperStep.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\ntype KdutifyStepperRuleValidator = () => string | boolean\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject('stepper', 'k-stepper-step', 'k-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  stepClick: (step: number | string) => void\n}\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-stepper-step',\n\n  directives: { ripple },\n\n  inject: ['stepClick'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    complete: Boolean,\n    completeIcon: {\n      type: String,\n      default: '$complete',\n    },\n    editable: Boolean,\n    editIcon: {\n      type: String,\n      default: '$edit',\n    },\n    errorIcon: {\n      type: String,\n      default: '$error',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<KdutifyStepperRuleValidator[]>,\n    step: [Number, String],\n  },\n\n  data () {\n    return {\n      isActive: false,\n      isInactive: true,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-stepper__step--active': this.isActive,\n        'k-stepper__step--editable': this.editable,\n        'k-stepper__step--inactive': this.isInactive,\n        'k-stepper__step--error error--text': this.hasError,\n        'k-stepper__step--complete': this.complete,\n      }\n    },\n    hasError (): boolean {\n      return this.rules.some(validate => validate() !== true)\n    },\n  },\n\n  mounted () {\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    click (e: MouseEvent) {\n      e.stopPropagation()\n\n      this.$emit('click', e)\n\n      if (this.editable) {\n        this.stepClick(this.step)\n      }\n    },\n    genIcon (icon: string) {\n      return this.$createElement(KIcon, icon)\n    },\n    genLabel () {\n      return this.$createElement('div', {\n        staticClass: 'k-stepper__label',\n      }, this.$slots.default)\n    },\n    genStep () {\n      const color = (!this.hasError && (this.complete || this.isActive)) ? this.color : false\n\n      return this.$createElement('span', this.setBackgroundColor(color, {\n        staticClass: 'k-stepper__step__step',\n      }), this.genStepContent())\n    },\n    genStepContent () {\n      const children = []\n\n      if (this.hasError) {\n        children.push(this.genIcon(this.errorIcon))\n      } else if (this.complete) {\n        if (this.editable) {\n          children.push(this.genIcon(this.editIcon))\n        } else {\n          children.push(this.genIcon(this.completeIcon))\n        }\n      } else {\n        children.push(String(this.step))\n      }\n\n      return children\n    },\n    toggle (step: number | string) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isInactive = Number(step) < Number(this.step)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-stepper__step',\n      class: this.classes,\n      directives: [{\n        name: 'ripple',\n        value: this.editable,\n      }],\n      on: { click: this.click },\n    }, [\n      this.genStep(),\n      this.genLabel(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KStepperStep.js"}