@vuetify/nightly 3.6.3-dev.2024-05-14 → 3.6.3-dev.2024-05-30

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 (35) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +32 -0
  3. package/dist/json/importMap-labs.json +12 -12
  4. package/dist/json/importMap.json +142 -142
  5. package/dist/json/tags.json +9 -1
  6. package/dist/json/web-types.json +75 -1
  7. package/dist/vuetify-labs.css +2273 -2264
  8. package/dist/vuetify-labs.d.ts +54 -0
  9. package/dist/vuetify-labs.esm.js +10 -4
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +10 -4
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +325 -316
  14. package/dist/vuetify.d.ts +100 -46
  15. package/dist/vuetify.esm.js +10 -4
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +10 -4
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +8 -8
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VCarousel/index.d.mts +9 -0
  23. package/lib/components/VGrid/VContainer.mjs +6 -1
  24. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  25. package/lib/components/VGrid/index.d.mts +36 -0
  26. package/lib/components/VImg/VImg.css +9 -0
  27. package/lib/components/VImg/VImg.mjs +2 -0
  28. package/lib/components/VImg/VImg.mjs.map +1 -1
  29. package/lib/components/VImg/VImg.sass +9 -0
  30. package/lib/components/VImg/index.d.mts +9 -0
  31. package/lib/components/index.d.mts +54 -0
  32. package/lib/entry-bundler.mjs +1 -1
  33. package/lib/framework.mjs +1 -1
  34. package/lib/index.d.mts +46 -46
  35. package/package.json +1 -1
package/lib/components/VCarousel/index.d.mts CHANGED
@@ -533,6 +533,7 @@ declare const VCarouselItem: {
533
533
  src: string | srcObject;
534
534
  disabled: boolean;
535
535
  options: IntersectionObserverInit;
536
+ absolute: boolean;
536
537
  inline: boolean;
537
538
  cover: boolean;
538
539
  tile: boolean;
@@ -585,6 +586,7 @@ declare const VCarouselItem: {
585
586
  src: string | srcObject;
586
587
  disabled: boolean;
587
588
  options: IntersectionObserverInit;
589
+ absolute: boolean;
588
590
  inline: boolean;
589
591
  cover: boolean;
590
592
  tile: boolean;
@@ -637,6 +639,7 @@ declare const VCarouselItem: {
637
639
  src: string | srcObject;
638
640
  disabled: boolean;
639
641
  options: IntersectionObserverInit;
642
+ absolute: boolean;
640
643
  transition: string | boolean;
641
644
  rounded: string | number | boolean;
642
645
  inline: boolean;
@@ -670,6 +673,7 @@ declare const VCarouselItem: {
670
673
  src: string | srcObject;
671
674
  disabled: boolean;
672
675
  options: IntersectionObserverInit;
676
+ absolute: boolean;
673
677
  inline: boolean;
674
678
  cover: boolean;
675
679
  tile: boolean;
@@ -722,6 +726,7 @@ declare const VCarouselItem: {
722
726
  src: string | srcObject;
723
727
  disabled: boolean;
724
728
  options: IntersectionObserverInit;
729
+ absolute: boolean;
725
730
  transition: string | boolean;
726
731
  rounded: string | number | boolean;
727
732
  inline: boolean;
@@ -739,6 +744,7 @@ declare const VCarouselItem: {
739
744
  src: string | srcObject;
740
745
  disabled: boolean;
741
746
  options: IntersectionObserverInit;
747
+ absolute: boolean;
742
748
  inline: boolean;
743
749
  cover: boolean;
744
750
  tile: boolean;
@@ -791,6 +797,7 @@ declare const VCarouselItem: {
791
797
  src: string | srcObject;
792
798
  disabled: boolean;
793
799
  options: IntersectionObserverInit;
800
+ absolute: boolean;
794
801
  transition: string | boolean;
795
802
  rounded: string | number | boolean;
796
803
  inline: boolean;
@@ -844,6 +851,7 @@ declare const VCarouselItem: {
844
851
  aspectRatio: (StringConstructor | NumberConstructor)[];
845
852
  contentClass: StringConstructor;
846
853
  inline: BooleanConstructor;
854
+ absolute: BooleanConstructor;
847
855
  alt: StringConstructor;
848
856
  cover: BooleanConstructor;
849
857
  color: StringConstructor;
@@ -902,6 +910,7 @@ declare const VCarouselItem: {
902
910
  aspectRatio: (StringConstructor | NumberConstructor)[];
903
911
  contentClass: StringConstructor;
904
912
  inline: BooleanConstructor;
913
+ absolute: BooleanConstructor;
905
914
  alt: StringConstructor;
906
915
  cover: BooleanConstructor;
907
916
  color: StringConstructor;
package/lib/components/VGrid/VContainer.mjs CHANGED
@@ -4,6 +4,7 @@ import "./VGrid.css";
4
4
 
5
5
  // Composables
6
6
  import { makeComponentProps } from "../../composables/component.mjs";
7
+ import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
7
8
  import { useRtl } from "../../composables/locale.mjs";
8
9
  import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
9
10
  import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
@@ -13,6 +14,7 @@ export const makeVContainerProps = propsFactory({
13
14
  default: false
14
15
  },
15
16
  ...makeComponentProps(),
17
+ ...makeDimensionProps(),
16
18
  ...makeTagProps()
17
19
  }, 'VContainer');
18
20
  export const VContainer = genericComponent()({
@@ -25,11 +27,14 @@ export const VContainer = genericComponent()({
25
27
  const {
26
28
  rtlClasses
27
29
  } = useRtl();
30
+ const {
31
+ dimensionStyles
32
+ } = useDimension(props);
28
33
  useRender(() => _createVNode(props.tag, {
29
34
  "class": ['v-container', {
30
35
  'v-container--fluid': props.fluid
31
36
  }, rtlClasses.value, props.class],
32
- "style": props.style
37
+ "style": [dimensionStyles.value, props.style]
33
38
  }, slots));
34
39
  return {};
35
40
  }
package/lib/components/VGrid/VContainer.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VContainer.mjs","names":["makeComponentProps","useRtl","makeTagProps","genericComponent","propsFactory","useRender","makeVContainerProps","fluid","type","Boolean","default","VContainer","name","props","setup","_ref","slots","rtlClasses","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VGrid/VContainer.tsx"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { useRtl } from '@/composables/locale'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVContainerProps = propsFactory({\n fluid: {\n type: Boolean,\n default: false,\n },\n\n ...makeComponentProps(),\n ...makeTagProps(),\n}, 'VContainer')\n\nexport const VContainer = genericComponent()({\n name: 'VContainer',\n\n props: makeVContainerProps(),\n\n setup (props, { slots }) {\n const { rtlClasses } = useRtl()\n\n useRender(() => (\n <props.tag\n class={[\n 'v-container',\n { 'v-container--fluid': props.fluid },\n rtlClasses.value,\n props.class,\n ]}\n style={ props.style }\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VContainer = InstanceType<typeof VContainer>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,MAAM;AAAA,SACNC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9CG,KAAK,EAAE;IACLC,IAAI,EAAEC,OAAO;IACbC,OAAO,EAAE;EACX,CAAC;EAED,GAAGV,kBAAkB,CAAC,CAAC;EACvB,GAAGE,YAAY,CAAC;AAClB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMS,UAAU,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC3CS,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEP,mBAAmB,CAAC,CAAC;EAE5BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAW,CAAC,GAAGhB,MAAM,CAAC,CAAC;IAE/BI,SAAS,CAAC,MAAAa,YAAA,CAAAL,KAAA,CAAAM,GAAA;MAAA,SAEC,CACL,aAAa,EACb;QAAE,oBAAoB,EAAEN,KAAK,CAACN;MAAM,CAAC,EACrCU,UAAU,CAACG,KAAK,EAChBP,KAAK,CAACQ,KAAK,CACZ;MAAA,SACOR,KAAK,CAACS;IAAK,GACTN,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"VContainer.mjs","names":["makeComponentProps","makeDimensionProps","useDimension","useRtl","makeTagProps","genericComponent","propsFactory","useRender","makeVContainerProps","fluid","type","Boolean","default","VContainer","name","props","setup","_ref","slots","rtlClasses","dimensionStyles","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VGrid/VContainer.tsx"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useRtl } from '@/composables/locale'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVContainerProps = propsFactory({\n fluid: {\n type: Boolean,\n default: false,\n },\n\n ...makeComponentProps(),\n ...makeDimensionProps(),\n ...makeTagProps(),\n}, 'VContainer')\n\nexport const VContainer = genericComponent()({\n name: 'VContainer',\n\n props: makeVContainerProps(),\n\n setup (props, { slots }) {\n const { rtlClasses } = useRtl()\n const { dimensionStyles } = useDimension(props)\n\n useRender(() => (\n <props.tag\n class={[\n 'v-container',\n { 'v-container--fluid': props.fluid },\n rtlClasses.value,\n props.class,\n ]}\n style={[\n dimensionStyles.value,\n props.style,\n ]}\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VContainer = InstanceType<typeof VContainer>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,MAAM;AAAA,SACNC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9CG,KAAK,EAAE;IACLC,IAAI,EAAEC,OAAO;IACbC,OAAO,EAAE;EACX,CAAC;EAED,GAAGZ,kBAAkB,CAAC,CAAC;EACvB,GAAGC,kBAAkB,CAAC,CAAC;EACvB,GAAGG,YAAY,CAAC;AAClB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMS,UAAU,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC3CS,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEP,mBAAmB,CAAC,CAAC;EAE5BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAW,CAAC,GAAGhB,MAAM,CAAC,CAAC;IAC/B,MAAM;MAAEiB;IAAgB,CAAC,GAAGlB,YAAY,CAACa,KAAK,CAAC;IAE/CR,SAAS,CAAC,MAAAc,YAAA,CAAAN,KAAA,CAAAO,GAAA;MAAA,SAEC,CACL,aAAa,EACb;QAAE,oBAAoB,EAAEP,KAAK,CAACN;MAAM,CAAC,EACrCU,UAAU,CAACI,KAAK,EAChBR,KAAK,CAACS,KAAK,CACZ;MAAA,SACM,CACLJ,eAAe,CAACG,KAAK,EACrBR,KAAK,CAACU,KAAK;IACZ,GACSP,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
package/lib/components/VGrid/index.d.mts CHANGED
@@ -12,6 +12,12 @@ declare const VContainer: {
12
12
  fluid: boolean;
13
13
  } & {
14
14
  class?: any;
15
+ width?: string | number | undefined;
16
+ height?: string | number | undefined;
17
+ maxHeight?: string | number | undefined;
18
+ maxWidth?: string | number | undefined;
19
+ minHeight?: string | number | undefined;
20
+ minWidth?: string | number | undefined;
15
21
  } & {
16
22
  $children?: vue.VNodeChild | {
17
23
  default?: (() => vue.VNodeChild) | undefined;
@@ -27,6 +33,12 @@ declare const VContainer: {
27
33
  fluid: boolean;
28
34
  } & {
29
35
  class?: any;
36
+ width?: string | number | undefined;
37
+ height?: string | number | undefined;
38
+ maxHeight?: string | number | undefined;
39
+ maxWidth?: string | number | undefined;
40
+ minHeight?: string | number | undefined;
41
+ minWidth?: string | number | undefined;
30
42
  } & {
31
43
  $children?: vue.VNodeChild | {
32
44
  default?: (() => vue.VNodeChild) | undefined;
@@ -57,6 +69,12 @@ declare const VContainer: {
57
69
  fluid: boolean;
58
70
  } & {
59
71
  class?: any;
72
+ width?: string | number | undefined;
73
+ height?: string | number | undefined;
74
+ maxHeight?: string | number | undefined;
75
+ maxWidth?: string | number | undefined;
76
+ minHeight?: string | number | undefined;
77
+ minWidth?: string | number | undefined;
60
78
  } & {
61
79
  $children?: vue.VNodeChild | {
62
80
  default?: (() => vue.VNodeChild) | undefined;
@@ -80,6 +98,12 @@ declare const VContainer: {
80
98
  fluid: boolean;
81
99
  } & {
82
100
  class?: any;
101
+ width?: string | number | undefined;
102
+ height?: string | number | undefined;
103
+ maxHeight?: string | number | undefined;
104
+ maxWidth?: string | number | undefined;
105
+ minHeight?: string | number | undefined;
106
+ minWidth?: string | number | undefined;
83
107
  } & {
84
108
  $children?: vue.VNodeChild | {
85
109
  default?: (() => vue.VNodeChild) | undefined;
@@ -102,6 +126,12 @@ declare const VContainer: {
102
126
  type: StringConstructor;
103
127
  default: string;
104
128
  };
129
+ height: (StringConstructor | NumberConstructor)[];
130
+ maxHeight: (StringConstructor | NumberConstructor)[];
131
+ maxWidth: (StringConstructor | NumberConstructor)[];
132
+ minHeight: (StringConstructor | NumberConstructor)[];
133
+ minWidth: (StringConstructor | NumberConstructor)[];
134
+ width: (StringConstructor | NumberConstructor)[];
105
135
  class: vue.PropType<any>;
106
136
  style: {
107
137
  type: vue.PropType<vue.StyleValue>;
@@ -116,6 +146,12 @@ declare const VContainer: {
116
146
  type: StringConstructor;
117
147
  default: string;
118
148
  };
149
+ height: (StringConstructor | NumberConstructor)[];
150
+ maxHeight: (StringConstructor | NumberConstructor)[];
151
+ maxWidth: (StringConstructor | NumberConstructor)[];
152
+ minHeight: (StringConstructor | NumberConstructor)[];
153
+ minWidth: (StringConstructor | NumberConstructor)[];
154
+ width: (StringConstructor | NumberConstructor)[];
119
155
  class: vue.PropType<any>;
120
156
  style: {
121
157
  type: vue.PropType<vue.StyleValue>;
package/lib/components/VImg/VImg.css CHANGED
@@ -2,6 +2,15 @@
2
2
  --v-theme-overlay-multiplier: 3;
3
3
  z-index: 0;
4
4
  }
5
+ .v-img.v-img--absolute {
6
+ height: 100%;
7
+ left: 0;
8
+ overflow: hidden;
9
+ position: absolute;
10
+ top: 0;
11
+ width: 100%;
12
+ z-index: -1;
13
+ }
5
14
  .v-img--booting .v-responsive__sizer {
6
15
  transition: none;
7
16
  }
package/lib/components/VImg/VImg.mjs CHANGED
@@ -13,6 +13,7 @@ import { computed, nextTick, onBeforeMount, onBeforeUnmount, ref, shallowRef, to
13
13
  import { convertToUnit, genericComponent, getCurrentInstance, propsFactory, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
14
14
  // not intended for public use, this is passed in by vuetify-loader
15
15
  export const makeVImgProps = propsFactory({
16
+ absolute: Boolean,
16
17
  alt: String,
17
18
  cover: Boolean,
18
19
  color: String,
@@ -269,6 +270,7 @@ export const VImg = genericComponent()({
269
270
  const responsiveProps = VResponsive.filterProps(props);
270
271
  return _withDirectives(_createVNode(VResponsive, _mergeProps({
271
272
  "class": ['v-img', {
273
+ 'v-img--absolute': props.absolute,
272
274
  'v-img--booting': !isBooted.value
273
275
  }, backgroundColorClasses.value, roundedClasses.value, props.class],
274
276
  "style": [{
package/lib/components/VImg/VImg.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VImg.mjs","names":["makeVResponsiveProps","VResponsive","useBackgroundColor","makeComponentProps","makeRoundedProps","useRounded","makeTransitionProps","MaybeTransition","intersect","computed","nextTick","onBeforeMount","onBeforeUnmount","ref","shallowRef","toRef","vShow","watch","withDirectives","convertToUnit","genericComponent","getCurrentInstance","propsFactory","SUPPORTS_INTERSECTION","useRender","makeVImgProps","alt","String","cover","Boolean","color","draggable","type","default","undefined","eager","gradient","lazySrc","options","Object","root","rootMargin","threshold","sizes","src","crossorigin","referrerpolicy","srcset","position","VImg","name","directives","props","emits","loadstart","value","load","error","setup","_ref","emit","slots","backgroundColorClasses","backgroundColorStyles","roundedClasses","vm","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","Number","aspectRatio","init","val","oldVal","pollForSize","isIntersecting","lazyImg","Image","setTimeout","isUnmounted","complete","onError","onLoad","getSrc","img","timer","clearTimeout","timeout","arguments","length","poll","imgHeight","imgWidth","window","endsWith","startsWith","containClasses","__image","_createVNode","objectPosition","sources","transition","__preloadImage","__placeholder","placeholder","__error","__gradient","backgroundImage","isBooted","stop","requestAnimationFrame","responsiveProps","filterProps","_withDirectives","_mergeProps","class","width","style","additional","_Fragment","_resolveDirective","handler","once"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["// Styles\nimport './VImg.sass'\n\n// Components\nimport { makeVResponsiveProps, VResponsive } from '@/components/VResponsive/VResponsive'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport {\n computed,\n nextTick,\n onBeforeMount,\n onBeforeUnmount,\n ref,\n shallowRef,\n toRef,\n vShow,\n watch,\n withDirectives,\n} from 'vue'\nimport {\n convertToUnit,\n genericComponent,\n getCurrentInstance,\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: never\n placeholder: never\n error: never\n sources: never\n}\n\nexport const makeVImgProps = propsFactory({\n alt: String,\n cover: Boolean,\n color: String,\n draggable: {\n type: [Boolean, String] as PropType<boolean | 'true' | 'false'>,\n default: undefined,\n },\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 crossorigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n referrerpolicy: String as PropType<\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'same-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url'\n >,\n srcset: String,\n position: String,\n\n ...makeVResponsiveProps(),\n ...makeComponentProps(),\n ...makeRoundedProps(),\n ...makeTransitionProps(),\n}, 'VImg')\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 { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { roundedClasses } = useRounded(props)\n const vm = getCurrentInstance('VImg')\n\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 setTimeout(() => {\n if (vm.isUnmounted) return\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 if (state.value === 'loading') onLoad()\n } else {\n if (!aspectRatio.value) pollForSize(image.value!)\n getSrc()\n }\n })\n })\n }\n\n function onLoad () {\n if (vm.isUnmounted) return\n\n getSrc()\n pollForSize(image.value!)\n state.value = 'loaded'\n emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function onError () {\n if (vm.isUnmounted) return\n\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\n onBeforeUnmount(() => {\n clearTimeout(timer)\n })\n\n function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n const poll = () => {\n clearTimeout(timer)\n if (vm.isUnmounted) return\n\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 style={{ objectPosition: props.position }}\n src={ normalisedSrc.value.src }\n srcset={ normalisedSrc.value.srcset }\n alt={ props.alt }\n crossorigin={ props.crossorigin }\n referrerpolicy={ props.referrerpolicy }\n draggable={ props.draggable }\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 style={{ objectPosition: props.position }}\n src={ normalisedSrc.value.lazySrc }\n alt={ props.alt }\n crossorigin={ props.crossorigin }\n referrerpolicy={ props.referrerpolicy }\n draggable={ props.draggable }\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 const responsiveProps = VResponsive.filterProps(props)\n return (\n <VResponsive\n class={[\n 'v-img',\n { 'v-img--booting': !isBooted.value },\n backgroundColorClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n { width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) },\n backgroundColorStyles.value,\n props.style,\n ]}\n { ...responsiveProps }\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\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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","ignoreList":[]}
1
+ {"version":3,"file":"VImg.mjs","names":["makeVResponsiveProps","VResponsive","useBackgroundColor","makeComponentProps","makeRoundedProps","useRounded","makeTransitionProps","MaybeTransition","intersect","computed","nextTick","onBeforeMount","onBeforeUnmount","ref","shallowRef","toRef","vShow","watch","withDirectives","convertToUnit","genericComponent","getCurrentInstance","propsFactory","SUPPORTS_INTERSECTION","useRender","makeVImgProps","absolute","Boolean","alt","String","cover","color","draggable","type","default","undefined","eager","gradient","lazySrc","options","Object","root","rootMargin","threshold","sizes","src","crossorigin","referrerpolicy","srcset","position","VImg","name","directives","props","emits","loadstart","value","load","error","setup","_ref","emit","slots","backgroundColorClasses","backgroundColorStyles","roundedClasses","vm","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","Number","aspectRatio","init","val","oldVal","pollForSize","isIntersecting","lazyImg","Image","setTimeout","isUnmounted","complete","onError","onLoad","getSrc","img","timer","clearTimeout","timeout","arguments","length","poll","imgHeight","imgWidth","window","endsWith","startsWith","containClasses","__image","_createVNode","objectPosition","sources","transition","__preloadImage","__placeholder","placeholder","__error","__gradient","backgroundImage","isBooted","stop","requestAnimationFrame","responsiveProps","filterProps","_withDirectives","_mergeProps","class","width","style","additional","_Fragment","_resolveDirective","handler","once"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["// Styles\nimport './VImg.sass'\n\n// Components\nimport { makeVResponsiveProps, VResponsive } from '@/components/VResponsive/VResponsive'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport {\n computed,\n nextTick,\n onBeforeMount,\n onBeforeUnmount,\n ref,\n shallowRef,\n toRef,\n vShow,\n watch,\n withDirectives,\n} from 'vue'\nimport {\n convertToUnit,\n genericComponent,\n getCurrentInstance,\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: never\n placeholder: never\n error: never\n sources: never\n}\n\nexport const makeVImgProps = propsFactory({\n absolute: Boolean,\n alt: String,\n cover: Boolean,\n color: String,\n draggable: {\n type: [Boolean, String] as PropType<boolean | 'true' | 'false'>,\n default: undefined,\n },\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 crossorigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n referrerpolicy: String as PropType<\n | 'no-referrer'\n | 'no-referrer-when-downgrade'\n | 'origin'\n | 'origin-when-cross-origin'\n | 'same-origin'\n | 'strict-origin'\n | 'strict-origin-when-cross-origin'\n | 'unsafe-url'\n >,\n srcset: String,\n position: String,\n\n ...makeVResponsiveProps(),\n ...makeComponentProps(),\n ...makeRoundedProps(),\n ...makeTransitionProps(),\n}, 'VImg')\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 { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { roundedClasses } = useRounded(props)\n const vm = getCurrentInstance('VImg')\n\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 setTimeout(() => {\n if (vm.isUnmounted) return\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 if (state.value === 'loading') onLoad()\n } else {\n if (!aspectRatio.value) pollForSize(image.value!)\n getSrc()\n }\n })\n })\n }\n\n function onLoad () {\n if (vm.isUnmounted) return\n\n getSrc()\n pollForSize(image.value!)\n state.value = 'loaded'\n emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n }\n\n function onError () {\n if (vm.isUnmounted) return\n\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\n onBeforeUnmount(() => {\n clearTimeout(timer)\n })\n\n function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n const poll = () => {\n clearTimeout(timer)\n if (vm.isUnmounted) return\n\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 style={{ objectPosition: props.position }}\n src={ normalisedSrc.value.src }\n srcset={ normalisedSrc.value.srcset }\n alt={ props.alt }\n crossorigin={ props.crossorigin }\n referrerpolicy={ props.referrerpolicy }\n draggable={ props.draggable }\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 style={{ objectPosition: props.position }}\n src={ normalisedSrc.value.lazySrc }\n alt={ props.alt }\n crossorigin={ props.crossorigin }\n referrerpolicy={ props.referrerpolicy }\n draggable={ props.draggable }\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 const responsiveProps = VResponsive.filterProps(props)\n return (\n <VResponsive\n class={[\n 'v-img',\n {\n 'v-img--absolute': props.absolute,\n 'v-img--booting': !isBooted.value,\n },\n backgroundColorClasses.value,\n roundedClasses.value,\n props.class,\n ]}\n style={[\n { width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) },\n backgroundColorStyles.value,\n props.style,\n ]}\n { ...responsiveProps }\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\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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","ignoreList":[]}
package/lib/components/VImg/VImg.sass CHANGED
@@ -6,6 +6,15 @@
6
6
  --v-theme-overlay-multiplier: 3
7
7
  z-index: 0
8
8
 
9
+ &.v-img--absolute
10
+ height: 100%
11
+ left: 0
12
+ overflow: hidden
13
+ position: absolute
14
+ top: 0
15
+ width: 100%
16
+ z-index: -1
17
+
9
18
  &--booting .v-responsive__sizer
10
19
  transition: none
11
20
 
package/lib/components/VImg/index.d.mts CHANGED
@@ -16,6 +16,7 @@ declare const VImg: {
16
16
  style: vue.StyleValue;
17
17
  src: string | srcObject;
18
18
  options: IntersectionObserverInit;
19
+ absolute: boolean;
19
20
  transition: string | boolean | (vue.TransitionProps & {
20
21
  component?: vue.Component | undefined;
21
22
  });
@@ -80,6 +81,7 @@ declare const VImg: {
80
81
  style: vue.StyleValue;
81
82
  src: string | srcObject;
82
83
  options: IntersectionObserverInit;
84
+ absolute: boolean;
83
85
  transition: string | boolean | (vue.TransitionProps & {
84
86
  component?: vue.Component | undefined;
85
87
  });
@@ -134,6 +136,7 @@ declare const VImg: {
134
136
  style: vue.StyleValue;
135
137
  src: string | srcObject;
136
138
  options: IntersectionObserverInit;
139
+ absolute: boolean;
137
140
  transition: string | boolean | (vue.TransitionProps & {
138
141
  component?: vue.Component | undefined;
139
142
  });
@@ -167,6 +170,7 @@ declare const VImg: {
167
170
  style: vue.StyleValue;
168
171
  src: string | srcObject;
169
172
  options: IntersectionObserverInit;
173
+ absolute: boolean;
170
174
  transition: string | boolean | (vue.TransitionProps & {
171
175
  component?: vue.Component | undefined;
172
176
  });
@@ -227,6 +231,7 @@ declare const VImg: {
227
231
  style: vue.StyleValue;
228
232
  src: string | srcObject;
229
233
  options: IntersectionObserverInit;
234
+ absolute: boolean;
230
235
  transition: string | boolean | (vue.TransitionProps & {
231
236
  component?: vue.Component | undefined;
232
237
  });
@@ -244,6 +249,7 @@ declare const VImg: {
244
249
  style: vue.StyleValue;
245
250
  src: string | srcObject;
246
251
  options: IntersectionObserverInit;
252
+ absolute: boolean;
247
253
  transition: string | boolean | (vue.TransitionProps & {
248
254
  component?: vue.Component | undefined;
249
255
  });
@@ -308,6 +314,7 @@ declare const VImg: {
308
314
  style: vue.StyleValue;
309
315
  src: string | srcObject;
310
316
  options: IntersectionObserverInit;
317
+ absolute: boolean;
311
318
  transition: string | boolean | (vue.TransitionProps & {
312
319
  component?: vue.Component | undefined;
313
320
  });
@@ -357,6 +364,7 @@ declare const VImg: {
357
364
  aspectRatio: (StringConstructor | NumberConstructor)[];
358
365
  contentClass: StringConstructor;
359
366
  inline: BooleanConstructor;
367
+ absolute: BooleanConstructor;
360
368
  alt: StringConstructor;
361
369
  cover: BooleanConstructor;
362
370
  color: StringConstructor;
@@ -411,6 +419,7 @@ declare const VImg: {
411
419
  aspectRatio: (StringConstructor | NumberConstructor)[];
412
420
  contentClass: StringConstructor;
413
421
  inline: BooleanConstructor;
422
+ absolute: BooleanConstructor;
414
423
  alt: StringConstructor;
415
424
  cover: BooleanConstructor;
416
425
  color: StringConstructor;
package/lib/components/index.d.mts CHANGED
@@ -14238,6 +14238,7 @@ declare const VImg: {
14238
14238
  style: vue.StyleValue;
14239
14239
  src: string | srcObject;
14240
14240
  options: IntersectionObserverInit;
14241
+ absolute: boolean;
14241
14242
  transition: string | boolean | (vue.TransitionProps & {
14242
14243
  component?: vue.Component | undefined;
14243
14244
  });
@@ -14302,6 +14303,7 @@ declare const VImg: {
14302
14303
  style: vue.StyleValue;
14303
14304
  src: string | srcObject;
14304
14305
  options: IntersectionObserverInit;
14306
+ absolute: boolean;
14305
14307
  transition: string | boolean | (vue.TransitionProps & {
14306
14308
  component?: vue.Component | undefined;
14307
14309
  });
@@ -14356,6 +14358,7 @@ declare const VImg: {
14356
14358
  style: vue.StyleValue;
14357
14359
  src: string | srcObject;
14358
14360
  options: IntersectionObserverInit;
14361
+ absolute: boolean;
14359
14362
  transition: string | boolean | (vue.TransitionProps & {
14360
14363
  component?: vue.Component | undefined;
14361
14364
  });
@@ -14389,6 +14392,7 @@ declare const VImg: {
14389
14392
  style: vue.StyleValue;
14390
14393
  src: string | srcObject;
14391
14394
  options: IntersectionObserverInit;
14395
+ absolute: boolean;
14392
14396
  transition: string | boolean | (vue.TransitionProps & {
14393
14397
  component?: vue.Component | undefined;
14394
14398
  });
@@ -14449,6 +14453,7 @@ declare const VImg: {
14449
14453
  style: vue.StyleValue;
14450
14454
  src: string | srcObject;
14451
14455
  options: IntersectionObserverInit;
14456
+ absolute: boolean;
14452
14457
  transition: string | boolean | (vue.TransitionProps & {
14453
14458
  component?: vue.Component | undefined;
14454
14459
  });
@@ -14466,6 +14471,7 @@ declare const VImg: {
14466
14471
  style: vue.StyleValue;
14467
14472
  src: string | srcObject;
14468
14473
  options: IntersectionObserverInit;
14474
+ absolute: boolean;
14469
14475
  transition: string | boolean | (vue.TransitionProps & {
14470
14476
  component?: vue.Component | undefined;
14471
14477
  });
@@ -14530,6 +14536,7 @@ declare const VImg: {
14530
14536
  style: vue.StyleValue;
14531
14537
  src: string | srcObject;
14532
14538
  options: IntersectionObserverInit;
14539
+ absolute: boolean;
14533
14540
  transition: string | boolean | (vue.TransitionProps & {
14534
14541
  component?: vue.Component | undefined;
14535
14542
  });
@@ -14579,6 +14586,7 @@ declare const VImg: {
14579
14586
  aspectRatio: (StringConstructor | NumberConstructor)[];
14580
14587
  contentClass: StringConstructor;
14581
14588
  inline: BooleanConstructor;
14589
+ absolute: BooleanConstructor;
14582
14590
  alt: StringConstructor;
14583
14591
  cover: BooleanConstructor;
14584
14592
  color: StringConstructor;
@@ -14633,6 +14641,7 @@ declare const VImg: {
14633
14641
  aspectRatio: (StringConstructor | NumberConstructor)[];
14634
14642
  contentClass: StringConstructor;
14635
14643
  inline: BooleanConstructor;
14644
+ absolute: BooleanConstructor;
14636
14645
  alt: StringConstructor;
14637
14646
  cover: BooleanConstructor;
14638
14647
  color: StringConstructor;
@@ -14669,6 +14678,7 @@ declare const VCarouselItem: {
14669
14678
  src: string | srcObject;
14670
14679
  disabled: boolean;
14671
14680
  options: IntersectionObserverInit;
14681
+ absolute: boolean;
14672
14682
  inline: boolean;
14673
14683
  cover: boolean;
14674
14684
  tile: boolean;
@@ -14721,6 +14731,7 @@ declare const VCarouselItem: {
14721
14731
  src: string | srcObject;
14722
14732
  disabled: boolean;
14723
14733
  options: IntersectionObserverInit;
14734
+ absolute: boolean;
14724
14735
  inline: boolean;
14725
14736
  cover: boolean;
14726
14737
  tile: boolean;
@@ -14773,6 +14784,7 @@ declare const VCarouselItem: {
14773
14784
  src: string | srcObject;
14774
14785
  disabled: boolean;
14775
14786
  options: IntersectionObserverInit;
14787
+ absolute: boolean;
14776
14788
  transition: string | boolean;
14777
14789
  rounded: string | number | boolean;
14778
14790
  inline: boolean;
@@ -14806,6 +14818,7 @@ declare const VCarouselItem: {
14806
14818
  src: string | srcObject;
14807
14819
  disabled: boolean;
14808
14820
  options: IntersectionObserverInit;
14821
+ absolute: boolean;
14809
14822
  inline: boolean;
14810
14823
  cover: boolean;
14811
14824
  tile: boolean;
@@ -14858,6 +14871,7 @@ declare const VCarouselItem: {
14858
14871
  src: string | srcObject;
14859
14872
  disabled: boolean;
14860
14873
  options: IntersectionObserverInit;
14874
+ absolute: boolean;
14861
14875
  transition: string | boolean;
14862
14876
  rounded: string | number | boolean;
14863
14877
  inline: boolean;
@@ -14875,6 +14889,7 @@ declare const VCarouselItem: {
14875
14889
  src: string | srcObject;
14876
14890
  disabled: boolean;
14877
14891
  options: IntersectionObserverInit;
14892
+ absolute: boolean;
14878
14893
  inline: boolean;
14879
14894
  cover: boolean;
14880
14895
  tile: boolean;
@@ -14927,6 +14942,7 @@ declare const VCarouselItem: {
14927
14942
  src: string | srcObject;
14928
14943
  disabled: boolean;
14929
14944
  options: IntersectionObserverInit;
14945
+ absolute: boolean;
14930
14946
  transition: string | boolean;
14931
14947
  rounded: string | number | boolean;
14932
14948
  inline: boolean;
@@ -14980,6 +14996,7 @@ declare const VCarouselItem: {
14980
14996
  aspectRatio: (StringConstructor | NumberConstructor)[];
14981
14997
  contentClass: StringConstructor;
14982
14998
  inline: BooleanConstructor;
14999
+ absolute: BooleanConstructor;
14983
15000
  alt: StringConstructor;
14984
15001
  cover: BooleanConstructor;
14985
15002
  color: StringConstructor;
@@ -15038,6 +15055,7 @@ declare const VCarouselItem: {
15038
15055
  aspectRatio: (StringConstructor | NumberConstructor)[];
15039
15056
  contentClass: StringConstructor;
15040
15057
  inline: BooleanConstructor;
15058
+ absolute: BooleanConstructor;
15041
15059
  alt: StringConstructor;
15042
15060
  cover: BooleanConstructor;
15043
15061
  color: StringConstructor;
@@ -36745,6 +36763,12 @@ declare const VContainer: {
36745
36763
  fluid: boolean;
36746
36764
  } & {
36747
36765
  class?: any;
36766
+ width?: string | number | undefined;
36767
+ height?: string | number | undefined;
36768
+ maxHeight?: string | number | undefined;
36769
+ maxWidth?: string | number | undefined;
36770
+ minHeight?: string | number | undefined;
36771
+ minWidth?: string | number | undefined;
36748
36772
  } & {
36749
36773
  $children?: vue.VNodeChild | {
36750
36774
  default?: (() => vue.VNodeChild) | undefined;
@@ -36760,6 +36784,12 @@ declare const VContainer: {
36760
36784
  fluid: boolean;
36761
36785
  } & {
36762
36786
  class?: any;
36787
+ width?: string | number | undefined;
36788
+ height?: string | number | undefined;
36789
+ maxHeight?: string | number | undefined;
36790
+ maxWidth?: string | number | undefined;
36791
+ minHeight?: string | number | undefined;
36792
+ minWidth?: string | number | undefined;
36763
36793
  } & {
36764
36794
  $children?: vue.VNodeChild | {
36765
36795
  default?: (() => vue.VNodeChild) | undefined;
@@ -36790,6 +36820,12 @@ declare const VContainer: {
36790
36820
  fluid: boolean;
36791
36821
  } & {
36792
36822
  class?: any;
36823
+ width?: string | number | undefined;
36824
+ height?: string | number | undefined;
36825
+ maxHeight?: string | number | undefined;
36826
+ maxWidth?: string | number | undefined;
36827
+ minHeight?: string | number | undefined;
36828
+ minWidth?: string | number | undefined;
36793
36829
  } & {
36794
36830
  $children?: vue.VNodeChild | {
36795
36831
  default?: (() => vue.VNodeChild) | undefined;
@@ -36813,6 +36849,12 @@ declare const VContainer: {
36813
36849
  fluid: boolean;
36814
36850
  } & {
36815
36851
  class?: any;
36852
+ width?: string | number | undefined;
36853
+ height?: string | number | undefined;
36854
+ maxHeight?: string | number | undefined;
36855
+ maxWidth?: string | number | undefined;
36856
+ minHeight?: string | number | undefined;
36857
+ minWidth?: string | number | undefined;
36816
36858
  } & {
36817
36859
  $children?: vue.VNodeChild | {
36818
36860
  default?: (() => vue.VNodeChild) | undefined;
@@ -36835,6 +36877,12 @@ declare const VContainer: {
36835
36877
  type: StringConstructor;
36836
36878
  default: string;
36837
36879
  };
36880
+ height: (StringConstructor | NumberConstructor)[];
36881
+ maxHeight: (StringConstructor | NumberConstructor)[];
36882
+ maxWidth: (StringConstructor | NumberConstructor)[];
36883
+ minHeight: (StringConstructor | NumberConstructor)[];
36884
+ minWidth: (StringConstructor | NumberConstructor)[];
36885
+ width: (StringConstructor | NumberConstructor)[];
36838
36886
  class: vue.PropType<any>;
36839
36887
  style: {
36840
36888
  type: vue.PropType<vue.StyleValue>;
@@ -36849,6 +36897,12 @@ declare const VContainer: {
36849
36897
  type: StringConstructor;
36850
36898
  default: string;
36851
36899
  };
36900
+ height: (StringConstructor | NumberConstructor)[];
36901
+ maxHeight: (StringConstructor | NumberConstructor)[];
36902
+ maxWidth: (StringConstructor | NumberConstructor)[];
36903
+ minHeight: (StringConstructor | NumberConstructor)[];
36904
+ minWidth: (StringConstructor | NumberConstructor)[];
36905
+ width: (StringConstructor | NumberConstructor)[];
36852
36906
  class: vue.PropType<any>;
36853
36907
  style: {
36854
36908
  type: vue.PropType<vue.StyleValue>;
package/lib/entry-bundler.mjs CHANGED
@@ -16,7 +16,7 @@ export const createVuetify = function () {
16
16
  ...options
17
17
  });
18
18
  };
19
- export const version = "3.6.3-dev.2024-05-14";
19
+ export const version = "3.6.3-dev.2024-05-30";
20
20
  createVuetify.version = version;
21
21
  export { blueprints, components, directives };
22
22
  export * from "./composables/index.mjs";
package/lib/framework.mjs CHANGED
@@ -97,7 +97,7 @@ export function createVuetify() {
97
97
  goTo
98
98
  };
99
99
  }
100
- export const version = "3.6.3-dev.2024-05-14";
100
+ export const version = "3.6.3-dev.2024-05-30";
101
101
  createVuetify.version = version;
102
102
 
103
103
  // Vue's inject() can only be used in setup