@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/lib/components/VCard/_variables.scss

@@ -1,16 +1,15 @@
 @use '../../styles/settings';
 @use '../../styles/tools';
 
-// Defaults
+// VCard
+$card-actions-flex: none !default;
 $card-actions-min-height: 52px !default;
 $card-actions-padding: .5rem !default;
+$card-append-padding-inline-start: 1rem !default;
 $card-avatar-align-self: flex-start !default;
 $card-avatar-header-padding: 0 !default;
-$card-avatar-margin-end: 1rem !default;
-$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: settings.$border-color-root !default;
 $card-border-radius: settings.$border-radius-root !default;
 $card-border-style: settings.$border-style-root !default;
@@ -19,25 +18,65 @@ $card-border-width: 0 !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-loader-top: 0 !default;
+$card-loader-bottom: auto !default;
 $card-hover-elevation: 8 !default;
+$card-img-flex: 1 1 auto !default;
 $card-item-align-items: center !default;
 $card-item-padding: .625rem 1rem !default;
+$card-overflow-wrap: break-word !default;
 $card-padding: 0 !default;
+$card-plain-opacity: .62 !default;
 $card-positions: absolute fixed !default;
+$card-prepend-padding-inline-end: 1rem !default;
+$card-transition-duration: 0.28s !default;
+$card-transition-property: box-shadow, opacity, background !default;
+$card-transition-timing-function: settings.$standard-easing !default;
+
+// VCardHeader
+$card-header-flex: none !default;
+
+// VCardTitle
+$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-overflow: hidden !default;
+$card-title-padding-top: 1rem !default;
+$card-title-padding: .5rem 1rem !default;
+$card-title-text-overflow: ellipsis !default;
+$card-title-text-transform: none !default;
+$card-title-white-space: nowrap !default;
+$card-title-word-break: normal !default;
+$card-title-word-wrap: break-word !default;
+
+// VCardSubtitle
 $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-overflow: hidden !default;
 $card-subtitle-padding: 0 1rem !default;
+$card-subtitle-text-overflow: ellipsis !default;
 $card-subtitle-text-transform: none !default;
-$card-text-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
+$card-subtitle-white-space: nowrap !default;
+
+// VCardText
 $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;
@@ -45,25 +84,8 @@ $card-text-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line
 $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-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-property: box-shadow, opacity, background !default;
-$card-transition-duration: 0.28s !default;
-$card-transition-timing-function: settings.$standard-easing !default;
 
+// Lists
 $card-border: (
   $card-border-color,
   $card-border-style,

package/lib/components/VCard/index.d.ts

@@ -0,0 +1,230 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+import * as vue_router from 'vue-router';
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VCard: vue.DefineComponent<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    theme: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    disabled: BooleanConstructor;
+    flat: BooleanConstructor;
+    hover: BooleanConstructor;
+    image: StringConstructor;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    ripple: BooleanConstructor;
+    subtitle: StringConstructor;
+    text: StringConstructor;
+    title: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    theme: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    disabled: BooleanConstructor;
+    flat: BooleanConstructor;
+    hover: BooleanConstructor;
+    image: StringConstructor;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    ripple: BooleanConstructor;
+    subtitle: StringConstructor;
+    text: StringConstructor;
+    title: StringConstructor;
+}>>, {
+    replace: boolean;
+    link: boolean;
+    flat: boolean;
+    exact: boolean;
+    loading: boolean;
+    disabled: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    ripple: boolean;
+    hover: boolean;
+}>;
+declare type VCard = InstanceType<typeof VCard>;
+
+declare const VCardActions: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+
+declare const VCardItem: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    subtitle: StringConstructor;
+    title: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    subtitle: StringConstructor;
+    title: StringConstructor;
+}>>, {
+    density: "default" | "compact" | "comfortable" | null;
+}>;
+
+declare const VCardSubtitle: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+
+declare const VCardText: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+
+declare const VCardTitle: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+
+export { VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle };

package/lib/components/VCard/index.mjs

@@ -1,9 +1,6 @@
 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 { VCardItem } from "./VCardItem.mjs";
 export { VCardSubtitle } from "./VCardSubtitle.mjs";
 export { VCardText } from "./VCardText.mjs";
 export { VCardTitle } from "./VCardTitle.mjs";

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.mjs","names":["VCard","VCardActions","VCardItem","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardItem } from './VCardItem'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"mappings":"SAASA,K;SACAC,Y;SACAC,S;SACAC,a;SACAC,S;SACAC,U"}

package/lib/components/VCarousel/VCarousel.mjs

@@ -7,6 +7,7 @@ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VProgressLinear } from "../VProgressLinear/index.mjs";
 import { VWindow } from "../VWindow/index.mjs"; // Composables
 
+import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
@@ -19,7 +20,7 @@ export const VCarousel = defineComponent({
     color: String,
     cycle: Boolean,
     delimiterIcon: {
-      type: String,
+      type: IconValue,
       default: '$delimiter'
     },
     height: {
@@ -85,8 +86,8 @@ export const VCarousel = defineComponent({
         height: convertToUnit(props.height)
       },
       "continuous": true,
-      "showArrows": props.showArrows,
-      "mandatory": "force"
+      "mandatory": "force",
+      "showArrows": props.showArrows
     }, {
       default: slots.default,
       additional: _ref2 => {
@@ -110,10 +111,10 @@ export const VCarousel = defineComponent({
           },
           "scoped": true
         }, {
-          default: () => [group.items.value.map(item => {
+          default: () => [group.items.value.map((item, index) => {
             const props = {
-              'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),
-              class: [group.isSelected(item.id) && 'v-btn--selected'],
+              'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),
+              class: [group.isSelected(item.id) && 'v-btn--active'],
               onClick: () => group.select(item.id, true)
             };
             return slots.item ? slots.item({
@@ -124,12 +125,13 @@ export const VCarousel = defineComponent({
         })]), 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
+          "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
         }, null)]);
       },
       prev: slots.prev,
       next: slots.next
     }));
+    return {};
   }
 
 });

package/lib/components/VCarousel/VCarousel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","class","isSelected","id","onClick","select","undefined","prev"],"mappings":"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","sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\n  name: 'VCarousel',\n\n  props: {\n    color: String,\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        showArrows={ props.showArrows }\n        mandatory=\"force\"\n      >\n        {{\n          default: slots.default,\n          additional: ({ group }: any) => (\n            <>\n              { !props.hideDelimiters && (\n                <div\n                  class=\"v-carousel__controls\"\n                  style={{\n                    left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',\n                    right: props.verticalDelimiters === 'right' ? 0 : 'auto',\n                  }}\n                >\n                  { group.items.value.length > 0 && (\n                    <VDefaultsProvider\n                      defaults={{\n                        VBtn: {\n                          color: props.color,\n                          icon: props.delimiterIcon,\n                          size: 'x-small',\n                          variant: 'text',\n                        },\n                      }}\n                      scoped\n                    >\n                      { group.items.value.map((item: any) => {\n                        const props = {\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),\n                          class: [group.isSelected(item.id) && 'v-btn--selected'],\n                          onClick: () => group.select(item.id, true),\n                        }\n\n                        return slots.item\n                          ? slots.item({ props, item })\n                          : (<VBtn { ...item } { ...props } />)\n                      }) }\n                    </VDefaultsProvider>\n                  ) }\n                </div>\n              )}\n\n              { props.progress && (\n                <VProgressLinear\n                  class=\"v-carousel__progress\"\n                  color={ typeof props.progress === 'string' ? props.progress : undefined }\n                  modelValue={ (+model.value + 1) / group.items.value.length * 100 }\n                />\n              )}\n            </>\n          ),\n          prev: slots.prev,\n          next: slots.next,\n        }}\n      </VWindow>\n    ))\n  },\n})\n"],"file":"VCarousel.mjs"}
+{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","IconValue","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","index","class","isSelected","id","onClick","select","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\n  name: 'VCarousel',\n\n  props: {\n    color: String,\n    cycle: Boolean,\n    delimiterIcon: {\n      type: IconValue,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        mandatory=\"force\"\n        showArrows={ props.showArrows }\n      >\n        {{\n          default: slots.default,\n          additional: ({ group }: { group: GroupProvide }) => (\n            <>\n              { !props.hideDelimiters && (\n                <div\n                  class=\"v-carousel__controls\"\n                  style={{\n                    left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',\n                    right: props.verticalDelimiters === 'right' ? 0 : 'auto',\n                  }}\n                >\n                  { group.items.value.length > 0 && (\n                    <VDefaultsProvider\n                      defaults={{\n                        VBtn: {\n                          color: props.color,\n                          icon: props.delimiterIcon,\n                          size: 'x-small',\n                          variant: 'text',\n                        },\n                      }}\n                      scoped\n                    >\n                      { group.items.value.map((item, index) => {\n                        const props = {\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),\n                          class: [group.isSelected(item.id) && 'v-btn--active'],\n                          onClick: () => group.select(item.id, true),\n                        }\n\n                        return slots.item\n                          ? slots.item({ props, item })\n                          : (<VBtn { ...item } { ...props } />)\n                      }) }\n                    </VDefaultsProvider>\n                  ) }\n                </div>\n              )}\n\n              { props.progress && (\n                <VProgressLinear\n                  class=\"v-carousel__progress\"\n                  color={ typeof props.progress === 'string' ? props.progress : undefined }\n                  modelValue={ (group.getItemIndex(model.value) + 1) / group.items.value.length * 100 }\n                />\n              )}\n            </>\n          ),\n          prev: slots.prev,\n          next: slots.next,\n        }}\n      </VWindow>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VCarousel/VCarousel.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use './variables' as *
 
 .v-carousel

package/lib/components/VCarousel/VCarouselItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;AAC3CG,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,YAAY,EAAE,KAH6B;AAK3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AADF,GALoC;;AAS3CC,EAAAA,KAAK,CAAEF,KAAF,QAA2B;AAAA,QAAlB;AAAEG,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9BR,IAAAA,SAAS,CAAC;AAAA,eACW,iBADX;AAAA,eACqCI,KAAK,CAACC;AAD3C;AAAA,yCAGCG,KAHD,EAIMD,KAJN;AAAA,MAAD,CAAT;AAQD;;AAlB0C,CAAD,CAArC","sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg\n          { ...attrs }\n          v-slots={ slots }\n        />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"file":"VCarouselItem.mjs"}
+{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg { ...attrs } v-slots={ slots } />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eADqC;EAG3CC,YAAY,EAAE,KAH6B;EAK3CC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CALoC;;EAS3CC,KAAK,CAAEF,KAAF,QAA2B;IAAA,IAAlB;MAAEG,KAAF;MAASC;IAAT,CAAkB;IAC9BR,SAAS,CAAC;MAAA,SACW,iBADX;MAAA,SACqCI,KAAK,CAACC;IAD3C;MAAA,mCAEKG,KAFL,EAEuBD,KAFvB;IAAA,EAAD,CAAT;EAKD;;AAf0C,CAAD,CAArC"}

package/lib/components/VCarousel/_variables.scss

@@ -1,3 +1,4 @@
+// VCarousel
 $carousel-controls-bg: rgba(var(--v-theme-surface-variant), .3) !default;
 $carousel-controls-size: 50px !default;
 $carousel-dot-margin: 0 8px !default;

package/lib/components/VCarousel/index.d.ts

@@ -0,0 +1,80 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VCarousel: vue.DefineComponent<{
+    color: StringConstructor;
+    cycle: BooleanConstructor;
+    delimiterIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hideDelimiters: BooleanConstructor;
+    hideDelimiterBackground: BooleanConstructor;
+    interval: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+    modelValue: null;
+    progress: (StringConstructor | BooleanConstructor)[];
+    showArrows: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    verticalDelimiters: PropType<boolean | "left" | "right">;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (val: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    color: StringConstructor;
+    cycle: BooleanConstructor;
+    delimiterIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hideDelimiters: BooleanConstructor;
+    hideDelimiterBackground: BooleanConstructor;
+    interval: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+    modelValue: null;
+    progress: (StringConstructor | BooleanConstructor)[];
+    showArrows: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    verticalDelimiters: PropType<boolean | "left" | "right">;
+}>> & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+}, {
+    interval: string | number;
+    height: string | number;
+    showArrows: string | boolean;
+    cycle: boolean;
+    delimiterIcon: IconValue;
+    hideDelimiters: boolean;
+    hideDelimiterBackground: boolean;
+}>;
+
+declare const VCarouselItem: vue.DefineComponent<{
+    value: null;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    value: null;
+}>>, {}>;
+declare type VCarouselItem = InstanceType<typeof VCarouselItem>;
+
+export { VCarousel, VCarouselItem };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/index.ts"],"names":["VCarousel","VCarouselItem"],"mappings":"SAASA,S;SACAC,a","sourcesContent":["export { VCarousel } from './VCarousel'\nexport { VCarouselItem } from './VCarouselItem'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VCarousel","VCarouselItem"],"sources":["../../../src/components/VCarousel/index.ts"],"sourcesContent":["export { VCarousel } from './VCarousel'\nexport { VCarouselItem } from './VCarouselItem'\n"],"mappings":"SAASA,S;SACAC,a"}