kdutify 0.16.9-rc.0 → 2.6.1

package/lib/components/KStepper/index.js

@@ -0,0 +1,17 @@
+import { createSimpleFunctional } from '../../util/helpers';
+import KStepper from './KStepper';
+import KStepperStep from './KStepperStep';
+import KStepperContent from './KStepperContent';
+const KStepperHeader = createSimpleFunctional('k-stepper__header');
+const KStepperItems = createSimpleFunctional('k-stepper__items');
+export { KStepper, KStepperContent, KStepperStep, KStepperHeader, KStepperItems };
+export default {
+  $_kdutify_subcomponents: {
+    KStepper,
+    KStepperContent,
+    KStepperStep,
+    KStepperHeader,
+    KStepperItems
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KStepper/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AACA,OAAO,QAAP,MAAqB,YAArB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AACA,MAAM,aAAa,GAAG,sBAAsB,CAAC,kBAAD,CAA5C;AAEA,SACE,QADF,EAEE,eAFF,EAGE,YAHF,EAIE,cAJF,EAKE,aALF;AAQA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,QADuB;AAEvB,IAAA,eAFuB;AAGvB,IAAA,YAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA;AALuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\nimport KStepper from './KStepper'\nimport KStepperStep from './KStepperStep'\nimport KStepperContent from './KStepperContent'\n\nconst KStepperHeader = createSimpleFunctional('k-stepper__header')\nconst KStepperItems = createSimpleFunctional('k-stepper__items')\n\nexport {\n  KStepper,\n  KStepperContent,\n  KStepperStep,\n  KStepperHeader,\n  KStepperItems,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KStepper,\n    KStepperContent,\n    KStepperStep,\n    KStepperHeader,\n    KStepperItems,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KSubheader/KSubheader.js

@@ -0,0 +1,27 @@
+// Styles
+import "..\\..\\..\\src\\components\\KSubheader\\KSubheader.sass"; // Mixins
+
+import Themeable from '../../mixins/themeable';
+import mixins from '../../util/mixins';
+export default mixins(Themeable
+/* @kdujs/component */
+).extend({
+  name: 'k-subheader',
+  props: {
+    inset: Boolean
+  },
+
+  render(h) {
+    return h('div', {
+      staticClass: 'k-subheader',
+      class: {
+        'k-subheader--inset': this.inset,
+        ...this.themeClasses
+      },
+      attrs: this.$attrs,
+      on: this.$listeners
+    }, this.$slots.default);
+  }
+
+});
+//# sourceMappingURL=KSubheader.js.map

package/lib/components/KSubheader/KSubheader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSubheader/KSubheader.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,aADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAHA;;AAOP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,aADC;AAEd,MAAA,KAAK,EAAE;AACL,8BAAsB,KAAK,KADtB;AAEL,WAAG,KAAK;AAFH,OAFO;AAMd,MAAA,KAAK,EAAE,KAAK,MANE;AAOd,MAAA,EAAE,EAAE,KAAK;AAPK,KAAR,EAQL,KAAK,MAAL,CAAY,OARP,CAAR;AASD;;AAjBM,CAHM,CAAf","sourcesContent":["// Styles\nimport './KSubheader.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-subheader',\n\n  props: {\n    inset: Boolean,\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-subheader',\n      class: {\n        'k-subheader--inset': this.inset,\n        ...this.themeClasses,\n      },\n      attrs: this.$attrs,\n      on: this.$listeners,\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KSubheader.js"}

package/lib/components/KSubheader/index.js

@@ -0,0 +1,4 @@
+import KSubheader from './KSubheader';
+export { KSubheader };
+export default KSubheader;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/KSwitch/KSwitch.js

@@ -0,0 +1,122 @@
+// Styles
+import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass";
+import "..\\..\\..\\src\\components\\KSwitch\\KSwitch.sass"; // Mixins
+
+import Selectable from '../../mixins/selectable';
+import KInput from '../KInput'; // Directives
+
+import Touch from '../../directives/touch'; // Components
+
+import { KFabTransition } from '../transitions';
+import KProgressCircular from '../KProgressCircular/KProgressCircular'; // Helpers
+
+import { keyCodes } from '../../util/helpers';
+/* @kdujs/component */
+
+export default Selectable.extend({
+  name: 'k-switch',
+  directives: {
+    Touch
+  },
+  props: {
+    inset: Boolean,
+    loading: {
+      type: [Boolean, String],
+      default: false
+    },
+    flat: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    classes() {
+      return { ...KInput.options.computed.classes.call(this),
+        'k-input--selection-controls k-input--switch': true,
+        'k-input--switch--flat': this.flat,
+        'k-input--switch--inset': this.inset
+      };
+    },
+
+    attrs() {
+      return {
+        'aria-checked': String(this.isActive),
+        'aria-disabled': String(this.isDisabled),
+        role: 'switch'
+      };
+    },
+
+    // Do not return undefined if disabled,
+    // according to spec, should still show
+    // a color when disabled and active
+    validationState() {
+      if (this.hasError && this.shouldValidate) return 'error';
+      if (this.hasSuccess) return 'success';
+      if (this.hasColor !== null) return this.computedColor;
+      return undefined;
+    },
+
+    switchData() {
+      return this.setTextColor(this.loading ? undefined : this.validationState, {
+        class: this.themeClasses
+      });
+    }
+
+  },
+  methods: {
+    genDefaultSlot() {
+      return [this.genSwitch(), this.genLabel()];
+    },
+
+    genSwitch() {
+      const {
+        title,
+        ...switchAttrs
+      } = this.attrs$;
+      return this.$createElement('div', {
+        staticClass: 'k-input--selection-controls__input'
+      }, [this.genInput('checkbox', { ...this.attrs,
+        ...switchAttrs
+      }), this.genRipple(this.setTextColor(this.validationState, {
+        directives: [{
+          name: 'touch',
+          value: {
+            left: this.onSwipeLeft,
+            right: this.onSwipeRight
+          }
+        }]
+      })), this.$createElement('div', {
+        staticClass: 'k-input--switch__track',
+        ...this.switchData
+      }), this.$createElement('div', {
+        staticClass: 'k-input--switch__thumb',
+        ...this.switchData
+      }, [this.genProgress()])]);
+    },
+
+    genProgress() {
+      return this.$createElement(KFabTransition, {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(KProgressCircular, {
+        props: {
+          color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
+          size: 16,
+          width: 2,
+          indeterminate: true
+        }
+      })]);
+    },
+
+    onSwipeLeft() {
+      if (this.isActive) this.onChange();
+    },
+
+    onSwipeRight() {
+      if (!this.isActive) this.onChange();
+    },
+
+    onKeydown(e) {
+      if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();
+    }
+
+  }
+});
+//# sourceMappingURL=KSwitch.js.map

package/lib/components/KSwitch/KSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KSwitch/KSwitch.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport KInput from '../KInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { KFabTransition } from '../transitions'\nimport KProgressCircular from '../KProgressCircular/KProgressCircular'\n\n// Helpers\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\n\n/* @kdujs/component */\nexport default Selectable.extend({\n  name: 'k-switch',\n\n  directives: { Touch },\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KInput.options.computed.classes.call(this),\n        'k-input--selection-controls k-input--switch': true,\n        'k-input--switch--flat': this.flat,\n        'k-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): KNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (KNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): KNode {\n      const { title, ...switchAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'k-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...switchAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [{\n            name: 'touch',\n            value: {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          }],\n        })),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__track',\n          ...this.switchData,\n        }),\n        this.$createElement('div', {\n          staticClass: 'k-input--switch__thumb',\n          ...this.switchData,\n        }, [this.genProgress()]),\n      ])\n    },\n    genProgress (): KNode {\n      return this.$createElement(KFabTransition, {}, [\n        this.loading === false\n          ? null\n          : this.$slots.progress || this.$createElement(KProgressCircular, {\n            props: {\n              color: (this.loading === true || this.loading === '')\n                ? (this.color || 'primary')\n                : this.loading,\n              size: 16,\n              width: 2,\n              indeterminate: true,\n            },\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n"],"sourceRoot":"","file":"KSwitch.js"}

package/lib/components/KSwitch/index.js

@@ -0,0 +1,4 @@
+import KSwitch from './KSwitch';
+export { KSwitch };
+export default KSwitch;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/KSystemBar/KSystemBar.js

@@ -0,0 +1,63 @@
+// Styles
+import "..\\..\\..\\src\\components\\KSystemBar\\KSystemBar.sass"; // Mixins
+
+import Applicationable from '../../mixins/applicationable';
+import Colorable from '../../mixins/colorable';
+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({
+  name: 'k-system-bar',
+  props: {
+    height: [Number, String],
+    lightsOut: Boolean,
+    window: Boolean
+  },
+  computed: {
+    classes() {
+      return {
+        'k-system-bar--lights-out': this.lightsOut,
+        'k-system-bar--absolute': this.absolute,
+        'k-system-bar--fixed': !this.absolute && (this.app || this.fixed),
+        'k-system-bar--window': this.window,
+        ...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',
+      class: this.classes,
+      style: this.styles,
+      on: this.$listeners
+    };
+    return h('div', this.setBackgroundColor(this.color, data), getSlot(this));
+  }
+
+});
+//# sourceMappingURL=KSystemBar.js.map

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

@@ -0,0 +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"}

package/lib/components/KSystemBar/index.js

@@ -0,0 +1,4 @@
+import KSystemBar from './KSystemBar';
+export { KSystemBar };
+export default KSystemBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/lib/components/KTabs/KTab.js

@@ -0,0 +1,92 @@
+// 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 mixins from '../../util/mixins';
+const baseMixins = mixins(Routable, // Must be after routable
+// to overwrite activeClass
+GroupableFactory('tabsBar'), Themeable);
+export default baseMixins.extend().extend().extend({
+  name: 'k-tab',
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: true
+    }
+  },
+  data: () => ({
+    proxyClass: 'k-tab--active'
+  }),
+  computed: {
+    classes() {
+      return {
+        'k-tab': true,
+        ...Routable.options.computed.classes.call(this),
+        'k-tab--disabled': this.disabled,
+        ...this.groupClasses
+      };
+    },
+
+    value() {
+      let to = this.to || this.href || '';
+
+      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) {
+      // Prevent keyboard actions
+      // from children elements
+      // within disabled tabs
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      } // 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) {
+        this.$emit('change');
+      }
+    }
+
+  },
+
+  render(h) {
+    const {
+      tag,
+      data
+    } = this.generateRouteLink();
+    data.attrs = { ...data.attrs,
+      'aria-selected': String(this.isActive),
+      role: 'tab',
+      tabindex: 0
+    };
+    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);
+  }
+
+});
+//# sourceMappingURL=KTab.js.map

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

@@ -0,0 +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"}

package/lib/components/KTabs/KTabItem.js

@@ -0,0 +1,20 @@
+// Extensions
+import KWindowItem from '../KWindow/KWindowItem';
+/* @kdujs/component */
+
+export default KWindowItem.extend({
+  name: 'k-tab-item',
+  props: {
+    id: String
+  },
+  methods: {
+    genWindowItem() {
+      const item = KWindowItem.options.methods.genWindowItem.call(this);
+      item.data.domProps = item.data.domProps || {};
+      item.data.domProps.id = this.id || this.value;
+      return item;
+    }
+
+  }
+});
+//# sourceMappingURL=KTabItem.js.map

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

@@ -0,0 +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"}