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

package/lib/components/VWindow/VWindowItem.mjs

@@ -1,13 +1,14 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
-// Composables
+// Directives
+import Touch from "../../directives/touch/index.mjs"; // Composables
+
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { makeLazyProps, useLazy } from "../../composables/lazy.mjs";
-import { MaybeTransition } from "../../composables/transition.mjs"; // Directives
-
-import Touch from "../../directives/touch/index.mjs"; // Utilities
+import { MaybeTransition } from "../../composables/transition.mjs";
+import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
 
 import { computed, inject, nextTick, ref } from 'vue';
-import { convertToUnit, defineComponent } from "../../util/index.mjs";
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 import { VWindowGroupSymbol, VWindowSymbol } from "./VWindow.mjs";
 export const VWindowItem = defineComponent({
   name: 'VWindowItem',
@@ -23,8 +24,11 @@ export const VWindowItem = defineComponent({
       type: [Boolean, String],
       default: undefined
     },
-    ...makeLazyProps(),
-    ...makeGroupItemProps()
+    ...makeGroupItemProps(),
+    ...makeLazyProps()
+  },
+  emits: {
+    'group:selected': val => true
   },
 
   setup(props, _ref) {
@@ -33,6 +37,9 @@ export const VWindowItem = defineComponent({
     } = _ref;
     const window = inject(VWindowSymbol);
     const groupItem = useGroupItem(props, VWindowGroupSymbol);
+    const {
+      isBooted
+    } = useSsrBoot();
     if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow');
     const isTransitioning = ref(false);
     const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false);
@@ -108,15 +115,18 @@ export const VWindowItem = defineComponent({
     const {
       hasContent
     } = useLazy(props, groupItem.isSelected);
-    return () => {
+    useRender(() => {
+      var _slots$default;
+
       return _createVNode(MaybeTransition, {
-        "transition": transition.value
+        "transition": isBooted.value && transition.value
       }, {
         default: () => [_withDirectives(_createVNode("div", {
           "class": ['v-window-item', groupItem.selectedClass.value]
-        }, [slots.default && hasContent.value && slots.default()]), [[_vShow, groupItem.isSelected.value]])]
+        }, [hasContent.value && ((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots))]), [[_vShow, groupItem.isSelected.value]])]
       });
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VWindow/VWindowItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"names":["makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","Touch","computed","inject","nextTick","ref","convertToUnit","defineComponent","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","setup","slots","window","groupItem","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","selectedClass"],"mappings":"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","sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Directives\nimport Touch from '@/directives/touch'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = defineComponent({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    ...makeLazyProps(),\n    ...makeGroupItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    return () => {\n      return (\n        <MaybeTransition transition={ transition.value } >\n          <div\n            class={[\n              'v-window-item',\n              groupItem.selectedClass.value,\n            ]}\n            v-show={ groupItem.isSelected.value }\n          >\n            { slots.default && hasContent.value && slots.default() }\n          </div>\n        </MaybeTransition>\n      )\n    }\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"file":"VWindowItem.mjs"}
+{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","defineComponent","useRender","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","emits","val","setup","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","selectedClass"],"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"sourcesContent":["// Directives\nimport Touch from '@/directives/touch'\n\n// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = defineComponent({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n\n    ...makeGroupItemProps(),\n    ...makeLazyProps(),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n    const { isBooted } = useSsrBoot()\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    useRender(() => (\n      <MaybeTransition transition={ isBooted.value && transition.value } >\n        <div\n          class={[\n            'v-window-item',\n            groupItem.selectedClass.value,\n          ]}\n          v-show={ groupItem.isSelected.value }\n        >\n          { hasContent.value && slots.default?.() }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"mappings":"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"}

package/lib/components/VWindow/_variables.scss

@@ -1,4 +1,5 @@
 @use '../../styles/settings';
 
+// VWindow
 $window-transition: .3s cubic-bezier(.25, .8, .50, 1) !default;
 $window-controls-padding: 0 16px !default;

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

@@ -0,0 +1,428 @@
+import * as vue from 'vue';
+import { VNodeChild, ComponentInternalInstance, Ref, ComputedRef, JSXComponent, PropType } from 'vue';
+
+declare type SlotsToProps<T extends Record<string, Slot>> = {
+    $children: () => (T['default'] | VNodeChild | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots': new () => {
+        [K in keyof T]?: T[K] | false;
+    };
+};
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+interface TouchHandlers {
+    start?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchWrapper) => void;
+    end?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchWrapper) => void;
+    move?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchWrapper) => void;
+    left?: (wrapper: TouchWrapper) => void;
+    right?: (wrapper: TouchWrapper) => void;
+    up?: (wrapper: TouchWrapper) => void;
+    down?: (wrapper: TouchWrapper) => void;
+}
+interface TouchWrapper extends TouchHandlers {
+    touchstartX: number;
+    touchstartY: number;
+    touchmoveX: number;
+    touchmoveY: number;
+    touchendX: number;
+    touchendY: number;
+    offsetX: number;
+    offsetY: number;
+}
+
+declare type ControlProps = {
+    icon: IconValue;
+    class: string;
+    onClick: () => void;
+    ariaLabel: string;
+};
+declare const VWindow: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            reverse: boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            touch: boolean | TouchHandlers;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            continuous: BooleanConstructor;
+            nextIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            prevIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            reverse: BooleanConstructor;
+            showArrows: {
+                type: (StringConstructor | BooleanConstructor)[];
+                validator: (v: any) => boolean;
+            };
+            touch: {
+                type: PropType<boolean | TouchHandlers>;
+                default: undefined;
+            };
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            modelValue: null;
+            disabled: BooleanConstructor;
+            selectedClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            mandatory: {
+                default: "force";
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                group: GroupProvide;
+            }];
+            additional: [{
+                group: GroupProvide;
+            }];
+            prev: [{
+                props: ControlProps;
+            }];
+            next: [{
+                props: ControlProps;
+            }];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((v: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "direction" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue", v: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            continuous: BooleanConstructor;
+            nextIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            prevIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            reverse: BooleanConstructor;
+            showArrows: {
+                type: (StringConstructor | BooleanConstructor)[];
+                validator: (v: any) => boolean;
+            };
+            touch: {
+                type: PropType<boolean | TouchHandlers>;
+                default: undefined;
+            };
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            modelValue: null;
+            disabled: BooleanConstructor;
+            selectedClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            mandatory: {
+                default: "force";
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                group: GroupProvide;
+            }];
+            additional: [{
+                group: GroupProvide;
+            }];
+            prev: [{
+                props: ControlProps;
+            }];
+            next: [{
+                props: ControlProps;
+            }];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((v: any) => any) | undefined;
+        }, {
+            group: GroupProvide;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (v: any) => boolean;
+        }, string, {
+            reverse: boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            touch: boolean | TouchHandlers;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<{
+        theme: StringConstructor;
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        continuous: BooleanConstructor;
+        nextIcon: {
+            type: PropType<IconValue>;
+            default: string;
+        };
+        prevIcon: {
+            type: PropType<IconValue>;
+            default: string;
+        };
+        reverse: BooleanConstructor;
+        showArrows: {
+            type: (StringConstructor | BooleanConstructor)[];
+            validator: (v: any) => boolean;
+        };
+        touch: {
+            type: PropType<boolean | TouchHandlers>;
+            default: undefined;
+        };
+        direction: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: null;
+        disabled: BooleanConstructor;
+        selectedClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        mandatory: {
+            default: "force";
+        };
+    } & SlotsToProps<MakeSlots<{
+        default: [{
+            group: GroupProvide;
+        }];
+        additional: [{
+            group: GroupProvide;
+        }];
+        prev: [{
+            props: ControlProps;
+        }];
+        next: [{
+            props: ControlProps;
+        }];
+    }>>>> & {
+        "onUpdate:modelValue"?: ((v: any) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        group: GroupProvide;
+    }> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    continuous: BooleanConstructor;
+    nextIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    prevIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    reverse: BooleanConstructor;
+    showArrows: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    };
+    touch: {
+        type: PropType<boolean | TouchHandlers>;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: null;
+    disabled: BooleanConstructor;
+    selectedClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    mandatory: {
+        default: "force";
+    };
+} & SlotsToProps<MakeSlots<{
+    default: [{
+        group: GroupProvide;
+    }];
+    additional: [{
+        group: GroupProvide;
+    }];
+    prev: [{
+        props: ControlProps;
+    }];
+    next: [{
+        props: ControlProps;
+    }];
+}>>>> & {
+    "onUpdate:modelValue"?: ((v: any) => any) | undefined;
+}, {
+    group: GroupProvide;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (v: any) => boolean;
+}, string, {
+    reverse: boolean;
+    direction: string;
+    disabled: boolean;
+    tag: string;
+    mandatory: "force";
+    touch: boolean | TouchHandlers;
+    selectedClass: string;
+    continuous: boolean;
+    nextIcon: IconValue;
+    prevIcon: IconValue;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: MakeSlots<{
+        default: [{
+            group: GroupProvide;
+        }];
+        additional: [{
+            group: GroupProvide;
+        }];
+        prev: [{
+            props: ControlProps;
+        }];
+        next: [{
+            props: ControlProps;
+        }];
+    }>;
+});
+declare type VWindow = InstanceType<typeof VWindow>;
+
+declare const VWindowItem: vue.DefineComponent<{
+    eager: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    reverseTransition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    transition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'group:selected': (val: {
+        value: boolean;
+    }) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    eager: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    reverseTransition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    transition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+}>> & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    transition: string | boolean;
+    eager: boolean;
+    disabled: boolean;
+    reverseTransition: string | boolean;
+}>;
+declare type VWindowItem = InstanceType<typeof VWindowItem>;
+
+export { VWindow, VWindowItem };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/index.ts"],"names":["VWindow","VWindowItem"],"mappings":"SAASA,O;SACAC,W","sourcesContent":["export { VWindow } from './VWindow'\nexport { VWindowItem } from './VWindowItem'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VWindow","VWindowItem"],"sources":["../../../src/components/VWindow/index.ts"],"sourcesContent":["export { VWindow } from './VWindow'\nexport { VWindowItem } from './VWindowItem'\n"],"mappings":"SAASA,O;SACAC,W"}