vft 0.0.48 → 0.0.51

package/lib/components/roving-focus-group/roving-focus-group-impl.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./roving-focus-group-impl.vue2.cjs"),t=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.cjs");function o(e,s,l,p,c,i){return t.renderSlot(e.$slots,"default")}const n=u.default(r.default,[["render",o]]);exports.default=n;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    style: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
+    currentTabId: {
+        type: StringConstructor;
+    };
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    orientation: {
+        type: StringConstructor;
+    };
+    onBlur: FunctionConstructor;
+    onFocus: FunctionConstructor;
+    onMousedown: FunctionConstructor;
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    style: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
+    currentTabId: {
+        type: StringConstructor;
+    };
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    orientation: {
+        type: StringConstructor;
+    };
+    onBlur: FunctionConstructor;
+    onFocus: FunctionConstructor;
+    onMousedown: FunctionConstructor;
+}>> & {
+    onCurrentTabIdChange?: ((...args: any[]) => any) | undefined;
+    onEntryFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    loop: boolean;
+    dir: string;
+}>;
+export default _sfc_main;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core");require("@vft/utils");require("lodash");const l=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");const G=require("./types.cjs"),B=require("./tokens.cjs"),h=require("./utils.cjs"),I="currentTabIdChange",F="rovingFocusGroup.entryFocus",V={bubbles:!1,cancelable:!0},w=e.defineComponent({name:"VftRovingFocusGroupImpl",inheritAttrs:!1,props:{style:{type:[String,Array,Object]},currentTabId:{type:String},defaultCurrentTabId:String,loop:Boolean,dir:{type:String,values:["ltr","rtl"],default:"ltr"},orientation:{type:String},onBlur:Function,onFocus:Function,onMousedown:Function},emits:[I,"entryFocus"],setup(t,{emit:d}){const s=e.ref((t.currentTabId||t.defaultCurrentTabId)??null),r=e.ref(!1),i=e.ref(!1),f=e.ref(null),{getItems:b}=e.inject(G.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),E=e.computed(()=>[{outline:"none"},t.style]),T=n=>{d(I,n)},_=()=>{r.value=!0},m=l.composeEventHandlers(n=>{var o;(o=t.onMousedown)==null||o.call(t,n)},()=>{i.value=!0}),y=l.composeEventHandlers(n=>{var o;(o=t.onFocus)==null||o.call(t,n)},n=>{const o=!e.unref(i),{target:O,currentTarget:c}=n;if(O===c&&o&&!e.unref(r)){const v=new Event(F,V);if(c==null||c.dispatchEvent(v),!v.defaultPrevented){const a=b().filter(u=>u.focusable),S=a.find(u=>u.active),R=a.find(u=>u.id===e.unref(s)),N=[S,R,...a].filter(Boolean).map(u=>u.ref);h.focusFirst(N)}}i.value=!1}),g=l.composeEventHandlers(n=>{var o;(o=t.onBlur)==null||o.call(t,n)},()=>{r.value=!1}),C=(...n)=>{d("entryFocus",...n)};e.provide(B.ROVING_FOCUS_GROUP_INJECTION_KEY,{currentTabbedId:e.readonly(s),loop:e.toRef(t,"loop"),tabIndex:e.computed(()=>e.unref(r)?-1:0),rovingFocusGroupRef:f,rovingFocusGroupRootStyle:E,orientation:e.toRef(t,"orientation"),dir:e.toRef(t,"dir"),onItemFocus:T,onItemShiftTab:_,onBlur:g,onFocus:y,onMousedown:m}),e.watch(()=>t.currentTabId,n=>{s.value=n??null}),q.useEventListener(f,F,C)}});exports.default=w;

package/lib/components/roving-focus-group/roving-focus-group.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./roving-focus-group.vue2.cjs"),e=require("vue"),n=require("../../_virtual/_plugin-vue_export-helper.cjs");function c(o,s,p,i,_,a){const t=e.resolveComponent("roving-focus-group-impl"),r=e.resolveComponent("focus-group-collection");return e.openBlock(),e.createBlock(r,null,{default:e.withCtx(()=>[e.createVNode(t,e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16)]),_:3})}const l=n.default(u.default,[["render",c]]);exports.default=l;

package/lib/components/roving-focus-group/roving-focus-group.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/lib/components/roving-focus-group/roving-focus-group.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./roving-focus-group-impl.vue.cjs"),t=require("./types.cjs"),u=e.defineComponent({name:"VftRovingFocusGroup",components:{FocusGroupCollection:t.VftCollection,RovingFocusGroupImpl:o.default}});exports.default=u;

package/lib/components/roving-focus-group/roving-focus-item.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./roving-focus-item.vue2.cjs"),e=require("vue"),r=require("../../_virtual/_plugin-vue_export-helper.cjs");function c(o,i,l,s,a,d){const t=e.resolveComponent("roving-focus-collection-item");return e.openBlock(),e.createBlock(t,{id:o.id,focusable:o.focusable,active:o.active},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["id","focusable","active"])}const n=r.default(u.default,[["render",c]]);exports.default=n;

package/lib/components/roving-focus-group/roving-focus-item.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    id: import("vue").Ref<string>;
+    handleKeydown: (event: Event) => void;
+    handleFocus: (event: Event) => void;
+    handleMousedown: (event: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "mousedown")[], "focus" | "keydown" | "mousedown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+}, {
+    active: boolean;
+    focusable: boolean;
+}>;
+export default _sfc_main;

package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const F=require("../../hooks/use-id/index.cjs");require("@vueuse/core");require("@vft/utils");const c=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const g=require("../../constants/aria.cjs"),p=require("./types.cjs"),v=require("./tokens.cjs"),i=require("./utils.cjs"),k=e.defineComponent({components:{RovingFocusCollectionItem:p.VftCollectionItem},props:{focusable:{type:Boolean,default:!0},active:{type:Boolean,default:!1}},emits:["mousedown","focus","keydown"],setup(m,{emit:s}){const{currentTabbedId:_,loop:q,onItemFocus:a,onItemShiftTab:O}=e.inject(v.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{getItems:E}=e.inject(p.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),o=F.useId(),b=e.ref(null),l=c.composeEventHandlers(t=>{s("mousedown",t)},t=>{m.focusable?a(e.unref(o)):t.preventDefault()}),d=c.composeEventHandlers(t=>{s("focus",t)},()=>{a(e.unref(o))}),f=c.composeEventHandlers(t=>{s("keydown",t)},t=>{const{key:T,shiftKey:N,target:y,currentTarget:I}=t;if(T===g.EVENT_CODE.tab&&N){O();return}if(y!==I)return;const u=i.getFocusIntent(t);if(u){t.preventDefault();let r=E().filter(n=>n.focusable).map(n=>n.ref);switch(u){case"last":{r.reverse();break}case"prev":case"next":{u==="prev"&&r.reverse();const n=r.indexOf(I);r=q.value?i.reorderArray(r,n+1):r.slice(n+1);break}}e.nextTick(()=>{i.focusFirst(r)})}}),C=e.computed(()=>_.value===e.unref(o));return e.provide(v.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,{rovingFocusGroupItemRef:b,tabIndex:e.computed(()=>e.unref(C)?0:-1),handleMousedown:l,handleFocus:d,handleKeydown:f}),{id:o,handleKeydown:f,handleFocus:d,handleMousedown:l}}});exports.default=k;

package/lib/components/roving-focus-group/tokens.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=Symbol("vftRovingFocusGroup"),O=Symbol("vftRovingFocusGroupItem");exports.ROVING_FOCUS_GROUP_INJECTION_KEY=_;exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY=O;

package/lib/components/roving-focus-group/tokens.d.ts

@@ -0,0 +1,37 @@
+import type { InjectionKey, Ref, StyleValue } from 'vue';
+export interface VftRovingFocusGroupProps {
+    style?: StyleValue;
+    currentTabId?: string | null;
+    defaultCurrentTabId?: string;
+    loop?: boolean;
+    dir?: 'ltr' | 'rtl';
+    orientation?: string;
+    onBlur?: Function;
+    onFocus?: Function;
+    onMousedown?: Function;
+}
+type EventHandler<T = Event> = (e: T) => void;
+export type RovingGroupInjectionContext = {
+    currentTabbedId: Ref<string | null>;
+    dir: Ref<VftRovingFocusGroupProps['dir']>;
+    loop: Ref<VftRovingFocusGroupProps['loop']>;
+    orientation: Ref<VftRovingFocusGroupProps['orientation']>;
+    tabIndex: Ref<number>;
+    rovingFocusGroupRef: Ref<HTMLElement | null>;
+    rovingFocusGroupRootStyle: Ref<StyleValue>;
+    onBlur: EventHandler;
+    onFocus: EventHandler<FocusEvent>;
+    onMousedown: EventHandler;
+    onItemFocus: (id: string) => void;
+    onItemShiftTab: () => void;
+};
+export type RovingFocusGroupItemInjectionContext = {
+    rovingFocusGroupItemRef: Ref<HTMLElement | null>;
+    tabIndex: Ref<number>;
+    handleMousedown: EventHandler;
+    handleFocus: EventHandler;
+    handleKeydown: EventHandler;
+};
+export declare const ROVING_FOCUS_GROUP_INJECTION_KEY: InjectionKey<RovingGroupInjectionContext>;
+export declare const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY: InjectionKey<RovingFocusGroupItemInjectionContext>;
+export {};

package/lib/components/roving-focus-group/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../collection/collection.cjs"),{VftCollection:t,VftCollectionItem:e,COLLECTION_INJECTION_KEY:C,COLLECTION_ITEM_INJECTION_KEY:I}=o.createCollectionWithScope("RovingFocusGroup");exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY=C;exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY=I;exports.VftCollection=t;exports.VftCollectionItem=e;

package/lib/components/roving-focus-group/types.d.ts

@@ -0,0 +1,252 @@
+declare const VftCollection: {
+    name: string;
+    setup(): void;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+    template?: string | object | undefined;
+    render?: Function | undefined;
+    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+    directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+    inheritAttrs?: boolean | undefined;
+    emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+    expose?: string[] | undefined;
+    serverPrefetch?(): void | Promise<any>;
+    compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+    call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+    __defaults?: {} | undefined;
+    compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+        MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+    }) | undefined;
+    data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+    computed?: {} | undefined;
+    methods?: {} | undefined;
+    watch?: {
+        [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+            handler: string | import("vue").WatchCallback<any, any>;
+        } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+            handler: string | import("vue").WatchCallback<any, any>;
+        } & import("vue").WatchOptions<boolean>))[];
+    } | undefined;
+    provide?: import("vue").ComponentProvideOptions | undefined;
+    inject?: {} | string[] | undefined;
+    filters?: Record<string, Function> | undefined;
+    mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+    extends?: import("vue").ComponentOptionsMixin | undefined;
+    beforeCreate?(): void;
+    created?(): void;
+    beforeMount?(): void;
+    mounted?(): void;
+    beforeUpdate?(): void;
+    updated?(): void;
+    activated?(): void;
+    deactivated?(): void;
+    beforeDestroy?(): void;
+    beforeUnmount?(): void;
+    destroyed?(): void;
+    unmounted?(): void;
+    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+    delimiters?: [string, string] | undefined;
+    __differentiator?: undefined;
+    __isBuiltIn?: boolean | undefined;
+    __file?: string | undefined;
+    __name?: string | undefined;
+    beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+    beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+    beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+    key?: string | number | symbol | undefined;
+    ref?: import("vue").VNodeRef | undefined;
+    ref_for?: boolean | undefined;
+    ref_key?: string | undefined;
+    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    class?: unknown;
+    style?: unknown;
+}, VftCollectionItem: {
+    name: string;
+    setup(_: unknown, { attrs }: {
+        attrs: {
+            [x: string]: unknown;
+        };
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        emit: (event: string, ...args: any[]) => void;
+        expose: (exposed?: Record<string, any> | undefined) => void;
+    } | {
+        attrs: {
+            [x: string]: unknown;
+        };
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        emit: (event: string, ...args: any[]) => void;
+        expose: (exposed?: Record<string, any> | undefined) => void;
+    }): void;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+    template?: string | object | undefined;
+    render?: Function | undefined;
+    components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>> | undefined;
+    directives?: Record<string, import("vue").Directive<any, any>> | undefined;
+    inheritAttrs?: boolean | undefined;
+    emits?: ThisType<void> | (string[] & ThisType<void>) | undefined;
+    expose?: string[] | undefined;
+    serverPrefetch?(): void | Promise<any>;
+    compilerOptions?: import("vue").RuntimeCompilerOptions | undefined;
+    call: (<T, A extends any[]>(this: new (...args: A) => T, thisArg: T, ...args: A) => void) & ((this: unknown, ...args: unknown[]) => never);
+    __defaults?: {} | undefined;
+    compatConfig?: (Partial<Record<import("vue").DeprecationTypes, boolean | "suppress-warning">> & {
+        MODE?: 2 | 3 | ((comp: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | null) => 2 | 3) | undefined;
+    }) | undefined;
+    data?: ((this: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{}>>, {}, false, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, import("vue").MethodOptions, {}>) => {}) | undefined;
+    computed?: {} | undefined;
+    methods?: {} | undefined;
+    watch?: {
+        [x: string]: (string | import("vue").WatchCallback<any, any> | ({
+            handler: string | import("vue").WatchCallback<any, any>;
+        } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback<any, any> | ({
+            handler: string | import("vue").WatchCallback<any, any>;
+        } & import("vue").WatchOptions<boolean>))[];
+    } | undefined;
+    provide?: import("vue").ComponentProvideOptions | undefined;
+    inject?: {} | string[] | undefined;
+    filters?: Record<string, Function> | undefined;
+    mixins?: import("vue").ComponentOptionsMixin[] | undefined;
+    extends?: import("vue").ComponentOptionsMixin | undefined;
+    beforeCreate?(): void;
+    created?(): void;
+    beforeMount?(): void;
+    mounted?(): void;
+    beforeUpdate?(): void;
+    updated?(): void;
+    activated?(): void;
+    deactivated?(): void;
+    beforeDestroy?(): void;
+    beforeUnmount?(): void;
+    destroyed?(): void;
+    unmounted?(): void;
+    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | undefined;
+    delimiters?: [string, string] | undefined;
+    __differentiator?: undefined;
+    __isBuiltIn?: boolean | undefined;
+    __file?: string | undefined;
+    __name?: string | undefined;
+    beforeRouteEnter?: import("vue-router").NavigationGuardWithThis<undefined> | undefined;
+    beforeRouteUpdate?: import("vue-router").NavigationGuard | undefined;
+    beforeRouteLeave?: import("vue-router").NavigationGuard | undefined;
+    key?: string | number | symbol | undefined;
+    ref?: import("vue").VNodeRef | undefined;
+    ref_for?: boolean | undefined;
+    ref_key?: string | undefined;
+    onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>) => void)[] | undefined;
+    class?: unknown;
+    style?: unknown;
+}, COLLECTION_INJECTION_KEY: import("vue").InjectionKey<import("vft/es/components/collection").VftCollectionInjectionContext>, COLLECTION_ITEM_INJECTION_KEY: import("vue").InjectionKey<import("vft/es/components/collection").VftCollectionItemInjectionContext>;
+export { VftCollection, VftCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY };

package/lib/components/roving-focus-group/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/aria.cjs"),E={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"},c=(e,t)=>{if(t!=="rtl")return e;switch(e){case r.EVENT_CODE.right:return r.EVENT_CODE.left;case r.EVENT_CODE.left:return r.EVENT_CODE.right;default:return e}},i=(e,t,n)=>{const o=c(e.key,n);if(!(t==="vertical"&&[r.EVENT_CODE.left,r.EVENT_CODE.right].includes(o))&&!(t==="horizontal"&&[r.EVENT_CODE.up,r.EVENT_CODE.down].includes(o)))return E[o]},s=(e,t)=>e.map((n,o)=>e[(o+t)%e.length]),u=e=>{const{activeElement:t}=document;for(const n of e)if(n===t||(n.focus(),t!==document.activeElement))return};exports.focusFirst=u;exports.getFocusIntent=i;exports.reorderArray=s;

package/lib/components/roving-focus-group/utils.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'vue';
+type Orientation = HTMLAttributes['aria-orientation'];
+type Direction = 'ltr' | 'rtl';
+type FocusIntent = 'first' | 'last' | 'prev' | 'next';
+export declare const getFocusIntent: (event: KeyboardEvent, orientation?: Orientation, dir?: Direction) => FocusIntent | undefined;
+export declare const reorderArray: <T>(array: T[], atIdx: number) => T[];
+export declare const focusFirst: (elements: HTMLElement[]) => void;
+export {};

package/lib/components/scrollbar/bar.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./bar.vue2.cjs");exports.default=e.default;

package/lib/components/scrollbar/bar.vue.d.ts

@@ -0,0 +1,54 @@
+import type { PropType as __PropType } from 'vue';
+export interface barProps {
+    always?: boolean;
+    width?: string;
+    height?: string;
+    ratioX?: number;
+    ratioY?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    ratioX: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    ratioY: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    handleScroll: (wrap: HTMLDivElement) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    always: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    ratioX: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    ratioY: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/scrollbar/bar.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("./util.cjs"),n=require("./thumb.vue2.cjs"),c=t.defineComponent({__name:"bar",props:{always:{type:Boolean,default:!0},width:null,height:null,ratioX:{default:1},ratioY:{default:1}},setup(e,{expose:r}){const a=t.ref(0),o=t.ref(0);return r({handleScroll:l=>{if(l){const i=l.offsetHeight-u.GAP,s=l.offsetWidth-u.GAP;o.value=l.scrollTop*100/i*e.ratioY,a.value=l.scrollLeft*100/s*e.ratioX}}}),(l,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(n.default,{move:a.value,ratio:e.ratioX,size:e.width,always:e.always},null,8,["move","ratio","size","always"]),t.createVNode(n.default,{move:o.value,ratio:e.ratioY,size:e.height,vertical:"",always:e.always},null,8,["move","ratio","size","always"])],64))}});exports.default=c;

package/lib/components/scrollbar/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("scrollbarContextKey");exports.scrollbarContextKey=e;

package/lib/components/scrollbar/constants.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+export interface ScrollbarContext {
+    scrollbarElement: HTMLDivElement;
+    wrapElement: HTMLDivElement;
+}
+export declare const scrollbarContextKey: InjectionKey<ScrollbarContext>;

package/lib/components/scrollbar/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const u=require("./scrollbar.vue2.cjs"),e=require("./util.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const l=require("./constants.cjs"),r=t.withInstall(u.default);exports.BAR_MAP=e.BAR_MAP;exports.GAP=e.GAP;exports.renderThumbStyle=e.renderThumbStyle;exports.scrollbarContextKey=l.scrollbarContextKey;exports.VftScrollbar=r;exports.default=r;

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

@@ -0,0 +1,113 @@
+export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    height: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    native: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    wrapStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    wrapClass: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewClass: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    noresize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    always: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    minSize: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    update: () => void;
+    scrollTo: (arg1: unknown, arg2?: number | undefined) => void;
+    setScrollTop: (value: number) => void;
+    setScrollLeft: (value: number) => void;
+    handleScroll: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    native: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    wrapStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    wrapClass: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewClass: {
+        type: import("vue").PropType<string | any[] | undefined>;
+        required: false;
+    };
+    viewStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    noresize: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    tag: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    always: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    minSize: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftScrollbar;
+export * from './util';
+export * from './scrollbar.vue';
+export * from './thumb.vue';
+export * from './constants';

package/lib/components/scrollbar/scrollbar.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./scrollbar.vue2.cjs");exports.default=e.default;