@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle2

package/es5/components/VFileInput/VFileInput.js

@@ -17,8 +17,6 @@ var _console = require("../../util/console");
 
 var _mergeData = require("../../util/mergeData");
 
-var _vue = require("vue");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -41,9 +39,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 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); }
 
-var _default = (0, _vue.defineComponent)({
+var _default = _VTextField.default.extend({
   name: 'v-file-input',
-  extends: _VTextField.default,
   model: {
     prop: 'value',
     event: 'change'
@@ -100,7 +97,7 @@ var _default = (0, _vue.defineComponent)({
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VTextField.default.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VTextField.default.options.computed.classes.call(this)), {}, {
         'v-file-input': true
       });
     },
@@ -184,21 +181,25 @@ var _default = (0, _vue.defineComponent)({
 
       if (!this.isDirty) return [];
       return this.text.map(function (text, index) {
-        return (0, _vue.h)(_VChip.VChip, {
-          small: _this2.smallChips,
-          'onClick:close': function onClickClose() {
-            var internalValue = _this2.internalValue;
-            internalValue.splice(index, 1);
-            _this2.internalValue = internalValue; // Trigger the watcher
+        return _this2.$createElement(_VChip.VChip, {
+          props: {
+            small: _this2.smallChips
+          },
+          on: {
+            'click:close': function clickClose() {
+              var internalValue = _this2.internalValue;
+              internalValue.splice(index, 1);
+              _this2.internalValue = internalValue; // Trigger the watcher
+            }
           }
         }, [text]);
       });
     },
     genControl: function genControl() {
-      var render = _VTextField.default.methods.genControl.call(this);
+      var render = _VTextField.default.options.methods.genControl.call(this);
 
       if (this.hideInput) {
-        render.style = (0, _mergeData.mergeStyles)(render.style, {
+        render.data.style = (0, _mergeData.mergeStyles)(render.data.style, {
           display: 'none'
         });
       }
@@ -206,19 +207,19 @@ var _default = (0, _vue.defineComponent)({
       return render;
     },
     genInput: function genInput() {
-      var input = _VTextField.default.methods.genInput.call(this);
+      var input = _VTextField.default.options.methods.genInput.call(this);
 
-      input.multiple = this.multiple; // We should not be setting value
+      input.data.attrs.multiple = this.multiple; // We should not be setting value
       // programmatically on the input
       // when it is using type="file"
 
-      delete input.value; // This solves an issue in Safari where
+      delete input.data.domProps.value; // This solves an issue in Safari where
       // nothing happens when adding a file
       // due to the input event not firing
       // https://github.com/vuetifyjs/vuetify/issues/7941
 
-      delete input.onInput;
-      input.onChange = this.onInput;
+      delete input.data.on.input;
+      input.data.on.change = this.onInput;
       return [this.genSelections(), input];
     },
     genPrependSlot: function genPrependSlot() {
@@ -241,10 +242,10 @@ var _default = (0, _vue.defineComponent)({
 
       var children = [];
 
-      if (this.isDirty && this.$slots.selection) {
+      if (this.isDirty && this.$scopedSlots.selection) {
         this.internalArrayValue.forEach(function (file, index) {
-          if (!_this4.$slots.selection) return;
-          children.push(_this4.$slots.selection({
+          if (!_this4.$scopedSlots.selection) return;
+          children.push(_this4.$scopedSlots.selection({
             text: _this4.text[index],
             file: file,
             index: index
@@ -254,25 +255,27 @@ var _default = (0, _vue.defineComponent)({
         children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText());
       }
 
-      return (0, _vue.h)('div', {
-        class: ['v-file-input__text', {
+      return this.$createElement('div', {
+        staticClass: 'v-file-input__text',
+        class: {
           'v-file-input__text--placeholder': this.placeholder && !this.isDirty,
-          'v-file-input__text--chips': this.hasChips && !this.$slots.selection
-        }]
+          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection
+        }
       }, children);
     },
     genTextFieldSlot: function genTextFieldSlot() {
       var _this5 = this;
 
-      var node = _VTextField.default.methods.genTextFieldSlot.call(this);
-
-      node.onClick = function (e) {
-        // Clicking the label already delegates to input element, so we shouldn't click it twice
-        if (e.target && e.target.nodeName === 'LABEL') return;
+      var node = _VTextField.default.options.methods.genTextFieldSlot.call(this);
 
-        _this5.$refs.input.click();
-      };
+      node.data.on = _objectSpread(_objectSpread({}, node.data.on || {}), {}, {
+        click: function click(e) {
+          // Clicking the label already delegates to input element, so we shouldn't click it twice
+          if (e.target && e.target.nodeName === 'LABEL') return;
 
+          _this5.$refs.input.click();
+        }
+      });
       return node;
     },
     onInput: function onInput(e) {

package/es5/components/VFileInput/VFileInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\nexport default defineComponent({\n  name: 'v-file-input',\n  extends: VTextField,\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => h(VChip, {\n        small: this.smallChips,\n        'onClick:close': () => {\n          const internalValue = this.internalValue\n          internalValue.splice(index, 1)\n          this.internalValue = internalValue // Trigger the watcher\n        }\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.style = mergeStyles(\n          render.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.methods.genInput.call(this)\n\n      input.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.onInput\n      input.onChange = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$slots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$slots.selection) return\n\n          children.push(\n            this.$slots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return h('div', {\n        class: ['v-file-input__text', {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$slots.selection,\n        }]\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.methods.genTextFieldSlot.call(this)\n\n      node.onClick = (e: MouseEvent) => {\n        // Clicking the label already delegates to input element, so we shouldn't click it twice\n        if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n        this.$refs.input.click()\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"VFileInput.js"}
+{"version":3,"sources":["../../../src/components/VFileInput/VFileInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default VTextField.extend({\n  name: 'v-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.options.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(VChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-file-input__text',\n        class: {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n"],"sourceRoot":"","file":"VFileInput.js"}

package/es5/components/VFooter/VFooter.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 require("../../../src/components/VFooter/VFooter.sass");
 
 var _VSheet = _interopRequireDefault(require("../VSheet/VSheet"));
@@ -47,7 +45,7 @@ var _default = (0, _mixins.default)(_VSheet.default, (0, _applicationable.defaul
       return this.inset ? 'insetFooter' : 'footer';
     },
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VSheet.default.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VSheet.default.options.computed.classes.call(this)), {}, {
         'v-footer--absolute': this.absolute,
         'v-footer--fixed': !this.absolute && (this.app || this.fixed),
         'v-footer--padless': this.padless,
@@ -71,7 +69,7 @@ var _default = (0, _mixins.default)(_VSheet.default, (0, _applicationable.defaul
     },
     styles: function styles() {
       var height = parseInt(this.height);
-      return _objectSpread(_objectSpread({}, _VSheet.default.computed.styles.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VSheet.default.options.computed.styles.call(this)), {}, {
         height: isNaN(height) ? height : (0, _helpers.convertToUnit)(height),
         left: (0, _helpers.convertToUnit)(this.computedLeft),
         right: (0, _helpers.convertToUnit)(this.computedRight),
@@ -85,13 +83,13 @@ var _default = (0, _mixins.default)(_VSheet.default, (0, _applicationable.defaul
       return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;
     }
   },
-  render: function render() {
-    var _this$setBackgroundCo;
-
-    var data = this.setBackgroundColor(this.color, (_this$setBackgroundCo = {
-      class: 'v-footer'
-    }, _defineProperty(_this$setBackgroundCo, "class", this.classes), _defineProperty(_this$setBackgroundCo, "style", this.styles), _this$setBackgroundCo));
-    return (0, _vue.h)(this.tag, data, (0, _helpers.getSlot)(this));
+  render: function render(h) {
+    var data = this.setBackgroundColor(this.color, {
+      staticClass: 'v-footer',
+      class: this.classes,
+      style: this.styles
+    });
+    return h(this.tag, data, (0, _helpers.getSlot)(this));
   }
 });
 

package/es5/components/VFooter/VFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFooter/VFooter.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VFooter.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types/vnode'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Applicationable('footer', [\n    'height',\n    'inset',\n  ]),\n  SSRBootable\n).extend({\n  name: 'v-footer',\n\n  props: {\n    height: {\n      default: 'auto',\n      type: [Number, String],\n    },\n    inset: Boolean,\n    padless: Boolean,\n    tag: {\n      type: String,\n      default: 'footer',\n    },\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return this.inset ? 'insetFooter' : 'footer'\n    },\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-footer--absolute': this.absolute,\n        'v-footer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-footer--padless': this.padless,\n        'v-footer--inset': this.inset,\n      }\n    },\n    computedBottom (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app\n        ? this.$vuetify.application.bottom\n        : 0\n    },\n    computedLeft (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$vuetify.application.left\n        : 0\n    },\n    computedRight (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$vuetify.application.right\n        : 0\n    },\n    isPositioned (): boolean {\n      return Boolean(\n        this.absolute ||\n        this.fixed ||\n        this.app\n      )\n    },\n    styles (): object {\n      const height = parseInt(this.height)\n\n      return {\n        ...VSheet.computed.styles.call(this),\n        height: isNaN(height) ? height : convertToUnit(height),\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n        bottom: convertToUnit(this.computedBottom),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      const height = parseInt(this.height)\n\n      return isNaN(height)\n        ? this.$el ? this.$el.clientHeight : 0\n        : height\n    },\n  },\n\n  render (): VNode {\n    const data = this.setBackgroundColor(this.color, {\n      class: 'v-footer',\n      class: this.classes,\n      style: this.styles,\n    })\n\n    return h(this.tag, data, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VFooter.js"}
+{"version":3,"sources":["../../../src/components/VFooter/VFooter.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types/vnode'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Applicationable('footer', [\n    'height',\n    'inset',\n  ]),\n  SSRBootable\n).extend({\n  name: 'v-footer',\n\n  props: {\n    height: {\n      default: 'auto',\n      type: [Number, String],\n    },\n    inset: Boolean,\n    padless: Boolean,\n    tag: {\n      type: String,\n      default: 'footer',\n    },\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return this.inset ? 'insetFooter' : 'footer'\n    },\n    classes (): object {\n      return {\n        ...VSheet.options.computed.classes.call(this),\n        'v-footer--absolute': this.absolute,\n        'v-footer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-footer--padless': this.padless,\n        'v-footer--inset': this.inset,\n      }\n    },\n    computedBottom (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app\n        ? this.$vuetify.application.bottom\n        : 0\n    },\n    computedLeft (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$vuetify.application.left\n        : 0\n    },\n    computedRight (): number | undefined {\n      if (!this.isPositioned) return undefined\n\n      return this.app && this.inset\n        ? this.$vuetify.application.right\n        : 0\n    },\n    isPositioned (): boolean {\n      return Boolean(\n        this.absolute ||\n        this.fixed ||\n        this.app\n      )\n    },\n    styles (): object {\n      const height = parseInt(this.height)\n\n      return {\n        ...VSheet.options.computed.styles.call(this),\n        height: isNaN(height) ? height : convertToUnit(height),\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n        bottom: convertToUnit(this.computedBottom),\n      }\n    },\n  },\n\n  methods: {\n    updateApplication () {\n      const height = parseInt(this.height)\n\n      return isNaN(height)\n        ? this.$el ? this.$el.clientHeight : 0\n        : height\n    },\n  },\n\n  render (h): VNode {\n    const data = this.setBackgroundColor(this.color, {\n      staticClass: 'v-footer',\n      class: this.classes,\n      style: this.styles,\n    })\n\n    return h(this.tag, data, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VFooter.js"}

package/es5/components/VForm/VForm.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
 var _bindsAttrs = _interopRequireDefault(require("../../mixins/binds-attrs"));
@@ -63,7 +61,7 @@ var _default = (0, _mixins.default)(_bindsAttrs.default, (0, _registrable.provid
 
       var watcher = function watcher(input) {
         return input.$watch('hasError', function (val) {
-          _this.errorBag[input._uid] = val;
+          _this.$set(_this.errorBag, input._uid, val);
         }, {
           immediate: true
         });
@@ -149,17 +147,20 @@ var _default = (0, _mixins.default)(_bindsAttrs.default, (0, _registrable.provid
       this.$delete(this.errorBag, found._uid);
     }
   },
-  render: function render() {
+  render: function render(h) {
     var _this3 = this;
 
-    return (0, _vue.h)('form', _objectSpread(_objectSpread({
-      class: 'v-form',
-      novalidate: true
-    }, this.attrs$), {}, {
-      onSubmit: function onSubmit(e) {
-        return _this3.$emit('submit', e);
+    return h('form', {
+      staticClass: 'v-form',
+      attrs: _objectSpread({
+        novalidate: true
+      }, this.attrs$),
+      on: {
+        submit: function submit(e) {
+          return _this3.$emit('submit', e);
+        }
       }
-    }), (0, _helpers.getSlot)(this));
+    }, (0, _helpers.getSlot)(this));
   }
 });
 

package/es5/components/VForm/VForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VForm/VForm.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.errorBag[input._uid] = val\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (): VNode {\n    return h('form', {\n      class: 'v-form',\n      novalidate: true,\n      ...this.attrs$,\n      onSubmit: (e: Event) => this.$emit('submit', e),\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VForm.js"}
+{"version":3,"sources":["../../../src/components/VForm/VForm.ts"],"names":[],"mappings":";;;;;;;AAIA;;AACA;;AACA;;AAIA;;;;;;;;;;AAUA;eACe,qBACb,mBADa,EAEb,0BAAmB,MAAnB;AACA;AAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AAAE,MAAA,IAAI,EAAE;AAAR,KAAP;AACD,GALM;AAOP,EAAA,YAAY,EAAE,KAPP;AASP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,cAAc,EAAE,OAFX;AAGL,IAAA,QAAQ,EAAE,OAHL;AAIL,IAAA,KAAK,EAAE;AAJF,GATA;AAgBP,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE,EADG;AAEX,MAAA,QAAQ,EAAE,EAFC;AAGX,MAAA,QAAQ,EAAE;AAHC,KAAP;AAAA,GAhBC;AAsBP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,OADQ,mBACC,GADD,EACI;AACV,YAAM,MAAM,GAAG,MAAM,CAAC,MAAP,CAAc,GAAd,EAAmB,QAAnB,CAA4B,IAA5B,CAAf;AAEA,aAAK,KAAL,CAAW,OAAX,EAAoB,CAAC,MAArB;AACD,OALO;AAMR,MAAA,IAAI,EAAE,IANE;AAOR,MAAA,SAAS,EAAE;AAPH;AADL,GAtBA;AAkCP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,sBACK,KADL,EACe;AAAA;;AACpB,UAAM,OAAO,GAAG,SAAV,OAAU,CAAC,KAAD,EAA6B;AAC3C,eAAO,KAAK,CAAC,MAAN,CAAa,UAAb,EAAyB,UAAC,GAAD,EAAiB;AAC/C,UAAA,KAAI,CAAC,IAAL,CAAU,KAAI,CAAC,QAAf,EAAyB,KAAK,CAAC,IAA/B,EAAqC,GAArC;AACD,SAFM,EAEJ;AAAE,UAAA,SAAS,EAAE;AAAb,SAFI,CAAP;AAGD,OAJD;;AAMA,UAAM,QAAQ,GAAa;AACzB,QAAA,IAAI,EAAE,KAAK,CAAC,IADa;AAEzB,QAAA,KAAK,EAAE,iBAAK,CAAG,CAFU;AAGzB,QAAA,cAAc,EAAE,0BAAK,CAAG;AAHC,OAA3B;;AAMA,UAAI,KAAK,cAAT,EAAyB;AACvB;AACA,QAAA,QAAQ,CAAC,cAAT,GAA0B,KAAK,CAAC,MAAN,CAAa,gBAAb,EAA+B,UAAC,GAAD,EAAiB;AACxE,cAAI,CAAC,GAAL,EAAU,OAD8D,CAGxE;;AACA,cAAI,KAAI,CAAC,QAAL,CAAc,cAAd,CAA6B,KAAK,CAAC,IAAnC,CAAJ,EAA8C;AAE9C,UAAA,QAAQ,CAAC,KAAT,GAAiB,OAAO,CAAC,KAAD,CAAxB;AACD,SAPyB,CAA1B;AAQD,OAVD,MAUO;AACL,QAAA,QAAQ,CAAC,KAAT,GAAiB,OAAO,CAAC,KAAD,CAAxB;AACD;;AAED,aAAO,QAAP;AACD,KA7BM;;AA8BP;AACA,IAAA,QA/BO,sBA+BC;AACN,aAAO,KAAK,MAAL,CAAY,MAAZ,CAAmB,UAAA,KAAK;AAAA,eAAI,CAAC,KAAK,CAAC,QAAN,CAAe,IAAf,CAAL;AAAA,OAAxB,EAAmD,MAAnD,KAA8D,CAArE;AACD,KAjCM;;AAkCP;AACA,IAAA,KAnCO,mBAmCF;AACH,WAAK,MAAL,CAAY,OAAZ,CAAoB,UAAA,KAAK;AAAA,eAAI,KAAK,CAAC,KAAN,EAAJ;AAAA,OAAzB;AACA,WAAK,aAAL;AACD,KAtCM;AAuCP,IAAA,aAvCO,2BAuCM;AAAA;;AACX,UAAI,KAAK,cAAT,EAAyB;AACvB;AACA,QAAA,UAAU,CAAC,YAAK;AACd,UAAA,MAAI,CAAC,QAAL,GAAgB,EAAhB;AACD,SAFS,EAEP,CAFO,CAAV;AAGD;AACF,KA9CM;;AA+CP;AACA,IAAA,eAhDO,6BAgDQ;AACb,WAAK,MAAL,CAAY,OAAZ,CAAoB,UAAA,KAAK;AAAA,eAAI,KAAK,CAAC,eAAN,EAAJ;AAAA,OAAzB;AACA,WAAK,aAAL;AACD,KAnDM;AAoDP,IAAA,QApDO,oBAoDG,KApDH,EAoDwB;AAC7B,WAAK,MAAL,CAAY,IAAZ,CAAiB,KAAjB;AACA,WAAK,QAAL,CAAc,IAAd,CAAmB,KAAK,UAAL,CAAgB,KAAhB,CAAnB;AACD,KAvDM;AAwDP,IAAA,UAxDO,sBAwDK,KAxDL,EAwD0B;AAC/B,UAAM,KAAK,GAAG,KAAK,MAAL,CAAY,IAAZ,CAAiB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,IAAF,KAAW,KAAK,CAAC,IAArB;AAAA,OAAlB,CAAd;AAEA,UAAI,CAAC,KAAL,EAAY;AAEZ,UAAM,OAAO,GAAG,KAAK,QAAL,CAAc,IAAd,CAAmB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,IAAF,KAAW,KAAK,CAAC,IAArB;AAAA,OAApB,CAAhB;;AACA,UAAI,OAAJ,EAAa;AACX,QAAA,OAAO,CAAC,KAAR;AACA,QAAA,OAAO,CAAC,cAAR;AACD;;AAED,WAAK,QAAL,GAAgB,KAAK,QAAL,CAAc,MAAd,CAAqB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,IAAF,KAAW,KAAK,CAAC,IAArB;AAAA,OAAtB,CAAhB;AACA,WAAK,MAAL,GAAc,KAAK,MAAL,CAAY,MAAZ,CAAmB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,IAAF,KAAW,KAAK,CAAC,IAArB;AAAA,OAApB,CAAd;AACA,WAAK,OAAL,CAAa,KAAK,QAAlB,EAA4B,KAAK,CAAC,IAAlC;AACD;AAtEM,GAlCF;AA2GP,EAAA,MA3GO,kBA2GC,CA3GD,EA2GE;AAAA;;AACP,WAAO,CAAC,CAAC,MAAD,EAAS;AACf,MAAA,WAAW,EAAE,QADE;AAEf,MAAA,KAAK;AACH,QAAA,UAAU,EAAE;AADT,SAEA,KAAK,MAFL,CAFU;AAMf,MAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,gBAAC,CAAD;AAAA,iBAAc,MAAI,CAAC,KAAL,CAAW,QAAX,EAAqB,CAArB,CAAd;AAAA;AADN;AANW,KAAT,EASL,sBAAQ,IAAR,CATK,CAAR;AAUD;AAtHM,CAJM,C","sourcesContent":["// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VForm.js"}

package/es5/components/VGrid/VCol.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 require("../../../src/components/VGrid/VGrid.sass");
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
@@ -87,7 +87,7 @@ function breakpointClass(type, prop, val) {
 
 var cache = new Map();
 
-var _default = (0, _vue.defineComponent)({
+var _default = _vue.default.extend({
   name: 'v-col',
   functional: true,
   props: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
@@ -118,12 +118,12 @@ var _default = (0, _vue.defineComponent)({
       default: 'div'
     }
   }),
-  render: function render() {
-    var props = this.$props;
-    var data = this.$attrs;
-    var children = this.$slots.default(); // const {parent} = getCurrentInstance()
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children,
+        parent = _ref.parent;
     // Super-fast memoization based on props, 5x faster than JSON.stringify
-
     var cacheKey = '';
 
     for (var prop in props) {
@@ -159,7 +159,7 @@ var _default = (0, _vue.defineComponent)({
       })();
     }
 
-    return (0, _vue.h)(props.tag, (0, _mergeData.default)(data, {
+    return h(props.tag, (0, _mergeData.default)(data, {
       class: classList
     }), children);
   }

package/es5/components/VGrid/VCol.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport { defineComponent, VNode, PropOptions, getCurrentInstance } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\nimport {h} from 'vue'\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default defineComponent({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n    const children = this.$slots.default()\n    // const {parent} = getCurrentInstance()\n\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n"],"sourceRoot":"","file":"VCol.js"}
+{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport Vue, { VNode, PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Vue.extend({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (h, { props, data, children, parent }): VNode {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n"],"sourceRoot":"","file":"VCol.js"}

package/es5/components/VGrid/VContainer.js

@@ -13,14 +13,11 @@ var _grid2 = _interopRequireDefault(require("./grid"));
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
-var _vue = require("vue");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* @vue/component */
-var _default = (0, _vue.defineComponent)({
+var _default = (0, _grid2.default)('container').extend({
   name: 'v-container',
-  extends: (0, _grid2.default)('container'),
   functional: true,
   props: {
     id: String,
@@ -33,13 +30,16 @@ var _default = (0, _vue.defineComponent)({
       default: false
     }
   },
-  render: function render() {
-    var classes; // const { attrs } = data
-
-    var attrs = this.$attrs;
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children;
+    var classes;
+    var attrs = data.attrs;
 
     if (attrs) {
       // reset attrs to extract utility clases like pa-3
+      data.attrs = {};
       classes = Object.keys(attrs).filter(function (key) {
         // TODO: Remove once resolved
         // https://github.com/vuejs/vue/issues/7841
@@ -48,23 +48,25 @@ var _default = (0, _vue.defineComponent)({
         // add them as classes
 
         if (key.startsWith('data-')) {
-          // data.attrs![key] = value
+          data.attrs[key] = value;
           return false;
         }
 
         return value || typeof value === 'string';
       });
-    } // if (props.id) {
-    //   data.domProps = data.domProps || {}
-    //   data.domProps.id = props.id
-    // }
+    }
 
+    if (props.id) {
+      data.domProps = data.domProps || {};
+      data.domProps.id = props.id;
+    }
 
-    return (0, _vue.h)(this.tag, (0, _mergeData.default)(this.$attrs, {
+    return h(props.tag, (0, _mergeData.default)(data, {
+      staticClass: 'container',
       class: Array({
-        'container--fluid': this.fluid
-      }).concat(classes || []).concat('container')
-    }), this.$slots.default());
+        'container--fluid': props.fluid
+      }).concat(classes || [])
+    }), children);
   }
 });
 

package/es5/components/VGrid/VContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,oBAAK,WAAL,CAFoB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAJsB;AAe7B,EAAA,MAf6B,oBAevB;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,QAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,UAAA,GAAG,EAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,YAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CALwC,CAOxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAfS,CAAV;AAgBD,KAxBG,CA0BJ;AACA;AACA;AACA;;;AAEA,WAAO,YACL,KAAK,GADA,EAEL,wBAAU,KAAK,MAAf,EAAuB;AACrB,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK;AADT,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd,EAEkB,MAFlB,CAEyB,WAFzB;AADc,KAAvB,CAFK,EAOL,KAAK,MAAL,CAAY,OAAZ,EAPK,CAAP;AASD;AAvD4B,CAAhB,C","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-container',\n  extends: Grid('container'),\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render () {\n    let classes\n    // const { attrs } = data\n\n    const attrs = this.$attrs\n\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          // data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    // if (props.id) {\n    //   data.domProps = data.domProps || {}\n    //   data.domProps.id = props.id\n    // }\n\n    return h(\n      this.tag,\n      mergeData(this.$attrs, {\n        class: Array<any>({\n          'container--fluid': this.fluid,\n        }).concat(classes || []).concat('container'),\n      }),\n      this.$slots.default()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VContainer.js"}
+{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEA;eACe,oBAAK,WAAL,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,aADgC;AAEtC,EAAA,UAAU,EAAE,IAF0B;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE,MADC;AAEL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAFA;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAH+B;AActC,EAAA,MAdsC,kBAc9B,CAd8B,QAcF;AAAA,QAAvB,KAAuB,QAAvB,KAAuB;AAAA,QAAhB,IAAgB,QAAhB,IAAgB;AAAA,QAAV,QAAU,QAAV,QAAU;AAClC,QAAI,OAAJ;AADkC,QAE1B,KAF0B,GAEhB,IAFgB,CAE1B,KAF0B;;AAGlC,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,IAAI,CAAC,KAAL,GAAa,EAAb;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,UAAA,GAAG,EAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,YAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CALwC,CAOxC;AACA;;AACA,YAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,UAAA,IAAI,CAAC,KAAL,CAAY,GAAZ,IAAmB,KAAnB;AACA,iBAAO,KAAP;AACD;;AAED,eAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,OAfS,CAAV;AAgBD;;AAED,QAAI,KAAK,CAAC,EAAV,EAAc;AACZ,MAAA,IAAI,CAAC,QAAL,GAAgB,IAAI,CAAC,QAAL,IAAiB,EAAjC;AACA,MAAA,IAAI,CAAC,QAAL,CAAc,EAAd,GAAmB,KAAK,CAAC,EAAzB;AACD;;AAED,WAAO,CAAC,CACN,KAAK,CAAC,GADA,EAEN,wBAAU,IAAV,EAAgB;AACd,MAAA,WAAW,EAAE,WADC;AAEd,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK,CAAC;AADV,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd;AAFO,KAAhB,CAFM,EAQN,QARM,CAAR;AAUD;AArDqC,CAAzB,C","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":"","file":"VContainer.js"}

package/es5/components/VGrid/VRow.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 require("../../../src/components/VGrid/VGrid.sass");
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
@@ -98,7 +98,7 @@ function breakpointClass(type, prop, val) {
 
 var cache = new Map();
 
-var _default = (0, _vue.defineComponent)({
+var _default = _vue.default.extend({
   name: 'v-row',
   functional: true,
   props: _objectSpread(_objectSpread(_objectSpread({
@@ -126,10 +126,12 @@ var _default = (0, _vue.defineComponent)({
       validator: alignContentValidator
     }
   }, alignContentProps),
-  render: function render() {
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        children = _ref.children;
     // Super-fast memoization based on props, 5x faster than JSON.stringify
     var cacheKey = '';
-    var props = this.$props;
 
     for (var prop in props) {
       cacheKey += String(props[prop]);
@@ -161,9 +163,10 @@ var _default = (0, _vue.defineComponent)({
       })();
     }
 
-    return (0, _vue.h)(props.tag, (0, _mergeData.default)(this.$attrs, {
-      class: classList.concat('row')
-    }), this.$slots.default());
+    return h(props.tag, (0, _mergeData.default)(data, {
+      staticClass: 'row',
+      class: classList
+    }), children);
   }
 });