vuetify 3.6.13 → 3.7.0-beta.1

package/lib/components/VValidation/index.d.mts

@@ -36,7 +36,8 @@ declare const EventProp: <T extends any[] = any[]>() => PropType<(...args: T) =>
 
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
-type ValidateOnValue = 'blur' | 'input' | 'submit';
+type ValidateOnValue = 'blur' | 'input' | 'submit' | 'invalid-input';
+type ValidateOn = ValidateOnValue | `${ValidateOnValue} lazy` | `${ValidateOnValue} eager` | `lazy ${ValidateOnValue}` | `eager ${ValidateOnValue}` | 'lazy' | 'eager';
 interface ValidationProps {
     disabled: boolean | null;
     error: boolean;
@@ -49,7 +50,7 @@ interface ValidationProps {
     rules: readonly ValidationRule[];
     modelValue: any;
     'onUpdate:modelValue': EventProp | undefined;
-    validateOn?: ValidateOnValue | `${ValidateOnValue} lazy` | `lazy ${ValidateOnValue}` | 'lazy';
+    validateOn?: ValidateOn;
     validationValue: any;
 }
 declare function useValidation(props: ValidationProps, name?: string, id?: MaybeRef<string | number>): {
@@ -75,42 +76,42 @@ declare const VValidation: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         error: boolean;
         disabled: boolean | null;
+        readonly: boolean | null;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
     } & {
-        label?: string | undefined;
         name?: string | undefined;
+        label?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
     } & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         error: boolean;
         disabled: boolean | null;
+        readonly: boolean | null;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
     } & {
-        label?: string | undefined;
         name?: string | undefined;
+        label?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
     } & {}, {
         error: boolean;
         disabled: boolean | null;
+        readonly: boolean | null;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
@@ -140,26 +141,26 @@ declare const VValidation: {
     }, {
         error: boolean;
         disabled: boolean | null;
+        readonly: boolean | null;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
     } & {
-        label?: string | undefined;
         name?: string | undefined;
+        label?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
     } & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[] | undefined, {}, {}, {}, {
         error: boolean;
         disabled: boolean | null;
+        readonly: boolean | null;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
     }>;
     __isFragment?: undefined;
@@ -168,28 +169,28 @@ declare const VValidation: {
 } & vue.ComponentOptionsBase<{
     error: boolean;
     disabled: boolean | null;
+    readonly: boolean | null;
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
 } & {
-    label?: string | undefined;
     name?: string | undefined;
+    label?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
     validationValue?: any;
 } & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
-}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, string, {
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
     error: boolean;
     disabled: boolean | null;
+    readonly: boolean | null;
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
@@ -242,7 +243,7 @@ declare const VValidation: {
         default: () => never[];
     };
     modelValue: null;
-    validateOn: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: vue.PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
 }, vue.ExtractPropTypes<{
     focused: BooleanConstructor;
@@ -271,7 +272,7 @@ declare const VValidation: {
         default: () => never[];
     };
     modelValue: null;
-    validateOn: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: vue.PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
 }>>;
 type VValidation = InstanceType<typeof VValidation>;

package/lib/components/VVirtualScroll/VVirtualScroll.mjs

@@ -32,6 +32,7 @@ export const VVirtualScroll = genericComponent()({
       dimensionStyles
     } = useDimension(props);
     const {
+      calculateVisibleItems,
       containerRef,
       markerRef,
       handleScroll,
@@ -103,6 +104,7 @@ export const VVirtualScroll = genericComponent()({
       }, [children])]);
     });
     return {
+      calculateVisibleItems,
       scrollToIndex
     };
   }

package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VVirtualScroll.mjs","names":["VVirtualScrollItem","makeComponentProps","makeDimensionProps","useDimension","useToggleScope","makeVirtualProps","useVirtual","onMounted","onScopeDispose","toRef","convertToUnit","genericComponent","getCurrentInstance","getScrollParent","propsFactory","useRender","makeVVirtualScrollProps","items","type","Array","default","renderless","Boolean","VVirtualScroll","name","props","setup","_ref","slots","vm","dimensionStyles","containerRef","markerRef","handleScroll","handleScrollend","handleItemResize","scrollToIndex","paddingTop","paddingBottom","computedItems","handleListeners","add","arguments","length","undefined","method","value","document","documentElement","passive","vnode","el","children","map","item","_createVNode","index","height","slotProps","raw","_Fragment","class","style"],"sources":["../../../src/components/VVirtualScroll/VVirtualScroll.tsx"],"sourcesContent":["// Styles\nimport './VVirtualScroll.sass'\n\n// Components\nimport { VVirtualScrollItem } from './VVirtualScrollItem'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useToggleScope } from '@/composables/toggleScope'\nimport { makeVirtualProps, useVirtual } from '@/composables/virtual'\n\n// Utilities\nimport { onMounted, onScopeDispose, toRef } from 'vue'\nimport {\n  convertToUnit,\n  genericComponent,\n  getCurrentInstance,\n  getScrollParent,\n  propsFactory,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType, Ref } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport interface VVirtualScrollSlot<T> {\n  item: T\n  index: number\n}\n\nexport const makeVVirtualScrollProps = propsFactory({\n  items: {\n    type: Array as PropType<readonly unknown[]>,\n    default: () => ([]),\n  },\n  renderless: Boolean,\n\n  ...makeVirtualProps(),\n  ...makeComponentProps(),\n  ...makeDimensionProps(),\n}, 'VVirtualScroll')\n\nexport const VVirtualScroll = genericComponent<new <T, Renderless extends boolean = false>(\n  props: {\n    items?: readonly T[]\n    renderless?: Renderless\n  },\n  slots: {\n    default: VVirtualScrollSlot<T> & (Renderless extends true ? {\n      itemRef: Ref<HTMLElement | undefined>\n    } : {})\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VVirtualScroll',\n\n  props: makeVVirtualScrollProps(),\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance('VVirtualScroll')\n    const { dimensionStyles } = useDimension(props)\n    const {\n      containerRef,\n      markerRef,\n      handleScroll,\n      handleScrollend,\n      handleItemResize,\n      scrollToIndex,\n      paddingTop,\n      paddingBottom,\n      computedItems,\n    } = useVirtual(props, toRef(props, 'items'))\n\n    useToggleScope(() => props.renderless, () => {\n      function handleListeners (add = false) {\n        const method = add ? 'addEventListener' : 'removeEventListener'\n\n        if (containerRef.value === document.documentElement) {\n          document[method]('scroll', handleScroll, { passive: true })\n          document[method]('scrollend', handleScrollend)\n        } else {\n          containerRef.value?.[method]('scroll', handleScroll, { passive: true })\n          containerRef.value?.[method]('scrollend', handleScrollend)\n        }\n      }\n\n      onMounted(() => {\n        containerRef.value = getScrollParent(vm.vnode.el as HTMLElement, true)\n        handleListeners(true)\n      })\n      onScopeDispose(handleListeners)\n    })\n\n    useRender(() => {\n      const children = computedItems.value.map(item => (\n        <VVirtualScrollItem\n          key={ item.index }\n          renderless={ props.renderless }\n          onUpdate:height={ height => handleItemResize(item.index, height) }\n        >\n          { slotProps => slots.default?.({ item: item.raw, index: item.index, ...slotProps }) }\n        </VVirtualScrollItem>\n      ))\n\n      return props.renderless ? (\n        <>\n          <div ref={ markerRef } class=\"v-virtual-scroll__spacer\" style={{ paddingTop: convertToUnit(paddingTop.value) }} />\n          { children }\n          <div class=\"v-virtual-scroll__spacer\" style={{ paddingBottom: convertToUnit(paddingBottom.value) }} />\n        </>\n      ) : (\n        <div\n          ref={ containerRef }\n          class={[\n            'v-virtual-scroll',\n            props.class,\n          ]}\n          onScrollPassive={ handleScroll }\n          onScrollend={ handleScrollend }\n          style={[\n            dimensionStyles.value,\n            props.style,\n          ]}\n        >\n          <div\n            ref={ markerRef }\n            class=\"v-virtual-scroll__container\"\n            style={{\n              paddingTop: convertToUnit(paddingTop.value),\n              paddingBottom: convertToUnit(paddingBottom.value),\n            }}\n          >\n            { children }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      scrollToIndex,\n    }\n  },\n})\n\nexport type VVirtualScroll = InstanceType<typeof VVirtualScroll>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VVirtualScroll.mjs","names":["VVirtualScrollItem","makeComponentProps","makeDimensionProps","useDimension","useToggleScope","makeVirtualProps","useVirtual","onMounted","onScopeDispose","toRef","convertToUnit","genericComponent","getCurrentInstance","getScrollParent","propsFactory","useRender","makeVVirtualScrollProps","items","type","Array","default","renderless","Boolean","VVirtualScroll","name","props","setup","_ref","slots","vm","dimensionStyles","calculateVisibleItems","containerRef","markerRef","handleScroll","handleScrollend","handleItemResize","scrollToIndex","paddingTop","paddingBottom","computedItems","handleListeners","add","arguments","length","undefined","method","value","document","documentElement","passive","vnode","el","children","map","item","_createVNode","index","height","slotProps","raw","_Fragment","class","style"],"sources":["../../../src/components/VVirtualScroll/VVirtualScroll.tsx"],"sourcesContent":["// Styles\nimport './VVirtualScroll.sass'\n\n// Components\nimport { VVirtualScrollItem } from './VVirtualScrollItem'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { useToggleScope } from '@/composables/toggleScope'\nimport { makeVirtualProps, useVirtual } from '@/composables/virtual'\n\n// Utilities\nimport { onMounted, onScopeDispose, toRef } from 'vue'\nimport {\n  convertToUnit,\n  genericComponent,\n  getCurrentInstance,\n  getScrollParent,\n  propsFactory,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType, Ref } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport interface VVirtualScrollSlot<T> {\n  item: T\n  index: number\n}\n\nexport const makeVVirtualScrollProps = propsFactory({\n  items: {\n    type: Array as PropType<readonly unknown[]>,\n    default: () => ([]),\n  },\n  renderless: Boolean,\n\n  ...makeVirtualProps(),\n  ...makeComponentProps(),\n  ...makeDimensionProps(),\n}, 'VVirtualScroll')\n\nexport const VVirtualScroll = genericComponent<new <T, Renderless extends boolean = false>(\n  props: {\n    items?: readonly T[]\n    renderless?: Renderless\n  },\n  slots: {\n    default: VVirtualScrollSlot<T> & (Renderless extends true ? {\n      itemRef: Ref<HTMLElement | undefined>\n    } : {})\n  }\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VVirtualScroll',\n\n  props: makeVVirtualScrollProps(),\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance('VVirtualScroll')\n    const { dimensionStyles } = useDimension(props)\n    const {\n      calculateVisibleItems,\n      containerRef,\n      markerRef,\n      handleScroll,\n      handleScrollend,\n      handleItemResize,\n      scrollToIndex,\n      paddingTop,\n      paddingBottom,\n      computedItems,\n    } = useVirtual(props, toRef(props, 'items'))\n\n    useToggleScope(() => props.renderless, () => {\n      function handleListeners (add = false) {\n        const method = add ? 'addEventListener' : 'removeEventListener'\n\n        if (containerRef.value === document.documentElement) {\n          document[method]('scroll', handleScroll, { passive: true })\n          document[method]('scrollend', handleScrollend)\n        } else {\n          containerRef.value?.[method]('scroll', handleScroll, { passive: true })\n          containerRef.value?.[method]('scrollend', handleScrollend)\n        }\n      }\n\n      onMounted(() => {\n        containerRef.value = getScrollParent(vm.vnode.el as HTMLElement, true)\n        handleListeners(true)\n      })\n      onScopeDispose(handleListeners)\n    })\n\n    useRender(() => {\n      const children = computedItems.value.map(item => (\n        <VVirtualScrollItem\n          key={ item.index }\n          renderless={ props.renderless }\n          onUpdate:height={ height => handleItemResize(item.index, height) }\n        >\n          { slotProps => slots.default?.({ item: item.raw, index: item.index, ...slotProps }) }\n        </VVirtualScrollItem>\n      ))\n\n      return props.renderless ? (\n        <>\n          <div ref={ markerRef } class=\"v-virtual-scroll__spacer\" style={{ paddingTop: convertToUnit(paddingTop.value) }} />\n          { children }\n          <div class=\"v-virtual-scroll__spacer\" style={{ paddingBottom: convertToUnit(paddingBottom.value) }} />\n        </>\n      ) : (\n        <div\n          ref={ containerRef }\n          class={[\n            'v-virtual-scroll',\n            props.class,\n          ]}\n          onScrollPassive={ handleScroll }\n          onScrollend={ handleScrollend }\n          style={[\n            dimensionStyles.value,\n            props.style,\n          ]}\n        >\n          <div\n            ref={ markerRef }\n            class=\"v-virtual-scroll__container\"\n            style={{\n              paddingTop: convertToUnit(paddingTop.value),\n              paddingBottom: convertToUnit(paddingBottom.value),\n            }}\n          >\n            { children }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      calculateVisibleItems,\n      scrollToIndex,\n    }\n  },\n})\n\nexport type VVirtualScroll = InstanceType<typeof VVirtualScroll>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VVirtualScroll/index.d.mts

@@ -39,26 +39,27 @@ declare const VVirtualScroll: {
         style: vue.StyleValue;
         itemHeight: string | number;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        class?: any;
     }, {
+        calculateVisibleItems: () => void;
         scrollToIndex: (index: number) => void;
-    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "v-slot:default" | "$children" | "v-slots" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         itemHeight: string | number;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        class?: any;
     }, {
         style: vue.StyleValue;
         itemHeight: string | number;
@@ -79,14 +80,15 @@ declare const VVirtualScroll: {
         style: vue.StyleValue;
         itemHeight: string | number;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        class?: any;
     }, {
+        calculateVisibleItems: () => void;
         scrollToIndex: (index: number) => void;
     }, {}, {}, {}, {
         style: vue.StyleValue;
@@ -99,16 +101,17 @@ declare const VVirtualScroll: {
     style: vue.StyleValue;
     itemHeight: string | number;
 } & {
-    class?: any;
-    width?: string | number | undefined;
     height?: string | number | undefined;
+    width?: string | number | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    class?: any;
 }, {
+    calculateVisibleItems: () => void;
     scrollToIndex: (index: number) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "v-slot:default" | "$children" | "v-slots" | "items" | "renderless">, string, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, string, {
     style: vue.StyleValue;
     itemHeight: string | number;
 }, {}, string, vue.SlotsType<Partial<{

package/lib/components/VWindow/index.d.mts

@@ -118,48 +118,48 @@ type ControlProps = {
 declare const VWindow: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: boolean | "force";
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         nextIcon: IconValue;
         prevIcon: IconValue;
         continuous: boolean;
     } & {
         class?: any;
-        theme?: string | undefined;
         touch?: boolean | TouchHandlers | undefined;
+        theme?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
         group: GroupProvide;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: boolean | "force";
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         nextIcon: IconValue;
         prevIcon: IconValue;
         continuous: boolean;
     } & {
         class?: any;
-        theme?: string | undefined;
         touch?: boolean | TouchHandlers | undefined;
+        theme?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: boolean | "force";
         touch: boolean | TouchHandlers;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         nextIcon: IconValue;
         prevIcon: IconValue;
@@ -194,30 +194,30 @@ declare const VWindow: {
         Defaults: {};
     }, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: boolean | "force";
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         nextIcon: IconValue;
         prevIcon: IconValue;
         continuous: boolean;
     } & {
         class?: any;
-        theme?: string | undefined;
         touch?: boolean | TouchHandlers | undefined;
+        theme?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
         group: GroupProvide;
     }, {}, {}, {}, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
         mandatory: boolean | "force";
         touch: boolean | TouchHandlers;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         nextIcon: IconValue;
         prevIcon: IconValue;
@@ -228,32 +228,32 @@ declare const VWindow: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     reverse: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: boolean | "force";
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     nextIcon: IconValue;
     prevIcon: IconValue;
     continuous: boolean;
 } & {
     class?: any;
-    theme?: string | undefined;
     touch?: boolean | TouchHandlers | undefined;
+    theme?: string | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {
     group: GroupProvide;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
-}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, string, {
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:additional" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, string, {
     reverse: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: boolean | "force";
     touch: boolean | TouchHandlers;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     nextIcon: IconValue;
     prevIcon: IconValue;
@@ -377,12 +377,12 @@ type VWindow = InstanceType<typeof VWindow>;
 declare const VWindowItem: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -406,12 +406,12 @@ declare const VWindowItem: {
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -428,10 +428,10 @@ declare const VWindowItem: {
             value: boolean;
         }) => any) | undefined;
     }, {
-        style: vue.StyleValue;
-        disabled: boolean;
         transition: string | boolean;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         reverseTransition: string | boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -446,12 +446,12 @@ declare const VWindowItem: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -470,10 +470,10 @@ declare const VWindowItem: {
     }, {
         groupItem: GroupItemProvide;
     }, {}, {}, {}, {
-        style: vue.StyleValue;
-        disabled: boolean;
         transition: string | boolean;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         reverseTransition: string | boolean;
     }>;
     __isFragment?: undefined;
@@ -481,12 +481,12 @@ declare const VWindowItem: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
-    disabled: boolean;
     eager: boolean;
+    disabled: boolean;
 } & {
-    class?: any;
-    value?: any;
     transition?: string | boolean | undefined;
+    value?: any;
+    class?: any;
     selectedClass?: string | undefined;
     reverseTransition?: string | boolean | undefined;
 } & {
@@ -509,10 +509,10 @@ declare const VWindowItem: {
         value: boolean;
     }) => true;
 }, string, {
-    style: vue.StyleValue;
-    disabled: boolean;
     transition: string | boolean;
+    style: vue.StyleValue;
     eager: boolean;
+    disabled: boolean;
     reverseTransition: string | boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {