element-ps 2.0.16 → 2.0.19

package/dist/index.full.js

@@ -17704,9 +17704,6 @@
     COLLECTION_ITEM_INJECTION_KEY
   } = createCollectionWithScope("RovingFocusGroup");
 
-  const ROVING_FOCUS_GROUP_INJECTION_KEY = Symbol("elRovingFocusGroup");
-  const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = Symbol("elRovingFocusGroupItem");
-
   const _sfc_main$14 = vue.defineComponent({
     components: {
       PsRovingFocusCollectionItem: PsCollectionItem
@@ -17722,14 +17719,7 @@
       }
     },
     setup() {
-      const { currentTabbedId } = vue.inject(ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
       const id = useId();
-      const rovingFocusGroupItemRef = vue.ref(null);
-      const isCurrentTab = vue.computed(() => currentTabbedId.value === vue.unref(id));
-      vue.provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {
-        rovingFocusGroupItemRef,
-        tabIndex: vue.computed(() => vue.unref(isCurrentTab) ? 0 : -1)
-      });
       return {
         id
       };
@@ -17758,24 +17748,17 @@
     props: dropdownItemProps,
     setup() {
       const ns = useNamespace("dropdown");
-      const { collectionItemRef: dropdownCollectionItemRef } = vue.inject(COLLECTION_ITEM_INJECTION_KEY$1, void 0);
-      const { collectionItemRef: rovingFocusCollectionItemRef } = vue.inject(COLLECTION_ITEM_INJECTION_KEY, void 0);
-      const {
-        rovingFocusGroupItemRef,
-        tabIndex
-      } = vue.inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, void 0);
-      const itemRef = composeRefs(dropdownCollectionItemRef, rovingFocusCollectionItemRef, rovingFocusGroupItemRef);
+      vue.inject(COLLECTION_ITEM_INJECTION_KEY$1, void 0);
+      vue.inject(COLLECTION_ITEM_INJECTION_KEY, void 0);
       return {
         ns,
-        itemRef,
         dataset: {
           [COLLECTION_ITEM_SIGN]: ""
-        },
-        tabIndex
+        }
       };
     }
   });
-  const _hoisted_1$q = ["aria-disabled", "tabindex"];
+  const _hoisted_1$q = ["aria-disabled"];
   function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ps_icon = vue.resolveComponent("ps-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -17783,10 +17766,9 @@
         key: 0,
         class: _ctx.ns.bem("menu", "item", "divided")
       }, _ctx.$attrs), null, 16)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("li", vue.mergeProps({ ref: _ctx.itemRef }, { ..._ctx.dataset, ..._ctx.$attrs }, {
+      vue.createElementVNode("li", vue.mergeProps({ ..._ctx.dataset, ..._ctx.$attrs }, {
         "aria-disabled": _ctx.disabled,
         class: [_ctx.ns.be("menu", "item"), _ctx.ns.is("disabled", _ctx.disabled)],
-        tabindex: _ctx.tabIndex,
         role: "menuitem"
       }), [
         _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, { key: 0 }, {
@@ -17854,8 +17836,6 @@
   }
   var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$F], ["__file", "dropdown-item.vue"]]);
 
-  const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
-
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
     const _elDropdownSize = vue.computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
@@ -17872,38 +17852,23 @@
       const ns = useNamespace("dropdown");
       const { _elDropdownSize } = useDropdown();
       const size = _elDropdownSize.value;
-      const { focusTrapRef } = vue.inject(FOCUS_TRAP_INJECTION_KEY, void 0);
-      const { contentRef } = vue.inject(DROPDOWN_INJECTION_KEY, void 0);
-      const { collectionRef: dropdownCollectionRef, getItems } = vue.inject(COLLECTION_INJECTION_KEY$1, void 0);
-      const {
-        rovingFocusGroupRef,
-        rovingFocusGroupRootStyle,
-        tabIndex
-      } = vue.inject(ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
-      const { collectionRef: rovingFocusGroupCollectionRef } = vue.inject(COLLECTION_INJECTION_KEY, void 0);
       const dropdownKls = vue.computed(() => {
         return [ns.b("menu"), ns.bm("menu", size == null ? void 0 : size.value)];
       });
-      const dropdownListWrapperRef = composeRefs(contentRef, dropdownCollectionRef, focusTrapRef, rovingFocusGroupRef, rovingFocusGroupCollectionRef);
       return {
         size,
-        rovingFocusGroupRootStyle,
-        tabIndex,
-        dropdownKls,
-        dropdownListWrapperRef
+        dropdownKls
       };
     }
   });
   function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
-      ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
-      style: vue.normalizeStyle(_ctx.rovingFocusGroupRootStyle),
       tabindex: -1,
       role: "menu"
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 6);
+    ], 2);
   }
   var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$E], ["__file", "dropdown-menu.vue"]]);