vuetify 3.2.3 → 3.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/json/attributes.json +9 -9
  2. package/dist/json/importMap.json +12 -12
  3. package/dist/json/web-types.json +11 -11
  4. package/dist/vuetify-labs.css +34 -35
  5. package/dist/vuetify-labs.d.ts +72 -72
  6. package/dist/vuetify-labs.esm.js +142 -124
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +142 -124
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +1 -2
  11. package/dist/vuetify.d.ts +75 -68
  12. package/dist/vuetify.esm.js +131 -115
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +131 -115
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +469 -469
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAlert/VAlert.mjs +1 -2
  20. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  21. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  22. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  23. package/lib/components/VAppBar/VAppBarNavIcon.mjs +1 -2
  24. package/lib/components/VAppBar/VAppBarNavIcon.mjs.map +1 -1
  25. package/lib/components/VAppBar/VAppBarTitle.mjs +1 -2
  26. package/lib/components/VAppBar/VAppBarTitle.mjs.map +1 -1
  27. package/lib/components/VAutocomplete/VAutocomplete.mjs +5 -5
  28. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  29. package/lib/components/VAutocomplete/index.d.ts +9 -9
  30. package/lib/components/VChip/VChip.css +0 -1
  31. package/lib/components/VChip/VChip.sass +0 -1
  32. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +5 -5
  33. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  34. package/lib/components/VCombobox/VCombobox.mjs +5 -5
  35. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  36. package/lib/components/VCombobox/index.d.ts +9 -9
  37. package/lib/components/VFooter/VFooter.mjs +2 -2
  38. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  39. package/lib/components/VForm/index.d.ts +3 -3
  40. package/lib/components/VImg/VImg.mjs +6 -6
  41. package/lib/components/VImg/VImg.mjs.map +1 -1
  42. package/lib/components/VImg/index.d.ts +12 -12
  43. package/lib/components/VList/VList.mjs +2 -2
  44. package/lib/components/VList/VList.mjs.map +1 -1
  45. package/lib/components/VList/index.d.ts +9 -9
  46. package/lib/components/VList/list.mjs +4 -4
  47. package/lib/components/VList/list.mjs.map +1 -1
  48. package/lib/components/VMenu/VMenu.mjs +3 -3
  49. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  50. package/lib/components/VMenu/index.d.ts +3 -3
  51. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +2 -2
  52. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  53. package/lib/components/VNavigationDrawer/index.d.ts +3 -3
  54. package/lib/components/VNavigationDrawer/sticky.mjs +5 -4
  55. package/lib/components/VNavigationDrawer/sticky.mjs.map +1 -1
  56. package/lib/components/VNavigationDrawer/touch.mjs +4 -4
  57. package/lib/components/VNavigationDrawer/touch.mjs.map +1 -1
  58. package/lib/components/VOverlay/locationStrategies.mjs +1 -1
  59. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  60. package/lib/components/VPagination/VPagination.mjs +2 -2
  61. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  62. package/lib/components/VRating/VRating.mjs +6 -3
  63. package/lib/components/VRating/VRating.mjs.map +1 -1
  64. package/lib/components/VSelect/VSelect.mjs +2 -2
  65. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  66. package/lib/components/VSelect/index.d.ts +9 -9
  67. package/lib/components/VSelectionControl/VSelectionControl.mjs +3 -3
  68. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  69. package/lib/components/VSelectionControl/index.d.ts +3 -3
  70. package/lib/components/VSlideGroup/VSlideGroup.mjs +7 -7
  71. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  72. package/lib/components/VSlideGroup/index.d.ts +3 -3
  73. package/lib/components/VSlider/slider.mjs +3 -3
  74. package/lib/components/VSlider/slider.mjs.map +1 -1
  75. package/lib/components/VSystemBar/VSystemBar.mjs +2 -2
  76. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  77. package/lib/components/VTabs/VTab.mjs +4 -5
  78. package/lib/components/VTabs/VTab.mjs.map +1 -1
  79. package/lib/components/VTextarea/VTextarea.mjs +6 -3
  80. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  81. package/lib/components/VTimeline/VTimelineItem.mjs +2 -2
  82. package/lib/components/VTimeline/VTimelineItem.mjs.map +1 -1
  83. package/lib/components/VToolbar/VToolbar.mjs +2 -2
  84. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  85. package/lib/components/VVirtualScroll/VVirtualScroll.mjs +3 -3
  86. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  87. package/lib/components/VWindow/VWindow.mjs +3 -3
  88. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  89. package/lib/components/VWindow/VWindowItem.mjs +3 -3
  90. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  91. package/lib/components/index.d.ts +63 -63
  92. package/lib/composables/display.mjs +3 -3
  93. package/lib/composables/display.mjs.map +1 -1
  94. package/lib/composables/form.mjs +4 -4
  95. package/lib/composables/form.mjs.map +1 -1
  96. package/lib/composables/hydration.mjs +6 -6
  97. package/lib/composables/hydration.mjs.map +1 -1
  98. package/lib/composables/intersectionObserver.mjs +2 -2
  99. package/lib/composables/intersectionObserver.mjs.map +1 -1
  100. package/lib/composables/layout.mjs +3 -3
  101. package/lib/composables/layout.mjs.map +1 -1
  102. package/lib/composables/lazy.mjs +2 -2
  103. package/lib/composables/lazy.mjs.map +1 -1
  104. package/lib/composables/nested/nested.mjs +5 -4
  105. package/lib/composables/nested/nested.mjs.map +1 -1
  106. package/lib/composables/scroll.mjs +6 -6
  107. package/lib/composables/scroll.mjs.map +1 -1
  108. package/lib/composables/ssrBoot.mjs +2 -2
  109. package/lib/composables/ssrBoot.mjs.map +1 -1
  110. package/lib/composables/stack.mjs +5 -4
  111. package/lib/composables/stack.mjs.map +1 -1
  112. package/lib/composables/transition.mjs +5 -2
  113. package/lib/composables/transition.mjs.map +1 -1
  114. package/lib/composables/validation.mjs +3 -3
  115. package/lib/composables/validation.mjs.map +1 -1
  116. package/lib/entry-bundler.mjs +1 -1
  117. package/lib/framework.mjs +1 -1
  118. package/lib/index.d.ts +12 -5
  119. package/lib/labs/VDataTable/VDataTable.mjs +2 -1
  120. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  121. package/lib/labs/VDataTable/VDataTableServer.mjs +2 -1
  122. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  123. package/lib/labs/VDataTable/VDataTableVirtual.mjs +6 -6
  124. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  125. package/lib/labs/VDataTable/composables/virtual.mjs +3 -3
  126. package/lib/labs/VDataTable/composables/virtual.mjs.map +1 -1
  127. package/lib/labs/VSkeletonLoader/VSkeletonLoader.mjs.map +1 -1
  128. package/lib/labs/VSkeletonLoader/index.d.ts +9 -9
  129. package/lib/labs/components.d.ts +9 -9
  130. package/lib/locale/adapters/vuetify.mjs +8 -5
  131. package/lib/locale/adapters/vuetify.mjs.map +1 -1
  132. package/package.json +2 -2
@@ -19,7 +19,7 @@ import { useForm } from "../../composables/form.mjs";
19
19
  import { useLocale } from "../../composables/locale.mjs";
20
20
  import { useProxiedModel } from "../../composables/proxiedModel.mjs";
21
21
  import { useTextColor } from "../../composables/color.mjs"; // Utility
22
- import { computed, mergeProps, nextTick, ref, watch } from 'vue';
22
+ import { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue';
23
23
  import { genericComponent, omit, propsFactory, useRender, wrapInArray } from "../../util/index.mjs";
24
24
  import { makeVTextFieldProps } from "../VTextField/VTextField.mjs"; // Types
25
25
  function highlightResult(text, matches, length) {
@@ -69,8 +69,8 @@ export const VCombobox = genericComponent()({
69
69
  t
70
70
  } = useLocale();
71
71
  const vTextFieldRef = ref();
72
- const isFocused = ref(false);
73
- const isPristine = ref(true);
72
+ const isFocused = shallowRef(false);
73
+ const isPristine = shallowRef(true);
74
74
  const vMenuRef = ref();
75
75
  const _menu = useProxiedModel(props, 'menu');
76
76
  const menu = computed({
@@ -80,7 +80,7 @@ export const VCombobox = genericComponent()({
80
80
  _menu.value = v;
81
81
  }
82
82
  });
83
- const selectionIndex = ref(-1);
83
+ const selectionIndex = shallowRef(-1);
84
84
  let cleared = false;
85
85
  const color = computed(() => vTextFieldRef.value?.color);
86
86
  const {
@@ -97,7 +97,7 @@ export const VCombobox = genericComponent()({
97
97
  return props.multiple ? transformed : transformed[0] ?? null;
98
98
  });
99
99
  const form = useForm();
100
- const _search = ref(!props.multiple ? model.value[0]?.title ?? '' : '');
100
+ const _search = shallowRef(!props.multiple ? model.value[0]?.title ?? '' : '');
101
101
  const search = computed({
102
102
  get: () => {
103
103
  return _search.value;
@@ -1 +1 @@
1
- {"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","makeVComboboxProps","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","VCombobox","name","props","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","class","style","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","prependIcon","onChipClose","stopPropagation","slotProps","onMousedown","closableChips","closable","size","_createTextVNode"],"sources":["../../../src/components/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\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 { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { transformItem, useItems } from '@/composables/items'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n if (matches == null) return text\n\n if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n return typeof matches === 'number' && ~matches\n ? (\n <>\n <span class=\"v-combobox__unmask\">{ text.substr(0, matches) }</span>\n <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n <span class=\"v-combobox__unmask\">{ text.substr(matches + length) }</span>\n </>\n )\n : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = string | (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>\n\nexport const makeVComboboxProps = propsFactory({\n // TODO: implement post keyboard support\n // autoSelectFirst: Boolean,\n delimiters: Array as PropType<string[]>,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeSelectProps({ hideNoData: true, returnObject: true }),\n ...omit(makeVTextFieldProps({\n modelValue: null,\n }), ['validationValue', 'dirty', 'appendInnerIcon']),\n ...makeTransitionProps({ transition: false }),\n}, 'v-combobox')\n\nexport const VCombobox = genericComponent<new <\n T,\n ReturnObject extends boolean = true,\n Multiple extends boolean = false,\n V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>(props: {\n items?: readonly T[]\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: V\n 'onUpdate:modelValue'?: (val: V) => void\n}) => GenericProps<typeof props, Omit<VInputSlots & VFieldSlots, 'default'> & {\n item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n selection: [{ item: InternalItem<T>, index: number }]\n 'prepend-item': []\n 'append-item': []\n 'no-data': []\n}>>()({\n name: 'VCombobox',\n\n props: makeVComboboxProps(),\n\n emits: {\n 'update:focused': (focused: boolean) => true,\n 'update:modelValue': (val: any) => true,\n 'update:search': (val: string) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { emit, slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const isFocused = ref(false)\n const isPristine = ref(true)\n const vMenuRef = ref<VMenu>()\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) return\n _menu.value = v\n },\n })\n const selectionIndex = ref(-1)\n let cleared = false\n const color = computed(() => vTextFieldRef.value?.color)\n const { items, transformIn, transformOut } = useItems(props)\n const { textColorClasses, textColorStyles } = useTextColor(color)\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const form = useForm()\n const _search = ref(!props.multiple ? model.value[0]?.title ?? '' : '')\n const search = computed<string>({\n get: () => {\n return _search.value\n },\n set: val => {\n _search.value = val\n if (!props.multiple) {\n model.value = [transformItem(props, val)]\n }\n\n if (val && props.multiple && props.delimiters?.length) {\n const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n if (values.length > 1) {\n values.forEach(v => {\n v = v.trim()\n if (v) select(transformItem(props, v))\n })\n _search.value = ''\n }\n }\n\n if (!val) selectionIndex.value = -1\n\n isPristine.value = !val\n },\n })\n watch(_search, value => {\n if (cleared) {\n // wait for clear to finish, VTextField sets _search to null\n // then search computed triggers and updates _search to ''\n nextTick(() => (cleared = false))\n } else if (isFocused.value && !menu.value) {\n menu.value = true\n }\n\n emit('update:search', value)\n })\n watch(model, value => {\n if (!props.multiple) {\n _search.value = value[0]?.title ?? ''\n }\n })\n\n const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n })\n })\n\n const displayItems = computed(() => {\n if (props.hideSelected) {\n return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n }\n return filteredItems.value\n })\n\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n const selection = computed(() => selections.value[selectionIndex.value])\n const listRef = ref<VList>()\n\n function onClear (e: MouseEvent) {\n cleared = true\n\n if (props.openOnClear) {\n menu.value = true\n }\n }\n function onMousedownControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly || form?.isReadonly.value\n ) return\n\n menu.value = true\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly || form?.isReadonly.value) return\n\n const selectionStart = vTextFieldRef.value.selectionStart\n const length = selected.value.length\n\n if (\n selectionIndex.value > -1 ||\n ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n ) {\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 (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n isPristine.value = true\n }\n\n if (e.key === 'ArrowDown') {\n listRef.value?.focus('next')\n } else if (e.key === 'ArrowUp') {\n listRef.value?.focus('prev')\n }\n\n if (!props.multiple) return\n\n if (['Backspace', 'Delete'].includes(e.key)) {\n if (selectionIndex.value < 0) {\n if (e.key === 'Backspace' && !search.value) {\n selectionIndex.value = length - 1\n }\n\n return\n }\n\n const originalSelectionIndex = selectionIndex.value\n\n if (selection.value) select(selection.value)\n\n selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n }\n\n if (e.key === 'ArrowLeft') {\n if (selectionIndex.value < 0 && selectionStart > 0) return\n\n const prev = selectionIndex.value > -1\n ? selectionIndex.value - 1\n : length - 1\n\n if (selections.value[prev]) {\n selectionIndex.value = prev\n } else {\n selectionIndex.value = -1\n vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length)\n }\n }\n\n if (e.key === 'ArrowRight') {\n if (selectionIndex.value < 0) return\n\n const next = selectionIndex.value + 1\n\n if (selections.value[next]) {\n selectionIndex.value = next\n } else {\n selectionIndex.value = -1\n vTextFieldRef.value.setSelectionRange(0, 0)\n }\n }\n\n if (e.key === 'Enter' && search.value) {\n select(transformItem(props, search.value))\n search.value = ''\n }\n }\n function onAfterLeave () {\n if (isFocused.value) {\n isPristine.value = true\n vTextFieldRef.value?.focus()\n }\n }\n function select (item: InternalItem) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n if (index === -1) {\n model.value = [...model.value, item]\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n\n search.value = ''\n } else {\n model.value = [item]\n _search.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 function onFocusin (e: FocusEvent) {\n isFocused.value = true\n }\n\n watch(filteredItems, val => {\n if (!val.length && props.hideNoData) menu.value = false\n })\n\n watch(isFocused, val => {\n if (val) return\n\n selectionIndex.value = -1\n menu.value = false\n\n if (!props.multiple || !search.value) return\n\n model.value = [...model.value, transformItem(props, search.value)]\n search.value = ''\n })\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\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={ v => { if (v == null) model.value = [] } }\n v-model:focused={ isFocused.value }\n validationValue={ model.externalValue }\n dirty={ isDirty }\n class={[\n 'v-combobox',\n {\n 'v-combobox--active-menu': menu.value,\n 'v-combobox--chips': !!props.chips,\n 'v-combobox--selecting-index': selectionIndex.value > -1,\n [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\n },\n props.class,\n ]}\n style={ props.style }\n appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n readonly={ props.readonly }\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-combobox__content\"\n eager={ props.eager }\n maxHeight={ 310 }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n onAfterLeave={ onAfterLeave }\n { ...props.menuProps }\n >\n { hasList && (\n <VList\n ref={ listRef }\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n onFocusin={ onFocusin }\n >\n { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n ))}\n\n { slots['prepend-item']?.() }\n\n { displayItems.value.map(item => slots.item?.({\n item,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n }) ?? (\n <VListItem\n key={ item.value }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => (\n <>\n { props.multiple && !props.hideSelected ? (\n <VCheckboxBtn\n modelValue={ isSelected }\n ripple={ false }\n tabindex=\"-1\"\n />\n ) : undefined }\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(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n },\n }}\n </VListItem>\n ))}\n\n { slots['append-item']?.() }\n </VList>\n )}\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n onMousedown (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n },\n modelValue: true,\n 'onUpdate:modelValue': undefined,\n }\n\n return (\n <div\n key={ item.value }\n class={[\n 'v-combobox__selection',\n index === selectionIndex.value && [\n 'v-combobox__selection--selected',\n textColorClasses.value,\n ],\n ]}\n style={ index === selectionIndex.value ? textColorStyles.value : {} }\n >\n { hasChips ? (\n !slots.chip ? (\n <VChip\n key=\"chip\"\n closable={ props.closableChips }\n size=\"small\"\n text={ item.title }\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 { slots.chip?.({ item, index, props: slotProps }) }\n </VDefaultsProvider>\n )\n ) : (\n slots.selection?.({ item, index }) ?? (\n <span class=\"v-combobox__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-combobox__selection-comma\">,</span>\n )}\n </span>\n )\n )}\n </div>\n )\n })}\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n isFocused,\n isPristine,\n menu,\n search,\n selectionIndex,\n filteredItems,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}
1
+ {"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VIcon","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","shallowRef","watch","genericComponent","omit","propsFactory","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","makeVComboboxProps","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","VCombobox","name","props","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","class","style","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","prependIcon","onChipClose","stopPropagation","slotProps","onMousedown","closableChips","closable","size","_createTextVNode"],"sources":["../../../src/components/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\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 { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { transformItem, useItems } from '@/composables/items'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, shallowRef, watch } from 'vue'\nimport { genericComponent, omit, propsFactory, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n if (matches == null) return text\n\n if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n return typeof matches === 'number' && ~matches\n ? (\n <>\n <span class=\"v-combobox__unmask\">{ text.substr(0, matches) }</span>\n <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n <span class=\"v-combobox__unmask\">{ text.substr(matches + length) }</span>\n </>\n )\n : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = string | (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 makeVComboboxProps = propsFactory({\n // TODO: implement post keyboard support\n // autoSelectFirst: Boolean,\n delimiters: Array as PropType<string[]>,\n\n ...makeFilterProps({ filterKeys: ['title'] }),\n ...makeSelectProps({ hideNoData: true, returnObject: true }),\n ...omit(makeVTextFieldProps({\n modelValue: null,\n }), ['validationValue', 'dirty', 'appendInnerIcon']),\n ...makeTransitionProps({ transition: false }),\n}, 'v-combobox')\n\nexport const VCombobox = genericComponent<new <\n T extends readonly any[],\n Item = T extends (infer U)[] ? U : never,\n ReturnObject extends boolean = true,\n Multiple extends boolean = false,\n V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>\n>(props: {\n items?: T\n returnObject?: ReturnObject\n multiple?: Multiple\n modelValue?: V | null\n 'onUpdate:modelValue'?: (val: V) => void\n}) => GenericProps<typeof props, Omit<VInputSlots & VFieldSlots, 'default'> & {\n item: [{ item: InternalItem<Item>, index: number, props: Record<string, unknown> }]\n chip: [{ item: InternalItem<Item>, index: number, props: Record<string, unknown> }]\n selection: [{ item: InternalItem<Item>, index: number }]\n 'prepend-item': []\n 'append-item': []\n 'no-data': []\n}>>()({\n name: 'VCombobox',\n\n props: makeVComboboxProps(),\n\n emits: {\n 'update:focused': (focused: boolean) => true,\n 'update:modelValue': (val: any) => true,\n 'update:search': (val: string) => true,\n 'update:menu': (val: boolean) => true,\n },\n\n setup (props, { emit, slots }) {\n const { t } = useLocale()\n const vTextFieldRef = ref()\n const isFocused = shallowRef(false)\n const isPristine = shallowRef(true)\n const vMenuRef = ref<VMenu>()\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) return\n _menu.value = v\n },\n })\n const selectionIndex = shallowRef(-1)\n let cleared = false\n const color = computed(() => vTextFieldRef.value?.color)\n const { items, transformIn, transformOut } = useItems(props)\n const { textColorClasses, textColorStyles } = useTextColor(color)\n const model = useProxiedModel(\n props,\n 'modelValue',\n [],\n v => transformIn(wrapInArray(v)),\n v => {\n const transformed = transformOut(v)\n return props.multiple ? transformed : (transformed[0] ?? null)\n }\n )\n const form = useForm()\n const _search = shallowRef(!props.multiple ? model.value[0]?.title ?? '' : '')\n const search = computed<string>({\n get: () => {\n return _search.value\n },\n set: val => {\n _search.value = val\n if (!props.multiple) {\n model.value = [transformItem(props, val)]\n }\n\n if (val && props.multiple && props.delimiters?.length) {\n const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n if (values.length > 1) {\n values.forEach(v => {\n v = v.trim()\n if (v) select(transformItem(props, v))\n })\n _search.value = ''\n }\n }\n\n if (!val) selectionIndex.value = -1\n\n isPristine.value = !val\n },\n })\n watch(_search, value => {\n if (cleared) {\n // wait for clear to finish, VTextField sets _search to null\n // then search computed triggers and updates _search to ''\n nextTick(() => (cleared = false))\n } else if (isFocused.value && !menu.value) {\n menu.value = true\n }\n\n emit('update:search', value)\n })\n watch(model, value => {\n if (!props.multiple) {\n _search.value = value[0]?.title ?? ''\n }\n })\n\n const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\n const selections = computed(() => {\n return model.value.map(v => {\n return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n })\n })\n\n const displayItems = computed(() => {\n if (props.hideSelected) {\n return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n }\n return filteredItems.value\n })\n\n const selected = computed(() => selections.value.map(selection => selection.props.value))\n const selection = computed(() => selections.value[selectionIndex.value])\n const listRef = ref<VList>()\n\n function onClear (e: MouseEvent) {\n cleared = true\n\n if (props.openOnClear) {\n menu.value = true\n }\n }\n function onMousedownControl () {\n if (\n (props.hideNoData && !items.value.length) ||\n props.readonly || form?.isReadonly.value\n ) return\n\n menu.value = true\n }\n function onKeydown (e: KeyboardEvent) {\n if (props.readonly || form?.isReadonly.value) return\n\n const selectionStart = vTextFieldRef.value.selectionStart\n const length = selected.value.length\n\n if (\n selectionIndex.value > -1 ||\n ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n ) {\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 (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n isPristine.value = true\n }\n\n if (e.key === 'ArrowDown') {\n listRef.value?.focus('next')\n } else if (e.key === 'ArrowUp') {\n listRef.value?.focus('prev')\n }\n\n if (!props.multiple) return\n\n if (['Backspace', 'Delete'].includes(e.key)) {\n if (selectionIndex.value < 0) {\n if (e.key === 'Backspace' && !search.value) {\n selectionIndex.value = length - 1\n }\n\n return\n }\n\n const originalSelectionIndex = selectionIndex.value\n\n if (selection.value) select(selection.value)\n\n selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n }\n\n if (e.key === 'ArrowLeft') {\n if (selectionIndex.value < 0 && selectionStart > 0) return\n\n const prev = selectionIndex.value > -1\n ? selectionIndex.value - 1\n : length - 1\n\n if (selections.value[prev]) {\n selectionIndex.value = prev\n } else {\n selectionIndex.value = -1\n vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length)\n }\n }\n\n if (e.key === 'ArrowRight') {\n if (selectionIndex.value < 0) return\n\n const next = selectionIndex.value + 1\n\n if (selections.value[next]) {\n selectionIndex.value = next\n } else {\n selectionIndex.value = -1\n vTextFieldRef.value.setSelectionRange(0, 0)\n }\n }\n\n if (e.key === 'Enter' && search.value) {\n select(transformItem(props, search.value))\n search.value = ''\n }\n }\n function onAfterLeave () {\n if (isFocused.value) {\n isPristine.value = true\n vTextFieldRef.value?.focus()\n }\n }\n function select (item: InternalItem) {\n if (props.multiple) {\n const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n if (index === -1) {\n model.value = [...model.value, item]\n } else {\n const value = [...model.value]\n value.splice(index, 1)\n model.value = value\n }\n\n search.value = ''\n } else {\n model.value = [item]\n _search.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 function onFocusin (e: FocusEvent) {\n isFocused.value = true\n }\n\n watch(filteredItems, val => {\n if (!val.length && props.hideNoData) menu.value = false\n })\n\n watch(isFocused, val => {\n if (val) return\n\n selectionIndex.value = -1\n menu.value = false\n\n if (!props.multiple || !search.value) return\n\n model.value = [...model.value, transformItem(props, search.value)]\n search.value = ''\n })\n\n useRender(() => {\n const hasChips = !!(props.chips || slots.chip)\n const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\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={ v => { if (v == null) model.value = [] } }\n v-model:focused={ isFocused.value }\n validationValue={ model.externalValue }\n dirty={ isDirty }\n class={[\n 'v-combobox',\n {\n 'v-combobox--active-menu': menu.value,\n 'v-combobox--chips': !!props.chips,\n 'v-combobox--selecting-index': selectionIndex.value > -1,\n [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\n },\n props.class,\n ]}\n style={ props.style }\n appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n readonly={ props.readonly }\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-combobox__content\"\n eager={ props.eager }\n maxHeight={ 310 }\n openOnClick={ false }\n closeOnContentClick={ false }\n transition={ props.transition }\n onAfterLeave={ onAfterLeave }\n { ...props.menuProps }\n >\n { hasList && (\n <VList\n ref={ listRef }\n selected={ selected.value }\n selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n onMousedown={ (e: MouseEvent) => e.preventDefault() }\n onFocusin={ onFocusin }\n >\n { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n <VListItem title={ t(props.noDataText) } />\n ))}\n\n { slots['prepend-item']?.() }\n\n { displayItems.value.map(item => slots.item?.({\n item,\n props: mergeProps(item.props, { onClick: () => select(item) }),\n }) ?? (\n <VListItem\n key={ item.value }\n { ...item.props }\n onClick={ () => select(item) }\n >\n {{\n prepend: ({ isSelected }) => (\n <>\n { props.multiple && !props.hideSelected ? (\n <VCheckboxBtn\n modelValue={ isSelected }\n ripple={ false }\n tabindex=\"-1\"\n />\n ) : undefined }\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(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n },\n }}\n </VListItem>\n ))}\n\n { slots['append-item']?.() }\n </VList>\n )}\n </VMenu>\n\n { selections.value.map((item, index) => {\n function onChipClose (e: Event) {\n e.stopPropagation()\n e.preventDefault()\n\n select(item)\n }\n\n const slotProps = {\n 'onClick:close': onChipClose,\n onMousedown (e: MouseEvent) {\n e.preventDefault()\n e.stopPropagation()\n },\n modelValue: true,\n 'onUpdate:modelValue': undefined,\n }\n\n return (\n <div\n key={ item.value }\n class={[\n 'v-combobox__selection',\n index === selectionIndex.value && [\n 'v-combobox__selection--selected',\n textColorClasses.value,\n ],\n ]}\n style={ index === selectionIndex.value ? textColorStyles.value : {} }\n >\n { hasChips ? (\n !slots.chip ? (\n <VChip\n key=\"chip\"\n closable={ props.closableChips }\n size=\"small\"\n text={ item.title }\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 { slots.chip?.({ item, index, props: slotProps }) }\n </VDefaultsProvider>\n )\n ) : (\n slots.selection?.({ item, index }) ?? (\n <span class=\"v-combobox__selection-text\">\n { item.title }\n { props.multiple && (index < selections.value.length - 1) && (\n <span class=\"v-combobox__selection-comma\">,</span>\n )}\n </span>\n )\n )}\n </div>\n )\n })}\n </>\n ),\n }}\n </VTextField>\n )\n })\n\n return forwardRefs({\n isFocused,\n isPristine,\n menu,\n search,\n selectionIndex,\n filteredItems,\n select,\n }, vTextFieldRef)\n },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}
@@ -187,7 +187,7 @@ type VFieldSlots = {
187
187
 
188
188
  type Primitive = string | number | boolean | symbol;
189
189
  type Val<T, ReturnObject extends boolean> = string | (T extends Primitive ? T : (ReturnObject extends true ? T : any));
190
- type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject>;
190
+ type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject> | null;
191
191
  declare const VCombobox: {
192
192
  new (...args: any[]): {
193
193
  $: vue.ComponentInternalInstance;
@@ -1498,31 +1498,31 @@ declare const VCombobox: {
1498
1498
  filterMode: FilterMode;
1499
1499
  noFilter: boolean;
1500
1500
  filterKeys: NonNullable<FilterKeys>;
1501
- }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value<T_1, ReturnObject, Multiple> = Value<T_1, ReturnObject, Multiple>>(props: {
1502
- items?: readonly T_1[] | undefined;
1501
+ }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends readonly any[], Item = T_1 extends (infer U)[] ? U : never, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>>(props: {
1502
+ items?: T_1 | undefined;
1503
1503
  returnObject?: ReturnObject | undefined;
1504
1504
  multiple?: Multiple | undefined;
1505
- modelValue?: V | undefined;
1505
+ modelValue?: V | null | undefined;
1506
1506
  'onUpdate:modelValue'?: ((val: V) => void) | undefined;
1507
1507
  }) => GenericProps<{
1508
- items?: readonly T_1[] | undefined;
1508
+ items?: T_1 | undefined;
1509
1509
  returnObject?: ReturnObject | undefined;
1510
1510
  multiple?: Multiple | undefined;
1511
- modelValue?: V | undefined;
1511
+ modelValue?: V | null | undefined;
1512
1512
  'onUpdate:modelValue'?: ((val: V) => void) | undefined;
1513
1513
  }, Omit<VInputSlots & VFieldSlots, "default"> & {
1514
1514
  item: [{
1515
- item: InternalItem<T_1>;
1515
+ item: InternalItem<Item>;
1516
1516
  index: number;
1517
1517
  props: Record<string, unknown>;
1518
1518
  }];
1519
1519
  chip: [{
1520
- item: InternalItem<T_1>;
1520
+ item: InternalItem<Item>;
1521
1521
  index: number;
1522
1522
  props: Record<string, unknown>;
1523
1523
  }];
1524
1524
  selection: [{
1525
- item: InternalItem<T_1>;
1525
+ item: InternalItem<Item>;
1526
1526
  index: number;
1527
1527
  }];
1528
1528
  'prepend-item': [];
@@ -12,7 +12,7 @@ import { makeTagProps } from "../../composables/tag.mjs";
12
12
  import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
13
13
  import { useBackgroundColor } from "../../composables/color.mjs";
14
14
  import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
15
- import { computed, ref, toRef } from 'vue';
15
+ import { computed, shallowRef, toRef } from 'vue';
16
16
  import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
17
17
  export const makeVFooterProps = propsFactory({
18
18
  app: Boolean,
@@ -54,7 +54,7 @@ export const VFooter = genericComponent()({
54
54
  const {
55
55
  roundedClasses
56
56
  } = useRounded(props);
57
- const autoHeight = ref(32);
57
+ const autoHeight = shallowRef(32);
58
58
  const {
59
59
  resizeRef
60
60
  } = useResizeObserver(entries => {
@@ -1 +1 @@
1
- {"version":3,"file":"VFooter.mjs","names":["makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useResizeObserver","computed","ref","toRef","genericComponent","propsFactory","useRender","makeVFooterProps","app","Boolean","color","String","height","type","Number","default","tag","VFooter","name","props","setup","_ref","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","autoHeight","resizeRef","entries","length","value","target","clientHeight","parseInt","layoutItemStyles","id","order","position","layoutSize","elementSize","undefined","active","absolute","_createVNode","class","style"],"sources":["../../../src/components/VFooter/VFooter.tsx"],"sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVFooterProps = propsFactory({\n app: Boolean,\n color: String,\n height: {\n type: [Number, String],\n default: 'auto',\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeLayoutItemProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'footer' }),\n ...makeThemeProps(),\n}, 'v-footer')\n\nexport const VFooter = genericComponent()({\n name: 'VFooter',\n\n props: makeVFooterProps(),\n\n setup (props, { slots }) {\n const { themeClasses } = provideTheme(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n\n const autoHeight = ref(32)\n const { resizeRef } = useResizeObserver(entries => {\n if (!entries.length) return\n autoHeight.value = entries[0].target.clientHeight\n })\n const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10))\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: computed(() => 'bottom'),\n layoutSize: height,\n elementSize: computed(() => props.height === 'auto' ? undefined : height.value),\n active: computed(() => props.app),\n absolute: toRef(props, 'absolute'),\n })\n\n useRender(() => (\n <props.tag\n ref={ resizeRef }\n class={[\n 'v-footer',\n themeClasses.value,\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.app ? layoutItemStyles.value : undefined,\n props.style,\n ]}\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VFooter = InstanceType<typeof VFooter>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB;AAAA,SAClBC,iBAAiB,gDAE1B;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,GAAG,EAAEC,OAAO;EACZC,KAAK,EAAEC,MAAM;EACbC,MAAM,EAAE;IACNC,IAAI,EAAE,CAACC,MAAM,EAAEH,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EAED,GAAG5B,eAAe,EAAE;EACpB,GAAGE,kBAAkB,EAAE;EACvB,GAAGC,kBAAkB,EAAE;EACvB,GAAGE,mBAAmB,EAAE;EACxB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,CAAC;IAAEoB,GAAG,EAAE;EAAS,CAAC,CAAC;EAClC,GAAGnB,cAAc;AACnB,CAAC,EAAE,UAAU,CAAC;AAEd,OAAO,MAAMoB,OAAO,GAAGb,gBAAgB,EAAE,CAAC;EACxCc,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEZ,gBAAgB,EAAE;EAEzBa,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGzB,YAAY,CAACqB,KAAK,CAAC;IAC5C,MAAM;MAAEK,sBAAsB;MAAEC;IAAsB,CAAC,GAAG1B,kBAAkB,CAACI,KAAK,CAACgB,KAAK,EAAE,OAAO,CAAC,CAAC;IACnG,MAAM;MAAEO;IAAc,CAAC,GAAGtC,SAAS,CAAC+B,KAAK,CAAC;IAC1C,MAAM;MAAEQ;IAAiB,CAAC,GAAGpC,YAAY,CAAC4B,KAAK,CAAC;IAChD,MAAM;MAAES;IAAe,CAAC,GAAGjC,UAAU,CAACwB,KAAK,CAAC;IAE5C,MAAMU,UAAU,GAAG3B,GAAG,CAAC,EAAE,CAAC;IAC1B,MAAM;MAAE4B;IAAU,CAAC,GAAG9B,iBAAiB,CAAC+B,OAAO,IAAI;MACjD,IAAI,CAACA,OAAO,CAACC,MAAM,EAAE;MACrBH,UAAU,CAACI,KAAK,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACG,MAAM,CAACC,YAAY;IACnD,CAAC,CAAC;IACF,MAAMvB,MAAM,GAAGX,QAAQ,CAAC,MAAMkB,KAAK,CAACP,MAAM,KAAK,MAAM,GAAGiB,UAAU,CAACI,KAAK,GAAGG,QAAQ,CAACjB,KAAK,CAACP,MAAM,EAAE,EAAE,CAAC,CAAC;IACtG,MAAM;MAAEyB;IAAiB,CAAC,GAAG5C,aAAa,CAAC;MACzC6C,EAAE,EAAEnB,KAAK,CAACD,IAAI;MACdqB,KAAK,EAAEtC,QAAQ,CAAC,MAAMmC,QAAQ,CAACjB,KAAK,CAACoB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDC,QAAQ,EAAEvC,QAAQ,CAAC,MAAM,QAAQ,CAAC;MAClCwC,UAAU,EAAE7B,MAAM;MAClB8B,WAAW,EAAEzC,QAAQ,CAAC,MAAMkB,KAAK,CAACP,MAAM,KAAK,MAAM,GAAG+B,SAAS,GAAG/B,MAAM,CAACqB,KAAK,CAAC;MAC/EW,MAAM,EAAE3C,QAAQ,CAAC,MAAMkB,KAAK,CAACX,GAAG,CAAC;MACjCqC,QAAQ,EAAE1C,KAAK,CAACgB,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFb,SAAS,CAAC,MAAAwC,YAAA,CAAA3B,KAAA,CAAAH,GAAA;MAAA,OAEAc,SAAS;MAAA,SACR,CACL,UAAU,EACVP,YAAY,CAACU,KAAK,EAClBT,sBAAsB,CAACS,KAAK,EAC5BP,aAAa,CAACO,KAAK,EACnBN,gBAAgB,CAACM,KAAK,EACtBL,cAAc,CAACK,KAAK,EACpBd,KAAK,CAAC4B,KAAK,CACZ;MAAA,SACM,CACLtB,qBAAqB,CAACQ,KAAK,EAC3Bd,KAAK,CAACX,GAAG,GAAG6B,gBAAgB,CAACJ,KAAK,GAAGU,SAAS,EAC9CxB,KAAK,CAAC6B,KAAK;IACZ,GACS1B,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
1
+ {"version":3,"file":"VFooter.mjs","names":["makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useResizeObserver","computed","shallowRef","toRef","genericComponent","propsFactory","useRender","makeVFooterProps","app","Boolean","color","String","height","type","Number","default","tag","VFooter","name","props","setup","_ref","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","autoHeight","resizeRef","entries","length","value","target","clientHeight","parseInt","layoutItemStyles","id","order","position","layoutSize","elementSize","undefined","active","absolute","_createVNode","class","style"],"sources":["../../../src/components/VFooter/VFooter.tsx"],"sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, shallowRef, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVFooterProps = propsFactory({\n app: Boolean,\n color: String,\n height: {\n type: [Number, String],\n default: 'auto',\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeLayoutItemProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'footer' }),\n ...makeThemeProps(),\n}, 'v-footer')\n\nexport const VFooter = genericComponent()({\n name: 'VFooter',\n\n props: makeVFooterProps(),\n\n setup (props, { slots }) {\n const { themeClasses } = provideTheme(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n\n const autoHeight = shallowRef(32)\n const { resizeRef } = useResizeObserver(entries => {\n if (!entries.length) return\n autoHeight.value = entries[0].target.clientHeight\n })\n const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10))\n const { layoutItemStyles } = useLayoutItem({\n id: props.name,\n order: computed(() => parseInt(props.order, 10)),\n position: computed(() => 'bottom'),\n layoutSize: height,\n elementSize: computed(() => props.height === 'auto' ? undefined : height.value),\n active: computed(() => props.app),\n absolute: toRef(props, 'absolute'),\n })\n\n useRender(() => (\n <props.tag\n ref={ resizeRef }\n class={[\n 'v-footer',\n themeClasses.value,\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.app ? layoutItemStyles.value : undefined,\n props.style,\n ]}\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VFooter = InstanceType<typeof VFooter>\n"],"mappings":"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"}
@@ -90,7 +90,7 @@ declare const VForm: {
90
90
  }[]>;
91
91
  isDisabled: vue.ComputedRef<boolean>;
92
92
  isReadonly: vue.ComputedRef<boolean>;
93
- isValidating: vue.Ref<boolean>;
93
+ isValidating: vue.ShallowRef<boolean>;
94
94
  items: vue.Ref<{
95
95
  id: string | number;
96
96
  validate: () => Promise<string[]>;
@@ -166,7 +166,7 @@ declare const VForm: {
166
166
  }[]>;
167
167
  isDisabled: vue.ComputedRef<boolean>;
168
168
  isReadonly: vue.ComputedRef<boolean>;
169
- isValidating: vue.Ref<boolean>;
169
+ isValidating: vue.ShallowRef<boolean>;
170
170
  items: vue.Ref<{
171
171
  id: string | number;
172
172
  validate: () => Promise<string[]>;
@@ -216,7 +216,7 @@ declare const VForm: {
216
216
  }[]>;
217
217
  isDisabled: vue.ComputedRef<boolean>;
218
218
  isReadonly: vue.ComputedRef<boolean>;
219
- isValidating: vue.Ref<boolean>;
219
+ isValidating: vue.ShallowRef<boolean>;
220
220
  items: vue.Ref<{
221
221
  id: string | number;
222
222
  validate: () => Promise<string[]>;
@@ -6,7 +6,7 @@ import { VResponsive } from "../VResponsive/index.mjs"; // Directives
6
6
  import intersect from "../../directives/intersect/index.mjs"; // Composables
7
7
  import { makeComponentProps } from "../../composables/component.mjs";
8
8
  import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
9
- import { computed, nextTick, onBeforeMount, ref, vShow, watch, withDirectives } from 'vue';
9
+ import { computed, nextTick, onBeforeMount, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
10
10
  import { convertToUnit, genericComponent, propsFactory, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
11
11
  export const makeVImgProps = propsFactory({
12
12
  aspectRatio: [String, Number],
@@ -51,11 +51,11 @@ export const VImg = genericComponent()({
51
51
  emit,
52
52
  slots
53
53
  } = _ref;
54
- const currentSrc = ref(''); // Set from srcset
54
+ const currentSrc = shallowRef(''); // Set from srcset
55
55
  const image = ref();
56
- const state = ref(props.eager ? 'loading' : 'idle');
57
- const naturalWidth = ref();
58
- const naturalHeight = ref();
56
+ const state = shallowRef(props.eager ? 'loading' : 'idle');
57
+ const naturalWidth = shallowRef();
58
+ const naturalHeight = shallowRef();
59
59
  const normalisedSrc = computed(() => {
60
60
  return props.src && typeof props.src === 'object' ? {
61
61
  src: props.src.src,
@@ -209,7 +209,7 @@ export const VImg = genericComponent()({
209
209
  }
210
210
  }, null);
211
211
  };
212
- const isBooted = ref(false);
212
+ const isBooted = shallowRef(false);
213
213
  {
214
214
  const stop = watch(aspectRatio, val => {
215
215
  if (val) {
@@ -1 +1 @@
1
- {"version":3,"file":"VImg.mjs","names":["VResponsive","intersect","makeComponentProps","makeTransitionProps","MaybeTransition","computed","nextTick","onBeforeMount","ref","vShow","watch","withDirectives","convertToUnit","genericComponent","propsFactory","SUPPORTS_INTERSECTION","useRender","makeVImgProps","aspectRatio","String","Number","alt","cover","Boolean","eager","gradient","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","sizes","src","srcset","width","VImg","name","directives","props","emits","loadstart","value","load","error","setup","_ref","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","init","val","oldVal","pollForSize","isIntersecting","lazyImg","Image","complete","onError","onLoad","getSrc","img","timer","timeout","arguments","length","poll","clearTimeout","imgHeight","imgWidth","window","setTimeout","endsWith","startsWith","containClasses","__image","_createVNode","sources","transition","__preloadImage","__placeholder","placeholder","__error","__gradient","backgroundImage","isBooted","stop","requestAnimationFrame","_withDirectives","class","style","additional","_Fragment","_resolveDirective","handler","once"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n computed,\n nextTick,\n onBeforeMount,\n ref,\n vShow,\n watch,\n withDirectives,\n} from 'vue'\nimport {\n convertToUnit,\n genericComponent,\n propsFactory,\n SUPPORTS_INTERSECTION,\n useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n src?: string\n srcset?: string\n lazySrc?: string\n aspect: number\n}\n\nexport type VImgSlots = {\n default: []\n placeholder: []\n error: []\n sources: []\n}\n\nexport const makeVImgProps = propsFactory({\n aspectRatio: [String, Number],\n alt: String,\n cover: Boolean,\n eager: Boolean,\n gradient: String,\n lazySrc: String,\n options: {\n type: Object as PropType<IntersectionObserverInit>,\n // For more information on types, navigate to:\n // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n default: () => ({\n root: undefined,\n rootMargin: undefined,\n threshold: undefined,\n }),\n },\n sizes: String,\n src: {\n type: [String, Object] as PropType<string | srcObject>,\n default: '',\n },\n srcset: String,\n width: [String, Number],\n\n ...makeComponentProps(),\n ...makeTransitionProps(),\n}, 'v-img')\n\nexport const VImg = genericComponent<VImgSlots>()({\n name: 'VImg',\n\n directives: { intersect },\n\n props: makeVImgProps(),\n\n emits: {\n loadstart: (value: string | undefined) => true,\n load: (value: string | undefined) => true,\n error: (value: string | undefined) => true,\n },\n\n setup (props, { emit, slots }) {\n const currentSrc = ref('') // Set from srcset\n const image = ref<HTMLImageElement>()\n const state = ref<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n const naturalWidth = ref<number>()\n const naturalHeight = ref<number>()\n\n const normalisedSrc = computed<srcObject>(() => {\n return props.src && typeof props.src === 'object'\n ? {\n src: props.src.src,\n srcset: props.srcset || props.src.srcset,\n lazySrc: props.lazySrc || props.src.lazySrc,\n aspect: Number(props.aspectRatio || props.src.aspect || 0),\n } : {\n src: props.src,\n srcset: props.srcset,\n lazySrc: props.lazySrc,\n aspect: Number(props.aspectRatio || 0),\n }\n })\n const aspectRatio = computed(() => {\n return normalisedSrc.value.aspect || naturalWidth.value! / naturalHeight.value! || 0\n })\n\n watch(() => props.src, () => {\n init(state.value !== 'idle')\n })\n watch(aspectRatio, (val, oldVal) => {\n if (!val && oldVal && image.value) {\n pollForSize(image.value)\n }\n })\n\n // TODO: getSrc when window width changes\n\n onBeforeMount(() => init())\n\n function init (isIntersecting?: boolean) {\n if (props.eager && isIntersecting) return\n if (\n SUPPORTS_INTERSECTION &&\n !isIntersecting &&\n !props.eager\n ) return\n\n state.value = 'loading'\n\n if (normalisedSrc.value.lazySrc) {\n const lazyImg = new Image()\n lazyImg.src = normalisedSrc.value.lazySrc\n pollForSize(lazyImg, null)\n }\n\n if (!normalisedSrc.value.src) return\n\n nextTick(() => {\n emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n if (image.value?.complete) {\n if (!image.value.naturalWidth) {\n onError()\n }\n\n if (state.value === 'error') return\n\n if (!aspectRatio.value) pollForSize(image.value, null)\n onLoad()\n } else {\n if (!aspectRatio.value) pollForSize(image.value!)\n getSrc()\n }\n })\n }\n\n function onLoad () {\n getSrc()\n state.value = 'loaded'\n emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function onError () {\n state.value = 'error'\n emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function getSrc () {\n const img = image.value\n if (img) currentSrc.value = img.currentSrc || img.src\n }\n\n let timer = -1\n function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n const poll = () => {\n clearTimeout(timer)\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img\n\n if (imgHeight || imgWidth) {\n naturalWidth.value = imgWidth\n naturalHeight.value = imgHeight\n } else if (!img.complete && state.value === 'loading' && timeout != null) {\n timer = window.setTimeout(poll, timeout)\n } else if (img.currentSrc.endsWith('.svg') || img.currentSrc.startsWith('data:image/svg+xml')) {\n naturalWidth.value = 1\n naturalHeight.value = 1\n }\n }\n\n poll()\n }\n\n const containClasses = computed(() => ({\n 'v-img__img--cover': props.cover,\n 'v-img__img--contain': !props.cover,\n }))\n\n const __image = () => {\n if (!normalisedSrc.value.src || state.value === 'idle') return null\n\n const img = (\n <img\n class={['v-img__img', containClasses.value]}\n src={ normalisedSrc.value.src }\n srcset={ normalisedSrc.value.srcset }\n alt={ props.alt }\n sizes={ props.sizes }\n ref={ image }\n onLoad={ onLoad }\n onError={ onError }\n />\n )\n\n const sources = slots.sources?.()\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n {\n withDirectives(\n sources\n ? <picture class=\"v-img__picture\">{ sources }{ img }</picture>\n : img,\n [[vShow, state.value === 'loaded']]\n )\n }\n </MaybeTransition>\n )\n }\n\n const __preloadImage = () => (\n <MaybeTransition transition={ props.transition }>\n { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n <img\n class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n src={ normalisedSrc.value.lazySrc }\n alt={ props.alt }\n />\n )}\n </MaybeTransition>\n )\n\n const __placeholder = () => {\n if (!slots.placeholder) return null\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n { (state.value === 'loading' || (state.value === 'error' && !slots.error)) &&\n <div class=\"v-img__placeholder\">{ slots.placeholder() }</div>\n }\n </MaybeTransition>\n )\n }\n\n const __error = () => {\n if (!slots.error) return null\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n { state.value === 'error' &&\n <div class=\"v-img__error\">{ slots.error() }</div>\n }\n </MaybeTransition>\n )\n }\n\n const __gradient = () => {\n if (!props.gradient) return null\n\n return <div class=\"v-img__gradient\" style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />\n }\n\n const isBooted = ref(false)\n {\n const stop = watch(aspectRatio, val => {\n if (val) {\n // Doesn't work with nextTick, idk why\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n isBooted.value = true\n })\n })\n stop()\n }\n })\n }\n\n useRender(() => (\n <VResponsive\n class={[\n 'v-img',\n { 'v-img--booting': !isBooted.value },\n props.class,\n ]}\n style={[\n { width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) },\n props.style,\n ]}\n aspectRatio={ aspectRatio.value }\n aria-label={ props.alt }\n role={ props.alt ? 'img' : undefined }\n v-intersect={[{\n handler: init,\n options: props.options,\n }, null, ['once']]}\n >{{\n additional: () => (\n <>\n <__image />\n <__preloadImage />\n <__gradient />\n <__placeholder />\n <__error />\n </>\n ),\n default: slots.default,\n }}</VResponsive>\n ))\n\n return {\n currentSrc,\n image,\n state,\n naturalWidth,\n naturalHeight,\n }\n },\n})\n\nexport type VImg = InstanceType<typeof VImg>\n"],"mappings":"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"}
1
+ {"version":3,"file":"VImg.mjs","names":["VResponsive","intersect","makeComponentProps","makeTransitionProps","MaybeTransition","computed","nextTick","onBeforeMount","ref","shallowRef","vShow","watch","withDirectives","convertToUnit","genericComponent","propsFactory","SUPPORTS_INTERSECTION","useRender","makeVImgProps","aspectRatio","String","Number","alt","cover","Boolean","eager","gradient","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","sizes","src","srcset","width","VImg","name","directives","props","emits","loadstart","value","load","error","setup","_ref","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","init","val","oldVal","pollForSize","isIntersecting","lazyImg","Image","complete","onError","onLoad","getSrc","img","timer","timeout","arguments","length","poll","clearTimeout","imgHeight","imgWidth","window","setTimeout","endsWith","startsWith","containClasses","__image","_createVNode","sources","transition","__preloadImage","__placeholder","placeholder","__error","__gradient","backgroundImage","isBooted","stop","requestAnimationFrame","_withDirectives","class","style","additional","_Fragment","_resolveDirective","handler","once"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n computed,\n nextTick,\n onBeforeMount,\n ref,\n shallowRef,\n vShow,\n watch,\n withDirectives,\n} from 'vue'\nimport {\n convertToUnit,\n genericComponent,\n propsFactory,\n SUPPORTS_INTERSECTION,\n useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n src?: string\n srcset?: string\n lazySrc?: string\n aspect: number\n}\n\nexport type VImgSlots = {\n default: []\n placeholder: []\n error: []\n sources: []\n}\n\nexport const makeVImgProps = propsFactory({\n aspectRatio: [String, Number],\n alt: String,\n cover: Boolean,\n eager: Boolean,\n gradient: String,\n lazySrc: String,\n options: {\n type: Object as PropType<IntersectionObserverInit>,\n // For more information on types, navigate to:\n // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n default: () => ({\n root: undefined,\n rootMargin: undefined,\n threshold: undefined,\n }),\n },\n sizes: String,\n src: {\n type: [String, Object] as PropType<string | srcObject>,\n default: '',\n },\n srcset: String,\n width: [String, Number],\n\n ...makeComponentProps(),\n ...makeTransitionProps(),\n}, 'v-img')\n\nexport const VImg = genericComponent<VImgSlots>()({\n name: 'VImg',\n\n directives: { intersect },\n\n props: makeVImgProps(),\n\n emits: {\n loadstart: (value: string | undefined) => true,\n load: (value: string | undefined) => true,\n error: (value: string | undefined) => true,\n },\n\n setup (props, { emit, slots }) {\n const currentSrc = shallowRef('') // Set from srcset\n const image = ref<HTMLImageElement>()\n const state = shallowRef<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n const naturalWidth = shallowRef<number>()\n const naturalHeight = shallowRef<number>()\n\n const normalisedSrc = computed<srcObject>(() => {\n return props.src && typeof props.src === 'object'\n ? {\n src: props.src.src,\n srcset: props.srcset || props.src.srcset,\n lazySrc: props.lazySrc || props.src.lazySrc,\n aspect: Number(props.aspectRatio || props.src.aspect || 0),\n } : {\n src: props.src,\n srcset: props.srcset,\n lazySrc: props.lazySrc,\n aspect: Number(props.aspectRatio || 0),\n }\n })\n const aspectRatio = computed(() => {\n return normalisedSrc.value.aspect || naturalWidth.value! / naturalHeight.value! || 0\n })\n\n watch(() => props.src, () => {\n init(state.value !== 'idle')\n })\n watch(aspectRatio, (val, oldVal) => {\n if (!val && oldVal && image.value) {\n pollForSize(image.value)\n }\n })\n\n // TODO: getSrc when window width changes\n\n onBeforeMount(() => init())\n\n function init (isIntersecting?: boolean) {\n if (props.eager && isIntersecting) return\n if (\n SUPPORTS_INTERSECTION &&\n !isIntersecting &&\n !props.eager\n ) return\n\n state.value = 'loading'\n\n if (normalisedSrc.value.lazySrc) {\n const lazyImg = new Image()\n lazyImg.src = normalisedSrc.value.lazySrc\n pollForSize(lazyImg, null)\n }\n\n if (!normalisedSrc.value.src) return\n\n nextTick(() => {\n emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n if (image.value?.complete) {\n if (!image.value.naturalWidth) {\n onError()\n }\n\n if (state.value === 'error') return\n\n if (!aspectRatio.value) pollForSize(image.value, null)\n onLoad()\n } else {\n if (!aspectRatio.value) pollForSize(image.value!)\n getSrc()\n }\n })\n }\n\n function onLoad () {\n getSrc()\n state.value = 'loaded'\n emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function onError () {\n state.value = 'error'\n emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function getSrc () {\n const img = image.value\n if (img) currentSrc.value = img.currentSrc || img.src\n }\n\n let timer = -1\n function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n const poll = () => {\n clearTimeout(timer)\n const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img\n\n if (imgHeight || imgWidth) {\n naturalWidth.value = imgWidth\n naturalHeight.value = imgHeight\n } else if (!img.complete && state.value === 'loading' && timeout != null) {\n timer = window.setTimeout(poll, timeout)\n } else if (img.currentSrc.endsWith('.svg') || img.currentSrc.startsWith('data:image/svg+xml')) {\n naturalWidth.value = 1\n naturalHeight.value = 1\n }\n }\n\n poll()\n }\n\n const containClasses = computed(() => ({\n 'v-img__img--cover': props.cover,\n 'v-img__img--contain': !props.cover,\n }))\n\n const __image = () => {\n if (!normalisedSrc.value.src || state.value === 'idle') return null\n\n const img = (\n <img\n class={['v-img__img', containClasses.value]}\n src={ normalisedSrc.value.src }\n srcset={ normalisedSrc.value.srcset }\n alt={ props.alt }\n sizes={ props.sizes }\n ref={ image }\n onLoad={ onLoad }\n onError={ onError }\n />\n )\n\n const sources = slots.sources?.()\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n {\n withDirectives(\n sources\n ? <picture class=\"v-img__picture\">{ sources }{ img }</picture>\n : img,\n [[vShow, state.value === 'loaded']]\n )\n }\n </MaybeTransition>\n )\n }\n\n const __preloadImage = () => (\n <MaybeTransition transition={ props.transition }>\n { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n <img\n class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n src={ normalisedSrc.value.lazySrc }\n alt={ props.alt }\n />\n )}\n </MaybeTransition>\n )\n\n const __placeholder = () => {\n if (!slots.placeholder) return null\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n { (state.value === 'loading' || (state.value === 'error' && !slots.error)) &&\n <div class=\"v-img__placeholder\">{ slots.placeholder() }</div>\n }\n </MaybeTransition>\n )\n }\n\n const __error = () => {\n if (!slots.error) return null\n\n return (\n <MaybeTransition transition={ props.transition } appear>\n { state.value === 'error' &&\n <div class=\"v-img__error\">{ slots.error() }</div>\n }\n </MaybeTransition>\n )\n }\n\n const __gradient = () => {\n if (!props.gradient) return null\n\n return <div class=\"v-img__gradient\" style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />\n }\n\n const isBooted = shallowRef(false)\n {\n const stop = watch(aspectRatio, val => {\n if (val) {\n // Doesn't work with nextTick, idk why\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n isBooted.value = true\n })\n })\n stop()\n }\n })\n }\n\n useRender(() => (\n <VResponsive\n class={[\n 'v-img',\n { 'v-img--booting': !isBooted.value },\n props.class,\n ]}\n style={[\n { width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) },\n props.style,\n ]}\n aspectRatio={ aspectRatio.value }\n aria-label={ props.alt }\n role={ props.alt ? 'img' : undefined }\n v-intersect={[{\n handler: init,\n options: props.options,\n }, null, ['once']]}\n >{{\n additional: () => (\n <>\n <__image />\n <__preloadImage />\n <__gradient />\n <__placeholder />\n <__error />\n </>\n ),\n default: slots.default,\n }}</VResponsive>\n ))\n\n return {\n currentSrc,\n image,\n state,\n naturalWidth,\n naturalHeight,\n }\n },\n})\n\nexport type VImg = InstanceType<typeof VImg>\n"],"mappings":"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"}
@@ -119,11 +119,11 @@ declare const VImg: {
119
119
  onLoad?: ((value: string | undefined) => any) | undefined;
120
120
  onLoadstart?: ((value: string | undefined) => any) | undefined;
121
121
  }, {
122
- currentSrc: vue.Ref<string>;
122
+ currentSrc: vue.ShallowRef<string>;
123
123
  image: vue.Ref<HTMLImageElement | undefined>;
124
- state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
125
- naturalWidth: vue.Ref<number | undefined>;
126
- naturalHeight: vue.Ref<number | undefined>;
124
+ state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
125
+ naturalWidth: vue.ShallowRef<number | undefined>;
126
+ naturalHeight: vue.ShallowRef<number | undefined>;
127
127
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
128
128
  loadstart: (value: string | undefined) => true;
129
129
  load: (value: string | undefined) => true;
@@ -198,11 +198,11 @@ declare const VImg: {
198
198
  onLoad?: ((value: string | undefined) => any) | undefined;
199
199
  onLoadstart?: ((value: string | undefined) => any) | undefined;
200
200
  } & vue.ShallowUnwrapRef<{
201
- currentSrc: vue.Ref<string>;
201
+ currentSrc: vue.ShallowRef<string>;
202
202
  image: vue.Ref<HTMLImageElement | undefined>;
203
- state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
204
- naturalWidth: vue.Ref<number | undefined>;
205
- naturalHeight: vue.Ref<number | undefined>;
203
+ state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
204
+ naturalWidth: vue.ShallowRef<number | undefined>;
205
+ naturalHeight: vue.ShallowRef<number | undefined>;
206
206
  }> & {} & vue.ComponentCustomProperties & {};
207
207
  __isFragment?: undefined;
208
208
  __isTeleport?: undefined;
@@ -248,11 +248,11 @@ declare const VImg: {
248
248
  onLoad?: ((value: string | undefined) => any) | undefined;
249
249
  onLoadstart?: ((value: string | undefined) => any) | undefined;
250
250
  }, {
251
- currentSrc: vue.Ref<string>;
251
+ currentSrc: vue.ShallowRef<string>;
252
252
  image: vue.Ref<HTMLImageElement | undefined>;
253
- state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
254
- naturalWidth: vue.Ref<number | undefined>;
255
- naturalHeight: vue.Ref<number | undefined>;
253
+ state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
254
+ naturalWidth: vue.ShallowRef<number | undefined>;
255
+ naturalHeight: vue.ShallowRef<number | undefined>;
256
256
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
257
257
  loadstart: (value: string | undefined) => true;
258
258
  load: (value: string | undefined) => true;
@@ -18,7 +18,7 @@ import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
18
18
  import { makeVariantProps } from "../../composables/variant.mjs";
19
19
  import { provideDefaults } from "../../composables/defaults.mjs";
20
20
  import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
21
- import { computed, ref, toRef } from 'vue';
21
+ import { computed, ref, shallowRef, toRef } from 'vue';
22
22
  import { focusChild, genericComponent, getPropertyFromItem, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
23
23
  function isPrimitive(value) {
24
24
  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
@@ -149,7 +149,7 @@ export const VList = genericComponent()({
149
149
  variant: toRef(props, 'variant')
150
150
  }
151
151
  });
152
- const isFocused = ref(false);
152
+ const isFocused = shallowRef(false);
153
153
  const contentRef = ref();
154
154
  function onFocusin(e) {
155
155
  isFocused.value = true;