@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

package/lib/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":"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","sourcesContent":["import { h, VNode } 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 { 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\ninterface VFormContext {\n  inputs: VInputInstance[]\n  watchers: Watchers[]\n  errorBag: ErrorBag\n  lazyValidation: boolean\n  $emit: (event: string, ...args: any[]) => void\n  getInputUid: (input: VInputInstance) => number\n  watchInput: (input: VInputInstance) => Watchers\n  resetErrorBag: () => 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  emits: ['input', 'update:modelValue', 'submit'],\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (this: VFormContext, val: ErrorBag) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n        this.$emit('update:modelValue', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    getInputUid (input: VInputInstance): number {\n      return input.$.uid\n    },\n\n    watchInput (this: VFormContext, input: VInputInstance): Watchers {\n      const inputId = this.getInputUid(input)\n\n      const createErrorWatcher = (inputComponent: VInputInstance): (() => void) => {\n        if (typeof inputComponent.$watch === 'function') {\n          return inputComponent.$watch('hasError', (hasError: boolean) => {\n            this.errorBag[inputId] = hasError\n          }, { immediate: true })\n        } else {\n          // Fallback для Vue 3\n          return () => {}\n        }\n      }\n\n      const watchers: Watchers = {\n        _uid: inputId,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        if (typeof input.$watch === 'function') {\n          watchers.shouldValidate = input.$watch('shouldValidate', (shouldValidate: boolean) => {\n            if (!shouldValidate) return\n\n            if (this.errorBag.hasOwnProperty(inputId)) return\n\n            watchers.valid = createErrorWatcher(input)\n          })\n        }\n      } else {\n        watchers.valid = createErrorWatcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (this: VFormContext): boolean {\n      return this.inputs.filter((input: VInputInstance) => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (this: VFormContext): void {\n      this.inputs.forEach((input: VInputInstance) => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag (this: VFormContext) {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation (this: VFormContext) {\n      this.inputs.forEach((input: VInputInstance) => input.resetValidation())\n      this.resetErrorBag()\n    },\n\n    register (this: VFormContext, input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n\n    unregister (this: VFormContext, input: VInputInstance) {\n      const inputId = this.getInputUid(input)\n      const foundInput = this.inputs.find((inputComponent: VInputInstance) => this.getInputUid(inputComponent) === inputId)\n\n      if (!foundInput) return\n\n      const inputWatcher = this.watchers.find((watcher: Watchers) => watcher._uid === inputId)\n      if (inputWatcher) {\n        inputWatcher.valid()\n        inputWatcher.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter((watcher: Watchers) => watcher._uid !== inputId)\n      this.inputs = this.inputs.filter((inputComponent: VInputInstance) => this.getInputUid(inputComponent) !== inputId)\n\n      delete this.errorBag[inputId]\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"}

package/lib/components/VGrid/VCol.js

@@ -1,7 +1,7 @@
 import "../../../src/components/VGrid/VGrid.sass";
 import { defineComponent } from 'vue';
 import mergeData from '../../util/mergeData';
-import { upperFirst } from '../../util/helpers';
+import { upperFirst, getTagValue } from '../../util/helpers';
 import { h } from 'vue'; // no xs
 
 const breakpoints = ['sm', 'md', 'lg', 'xl'];
@@ -70,7 +70,7 @@ function breakpointClass(type, prop, val) {
 const cache = new Map();
 export default defineComponent({
   name: 'v-col',
-  functional: true,
+  inheritAttrs: false,
   props: {
     cols: {
       type: [Boolean, String, Number],
@@ -99,9 +99,11 @@ export default defineComponent({
   },
 
   render() {
+    var _a, _b;
+
     const props = this.$props;
     const data = this.$attrs;
-    const children = this.$slots.default(); // const {parent} = getCurrentInstance()
+    const children = ((_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; // const {parent} = getCurrentInstance()
     // Super-fast memoization based on props, 5x faster than JSON.stringify
 
     let cacheKey = '';
@@ -137,9 +139,9 @@ export default defineComponent({
       cache.set(cacheKey, classList);
     }
 
-    return h(props.tag, mergeData(data, {
+    return h(getTagValue(props.tag), mergeData({
       class: classList
-    }), children);
+    }, data), children);
   }
 
 });

package/lib/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 { defineComponent, VNode, PropOptions, getCurrentInstance } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst, getTagValue } 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  inheritAttrs: false,\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(getTagValue(props.tag), mergeData({ class: classList }, data), children)\n  },\n})\n"],"sourceRoot":"","file":"VCol.js"}

package/lib/components/VGrid/VContainer.js

@@ -3,12 +3,12 @@ import "../../../src/components/VGrid/VGrid.sass";
 import Grid from './grid';
 import mergeData from '../../util/mergeData';
 import { defineComponent, h } from 'vue';
+import { getTagValue } from '../../util/helpers';
 /* @vue/component */
 
 export default defineComponent({
   name: 'v-container',
   extends: Grid('container'),
-  functional: true,
   props: {
     id: String,
     tag: {
@@ -22,6 +22,8 @@ export default defineComponent({
   },
 
   render() {
+    var _a, _b;
+
     let classes; // const { attrs } = data
 
     const attrs = this.$attrs;
@@ -42,17 +44,19 @@ export default defineComponent({
 
         return value || typeof value === 'string';
       });
-    } // if (props.id) {
-    //   data.domProps = data.domProps || {}
-    //   data.domProps.id = props.id
-    // }
-
+    }
 
-    return h(this.tag, mergeData(this.$attrs, {
-      class: Array({
+    const data = mergeData(this.$attrs, {
+      class: ['container', {
         'container--fluid': this.fluid
-      }).concat(classes || []).concat('container')
-    }), this.$slots.default());
+      }, ...(classes || [])]
+    });
+
+    if (this.id) {
+      data.id = this.id;
+    }
+
+    return h(getTagValue(this.tag), data, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VContainer.ts"],"names":[],"mappings":"AAAA,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;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,MAAM,GAAA;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,UAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,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,CAAC,CACN,KAAK,GADC,EAEN,SAAS,CAAC,KAAK,MAAN,EAAc;AACrB,MAAA,KAAK,EAAE,KAAK,CAAM;AAChB,4BAAoB,KAAK;AADT,OAAN,CAAL,CAEJ,MAFI,CAEG,OAAO,IAAI,EAFd,EAEkB,MAFlB,CAEyB,WAFzB;AADc,KAAd,CAFH,EAON,KAAK,MAAL,CAAY,OAAZ,EAPM,CAAR;AASD;;AAvD4B,CAAD,CAA9B","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,OAAO,0CAAP;AACA,OAAO,0CAAP;AAEA,OAAO,IAAP,MAAiB,QAAjB;AAEA,OAAO,SAAP,MAAsB,sBAAtB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA,SAAS,WAAT,QAA4B,oBAA5B;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,aADuB;AAE7B,EAAA,OAAO,EAAE,IAAI,CAAC,WAAD,CAFgB;AAG7B,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,GAHsB;;AAc7B,EAAA,MAAM,GAAA;;;AACJ,QAAI,OAAJ,CADI,CAEJ;;AAEA,UAAM,KAAK,GAAG,KAAK,MAAnB;;AAEA,QAAI,KAAJ,EAAW;AACT;AACA,MAAA,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AACxC;AACA;AACA,YAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,cAAM,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;;AAED,UAAM,IAAI,GAAG,SAAS,CAAC,KAAK,MAAN,EAAc;AAClC,MAAA,KAAK,EAAE,CACL,WADK,EAEL;AAAE,4BAAoB,KAAK;AAA3B,OAFK,EAGL,IAAI,OAAO,IAAI,EAAf,CAHK;AAD2B,KAAd,CAAtB;;AAQA,QAAI,KAAK,EAAT,EAAa;AACX,MAAA,IAAI,CAAC,EAAL,GAAU,KAAK,EAAf;AACD;;AAED,WAAO,CAAC,CACN,WAAW,CAAC,KAAK,GAAN,CADL,EAEN,IAFM,EAGN,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAHb,CAAR;AAKD;;AAzD4B,CAAD,CAA9B","sourcesContent":["import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\nimport { defineComponent, h } from 'vue'\n\nimport { getTagValue } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-container',\n  extends: Grid('container'),\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    const data = mergeData(this.$attrs, {\n      class: [\n        'container',\n        { 'container--fluid': this.fluid },\n        ...(classes || []),\n      ],\n    })\n\n    if (this.id) {\n      data.id = this.id\n    }\n\n    return h(\n      getTagValue(this.tag),\n      data,\n      this.$slots.default?.()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VContainer.js"}

package/lib/components/VGrid/VRow.js

@@ -1,7 +1,7 @@
 import "../../../src/components/VGrid/VGrid.sass";
 import { defineComponent } from 'vue';
 import mergeData from '../../util/mergeData';
-import { upperFirst } from '../../util/helpers';
+import { upperFirst, getTagValue } from '../../util/helpers';
 import { h } from 'vue'; // no xs
 
 const breakpoints = ['sm', 'md', 'lg', 'xl'];
@@ -131,7 +131,7 @@ export default defineComponent({
       cache.set(cacheKey, classList);
     }
 
-    return h(props.tag, mergeData(this.$attrs, {
+    return h(getTagValue(props.tag), mergeData(this.$attrs, {
       class: classList.concat('row')
     }), this.$slots.default());
   }

package/lib/components/VGrid/VRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VRow.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport { defineComponent, PropOptions } 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 ALIGNMENT = ['start', 'end', 'center']\n\nfunction makeProps (prefix: string, def: () => PropOptions) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + upperFirst(val)] = def()\n    return props\n  }, {} as Dictionary<PropOptions>)\n}\n\nconst alignValidator = (str: any) => [...ALIGNMENT, 'baseline', 'stretch'].includes(str)\nconst alignProps = makeProps('align', () => ({\n  type: String,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst justifyValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around'].includes(str)\nconst justifyProps = makeProps('justify', () => ({\n  type: String,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst alignContentValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str)\nconst alignContentProps = makeProps('alignContent', () => ({\n  type: String,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default defineComponent({\n  name: 'v-row',\n  functional: true,\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String,\n      default: null,\n      validator: alignContentValidator,\n    },\n    ...alignContentProps,\n  },\n  render () {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    const props = this.$props\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 `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'no-gutters': props.noGutters,\n        'row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(\n      props.tag,\n      mergeData(this.$attrs, {\n        class: classList.concat('row'),\n      }),\n      this.$slots.default()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VRow.js"}
+{"version":3,"sources":["../../../src/components/VGrid/VRow.ts"],"names":[],"mappings":"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","sourcesContent":["import './VGrid.sass'\n\nimport { defineComponent, PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst, getTagValue } from '../../util/helpers'\nimport {h} from 'vue'\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst ALIGNMENT = ['start', 'end', 'center']\n\nfunction makeProps (prefix: string, def: () => PropOptions) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + upperFirst(val)] = def()\n    return props\n  }, {} as Dictionary<PropOptions>)\n}\n\nconst alignValidator = (str: any) => [...ALIGNMENT, 'baseline', 'stretch'].includes(str)\nconst alignProps = makeProps('align', () => ({\n  type: String,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst justifyValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around'].includes(str)\nconst justifyProps = makeProps('justify', () => ({\n  type: String,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst alignContentValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str)\nconst alignContentProps = makeProps('alignContent', () => ({\n  type: String,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default defineComponent({\n  name: 'v-row',\n  functional: true,\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String,\n      default: null,\n      validator: alignContentValidator,\n    },\n    ...alignContentProps,\n  },\n  render () {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    const props = this.$props\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 `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'no-gutters': props.noGutters,\n        'row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(\n      getTagValue(props.tag),\n      mergeData(this.$attrs, {\n        class: classList.concat('row'),\n      }),\n      this.$slots.default()\n    )\n  },\n})\n"],"sourceRoot":"","file":"VRow.js"}

package/lib/components/VGrid/grid.js

@@ -1,10 +1,10 @@
 // Types
 import { defineComponent, h } from 'vue';
+import { getTagValue } from '../../util/helpers';
 export default function VGrid(name) {
   /* @vue/component */
   return defineComponent({
     name: `v-${name}`,
-    functional: true,
     props: {
       id: String,
       tag: {
@@ -14,22 +14,25 @@ export default function VGrid(name) {
     },
 
     render() {
-      const data = this.$attrs;
-      const children = this.$slots.default();
-      const props = this.$props;
-      data.staticClass = `${name} ${data.staticClass || ''}`.trim();
+      var _a, _b;
+
+      const data = { ...this.$attrs
+      };
+      const children = ((_b = (_a = this.$slots) === null || _a === void 0 ? void 0 : _a.default) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
+      const componentProps = this.$props;
+      data.class = [name, data.class].filter(Boolean);
       const {
-        attrs
+        attrs: dataAttrs
       } = data;
 
-      if (attrs) {
+      if (dataAttrs) {
         // reset attrs to extract utility clases like pa-3
         data.attrs = {};
-        const classes = Object.keys(attrs).filter(key => {
+        const classes = Object.keys(dataAttrs).filter(key => {
           // TODO: Remove once resolved
           // https://github.com/vuejs/vue/issues/7841
           if (key === 'slot') return false;
-          const value = attrs[key]; // add back data attributes like data-test="foo" but do not
+          const value = dataAttrs[key]; // add back data attributes like data-test="foo" but do not
           // add them as classes
 
           if (key.startsWith('data-')) {
@@ -39,15 +42,14 @@ export default function VGrid(name) {
 
           return value || typeof value === 'string';
         });
-        if (classes.length) data.staticClass += ` ${classes.join(' ')}`;
+        if (classes.length) data.class = [...data.class, ...classes];
       }
 
-      if (props.id) {
-        data.domProps = data.domProps || {};
-        data.domProps.id = props.id;
+      if (componentProps === null || componentProps === void 0 ? void 0 : componentProps.id) {
+        data.id = componentProps.id;
       }
 
-      return h(props.tag, data, children);
+      return h(getTagValue((componentProps === null || componentProps === void 0 ? void 0 : componentProps.tag) || 'div'), data, children);
     }
 
   });

package/lib/components/VGrid/grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/grid.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,QAA0C,KAA1C;AAEA,eAAc,SAAU,KAAV,CAAiB,IAAjB,EAA6B;AACzC;AACA,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,KAAK,IAAI,EADM;AAGrB,IAAA,UAAU,EAAE,IAHS;AAKrB,IAAA,KAAK,EAAE;AACL,MAAA,EAAE,EAAE,MADC;AAEL,MAAA,GAAG,EAAE;AACH,QAAA,IAAI,EAAE,MADH;AAEH,QAAA,OAAO,EAAE;AAFN;AAFA,KALc;;AAarB,IAAA,MAAM,GAAA;AACJ,YAAM,IAAI,GAAG,KAAK,MAAlB;AACA,YAAM,QAAQ,GAAG,KAAK,MAAL,CAAY,OAAZ,EAAjB;AACA,YAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,MAAA,IAAI,CAAC,WAAL,GAAoB,GAAG,IAAI,IAAI,IAAI,CAAC,WAAL,IAAoB,EAAE,EAAlC,CAAsC,IAAtC,EAAnB;AAEA,YAAM;AAAE,QAAA;AAAF,UAAY,IAAlB;;AACA,UAAI,KAAJ,EAAW;AACT;AACA,QAAA,IAAI,CAAC,KAAL,GAAa,EAAb;AACA,cAAM,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,MAAnB,CAA0B,GAAG,IAAG;AAC9C;AACA;AACA,cAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,gBAAM,KAAK,GAAG,KAAK,CAAC,GAAD,CAAnB,CAL8C,CAO9C;AACA;;AACA,cAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,YAAA,IAAI,CAAC,KAAL,CAAY,GAAZ,IAAmB,KAAnB;AACA,mBAAO,KAAP;AACD;;AAED,iBAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,SAfe,CAAhB;AAiBA,YAAI,OAAO,CAAC,MAAZ,EAAoB,IAAI,CAAC,WAAL,IAAoB,IAAI,OAAO,CAAC,IAAR,CAAa,GAAb,CAAiB,EAAzC;AACrB;;AAED,UAAI,KAAK,CAAC,EAAV,EAAc;AACZ,QAAA,IAAI,CAAC,QAAL,GAAgB,IAAI,CAAC,QAAL,IAAiB,EAAjC;AACA,QAAA,IAAI,CAAC,QAAL,CAAc,EAAd,GAAmB,KAAK,CAAC,EAAzB;AACD;;AAED,aAAO,CAAC,CAAC,KAAK,CAAC,GAAP,EAAY,IAAZ,EAAkB,QAAlB,CAAR;AACD;;AAlDoB,GAAD,CAAtB;AAoDD","sourcesContent":["// Types\nimport { defineComponent, VNode, h } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return defineComponent({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (): VNode {\n      const data = this.$attrs\n      const children = this.$slots.default()\n      const props = this.$props\n\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const 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        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n"],"sourceRoot":"","file":"grid.js"}
+{"version":3,"sources":["../../../src/components/VGrid/grid.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,QAA0C,KAA1C;AAEA,SAAS,WAAT,QAA4B,oBAA5B;AAEA,eAAc,SAAU,KAAV,CAAiB,IAAjB,EAA6B;AACzC;AACA,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,KAAK,IAAI,EADM;AAGrB,IAAA,KAAK,EAAE;AACL,MAAA,EAAE,EAAE,MADC;AAEL,MAAA,GAAG,EAAE;AACH,QAAA,IAAI,EAAE,MADH;AAEH,QAAA,OAAO,EAAE;AAFN;AAFA,KAHc;;AAWrB,IAAA,MAAM,GAAA;;;AACJ,YAAM,IAAI,GAAQ,EAAE,GAAG,KAAK;AAAV,OAAlB;AACA,YAAM,QAAQ,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAE,OAAb,MAAoB,IAApB,IAAoB,EAAA,KAAA,KAAA,CAApB,GAAoB,KAAA,CAApB,GAAoB,EAAA,CAAA,IAAA,CAAA,EAAA,CAApB,KAA4B,EAA7C;AACA,YAAM,cAAc,GAAG,KAAK,MAA5B;AAEA,MAAA,IAAI,CAAC,KAAL,GAAa,CAAC,IAAD,EAAO,IAAI,CAAC,KAAZ,EAAmB,MAAnB,CAA0B,OAA1B,CAAb;AAEA,YAAM;AAAE,QAAA,KAAK,EAAE;AAAT,UAAuB,IAA7B;;AACA,UAAI,SAAJ,EAAe;AACb;AACA,QAAA,IAAI,CAAC,KAAL,GAAa,EAAb;AACA,cAAM,OAAO,GAAG,MAAM,CAAC,IAAP,CAAY,SAAZ,EAAuB,MAAvB,CAA8B,GAAG,IAAG;AAClD;AACA;AACA,cAAI,GAAG,KAAK,MAAZ,EAAoB,OAAO,KAAP;AAEpB,gBAAM,KAAK,GAAG,SAAS,CAAC,GAAD,CAAvB,CALkD,CAOlD;AACA;;AACA,cAAI,GAAG,CAAC,UAAJ,CAAe,OAAf,CAAJ,EAA6B;AAC3B,YAAA,IAAI,CAAC,KAAL,CAAY,GAAZ,IAAmB,KAAnB;AACA,mBAAO,KAAP;AACD;;AAED,iBAAO,KAAK,IAAI,OAAO,KAAP,KAAiB,QAAjC;AACD,SAfe,CAAhB;AAiBA,YAAI,OAAO,CAAC,MAAZ,EAAoB,IAAI,CAAC,KAAL,GAAa,CAAC,GAAG,IAAI,CAAC,KAAT,EAAgB,GAAG,OAAnB,CAAb;AACrB;;AAED,UAAI,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,EAApB,EAAwB;AACtB,QAAA,IAAI,CAAC,EAAL,GAAU,cAAc,CAAC,EAAzB;AACD;;AAED,aAAO,CAAC,CAAC,WAAW,CAAC,CAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,GAAhB,KAAuB,KAAxB,CAAZ,EAA4C,IAA5C,EAAkD,QAAlD,CAAR;AACD;;AA/CoB,GAAD,CAAtB;AAiDD","sourcesContent":["// Types\nimport { defineComponent, VNode, h } from 'vue'\n\nimport { getTagValue } from '../../util/helpers'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return defineComponent({\n    name: `v-${name}`,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render() {\n      const data: any = { ...this.$attrs }\n      const children = this.$slots?.default?.() || []\n      const componentProps = this.$props\n\n      data.class = [name, data.class].filter(Boolean)\n\n      const { attrs: dataAttrs } = data\n      if (dataAttrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(dataAttrs).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 = dataAttrs[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        if (classes.length) data.class = [...data.class, ...classes]\n      }\n\n      if (componentProps?.id) {\n        data.id = componentProps.id\n      }\n\n      return h(getTagValue(componentProps?.tag || 'div'), data, children)\n    }\n  })\n}\n"],"sourceRoot":"","file":"grid.js"}

package/lib/components/VHover/VHover.js

@@ -3,7 +3,9 @@ import Delayable from '../../mixins/delayable';
 import Toggleable from '../../mixins/toggleable'; // Utilities
 
 import mixins from '../../util/mixins';
-import { consoleWarn } from '../../util/console';
+import { consoleWarn } from '../../util/console'; // Types
+
+import { mergeProps } from 'vue';
 export default mixins(Delayable, Toggleable
 /* @vue/component */
 ).extend({
@@ -13,52 +15,56 @@ export default mixins(Delayable, Toggleable
       type: Boolean,
       default: false
     },
-    value: {
+    modelValue: {
       type: Boolean,
       default: undefined
     }
   },
+  emits: ['update:modelValue'],
   methods: {
     onMouseEnter() {
+      if (this.disabled) return;
       this.runDelay('open');
     },
 
     onMouseLeave() {
+      if (this.disabled) return;
       this.runDelay('close');
     }
 
   },
 
   render() {
-    if (!this.$slots.default && this.value === undefined) {
+    if (!this.$slots.default && this.modelValue === undefined) {
       consoleWarn('v-hover is missing a default scopedSlot or bound value', this);
       return null;
     }
 
-    let element;
-    /* istanbul ignore else */
+    if (!this.$slots.default) return null;
+    const slotContent = this.$slots.default({
+      hover: this.isActive
+    });
 
-    if (this.$slots.default) {
-      element = this.$slots.default({
-        hover: this.isActive
-      });
+    if (!(slotContent === null || slotContent === void 0 ? void 0 : slotContent.length)) {
+      consoleWarn('v-hover slot returned empty content', this);
+      return null;
     }
 
-    if (Array.isArray(element) && element.length === 1) {
-      element = element[0];
+    const element = slotContent[0];
+
+    if (!(element === null || element === void 0 ? void 0 : element.type)) {
+      consoleWarn('v-hover should only contain valid VNode elements', this);
+      return element;
     }
 
-    if (!element || Array.isArray(element) || !element.tag) {
+    if (slotContent.length > 1) {
       consoleWarn('v-hover should only contain a single element', this);
-      return element;
     }
 
     if (!this.disabled) {
-      element.data = element.data || {};
-
-      this._g(element.data, {
-        mouseenter: this.onMouseEnter,
-        mouseleave: this.onMouseLeave
+      element.props = mergeProps(element.props || {}, {
+        onMouseenter: this.onMouseEnter,
+        onMouseleave: this.onMouseLeave
       });
     }
 

package/lib/components/VHover/VHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VHover/VHover.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B;AAKA,eAAe,MAAM,CACnB,SADmB,EAEnB;AACA;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KADL;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AALF,GAHA;AAcP,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,MAAd;AACD,KAHM;;AAIP,IAAA,YAAY,GAAA;AACV,WAAK,QAAL,CAAc,OAAd;AACD;;AANM,GAdF;;AAuBP,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,MAAL,CAAY,OAAb,IAAwB,KAAK,KAAL,KAAe,SAA3C,EAAsD;AACpD,MAAA,WAAW,CAAC,wDAAD,EAA2D,IAA3D,CAAX;AAEA,aAAO,IAAP;AACD;;AAED,QAAI,OAAJ;AAEA;;AACA,QAAI,KAAK,MAAL,CAAY,OAAhB,EAAyB;AACvB,MAAA,OAAO,GAAG,KAAK,MAAL,CAAY,OAAZ,CAAoB;AAAE,QAAA,KAAK,EAAE,KAAK;AAAd,OAApB,CAAV;AACD;;AAED,QAAI,KAAK,CAAC,OAAN,CAAc,OAAd,KAA0B,OAAO,CAAC,MAAR,KAAmB,CAAjD,EAAoD;AAClD,MAAA,OAAO,GAAG,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAAC,OAAD,IAAY,KAAK,CAAC,OAAN,CAAc,OAAd,CAAZ,IAAsC,CAAC,OAAO,CAAC,GAAnD,EAAwD;AACtD,MAAA,WAAW,CAAC,8CAAD,EAAiD,IAAjD,CAAX;AAEA,aAAO,OAAP;AACD;;AAED,QAAI,CAAC,KAAK,QAAV,EAAoB;AAClB,MAAA,OAAO,CAAC,IAAR,GAAe,OAAO,CAAC,IAAR,IAAgB,EAA/B;;AACA,WAAK,EAAL,CAAQ,OAAO,CAAC,IAAhB,EAAsB;AACpB,QAAA,UAAU,EAAE,KAAK,YADG;AAEpB,QAAA,UAAU,EAAE,KAAK;AAFG,OAAtB;AAID;;AAED,WAAO,OAAP;AACD;;AAxDM,CAJM,CAAf","sourcesContent":["// Mixins\nimport Delayable from '../../mixins/delayable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\nexport default mixins(\n  Delayable,\n  Toggleable\n  /* @vue/component */\n).extend({\n  name: 'v-hover',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  methods: {\n    onMouseEnter () {\n      this.runDelay('open')\n    },\n    onMouseLeave () {\n      this.runDelay('close')\n    },\n  },\n\n  render (): VNode {\n    if (!this.$slots.default && this.value === undefined) {\n      consoleWarn('v-hover is missing a default scopedSlot or bound value', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$slots.default) {\n      element = this.$slots.default({ hover: this.isActive })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-hover should only contain a single element', this)\n\n      return element as any\n    }\n\n    if (!this.disabled) {\n      element.data = element.data || {}\n      this._g(element.data, {\n        mouseenter: this.onMouseEnter,\n        mouseleave: this.onMouseLeave,\n      })\n    }\n\n    return element\n  },\n})\n"],"sourceRoot":"","file":"VHover.js"}
+{"version":3,"sources":["../../../src/components/VHover/VHover.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B,C,CAEA;;AACA,SAAgB,UAAhB,QAAkC,KAAlC;AAGA,eAAe,MAAM,CACnB,SADmB,EAEnB;AACA;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KADL;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC;AALP,GAHA;AAcP,EAAA,KAAK,EAAE,CAAC,mBAAD,CAdA;AAgBP,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,QAAT,EAAmB;AACnB,WAAK,QAAL,CAAc,MAAd;AACD,KAJM;;AAKP,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,QAAT,EAAmB;AACnB,WAAK,QAAL,CAAc,OAAd;AACD;;AARM,GAhBF;;AA2BP,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,MAAL,CAAY,OAAb,IAAwB,KAAK,UAAL,KAAoB,SAAhD,EAA2D;AACzD,MAAA,WAAW,CAAC,wDAAD,EAA2D,IAA3D,CAAX;AACA,aAAO,IAAP;AACD;;AAED,QAAI,CAAC,KAAK,MAAL,CAAY,OAAjB,EAA0B,OAAO,IAAP;AAE1B,UAAM,WAAW,GAAG,KAAK,MAAL,CAAY,OAAZ,CAAoB;AAAE,MAAA,KAAK,EAAE,KAAK;AAAd,KAApB,CAApB;;AAEA,QAAI,EAAC,WAAW,KAAA,IAAX,IAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAA,WAAW,CAAE,MAAd,CAAJ,EAA0B;AACxB,MAAA,WAAW,CAAC,qCAAD,EAAwC,IAAxC,CAAX;AACA,aAAO,IAAP;AACD;;AAED,UAAM,OAAO,GAAG,WAAW,CAAC,CAAD,CAA3B;;AAEA,QAAI,EAAC,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,IAAV,CAAJ,EAAoB;AAClB,MAAA,WAAW,CAAC,kDAAD,EAAqD,IAArD,CAAX;AACA,aAAO,OAAP;AACD;;AAED,QAAI,WAAW,CAAC,MAAZ,GAAqB,CAAzB,EAA4B;AAC1B,MAAA,WAAW,CAAC,8CAAD,EAAiD,IAAjD,CAAX;AACD;;AAED,QAAI,CAAC,KAAK,QAAV,EAAoB;AAClB,MAAA,OAAO,CAAC,KAAR,GAAgB,UAAU,CAAC,OAAO,CAAC,KAAR,IAAiB,EAAlB,EAAsB;AAC9C,QAAA,YAAY,EAAE,KAAK,YAD2B;AAE9C,QAAA,YAAY,EAAE,KAAK;AAF2B,OAAtB,CAA1B;AAID;;AAED,WAAO,OAAP;AACD;;AA7DM,CAJM,CAAf","sourcesContent":["// Mixins\nimport Delayable from '../../mixins/delayable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode, mergeProps } from 'vue'\nimport { ScopedSlotChildren } from 'vue/types/vnode'\n\nexport default mixins(\n  Delayable,\n  Toggleable\n  /* @vue/component */\n).extend({\n  name: 'v-hover',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  emits: ['update:modelValue'],\n\n  methods: {\n    onMouseEnter () {\n      if (this.disabled) return\n      this.runDelay('open')\n    },\n    onMouseLeave () {\n      if (this.disabled) return\n      this.runDelay('close')\n    },\n  },\n\n  render (): VNode {\n    if (!this.$slots.default && this.modelValue === undefined) {\n      consoleWarn('v-hover is missing a default scopedSlot or bound value', this)\n      return null as any\n    }\n\n    if (!this.$slots.default) return null as any\n\n    const slotContent = this.$slots.default({ hover: this.isActive })\n\n    if (!slotContent?.length) {\n      consoleWarn('v-hover slot returned empty content', this)\n      return null as any\n    }\n\n    const element = slotContent[0]\n\n    if (!element?.type) {\n      consoleWarn('v-hover should only contain valid VNode elements', this)\n      return element as any\n    }\n\n    if (slotContent.length > 1) {\n      consoleWarn('v-hover should only contain a single element', this)\n    }\n\n    if (!this.disabled) {\n      element.props = mergeProps(element.props || {}, {\n        onMouseenter: this.onMouseEnter,\n        onMouseleave: this.onMouseLeave,\n      })\n    }\n\n    return element\n  },\n})\n"],"sourceRoot":"","file":"VHover.js"}