@nexdom/uimed-vue 2.6.0 → 2.6.1

package/dist/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js

@@ -149,11 +149,12 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					type: "list-item@6",
 					color: "tertiary"
 				}, {
-					default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links.\n      `indent` aligns the items of a group with its title, which the 24px between the icons and\n      the titles (`settings.scss`) move 8px to the left of Vuetify's default indentation. It\n      replaces the group's prepend width too, so it's the icon (24px) plus that gap (24px) "), createVNode(unref(VList), {
+					default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links.\n      Vuetify makes the list the only tab stop and takes its items out of the tab order, for the arrow\n      keys: the items are links and buttons, so each one is a tab stop instead (the arrow keys still\n      move between them), and the list stays out of the tab order.\n      `indent` aligns the items of a group with its title, which the 24px between the icons and\n      the titles (`settings.scss`) move 8px to the left of Vuetify's default indentation. It\n      replaces the group's prepend width too, so it's the icon (24px) plus that gap (24px) "), createVNode(unref(VList), {
 						opened: unref(opened),
 						"onUpdate:opened": _cache[1] || (_cache[1] = ($event) => isRef(opened) ? opened.value = $event : null),
 						nav: "",
 						role: "group",
+						tabindex: "-1",
 						indent: 48
 					}, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
@@ -168,6 +169,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 									"aria-expanded": isOpen,
 									"aria-selected": void 0,
 									role: void 0,
+									tabindex: "0",
 									tag: "button",
 									type: "button",
 									class: "w-100 text-start v-treeview-item--activatable-group-activator"
@@ -180,6 +182,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (childItem, childIndex) => {
 									return openBlock(), createBlock(unref(VListItem), mergeProps({ key: childIndex }, { ref_for: true }, unref(routeToListItemProps)(childItem.route), {
 										title: childItem.description,
+										tabindex: "0",
 										onClick: childItem.action
 									}), null, 16, ["title", "onClick"]);
 								}), 128))]),
@@ -188,7 +191,10 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 								key: 1,
 								title: item.description,
 								"prepend-icon": unref(icons)[item.icon]
-							}, { ref_for: true }, unref(routeToListItemProps)(item.route), { onClick: item.action }), null, 16, [
+							}, { ref_for: true }, unref(routeToListItemProps)(item.route), {
+								tabindex: "0",
+								onClick: item.action
+							}), null, 16, [
 								"title",
 								"prepend-icon",
 								"onClick"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",