kdutify 2.6.0 → 2.7.2

package/lib/components/KRating/KRating.js

@@ -1,18 +1,17 @@
 // Styles
-import "..\\..\\..\\src\\components\\KRating\\KRating.sass"; // Components
-
-import KIcon from '../KIcon'; // Mixins
-
+import "..\\..\\..\\src\\components\\KRating\\KRating.sass";
+// Components
+import KIcon from '../KIcon';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Delayable from '../../mixins/delayable';
 import Sizeable from '../../mixins/sizeable';
 import Rippleable from '../../mixins/rippleable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import { createRange } from '../../util/helpers';
 import mixins from '../../util/mixins';
 /* @kdujs/component */
-
 export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).extend({
   name: 'k-rating',
   props: {
@@ -55,14 +54,12 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       default: '$kdutify.rating.ariaLabel.icon'
     }
   },
-
   data() {
     return {
       hoverIndex: -1,
       internalValue: this.value
     };
   },
-
   computed: {
     directives() {
       if (this.readonly || !this.ripple) return [];
@@ -73,7 +70,6 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         }
       }];
     },
-
     iconProps() {
       const {
         dark,
@@ -96,28 +92,23 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         xSmall
       };
     },
-
     isHovering() {
       return this.hover && this.hoverIndex >= 0;
     }
-
   },
   watch: {
     internalValue(val) {
       val !== this.value && this.$emit('input', val);
     },
-
     value(val) {
       this.internalValue = val;
     }
-
   },
   methods: {
     createClickFn(i) {
       return e => {
         if (this.readonly) return;
         const newValue = this.genHoverIndex(e, i);
-
         if (this.clearable && this.internalValue === newValue) {
           this.internalValue = 0;
         } else {
@@ -125,7 +116,6 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         }
       };
     },
-
     createProps(i) {
       const props = {
         index: i,
@@ -134,77 +124,60 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         isFilled: Math.floor(this.internalValue) > i,
         isHovered: Math.floor(this.hoverIndex) > i
       };
-
       if (this.halfIncrements) {
         props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0;
         props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0;
       }
-
       return props;
     },
-
     genHoverIndex(e, i) {
       let isHalf = this.isHalfEvent(e);
-
       if (this.halfIncrements && this.$kdutify.rtl) {
         isHalf = !isHalf;
       }
-
       return i + (isHalf ? 0.5 : 1);
     },
-
     getIconName(props) {
       const isFull = this.isHovering ? props.isHovered : props.isFilled;
       const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled;
       return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon;
     },
-
     getColor(props) {
       if (this.isHovering) {
         if (props.isHovered || props.isHalfHovered) return this.color;
       } else {
         if (props.isFilled || props.isHalfFilled) return this.color;
       }
-
       return this.backgroundColor;
     },
-
     isHalfEvent(e) {
       if (this.halfIncrements) {
         const rect = e.target && e.target.getBoundingClientRect();
         if (rect && e.pageX - rect.left < rect.width / 2) return true;
       }
-
       return false;
     },
-
     onMouseEnter(e, i) {
       this.runDelay('open', () => {
         this.hoverIndex = this.genHoverIndex(e, i);
       });
     },
-
     onMouseLeave() {
       this.runDelay('close', () => this.hoverIndex = -1);
     },
-
     genItem(i) {
       const props = this.createProps(i);
       if (this.$scopedSlots.item) return this.$scopedSlots.item(props);
       const listeners = {
         click: props.click
       };
-
       if (this.hover) {
         listeners.mouseenter = e => this.onMouseEnter(e, i);
-
         listeners.mouseleave = this.onMouseLeave;
-
         if (this.halfIncrements) {
           listeners.mousemove = e => this.onMouseEnter(e, i);
         }
       }
-
       return this.$createElement(KIcon, this.setTextColor(this.getColor(props), {
         attrs: {
           'aria-label': this.$kdutify.lang.t(this.iconLabel, i + 1, Number(this.length))
@@ -214,9 +187,7 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
         on: listeners
       }), [this.getIconName(props)]);
     }
-
   },
-
   render(h) {
     const children = createRange(Number(this.length)).map(i => this.genItem(i));
     return h('div', {
@@ -227,6 +198,5 @@ export default mixins(Colorable, Delayable, Rippleable, Sizeable, Themeable).ext
       }
     }, children);
   }
-
 });
 //# sourceMappingURL=KRating.js.map

package/lib/components/KRating/KRating.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KRating/KRating.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRating.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeDirective, KNodeChildren } from 'kdu'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'k-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$kdutify.rating.ariaLabel.icon',\n    },\n  },\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.value,\n    }\n  },\n\n  computed: {\n    directives (): KNodeDirective[] {\n      if (this.readonly || !this.ripple) return []\n\n      return [{\n        name: 'ripple',\n        value: { circle: true },\n      } as KNodeDirective]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this.$props\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\n    },\n  },\n\n  watch: {\n    internalValue (val) {\n      val !== this.value && this.$emit('input', val)\n    },\n    value (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        click: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$kdutify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): KNode | KNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$scopedSlots.item) return this.$scopedSlots.item(props)\n\n      const listeners: Record<string, Function> = {\n        click: props.click,\n      }\n\n      if (this.hover) {\n        listeners.mouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.mouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.mousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return this.$createElement(KIcon, this.setTextColor(this.getColor(props), {\n        attrs: {\n          'aria-label': this.$kdutify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        },\n        directives: this.directives,\n        props: this.iconProps,\n        on: listeners,\n      }), [this.getIconName(props)])\n    },\n  },\n\n  render (h): KNode {\n    const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      staticClass: 'k-rating',\n      class: {\n        'k-rating--readonly': this.readonly,\n        'k-rating--dense': this.dense,\n      },\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KRating.js"}
+{"version":3,"sources":["../../../src/components/KRating/KRating.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRating.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeDirective, KNodeChildren } from 'kdu'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'k-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$kdutify.rating.ariaLabel.icon',\n    },\n  },\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.value,\n    }\n  },\n\n  computed: {\n    directives (): KNodeDirective[] {\n      if (this.readonly || !this.ripple) return []\n\n      return [{\n        name: 'ripple',\n        value: { circle: true },\n      } as KNodeDirective]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this.$props\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\n    },\n  },\n\n  watch: {\n    internalValue (val) {\n      val !== this.value && this.$emit('input', val)\n    },\n    value (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        click: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$kdutify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): KNode | KNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$scopedSlots.item) return this.$scopedSlots.item(props)\n\n      const listeners: Record<string, Function> = {\n        click: props.click,\n      }\n\n      if (this.hover) {\n        listeners.mouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.mouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.mousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return this.$createElement(KIcon, this.setTextColor(this.getColor(props), {\n        attrs: {\n          'aria-label': this.$kdutify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        },\n        directives: this.directives,\n        props: this.iconProps,\n        on: listeners,\n      }), [this.getIconName(props)])\n    },\n  },\n\n  render (h): KNode {\n    const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      staticClass: 'k-rating',\n      class: {\n        'k-rating--readonly': this.readonly,\n        'k-rating--dense': this.dense,\n      },\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KRating.js"}

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

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

package/lib/components/KResponsive/KResponsive.js

@@ -1,10 +1,10 @@
-import "..\\..\\..\\src\\components\\KResponsive\\KResponsive.sass"; // Mixins
-
-import Measurable from '../../mixins/measurable'; // Utils
-
+import "..\\..\\..\\src\\components\\KResponsive\\KResponsive.sass";
+// Mixins
+import Measurable from '../../mixins/measurable';
+// Utils
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(Measurable).extend({
   name: 'k-responsive',
   props: {
@@ -15,13 +15,11 @@ export default mixins(Measurable).extend({
     computedAspectRatio() {
       return Number(this.aspectRatio);
     },
-
     aspectStyle() {
       return this.computedAspectRatio ? {
         paddingBottom: 1 / this.computedAspectRatio * 100 + '%'
       } : undefined;
     },
-
     __cachedSizer() {
       if (!this.aspectStyle) return [];
       return this.$createElement('div', {
@@ -29,18 +27,15 @@ export default mixins(Measurable).extend({
         staticClass: 'k-responsive__sizer'
       });
     }
-
   },
   methods: {
     genContent() {
       return this.$createElement('div', {
         staticClass: 'k-responsive__content',
         class: this.contentClass
-      }, this.$slots.default);
+      }, getSlot(this));
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-responsive',
@@ -48,6 +43,5 @@ export default mixins(Measurable).extend({
       on: this.$listeners
     }, [this.__cachedSizer, this.genContent()]);
   }
-
 });
 //# sourceMappingURL=KResponsive.js.map

package/lib/components/KResponsive/KResponsive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KResponsive/KResponsive.ts"],"names":[],"mappings":"AAAA,OAAO,4DAAP,C,CAEA;;AACA,OAAO,UAAP,MAAiD,yBAAjD,C,CAKA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CAAC,UAAD,CAAN,CAAmB,MAAnB,CAA0B;AACvC,EAAA,IAAI,EAAE,cADiC;AAGvC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEL,IAAA,YAAY,EAAE;AAFT,GAHgC;AAQvC,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,MAAM,CAAC,KAAK,WAAN,CAAb;AACD,KAHO;;AAIR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,mBAAL,GACH;AAAE,QAAA,aAAa,EAAG,IAAI,KAAK,mBAAV,GAAiC,GAAjC,GAAuC;AAAxD,OADG,GAEH,SAFJ;AAGD,KARO;;AASR,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE,KAAK,WADoB;AAEhC,QAAA,WAAW,EAAE;AAFmB,OAA3B,CAAP;AAID;;AAhBO,GAR6B;AA2BvC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,uBADmB;AAEhC,QAAA,KAAK,EAAE,KAAK;AAFoB,OAA3B,EAGJ,KAAK,MAAL,CAAY,OAHR,CAAP;AAID;;AANM,GA3B8B;;AAoCvC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,cADC;AAEd,MAAA,KAAK,EAAE,KAAK,gBAFE;AAGd,MAAA,EAAE,EAAE,KAAK;AAHK,KAAR,EAIL,CACD,KAAK,aADJ,EAED,KAAK,UAAL,EAFC,CAJK,CAAR;AAQD;;AA7CsC,CAA1B,CAAf","sourcesContent":["import './KResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(Measurable).extend({\n  name: 'k-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): KNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'k-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-responsive__content',\n        class: this.contentClass,\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KResponsive.js"}
+{"version":3,"sources":["../../../src/components/KResponsive/KResponsive.ts"],"names":[],"mappings":"AAAA,OAAO,4DAAoB;AAE3B;AACA,OAAO,UAAoC,MAAM,yBAAyB;AAK1E;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAE5C;AACA,eAAe,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;EACvC,IAAI,EAAE,cAAc;EAEpB,KAAK,EAAE;IACL,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAyB;IACrD,YAAY,EAAE;GACf;EAED,QAAQ,EAAE;IACR,mBAAmB,CAAA,EAAA;MACjB,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;IACjC,CAAC;IACD,WAAW,CAAA,EAAA;MACT,OAAO,IAAI,CAAC,mBAAmB,GAC3B;QAAE,aAAa,EAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,GAAI,GAAG,GAAG;MAAG,CAAE,GAC7D,SAAS;IACf,CAAC;IACD,aAAa,CAAA,EAAA;MACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;MAEhC,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,KAAK,EAAE,IAAI,CAAC,WAAW;QACvB,WAAW,EAAE;OACd,CAAC;IACJ;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,uBAAuB;QACpC,KAAK,EAAE,IAAI,CAAC;OACb,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,cAAc;MAC3B,KAAK,EAAE,IAAI,CAAC,gBAAgB;MAC5B,EAAE,EAAE,IAAI,CAAC;KACV,EAAE,CACD,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,UAAU,CAAA,CAAE,CAClB,CAAC;EACJ;CACD,CAAC","sourcesContent":["import './KResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default mixins(Measurable).extend({\n  name: 'k-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): KNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'k-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-responsive__content',\n        class: this.contentClass,\n      }, getSlot(this))\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KResponsive.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KResponsive/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AAEA,SAAS,WAAT;AACA,eAAe,WAAf","sourcesContent":["import KResponsive from './KResponsive'\n\nexport { KResponsive }\nexport default KResponsive\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KResponsive/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe;AAEvC,SAAS,WAAW;AACpB,eAAe,WAAW","sourcesContent":["import KResponsive from './KResponsive'\n\nexport { KResponsive }\nexport default KResponsive\n"],"sourceRoot":"","file":"index.js"}