@veritree/ui 0.52.0 → 0.52.1

package/mixins/floating-ui-item.js

@@ -241,12 +241,12 @@ export const floatingUiItemMixin = {
     },
 
     onClick() {
-      if (this?.disabled) {
+      if (this.disabled) {
         return;
       }
 
-      this?.multiple ? this.handleToogle() : this.handleClick();
-      this?.multiple ? null : this.$nextTick(() => this.leaveMenu());
+      this.multiple ? this.handleToogle() : this.handleClick();
+      this.multiple ? null : this.$nextTick(() => this.leaveMenu());
     },
 
     onKeyEsc() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.52.0",
+  "version": "0.52.1",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/DropdownMenu/VTDropdownMenuItem.vue

@@ -46,6 +46,7 @@ export default {
     return {
       apiInjected: this.apiDropdownMenu,
       componentName: 'dropdown-menu-item',
+      multiple: false,
     };
   },
 

package/src/components/Listbox/VTListboxItem.vue

@@ -184,6 +184,14 @@ export default {
       }, 1000);
     },
 
+    /**
+     * On change is used only when multiple is set to true.
+     * It handles the checkbox changes to interact with
+     * the provider by pushing or removing values.
+     *
+     * @param {*} value
+     * @param {Object} event
+     */
     onChange(value, event) {
       event.target.checked
         ? this.apiListbox().pushValueToValueComputed(value)