kdutify 2.6.0 → 2.7.2

package/lib/components/KStepper/KStepperContent.js

@@ -1,14 +1,13 @@
 // Components
-import { KTabTransition, KTabReverseTransition } from '../transitions'; // Mixins
-
-import { inject as RegistrableInject } from '../../mixins/registrable'; // Helpers
-
-import { convertToUnit } from '../../util/helpers'; // Utilities
-
+import { KTabTransition, KTabReverseTransition } from '../transitions';
+// Mixins
+import { inject as RegistrableInject } from '../../mixins/registrable';
+// Helpers
+import { convertToUnit, getSlot } 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: {
@@ -22,7 +21,6 @@ export default baseMixins.extend().extend({
       required: true
     }
   },
-
   data() {
     return {
       height: 0,
@@ -33,21 +31,18 @@ export default baseMixins.extend().extend({
       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) {
@@ -57,52 +52,42 @@ export default baseMixins.extend().extend({
         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
-
+      let scrollHeight = 0;
+      // Render bug with height
       requestAnimationFrame(() => {
         scrollHeight = this.$refs.wrapper.scrollHeight;
       });
-      this.height = 0; // Give the collapsing element time to collapse
-
+      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'
@@ -112,20 +97,17 @@ export default baseMixins.extend().extend({
       style: this.styles,
       ref: 'wrapper'
     };
-
     if (!this.isVertical) {
       contentData.directives = [{
         name: 'show',
         value: this.isActive
       }];
     }
-
-    const wrapper = h('div', wrapperData, [this.$slots.default]);
+    const wrapper = h('div', wrapperData, getSlot(this));
     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

@@ -1 +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"}
+{"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, getSlot } 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, getSlot(this))\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

@@ -1,15 +1,15 @@
 // Components
-import KIcon from '../KIcon'; // Mixins
-
+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 { inject as RegistrableInject } from '../../mixins/registrable';
+// Directives
+import ripple from '../../directives/ripple';
+// Utilities
 import mixins from '../../util/mixins';
+import { getSlot, keyCodes } from '../../util/helpers';
 const baseMixins = mixins(Colorable, RegistrableInject('stepper', 'k-stepper-step', 'k-stepper'));
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-stepper-step',
   directives: {
@@ -41,14 +41,12 @@ export default baseMixins.extend().extend({
     },
     step: [Number, String]
   },
-
   data() {
     return {
       isActive: false,
       isInactive: true
     };
   },
-
   computed: {
     classes() {
       return {
@@ -59,51 +57,40 @@ export default baseMixins.extend().extend({
         '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);
+      }, getSlot(this));
     },
-
     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) {
@@ -115,19 +102,23 @@ export default baseMixins.extend().extend({
       } else {
         children.push(String(this.step));
       }
-
       return children;
     },
-
+    keyboardClick(e) {
+      if (e.keyCode === keyCodes.space) {
+        this.click(e);
+      }
+    },
     toggle(step) {
       this.isActive = step.toString() === this.step.toString();
       this.isInactive = Number(step) < Number(this.step);
     }
-
   },
-
   render(h) {
     return h('div', {
+      attrs: {
+        tabindex: this.editable ? 0 : -1
+      },
       staticClass: 'k-stepper__step',
       class: this.classes,
       directives: [{
@@ -135,10 +126,10 @@ export default baseMixins.extend().extend({
         value: this.editable
       }],
       on: {
-        click: this.click
+        click: this.click,
+        keydown: this.keyboardClick
       }
     }, [this.genStep(), this.genLabel()]);
   }
-
 });
 //# sourceMappingURL=KStepperStep.js.map

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

@@ -1 +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"}
+{"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'\nimport { getSlot, keyCodes } from '../../util/helpers'\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 | KeyboardEvent) {\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      }, getSlot(this))\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    keyboardClick (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.space) {\n        this.click(e)\n      }\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      attrs: {\n        tabindex: this.editable ? 0 : -1,\n      },\n      staticClass: 'k-stepper__step',\n      class: this.classes,\n      directives: [{\n        name: 'ripple',\n        value: this.editable,\n      }],\n      on: {\n        click: this.click,\n        keydown: this.keyboardClick,\n      },\n    }, [\n      this.genStep(),\n      this.genLabel(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KStepperStep.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KStepper/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AACA,OAAO,QAAP,MAAqB,YAArB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AACA,MAAM,aAAa,GAAG,sBAAsB,CAAC,kBAAD,CAA5C;AAEA,SACE,QADF,EAEE,eAFF,EAGE,YAHF,EAIE,cAJF,EAKE,aALF;AAQA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,QADuB;AAEvB,IAAA,eAFuB;AAGvB,IAAA,YAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA;AALuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\nimport KStepper from './KStepper'\nimport KStepperStep from './KStepperStep'\nimport KStepperContent from './KStepperContent'\n\nconst KStepperHeader = createSimpleFunctional('k-stepper__header')\nconst KStepperItems = createSimpleFunctional('k-stepper__items')\n\nexport {\n  KStepper,\n  KStepperContent,\n  KStepperStep,\n  KStepperHeader,\n  KStepperItems,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KStepper,\n    KStepperContent,\n    KStepperStep,\n    KStepperHeader,\n    KStepperItems,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KStepper/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAsB,QAAQ,oBAAoB;AAC3D,OAAO,QAAQ,MAAM,YAAY;AACjC,OAAO,YAAY,MAAM,gBAAgB;AACzC,OAAO,eAAe,MAAM,mBAAmB;AAE/C,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAmB,CAAC;AAClE,MAAM,aAAa,GAAG,sBAAsB,CAAC,kBAAkB,CAAC;AAEhE,SACE,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,cAAc,EACd,aAAa;AAGf,eAAe;EACb,uBAAuB,EAAE;IACvB,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,cAAc;IACd;EACD;CACF","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\nimport KStepper from './KStepper'\nimport KStepperStep from './KStepperStep'\nimport KStepperContent from './KStepperContent'\n\nconst KStepperHeader = createSimpleFunctional('k-stepper__header')\nconst KStepperItems = createSimpleFunctional('k-stepper__items')\n\nexport {\n  KStepper,\n  KStepperContent,\n  KStepperStep,\n  KStepperHeader,\n  KStepperItems,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KStepper,\n    KStepperContent,\n    KStepperStep,\n    KStepperHeader,\n    KStepperItems,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KSubheader/KSubheader.js

@@ -1,16 +1,15 @@
 // Styles
-import "..\\..\\..\\src\\components\\KSubheader\\KSubheader.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KSubheader\\KSubheader.sass";
+// Mixins
 import Themeable from '../../mixins/themeable';
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 export default mixins(Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-subheader',
   props: {
     inset: Boolean
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-subheader',
@@ -20,8 +19,7 @@ export default mixins(Themeable
       },
       attrs: this.$attrs,
       on: this.$listeners
-    }, this.$slots.default);
+    }, getSlot(this));
   }
-
 });
 //# sourceMappingURL=KSubheader.js.map

package/lib/components/KSubheader/KSubheader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KSubheader/KSubheader.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,aADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAHA;;AAOP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,aADC;AAEd,MAAA,KAAK,EAAE;AACL,8BAAsB,KAAK,KADtB;AAEL,WAAG,KAAK;AAFH,OAFO;AAMd,MAAA,KAAK,EAAE,KAAK,MANE;AAOd,MAAA,EAAE,EAAE,KAAK;AAPK,KAAR,EAQL,KAAK,MAAL,CAAY,OARP,CAAR;AASD;;AAjBM,CAHM,CAAf","sourcesContent":["// Styles\nimport './KSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-subheader',\n\n  props: {\n    inset: Boolean,\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-subheader',\n      class: {\n        'k-subheader--inset': this.inset,\n        ...this.themeClasses,\n      },\n      attrs: this.$attrs,\n      on: this.$listeners,\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KSubheader.js"}
+{"version":3,"sources":["../../../src/components/KSubheader/KSubheader.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAmB;AAE1B;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C,eAAe,MAAM,CACnB;AACA,sB,CACD,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,aAAa;EAEnB,KAAK,EAAE;IACL,KAAK,EAAE;GACR;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,aAAa;MAC1B,KAAK,EAAE;QACL,oBAAoB,EAAE,IAAI,CAAC,KAAK;QAChC,GAAG,IAAI,CAAC;OACT;MACD,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,EAAE,EAAE,IAAI,CAAC;KACV,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;EACnB;CACD,CAAC","sourcesContent":["// Styles\nimport './KSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-subheader',\n\n  props: {\n    inset: Boolean,\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-subheader',\n      class: {\n        'k-subheader--inset': this.inset,\n        ...this.themeClasses,\n      },\n      attrs: this.$attrs,\n      on: this.$listeners,\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KSubheader.js"}

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

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

package/lib/components/KSwitch/KSwitch.js

@@ -1,18 +1,17 @@
 // Styles
 import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass";
-import "..\\..\\..\\src\\components\\KSwitch\\KSwitch.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KSwitch\\KSwitch.sass";
+// Mixins
 import Selectable from '../../mixins/selectable';
-import KInput from '../KInput'; // Directives
-
-import Touch from '../../directives/touch'; // Components
-
+import KInput from '../KInput';
+// Directives
+import Touch from '../../directives/touch';
+// Components
 import { KFabTransition } from '../transitions';
-import KProgressCircular from '../KProgressCircular/KProgressCircular'; // Helpers
-
-import { keyCodes } from '../../util/helpers';
+import KProgressCircular from '../KProgressCircular/KProgressCircular';
+// Helpers
+import { getSlot, keyCodes } from '../../util/helpers';
 /* @kdujs/component */
-
 export default Selectable.extend({
   name: 'k-switch',
   directives: {
@@ -31,13 +30,13 @@ export default Selectable.extend({
   },
   computed: {
     classes() {
-      return { ...KInput.options.computed.classes.call(this),
+      return {
+        ...KInput.options.computed.classes.call(this),
         'k-input--selection-controls k-input--switch': true,
         'k-input--switch--flat': this.flat,
         'k-input--switch--inset': this.inset
       };
     },
-
     attrs() {
       return {
         'aria-checked': String(this.isActive),
@@ -45,7 +44,6 @@ export default Selectable.extend({
         role: 'switch'
       };
     },
-
     // Do not return undefined if disabled,
     // according to spec, should still show
     // a color when disabled and active
@@ -55,19 +53,16 @@ export default Selectable.extend({
       if (this.hasColor !== null) return this.computedColor;
       return undefined;
     },
-
     switchData() {
       return this.setTextColor(this.loading ? undefined : this.validationState, {
         class: this.themeClasses
       });
     }
-
   },
   methods: {
     genDefaultSlot() {
       return [this.genSwitch(), this.genLabel()];
     },
-
     genSwitch() {
       const {
         title,
@@ -75,7 +70,8 @@ export default Selectable.extend({
       } = this.attrs$;
       return this.$createElement('div', {
         staticClass: 'k-input--selection-controls__input'
-      }, [this.genInput('checkbox', { ...this.attrs,
+      }, [this.genInput('checkbox', {
+        ...this.attrs,
         ...switchAttrs
       }), this.genRipple(this.setTextColor(this.validationState, {
         directives: [{
@@ -93,9 +89,8 @@ export default Selectable.extend({
         ...this.switchData
       }, [this.genProgress()])]);
     },
-
     genProgress() {
-      return this.$createElement(KFabTransition, {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(KProgressCircular, {
+      return this.$createElement(KFabTransition, {}, [this.loading === false ? null : getSlot(this, 'progress') || this.$createElement(KProgressCircular, {
         props: {
           color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
           size: 16,
@@ -104,19 +99,15 @@ export default Selectable.extend({
         }
       })]);
     },
-
     onSwipeLeft() {
       if (this.isActive) this.onChange();
     },
-
     onSwipeRight() {
       if (!this.isActive) this.onChange();
     },
-
     onKeydown(e) {
       if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();
     }
-
   }
 });
 //# sourceMappingURL=KSwitch.js.map

package/lib/components/KSwitch/KSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KSwitch/KSwitch.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport KInput from '../KInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { KFabTransition } from '../transitions'\nimport KProgressCircular from '../KProgressCircular/KProgressCircular'\n\n// Helpers\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\n\n/* @kdujs/component */\nexport default Selectable.extend({\n  name: 'k-switch',\n\n  directives: { Touch },\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls k-input--switch': true,\n        'k-input--switch--flat': this.flat,\n        'k-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): KNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (KNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): KNode {\n      const { title, ...switchAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...switchAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [{\n            name: 'touch',\n            value: {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          }],\n        })),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__track',\n          ...this.switchData,\n        }),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__thumb',\n          ...this.switchData,\n        }, [this.genProgress()]),\n      ])\n    },\n    genProgress (): KNode {\n      return this.$createElement(KFabTransition, {}, [\n        this.loading === false\n          ? null\n          : this.$slots.progress || this.$createElement(KProgressCircular, {\n            props: {\n              color: (this.loading === true || this.loading === '')\n                ? (this.color || 'primary')\n                : this.loading,\n              size: 16,\n              width: 2,\n              indeterminate: true,\n            },\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n"],"sourceRoot":"","file":"KSwitch.js"}
+{"version":3,"sources":["../../../src/components/KSwitch/KSwitch.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport KInput from '../KInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { KFabTransition } from '../transitions'\nimport KProgressCircular from '../KProgressCircular/KProgressCircular'\n\n// Helpers\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\n\n/* @kdujs/component */\nexport default Selectable.extend({\n  name: 'k-switch',\n\n  directives: { Touch },\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls k-input--switch': true,\n        'k-input--switch--flat': this.flat,\n        'k-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): KNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (KNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): KNode {\n      const { title, ...switchAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...switchAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [{\n            name: 'touch',\n            value: {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          }],\n        })),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__track',\n          ...this.switchData,\n        }),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__thumb',\n          ...this.switchData,\n        }, [this.genProgress()]),\n      ])\n    },\n    genProgress (): KNode {\n      return this.$createElement(KFabTransition, {}, [\n        this.loading === false\n          ? null\n          : getSlot(this, 'progress') || this.$createElement(KProgressCircular, {\n            props: {\n              color: (this.loading === true || this.loading === '')\n                ? (this.color || 'primary')\n                : this.loading,\n              size: 16,\n              width: 2,\n              indeterminate: true,\n            },\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n"],"sourceRoot":"","file":"KSwitch.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KSwitch/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import KSwitch from './KSwitch'\n\nexport { KSwitch }\nexport default KSwitch\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KSwitch/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW;AAE/B,SAAS,OAAO;AAChB,eAAe,OAAO","sourcesContent":["import KSwitch from './KSwitch'\n\nexport { KSwitch }\nexport default KSwitch\n"],"sourceRoot":"","file":"index.js"}