@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/VCard/VCardActions.mjs

@@ -1,3 +1,30 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export default createSimpleFunctional('v-card-actions');
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
+
+import { defineComponent } from 'vue';
+import { useRender } from "../../util/index.mjs";
+export const VCardActions = defineComponent({
+  name: 'VCardActions',
+
+  setup(_, _ref) {
+    let {
+      slots
+    } = _ref;
+    provideDefaults({
+      VBtn: {
+        variant: 'text'
+      }
+    });
+    useRender(() => {
+      var _slots$default;
+
+      return _createVNode("div", {
+        "class": "v-card-actions"
+      }, [slots == null ? void 0 : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
+    });
+    return {};
+  }
+
+});
 //# sourceMappingURL=VCardActions.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardActions.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,gBAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-actions')\n"],"file":"VCardActions.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/VCardActions.tsx"],"names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"mappings":";AAAA;SACSA,e,0CAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;AAC1CG,EAAAA,IAAI,EAAE,cADoC;;AAG1CC,EAAAA,KAAK,CAAEC,CAAF,QAAgB;AAAA,QAAX;AAAEC,MAAAA;AAAF,KAAW;AACnBP,IAAAA,eAAe,CAAC;AACdQ,MAAAA,IAAI,EAAE;AACJC,QAAAA,OAAO,EAAE;AADL;AADQ,KAAD,CAAf;AAMAP,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,iBACG;AADH,UAEJK,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO,EAAP;AACD;;AAjByC,CAAD,CAApC","sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent } from 'vue'\nimport { useRender } from '@/util'\n\nexport const VCardActions = defineComponent({\n  name: 'VCardActions',\n\n  setup (_, { slots }) {\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-card-actions\">\n        { slots?.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"file":"VCardActions.mjs"}

package/lib/components/VCard/VCardAvatar.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardAvatar.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,eAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-avatar')\n"],"file":"VCardAvatar.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/VCardAvatar.ts"],"names":["createSimpleFunctional","VCardAvatar"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardAvatar = createSimpleFunctional('v-card-avatar')\n"],"file":"VCardAvatar.mjs"}

package/lib/components/VCard/VCardHeader.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardHeader.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,eAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-header')\n"],"file":"VCardHeader.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/VCardHeader.ts"],"names":["createSimpleFunctional","VCardHeader"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardHeader = createSimpleFunctional('v-card-header')\n"],"file":"VCardHeader.mjs"}

package/lib/components/VCard/VCardHeaderText.mjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardHeaderText.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,oBAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-header-text')\n"],"file":"VCardHeaderText.mjs"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardImg.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,YAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-img')\n"],"file":"VCardImg.mjs"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,iBAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-subtitle')\n"],"file":"VCardSubtitle.mjs"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardText.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,aAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-text')\n"],"file":"VCardText.mjs"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardTitle.ts"],"names":["createSimpleFunctional"],"mappings":"SAASA,sB;AAET,eAAeA,sBAAsB,CAAC,cAAD,CAArC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport default createSimpleFunctional('v-card-title')\n"],"file":"VCardTitle.mjs"}
+{"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/_variables.scss

@@ -1,3 +1,6 @@
+@use '../../styles/settings';
+@use '../../styles/tools';
+
 // Defaults
 $card-actions-min-height: 52px !default;
 $card-actions-padding: .5rem !default;
@@ -8,58 +11,58 @@ $card-avatar-margin-start: 1rem !default;
 $card-avatar-padding: .5rem 1rem !default;
 $card-background: rgb(var(--v-theme-surface)) !default;
 $card-plain-opacity: .62 !default;
-$card-border-color: $border-color-root !default;
-$card-border-radius: $border-radius-root !default;
-$card-border-style: $border-style-root !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: rgb(var(--v-theme-on-surface)) !default;
+$card-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
 $card-disabled-opacity: 0.6 !default;
 $card-elevation: 1 !default;
 $card-hover-elevation: 8 !default;
 $card-item-align-items: center !default;
-$card-item-padding: .5rem 1rem !default;
+$card-item-padding: .625rem 1rem !default;
 $card-padding: 0 !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-font-size: map-deep-get($typography, 'body-2', 'size') !default;
-$card-subtitle-font-weight: map-deep-get($typography, 'body-2', 'weight') !default;
-$card-subtitle-header-padding: 0 !default;
-$card-subtitle-letter-spacing: map-deep-get($typography, 'body-2', 'letter-spacing') !default;
-$card-subtitle-line-height: map-deep-get($typography, 'body-2', 'line-height') !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-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $card-text-comfortable-line-height: 1.2rem !default;
 $card-text-compact-line-height: 1.15rem !default;
-$card-text-font-size: map-deep-get($typography, 'body-2', 'size') !default;
-$card-text-font-weight: map-deep-get($typography, 'body-2', 'weight') !default;
-$card-text-letter-spacing: map-deep-get($typography, 'body-2', 'letter-spacing') !default;
-$card-text-line-height: map-deep-get($typography, 'body-2', 'line-height') !default;
-$card-text-opacity: var(--v-medium-emphasis-opacity) !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: map-deep-get($typography, 'body-2', 'text-transform') !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-font-size: map-deep-get($typography, 'h6', 'size') !default;
-$card-title-font-weight: map-deep-get($typography, 'h6', 'weight') !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: map-deep-get($typography, 'h6', 'letter-spacing') !default;
-$card-title-line-height: map-deep-get($typography, 'h6', 'line-height') !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-property: box-shadow, opacity, color !default;
+$card-transition-property: box-shadow, opacity, background !default;
 $card-transition-duration: 0.28s !default;
-$card-transition-timing-function: $standard-easing !default;
+$card-transition-timing-function: settings.$standard-easing !default;
 
 $card-border: (
   $card-border-color,
@@ -98,6 +101,3 @@ $card-variants: (
   $card-plain-opacity,
   'v-card'
 );
-
-// VDialog
-$card-dialog-elevation: 24 !default;

package/lib/components/VCard/index.mjs

@@ -1,12 +1,10 @@
-export { default as VCard } from "./VCard.mjs";
-export { default as VCardActions } from "./VCardActions.mjs";
-export { default as VCardAvatar } from "./VCardAvatar.mjs";
-export { default as VCardHeader } from "./VCardHeader.mjs";
-export { default as VCardHeaderText } from "./VCardHeaderText.mjs";
-export { default as VCardImg } from "./VCardImg.mjs";
-export { default as VCardItem } from "./VCardHeaderText.mjs";
-export { default as VCardMedia } from "./VCardMedia.mjs";
-export { default as VCardSubtitle } from "./VCardSubtitle.mjs";
-export { default as VCardText } from "./VCardText.mjs";
-export { default as VCardTitle } from "./VCardTitle.mjs";
+export { VCard } from "./VCard.mjs";
+export { VCardActions } from "./VCardActions.mjs";
+export { VCardAvatar } from "./VCardAvatar.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":["default","VCard","VCardActions","VCardAvatar","VCardHeader","VCardHeaderText","VCardImg","VCardItem","VCardMedia","VCardSubtitle","VCardText","VCardTitle"],"mappings":"SAASA,OAAO,IAAIC,K;SACXD,OAAO,IAAIE,Y;SACXF,OAAO,IAAIG,W;SACXH,OAAO,IAAII,W;SACXJ,OAAO,IAAIK,e;SACXL,OAAO,IAAIM,Q;SACXN,OAAO,IAAIO,S;SACXP,OAAO,IAAIQ,U;SACXR,OAAO,IAAIS,a;SACXT,OAAO,IAAIU,S;SACXV,OAAO,IAAIW,U","sourcesContent":["export { default as VCard } from './VCard'\nexport { default as VCardActions } from './VCardActions'\nexport { default as VCardAvatar } from './VCardAvatar'\nexport { default as VCardHeader } from './VCardHeader'\nexport { default as VCardHeaderText } from './VCardHeaderText'\nexport { default as VCardImg } from './VCardImg'\nexport { default as VCardItem } from './VCardHeaderText'\nexport { default as VCardMedia } from './VCardMedia'\nexport { default as VCardSubtitle } from './VCardSubtitle'\nexport { default as VCardText } from './VCardText'\nexport { default as VCardTitle } from './VCardTitle'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":["VCard","VCardActions","VCardAvatar","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;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 { 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,28 +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"; // 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,
@@ -39,176 +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]
   },
-
-  // pass down the parent's theme
-  provide() {
-    return {
-      parentTheme: this.theme
-    };
+  emits: {
+    'update:modelValue': val => true
   },
 
-  data() {
-    return {
-      internalHeight: this.height,
-      slideTimeout: undefined
-    };
-  },
-
-  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: {
-    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)
-          },
-          props: {
-            icon: true,
-            small: true,
-            value: this.getValue(this.items[i], i)
-          }
-        }, [this.$createElement(VIcon, {
-          props: {
-            size: 18
+    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'
           }
-        }, 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: ${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;
+        }, [group.items.value.length > 0 && _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              color: props.color,
+              icon: props.delimiterIcon,
+              size: 'x-small',
+              variant: 'text'
+            }
+          },
+          "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": (+model.value + 1) / group.items.value.length * 100
+        }, null)]);
+      },
+      prev: slots.prev,
+      next: slots.next
+    }));
   }
 
 });