@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VInput/VInput.sass

@@ -1,127 +1,87 @@
-@import './_variables.scss'
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
-/* Theme */
-+theme(v-input) using ($material)
-  color: map-deep-get($material, 'text', 'primary')
+.v-input
+  display: grid
+  flex: 1 1 auto
+  font-size: $input-font-size
+  font-weight: $input-font-weight
 
-  input,
-  textarea
-    color: map-deep-get($material, 'text', 'primary')
+  &--disabled
+    pointer-events: none
 
-  input::placeholder,
-  textarea::placeholder
-    color: map-deep-get($material, 'text', 'disabled')
+  @at-root
+    @include tools.density('v-input', $input-density) using ($modifier)
+      --v-input-control-height: #{$input-control-height + $modifier}
+      --v-input-padding-top: #{16px + $modifier * .5}
 
-  &--is-disabled
-    color: map-deep-get($material, 'text', 'disabled')
+.v-input--vertical
+  grid-template-areas: "append" "control" "prepend"
+  grid-template-rows: max-content auto max-content
+  grid-template-columns: min-content
 
-    input,
-    textarea
-      color: map-deep-get($material, 'text', 'disabled')
+  .v-input__prepend
+    margin-block-start: $input-affix-margin-inside
 
-.v-input
-  align-items: flex-start
+  .v-input__append
+    margin-block-end: $input-affix-margin-inside
+
+.v-input--horizontal
+  grid-template-areas: "prepend control append" "a messages b"
+  grid-template-columns: max-content minmax(0, 1fr) max-content
+  grid-template-rows: auto auto
+
+  .v-input__prepend
+    margin-inline-end: $input-affix-margin-inside
+
+  .v-input__append
+    margin-inline-start: $input-affix-margin-inside
+
+.v-input__details
+  align-items: flex-end
   display: flex
-  flex: 1 1 auto
-  font-size: $input-font-size
-  letter-spacing: $input-letter-spacing
-  max-width: 100%
-  text-align: $input-text-align
-
-  .v-progress-linear
-    top: calc(100% - 1px)
-    left: 0
-
-  input
-    max-height: $input-max-height
-
-  input,
-  textarea
-    // Remove Firefox red outline
-    &:invalid
-      box-shadow: none
-
-    &:focus,
-    &:active
-      outline: none
-
-  .v-label
-    height: $input-label-height
-    line-height: $input-label-height
-    letter-spacing: $input-label-letter-spacing
-
-  &__append-outer,
-  &__prepend-outer
-    display: inline-flex
-    margin-bottom: 4px
-    margin-top: 4px
-    line-height: 1
-
-    .v-icon
-      user-select: none
-
-  &__append-outer
-    +ltr()
-      margin-left: $input-prepend-append-outer-margin
-
-    +rtl()
-      margin-right: $input-prepend-append-outer-margin
-
-  &__prepend-outer
-    +ltr()
-      margin-right: $input-prepend-append-outer-margin
-
-    +rtl()
-      margin-left: $input-prepend-append-outer-margin
-
-  &__control
-    display: flex
-    flex-direction: column
-    height: auto
-    flex-grow: 1
-    flex-wrap: wrap
-    min-width: 0
-    width: 100% // For IE11
-
-  &__icon
-    align-items: center
-    display: inline-flex
-    height: $input-icon-height
-    flex: 1 0 auto
-    justify-content: center
-    min-width: $input-icon-min-width
-    width: $input-icon-width
-
-    &--clear
-      border-radius: 50%
-
-      .v-icon--disabled
-        visibility: hidden
-
-  &__slot
-    align-items: center
-    color: inherit
-    display: flex
-    margin-bottom: $input-slot-margin-bottom
-    min-height: inherit
-    position: relative
-    transition: $primary-transition
-    width: 100%
-
-  &--dense > .v-input__control > .v-input__slot
-    margin-bottom: $input-dense-slot-margin-bottom
-
-  &--is-disabled:not(.v-input--is-readonly)
-    pointer-events: none
+  font-size: $input-details-font-size
+  font-weight: $input-details-font-weight
+  grid-area: messages
+  letter-spacing: $input-details-letter-spacing
+  line-height: $input-details-line-height
+  margin-bottom: $input-details-margin-bottom
+  min-height: $input-details-min-height
+  padding-top: $input-details-padding-above
+  overflow: hidden
+  justify-content: space-between
+
+.v-input__details,
+.v-input__prepend,
+.v-input__append
+  > .v-icon
+    opacity: var(--v-medium-emphasis-opacity)
+
+  .v-input--disabled &,
+  .v-input--error &
+    > .v-icon,
+    .v-messages
+      opacity: 1
+
+  .v-input--disabled &
+    opacity: var(--v-disabled-opacity)
+
+  .v-input--error:not(.v-input--disabled) &
+    > .v-icon,
+    .v-messages
+      color: rgb(var(--v-theme-error))
+
+.v-input__prepend,
+.v-input__append
+  display: flex
+  padding-top: var(--v-input-padding-top)
 
-  &--is-loading > .v-input__control > .v-input__slot
-    &:before,
-    &:after
-      display: none
+.v-input__prepend
+  grid-area: prepend
 
-  &--hide-details > .v-input__control > .v-input__slot
-    margin-bottom: 0
+.v-input__append
+  grid-area: append
 
-  &--has-state
-    &.error--text .v-label
-      animation: v-shake .6s map-get($transition, 'swing')
+.v-input__control
+  grid-area: control

package/lib/components/VInput/_variables.scss

@@ -1,14 +1,22 @@
-@import '../../styles/styles.sass';
+@use 'sass:map';
+@use '../../styles/settings';
+@use '../../styles/tools';
 
-$input-font-size: 16px !default;
-$input-letter-spacing: normal !default;
-$input-text-align: left !default;
-$input-max-height: 32px !default;
-$input-label-height: 20px !default;
-$input-label-letter-spacing: normal !default;
-$input-prepend-append-outer-margin: 9px !default;
-$input-icon-height: 24px !default;
-$input-icon-min-width: 24px !default;
-$input-icon-width: 24px !default;
-$input-slot-margin-bottom: 8px !default;
-$input-dense-slot-margin-bottom: 4px !default;
+// CONTROL
+$input-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
+$input-control-height: 56px !default;
+$input-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
+$input-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
+
+// DETAILS
+$input-details-font-size: .75rem !default;
+$input-details-font-weight: 400 !default;
+$input-details-letter-spacing: .0333333333em !default;
+$input-details-line-height: normal !default;
+$input-details-margin-bottom: 16px !default;
+$input-details-min-height: 22px !default;
+$input-details-padding-above: 6px !default;
+$input-details-transition: 150ms settings.$standard-easing !default;
+
+// AFFIXES
+$input-affix-margin-inside: 16px !default;

package/lib/components/VInput/index.mjs

@@ -1,4 +1,2 @@
-import VInput from "./VInput.mjs";
-export { VInput };
-export default VInput;
+export { VInput } from "./VInput.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VInput/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VInput/index.ts"],"names":["VInput"],"mappings":"OAAOA,M;AAEP,SAASA,MAAT;AACA,eAAeA,MAAf","sourcesContent":["import VInput from './VInput'\n\nexport { VInput }\nexport default VInput\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VInput/index.ts"],"names":["VInput"],"mappings":"SAASA,M","sourcesContent":["export { VInput } from './VInput'\n"],"file":"index.mjs"}

package/lib/components/VItemGroup/VItem.mjs

@@ -1,67 +1,38 @@
-// @ts-nocheck
-
-/* eslint-disable */
-// Mixins
-import { factory as GroupableFactory } from "../../mixins/groupable.mjs"; // Utilities
-
-import mixins from "../../util/mixins.mjs";
-import { consoleWarn } from "../../util/console.mjs"; // Types
-
-import Vue from 'vue';
-
-/* @vue/component */
-export const BaseItem = Vue.extend({
-  props: {
-    activeClass: String,
-    value: {
-      required: false
-    }
-  },
-  data: () => ({
-    isActive: false
-  }),
-  methods: {
-    toggle() {
-      this.isActive = !this.isActive;
-    }
-
-  },
-
-  render() {
-    if (!this.$scopedSlots.default) {
-      consoleWarn('v-item is missing a default scopedSlot', this);
-      return null;
-    }
-
-    let element;
-    /* istanbul ignore else */
-
-    if (this.$scopedSlots.default) {
-      element = this.$scopedSlots.default({
-        active: this.isActive,
-        toggle: this.toggle
+// Composables
+import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
+import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
+
+import { genericComponent } from "../../util/index.mjs"; // Types
+
+export const VItem = genericComponent()({
+  name: 'VItem',
+  props: makeGroupItemProps(),
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      isSelected,
+      select,
+      toggle,
+      selectedClass,
+      value,
+      disabled
+    } = useGroupItem(props, VItemGroupSymbol);
+    return () => {
+      var _slots$default;
+
+      return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+        isSelected: isSelected.value,
+        selectedClass: selectedClass.value,
+        select,
+        toggle,
+        value: value.value,
+        disabled: disabled.value
       });
-    }
-
-    if (Array.isArray(element) && element.length === 1) {
-      element = element[0];
-    }
-
-    if (!element || Array.isArray(element) || !element.tag) {
-      consoleWarn('v-item should only contain a single element', this);
-      return element;
-    }
-
-    element.data = this._b(element.data || {}, element.tag, {
-      class: {
-        [this.activeClass]: this.isActive
-      }
-    });
-    return element;
+    };
   }
 
 });
-export default mixins(BaseItem, GroupableFactory('itemGroup', 'v-item', 'v-item-group')).extend({
-  name: 'v-item'
-});
 //# sourceMappingURL=VItem.mjs.map

package/lib/components/VItemGroup/VItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VItemGroup/VItem.ts"],"names":["factory","GroupableFactory","mixins","consoleWarn","Vue","BaseItem","extend","props","activeClass","String","value","required","data","isActive","methods","toggle","render","$scopedSlots","default","element","active","Array","isArray","length","tag","_b","class","name"],"mappings":"AAAA;;AACA;AAEA;SACSA,OAAO,IAAIC,gB,sCAEpB;;OACOC,M;SACEC,W,kCAET;;AACA,OAAOC,GAAP,MAAgB,KAAhB;;AAGA;AACA,OAAO,MAAMC,QAAQ,GAAGD,GAAG,CAACE,MAAJ,CAAW;AACjCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAEC,MADR;AAELC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE;AADL;AAFF,GAD0B;AAQjCC,EAAAA,IAAI,EAAE,OAAO;AACXC,IAAAA,QAAQ,EAAE;AADC,GAAP,CAR2B;AAYjCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,GAAI;AACR,WAAKF,QAAL,GAAgB,CAAC,KAAKA,QAAtB;AACD;;AAHM,GAZwB;;AAkBjCG,EAAAA,MAAM,GAAW;AACf,QAAI,CAAC,KAAKC,YAAL,CAAkBC,OAAvB,EAAgC;AAC9Bf,MAAAA,WAAW,CAAC,wCAAD,EAA2C,IAA3C,CAAX;AAEA,aAAO,IAAP;AACD;;AAED,QAAIgB,OAAJ;AAEA;;AACA,QAAI,KAAKF,YAAL,CAAkBC,OAAtB,EAA+B;AAC7BC,MAAAA,OAAO,GAAG,KAAKF,YAAL,CAAkBC,OAAlB,CAA0B;AAClCE,QAAAA,MAAM,EAAE,KAAKP,QADqB;AAElCE,QAAAA,MAAM,EAAE,KAAKA;AAFqB,OAA1B,CAAV;AAID;;AAED,QAAIM,KAAK,CAACC,OAAN,CAAcH,OAAd,KAA0BA,OAAO,CAACI,MAAR,KAAmB,CAAjD,EAAoD;AAClDJ,MAAAA,OAAO,GAAGA,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAACA,OAAD,IAAYE,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAZ,IAAsC,CAACA,OAAO,CAACK,GAAnD,EAAwD;AACtDrB,MAAAA,WAAW,CAAC,6CAAD,EAAgD,IAAhD,CAAX;AAEA,aAAOgB,OAAP;AACD;;AAEDA,IAAAA,OAAO,CAACP,IAAR,GAAe,KAAKa,EAAL,CAAQN,OAAO,CAACP,IAAR,IAAgB,EAAxB,EAA4BO,OAAO,CAACK,GAApC,EAA0C;AACvDE,MAAAA,KAAK,EAAE;AAAE,SAAC,KAAKlB,WAAN,GAAoB,KAAKK;AAA3B;AADgD,KAA1C,CAAf;AAIA,WAAOM,OAAP;AACD;;AAlDgC,CAAX,CAAjB;AAqDP,eAAejB,MAAM,CACnBG,QADmB,EAEnBJ,gBAAgB,CAAC,WAAD,EAAc,QAAd,EAAwB,cAAxB,CAFG,CAAN,CAGbK,MAHa,CAGN;AACPqB,EAAAA,IAAI,EAAE;AADC,CAHM,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\n/* @vue/component */\nexport const BaseItem = Vue.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('v-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\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-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n  name: 'v-item',\n})\n"],"file":"VItem.mjs"}
+{"version":3,"sources":["../../../src/components/VItemGroup/VItem.tsx"],"names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;SACSC,gB,gCAET;;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,GAIhC;AACHE,EAAAA,IAAI,EAAE,OADH;AAGHC,EAAAA,KAAK,EAAEN,kBAAkB,EAHtB;;AAKHO,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,MAAtB;AAA8BC,MAAAA,aAA9B;AAA6CC,MAAAA,KAA7C;AAAoDC,MAAAA;AAApD,QAAiEb,YAAY,CAACK,KAAD,EAAQJ,gBAAR,CAAnF;AACA,WAAO;AAAA;;AAAA,+BAAMM,KAAK,CAACO,OAAZ,qBAAM,oBAAAP,KAAK,EAAW;AAC3BC,QAAAA,UAAU,EAAEA,UAAU,CAACI,KADI;AAE3BD,QAAAA,aAAa,EAAEA,aAAa,CAACC,KAFF;AAG3BH,QAAAA,MAH2B;AAI3BC,QAAAA,MAJ2B;AAK3BE,QAAAA,KAAK,EAAEA,KAAK,CAACA,KALc;AAM3BC,QAAAA,QAAQ,EAAEA,QAAQ,CAACD;AANQ,OAAX,CAAX;AAAA,KAAP;AAQD;;AAfE,CAJgC,CAA9B","sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"file":"VItem.mjs"}

package/lib/components/VItemGroup/VItemGroup.css

@@ -0,0 +1,6 @@
+.v-item-group {
+  flex: 0 1 auto;
+  max-width: 100%;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}

package/lib/components/VItemGroup/VItemGroup.mjs

@@ -1,223 +1,53 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VItemGroup.sass"; // Mixins
-
-import Proxyable from "../../mixins/proxyable/index.mjs";
-import Themeable from "../../mixins/themeable/index.mjs"; // Utilities
-
-import mixins from "../../util/mixins.mjs";
-import { consoleWarn } from "../../util/console.mjs"; // Types
-
-export const BaseItemGroup = mixins(Proxyable, Themeable).extend({
-  name: 'base-item-group',
-  props: {
-    activeClass: {
-      type: String,
-      default: 'v-item--active'
-    },
-    mandatory: Boolean,
-    max: {
-      type: [Number, String],
-      default: null
-    },
-    multiple: Boolean,
-    tag: {
-      type: String,
-      default: 'div'
-    }
+import "./VItemGroup.css"; // Composables
+
+import { makeGroupProps, useGroup } from "../../composables/group.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VItemGroupSymbol = Symbol.for('vuetify:v-item-group');
+export const VItemGroup = defineComponent({
+  name: 'VItemGroup',
+  props: { ...makeGroupProps({
+      selectedClass: 'v-item--selected'
+    }),
+    ...makeTagProps(),
+    ...makeThemeProps()
   },
-
-  data() {
-    return {
-      // As long as a value is defined, show it
-      // Otherwise, check if multiple
-      // to determine which default to provide
-      internalLazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
-      items: []
-    };
+  emits: {
+    'update:modelValue': value => true
   },
 
-  computed: {
-    classes() {
-      return {
-        'v-item-group': true,
-        ...this.themeClasses
-      };
-    },
-
-    selectedIndex() {
-      return this.selectedItem && this.items.indexOf(this.selectedItem) || -1;
-    },
-
-    selectedItem() {
-      if (this.multiple) return undefined;
-      return this.selectedItems[0];
-    },
-
-    selectedItems() {
-      return this.items.filter((item, index) => {
-        return this.toggleMethod(this.getValue(item, index));
-      });
-    },
-
-    selectedValues() {
-      if (this.internalValue == null) return [];
-      return Array.isArray(this.internalValue) ? this.internalValue : [this.internalValue];
-    },
-
-    toggleMethod() {
-      if (!this.multiple) {
-        return v => this.internalValue === v;
-      }
-
-      const internalValue = this.internalValue;
-
-      if (Array.isArray(internalValue)) {
-        return v => internalValue.includes(v);
-      }
-
-      return () => false;
-    }
-
-  },
-  watch: {
-    internalValue: 'updateItemsState',
-    items: 'updateItemsState'
-  },
-
-  created() {
-    if (this.multiple && !Array.isArray(this.internalValue)) {
-      consoleWarn('Model must be bound to an array if the multiple property is true.', this);
-    }
-  },
-
-  methods: {
-    genData() {
-      return {
-        class: this.classes
-      };
-    },
-
-    getValue(item, i) {
-      return item.value == null || item.value === '' ? i : item.value;
-    },
-
-    onClick(item) {
-      this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
-    },
-
-    register(item) {
-      const index = this.items.push(item) - 1;
-      item.$on('change', () => this.onClick(item)); // If no value provided and mandatory,
-      // assign first registered item
-
-      if (this.mandatory && !this.selectedValues.length) {
-        this.updateMandatory();
-      }
-
-      this.updateItem(item, index);
-    },
-
-    unregister(item) {
-      if (this._isDestroyed) return;
-      const index = this.items.indexOf(item);
-      const value = this.getValue(item, index);
-      this.items.splice(index, 1);
-      const valueIndex = this.selectedValues.indexOf(value); // Items is not selected, do nothing
-
-      if (valueIndex < 0) return; // If not mandatory, use regular update process
-
-      if (!this.mandatory) {
-        return this.updateInternalValue(value);
-      } // Remove the value
-
-
-      if (this.multiple && Array.isArray(this.internalValue)) {
-        this.internalValue = this.internalValue.filter(v => v !== value);
-      } else {
-        this.internalValue = undefined;
-      } // If mandatory and we have no selection
-      // add the last item as value
-
-      /* istanbul ignore else */
-
-
-      if (!this.selectedItems.length) {
-        this.updateMandatory(true);
-      }
-    },
-
-    updateItem(item, index) {
-      const value = this.getValue(item, index);
-      item.isActive = this.toggleMethod(value);
-    },
-
-    // https://github.com/vuetifyjs/vuetify/issues/5352
-    updateItemsState() {
-      this.$nextTick(() => {
-        if (this.mandatory && !this.selectedItems.length) {
-          return this.updateMandatory();
-        } // TODO: Make this smarter so it
-        // doesn't have to iterate every
-        // child in an update
-
-
-        this.items.forEach(this.updateItem);
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      isSelected,
+      select,
+      next,
+      prev,
+      selected
+    } = useGroup(props, VItemGroupSymbol);
+    return () => {
+      var _slots$default;
+
+      return _createVNode(props.tag, {
+        "class": ['v-item-group', themeClasses.value]
+      }, {
+        default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+          isSelected,
+          select,
+          next,
+          prev,
+          selected: selected.value
+        })]
       });
-    },
-
-    updateInternalValue(value) {
-      this.multiple ? this.updateMultiple(value) : this.updateSingle(value);
-    },
-
-    updateMandatory(last) {
-      if (!this.items.length) return;
-      const items = this.items.slice();
-      if (last) items.reverse();
-      const item = items.find(item => !item.disabled); // If no tabs are available
-      // aborts mandatory value
-
-      if (!item) return;
-      const index = this.items.indexOf(item);
-      this.updateInternalValue(this.getValue(item, index));
-    },
-
-    updateMultiple(value) {
-      const defaultValue = Array.isArray(this.internalValue) ? this.internalValue : [];
-      const internalValue = defaultValue.slice();
-      const index = internalValue.findIndex(val => val === value);
-      if (this.mandatory && // Item already exists
-      index > -1 && // value would be reduced below min
-      internalValue.length - 1 < 1) return;
-      if ( // Max is set
-      this.max != null && // Item doesn't exist
-      index < 0 && // value would be increased above max
-      internalValue.length + 1 > this.max) return;
-      index > -1 ? internalValue.splice(index, 1) : internalValue.push(value);
-      this.internalValue = internalValue;
-    },
-
-    updateSingle(value) {
-      const isSame = value === this.internalValue;
-      if (this.mandatory && isSame) return;
-      this.internalValue = isSame ? undefined : value;
-    }
-
-  },
-
-  render(h) {
-    return h(this.tag, this.genData(), this.$slots.default);
-  }
-
-});
-export default BaseItemGroup.extend({
-  name: 'v-item-group',
-
-  provide() {
-    return {
-      itemGroup: this
     };
   }