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

package/lib/components/VCard/VCardHeaderText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardHeaderText.ts"],"names":["createSimpleFunctional","VCardHeaderText"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,eAAe,GAAGD,sBAAsB,CAAC,oBAAD,CAA9C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardHeaderText = createSimpleFunctional('v-card-header-text')\n"],"file":"VCardHeaderText.mjs"}

package/lib/components/VCard/VCardImg.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardImg = createSimpleFunctional('v-card-img');
+//# sourceMappingURL=VCardImg.mjs.map

package/lib/components/VCard/VCardImg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardImg.ts"],"names":["createSimpleFunctional","VCardImg"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,QAAQ,GAAGD,sBAAsB,CAAC,YAAD,CAAvC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardImg = createSimpleFunctional('v-card-img')\n"],"file":"VCardImg.mjs"}

package/lib/components/VCard/VCardSubtitle.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardSubtitle = createSimpleFunctional('v-card-subtitle');
+//# sourceMappingURL=VCardSubtitle.mjs.map

package/lib/components/VCard/VCardSubtitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"names":["createSimpleFunctional","VCardSubtitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,iBAAD,CAA5C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardSubtitle = createSimpleFunctional('v-card-subtitle')\n"],"file":"VCardSubtitle.mjs"}

package/lib/components/VCard/VCardText.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardText = createSimpleFunctional('v-card-text');
+//# sourceMappingURL=VCardText.mjs.map

package/lib/components/VCard/VCardText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardText.ts"],"names":["createSimpleFunctional","VCardText"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,SAAS,GAAGD,sBAAsB,CAAC,aAAD,CAAxC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardText = createSimpleFunctional('v-card-text')\n"],"file":"VCardText.mjs"}

package/lib/components/VCard/VCardTitle.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardTitle = createSimpleFunctional('v-card-title');
+//# sourceMappingURL=VCardTitle.mjs.map

package/lib/components/VCard/VCardTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardTitle.ts"],"names":["createSimpleFunctional","VCardTitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,UAAU,GAAGD,sBAAsB,CAAC,cAAD,CAAzC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardTitle = createSimpleFunctional('v-card-title')\n"],"file":"VCardTitle.mjs"}

package/lib/components/VCard/_mixins.scss

@@ -0,0 +1,13 @@
+@mixin card-line-height-densities ($map) {
+  @each $density, $lineHeight in $map {
+    @if $density == null {
+      .v-card & {
+        line-height: $lineHeight;
+      }
+    } @else {
+      .v-card--density-#{$density} & {
+        line-height: $lineHeight;
+      }
+    }
+  }
+}

package/lib/components/VCard/_variables.scss

@@ -1,29 +1,109 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
+@use '../../styles/tools';
 
-$card-actions-padding: 8px !default;
-$card-adjacent-sibling-text-padding-top: 0 !default;
-$card-border-radius: $border-radius-root !default;
-$card-btn-margin-x: 8px !default;
-$card-btn-padding: 0 8px !default;
-$card-btn-small-margin-x: 4px !default;
+// Defaults
+$card-actions-flex: none !default;
+$card-actions-min-height: 52px !default;
+$card-actions-padding: .5rem !default;
+$card-avatar-align-self: flex-start !default;
+$card-avatar-header-padding: 0 !default;
+$card-avatar-padding: .5rem 1rem !default;
+$card-background: rgb(var(--v-theme-surface)) !default;
+$card-border-color: settings.$border-color-root !default;
+$card-border-radius: settings.$border-radius-root !default;
+$card-border-style: settings.$border-style-root !default;
+$card-border-thin-width: thin !default;
+$card-border-width: 0 !default;
+$card-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
+$card-content-flex: 1 1 auto !default;
+$card-content-padding: 16px !default;
 $card-disabled-opacity: 0.6 !default;
-$card-elevation: 2 !default;
+$card-elevation: 1 !default;
+$card-header-flex: none !default;
+$card-header-text-flex: 1 1 auto !default;
 $card-hover-elevation: 8 !default;
-$card-link-focus-opacity: 0.08 !default;
-$card-outlined-border-width: thin !default;
-$card-overflow-wrap: break-word !default;
-$card-raised-elevation: 8 !default;
-$card-shaped-border-radius: map-get($rounded, 'xl') $card-border-radius !default;
-$card-subtitle-padding: 16px !default;
-$card-text-font-size: map-deep-get($headings, 'subtitle-2', 'size') !default;
-$card-text-font-weight: 400 !default;
-$card-text-letter-spacing: map-deep-get($headings, 'subtitle-2', 'letter-spacing') !default;
-$card-text-line-height: map-deep-get($headings, 'subtitle-2', 'line-height') !default;
-$card-title-adjacent-sibling-subtitle-margin-top: -16px !default;
-$card-title-adjacent-sibling-subtitle-text-padding-top: 0 !default;
-$card-title-font-size: map-deep-get($headings, 'h6', 'size') !default;
-$card-title-font-weight: map-deep-get($headings, 'h6', 'weight') !default;
-$card-title-letter-spacing: map-deep-get($headings, 'h6', 'letter-spacing') !default;
-$card-title-line-height: map-deep-get($headings, 'h6', 'line-height') !default;
-$card-title-word-break: break-all !default;
-$card-white-space: normal !default;
+$card-img-flex: 1 1 auto !default;
+$card-item-align-items: center !default;
+$card-item-padding: .625rem 1rem !default;
+$card-padding: 0 !default;
+$card-plain-opacity: .62 !default;
+$card-positions: absolute fixed !default;
+$card-subtitle-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
+$card-subtitle-comfortable-line-height: 1.125rem !default;
+$card-subtitle-compact-line-height: 1rem !default;
+$card-subtitle-flex: none !default;
+$card-subtitle-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
+$card-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
+$card-subtitle-header-padding: 0 0 .25rem !default;
+$card-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
+$card-subtitle-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
+$card-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;
+$card-subtitle-padding: 0 1rem !default;
+$card-subtitle-text-transform: none !default;
+$card-text-comfortable-line-height: 1.2rem !default;
+$card-text-compact-line-height: 1.15rem !default;
+$card-text-flex: 1 1 auto !default;
+$card-text-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
+$card-text-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
+$card-text-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
+$card-text-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
+$card-text-padding-bottom: 1rem !default;
+$card-text-padding: 1rem !default;
+$card-text-text-transform: tools.map-deep-get(settings.$typography, 'body-2', 'text-transform') !default;
+$card-tile-border-radius: 0 !default;
+$card-title-comfortable-line-height: 1.75rem !default;
+$card-title-compact-line-height: 1.55rem !default;
+$card-title-flex: none !default;
+$card-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
+$card-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
+$card-title-header-padding: 0 !default;
+$card-title-hyphens: auto !default;
+$card-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
+$card-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
+$card-title-overflow-wrap: normal !default;
+$card-title-padding-top: 1rem !default;
+$card-title-padding: .5rem 1rem !default;
+$card-title-text-transform: none !default;
+$card-title-word-break: normal !default;
+$card-title-word-wrap: break-word !default;
+$card-transition-duration: 0.28s !default;
+$card-transition-property: box-shadow, opacity, background !default;
+$card-transition-timing-function: settings.$standard-easing !default;
+
+$card-border: (
+  $card-border-color,
+  $card-border-style,
+  $card-border-width,
+  $card-border-thin-width
+) !default;
+
+$card-title-densities: () !default;
+$card-title-densities: (
+  null: $card-title-line-height,
+  'comfortable': $card-title-comfortable-line-height,
+  'compact': $card-title-compact-line-height
+);
+
+$card-subtitle-densities: ('default': 0, 'comfortable': -1, 'compact': -2);
+
+$card-subtitle-densities: () !default;
+$card-subtitle-densities: (
+  null: $card-subtitle-line-height,
+  'comfortable': $card-subtitle-comfortable-line-height,
+  'compact': $card-subtitle-compact-line-height
+);
+
+$card-text-densities: () !default;
+$card-text-densities: (
+  null: $card-text-line-height,
+  'comfortable': $card-text-comfortable-line-height,
+  'compact': $card-text-compact-line-height
+);
+
+$card-variants: (
+  $card-background,
+  $card-color,
+  $card-elevation,
+  $card-plain-opacity,
+  'v-card'
+);

package/lib/components/VCard/index.mjs

@@ -1,17 +1,11 @@
-import VCard from "./VCard.mjs";
-import { createSimpleFunctional } from "../../util/index.mjs";
-const VCardActions = createSimpleFunctional('v-card__actions');
-const VCardSubtitle = createSimpleFunctional('v-card__subtitle');
-const VCardText = createSimpleFunctional('v-card__text');
-const VCardTitle = createSimpleFunctional('v-card__title');
-export { VCard, VCardActions, VCardSubtitle, VCardText, VCardTitle };
-export default {
-  $_vuetify_subcomponents: {
-    VCard,
-    VCardActions,
-    VCardSubtitle,
-    VCardText,
-    VCardTitle
-  }
-};
+export { VCard } from "./VCard.mjs";
+export { VCardActions } from "./VCardActions.mjs";
+export { VCardAvatar } from "./VCardAvatar.mjs";
+export { VCardContent } from "./VCardContent.mjs";
+export { VCardHeader } from "./VCardHeader.mjs";
+export { VCardHeaderText } from "./VCardHeaderText.mjs";
+export { VCardImg } from "./VCardImg.mjs";
+export { VCardSubtitle } from "./VCardSubtitle.mjs";
+export { VCardText } from "./VCardText.mjs";
+export { VCardTitle } from "./VCardTitle.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":["VCard","createSimpleFunctional","VCardActions","VCardSubtitle","VCardText","VCardTitle","$_vuetify_subcomponents"],"mappings":"OAAOA,K;SACEC,sB;AAET,MAAMC,YAAY,GAAGD,sBAAsB,CAAC,iBAAD,CAA3C;AACA,MAAME,aAAa,GAAGF,sBAAsB,CAAC,kBAAD,CAA5C;AACA,MAAMG,SAAS,GAAGH,sBAAsB,CAAC,cAAD,CAAxC;AACA,MAAMI,UAAU,GAAGJ,sBAAsB,CAAC,eAAD,CAAzC;AAEA,SACED,KADF,EAEEE,YAFF,EAGEC,aAHF,EAIEC,SAJF,EAKEC,UALF;AAQA,eAAe;AACbC,EAAAA,uBAAuB,EAAE;AACvBN,IAAAA,KADuB;AAEvBE,IAAAA,YAFuB;AAGvBC,IAAAA,aAHuB;AAIvBC,IAAAA,SAJuB;AAKvBC,IAAAA;AALuB;AADZ,CAAf","sourcesContent":["import VCard from './VCard'\nimport { createSimpleFunctional } from '@/util'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":["VCard","VCardActions","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;SACAC,Y;SACAC,W;SACAC,e;SACAC,Q;SACAC,a;SACAC,S;SACAC,U","sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardAvatar } from './VCardAvatar'\nexport { VCardContent } from './VCardContent'\nexport { VCardHeader } from './VCardHeader'\nexport { VCardHeaderText } from './VCardHeaderText'\nexport { VCardImg } from './VCardImg'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"file":"index.mjs"}

package/lib/components/VCarousel/VCarousel.css

@@ -0,0 +1,63 @@
+.v-carousel {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.v-carousel__controls {
+  align-items: center;
+  background: rgba(var(--v-theme-surface-variant), 0.3);
+  bottom: 0;
+  display: flex;
+  height: 50px;
+  justify-content: center;
+  list-style-type: none;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+.v-carousel__controls > .v-item-group {
+  flex: 0 1 auto;
+}
+.v-carousel__controls__item {
+  margin: 0 8px;
+}
+.v-carousel__controls__item .v-icon {
+  opacity: 0.5;
+}
+.v-carousel__controls__item--active .v-icon {
+  opacity: 1;
+  vertical-align: middle;
+}
+.v-carousel__controls__item:hover {
+  background: none;
+}
+.v-carousel__controls__item:hover .v-icon {
+  opacity: 0.8;
+}
+
+.v-carousel__progress {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.v-carousel-item {
+  display: block;
+  height: inherit;
+  text-decoration: none;
+}
+.v-carousel-item > .v-img {
+  height: inherit;
+}
+
+.v-carousel--hide-delimiter-background .v-carousel__controls {
+  background: transparent;
+}
+
+.v-carousel--vertical-delimiters .v-carousel__controls {
+  flex-direction: column;
+  height: 100% !important;
+  width: 50px;
+}

package/lib/components/VCarousel/VCarousel.mjs

@@ -1,29 +1,22 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 // Styles
-import "./VCarousel.sass"; // Extensions
-
-import VWindow from "../VWindow/VWindow.mjs"; // Components
+import "./VCarousel.css"; // Components
 
-import VBtn from "../VBtn/index.mjs";
-import VIcon from "../VIcon/index.mjs";
-import VProgressLinear from "../VProgressLinear/index.mjs";
-import { VThemeProvider } from "../VThemeProvider/index.mjs"; // Mixins
-// TODO: Move this into core components v2.0
+import { VBtn } from "../VBtn/index.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VProgressLinear } from "../VProgressLinear/index.mjs";
+import { VWindow } from "../VWindow/index.mjs"; // Composables
 
-import ButtonGroup from "../../mixins/button-group/index.mjs"; // Utilities
+import { useLocale } from "../../composables/locale.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-import { convertToUnit } from "../../util/helpers.mjs";
-import { breaking } from "../../util/console.mjs"; // Types
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
+import { onMounted, ref, watch } from 'vue'; // Types
 
-export default VWindow.extend({
-  name: 'v-carousel',
+export const VCarousel = defineComponent({
+  name: 'VCarousel',
   props: {
-    continuous: {
-      type: Boolean,
-      default: true
-    },
+    color: String,
     cycle: Boolean,
     delimiterIcon: {
       type: String,
@@ -40,182 +33,103 @@ export default VWindow.extend({
       default: 6000,
       validator: value => value > 0
     },
-    mandatory: {
-      type: Boolean,
-      default: true
-    },
-    progress: Boolean,
-    progressColor: String,
+    modelValue: null,
+    progress: [Boolean, String],
     showArrows: {
-      type: Boolean,
-      default: true
+      type: [Boolean, String],
+      default: true,
+      validator: v => typeof v === 'boolean' || v === 'hover'
     },
-    verticalDelimiters: {
-      type: String,
-      default: undefined
-    }
+    verticalDelimiters: [Boolean, String]
   },
-
-  data() {
-    return {
-      internalHeight: this.height,
-      slideTimeout: undefined
-    };
+  emits: {
+    'update:modelValue': val => true
   },
 
-  computed: {
-    classes() {
-      return { ...VWindow.options.computed.classes.call(this),
-        'v-carousel': true,
-        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,
-        'v-carousel--vertical-delimiters': this.isVertical
-      };
-    },
-
-    isDark() {
-      return this.dark || !this.light;
-    },
-
-    isVertical() {
-      return this.verticalDelimiters != null;
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, 'modelValue');
+    const {
+      t
+    } = useLocale();
+    const windowRef = ref();
+    let slideTimeout = -1;
+    watch(model, restartTimeout);
+    watch(() => props.interval, restartTimeout);
+    watch(() => props.cycle, val => {
+      if (val) restartTimeout();else window.clearTimeout(slideTimeout);
+    });
+    onMounted(startTimeout);
+
+    function startTimeout() {
+      if (!props.cycle || !windowRef.value) return;
+      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000);
     }
 
-  },
-  watch: {
-    internalValue: 'restartTimeout',
-    interval: 'restartTimeout',
-
-    height(val, oldVal) {
-      if (val === oldVal || !val) return;
-      this.internalHeight = val;
-    },
-
-    cycle(val) {
-      if (val) {
-        this.restartTimeout();
-      } else {
-        clearTimeout(this.slideTimeout);
-        this.slideTimeout = undefined;
-      }
-    }
-
-  },
-
-  created() {
-    /* istanbul ignore next */
-    if (this.$attrs.hasOwnProperty('hide-controls')) {
-      breaking('hide-controls', ':show-arrows="false"', this);
+    function restartTimeout() {
+      window.clearTimeout(slideTimeout);
+      window.requestAnimationFrame(startTimeout);
     }
-  },
-
-  mounted() {
-    this.startTimeout();
-  },
 
-  methods: {
-    genDefaultSlot() {
-      var _this$$slots$default;
-
-      return (_this$$slots$default = this.$slots.default) == null ? void 0 : _this$$slots$default.map(item => {
-        return this.$createElement(VThemeProvider, {
-          props: {
-            light: !this.theme.isDark,
-            dark: this.theme.isDark
+    useRender(() => _createVNode(VWindow, {
+      "ref": windowRef,
+      "modelValue": model.value,
+      "onUpdate:modelValue": $event => model.value = $event,
+      "class": ['v-carousel', {
+        'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
+        'v-carousel--vertical-delimiters': props.verticalDelimiters
+      }],
+      "style": {
+        height: convertToUnit(props.height)
+      },
+      "continuous": true,
+      "showArrows": props.showArrows,
+      "mandatory": "force"
+    }, {
+      default: slots.default,
+      additional: _ref2 => {
+        let {
+          group
+        } = _ref2;
+        return _createVNode(_Fragment, null, [!props.hideDelimiters && _createVNode("div", {
+          "class": "v-carousel__controls",
+          "style": {
+            left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
+            right: props.verticalDelimiters === 'right' ? 0 : 'auto'
           }
-        }, [item]);
-      });
-    },
-
-    genControlIcons() {
-      if (this.isVertical) return null;
-      return VWindow.options.methods.genControlIcons.call(this);
-    },
-
-    genDelimiters() {
-      return this.$createElement('div', {
-        staticClass: 'v-carousel__controls',
-        style: {
-          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',
-          right: this.verticalDelimiters === 'right' ? 0 : 'auto'
-        }
-      }, [this.genItems()]);
-    },
-
-    genItems() {
-      const length = this.items.length;
-      const children = [];
-
-      for (let i = 0; i < length; i++) {
-        const child = this.$createElement(VBtn, {
-          staticClass: 'v-carousel__controls__item',
-          attrs: {
-            'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length)
+        }, [group.items.value.length > 0 && _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              color: props.color,
+              icon: props.delimiterIcon,
+              size: 'x-small',
+              variant: 'text'
+            }
           },
-          props: {
-            icon: true,
-            small: true,
-            value: this.getValue(this.items[i], i)
-          }
-        }, [this.$createElement(VIcon, {
-          props: {
-            size: 18
-          }
-        }, this.delimiterIcon)]);
-        children.push(child);
-      }
-
-      return this.$createElement(ButtonGroup, {
-        props: {
-          value: this.internalValue,
-          mandatory: this.mandatory
-        },
-        on: {
-          change: val => {
-            this.internalValue = val;
-          }
-        }
-      }, children);
-    },
-
-    genProgress() {
-      return this.$createElement(VProgressLinear, {
-        staticClass: 'v-carousel__progress',
-        props: {
-          color: this.progressColor,
-          value: (this.internalIndex + 1) / this.items.length * 100
-        }
-      });
-    },
-
-    restartTimeout() {
-      this.slideTimeout && clearTimeout(this.slideTimeout);
-      this.slideTimeout = undefined;
-      window.requestAnimationFrame(this.startTimeout);
-    },
-
-    startTimeout() {
-      if (!this.cycle) return;
-      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);
-    }
-
-  },
-
-  render(h) {
-    const render = VWindow.options.render.call(this, h);
-    render.data.style = "height: ".concat(convertToUnit(this.height), ";");
-    /* istanbul ignore else */
-
-    if (!this.hideDelimiters) {
-      render.children.push(this.genDelimiters());
-    }
-    /* istanbul ignore else */
-
-
-    if (this.progress || this.progressColor) {
-      render.children.push(this.genProgress());
-    }
-
-    return render;
+          "scoped": true
+        }, {
+          default: () => [group.items.value.map(item => {
+            const props = {
+              'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),
+              class: [group.isSelected(item.id) && 'v-btn--selected'],
+              onClick: () => group.select(item.id, true)
+            };
+            return slots.item ? slots.item({
+              props,
+              item
+            }) : _createVNode(VBtn, _mergeProps(item, props), null);
+          })]
+        })]), props.progress && _createVNode(VProgressLinear, {
+          "class": "v-carousel__progress",
+          "color": typeof props.progress === 'string' ? props.progress : undefined,
+          "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
+        }, null)]);
+      },
+      prev: slots.prev,
+      next: slots.next
+    }));
   }
 
 });