@element-plus/nightly 0.0.20220102 → 0.0.20220106

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

@@ -0,0 +1,43 @@
+import type { StyleValue } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    style: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    currentTabId: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | null>, unknown, unknown, unknown, unknown>;
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: import("../../../utils/props").BuildPropReturn<StringConstructor, string, unknown, string, unknown>;
+    orientation: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<"horizontal" | "vertical" | undefined>, unknown, unknown, unknown, unknown>;
+    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<{
+    style?: unknown;
+    currentTabId?: unknown;
+    defaultCurrentTabId?: unknown;
+    loop?: unknown;
+    dir?: unknown;
+    orientation?: unknown;
+    onBlur?: unknown;
+    onFocus?: unknown;
+    onMousedown?: unknown;
+} & {
+    dir: string;
+    loop: boolean;
+} & {
+    style?: StyleValue | undefined;
+    onMousedown?: Function | undefined;
+    onFocus?: Function | undefined;
+    onBlur?: Function | undefined;
+    currentTabId?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | null>, unknown, unknown> | undefined;
+    defaultCurrentTabId?: string | undefined;
+    orientation?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<"horizontal" | "vertical" | undefined>, unknown, unknown>;
+}> & {
+    onCurrentTabIdChange?: ((...args: any[]) => any) | undefined;
+    onEntryFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    dir: string;
+    style: StyleValue;
+    loop: boolean;
+    currentTabId: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | null>, unknown, unknown>;
+    orientation: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<"horizontal" | "vertical" | undefined>, unknown, unknown>;
+}>;
+export default _default;

package/es/components/roving-focus-group/src/roving-focus-group-impl.vue_vue_type_script_lang.mjs

@@ -0,0 +1,102 @@
+import { defineComponent, ref, inject, computed, unref, provide, readonly, toRef, watch, onMounted, onBeforeUnmount } from 'vue';
+import { composeEventHandlers, on, off } from '../../../utils/dom.mjs';
+import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
+import { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens.mjs';
+import { focusFirst } from './utils.mjs';
+
+const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
+const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
+const EVT_OPTS = { bubbles: false, cancelable: true };
+var script = defineComponent({
+  name: "ElRovingFocusGroupImpl",
+  inheritAttrs: false,
+  props: rovingFocusGroupProps,
+  emits: [CURRENT_TAB_ID_CHANGE_EVT, "entryFocus"],
+  setup(props, { emit }) {
+    var _a;
+    const currentTabbedId = ref((_a = props.currentTabId || props.defaultCurrentTabId) != null ? _a : null);
+    const isBackingOut = ref(false);
+    const isClickFocus = ref(false);
+    const rovingFocusGroupRef = ref(null);
+    const { getItems } = inject(COLLECTION_INJECTION_KEY, void 0);
+    const rovingFocusGroupRootStyle = computed(() => {
+      return [
+        {
+          outline: "none"
+        },
+        props.style
+      ];
+    });
+    const onItemFocus = (tabbedId) => {
+      emit(CURRENT_TAB_ID_CHANGE_EVT, tabbedId);
+    };
+    const onItemShiftTab = () => {
+      isBackingOut.value = true;
+    };
+    const onMousedown = composeEventHandlers((e) => {
+      var _a2;
+      (_a2 = props.onMousedown) == null ? void 0 : _a2.call(props, e);
+    }, () => {
+      isClickFocus.value = true;
+    });
+    const onFocus = composeEventHandlers((e) => {
+      var _a2;
+      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e);
+    }, (e) => {
+      const isKeyboardFocus = !unref(isClickFocus);
+      const { target, currentTarget } = e;
+      if (target === currentTarget && isKeyboardFocus && !unref(isBackingOut)) {
+        const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS);
+        currentTarget == null ? void 0 : currentTarget.dispatchEvent(entryFocusEvt);
+        if (!entryFocusEvt.defaultPrevented) {
+          const items = getItems().filter((item) => item.focusable);
+          const activeItem = items.find((item) => item.active);
+          const currentItem = items.find((item) => item.id === unref(currentTabbedId));
+          const candidates = [activeItem, currentItem, ...items].filter(Boolean);
+          const candidateNodes = candidates.map((item) => item.ref);
+          focusFirst(candidateNodes);
+        }
+      }
+      isClickFocus.value = false;
+    });
+    const onBlur = composeEventHandlers((e) => {
+      var _a2;
+      (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
+    }, () => {
+      isBackingOut.value = false;
+    });
+    const handleEntryFocus = (...args) => {
+      emit("entryFocus", ...args);
+    };
+    provide(ROVING_FOCUS_GROUP_INJECTION_KEY, {
+      currentTabbedId: readonly(currentTabbedId),
+      loop: toRef(props, "loop"),
+      tabIndex: computed(() => {
+        return unref(isBackingOut) ? -1 : 0;
+      }),
+      rovingFocusGroupRef,
+      rovingFocusGroupRootStyle,
+      orientation: toRef(props, "orientation"),
+      dir: toRef(props, "dir"),
+      onItemFocus,
+      onItemShiftTab,
+      onBlur,
+      onFocus,
+      onMousedown
+    });
+    watch(() => props.currentTabId, (val) => {
+      currentTabbedId.value = val != null ? val : null;
+    });
+    onMounted(() => {
+      const rovingFocusGroupEl = unref(rovingFocusGroupRef);
+      on(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus);
+    });
+    onBeforeUnmount(() => {
+      const rovingFocusGroupEl = unref(rovingFocusGroupRef);
+      off(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus);
+    });
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=roving-focus-group-impl.vue_vue_type_script_lang.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group-impl.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group-impl.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group-impl.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  inject,\n  watch,\n  readonly,\n  toRef,\n} from 'vue'\nimport { composeEventHandlers, on, off } from '@element-plus/utils/dom'\nimport {\n  rovingFocusGroupProps,\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n} from './roving-focus-group'\nimport { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens'\nimport { focusFirst } from './utils'\n\nimport type { StyleValue } from 'vue'\n\nconst CURRENT_TAB_ID_CHANGE_EVT = 'currentTabIdChange'\n\nconst ENTRY_FOCUS_EVT = 'rovingFocusGroup.entryFocus'\nconst EVT_OPTS: EventInit = { bubbles: false, cancelable: true }\nexport default defineComponent({\n  name: 'ElRovingFocusGroupImpl',\n  inheritAttrs: false,\n  props: rovingFocusGroupProps,\n  emits: [CURRENT_TAB_ID_CHANGE_EVT, 'entryFocus'],\n  setup(props, { emit }) {\n    const currentTabbedId = ref<string | null>(\n      (props.currentTabId || props.defaultCurrentTabId) ?? null\n    )\n    const isBackingOut = ref(false)\n    const isClickFocus = ref(false)\n    const rovingFocusGroupRef = ref<HTMLElement | null>(null)\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n    const rovingFocusGroupRootStyle = computed(() => {\n      // casting to any for fix compiler error since HTMLElement.StyleValue does not\n      // support CSSProperties\n      return [\n        {\n          outline: 'none',\n        },\n        props.style as StyleValue,\n      ] as any\n    })\n\n    const onItemFocus = (tabbedId: string) => {\n      emit(CURRENT_TAB_ID_CHANGE_EVT, tabbedId)\n    }\n\n    const onItemShiftTab = () => {\n      isBackingOut.value = true\n    }\n\n    const onMousedown = composeEventHandlers(\n      (e: Event) => {\n        props.onMousedown?.(e)\n      },\n      () => {\n        isClickFocus.value = true\n      }\n    )\n\n    const onFocus = composeEventHandlers(\n      (e: FocusEvent) => {\n        props.onFocus?.(e)\n      },\n      (e) => {\n        const isKeyboardFocus = !unref(isClickFocus)\n        const { target, currentTarget } = e\n        if (\n          target === currentTarget &&\n          isKeyboardFocus &&\n          !unref(isBackingOut)\n        ) {\n          const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS)\n          currentTarget?.dispatchEvent(entryFocusEvt)\n\n          if (!entryFocusEvt.defaultPrevented) {\n            const items = getItems<{\n              id: string\n              focusable: boolean\n              active: boolean\n            }>().filter((item) => item.focusable)\n            const activeItem = items.find((item) => item.active)\n            const currentItem = items.find(\n              (item) => item.id === unref(currentTabbedId)\n            )\n            const candidates = [activeItem!, currentItem!, ...items].filter(\n              Boolean\n            )\n            const candidateNodes = candidates.map((item) => item.ref!)\n            focusFirst(candidateNodes)\n          }\n        }\n\n        isClickFocus.value = false\n      }\n    )\n\n    const onBlur = composeEventHandlers(\n      (e: Event) => {\n        props.onBlur?.(e)\n      },\n      () => {\n        isBackingOut.value = false\n      }\n    )\n\n    const handleEntryFocus = (...args: any[]) => {\n      emit('entryFocus', ...args)\n    }\n\n    provide(ROVING_FOCUS_GROUP_INJECTION_KEY, {\n      currentTabbedId: readonly(currentTabbedId),\n      loop: toRef(props, 'loop'),\n      tabIndex: computed(() => {\n        return unref(isBackingOut) ? -1 : 0\n      }),\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      orientation: toRef(props, 'orientation'),\n      dir: toRef(props, 'dir'),\n      onItemFocus,\n      onItemShiftTab,\n      onBlur,\n      onFocus,\n      onMousedown,\n    })\n\n    watch(\n      () => props.currentTabId,\n      (val) => {\n        currentTabbedId.value = val ?? null\n      }\n    )\n\n    onMounted(() => {\n      const rovingFocusGroupEl = unref(rovingFocusGroupRef)!\n      on(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus)\n    })\n\n    onBeforeUnmount(() => {\n      const rovingFocusGroupEl = unref(rovingFocusGroupRef)!\n      off(rovingFocusGroupEl, ENTRY_FOCUS_EVT, handleEntryFocus)\n    })\n  },\n})\n</script>\n"],"names":["ROVING_FOCUS_COLLECTION_INJECTION_KEY"],"mappings":";;;;;;AAwBA,+BAA+B,GAAG;;AAElC,cAAc,GAAG,EAAE,SAAS,KAAK,EAAE;;AAEnC,EAAE,IAAI,EAAE,wBAAwB;;AAEhC,EAAE,KAAK,EAAE,qBAAqB;AAC9B,EAAE,KAAK,EAAE,CAAC,yBAAyB,EAAE,YAAY,CAAC;AAClD,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,IAAI,EAAE,CAAC;IACP,MAAM;IACN,MAAM,YAAY,GAAG,GAAG,CAAC;IACzB,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC;IAC/B,MAAM;IACN,MAAM,EAAE,QAAQ,EAAE,SAAS,CAACA;UACtB,yBAAyB,GAAG,QAAQ,CAAC,MAAM;;QAE7C;UACE,OAAO,EAAE,MAAM;;QAEjB,KAAK,CAAC,KAAK;OACZ,CAAC;MACF,CAAC;IACH;MACE,IAAI,CAAC,yBAAyB,EAAE,QAAQ,CAAC,CAAC;MAC1C;UACI,cAAc,GAAG;MACrB;;UAEI,WAAW,GAAG;;UAEd,GAAG,KAAK,YAAY;aACjB;;;IAGT,MAAM,OAAO,GAAG,oBAAoB,CAAC,EAAE;MACrC,IAAI,GAAG,CAAC;;;MAGR,MAAM,eAAe,GAAG,CAAC;MACzB,MAAM,EAAE,MAAM,EAAE;;;QAGd,iBAAiB,IAAI,GAAG,KAAK,CAAC,GAAG;QACjC,IAAI,CAAC;UACH,MAAM,KAAK,GAAG;;UAEd;UACA,MAAM,aAAa,CAAC;;;;OAIvB;MACD,YAAY,CAAC;;;MAGb,IAAI,GAAG;UACH,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;;;;UAIxC,gBAAgB;UAChB,CAAC,YAAY,EAAE,GAAG;;WAEjB,CAAC,gCAAgC,EAAE;qBACzB,EAAE,QAAQ,CAAC,eAAe,CAAC;;cAElC,EAAE,QAAQ,CAAC,MAAM;eAChB,KAAK,CAAC,YAAY,CAAC;;yBAET;;iBAER,EAAE,KAAK,CAAC,OAAO,aAAa,CAAC;gBAC9B,MAAM,EAAE,KAAK;;;YAGjB;aACC;iBACI;;gBAED,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK;qBACxB,CAAC,KAAK,GAAG,GAAG,IAAI;;;;QAI7B,CAAC,kBAAkB,EAAE;MACvB;IACF;;MAEE,IAAI,kBAAkB,EAAE;MACxB,CAAC;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group-impl.vue_vue_type_template_id_e5cee750_lang.mjs

@@ -0,0 +1,8 @@
+import { renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+
+export { render };
+//# sourceMappingURL=roving-focus-group-impl.vue_vue_type_template_id_e5cee750_lang.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group-impl.vue_vue_type_template_id_e5cee750_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group-impl.vue_vue_type_template_id_e5cee750_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group.d.ts

@@ -0,0 +1,269 @@
+import type { ExtractPropTypes, StyleValue } from 'vue';
+export declare const rovingFocusGroupProps: {
+    style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    currentTabId: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | null>, unknown, unknown, unknown, unknown>;
+    defaultCurrentTabId: StringConstructor;
+    loop: BooleanConstructor;
+    dir: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string, unknown, string, unknown>;
+    orientation: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<"horizontal" | "vertical" | undefined>, unknown, unknown, unknown, unknown>;
+    onBlur: FunctionConstructor;
+    onFocus: FunctionConstructor;
+    onMousedown: FunctionConstructor;
+};
+export declare type ElRovingFocusGroupProps = ExtractPropTypes<typeof rovingFocusGroupProps>;
+declare const ElCollection: {
+    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?: (import("vue").EmitsOptions & ThisType<void>) | undefined;
+    expose?: string[] | undefined;
+    serverPrefetch?(): 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").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<{} & {} & {}>, {}, false, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{} & {} & {}>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<{} & {} & {}>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<{} & {} & {}>, {}, false, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{} & {} & {}>, {}, {}, {}, 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?: Function | {
+        [x: string]: unknown;
+    } | undefined;
+    inject?: (string[] | {
+        [x: string]: string | symbol | {
+            from?: string | symbol | undefined;
+            default?: unknown;
+        };
+        [x: symbol]: string | symbol | {
+            from?: string | symbol | undefined;
+            default?: unknown;
+        };
+    }) | 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, {}>> | null, info: string) => boolean | void) | undefined;
+    delimiters?: [string, string] | undefined;
+    __differentiator?: undefined;
+    __isBuiltIn?: boolean | undefined;
+    __file?: 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?: (string | import("vue").Ref<any> | ((ref: object | null, refs: Record<string, any>) => void)) | 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;
+}, ElCollectionItem: {
+    name: string;
+    setup(_: any, { attrs }: {
+        attrs: any;
+    }): 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?: (import("vue").EmitsOptions & ThisType<void>) | undefined;
+    expose?: string[] | undefined;
+    serverPrefetch?(): 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").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<{} & {} & {}>, {}, false, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{} & {} & {}>, {}, {}, {}, import("vue").MethodOptions, {}>, vm: import("vue").CreateComponentPublicInstance<Readonly<{} & {} & {}>, {}, {}, {}, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, Readonly<{} & {} & {}>, {}, false, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{} & {} & {}>, {}, {}, {}, 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?: Function | {
+        [x: string]: unknown;
+    } | undefined;
+    inject?: (string[] | {
+        [x: string]: string | symbol | {
+            from?: string | symbol | undefined;
+            default?: unknown;
+        };
+        [x: symbol]: string | symbol | {
+            from?: string | symbol | undefined;
+            default?: unknown;
+        };
+    }) | 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, {}>> | null, info: string) => boolean | void) | undefined;
+    delimiters?: [string, string] | undefined;
+    __differentiator?: undefined;
+    __isBuiltIn?: boolean | undefined;
+    __file?: 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?: (string | import("vue").Ref<any> | ((ref: object | null, refs: Record<string, any>) => void)) | 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("element-plus/es/components/collection").ElCollectionInjectionContext>, COLLECTION_ITEM_INJECTION_KEY: import("vue").InjectionKey<import("element-plus/es/components/collection").ElCollectionItemInjectionContext>;
+export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, };

package/es/components/roving-focus-group/src/roving-focus-group.mjs

@@ -0,0 +1,32 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import '../../collection/index.mjs';
+import { createCollectionWithScope } from '../../collection/src/collection.mjs';
+
+const rovingFocusGroupProps = buildProps({
+  style: { type: definePropType([String, Array, Object]) },
+  currentTabId: {
+    type: definePropType(String)
+  },
+  defaultCurrentTabId: String,
+  loop: Boolean,
+  dir: {
+    type: String,
+    values: ["ltr", "rtl"],
+    default: "ltr"
+  },
+  orientation: {
+    type: definePropType(String)
+  },
+  onBlur: Function,
+  onFocus: Function,
+  onMousedown: Function
+});
+const {
+  ElCollection,
+  ElCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = createCollectionWithScope("RovingFocusGroup");
+
+export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
+//# sourceMappingURL=roving-focus-group.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group.vue.d.ts

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

package/es/components/roving-focus-group/src/roving-focus-group.vue_vue_type_script_lang.mjs

@@ -0,0 +1,15 @@
+import { defineComponent } from 'vue';
+import './roving-focus-group-impl.mjs';
+import { ElCollection } from './roving-focus-group.mjs';
+import script$1 from './roving-focus-group-impl.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: "ElRovingFocusGroup",
+  components: {
+    ElFocusGroupCollection: ElCollection,
+    ElRovingFocusGroupImpl: script$1
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=roving-focus-group.vue_vue_type_script_lang.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <el-focus-group-collection>\n    <el-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </el-roving-focus-group-impl>\n  </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'ElRovingFocusGroup',\n  components: {\n    ElFocusGroupCollection,\n    ElRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["ElFocusGroupCollection","ElRovingFocusGroupImpl"],"mappings":";;;;;AAWA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;4BACRA,YAAsB;4BACtBC;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group.vue_vue_type_template_id_91b51b76_lang.mjs

@@ -0,0 +1,20 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
+  const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
+  return openBlock(), createBlock(_component_el_focus_group_collection, null, {
+    default: withCtx(() => [
+      createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+
+export { render };
+//# sourceMappingURL=roving-focus-group.vue_vue_type_template_id_91b51b76_lang.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group.vue_vue_type_template_id_91b51b76_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group.vue_vue_type_template_id_91b51b76_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group2.mjs

@@ -0,0 +1,7 @@
+import script from './roving-focus-group.vue_vue_type_script_lang.mjs';
+export { default } from './roving-focus-group.vue_vue_type_script_lang.mjs';
+import { render } from './roving-focus-group.vue_vue_type_template_id_91b51b76_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/roving-focus-group/src/roving-focus-group.vue";
+//# sourceMappingURL=roving-focus-group2.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/components/roving-focus-group/src/roving-focus-item.mjs

@@ -0,0 +1,7 @@
+import script from './roving-focus-item.vue_vue_type_script_lang.mjs';
+export { default } from './roving-focus-item.vue_vue_type_script_lang.mjs';
+import { render } from './roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/roving-focus-group/src/roving-focus-item.vue";
+//# sourceMappingURL=roving-focus-item.mjs.map

package/es/components/roving-focus-group/src/roving-focus-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,29 @@
+declare const _default: 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<{
+    focusable?: unknown;
+    active?: unknown;
+} & {
+    active: boolean;
+    focusable: boolean;
+} & {}> & {
+    onMousedown?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    active: boolean;
+    focusable: boolean;
+}>;
+export default _default;