@vuetify/nightly 3.8.2-master.2025-04-17 → 3.8.2-master.2025-04-22

package/lib/components/VAlert/VAlert.js

@@ -21,7 +21,7 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.js";
 import { makeTagProps } from "../../composables/tag.js";
 import { makeThemeProps, provideTheme } from "../../composables/theme.js";
 import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.js"; // Utilities
-import { computed, toRef } from 'vue';
+import { toRef } from 'vue';
 import { genericComponent, propsFactory } from "../../util/index.js"; // Types
 const allowedTypes = ['success', 'info', 'warning', 'error'];
 export const makeVAlertProps = propsFactory({
@@ -82,15 +82,11 @@ export const VAlert = genericComponent()({
       slots
     } = _ref;
     const isActive = useProxiedModel(props, 'modelValue');
-    const icon = computed(() => {
+    const icon = toRef(() => {
       if (props.icon === false) return undefined;
       if (!props.type) return props.icon;
       return props.icon ?? `$${props.type}`;
     });
-    const variantProps = computed(() => ({
-      color: props.color ?? props.type,
-      variant: props.variant
-    }));
     const {
       themeClasses
     } = provideTheme(props);
@@ -98,7 +94,10 @@ export const VAlert = genericComponent()({
       colorClasses,
       colorStyles,
       variantClasses
-    } = useVariant(variantProps);
+    } = useVariant(() => ({
+      color: props.color ?? props.type,
+      variant: props.variant
+    }));
     const {
       densityClasses
     } = useDensity(props);
@@ -120,11 +119,11 @@ export const VAlert = genericComponent()({
     const {
       textColorClasses,
       textColorStyles
-    } = useTextColor(toRef(props, 'borderColor'));
+    } = useTextColor(() => props.borderColor);
     const {
       t
     } = useLocale();
-    const closeProps = computed(() => ({
+    const closeProps = toRef(() => ({
       'aria-label': t(props.closeLabel),
       onClick(e) {
         isActive.value = false;

package/lib/components/VAlert/VAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"VAlert.js","names":["VAlertTitle","VBtn","VDefaultsProvider","VIcon","useTextColor","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","IconValue","useLocale","makeLocationProps","useLocation","makePositionProps","usePosition","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","computed","toRef","genericComponent","propsFactory","allowedTypes","makeVAlertProps","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","Function","Object","modelValue","prominent","title","text","variant","VAlert","name","props","emits","e","value","setup","_ref","emit","slots","isActive","undefined","variantProps","color","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","textColorClasses","textColorStyles","t","closeProps","onClick","hasPrepend","prepend","hasTitle","hasClose","close","_createVNode","tag","class","style","density","size","append","_mergeProps"],"sources":["../../../src/components/VAlert/VAlert.tsx"],"sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const makeVAlertProps = propsFactory({\n  border: {\n    type: [Boolean, String] as PropType<boolean | 'top' | 'end' | 'bottom' | 'start'>,\n    validator: (val: boolean | string) => {\n      return typeof val === 'boolean' || [\n        'top',\n        'end',\n        'bottom',\n        'start',\n      ].includes(val)\n    },\n  },\n  borderColor: String,\n  closable: Boolean,\n  closeIcon: {\n    type: IconValue,\n    default: '$close',\n  },\n  closeLabel: {\n    type: String,\n    default: '$vuetify.close',\n  },\n  icon: {\n    type: [Boolean, String, Function, Object] as PropType<false | IconValue>,\n    default: null,\n  },\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  prominent: Boolean,\n  title: String,\n  text: String,\n  type: {\n    type: String as PropType<ContextualType>,\n    validator: (val: ContextualType) => allowedTypes.includes(val),\n  },\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VAlert')\n\nexport type VAlertSlots = {\n  default: never\n  prepend: never\n  title: never\n  text: never\n  append: never\n  close: { props: Record<string, any> }\n}\n\nexport const VAlert = genericComponent<VAlertSlots>()({\n  name: 'VAlert',\n\n  props: makeVAlertProps(),\n\n  emits: {\n    'click:close': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = computed(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n    const variantProps = computed(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'borderColor'))\n    const { t } = useLocale()\n\n    const closeProps = computed(() => ({\n      'aria-label': t(props.closeLabel),\n      onClick (e: MouseEvent) {\n        isActive.value = false\n\n        emit('click:close', e)\n      },\n    }))\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              key=\"border\"\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          )}\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-alert__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  density={ props.density }\n                  icon={ icon.value }\n                  size={ props.prominent ? 44 : 28 }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !icon.value }\n                  defaults={{\n                    VIcon: {\n                      density: props.density,\n                      icon: icon.value,\n                      size: props.prominent ? 44 : 28,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VAlertTitle>\n            )}\n\n            { slots.text?.() ?? props.text }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div key=\"append\" class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          )}\n\n          { hasClose && (\n            <div key=\"close\" class=\"v-alert__close\">\n              { !slots.close ? (\n                <VBtn\n                  key=\"close-btn\"\n                  icon={ props.closeIcon }\n                  size=\"x-small\"\n                  variant=\"text\"\n                  { ...closeProps.value }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"close-defaults\"\n                  defaults={{\n                    VBtn: {\n                      icon: props.closeIcon,\n                      size: 'x-small',\n                      variant: 'text',\n                    },\n                  }}\n                >\n                  { slots.close?.({ props: closeProps.value }) }\n                </VDefaultsProvider>\n              )}\n            </div>\n          )}\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VAlert.js","names":["VAlertTitle","VBtn","VDefaultsProvider","VIcon","useTextColor","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","IconValue","useLocale","makeLocationProps","useLocation","makePositionProps","usePosition","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","toRef","genericComponent","propsFactory","allowedTypes","makeVAlertProps","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","Function","Object","modelValue","prominent","title","text","variant","VAlert","name","props","emits","e","value","setup","_ref","emit","slots","isActive","undefined","themeClasses","colorClasses","colorStyles","variantClasses","color","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","textColorClasses","textColorStyles","t","closeProps","onClick","hasPrepend","prepend","hasTitle","hasClose","close","_createVNode","tag","class","style","density","size","append","_mergeProps"],"sources":["../../../src/components/VAlert/VAlert.tsx"],"sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const makeVAlertProps = propsFactory({\n  border: {\n    type: [Boolean, String] as PropType<boolean | 'top' | 'end' | 'bottom' | 'start'>,\n    validator: (val: boolean | string) => {\n      return typeof val === 'boolean' || [\n        'top',\n        'end',\n        'bottom',\n        'start',\n      ].includes(val)\n    },\n  },\n  borderColor: String,\n  closable: Boolean,\n  closeIcon: {\n    type: IconValue,\n    default: '$close',\n  },\n  closeLabel: {\n    type: String,\n    default: '$vuetify.close',\n  },\n  icon: {\n    type: [Boolean, String, Function, Object] as PropType<false | IconValue>,\n    default: null,\n  },\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  prominent: Boolean,\n  title: String,\n  text: String,\n  type: {\n    type: String as PropType<ContextualType>,\n    validator: (val: ContextualType) => allowedTypes.includes(val),\n  },\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VAlert')\n\nexport type VAlertSlots = {\n  default: never\n  prepend: never\n  title: never\n  text: never\n  append: never\n  close: { props: Record<string, any> }\n}\n\nexport const VAlert = genericComponent<VAlertSlots>()({\n  name: 'VAlert',\n\n  props: makeVAlertProps(),\n\n  emits: {\n    'click:close': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = toRef(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(() => props.borderColor)\n    const { t } = useLocale()\n\n    const closeProps = toRef(() => ({\n      'aria-label': t(props.closeLabel),\n      onClick (e: MouseEvent) {\n        isActive.value = false\n\n        emit('click:close', e)\n      },\n    }))\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              key=\"border\"\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          )}\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-alert__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  density={ props.density }\n                  icon={ icon.value }\n                  size={ props.prominent ? 44 : 28 }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !icon.value }\n                  defaults={{\n                    VIcon: {\n                      density: props.density,\n                      icon: icon.value,\n                      size: props.prominent ? 44 : 28,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VAlertTitle>\n            )}\n\n            { slots.text?.() ?? props.text }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div key=\"append\" class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          )}\n\n          { hasClose && (\n            <div key=\"close\" class=\"v-alert__close\">\n              { !slots.close ? (\n                <VBtn\n                  key=\"close-btn\"\n                  icon={ props.closeIcon }\n                  size=\"x-small\"\n                  variant=\"text\"\n                  { ...closeProps.value }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"close-defaults\"\n                  defaults={{\n                    VBtn: {\n                      icon: props.closeIcon,\n                      size: 'x-small',\n                      variant: 'text',\n                    },\n                  }}\n                >\n                  { slots.close?.({ props: closeProps.value }) }\n                </VDefaultsProvider>\n              )}\n            </div>\n          )}\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VAppBar/VAppBar.js

@@ -68,7 +68,7 @@ export const VAppBar = genericComponent()({
     } = useScroll(props, {
       canScroll
     });
-    const canHide = computed(() => scrollBehavior.value.hide || scrollBehavior.value.fullyHide);
+    const canHide = toRef(() => scrollBehavior.value.hide || scrollBehavior.value.fullyHide);
     const isCollapsed = computed(() => props.collapse || scrollBehavior.value.collapse && (scrollBehavior.value.inverted ? scrollRatio.value > 0 : scrollRatio.value === 0));
     const isFlat = computed(() => props.flat || scrollBehavior.value.fullyHide && !isActive.value || scrollBehavior.value.elevate && (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0));
     const opacity = computed(() => scrollBehavior.value.fadeImage ? scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value : undefined);
@@ -79,7 +79,7 @@ export const VAppBar = genericComponent()({
       if (!canHide.value) return height + extensionHeight;
       return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide ? height + extensionHeight : height;
     });
-    useToggleScope(computed(() => !!props.scrollBehavior), () => {
+    useToggleScope(() => !!props.scrollBehavior, () => {
       watchEffect(() => {
         if (canHide.value) {
           if (scrollBehavior.value.inverted) {
@@ -100,11 +100,11 @@ export const VAppBar = genericComponent()({
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
-      position: toRef(props, 'location'),
+      position: toRef(() => props.location),
       layoutSize: height,
       elementSize: shallowRef(undefined),
       active: isActive,
-      absolute: toRef(props, 'absolute')
+      absolute: toRef(() => props.absolute)
     });
     useRender(() => {
       const toolbarProps = VToolbar.filterProps(props);

package/lib/components/VAppBar/VAppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBar.js","names":["makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","makeScrollProps","useScroll","useSsrBoot","useToggleScope","computed","ref","shallowRef","toRef","watchEffect","genericComponent","propsFactory","useRender","makeVAppBarProps","scrollBehavior","String","modelValue","type","Boolean","default","location","validator","value","includes","height","Number","VAppBar","name","props","emits","setup","_ref","slots","vToolbarRef","isActive","behavior","Set","split","hide","has","fullyHide","inverted","collapse","elevate","fadeImage","canScroll","currentScroll","scrollThreshold","isScrollingUp","scrollRatio","canHide","isCollapsed","isFlat","flat","opacity","undefined","contentHeight","extensionHeight","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","filterProps","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeScrollProps, useScroll } from '@/composables/scroll'\nimport { useSsrBoot } from '@/composables/ssrBoot'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, watchEffect } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const makeVAppBarProps = propsFactory({\n  scrollBehavior: String as PropType<'hide' | 'fully-hide' | 'inverted' | 'collapse' | 'elevate' | 'fade-image' | (string & {})>,\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  location: {\n    type: String as PropType<'top' | 'bottom'>,\n    default: 'top',\n    validator: (value: any) => ['top', 'bottom'].includes(value),\n  },\n\n  ...makeVToolbarProps(),\n  ...makeLayoutItemProps(),\n  ...makeScrollProps(),\n\n  height: {\n    type: [Number, String],\n    default: 64,\n  },\n}, 'VAppBar')\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n  name: 'VAppBar',\n\n  props: makeVAppBarProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref<VToolbar>()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const scrollBehavior = computed(() => {\n      const behavior = new Set(props.scrollBehavior?.split(' ') ?? [])\n      return {\n        hide: behavior.has('hide'),\n        fullyHide: behavior.has('fully-hide'),\n        inverted: behavior.has('inverted'),\n        collapse: behavior.has('collapse'),\n        elevate: behavior.has('elevate'),\n        fadeImage: behavior.has('fade-image'),\n        // shrink: behavior.has('shrink'),\n      }\n    })\n    const canScroll = computed(() => {\n      const behavior = scrollBehavior.value\n      return (\n        behavior.hide ||\n        behavior.fullyHide ||\n        behavior.inverted ||\n        behavior.collapse ||\n        behavior.elevate ||\n        behavior.fadeImage ||\n        // behavior.shrink ||\n        !isActive.value\n      )\n    })\n    const {\n      currentScroll,\n      scrollThreshold,\n      isScrollingUp,\n      scrollRatio,\n    } = useScroll(props, { canScroll })\n\n    const canHide = computed(() => (\n      scrollBehavior.value.hide ||\n      scrollBehavior.value.fullyHide\n    ))\n    const isCollapsed = computed(() => props.collapse || (\n      scrollBehavior.value.collapse &&\n      (scrollBehavior.value.inverted ? scrollRatio.value > 0 : scrollRatio.value === 0)\n    ))\n    const isFlat = computed(() => props.flat || (\n      scrollBehavior.value.fullyHide &&\n      !isActive.value\n    ) || (\n      scrollBehavior.value.elevate &&\n      (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0)\n    ))\n    const opacity = computed(() => (\n      scrollBehavior.value.fadeImage\n        ? (scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value)\n        : undefined\n    ))\n    const height = computed(() => {\n      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0\n\n      const height = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0\n\n      if (!canHide.value) return (height + extensionHeight)\n\n      return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide\n        ? (height + extensionHeight)\n        : height\n    })\n\n    useToggleScope(computed(() => !!props.scrollBehavior), () => {\n      watchEffect(() => {\n        if (canHide.value) {\n          if (scrollBehavior.value.inverted) {\n            isActive.value = currentScroll.value > scrollThreshold.value\n          } else {\n            isActive.value = isScrollingUp.value || (currentScroll.value < scrollThreshold.value)\n          }\n        } else {\n          isActive.value = true\n        }\n      })\n    })\n\n    const { ssrBootStyles } = useSsrBoot()\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: shallowRef(undefined),\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const toolbarProps = VToolbar.filterProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n            props.class,\n          ]}\n          style={[\n            {\n              ...layoutItemStyles.value,\n              '--v-toolbar-image-opacity': opacity.value,\n              height: undefined,\n              ...ssrBootStyles.value,\n            },\n            props.style,\n          ]}\n          { ...toolbarProps }\n          collapse={ isCollapsed.value }\n          flat={ isFlat.value }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VAppBar.js","names":["makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","makeScrollProps","useScroll","useSsrBoot","useToggleScope","computed","ref","shallowRef","toRef","watchEffect","genericComponent","propsFactory","useRender","makeVAppBarProps","scrollBehavior","String","modelValue","type","Boolean","default","location","validator","value","includes","height","Number","VAppBar","name","props","emits","setup","_ref","slots","vToolbarRef","isActive","behavior","Set","split","hide","has","fullyHide","inverted","collapse","elevate","fadeImage","canScroll","currentScroll","scrollThreshold","isScrollingUp","scrollRatio","canHide","isCollapsed","isFlat","flat","opacity","undefined","contentHeight","extensionHeight","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","filterProps","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeScrollProps, useScroll } from '@/composables/scroll'\nimport { useSsrBoot } from '@/composables/ssrBoot'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef, watchEffect } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const makeVAppBarProps = propsFactory({\n  scrollBehavior: String as PropType<'hide' | 'fully-hide' | 'inverted' | 'collapse' | 'elevate' | 'fade-image' | (string & {})>,\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  location: {\n    type: String as PropType<'top' | 'bottom'>,\n    default: 'top',\n    validator: (value: any) => ['top', 'bottom'].includes(value),\n  },\n\n  ...makeVToolbarProps(),\n  ...makeLayoutItemProps(),\n  ...makeScrollProps(),\n\n  height: {\n    type: [Number, String],\n    default: 64,\n  },\n}, 'VAppBar')\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\n  name: 'VAppBar',\n\n  props: makeVAppBarProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref<VToolbar>()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const scrollBehavior = computed(() => {\n      const behavior = new Set(props.scrollBehavior?.split(' ') ?? [])\n      return {\n        hide: behavior.has('hide'),\n        fullyHide: behavior.has('fully-hide'),\n        inverted: behavior.has('inverted'),\n        collapse: behavior.has('collapse'),\n        elevate: behavior.has('elevate'),\n        fadeImage: behavior.has('fade-image'),\n        // shrink: behavior.has('shrink'),\n      }\n    })\n    const canScroll = computed(() => {\n      const behavior = scrollBehavior.value\n      return (\n        behavior.hide ||\n        behavior.fullyHide ||\n        behavior.inverted ||\n        behavior.collapse ||\n        behavior.elevate ||\n        behavior.fadeImage ||\n        // behavior.shrink ||\n        !isActive.value\n      )\n    })\n    const {\n      currentScroll,\n      scrollThreshold,\n      isScrollingUp,\n      scrollRatio,\n    } = useScroll(props, { canScroll })\n\n    const canHide = toRef(() => (\n      scrollBehavior.value.hide ||\n      scrollBehavior.value.fullyHide\n    ))\n    const isCollapsed = computed(() => props.collapse || (\n      scrollBehavior.value.collapse &&\n      (scrollBehavior.value.inverted ? scrollRatio.value > 0 : scrollRatio.value === 0)\n    ))\n    const isFlat = computed(() => props.flat || (\n      scrollBehavior.value.fullyHide &&\n      !isActive.value\n    ) || (\n      scrollBehavior.value.elevate &&\n      (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0)\n    ))\n    const opacity = computed(() => (\n      scrollBehavior.value.fadeImage\n        ? (scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value)\n        : undefined\n    ))\n    const height = computed(() => {\n      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0\n\n      const height = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0\n\n      if (!canHide.value) return (height + extensionHeight)\n\n      return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide\n        ? (height + extensionHeight)\n        : height\n    })\n\n    useToggleScope(() => !!props.scrollBehavior, () => {\n      watchEffect(() => {\n        if (canHide.value) {\n          if (scrollBehavior.value.inverted) {\n            isActive.value = currentScroll.value > scrollThreshold.value\n          } else {\n            isActive.value = isScrollingUp.value || (currentScroll.value < scrollThreshold.value)\n          }\n        } else {\n          isActive.value = true\n        }\n      })\n    })\n\n    const { ssrBootStyles } = useSsrBoot()\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(() => props.location),\n      layoutSize: height,\n      elementSize: shallowRef(undefined),\n      active: isActive,\n      absolute: toRef(() => props.absolute),\n    })\n\n    useRender(() => {\n      const toolbarProps = VToolbar.filterProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n            props.class,\n          ]}\n          style={[\n            {\n              ...layoutItemStyles.value,\n              '--v-toolbar-image-opacity': opacity.value,\n              height: undefined,\n              ...ssrBootStyles.value,\n            },\n            props.style,\n          ]}\n          { ...toolbarProps }\n          collapse={ isCollapsed.value }\n          flat={ isFlat.value }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VAutocomplete/VAutocomplete.js

@@ -65,7 +65,6 @@ export const VAutocomplete = genericComponent()({
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
     const selectionIndex = shallowRef(-1);
-    const color = computed(() => vTextFieldRef.value?.color);
     const {
       items,
       transformIn,
@@ -74,7 +73,7 @@ export const VAutocomplete = genericComponent()({
     const {
       textColorClasses,
       textColorStyles
-    } = useTextColor(color);
+    } = useTextColor(() => vTextFieldRef.value?.color);
     const search = useProxiedModel(props, 'search', '');
     const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
       const transformed = transformOut(v);

package/lib/components/VAutocomplete/VAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"VAutocomplete.js","names":["VAvatar","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","makeSelectProps","makeVTextFieldProps","VTextField","VVirtualScroll","useScrolling","useTextColor","highlightResult","makeFilterProps","useFilter","useForm","forwardRefs","useItems","useLocale","useProxiedModel","makeTransitionProps","computed","mergeProps","nextTick","ref","shallowRef","watch","checkPrintable","deepEqual","ensureValidVNode","genericComponent","IN_BROWSER","matchesSelector","noop","omit","propsFactory","useRender","wrapInArray","makeVAutocompleteProps","autoSelectFirst","type","Boolean","String","clearOnSelect","search","filterKeys","modelValue","role","transition","VAutocomplete","name","props","emits","focused","value","setup","_ref","slots","t","vTextFieldRef","isFocused","isPristine","listHasFocus","vMenuRef","vVirtualScrollRef","selectionIndex","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","v","transformed","multiple","counterValue","length","form","filteredItems","getMatches","displayItems","hideSelected","filter","filteredItem","some","s","hasChips","chips","chip","hasSelectionSlot","selection","selectedValues","map","highlightFirst","selectFirst","title","menuDisabled","hideNoData","isReadonly","isDisabled","_menu","menu","get","set","ΨopenChildren","size","label","closeText","openText","listRef","listEvents","onClear","e","openOnClear","onMousedownControl","onMousedownMenuIcon","preventDefault","stopPropagation","onListKeydown","key","focus","onKeydown","selectionStart","includes","_ref2","select","originalSelectionIndex","prev","searchLength","setSelectionRange","next","onChange","item","find","target","onAfterEnter","eager","calculateVisibleItems","onAfterLeave","onFocusin","setTimeout","onFocusout","onUpdateModelValue","isSelecting","arguments","undefined","disabled","index","findIndex","valueComparator","add","splice","val","oldVal","at","window","requestAnimationFrame","scrollToIndex","newVal","hasList","isDirty","textFieldProps","filterProps","_createVNode","_mergeProps","$event","externalValue","class","style","placeholder","default","_Fragment","menuProps","itemColor","listProps","noDataText","_ref3","itemRef","itemProps","active","onClick","prepend","_ref4","isSelected","prependAvatar","prependIcon","onChipClose","slotProps","onMousedown","hasSlot","slotContent","closableChips","closable","text","_createTextVNode","append-inner","_len","args","Array","_key","menuIcon","fieldIconColor"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\nimport { VVirtualScroll } from '@/components/VVirtualScroll'\n\n// Composables\nimport { useScrolling } from '../VSelect/useScrolling'\nimport { useTextColor } from '@/composables/color'\nimport { highlightResult, makeFilterProps, useFilter } from '@/composables/filter'\nimport { useForm } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useItems } from '@/composables/list-items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  checkPrintable,\n  deepEqual,\n  ensureValidVNode,\n  genericComponent,\n  IN_BROWSER,\n  matchesSelector,\n  noop,\n  omit,\n  propsFactory,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = [T] extends [Primitive]\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeVAutocompleteProps = propsFactory({\n  autoSelectFirst: {\n    type: [Boolean, String] as PropType<boolean | 'exact'>,\n  },\n  clearOnSelect: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n    role: 'combobox',\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'VAutocomplete')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VAutocomplete = genericComponent<new <\n  T extends readonly any[],\n  Item = ItemType<T>,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V | null\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: Omit<VInputSlots & VFieldSlots, 'default'> & {\n    item: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    chip: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    selection: { item: ListItem<Item>, index: number }\n    'prepend-item': never\n    'append-item': never\n    'no-data': never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VAutocomplete',\n\n  props: makeVAutocompleteProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:search': (value: any) => true,\n    'update:modelValue': (value: any) => true,\n    'update:menu': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref<VTextField>()\n    const isFocused = shallowRef(false)\n    const isPristine = shallowRef(true)\n    const listHasFocus = shallowRef(false)\n    const vMenuRef = ref<VMenu>()\n    const vVirtualScrollRef = ref<VVirtualScroll>()\n    const selectionIndex = shallowRef(-1)\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(v === null ? [null] : wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : model.value.length\n    })\n    const form = useForm(props)\n    const { filteredItems, getMatches } = useFilter(props, items, () => isPristine.value ? '' : search.value)\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const hasChips = computed(() => !!(props.chips || slots.chip))\n    const hasSelectionSlot = computed(() => hasChips.value || !!slots.selection)\n\n    const selectedValues = computed(() => model.value.map(selection => selection.props.value))\n\n    const highlightFirst = computed(() => {\n      const selectFirst = props.autoSelectFirst === true ||\n        (props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title)\n      return selectFirst &&\n        displayItems.value.length > 0 &&\n        !isPristine.value &&\n        !listHasFocus.value\n    })\n\n    const menuDisabled = computed(() => (\n      (props.hideNoData && !displayItems.value.length) ||\n      form.isReadonly.value || form.isDisabled.value\n    ))\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return\n        if (v && menuDisabled.value) return\n        _menu.value = v\n      },\n    })\n\n    const label = computed(() => menu.value ? props.closeText : props.openText)\n\n    const listRef = ref<VList>()\n    const listEvents = useScrolling(listRef, vTextFieldRef)\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onMousedownControl () {\n      if (menuDisabled.value) return\n\n      menu.value = true\n    }\n    function onMousedownMenuIcon (e: MouseEvent) {\n      if (menuDisabled.value) return\n\n      if (isFocused.value) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n      menu.value = !menu.value\n    }\n    function onListKeydown (e: KeyboardEvent) {\n      if (e.key !== ' ' && checkPrintable(e)) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (form.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value?.selectionStart\n      const length = model.value.length\n\n      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (\n        highlightFirst.value &&\n        ['Enter', 'Tab'].includes(e.key) &&\n        !model.value.some(({ value }) => value === displayItems.value[0].value)\n      ) {\n        select(displayItems.value[0])\n      }\n\n      if (e.key === 'ArrowDown' && highlightFirst.value) {\n        listRef.value?.focus('next')\n      }\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (\n          !props.multiple &&\n          hasSelectionSlot.value &&\n          model.value.length > 0 &&\n          !search.value\n        ) return select(model.value[0], false)\n\n        if (~selectionIndex.value) {\n          e.preventDefault()\n          const originalSelectionIndex = selectionIndex.value\n          select(model.value[selectionIndex.value], false)\n\n          selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n        } else if (e.key === 'Backspace' && !search.value) {\n          selectionIndex.value = length - 1\n        }\n\n        return\n      }\n\n      if (!props.multiple) return\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (model.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          const searchLength = search.value?.length ?? null\n          selectionIndex.value = -1\n          vTextFieldRef.value?.setSelectionRange(searchLength, searchLength)\n        }\n      } else if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (model.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value?.setSelectionRange(0, 0)\n        }\n      } else if (~selectionIndex.value && checkPrintable(e)) {\n        selectionIndex.value = -1\n      }\n    }\n\n    function onChange (e: Event) {\n      if (matchesSelector(vTextFieldRef.value, ':autofill') || matchesSelector(vTextFieldRef.value, ':-webkit-autofill')) {\n        const item = items.value.find(item => item.title === (e.target as HTMLInputElement).value)\n        if (item) {\n          select(item)\n        }\n      }\n    }\n\n    function onAfterEnter () {\n      if (props.eager) {\n        vVirtualScrollRef.value?.calculateVisibleItems()\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n      setTimeout(() => {\n        listHasFocus.value = true\n      })\n    }\n    function onFocusout (e: FocusEvent) {\n      listHasFocus.value = false\n    }\n    function onUpdateModelValue (v: any) {\n      if (v == null || (v === '' && !props.multiple && !hasSelectionSlot.value)) model.value = []\n    }\n\n    const isSelecting = shallowRef(false)\n\n    /** @param set - null means toggle */\n    function select (item: ListItem | undefined, set: boolean | null = true) {\n      if (!item || item.props.disabled) return\n\n      if (props.multiple) {\n        const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value))\n        const add = set == null ? !~index : set\n\n        if (~index) {\n          const value = add ? [...model.value, item] : [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        } else if (add) {\n          model.value = [...model.value, item]\n        }\n\n        if (props.clearOnSelect) {\n          search.value = ''\n        }\n      } else {\n        const add = set !== false\n        model.value = add ? [item] : []\n        search.value = add && !hasSelectionSlot.value ? item.title : ''\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\n      }\n    }\n\n    watch(isFocused, (val, oldVal) => {\n      if (val === oldVal) return\n\n      if (val) {\n        isSelecting.value = true\n        search.value = (props.multiple || hasSelectionSlot.value) ? '' : String(model.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        if (!props.multiple && search.value == null) model.value = []\n        menu.value = false\n        if (props.multiple || hasSelectionSlot.value) search.value = ''\n        selectionIndex.value = -1\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    watch(menu, () => {\n      if (!props.hideSelected && menu.value && model.value.length) {\n        const index = displayItems.value.findIndex(\n          item => model.value.some(s => item.value === s.value)\n        )\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    })\n\n    watch(() => props.items, (newVal, oldVal) => {\n      if (menu.value) return\n\n      if (isFocused.value && !oldVal.length && newVal.length) {\n        menu.value = true\n      }\n    })\n\n    useRender(() => {\n      const hasList = !!(\n        (!props.hideNoData || displayItems.value.length) ||\n        slots['prepend-item'] ||\n        slots['append-item'] ||\n        slots['no-data']\n      )\n      const isDirty = model.value.length > 0\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          v-model={ search.value }\n          onUpdate:modelValue={ onUpdateModelValue }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          counterValue={ counterValue.value }\n          dirty={ isDirty }\n          onChange={ onChange }\n          class={[\n            'v-autocomplete',\n            `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`,\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              'v-autocomplete--selection-slot': !!hasSelectionSlot.value,\n              'v-autocomplete--selecting-index': selectionIndex.value > -1,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          readonly={ form.isReadonly.value }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  disabled={ menuDisabled.value }\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterEnter={ onAfterEnter }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selectedValues.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onKeydown={ onListKeydown }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                      tabindex=\"-1\"\n                      aria-live=\"polite\"\n                      color={ props.itemColor ?? props.color }\n                      { ...listEvents }\n                      { ...props.listProps }\n                    >\n                      { slots['prepend-item']?.() }\n\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem key=\"no-data\" title={ t(props.noDataText) } />\n                      ))}\n\n                      <VVirtualScroll ref={ vVirtualScrollRef } renderless items={ displayItems.value } itemKey=\"value\">\n                        { ({ item, index, itemRef }) => {\n                          const itemProps = mergeProps(item.props, {\n                            ref: itemRef,\n                            key: item.value,\n                            active: (highlightFirst.value && index === 0) ? true : undefined,\n                            onClick: () => select(item, null),\n                          })\n\n                          return slots.item?.({\n                            item,\n                            index,\n                            props: itemProps,\n                          }) ?? (\n                            <VListItem { ...itemProps } role=\"option\">\n                            {{\n                              prepend: ({ isSelected }) => (\n                                <>\n                                  { props.multiple && !props.hideSelected ? (\n                                    <VCheckboxBtn\n                                      key={ item.value }\n                                      modelValue={ isSelected }\n                                      ripple={ false }\n                                      tabindex=\"-1\"\n                                    />\n                                  ) : undefined }\n\n                                  { item.props.prependAvatar && (\n                                    <VAvatar image={ item.props.prependAvatar } />\n                                  )}\n\n                                  { item.props.prependIcon && (\n                                    <VIcon icon={ item.props.prependIcon } />\n                                  )}\n                                </>\n                              ),\n                              title: () => {\n                                return isPristine.value\n                                  ? item.title\n                                  : highlightResult('v-autocomplete', item.title, getMatches(item)?.title)\n                              },\n                            }}\n                          </VListItem>\n                          )\n                        }}\n                      </VVirtualScroll>\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { model.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item, false)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onKeydown (e: KeyboardEvent) {\n                      if (e.key !== 'Enter' && e.key !== ' ') return\n\n                      e.preventDefault()\n                      e.stopPropagation()\n\n                      onChipClose(e)\n                    },\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection\n                  const slotContent = hasSlot\n                    ? ensureValidVNode(\n                      hasChips.value\n                        ? slots.chip!({ item, index, props: slotProps })\n                        : slots.selection!({ item, index })\n                    )\n                    : undefined\n\n                  if (hasSlot && !slotContent) return undefined\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-autocomplete__selection',\n                        index === selectionIndex.value && [\n                          'v-autocomplete__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips.value ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            disabled={ item.props.disabled }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slotContent }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slotContent ?? (\n                          <span class=\"v-autocomplete__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < model.value.length - 1) && (\n                              <span class=\"v-autocomplete__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n            'append-inner': (...args) => (\n              <>\n                { slots['append-inner']?.(...args) }\n                { props.menuIcon ? (\n                  <VIcon\n                    class=\"v-autocomplete__menu-icon\"\n                    color={ vTextFieldRef.value?.fieldIconColor }\n                    icon={ props.menuIcon }\n                    onMousedown={ onMousedownMenuIcon }\n                    onClick={ noop }\n                    aria-label={ t(label.value) }\n                    title={ t(label.value) }\n                    tabindex=\"-1\"\n                  />\n                ) : undefined }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VAutocomplete.js","names":["VAvatar","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","makeSelectProps","makeVTextFieldProps","VTextField","VVirtualScroll","useScrolling","useTextColor","highlightResult","makeFilterProps","useFilter","useForm","forwardRefs","useItems","useLocale","useProxiedModel","makeTransitionProps","computed","mergeProps","nextTick","ref","shallowRef","watch","checkPrintable","deepEqual","ensureValidVNode","genericComponent","IN_BROWSER","matchesSelector","noop","omit","propsFactory","useRender","wrapInArray","makeVAutocompleteProps","autoSelectFirst","type","Boolean","String","clearOnSelect","search","filterKeys","modelValue","role","transition","VAutocomplete","name","props","emits","focused","value","setup","_ref","slots","t","vTextFieldRef","isFocused","isPristine","listHasFocus","vMenuRef","vVirtualScrollRef","selectionIndex","items","transformIn","transformOut","textColorClasses","textColorStyles","color","model","v","transformed","multiple","counterValue","length","form","filteredItems","getMatches","displayItems","hideSelected","filter","filteredItem","some","s","hasChips","chips","chip","hasSelectionSlot","selection","selectedValues","map","highlightFirst","selectFirst","title","menuDisabled","hideNoData","isReadonly","isDisabled","_menu","menu","get","set","ΨopenChildren","size","label","closeText","openText","listRef","listEvents","onClear","e","openOnClear","onMousedownControl","onMousedownMenuIcon","preventDefault","stopPropagation","onListKeydown","key","focus","onKeydown","selectionStart","includes","_ref2","select","originalSelectionIndex","prev","searchLength","setSelectionRange","next","onChange","item","find","target","onAfterEnter","eager","calculateVisibleItems","onAfterLeave","onFocusin","setTimeout","onFocusout","onUpdateModelValue","isSelecting","arguments","undefined","disabled","index","findIndex","valueComparator","add","splice","val","oldVal","at","window","requestAnimationFrame","scrollToIndex","newVal","hasList","isDirty","textFieldProps","filterProps","_createVNode","_mergeProps","$event","externalValue","class","style","placeholder","default","_Fragment","menuProps","itemColor","listProps","noDataText","_ref3","itemRef","itemProps","active","onClick","prepend","_ref4","isSelected","prependAvatar","prependIcon","onChipClose","slotProps","onMousedown","hasSlot","slotContent","closableChips","closable","text","_createTextVNode","append-inner","_len","args","Array","_key","menuIcon","fieldIconColor"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\nimport { VVirtualScroll } from '@/components/VVirtualScroll'\n\n// Composables\nimport { useScrolling } from '../VSelect/useScrolling'\nimport { useTextColor } from '@/composables/color'\nimport { highlightResult, makeFilterProps, useFilter } from '@/composables/filter'\nimport { useForm } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useItems } from '@/composables/list-items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  checkPrintable,\n  deepEqual,\n  ensureValidVNode,\n  genericComponent,\n  IN_BROWSER,\n  matchesSelector,\n  noop,\n  omit,\n  propsFactory,\n  useRender,\n  wrapInArray,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { ListItem } from '@/composables/list-items'\nimport type { GenericProps, SelectItemKey } from '@/util'\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = [T] extends [Primitive]\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject> | null\n\nexport const makeVAutocompleteProps = propsFactory({\n  autoSelectFirst: {\n    type: [Boolean, String] as PropType<boolean | 'exact'>,\n  },\n  clearOnSelect: Boolean,\n  search: String,\n\n  ...makeFilterProps({ filterKeys: ['title'] }),\n  ...makeSelectProps(),\n  ...omit(makeVTextFieldProps({\n    modelValue: null,\n    role: 'combobox',\n  }), ['validationValue', 'dirty', 'appendInnerIcon']),\n  ...makeTransitionProps({ transition: false }),\n}, 'VAutocomplete')\n\ntype ItemType<T> = T extends readonly (infer U)[] ? U : never\n\nexport const VAutocomplete = genericComponent<new <\n  T extends readonly any[],\n  Item = ItemType<T>,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(\n  props: {\n    items?: T\n    itemTitle?: SelectItemKey<ItemType<T>>\n    itemValue?: SelectItemKey<ItemType<T>>\n    itemProps?: SelectItemKey<ItemType<T>>\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V | null\n    'onUpdate:modelValue'?: (value: V) => void\n  },\n  slots: Omit<VInputSlots & VFieldSlots, 'default'> & {\n    item: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    chip: { item: ListItem<Item>, index: number, props: Record<string, unknown> }\n    selection: { item: ListItem<Item>, index: number }\n    'prepend-item': never\n    'append-item': never\n    'no-data': never\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VAutocomplete',\n\n  props: makeVAutocompleteProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:search': (value: any) => true,\n    'update:modelValue': (value: any) => true,\n    'update:menu': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref<VTextField>()\n    const isFocused = shallowRef(false)\n    const isPristine = shallowRef(true)\n    const listHasFocus = shallowRef(false)\n    const vMenuRef = ref<VMenu>()\n    const vVirtualScrollRef = ref<VVirtualScroll>()\n    const selectionIndex = shallowRef(-1)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(() => vTextFieldRef.value?.color)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(v === null ? [null] : wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : model.value.length\n    })\n    const form = useForm(props)\n    const { filteredItems, getMatches } = useFilter(props, items, () => isPristine.value ? '' : search.value)\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const hasChips = computed(() => !!(props.chips || slots.chip))\n    const hasSelectionSlot = computed(() => hasChips.value || !!slots.selection)\n\n    const selectedValues = computed(() => model.value.map(selection => selection.props.value))\n\n    const highlightFirst = computed(() => {\n      const selectFirst = props.autoSelectFirst === true ||\n        (props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title)\n      return selectFirst &&\n        displayItems.value.length > 0 &&\n        !isPristine.value &&\n        !listHasFocus.value\n    })\n\n    const menuDisabled = computed(() => (\n      (props.hideNoData && !displayItems.value.length) ||\n      form.isReadonly.value || form.isDisabled.value\n    ))\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return\n        if (v && menuDisabled.value) return\n        _menu.value = v\n      },\n    })\n\n    const label = computed(() => menu.value ? props.closeText : props.openText)\n\n    const listRef = ref<VList>()\n    const listEvents = useScrolling(listRef, vTextFieldRef)\n    function onClear (e: MouseEvent) {\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onMousedownControl () {\n      if (menuDisabled.value) return\n\n      menu.value = true\n    }\n    function onMousedownMenuIcon (e: MouseEvent) {\n      if (menuDisabled.value) return\n\n      if (isFocused.value) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n      menu.value = !menu.value\n    }\n    function onListKeydown (e: KeyboardEvent) {\n      if (e.key !== ' ' && checkPrintable(e)) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (form.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value?.selectionStart\n      const length = model.value.length\n\n      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (\n        highlightFirst.value &&\n        ['Enter', 'Tab'].includes(e.key) &&\n        !model.value.some(({ value }) => value === displayItems.value[0].value)\n      ) {\n        select(displayItems.value[0])\n      }\n\n      if (e.key === 'ArrowDown' && highlightFirst.value) {\n        listRef.value?.focus('next')\n      }\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (\n          !props.multiple &&\n          hasSelectionSlot.value &&\n          model.value.length > 0 &&\n          !search.value\n        ) return select(model.value[0], false)\n\n        if (~selectionIndex.value) {\n          e.preventDefault()\n          const originalSelectionIndex = selectionIndex.value\n          select(model.value[selectionIndex.value], false)\n\n          selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n        } else if (e.key === 'Backspace' && !search.value) {\n          selectionIndex.value = length - 1\n        }\n\n        return\n      }\n\n      if (!props.multiple) return\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (model.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          const searchLength = search.value?.length ?? null\n          selectionIndex.value = -1\n          vTextFieldRef.value?.setSelectionRange(searchLength, searchLength)\n        }\n      } else if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (model.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value?.setSelectionRange(0, 0)\n        }\n      } else if (~selectionIndex.value && checkPrintable(e)) {\n        selectionIndex.value = -1\n      }\n    }\n\n    function onChange (e: Event) {\n      if (matchesSelector(vTextFieldRef.value, ':autofill') || matchesSelector(vTextFieldRef.value, ':-webkit-autofill')) {\n        const item = items.value.find(item => item.title === (e.target as HTMLInputElement).value)\n        if (item) {\n          select(item)\n        }\n      }\n    }\n\n    function onAfterEnter () {\n      if (props.eager) {\n        vVirtualScrollRef.value?.calculateVisibleItems()\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) {\n        isPristine.value = true\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n      setTimeout(() => {\n        listHasFocus.value = true\n      })\n    }\n    function onFocusout (e: FocusEvent) {\n      listHasFocus.value = false\n    }\n    function onUpdateModelValue (v: any) {\n      if (v == null || (v === '' && !props.multiple && !hasSelectionSlot.value)) model.value = []\n    }\n\n    const isSelecting = shallowRef(false)\n\n    /** @param set - null means toggle */\n    function select (item: ListItem | undefined, set: boolean | null = true) {\n      if (!item || item.props.disabled) return\n\n      if (props.multiple) {\n        const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value))\n        const add = set == null ? !~index : set\n\n        if (~index) {\n          const value = add ? [...model.value, item] : [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        } else if (add) {\n          model.value = [...model.value, item]\n        }\n\n        if (props.clearOnSelect) {\n          search.value = ''\n        }\n      } else {\n        const add = set !== false\n        model.value = add ? [item] : []\n        search.value = add && !hasSelectionSlot.value ? item.title : ''\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\n      }\n    }\n\n    watch(isFocused, (val, oldVal) => {\n      if (val === oldVal) return\n\n      if (val) {\n        isSelecting.value = true\n        search.value = (props.multiple || hasSelectionSlot.value) ? '' : String(model.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        if (!props.multiple && search.value == null) model.value = []\n        menu.value = false\n        if (props.multiple || hasSelectionSlot.value) search.value = ''\n        selectionIndex.value = -1\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    watch(menu, () => {\n      if (!props.hideSelected && menu.value && model.value.length) {\n        const index = displayItems.value.findIndex(\n          item => model.value.some(s => item.value === s.value)\n        )\n        IN_BROWSER && window.requestAnimationFrame(() => {\n          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index)\n        })\n      }\n    })\n\n    watch(() => props.items, (newVal, oldVal) => {\n      if (menu.value) return\n\n      if (isFocused.value && !oldVal.length && newVal.length) {\n        menu.value = true\n      }\n    })\n\n    useRender(() => {\n      const hasList = !!(\n        (!props.hideNoData || displayItems.value.length) ||\n        slots['prepend-item'] ||\n        slots['append-item'] ||\n        slots['no-data']\n      )\n      const isDirty = model.value.length > 0\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          v-model={ search.value }\n          onUpdate:modelValue={ onUpdateModelValue }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          counterValue={ counterValue.value }\n          dirty={ isDirty }\n          onChange={ onChange }\n          class={[\n            'v-autocomplete',\n            `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`,\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              'v-autocomplete--selection-slot': !!hasSelectionSlot.value,\n              'v-autocomplete--selecting-index': selectionIndex.value > -1,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          readonly={ form.isReadonly.value }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  disabled={ menuDisabled.value }\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterEnter={ onAfterEnter }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selectedValues.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onKeydown={ onListKeydown }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                      tabindex=\"-1\"\n                      aria-live=\"polite\"\n                      color={ props.itemColor ?? props.color }\n                      { ...listEvents }\n                      { ...props.listProps }\n                    >\n                      { slots['prepend-item']?.() }\n\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem key=\"no-data\" title={ t(props.noDataText) } />\n                      ))}\n\n                      <VVirtualScroll ref={ vVirtualScrollRef } renderless items={ displayItems.value } itemKey=\"value\">\n                        { ({ item, index, itemRef }) => {\n                          const itemProps = mergeProps(item.props, {\n                            ref: itemRef,\n                            key: item.value,\n                            active: (highlightFirst.value && index === 0) ? true : undefined,\n                            onClick: () => select(item, null),\n                          })\n\n                          return slots.item?.({\n                            item,\n                            index,\n                            props: itemProps,\n                          }) ?? (\n                            <VListItem { ...itemProps } role=\"option\">\n                            {{\n                              prepend: ({ isSelected }) => (\n                                <>\n                                  { props.multiple && !props.hideSelected ? (\n                                    <VCheckboxBtn\n                                      key={ item.value }\n                                      modelValue={ isSelected }\n                                      ripple={ false }\n                                      tabindex=\"-1\"\n                                    />\n                                  ) : undefined }\n\n                                  { item.props.prependAvatar && (\n                                    <VAvatar image={ item.props.prependAvatar } />\n                                  )}\n\n                                  { item.props.prependIcon && (\n                                    <VIcon icon={ item.props.prependIcon } />\n                                  )}\n                                </>\n                              ),\n                              title: () => {\n                                return isPristine.value\n                                  ? item.title\n                                  : highlightResult('v-autocomplete', item.title, getMatches(item)?.title)\n                              },\n                            }}\n                          </VListItem>\n                          )\n                        }}\n                      </VVirtualScroll>\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { model.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item, false)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    onKeydown (e: KeyboardEvent) {\n                      if (e.key !== 'Enter' && e.key !== ' ') return\n\n                      e.preventDefault()\n                      e.stopPropagation()\n\n                      onChipClose(e)\n                    },\n                    onMousedown (e: MouseEvent) {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    },\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection\n                  const slotContent = hasSlot\n                    ? ensureValidVNode(\n                      hasChips.value\n                        ? slots.chip!({ item, index, props: slotProps })\n                        : slots.selection!({ item, index })\n                    )\n                    : undefined\n\n                  if (hasSlot && !slotContent) return undefined\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-autocomplete__selection',\n                        index === selectionIndex.value && [\n                          'v-autocomplete__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips.value ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            disabled={ item.props.disabled }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slotContent }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slotContent ?? (\n                          <span class=\"v-autocomplete__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < model.value.length - 1) && (\n                              <span class=\"v-autocomplete__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n            'append-inner': (...args) => (\n              <>\n                { slots['append-inner']?.(...args) }\n                { props.menuIcon ? (\n                  <VIcon\n                    class=\"v-autocomplete__menu-icon\"\n                    color={ vTextFieldRef.value?.fieldIconColor }\n                    icon={ props.menuIcon }\n                    onMousedown={ onMousedownMenuIcon }\n                    onClick={ noop }\n                    aria-label={ t(label.value) }\n                    title={ t(label.value) }\n                    tabindex=\"-1\"\n                  />\n                ) : undefined }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VBadge/VBadge.js

@@ -13,7 +13,6 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.js";
 import { makeTagProps } from "../../composables/tag.js";
 import { makeThemeProps, useTheme } from "../../composables/theme.js";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.js"; // Utilities
-import { toRef } from 'vue';
 import { genericComponent, pickWithRest, propsFactory, useRender } from "../../util/index.js";
 export const makeVBadgeProps = propsFactory({
   bordered: Boolean,
@@ -54,7 +53,7 @@ export const VBadge = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     const {
       roundedClasses
     } = useRounded(props);
@@ -64,7 +63,7 @@ export const VBadge = genericComponent()({
     const {
       textColorClasses,
       textColorStyles
-    } = useTextColor(toRef(props, 'textColor'));
+    } = useTextColor(() => props.textColor);
     const {
       themeClasses
     } = useTheme();

package/lib/components/VBadge/VBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"VBadge.js","names":["VIcon","useBackgroundColor","useTextColor","makeComponentProps","IconValue","useLocale","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","toRef","genericComponent","pickWithRest","propsFactory","useRender","makeVBadgeProps","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","VBadge","name","inheritAttrs","props","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","_createVNode","tag","_mergeProps","class","style","slots","_withDirectives","undefined","badge","_vShow"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, pickWithRest, propsFactory, useRender } from '@/util'\n\nexport type VBadgeSlots = {\n  default: never\n  badge: never\n}\n\nexport const makeVBadgeProps = propsFactory({\n  bordered: Boolean,\n  color: String,\n  content: [Number, String],\n  dot: Boolean,\n  floating: Boolean,\n  icon: IconValue,\n  inline: Boolean,\n  label: {\n    type: String,\n    default: '$vuetify.badge',\n  },\n  max: [Number, String],\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  offsetX: [Number, String],\n  offsetY: [Number, String],\n  textColor: String,\n\n  ...makeComponentProps(),\n  ...makeLocationProps({ location: 'top end' } as const),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n}, 'VBadge')\n\nexport const VBadge = genericComponent<VBadgeSlots>()({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: makeVBadgeProps(),\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? Number(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? Number(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    useRender(() => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= Number(props.max) ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pickWithRest(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n            props.class,\n          ]}\n          { ...attrs }\n          style={ props.style }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VBadge.js","names":["VIcon","useBackgroundColor","useTextColor","makeComponentProps","IconValue","useLocale","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","genericComponent","pickWithRest","propsFactory","useRender","makeVBadgeProps","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","VBadge","name","inheritAttrs","props","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","_createVNode","tag","_mergeProps","class","style","slots","_withDirectives","undefined","badge","_vShow"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { genericComponent, pickWithRest, propsFactory, useRender } from '@/util'\n\nexport type VBadgeSlots = {\n  default: never\n  badge: never\n}\n\nexport const makeVBadgeProps = propsFactory({\n  bordered: Boolean,\n  color: String,\n  content: [Number, String],\n  dot: Boolean,\n  floating: Boolean,\n  icon: IconValue,\n  inline: Boolean,\n  label: {\n    type: String,\n    default: '$vuetify.badge',\n  },\n  max: [Number, String],\n  modelValue: {\n    type: Boolean,\n    default: true,\n  },\n  offsetX: [Number, String],\n  offsetY: [Number, String],\n  textColor: String,\n\n  ...makeComponentProps(),\n  ...makeLocationProps({ location: 'top end' } as const),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n}, 'VBadge')\n\nexport const VBadge = genericComponent<VBadgeSlots>()({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: makeVBadgeProps(),\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(() => props.textColor)\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? Number(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? Number(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    useRender(() => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= Number(props.max) ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pickWithRest(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n            props.class,\n          ]}\n          { ...attrs }\n          style={ props.style }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VBanner/VBanner.js

@@ -56,7 +56,7 @@ export const VBanner = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(props, 'bgColor');
+    } = useBackgroundColor(() => props.bgColor);
     const {
       borderClasses
     } = useBorder(props);
@@ -85,8 +85,8 @@ export const VBanner = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
-    const color = toRef(props, 'color');
-    const density = toRef(props, 'density');
+    const color = toRef(() => props.color);
+    const density = toRef(() => props.density);
     provideDefaults({
       VBannerActions: {
         color,