kdutify 2.6.0 → 2.7.2

package/lib/components/KProgressCircular/KProgressCircular.js

@@ -1,13 +1,12 @@
 // Styles
-import "..\\..\\..\\src\\components\\KProgressCircular\\KProgressCircular.sass"; // Directives
-
-import intersect from '../../directives/intersect'; // Mixins
-
-import Colorable from '../../mixins/colorable'; // Utils
-
-import { convertToUnit } from '../../util/helpers';
+import "..\\..\\..\\src\\components\\KProgressCircular\\KProgressCircular.sass";
+// Directives
+import intersect from '../../directives/intersect';
+// Mixins
+import Colorable from '../../mixins/colorable';
+// Utils
+import { convertToUnit, getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default Colorable.extend({
   name: 'k-progress-circular',
   directives: {
@@ -41,11 +40,9 @@ export default Colorable.extend({
     calculatedSize() {
       return Number(this.size) + (this.button ? 8 : 0);
     },
-
     circumference() {
       return 2 * Math.PI * this.radius;
     },
-
     classes() {
       return {
         'k-progress-circular--visible': this.isVisible,
@@ -53,48 +50,38 @@ export default Colorable.extend({
         'k-progress-circular--button': this.button
       };
     },
-
     normalizedValue() {
       if (this.value < 0) {
         return 0;
       }
-
       if (this.value > 100) {
         return 100;
       }
-
       return parseFloat(this.value);
     },
-
     strokeDashArray() {
       return Math.round(this.circumference * 1000) / 1000;
     },
-
     strokeDashOffset() {
       return (100 - this.normalizedValue) / 100 * this.circumference + 'px';
     },
-
     strokeWidth() {
       return Number(this.width) / +this.size * this.viewBoxSize * 2;
     },
-
     styles() {
       return {
         height: convertToUnit(this.calculatedSize),
         width: convertToUnit(this.calculatedSize)
       };
     },
-
     svgStyles() {
       return {
         transform: `rotate(${Number(this.rotate)}deg)`
       };
     },
-
     viewBoxSize() {
       return this.radius / (1 - Number(this.width) / +this.size);
     }
-
   },
   methods: {
     genCircle(name, offset) {
@@ -111,7 +98,6 @@ export default Colorable.extend({
         }
       });
     },
-
     genSvg() {
       const children = [this.indeterminate || this.genCircle('underlay', 0), this.genCircle('overlay', this.strokeDashOffset)];
       return this.$createElement('svg', {
@@ -122,19 +108,15 @@ export default Colorable.extend({
         }
       }, children);
     },
-
     genInfo() {
       return this.$createElement('div', {
         staticClass: 'k-progress-circular__info'
-      }, this.$slots.default);
+      }, getSlot(this));
     },
-
     onObserve(entries, observer, isIntersecting) {
       this.isVisible = isIntersecting;
     }
-
   },
-
   render(h) {
     return h('div', this.setTextColor(this.color, {
       staticClass: 'k-progress-circular',
@@ -153,6 +135,5 @@ export default Colorable.extend({
       on: this.$listeners
     }), [this.genSvg(), this.genInfo()]);
   }
-
 });
 //# sourceMappingURL=KProgressCircular.js.map

package/lib/components/KProgressCircular/KProgressCircular.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KProgressCircular/KProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KProgressCircular.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default Colorable.extend({\n  name: 'k-progress-circular',\n\n  directives: { intersect },\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'k-progress-circular--visible': this.isVisible,\n        'k-progress-circular--indeterminate': this.indeterminate,\n        'k-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      if (this.value < 0) {\n        return 0\n      }\n\n      if (this.value > 100) {\n        return 100\n      }\n\n      return parseFloat(this.value)\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): KNode {\n      return this.$createElement('circle', {\n        class: `k-progress-circular__${name}`,\n        attrs: {\n          fill: 'transparent',\n          cx: 2 * this.viewBoxSize,\n          cy: 2 * this.viewBoxSize,\n          r: this.radius,\n          'stroke-width': this.strokeWidth,\n          'stroke-dasharray': this.strokeDashArray,\n          'stroke-dashoffset': offset,\n        },\n      })\n    },\n    genSvg (): KNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as KNodeChildren\n\n      return this.$createElement('svg', {\n        style: this.svgStyles,\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n        },\n      }, children)\n    },\n    genInfo (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-circular__info',\n      }, this.$slots.default)\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'k-progress-circular',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': 100,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: this.styles,\n      on: this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KProgressCircular.js"}
+{"version":3,"sources":["../../../src/components/KProgressCircular/KProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KProgressCircular.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default Colorable.extend({\n  name: 'k-progress-circular',\n\n  directives: { intersect },\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'k-progress-circular--visible': this.isVisible,\n        'k-progress-circular--indeterminate': this.indeterminate,\n        'k-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      if (this.value < 0) {\n        return 0\n      }\n\n      if (this.value > 100) {\n        return 100\n      }\n\n      return parseFloat(this.value)\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): KNode {\n      return this.$createElement('circle', {\n        class: `k-progress-circular__${name}`,\n        attrs: {\n          fill: 'transparent',\n          cx: 2 * this.viewBoxSize,\n          cy: 2 * this.viewBoxSize,\n          r: this.radius,\n          'stroke-width': this.strokeWidth,\n          'stroke-dasharray': this.strokeDashArray,\n          'stroke-dashoffset': offset,\n        },\n      })\n    },\n    genSvg (): KNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as KNodeChildren\n\n      return this.$createElement('svg', {\n        style: this.svgStyles,\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n        },\n      }, children)\n    },\n    genInfo (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-circular__info',\n      }, getSlot(this))\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'k-progress-circular',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': 100,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: this.styles,\n      on: this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KProgressCircular.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KProgressCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAP,MAA8B,qBAA9B;AAEA,SAAS,iBAAT;AACA,eAAe,iBAAf","sourcesContent":["import KProgressCircular from './KProgressCircular'\n\nexport { KProgressCircular }\nexport default KProgressCircular\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KProgressCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB;AAEnD,SAAS,iBAAiB;AAC1B,eAAe,iBAAiB","sourcesContent":["import KProgressCircular from './KProgressCircular'\n\nexport { KProgressCircular }\nexport default KProgressCircular\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KProgressLinear/KProgressLinear.js

@@ -1,19 +1,18 @@
-import "..\\..\\..\\src\\components\\KProgressLinear\\KProgressLinear.sass"; // Components
-
-import { KFadeTransition, KSlideXTransition } from '../transitions'; // Directives
-
-import intersect from '../../directives/intersect'; // Mixins
-
+import "..\\..\\..\\src\\components\\KProgressLinear\\KProgressLinear.sass";
+// Components
+import { KFadeTransition, KSlideXTransition } from '../transitions';
+// Directives
+import intersect from '../../directives/intersect';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import { factory as PositionableFactory } from '../../mixins/positionable';
 import Proxyable from '../../mixins/proxyable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Colorable, PositionableFactory(['absolute', 'fixed', 'top', 'bottom']), Proxyable, Themeable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-progress-linear',
   directives: {
@@ -55,14 +54,12 @@ export default baseMixins.extend({
       default: 0
     }
   },
-
   data() {
     return {
       internalLazyValue: this.value || 0,
       isVisible: true
     };
   },
-
   computed: {
     __cachedBackground() {
       return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {
@@ -70,22 +67,18 @@ export default baseMixins.extend({
         style: this.backgroundStyle
       }));
     },
-
     __cachedBar() {
       return this.$createElement(this.computedTransition, [this.__cachedBarType]);
     },
-
     __cachedBarType() {
       return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
     },
-
     __cachedBuffer() {
       return this.$createElement('div', {
         staticClass: 'k-progress-linear__buffer',
         style: this.styles
       });
     },
-
     __cachedDeterminate() {
       return this.$createElement('div', this.setBackgroundColor(this.color, {
         staticClass: `k-progress-linear__determinate`,
@@ -94,7 +87,6 @@ export default baseMixins.extend({
         }
       }));
     },
-
     __cachedIndeterminate() {
       return this.$createElement('div', {
         staticClass: 'k-progress-linear__indeterminate',
@@ -103,7 +95,6 @@ export default baseMixins.extend({
         }
       }, [this.genProgressBar('long'), this.genProgressBar('short')]);
     },
-
     __cachedStream() {
       if (!this.stream) return null;
       return this.$createElement('div', this.setTextColor(this.color, {
@@ -113,7 +104,6 @@ export default baseMixins.extend({
         }
       }));
     },
-
     backgroundStyle() {
       const backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
       return {
@@ -122,7 +112,6 @@ export default baseMixins.extend({
         width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%')
       };
     },
-
     classes() {
       return {
         'k-progress-linear--absolute': this.absolute,
@@ -136,41 +125,31 @@ export default baseMixins.extend({
         ...this.themeClasses
       };
     },
-
     computedTransition() {
       return this.indeterminate ? KFadeTransition : KSlideXTransition;
     },
-
     isReversed() {
       return this.$kdutify.rtl !== this.reverse;
     },
-
     normalizedBuffer() {
       return this.normalize(this.bufferValue);
     },
-
     normalizedValue() {
       return this.normalize(this.internalLazyValue);
     },
-
     reactive() {
       return Boolean(this.$listeners.change);
     },
-
     styles() {
       const styles = {};
-
       if (!this.active) {
         styles.height = 0;
       }
-
       if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
         styles.width = convertToUnit(this.normalizedBuffer, '%');
       }
-
       return styles;
     }
-
   },
   methods: {
     genContent() {
@@ -182,17 +161,13 @@ export default baseMixins.extend({
         staticClass: 'k-progress-linear__content'
       }, slot);
     },
-
     genListeners() {
       const listeners = this.$listeners;
-
       if (this.reactive) {
         listeners.click = this.onClick;
       }
-
       return listeners;
     },
-
     genProgressBar(name) {
       return this.$createElement('div', this.setBackgroundColor(this.color, {
         staticClass: 'k-progress-linear__indeterminate',
@@ -201,7 +176,6 @@ export default baseMixins.extend({
         }
       }));
     },
-
     onClick(e) {
       if (!this.reactive) return;
       const {
@@ -209,19 +183,15 @@ export default baseMixins.extend({
       } = this.$el.getBoundingClientRect();
       this.internalValue = e.offsetX / width * 100;
     },
-
     onObserve(entries, observer, isIntersecting) {
       this.isVisible = isIntersecting;
     },
-
     normalize(value) {
       if (value < 0) return 0;
       if (value > 100) return 100;
       return parseFloat(value);
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-progress-linear',
@@ -245,6 +215,5 @@ export default baseMixins.extend({
     };
     return h('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]);
   }
-
 });
 //# sourceMappingURL=KProgressLinear.js.map

package/lib/components/KProgressLinear/KProgressLinear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KProgressLinear/KProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import './KProgressLinear.sass'\n\n// Components\nimport {\n  KFadeTransition,\n  KSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'kdu/types'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  Proxyable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-progress-linear',\n\n  directives: { intersect },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    backgroundColor: {\n      type: String,\n      default: null,\n    },\n    backgroundOpacity: {\n      type: [Number, String],\n      default: null,\n    },\n    bufferValue: {\n      type: [Number, String],\n      default: 100,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data () {\n    return {\n      internalLazyValue: this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        staticClass: 'k-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): KNode {\n      return this.$createElement(this.computedTransition, [this.__cachedBarType])\n    },\n    __cachedBarType (): KNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: `k-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          'k-progress-linear__indeterminate--active': this.active,\n        },\n      }, [\n        this.genProgressBar('long'),\n        this.genProgressBar('short'),\n      ])\n    },\n    __cachedStream (): KNode | null {\n      if (!this.stream) return null\n\n      return this.$createElement('div', this.setTextColor(this.color, {\n        staticClass: 'k-progress-linear__stream',\n        style: {\n          width: convertToUnit(100 - this.normalizedBuffer, '%'),\n        },\n      }))\n    },\n    backgroundStyle (): object {\n      const backgroundOpacity = this.backgroundOpacity == null\n        ? (this.backgroundColor ? 1 : 0.3)\n        : parseFloat(this.backgroundOpacity)\n\n      return {\n        opacity: backgroundOpacity,\n        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n      }\n    },\n    classes (): object {\n      return {\n        'k-progress-linear--absolute': this.absolute,\n        'k-progress-linear--fixed': this.fixed,\n        'k-progress-linear--query': this.query,\n        'k-progress-linear--reactive': this.reactive,\n        'k-progress-linear--reverse': this.isReversed,\n        'k-progress-linear--rounded': this.rounded,\n        'k-progress-linear--striped': this.striped,\n        'k-progress-linear--visible': this.isVisible,\n        ...this.themeClasses,\n      }\n    },\n    computedTransition (): FunctionalComponentOptions {\n      return this.indeterminate ? KFadeTransition : KSlideXTransition\n    },\n    isReversed (): boolean {\n      return this.$kdutify.rtl !== this.reverse\n    },\n    normalizedBuffer (): number {\n      return this.normalize(this.bufferValue)\n    },\n    normalizedValue (): number {\n      return this.normalize(this.internalLazyValue)\n    },\n    reactive (): boolean {\n      return Boolean(this.$listeners.change)\n    },\n    styles (): object {\n      const styles: Record<string, any> = {}\n\n      if (!this.active) {\n        styles.height = 0\n      }\n\n      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n        styles.width = convertToUnit(this.normalizedBuffer, '%')\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__content',\n      }, slot)\n    },\n    genListeners () {\n      const listeners = this.$listeners\n\n      if (this.reactive) {\n        listeners.click = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short') {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          [name]: true,\n        },\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      this.internalValue = e.offsetX / width * 100\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number) {\n      if (value < 0) return 0\n      if (value > 100) return 100\n      return parseFloat(value)\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-progress-linear',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': this.normalizedBuffer,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      on: this.genListeners(),\n    }\n\n    return h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KProgressLinear.js"}
+{"version":3,"sources":["../../../src/components/KProgressLinear/KProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import './KProgressLinear.sass'\n\n// Components\nimport {\n  KFadeTransition,\n  KSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'kdu/types'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  Proxyable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-progress-linear',\n\n  directives: { intersect },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    backgroundColor: {\n      type: String,\n      default: null,\n    },\n    backgroundOpacity: {\n      type: [Number, String],\n      default: null,\n    },\n    bufferValue: {\n      type: [Number, String],\n      default: 100,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data () {\n    return {\n      internalLazyValue: this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        staticClass: 'k-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): KNode {\n      return this.$createElement(this.computedTransition, [this.__cachedBarType])\n    },\n    __cachedBarType (): KNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): KNode {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: `k-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          'k-progress-linear__indeterminate--active': this.active,\n        },\n      }, [\n        this.genProgressBar('long'),\n        this.genProgressBar('short'),\n      ])\n    },\n    __cachedStream (): KNode | null {\n      if (!this.stream) return null\n\n      return this.$createElement('div', this.setTextColor(this.color, {\n        staticClass: 'k-progress-linear__stream',\n        style: {\n          width: convertToUnit(100 - this.normalizedBuffer, '%'),\n        },\n      }))\n    },\n    backgroundStyle (): object {\n      const backgroundOpacity = this.backgroundOpacity == null\n        ? (this.backgroundColor ? 1 : 0.3)\n        : parseFloat(this.backgroundOpacity)\n\n      return {\n        opacity: backgroundOpacity,\n        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n      }\n    },\n    classes (): object {\n      return {\n        'k-progress-linear--absolute': this.absolute,\n        'k-progress-linear--fixed': this.fixed,\n        'k-progress-linear--query': this.query,\n        'k-progress-linear--reactive': this.reactive,\n        'k-progress-linear--reverse': this.isReversed,\n        'k-progress-linear--rounded': this.rounded,\n        'k-progress-linear--striped': this.striped,\n        'k-progress-linear--visible': this.isVisible,\n        ...this.themeClasses,\n      }\n    },\n    computedTransition (): FunctionalComponentOptions {\n      return this.indeterminate ? KFadeTransition : KSlideXTransition\n    },\n    isReversed (): boolean {\n      return this.$kdutify.rtl !== this.reverse\n    },\n    normalizedBuffer (): number {\n      return this.normalize(this.bufferValue)\n    },\n    normalizedValue (): number {\n      return this.normalize(this.internalLazyValue)\n    },\n    reactive (): boolean {\n      return Boolean(this.$listeners.change)\n    },\n    styles (): object {\n      const styles: Record<string, any> = {}\n\n      if (!this.active) {\n        styles.height = 0\n      }\n\n      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n        styles.width = convertToUnit(this.normalizedBuffer, '%')\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return this.$createElement('div', {\n        staticClass: 'k-progress-linear__content',\n      }, slot)\n    },\n    genListeners () {\n      const listeners = this.$listeners\n\n      if (this.reactive) {\n        listeners.click = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short') {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-progress-linear__indeterminate',\n        class: {\n          [name]: true,\n        },\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      this.internalValue = e.offsetX / width * 100\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number) {\n      if (value < 0) return 0\n      if (value > 100) return 100\n      return parseFloat(value)\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-progress-linear',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': this.normalizedBuffer,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      on: this.genListeners(),\n    }\n\n    return h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KProgressLinear.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KProgressLinear/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,SAAS,eAAT;AACA,eAAe,eAAf","sourcesContent":["import KProgressLinear from './KProgressLinear'\n\nexport { KProgressLinear }\nexport default KProgressLinear\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KProgressLinear/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB;AAE/C,SAAS,eAAe;AACxB,eAAe,eAAe","sourcesContent":["import KProgressLinear from './KProgressLinear'\n\nexport { KProgressLinear }\nexport default KProgressLinear\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KRadioGroup/KRadio.js

@@ -2,26 +2,28 @@
 import "..\\..\\..\\src\\components\\KRadioGroup\\KRadio.sass";
 import KLabel from '../KLabel';
 import KIcon from '../KIcon';
-import KInput from '../KInput'; // Mixins
-
+import KInput from '../KInput';
+// Mixins
 import BindsAttrs from '../../mixins/binds-attrs';
 import Colorable from '../../mixins/colorable';
 import { factory as GroupableFactory } from '../../mixins/groupable';
 import Rippleable from '../../mixins/rippleable';
 import Themeable from '../../mixins/themeable';
-import Selectable, { prevent } from '../../mixins/selectable'; // Utilities
-
+import Selectable, { prevent } from '../../mixins/selectable';
+// Utilities
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 import { mergeListeners } from '../../util/mergeData';
 const baseMixins = mixins(BindsAttrs, Colorable, Rippleable, GroupableFactory('radioGroup'), Themeable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-radio',
   inheritAttrs: false,
   props: {
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     id: String,
     label: String,
     name: String,
@@ -33,7 +35,10 @@ export default baseMixins.extend().extend({
       type: String,
       default: '$radioOn'
     },
-    readonly: Boolean,
+    readonly: {
+      type: Boolean,
+      default: null
+    },
     value: {
       default: null
     }
@@ -50,49 +55,40 @@ export default baseMixins.extend().extend({
         ...this.groupClasses
       };
     },
-
     computedColor() {
+      if (this.isDisabled) return undefined;
       return Selectable.options.computed.computedColor.call(this);
     },
-
     computedIcon() {
       return this.isActive ? this.onIcon : this.offIcon;
     },
-
     computedId() {
       return KInput.options.computed.computedId.call(this);
     },
-
     hasLabel: KInput.options.computed.hasLabel,
-
     hasState() {
       return (this.radioGroup || {}).hasState;
     },
-
     isDisabled() {
-      return this.disabled || !!this.radioGroup && this.radioGroup.isDisabled;
+      var _a;
+      return (_a = this.disabled) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isDisabled;
     },
-
     isReadonly() {
-      return this.readonly || !!this.radioGroup && this.radioGroup.isReadonly;
+      var _a;
+      return (_a = this.readonly) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isReadonly;
     },
-
     computedName() {
       if (this.name || !this.radioGroup) {
         return this.name;
       }
-
       return this.radioGroup.name || `radio-${this.radioGroup._uid}`;
     },
-
     rippleState() {
       return Selectable.options.computed.rippleState.call(this);
     },
-
     validationState() {
       return (this.radioGroup || {}).validationState || this.computedColor;
     }
-
   },
   methods: {
     genInput(args) {
@@ -101,7 +97,6 @@ export default baseMixins.extend().extend({
       // genInput method is exactly what we need
       return Selectable.options.methods.genInput.call(this, 'radio', args);
     },
-
     genLabel() {
       if (!this.hasLabel) return null;
       return this.$createElement(KLabel, {
@@ -118,7 +113,6 @@ export default baseMixins.extend().extend({
         }
       }, getSlot(this, 'label') || this.label);
     },
-
     genRadio() {
       const {
         title,
@@ -136,25 +130,20 @@ export default baseMixins.extend().extend({
         ...radioAttrs
       }), this.genRipple(this.setTextColor(this.rippleState))]);
     },
-
     onFocus(e) {
       this.isFocused = true;
       this.$emit('focus', e);
     },
-
     onBlur(e) {
       this.isFocused = false;
       this.$emit('blur', e);
     },
-
     onChange() {
       if (this.isDisabled || this.isReadonly || this.isActive) return;
       this.toggle();
     },
-
-    onKeydown: () => {}
+    onKeydown: () => {} // Override default with noop
   },
-
   render(h) {
     const data = {
       staticClass: 'k-radio',
@@ -168,6 +157,5 @@ export default baseMixins.extend().extend({
     };
     return h('div', data, [this.genRadio(), this.genLabel()]);
   }
-
 });
 //# sourceMappingURL=KRadio.js.map