@vuetify/nightly 3.0.0-alpha.11 → 3.0.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VIcon/VIcon.tsx"],"names":["makeSizeProps","useSize","makeTagProps","useIcon","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","name","props","color","String","left","Boolean","right","icon","type","Object","tag","setup","slots","slotIcon","default","slot","filter","node","children","iconData","sizeClasses","textColorClasses","textColorStyles","value","fontSize","size","width","height","undefined"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,a,EAAeC,O;SACfC,Y;SACAC,O;SACAC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,gCAEzC;;AAIA,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,OADuB;AAG7BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,IAAI,EAAEC,OAFD;AAGLC,IAAAA,KAAK,EAAED,OAHF;AAILE,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,CAACL,MAAD,EAASM,MAAT;AADF,KAJD;AAOL,OAAGnB,aAAa,EAPX;AAQL,OAAGE,YAAY,CAAC;AAAEkB,MAAAA,GAAG,EAAE;AAAP,KAAD;AARV,GAHsB;;AAc7BC,EAAAA,KAAK,CAAEV,KAAF,EAAS;AAAEW,IAAAA;AAAF,GAAT,EAAoB;AACvB,QAAIC,QAAJ;;AACA,QAAID,KAAK,CAACE,OAAV,EAAmB;AACjBD,MAAAA,QAAQ,GAAGlB,QAAQ,CAAC,MAAM;AAAA;;AACxB,cAAMoB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;AACA,YAAI,CAACG,IAAL,EAAW;AAEX,wCAAOhB,gBAAgB,CAACgB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;AAGD,OAPkB,CAAnB;AAQD;;AAED,UAAM;AAAEC,MAAAA;AAAF,QAAe1B,OAAO,CAACoB,QAAQ,IAAIZ,KAAb,CAA5B;AACA,UAAM;AAAEmB,MAAAA;AAAF,QAAkB7B,OAAO,CAACU,KAAD,EAAQ,QAAR,CAA/B;AACA,UAAM;AAAEoB,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwC5B,YAAY,CAACE,KAAK,CAACK,KAAD,EAAQ,OAAR,CAAN,CAA1D;AAEA,WAAO,MAAM;AACX;AAAA,eAEUA,KAAK,CAACS,GAFhB;AAAA,gBAGWS,QAAQ,CAACI,KAAT,CAAehB,IAH1B;AAAA,iBAIW,CACL,QADK,EAEL,aAFK,EAGLa,WAAW,CAACG,KAHP,EAILF,gBAAgB,CAACE,KAJZ,EAKL;AACE,0BAAgBtB,KAAK,CAACG,IADxB;AAEE,2BAAiBH,KAAK,CAACK;AAFzB,SALK,CAJX;AAAA,iBAcW,CACL,CAACc,WAAW,CAACG,KAAb,GAAsB;AACpBC,UAAAA,QAAQ,EAAE3B,aAAa,CAACI,KAAK,CAACwB,IAAP,CADH;AAEpBC,UAAAA,KAAK,EAAE7B,aAAa,CAACI,KAAK,CAACwB,IAAP,CAFA;AAGpBE,UAAAA,MAAM,EAAE9B,aAAa,CAACI,KAAK,CAACwB,IAAP;AAHD,SAAtB,GAIKG,SALA,EAMLN,eAAe,CAACC,KANX,CAdX;AAAA,uBAsBgB;AAtBhB;AAyBD,KA1BD;AA2BD;;AA1D4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useIcon } from '@/composables/icons'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments } from '@/util'\n\n// Types\nimport type { IconValue } from '@/composables/icons'\nimport type { ComputedRef, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'VIcon',\n\n  props: {\n    color: String,\n    left: Boolean,\n    right: Boolean,\n    icon: {\n      type: [String, Object] as PropType<IconValue>,\n    },\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'i' }),\n  },\n\n  setup (props, { 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 { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props, 'v-icon')\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    return () => {\n      return (\n        <iconData.value.component\n          tag={ props.tag }\n          icon={ iconData.value.icon }\n          class={[\n            'v-icon',\n            'notranslate',\n            sizeClasses.value,\n            textColorClasses.value,\n            {\n              'v-icon--left': props.left,\n              'v-icon--right': props.right,\n            },\n          ]}\n          style={[\n            !sizeClasses.value ? ({\n              fontSize: convertToUnit(props.size),\n              width: convertToUnit(props.size),\n              height: convertToUnit(props.size),\n            }) : undefined,\n            textColorStyles.value,\n          ]}\n          aria-hidden=\"true\"\n        />\n      )\n    }\n  },\n})\n"],"file":"VIcon.mjs"}
+{"version":3,"sources":["../../../src/components/VIcon/VIcon.tsx"],"names":["makeSizeProps","useSize","makeTagProps","useIcon","useTextColor","makeThemeProps","provideTheme","computed","toRef","convertToUnit","defineComponent","flattenFragments","VIcon","name","props","color","String","left","Boolean","right","icon","type","Object","tag","setup","slots","slotIcon","default","slot","filter","node","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","fontSize","size","width","height","undefined"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,a,EAAeC,O;SACfC,Y;SACAC,O;SACAC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,gCAEzC;;AAIA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;AACnCG,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,IAAI,EAAEC,OAFD;AAGLC,IAAAA,KAAK,EAAED,OAHF;AAILE,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,CAACL,MAAD,EAASM,MAAT;AADF,KAJD;AAOL,OAAGtB,aAAa,EAPX;AAQL,OAAGE,YAAY,CAAC;AAAEqB,MAAAA,GAAG,EAAE;AAAP,KAAD,CARV;AASL,OAAGlB,cAAc;AATZ,GAH4B;;AAenCmB,EAAAA,KAAK,CAAEV,KAAF,QAAoB;AAAA,QAAX;AAAEW,MAAAA;AAAF,KAAW;AACvB,QAAIC,QAAJ;;AACA,QAAID,KAAK,CAACE,OAAV,EAAmB;AACjBD,MAAAA,QAAQ,GAAGnB,QAAQ,CAAC,MAAM;AAAA;;AACxB,cAAMqB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;AACA,YAAI,CAACG,IAAL,EAAW;AAEX,wCAAOjB,gBAAgB,CAACiB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;AAGD,OAPkB,CAAnB;AAQD;;AAED,UAAM;AAAEC,MAAAA;AAAF,QAAmB1B,YAAY,CAACQ,KAAD,CAArC;AACA,UAAM;AAAEmB,MAAAA;AAAF,QAAe9B,OAAO,CAACuB,QAAQ,IAAIZ,KAAb,CAA5B;AACA,UAAM;AAAEoB,MAAAA;AAAF,QAAkBjC,OAAO,CAACa,KAAD,CAA/B;AACA,UAAM;AAAEqB,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwChC,YAAY,CAACI,KAAK,CAACM,KAAD,EAAQ,OAAR,CAAN,CAA1D;AAEA,WAAO,MAAM;AACX;AAAA,eAEUA,KAAK,CAACS,GAFhB;AAAA,gBAGWU,QAAQ,CAACI,KAAT,CAAejB,IAH1B;AAAA,iBAIW,CACL,QADK,EAEL,aAFK,EAGLc,WAAW,CAACG,KAHP,EAILF,gBAAgB,CAACE,KAJZ,EAKLL,YAAY,CAACK,KALR,EAML;AACE,0BAAgBvB,KAAK,CAACG,IADxB;AAEE,2BAAiBH,KAAK,CAACK;AAFzB,SANK,CAJX;AAAA,iBAeW,CACL,CAACe,WAAW,CAACG,KAAb,GAAsB;AACpBC,UAAAA,QAAQ,EAAE7B,aAAa,CAACK,KAAK,CAACyB,IAAP,CADH;AAEpBC,UAAAA,KAAK,EAAE/B,aAAa,CAACK,KAAK,CAACyB,IAAP,CAFA;AAGpBE,UAAAA,MAAM,EAAEhC,aAAa,CAACK,KAAK,CAACyB,IAAP;AAHD,SAAtB,GAIKG,SALA,EAMLN,eAAe,CAACC,KANX,CAfX;AAAA,uBAuBgB;AAvBhB;AA0BD,KA3BD;AA4BD;;AA7DkC,CAAD,CAA7B","sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useIcon } from '@/composables/icons'\nimport { useTextColor } from '@/composables/color'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments } from '@/util'\n\n// Types\nimport type { IconValue } from '@/composables/icons'\nimport type { ComputedRef, PropType } from 'vue'\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: {\n    color: String,\n    left: Boolean,\n    right: Boolean,\n    icon: {\n      type: [String, Object] as PropType<IconValue>,\n    },\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'i' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { 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    return () => {\n      return (\n        <iconData.value.component\n          tag={ props.tag }\n          icon={ iconData.value.icon }\n          class={[\n            'v-icon',\n            'notranslate',\n            sizeClasses.value,\n            textColorClasses.value,\n            themeClasses.value,\n            {\n              'v-icon--left': props.left,\n              'v-icon--right': props.right,\n            },\n          ]}\n          style={[\n            !sizeClasses.value ? ({\n              fontSize: convertToUnit(props.size),\n              width: convertToUnit(props.size),\n              height: convertToUnit(props.size),\n            }) : undefined,\n            textColorStyles.value,\n          ]}\n          aria-hidden=\"true\"\n        />\n      )\n    }\n  },\n})\n"],"file":"VIcon.mjs"}

package/lib/components/VIcon/VIcon.sass

@@ -29,16 +29,10 @@
 
 .v-icon__svg
   fill: currentColor
+  width: 100%
+  height: 100%
 
 .v-icon
-  &--size-default
-    .v-btn:not(.v-btn--icon):not(.v-btn--stacked) &
-      .v-bottom-navigation &
-        font-size: $icon-btn-bottom-navigation-font-size
-
-      .v-bottom-navigation:not(.v-bottom-navigation--horizontal) &
-        margin: 0
-
   &--left
     .v-btn:not(.v-btn--icon) &
       margin-inline-start: $icon-btn-margin-start

package/lib/components/VIcon/_variables.scss

@@ -3,7 +3,6 @@
 @use '../../styles/tools';
 
 // Defaults
-$icon-btn-bottom-navigation-font-size: 24px !default;
 $icon-btn-margin-start-multiplier: -9 !default;
 $icon-btn-margin-end-multiplier: 4.5 !default;
 $icon-btn-margin-start: calc(var(--v-btn-height) / #{$icon-btn-margin-start-multiplier}) !default;

package/lib/components/VIcon/index.mjs

@@ -1,3 +1,3 @@
-export { default as VIcon } from "./VIcon.mjs";
+export { VIcon } from "./VIcon.mjs";
 export { VComponentIcon, VSvgIcon, VLigatureIcon, VClassIcon } from "../../composables/icons.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VIcon/index.ts"],"names":["default","VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"mappings":"SAASA,OAAO,IAAIC,K;SAElBC,c,EACAC,Q,EACAC,a,EACAC,U","sourcesContent":["export { default as VIcon } from './VIcon'\nexport {\n  VComponentIcon,\n  VSvgIcon,\n  VLigatureIcon,\n  VClassIcon,\n} from '@/composables/icons'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VIcon/index.ts"],"names":["VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"mappings":"SAASA,K;SAEPC,c,EACAC,Q,EACAC,a,EACAC,U","sourcesContent":["export { VIcon } from './VIcon'\nexport {\n  VComponentIcon,\n  VSvgIcon,\n  VLigatureIcon,\n  VClassIcon,\n} from '@/composables/icons'\n"],"file":"index.mjs"}

package/lib/components/VImg/VImg.css

@@ -2,9 +2,13 @@
   --v-theme-overlay-multiplier: 3;
   z-index: 0;
 }
+.v-img--booting .v-responsive__sizer {
+  transition: none;
+}
 
 .v-img__img,
 .v-img__picture,
+.v-img__gradient,
 .v-img__placeholder,
 .v-img__error {
   z-index: -1;
@@ -23,4 +27,8 @@
 }
 .v-img__img--cover {
   object-fit: cover;
+}
+
+.v-img__gradient {
+  background-repeat: no-repeat;
 }

package/lib/components/VImg/VImg.mjs

@@ -8,9 +8,9 @@ import intersect from "../../directives/intersect/index.mjs"; // Composables
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
 
 import { computed, h, nextTick, onBeforeMount, ref, vShow, watch, withDirectives } from 'vue';
-import { defineComponent, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
+import { convertToUnit, defineComponent, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
 
-export default defineComponent({
+export const VImg = defineComponent({
   name: 'VImg',
   directives: {
     intersect
@@ -20,6 +20,7 @@ export default defineComponent({
     alt: String,
     cover: Boolean,
     eager: Boolean,
+    gradient: String,
     lazySrc: String,
     options: {
       type: Object,
@@ -31,24 +32,22 @@ export default defineComponent({
         threshold: undefined
       })
     },
-    position: {
-      type: String,
-      default: 'center center'
-    },
     sizes: String,
     src: {
       type: [String, Object],
       default: ''
     },
     srcset: String,
+    width: [String, Number],
     ...makeTransitionProps()
   },
   emits: ['loadstart', 'load', 'error'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     const currentSrc = ref(''); // Set from srcset
 
     const image = ref();
@@ -81,6 +80,14 @@ export default defineComponent({
       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;
 
@@ -99,12 +106,6 @@ export default defineComponent({
           getSrc();
         }
       });
-
-      if (normalisedSrc.value.lazySrc) {
-        const lazyImg = new Image();
-        lazyImg.src = normalisedSrc.value.lazySrc;
-        pollForSize(lazyImg, null);
-      }
     }
 
     function onLoad() {
@@ -127,7 +128,9 @@ export default defineComponent({
       if (img) currentSrc.value = img.currentSrc || img.src;
     }
 
-    function pollForSize(img, timeout = 100) {
+    function pollForSize(img) {
+      let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+
       const poll = () => {
         const {
           naturalHeight: imgHeight,
@@ -173,9 +176,8 @@ export default defineComponent({
       }, {
         default: () => [withDirectives(sources ? _createVNode("picture", {
           "class": "v-img__picture"
-        }, [sources, img]) : img, [[vShow, state.value === 'loaded']])],
-        _: 2
-      }, 8, ["transition", "appear"]);
+        }, [sources, img]) : img, [[vShow, state.value === 'loaded']])]
+      });
     });
 
     const __preloadImage = computed(() => _createVNode(MaybeTransition, {
@@ -185,8 +187,8 @@ export default defineComponent({
         "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
         "src": normalisedSrc.value.lazySrc,
         "alt": ""
-      }, null, 10, ["src"])]
-    }, 8, ["transition"]));
+      }, null)]
+    }));
 
     const __placeholder = computed(() => {
       if (!slots.placeholder) return;
@@ -197,7 +199,7 @@ export default defineComponent({
         default: () => [(state.value === 'loading' || state.value === 'error' && !slots.error) && _createVNode("div", {
           "class": "v-img__placeholder"
         }, [slots.placeholder()])]
-      }, 8, ["transition", "appear"]);
+      });
     });
 
     const __error = computed(() => {
@@ -209,18 +211,47 @@ export default defineComponent({
         default: () => [state.value === 'error' && _createVNode("div", {
           "class": "v-img__error"
         }, [slots.error()])]
-      }, 8, ["transition", "appear"]);
+      });
     });
 
+    const __gradient = computed(() => {
+      if (!props.gradient) return;
+      return _createVNode("div", {
+        "class": "v-img__gradient",
+        "style": {
+          backgroundImage: `linear-gradient(${props.gradient})`
+        }
+      }, null);
+    });
+
+    const isBooted = ref(false);
+    {
+      const stop = watch(aspectRatio, val => {
+        if (val) {
+          // Doesn't work with nextTick, idk why
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              isBooted.value = true;
+            });
+          });
+          stop();
+        }
+      });
+    }
     useRender(() => _withDirectives(_createVNode(VResponsive, {
-      "class": "v-img",
+      "class": ['v-img', {
+        'v-img--booting': !isBooted.value
+      }],
+      "style": {
+        width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width)
+      },
       "aspectRatio": aspectRatio.value,
       "aria-label": props.alt,
       "role": props.alt ? 'img' : undefined
     }, {
-      additional: () => [__image.value, __preloadImage.value, __placeholder.value, __error.value],
+      additional: () => [__image.value, __preloadImage.value, __gradient.value, __placeholder.value, __error.value],
       default: slots.default
-    }, 8, ["aspectRatio", "aria-label", "role"]), [[_resolveDirective("intersect"), {
+    }), [[_resolveDirective("intersect"), {
       handler: init,
       options: props.options
     }, null, {

package/lib/components/VImg/VImg.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VImg/VImg.tsx"],"names":["VResponsive","intersect","makeTransitionProps","MaybeTransition","computed","h","nextTick","onBeforeMount","ref","vShow","watch","withDirectives","defineComponent","SUPPORTS_INTERSECTION","useRender","name","directives","props","aspectRatio","String","Number","alt","cover","Boolean","eager","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","position","sizes","src","srcset","emits","setup","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","value","init","isIntersecting","complete","onError","pollForSize","onLoad","getSrc","lazyImg","Image","img","timeout","poll","imgHeight","imgWidth","setTimeout","endsWith","startsWith","containClasses","__image","class","sources","transition","__preloadImage","__placeholder","placeholder","error","__error","additional","handler"],"mappings":"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","sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n  computed,\n  h,\n  nextTick,\n  onBeforeMount,\n  ref,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue'\nimport {\n  defineComponent,\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 default defineComponent({\n  name: 'VImg',\n\n  directives: { intersect },\n\n  props: {\n    aspectRatio: [String, Number],\n    alt: String,\n    cover: Boolean,\n    eager: Boolean,\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    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    srcset: String,\n\n    ...makeTransitionProps(),\n  },\n\n  emits: ['loadstart', 'load', 'error'],\n\n  setup (props, { emit, slots }) {\n    const currentSrc = ref('') // Set from srcset\n    const image = ref<HTMLImageElement>()\n    const state = ref<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n    const naturalWidth = ref<number>()\n    const naturalHeight = ref<number>()\n\n    const normalisedSrc = computed<srcObject>(() => {\n      return props.src && typeof props.src === 'object'\n        ? {\n          src: props.src.src,\n          srcset: props.srcset || props.src.srcset,\n          lazySrc: props.lazySrc || props.src.lazySrc,\n          aspect: Number(props.aspectRatio || props.src.aspect),\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    // 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      nextTick(() => {\n        emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n        if (image.value?.complete) {\n          if (!image.value.naturalWidth) {\n            onError()\n          }\n\n          if (state.value === 'error') return\n\n          if (!aspectRatio.value) pollForSize(image.value, null)\n          onLoad()\n        } else {\n          if (!aspectRatio.value) pollForSize(image.value!)\n          getSrc()\n        }\n      })\n\n      if (normalisedSrc.value.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = normalisedSrc.value.lazySrc\n        pollForSize(lazyImg, null)\n      }\n    }\n\n    function onLoad () {\n      getSrc()\n      state.value = 'loaded'\n      emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function onError () {\n      state.value = 'error'\n      emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function getSrc () {\n      const img = image.value\n      if (img) currentSrc.value = img.currentSrc || img.src\n    }\n\n    function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\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          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 = computed(() => {\n      if (!normalisedSrc.value.src || state.value === 'idle') return\n\n      const img = h('img', {\n        class: ['v-img__img', containClasses.value],\n        src: normalisedSrc.value.src,\n        srcset: normalisedSrc.value.srcset,\n        sizes: props.sizes,\n        ref: image,\n        onLoad,\n        onError,\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 = computed(() => (\n      <MaybeTransition transition={ props.transition }>\n        { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n          <img\n            class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n            src={ normalisedSrc.value.lazySrc }\n            alt=\"\"\n          />\n        )}\n      </MaybeTransition>\n    ))\n\n    const __placeholder = computed(() => {\n      if (!slots.placeholder) return\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 = computed(() => {\n      if (!slots.error) return\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    useRender(() => (\n      <VResponsive\n        class=\"v-img\"\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        v-slots={{\n          additional: () => [__image.value, __preloadImage.value, __placeholder.value, __error.value],\n          default: slots.default,\n        }}\n      />\n    ))\n\n    return {\n      currentSrc,\n      image,\n      state,\n      naturalWidth,\n      naturalHeight,\n    }\n  },\n})\n"],"file":"VImg.mjs"}
+{"version":3,"sources":["../../../src/components/VImg/VImg.tsx"],"names":["VResponsive","intersect","makeTransitionProps","MaybeTransition","computed","h","nextTick","onBeforeMount","ref","vShow","watch","withDirectives","convertToUnit","defineComponent","SUPPORTS_INTERSECTION","useRender","VImg","name","directives","props","aspectRatio","String","Number","alt","cover","Boolean","eager","gradient","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","sizes","src","srcset","width","emits","setup","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","value","init","isIntersecting","lazyImg","Image","pollForSize","complete","onError","onLoad","getSrc","img","timeout","poll","imgHeight","imgWidth","setTimeout","endsWith","startsWith","containClasses","__image","class","sources","transition","__preloadImage","__placeholder","placeholder","error","__error","__gradient","backgroundImage","isBooted","stop","val","requestAnimationFrame","additional","handler"],"mappings":"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","sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n  computed,\n  h,\n  nextTick,\n  onBeforeMount,\n  ref,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue'\nimport {\n  convertToUnit,\n  defineComponent,\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 const VImg = defineComponent({\n  name: 'VImg',\n\n  directives: { intersect },\n\n  props: {\n    aspectRatio: [String, Number],\n    alt: String,\n    cover: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n    sizes: String,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    srcset: String,\n    width: [String, Number],\n\n    ...makeTransitionProps(),\n  },\n\n  emits: ['loadstart', 'load', 'error'],\n\n  setup (props, { emit, slots }) {\n    const currentSrc = ref('') // Set from srcset\n    const image = ref<HTMLImageElement>()\n    const state = ref<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n    const naturalWidth = ref<number>()\n    const naturalHeight = ref<number>()\n\n    const normalisedSrc = computed<srcObject>(() => {\n      return props.src && typeof props.src === 'object'\n        ? {\n          src: props.src.src,\n          srcset: props.srcset || props.src.srcset,\n          lazySrc: props.lazySrc || props.src.lazySrc,\n          aspect: Number(props.aspectRatio || props.src.aspect),\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    // TODO: getSrc when window width changes\n\n    onBeforeMount(() => init())\n\n    function init (isIntersecting?: boolean) {\n      if (props.eager && isIntersecting) return\n      if (\n        SUPPORTS_INTERSECTION &&\n        !isIntersecting &&\n        !props.eager\n      ) return\n\n      state.value = 'loading'\n\n      if (normalisedSrc.value.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = normalisedSrc.value.lazySrc\n        pollForSize(lazyImg, null)\n      }\n\n      if (!normalisedSrc.value.src) return\n\n      nextTick(() => {\n        emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n        if (image.value?.complete) {\n          if (!image.value.naturalWidth) {\n            onError()\n          }\n\n          if (state.value === 'error') return\n\n          if (!aspectRatio.value) pollForSize(image.value, null)\n          onLoad()\n        } else {\n          if (!aspectRatio.value) pollForSize(image.value!)\n          getSrc()\n        }\n      })\n    }\n\n    function onLoad () {\n      getSrc()\n      state.value = 'loaded'\n      emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function onError () {\n      state.value = 'error'\n      emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function getSrc () {\n      const img = image.value\n      if (img) currentSrc.value = img.currentSrc || img.src\n    }\n\n    function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\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          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 = computed(() => {\n      if (!normalisedSrc.value.src || state.value === 'idle') return\n\n      const img = h('img', {\n        class: ['v-img__img', containClasses.value],\n        src: normalisedSrc.value.src,\n        srcset: normalisedSrc.value.srcset,\n        sizes: props.sizes,\n        ref: image,\n        onLoad,\n        onError,\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 = computed(() => (\n      <MaybeTransition transition={ props.transition }>\n        { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n          <img\n            class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n            src={ normalisedSrc.value.lazySrc }\n            alt=\"\"\n          />\n        )}\n      </MaybeTransition>\n    ))\n\n    const __placeholder = computed(() => {\n      if (!slots.placeholder) return\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 = computed(() => {\n      if (!slots.error) return\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 = computed(() => {\n      if (!props.gradient) return\n\n      return <div class=\"v-img__gradient\" style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />\n    })\n\n    const isBooted = ref(false)\n    {\n      const stop = watch(aspectRatio, val => {\n        if (val) {\n          // Doesn't work with nextTick, idk why\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              isBooted.value = true\n            })\n          })\n          stop()\n        }\n      })\n    }\n\n    useRender(() => (\n      <VResponsive\n        class={[\n          'v-img',\n          { 'v-img--booting': !isBooted.value },\n        ]}\n        style={{ width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) }}\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        v-slots={{\n          additional: () => [__image.value, __preloadImage.value, __gradient.value, __placeholder.value, __error.value],\n          default: slots.default,\n        }}\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"],"file":"VImg.mjs"}

package/lib/components/VImg/VImg.sass

@@ -1,20 +1,22 @@
 @forward './variables'
+@use '../../styles/tools'
 @use './variables' as *
 
 .v-img
   --v-theme-overlay-multiplier: 3
   z-index: 0
 
+  &--booting .v-responsive__sizer
+    transition: none
+
 .v-img__img,
 .v-img__picture,
+.v-img__gradient,
 .v-img__placeholder,
 .v-img__error
   z-index: -1
-  position: absolute
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
+
+  @include tools.absolute()
 
 .v-img__img
   &--preload
@@ -25,3 +27,6 @@
 
   &--cover
     object-fit: cover
+
+.v-img__gradient
+  background-repeat: no-repeat

package/lib/components/VImg/index.mjs

@@ -1,2 +1,2 @@
-export { default as VImg } from "./VImg.mjs";
+export { VImg } from "./VImg.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VImg/index.ts"],"names":["default","VImg"],"mappings":"SAASA,OAAO,IAAIC,I","sourcesContent":["export { default as VImg } from './VImg'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VImg/index.ts"],"names":["VImg"],"mappings":"SAASA,I","sourcesContent":["export { VImg } from './VImg'\n"],"file":"index.mjs"}

package/lib/components/VInput/VInput.css

@@ -1,53 +1,110 @@
 .v-input {
   display: grid;
   flex: 1 1 auto;
-  grid-template-areas: "prepend control append" "a messages b";
-  grid-template-columns: max-content auto max-content;
-  grid-template-rows: auto auto;
+}
+.v-input--disabled {
+  pointer-events: none;
 }
 .v-input--density-default {
   --v-input-control-height: 56px;
+  --v-input-padding-top: 16px;
 }
 
 .v-input--density-comfortable {
   --v-input-control-height: 48px;
+  --v-input-padding-top: 12px;
 }
 
 .v-input--density-compact {
   --v-input-control-height: 40px;
+  --v-input-padding-top: 8px;
+}
+
+.v-input--vertical {
+  grid-template-areas: "append" "control" "prepend";
+  grid-template-rows: max-content auto max-content;
+  grid-template-columns: min-content;
+}
+.v-input--vertical .v-input__prepend {
+  margin-block-start: 16px;
+}
+.v-input--vertical .v-input__append {
+  margin-block-end: 16px;
+}
+
+.v-input--horizontal {
+  grid-template-areas: "prepend control append" "a messages b";
+  grid-template-columns: max-content auto max-content;
+  grid-template-rows: auto auto;
+}
+.v-input--horizontal .v-input__prepend {
+  margin-inline-end: 16px;
+}
+.v-input--horizontal .v-input__append {
+  margin-inline-start: 16px;
 }
 
 .v-input__details {
   align-items: flex-end;
-  color: rgba(0, 0, 0, 0.6);
   display: flex;
   font-size: 0.75rem;
   font-weight: 400;
   grid-area: messages;
   letter-spacing: 0.0333333333em;
   line-height: normal;
+  margin-bottom: 16px;
   min-height: 22px;
   padding-top: 6px;
   overflow: hidden;
-  padding-inline-start: 16px;
-  padding-inline-end: 16px;
   justify-content: space-between;
-  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-input__details > .v-icon,
+.v-input__prepend > .v-icon,
+.v-input__append > .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-input--disabled .v-input__details > .v-icon,
+.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
+.v-input--error .v-input__details .v-messages,
+.v-input--disabled .v-input__prepend > .v-icon,
+.v-input--disabled .v-input__prepend .v-messages,
+.v-input--error .v-input__prepend > .v-icon,
+.v-input--error .v-input__prepend .v-messages,
+.v-input--disabled .v-input__append > .v-icon,
+.v-input--disabled .v-input__append .v-messages,
+.v-input--error .v-input__append > .v-icon,
+.v-input--error .v-input__append .v-messages {
+  opacity: 1;
+}
+.v-input--disabled .v-input__details,
+.v-input--disabled .v-input__prepend,
+.v-input--disabled .v-input__append {
+  opacity: var(--v-disabled-opacity);
+}
+.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
+.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
+.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
+.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
+  color: rgb(var(--v-theme-error));
 }
 
 .v-input__prepend,
 .v-input__append {
   display: flex;
-  align-items: center;
-  align-self: center;
+  padding-top: var(--v-input-padding-top);
 }
 
 .v-input__prepend {
-  margin-inline-end: 16px;
   grid-area: prepend;
 }
 
 .v-input__append {
-  margin-inline-start: 16px;
   grid-area: append;
+}
+
+.v-input__control {
+  grid-area: control;
 }