kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KSpeedDial/KSpeedDial.js

@@ -1,19 +1,32 @@
-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; }
+"use strict";
 
-require('../../../src/stylus/components/_speed-dial.styl');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-import Toggleable from '../../mixins/toggleable';
-import Positionable from '../../mixins/positionable';
+require("..\\..\\..\\src\\components\\KSpeedDial\\KSpeedDial.sass");
 
-import ClickOutside from '../../directives/click-outside';
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
 
-export default {
-  name: 'k-speed-dial',
+var _positionable = _interopRequireDefault(require("../../mixins/positionable"));
+
+var _transitionable = _interopRequireDefault(require("../../mixins/transitionable"));
 
-  mixins: [Positionable, Toggleable],
+var _clickOutside = _interopRequireDefault(require("../../directives/click-outside"));
 
-  directives: { ClickOutside: ClickOutside },
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+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; }
+
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_positionable.default, _toggleable.default, _transitionable.default).extend({
+  name: 'k-speed-dial',
+  directives: {
+    ClickOutside: _clickOutside.default
+  },
   props: {
     direction: {
       type: String,
@@ -22,35 +35,38 @@ export default {
         return ['top', 'right', 'bottom', 'left'].includes(val);
       }
     },
-    hover: Boolean,
+    openOnHover: Boolean,
     transition: {
       type: String,
       default: 'scale-transition'
     }
   },
-
   computed: {
     classes: function classes() {
-      return _defineProperty({
-        'speed-dial': true,
-        'speed-dial--top': this.top,
-        'speed-dial--right': this.right,
-        'speed-dial--bottom': this.bottom,
-        'speed-dial--left': this.left,
-        'speed-dial--absolute': this.absolute,
-        'speed-dial--fixed': this.fixed
-      }, 'speed-dial--direction-' + this.direction, true);
+      var _ref;
+
+      return _ref = {
+        '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
+      }, _defineProperty(_ref, "k-speed-dial--direction-".concat(this.direction), true), _defineProperty(_ref, 'k-speed-dial--is-active', this.isActive), _ref;
     }
   },
-
   render: function render(h) {
     var _this = this;
 
     var children = [];
     var data = {
-      'class': this.classes,
+      class: this.classes,
       directives: [{
-        name: 'click-outside'
+        name: 'click-outside',
+        value: function value() {
+          return _this.isActive = false;
+        }
       }],
       on: {
         click: function click() {
@@ -59,31 +75,46 @@ export default {
       }
     };
 
-    if (this.hover) {
+    if (this.openOnHover) {
       data.on.mouseenter = function () {
         return _this.isActive = true;
       };
+
       data.on.mouseleave = function () {
         return _this.isActive = false;
       };
     }
 
     if (this.isActive) {
+      var btnCount = 0;
       children = (this.$slots.default || []).map(function (b, i) {
-        b.key = i;
-
-        return b;
+        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;
+        }
       });
     }
 
     var list = h('transition-group', {
-      'class': 'speed-dial__list',
+      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]);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KSpeedDial.js.map

package/es5/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/es5/components/KSpeedDial/index.js

@@ -1,7 +1,20 @@
-import KSpeedDial from './KSpeedDial';
+"use strict";
 
-KSpeedDial.install = function install(Kdu) {
-  Kdu.component(KSpeedDial.name, KSpeedDial);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KSpeedDial", {
+  enumerable: true,
+  get: function get() {
+    return _KSpeedDial.default;
+  }
+});
+exports.default = void 0;
 
-export default KSpeedDial;
+var _KSpeedDial = _interopRequireDefault(require("./KSpeedDial"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KSpeedDial.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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

package/es5/components/KStepper/KStepper.js

@@ -1,112 +1,133 @@
-require('../../../src/stylus/components/_steppers.styl');
+"use strict";
 
-import Themeable from '../../mixins/themeable';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default {
-  name: 'k-stepper',
+require("..\\..\\..\\src\\components\\KStepper\\KStepper.sass");
+
+var _KSheet = _interopRequireDefault(require("../KSheet"));
+
+var _registrable = require("../../mixins/registrable");
+
+var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _console = require("../../util/console");
 
-  mixins: [Themeable],
+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; }
+
+var baseMixins = (0, _mixins.default)(_KSheet.default, (0, _registrable.provide)('stepper'), _proxyable.default);
+/* @kdujs/component */
+
+var _default = baseMixins.extend({
+  name: 'k-stepper',
   provide: function provide() {
     return {
-      stepClick: this.stepClick
+      stepClick: this.stepClick,
+      isVertical: this.vertical
     };
   },
+  props: {
+    altLabels: Boolean,
+    nonLinear: Boolean,
+    flat: Boolean,
+    vertical: Boolean
+  },
   data: function data() {
-    return {
-      inputValue: null,
+    var data = {
       isBooted: false,
       steps: [],
       content: [],
       isReverse: false
     };
+    data.internalLazyValue = this.value != null ? this.value : (data[0] || {}).step || 1;
+    return data;
   },
-
-
-  props: {
-    nonLinear: Boolean,
-    altLabels: Boolean,
-    vertical: Boolean,
-    value: [Number, String]
-  },
-
   computed: {
     classes: function classes() {
-      return {
-        'stepper': true,
-        'stepper--is-booted': this.isBooted,
-        'stepper--vertical': this.vertical,
-        'stepper--alt-labels': this.altLabels,
-        'stepper--non-linear': this.nonLinear,
-        'theme--dark': this.dark,
-        'theme--light': this.light
-      };
+      return _objectSpread({
+        '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.default.options.computed.classes.call(this));
+    },
+    styles: function styles() {
+      return _objectSpread({}, _KSheet.default.options.computed.styles.call(this));
     }
   },
-
   watch: {
-    inputValue: function inputValue(val, prev) {
-      var _this = this;
-
-      this.isReverse = Number(val) < Number(prev);
-      this.steps.forEach(function (i) {
-        return i.toggle(_this.inputValue);
-      });
-      this.content.forEach(function (i) {
-        return i.toggle(_this.inputValue, _this.isReverse);
-      });
-
-      this.$emit('input', this.inputValue);
-      prev && (this.isBooted = true);
-    },
-    value: function value() {
-      var _this2 = this;
-
-      this.getSteps();
-      this.$nextTick(function () {
-        return _this2.inputValue = _this2.value;
-      });
+    internalValue: function internalValue(val, oldVal) {
+      this.isReverse = Number(val) < Number(oldVal);
+      oldVal && (this.isBooted = true);
+      this.updateView();
+    }
+  },
+  created: function created() {
+    /* istanbul ignore next */
+    if (this.$listeners.input) {
+      (0, _console.breaking)('@input', '@change', this);
     }
   },
-
   mounted: function mounted() {
-    this.$kdutify.load(this.init);
+    this.updateView();
   },
-
-
   methods: {
-    init: function init() {
-      this.getSteps();
-
-      this.inputValue = this.value || this.steps[0].step || 1;
+    register: function 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);
+      }
     },
-    getSteps: function getSteps() {
-      var _this3 = this;
-
-      this.steps = [];
-      this.content = [];
-      this.$children.forEach(function (i) {
-        if (i.$options._componentTag === 'k-stepper-step') {
-          _this3.steps.push(i);
-        } else if (i.$options._componentTag === 'k-stepper-content') {
-          i.isVertical = _this3.vertical;
-          _this3.content.push(i);
-        }
-      });
+    unregister: function unregister(item) {
+      if (item.$options.name === 'k-stepper-step') {
+        this.steps = this.steps.filter(function (i) {
+          return i !== item;
+        });
+      } else if (item.$options.name === 'k-stepper-content') {
+        item.isVertical = this.vertical;
+        this.content = this.content.filter(function (i) {
+          return i !== item;
+        });
+      }
     },
     stepClick: function stepClick(step) {
-      var _this4 = this;
+      var _this = this;
 
-      this.getSteps();
       this.$nextTick(function () {
-        return _this4.inputValue = step;
+        return _this.internalValue = step;
       });
+    },
+    updateView: function updateView() {
+      for (var index = this.steps.length; --index >= 0;) {
+        this.steps[index].toggle(this.internalValue);
+      }
+
+      for (var _index = this.content.length; --_index >= 0;) {
+        this.content[_index].toggle(this.internalValue, this.isReverse);
+      }
     }
   },
-
   render: function render(h) {
-    return h('div', {
-      'class': this.classes
+    return h(this.tag, {
+      staticClass: 'k-stepper',
+      class: this.classes,
+      style: this.styles
     }, this.$slots.default);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KStepper.js.map

package/es5/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/es5/components/KStepper/KStepperContent.js

@@ -1,96 +1,101 @@
-import { KTabTransition, KTabReverseTransition } from '../transitions';
+"use strict";
 
-export default {
-  name: 'k-stepper-content',
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-  components: {
-    KTabTransition: KTabTransition,
-    KTabReverseTransition: KTabReverseTransition
-  },
+var _transitions = require("../transitions");
 
-  data: function data() {
-    return {
-      height: 0,
-      isActive: false,
-      isReverse: false,
-      isVertical: false
-    };
-  },
+var _registrable = require("../../mixins/registrable");
+
+var _helpers = require("../../util/helpers");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// Components
+// Mixins
+// Helpers
+// Utilities
+var baseMixins = (0, _mixins.default)((0, _registrable.inject)('stepper', 'k-stepper-content', 'k-stepper'));
+/* @kdujs/component */
+
+var _default = baseMixins.extend().extend({
+  name: 'k-stepper-content',
+  inject: {
+    isVerticalProvided: {
+      from: 'isVertical'
+    }
+  },
   props: {
     step: {
       type: [Number, String],
       required: true
     }
   },
-
+  data: function data() {
+    return {
+      height: 0,
+      // Must be null to allow
+      // previous comparison
+      isActive: null,
+      isReverse: false,
+      isVertical: this.isVerticalProvided
+    };
+  },
   computed: {
-    classes: function classes() {
-      return {
-        'stepper__content': true
-      };
-    },
     computedTransition: function computedTransition() {
-      return this.isReverse ? 'k-tab-reverse-transition' : 'k-tab-transition';
+      // Fix for #8978
+      var reverse = this.$kdutify.rtl ? !this.isReverse : this.isReverse;
+      return reverse ? _transitions.KTabReverseTransition : _transitions.KTabTransition;
     },
     styles: function styles() {
       if (!this.isVertical) return {};
-
       return {
-        height: !isNaN(this.height) ? this.height + 'px' : this.height
-      };
-    },
-    wrapperClasses: function wrapperClasses() {
-      return {
-        'stepper__wrapper': true
+        height: (0, _helpers.convertToUnit)(this.height)
       };
     }
   },
-
   watch: {
-    isActive: function isActive() {
-      if (!this.isVertical) {
+    isActive: function 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.isActive) {
-        this.enter();
-      } else {
-        this.leave();
-      }
+      if (!this.isVertical) return;
+      if (this.isActive) this.enter();else this.leave();
     }
   },
-
   mounted: function mounted() {
     this.$refs.wrapper.addEventListener('transitionend', this.onTransition, false);
+    this.stepper && this.stepper.register(this);
   },
   beforeDestroy: function beforeDestroy() {
     this.$refs.wrapper.removeEventListener('transitionend', this.onTransition, false);
+    this.stepper && this.stepper.unregister(this);
   },
-
-
   methods: {
-    onTransition: function onTransition() {
-      if (!this.isActive) return;
-
+    onTransition: function onTransition(e) {
+      if (!this.isActive || e.propertyName !== 'height') return;
       this.height = 'auto';
     },
     enter: function enter() {
       var _this = this;
 
-      var scrollHeight = 0;
+      var scrollHeight = 0; // Render bug with height
 
-      // Render bug with height
-      setTimeout(function () {
+      requestAnimationFrame(function () {
         scrollHeight = _this.$refs.wrapper.scrollHeight;
-      }, 0);
+      });
+      this.height = 0; // Give the collapsing element time to collapse
 
-      this.height = 0;
-
-      // Give the collapsing element time to collapse
       setTimeout(function () {
-        return _this.height = scrollHeight || 'auto';
+        return _this.isActive && (_this.height = scrollHeight || 'auto');
       }, 450);
     },
     leave: function leave() {
@@ -99,20 +104,19 @@ export default {
       this.height = this.$refs.wrapper.clientHeight;
       setTimeout(function () {
         return _this2.height = 0;
-      }, 0);
+      }, 10);
     },
     toggle: function toggle(step, reverse) {
       this.isActive = step.toString() === this.step.toString();
       this.isReverse = reverse;
     }
   },
-
   render: function render(h) {
     var contentData = {
-      'class': this.classes
+      staticClass: 'k-stepper__content'
     };
     var wrapperData = {
-      'class': this.wrapperClasses,
+      staticClass: 'k-stepper__wrapper',
       style: this.styles,
       ref: 'wrapper'
     };
@@ -126,9 +130,11 @@ export default {
 
     var wrapper = h('div', wrapperData, [this.$slots.default]);
     var content = h('div', contentData, [wrapper]);
-
     return h(this.computedTransition, {
       on: this.$listeners
     }, [content]);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KStepperContent.js.map

package/es5/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"}