@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.6

package/lib/components/VCard/VCard.css

@@ -1,11 +1,14 @@
 .v-card {
   display: block;
+  overflow: hidden;
+  overflow-wrap: break-word;
   position: relative;
   padding: 0;
   text-decoration: none;
   transition-duration: 0.28s;
   transition-property: box-shadow, opacity, background;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 0;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
@@ -41,7 +44,7 @@
 .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;
 }
@@ -54,14 +57,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 {
@@ -70,7 +73,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;
@@ -86,7 +89,7 @@
   pointer-events: none;
   user-select: none;
 }
-.v-card--disabled > [class*=v-card-] {
+.v-card--disabled > :not(.v-card__loader) {
   opacity: 0.6;
 }
 .v-card--flat {
@@ -127,9 +130,6 @@
 .v-card--link {
   cursor: pointer;
 }
-.v-card--tile {
-  border-radius: 0;
-}
 
 .v-card-actions {
   align-items: center;
@@ -139,54 +139,81 @@
   padding: 0.5rem;
 }
 
-.v-card-avatar {
-  align-self: flex-start;
-  padding: 0.5rem 1rem;
+.v-card-item {
+  align-items: center;
+  display: grid;
+  flex: none;
+  grid-template-areas: "prepend content append";
+  grid-template-columns: max-content auto max-content;
+  padding: 0.625rem 1rem;
 }
-.v-card-header .v-card-avatar:last-child {
-  padding-inline-end: 0;
+.v-card-item + .v-card-text {
+  padding-top: 0;
 }
-.v-card-header .v-card-avatar:first-child {
-  padding-inline-start: 0;
+.v-card-item__prepend {
+  grid-area: prepend;
+  padding-inline-end: 1rem;
 }
-
-.v-card-header-text {
-  flex: 1 1 auto;
-  min-width: 0;
+.v-card-item__append {
+  grid-area: append;
+  padding-inline-start: 1rem;
 }
 
-.v-card-img {
-  border-radius: inherit;
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  left: 0;
+.v-card-item__content {
+  align-self: center;
+  grid-area: content;
   overflow: hidden;
-  position: absolute;
-  top: 0;
-  width: 100%;
 }
 
-.v-card-header {
-  align-items: center;
-  display: flex;
+.v-card-title {
+  display: block;
   flex: none;
-  padding: 0.625rem 1rem;
+  font-size: 1.25rem;
+  font-weight: 500;
+  hyphens: auto;
+  letter-spacing: 0.0125em;
+  min-width: 0;
+  overflow-wrap: normal;
+  overflow: hidden;
+  overflow: hidden;
+  padding: 0.5rem 1rem;
+  text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  white-space: nowrap;
+  word-break: normal;
+  word-wrap: break-word;
 }
-.v-card-header + .v-card-text {
+.v-card .v-card-title {
+  line-height: 2rem;
+}
+.v-card--density-comfortable .v-card-title {
+  line-height: 1.75rem;
+}
+.v-card--density-compact .v-card-title {
+  line-height: 1.55rem;
+}
+.v-card-item .v-card-title {
+  padding: 0;
+}
+.v-card-title + .v-card-text,
+.v-card-title + .v-card-actions {
   padding-top: 0;
 }
 
 .v-card-subtitle {
-  align-items: center;
-  display: flex;
+  display: block;
   flex: none;
   font-size: 0.875rem;
   font-weight: 400;
   letter-spacing: 0.0178571429em;
   opacity: var(--v-medium-emphasis-opacity);
+  overflow: hidden;
   padding: 0 1rem;
+  text-overflow: ellipsis;
   text-transform: none;
+  white-space: nowrap;
 }
 .v-card .v-card-subtitle {
   line-height: 1.25rem;
@@ -197,7 +224,7 @@
 .v-card--density-compact .v-card-subtitle {
   line-height: 1rem;
 }
-.v-card-header .v-card-subtitle {
+.v-card-item .v-card-subtitle {
   padding: 0 0 0.25rem;
 }
 
@@ -208,8 +235,6 @@
   letter-spacing: 0.0178571429em;
   padding: 1rem;
   text-transform: none;
-  transition: inherit;
-  transition-property: color, opacity;
 }
 .v-card .v-card-text {
   line-height: 1.25rem;
@@ -221,36 +246,32 @@
   line-height: 1.15rem;
 }
 
-.v-card-content {
+.v-card__image {
+  display: flex;
+  height: 100%;
   flex: 1 1 auto;
-  padding: 1rem;
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: -1;
 }
 
-.v-card-title {
-  align-items: center;
-  display: flex;
-  flex: none;
-  font-size: 1.25rem;
-  font-weight: 500;
-  hyphens: auto;
-  letter-spacing: 0.0125em;
-  overflow-wrap: normal;
-  padding: 0.5rem 1rem;
-  text-transform: none;
-  word-break: normal;
-  word-wrap: break-word;
-}
-.v-card .v-card-title {
-  line-height: 2rem;
-}
-.v-card--density-comfortable .v-card-title {
-  line-height: 1.75rem;
-}
-.v-card--density-compact .v-card-title {
-  line-height: 1.55rem;
+.v-card__content {
+  border-radius: inherit;
+  overflow: hidden;
+  position: relative;
 }
-.v-card-header .v-card-title {
-  padding: 0;
+
+.v-card__loader {
+  bottom: auto;
+  top: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  width: 100%;
+  z-index: 1;
 }
 
 .v-card__overlay {
@@ -264,8 +285,4 @@
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
-}
-.v-card__overlay + .v-card-media {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
 }

package/lib/components/VCard/VCard.mjs

@@ -4,18 +4,17 @@ import { withDirectives as _withDirectives, resolveDirective as _resolveDirectiv
 // Styles
 import "./VCard.css"; // Components
 
-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";
-import { VCardSubtitle } from "./VCardSubtitle.mjs";
+import { VCardItem } from "./VCardItem.mjs";
 import { VCardText } from "./VCardText.mjs";
-import { VCardTitle } from "./VCardTitle.mjs"; // Composables
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VImg } from "../VImg/index.mjs"; // Directives
+
+import { Ripple } from "../../directives/ripple/index.mjs"; // Composables
 
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { IconValue } from "../../composables/icons.mjs";
+import { LoaderSlot, makeLoaderProps, useLoader } from "../../composables/loader.mjs";
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
@@ -25,14 +24,9 @@ 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";
-import { IconValue } from "../../composables/icons.mjs"; // Directives
-
-import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
-import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VCard = defineComponent({
   name: 'VCard',
   directives: {
@@ -57,13 +51,14 @@ export const VCard = defineComponent({
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeLoaderProps(),
     ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
     ...makeRouterProps(),
     ...makeTagProps(),
     ...makeVariantProps({
-      variant: 'contained'
+      variant: 'elevated'
     })
   },
 
@@ -92,6 +87,9 @@ export const VCard = defineComponent({
     const {
       elevationClasses
     } = useElevation(props);
+    const {
+      loaderClasses
+    } = useLoader(props);
     const {
       locationStyles
     } = useLocation(props);
@@ -102,17 +100,17 @@ export const VCard = defineComponent({
       roundedClasses
     } = useRounded(props);
     const link = useLink(props, attrs);
-    return () => {
-      var _slots$image, _slots$media, _slots$headerText, _slots$default;
+    useRender(() => {
+      var _slots$image, _slots$image2, _slots$text, _slots$text2, _slots$default;
 
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasTitle = !!(slots.title || props.title);
       const hasSubtitle = !!(slots.subtitle || props.subtitle);
-      const hasHeaderText = hasTitle || hasSubtitle;
+      const hasHeader = hasTitle || hasSubtitle;
       const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon);
       const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon);
       const hasImage = !!(slots.image || props.image);
-      const hasHeader = hasHeaderText || hasPrepend || hasAppend;
+      const hasCardItem = hasHeader || hasPrepend || hasAppend;
       const hasText = !!(slots.text || props.text);
       const isClickable = !props.disabled && (link.isClickable.value || props.link);
       return _withDirectives(_createVNode(Tag, {
@@ -121,12 +119,13 @@ export const VCard = defineComponent({
           'v-card--flat': props.flat,
           '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],
+        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value],
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value],
         "href": link.href.value,
         "onClick": isClickable && link.navigate
       }, {
-        default: () => [genOverlays(isClickable, 'v-card'), hasImage && _createVNode(VDefaultsProvider, {
+        default: () => [hasImage && _createVNode(VDefaultsProvider, {
+          "key": "image",
           "defaults": {
             VImg: {
               cover: true,
@@ -134,52 +133,39 @@ export const VCard = defineComponent({
             }
           }
         }, {
-          default: () => [_createVNode(VCardImg, null, {
-            default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : _createVNode(VImg, {
-              "alt": ""
-            }, null)]
-          })]
-        }), (_slots$media = slots.media) == null ? void 0 : _slots$media.call(slots), hasHeader && _createVNode(VCardHeader, null, {
-          default: () => [hasPrepend && _createVNode(VDefaultsProvider, {
-            "defaults": {
-              VAvatar: {
-                density: props.density,
-                icon: props.prependIcon,
-                image: props.prependAvatar
-              }
-            }
-          }, {
-            default: () => [_createVNode(VCardAvatar, null, {
-              default: () => [slots.prepend ? slots.prepend() : _createVNode(VAvatar, null, null)]
-            })]
-          }), hasHeaderText && _createVNode(VCardHeaderText, null, {
-            default: () => [hasTitle && _createVNode(VCardTitle, null, {
-              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: {
-                density: props.density,
-                icon: props.appendIcon,
-                image: props.appendAvatar
-              }
-            }
-          }, {
-            default: () => [_createVNode(VCardAvatar, null, {
-              default: () => [slots.append ? slots.append() : _createVNode(VAvatar, null, null)]
-            })]
-          })]
-        }), hasText && _createVNode(VCardText, null, {
-          default: () => [slots.text ? slots.text() : props.text]
-        }), slots.content && _createVNode(VCardContent, null, {
-          default: slots.content
+          default: () => [_createVNode("div", {
+            "class": "v-card__image"
+          }, [(_slots$image = (_slots$image2 = slots.image) == null ? void 0 : _slots$image2.call(slots)) != null ? _slots$image : _createVNode(VImg, null, null)])]
+        }), _createVNode(LoaderSlot, {
+          "name": "v-card",
+          "active": !!props.loading,
+          "color": typeof props.loading === 'boolean' ? undefined : props.loading
+        }, {
+          default: slots.loader
+        }), hasCardItem && _createVNode(VCardItem, {
+          "key": "item",
+          "prependAvatar": props.prependAvatar,
+          "prependIcon": props.prependIcon,
+          "title": props.title,
+          "subtitle": props.subtitle,
+          "appendAvatar": props.appendAvatar,
+          "appendIcon": props.appendIcon
+        }, {
+          default: slots.item,
+          prepend: slots.prepend,
+          title: slots.title,
+          subtitle: slots.subtitle,
+          append: slots.append
+        }), hasText && _createVNode(VCardText, {
+          "key": "text"
+        }, {
+          default: () => [(_slots$text = (_slots$text2 = slots.text) == null ? void 0 : _slots$text2.call(slots)) != null ? _slots$text : props.text]
         }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.actions && _createVNode(VCardActions, null, {
           default: slots.actions
-        })]
+        }), genOverlays(isClickable, 'v-card')]
       }), [[_resolveDirective("ripple"), isClickable]]);
-    };
+    });
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"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: '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 { 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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"}
+{"version":3,"file":"VCard.mjs","names":["VCardActions","VCardItem","VCardText","VDefaultsProvider","VImg","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","defineComponent","useRender","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","loaderClasses","locationStyles","positionClasses","roundedClasses","Tag","isLink","value","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","isClickable","href","navigate","cover","src","loading","undefined","default","loader","item","actions"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VCardActions } from './VCardActions'\nimport { VCardItem } from './VCardItem'\nimport { VCardText } from './VCardText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\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'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\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    ...makeLoaderProps(),\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 { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    useRender(() => {\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 hasHeader = 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 hasCardItem = hasHeader || 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            loaderClasses.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          { hasImage && (\n            <VDefaultsProvider\n              key=\"image\"\n              defaults={{\n                VImg: {\n                  cover: true,\n                  src: props.image,\n                },\n              }}\n            >\n              <div class=\"v-card__image\">\n                { slots.image?.() ?? <VImg /> }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <LoaderSlot\n            name=\"v-card\"\n            active={ !!props.loading }\n            color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasCardItem && (\n            <VCardItem\n              key=\"item\"\n              prependAvatar={ props.prependAvatar }\n              prependIcon={ props.prependIcon }\n              title={ props.title }\n              subtitle={ props.subtitle }\n              appendAvatar={ props.appendAvatar }\n              appendIcon={ props.appendIcon }\n            >\n              {{\n                default: slots.item,\n                prepend: slots.prepend,\n                title: slots.title,\n                subtitle: slots.subtitle,\n                append: slots.append,\n              }}\n            </VCardItem>\n          ) }\n\n          { hasText && (\n            <VCardText key=\"text\">\n              { slots.text?.() ?? props.text }\n            </VCardText>\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          ) }\n\n          { genOverlays(isClickable, 'v-card') }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}