@mozaic-ds/vue 0.21.0 → 0.21.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/vue",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "Vue.js implementation of Mozaic Design System",
   "author": "Adeo - Mozaic Design System",
   "scripts": {

package/src/components/listbox/MListBoxActions.vue

@@ -16,13 +16,13 @@
       aria-labelledby="listbox"
     >
       <ul
-        v-for="(list, index) in listItems"
-        :key="`${list}-${index}`"
+        v-for="(list, i) in listItems"
+        :key="`list${i}`"
         class="mc-listbox-options__list"
       >
         <li
-          v-for="item in list"
-          :key="item.id"
+          v-for="(item, j) in list"
+          :key="`item${j}`"
           class="mc-listbox-options__tile"
           :class="{ 'is-disabled': item.disabled }"
         >
@@ -36,10 +36,10 @@
             :is="item.href ? 'a' : 'button'"
             :href="item.href ? item.href : null"
             :type="item.href ? null : 'button'"
-            :disabled="item.href ? null : true"
+            :disabled="item.disabled ? true : null"
             class="mc-listbox-options__item"
             :class="{ 'is-danger': item.danger, 'is-disabled': item.disabled }"
-            @click.self="$emit('update:itemSelected', item)"
+            @click.self="onClickItem(item, i, j)"
           >
             {{ item.text }}
           </component>
@@ -118,6 +118,13 @@ export default {
     onClickOutside() {
       this.isOpen = false;
     },
+    onClickItem(item, listIndex, itemIndex) {
+      const valToEmit = Object.assign(
+        { listIndex: listIndex, itemIndex: itemIndex },
+        item
+      );
+      this.$emit('update:itemSelected', valToEmit);
+    },
   },
 };
 </script>