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

package/lib/components/VCard/VCard.css

@@ -1,6 +1,5 @@
 .v-card {
   display: block;
-  overflow: hidden;
   position: relative;
   padding: 0;
   text-decoration: none;
@@ -22,25 +21,27 @@
 .v-card--fixed {
   position: fixed;
 }
-.v-card:hover .v-card__overlay {
+.v-card:hover > .v-card__overlay {
   opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
 }
-.v-card:focus-visible .v-card__overlay {
+.v-card:focus-visible > .v-card__overlay {
   opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
-  .v-card:focus .v-card__overlay {
+  .v-card:focus > .v-card__overlay {
     opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
   }
 }
-.v-card--active:hover.v-card__overlay,
-.v-card--active .v-card__overlay {
+.v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
+  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+}
+.v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
   opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
 }
-.v-card--active:focus .v-card__overlay {
+.v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
   opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
 }
-.v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-contained-text {
+.v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
   background: transparent;
   color: inherit;
 }
@@ -53,14 +54,14 @@
 .v-card--variant-plain .v-card__overlay {
   display: none;
 }
-.v-card--variant-contained, .v-card--variant-contained-flat {
+.v-card--variant-elevated, .v-card--variant-flat {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-card--variant-contained {
+.v-card--variant-elevated {
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
-.v-card--variant-contained-flat {
+.v-card--variant-flat {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .v-card--variant-outlined {
@@ -69,7 +70,7 @@
 .v-card--variant-text .v-card__overlay {
   background: currentColor;
 }
-.v-card--variant-contained-text .v-card__underlay {
+.v-card--variant-tonal .v-card__underlay {
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
@@ -133,7 +134,7 @@
 .v-card-actions {
   align-items: center;
   display: flex;
-  flex: 1 1 auto;
+  flex: none;
   min-height: 52px;
   padding: 0.5rem;
 }
@@ -158,6 +159,7 @@
   border-radius: inherit;
   display: flex;
   height: 100%;
+  flex: 1 1 auto;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -168,19 +170,17 @@
 .v-card-header {
   align-items: center;
   display: flex;
+  flex: none;
   padding: 0.625rem 1rem;
 }
 .v-card-header + .v-card-text {
   padding-top: 0;
 }
 
-.v-card-media {
-  overflow: hidden;
-}
-
 .v-card-subtitle {
   align-items: center;
   display: flex;
+  flex: none;
   font-size: 0.875rem;
   font-weight: 400;
   letter-spacing: 0.0178571429em;
@@ -202,7 +202,7 @@
 }
 
 .v-card-text {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  flex: 1 1 auto;
   font-size: 0.875rem;
   font-weight: 400;
   letter-spacing: 0.0178571429em;
@@ -220,13 +220,16 @@
 .v-card--density-compact .v-card-text {
   line-height: 1.15rem;
 }
-.v-card-text + .v-card-actions {
-  margin-top: -0.5rem;
+
+.v-card-content {
+  flex: 1 1 auto;
+  padding: 1rem;
 }
 
 .v-card-title {
   align-items: center;
   display: flex;
+  flex: none;
   font-size: 1.25rem;
   font-weight: 500;
   hyphens: auto;

package/lib/components/VCard/VCard.mjs

@@ -8,6 +8,7 @@ import { VAvatar } from "../VAvatar/index.mjs";
 import { VImg } from "../VImg/index.mjs";
 import { VCardActions } from "./VCardActions.mjs";
 import { VCardAvatar } from "./VCardAvatar.mjs";
+import { VCardContent } from "./VCardContent.mjs";
 import { VCardHeader } from "./VCardHeader.mjs";
 import { VCardHeaderText } from "./VCardHeaderText.mjs";
 import { VCardImg } from "./VCardImg.mjs";
@@ -19,12 +20,14 @@ import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makePositionProps, usePosition } from "../../composables/position.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs"; // Directives
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Directives
 
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
@@ -37,14 +40,14 @@ export const VCard = defineComponent({
   },
   props: {
     appendAvatar: String,
-    appendIcon: String,
+    appendIcon: IconValue,
     disabled: Boolean,
     flat: Boolean,
     hover: Boolean,
     image: String,
     link: Boolean,
     prependAvatar: String,
-    prependIcon: String,
+    prependIcon: IconValue,
     ripple: Boolean,
     subtitle: String,
     text: String,
@@ -54,12 +57,13 @@ export const VCard = defineComponent({
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
     ...makeRouterProps(),
     ...makeTagProps(),
     ...makeVariantProps({
-      variant: 'contained'
+      variant: 'elevated'
     })
   },
 
@@ -89,15 +93,17 @@ export const VCard = defineComponent({
       elevationClasses
     } = useElevation(props);
     const {
-      positionClasses,
-      positionStyles
+      locationStyles
+    } = useLocation(props);
+    const {
+      positionClasses
     } = usePosition(props);
     const {
       roundedClasses
     } = useRounded(props);
     const link = useLink(props, attrs);
     return () => {
-      var _slots$image, _slots$media, _slots$default;
+      var _slots$image, _slots$media, _slots$headerText, _slots$default;
 
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasTitle = !!(slots.title || props.title);
@@ -116,7 +122,7 @@ export const VCard = defineComponent({
           'v-card--hover': props.hover && !(props.disabled || props.flat),
           'v-card--link': isClickable
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value],
-        "style": [colorStyles.value, dimensionStyles.value, positionStyles.value],
+        "style": [colorStyles.value, dimensionStyles.value, locationStyles.value],
         "href": link.href.value,
         "onClick": isClickable && link.navigate
       }, {
@@ -151,7 +157,7 @@ export const VCard = defineComponent({
               default: () => [slots.title ? slots.title() : props.title]
             }), hasSubtitle && _createVNode(VCardSubtitle, null, {
               default: () => [slots.subtitle ? slots.subtitle() : props.subtitle]
-            })]
+            }), (_slots$headerText = slots.headerText) == null ? void 0 : _slots$headerText.call(slots)]
           }), hasAppend && _createVNode(VDefaultsProvider, {
             "defaults": {
               VAvatar: {
@@ -167,6 +173,8 @@ export const VCard = defineComponent({
           })]
         }), hasText && _createVNode(VCardText, null, {
           default: () => [slots.text ? slots.text() : props.text]
+        }), slots.content && _createVNode(VCardContent, null, {
+          default: slots.content
         }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.actions && _createVNode(VCardActions, null, {
           default: slots.actions
         })]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCard.tsx"],"names":["VAvatar","VImg","VCardActions","VCardAvatar","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","defineComponent","VDefaultsProvider","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","Tag","isLink","value","tag","hasTitle","hasSubtitle","hasHeaderText","hasAppend","append","hasPrepend","prepend","hasImage","hasHeader","hasText","isClickable","href","navigate","cover","src","media","density","icon","default","actions"],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VImg } from '@/components/VImg'\nimport { VCardActions } from './VCardActions'\nimport { VCardAvatar } from './VCardAvatar'\nimport { VCardHeader } from './VCardHeader'\nimport { VCardHeaderText } from './VCardHeaderText'\nimport { VCardImg } from './VCardImg'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardText } from './VCardText'\nimport { VCardTitle } from './VCardTitle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\nexport const VCard = defineComponent({\n  name: 'VCard',\n\n  directives: { Ripple },\n\n  props: {\n    appendAvatar: String,\n    appendIcon: String,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    image: String,\n    link: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    ripple: Boolean,\n    subtitle: String,\n    text: String,\n    title: String,\n\n    ...makeThemeProps(),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeVariantProps({ variant: 'contained' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasTitle = !!(slots.title || props.title)\n      const hasSubtitle = !!(slots.subtitle || props.subtitle)\n      const hasHeaderText = hasTitle || hasSubtitle\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n      const hasImage = !!(slots.image || props.image)\n      const hasHeader = hasHeaderText || hasPrepend || hasAppend\n      const hasText = !!(slots.text || props.text)\n      const isClickable = !props.disabled && (link.isClickable.value || props.link)\n\n      return (\n        <Tag\n          class={[\n            'v-card',\n            {\n              'v-card--disabled': props.disabled,\n              'v-card--flat': props.flat,\n              'v-card--hover': props.hover && !(props.disabled || props.flat),\n              'v-card--link': isClickable,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          href={ link.href.value }\n          onClick={ isClickable && link.navigate }\n          v-ripple={ isClickable }\n        >\n          { genOverlays(isClickable, 'v-card') }\n\n          { hasImage && (\n            <VDefaultsProvider\n              defaults={{\n                VImg: {\n                  cover: true,\n                  src: props.image,\n                },\n              }}\n            >\n              <VCardImg>\n                { slots.image ? slots.image?.() : (<VImg alt=\"\" />) }\n              </VCardImg>\n            </VDefaultsProvider>\n          ) }\n\n          { slots.media?.() }\n\n          { hasHeader && (\n            <VCardHeader>\n              { hasPrepend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.prepend ? slots.prepend() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n\n              { hasHeaderText && (\n                <VCardHeaderText>\n                  { hasTitle && (\n                    <VCardTitle>\n                      { slots.title ? slots.title() : props.title}\n                    </VCardTitle>\n                  ) }\n\n                  { hasSubtitle && (\n                    <VCardSubtitle>\n                      { slots.subtitle ? slots.subtitle() : props.subtitle }\n                    </VCardSubtitle>\n                  ) }\n                </VCardHeaderText>\n              ) }\n\n              { hasAppend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.append ? slots.append() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n            </VCardHeader>\n          ) }\n\n          { hasText && (\n            <VCardText>\n              { slots.text ? slots.text() : props.text }\n            </VCardText>\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"file":"VCard.mjs"}
+{"version":3,"file":"VCard.mjs","names":["VAvatar","VImg","VCardActions","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","IconValue","Ripple","defineComponent","VDefaultsProvider","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","Tag","isLink","value","tag","hasTitle","hasSubtitle","hasHeaderText","hasAppend","append","hasPrepend","prepend","hasImage","hasHeader","hasText","isClickable","href","navigate","cover","src","media","density","icon","headerText","content","default","actions"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VImg } from '@/components/VImg'\nimport { VCardActions } from './VCardActions'\nimport { VCardAvatar } from './VCardAvatar'\nimport { VCardContent } from './VCardContent'\nimport { VCardHeader } from './VCardHeader'\nimport { VCardHeaderText } from './VCardHeaderText'\nimport { VCardImg } from './VCardImg'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardText } from './VCardText'\nimport { VCardTitle } from './VCardTitle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\nexport const VCard = defineComponent({\n  name: 'VCard',\n\n  directives: { Ripple },\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    image: String,\n    link: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: Boolean,\n    subtitle: String,\n    text: String,\n    title: String,\n\n    ...makeThemeProps(),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasTitle = !!(slots.title || props.title)\n      const hasSubtitle = !!(slots.subtitle || props.subtitle)\n      const hasHeaderText = hasTitle || hasSubtitle\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n      const hasImage = !!(slots.image || props.image)\n      const hasHeader = hasHeaderText || hasPrepend || hasAppend\n      const hasText = !!(slots.text || props.text)\n      const isClickable = !props.disabled && (link.isClickable.value || props.link)\n\n      return (\n        <Tag\n          class={[\n            'v-card',\n            {\n              'v-card--disabled': props.disabled,\n              'v-card--flat': props.flat,\n              'v-card--hover': props.hover && !(props.disabled || props.flat),\n              'v-card--link': isClickable,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          href={ link.href.value }\n          onClick={ isClickable && link.navigate }\n          v-ripple={ isClickable }\n        >\n          { genOverlays(isClickable, 'v-card') }\n\n          { hasImage && (\n            <VDefaultsProvider\n              defaults={{\n                VImg: {\n                  cover: true,\n                  src: props.image,\n                },\n              }}\n            >\n              <VCardImg>\n                { slots.image ? slots.image?.() : (<VImg alt=\"\" />) }\n              </VCardImg>\n            </VDefaultsProvider>\n          ) }\n\n          { slots.media?.() }\n\n          { hasHeader && (\n            <VCardHeader>\n              { hasPrepend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.prepend ? slots.prepend() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n\n              { hasHeaderText && (\n                <VCardHeaderText>\n                  { hasTitle && (\n                    <VCardTitle>\n                      { slots.title ? slots.title() : props.title}\n                    </VCardTitle>\n                  ) }\n\n                  { hasSubtitle && (\n                    <VCardSubtitle>\n                      { slots.subtitle ? slots.subtitle() : props.subtitle }\n                    </VCardSubtitle>\n                  ) }\n\n                  { slots.headerText?.() }\n                </VCardHeaderText>\n              ) }\n\n              { hasAppend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.append ? slots.append() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n            </VCardHeader>\n          ) }\n\n          { hasText && (\n            <VCardText>\n              { slots.text ? slots.text() : props.text }\n            </VCardText>\n          ) }\n\n          { slots.content && (\n            <VCardContent v-slots={{ default: slots.content }} />\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}

package/lib/components/VCard/VCard.sass

@@ -1,11 +1,9 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 @use './mixins' as *
 
 .v-card
   display: block
-  overflow: hidden
   position: relative
   padding: $card-padding
   text-decoration: none
@@ -74,7 +72,7 @@
 .v-card-actions
   align-items: center
   display: flex
-  flex: 1 1 auto
+  flex: $card-actions-flex
   min-height: $card-actions-min-height
   padding: $card-actions-padding
 
@@ -91,13 +89,14 @@
       padding-inline-start: $card-avatar-header-padding
 
 .v-card-header-text
-  flex: 1 1 auto
+  flex: $card-header-text-flex
   min-width: 0
 
 .v-card-img
   border-radius: inherit
   display: flex
   height: 100%
+  flex: $card-img-flex
   left: 0
   overflow: hidden
   position: absolute
@@ -107,17 +106,16 @@
 .v-card-header
   align-items: $card-item-align-items
   display: flex
+  flex: $card-header-flex
   padding: $card-item-padding
 
   + .v-card-text
     padding-top: 0
 
-.v-card-media
-  overflow: hidden
-
 .v-card-subtitle
   align-items: center
   display: flex
+  flex: $card-subtitle-flex
   font-size: $card-subtitle-font-size
   font-weight: $card-subtitle-font-weight
   letter-spacing: $card-subtitle-letter-spacing
@@ -131,23 +129,27 @@
     padding: $card-subtitle-header-padding
 
 .v-card-text
-  color: $card-text-color
+  flex: $card-text-flex
   font-size: $card-text-font-size
   font-weight: $card-text-font-weight
   letter-spacing: $card-text-letter-spacing
   padding: $card-text-padding
+  // position: relative
   text-transform: $card-text-text-transform
   transition: inherit
   transition-property: color, opacity
 
   @include card-line-height-densities($card-text-densities)
 
-  + .v-card-actions
-    margin-top: -.5rem
+.v-card-content
+  flex: $card-content-flex
+  padding: $card-text-padding
+  // position: relative
 
 .v-card-title
   align-items: center
   display: flex
+  flex: $card-title-flex
   font-size: $card-title-font-size
   font-weight: $card-title-font-weight
   hyphens: $card-title-hyphens

package/lib/components/VCard/VCardActions.mjs

@@ -2,8 +2,7 @@ import { createVNode as _createVNode } from "vue";
 // Composables
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
 
-import { defineComponent } from 'vue';
-import { useRender } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VCardActions = defineComponent({
   name: 'VCardActions',
 

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"VCardActions.mjs","names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"sources":["../../../src/components/VCard/VCardActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, 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"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cADoC;;EAG1CC,KAAK,CAAEC,CAAF,QAAgB;IAAA,IAAX;MAAEC;IAAF,CAAW;IACnBP,eAAe,CAAC;MACdQ,IAAI,EAAE;QACJC,OAAO,EAAE;MADL;IADQ,CAAD,CAAf;IAMAP,SAAS,CAAC;MAAA;;MAAA;QAAA,SACG;MADH,IAEJK,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO,EAAP;EACD;;AAjByC,CAAD,CAApC"}

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

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

package/lib/components/VCard/VCardContent.mjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/VCard/_variables.scss

@@ -2,31 +2,36 @@
 @use '../../styles/tools';
 
 // 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-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;
 $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: 1 !default;
+$card-header-flex: none !default;
+$card-header-text-flex: 1 1 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-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;
@@ -35,9 +40,9 @@ $card-subtitle-line-height: tools.map-deep-get(settings.$typography, 'body-2', '
 $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-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;
@@ -48,6 +53,7 @@ $card-text-text-transform: tools.map-deep-get(settings.$typography, 'body-2', 't
 $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;
@@ -60,8 +66,8 @@ $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-property: box-shadow, opacity, background !default;
 $card-transition-timing-function: settings.$standard-easing !default;
 
 $card-border: (

package/lib/components/VCard/index.mjs

@@ -1,6 +1,7 @@
 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";

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","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"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"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;SACAC,Y;SACAC,W;SACAC,e;SACAC,Q;SACAC,a;SACAC,S;SACAC,U"}

package/lib/components/VCarousel/VCarousel.mjs

@@ -8,7 +8,8 @@ import { VProgressLinear } from "../VProgressLinear/index.mjs";
 import { VWindow } from "../VWindow/index.mjs"; // Composables
 
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 import { onMounted, ref, watch } from 'vue'; // Types
@@ -19,7 +20,7 @@ export const VCarousel = defineComponent({
     color: String,
     cycle: Boolean,
     delimiterIcon: {
-      type: String,
+      type: IconValue,
       default: '$delimiter'
     },
     height: {
@@ -124,7 +125,7 @@ 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,

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":";AAAA;AACA,yB,CAEA;;SACSA,I;SACAC,iB;SACAC,e;SACAC,O,gCAET;;SACSC,S;SACAC,e,8CAET;;SACSC,a,EAAeC,e,EAAiBC,S;AACzC,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,KAAzB,QAAsC,KAAtC,C,CAEA;;AAGA,OAAO,MAAMC,SAAS,GAAGL,eAAe,CAAC;AACvCM,EAAAA,IAAI,EAAE,WADiC;AAGvCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,KAAK,EAAEC,OAFF;AAGLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,IAAI,EAAEJ,MADO;AAEbK,MAAAA,OAAO,EAAE;AAFI,KAHV;AAOLC,IAAAA,MAAM,EAAE;AACNF,MAAAA,IAAI,EAAE,CAACG,MAAD,EAASP,MAAT,CADA;AAENK,MAAAA,OAAO,EAAE;AAFH,KAPH;AAWLG,IAAAA,cAAc,EAAEN,OAXX;AAYLO,IAAAA,uBAAuB,EAAEP,OAZpB;AAaLQ,IAAAA,QAAQ,EAAE;AACRN,MAAAA,IAAI,EAAE,CAACG,MAAD,EAASP,MAAT,CADE;AAERK,MAAAA,OAAO,EAAE,IAFD;AAGRM,MAAAA,SAAS,EAAGC,KAAD,IAA4BA,KAAK,GAAG;AAHvC,KAbL;AAkBLC,IAAAA,UAAU,EAAE,IAlBP;AAmBLC,IAAAA,QAAQ,EAAE,CAACZ,OAAD,EAAUF,MAAV,CAnBL;AAoBLe,IAAAA,UAAU,EAAE;AACVX,MAAAA,IAAI,EAAE,CAACF,OAAD,EAAUF,MAAV,CADI;AAEVK,MAAAA,OAAO,EAAE,IAFC;AAGVM,MAAAA,SAAS,EAAGK,CAAD,IAAY,OAAOA,CAAP,KAAa,SAAb,IAA0BA,CAAC,KAAK;AAH7C,KApBP;AAyBLC,IAAAA,kBAAkB,EAAE,CAACf,OAAD,EAAUF,MAAV;AAzBf,GAHgC;AA+BvCkB,EAAAA,KAAK,EAAE;AACL,yBAAsBC,GAAD,IAAc;AAD9B,GA/BgC;;AAmCvCC,EAAAA,KAAK,CAAEtB,KAAF,QAAoB;AAAA,QAAX;AAAEuB,MAAAA;AAAF,KAAW;AACvB,UAAMC,KAAK,GAAGjC,eAAe,CAACS,KAAD,EAAQ,YAAR,CAA7B;AACA,UAAM;AAAEyB,MAAAA;AAAF,QAAQnC,SAAS,EAAvB;AACA,UAAMoC,SAAS,GAAG9B,GAAG,EAArB;AAEA,QAAI+B,YAAY,GAAG,CAAC,CAApB;AACA9B,IAAAA,KAAK,CAAC2B,KAAD,EAAQI,cAAR,CAAL;AACA/B,IAAAA,KAAK,CAAC,MAAMG,KAAK,CAACY,QAAb,EAAuBgB,cAAvB,CAAL;AACA/B,IAAAA,KAAK,CAAC,MAAMG,KAAK,CAACG,KAAb,EAAoBkB,GAAG,IAAI;AAC9B,UAAIA,GAAJ,EAASO,cAAc,GAAvB,KACKC,MAAM,CAACC,YAAP,CAAoBH,YAApB;AACN,KAHI,CAAL;AAKAhC,IAAAA,SAAS,CAACoC,YAAD,CAAT;;AAEA,aAASA,YAAT,GAAyB;AACvB,UAAI,CAAC/B,KAAK,CAACG,KAAP,IAAgB,CAACuB,SAAS,CAACZ,KAA/B,EAAsC;AAEtCa,MAAAA,YAAY,GAAGE,MAAM,CAACG,UAAP,CAAkBN,SAAS,CAACZ,KAAV,CAAgBmB,KAAhB,CAAsBC,IAAxC,EAA8C,CAAClC,KAAK,CAACY,QAAP,GAAkB,CAAlB,GAAsB,CAACZ,KAAK,CAACY,QAA7B,GAAwC,IAAtF,CAAf;AACD;;AAED,aAASgB,cAAT,GAA2B;AACzBC,MAAAA,MAAM,CAACC,YAAP,CAAoBH,YAApB;AACAE,MAAAA,MAAM,CAACM,qBAAP,CAA6BJ,YAA7B;AACD;;AAEDrC,IAAAA,SAAS,CAAC;AAAA,aAEAgC,SAFA;AAAA,oBAGIF,KAAK,CAACV,KAHV;AAAA,uCAGIU,KAAK,CAACV,KAHV;AAAA,eAIC,CACL,YADK,EAEL;AACE,iDAAyCd,KAAK,CAACW,uBADjD;AAEE,2CAAmCX,KAAK,CAACmB;AAF3C,OAFK,CAJD;AAAA,eAWC;AAAEX,QAAAA,MAAM,EAAEhB,aAAa,CAACQ,KAAK,CAACQ,MAAP;AAAvB,OAXD;AAAA;AAAA,oBAaOR,KAAK,CAACiB,UAbb;AAAA,mBAcI;AAdJ;AAiBJV,MAAAA,OAAO,EAAEgB,KAAK,CAAChB,OAjBX;AAkBJ6B,MAAAA,UAAU,EAAE;AAAA,YAAC;AAAEH,UAAAA;AAAF,SAAD;AAAA,8CAEN,CAACjC,KAAK,CAACU,cAAP;AAAA,mBAEQ,sBAFR;AAAA,mBAGS;AACL2B,YAAAA,IAAI,EAAErC,KAAK,CAACmB,kBAAN,KAA6B,MAA7B,IAAuCnB,KAAK,CAACmB,kBAA7C,GAAkE,CAAlE,GAAsE,MADvE;AAELmB,YAAAA,KAAK,EAAEtC,KAAK,CAACmB,kBAAN,KAA6B,OAA7B,GAAuC,CAAvC,GAA2C;AAF7C;AAHT,YAQIc,KAAK,CAACM,KAAN,CAAYzB,KAAZ,CAAkB0B,MAAlB,GAA2B,CAA3B;AAAA,sBAEY;AACRtD,YAAAA,IAAI,EAAE;AACJe,cAAAA,KAAK,EAAED,KAAK,CAACC,KADT;AAEJwC,cAAAA,IAAI,EAAEzC,KAAK,CAACK,aAFR;AAGJqC,cAAAA,IAAI,EAAE,SAHF;AAIJC,cAAAA,OAAO,EAAE;AAJL;AADE,WAFZ;AAAA;AAAA;AAAA,0BAYIV,KAAK,CAACM,KAAN,CAAYzB,KAAZ,CAAkB8B,GAAlB,CAAuBC,IAAD,IAAe;AACrC,kBAAM7C,KAAK,GAAG;AACZ,4BAAcyB,CAAC,CAAC,uCAAD,CADH;AAEZqB,cAAAA,KAAK,EAAE,CAACb,KAAK,CAACc,UAAN,CAAiBF,IAAI,CAACG,EAAtB,KAA6B,iBAA9B,CAFK;AAGZC,cAAAA,OAAO,EAAE,MAAMhB,KAAK,CAACiB,MAAN,CAAaL,IAAI,CAACG,EAAlB,EAAsB,IAAtB;AAHH,aAAd;AAMA,mBAAOzB,KAAK,CAACsB,IAAN,GACHtB,KAAK,CAACsB,IAAN,CAAW;AAAE7C,cAAAA,KAAF;AAAS6C,cAAAA;AAAT,aAAX,CADG,kCAESA,IAFT,EAEqB7C,KAFrB,QAAP;AAGD,WAVC,CAZJ;AAAA,UARJ,EAFM,EAsCNA,KAAK,CAACgB,QAAN;AAAA,mBAEQ,sBAFR;AAAA,mBAGU,OAAOhB,KAAK,CAACgB,QAAb,KAA0B,QAA1B,GAAqChB,KAAK,CAACgB,QAA3C,GAAsDmC,SAHhE;AAAA,wBAIe,CAAC,CAAC3B,KAAK,CAACV,KAAP,GAAe,CAAhB,IAAqBmB,KAAK,CAACM,KAAN,CAAYzB,KAAZ,CAAkB0B,MAAvC,GAAgD;AAJ/D,gBAtCM;AAAA,OAlBR;AAiEJY,MAAAA,IAAI,EAAE7B,KAAK,CAAC6B,IAjER;AAkEJlB,MAAAA,IAAI,EAAEX,KAAK,CAACW;AAlER,MAAD,CAAT;AAsED;;AAnIsC,CAAD,CAAjC","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","useLocale","useProxiedModel","IconValue","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","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 { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\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        showArrows={ props.showArrows }\n        mandatory=\"force\"\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: 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={ (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})\n"],"mappings":"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"}