vuetify 3.3.1 → 3.3.2

package/lib/components/VTimeline/VTimelineDivider.mjs

@@ -2,14 +2,14 @@ import { resolveDirective as _resolveDirective, createVNode as _createVNode } fr
 // Components
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VIcon } from "../VIcon/index.mjs"; // Composables
-import { IconValue } from "../../composables/icons.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
-import { makeSizeProps, useSize } from "../../composables/size.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { makeSizeProps, useSize } from "../../composables/size.mjs"; // Utilities
 import { toRef } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVTimelineDividerProps = propsFactory({
   dotColor: String,
   fillDot: Boolean,
@@ -21,7 +21,7 @@ export const makeVTimelineDividerProps = propsFactory({
   ...makeRoundedProps(),
   ...makeSizeProps(),
   ...makeElevationProps()
-}, 'v-timeline-divider');
+}, 'VTimelineDivider');
 export const VTimelineDivider = genericComponent()({
   name: 'VTimelineDivider',
   props: makeVTimelineDividerProps(),

package/lib/components/VTimeline/VTimelineDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTimelineDivider.mjs","names":["VDefaultsProvider","VIcon","IconValue","makeComponentProps","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeSizeProps","useSize","useBackgroundColor","genericComponent","propsFactory","useRender","toRef","makeVTimelineDividerProps","dotColor","String","fillDot","Boolean","hideDot","icon","iconColor","lineColor","VTimelineDivider","name","props","setup","_ref","slots","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","roundedClasses","elevationClasses","lineColorClasses","lineColorStyles","_createVNode","class","style","value","default","size","color"],"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"sourcesContent":["// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVTimelineDividerProps = propsFactory({\n  dotColor: String,\n  fillDot: Boolean,\n  hideDot: Boolean,\n  icon: IconValue,\n  iconColor: String,\n  lineColor: String,\n\n  ...makeComponentProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeElevationProps(),\n}, 'v-timeline-divider')\n\nexport const VTimelineDivider = genericComponent()({\n  name: 'VTimelineDivider',\n\n  props: makeVTimelineDividerProps(),\n\n  setup (props, { slots }) {\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n    const {\n      backgroundColorClasses: lineColorClasses,\n      backgroundColorStyles: lineColorStyles,\n    } = useBackgroundColor(toRef(props, 'lineColor'))\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        <div\n          class={[\n            'v-timeline-divider__before',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n\n        { !props.hideDot && (\n          <div\n            key=\"dot\"\n            class={[\n              'v-timeline-divider__dot',\n              elevationClasses.value,\n              roundedClasses.value,\n              sizeClasses.value,\n            ]}\n            style={ sizeStyles.value }\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                backgroundColorClasses.value,\n                roundedClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              { !slots.default ? (\n                <VIcon\n                  key=\"icon\"\n                  color={ props.iconColor }\n                  icon={ props.icon }\n                  size={ props.size }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"icon-defaults\"\n                  disabled={ !props.icon }\n                  defaults={{\n                    VIcon: {\n                      color: props.iconColor,\n                      icon: props.icon,\n                      size: props.size,\n                    },\n                  }}\n                  v-slots:default={ slots.default }\n                />\n              )}\n            </div>\n          </div>\n        )}\n\n        <div\n          class={[\n            'v-timeline-divider__after',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimelineDivider = InstanceType<typeof VTimelineDivider>\n"],"mappings":"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"}
+{"version":3,"file":"VTimelineDivider.mjs","names":["VDefaultsProvider","VIcon","useBackgroundColor","makeComponentProps","makeElevationProps","useElevation","IconValue","makeRoundedProps","useRounded","makeSizeProps","useSize","toRef","genericComponent","propsFactory","useRender","makeVTimelineDividerProps","dotColor","String","fillDot","Boolean","hideDot","icon","iconColor","lineColor","VTimelineDivider","name","props","setup","_ref","slots","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","roundedClasses","elevationClasses","lineColorClasses","lineColorStyles","_createVNode","class","style","value","default","size","color"],"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"sourcesContent":["// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVTimelineDividerProps = propsFactory({\n  dotColor: String,\n  fillDot: Boolean,\n  hideDot: Boolean,\n  icon: IconValue,\n  iconColor: String,\n  lineColor: String,\n\n  ...makeComponentProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeElevationProps(),\n}, 'VTimelineDivider')\n\nexport const VTimelineDivider = genericComponent()({\n  name: 'VTimelineDivider',\n\n  props: makeVTimelineDividerProps(),\n\n  setup (props, { slots }) {\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n    const {\n      backgroundColorClasses: lineColorClasses,\n      backgroundColorStyles: lineColorStyles,\n    } = useBackgroundColor(toRef(props, 'lineColor'))\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        <div\n          class={[\n            'v-timeline-divider__before',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n\n        { !props.hideDot && (\n          <div\n            key=\"dot\"\n            class={[\n              'v-timeline-divider__dot',\n              elevationClasses.value,\n              roundedClasses.value,\n              sizeClasses.value,\n            ]}\n            style={ sizeStyles.value }\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                backgroundColorClasses.value,\n                roundedClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              { !slots.default ? (\n                <VIcon\n                  key=\"icon\"\n                  color={ props.iconColor }\n                  icon={ props.icon }\n                  size={ props.size }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"icon-defaults\"\n                  disabled={ !props.icon }\n                  defaults={{\n                    VIcon: {\n                      color: props.iconColor,\n                      icon: props.icon,\n                      size: props.size,\n                    },\n                  }}\n                  v-slots:default={ slots.default }\n                />\n              )}\n            </div>\n          </div>\n        )}\n\n        <div\n          class={[\n            'v-timeline-divider__after',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimelineDivider = InstanceType<typeof VTimelineDivider>\n"],"mappings":"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"}

package/lib/components/VTimeline/VTimelineItem.mjs

@@ -1,18 +1,15 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Components
 import { VTimelineDivider } from "./VTimelineDivider.mjs"; // Composables
-import { IconValue } from "../../composables/icons.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps } from "../../composables/elevation.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs";
 import { makeSizeProps } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
-import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { ref, shallowRef, watch } from 'vue';
-
-// Types
-
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVTimelineItemProps = propsFactory({
   density: String,
   dotColor: String,
@@ -31,7 +28,7 @@ export const makeVTimelineItemProps = propsFactory({
   ...makeRoundedProps(),
   ...makeSizeProps(),
   ...makeTagProps()
-}, 'v-timeline-item');
+}, 'VTimelineItem');
 export const VTimelineItem = genericComponent()({
   name: 'VTimelineItem',
   props: makeVTimelineItemProps(),

package/lib/components/VTimeline/VTimelineItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTimelineItem.mjs","names":["VTimelineDivider","IconValue","makeComponentProps","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","convertToUnit","genericComponent","propsFactory","useRender","makeDimensionProps","useDimension","ref","shallowRef","watch","makeVTimelineItemProps","density","String","dotColor","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","lineInset","Number","VTimelineItem","name","props","setup","_ref","slots","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","_createVNode","class","style","size","elevation","rounded","opposite"],"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"sourcesContent":["// Components\nimport { VTimelineDivider } from './VTimelineDivider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { ref, shallowRef, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\n// Types\nexport type VTimelineItemSlots = {\n  default: never\n  icon: never\n  opposite: never\n}\n\nexport const makeVTimelineItemProps = propsFactory({\n  density: String as PropType<'default' | 'compact'>,\n  dotColor: String,\n  fillDot: Boolean,\n  hideDot: Boolean,\n  hideOpposite: {\n    type: Boolean,\n    default: undefined,\n  },\n  icon: IconValue,\n  iconColor: String,\n  lineInset: [Number, String],\n\n  ...makeComponentProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n}, 'v-timeline-item')\n\nexport const VTimelineItem = genericComponent<VTimelineItemSlots>()({\n  name: 'VTimelineItem',\n\n  props: makeVTimelineItemProps(),\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = shallowRef(0)\n    const dotRef = ref<VTimelineDivider>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n          props.class,\n        ]}\n        style={[\n          {\n            '--v-timeline-dot-size': convertToUnit(dotSize.value),\n            '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0),\n          },\n          props.style,\n        ]}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { props.density !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimelineItem = InstanceType<typeof VTimelineItem>\n"],"mappings":"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"}
+{"version":3,"file":"VTimelineItem.mjs","names":["VTimelineDivider","makeComponentProps","makeDimensionProps","useDimension","makeElevationProps","IconValue","makeRoundedProps","makeSizeProps","makeTagProps","ref","shallowRef","watch","convertToUnit","genericComponent","propsFactory","useRender","makeVTimelineItemProps","density","String","dotColor","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","lineInset","Number","VTimelineItem","name","props","setup","_ref","slots","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","_createVNode","class","style","size","elevation","rounded","opposite"],"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"sourcesContent":["// Components\nimport { VTimelineDivider } from './VTimelineDivider'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { ref, shallowRef, watch } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// Types\nexport type VTimelineItemSlots = {\n  default: never\n  icon: never\n  opposite: never\n}\n\nexport const makeVTimelineItemProps = propsFactory({\n  density: String as PropType<'default' | 'compact'>,\n  dotColor: String,\n  fillDot: Boolean,\n  hideDot: Boolean,\n  hideOpposite: {\n    type: Boolean,\n    default: undefined,\n  },\n  icon: IconValue,\n  iconColor: String,\n  lineInset: [Number, String],\n\n  ...makeComponentProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n}, 'VTimelineItem')\n\nexport const VTimelineItem = genericComponent<VTimelineItemSlots>()({\n  name: 'VTimelineItem',\n\n  props: makeVTimelineItemProps(),\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = shallowRef(0)\n    const dotRef = ref<VTimelineDivider>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n          props.class,\n        ]}\n        style={[\n          {\n            '--v-timeline-dot-size': convertToUnit(dotSize.value),\n            '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0),\n          },\n          props.style,\n        ]}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { props.density !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimelineItem = InstanceType<typeof VTimelineItem>\n"],"mappings":"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"}

package/lib/components/VToolbar/VToolbar.mjs

@@ -3,19 +3,19 @@ import { resolveDirective as _resolveDirective, createVNode as _createVNode } fr
 import "./VToolbar.css";
 
 // Components
-import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VToolbarTitle } from "./VToolbarTitle.mjs";
 import { VExpandTransition } from "../transitions/index.mjs";
-import { VImg } from "../VImg/index.mjs";
-import { VToolbarTitle } from "./VToolbarTitle.mjs"; // Composables
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VImg } from "../VImg/index.mjs"; // Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { useRtl } from "../../composables/locale.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { provideDefaults } from "../../composables/defaults.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs";
-import { useRtl } from "../../composables/locale.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
 import { computed, shallowRef, toRef } from 'vue';
 import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 const allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'];
@@ -49,7 +49,7 @@ export const makeVToolbarProps = propsFactory({
     tag: 'header'
   }),
   ...makeThemeProps()
-}, 'v-toolbar');
+}, 'VToolbar');
 export const VToolbar = genericComponent()({
   name: 'VToolbar',
   props: makeVToolbarProps(),

package/lib/components/VToolbar/VToolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VToolbar.mjs","names":["VDefaultsProvider","VExpandTransition","VImg","VToolbarTitle","makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useBackgroundColor","useRtl","computed","shallowRef","toRef","convertToUnit","genericComponent","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","color","String","density","type","default","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","rtlClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","_createVNode","class","style","cover","src","VTabs","prepend","text","append"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VImg } from '@/components/VImg'\nimport { VToolbarTitle } from './VToolbarTitle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, shallowRef, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n  absolute: Boolean,\n  collapse: Boolean,\n  color: String,\n  density: {\n    type: String as PropType<Density>,\n    default: 'default',\n    validator: (v: any) => allowedDensities.includes(v),\n  },\n  extended: Boolean,\n  extensionHeight: {\n    type: [Number, String],\n    default: 48,\n  },\n  flat: Boolean,\n  floating: Boolean,\n  height: {\n    type: [Number, String],\n    default: 64,\n  },\n  image: String,\n  title: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'header' }),\n  ...makeThemeProps(),\n}, 'v-toolbar')\n\nexport type VToolbarSlots = {\n  default: never\n  image: never\n  prepend: never\n  append: never\n  title: never\n  extension: never\n}\n\nexport const VToolbar = genericComponent<VToolbarSlots>()({\n  name: 'VToolbar',\n\n  props: makeVToolbarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses } = useRtl()\n\n    const isExtended = shallowRef(!!(props.extended || slots.extension?.()))\n    const contentHeight = computed(() => parseInt((\n      Number(props.height) +\n      (props.density === 'prominent' ? Number(props.height) : 0) -\n      (props.density === 'comfortable' ? 8 : 0) -\n      (props.density === 'compact' ? 16 : 0)\n    ), 10))\n    const extensionHeight = computed(() => isExtended.value\n      ? parseInt((\n        Number(props.extensionHeight) +\n        (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n        (props.density === 'comfortable' ? 4 : 0) -\n        (props.density === 'compact' ? 8 : 0)\n      ), 10)\n      : 0\n    )\n\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => {\n      const hasTitle = !!(props.title || slots.title)\n      const hasImage = !!(slots.image || props.image)\n\n      const extension = slots.extension?.()\n      isExtended.value = !!(props.extended || extension)\n\n      return (\n        <props.tag\n          class={[\n            'v-toolbar',\n            {\n              'v-toolbar--absolute': props.absolute,\n              'v-toolbar--collapse': props.collapse,\n              'v-toolbar--flat': props.flat,\n              'v-toolbar--floating': props.floating,\n              [`v-toolbar--density-${props.density}`]: true,\n            },\n            backgroundColorClasses.value,\n            borderClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n            rtlClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            props.style,\n          ]}\n        >\n          { hasImage && (\n            <div key=\"image\" class=\"v-toolbar__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          <VDefaultsProvider\n            defaults={{\n              VTabs: {\n                height: convertToUnit(contentHeight.value),\n              },\n            }}\n          >\n            <div\n              class=\"v-toolbar__content\"\n              style={{ height: convertToUnit(contentHeight.value) }}\n            >\n              { slots.prepend && (\n                <div class=\"v-toolbar__prepend\">\n                  { slots.prepend?.() }\n                </div>\n              )}\n\n              { hasTitle && (\n                <VToolbarTitle key=\"title\" text={ props.title }>\n                  {{ text: slots.title }}\n                </VToolbarTitle>\n              )}\n\n              { slots.default?.() }\n\n              { slots.append && (\n                <div class=\"v-toolbar__append\">\n                  { slots.append?.() }\n                </div>\n              )}\n            </div>\n          </VDefaultsProvider>\n\n          <VDefaultsProvider\n            defaults={{\n              VTabs: {\n                height: convertToUnit(extensionHeight.value),\n              },\n            }}\n          >\n            <VExpandTransition>\n              { isExtended.value && (\n                <div\n                  class=\"v-toolbar__extension\"\n                  style={{ height: convertToUnit(extensionHeight.value) }}\n                >\n                  { extension }\n                </div>\n              )}\n            </VExpandTransition>\n          </VDefaultsProvider>\n        </props.tag>\n      )\n    })\n\n    return {\n      contentHeight,\n      extensionHeight,\n    }\n  },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n"],"mappings":"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"}
+{"version":3,"file":"VToolbar.mjs","names":["VToolbarTitle","VExpandTransition","VDefaultsProvider","VImg","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeElevationProps","useElevation","useRtl","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","computed","shallowRef","toRef","convertToUnit","genericComponent","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","color","String","density","type","default","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","rtlClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","_createVNode","class","style","cover","src","VTabs","prepend","text","append"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VToolbarTitle } from './VToolbarTitle'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useRtl } from '@/composables/locale'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, shallowRef, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n  absolute: Boolean,\n  collapse: Boolean,\n  color: String,\n  density: {\n    type: String as PropType<Density>,\n    default: 'default',\n    validator: (v: any) => allowedDensities.includes(v),\n  },\n  extended: Boolean,\n  extensionHeight: {\n    type: [Number, String],\n    default: 48,\n  },\n  flat: Boolean,\n  floating: Boolean,\n  height: {\n    type: [Number, String],\n    default: 64,\n  },\n  image: String,\n  title: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps({ tag: 'header' }),\n  ...makeThemeProps(),\n}, 'VToolbar')\n\nexport type VToolbarSlots = {\n  default: never\n  image: never\n  prepend: never\n  append: never\n  title: never\n  extension: never\n}\n\nexport const VToolbar = genericComponent<VToolbarSlots>()({\n  name: 'VToolbar',\n\n  props: makeVToolbarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses } = useRtl()\n\n    const isExtended = shallowRef(!!(props.extended || slots.extension?.()))\n    const contentHeight = computed(() => parseInt((\n      Number(props.height) +\n      (props.density === 'prominent' ? Number(props.height) : 0) -\n      (props.density === 'comfortable' ? 8 : 0) -\n      (props.density === 'compact' ? 16 : 0)\n    ), 10))\n    const extensionHeight = computed(() => isExtended.value\n      ? parseInt((\n        Number(props.extensionHeight) +\n        (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n        (props.density === 'comfortable' ? 4 : 0) -\n        (props.density === 'compact' ? 8 : 0)\n      ), 10)\n      : 0\n    )\n\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => {\n      const hasTitle = !!(props.title || slots.title)\n      const hasImage = !!(slots.image || props.image)\n\n      const extension = slots.extension?.()\n      isExtended.value = !!(props.extended || extension)\n\n      return (\n        <props.tag\n          class={[\n            'v-toolbar',\n            {\n              'v-toolbar--absolute': props.absolute,\n              'v-toolbar--collapse': props.collapse,\n              'v-toolbar--flat': props.flat,\n              'v-toolbar--floating': props.floating,\n              [`v-toolbar--density-${props.density}`]: true,\n            },\n            backgroundColorClasses.value,\n            borderClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n            rtlClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            props.style,\n          ]}\n        >\n          { hasImage && (\n            <div key=\"image\" class=\"v-toolbar__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          <VDefaultsProvider\n            defaults={{\n              VTabs: {\n                height: convertToUnit(contentHeight.value),\n              },\n            }}\n          >\n            <div\n              class=\"v-toolbar__content\"\n              style={{ height: convertToUnit(contentHeight.value) }}\n            >\n              { slots.prepend && (\n                <div class=\"v-toolbar__prepend\">\n                  { slots.prepend?.() }\n                </div>\n              )}\n\n              { hasTitle && (\n                <VToolbarTitle key=\"title\" text={ props.title }>\n                  {{ text: slots.title }}\n                </VToolbarTitle>\n              )}\n\n              { slots.default?.() }\n\n              { slots.append && (\n                <div class=\"v-toolbar__append\">\n                  { slots.append?.() }\n                </div>\n              )}\n            </div>\n          </VDefaultsProvider>\n\n          <VDefaultsProvider\n            defaults={{\n              VTabs: {\n                height: convertToUnit(extensionHeight.value),\n              },\n            }}\n          >\n            <VExpandTransition>\n              { isExtended.value && (\n                <div\n                  class=\"v-toolbar__extension\"\n                  style={{ height: convertToUnit(extensionHeight.value) }}\n                >\n                  { extension }\n                </div>\n              )}\n            </VExpandTransition>\n          </VDefaultsProvider>\n        </props.tag>\n      )\n    })\n\n    return {\n      contentHeight,\n      extensionHeight,\n    }\n  },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n"],"mappings":"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"}

package/lib/components/VToolbar/VToolbarItems.mjs

@@ -1,16 +1,16 @@
 import { createVNode as _createVNode } from "vue";
 // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
-import { makeVariantProps } from "../../composables/variant.mjs";
-import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { makeVariantProps } from "../../composables/variant.mjs"; // Utilities
 import { toRef } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVToolbarItemsProps = propsFactory({
   ...makeComponentProps(),
   ...makeVariantProps({
     variant: 'text'
   })
-}, 'v-toolbar-items');
+}, 'VToolbarItems');
 export const VToolbarItems = genericComponent()({
   name: 'VToolbarItems',
   props: makeVToolbarItemsProps(),

package/lib/components/VToolbar/VToolbarItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VToolbarItems.mjs","names":["makeComponentProps","makeVariantProps","provideDefaults","genericComponent","propsFactory","useRender","toRef","makeVToolbarItemsProps","variant","VToolbarItems","name","props","setup","_ref","slots","VBtn","color","height","_createVNode","class","style","default"],"sources":["../../../src/components/VToolbar/VToolbarItems.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVToolbarItemsProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'v-toolbar-items')\n\nexport const VToolbarItems = genericComponent()({\n  name: 'VToolbarItems',\n\n  props: makeVToolbarItemsProps(),\n\n  setup (props, { slots }) {\n    provideDefaults({\n      VBtn: {\n        color: toRef(props, 'color'),\n        height: 'inherit',\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-toolbar-items',\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VToolbarItems = InstanceType<typeof VToolbarItems>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAClD,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,sBAAsB,GAAGH,YAAY,CAAC;EACjD,GAAGJ,kBAAkB,EAAE;EACvB,GAAGC,gBAAgB,CAAC;IAAEO,OAAO,EAAE;EAAO,CAAC;AACzC,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMC,aAAa,GAAGN,gBAAgB,EAAE,CAAC;EAC9CO,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAEJ,sBAAsB,EAAE;EAE/BK,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBX,eAAe,CAAC;MACda,IAAI,EAAE;QACJC,KAAK,EAAEV,KAAK,CAACK,KAAK,EAAE,OAAO,CAAC;QAC5BM,MAAM,EAAE,SAAS;QACjBT,OAAO,EAAEF,KAAK,CAACK,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFN,SAAS,CAAC,MAAAa,YAAA;MAAA,SAEC,CACL,iBAAiB,EACjBP,KAAK,CAACQ,KAAK,CACZ;MAAA,SACOR,KAAK,CAACS;IAAK,IAEjBN,KAAK,CAACO,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VToolbarItems.mjs","names":["makeComponentProps","provideDefaults","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVToolbarItemsProps","variant","VToolbarItems","name","props","setup","_ref","slots","VBtn","color","height","_createVNode","class","style","default"],"sources":["../../../src/components/VToolbar/VToolbarItems.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVToolbarItemsProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'VToolbarItems')\n\nexport const VToolbarItems = genericComponent()({\n  name: 'VToolbarItems',\n\n  props: makeVToolbarItemsProps(),\n\n  setup (props, { slots }) {\n    provideDefaults({\n      VBtn: {\n        color: toRef(props, 'color'),\n        height: 'inherit',\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-toolbar-items',\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VToolbarItems = InstanceType<typeof VToolbarItems>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,yCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjD,GAAGL,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,CAAC;IAAEM,OAAO,EAAE;EAAO,CAAC;AACzC,CAAC,EAAE,eAAe,CAAC;AAEnB,OAAO,MAAMC,aAAa,GAAGL,gBAAgB,EAAE,CAAC;EAC9CM,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAEJ,sBAAsB,EAAE;EAE/BK,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBZ,eAAe,CAAC;MACdc,IAAI,EAAE;QACJC,KAAK,EAAEb,KAAK,CAACQ,KAAK,EAAE,OAAO,CAAC;QAC5BM,MAAM,EAAE,SAAS;QACjBT,OAAO,EAAEL,KAAK,CAACQ,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFL,SAAS,CAAC,MAAAY,YAAA;MAAA,SAEC,CACL,iBAAiB,EACjBP,KAAK,CAACQ,KAAK,CACZ;MAAA,SACOR,KAAK,CAACS;IAAK,IAEjBN,KAAK,CAACO,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VToolbar/VToolbarTitle.mjs

@@ -7,7 +7,7 @@ export const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),
   ...makeTagProps()
-}, 'v-toolbar-title');
+}, 'VToolbarTitle');
 export const VToolbarTitle = genericComponent()({
   name: 'VToolbarTitle',
   props: makeVToolbarTitleProps(),

package/lib/components/VToolbar/VToolbarTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VToolbarTitle.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","useRender","makeVToolbarTitleProps","text","String","VToolbarTitle","name","props","setup","_ref","slots","hasText","default","_createVNode","tag","class","style"],"sources":["../../../src/components/VToolbar/VToolbarTitle.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVToolbarTitleProps = propsFactory({\n  text: String,\n\n  ...makeComponentProps(),\n  ...makeTagProps(),\n}, 'v-toolbar-title')\n\nexport type VToolbarTitleSlots = {\n  default: never\n  text: never\n}\n\nexport const VToolbarTitle = genericComponent<VToolbarTitleSlots>()({\n  name: 'VToolbarTitle',\n\n  props: makeVToolbarTitleProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasText = !!(slots.default || slots.text || props.text)\n\n      return (\n        <props.tag\n          class={[\n            'v-toolbar-title',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { hasText && (\n            <div class=\"v-toolbar-title__placeholder\">\n              { slots.text ? slots.text() : props.text }\n\n              { slots.default?.() }\n            </div>\n          )}\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VToolbarTitle = InstanceType<typeof VToolbarTitle>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjDG,IAAI,EAAEC,MAAM;EAEZ,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,YAAY;AACjB,CAAC,EAAE,iBAAiB,CAAC;AAOrB,OAAO,MAAMO,aAAa,GAAGN,gBAAgB,EAAsB,CAAC;EAClEO,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAEL,sBAAsB,EAAE;EAE/BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBR,SAAS,CAAC,MAAM;MACd,MAAMU,OAAO,GAAG,CAAC,EAAED,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACP,IAAI,IAAII,KAAK,CAACJ,IAAI,CAAC;MAE7D,OAAAU,YAAA,CAAAN,KAAA,CAAAO,GAAA;QAAA,SAEW,CACL,iBAAiB,EACjBP,KAAK,CAACQ,KAAK,CACZ;QAAA,SACOR,KAAK,CAACS;MAAK;QAAAJ,OAAA,EAAAA,CAAA,MAEjBD,OAAO,IAAAE,YAAA;UAAA,SACI;QAA8B,IACrCH,KAAK,CAACP,IAAI,GAAGO,KAAK,CAACP,IAAI,EAAE,GAAGI,KAAK,CAACJ,IAAI,EAEtCO,KAAK,CAACE,OAAO,IAAI,EAEtB;MAAA;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VToolbarTitle.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","useRender","makeVToolbarTitleProps","text","String","VToolbarTitle","name","props","setup","_ref","slots","hasText","default","_createVNode","tag","class","style"],"sources":["../../../src/components/VToolbar/VToolbarTitle.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVToolbarTitleProps = propsFactory({\n  text: String,\n\n  ...makeComponentProps(),\n  ...makeTagProps(),\n}, 'VToolbarTitle')\n\nexport type VToolbarTitleSlots = {\n  default: never\n  text: never\n}\n\nexport const VToolbarTitle = genericComponent<VToolbarTitleSlots>()({\n  name: 'VToolbarTitle',\n\n  props: makeVToolbarTitleProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasText = !!(slots.default || slots.text || props.text)\n\n      return (\n        <props.tag\n          class={[\n            'v-toolbar-title',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { hasText && (\n            <div class=\"v-toolbar-title__placeholder\">\n              { slots.text ? slots.text() : props.text }\n\n              { slots.default?.() }\n            </div>\n          )}\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VToolbarTitle = InstanceType<typeof VToolbarTitle>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAAC;EACjDG,IAAI,EAAEC,MAAM;EAEZ,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,YAAY;AACjB,CAAC,EAAE,eAAe,CAAC;AAOnB,OAAO,MAAMO,aAAa,GAAGN,gBAAgB,EAAsB,CAAC;EAClEO,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAEL,sBAAsB,EAAE;EAE/BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBR,SAAS,CAAC,MAAM;MACd,MAAMU,OAAO,GAAG,CAAC,EAAED,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACP,IAAI,IAAII,KAAK,CAACJ,IAAI,CAAC;MAE7D,OAAAU,YAAA,CAAAN,KAAA,CAAAO,GAAA;QAAA,SAEW,CACL,iBAAiB,EACjBP,KAAK,CAACQ,KAAK,CACZ;QAAA,SACOR,KAAK,CAACS;MAAK;QAAAJ,OAAA,EAAAA,CAAA,MAEjBD,OAAO,IAAAE,YAAA;UAAA,SACI;QAA8B,IACrCH,KAAK,CAACP,IAAI,GAAGO,KAAK,CAACP,IAAI,EAAE,GAAGI,KAAK,CAACJ,IAAI,EAEtCO,KAAK,CAACE,OAAO,IAAI,EAEtB;MAAA;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VToolbar/index.d.mts

@@ -460,6 +460,7 @@ declare const VToolbarTitle: {
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
@@ -502,7 +503,6 @@ declare const VToolbarTitle: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;

package/lib/components/VTooltip/VTooltip.mjs

@@ -3,13 +3,13 @@ import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import "./VTooltip.css";
 
 // Components
-import { VOverlay } from "../VOverlay/index.mjs"; // Composables
+import { VOverlay } from "../VOverlay/index.mjs";
+import { makeVOverlayProps } from "../VOverlay/VOverlay.mjs"; // Composables
+import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { useScopeId } from "../../composables/scopeId.mjs";
-import { forwardRefs } from "../../composables/forwardRefs.mjs"; // Utilities
+import { useScopeId } from "../../composables/scopeId.mjs"; // Utilities
 import { computed, mergeProps, ref } from 'vue';
-import { genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs";
-import { makeVOverlayProps } from "../VOverlay/VOverlay.mjs"; // Types
+import { genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVTooltipProps = propsFactory({
   id: String,
   text: String,
@@ -27,7 +27,7 @@ export const makeVTooltipProps = propsFactory({
     scrollStrategy: 'reposition',
     transition: false
   }), ['absolute', 'persistent'])
-}, 'v-tooltip');
+}, 'VTooltip');
 export const VTooltip = genericComponent()({
   name: 'VTooltip',
   props: makeVTooltipProps(),

package/lib/components/VTooltip/VTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTooltip.mjs","names":["VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","ref","genericComponent","getUid","omit","propsFactory","useRender","makeVOverlayProps","makeVTooltipProps","id","String","text","closeOnBack","location","locationStrategy","eager","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","VTooltip","name","props","emits","value","setup","_ref","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","filterProps","_createVNode","_mergeProps","class","style","$event","activator","default","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const makeVTooltipProps = propsFactory({\n  id: String,\n  text: String,\n\n  ...omit(makeVOverlayProps({\n    closeOnBack: false,\n    location: 'end' as const,\n    locationStrategy: 'connected' as const,\n    eager: true,\n    minWidth: 0,\n    offset: 10,\n    openOnClick: false,\n    openOnHover: true,\n    origin: 'auto' as const,\n    scrim: false,\n    scrollStrategy: 'reposition' as const,\n    transition: false,\n  }), [\n    'absolute',\n    'persistent',\n  ]),\n}, 'v-tooltip')\n\nexport const VTooltip = genericComponent<OverlaySlots>()({\n  name: 'VTooltip',\n\n  props: makeVTooltipProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const overlay = ref<VOverlay>()\n\n    const location = computed(() => {\n      return props.location.split(' ').length > 1\n        ? props.location\n        : props.location + ' center' as StrategyProps['location']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.location.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-describedby': id.value,\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = VOverlay.filterProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-tooltip',\n            props.class,\n          ]}\n          style={ props.style }\n          id={ id.value }\n          { ...overlayProps }\n          v-model={ isActive.value }\n          transition={ transition.value }\n          absolute\n          location={ location.value }\n          origin={ origin.value }\n          persistent\n          role=\"tooltip\"\n          activatorProps={ activatorProps.value }\n          _disableGlobalStack\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\n    })\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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"}
+{"version":3,"file":"VTooltip.mjs","names":["VOverlay","makeVOverlayProps","forwardRefs","useProxiedModel","useScopeId","computed","mergeProps","ref","genericComponent","getUid","omit","propsFactory","useRender","makeVTooltipProps","id","String","text","closeOnBack","location","locationStrategy","eager","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","VTooltip","name","props","emits","value","setup","_ref","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","filterProps","_createVNode","_mergeProps","class","style","$event","activator","default","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVTooltipProps = propsFactory({\n  id: String,\n  text: String,\n\n  ...omit(makeVOverlayProps({\n    closeOnBack: false,\n    location: 'end' as const,\n    locationStrategy: 'connected' as const,\n    eager: true,\n    minWidth: 0,\n    offset: 10,\n    openOnClick: false,\n    openOnHover: true,\n    origin: 'auto' as const,\n    scrim: false,\n    scrollStrategy: 'reposition' as const,\n    transition: false,\n  }), [\n    'absolute',\n    'persistent',\n  ]),\n}, 'VTooltip')\n\nexport const VTooltip = genericComponent<OverlaySlots>()({\n  name: 'VTooltip',\n\n  props: makeVTooltipProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const overlay = ref<VOverlay>()\n\n    const location = computed(() => {\n      return props.location.split(' ').length > 1\n        ? props.location\n        : props.location + ' center' as StrategyProps['location']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.location.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-describedby': id.value,\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = VOverlay.filterProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-tooltip',\n            props.class,\n          ]}\n          style={ props.style }\n          id={ id.value }\n          { ...overlayProps }\n          v-model={ isActive.value }\n          transition={ transition.value }\n          absolute\n          location={ location.value }\n          origin={ origin.value }\n          persistent\n          role=\"tooltip\"\n          activatorProps={ activatorProps.value }\n          _disableGlobalStack\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\n    })\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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"}