kdutify 2.6.0 → 2.7.2

package/lib/components/KSystemBar/KSystemBar.js

@@ -1,15 +1,14 @@
 // Styles
-import "..\\..\\..\\src\\components\\KSystemBar\\KSystemBar.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KSystemBar\\KSystemBar.sass";
+// Mixins
 import Applicationable from '../../mixins/applicationable';
 import Colorable from '../../mixins/colorable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import mixins from '../../util/mixins';
 import { convertToUnit, getSlot } from '../../util/helpers';
 export default mixins(Applicationable('bar', ['height', 'window']), Colorable, Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-system-bar',
   props: {
     height: [Number, String],
@@ -26,29 +25,23 @@ export default mixins(Applicationable('bar', ['height', 'window']), Colorable, T
         ...this.themeClasses
       };
     },
-
     computedHeight() {
       if (this.height) {
         return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height);
       }
-
       return this.window ? 32 : 24;
     },
-
     styles() {
       return {
         height: convertToUnit(this.computedHeight)
       };
     }
-
   },
   methods: {
     updateApplication() {
       return this.$el ? this.$el.clientHeight : this.computedHeight;
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-system-bar',
@@ -58,6 +51,5 @@ export default mixins(Applicationable('bar', ['height', 'window']), Colorable, T
     };
     return h('div', this.setBackgroundColor(this.color, data), getSlot(this));
   }
-
 });
 //# sourceMappingURL=KSystemBar.js.map

package/lib/components/KSystemBar/KSystemBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KSystemBar/KSystemBar.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AAKA,eAAe,MAAM,CACnB,eAAe,CAAC,KAAD,EAAQ,CACrB,QADqB,EAErB,QAFqB,CAAR,CADI,EAKnB,SALmB,EAMnB;AACF;AAPqB,CAAN,CAQb,MARa,CAQN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT,CADH;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,MAAM,EAAE;AAHH,GAHA;AASP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,oCAA4B,KAAK,SAD5B;AAEL,kCAA0B,KAAK,QAF1B;AAGL,+BAAuB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAHlB;AAIL,gCAAwB,KAAK,MAJxB;AAKL,WAAG,KAAK;AALH,OAAP;AAOD,KATO;;AAUR,IAAA,cAAc,GAAA;AACZ,UAAI,KAAK,MAAT,EAAiB;AACf,eAAO,KAAK,CAAC,QAAQ,CAAC,KAAK,MAAN,CAAT,CAAL,GAA+B,KAAK,MAApC,GAA6C,QAAQ,CAAC,KAAK,MAAN,CAA5D;AACD;;AAED,aAAO,KAAK,MAAL,GAAc,EAAd,GAAmB,EAA1B;AACD,KAhBO;;AAiBR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,aAAa,CAAC,KAAK,cAAN;AADhB,OAAP;AAGD;;AArBO,GATH;AAiCP,EAAA,OAAO,EAAE;AACP,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,GAAL,GACH,KAAK,GAAL,CAAS,YADN,GAEH,KAAK,cAFT;AAGD;;AALM,GAjCF;;AAyCP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,cADF;AAEX,MAAA,KAAK,EAAE,KAAK,OAFD;AAGX,MAAA,KAAK,EAAE,KAAK,MAHD;AAIX,MAAA,EAAE,EAAE,KAAK;AAJE,KAAb;AAOA,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAR,EAAmD,OAAO,CAAC,IAAD,CAA1D,CAAR;AACD;;AAlDM,CARM,CAAf","sourcesContent":["// Styles\nimport './KSystemBar.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nexport default mixins(\n  Applicationable('bar', [\n    'height',\n    'window',\n  ]),\n  Colorable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-system-bar',\n\n  props: {\n    height: [Number, String],\n    lightsOut: Boolean,\n    window: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-system-bar--lights-out': this.lightsOut,\n        'k-system-bar--absolute': this.absolute,\n        'k-system-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'k-system-bar--window': this.window,\n        ...this.themeClasses,\n      }\n    },\n    computedHeight (): number | string {\n      if (this.height) {\n        return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height)\n      }\n\n      return this.window ? 32 : 24\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.computedHeight),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      return this.$el\n        ? this.$el.clientHeight\n        : this.computedHeight\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-system-bar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KSystemBar.js"}
+{"version":3,"sources":["../../../src/components/KSystemBar/KSystemBar.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAmB;AAE1B;AACA,OAAO,eAAe,MAAM,8BAA8B;AAC1D,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,SAAS,MAAM,wBAAwB;AAE9C;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,aAAa,EAAE,OAAO,QAAQ,oBAAoB;AAK3D,eAAe,MAAM,CACnB,eAAe,CAAC,KAAK,EAAE,CACrB,QAAQ,EACR,QAAQ,CACT,CAAC,EACF,SAAS,EACT;AACF,sB,CACC,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,cAAc;EAEpB,KAAK,EAAE;IACL,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE;GACT;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,0BAA0B,EAAE,IAAI,CAAC,SAAS;QAC1C,wBAAwB,EAAE,IAAI,CAAC,QAAQ;QACvC,qBAAqB,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;QACjE,sBAAsB,EAAE,IAAI,CAAC,MAAM;QACnC,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,cAAc,CAAA,EAAA;MACZ,IAAI,IAAI,CAAC,MAAM,EAAE;QACf,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;MAC1E;MAED,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE;IAC9B,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,cAAc;OAC1C;IACH;GACD;EAED,OAAO,EAAE;IACP,iBAAiB,CAAA,EAAA;MACf,OAAO,IAAI,CAAC,GAAG,GACX,IAAI,CAAC,GAAG,CAAC,YAAY,GACrB,IAAI,CAAC,cAAc;IACzB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,IAAI,GAAG;MACX,WAAW,EAAE,cAAc;MAC3B,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,EAAE,EAAE,IAAI,CAAC;KACV;IAED,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E;CACD,CAAC","sourcesContent":["// Styles\nimport './KSystemBar.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nexport default mixins(\n  Applicationable('bar', [\n    'height',\n    'window',\n  ]),\n  Colorable,\n  Themeable\n/* @kdujs/component */\n).extend({\n  name: 'k-system-bar',\n\n  props: {\n    height: [Number, String],\n    lightsOut: Boolean,\n    window: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-system-bar--lights-out': this.lightsOut,\n        'k-system-bar--absolute': this.absolute,\n        'k-system-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'k-system-bar--window': this.window,\n        ...this.themeClasses,\n      }\n    },\n    computedHeight (): number | string {\n      if (this.height) {\n        return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height)\n      }\n\n      return this.window ? 32 : 24\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.computedHeight),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      return this.$el\n        ? this.$el.clientHeight\n        : this.computedHeight\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-system-bar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KSystemBar.js"}

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

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

package/lib/components/KTabs/KTab.js

@@ -1,19 +1,25 @@
 // Mixins
 import { factory as GroupableFactory } from '../../mixins/groupable';
 import Routable from '../../mixins/routable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
-import { keyCodes } from './../../util/helpers';
+import Themeable from '../../mixins/themeable';
+// Utilities
+import { getSlot, keyCodes } from './../../util/helpers';
 import mixins from '../../util/mixins';
-const baseMixins = mixins(Routable, // Must be after routable
+const baseMixins = mixins(Routable,
+// Must be after routable
 // to overwrite activeClass
 GroupableFactory('tabsBar'), Themeable);
-export default baseMixins.extend().extend().extend({
+export default baseMixins.extend().extend(
+  /* @kdujs/component */
+).extend({
   name: 'k-tab',
   props: {
     ripple: {
       type: [Boolean, Object],
       default: true
+    },
+    tabValue: {
+      required: false
     }
   },
   data: () => ({
@@ -28,18 +34,16 @@ export default baseMixins.extend().extend().extend({
         ...this.groupClasses
       };
     },
-
     value() {
-      let to = this.to || this.href || '';
-
+      if (this.tabValue != null) return this.tabValue;
+      let to = this.to || this.href;
+      if (to == null) return to;
       if (this.$router && this.to === Object(this.to)) {
         const resolve = this.$router.resolve(this.to, this.$route, this.append);
         to = resolve.href;
       }
-
       return to.replace('#', '');
     }
-
   },
   methods: {
     click(e) {
@@ -49,44 +53,41 @@ export default baseMixins.extend().extend().extend({
       if (this.disabled) {
         e.preventDefault();
         return;
-      } // If user provides an
+      }
+      // If user provides an
       // actual link, do not
       // prevent default
-
-
       if (this.href && this.href.indexOf('#') > -1) e.preventDefault();
       if (e.detail) this.$el.blur();
       this.$emit('click', e);
       this.to || this.toggle();
     },
-
     toggle() {
       // KItemGroup treats a change event as a click
-      if (!this.isActive) {
+      if (!this.isActive || !this.tabsBar.mandatory && !this.to) {
         this.$emit('change');
       }
     }
-
   },
-
   render(h) {
     const {
       tag,
       data
     } = this.generateRouteLink();
-    data.attrs = { ...data.attrs,
+    data.attrs = {
+      ...data.attrs,
       'aria-selected': String(this.isActive),
       role: 'tab',
-      tabindex: 0
+      tabindex: this.disabled ? -1 : 0
     };
-    data.on = { ...data.on,
+    data.on = {
+      ...data.on,
       keydown: e => {
         if (e.keyCode === keyCodes.enter) this.click(e);
         this.$emit('keydown', e);
       }
     };
-    return h(tag, data, this.$slots.default);
+    return h(tag, data, getSlot(this));
   }
-
 });
 //# sourceMappingURL=KTab.js.map

package/lib/components/KTabs/KTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KTabs/KTab.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Routable from '../../mixins/routable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { keyCodes } from './../../util/helpers'\nimport mixins from '../../util/mixins'\nimport { ExtractKdu } from './../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nconst baseMixins = mixins(\n  Routable,\n  // Must be after routable\n  // to overwrite activeClass\n  GroupableFactory('tabsBar'),\n  Themeable\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @kdujs/component */\n).extend({\n  name: 'k-tab',\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  data: () => ({\n    proxyClass: 'k-tab--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-tab': true,\n        ...Routable.options.computed.classes.call(this),\n        'k-tab--disabled': this.disabled,\n        ...this.groupClasses,\n      }\n    },\n    value (): any {\n      let to = this.to || this.href || ''\n\n      if (this.$router &&\n        this.to === Object(this.to)\n      ) {\n        const resolve = this.$router.resolve(\n          this.to,\n          this.$route,\n          this.append\n        )\n\n        to = resolve.href\n      }\n\n      return to.replace('#', '')\n    },\n  },\n\n  methods: {\n    click (e: KeyboardEvent | MouseEvent): void {\n      // Prevent keyboard actions\n      // from children elements\n      // within disabled tabs\n      if (this.disabled) {\n        e.preventDefault()\n        return\n      }\n\n      // If user provides an\n      // actual link, do not\n      // prevent default\n      if (this.href &&\n        this.href.indexOf('#') > -1\n      ) e.preventDefault()\n\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    toggle () {\n      // KItemGroup treats a change event as a click\n      if (!this.isActive) {\n        this.$emit('change')\n      }\n    },\n  },\n\n  render (h): KNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      'aria-selected': String(this.isActive),\n      role: 'tab',\n      tabindex: 0,\n    }\n    data.on = {\n      ...data.on,\n      keydown: (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.enter) this.click(e)\n\n        this.$emit('keydown', e)\n      },\n    }\n\n    return h(tag, data, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KTab.js"}
+{"version":3,"sources":["../../../src/components/KTabs/KTab.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Routable from '../../mixins/routable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { getSlot, keyCodes } from './../../util/helpers'\nimport mixins from '../../util/mixins'\nimport { ExtractKdu } from './../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu/types'\n\n// Components\nimport KTabsBar from '../KTabs/KTabsBar'\n\nconst baseMixins = mixins(\n  Routable,\n  // Must be after routable\n  // to overwrite activeClass\n  GroupableFactory('tabsBar'),\n  Themeable\n)\n\ntype KTabBarInstance = InstanceType<typeof KTabsBar>\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $el: HTMLElement\n  tabsBar: KTabBarInstance\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @kdujs/component */\n).extend({\n  name: 'k-tab',\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n    tabValue: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    proxyClass: 'k-tab--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-tab': true,\n        ...Routable.options.computed.classes.call(this),\n        'k-tab--disabled': this.disabled,\n        ...this.groupClasses,\n      }\n    },\n    value (): any {\n      if (this.tabValue != null) return this.tabValue\n\n      let to = this.to || this.href\n\n      if (to == null) return to\n\n      if (this.$router &&\n        this.to === Object(this.to)\n      ) {\n        const resolve = this.$router.resolve(\n          this.to,\n          this.$route,\n          this.append\n        )\n\n        to = resolve.href\n      }\n\n      return to.replace('#', '')\n    },\n  },\n\n  methods: {\n    click (e: KeyboardEvent | MouseEvent): void {\n      // Prevent keyboard actions\n      // from children elements\n      // within disabled tabs\n      if (this.disabled) {\n        e.preventDefault()\n        return\n      }\n\n      // If user provides an\n      // actual link, do not\n      // prevent default\n      if (this.href &&\n        this.href.indexOf('#') > -1\n      ) e.preventDefault()\n\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    toggle () {\n      // KItemGroup treats a change event as a click\n      if (!this.isActive || (!this.tabsBar.mandatory && !this.to)) {\n        this.$emit('change')\n      }\n    },\n  },\n\n  render (h): KNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      'aria-selected': String(this.isActive),\n      role: 'tab',\n      tabindex: this.disabled ? -1 : 0,\n    }\n    data.on = {\n      ...data.on,\n      keydown: (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.enter) this.click(e)\n\n        this.$emit('keydown', e)\n      },\n    }\n\n    return h(tag, data, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KTab.js"}

package/lib/components/KTabs/KTabItem.js

@@ -1,7 +1,6 @@
 // Extensions
 import KWindowItem from '../KWindow/KWindowItem';
 /* @kdujs/component */
-
 export default KWindowItem.extend({
   name: 'k-tab-item',
   props: {
@@ -14,7 +13,6 @@ export default KWindowItem.extend({
       item.data.domProps.id = this.id || this.value;
       return item;
     }
-
   }
 });
 //# sourceMappingURL=KTabItem.js.map

package/lib/components/KTabs/KTabItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KTabs/KTabItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB;AAEA;;AACA,eAAe,WAAW,CAAC,MAAZ,CAAmB;AAChC,EAAA,IAAI,EAAE,YAD0B;AAGhC,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE;AADC,GAHyB;AAOhC,EAAA,OAAO,EAAE;AACP,IAAA,aAAa,GAAA;AACX,YAAM,IAAI,GAAG,WAAW,CAAC,OAAZ,CAAoB,OAApB,CAA4B,aAA5B,CAA0C,IAA1C,CAA+C,IAA/C,CAAb;AAEA,MAAA,IAAI,CAAC,IAAL,CAAW,QAAX,GAAsB,IAAI,CAAC,IAAL,CAAW,QAAX,IAAuB,EAA7C;AACA,MAAA,IAAI,CAAC,IAAL,CAAW,QAAX,CAAoB,EAApB,GAAyB,KAAK,EAAL,IAAW,KAAK,KAAzC;AAEA,aAAO,IAAP;AACD;;AARM;AAPuB,CAAnB,CAAf","sourcesContent":["// Extensions\nimport KWindowItem from '../KWindow/KWindowItem'\n\n/* @kdujs/component */\nexport default KWindowItem.extend({\n  name: 'k-tab-item',\n\n  props: {\n    id: String,\n  },\n\n  methods: {\n    genWindowItem () {\n      const item = KWindowItem.options.methods.genWindowItem.call(this)\n\n      item.data!.domProps = item.data!.domProps || {}\n      item.data!.domProps.id = this.id || this.value\n\n      return item\n    },\n  },\n})\n"],"sourceRoot":"","file":"KTabItem.js"}
+{"version":3,"sources":["../../../src/components/KTabs/KTabItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAW,MAAM,wBAAwB;AAEhD;AACA,eAAe,WAAW,CAAC,MAAM,CAAC;EAChC,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,EAAE,EAAE;GACL;EAED,OAAO,EAAE;IACP,aAAa,CAAA,EAAA;MACX,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;MAEjE,IAAI,CAAC,IAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAK,CAAC,QAAQ,IAAI,CAAA,CAAE;MAC/C,IAAI,CAAC,IAAK,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK;MAE9C,OAAO,IAAI;IACb;EACD;CACF,CAAC","sourcesContent":["// Extensions\nimport KWindowItem from '../KWindow/KWindowItem'\n\n/* @kdujs/component */\nexport default KWindowItem.extend({\n  name: 'k-tab-item',\n\n  props: {\n    id: String,\n  },\n\n  methods: {\n    genWindowItem () {\n      const item = KWindowItem.options.methods.genWindowItem.call(this)\n\n      item.data!.domProps = item.data!.domProps || {}\n      item.data!.domProps.id = this.id || this.value\n\n      return item\n    },\n  },\n})\n"],"sourceRoot":"","file":"KTabItem.js"}

package/lib/components/KTabs/KTabs.js

@@ -1,17 +1,17 @@
 // Styles
-import "..\\..\\..\\src\\components\\KTabs\\KTabs.sass"; // Components
-
+import "..\\..\\..\\src\\components\\KTabs\\KTabs.sass";
+// Components
 import KTabsBar from './KTabsBar';
 import KTabsItems from './KTabsItems';
-import KTabsSlider from './KTabsSlider'; // Mixins
-
+import KTabsSlider from './KTabsSlider';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Proxyable from '../../mixins/proxyable';
-import Themeable from '../../mixins/themeable'; // Directives
-
-import Resize from '../../directives/resize'; // Utilities
-
-import { convertToUnit } from '../../util/helpers';
+import Themeable from '../../mixins/themeable';
+// Directives
+import Resize from '../../directives/resize';
+// Utilities
+import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Colorable, Proxyable, Themeable);
 export default baseMixins.extend().extend({
@@ -55,7 +55,6 @@ export default baseMixins.extend().extend({
     },
     vertical: Boolean
   },
-
   data() {
     return {
       resizeTimeout: 0,
@@ -69,7 +68,6 @@ export default baseMixins.extend().extend({
       transitionTime: 300
     };
   },
-
   computed: {
     classes() {
       return {
@@ -83,11 +81,9 @@ export default baseMixins.extend().extend({
         ...this.themeClasses
       };
     },
-
     isReversed() {
       return this.$kdutify.rtl && this.vertical;
     },
-
     sliderStyles() {
       return {
         height: convertToUnit(this.slider.height),
@@ -98,11 +94,9 @@ export default baseMixins.extend().extend({
         width: convertToUnit(this.slider.width)
       };
     },
-
     computedColor() {
       if (this.color) return this.color;else if (this.isDark && !this.appIsDark) return 'white';else return 'primary';
     }
-
   },
   watch: {
     alignWithTitle: 'callSlider',
@@ -118,31 +112,35 @@ export default baseMixins.extend().extend({
     '$kdutify.application.right': 'onResize',
     '$kdutify.rtl': 'onResize'
   },
-
   mounted() {
+    if (typeof ResizeObserver !== 'undefined') {
+      const obs = new ResizeObserver(() => {
+        this.onResize();
+      });
+      obs.observe(this.$el);
+      this.$on('hook:destroyed', () => {
+        obs.disconnect();
+      });
+    }
     this.$nextTick(() => {
       window.setTimeout(this.callSlider, 30);
     });
   },
-
   methods: {
     callSlider() {
       if (this.hideSlider || !this.$refs.items || !this.$refs.items.selectedItems.length) {
         this.slider.width = 0;
         return false;
       }
-
       this.$nextTick(() => {
         // Give screen time to paint
         const activeTab = this.$refs.items.selectedItems[0];
         /* istanbul ignore if */
-
         if (!activeTab || !activeTab.$el) {
           this.slider.width = 0;
           this.slider.left = 0;
           return;
         }
-
         const el = activeTab.$el;
         this.slider = {
           height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,
@@ -154,7 +152,6 @@ export default baseMixins.extend().extend({
       });
       return true;
     },
-
     genBar(items, slider) {
       const data = {
         style: {
@@ -184,13 +181,12 @@ export default baseMixins.extend().extend({
       this.setBackgroundColor(this.backgroundColor, data);
       return this.$createElement(KTabsBar, data, [this.genSlider(slider), items]);
     },
-
     genItems(items, item) {
       // If user provides items
       // opt to use theirs
-      if (items) return items; // If no tabs are provided
+      if (items) return items;
+      // If no tabs are provided
       // render nothing
-
       if (!item.length) return null;
       return this.$createElement(KTabsItems, {
         props: {
@@ -203,10 +199,8 @@ export default baseMixins.extend().extend({
         }
       }, item);
     },
-
     genSlider(slider) {
       if (this.hideSlider) return null;
-
       if (!slider) {
         slider = this.$createElement(KTabsSlider, {
           props: {
@@ -214,45 +208,37 @@ export default baseMixins.extend().extend({
           }
         });
       }
-
       return this.$createElement('div', {
         staticClass: 'k-tabs-slider-wrapper',
         style: this.sliderStyles
       }, [slider]);
     },
-
     onResize() {
       if (this._isDestroyed) return;
       clearTimeout(this.resizeTimeout);
       this.resizeTimeout = window.setTimeout(this.callSlider, 0);
     },
-
     parseNodes() {
       let items = null;
       let slider = null;
       const item = [];
       const tab = [];
-      const slot = this.$slots.default || [];
+      const slot = getSlot(this) || [];
       const length = slot.length;
-
       for (let i = 0; i < length; i++) {
         const knode = slot[i];
-
         if (knode.componentOptions) {
           switch (knode.componentOptions.Ctor.options.name) {
             case 'k-tabs-slider':
               slider = knode;
               break;
-
             case 'k-tabs-items':
               items = knode;
               break;
-
             case 'k-tab-item':
               item.push(knode);
               break;
             // case 'k-tab' - intentionally omitted
-
             default:
               tab.push(knode);
           }
@@ -266,8 +252,6 @@ export default baseMixins.extend().extend({
        * items: single `k-tabs-items`
        * item: array of `k-tab-item`
        */
-
-
       return {
         tab,
         slider,
@@ -275,9 +259,7 @@ export default baseMixins.extend().extend({
         item
       };
     }
-
   },
-
   render(h) {
     const {
       tab,
@@ -297,6 +279,5 @@ export default baseMixins.extend().extend({
       }]
     }, [this.genBar(tab, slider), this.genItems(items, item)]);
   }
-
 });
 //# sourceMappingURL=KTabs.js.map

package/lib/components/KTabs/KTabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KTabs/KTabs.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KTabs.sass'\n\n// Components\nimport KTabsBar from './KTabsBar'\nimport KTabsItems from './KTabsItems'\nimport KTabsSlider from './KTabsSlider'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { ExtractKdu } from './../../util/mixins'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  Proxyable,\n  Themeable\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $refs: {\n    items: InstanceType<typeof KTabsBar>\n  }\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-tabs',\n\n  directives: {\n    Resize,\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    alignWithTitle: Boolean,\n    backgroundColor: String,\n    centerActive: Boolean,\n    centered: Boolean,\n    fixedTabs: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    iconsAndText: Boolean,\n    mobileBreakpoint: [String, Number],\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    optional: Boolean,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    right: Boolean,\n    showArrows: [Boolean, String],\n    sliderColor: String,\n    sliderSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      resizeTimeout: 0,\n      slider: {\n        height: null as null | number,\n        left: null as null | number,\n        right: null as null | number,\n        top: null as null | number,\n        width: null as null | number,\n      },\n      transitionTime: 300,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-tabs--align-with-title': this.alignWithTitle,\n        'k-tabs--centered': this.centered,\n        'k-tabs--fixed-tabs': this.fixedTabs,\n        'k-tabs--grow': this.grow,\n        'k-tabs--icons-and-text': this.iconsAndText,\n        'k-tabs--right': this.right,\n        'k-tabs--vertical': this.vertical,\n        ...this.themeClasses,\n      }\n    },\n    isReversed (): boolean {\n      return this.$kdutify.rtl && this.vertical\n    },\n    sliderStyles (): object {\n      return {\n        height: convertToUnit(this.slider.height),\n        left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n        right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n        top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n        transition: this.slider.left != null ? null : 'none',\n        width: convertToUnit(this.slider.width),\n      }\n    },\n    computedColor (): string {\n      if (this.color) return this.color\n      else if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n  },\n\n  watch: {\n    alignWithTitle: 'callSlider',\n    centered: 'callSlider',\n    centerActive: 'callSlider',\n    fixedTabs: 'callSlider',\n    grow: 'callSlider',\n    iconsAndText: 'callSlider',\n    right: 'callSlider',\n    showArrows: 'callSlider',\n    vertical: 'callSlider',\n    '$kdutify.application.left': 'onResize',\n    '$kdutify.application.right': 'onResize',\n    '$kdutify.rtl': 'onResize',\n  },\n\n  mounted () {\n    this.$nextTick(() => {\n      window.setTimeout(this.callSlider, 30)\n    })\n  },\n\n  methods: {\n    callSlider () {\n      if (\n        this.hideSlider ||\n        !this.$refs.items ||\n        !this.$refs.items.selectedItems.length\n      ) {\n        this.slider.width = 0\n        return false\n      }\n\n      this.$nextTick(() => {\n        // Give screen time to paint\n        const activeTab = this.$refs.items.selectedItems[0]\n        /* istanbul ignore if */\n        if (!activeTab || !activeTab.$el) {\n          this.slider.width = 0\n          this.slider.left = 0\n          return\n        }\n        const el = activeTab.$el as HTMLElement\n\n        this.slider = {\n          height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n          left: this.vertical ? 0 : el.offsetLeft,\n          right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n          top: el.offsetTop,\n          width: this.vertical ? Number(this.sliderSize) : el.scrollWidth,\n        }\n      })\n\n      return true\n    },\n    genBar (items: KNode[], slider: KNode | null) {\n      const data = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n        props: {\n          activeClass: this.activeClass,\n          centerActive: this.centerActive,\n          dark: this.dark,\n          light: this.light,\n          mandatory: !this.optional,\n          mobileBreakpoint: this.mobileBreakpoint,\n          nextIcon: this.nextIcon,\n          prevIcon: this.prevIcon,\n          showArrows: this.showArrows,\n          value: this.internalValue,\n        },\n        on: {\n          'call:slider': this.callSlider,\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n        ref: 'items',\n      }\n\n      this.setTextColor(this.computedColor, data)\n      this.setBackgroundColor(this.backgroundColor, data)\n\n      return this.$createElement(KTabsBar, data, [\n        this.genSlider(slider),\n        items,\n      ])\n    },\n    genItems (items: KNode | null, item: KNode[]) {\n      // If user provides items\n      // opt to use theirs\n      if (items) return items\n\n      // If no tabs are provided\n      // render nothing\n      if (!item.length) return null\n\n      return this.$createElement(KTabsItems, {\n        props: {\n          value: this.internalValue,\n        },\n        on: {\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n      }, item)\n    },\n    genSlider (slider: KNode | null) {\n      if (this.hideSlider) return null\n\n      if (!slider) {\n        slider = this.$createElement(KTabsSlider, {\n          props: { color: this.sliderColor },\n        })\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-tabs-slider-wrapper',\n        style: this.sliderStyles,\n      }, [slider])\n    },\n    onResize () {\n      if (this._isDestroyed) return\n\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.callSlider, 0)\n    },\n    parseNodes () {\n      let items = null\n      let slider = null\n      const item = []\n      const tab = []\n      const slot = this.$slots.default || []\n      const length = slot.length\n\n      for (let i = 0; i < length; i++) {\n        const knode = slot[i]\n\n        if (knode.componentOptions) {\n          switch (knode.componentOptions.Ctor.options.name) {\n            case 'k-tabs-slider': slider = knode\n              break\n            case 'k-tabs-items': items = knode\n              break\n            case 'k-tab-item': item.push(knode)\n              break\n            // case 'k-tab' - intentionally omitted\n            default: tab.push(knode)\n          }\n        } else {\n          tab.push(knode)\n        }\n      }\n\n      /**\n       * tab: array of `k-tab`\n       * slider: single `k-tabs-slider`\n       * items: single `k-tabs-items`\n       * item: array of `k-tab-item`\n       */\n      return { tab, slider, items, item }\n    },\n  },\n\n  render (h): KNode {\n    const { tab, slider, items, item } = this.parseNodes()\n\n    return h('div', {\n      staticClass: 'k-tabs',\n      class: this.classes,\n      directives: [{\n        name: 'resize',\n        modifiers: { quiet: true },\n        value: this.onResize,\n      }],\n    }, [\n      this.genBar(tab, slider),\n      this.genItems(items, item),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KTabs.js"}
+{"version":3,"sources":["../../../src/components/KTabs/KTabs.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KTabs.sass'\n\n// Components\nimport KTabsBar from './KTabsBar'\nimport KTabsItems from './KTabsItems'\nimport KTabsSlider from './KTabsSlider'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { ExtractKdu } from './../../util/mixins'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  Proxyable,\n  Themeable\n)\n\ninterface options extends ExtractKdu<typeof baseMixins> {\n  $refs: {\n    items: InstanceType<typeof KTabsBar>\n  }\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-tabs',\n\n  directives: {\n    Resize,\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    alignWithTitle: Boolean,\n    backgroundColor: String,\n    centerActive: Boolean,\n    centered: Boolean,\n    fixedTabs: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    iconsAndText: Boolean,\n    mobileBreakpoint: [String, Number],\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    optional: Boolean,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    right: Boolean,\n    showArrows: [Boolean, String],\n    sliderColor: String,\n    sliderSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      resizeTimeout: 0,\n      slider: {\n        height: null as null | number,\n        left: null as null | number,\n        right: null as null | number,\n        top: null as null | number,\n        width: null as null | number,\n      },\n      transitionTime: 300,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-tabs--align-with-title': this.alignWithTitle,\n        'k-tabs--centered': this.centered,\n        'k-tabs--fixed-tabs': this.fixedTabs,\n        'k-tabs--grow': this.grow,\n        'k-tabs--icons-and-text': this.iconsAndText,\n        'k-tabs--right': this.right,\n        'k-tabs--vertical': this.vertical,\n        ...this.themeClasses,\n      }\n    },\n    isReversed (): boolean {\n      return this.$kdutify.rtl && this.vertical\n    },\n    sliderStyles (): object {\n      return {\n        height: convertToUnit(this.slider.height),\n        left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n        right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n        top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n        transition: this.slider.left != null ? null : 'none',\n        width: convertToUnit(this.slider.width),\n      }\n    },\n    computedColor (): string {\n      if (this.color) return this.color\n      else if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n  },\n\n  watch: {\n    alignWithTitle: 'callSlider',\n    centered: 'callSlider',\n    centerActive: 'callSlider',\n    fixedTabs: 'callSlider',\n    grow: 'callSlider',\n    iconsAndText: 'callSlider',\n    right: 'callSlider',\n    showArrows: 'callSlider',\n    vertical: 'callSlider',\n    '$kdutify.application.left': 'onResize',\n    '$kdutify.application.right': 'onResize',\n    '$kdutify.rtl': 'onResize',\n  },\n\n  mounted () {\n    if (typeof ResizeObserver !== 'undefined') {\n      const obs = new ResizeObserver(() => {\n        this.onResize()\n      })\n      obs.observe(this.$el)\n      this.$on('hook:destroyed', () => {\n        obs.disconnect()\n      })\n    }\n\n    this.$nextTick(() => {\n      window.setTimeout(this.callSlider, 30)\n    })\n  },\n\n  methods: {\n    callSlider () {\n      if (\n        this.hideSlider ||\n        !this.$refs.items ||\n        !this.$refs.items.selectedItems.length\n      ) {\n        this.slider.width = 0\n        return false\n      }\n\n      this.$nextTick(() => {\n        // Give screen time to paint\n        const activeTab = this.$refs.items.selectedItems[0]\n        /* istanbul ignore if */\n        if (!activeTab || !activeTab.$el) {\n          this.slider.width = 0\n          this.slider.left = 0\n          return\n        }\n        const el = activeTab.$el as HTMLElement\n\n        this.slider = {\n          height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n          left: this.vertical ? 0 : el.offsetLeft,\n          right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n          top: el.offsetTop,\n          width: this.vertical ? Number(this.sliderSize) : el.scrollWidth,\n        }\n      })\n\n      return true\n    },\n    genBar (items: KNode[], slider: KNode | null) {\n      const data = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n        props: {\n          activeClass: this.activeClass,\n          centerActive: this.centerActive,\n          dark: this.dark,\n          light: this.light,\n          mandatory: !this.optional,\n          mobileBreakpoint: this.mobileBreakpoint,\n          nextIcon: this.nextIcon,\n          prevIcon: this.prevIcon,\n          showArrows: this.showArrows,\n          value: this.internalValue,\n        },\n        on: {\n          'call:slider': this.callSlider,\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n        ref: 'items',\n      }\n\n      this.setTextColor(this.computedColor, data)\n      this.setBackgroundColor(this.backgroundColor, data)\n\n      return this.$createElement(KTabsBar, data, [\n        this.genSlider(slider),\n        items,\n      ])\n    },\n    genItems (items: KNode | null, item: KNode[]) {\n      // If user provides items\n      // opt to use theirs\n      if (items) return items\n\n      // If no tabs are provided\n      // render nothing\n      if (!item.length) return null\n\n      return this.$createElement(KTabsItems, {\n        props: {\n          value: this.internalValue,\n        },\n        on: {\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n      }, item)\n    },\n    genSlider (slider: KNode | null) {\n      if (this.hideSlider) return null\n\n      if (!slider) {\n        slider = this.$createElement(KTabsSlider, {\n          props: { color: this.sliderColor },\n        })\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'k-tabs-slider-wrapper',\n        style: this.sliderStyles,\n      }, [slider])\n    },\n    onResize () {\n      if (this._isDestroyed) return\n\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.callSlider, 0)\n    },\n    parseNodes () {\n      let items = null\n      let slider = null\n      const item = []\n      const tab = []\n      const slot = getSlot(this) || []\n      const length = slot.length\n\n      for (let i = 0; i < length; i++) {\n        const knode = slot[i]\n\n        if (knode.componentOptions) {\n          switch (knode.componentOptions.Ctor.options.name) {\n            case 'k-tabs-slider': slider = knode\n              break\n            case 'k-tabs-items': items = knode\n              break\n            case 'k-tab-item': item.push(knode)\n              break\n            // case 'k-tab' - intentionally omitted\n            default: tab.push(knode)\n          }\n        } else {\n          tab.push(knode)\n        }\n      }\n\n      /**\n       * tab: array of `k-tab`\n       * slider: single `k-tabs-slider`\n       * items: single `k-tabs-items`\n       * item: array of `k-tab-item`\n       */\n      return { tab, slider, items, item }\n    },\n  },\n\n  render (h): KNode {\n    const { tab, slider, items, item } = this.parseNodes()\n\n    return h('div', {\n      staticClass: 'k-tabs',\n      class: this.classes,\n      directives: [{\n        name: 'resize',\n        modifiers: { quiet: true },\n        value: this.onResize,\n      }],\n    }, [\n      this.genBar(tab, slider),\n      this.genItems(items, item),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KTabs.js"}

package/lib/components/KTabs/KTabsBar.js

@@ -1,24 +1,22 @@
 // Extensions
-import { BaseSlideGroup } from '../KSlideGroup/KSlideGroup'; // Mixins
-
+import { BaseSlideGroup } from '../KSlideGroup/KSlideGroup';
+// Mixins
 import Themeable from '../../mixins/themeable';
-import SSRBootable from '../../mixins/ssr-bootable'; // Utilities
-
+import SSRBootable from '../../mixins/ssr-bootable';
+// Utilities
 import mixins from '../../util/mixins';
 export default mixins(BaseSlideGroup, SSRBootable, Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-tabs-bar',
-
   provide() {
     return {
       tabsBar: this
     };
   },
-
   computed: {
     classes() {
-      return { ...BaseSlideGroup.options.computed.classes.call(this),
+      return {
+        ...BaseSlideGroup.options.computed.classes.call(this),
         'k-tabs-bar': true,
         'k-tabs-bar--is-mobile': this.isMobile,
         // TODO: Remove this and move to k-slide-group
@@ -26,7 +24,6 @@ export default mixins(BaseSlideGroup, SSRBootable, Themeable
         ...this.themeClasses
       };
     }
-
   },
   watch: {
     items: 'callSlider',
@@ -38,14 +35,12 @@ export default mixins(BaseSlideGroup, SSRBootable, Themeable
       if (!this.isBooted) return;
       this.$emit('call:slider');
     },
-
     genContent() {
       const render = BaseSlideGroup.options.methods.genContent.call(this);
       render.data = render.data || {};
       render.data.staticClass += ' k-tabs-bar__content';
       return render;
     },
-
     onRouteChange(val, oldVal) {
       /* istanbul ignore next */
       if (this.mandatory) return;
@@ -54,20 +49,16 @@ export default mixins(BaseSlideGroup, SSRBootable, Themeable
       const oldPath = oldVal.path;
       let hasNew = false;
       let hasOld = false;
-
       for (const item of items) {
         if (item.to === oldPath) hasOld = true;else if (item.to === newPath) hasNew = true;
         if (hasNew && hasOld) break;
-      } // If we have an old item and not a new one
+      }
+      // If we have an old item and not a new one
       // it's assumed that the user navigated to
       // a path that is not present in the items
-
-
       if (!hasNew && hasOld) this.internalValue = undefined;
     }
-
   },
-
   render(h) {
     const render = BaseSlideGroup.options.render.call(this, h);
     render.data.attrs = {
@@ -75,6 +66,5 @@ export default mixins(BaseSlideGroup, SSRBootable, Themeable
     };
     return render;
   }
-
 });
 //# sourceMappingURL=KTabsBar.js.map