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

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

@@ -0,0 +1,210 @@
+import * as vue from 'vue';
+import { VNodeChild, Ref, ComponentInternalInstance, ComputedRef } from 'vue';
+
+declare const VItemGroup: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    modelValue: any;
+    selectedClass: string;
+}>;
+declare type VItemGroup = InstanceType<typeof VItemGroup>;
+
+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;
+}
+interface GroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    toggle: () => void;
+    select: (value: boolean) => void;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: GroupProvide;
+}
+
+declare const VItem: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            value: null;
+            disabled: BooleanConstructor;
+            selectedClass: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [GroupItemProvide];
+        }>>>> & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled">;
+        $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: "group:selected", val: {
+            value: boolean;
+        }) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            value: null;
+            disabled: BooleanConstructor;
+            selectedClass: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [GroupItemProvide];
+        }>>>> & {
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'group:selected': (val: {
+                value: boolean;
+            }) => boolean;
+        }, string, {
+            disabled: boolean;
+        }> & {
+            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<{
+        value: null;
+        disabled: BooleanConstructor;
+        selectedClass: StringConstructor;
+    } & SlotsToProps<MakeSlots<{
+        default: [GroupItemProvide];
+    }>>>> & {
+        "onGroup:selected"?: ((val: {
+            value: boolean;
+        }) => any) | undefined;
+    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[] | undefined> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+} & SlotsToProps<MakeSlots<{
+    default: [GroupItemProvide];
+}>>>> & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'group:selected': (val: {
+        value: boolean;
+    }) => boolean;
+}, string, {
+    disabled: boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: MakeSlots<{
+        default: [GroupItemProvide];
+    }>;
+});
+declare type VItem = InstanceType<typeof VItem>;
+
+export { VItem, VItemGroup };

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

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

package/lib/components/VKbd/VKbd.css

@@ -5,5 +5,5 @@
   font-size: 85%;
   font-weight: normal;
   padding: 0.2em 0.4rem;
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }

package/lib/components/VKbd/VKbd.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VKbd/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+// VKbd
 $kbd-border-radius: 3px !default;
 $kbd-elevation: 2 !default;
 $kbd-font-size: 85% !default;

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

@@ -0,0 +1,19 @@
+import * as vue from 'vue';
+
+declare const VKbd: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+
+export { VKbd };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VKbd/index.ts"],"names":["createSimpleFunctional","VKbd"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,IAAI,GAAGD,sBAAsB,CAAC,OAAD,CAAnC","sourcesContent":["import './VKbd.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VKbd = createSimpleFunctional('v-kbd')\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VKbd"],"sources":["../../../src/components/VKbd/index.ts"],"sourcesContent":["import './VKbd.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VKbd = createSimpleFunctional('v-kbd')\n"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,IAAI,GAAGD,sBAAsB,CAAC,OAAD,CAAnC"}

package/lib/components/VLabel/VLabel.css

@@ -1,6 +1,5 @@
 .v-label {
   align-items: center;
-  cursor: pointer;
   display: inline-flex;
   font-size: 1rem;
   letter-spacing: 0.009375em;
@@ -9,4 +8,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+}
+
+.v-label--clickable {
+  cursor: pointer;
 }

package/lib/components/VLabel/VLabel.mjs

@@ -4,11 +4,12 @@ import "./VLabel.css"; // Composables
 
 import { makeThemeProps } from "../../composables/theme.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VLabel = defineComponent({
   name: 'VLabel',
   props: {
     text: String,
+    clickable: Boolean,
     ...makeThemeProps()
   },
 
@@ -16,13 +17,16 @@ export const VLabel = defineComponent({
     let {
       slots
     } = _ref;
-    return () => {
+    useRender(() => {
       var _slots$default;
 
       return _createVNode("label", {
-        "class": "v-label"
+        "class": ['v-label', {
+          'v-label--clickable': props.clickable
+        }]
       }, [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VLabel/VLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLabel/VLabel.tsx"],"names":["makeThemeProps","defineComponent","VLabel","name","props","text","String","setup","slots","default"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,MADD;AAGL,OAAGN,cAAc;AAHZ,GAH6B;;AASpCO,EAAAA,KAAK,CAAEH,KAAF,QAAoB;AAAA,QAAX;AAAEI,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA;;AAAA;AAAA,iBACQ;AADR,UAEDJ,KAAK,CAACC,IAFL,oBAIDG,KAAK,CAACC,OAJL,qBAID,oBAAAD,KAAK,CAJJ;AAAA,KAAP;AAOD;;AAjBmC,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => (\n      <label class=\"v-label\">\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    )\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"file":"VLabel.mjs"}
+{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","VLabel","name","props","text","String","clickable","Boolean","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n    clickable: Boolean,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <label\n        class={[\n          'v-label',\n          {\n            'v-label--clickable': props.clickable,\n          },\n        ]}\n      >\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,c,uCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,IAAI,EAAEC,MADD;IAELC,SAAS,EAAEC,OAFN;IAIL,GAAGT,cAAc;EAJZ,CAH6B;;EAUpCU,KAAK,CAAEL,KAAF,QAAoB;IAAA,IAAX;MAAEM;IAAF,CAAW;IACvBT,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,SADK,EAEL;UACE,sBAAsBG,KAAK,CAACG;QAD9B,CAFK;MAFD,IASJH,KAAK,CAACC,IATF,oBAWJK,KAAK,CAACC,OAXF,qBAWJ,oBAAAD,KAAK,CAXD;IAAA,CAAD,CAAT;IAeA,OAAO,EAAP;EACD;;AA3BmC,CAAD,CAA9B"}

package/lib/components/VLabel/VLabel.sass

@@ -1,11 +1,9 @@
-@forward './variables'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
 
 .v-label
   align-items: center
-  cursor: pointer
   display: $label-display
   font-size: $label-font-size
   letter-spacing: $label-letter-spacing
@@ -14,3 +12,6 @@
   overflow: hidden
   text-overflow: ellipsis
   white-space: nowrap
+
+.v-label--clickable
+  cursor: pointer

package/lib/components/VLabel/_variables.scss

@@ -1,5 +1,6 @@
 @use '../../styles/settings';
 
+// VLabel
 $label-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $label-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
 $label-display: inline-flex !default;

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

@@ -0,0 +1,16 @@
+import * as vue from 'vue';
+
+declare const VLabel: vue.DefineComponent<{
+    theme: StringConstructor;
+    text: StringConstructor;
+    clickable: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    text: StringConstructor;
+    clickable: BooleanConstructor;
+}>>, {
+    clickable: boolean;
+}>;
+declare type VLabel = InstanceType<typeof VLabel>;
+
+export { VLabel };

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

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

package/lib/components/VLayout/VLayout.css

@@ -1,9 +1,7 @@
 .v-layout {
   --v-scrollbar-offset: 0px;
-  position: relative;
   display: flex;
   flex: 1 1 auto;
-  overflow: hidden;
 }
 .v-layout--full-height {
   --v-scrollbar-offset: inherit;

package/lib/components/VLayout/VLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayout.tsx"],"names":["defineComponent","useRender","createLayout","makeLayoutProps","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","value","default"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,e,EAAiBC,S,gCAE1B;;SACSC,Y,EAAcC,e;AAEvB,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;AACrCK,EAAAA,IAAI,EAAE,SAD+B;AAGrCC,EAAAA,KAAK,EAAEH,eAAe,EAHe;;AAKrCI,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA,YAAjB;AAA+BC,MAAAA,aAA/B;AAA8CC,MAAAA,KAA9C;AAAqDC,MAAAA;AAArD,QAAmEX,YAAY,CAACI,KAAD,CAArF;AAEAL,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,eACGY,SADH;AAAA,iBACuBJ,aAAa,CAACK,KADrC;AAAA,iBACqDJ,YAAY,CAACI;AADlE,4BAEJN,KAAK,CAACO,OAFF,qBAEJ,oBAAAP,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO;AACLG,MAAAA,aADK;AAELC,MAAAA;AAFK,KAAP;AAID;;AAlBoC,CAAD,CAA/B","sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport const VLayout = defineComponent({\n  name: 'VLayout',\n\n  props: makeLayoutProps(),\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div ref={ layoutRef } class={ layoutClasses.value } style={ layoutStyles.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"file":"VLayout.mjs"}
+{"version":3,"file":"VLayout.mjs","names":["defineComponent","useRender","createLayout","makeLayoutProps","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","value","default"],"sources":["../../../src/components/VLayout/VLayout.tsx"],"sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport const VLayout = defineComponent({\n  name: 'VLayout',\n\n  props: makeLayoutProps(),\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div ref={ layoutRef } class={ layoutClasses.value } style={ layoutStyles.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,e,EAAiBC,S,gCAE1B;;SACSC,Y,EAAcC,e;AAEvB,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;EACrCK,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEH,eAAe,EAHe;;EAKrCI,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,aAAF;MAAiBC,YAAjB;MAA+BC,aAA/B;MAA8CC,KAA9C;MAAqDC;IAArD,IAAmEX,YAAY,CAACI,KAAD,CAArF;IAEAL,SAAS,CAAC;MAAA;;MAAA;QAAA,OACGY,SADH;QAAA,SACuBJ,aAAa,CAACK,KADrC;QAAA,SACqDJ,YAAY,CAACI;MADlE,sBAEJN,KAAK,CAACO,OAFF,qBAEJ,oBAAAP,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO;MACLG,aADK;MAELC;IAFK,CAAP;EAID;;AAlBoC,CAAD,CAA/B"}

package/lib/components/VLayout/VLayout.sass

@@ -1,9 +1,7 @@
 .v-layout
   --v-scrollbar-offset: 0px
-  position: relative
   display: flex
   flex: 1 1 auto
-  overflow: hidden
 
   &--full-height
     --v-scrollbar-offset: inherit

package/lib/components/VLayout/VLayoutItem.mjs

@@ -30,7 +30,7 @@ export const VLayoutItem = defineComponent({
       layoutItemStyles
     } = useLayoutItem({
       id: props.name,
-      priority: computed(() => parseInt(props.priority, 10)),
+      order: computed(() => parseInt(props.order, 10)),
       position: toRef(props, 'position'),
       elementSize: toRef(props, 'size'),
       layoutSize: toRef(props, 'size'),

package/lib/components/VLayout/VLayoutItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"names":["makeLayoutItemProps","useLayoutItem","computed","toRef","defineComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","priority","parseInt","elementSize","layoutSize","active","absolute","value"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,mB,EAAqBC,a,wCAE9B;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,gCAET;;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;AACzCE,EAAAA,IAAI,EAAE,aADmC;AAGzCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,QAAQ,EAAE;AAFF,KADL;AAKLC,IAAAA,IAAI,EAAE;AACJH,MAAAA,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADF;AAEJI,MAAAA,OAAO,EAAE;AAFL,KALD;AASLC,IAAAA,UAAU,EAAEC,OATP;AAUL,OAAGhB,mBAAmB;AAVjB,GAHkC;;AAgBzCiB,EAAAA,KAAK,CAAEV,KAAF,QAAoB;AAAA,QAAX;AAAEW,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAuBlB,aAAa,CAAC;AACzCmB,MAAAA,EAAE,EAAEb,KAAK,CAACD,IAD+B;AAEzCe,MAAAA,QAAQ,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,QAAP,EAAiB,EAAjB,CAAf,CAFuB;AAGzCb,MAAAA,QAAQ,EAAEL,KAAK,CAACI,KAAD,EAAQ,UAAR,CAH0B;AAIzCgB,MAAAA,WAAW,EAAEpB,KAAK,CAACI,KAAD,EAAQ,MAAR,CAJuB;AAKzCiB,MAAAA,UAAU,EAAErB,KAAK,CAACI,KAAD,EAAQ,MAAR,CALwB;AAMzCkB,MAAAA,MAAM,EAAEtB,KAAK,CAACI,KAAD,EAAQ,YAAR,CAN4B;AAOzCmB,MAAAA,QAAQ,EAAEvB,KAAK,CAACI,KAAD,EAAQ,UAAR;AAP0B,KAAD,CAA1C;AAUA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,eADK,CAFJ;AAAA,iBAKKY,gBAAgB,CAACQ;AALtB,4BAODT,KAAK,CAACJ,OAPL,qBAOD,oBAAAI,KAAK,CAPJ;AAAA,KAAP;AAUD;;AArCwC,CAAD,CAAnC","sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = defineComponent({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      priority: computed(() => parseInt(props.priority, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n        ]}\n        style={ layoutItemStyles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"file":"VLayoutItem.mjs"}
+{"version":3,"file":"VLayoutItem.mjs","names":["makeLayoutItemProps","useLayoutItem","computed","toRef","defineComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","value"],"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = defineComponent({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n        ]}\n        style={ layoutItemStyles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,mB,EAAqBC,a,wCAE9B;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,e,gCAET;;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aADmC;EAGzCC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,MADE;MAERC,QAAQ,EAAE;IAFF,CADL;IAKLC,IAAI,EAAE;MACJH,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADF;MAEJI,OAAO,EAAE;IAFL,CALD;IASLC,UAAU,EAAEC,OATP;IAUL,GAAGhB,mBAAmB;EAVjB,CAHkC;;EAgBzCiB,KAAK,CAAEV,KAAF,QAAoB;IAAA,IAAX;MAAEW;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAuBlB,aAAa,CAAC;MACzCmB,EAAE,EAAEb,KAAK,CAACD,IAD+B;MAEzCe,KAAK,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,KAAP,EAAc,EAAd,CAAf,CAF0B;MAGzCb,QAAQ,EAAEL,KAAK,CAACI,KAAD,EAAQ,UAAR,CAH0B;MAIzCgB,WAAW,EAAEpB,KAAK,CAACI,KAAD,EAAQ,MAAR,CAJuB;MAKzCiB,UAAU,EAAErB,KAAK,CAACI,KAAD,EAAQ,MAAR,CALwB;MAMzCkB,MAAM,EAAEtB,KAAK,CAACI,KAAD,EAAQ,YAAR,CAN4B;MAOzCmB,QAAQ,EAAEvB,KAAK,CAACI,KAAD,EAAQ,UAAR;IAP0B,CAAD,CAA1C;IAUA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,eADK,CAFJ;QAAA,SAKKY,gBAAgB,CAACQ;MALtB,sBAODT,KAAK,CAACJ,OAPL,qBAOD,oBAAAI,KAAK,CAPJ;IAAA,CAAP;EAUD;;AArCwC,CAAD,CAAnC"}

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

@@ -0,0 +1,75 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VLayout: vue.DefineComponent<{
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: BooleanConstructor;
+}, {
+    getLayoutItem: (id: string) => {
+        size: number;
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        id: string;
+    } | undefined;
+    items: vue.ComputedRef<{
+        size: number;
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        id: string;
+    }[]>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: BooleanConstructor;
+}>>, {
+    fullHeight: boolean;
+}>;
+declare type VLayout = InstanceType<typeof VLayout>;
+
+declare const VLayoutItem: vue.DefineComponent<{
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "top" | "bottom" | "right">;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "top" | "bottom" | "right">;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: BooleanConstructor;
+}>>, {
+    absolute: boolean;
+    order: string | number;
+    size: string | number;
+    modelValue: boolean;
+}>;
+
+export { VLayout, VLayoutItem };

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

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

package/lib/components/VLazy/VLazy.mjs

@@ -7,7 +7,8 @@ import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directi
 
 import intersect from "../../directives/intersect/index.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs"; // Types
+
 export const VLazy = defineComponent({
   name: 'VLazy',
   directives: {
@@ -49,7 +50,7 @@ export const VLazy = defineComponent({
       isActive.value = isIntersecting;
     }
 
-    return () => {
+    useRender(() => {
       var _slots$default;
 
       return _withDirectives(_createVNode(props.tag, {
@@ -62,7 +63,8 @@ export const VLazy = defineComponent({
           default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
         })]
       }), [[_resolveDirective("intersect"), onIntersect, props.options]]);
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VLazy/VLazy.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLazy/VLazy.tsx"],"names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","slots","dimensionStyles","isActive","onIntersect","isIntersecting"],"mappings":";AAAA;SACSA,kB,EAAoBC,Y;SACpBC,Y;SACAC,mB,EAAqBC,e;SACrBC,e,8CAET;;OACOC,S,8CAEP;;SAESC,e;AAET,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;AACnCE,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,UAAU,EAAE;AAAEJ,IAAAA;AAAF,GAHuB;AAKnCK,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEC,OADP;AAELC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEC,MADC;AAEP;AACA;AACAC,MAAAA,OAAO,EAAE,OAAO;AACdC,QAAAA,IAAI,EAAEC,SADQ;AAEdC,QAAAA,UAAU,EAAED,SAFE;AAGdE,QAAAA,SAAS,EAAEF;AAHG,OAAP;AAJF,KAFJ;AAaL,OAAGnB,kBAAkB,EAbhB;AAcL,OAAGE,YAAY,EAdV;AAeL,OAAGC,mBAAmB,CAAC;AAAEmB,MAAAA,UAAU,EAAE;AAAd,KAAD;AAfjB,GAL4B;AAuBnCC,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAvB4B;;AA2BnCC,EAAAA,KAAK,CAAEd,KAAF,QAAoB;AAAA,QAAX;AAAEe,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAsB1B,YAAY,CAACU,KAAD,CAAxC;AACA,UAAMiB,QAAQ,GAAGvB,eAAe,CAACM,KAAD,EAAQ,YAAR,CAAhC;;AAEA,aAASkB,WAAT,CAAsBC,cAAtB,EAA+C;AAC7C,UAAIF,QAAQ,CAACJ,KAAb,EAAoB;AAEpBI,MAAAA,QAAQ,CAACJ,KAAT,GAAiBM,cAAjB;AACD;;AAED,WAAO;AAAA;;AAAA;AAAA,iBAEG,QAFH;AAAA,iBAQKH,eAAe,CAACH;AARrB;AAAA,wBAUDI,QAAQ,CAACJ,KAAT;AAAA,wBAC8Bb,KAAK,CAACW;AADpC;AAAA,4CAEII,KAAK,CAACT,OAFV,qBAEI,oBAAAS,KAAK,CAFT;AAAA,UAVC;AAAA,4CAIDG,WAJC,EAKDlB,KAAK,CAACG,OALL;AAAA,KAAP;AAiBD;;AAtDkC,CAAD,CAA7B","sourcesContent":["// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport type { PropType } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VLazy = defineComponent({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    return () => (\n      <props.tag\n        class=\"v-lazy\"\n        v-intersect={[\n          onIntersect,\n          props.options,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={ dimensionStyles.value }\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition }>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    )\n  },\n})\n"],"file":"VLazy.mjs"}
+{"version":3,"file":"VLazy.mjs","names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","defineComponent","useRender","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","slots","dimensionStyles","isActive","onIntersect","isIntersecting"],"sources":["../../../src/components/VLazy/VLazy.tsx"],"sourcesContent":["// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLazy = defineComponent({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    useRender(() => (\n      <props.tag\n        class=\"v-lazy\"\n        v-intersect={[\n          onIntersect,\n          props.options,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={ dimensionStyles.value }\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition }>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,kB,EAAoBC,Y;SACpBC,Y;SACAC,mB,EAAqBC,e;SACrBC,e,8CAET;;OACOC,S,8CAEP;;SACSC,e,EAAiBC,S,gCAE1B;;AAGA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAD6B;EAGnCC,UAAU,EAAE;IAAEL;EAAF,CAHuB;EAKnCM,KAAK,EAAE;IACLC,UAAU,EAAEC,OADP;IAELC,OAAO,EAAE;MACPC,IAAI,EAAEC,MADC;MAEP;MACA;MACAC,OAAO,EAAE,OAAO;QACdC,IAAI,EAAEC,SADQ;QAEdC,UAAU,EAAED,SAFE;QAGdE,SAAS,EAAEF;MAHG,CAAP;IAJF,CAFJ;IAaL,GAAGpB,kBAAkB,EAbhB;IAcL,GAAGE,YAAY,EAdV;IAeL,GAAGC,mBAAmB,CAAC;MAAEoB,UAAU,EAAE;IAAd,CAAD;EAfjB,CAL4B;EAuBnCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAvB4B;;EA2BnCC,KAAK,CAAEd,KAAF,QAAoB;IAAA,IAAX;MAAEe;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAsB3B,YAAY,CAACW,KAAD,CAAxC;IAEA,MAAMiB,QAAQ,GAAGxB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;;IAEA,SAASkB,WAAT,CAAsBC,cAAtB,EAA+C;MAC7C,IAAIF,QAAQ,CAACJ,KAAb,EAAoB;MAEpBI,QAAQ,CAACJ,KAAT,GAAiBM,cAAjB;IACD;;IAEDvB,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEA,QAFA;QAAA,SAQEoB,eAAe,CAACH;MARlB;QAAA,gBAUJI,QAAQ,CAACJ,KAAT;UAAA,cAC8Bb,KAAK,CAACW;QADpC;UAAA,kCAEII,KAAK,CAACT,OAFV,qBAEI,oBAAAS,KAAK,CAFT;QAAA,EAVI;MAAA,sCAIJG,WAJI,EAKJlB,KAAK,CAACG,OALF;IAAA,CAAD,CAAT;IAkBA,OAAO,EAAP;EACD;;AAzDkC,CAAD,CAA7B"}

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

@@ -0,0 +1,85 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VLazy: vue.DefineComponent<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    modelValue: BooleanConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    modelValue: BooleanConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    });
+    options: IntersectionObserverInit;
+    tag: string;
+    modelValue: boolean;
+}>;
+
+export { VLazy };