aloha-vue 1.2.262 → 1.2.263

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.262",
+  "version": "1.2.263",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/AMenu2/AMenu2.js

@@ -249,6 +249,7 @@ export default {
     const {
       attributesMenuClick,
       attributesMobile,
+      headerId,
     } = MenuAttributesAPI(props, {
       isMenuOpen,
       toggleMenu,
@@ -375,6 +376,7 @@ export default {
       clickOnSearchBtn,
       dataKeyById,
       dataProParent,
+      headerId,
       isBackdropVisible,
       isLeastOnePanelOpenAndMenuClosed,
       isMenuOpen,
@@ -399,6 +401,7 @@ export default {
     return h("nav", {
       ref: "menuRef",
       id: this.menuId,
+      "aria-labelledby": this.headerId,
       class: [
         "a_menu_2",
         {
@@ -438,6 +441,7 @@ export default {
           class: "a_menu_2__navbar_top_sub",
         }, [
           h(ATranslation, {
+            id: this.headerId,
             class: "a_menu_2__navbar_top_sub__text",
             tag: "strong",
             text: "_A_MENU_2_MAIN_MENU_",

package/src/AMenu2/compositionAPI/MenuAttributesAPI.js

@@ -11,6 +11,7 @@ export default function MenuAttributesAPI(props, {
   toggleMenu = () => {},
 }) {
   const isBlockerClickable = toRef(props, "isBlockerClickable");
+  const menuId = toRef(props, "menuId");
 
   const {
     isMobileWidth,
@@ -27,6 +28,10 @@ export default function MenuAttributesAPI(props, {
     return {};
   });
 
+  const headerId = computed(() => {
+    return `${ menuId.value }_header`;
+  });
+
   const attributesMenuClick = computed(() => {
     const ATTRIBUTES = {};
     if (isBlockerClickable.value &&
@@ -40,5 +45,6 @@ export default function MenuAttributesAPI(props, {
   return {
     attributesMenuClick,
     attributesMobile,
+    headerId,
   };
 }