@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.0

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

@@ -11,21 +11,19 @@ declare const VParallax: {
         $data: {};
         $props: Partial<{
             scale: string | number;
+            style: vue.StyleValue;
         }> & Omit<{
             scale: string | number;
-        } & {} & {
-            $children?: {} | vue.VNodeChild | {
+            style: vue.StyleValue;
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 placeholder?: (() => vue.VNodeChild) | undefined;
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -37,7 +35,7 @@ declare const VParallax: {
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "scale">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "scale" | "style">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -53,19 +51,16 @@ declare const VParallax: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             scale: string | number;
-        } & {} & {
-            $children?: {} | vue.VNodeChild | {
+            style: vue.StyleValue;
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 placeholder?: (() => vue.VNodeChild) | undefined;
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -79,6 +74,7 @@ declare const VParallax: {
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             scale: string | number;
+            style: vue.StyleValue;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -101,19 +97,16 @@ declare const VParallax: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
         scale: string | number;
-    } & {} & {
-        $children?: {} | vue.VNodeChild | {
+        style: vue.StyleValue;
+    } & {
+        class?: any;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             placeholder?: (() => vue.VNodeChild) | undefined;
             error?: (() => vue.VNodeChild) | undefined;
             sources?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            placeholder?: (() => vue.VNodeChild) | undefined;
-            error?: (() => vue.VNodeChild) | undefined;
-            sources?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -131,19 +124,16 @@ declare const VParallax: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     scale: string | number;
-} & {} & {
-    $children?: {} | vue.VNodeChild | {
+    style: vue.StyleValue;
+} & {
+    class?: any;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         placeholder?: (() => vue.VNodeChild) | undefined;
         error?: (() => vue.VNodeChild) | undefined;
         sources?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        placeholder?: (() => vue.VNodeChild) | undefined;
-        error?: (() => vue.VNodeChild) | undefined;
-        sources?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         placeholder?: false | (() => vue.VNodeChild) | undefined;
@@ -157,12 +147,23 @@ declare const VParallax: {
     "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     scale: string | number;
+    style: vue.StyleValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     scale: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     scale: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

package/lib/components/VProgressCircular/VProgressCircular.mjs

@@ -3,6 +3,7 @@ import { createVNode as _createVNode } from "vue";
 import "./VProgressCircular.css";
 
 // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
@@ -29,6 +30,7 @@ export const VProgressCircular = genericComponent()({
       type: [Number, String],
       default: 4
     },
+    ...makeComponentProps(),
     ...makeSizeProps(),
     ...makeTagProps({
       tag: 'div'
@@ -84,8 +86,8 @@ export const VProgressCircular = genericComponent()({
         'v-progress-circular--indeterminate': !!props.indeterminate,
         'v-progress-circular--visible': isIntersecting.value,
         'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink'
-      }, themeClasses.value, sizeClasses.value, textColorClasses.value],
-      "style": [sizeStyles.value, textColorStyles.value],
+      }, themeClasses.value, sizeClasses.value, textColorClasses.value, props.class],
+      "style": [sizeStyles.value, textColorStyles.value, props.style],
       "role": "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",

package/lib/components/VProgressCircular/VProgressCircular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressCircular.mjs","names":["makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useResizeObserver","useTextColor","computed","ref","toRef","watchEffect","convertToUnit","genericComponent","useRender","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","_ref","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","_createVNode","undefined","transform"],"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = genericComponent()({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressCircular = InstanceType<typeof VProgressCircular>\n"],"mappings":"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"}
+{"version":3,"file":"VProgressCircular.mjs","names":["makeComponentProps","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useResizeObserver","useTextColor","computed","ref","toRef","watchEffect","convertToUnit","genericComponent","useRender","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","_ref","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","_createVNode","class","style","undefined","transform"],"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = genericComponent()({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeComponentProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          props.class,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressCircular = InstanceType<typeof VProgressCircular>\n"],"mappings":"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"}

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

@@ -12,17 +12,20 @@ declare const VProgressCircular: {
         $props: Partial<{
             width: string | number;
             rotate: string | number;
+            style: vue.StyleValue;
             size: string | number;
             tag: string;
             modelValue: string | number;
         }> & Omit<{
             width: string | number;
             rotate: string | number;
+            style: vue.StyleValue;
             size: string | number;
             tag: string;
             modelValue: string | number;
         } & {
             color?: string | undefined;
+            class?: any;
             indeterminate?: boolean | "disable-shrink" | undefined;
             theme?: string | undefined;
             bgColor?: string | undefined;
@@ -30,15 +33,12 @@ declare const VProgressCircular: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "rotate" | "size" | "tag" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "rotate" | "style" | "size" | "tag" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -55,11 +55,13 @@ declare const VProgressCircular: {
         $options: vue.ComponentOptionsBase<{
             width: string | number;
             rotate: string | number;
+            style: vue.StyleValue;
             size: string | number;
             tag: string;
             modelValue: string | number;
         } & {
             color?: string | undefined;
+            class?: any;
             indeterminate?: boolean | "disable-shrink" | undefined;
             theme?: string | undefined;
             bgColor?: string | undefined;
@@ -67,9 +69,6 @@ declare const VProgressCircular: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -78,6 +77,7 @@ declare const VProgressCircular: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             width: string | number;
             rotate: string | number;
+            style: vue.StyleValue;
             size: string | number;
             tag: string;
             modelValue: string | number;
@@ -104,11 +104,13 @@ declare const VProgressCircular: {
     } & {
         width: string | number;
         rotate: string | number;
+        style: vue.StyleValue;
         size: string | number;
         tag: string;
         modelValue: string | number;
     } & {
         color?: string | undefined;
+        class?: any;
         indeterminate?: boolean | "disable-shrink" | undefined;
         theme?: string | undefined;
         bgColor?: string | undefined;
@@ -116,9 +118,6 @@ declare const VProgressCircular: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -131,11 +130,13 @@ declare const VProgressCircular: {
 } & vue.ComponentOptionsBase<{
     width: string | number;
     rotate: string | number;
+    style: vue.StyleValue;
     size: string | number;
     tag: string;
     modelValue: string | number;
 } & {
     color?: string | undefined;
+    class?: any;
     indeterminate?: boolean | "disable-shrink" | undefined;
     theme?: string | undefined;
     bgColor?: string | undefined;
@@ -143,9 +144,6 @@ declare const VProgressCircular: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -154,6 +152,7 @@ declare const VProgressCircular: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     width: string | number;
     rotate: string | number;
+    style: vue.StyleValue;
     size: string | number;
     tag: string;
     modelValue: string | number;
@@ -170,6 +169,11 @@ declare const VProgressCircular: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     bgColor: StringConstructor;
     color: StringConstructor;
     indeterminate: PropType<boolean | "disable-shrink">;
@@ -198,6 +202,11 @@ declare const VProgressCircular: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     bgColor: StringConstructor;
     color: StringConstructor;
     indeterminate: PropType<boolean | "disable-shrink">;

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -3,9 +3,10 @@ import { createVNode as _createVNode } from "vue";
 import "./VProgressLinear.css";
 
 // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
@@ -46,6 +47,7 @@ export const VProgressLinear = genericComponent()({
     stream: Boolean,
     striped: Boolean,
     roundedBar: Boolean,
+    ...makeComponentProps(),
     ...makeLocationProps({
       location: 'top'
     }),
@@ -117,14 +119,14 @@ export const VProgressLinear = genericComponent()({
         'v-progress-linear--rounded': props.rounded,
         'v-progress-linear--rounded-bar': props.roundedBar,
         'v-progress-linear--striped': props.striped
-      }, roundedClasses.value, themeClasses.value],
-      "style": {
+      }, roundedClasses.value, themeClasses.value, props.class],
+      "style": [{
         bottom: props.location === 'bottom' ? 0 : undefined,
         top: props.location === 'top' ? 0 : undefined,
         height: props.active ? convertToUnit(height.value) : 0,
         '--v-progress-linear-height': convertToUnit(height.value),
         ...locationStyles.value
-      },
+      }, props.style],
       "role": "progressbar",
       "aria-hidden": props.active ? 'false' : 'true',
       "aria-valuemin": "0",

package/lib/components/VProgressLinear/VProgressLinear.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","_ref","slots","progress","isRtl","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","_createVNode","tag","rounded","bottom","undefined","top","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeLocationProps({ location: 'top' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          bottom: props.location === 'bottom' ? 0 : undefined,\n          top: props.location === 'top' ? 0 : undefined,\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n          ...locationStyles.value,\n        }}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeComponentProps","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","_ref","slots","progress","isRtl","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","_createVNode","tag","rounded","class","bottom","undefined","top","style","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeComponentProps(),\n    ...makeLocationProps({ location: 'top' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n          props.class,\n        ]}\n        style={[\n          {\n            bottom: props.location === 'bottom' ? 0 : undefined,\n            top: props.location === 'top' ? 0 : undefined,\n            height: props.active ? convertToUnit(height.value) : 0,\n            '--v-progress-linear-height': convertToUnit(height.value),\n            ...locationStyles.value,\n          },\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}