vuetify 3.1.8 → 3.1.10

package/lib/components/VBtn/VBtn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","genericComponent","useRender","VBtn","name","directives","props","active","type","Boolean","default","undefined","symbol","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","isLink","value","isSelected","isDisabled","disabled","isElevated","border","valueAttr","JSON","stringify","select","Tag","hasPrepend","prepend","hasAppend","append","hasIcon","hasColor","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\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 { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\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 { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type VBtnSlots = MakeSlots<{\n  default: []\n  prepend: []\n  append: []\n  loader: []\n}>\n\nexport const VBtn = genericComponent<VBtnSlots>()({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\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 { sizeClasses, sizeStyles } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active\n      }\n\n      if (link.isLink.value) {\n        return link.isActive?.value\n      }\n\n      return group?.isSelected.value\n    })\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n    const valueAttr = computed(() => {\n      if (props.value === undefined) return undefined\n\n      return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0) : props.value\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n      const hasIcon = !!(props.icon && props.icon !== true)\n      const hasColor = (\n        (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||\n        (!group || link.isActive?.value)\n      )\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': isActive.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          }}\n          value={ valueAttr.value }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          )}\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: hasIcon ? props.icon : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                hasIcon && (\n                  <VIcon key=\"icon\" />\n                )\n              )}\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          )}\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              )}\n            </span>\n          )}\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}
+{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","genericComponent","useRender","VBtn","name","directives","props","active","type","Boolean","default","undefined","symbol","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","isLink","value","isSelected","isDisabled","disabled","isElevated","border","valueAttr","JSON","stringify","select","Tag","hasPrepend","prepend","hasAppend","append","hasIcon","hasColor","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\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 { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\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 { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type VBtnSlots = MakeSlots<{\n  default: []\n  prepend: []\n  append: []\n  loader: []\n}>\n\nexport const VBtn = genericComponent<VBtnSlots>()({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\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 { sizeClasses, sizeStyles } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active\n      }\n\n      if (link.isLink.value) {\n        return link.isActive?.value\n      }\n\n      return group?.isSelected.value\n    })\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n    const valueAttr = computed(() => {\n      if (props.value === undefined) return undefined\n\n      return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0) : props.value\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n      const hasIcon = !!(props.icon && props.icon !== true)\n      const hasColor = (\n        (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||\n        (!group || link.isActive?.value)\n      )\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': isActive.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          }}\n          value={ valueAttr.value }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <span key=\"prepend\" class=\"v-btn__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  icon={ props.prependIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !props.prependIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.prependIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </span>\n          )}\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            { (!slots.default && hasIcon) ? (\n              <VIcon\n                key=\"content-icon\"\n                icon={ props.icon }\n              />\n            ) : (\n              <VDefaultsProvider\n                key=\"content-defaults\"\n                disabled={ !hasIcon }\n                defaults={{\n                  VIcon: {\n                    icon: props.icon,\n                  },\n                }}\n                v-slots:default={ slots.default }\n              />\n            )}\n          </span>\n\n          { !props.icon && hasAppend && (\n            <span key=\"append\" class=\"v-btn__append\">\n              { !slots.append ? (\n                <VIcon\n                  key=\"append-icon\"\n                  icon={ props.appendIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !props.appendIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.appendIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n            </span>\n          )}\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              )}\n            </span>\n          )}\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}

package/lib/components/VCard/VCard.mjs

@@ -128,19 +128,23 @@ export const VCard = genericComponent()({
         "onClick": isClickable.value && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
       }, {
-        default: () => [hasImage && _createVNode(VDefaultsProvider, {
+        default: () => [hasImage && _createVNode("div", {
           "key": "image",
+          "class": "v-card__image"
+        }, [!slots.image ? _createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : _createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
           "defaults": {
             VImg: {
               cover: true,
               src: props.image
             }
           }
-        }, {
-          default: () => [_createVNode("div", {
-            "class": "v-card__image"
-          }, [slots.image?.() ?? _createVNode(VImg, null, null)])]
-        }), _createVNode(LoaderSlot, {
+        }, slots.image)]), _createVNode(LoaderSlot, {
           "name": "v-card",
           "active": !!props.loading,
           "color": typeof props.loading === 'boolean' ? undefined : props.loading

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

@@ -1 +1 @@
-{"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","computed","genericComponent","useRender","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","href","navigate","cover","src","loading","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 { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardSlots = MakeSlots<{\n  default: []\n  actions: []\n  title: []\n  subtitle: []\n  text: []\n  loader: []\n  image: []\n  prepend: []\n  append: []\n}>\n\nexport const VCard = genericComponent<VCardSlots>()({\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: {\n      type: Boolean,\n      default: undefined,\n    },\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\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    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value)\n    )\n\n    useRender(() => {\n      const Tag = 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\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.value,\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.value && link.navigate }\n          v-ripple={ isClickable.value && props.ripple }\n          tabindex={ props.disabled ? -1 : undefined }\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.value, 'v-card') }\n        </Tag>\n      )\n    })\n\n    return {}\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","computed","genericComponent","useRender","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","href","navigate","cover","src","loading","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 { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardSlots = MakeSlots<{\n  default: []\n  actions: []\n  title: []\n  subtitle: []\n  text: []\n  loader: []\n  image: []\n  prepend: []\n  append: []\n}>\n\nexport const VCard = genericComponent<VCardSlots>()({\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: {\n      type: Boolean,\n      default: undefined,\n    },\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\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    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value)\n    )\n\n    useRender(() => {\n      const Tag = 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\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.value,\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.value && link.navigate }\n          v-ripple={ isClickable.value && props.ripple }\n          tabindex={ props.disabled ? -1 : undefined }\n        >\n          { hasImage && (\n            <div key=\"image\" class=\"v-card__image\">\n              { !slots.image ? (\n                <VImg\n                  key=\"image-img\"\n                  cover\n                  src={ props.image }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"image-defaults\"\n                  disabled={ !props.image }\n                  defaults={{\n                    VImg: {\n                      cover: true,\n                      src: props.image,\n                    },\n                  }}\n                  v-slots:default={ slots.image }\n                />\n              )}\n            </div>\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.value, 'v-card') }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}

package/lib/components/VCard/VCardItem.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Components
 import { VAvatar } from "../VAvatar/index.mjs";
 import { VCardSubtitle } from "./VCardSubtitle.mjs";
@@ -23,30 +23,33 @@ export const VCardItem = genericComponent()({
       slots
     } = _ref;
     useRender(() => {
-      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend);
-      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append);
+      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);
+      const hasPrepend = !!(hasPrependMedia || slots.prepend);
+      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);
+      const hasAppend = !!(hasAppendMedia || slots.append);
       const hasTitle = !!(props.title || slots.title);
       const hasSubtitle = !!(props.subtitle || slots.subtitle);
       return _createVNode("div", {
         "class": "v-card-item"
-      }, [hasPrepend && _createVNode(VDefaultsProvider, {
+      }, [hasPrepend && _createVNode("div", {
         "key": "prepend",
+        "class": "v-card-item__prepend"
+      }, [!slots.prepend ? hasPrependMedia && _createVNode(VAvatar, {
+        "key": "prepend-avatar",
+        "density": props.density,
+        "icon": props.prependIcon,
+        "image": props.prependAvatar
+      }, null) : _createVNode(VDefaultsProvider, {
+        "key": "prepend-defaults",
+        "disabled": !hasPrependMedia,
         "defaults": {
           VAvatar: {
             density: props.density,
             icon: props.prependIcon,
             image: props.prependAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.prependIcon
           }
         }
-      }, {
-        default: () => [_createVNode("div", {
-          "class": "v-card-item__prepend"
-        }, [slots.prepend?.() ?? _createVNode(VAvatar, null, null)])]
-      }), _createVNode("div", {
+      }, slots.prepend)]), _createVNode("div", {
         "class": "v-card-item__content"
       }, [hasTitle && _createVNode(VCardTitle, {
         "key": "title"
@@ -56,24 +59,25 @@ export const VCardItem = genericComponent()({
         "key": "subtitle"
       }, {
         default: () => [slots.subtitle?.() ?? props.subtitle]
-      }), slots.default?.()]), hasAppend && _createVNode(VDefaultsProvider, {
+      }), slots.default?.()]), hasAppend && _createVNode("div", {
         "key": "append",
+        "class": "v-card-item__append"
+      }, [!slots.append ? hasAppendMedia && _createVNode(VAvatar, {
+        "key": "append-avatar",
+        "density": props.density,
+        "icon": props.appendIcon,
+        "image": props.appendAvatar
+      }, null) : _createVNode(VDefaultsProvider, {
+        "key": "append-defaults",
+        "disabled": !hasAppendMedia,
         "defaults": {
           VAvatar: {
             density: props.density,
             icon: props.appendIcon,
             image: props.appendAvatar
-          },
-          VIcon: {
-            density: props.density,
-            icon: props.appendIcon
           }
         }
-      }, {
-        default: () => [_createVNode("div", {
-          "class": "v-card-item__append"
-        }, [slots.append?.() ?? _createVNode(VAvatar, null, null)])]
-      })]);
+      }, slots.append)])]);
     });
     return {};
   }

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

@@ -1 +1 @@
-{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","genericComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardItemSlots = MakeSlots<{\n  default: []\n  prepend: []\n  append: []\n  title: []\n  subtitle: []\n}>\n\nexport const VCardItem = genericComponent<VCardItemSlots>()({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          )}\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VCardTitle>\n            )}\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          )}\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":";AAAA;AAAA,SACSA,OAAO;AAAA,SACPC,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,iBAAiB,0CAE1B;AAAA,SACSC,SAAS;AAAA,SACTC,gBAAgB,yCAEzB;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAWA,OAAO,MAAMC,SAAS,GAAGF,gBAAgB,EAAkB,CAAC;EAC1DG,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,YAAY,EAAEC,MAAM;IACpBC,UAAU,EAAET,SAAS;IACrBU,aAAa,EAAEF,MAAM;IACrBG,WAAW,EAAEX,SAAS;IACtBY,QAAQ,EAAEJ,MAAM;IAChBK,KAAK,EAAEL,MAAM;IAEb,GAAGP,gBAAgB;EACrB,CAAC;EAEDa,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrBZ,SAAS,CAAC,MAAM;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAa,IAAIJ,KAAK,CAACK,WAAW,IAAII,KAAK,CAACE,OAAO,CAAC;MAChF,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAY,IAAID,KAAK,CAACG,UAAU,IAAIM,KAAK,CAACI,MAAM,CAAC;MAC5E,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAK,IAAIE,KAAK,CAACF,KAAK,CAAC;MAC/C,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAQ,IAAIG,KAAK,CAACH,QAAQ,CAAC;MAExD;QAAA,SACa;MAAa,IACpBI,UAAU;QAAA,OAEJ,SAAS;QAAA,YACH;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK,WAAW;YACvBa,KAAK,EAAElB,KAAK,CAACI;UACf,CAAC;UACDe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAsB,IAC7BI,KAAK,CAACE,OAAO,IAAI,qCAAiB;MAAA,EAGzC;QAAA,SAEU;MAAsB,IAC7BG,QAAQ;QAAA,OACQ;MAAO;QAAA,gBACnBL,KAAK,CAACF,KAAK,IAAI,IAAIP,KAAK,CAACO,KAAK;MAAA,EAEnC,EAECQ,WAAW;QAAA,OACQ;MAAU;QAAA,gBACzBN,KAAK,CAACH,QAAQ,IAAI,IAAIN,KAAK,CAACM,QAAQ;MAAA,EAEzC,EAECG,KAAK,CAACW,OAAO,IAAI,IAGnBR,SAAS;QAAA,OAEH,QAAQ;QAAA,YACF;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG,UAAU;YACtBe,KAAK,EAAElB,KAAK,CAACC;UACf,CAAC;UACDkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAqB,IAC5BM,KAAK,CAACI,MAAM,IAAI,qCAAiB;MAAA,EAGxC;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","genericComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrependMedia","hasPrepend","prepend","hasAppendMedia","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardItemSlots = MakeSlots<{\n  default: []\n  prepend: []\n  append: []\n  title: []\n  subtitle: []\n}>\n\nexport const VCardItem = genericComponent<VCardItemSlots>()({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\n      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon)\n      const hasAppend = !!(hasAppendMedia || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-card-item__prepend\">\n              { !slots.prepend ? (\n                hasPrependMedia && (\n                  <VAvatar\n                    key=\"prepend-avatar\"\n                    density={ props.density }\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VCardTitle>\n            )}\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-card-item__append\">\n              { !slots.append ? (\n                hasAppendMedia && (\n                  <VAvatar\n                    key=\"append-avatar\"\n                    density={ props.density }\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !hasAppendMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n           </div>\n          )}\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":"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"}

package/lib/components/VChip/VChip.css

@@ -27,35 +27,39 @@
   --v-avatar-height: 20px;
 }
 
-.v-chip.v-chip--size-x-small .v-chip__filter,
-.v-chip.v-chip--size-x-small .v-chip__prepend,
-.v-chip.v-chip--size-x-small > .v-avatar--start,
-.v-chip.v-chip--size-x-small > .v-icon--start {
-  margin-inline-end: 4px;
-}
-.v-chip.v-chip--size-x-small .v-chip__filter,
-.v-chip.v-chip--size-x-small .v-chip__prepend,
-.v-chip.v-chip--size-x-small .v-icon--start {
-  margin-inline-start: -4px;
-}
 .v-chip.v-chip--size-x-small .v-avatar--start {
   margin-inline-start: -5.6px;
+  margin-inline-end: 4px;
 }
 .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
   margin-inline-start: -8px;
 }
 
-.v-chip.v-chip--size-x-small .v-chip__append,
-.v-chip.v-chip--size-x-small .v-chip__close,
-.v-chip.v-chip--size-x-small > .v-avatar--end,
-.v-chip.v-chip--size-x-small > .v-icon--end {
+.v-chip.v-chip--size-x-small .v-avatar--end {
   margin-inline-start: 4px;
-  margin-inline-end: -4px;
+  margin-inline-end: -5.6px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
   margin-inline-end: -8px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 12px;
+}
+
+.v-chip.v-chip--size-x-small .v-icon--start,
+.v-chip.v-chip--size-x-small .v-chip__filter {
+  margin-inline-start: -4px;
+  margin-inline-end: 4px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end,
+.v-chip.v-chip--size-x-small .v-chip__close {
+  margin-inline-start: 4px;
+  margin-inline-end: -4px;
+}
+.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
   margin-inline-start: 8px;
 }
 
@@ -72,35 +76,39 @@
   --v-avatar-height: 26px;
 }
 
-.v-chip.v-chip--size-small .v-chip__filter,
-.v-chip.v-chip--size-small .v-chip__prepend,
-.v-chip.v-chip--size-small > .v-avatar--start,
-.v-chip.v-chip--size-small > .v-icon--start {
-  margin-inline-end: 5px;
-}
-.v-chip.v-chip--size-small .v-chip__filter,
-.v-chip.v-chip--size-small .v-chip__prepend,
-.v-chip.v-chip--size-small .v-icon--start {
-  margin-inline-start: -5px;
-}
 .v-chip.v-chip--size-small .v-avatar--start {
   margin-inline-start: -7px;
+  margin-inline-end: 5px;
 }
 .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
   margin-inline-start: -10px;
 }
 
-.v-chip.v-chip--size-small .v-chip__append,
-.v-chip.v-chip--size-small .v-chip__close,
-.v-chip.v-chip--size-small > .v-avatar--end,
-.v-chip.v-chip--size-small > .v-icon--end {
+.v-chip.v-chip--size-small .v-avatar--end {
   margin-inline-start: 5px;
-  margin-inline-end: -5px;
+  margin-inline-end: -7px;
 }
-.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
   margin-inline-end: -10px;
 }
-.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
+  margin-inline-start: 15px;
+}
+
+.v-chip.v-chip--size-small .v-icon--start,
+.v-chip.v-chip--size-small .v-chip__filter {
+  margin-inline-start: -5px;
+  margin-inline-end: 5px;
+}
+.v-chip.v-chip--size-small .v-icon--end,
+.v-chip.v-chip--size-small .v-chip__close {
+  margin-inline-start: 5px;
+  margin-inline-end: -5px;
+}
+.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
   margin-inline-start: 10px;
 }
 
@@ -117,35 +125,39 @@
   --v-avatar-height: 32px;
 }
 
-.v-chip.v-chip--size-default .v-chip__filter,
-.v-chip.v-chip--size-default .v-chip__prepend,
-.v-chip.v-chip--size-default > .v-avatar--start,
-.v-chip.v-chip--size-default > .v-icon--start {
-  margin-inline-end: 6px;
-}
-.v-chip.v-chip--size-default .v-chip__filter,
-.v-chip.v-chip--size-default .v-chip__prepend,
-.v-chip.v-chip--size-default .v-icon--start {
-  margin-inline-start: -6px;
-}
 .v-chip.v-chip--size-default .v-avatar--start {
   margin-inline-start: -8.4px;
+  margin-inline-end: 6px;
 }
 .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
   margin-inline-start: -12px;
 }
 
-.v-chip.v-chip--size-default .v-chip__append,
-.v-chip.v-chip--size-default .v-chip__close,
-.v-chip.v-chip--size-default > .v-avatar--end,
-.v-chip.v-chip--size-default > .v-icon--end {
+.v-chip.v-chip--size-default .v-avatar--end {
   margin-inline-start: 6px;
-  margin-inline-end: -6px;
+  margin-inline-end: -8.4px;
 }
-.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
   margin-inline-end: -12px;
 }
-.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
+  margin-inline-start: 18px;
+}
+
+.v-chip.v-chip--size-default .v-icon--start,
+.v-chip.v-chip--size-default .v-chip__filter {
+  margin-inline-start: -6px;
+  margin-inline-end: 6px;
+}
+.v-chip.v-chip--size-default .v-icon--end,
+.v-chip.v-chip--size-default .v-chip__close {
+  margin-inline-start: 6px;
+  margin-inline-end: -6px;
+}
+.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
   margin-inline-start: 12px;
 }
 
@@ -162,35 +174,39 @@
   --v-avatar-height: 38px;
 }
 
-.v-chip.v-chip--size-large .v-chip__filter,
-.v-chip.v-chip--size-large .v-chip__prepend,
-.v-chip.v-chip--size-large > .v-avatar--start,
-.v-chip.v-chip--size-large > .v-icon--start {
-  margin-inline-end: 7px;
-}
-.v-chip.v-chip--size-large .v-chip__filter,
-.v-chip.v-chip--size-large .v-chip__prepend,
-.v-chip.v-chip--size-large .v-icon--start {
-  margin-inline-start: -7px;
-}
 .v-chip.v-chip--size-large .v-avatar--start {
   margin-inline-start: -9.8px;
+  margin-inline-end: 7px;
 }
 .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
   margin-inline-start: -14px;
 }
 
-.v-chip.v-chip--size-large .v-chip__append,
-.v-chip.v-chip--size-large .v-chip__close,
-.v-chip.v-chip--size-large > .v-avatar--end,
-.v-chip.v-chip--size-large > .v-icon--end {
+.v-chip.v-chip--size-large .v-avatar--end {
   margin-inline-start: 7px;
-  margin-inline-end: -7px;
+  margin-inline-end: -9.8px;
 }
-.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
   margin-inline-end: -14px;
 }
-.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 21px;
+}
+
+.v-chip.v-chip--size-large .v-icon--start,
+.v-chip.v-chip--size-large .v-chip__filter {
+  margin-inline-start: -7px;
+  margin-inline-end: 7px;
+}
+.v-chip.v-chip--size-large .v-icon--end,
+.v-chip.v-chip--size-large .v-chip__close {
+  margin-inline-start: 7px;
+  margin-inline-end: -7px;
+}
+.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
   margin-inline-start: 14px;
 }
 
@@ -207,35 +223,39 @@
   --v-avatar-height: 44px;
 }
 
-.v-chip.v-chip--size-x-large .v-chip__filter,
-.v-chip.v-chip--size-x-large .v-chip__prepend,
-.v-chip.v-chip--size-x-large > .v-avatar--start,
-.v-chip.v-chip--size-x-large > .v-icon--start {
-  margin-inline-end: 8.5px;
-}
-.v-chip.v-chip--size-x-large .v-chip__filter,
-.v-chip.v-chip--size-x-large .v-chip__prepend,
-.v-chip.v-chip--size-x-large .v-icon--start {
-  margin-inline-start: -8.5px;
-}
 .v-chip.v-chip--size-x-large .v-avatar--start {
   margin-inline-start: -11.9px;
+  margin-inline-end: 8.5px;
 }
 .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
   margin-inline-start: -17px;
 }
 
-.v-chip.v-chip--size-x-large .v-chip__append,
-.v-chip.v-chip--size-x-large .v-chip__close,
-.v-chip.v-chip--size-x-large > .v-avatar--end,
-.v-chip.v-chip--size-x-large > .v-icon--end {
+.v-chip.v-chip--size-x-large .v-avatar--end {
   margin-inline-start: 8.5px;
-  margin-inline-end: -8.5px;
+  margin-inline-end: -11.9px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
   margin-inline-end: -17px;
 }
-.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
+
+.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
+  margin-inline-start: 25.5px;
+}
+
+.v-chip.v-chip--size-x-large .v-icon--start,
+.v-chip.v-chip--size-x-large .v-chip__filter {
+  margin-inline-start: -8.5px;
+  margin-inline-end: 8.5px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end,
+.v-chip.v-chip--size-x-large .v-chip__close {
+  margin-inline-start: 8.5px;
+  margin-inline-end: -8.5px;
+}
+.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
+.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
   margin-inline-start: 17px;
 }