vuetify 3.0.7 → 3.1.0

package/lib/labs/VDataTable/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.mjs.map

package/lib/labs/VDataTable/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/labs/VDataTable/types.ts"],"sourcesContent":["import type { InternalItem } from '@/composables/items'\nimport type { SelectItemKey } from '@/util'\n\nexport type DataTableCompareFunction<T = any> = (a: T, b: T) => number\n\nexport type DataTableHeader = {\n  key: string\n  value?: SelectItemKey\n  title: string\n\n  colspan?: number\n  rowspan?: number\n\n  fixed?: boolean\n  align?: 'start' | 'end'\n\n  width?: number\n  minWidth?: string\n  maxWidth?: string\n\n  sortable?: boolean\n  sort?: DataTableCompareFunction\n}\n\nexport type InternalDataTableHeader = DataTableHeader & {\n  sortable: boolean\n\n  fixedOffset?: number\n  lastFixed?: boolean\n}\n\nexport type DataTableItem = InternalItem & { type: 'item', columns: Record<string, unknown> }\n\nexport type GroupHeaderItem = {\n  type: 'group-header'\n  id: string\n  key: string\n  value: string\n  depth: number\n  items: (GroupHeaderItem | DataTableItem)[]\n}\n\nexport type InternalDataTableItem = DataTableItem | GroupHeaderItem\n"],"mappings":""}

package/lib/labs/VVirtualScroll/VVirtualScroll.css

@@ -0,0 +1,11 @@
+.v-virtual-scroll {
+  display: block;
+  flex: 1 1 auto;
+  height: 100%;
+  max-width: 100%;
+  overflow: auto;
+  position: relative;
+}
+.v-virtual-scroll__container {
+  display: block;
+}

package/lib/labs/VVirtualScroll/VVirtualScroll.mjs

@@ -0,0 +1,118 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VVirtualScroll.css";
+
+// Components
+import { VVirtualScrollItem } from "./VVirtualScrollItem.mjs"; // Composables
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs"; // Utilities
+import { computed, ref } from 'vue';
+import { convertToUnit, createRange, genericComponent, getPropertyFromItem, useRender } from "../../util/index.mjs"; // Types
+const UP = -1;
+const DOWN = 1;
+export const VVirtualScroll = genericComponent()({
+  name: 'VVirtualScroll',
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemKey: {
+      type: String,
+      default: 'value'
+    },
+    itemHeight: [Number, String],
+    visibleItems: {
+      type: [Number, String],
+      default: 30
+    },
+    ...makeDimensionProps()
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const first = ref(0);
+    const baseItemHeight = ref(props.itemHeight);
+    const itemHeight = computed({
+      get: () => parseInt(baseItemHeight.value ?? 0, 10),
+      set(val) {
+        baseItemHeight.value = val;
+      }
+    });
+    const visibleItems = computed(() => parseInt(props.visibleItems, 10));
+    const rootEl = ref();
+    const ids = new Map(props.items.map((item, index) => [getPropertyFromItem(item, props.itemKey, item), index]));
+    const sizes = createRange(props.items.length).map(() => itemHeight.value);
+    function handleItemResize(item, height) {
+      const index = ids.get(getPropertyFromItem(item, props.itemKey, item));
+      if (!index) return;
+      sizes[index] = height;
+      if (!itemHeight.value) itemHeight.value = height;
+    }
+    function calculateOffset(index) {
+      return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
+    }
+    function calculateMidPointIndex(scrollTop) {
+      let start = 0;
+      let end = props.items.length;
+      while (start <= end) {
+        const middle = start + Math.floor((end - start) / 2);
+        const middleOffset = calculateOffset(middle);
+        if (middleOffset === scrollTop) {
+          return middle;
+        } else if (middleOffset < scrollTop) {
+          start = middle + 1;
+        } else if (middleOffset > scrollTop) {
+          end = middle - 1;
+        }
+      }
+      return start;
+    }
+    let lastScrollTop = 0;
+    function handleScroll() {
+      if (!rootEl.value) return;
+      const scrollTop = rootEl.value.scrollTop;
+      const direction = scrollTop < lastScrollTop ? UP : DOWN;
+      const midPointIndex = calculateMidPointIndex(scrollTop);
+      const buffer = Math.round(visibleItems.value / 3);
+      if (direction === UP && midPointIndex <= first.value) {
+        first.value = Math.max(midPointIndex - buffer, 0);
+      } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2) {
+        first.value = Math.min(Math.max(0, midPointIndex - buffer), props.items.length - visibleItems.value);
+      }
+      lastScrollTop = rootEl.value.scrollTop;
+    }
+    const last = computed(() => Math.min(props.items.length, first.value + visibleItems.value));
+    const computedItems = computed(() => props.items.slice(first.value, last.value));
+    const paddingTop = computed(() => calculateOffset(first.value));
+    const paddingBottom = computed(() => calculateOffset(props.items.length) - calculateOffset(last.value));
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    useRender(() => _createVNode("div", {
+      "ref": rootEl,
+      "class": "v-virtual-scroll",
+      "onScroll": handleScroll,
+      "style": dimensionStyles.value
+    }, [_createVNode("div", {
+      "class": "v-virtual-scroll__container",
+      "style": {
+        paddingTop: convertToUnit(paddingTop.value),
+        paddingBottom: convertToUnit(paddingBottom.value)
+      }
+    }, [computedItems.value.map((item, index) => {
+      var _slots$default;
+      return _createVNode(VVirtualScrollItem, {
+        "key": index,
+        "dynamicHeight": !props.itemHeight,
+        "onUpdate:height": height => handleItemResize(item, height)
+      }, {
+        default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+          item,
+          index: index + first.value
+        })]
+      });
+    })])]));
+  }
+});
+//# sourceMappingURL=VVirtualScroll.mjs.map

package/lib/labs/VVirtualScroll/VVirtualScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VVirtualScroll.mjs","names":["VVirtualScrollItem","makeDimensionProps","useDimension","computed","ref","convertToUnit","createRange","genericComponent","getPropertyFromItem","useRender","UP","DOWN","VVirtualScroll","name","props","items","type","Array","default","itemKey","String","itemHeight","Number","visibleItems","setup","slots","first","baseItemHeight","get","parseInt","value","set","val","rootEl","ids","Map","map","item","index","sizes","length","handleItemResize","height","calculateOffset","slice","reduce","curr","calculateMidPointIndex","scrollTop","start","end","middle","Math","floor","middleOffset","lastScrollTop","handleScroll","direction","midPointIndex","buffer","round","max","min","last","computedItems","paddingTop","paddingBottom","dimensionStyles"],"sources":["../../../src/labs/VVirtualScroll/VVirtualScroll.tsx"],"sourcesContent":["// Styles\nimport './VVirtualScroll.sass'\n\n// Components\nimport { VVirtualScrollItem } from './VVirtualScrollItem'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport {\n  convertToUnit,\n  createRange,\n  genericComponent,\n  getPropertyFromItem,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nconst UP = -1\nconst DOWN = 1\n\nexport interface VVirtualScrollSlot<T> {\n  item: T\n  index: number\n}\n\nexport const VVirtualScroll = genericComponent<new <T>() => {\n  $props: {\n    items: readonly T[]\n  } & SlotsToProps<\n    MakeSlots<{\n      default: [VVirtualScrollSlot<T>]\n    }>\n  >\n}>()({\n  name: 'VVirtualScroll',\n\n  props: {\n    items: {\n      type: Array,\n      default: () => ([]),\n    },\n    itemKey: {\n      type: String,\n      default: 'value',\n    },\n    itemHeight: [Number, String],\n    visibleItems: {\n      type: [Number, String],\n      default: 30,\n    },\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const first = ref(0)\n    const baseItemHeight = ref(props.itemHeight)\n    const itemHeight = computed({\n      get: () => parseInt(baseItemHeight.value ?? 0, 10),\n      set (val) {\n        baseItemHeight.value = val\n      },\n    })\n    const visibleItems = computed(() => parseInt(props.visibleItems, 10))\n    const rootEl = ref<HTMLDivElement>()\n\n    const ids = new Map<unknown, number>(props.items.map((item, index) => [getPropertyFromItem(item, props.itemKey, item), index]))\n    const sizes = createRange(props.items.length).map(() => itemHeight.value)\n\n    function handleItemResize (item: unknown, height: number) {\n      const index = ids.get(getPropertyFromItem(item, props.itemKey, item))\n\n      if (!index) return\n\n      sizes[index] = height\n\n      if (!itemHeight.value) itemHeight.value = height\n    }\n\n    function calculateOffset (index: number) {\n      return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0)\n    }\n\n    function calculateMidPointIndex (scrollTop: number) {\n      let start = 0\n      let end = props.items.length\n\n      while (start <= end) {\n        const middle = start + Math.floor((end - start) / 2)\n        const middleOffset = calculateOffset(middle)\n\n        if (middleOffset === scrollTop) {\n          return middle\n        } else if (middleOffset < scrollTop) {\n          start = middle + 1\n        } else if (middleOffset > scrollTop) {\n          end = middle - 1\n        }\n      }\n\n      return start\n    }\n\n    let lastScrollTop = 0\n    function handleScroll () {\n      if (!rootEl.value) return\n\n      const scrollTop = rootEl.value.scrollTop\n      const direction = scrollTop < lastScrollTop ? UP : DOWN\n\n      const midPointIndex = calculateMidPointIndex(scrollTop)\n\n      const buffer = Math.round(visibleItems.value / 3)\n      if (direction === UP && midPointIndex <= first.value) {\n        first.value = Math.max(midPointIndex - buffer, 0)\n      } else if (direction === DOWN && midPointIndex >= first.value + (buffer * 2)) {\n        first.value = Math.min(Math.max(0, midPointIndex - buffer), props.items.length - visibleItems.value)\n      }\n\n      lastScrollTop = rootEl.value.scrollTop\n    }\n\n    const last = computed(() => Math.min(props.items.length, first.value + visibleItems.value))\n    const computedItems = computed(() => props.items.slice(first.value, last.value))\n    const paddingTop = computed(() => calculateOffset(first.value))\n    const paddingBottom = computed(() => calculateOffset(props.items.length) - calculateOffset(last.value))\n\n    const { dimensionStyles } = useDimension(props)\n\n    useRender(() => (\n      <div\n        ref={ rootEl }\n        class=\"v-virtual-scroll\"\n        onScroll={ handleScroll }\n        style={ dimensionStyles.value }\n      >\n        <div\n          class=\"v-virtual-scroll__container\"\n          style={{\n            paddingTop: convertToUnit(paddingTop.value),\n            paddingBottom: convertToUnit(paddingBottom.value),\n          }}\n        >\n          { computedItems.value.map((item, index) => (\n            <VVirtualScrollItem\n              key={ index }\n              dynamicHeight={ !props.itemHeight }\n              onUpdate:height={ height => handleItemResize(item, height) }\n            >\n              { slots.default?.({ item, index: index + first.value }) }\n            </VVirtualScrollItem>\n          )) }\n        </div>\n      </div>\n    ))\n  },\n})\n\nexport type VVirtualScroll = InstanceType<typeof VVirtualScroll>\n"],"mappings":"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"}

package/lib/{components → labs}/VVirtualScroll/VVirtualScroll.sass

@@ -8,8 +8,3 @@
 
   &__container
     display: block
-
-  &__item
-    left: 0
-    position: absolute
-    right: 0

package/lib/labs/VVirtualScroll/VVirtualScrollItem.mjs

@@ -0,0 +1,35 @@
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
+import { defineComponent } from "../../util/defineComponent.mjs";
+import { useRender } from "../../util/index.mjs";
+export const VVirtualScrollItem = defineComponent({
+  name: 'VVirtualScrollItem',
+  props: {
+    dynamicHeight: Boolean
+  },
+  emits: {
+    'update:height': height => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const {
+      resizeRef
+    } = useResizeObserver(entries => {
+      if (!entries.length) return;
+      const contentRect = entries[0].contentRect;
+      emit('update:height', contentRect.height);
+    });
+    useRender(() => {
+      var _slots$default;
+      return _createVNode("div", {
+        "ref": props.dynamicHeight ? resizeRef : undefined,
+        "class": "v-virtual-scroll__item"
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
+    });
+  }
+});
+//# sourceMappingURL=VVirtualScrollItem.mjs.map

package/lib/labs/VVirtualScroll/VVirtualScrollItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VVirtualScrollItem.mjs","names":["useResizeObserver","defineComponent","useRender","VVirtualScrollItem","name","props","dynamicHeight","Boolean","emits","height","setup","emit","slots","resizeRef","entries","length","contentRect","undefined","default"],"sources":["../../../src/labs/VVirtualScroll/VVirtualScrollItem.tsx"],"sourcesContent":["// Composables\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { defineComponent } from '@/util/defineComponent'\nimport { useRender } from '@/util'\n\nexport const VVirtualScrollItem = defineComponent({\n  name: 'VVirtualScrollItem',\n\n  props: {\n    dynamicHeight: Boolean,\n  },\n\n  emits: {\n    'update:height': (height: number) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!entries.length) return\n\n      const contentRect = entries[0].contentRect\n      emit('update:height', contentRect.height)\n    })\n\n    useRender(() => (\n      <div\n        ref={ props.dynamicHeight ? resizeRef : undefined }\n        class=\"v-virtual-scroll__item\"\n      >\n        { slots.default?.() }\n      </div>\n    ))\n  },\n})\n"],"mappings":";AAAA;AAAA,SACSA,iBAAiB,gDAE1B;AAAA,SACSC,eAAe;AAAA,SACfC,SAAS;AAElB,OAAO,MAAMC,kBAAkB,GAAGF,eAAe,CAAC;EAChDG,IAAI,EAAE,oBAAoB;EAE1BC,KAAK,EAAE;IACLC,aAAa,EAAEC;EACjB,CAAC;EAEDC,KAAK,EAAE;IACL,eAAe,EAAGC,MAAc,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEL,KAAK,QAAmB;IAAA,IAAjB;MAAEM,IAAI;MAAEC;IAAM,CAAC;IAC3B,MAAM;MAAEC;IAAU,CAAC,GAAGb,iBAAiB,CAACc,OAAO,IAAI;MACjD,IAAI,CAACA,OAAO,CAACC,MAAM,EAAE;MAErB,MAAMC,WAAW,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW;MAC1CL,IAAI,CAAC,eAAe,EAAEK,WAAW,CAACP,MAAM,CAAC;IAC3C,CAAC,CAAC;IAEFP,SAAS,CAAC;MAAA;MAAA;QAAA,OAEAG,KAAK,CAACC,aAAa,GAAGO,SAAS,GAAGI,SAAS;QAAA,SAC3C;MAAwB,sBAE5BL,KAAK,CAACM,OAAO,qBAAb,oBAAAN,KAAK,CAAY;IAAA,CAEtB,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/labs/VVirtualScroll/index.d.ts

@@ -0,0 +1,154 @@
+import * as vue from 'vue';
+
+interface VVirtualScrollSlot<T> {
+    item: T;
+    index: number;
+}
+declare const VVirtualScroll: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            visibleItems: string | number;
+            itemKey: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            items: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            itemKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            itemHeight: (StringConstructor | NumberConstructor)[];
+            visibleItems: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }, "$children" | "items" | "v-slots" | "v-slot:default">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "visibleItems" | "itemKey">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            items: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            itemKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            itemHeight: (StringConstructor | NumberConstructor)[];
+            visibleItems: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }, "$children" | "items" | "v-slots" | "v-slot:default">>>, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default">, string, {
+            visibleItems: string | number;
+            itemKey: string;
+        }> & {
+            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<Omit<{
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        items: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        itemKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        itemHeight: (StringConstructor | NumberConstructor)[];
+        visibleItems: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }, "$children" | "items" | "v-slots" | "v-slot:default">>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemHeight: (StringConstructor | NumberConstructor)[];
+    visibleItems: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, "$children" | "items" | "v-slots" | "v-slot:default">>>, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default">, string, {
+    visibleItems: string | number;
+    itemKey: string;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $props: {
+        items: readonly T[];
+    } & {
+        $children?: vue.VNodeChild | {
+            default?: ((args_0: VVirtualScrollSlot<T>) => vue.VNodeChild) | undefined;
+        } | ((args_0: VVirtualScrollSlot<T>) => vue.VNodeChild);
+        'v-slots'?: {
+            default?: false | ((args_0: VVirtualScrollSlot<T>) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: VVirtualScrollSlot<T>) => vue.VNodeChild) | undefined;
+    };
+});
+declare type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
+
+export { VVirtualScroll };

package/lib/labs/VVirtualScroll/index.mjs

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

package/lib/labs/VVirtualScroll/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VVirtualScroll"],"sources":["../../../src/labs/VVirtualScroll/index.ts"],"sourcesContent":["export { VVirtualScroll } from './VVirtualScroll'\n"],"mappings":"SAASA,cAAc"}