@kokoccc/vuetify 1.0.2 → 1.0.4

package/es5/components/VBtn/VBtn.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VBtn/VBtn.sass");
+
+var _VSheet = _interopRequireDefault(require("../VSheet"));
+
+var _VProgressCircular = _interopRequireDefault(require("../VProgressCircular"));
+
+var _groupable = require("../../mixins/groupable");
+
+var _toggleable = require("../../mixins/toggleable");
+
+var _positionable = _interopRequireDefault(require("../../mixins/positionable"));
+
+var _routable = _interopRequireDefault(require("../../mixins/routable"));
+
+var _sizeable = _interopRequireDefault(require("../../mixins/sizeable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _console = require("../../util/console");
+
+var _helpers = require("../../util/helpers");
+
+var _vue = require("vue");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var baseMixins = (0, _mixins.default)(_VSheet.default, _routable.default, _positionable.default, _sizeable.default, (0, _groupable.factory)('btnToggle'), (0, _toggleable.factory)()
+/* @vue/component */
+);
+
+var _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: function data() {
+    return {
+      proxyClass: 'v-btn--active'
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        'v-btn': true
+      }, _routable.default.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: function computedElevation() {
+      if (this.disabled) return undefined;
+      return this.elevation;
+    },
+    computedRipple: function computedRipple() {
+      var _a;
+
+      var 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: function hasBg() {
+      return !this.text && !this.plain && !this.outlined && !this.icon;
+    },
+    isElevated: function isElevated() {
+      return Boolean(!this.icon && !this.text && !this.outlined && !this.depressed && !this.disabled && !this.plain && (this.elevation == null || Number(this.elevation) > 0));
+    },
+    isRound: function isRound() {
+      return Boolean(this.icon || this.fab);
+    },
+    styles: function styles() {
+      return _objectSpread({}, this.measurableStyles);
+    }
+  },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['flat', 'text'], ['outline', 'outlined'], ['round', 'rounded']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  methods: {
+    click: function 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: function genContent() {
+      return (0, _vue.h)('span', {
+        class: 'v-btn__content'
+      }, (0, _helpers.getSlot)(this));
+    },
+    genLoader: function genLoader() {
+      return (0, _vue.h)('span', {
+        class: 'v-btn__loader'
+      }, (0, _helpers.getSlot)(this, 'loader') || [(0, _vue.h)(_VProgressCircular.default, {
+        indeterminate: true,
+        size: 23,
+        width: 2
+      })]);
+    }
+  },
+  render: function render() {
+    var children = [this.genContent(), this.loading && this.genLoader()];
+
+    var _this$generateRouteLi = this.generateRouteLink(),
+        tag = _this$generateRouteLi.tag,
+        linkData = _this$generateRouteLi.data,
+        directives = _this$generateRouteLi.directives;
+
+    var setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor; // Merge component classes with routable classes
+
+    var mergedClasses = _objectSpread(_objectSpread({}, 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);
+
+    var data = _objectSpread(_objectSpread({}, linkData), {}, {
+      class: mergedClasses,
+      style: this.styles
+    }); // Apply color styling but preserve Vue's automatic attribute inheritance
+
+
+    var finalData = this.disabled ? data : setColor(this.color, data);
+    var vnode = typeof tag === 'string' ? (0, _vue.h)(tag, finalData, children) : (0, _vue.h)(tag, finalData, function () {
+      return children;
+    });
+    return (0, _vue.withDirectives)(vnode, directives);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VBtn.js.map

package/es5/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/es5/components/VBtn/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VBtn", {
+  enumerable: true,
+  get: function get() {
+    return _VBtn.default;
+  }
+});
+exports.default = void 0;
+
+var _VBtn = _interopRequireDefault(require("./VBtn"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VBtn.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtn/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,a","sourcesContent":["import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VBtnToggle/VBtnToggle.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VBtnToggle/VBtnToggle.sass");
+
+var _buttonGroup = _interopRequireDefault(require("../../mixins/button-group"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @vue/component */
+var _default = (0, _mixins.default)(_buttonGroup.default, _colorable.default).extend({
+  name: 'v-btn-toggle',
+  props: {
+    backgroundColor: String,
+    borderless: Boolean,
+    dense: Boolean,
+    group: Boolean,
+    rounded: Boolean,
+    shaped: Boolean,
+    tile: Boolean
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _buttonGroup.default.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: function genData() {
+      var data = this.setTextColor(this.color, _objectSpread({}, _buttonGroup.default.methods.genData.call(this)));
+      if (this.group) return data;
+      return this.setBackgroundColor(this.backgroundColor, data);
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VBtnToggle.js.map

package/es5/components/VBtnToggle/VBtnToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,oBADa,EAEb,kBAFa,EAGb,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,OADQ,qBACD;AACL,6CACK,qBAAY,QAAZ,CAAqB,OAArB,CAA6B,IAA7B,CAAkC,IAAlC,CADL;AAEE,wBAAgB,IAFlB;AAGE,oCAA4B,KAAK,UAHnC;AAIE,+BAAuB,KAAK,KAJ9B;AAKE,+BAAuB,KAAK,KAL9B;AAME,iCAAyB,KAAK,OANhC;AAOE,gCAAwB,KAAK,MAP/B;AAQE,8BAAsB,KAAK;AAR7B,SASK,KAAK,YATV;AAWD;AAbO,GAbH;AA6BP,EAAA,OAAO,EAAE;AACP,IAAA,OADO,qBACA;AACL,UAAM,IAAI,GAAG,KAAK,YAAL,CAAkB,KAAK,KAAvB,oBACR,qBAAY,OAAZ,CAAoB,OAApB,CAA4B,IAA5B,CAAiC,IAAjC,CADQ,EAAb;AAIA,UAAI,KAAK,KAAT,EAAgB,OAAO,IAAP;AAEhB,aAAO,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C,IAA9C,CAAP;AACD;AATM;AA7BF,CAHM,C","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/es5/components/VBtnToggle/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VBtnToggle", {
+  enumerable: true,
+  get: function get() {
+    return _VBtnToggle.default;
+  }
+});
+exports.default = void 0;
+
+var _VBtnToggle = _interopRequireDefault(require("./VBtnToggle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VBtnToggle.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBtnToggle/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,mB","sourcesContent":["import VBtnToggle from './VBtnToggle'\n\nexport { VBtnToggle }\nexport default VBtnToggle\n"],"sourceRoot":"","file":"index.js"}