@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VBreadcrumbs/VBreadcrumbs.js

@@ -0,0 +1,73 @@
+import { h } from 'vue'; // Styles
+
+import "../../../src/components/VBreadcrumbs/VBreadcrumbs.sass"; // Components
+
+import VBreadcrumbsItem from './VBreadcrumbsItem';
+import VBreadcrumbsDivider from './VBreadcrumbsDivider'; // Mixins
+
+import Themeable from '../../mixins/themeable'; // Utils
+
+import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
+export default mixins(Themeable
+/* @vue/component */
+).extend({
+  name: 'v-breadcrumbs',
+  props: {
+    divider: {
+      type: String,
+      default: '/'
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    large: Boolean
+  },
+  computed: {
+    classes() {
+      return {
+        'v-breadcrumbs--large': this.large,
+        ...this.themeClasses
+      };
+    }
+
+  },
+  methods: {
+    genDivider() {
+      return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider() : this.divider);
+    },
+
+    genItems() {
+      const items = [];
+      const hasSlot = !!this.$slots.item;
+      const keys = [];
+
+      for (let i = 0; i < this.items.length; i++) {
+        const item = this.items[i];
+        keys.push(item.text);
+        if (hasSlot) items.push(this.$slots.item({
+          item
+        }));else {
+          items.push(h(VBreadcrumbsItem, {
+            key: keys.join('.'),
+            ...item
+          }, () => [item.text]));
+        }
+        if (i < this.items.length - 1) items.push(this.genDivider());
+      }
+
+      return items;
+    }
+
+  },
+
+  render() {
+    const children = getSlot(this) || this.genItems();
+    return h('ul', {
+      class: ['v-breadcrumbs', this.classes]
+    }, children);
+  }
+
+});
+//# sourceMappingURL=VBreadcrumbs.js.map

package/lib/components/VBreadcrumbs/VBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":"AAAA,SAAS,CAAT,QAAyB,KAAzB,C,CACA;;AACA,OAAO,wDAAP,C,CAKA;;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,gCAAwB,KAAK,KADxB;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,CAAC,CAAC,mBAAD,EAAsB,EAAtB,EAA0B,MAAM,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAZ,EAAtB,GAA8C,KAAK,OAAnF,CAAR;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,EAAd;AACA,YAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,YAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,cAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA;AAAF,SAAlB,CAAX,EAAb,KACK;AACH,UAAA,KAAK,CAAC,IAAN,CAAW,CAAC,CAAC,gBAAD,EAAmB;AAC7B,YAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CADwB;AAE7B,eAAG;AAF0B,WAAnB,EAGT,MAAM,CAAC,IAAI,CAAC,IAAN,CAHG,CAAZ;AAID;AAED,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AA1BM,GAxBF;;AAqDP,EAAA,MAAM,GAAA;AACJ,UAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,CAAP,IAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAP,EAEL,QAFK,CAAR;AAGD;;AA3DM,CAHM,CAAf","sourcesContent":["import { h, VNode } from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-breadcrumbs',\n\n  props: {\n    divider: {\n      type: String,\n      default: '/',\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    large: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs--large': this.large,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genDivider () {\n      return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider() : this.divider)\n    },\n    genItems () {\n      const items = []\n      const hasSlot = !!this.$slots.item\n      const keys = []\n\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i]\n\n        keys.push(item.text)\n\n        if (hasSlot) items.push(this.$slots.item!({ item }))\n        else {\n          items.push(h(VBreadcrumbsItem, {\n            key: keys.join('.'),\n            ...item\n          }, () => [item.text]))\n        }\n\n        if (i < this.items.length - 1) items.push(this.genDivider())\n      }\n\n      return items\n    },\n  },\n\n  render (): VNode {\n    const children = getSlot(this) || this.genItems()\n\n    return h('ul', {\n      class: ['v-breadcrumbs', this.classes],\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}

package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.js

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from '../../util/helpers';
+export default createSimpleFunctional('v-breadcrumbs__divider', 'li');
+//# sourceMappingURL=VBreadcrumbsDivider.js.map

package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsDivider.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,eAAe,sBAAsB,CAAC,wBAAD,EAA2B,IAA3B,CAArC","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('v-breadcrumbs__divider', 'li')\n"],"sourceRoot":"","file":"VBreadcrumbsDivider.js"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js

@@ -0,0 +1,47 @@
+import { h, withDirectives } from 'vue';
+import Routable from '../../mixins/routable';
+import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
+/* @vue/component */
+
+export default mixins(Routable).extend({
+  name: 'v-breadcrumbs-item',
+  props: {
+    // In a breadcrumb, the currently
+    // active item should be dimmed
+    activeClass: {
+      type: String,
+      default: 'v-breadcrumbs__item--disabled'
+    },
+    ripple: {
+      type: [Boolean, Object],
+      default: false
+    },
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    classes() {
+      return {
+        'v-breadcrumbs__item': true,
+        [this.activeClass]: this.disabled
+      };
+    }
+
+  },
+
+  render() {
+    const {
+      tag,
+      data,
+      directives
+    } = this.generateRouteLink();
+    return withDirectives(h('li', [h(tag, { ...data,
+      'aria-current': this.isActive && this.isLink ? 'page' : undefined
+    }, getSlot(this))]), directives);
+  }
+
+});
+//# sourceMappingURL=VBreadcrumbsItem.js.map

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,cAAX,QAAgC,KAAhC;AACA,OAAO,QAAP,MAAqB,uBAArB;AAEA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAGA;;AACA,eAAe,MAAM,CAAC,QAAD,CAAN,CAAiB,MAAjB,CAAwB;AACrC,EAAA,IAAI,EAAE,oBAD+B;AAGrC,EAAA,KAAK,EAAE;AACL;AACA;AACA,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KAHR;AAOL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAPH;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAXD,GAH8B;AAoBrC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,IADlB;AAEL,SAAC,KAAK,WAAN,GAAoB,KAAK;AAFpB,OAAP;AAID;;AANO,GApB2B;;AA6BrC,EAAA,MAAM,GAAA;AACJ,UAAM;AAAE,MAAA,GAAF;AAAO,MAAA,IAAP;AAAa,MAAA;AAAb,QAA4B,KAAK,iBAAL,EAAlC;AAEA,WAAO,cAAc,CAAC,CAAC,CAAC,IAAD,EAAO,CAC5B,CAAC,CAAC,GAAD,EAAM,EACL,GAAG,IADE;AAEL,sBAAgB,KAAK,QAAL,IAAiB,KAAK,MAAtB,GAA+B,MAA/B,GAAwC;AAFnD,KAAN,EAGE,OAAO,CAAC,IAAD,CAHT,CAD2B,CAAP,CAAF,EAKjB,UALiB,CAArB;AAMD;;AAtCoC,CAAxB,CAAf","sourcesContent":["import {h, withDirectives} from 'vue'\nimport Routable from '../../mixins/routable'\n\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(Routable).extend({\n  name: 'v-breadcrumbs-item',\n\n  props: {\n    // In a breadcrumb, the currently\n    // active item should be dimmed\n    activeClass: {\n      type: String,\n      default: 'v-breadcrumbs__item--disabled',\n    },\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n    text: {\n      type: String,\n      default: '',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs__item': true,\n        [this.activeClass]: this.disabled,\n      }\n    },\n  },\n\n  render (): VNode {\n    const { tag, data, directives } = this.generateRouteLink()\n\n    return withDirectives(h('li', [\n      h(tag, {\n        ...data,\n        'aria-current': this.isActive && this.isLink ? 'page' : undefined,\n      }, getSlot(this)),\n    ]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbsItem.js"}

package/lib/components/VBreadcrumbs/index.js

@@ -0,0 +1,12 @@
+import VBreadcrumbs from './VBreadcrumbs';
+import VBreadcrumbsItem from './VBreadcrumbsItem';
+import VBreadcrumbsDivider from './VBreadcrumbsDivider';
+export { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider };
+export default {
+  $_vuetify_subcomponents: {
+    VBreadcrumbs,
+    VBreadcrumbsItem,
+    VBreadcrumbsDivider
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC;AAEA,SAAS,YAAT,EAAuB,gBAAvB,EAAyC,mBAAzC;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,YADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA;AAHuB;AADZ,CAAf","sourcesContent":["import VBreadcrumbs from './VBreadcrumbs'\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\nexport { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VBreadcrumbs,\n    VBreadcrumbsItem,\n    VBreadcrumbsDivider,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VBtn/VBtn.js

@@ -0,0 +1,184 @@
+// Styles
+import "../../../src/components/VBtn/VBtn.sass"; // Extensions
+
+import VSheet from '../VSheet'; // Components
+
+import VProgressCircular from '../VProgressCircular'; // Mixins
+
+import { factory as GroupableFactory } from '../../mixins/groupable';
+import { factory as ToggleableFactory } from '../../mixins/toggleable';
+import Positionable from '../../mixins/positionable';
+import Routable from '../../mixins/routable';
+import Sizeable from '../../mixins/sizeable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
+import { getSlot } from '../../util/helpers'; // Types
+
+import { withDirectives, h } from 'vue';
+const baseMixins = mixins(VSheet, Routable, Positionable, Sizeable, GroupableFactory('btnToggle'), ToggleableFactory()
+/* @vue/component */
+);
+export default baseMixins.extend({
+  name: 'v-btn',
+  props: {
+    activeClass: {
+      type: String
+    },
+    block: Boolean,
+    depressed: Boolean,
+    fab: Boolean,
+    icon: Boolean,
+    loading: Boolean,
+    outlined: Boolean,
+    plain: Boolean,
+    retainFocusOnClick: Boolean,
+    rounded: Boolean,
+    tag: {
+      type: String,
+      default: 'button'
+    },
+    text: Boolean,
+    tile: Boolean,
+    type: {
+      type: String,
+      default: 'button'
+    },
+    value: null
+  },
+  emits: ['click', 'change', 'update:modelValue'],
+  data: () => ({
+    proxyClass: 'v-btn--active'
+  }),
+  computed: {
+    classes() {
+      return {
+        'v-btn': true,
+        ...Routable.computed.classes.call(this),
+        'v-btn--absolute': this.absolute,
+        'v-btn--block': this.block,
+        'v-btn--bottom': this.bottom,
+        'v-btn--disabled': this.disabled,
+        'v-btn--is-elevated': this.isElevated,
+        'v-btn--fab': this.fab,
+        'v-btn--fixed': this.fixed,
+        'v-btn--has-bg': this.hasBg,
+        'v-btn--icon': this.icon,
+        'v-btn--left': this.left,
+        'v-btn--loading': this.loading,
+        'v-btn--outlined': this.outlined,
+        'v-btn--plain': this.plain,
+        'v-btn--right': this.right,
+        'v-btn--round': this.isRound,
+        'v-btn--rounded': this.rounded,
+        'v-btn--router': this.to,
+        'v-btn--text': this.text,
+        'v-btn--tile': this.tile,
+        'v-btn--top': this.top,
+        ...this.themeClasses,
+        ...this.groupClasses,
+        ...this.elevationClasses,
+        ...this.sizeableClasses
+      };
+    },
+
+    computedElevation() {
+      if (this.disabled) return undefined;
+      return this.elevation;
+    },
+
+    computedRipple() {
+      var _a;
+
+      const defaultRipple = this.icon || this.fab ? {
+        circle: true
+      } : true;
+      if (this.disabled) return false;else return (_a = this.ripple) !== null && _a !== void 0 ? _a : defaultRipple;
+    },
+
+    hasBg() {
+      return !this.text && !this.plain && !this.outlined && !this.icon;
+    },
+
+    isElevated() {
+      return Boolean(!this.icon && !this.text && !this.outlined && !this.depressed && !this.disabled && !this.plain && (this.elevation == null || Number(this.elevation) > 0));
+    },
+
+    isRound() {
+      return Boolean(this.icon || this.fab);
+    },
+
+    styles() {
+      return { ...this.measurableStyles
+      };
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['flat', 'text'], ['outline', 'outlined'], ['round', 'rounded']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  methods: {
+    click(e) {
+      // TODO: Remove this in v3
+      !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur();
+      this.$emit('click', e);
+      this.$emitLegacy('click', e);
+      this.btnToggle && this.toggle();
+    },
+
+    genContent() {
+      return h('span', {
+        class: 'v-btn__content'
+      }, getSlot(this));
+    },
+
+    genLoader() {
+      return h('span', {
+        class: 'v-btn__loader'
+      }, getSlot(this, 'loader') || [h(VProgressCircular, {
+        indeterminate: true,
+        size: 23,
+        width: 2
+      })]);
+    }
+
+  },
+
+  render() {
+    const children = [this.genContent(), this.loading && this.genLoader()];
+    const {
+      tag,
+      data: linkData,
+      directives
+    } = this.generateRouteLink();
+    const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor; // Merge component classes with routable classes
+
+    const mergedClasses = { ...this.classes,
+      ...linkData.class
+    };
+
+    if (tag === 'button') {
+      linkData.type = this.type;
+      linkData.disabled = this.disabled;
+    }
+
+    linkData.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
+    const data = { ...linkData,
+      class: mergedClasses,
+      style: this.styles
+    }; // Apply color styling but preserve Vue's automatic attribute inheritance
+
+    const finalData = this.disabled ? data : setColor(this.color, data);
+    const vnode = typeof tag === 'string' ? h(tag, finalData, children) : h(tag, finalData, () => children);
+    return withDirectives(vnode, directives);
+  }
+
+});
+//# sourceMappingURL=VBtn.js.map

package/lib/components/VBtn/VBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtn/VBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, withDirectives, h } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\n\nconst baseMixins = mixins(\n  VSheet,\n  Routable,\n  Positionable,\n  Sizeable,\n  GroupableFactory('btnToggle'),\n  ToggleableFactory()\n  /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n}\n\nexport default baseMixins.extend({\n  name: 'v-btn',\n  props: {\n    activeClass: {\n      type: String,\n    } as any as PropValidator<string>,\n    block: Boolean,\n    depressed: Boolean,\n    fab: Boolean,\n    icon: Boolean,\n    loading: Boolean,\n    outlined: Boolean,\n    plain: Boolean,\n    retainFocusOnClick: Boolean,\n    rounded: Boolean,\n    tag: {\n      type: String,\n      default: 'button',\n    },\n    text: Boolean,\n    tile: Boolean,\n    type: {\n      type: String,\n      default: 'button',\n    },\n    value: null as any as PropType<any>,\n  },\n\n  emits: ['click', 'change', 'update:modelValue'],\n\n  data: () => ({\n    proxyClass: 'v-btn--active',\n  }),\n\n  computed: {\n    classes (): any {\n      return {\n        'v-btn': true,\n        ...Routable.computed.classes.call(this),\n        'v-btn--absolute': this.absolute,\n        'v-btn--block': this.block,\n        'v-btn--bottom': this.bottom,\n        'v-btn--disabled': this.disabled,\n        'v-btn--is-elevated': this.isElevated,\n        'v-btn--fab': this.fab,\n        'v-btn--fixed': this.fixed,\n        'v-btn--has-bg': this.hasBg,\n        'v-btn--icon': this.icon,\n        'v-btn--left': this.left,\n        'v-btn--loading': this.loading,\n        'v-btn--outlined': this.outlined,\n        'v-btn--plain': this.plain,\n        'v-btn--right': this.right,\n        'v-btn--round': this.isRound,\n        'v-btn--rounded': this.rounded,\n        'v-btn--router': this.to,\n        'v-btn--text': this.text,\n        'v-btn--tile': this.tile,\n        'v-btn--top': this.top,\n        ...this.themeClasses,\n        ...this.groupClasses,\n        ...this.elevationClasses,\n        ...this.sizeableClasses,\n      }\n    },\n    computedElevation (): string | number | undefined {\n      if (this.disabled) return undefined\n\n      return this.elevation\n    },\n    computedRipple (): RippleOptions | boolean {\n      const defaultRipple = this.icon || this.fab ? { circle: true } : true\n      if (this.disabled) return false\n      else return this.ripple ?? defaultRipple\n    },\n    hasBg (): boolean {\n      return !this.text && !this.plain && !this.outlined && !this.icon\n    },\n    isElevated (): boolean {\n      return Boolean(\n        !this.icon &&\n        !this.text &&\n        !this.outlined &&\n        !this.depressed &&\n        !this.disabled &&\n        !this.plain &&\n        (this.elevation == null || Number(this.elevation) > 0)\n      )\n    },\n    isRound (): boolean {\n      return Boolean(\n        this.icon ||\n        this.fab\n      )\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['flat', 'text'],\n      ['outline', 'outlined'],\n      ['round', 'rounded'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      // TODO: Remove this in v3\n      !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n      this.$emit('click', e)\n      this.$emitLegacy('click', e)\n\n      this.btnToggle && this.toggle()\n    },\n    genContent (): VNode {\n      return h('span', {\n        class: 'v-btn__content',\n      }, getSlot(this))\n    },\n    genLoader (): VNode {\n      return h('span', {\n        class: 'v-btn__loader',\n      }, getSlot(this, 'loader') || [h(VProgressCircular, {\n        indeterminate: true,\n        size: 23,\n        width: 2,\n      })])\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genContent(),\n      this.loading && this.genLoader(),\n    ]\n    const { tag, data: linkData, directives } = this.generateRouteLink()\n    const setColor = this.hasBg\n      ? this.setBackgroundColor\n      : this.setTextColor\n\n    // Merge component classes with routable classes\n    const mergedClasses = {\n      ...this.classes,\n      ...linkData.class,\n    }\n\n    if (tag === 'button') {\n      linkData.type = this.type\n      linkData.disabled = this.disabled\n    }\n    linkData.value = ['string', 'number'].includes(typeof this.value)\n      ? this.value\n      : JSON.stringify(this.value)\n\n    const data = {\n      ...linkData,\n      class: mergedClasses,\n      style: this.styles,\n    }\n\n    // Apply color styling but preserve Vue's automatic attribute inheritance\n    const finalData = this.disabled ? data : setColor(this.color, data)\n\n    const vnode = typeof tag === 'string'\n      ? h(tag, finalData, children)\n      : h(tag, finalData, () => children)\n\n    return withDirectives(\n      vnode,\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VBtn.js"}

package/lib/components/VBtn/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtn/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAP,MAAiB,QAAjB;AAEA,SAAS,IAAT;AACA,eAAe,IAAf","sourcesContent":["import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VBtnToggle/VBtnToggle.js

@@ -0,0 +1,46 @@
+// Styles
+import "../../../src/components/VBtnToggle/VBtnToggle.sass"; // Mixins
+
+import ButtonGroup from '../../mixins/button-group';
+import Colorable from '../../mixins/colorable'; // Utilities
+
+import mixins from '../../util/mixins';
+/* @vue/component */
+
+export default mixins(ButtonGroup, Colorable).extend({
+  name: 'v-btn-toggle',
+  props: {
+    backgroundColor: String,
+    borderless: Boolean,
+    dense: Boolean,
+    group: Boolean,
+    rounded: Boolean,
+    shaped: Boolean,
+    tile: Boolean
+  },
+  computed: {
+    classes() {
+      return { ...ButtonGroup.computed.classes.call(this),
+        'v-btn-toggle': true,
+        'v-btn-toggle--borderless': this.borderless,
+        'v-btn-toggle--dense': this.dense,
+        'v-btn-toggle--group': this.group,
+        'v-btn-toggle--rounded': this.rounded,
+        'v-btn-toggle--shaped': this.shaped,
+        'v-btn-toggle--tile': this.tile,
+        ...this.themeClasses
+      };
+    }
+
+  },
+  methods: {
+    genData() {
+      const data = this.setTextColor(this.color, { ...ButtonGroup.methods.genData.call(this)
+      });
+      if (this.group) return data;
+      return this.setBackgroundColor(this.backgroundColor, data);
+    }
+
+  }
+});
+//# sourceMappingURL=VBtnToggle.js.map

package/lib/components/VBtnToggle/VBtnToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CACnB,WADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,eAAe,EAAE,MADZ;AAEL,IAAA,UAAU,EAAE,OAFP;AAGL,IAAA,KAAK,EAAE,OAHF;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,OAAO,EAAE,OALJ;AAML,IAAA,MAAM,EAAE,OANH;AAOL,IAAA,IAAI,EAAE;AAPD,GAHA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,WAAW,CAAC,QAAZ,CAAqB,OAArB,CAA6B,IAA7B,CAAkC,IAAlC,CADE;AAEL,wBAAgB,IAFX;AAGL,oCAA4B,KAAK,UAH5B;AAIL,+BAAuB,KAAK,KAJvB;AAKL,+BAAuB,KAAK,KALvB;AAML,iCAAyB,KAAK,OANzB;AAOL,gCAAwB,KAAK,MAPxB;AAQL,8BAAsB,KAAK,IARtB;AASL,WAAG,KAAK;AATH,OAAP;AAWD;;AAbO,GAbH;AA6BP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,YAAM,IAAI,GAAG,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACzC,GAAG,WAAW,CAAC,OAAZ,CAAoB,OAApB,CAA4B,IAA5B,CAAiC,IAAjC;AADsC,OAA9B,CAAb;AAIA,UAAI,KAAK,KAAT,EAAgB,OAAO,IAAP;AAEhB,aAAO,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C,IAA9C,CAAP;AACD;;AATM;AA7BF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBtnToggle.js"}

package/lib/components/VBtnToggle/index.js

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

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

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