@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VGrid/VContainer.mjs

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VGrid.css"; // Composables
+import "./VGrid.css";
 
+// Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VContainer = defineComponent({
   name: 'VContainer',
@@ -14,7 +14,6 @@ export const VContainer = defineComponent({
     },
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -26,6 +25,5 @@ export const VContainer = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VContainer.mjs.map

package/lib/components/VGrid/VContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VContainer.mjs","names":["makeTagProps","defineComponent","useRender","VContainer","name","props","fluid","type","Boolean","default","setup","slots"],"sources":["../../../src/components/VGrid/VContainer.tsx"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VContainer = defineComponent({\n  name: 'VContainer',\n\n  props: {\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-container',\n          { 'v-container--fluid': props.fluid },\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,UAAU,GAAGF,eAAe,CAAC;EACxCG,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,OADD;MAELC,OAAO,EAAE;IAFJ,CADF;IAML,GAAGT,YAAY;EANV,CAHiC;;EAYxCU,KAAK,CAAEL,KAAF,QAAoB;IAAA,IAAX;MAAEM;IAAF,CAAW;IACvBT,SAAS,CAAC;MAAA,SAEC,CACL,aADK,EAEL;QAAE,sBAAsBG,KAAK,CAACC;MAA9B,CAFK;IAFD,GAMIK,KANJ,CAAD,CAAT;IAUA,OAAO,EAAP;EACD;;AAxBuC,CAAD,CAAlC"}
+{"version":3,"file":"VContainer.mjs","names":["makeTagProps","defineComponent","useRender","VContainer","name","props","fluid","type","Boolean","default","setup","slots"],"sources":["../../../src/components/VGrid/VContainer.tsx"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VContainer = defineComponent({\n  name: 'VContainer',\n\n  props: {\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-container',\n          { 'v-container--fluid': props.fluid },\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,YAAY,qCAErB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,UAAU,GAAGF,eAAe,CAAC;EACxCG,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IAED,GAAGT,YAAY;EACjB,CAAC;EAEDU,KAAK,CAAEL,KAAK,QAAa;IAAA,IAAX;MAAEM;IAAM,CAAC;IACrBT,SAAS,CAAC;MAAA,SAEC,CACL,aAAa,EACb;QAAE,oBAAoB,EAAEG,KAAK,CAACC;MAAM,CAAC;IACtC,GACSK,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VGrid/VRow.mjs

@@ -1,45 +1,36 @@
 // Styles
-import "./VGrid.css"; // Composables
+import "./VGrid.css";
 
+// Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
 import { capitalize, computed, h } from 'vue';
 import { defineComponent } from "../../util/index.mjs"; // Types
-
 const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
 
 const ALIGNMENT = ['start', 'end', 'center'];
 const SPACE = ['space-between', 'space-around', 'space-evenly'];
-
 function makeRowProps(prefix, def) {
   return breakpoints.reduce((props, val) => {
     props[prefix + capitalize(val)] = def();
     return props;
   }, {});
 }
-
 const ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'];
-
 const alignValidator = str => ALIGN_VALUES.includes(str);
-
 const alignProps = makeRowProps('align', () => ({
   type: String,
   default: null,
   validator: alignValidator
 }));
 const JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE];
-
 const justifyValidator = str => JUSTIFY_VALUES.includes(str);
-
 const justifyProps = makeRowProps('justify', () => ({
   type: String,
   default: null,
   validator: justifyValidator
 }));
 const ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'];
-
 const alignContentValidator = str => ALIGN_CONTENT_VALUES.includes(str);
-
 const alignContentProps = makeRowProps('alignContent', () => ({
   type: String,
   default: null,
@@ -55,25 +46,20 @@ const classMap = {
   justify: 'justify',
   alignContent: 'align-content'
 };
-
 function breakpointClass(type, prop, val) {
   let className = classMap[type];
-
   if (val == null) {
     return undefined;
   }
-
   if (prop) {
     // alignSm -> Sm
     const breakpoint = prop.replace(type, '');
     className += `-${breakpoint}`;
-  } // .align-items-sm-center
-
-
+  }
+  // .align-items-sm-center
   className += `-${val}`;
   return className.toLowerCase();
 }
-
 export const VRow = defineComponent({
   name: 'VRow',
   props: {
@@ -99,16 +85,15 @@ export const VRow = defineComponent({
     ...alignContentProps,
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
     } = _ref;
     const classes = computed(() => {
-      const classList = []; // Loop through `align`, `justify`, `alignContent` breakpoint props
+      const classList = [];
 
+      // Loop through `align`, `justify`, `alignContent` breakpoint props
       let type;
-
       for (type in propMap) {
         propMap[type].forEach(prop => {
           const value = props[prop];
@@ -116,7 +101,6 @@ export const VRow = defineComponent({
           if (className) classList.push(className);
         });
       }
-
       classList.push({
         'v-row--no-gutters': props.noGutters,
         'v-row--dense': props.dense,
@@ -128,12 +112,10 @@ export const VRow = defineComponent({
     });
     return () => {
       var _slots$default;
-
       return h(props.tag, {
         class: ['v-row', classes.value]
       }, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots));
     };
   }
-
 });
 //# sourceMappingURL=VRow.mjs.map

package/lib/components/VGrid/VRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRow.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","ALIGN_VALUES","alignValidator","str","includes","alignProps","type","String","default","validator","JUSTIFY_VALUES","justifyValidator","justifyProps","ALIGN_CONTENT_VALUES","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","tag","class"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <T> (prefix: string, def: () => Prop<T, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<T, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String as PropType<typeof ALIGN_VALUES[number]>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String as PropType<typeof JUSTIFY_VALUES[number]>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = defineComponent({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String as PropType<typeof ALIGN_VALUES[number]>,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: alignContentValidator,\n    },\n\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}
+{"version":3,"file":"VRow.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","ALIGN_VALUES","alignValidator","str","includes","alignProps","type","String","default","validator","JUSTIFY_VALUES","justifyValidator","justifyProps","ALIGN_CONTENT_VALUES","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","tag","class"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <T> (prefix: string, def: () => Prop<T, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<T, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String as PropType<typeof ALIGN_VALUES[number]>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String as PropType<typeof JUSTIFY_VALUES[number]>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = defineComponent({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String as PropType<typeof ALIGN_VALUES[number]>,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: alignContentValidator,\n    },\n\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}

package/lib/components/VGrid/VSpacer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSpacer.mjs","names":["createSimpleFunctional","VSpacer"],"sources":["../../../src/components/VGrid/VSpacer.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,OAAO,GAAGD,sBAAsB,CAAC,aAAD,EAAgB,KAAhB,EAAuB,SAAvB,CAAtC"}
+{"version":3,"file":"VSpacer.mjs","names":["createSimpleFunctional","VSpacer"],"sources":["../../../src/components/VGrid/VSpacer.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer')\n\nexport type VSpacer = InstanceType<typeof VSpacer>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,OAAO,GAAGD,sBAAsB,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC"}

package/lib/components/VGrid/index.d.ts

@@ -23,6 +23,7 @@ declare const VContainer: vue.DefineComponent<{
     tag: string;
     fluid: boolean;
 }>;
+declare type VContainer = InstanceType<typeof VContainer>;
 
 declare const VCol: vue.DefineComponent<{
     tag: {
@@ -150,5 +151,6 @@ declare const VSpacer: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VSpacer = InstanceType<typeof VSpacer>;
 
 export { VCol, VContainer, VRow, VSpacer };

package/lib/components/VGrid/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VContainer","VCol","VRow","VSpacer"],"sources":["../../../src/components/VGrid/index.ts"],"sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"mappings":"SAASA,U;SACAC,I;SACAC,I;SACAC,O"}
+{"version":3,"file":"index.mjs","names":["VContainer","VCol","VRow","VSpacer"],"sources":["../../../src/components/VGrid/index.ts"],"sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"mappings":"SAASA,UAAU;AAAA,SACVC,IAAI;AAAA,SACJC,IAAI;AAAA,SACJC,OAAO"}

package/lib/components/VHover/VHover.mjs

@@ -1,7 +1,6 @@
 // Composables
 import { makeDelayProps, useDelay } from "../../composables/delay.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { defineComponent } from "../../util/index.mjs";
 export const VHover = defineComponent({
   name: 'VHover',
@@ -16,7 +15,6 @@ export const VHover = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -28,7 +26,6 @@ export const VHover = defineComponent({
     } = useDelay(props, value => !props.disabled && (isHovering.value = value));
     return () => {
       var _slots$default;
-
       return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
         isHovering: isHovering.value,
         props: {
@@ -38,6 +35,5 @@ export const VHover = defineComponent({
       });
     };
   }
-
 });
 //# sourceMappingURL=VHover.mjs.map

package/lib/components/VHover/VHover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"sources":["../../../src/components/VHover/VHover.tsx"],"sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OADL;IAELC,UAAU,EAAE;MACVC,IAAI,EAAEF,OADI;MAEVG,OAAO,EAAEC;IAFC,CAFP;IAOL,GAAGZ,cAAc;EAPZ,CAH6B;EAapCa,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAb6B;;EAiBpCC,KAAK,CAAET,KAAF,QAAoB;IAAA,IAAX;MAAEU;IAAF,CAAW;IACvB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAAlC;IACA,MAAM;MAAEY,YAAF;MAAgBC;IAAhB,IAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,UAAU,CAACH,KAAX,GAAmBA,KAAvC,CAAjB,CAAhD;IAEA,OAAO;MAAA;;MAAA,yBAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACH,KADI;QAE3BR,KAAK,EAAE;UACLc,YAAY,EAAEF,YADT;UAELG,YAAY,EAAEF;QAFT;MAFoB,CAAX,CAAX;IAAA,CAAP;EAOD;;AA5BmC,CAAD,CAA9B"}
+{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"sources":["../../../src/components/VHover/VHover.tsx"],"sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n\nexport type VHover = InstanceType<typeof VHover>\n"],"mappings":"AAAA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,eAAe,8CAExB;AAAA,SACSC,eAAe;AAExB,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OAAO;IACjBC,UAAU,EAAE;MACVC,IAAI,EAAEF,OAAO;MACbG,OAAO,EAAEC;IACX,CAAC;IAED,GAAGZ,cAAc;EACnB,CAAC;EAEDa,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAK,EAAE,YAAY,CAAC;IACvD,MAAM;MAAEY,YAAY;MAAEC;IAAc,CAAC,GAAGlB,QAAQ,CAACK,KAAK,EAAEQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAQ,KAAKU,UAAU,CAACH,KAAK,GAAGA,KAAK,CAAC,CAAC;IAE/G,OAAO;MAAA;MAAA,yBAAME,KAAK,CAACL,OAAO,qBAAb,oBAAAK,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACH,KAAK;QAC5BR,KAAK,EAAE;UACLc,YAAY,EAAEF,YAAY;UAC1BG,YAAY,EAAEF;QAChB;MACF,CAAC,CAAC;IAAA;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VHover/index.d.ts

@@ -26,5 +26,6 @@ declare const VHover: vue.DefineComponent<{
     disabled: boolean;
     modelValue: boolean;
 }>;
+declare type VHover = InstanceType<typeof VHover>;
 
 export { VHover };

package/lib/components/VHover/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VHover"],"sources":["../../../src/components/VHover/index.ts"],"sourcesContent":["export { VHover } from './VHover'\n"],"mappings":"SAASA,M"}
+{"version":3,"file":"index.mjs","names":["VHover"],"sources":["../../../src/components/VHover/index.ts"],"sourcesContent":["export { VHover } from './VHover'\n"],"mappings":"SAASA,MAAM"}

package/lib/components/VIcon/VIcon.mjs

@@ -1,16 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VIcon.css"; // Composables
+import "./VIcon.css";
 
+// Composables
 import { IconValue, useIcon } from "../../composables/icons.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
-
 import { computed, toRef } from 'vue';
 import { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from "../../util/index.mjs"; // Types
-
 export const makeVIconProps = propsFactory({
   color: String,
   start: Boolean,
@@ -25,24 +24,20 @@ export const makeVIconProps = propsFactory({
 export const VIcon = defineComponent({
   name: 'VIcon',
   props: makeVIconProps(),
-
   setup(props, _ref) {
     let {
       attrs,
       slots
     } = _ref;
     let slotIcon;
-
     if (slots.default) {
       slotIcon = computed(() => {
         var _slots$default, _flattenFragments$fil;
-
         const slot = (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
         if (!slot) return;
         return (_flattenFragments$fil = flattenFragments(slot).filter(node => node.children && typeof node.children === 'string')[0]) == null ? void 0 : _flattenFragments$fil.children;
       });
     }
-
     const {
       themeClasses
     } = provideTheme(props);
@@ -74,6 +69,5 @@ export const VIcon = defineComponent({
     }, null));
     return {};
   }
-
 });
 //# sourceMappingURL=VIcon.mjs.map

package/lib/components/VIcon/VIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","onClick","fontSize","size","height","width","undefined"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'v-icon')\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return flattenFragments(slot).filter(node =>\n          node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => (\n      <iconData.value.component\n        tag={ props.tag }\n        icon={ iconData.value.icon }\n        class={[\n          'v-icon',\n          'notranslate',\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          {\n            'v-icon--clickable': !!attrs.onClick,\n            'v-icon--start': props.start,\n            'v-icon--end': props.end,\n          },\n        ]}\n        style={[\n          !sizeClasses.value ? ({\n            fontSize: convertToUnit(props.size),\n            height: convertToUnit(props.size),\n            width: convertToUnit(props.size),\n          }) : undefined,\n          textColorStyles.value,\n        ]}\n        role={ attrs.onClick ? 'button' : undefined }\n        aria-hidden={ !attrs.onClick }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,S,EAAWC,O;SACXC,a,EAAeC,O;SACfC,Y;SACAC,c,EAAgBC,Y;SAChBC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,EAAkBC,Y,EAAcC,S,gCAEzE;;AAGA,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MADkC;EAEzCC,KAAK,EAAEC,OAFkC;EAGzCC,GAAG,EAAED,OAHoC;EAIzCE,IAAI,EAAErB,SAJmC;EAMzC,GAAGE,aAAa,EANyB;EAOzC,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAP,CAAD,CAP0B;EAQzC,GAAGjB,cAAc;AARwB,CAAD,EASvC,QATuC,CAAnC;AAWP,OAAO,MAAMkB,KAAK,GAAGZ,eAAe,CAAC;EACnCa,IAAI,EAAE,OAD6B;EAGnCC,KAAK,EAAEV,cAAc,EAHc;;EAKnCW,KAAK,CAAED,KAAF,QAA2B;IAAA,IAAlB;MAAEE,KAAF;MAASC;IAAT,CAAkB;IAC9B,IAAIC,QAAJ;;IACA,IAAID,KAAK,CAACE,OAAV,EAAmB;MACjBD,QAAQ,GAAGrB,QAAQ,CAAC,MAAM;QAAA;;QACxB,MAAMuB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;QACA,IAAI,CAACG,IAAL,EAAW;QAEX,gCAAOnB,gBAAgB,CAACmB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;MAGD,CAPkB,CAAnB;IAQD;;IAED,MAAM;MAAEC;IAAF,IAAmB7B,YAAY,CAACmB,KAAD,CAArC;IACA,MAAM;MAAEW;IAAF,IAAenC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAb,CAA5B;IACA,MAAM;MAAEY;IAAF,IAAkBlC,OAAO,CAACsB,KAAD,CAA/B;IACA,MAAM;MAAEa,gBAAF;MAAoBC;IAApB,IAAwChC,YAAY,CAACE,KAAK,CAACgB,KAAD,EAAQ,OAAR,CAAN,CAA1D;IAEAX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAFN;MAAA,QAGCc,QAAQ,CAACI,KAAT,CAAenB,IAHhB;MAAA,SAIC,CACL,QADK,EAEL,aAFK,EAGLc,YAAY,CAACK,KAHR,EAILH,WAAW,CAACG,KAJP,EAKLF,gBAAgB,CAACE,KALZ,EAML;QACE,qBAAqB,CAAC,CAACb,KAAK,CAACc,OAD/B;QAEE,iBAAiBhB,KAAK,CAACP,KAFzB;QAGE,eAAeO,KAAK,CAACL;MAHvB,CANK,CAJD;MAAA,SAgBC,CACL,CAACiB,WAAW,CAACG,KAAb,GAAsB;QACpBE,QAAQ,EAAEhC,aAAa,CAACe,KAAK,CAACkB,IAAP,CADH;QAEpBC,MAAM,EAAElC,aAAa,CAACe,KAAK,CAACkB,IAAP,CAFD;QAGpBE,KAAK,EAAEnC,aAAa,CAACe,KAAK,CAACkB,IAAP;MAHA,CAAtB,GAIKG,SALA,EAMLP,eAAe,CAACC,KANX,CAhBD;MAAA,QAwBCb,KAAK,CAACc,OAAN,GAAgB,QAAhB,GAA2BK,SAxB5B;MAAA,eAyBQ,CAACnB,KAAK,CAACc;IAzBf,QAAD,CAAT;IA6BA,OAAO,EAAP;EACD;;AArDkC,CAAD,CAA7B"}
+{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","onClick","fontSize","size","height","width","undefined"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'v-icon')\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return flattenFragments(slot).filter(node =>\n          node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => (\n      <iconData.value.component\n        tag={ props.tag }\n        icon={ iconData.value.icon }\n        class={[\n          'v-icon',\n          'notranslate',\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          {\n            'v-icon--clickable': !!attrs.onClick,\n            'v-icon--start': props.start,\n            'v-icon--end': props.end,\n          },\n        ]}\n        style={[\n          !sizeClasses.value ? ({\n            fontSize: convertToUnit(props.size),\n            height: convertToUnit(props.size),\n            width: convertToUnit(props.size),\n          }) : undefined,\n          textColorStyles.value,\n        ]}\n        role={ attrs.onClick ? 'button' : undefined }\n        aria-hidden={ !attrs.onClick }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,SAAS,EAAEC,OAAO;AAAA,SAClBC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,YAAY,uCAErB;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,aAAa,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAGA,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MAAM;EACbC,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAErB,SAAS;EAEf,GAAGE,aAAa,EAAE;EAClB,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAI,CAAC,CAAC;EAC7B,GAAGjB,cAAc;AACnB,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMkB,KAAK,GAAGZ,eAAe,CAAC;EACnCa,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEV,cAAc,EAAE;EAEvBW,KAAK,CAAED,KAAK,QAAoB;IAAA,IAAlB;MAAEE,KAAK;MAAEC;IAAM,CAAC;IAC5B,IAAIC,QAAqD;IACzD,IAAID,KAAK,CAACE,OAAO,EAAE;MACjBD,QAAQ,GAAGrB,QAAQ,CAAC,MAAM;QAAA;QACxB,MAAMuB,IAAI,qBAAGH,KAAK,CAACE,OAAO,qBAAb,oBAAAF,KAAK,CAAY;QAC9B,IAAI,CAACG,IAAI,EAAE;QAEX,gCAAOnB,gBAAgB,CAACmB,IAAI,CAAC,CAACC,MAAM,CAACC,IAAI,IACvCA,IAAI,CAACC,QAAQ,IAAI,OAAOD,IAAI,CAACC,QAAQ,KAAK,QAAQ,CACnD,CAAC,CAAC,CAAC,qBAFG,sBAEDA,QAAQ;MAChB,CAAC,CAAC;IACJ;IAEA,MAAM;MAAEC;IAAa,CAAC,GAAG7B,YAAY,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEW;IAAS,CAAC,GAAGnC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAK,CAAC;IAC/C,MAAM;MAAEY;IAAY,CAAC,GAAGlC,OAAO,CAACsB,KAAK,CAAC;IACtC,MAAM;MAAEa,gBAAgB;MAAEC;IAAgB,CAAC,GAAGhC,YAAY,CAACE,KAAK,CAACgB,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAAG;MAAA,QACRc,QAAQ,CAACI,KAAK,CAACnB,IAAI;MAAA,SACnB,CACL,QAAQ,EACR,aAAa,EACbc,YAAY,CAACK,KAAK,EAClBH,WAAW,CAACG,KAAK,EACjBF,gBAAgB,CAACE,KAAK,EACtB;QACE,mBAAmB,EAAE,CAAC,CAACb,KAAK,CAACc,OAAO;QACpC,eAAe,EAAEhB,KAAK,CAACP,KAAK;QAC5B,aAAa,EAAEO,KAAK,CAACL;MACvB,CAAC,CACF;MAAA,SACM,CACL,CAACiB,WAAW,CAACG,KAAK,GAAI;QACpBE,QAAQ,EAAEhC,aAAa,CAACe,KAAK,CAACkB,IAAI,CAAC;QACnCC,MAAM,EAAElC,aAAa,CAACe,KAAK,CAACkB,IAAI,CAAC;QACjCE,KAAK,EAAEnC,aAAa,CAACe,KAAK,CAACkB,IAAI;MACjC,CAAC,GAAIG,SAAS,EACdP,eAAe,CAACC,KAAK,CACtB;MAAA,QACMb,KAAK,CAACc,OAAO,GAAG,QAAQ,GAAGK,SAAS;MAAA,eAC7B,CAACnB,KAAK,CAACc;IAAO,QAE/B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VIcon/index.d.ts

@@ -120,5 +120,6 @@ declare const VIcon: vue.DefineComponent<{
     size: string | number;
     tag: string;
 }>;
+declare type VIcon = InstanceType<typeof VIcon>;
 
 export { VClassIcon, VComponentIcon, VIcon, VLigatureIcon, VSvgIcon };

package/lib/components/VIcon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"sources":["../../../src/components/VIcon/index.ts"],"sourcesContent":["export { VIcon } from './VIcon'\nexport { VComponentIcon, VSvgIcon, VLigatureIcon, VClassIcon } from '@/composables/icons'\n"],"mappings":"SAASA,K;SACAC,c,EAAgBC,Q,EAAUC,a,EAAeC,U"}
+{"version":3,"file":"index.mjs","names":["VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"sources":["../../../src/components/VIcon/index.ts"],"sourcesContent":["export { VIcon } from './VIcon'\nexport { VComponentIcon, VSvgIcon, VLigatureIcon, VClassIcon } from '@/composables/icons'\n"],"mappings":"SAASA,KAAK;AAAA,SACLC,cAAc,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU"}

package/lib/components/VImg/VImg.mjs

@@ -1,15 +1,12 @@
 import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import "./VImg.css"; // Components
+import "./VImg.css";
 
+// Components
 import { VResponsive } from "../VResponsive/index.mjs"; // Directives
-
 import intersect from "../../directives/intersect/index.mjs"; // Composables
-
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
-
 import { computed, nextTick, onBeforeMount, ref, vShow, watch, withDirectives } from 'vue';
 import { convertToUnit, defineComponent, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
-
 export const VImg = defineComponent({
   name: 'VImg',
   directives: {
@@ -41,15 +38,17 @@ export const VImg = defineComponent({
     width: [String, Number],
     ...makeTransitionProps()
   },
-  emits: ['loadstart', 'load', 'error'],
-
+  emits: {
+    loadstart: event => true,
+    load: event => true,
+    error: event => true
+  },
   setup(props, _ref) {
     let {
       emit,
       slots
     } = _ref;
     const currentSrc = ref(''); // Set from srcset
-
     const image = ref();
     const state = ref(props.eager ? 'loading' : 'idle');
     const naturalWidth = ref();
@@ -72,32 +71,27 @@ export const VImg = defineComponent({
     });
     watch(() => props.src, () => {
       init(state.value !== 'idle');
-    }); // TODO: getSrc when window width changes
+    });
+    // TODO: getSrc when window width changes
 
     onBeforeMount(() => init());
-
     function init(isIntersecting) {
       if (props.eager && isIntersecting) return;
       if (SUPPORTS_INTERSECTION && !isIntersecting && !props.eager) return;
       state.value = 'loading';
-
       if (normalisedSrc.value.lazySrc) {
         const lazyImg = new Image();
         lazyImg.src = normalisedSrc.value.lazySrc;
         pollForSize(lazyImg, null);
       }
-
       if (!normalisedSrc.value.src) return;
       nextTick(() => {
         var _image$value, _image$value2;
-
         emit('loadstart', ((_image$value = image.value) == null ? void 0 : _image$value.currentSrc) || normalisedSrc.value.src);
-
         if ((_image$value2 = image.value) != null && _image$value2.complete) {
           if (!image.value.naturalWidth) {
             onError();
           }
-
           if (state.value === 'error') return;
           if (!aspectRatio.value) pollForSize(image.value, null);
           onLoad();
@@ -107,36 +101,28 @@ export const VImg = defineComponent({
         }
       });
     }
-
     function onLoad() {
       var _image$value3;
-
       getSrc();
       state.value = 'loaded';
       emit('load', ((_image$value3 = image.value) == null ? void 0 : _image$value3.currentSrc) || normalisedSrc.value.src);
     }
-
     function onError() {
       var _image$value4;
-
       state.value = 'error';
       emit('error', ((_image$value4 = image.value) == null ? void 0 : _image$value4.currentSrc) || normalisedSrc.value.src);
     }
-
     function getSrc() {
       const img = image.value;
       if (img) currentSrc.value = img.currentSrc || img.src;
     }
-
     function pollForSize(img) {
       let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
-
       const poll = () => {
         const {
           naturalHeight: imgHeight,
           naturalWidth: imgWidth
         } = img;
-
         if (imgHeight || imgWidth) {
           naturalWidth.value = imgWidth;
           naturalHeight.value = imgHeight;
@@ -147,20 +133,15 @@ export const VImg = defineComponent({
           naturalHeight.value = 1;
         }
       };
-
       poll();
     }
-
     const containClasses = computed(() => ({
       'v-img__img--cover': props.cover,
       'v-img__img--contain': !props.cover
     }));
-
     const __image = () => {
       var _slots$sources;
-
       if (!normalisedSrc.value.src || state.value === 'idle') return null;
-
       const img = _createVNode("img", {
         "class": ['v-img__img', containClasses.value],
         "src": normalisedSrc.value.src,
@@ -171,7 +152,6 @@ export const VImg = defineComponent({
         "onLoad": onLoad,
         "onError": onError
       }, null);
-
       const sources = (_slots$sources = slots.sources) == null ? void 0 : _slots$sources.call(slots);
       return _createVNode(MaybeTransition, {
         "transition": props.transition,
@@ -182,7 +162,6 @@ export const VImg = defineComponent({
         }, [sources, img]) : img, [[vShow, state.value === 'loaded']])]
       });
     };
-
     const __preloadImage = () => _createVNode(MaybeTransition, {
       "transition": props.transition
     }, {
@@ -192,7 +171,6 @@ export const VImg = defineComponent({
         "alt": ""
       }, null)]
     });
-
     const __placeholder = () => {
       if (!slots.placeholder) return null;
       return _createVNode(MaybeTransition, {
@@ -204,7 +182,6 @@ export const VImg = defineComponent({
         }, [slots.placeholder()])]
       });
     };
-
     const __error = () => {
       if (!slots.error) return null;
       return _createVNode(MaybeTransition, {
@@ -216,7 +193,6 @@ export const VImg = defineComponent({
         }, [slots.error()])]
       });
     };
-
     const __gradient = () => {
       if (!props.gradient) return null;
       return _createVNode("div", {
@@ -226,7 +202,6 @@ export const VImg = defineComponent({
         }
       }, null);
     };
-
     const isBooted = ref(false);
     {
       const stop = watch(aspectRatio, val => {
@@ -268,6 +243,5 @@ export const VImg = defineComponent({
       naturalHeight
     };
   }
-
 });
 //# sourceMappingURL=VImg.mjs.map