@vuetify/nightly 3.8.6-master.2025-05-24 → 3.8.7-master.2025-05-27

package/lib/composables/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","names":["aliases","mdi","computed","inject","toValue","consoleWarn","defineComponent","genericComponent","mergeDeep","propsFactory","IconValue","String","Function","Object","Array","IconSymbol","Symbol","for","makeIconProps","icon","type","tag","required","VComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","default","VSvgIcon","inheritAttrs","_ref2","attrs","_mergeProps","isArray","map","path","VLigatureIcon","VClassIcon","genDefaults","svg","component","class","createIcons","options","sets","defaultSet","vuetify","useIcon","icons","Error","iconData","iconAlias","trim","startsWith","slice","iconSetName","keys","find","setName","iconName","length","iconSet"],"sources":["../../src/composables/icons.tsx"],"sourcesContent":["// Icons\nimport { aliases, mdi } from '@/iconsets/mdi'\n\n// Utilities\nimport { computed, inject, toValue } from 'vue'\nimport { consoleWarn, defineComponent, genericComponent, mergeDeep, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, MaybeRefOrGetter, PropType } from 'vue'\nimport type { JSXComponent } from '@/util'\n\nexport type IconValue =\n  | string\n  | (string | [path: string, opacity: number])[]\n  | JSXComponent\nexport const IconValue = [String, Function, Object, Array] as PropType<IconValue>\n\nexport interface IconAliases {\n  [name: string]: IconValue\n  complete: IconValue\n  cancel: IconValue\n  close: IconValue\n  delete: IconValue\n  clear: IconValue\n  success: IconValue\n  info: IconValue\n  warning: IconValue\n  error: IconValue\n  prev: IconValue\n  next: IconValue\n  checkboxOn: IconValue\n  checkboxOff: IconValue\n  checkboxIndeterminate: IconValue\n  delimiter: IconValue\n  sortAsc: IconValue\n  sortDesc: IconValue\n  expand: IconValue\n  menu: IconValue\n  subgroup: IconValue\n  dropdown: IconValue\n  radioOn: IconValue\n  radioOff: IconValue\n  edit: IconValue\n  ratingEmpty: IconValue\n  ratingFull: IconValue\n  ratingHalf: IconValue\n  loading: IconValue\n  first: IconValue\n  last: IconValue\n  unfold: IconValue\n  file: IconValue\n  plus: IconValue\n  minus: IconValue\n  calendar: IconValue\n}\n\nexport interface IconProps {\n  tag: string | JSXComponent\n  icon?: IconValue\n  disabled?: Boolean\n}\n\ntype IconComponent = JSXComponent<IconProps>\n\nexport interface IconSet {\n  component: IconComponent\n}\n\nexport type InternalIconOptions = {\n  defaultSet: string\n  aliases: Partial<IconAliases>\n  sets: Record<string, IconSet>\n}\n\nexport type IconOptions = Partial<InternalIconOptions>\n\ntype IconInstance = {\n  component: IconComponent\n  icon?: IconValue\n}\n\nexport const IconSymbol: InjectionKey<InternalIconOptions> = Symbol.for('vuetify:icons')\n\nexport const makeIconProps = propsFactory({\n  icon: {\n    type: IconValue,\n  },\n  // Could not remove this and use makeTagProps, types complained because it is not required\n  tag: {\n    type: [String, Object, Function] as PropType<string | JSXComponent>,\n    required: true,\n  },\n}, 'icon')\n\nexport const VComponentIcon = genericComponent()({\n  name: 'VComponentIcon',\n\n  props: makeIconProps(),\n\n  setup (props, { slots }) {\n    return () => {\n      const Icon = props.icon as JSXComponent\n      return (\n        <props.tag>\n          { props.icon ? <Icon /> : slots.default?.() }\n        </props.tag>\n      )\n    }\n  },\n})\nexport type VComponentIcon = InstanceType<typeof VComponentIcon>\n\nexport const VSvgIcon = defineComponent({\n  name: 'VSvgIcon',\n\n  inheritAttrs: false,\n\n  props: makeIconProps(),\n\n  setup (props, { attrs }) {\n    return () => {\n      return (\n        <props.tag { ...attrs } style={ null }>\n          <svg\n            class=\"v-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            { Array.isArray(props.icon)\n              ? props.icon.map(path => (\n                Array.isArray(path)\n                  ? <path d={ path[0] as string } fill-opacity={ path[1] }></path>\n                  : <path d={ path as string }></path>\n              ))\n              : <path d={ props.icon as string }></path>\n            }\n          </svg>\n        </props.tag>\n      )\n    }\n  },\n})\nexport type VSvgIcon = InstanceType<typeof VSvgIcon>\n\nexport const VLigatureIcon = defineComponent({\n  name: 'VLigatureIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag>{ props.icon }</props.tag>\n    }\n  },\n})\nexport type VLigatureIcon = InstanceType<typeof VLigatureIcon>\n\nexport const VClassIcon = defineComponent({\n  name: 'VClassIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag class={ props.icon }></props.tag>\n    }\n  },\n})\nexport type VClassIcon = InstanceType<typeof VClassIcon>\n\nfunction genDefaults (): Record<string, IconSet> {\n  return {\n    svg: {\n      component: VSvgIcon,\n    },\n    class: {\n      component: VClassIcon,\n    },\n  }\n}\n\n// Composables\nexport function createIcons (options?: IconOptions) {\n  const sets = genDefaults()\n  const defaultSet = options?.defaultSet ?? 'mdi'\n\n  if (defaultSet === 'mdi' && !sets.mdi) {\n    sets.mdi = mdi\n  }\n\n  return mergeDeep({\n    defaultSet,\n    sets,\n    aliases: {\n      ...aliases,\n      /* eslint-disable max-len */\n      vuetify: [\n        'M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z',\n        ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6],\n      ],\n      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',\n      'vuetify-play': [\n        'm6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z',\n        ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6],\n      ],\n      /* eslint-enable max-len */\n    },\n  }, options) as InternalIconOptions\n}\n\nexport const useIcon = (props: MaybeRefOrGetter<IconValue | undefined>) => {\n  const icons = inject(IconSymbol)\n\n  if (!icons) throw new Error('Missing Vuetify Icons provide!')\n\n  const iconData = computed<IconInstance>(() => {\n    const iconAlias = toValue(props)\n\n    if (!iconAlias) return { component: VComponentIcon }\n\n    let icon: IconValue | undefined = iconAlias\n\n    if (typeof icon === 'string') {\n      icon = icon.trim()\n\n      if (icon.startsWith('$')) {\n        icon = icons.aliases?.[icon.slice(1)]\n      }\n    }\n\n    if (!icon) consoleWarn(`Could not find aliased icon \"${iconAlias}\"`)\n\n    if (Array.isArray(icon)) {\n      return {\n        component: VSvgIcon,\n        icon,\n      }\n    } else if (typeof icon !== 'string') {\n      return {\n        component: VComponentIcon,\n        icon,\n      }\n    }\n\n    const iconSetName = Object.keys(icons.sets).find(\n      setName => typeof icon === 'string' && icon.startsWith(`${setName}:`)\n    )\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon\n    const iconSet = icons.sets[iconSetName ?? icons.defaultSet]\n\n    return {\n      component: iconSet.component,\n      icon: iconName,\n    }\n  })\n\n  return { iconData }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"icons.js","names":["aliases","mdi","computed","inject","toValue","consoleWarn","defineComponent","genericComponent","mergeDeep","propsFactory","IconValue","String","Function","Object","Array","IconSymbol","Symbol","for","makeIconProps","icon","type","tag","required","VComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","default","VSvgIcon","inheritAttrs","_ref2","attrs","_mergeProps","_createElementVNode","isArray","map","path","VLigatureIcon","VClassIcon","_normalizeClass","genDefaults","svg","component","class","createIcons","options","sets","defaultSet","vuetify","useIcon","icons","Error","iconData","iconAlias","trim","startsWith","slice","iconSetName","keys","find","setName","iconName","length","iconSet"],"sources":["../../src/composables/icons.tsx"],"sourcesContent":["// Icons\nimport { aliases, mdi } from '@/iconsets/mdi'\n\n// Utilities\nimport { computed, inject, toValue } from 'vue'\nimport { consoleWarn, defineComponent, genericComponent, mergeDeep, propsFactory } from '@/util'\n\n// Types\nimport type { InjectionKey, MaybeRefOrGetter, PropType } from 'vue'\nimport type { JSXComponent } from '@/util'\n\nexport type IconValue =\n  | string\n  | (string | [path: string, opacity: number])[]\n  | JSXComponent\nexport const IconValue = [String, Function, Object, Array] as PropType<IconValue>\n\nexport interface IconAliases {\n  [name: string]: IconValue\n  complete: IconValue\n  cancel: IconValue\n  close: IconValue\n  delete: IconValue\n  clear: IconValue\n  success: IconValue\n  info: IconValue\n  warning: IconValue\n  error: IconValue\n  prev: IconValue\n  next: IconValue\n  checkboxOn: IconValue\n  checkboxOff: IconValue\n  checkboxIndeterminate: IconValue\n  delimiter: IconValue\n  sortAsc: IconValue\n  sortDesc: IconValue\n  expand: IconValue\n  menu: IconValue\n  subgroup: IconValue\n  dropdown: IconValue\n  radioOn: IconValue\n  radioOff: IconValue\n  edit: IconValue\n  ratingEmpty: IconValue\n  ratingFull: IconValue\n  ratingHalf: IconValue\n  loading: IconValue\n  first: IconValue\n  last: IconValue\n  unfold: IconValue\n  file: IconValue\n  plus: IconValue\n  minus: IconValue\n  calendar: IconValue\n}\n\nexport interface IconProps {\n  tag: string | JSXComponent\n  icon?: IconValue\n  disabled?: Boolean\n}\n\ntype IconComponent = JSXComponent<IconProps>\n\nexport interface IconSet {\n  component: IconComponent\n}\n\nexport type InternalIconOptions = {\n  defaultSet: string\n  aliases: Partial<IconAliases>\n  sets: Record<string, IconSet>\n}\n\nexport type IconOptions = Partial<InternalIconOptions>\n\ntype IconInstance = {\n  component: IconComponent\n  icon?: IconValue\n}\n\nexport const IconSymbol: InjectionKey<InternalIconOptions> = Symbol.for('vuetify:icons')\n\nexport const makeIconProps = propsFactory({\n  icon: {\n    type: IconValue,\n  },\n  // Could not remove this and use makeTagProps, types complained because it is not required\n  tag: {\n    type: [String, Object, Function] as PropType<string | JSXComponent>,\n    required: true,\n  },\n}, 'icon')\n\nexport const VComponentIcon = genericComponent()({\n  name: 'VComponentIcon',\n\n  props: makeIconProps(),\n\n  setup (props, { slots }) {\n    return () => {\n      const Icon = props.icon as JSXComponent\n      return (\n        <props.tag>\n          { props.icon ? <Icon /> : slots.default?.() }\n        </props.tag>\n      )\n    }\n  },\n})\nexport type VComponentIcon = InstanceType<typeof VComponentIcon>\n\nexport const VSvgIcon = defineComponent({\n  name: 'VSvgIcon',\n\n  inheritAttrs: false,\n\n  props: makeIconProps(),\n\n  setup (props, { attrs }) {\n    return () => {\n      return (\n        <props.tag { ...attrs } style={ null }>\n          <svg\n            class=\"v-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            { Array.isArray(props.icon)\n              ? props.icon.map(path => (\n                Array.isArray(path)\n                  ? <path d={ path[0] as string } fill-opacity={ path[1] }></path>\n                  : <path d={ path as string }></path>\n              ))\n              : <path d={ props.icon as string }></path>\n            }\n          </svg>\n        </props.tag>\n      )\n    }\n  },\n})\nexport type VSvgIcon = InstanceType<typeof VSvgIcon>\n\nexport const VLigatureIcon = defineComponent({\n  name: 'VLigatureIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag>{ props.icon }</props.tag>\n    }\n  },\n})\nexport type VLigatureIcon = InstanceType<typeof VLigatureIcon>\n\nexport const VClassIcon = defineComponent({\n  name: 'VClassIcon',\n\n  props: makeIconProps(),\n\n  setup (props) {\n    return () => {\n      return <props.tag class={ props.icon }></props.tag>\n    }\n  },\n})\nexport type VClassIcon = InstanceType<typeof VClassIcon>\n\nfunction genDefaults (): Record<string, IconSet> {\n  return {\n    svg: {\n      component: VSvgIcon,\n    },\n    class: {\n      component: VClassIcon,\n    },\n  }\n}\n\n// Composables\nexport function createIcons (options?: IconOptions) {\n  const sets = genDefaults()\n  const defaultSet = options?.defaultSet ?? 'mdi'\n\n  if (defaultSet === 'mdi' && !sets.mdi) {\n    sets.mdi = mdi\n  }\n\n  return mergeDeep({\n    defaultSet,\n    sets,\n    aliases: {\n      ...aliases,\n      /* eslint-disable max-len */\n      vuetify: [\n        'M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z',\n        ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6],\n      ],\n      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',\n      'vuetify-play': [\n        'm6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z',\n        ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6],\n      ],\n      /* eslint-enable max-len */\n    },\n  }, options) as InternalIconOptions\n}\n\nexport const useIcon = (props: MaybeRefOrGetter<IconValue | undefined>) => {\n  const icons = inject(IconSymbol)\n\n  if (!icons) throw new Error('Missing Vuetify Icons provide!')\n\n  const iconData = computed<IconInstance>(() => {\n    const iconAlias = toValue(props)\n\n    if (!iconAlias) return { component: VComponentIcon }\n\n    let icon: IconValue | undefined = iconAlias\n\n    if (typeof icon === 'string') {\n      icon = icon.trim()\n\n      if (icon.startsWith('$')) {\n        icon = icons.aliases?.[icon.slice(1)]\n      }\n    }\n\n    if (!icon) consoleWarn(`Could not find aliased icon \"${iconAlias}\"`)\n\n    if (Array.isArray(icon)) {\n      return {\n        component: VSvgIcon,\n        icon,\n      }\n    } else if (typeof icon !== 'string') {\n      return {\n        component: VComponentIcon,\n        icon,\n      }\n    }\n\n    const iconSetName = Object.keys(icons.sets).find(\n      setName => typeof icon === 'string' && icon.startsWith(`${setName}:`)\n    )\n\n    const iconName = iconSetName ? icon.slice(iconSetName.length + 1) : icon\n    const iconSet = icons.sets[iconSetName ?? icons.defaultSet]\n\n    return {\n      component: iconSet.component,\n      icon: iconName,\n    }\n  })\n\n  return { iconData }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/composables/loader.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 // Components
 import { VProgressLinear } from "../components/VProgressLinear/index.js"; // Utilities
 import { toRef } from 'vue';
@@ -20,8 +20,8 @@ export function LoaderSlot(props, _ref) {
   let {
     slots
   } = _ref;
-  return _createVNode("div", {
-    "class": `${props.name}__loader`
+  return _createElementVNode("div", {
+    "class": _normalizeClass(`${props.name}__loader`)
   }, [slots.default?.({
     color: props.color,
     isActive: props.active

package/lib/composables/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","names":["VProgressLinear","toRef","getCurrentInstanceName","propsFactory","makeLoaderProps","loading","Boolean","String","useLoader","props","name","arguments","length","undefined","loaderClasses","LoaderSlot","_ref","slots","_createVNode","default","color","isActive","active","absolute"],"sources":["../../src/composables/loader.tsx"],"sourcesContent":["// Components\nimport { VProgressLinear } from '@/components/VProgressLinear'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { ExtractPropTypes, SetupContext } from 'vue'\nimport type { SlotsToProps } from '@/util'\n\nexport interface LoaderSlotProps {\n  color: string | undefined\n  isActive: boolean\n}\n\nexport interface LoaderProps {\n  loading?: boolean | string\n}\n\n// Composables\nexport const makeLoaderProps = propsFactory({\n  loading: [Boolean, String],\n}, 'loader')\n\nexport function useLoader (\n  props: LoaderProps,\n  name = getCurrentInstanceName(),\n) {\n  const loaderClasses = toRef(() => ({\n    [`${name}--loading`]: props.loading,\n  }))\n\n  return { loaderClasses }\n}\n\nexport function LoaderSlot (\n  props: {\n    absolute?: boolean\n    active: boolean\n    name: string\n    color?: string\n  } & ExtractPropTypes<SlotsToProps<{\n    default: LoaderSlotProps\n  }>>,\n  { slots }: SetupContext,\n) {\n  return (\n    <div class={ `${props.name}__loader` }>\n      { slots.default?.({\n        color: props.color,\n        isActive: props.active,\n      } satisfies LoaderSlotProps) || (\n        <VProgressLinear\n          absolute={ props.absolute }\n          active={ props.active }\n          color={ props.color }\n          height=\"2\"\n          indeterminate\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,kDAExB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,sBAAsB,EAAEC,YAAY,4BAE7C;AAaA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,OAAO,EAAE,CAACC,OAAO,EAAEC,MAAM;AAC3B,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,SAASC,SAASA,CACvBC,KAAkB,EAElB;EAAA,IADAC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGT,sBAAsB,CAAC,CAAC;EAE/B,MAAMY,aAAa,GAAGb,KAAK,CAAC,OAAO;IACjC,CAAC,GAAGS,IAAI,WAAW,GAAGD,KAAK,CAACJ;EAC9B,CAAC,CAAC,CAAC;EAEH,OAAO;IAAES;EAAc,CAAC;AAC1B;AAEA,OAAO,SAASC,UAAUA,CACxBN,KAOG,EAAAO,IAAA,EAEH;EAAA,IADA;IAAEC;EAAoB,CAAC,GAAAD,IAAA;EAEvB,OAAAE,YAAA;IAAA,SACe,GAAGT,KAAK,CAACC,IAAI;EAAU,IAChCO,KAAK,CAACE,OAAO,GAAG;IAChBC,KAAK,EAAEX,KAAK,CAACW,KAAK;IAClBC,QAAQ,EAAEZ,KAAK,CAACa;EAClB,CAA2B,CAAC,IAAAJ,YAAA,CAAAlB,eAAA;IAAA,YAEbS,KAAK,CAACc,QAAQ;IAAA,UAChBd,KAAK,CAACa,MAAM;IAAA,SACbb,KAAK,CAACW,KAAK;IAAA;IAAA;EAAA,QAItB;AAGP","ignoreList":[]}
+{"version":3,"file":"loader.js","names":["VProgressLinear","toRef","getCurrentInstanceName","propsFactory","makeLoaderProps","loading","Boolean","String","useLoader","props","name","arguments","length","undefined","loaderClasses","LoaderSlot","_ref","slots","_createElementVNode","_normalizeClass","default","color","isActive","active","_createVNode","absolute"],"sources":["../../src/composables/loader.tsx"],"sourcesContent":["// Components\nimport { VProgressLinear } from '@/components/VProgressLinear'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { ExtractPropTypes, SetupContext } from 'vue'\nimport type { SlotsToProps } from '@/util'\n\nexport interface LoaderSlotProps {\n  color: string | undefined\n  isActive: boolean\n}\n\nexport interface LoaderProps {\n  loading?: boolean | string\n}\n\n// Composables\nexport const makeLoaderProps = propsFactory({\n  loading: [Boolean, String],\n}, 'loader')\n\nexport function useLoader (\n  props: LoaderProps,\n  name = getCurrentInstanceName(),\n) {\n  const loaderClasses = toRef(() => ({\n    [`${name}--loading`]: props.loading,\n  }))\n\n  return { loaderClasses }\n}\n\nexport function LoaderSlot (\n  props: {\n    absolute?: boolean\n    active: boolean\n    name: string\n    color?: string\n  } & ExtractPropTypes<SlotsToProps<{\n    default: LoaderSlotProps\n  }>>,\n  { slots }: SetupContext,\n) {\n  return (\n    <div class={ `${props.name}__loader` }>\n      { slots.default?.({\n        color: props.color,\n        isActive: props.active,\n      } satisfies LoaderSlotProps) || (\n        <VProgressLinear\n          absolute={ props.absolute }\n          active={ props.active }\n          color={ props.color }\n          height=\"2\"\n          indeterminate\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,kDAExB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,sBAAsB,EAAEC,YAAY,4BAE7C;AAaA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,OAAO,EAAE,CAACC,OAAO,EAAEC,MAAM;AAC3B,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,SAASC,SAASA,CACvBC,KAAkB,EAElB;EAAA,IADAC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGT,sBAAsB,CAAC,CAAC;EAE/B,MAAMY,aAAa,GAAGb,KAAK,CAAC,OAAO;IACjC,CAAC,GAAGS,IAAI,WAAW,GAAGD,KAAK,CAACJ;EAC9B,CAAC,CAAC,CAAC;EAEH,OAAO;IAAES;EAAc,CAAC;AAC1B;AAEA,OAAO,SAASC,UAAUA,CACxBN,KAOG,EAAAO,IAAA,EAEH;EAAA,IADA;IAAEC;EAAoB,CAAC,GAAAD,IAAA;EAEvB,OAAAE,mBAAA;IAAA,SAAAC,eAAA,CACe,GAAGV,KAAK,CAACC,IAAI,UAAU;EAAA,IAChCO,KAAK,CAACG,OAAO,GAAG;IAChBC,KAAK,EAAEZ,KAAK,CAACY,KAAK;IAClBC,QAAQ,EAAEb,KAAK,CAACc;EAClB,CAA2B,CAAC,IAAAC,YAAA,CAAAxB,eAAA;IAAA,YAEbS,KAAK,CAACgB,QAAQ;IAAA,UAChBhB,KAAK,CAACc,MAAM;IAAA,SACbd,KAAK,CAACY,KAAK;IAAA;IAAA;EAAA,QAItB;AAGP","ignoreList":[]}

package/lib/composables/variant.js

@@ -1,16 +1,16 @@
-import { Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { Fragment as _Fragment, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 // Composables
 import { useColor } from "./color.js"; // Utilities
 import { toRef, toValue } from 'vue';
 import { getCurrentInstanceName, propsFactory } from "../util/index.js"; // Types
 export const allowedVariants = ['elevated', 'flat', 'tonal', 'outlined', 'text', 'plain'];
 export function genOverlays(isClickable, name) {
-  return _createVNode(_Fragment, null, [isClickable && _createVNode("span", {
+  return _createElementVNode(_Fragment, null, [isClickable && _createElementVNode("span", {
     "key": "overlay",
-    "class": `${name}__overlay`
-  }, null), _createVNode("span", {
+    "class": _normalizeClass(`${name}__overlay`)
+  }, null), _createElementVNode("span", {
     "key": "underlay",
-    "class": `${name}__underlay`
+    "class": _normalizeClass(`${name}__underlay`)
   }, null)]);
 }
 export const makeVariantProps = propsFactory({

package/lib/composables/variant.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant.js","names":["useColor","toRef","toValue","getCurrentInstanceName","propsFactory","allowedVariants","genOverlays","isClickable","name","_createVNode","_Fragment","makeVariantProps","color","String","variant","type","default","validator","v","includes","useVariant","props","arguments","length","undefined","variantClasses","colorClasses","colorStyles"],"sources":["../../src/composables/variant.tsx"],"sourcesContent":["// Composables\nimport { useColor } from '@/composables/color'\n\n// Utilities\nimport { toRef, toValue } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { MaybeRefOrGetter, PropType } from 'vue'\n\nexport const allowedVariants = [\n  'elevated',\n  'flat',\n  'tonal',\n  'outlined',\n  'text',\n  'plain',\n] as const\n\nexport type Variant = typeof allowedVariants[number]\n\nexport interface VariantProps {\n  color?: string\n  variant: Variant\n}\n\nexport function genOverlays (isClickable: boolean, name: string) {\n  return (\n    <>\n      { isClickable && <span key=\"overlay\" class={ `${name}__overlay` } /> }\n\n      <span key=\"underlay\" class={ `${name}__underlay` } />\n    </>\n  )\n}\n\nexport const makeVariantProps = propsFactory({\n  color: String,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'elevated',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'variant')\n\nexport function useVariant (\n  props: MaybeRefOrGetter<VariantProps>,\n  name = getCurrentInstanceName(),\n) {\n  const variantClasses = toRef(() => {\n    const { variant } = toValue(props)\n    return `${name}--variant-${variant}`\n  })\n\n  const { colorClasses, colorStyles } = useColor(() => {\n    const { variant, color } = toValue(props)\n    return {\n      [['elevated', 'flat'].includes(variant) ? 'background' : 'text']: color,\n    }\n  })\n\n  return { colorClasses, colorStyles, variantClasses }\n}\n"],"mappings":";AAAA;AAAA,SACSA,QAAQ,sBAEjB;AACA,SAASC,KAAK,EAAEC,OAAO,QAAQ,KAAK;AAAA,SAC3BC,sBAAsB,EAAEC,YAAY,4BAE7C;AAGA,OAAO,MAAMC,eAAe,GAAG,CAC7B,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,CACC;AASV,OAAO,SAASC,WAAWA,CAAEC,WAAoB,EAAEC,IAAY,EAAE;EAC/D,OAAAC,YAAA,CAAAC,SAAA,SAEMH,WAAW,IAAAE,YAAA;IAAA;IAAA,SAAgC,GAAGD,IAAI;EAAW,QAAK,EAAAC,YAAA;IAAA;IAAA,SAEvC,GAAGD,IAAI;EAAY;AAGtD;AAEA,OAAO,MAAMG,gBAAgB,GAAGP,YAAY,CAAC;EAC3CQ,KAAK,EAAEC,MAAM;EACbC,OAAO,EAAE;IACPC,IAAI,EAAEF,MAA2B;IACjCG,OAAO,EAAE,UAAU;IACnBC,SAAS,EAAGC,CAAM,IAAKb,eAAe,CAACc,QAAQ,CAACD,CAAC;EACnD;AACF,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,SAASE,UAAUA,CACxBC,KAAqC,EAErC;EAAA,IADAb,IAAI,GAAAc,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGnB,sBAAsB,CAAC,CAAC;EAE/B,MAAMsB,cAAc,GAAGxB,KAAK,CAAC,MAAM;IACjC,MAAM;MAAEa;IAAQ,CAAC,GAAGZ,OAAO,CAACmB,KAAK,CAAC;IAClC,OAAO,GAAGb,IAAI,aAAaM,OAAO,EAAE;EACtC,CAAC,CAAC;EAEF,MAAM;IAAEY,YAAY;IAAEC;EAAY,CAAC,GAAG3B,QAAQ,CAAC,MAAM;IACnD,MAAM;MAAEc,OAAO;MAAEF;IAAM,CAAC,GAAGV,OAAO,CAACmB,KAAK,CAAC;IACzC,OAAO;MACL,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAACF,QAAQ,CAACL,OAAO,CAAC,GAAG,YAAY,GAAG,MAAM,GAAGF;IACpE,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAEc,YAAY;IAAEC,WAAW;IAAEF;EAAe,CAAC;AACtD","ignoreList":[]}
+{"version":3,"file":"variant.js","names":["useColor","toRef","toValue","getCurrentInstanceName","propsFactory","allowedVariants","genOverlays","isClickable","name","_createElementVNode","_Fragment","_normalizeClass","makeVariantProps","color","String","variant","type","default","validator","v","includes","useVariant","props","arguments","length","undefined","variantClasses","colorClasses","colorStyles"],"sources":["../../src/composables/variant.tsx"],"sourcesContent":["// Composables\nimport { useColor } from '@/composables/color'\n\n// Utilities\nimport { toRef, toValue } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { MaybeRefOrGetter, PropType } from 'vue'\n\nexport const allowedVariants = [\n  'elevated',\n  'flat',\n  'tonal',\n  'outlined',\n  'text',\n  'plain',\n] as const\n\nexport type Variant = typeof allowedVariants[number]\n\nexport interface VariantProps {\n  color?: string\n  variant: Variant\n}\n\nexport function genOverlays (isClickable: boolean, name: string) {\n  return (\n    <>\n      { isClickable && <span key=\"overlay\" class={ `${name}__overlay` } /> }\n\n      <span key=\"underlay\" class={ `${name}__underlay` } />\n    </>\n  )\n}\n\nexport const makeVariantProps = propsFactory({\n  color: String,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'elevated',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'variant')\n\nexport function useVariant (\n  props: MaybeRefOrGetter<VariantProps>,\n  name = getCurrentInstanceName(),\n) {\n  const variantClasses = toRef(() => {\n    const { variant } = toValue(props)\n    return `${name}--variant-${variant}`\n  })\n\n  const { colorClasses, colorStyles } = useColor(() => {\n    const { variant, color } = toValue(props)\n    return {\n      [['elevated', 'flat'].includes(variant) ? 'background' : 'text']: color,\n    }\n  })\n\n  return { colorClasses, colorStyles, variantClasses }\n}\n"],"mappings":";AAAA;AAAA,SACSA,QAAQ,sBAEjB;AACA,SAASC,KAAK,EAAEC,OAAO,QAAQ,KAAK;AAAA,SAC3BC,sBAAsB,EAAEC,YAAY,4BAE7C;AAGA,OAAO,MAAMC,eAAe,GAAG,CAC7B,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,CACC;AASV,OAAO,SAASC,WAAWA,CAAEC,WAAoB,EAAEC,IAAY,EAAE;EAC/D,OAAAC,mBAAA,CAAAC,SAAA,SAEMH,WAAW,IAAAE,mBAAA;IAAA;IAAA,SAAAE,eAAA,CAAgC,GAAGH,IAAI,WAAW;EAAA,QAAK,EAAAC,mBAAA;IAAA;IAAA,SAAAE,eAAA,CAEvC,GAAGH,IAAI,YAAY;EAAA;AAGtD;AAEA,OAAO,MAAMI,gBAAgB,GAAGR,YAAY,CAAC;EAC3CS,KAAK,EAAEC,MAAM;EACbC,OAAO,EAAE;IACPC,IAAI,EAAEF,MAA2B;IACjCG,OAAO,EAAE,UAAU;IACnBC,SAAS,EAAGC,CAAM,IAAKd,eAAe,CAACe,QAAQ,CAACD,CAAC;EACnD;AACF,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,SAASE,UAAUA,CACxBC,KAAqC,EAErC;EAAA,IADAd,IAAI,GAAAe,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGpB,sBAAsB,CAAC,CAAC;EAE/B,MAAMuB,cAAc,GAAGzB,KAAK,CAAC,MAAM;IACjC,MAAM;MAAEc;IAAQ,CAAC,GAAGb,OAAO,CAACoB,KAAK,CAAC;IAClC,OAAO,GAAGd,IAAI,aAAaO,OAAO,EAAE;EACtC,CAAC,CAAC;EAEF,MAAM;IAAEY,YAAY;IAAEC;EAAY,CAAC,GAAG5B,QAAQ,CAAC,MAAM;IACnD,MAAM;MAAEe,OAAO;MAAEF;IAAM,CAAC,GAAGX,OAAO,CAACoB,KAAK,CAAC;IACzC,OAAO;MACL,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAACF,QAAQ,CAACL,OAAO,CAAC,GAAG,YAAY,GAAG,MAAM,GAAGF;IACpE,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAEc,YAAY;IAAEC,WAAW;IAAEF;EAAe,CAAC;AACtD","ignoreList":[]}

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.8.6-master.2025-05-24";
+export const version = "3.8.7-master.2025-05-27";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2539,78 +2539,80 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VApp: typeof import('vuetify/components')['VApp']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChip: typeof import('vuetify/components')['VChip']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VChip: typeof import('vuetify/components')['VChip']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCode: typeof import('vuetify/components')['VCode']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VCombobox: typeof import('vuetify/components')['VCombobox']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
     VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFooter: typeof import('vuetify/components')['VFooter']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
     VKbd: typeof import('vuetify/components')['VKbd']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VMain: typeof import('vuetify/components')['VMain']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2621,73 +2623,72 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMenu: typeof import('vuetify/components')['VMenu']
-    VImg: typeof import('vuetify/components')['VImg']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VMain: typeof import('vuetify/components')['VMain']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSelect: typeof import('vuetify/components')['VSelect']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VWindow: typeof import('vuetify/components')['VWindow']
+    VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VWindow: typeof import('vuetify/components')['VWindow']
-    VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
     VHover: typeof import('vuetify/components')['VHover']
-    VLayout: typeof import('vuetify/components')['VLayout']
-    VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
+    VLayout: typeof import('vuetify/components')['VLayout']
+    VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VSparkline: typeof import('vuetify/components')['VSparkline']
+    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTable: typeof import('vuetify/components')['VTable']
+    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2704,9 +2705,6 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
-    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
@@ -2715,18 +2713,20 @@ declare module 'vue' {
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
+    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
+    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
+    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
-    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
-    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
-    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
   }
 }

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.8.6-master.2025-05-24";
+export const version = "3.8.7-master.2025-05-27";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/labs/VCalendar/VCalendar.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
 // Styles
 import "./VCalendar.css";
 
@@ -80,13 +80,13 @@ export const VCalendar = genericComponent()({
     useRender(() => {
       const calendarDayProps = VCalendarDay.filterProps(props);
       const calendarHeaderProps = VCalendarHeader.filterProps(props);
-      return _createVNode("div", {
-        "class": ['v-calendar', {
+      return _createElementVNode("div", {
+        "class": _normalizeClass(['v-calendar', {
           'v-calendar-monthly': props.viewMode === 'month',
           'v-calendar-weekly': props.viewMode === 'week',
           'v-calendar-day': props.viewMode === 'day'
-        }]
-      }, [_createVNode("div", null, [!props.hideHeader && (slots.header?.({
+        }])
+      }, [_createElementVNode("div", null, [!props.hideHeader && (slots.header?.({
         title: title.value,
         clickNext: onClickNext,
         clickPrev: onClickPrev,
@@ -100,20 +100,20 @@ export const VCalendar = genericComponent()({
         "onClick:toToday": onClickToday
       }), {
         title: slots.title
-      }))]), _createVNode("div", {
-        "class": ['v-calendar__container', `days__${weekDays.value.length}`]
-      }, [props.viewMode === 'month' && !props.hideDayHeader && _createVNode("div", {
-        "class": ['v-calendar-weekly__head', `days__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])],
+      }))]), _createElementVNode("div", {
+        "class": _normalizeClass(['v-calendar__container', `days__${weekDays.value.length}`])
+      }, [props.viewMode === 'month' && !props.hideDayHeader && _createElementVNode("div", {
+        "class": _normalizeClass(['v-calendar-weekly__head', `days__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])]),
         "key": "calendarWeeklyHead"
-      }, [!props.hideWeekNumber ? _createVNode("div", {
+      }, [!props.hideWeekNumber ? _createElementVNode("div", {
         "key": "weekNumber0",
         "class": "v-calendar-weekly__head-weeknumber"
-      }, null) : '', weekDays.value.map(weekday => _createVNode("div", {
-        "class": `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`
-      }, [dayNames[weekday]]))]), props.viewMode === 'month' && _createVNode("div", {
+      }, null) : '', weekDays.value.map(weekday => _createElementVNode("div", {
+        "class": _normalizeClass(`v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`)
+      }, [dayNames[weekday]]))]), props.viewMode === 'month' && _createElementVNode("div", {
         "key": "VCalendarMonth",
-        "class": ['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])]
-      }, [chunkArray(daysInMonth.value, weekDays.value.length).map((week, wi) => [!props.hideWeekNumber ? _createVNode("div", _mergeProps({
+        "class": _normalizeClass(['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])])
+      }, [chunkArray(daysInMonth.value, weekDays.value.length).map((week, wi) => [!props.hideWeekNumber ? _createElementVNode("div", _mergeProps({
         "class": "v-calendar-month__weeknumber"
       }, getPrefixedEventHandlers(attrs, ':weekNumber', () => ({
         weekNumber: weekNumbers.value[wi],

package/lib/labs/VCalendar/VCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createVNode","header","clickNext","clickPrev","clickToday","_mergeProps","length","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: Boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: Number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekDays } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekDays.value.length}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekDays.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { dayNames[weekday] }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekDays.value.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createElementVNode","_normalizeClass","header","clickNext","clickPrev","clickToday","_createVNode","_mergeProps","length","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: Boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: Number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekDays } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekDays.value.length}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekDays.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { dayNames[weekday] }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekDays.value.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarDay.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VCalendarDay.css";
 
@@ -31,12 +31,12 @@ export const VCalendarDay = genericComponent()({
     }, (v, i) => i).filter((_, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
     useRender(() => {
       const calendarIntervalProps = VCalendarInterval.filterProps(props);
-      return _createVNode("div", {
+      return _createElementVNode("div", {
         "class": "v-calendar-day__container"
-      }, [!props.hideDayHeader && _createVNode("div", _mergeProps({
+      }, [!props.hideDayHeader && _createElementVNode("div", _mergeProps({
         "key": "calendar-week-name",
         "class": "v-calendar-weekly__head-weekday"
-      }, getPrefixedEventHandlers(attrs, ':day', () => props.day)), [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, _mergeProps(getPrefixedEventHandlers(attrs, ':date', () => props.day), {
+      }, getPrefixedEventHandlers(attrs, ':day', () => props.day)), [adapter.format(props.day.date, 'weekdayShort'), _createElementVNode("div", null, [_createVNode(VBtn, _mergeProps(getPrefixedEventHandlers(attrs, ':date', () => props.day), {
         "class": props.day?.isToday ? 'v-calendar-day-label__today' : undefined,
         "icon": true,
         "text": adapter.format(props.day.date, 'dayOfMonth'),