kdutify 2.6.0 → 2.7.2

package/lib/components/KCarousel/KCarousel.js

@@ -1,15 +1,15 @@
 // Styles
-import "..\\..\\..\\src\\components\\KCarousel\\KCarousel.sass"; // Extensions
-
-import KWindow from '../KWindow/KWindow'; // Components
-
+import "..\\..\\..\\src\\components\\KCarousel\\KCarousel.sass";
+// Extensions
+import KWindow from '../KWindow/KWindow';
+// Components
 import KBtn from '../KBtn';
 import KIcon from '../KIcon';
-import KProgressLinear from '../KProgressLinear'; // Mixins
+import KProgressLinear from '../KProgressLinear';
+// Mixins
 // TODO: Move this into core components v2.0
-
-import ButtonGroup from '../../mixins/button-group'; // Utilities
-
+import ButtonGroup from '../../mixins/button-group';
+// Utilities
 import { convertToUnit } from '../../util/helpers';
 import { breaking } from '../../util/console';
 export default KWindow.extend({
@@ -50,48 +50,41 @@ export default KWindow.extend({
       default: undefined
     }
   },
-
   // pass down the parent's theme
   provide() {
     return {
       parentTheme: this.theme
     };
   },
-
   data() {
     return {
       internalHeight: this.height,
       slideTimeout: undefined
     };
   },
-
   computed: {
     classes() {
-      return { ...KWindow.options.computed.classes.call(this),
+      return {
+        ...KWindow.options.computed.classes.call(this),
         'k-carousel': true,
         'k-carousel--hide-delimiter-background': this.hideDelimiterBackground,
         'k-carousel--vertical-delimiters': this.isVertical
       };
     },
-
     isDark() {
       return this.dark || !this.light;
     },
-
     isVertical() {
       return this.verticalDelimiters != null;
     }
-
   },
   watch: {
     internalValue: 'restartTimeout',
     interval: 'restartTimeout',
-
     height(val, oldVal) {
       if (val === oldVal || !val) return;
       this.internalHeight = val;
     },
-
     cycle(val) {
       if (val) {
         this.restartTimeout();
@@ -100,26 +93,21 @@ export default KWindow.extend({
         this.slideTimeout = undefined;
       }
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('hide-controls')) {
       breaking('hide-controls', ':show-arrows="false"', this);
     }
   },
-
   mounted() {
     this.startTimeout();
   },
-
   methods: {
     genControlIcons() {
       if (this.isVertical) return null;
       return KWindow.options.methods.genControlIcons.call(this);
     },
-
     genDelimiters() {
       return this.$createElement('div', {
         staticClass: 'k-carousel__controls',
@@ -129,11 +117,9 @@ export default KWindow.extend({
         }
       }, [this.genItems()]);
     },
-
     genItems() {
       const length = this.items.length;
       const children = [];
-
       for (let i = 0; i < length; i++) {
         const child = this.$createElement(KBtn, {
           staticClass: 'k-carousel__controls__item',
@@ -144,7 +130,8 @@ export default KWindow.extend({
             icon: true,
             small: true,
             value: this.getValue(this.items[i], i)
-          }
+          },
+          key: i
         }, [this.$createElement(KIcon, {
           props: {
             size: 18
@@ -152,7 +139,6 @@ export default KWindow.extend({
         }, this.delimiterIcon)]);
         children.push(child);
       }
-
       return this.$createElement(ButtonGroup, {
         props: {
           value: this.internalValue,
@@ -165,7 +151,6 @@ export default KWindow.extend({
         }
       }, children);
     },
-
     genProgress() {
       return this.$createElement(KProgressLinear, {
         staticClass: 'k-carousel__progress',
@@ -175,37 +160,28 @@ export default KWindow.extend({
         }
       });
     },
-
     restartTimeout() {
       this.slideTimeout && clearTimeout(this.slideTimeout);
       this.slideTimeout = undefined;
       window.requestAnimationFrame(this.startTimeout);
     },
-
     startTimeout() {
       if (!this.cycle) return;
       this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);
     }
-
   },
-
   render(h) {
     const render = KWindow.options.render.call(this, h);
     render.data.style = `height: ${convertToUnit(this.height)};`;
     /* istanbul ignore else */
-
     if (!this.hideDelimiters) {
       render.children.push(this.genDelimiters());
     }
     /* istanbul ignore else */
-
-
     if (this.progress || this.progressColor) {
       render.children.push(this.genProgress());
     }
-
     return render;
   }
-
 });
 //# sourceMappingURL=KCarousel.js.map

package/lib/components/KCarousel/KCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCarousel/KCarousel.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAP,C,CAEA;;AACA,OAAO,OAAP,MAAoB,oBAApB,C,CAEA;;AACA,OAAO,IAAP,MAAiB,SAAjB;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,eAAP,MAA4B,oBAA5B,C,CAEA;AACA;;AACA,OAAO,WAAP,MAAwB,2BAAxB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,SAAS,QAAT,QAAyB,oBAAzB;AAKA,eAAe,OAAO,CAAC,MAAR,CAAe;AAC5B,EAAA,IAAI,EAAE,YADsB;AAG5B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KADP;AAKL,IAAA,KAAK,EAAE,OALF;AAML,IAAA,aAAa,EAAE;AACb,MAAA,IAAI,EAAE,MADO;AAEb,MAAA,OAAO,EAAE;AAFI,KANV;AAUL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAVH;AAcL,IAAA,cAAc,EAAE,OAdX;AAeL,IAAA,uBAAuB,EAAE,OAfpB;AAgBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADE;AAER,MAAA,OAAO,EAAE,IAFD;AAGR,MAAA,SAAS,EAAG,KAAD,IAA4B,KAAK,GAAG;AAHvC,KAhBL;AAqBL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KArBN;AAyBL,IAAA,QAAQ,EAAE,OAzBL;AA0BL,IAAA,aAAa,EAAE,MA1BV;AA2BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KA3BP;AA+BL,IAAA,kBAAkB,EAAE;AAClB,MAAA,IAAI,EAAE,MADY;AAElB,MAAA,OAAO,EAAE;AAFS;AA/Bf,GAHqB;;AAwC5B;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,WAAW,EAAE,KAAK;AADb,KAAP;AAGD,GA7C2B;;AA+C5B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,cAAc,EAAE,KAAK,MADhB;AAEL,MAAA,YAAY,EAAE;AAFT,KAAP;AAID,GApD2B;;AAsD5B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,OAAO,CAAC,OAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,IAAjC,CAAsC,IAAtC,CADE;AAEL,sBAAc,IAFT;AAGL,iDAAyC,KAAK,uBAHzC;AAIL,2CAAmC,KAAK;AAJnC,OAAP;AAMD,KARO;;AASR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAK,IAAL,IAAa,CAAC,KAAK,KAA1B;AACD,KAXO;;AAYR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,kBAAL,IAA2B,IAAlC;AACD;;AAdO,GAtDkB;AAuE5B,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,EAAE,gBADV;AAEL,IAAA,QAAQ,EAAE,gBAFL;;AAGL,IAAA,MAAM,CAAE,GAAF,EAAO,MAAP,EAAa;AACjB,UAAI,GAAG,KAAK,MAAR,IAAkB,CAAC,GAAvB,EAA4B;AAC5B,WAAK,cAAL,GAAsB,GAAtB;AACD,KANI;;AAOL,IAAA,KAAK,CAAE,GAAF,EAAK;AACR,UAAI,GAAJ,EAAS;AACP,aAAK,cAAL;AACD,OAFD,MAEO;AACL,QAAA,YAAY,CAAC,KAAK,YAAN,CAAZ;AACA,aAAK,YAAL,GAAoB,SAApB;AACD;AACF;;AAdI,GAvEqB;;AAwF5B,EAAA,OAAO,GAAA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,eAA3B,CAAJ,EAAiD;AAC/C,MAAA,QAAQ,CAAC,eAAD,EAAkB,sBAAlB,EAA0C,IAA1C,CAAR;AACD;AACF,GA7F2B;;AA+F5B,EAAA,OAAO,GAAA;AACL,SAAK,YAAL;AACD,GAjG2B;;AAmG5B,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,GAAA;AACb,UAAI,KAAK,UAAT,EAAqB,OAAO,IAAP;AAErB,aAAO,OAAO,CAAC,OAAR,CAAgB,OAAhB,CAAwB,eAAxB,CAAwC,IAAxC,CAA6C,IAA7C,CAAP;AACD,KALM;;AAMP,IAAA,aAAa,GAAA;AACX,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,sBADmB;AAEhC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,KAAK,kBAAL,KAA4B,MAA5B,IAAsC,KAAK,UAA3C,GAAwD,CAAxD,GAA4D,MAD7D;AAEL,UAAA,KAAK,EAAE,KAAK,kBAAL,KAA4B,OAA5B,GAAsC,CAAtC,GAA0C;AAF5C;AAFyB,OAA3B,EAMJ,CAAC,KAAK,QAAL,EAAD,CANI,CAAP;AAOD,KAdM;;AAeP,IAAA,QAAQ,GAAA;AACN,YAAM,MAAM,GAAG,KAAK,KAAL,CAAW,MAA1B;AACA,YAAM,QAAQ,GAAG,EAAjB;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,MAApB,EAA4B,CAAC,EAA7B,EAAiC;AAC/B,cAAM,KAAK,GAAG,KAAK,cAAL,CAAoB,IAApB,EAA0B;AACtC,UAAA,WAAW,EAAE,4BADyB;AAEtC,UAAA,KAAK,EAAE;AACL,0BAAc,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,uCAArB,EAA8D,CAAC,GAAG,CAAlE,EAAqE,MAArE;AADT,WAF+B;AAKtC,UAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,IADD;AAEL,YAAA,KAAK,EAAE,IAFF;AAGL,YAAA,KAAK,EAAE,KAAK,QAAL,CAAc,KAAK,KAAL,CAAW,CAAX,CAAd,EAA6B,CAA7B;AAHF;AAL+B,SAA1B,EAUX,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,UAAA,KAAK,EAAE;AAAE,YAAA,IAAI,EAAE;AAAR;AADkB,SAA3B,EAEG,KAAK,aAFR,CADC,CAVW,CAAd;AAgBA,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAd;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,WAApB,EAAiC;AACtC,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK,aADP;AAEL,UAAA,SAAS,EAAE,KAAK;AAFX,SAD+B;AAKtC,QAAA,EAAE,EAAE;AACF,UAAA,MAAM,EAAG,GAAD,IAAiB;AACvB,iBAAK,aAAL,GAAqB,GAArB;AACD;AAHC;AALkC,OAAjC,EAUJ,QAVI,CAAP;AAWD,KAlDM;;AAmDP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,cAAL,CAAoB,eAApB,EAAqC;AAC1C,QAAA,WAAW,EAAE,sBAD6B;AAE1C,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK,aADP;AAEL,UAAA,KAAK,EAAE,CAAC,KAAK,aAAL,GAAqB,CAAtB,IAA2B,KAAK,KAAL,CAAW,MAAtC,GAA+C;AAFjD;AAFmC,OAArC,CAAP;AAOD,KA3DM;;AA4DP,IAAA,cAAc,GAAA;AACZ,WAAK,YAAL,IAAqB,YAAY,CAAC,KAAK,YAAN,CAAjC;AACA,WAAK,YAAL,GAAoB,SAApB;AAEA,MAAA,MAAM,CAAC,qBAAP,CAA6B,KAAK,YAAlC;AACD,KAjEM;;AAkEP,IAAA,YAAY,GAAA;AACV,UAAI,CAAC,KAAK,KAAV,EAAiB;AAEjB,WAAK,YAAL,GAAoB,MAAM,CAAC,UAAP,CAAkB,KAAK,IAAvB,EAA6B,CAAC,KAAK,QAAN,GAAiB,CAAjB,GAAqB,CAAC,KAAK,QAA3B,GAAsC,IAAnE,CAApB;AACD;;AAtEM,GAnGmB;;AA4K5B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,MAAM,GAAG,OAAO,CAAC,OAAR,CAAgB,MAAhB,CAAuB,IAAvB,CAA4B,IAA5B,EAAkC,CAAlC,CAAf;AAEA,IAAA,MAAM,CAAC,IAAP,CAAa,KAAb,GAAqB,WAAW,aAAa,CAAC,KAAK,MAAN,CAAa,GAA1D;AAEA;;AACA,QAAI,CAAC,KAAK,cAAV,EAA0B;AACxB,MAAA,MAAM,CAAC,QAAP,CAAiB,IAAjB,CAAsB,KAAK,aAAL,EAAtB;AACD;AAED;;;AACA,QAAI,KAAK,QAAL,IAAiB,KAAK,aAA1B,EAAyC;AACvC,MAAA,MAAM,CAAC,QAAP,CAAiB,IAAjB,CAAsB,KAAK,WAAL,EAAtB;AACD;;AAED,WAAO,MAAP;AACD;;AA5L2B,CAAf,CAAf","sourcesContent":["// Styles\nimport './KCarousel.sass'\n\n// Extensions\nimport KWindow from '../KWindow/KWindow'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\nimport KProgressLinear from '../KProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { KNode, PropType } from 'kdu'\n\nexport default KWindow.extend({\n  name: 'k-carousel',\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KWindow.options.computed.classes.call(this),\n        'k-carousel': true,\n        'k-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'k-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return KWindow.options.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): KNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = this.$createElement(KBtn, {\n          staticClass: 'k-carousel__controls__item',\n          attrs: {\n            'aria-label': this.$kdutify.lang.t('$kdutify.carousel.ariaLabel.delimiter', i + 1, length),\n          },\n          props: {\n            icon: true,\n            small: true,\n            value: this.getValue(this.items[i], i),\n          },\n        }, [\n          this.$createElement(KIcon, {\n            props: { size: 18 },\n          }, this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return this.$createElement(ButtonGroup, {\n        props: {\n          value: this.internalValue,\n          mandatory: this.mandatory,\n        },\n        on: {\n          change: (val: unknown) => {\n            this.internalValue = val\n          },\n        },\n      }, children)\n    },\n    genProgress () {\n      return this.$createElement(KProgressLinear, {\n        staticClass: 'k-carousel__progress',\n        props: {\n          color: this.progressColor,\n          value: (this.internalIndex + 1) / this.items.length * 100,\n        },\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (h): KNode {\n    const render = KWindow.options.render.call(this, h)\n\n    render.data!.style = `height: ${convertToUnit(this.height)};`\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"KCarousel.js"}
+{"version":3,"sources":["../../../src/components/KCarousel/KCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KCarousel.sass'\n\n// Extensions\nimport KWindow from '../KWindow/KWindow'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\nimport KProgressLinear from '../KProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { KNode, PropType } from 'kdu'\n\nexport default KWindow.extend({\n  name: 'k-carousel',\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KWindow.options.computed.classes.call(this),\n        'k-carousel': true,\n        'k-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'k-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return KWindow.options.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): KNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = this.$createElement(KBtn, {\n          staticClass: 'k-carousel__controls__item',\n          attrs: {\n            'aria-label': this.$kdutify.lang.t('$kdutify.carousel.ariaLabel.delimiter', i + 1, length),\n          },\n          props: {\n            icon: true,\n            small: true,\n            value: this.getValue(this.items[i], i),\n          },\n          key: i,\n        }, [\n          this.$createElement(KIcon, {\n            props: { size: 18 },\n          }, this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return this.$createElement(ButtonGroup, {\n        props: {\n          value: this.internalValue,\n          mandatory: this.mandatory,\n        },\n        on: {\n          change: (val: unknown) => {\n            this.internalValue = val\n          },\n        },\n      }, children)\n    },\n    genProgress () {\n      return this.$createElement(KProgressLinear, {\n        staticClass: 'k-carousel__progress',\n        props: {\n          color: this.progressColor,\n          value: (this.internalIndex + 1) / this.items.length * 100,\n        },\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (h): KNode {\n    const render = KWindow.options.render.call(this, h)\n\n    render.data!.style = `height: ${convertToUnit(this.height)};`\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"KCarousel.js"}

package/lib/components/KCarousel/KCarouselItem.js

@@ -1,15 +1,14 @@
 // Extensions
-import KWindowItem from '../KWindow/KWindowItem'; // Components
-
-import { KImg } from '../KImg'; // Utilities
-
+import KWindowItem from '../KWindow/KWindowItem';
+// Components
+import { KImg } from '../KImg';
+// Utilities
 import mixins from '../../util/mixins';
 import { getSlot } from '../../util/helpers';
-import Routable from '../../mixins/routable'; // Types
-
+import Routable from '../../mixins/routable';
+// Types
 const baseMixins = mixins(KWindowItem, Routable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-carousel-item',
   inject: {
@@ -19,20 +18,19 @@ export default baseMixins.extend().extend({
       }
     }
   },
-
   // pass down the parent's theme
   provide() {
     return {
       theme: this.parentTheme
     };
   },
-
   inheritAttrs: false,
   methods: {
     genDefaultSlot() {
       return [this.$createElement(KImg, {
         staticClass: 'k-carousel__item',
-        props: { ...this.$attrs,
+        props: {
+          ...this.$attrs,
           height: this.windowGroup.internalHeight
         },
         on: this.$listeners,
@@ -41,7 +39,6 @@ export default baseMixins.extend().extend({
         }
       }, getSlot(this))];
     },
-
     genWindowItem() {
       const {
         tag,
@@ -54,7 +51,6 @@ export default baseMixins.extend().extend({
       });
       return this.$createElement(tag, data, this.genDefaultSlot());
     }
-
   }
 });
 //# sourceMappingURL=KCarouselItem.js.map

package/lib/components/KCarousel/KCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCarousel/KCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB,C,CAEA;;AACA,SAAS,IAAT,QAAqB,SAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,QAAP,MAAqB,uBAArB,C,CAEA;;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WADuB,EAEvB,QAFuB,CAAzB;AAWA;;AACA,eAAe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,iBAD2C;AAGjD,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHyC;;AAWjD;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhBgD;;AAkBjD,EAAA,YAAY,EAAE,KAlBmC;AAoBjD,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,KAAK,cAAL,CAAoB,IAApB,EAA0B;AACxB,QAAA,WAAW,EAAE,kBADW;AAExB,QAAA,KAAK,EAAE,EACL,GAAG,KAAK,MADH;AAEL,UAAA,MAAM,EAAE,KAAK,WAAL,CAAiB;AAFpB,SAFiB;AAMxB,QAAA,EAAE,EAAE,KAAK,UANe;AAOxB,QAAA,WAAW,EAAE;AACX,UAAA,WAAW,EAAE,KAAK,YAAL,CAAkB;AADpB;AAPW,OAA1B,EAUG,OAAO,CAAC,IAAD,CAVV,CADK,CAAP;AAaD,KAfM;;AAgBP,IAAA,aAAa,GAAA;AACX,YAAM;AAAE,QAAA,GAAF;AAAO,QAAA;AAAP,UAAgB,KAAK,iBAAL,EAAtB;AAEA,MAAA,IAAI,CAAC,WAAL,GAAmB,eAAnB;AACA,MAAA,IAAI,CAAC,UAAL,CAAiB,IAAjB,CAAsB;AACpB,QAAA,IAAI,EAAE,MADc;AAEpB,QAAA,KAAK,EAAE,KAAK;AAFQ,OAAtB;AAKA,aAAO,KAAK,cAAL,CAAoB,GAApB,EAAyB,IAAzB,EAA+B,KAAK,cAAL,EAA/B,CAAP;AACD;;AA1BM;AApBwC,CAApC,CAAf","sourcesContent":["// Extensions\nimport KWindowItem from '../KWindow/KWindowItem'\n\n// Components\nimport { KImg } from '../KImg'\n\n// Utilities\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\n\n// Types\nconst baseMixins = mixins(\n  KWindowItem,\n  Routable\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        this.$createElement(KImg, {\n          staticClass: 'k-carousel__item',\n          props: {\n            ...this.$attrs,\n            height: this.windowGroup.internalHeight,\n          },\n          on: this.$listeners,\n          scopedSlots: {\n            placeholder: this.$scopedSlots.placeholder,\n          },\n        }, getSlot(this)),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data } = this.generateRouteLink()\n\n      data.staticClass = 'k-window-item'\n      data.directives!.push({\n        name: 'show',\n        value: this.isActive,\n      })\n\n      return this.$createElement(tag, data, this.genDefaultSlot())\n    },\n  },\n})\n"],"sourceRoot":"","file":"KCarouselItem.js"}
+{"version":3,"sources":["../../../src/components/KCarousel/KCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAW,MAAM,wBAAwB;AAEhD;AACA,SAAS,IAAI,QAAQ,SAAS;AAE9B;AACA,OAAO,MAAsB,MAAM,mBAAmB;AACtD,SAAS,OAAO,QAAQ,oBAAoB;AAC5C,OAAO,QAAQ,MAAM,uBAAuB;AAE5C;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WAAW,EACX,QAAQ,CACT;AAQD;AACA,eAAe,UAAU,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,iBAAiB;EAEvB,MAAM,EAAE;IACN,WAAW,EAAE;MACX,OAAO,EAAE;QACP,MAAM,EAAE;MACT;IACF;GACF;EAED;EACA,OAAO,CAAA,EAAA;IACL,OAAO;MACL,KAAK,EAAE,IAAI,CAAC;KACb;EACH,CAAC;EAED,YAAY,EAAE,KAAK;EAEnB,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,CACL,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QACxB,WAAW,EAAE,kBAAkB;QAC/B,KAAK,EAAE;UACL,GAAG,IAAI,CAAC,MAAM;UACd,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;SAC1B;QACD,EAAE,EAAE,IAAI,CAAC,UAAU;QACnB,WAAW,EAAE;UACX,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC;QAChC;OACF,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAClB;IACH,CAAC;IACD,aAAa,CAAA,EAAA;MACX,MAAM;QAAE,GAAG;QAAE;MAAI,CAAE,GAAG,IAAI,CAAC,iBAAiB,CAAA,CAAE;MAE9C,IAAI,CAAC,WAAW,GAAG,eAAe;MAClC,IAAI,CAAC,UAAW,CAAC,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI,CAAC;OACb,CAAC;MAEF,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAA,CAAE,CAAC;IAC9D;EACD;CACF,CAAC","sourcesContent":["// Extensions\nimport KWindowItem from '../KWindow/KWindowItem'\n\n// Components\nimport { KImg } from '../KImg'\n\n// Utilities\nimport mixins, { ExtractKdu } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\n\n// Types\nconst baseMixins = mixins(\n  KWindowItem,\n  Routable\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        this.$createElement(KImg, {\n          staticClass: 'k-carousel__item',\n          props: {\n            ...this.$attrs,\n            height: this.windowGroup.internalHeight,\n          },\n          on: this.$listeners,\n          scopedSlots: {\n            placeholder: this.$scopedSlots.placeholder,\n          },\n        }, getSlot(this)),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data } = this.generateRouteLink()\n\n      data.staticClass = 'k-window-item'\n      data.directives!.push({\n        name: 'show',\n        value: this.isActive,\n      })\n\n      return this.$createElement(tag, data, this.genDefaultSlot())\n    },\n  },\n})\n"],"sourceRoot":"","file":"KCarouselItem.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCarousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,SAAS,SAAT,EAAoB,aAApB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KCarousel from './KCarousel'\nimport KCarouselItem from './KCarouselItem'\n\nexport { KCarousel, KCarouselItem }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KCarousel,\n    KCarouselItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KCarousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa;AACnC,OAAO,aAAa,MAAM,iBAAiB;AAE3C,SAAS,SAAS,EAAE,aAAa;AAEjC,eAAe;EACb,uBAAuB,EAAE;IACvB,SAAS;IACT;EACD;CACF","sourcesContent":["import KCarousel from './KCarousel'\nimport KCarouselItem from './KCarouselItem'\n\nexport { KCarousel, KCarouselItem }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KCarousel,\n    KCarouselItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KCheckbox/KCheckbox.js

@@ -1,13 +1,12 @@
 // Styles
 import "..\\..\\..\\src\\components\\KCheckbox\\KCheckbox.sass";
-import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass"; // Components
-
+import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass";
+// Components
 import KIcon from '../KIcon';
-import KInput from '../KInput'; // Mixins
-
+import KInput from '../KInput';
+// Mixins
 import Selectable from '../../mixins/selectable';
 /* @kdujs/component */
-
 export default Selectable.extend({
   name: 'k-checkbox',
   props: {
@@ -25,22 +24,20 @@ export default Selectable.extend({
       default: '$checkboxOn'
     }
   },
-
   data() {
     return {
       inputIndeterminate: this.indeterminate
     };
   },
-
   computed: {
     classes() {
-      return { ...KInput.options.computed.classes.call(this),
+      return {
+        ...KInput.options.computed.classes.call(this),
         'k-input--selection-controls': true,
         'k-input--checkbox': true,
         'k-input--indeterminate': this.inputIndeterminate
       };
     },
-
     computedIcon() {
       if (this.inputIndeterminate) {
         return this.indeterminateIcon;
@@ -50,7 +47,6 @@ export default Selectable.extend({
         return this.offIcon;
       }
     },
-
     // Do not return undefined if disabled,
     // according to spec, should still show
     // a color when disabled and active
@@ -61,22 +57,18 @@ export default Selectable.extend({
       if (this.hasColor !== null) return this.computedColor;
       return undefined;
     }
-
   },
   watch: {
     indeterminate(val) {
       this.$nextTick(() => this.inputIndeterminate = val);
     },
-
     inputIndeterminate(val) {
       this.$emit('update:indeterminate', val);
     },
-
     isActive() {
       if (!this.indeterminate) return;
       this.inputIndeterminate = false;
     }
-
   },
   methods: {
     genCheckbox() {
@@ -92,15 +84,14 @@ export default Selectable.extend({
           dark: this.dark,
           light: this.light
         }
-      }), this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
+      }), this.computedIcon), this.genInput('checkbox', {
+        ...checkboxAttrs,
         'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
       }), this.genRipple(this.setTextColor(this.rippleState))]);
     },
-
     genDefaultSlot() {
       return [this.genCheckbox(), this.genLabel()];
     }
-
   }
 });
 //# sourceMappingURL=KCheckbox.js.map

package/lib/components/KCheckbox/KCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCheckbox/KCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @kdujs/component */\nexport default Selectable.extend({\n  name: 'k-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls': true,\n        'k-input--checkbox': true,\n        'k-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\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.isDisabled && !this.inputIndeterminate) return 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  },\n\n  watch: {\n    indeterminate (val) {\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.$createElement(KIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"KCheckbox.js"}
+{"version":3,"sources":["../../../src/components/KCheckbox/KCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @kdujs/component */\nexport default Selectable.extend({\n  name: 'k-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls': true,\n        'k-input--checkbox': true,\n        'k-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\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.isDisabled && !this.inputIndeterminate) return 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  },\n\n  watch: {\n    indeterminate (val) {\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.$createElement(KIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"KCheckbox.js"}

package/lib/components/KCheckbox/KSimpleCheckbox.js

@@ -1,20 +1,21 @@
 import "..\\..\\..\\src\\components\\KCheckbox\\KSimpleCheckbox.sass";
-import ripple from '../../directives/ripple';
+import Ripple from '../../directives/ripple';
 import Kdu from 'kdu';
-import { KIcon } from '../KIcon'; // Mixins
-
+import { KIcon } from '../KIcon';
+// Mixins
 import Colorable from '../../mixins/colorable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import mergeData from '../../util/mergeData';
 import { wrapInArray } from '../../util/helpers';
 export default Kdu.extend({
   name: 'k-simple-checkbox',
   functional: true,
   directives: {
-    ripple
+    Ripple
   },
-  props: { ...Colorable.options.props,
+  props: {
+    ...Colorable.options.props,
     ...Themeable.options.props,
     disabled: Boolean,
     ripple: {
@@ -36,7 +37,6 @@ export default Kdu.extend({
       default: '$checkboxOff'
     }
   },
-
   render(h, {
     props,
     data,
@@ -52,11 +52,11 @@ export default Kdu.extend({
         light: props.light
       }
     }), icon));
-
     if (props.ripple && !props.disabled) {
       const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {
         staticClass: 'k-input--selection-controls__ripple',
         directives: [{
+          def: Ripple,
           name: 'ripple',
           value: {
             center: true
@@ -65,7 +65,6 @@ export default Kdu.extend({
       }));
       children.push(ripple);
     }
-
     return h('div', mergeData(data, {
       class: {
         'k-simple-checkbox': true,
@@ -74,7 +73,6 @@ export default Kdu.extend({
       on: {
         click: e => {
           e.stopPropagation();
-
           if (data.on && data.on.input && !props.disabled) {
             wrapInArray(data.on.input).forEach(f => f(!props.value));
           }
@@ -84,6 +82,5 @@ export default Kdu.extend({
       staticClass: 'k-input--selection-controls__input'
     }, children)]);
   }
-
 });
 //# sourceMappingURL=KSimpleCheckbox.js.map

package/lib/components/KCheckbox/KSimpleCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCheckbox/KSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './KSimpleCheckbox.sass'\n\nimport ripple from '../../directives/ripple'\n\nimport Kdu, { KNode, KNodeDirective } from 'kdu'\nimport { KIcon } from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'k-simple-checkbox',\n\n  functional: true,\n\n  directives: {\n    ripple,\n  },\n\n  props: {\n    ...Colorable.options.props,\n    ...Themeable.options.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    value: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  render (h, { props, data, listeners }): KNode {\n    const children = []\n    let icon = props.offIcon\n    if (props.indeterminate) icon = props.indeterminateIcon\n    else if (props.value) icon = props.onIcon\n\n    children.push(h(KIcon, Colorable.options.methods.setTextColor(props.value && props.color, {\n      props: {\n        disabled: props.disabled,\n        dark: props.dark,\n        light: props.light,\n      },\n    }), icon))\n\n    if (props.ripple && !props.disabled) {\n      const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {\n        staticClass: 'k-input--selection-controls__ripple',\n        directives: [{\n          name: 'ripple',\n          value: { center: true },\n        }] as KNodeDirective[],\n      }))\n\n      children.push(ripple)\n    }\n\n    return h('div',\n      mergeData(data, {\n        class: {\n          'k-simple-checkbox': true,\n          'k-simple-checkbox--disabled': props.disabled,\n        },\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n\n            if (data.on && data.on.input && !props.disabled) {\n              wrapInArray(data.on.input).forEach(f => f(!props.value))\n            }\n          },\n        },\n      }), [\n        h('div', { staticClass: 'k-input--selection-controls__input' }, children),\n      ])\n  },\n})\n"],"sourceRoot":"","file":"KSimpleCheckbox.js"}
+{"version":3,"sources":["../../../src/components/KCheckbox/KSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './KSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport Kdu, { KNode, KNodeDirective } from 'kdu'\nimport { KIcon } from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default Kdu.extend({\n  name: 'k-simple-checkbox',\n\n  functional: true,\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    ...Colorable.options.props,\n    ...Themeable.options.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    value: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  render (h, { props, data, listeners }): KNode {\n    const children = []\n    let icon = props.offIcon\n    if (props.indeterminate) icon = props.indeterminateIcon\n    else if (props.value) icon = props.onIcon\n\n    children.push(h(KIcon, Colorable.options.methods.setTextColor(props.value && props.color, {\n      props: {\n        disabled: props.disabled,\n        dark: props.dark,\n        light: props.light,\n      },\n    }), icon))\n\n    if (props.ripple && !props.disabled) {\n      const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {\n        staticClass: 'k-input--selection-controls__ripple',\n        directives: [{\n          def: Ripple,\n          name: 'ripple',\n          value: { center: true },\n        }] as KNodeDirective[],\n      }))\n\n      children.push(ripple)\n    }\n\n    return h('div',\n      mergeData(data, {\n        class: {\n          'k-simple-checkbox': true,\n          'k-simple-checkbox--disabled': props.disabled,\n        },\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n\n            if (data.on && data.on.input && !props.disabled) {\n              wrapInArray(data.on.input).forEach(f => f(!props.value))\n            }\n          },\n        },\n      }), [\n        h('div', { staticClass: 'k-input--selection-controls__input' }, children),\n      ])\n  },\n})\n"],"sourceRoot":"","file":"KSimpleCheckbox.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,SAAS,SAAT,EAAoB,eAApB;AACA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KCheckbox from './KCheckbox'\nimport KSimpleCheckbox from './KSimpleCheckbox'\n\nexport { KCheckbox, KSimpleCheckbox }\nexport default {\n  $_kdutify_subcomponents: {\n    KCheckbox,\n    KSimpleCheckbox,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa;AACnC,OAAO,eAAe,MAAM,mBAAmB;AAE/C,SAAS,SAAS,EAAE,eAAe;AACnC,eAAe;EACb,uBAAuB,EAAE;IACvB,SAAS;IACT;EACD;CACF","sourcesContent":["import KCheckbox from './KCheckbox'\nimport KSimpleCheckbox from './KSimpleCheckbox'\n\nexport { KCheckbox, KSimpleCheckbox }\nexport default {\n  $_kdutify_subcomponents: {\n    KCheckbox,\n    KSimpleCheckbox,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}