kdutify 2.6.1 → 2.7.2

package/lib/components/KOverlay/KOverlay.js

@@ -1,13 +1,13 @@
 // Styles
-import "..\\..\\..\\src\\components\\KOverlay\\KOverlay.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KOverlay\\KOverlay.sass";
+// Mixins
 import Colorable from './../../mixins/colorable';
 import Themeable from '../../mixins/themeable';
-import Toggleable from './../../mixins/toggleable'; // Utilities
-
+import Toggleable from './../../mixins/toggleable';
+// Utilities
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(Colorable, Themeable, Toggleable).extend({
   name: 'k-overlay',
   props: {
@@ -42,7 +42,6 @@ export default mixins(Colorable, Themeable, Toggleable).extend({
       });
       return this.$createElement('div', data);
     },
-
     classes() {
       return {
         'k-overlay--absolute': this.absolute,
@@ -50,27 +49,22 @@ export default mixins(Colorable, Themeable, Toggleable).extend({
         ...this.themeClasses
       };
     },
-
     computedOpacity() {
       return Number(this.isActive ? this.opacity : 0);
     },
-
     styles() {
       return {
         zIndex: this.zIndex
       };
     }
-
   },
   methods: {
     genContent() {
       return this.$createElement('div', {
         staticClass: 'k-overlay__content'
-      }, this.$slots.default);
+      }, getSlot(this));
     }
-
   },
-
   render(h) {
     const children = [this.__scrim];
     if (this.isActive) children.push(this.genContent());
@@ -81,6 +75,5 @@ export default mixins(Colorable, Themeable, Toggleable).extend({
       style: this.styles
     }, children);
   }
-
 });
 //# sourceMappingURL=KOverlay.js.map

package/lib/components/KOverlay/KOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KOverlay/KOverlay.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,0BAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,2BAAvB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA;;AACA,eAAe,MAAM,CACnB,SADmB,EAEnB,SAFmB,EAGnB,UAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,WADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAND;AAUL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADC;AAEP,MAAA,OAAO,EAAE;AAFF,KAVJ;AAcL,IAAA,KAAK,EAAE;AACL,MAAA,OAAO,EAAE;AADJ,KAdF;AAiBL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AAjBH,GAHA;AA0BP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,YAAM,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC/C,QAAA,WAAW,EAAE,kBADkC;AAE/C,QAAA,KAAK,EAAE;AACL,UAAA,OAAO,EAAE,KAAK;AADT;AAFwC,OAApC,CAAb;AAOA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,CAAP;AACD,KAVO;;AAWR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,KAAK,QADvB;AAEL,6BAAqB,KAAK,QAFrB;AAGL,WAAG,KAAK;AAHH,OAAP;AAKD,KAjBO;;AAkBR,IAAA,eAAe,GAAA;AACb,aAAO,MAAM,CAAC,KAAK,QAAL,GAAgB,KAAK,OAArB,GAA+B,CAAhC,CAAb;AACD,KApBO;;AAqBR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,KAAK;AADR,OAAP;AAGD;;AAzBO,GA1BH;AAsDP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE;AADmB,OAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD;;AALM,GAtDF;;AA8DP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,QAAQ,GAAG,CAAC,KAAK,OAAN,CAAjB;AAEA,QAAI,KAAK,QAAT,EAAmB,QAAQ,CAAC,IAAT,CAAc,KAAK,UAAL,EAAd;AAEnB,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,WADC;AAEd,MAAA,EAAE,EAAE,KAAK,UAFK;AAGd,MAAA,KAAK,EAAE,KAAK,OAHE;AAId,MAAA,KAAK,EAAE,KAAK;AAJE,KAAR,EAKL,QALK,CAAR;AAMD;;AAzEM,CAJM,CAAf","sourcesContent":["// Styles\nimport './KOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Themeable,\n  Toggleable\n).extend({\n  name: 'k-overlay',\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: '#212121',\n    },\n    dark: {\n      type: Boolean,\n      default: true,\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.46,\n    },\n    value: {\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 5,\n    },\n  },\n\n  computed: {\n    __scrim (): KNode {\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'k-overlay__scrim',\n        style: {\n          opacity: this.computedOpacity,\n        },\n      })\n\n      return this.$createElement('div', data)\n    },\n    classes (): object {\n      return {\n        'k-overlay--absolute': this.absolute,\n        'k-overlay--active': this.isActive,\n        ...this.themeClasses,\n      }\n    },\n    computedOpacity (): number {\n      return Number(this.isActive ? this.opacity : 0)\n    },\n    styles (): object {\n      return {\n        zIndex: this.zIndex,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-overlay__content',\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): KNode {\n    const children = [this.__scrim]\n\n    if (this.isActive) children.push(this.genContent())\n\n    return h('div', {\n      staticClass: 'k-overlay',\n      on: this.$listeners,\n      class: this.classes,\n      style: this.styles,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KOverlay.js"}
+{"version":3,"sources":["../../../src/components/KOverlay/KOverlay.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAiB;AAExB;AACA,OAAO,SAAS,MAAM,0BAA0B;AAChD,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,UAAU,MAAM,2BAA2B;AAElD;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C;AACA,eAAe,MAAM,CACnB,SAAS,EACT,SAAS,EACT,UAAU,CACX,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,OAAO,EAAE;MACP,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QAC/C,WAAW,EAAE,kBAAkB;QAC/B,KAAK,EAAE;UACL,OAAO,EAAE,IAAI,CAAC;QACf;OACF,CAAC;MAEF,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;IACzC,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO;QACL,qBAAqB,EAAE,IAAI,CAAC,QAAQ;QACpC,mBAAmB,EAAE,IAAI,CAAC,QAAQ;QAClC,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACjD,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,MAAM,EAAE,IAAI,CAAC;OACd;IACH;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE;OACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAE/B,IAAI,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,CAAE,CAAC;IAEnD,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,WAAW;MACxB,EAAE,EAAE,IAAI,CAAC,UAAU;MACnB,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,QAAQ,CAAC;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport './KOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Themeable,\n  Toggleable\n).extend({\n  name: 'k-overlay',\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: '#212121',\n    },\n    dark: {\n      type: Boolean,\n      default: true,\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.46,\n    },\n    value: {\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 5,\n    },\n  },\n\n  computed: {\n    __scrim (): KNode {\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'k-overlay__scrim',\n        style: {\n          opacity: this.computedOpacity,\n        },\n      })\n\n      return this.$createElement('div', data)\n    },\n    classes (): object {\n      return {\n        'k-overlay--absolute': this.absolute,\n        'k-overlay--active': this.isActive,\n        ...this.themeClasses,\n      }\n    },\n    computedOpacity (): number {\n      return Number(this.isActive ? this.opacity : 0)\n    },\n    styles (): object {\n      return {\n        zIndex: this.zIndex,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-overlay__content',\n      }, getSlot(this))\n    },\n  },\n\n  render (h): KNode {\n    const children = [this.__scrim]\n\n    if (this.isActive) children.push(this.genContent())\n\n    return h('div', {\n      staticClass: 'k-overlay',\n      on: this.$listeners,\n      class: this.classes,\n      style: this.styles,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KOverlay.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,YAArB;AAEA,SAAS,QAAT;AAEA,eAAe,QAAf","sourcesContent":["import KOverlay from './KOverlay'\n\nexport { KOverlay }\n\nexport default KOverlay\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY;AAEjC,SAAS,QAAQ;AAEjB,eAAe,QAAQ","sourcesContent":["import KOverlay from './KOverlay'\n\nexport { KOverlay }\n\nexport default KOverlay\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KPagination/KPagination.js

@@ -1,15 +1,14 @@
 import "..\\..\\..\\src\\components\\KPagination\\KPagination.sass";
-import KIcon from '../KIcon'; // Directives
-
-import Resize from '../../directives/resize'; // Mixins
-
+import KIcon from '../KIcon';
+// Directives
+import Resize from '../../directives/resize';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Intersectable from '../../mixins/intersectable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import mixins from '../../util/mixins';
 /* @kdujs/component */
-
 export default mixins(Colorable, Intersectable({
   onVisible: ['init']
 }), Themeable).extend({
@@ -20,6 +19,8 @@ export default mixins(Colorable, Intersectable({
   props: {
     circle: Boolean,
     disabled: Boolean,
+    navigationColor: String,
+    navigationTextColor: String,
     length: {
       type: Number,
       default: 0,
@@ -59,14 +60,12 @@ export default mixins(Colorable, Intersectable({
       default: '$kdutify.pagination.ariaLabel.wrapper'
     }
   },
-
   data() {
     return {
       maxButtons: 0,
       selected: null
     };
   },
-
   computed: {
     classes() {
       return {
@@ -76,24 +75,18 @@ export default mixins(Colorable, Intersectable({
         ...this.themeClasses
       };
     },
-
     items() {
       const totalVisible = parseInt(this.totalVisible, 10);
-
-      if (totalVisible === 0) {
+      if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {
         return [];
       }
-
       const maxLength = Math.min(Math.max(0, totalVisible) || this.length, Math.max(0, this.maxButtons) || this.length, this.length);
-
       if (this.length <= maxLength) {
         return this.range(1, this.length);
       }
-
       const even = maxLength % 2 === 0 ? 1 : 0;
       const left = Math.floor(maxLength / 2);
       const right = this.length - left + 1 + even;
-
       if (this.value > left && this.value < right) {
         const firstItem = 1;
         const lastItem = this.length;
@@ -112,57 +105,47 @@ export default mixins(Colorable, Intersectable({
         return [...this.range(1, left), '...', ...this.range(right, this.length)];
       }
     }
-
   },
   watch: {
     value() {
       this.init();
     }
-
   },
-
-  mounted() {
+  beforeMount() {
     this.init();
   },
-
   methods: {
     init() {
       this.selected = null;
-      this.$nextTick(this.onResize); // TODO: Change this (f75dee3a, cbdf7caa)
-
+      this.onResize();
+      this.$nextTick(this.onResize);
+      // TODO: Change this (f75dee3a, cbdf7caa)
       setTimeout(() => this.selected = this.value, 100);
     },
-
     onResize() {
       const width = this.$el && this.$el.parentElement ? this.$el.parentElement.clientWidth : window.innerWidth;
       this.maxButtons = Math.floor((width - 96) / 42);
     },
-
     next(e) {
       e.preventDefault();
       this.$emit('input', this.value + 1);
       this.$emit('next');
     },
-
     previous(e) {
       e.preventDefault();
       this.$emit('input', this.value - 1);
       this.$emit('previous');
     },
-
     range(from, to) {
       const range = [];
       from = from > 0 ? from : 1;
-
       for (let i = from; i <= to; i++) {
         range.push(i);
       }
-
       return range;
     },
-
     genIcon(h, icon, disabled, fn, label) {
-      return h('li', [h('button', {
+      return h('li', [h('button', this.setBackgroundColor(this.navigationColor, {
         staticClass: 'k-pagination__navigation',
         class: {
           'k-pagination__navigation--disabled': disabled
@@ -175,9 +158,12 @@ export default mixins(Colorable, Intersectable({
         on: disabled ? {} : {
           click: fn
         }
-      }, [h(KIcon, [icon])])]);
+      }), [h(KIcon, {
+        props: {
+          color: this.navigationTextColor
+        }
+      }, [icon])])]);
     },
-
     genItem(h, i) {
       const color = i === this.value && (this.color || 'primary');
       const isCurrentPage = i === this.value;
@@ -197,7 +183,6 @@ export default mixins(Colorable, Intersectable({
         }
       }), [i.toString()]);
     },
-
     genItems(h) {
       return this.items.map((i, index) => {
         return h('li', {
@@ -207,7 +192,6 @@ export default mixins(Colorable, Intersectable({
         }, [i.toString()]) : this.genItem(h, i)]);
       });
     },
-
     genList(h, children) {
       return h('ul', {
         directives: [{
@@ -220,9 +204,7 @@ export default mixins(Colorable, Intersectable({
         class: this.classes
       }, children);
     }
-
   },
-
   render(h) {
     const children = [this.genIcon(h, this.$kdutify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous, this.$kdutify.lang.t(this.previousAriaLabel)), this.genItems(h), this.genIcon(h, this.$kdutify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next, this.$kdutify.lang.t(this.nextAriaLabel))];
     return h('nav', {
@@ -232,6 +214,5 @@ export default mixins(Colorable, Intersectable({
       }
     }, [this.genList(h, children)]);
   }
-
 });
 //# sourceMappingURL=KPagination.js.map

package/lib/components/KPagination/KPagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KPagination/KPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPagination.sass'\n\nimport KIcon from '../KIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, CreateElement, KNodeChildrenArrayContents } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'k-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-pagination': true,\n        'k-pagination--circle': this.circle,\n        'k-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const firstItem = 1\n        const lastItem = this.length\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n        const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n        const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n        return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): KNode {\n      return h('li', [\n        h('button', {\n          staticClass: 'k-pagination__navigation',\n          class: {\n            'k-pagination__navigation--disabled': disabled,\n          },\n          attrs: {\n            disabled,\n            type: 'button',\n            'aria-label': label,\n          },\n          on: disabled ? {} : { click: fn },\n        }, [h(KIcon, [icon])]),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): KNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        staticClass: 'k-pagination__item',\n        class: {\n          'k-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$kdutify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): KNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'k-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: KNodeChildrenArrayContents): KNode {\n      return h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$kdutify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$kdutify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      attrs: {\n        role: 'navigation',\n        'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"KPagination.js"}
+{"version":3,"sources":["../../../src/components/KPagination/KPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPagination.sass'\n\nimport KIcon from '../KIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, CreateElement, KNodeChildrenArrayContents } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'k-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    navigationColor: String,\n    navigationTextColor: String,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$kdutify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-pagination': true,\n        'k-pagination--circle': this.circle,\n        'k-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const firstItem = 1\n        const lastItem = this.length\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n        const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n        const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n        return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.onResize()\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): KNode {\n      return h('li', [\n        h('button',\n          this.setBackgroundColor(this.navigationColor, {\n            staticClass: 'k-pagination__navigation',\n            class: {\n              'k-pagination__navigation--disabled': disabled,\n            },\n            attrs: {\n              disabled,\n              type: 'button',\n              'aria-label': label,\n            },\n            on: disabled ? {} : { click: fn },\n          }),\n          [h(KIcon, { props: { color: this.navigationTextColor } }, [icon])]\n        ),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): KNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        staticClass: 'k-pagination__item',\n        class: {\n          'k-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$kdutify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): KNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'k-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: KNodeChildrenArrayContents): KNode {\n      return h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$kdutify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$kdutify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$kdutify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      attrs: {\n        role: 'navigation',\n        'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"KPagination.js"}

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

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

package/lib/components/KParallax/KParallax.js

@@ -1,11 +1,11 @@
 // Style
-import "..\\..\\..\\src\\components\\KParallax\\KParallax.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KParallax\\KParallax.sass";
+// Mixins
 import Translatable from '../../mixins/translatable';
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 const baseMixins = mixins(Translatable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-parallax',
   props: {
@@ -31,18 +31,14 @@ export default baseMixins.extend().extend({
         transform: `translate(-50%, ${this.parallax}px)`
       };
     }
-
   },
-
   mounted() {
     this.init();
   },
-
   methods: {
     init() {
       const img = this.$refs.img;
       if (!img) return;
-
       if (img.complete) {
         this.translate();
         this.listeners();
@@ -52,16 +48,12 @@ export default baseMixins.extend().extend({
           this.listeners();
         }, false);
       }
-
       this.isBooted = true;
     },
-
     objHeight() {
       return this.$refs.img.naturalHeight;
     }
-
   },
-
   render(h) {
     const imgData = {
       staticClass: 'k-parallax__image',
@@ -78,7 +70,7 @@ export default baseMixins.extend().extend({
     }, [h('img', imgData)]);
     const content = h('div', {
       staticClass: 'k-parallax__content'
-    }, this.$slots.default);
+    }, getSlot(this));
     return h('div', {
       staticClass: 'k-parallax',
       style: {
@@ -87,6 +79,5 @@ export default baseMixins.extend().extend({
       on: this.$listeners
     }, [container, content]);
   }
-
 });
 //# sourceMappingURL=KParallax.js.map

package/lib/components/KParallax/KParallax.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KParallax/KParallax.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAP,C,CAEA;;AACA,OAAO,YAAP,MAAyB,2BAAzB;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,MAAM,UAAU,GAAG,MAAM,CACvB,YADuB,CAAzB;AASA;;AACA,eAAe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,YAD2C;AAGjD,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KADA;AAKL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KALH;AASL,IAAA,GAAG,EAAE,MATA;AAUL,IAAA,MAAM,EAAE;AAVH,GAH0C;AAgBjD,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAhB2C;AAoBjD,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,OAAO,EAAE,OADJ;AAEL,QAAA,OAAO,EAAE,KAAK,QAAL,GAAgB,CAAhB,GAAoB,CAFxB;AAGL,QAAA,SAAS,EAAE,mBAAmB,KAAK,QAAQ;AAHtC,OAAP;AAKD;;AAPO,GApBuC;;AA8BjD,EAAA,OAAO,GAAA;AACL,SAAK,IAAL;AACD,GAhCgD;;AAkCjD,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,GAAA;AACF,YAAM,GAAG,GAAG,KAAK,KAAL,CAAW,GAAvB;AAEA,UAAI,CAAC,GAAL,EAAU;;AAEV,UAAI,GAAG,CAAC,QAAR,EAAkB;AAChB,aAAK,SAAL;AACA,aAAK,SAAL;AACD,OAHD,MAGO;AACL,QAAA,GAAG,CAAC,gBAAJ,CAAqB,MAArB,EAA6B,MAAK;AAChC,eAAK,SAAL;AACA,eAAK,SAAL;AACD,SAHD,EAGG,KAHH;AAID;;AAED,WAAK,QAAL,GAAgB,IAAhB;AACD,KAjBM;;AAkBP,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,KAAL,CAAW,GAAX,CAAe,aAAtB;AACD;;AApBM,GAlCwC;;AAyDjD,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,OAAO,GAAc;AACzB,MAAA,WAAW,EAAE,mBADY;AAEzB,MAAA,KAAK,EAAE,KAAK,MAFa;AAGzB,MAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,KAAK,GADL;AAEL,QAAA,MAAM,EAAE,KAAK,MAFR;AAGL,QAAA,GAAG,EAAE,KAAK;AAHL,OAHkB;AAQzB,MAAA,GAAG,EAAE;AARoB,KAA3B;AAWA,UAAM,SAAS,GAAG,CAAC,CAAC,KAAD,EAAQ;AACzB,MAAA,WAAW,EAAE;AADY,KAAR,EAEhB,CACD,CAAC,CAAC,KAAD,EAAQ,OAAR,CADA,CAFgB,CAAnB;AAMA,UAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AACvB,MAAA,WAAW,EAAE;AADU,KAAR,EAEd,KAAK,MAAL,CAAY,OAFE,CAAjB;AAIA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,YADC;AAEd,MAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,GAAG,KAAK,MAAM;AADjB,OAFO;AAKd,MAAA,EAAE,EAAE,KAAK;AALK,KAAR,EAML,CAAC,SAAD,EAAY,OAAZ,CANK,CAAR;AAOD;;AAtFgD,CAApC,CAAf","sourcesContent":["// Style\nimport './KParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\n\n// Types\nimport { KNode, KNodeData } from 'kdu/types/knode'\nimport mixins from '../../util/mixins'\n\nconst baseMixins = mixins(\n  Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    img: HTMLImageElement\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-parallax',\n\n  props: {\n    alt: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: [String, Number],\n      default: 500,\n    },\n    src: String,\n    srcset: String,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    styles (): object {\n      return {\n        display: 'block',\n        opacity: this.isBooted ? 1 : 0,\n        transform: `translate(-50%, ${this.parallax}px)`,\n      }\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      const img = this.$refs.img\n\n      if (!img) return\n\n      if (img.complete) {\n        this.translate()\n        this.listeners()\n      } else {\n        img.addEventListener('load', () => {\n          this.translate()\n          this.listeners()\n        }, false)\n      }\n\n      this.isBooted = true\n    },\n    objHeight () {\n      return this.$refs.img.naturalHeight\n    },\n  },\n\n  render (h): KNode {\n    const imgData: KNodeData = {\n      staticClass: 'k-parallax__image',\n      style: this.styles,\n      attrs: {\n        src: this.src,\n        srcset: this.srcset,\n        alt: this.alt,\n      },\n      ref: 'img',\n    }\n\n    const container = h('div', {\n      staticClass: 'k-parallax__image-container',\n    }, [\n      h('img', imgData),\n    ])\n\n    const content = h('div', {\n      staticClass: 'k-parallax__content',\n    }, this.$slots.default)\n\n    return h('div', {\n      staticClass: 'k-parallax',\n      style: {\n        height: `${this.height}px`,\n      },\n      on: this.$listeners,\n    }, [container, content])\n  },\n})\n"],"sourceRoot":"","file":"KParallax.js"}
+{"version":3,"sources":["../../../src/components/KParallax/KParallax.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAkB;AAEzB;AACA,OAAO,YAAY,MAAM,2BAA2B;AACpD,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C,MAAM,UAAU,GAAG,MAAM,CACvB,YAAY,CACb;AAOD;AACA,eAAe,UAAU,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,GAAG,EAAE;MACH,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,GAAG,EAAE,MAAM;IACX,MAAM,EAAE;GACT;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC;QAC9B,SAAS,EAAE,mBAAmB,IAAI,CAAC,QAAQ;OAC5C;IACH;GACD;EAED,OAAO,CAAA,EAAA;IACL,IAAI,CAAC,IAAI,CAAA,CAAE;EACb,CAAC;EAED,OAAO,EAAE;IACP,IAAI,CAAA,EAAA;MACF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;MAE1B,IAAI,CAAC,GAAG,EAAE;MAEV,IAAI,GAAG,CAAC,QAAQ,EAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;OACjB,MAAM;QACL,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;UAChC,IAAI,CAAC,SAAS,CAAA,CAAE;UAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAClB,CAAC,EAAE,KAAK,CAAC;MACV;MAED,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB,CAAC;IACD,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa;IACrC;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,OAAO,GAAc;MACzB,WAAW,EAAE,mBAAmB;MAChC,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,KAAK,EAAE;QACL,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,GAAG,EAAE,IAAI,CAAC;OACX;MACD,GAAG,EAAE;KACN;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;MACzB,WAAW,EAAE;KACd,EAAE,CACD,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE;MACvB,WAAW,EAAE;KACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,YAAY;MACzB,KAAK,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;OACvB;MACD,EAAE,EAAE,IAAI,CAAC;KACV,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;EAC1B;CACD,CAAC","sourcesContent":["// Style\nimport './KParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu/types/knode'\n\nconst baseMixins = mixins(\n  Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    img: HTMLImageElement\n  }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-parallax',\n\n  props: {\n    alt: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: [String, Number],\n      default: 500,\n    },\n    src: String,\n    srcset: String,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    styles (): object {\n      return {\n        display: 'block',\n        opacity: this.isBooted ? 1 : 0,\n        transform: `translate(-50%, ${this.parallax}px)`,\n      }\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      const img = this.$refs.img\n\n      if (!img) return\n\n      if (img.complete) {\n        this.translate()\n        this.listeners()\n      } else {\n        img.addEventListener('load', () => {\n          this.translate()\n          this.listeners()\n        }, false)\n      }\n\n      this.isBooted = true\n    },\n    objHeight () {\n      return this.$refs.img.naturalHeight\n    },\n  },\n\n  render (h): KNode {\n    const imgData: KNodeData = {\n      staticClass: 'k-parallax__image',\n      style: this.styles,\n      attrs: {\n        src: this.src,\n        srcset: this.srcset,\n        alt: this.alt,\n      },\n      ref: 'img',\n    }\n\n    const container = h('div', {\n      staticClass: 'k-parallax__image-container',\n    }, [\n      h('img', imgData),\n    ])\n\n    const content = h('div', {\n      staticClass: 'k-parallax__content',\n    }, getSlot(this))\n\n    return h('div', {\n      staticClass: 'k-parallax',\n      style: {\n        height: `${this.height}px`,\n      },\n      on: this.$listeners,\n    }, [container, content])\n  },\n})\n"],"sourceRoot":"","file":"KParallax.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KParallax/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import KParallax from './KParallax'\n\nexport { KParallax }\nexport default KParallax\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KParallax/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa;AAEnC,SAAS,SAAS;AAClB,eAAe,SAAS","sourcesContent":["import KParallax from './KParallax'\n\nexport { KParallax }\nexport default KParallax\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KPicker/KPicker.js

@@ -1,14 +1,13 @@
 import "..\\..\\..\\src\\components\\KPicker\\KPicker.sass";
-import "..\\..\\..\\src\\components\\KCard\\KCard.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KCard\\KCard.sass";
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Elevatable from '../../mixins/elevatable';
-import Themeable from '../../mixins/themeable'; // Helpers
-
-import { convertToUnit } from '../../util/helpers';
+import Themeable from '../../mixins/themeable';
+// Helpers
+import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 /* @kdujs/component */
-
 export default mixins(Colorable, Elevatable, Themeable).extend({
   name: 'k-picker',
   props: {
@@ -30,7 +29,6 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
       const defaultTitleColor = this.isDark ? false : this.color || 'primary';
       return this.color || defaultTitleColor;
     }
-
   },
   methods: {
     genTitle() {
@@ -39,17 +37,15 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         class: {
           'k-picker__title--landscape': this.landscape
         }
-      }), this.$slots.title);
+      }), getSlot(this, 'title'));
     },
-
     genBodyTransition() {
       return this.$createElement('transition', {
         props: {
           name: this.transition
         }
-      }, this.$slots.default);
+      }, getSlot(this));
     },
-
     genBody() {
       return this.$createElement('div', {
         staticClass: 'k-picker__body',
@@ -62,18 +58,15 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
         }
       }, [this.genBodyTransition()]);
     },
-
     genActions() {
       return this.$createElement('div', {
         staticClass: 'k-picker__actions k-card__actions',
         class: {
           'k-picker__actions--no-title': this.noTitle
         }
-      }, this.$slots.actions);
+      }, getSlot(this, 'actions'));
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-picker k-card',
@@ -86,6 +79,5 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
       }
     }, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
   }
-
 });
 //# sourceMappingURL=KPicker.js.map

package/lib/components/KPicker/KPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KPicker/KPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPicker.sass'\nimport '../KCard/KCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'k-picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'k-picker__title',\n        class: {\n          'k-picker__title--landscape': this.landscape,\n        },\n      }), this.$slots.title)\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, this.$slots.default)\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'k-picker__body',\n        class: {\n          'k-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        },\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return this.$createElement('div', {\n        staticClass: 'k-picker__actions k-card__actions',\n        class: {\n          'k-picker__actions--no-title': this.noTitle,\n        },\n      }, this.$slots.actions)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-picker k-card',\n      class: {\n        'k-picker--flat': this.flat,\n        'k-picker--landscape': this.landscape,\n        'k-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KPicker.js"}
+{"version":3,"sources":["../../../src/components/KPicker/KPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPicker.sass'\nimport '../KCard/KCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'k-picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'k-picker__title',\n        class: {\n          'k-picker__title--landscape': this.landscape,\n        },\n      }), getSlot(this, 'title'))\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, getSlot(this))\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'k-picker__body',\n        class: {\n          'k-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        },\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return this.$createElement('div', {\n        staticClass: 'k-picker__actions k-card__actions',\n        class: {\n          'k-picker__actions--no-title': this.noTitle,\n        },\n      }, getSlot(this, 'actions'))\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-picker k-card',\n      class: {\n        'k-picker--flat': this.flat,\n        'k-picker--landscape': this.landscape,\n        'k-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KPicker.js"}

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

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