@volverjs/ui-vue 0.0.10-beta.32 → 0.0.10-beta.33

package/dist/components/index.es.js

@@ -717,7 +717,7 @@ function useModifiers(prefix, modifiers, others) {
     return toReturn;
   });
 }
-const _hoisted_1$l = ["id", "open"];
+const _hoisted_1$m = ["id", "open"];
 const _hoisted_2$f = ["aria-controls", "aria-expanded"];
 const _hoisted_3$8 = ["aria-hidden"];
 const __default__$r = {
@@ -876,7 +876,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             )
           ])
         ], 8, _hoisted_3$8)
-      ], 10, _hoisted_1$l);
+      ], 10, _hoisted_1$m);
     };
   }
 });
@@ -1170,7 +1170,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(
                   _sfc_main$x,
                   mergeProps({
-                    key: item.title
+                    key: item.title,
+                    ref_for: true
                   }, {
                     name: item.name,
                     title: item.title,
@@ -1183,14 +1184,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                     _ctx.$slots[`summary::${item.name}`] ? {
                       name: "summary",
                       fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, `summary::${item.name}`, normalizeProps(guardReactiveProps(data)))
+                        renderSlot(_ctx.$slots, `summary::${item.name}`, mergeProps({ ref_for: true }, data))
                       ]),
                       key: "0"
                     } : void 0,
                     _ctx.$slots[`content::${item.name}`] ? {
                       name: "default",
                       fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, `content::${item.name}`, normalizeProps(guardReactiveProps(data)))
+                        renderSlot(_ctx.$slots, `content::${item.name}`, mergeProps({ ref_for: true }, data))
                       ]),
                       key: "1"
                     } : void 0
@@ -1644,18 +1645,18 @@ const useVvAlert = (props, emit) => {
     }
   );
   const isMouseover = ref(false);
-  const onMouseover = withModifiers(() => {
+  const onMouseover = () => {
     isMouseover.value = true;
     if (timeout) {
       clearTimeout(timeout);
     }
-  }, ["passive"]);
-  const onMouseleave = withModifiers(() => {
+  };
+  const onMouseleave = () => {
     isMouseover.value = false;
     if (props.autoClose > 0) {
       timeout = setTimeout(close, props.autoClose);
     }
-  }, ["passive"]);
+  };
   return {
     close,
     hasIcon,
@@ -1670,7 +1671,7 @@ const useVvAlert = (props, emit) => {
     }))
   };
 };
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "vv-alert__header"
 };
@@ -1711,7 +1712,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         "div",
         normalizeProps(guardReactiveProps(unref(hasProps))),
         [
-          _ctx.$slots.header || _ctx.$slots.title || _ctx.$slots.close || _ctx.$slots["title::before"] || _ctx.$slots["title::after"] || _ctx.title || _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+          _ctx.$slots.header || _ctx.$slots.title || _ctx.$slots.close || _ctx.$slots["title::before"] || _ctx.$slots["title::after"] || _ctx.title || _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
             unref(hasIcon) ? (openBlock(), createBlock(
               _sfc_main$u,
               mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-alert__icon" }),
@@ -1932,7 +1933,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "before"),
           createVNode(TransitionGroup, mergeProps({
             tag: "div",
-            role: "group",
             name: unref(hasTransition),
             class: "vv-alert-group__list"
           }, toHandlers(alertGroupTransitionHandlers)), {
@@ -1944,7 +1944,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   renderList(_ctx.items, (item) => {
                     return openBlock(), createBlock(
                       _sfc_main$t,
-                      mergeProps(item, {
+                      mergeProps({ ref_for: true }, item, {
                         key: item.id
                       }),
                       null,
@@ -1975,7 +1975,7 @@ const VvAvatarProps = {
    */
   imgSrc: String
 };
-const _hoisted_1$j = ["role", "aria-label"];
+const _hoisted_1$k = ["role", "aria-label"];
 const _hoisted_2$d = ["src"];
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "VvAvatar",
@@ -1997,7 +1997,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             alt: "avatar"
           }, null, 8, _hoisted_2$d)) : createCommentVNode("v-if", true)
         ])
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
@@ -2020,7 +2020,7 @@ const VvAvatarGroupProps = {
   },
   avatarModifiers: [String, Array]
 };
-const _hoisted_1$i = { key: 0 };
+const _hoisted_1$j = { key: 0 };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "VvAvatarGroup",
   props: VvAvatarGroupProps,
@@ -2066,7 +2066,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(
                   _sfc_main$r,
                   mergeProps({
-                    key: avatarItem.key
+                    key: avatarItem.key,
+                    ref_for: true
                   }, {
                     modifiers: avatarItem.modifiers,
                     imgSrc: avatarItem.imgSrc
@@ -2075,7 +2076,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       avatarItem.text ? (openBlock(), createElementBlock(
                         "span",
-                        _hoisted_1$i,
+                        _hoisted_1$j,
                         toDisplayString(avatarItem.text),
                         1
                         /* TEXT */
@@ -2131,8 +2132,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "span",
         {
-          class: normalizeClass(unref(bemCssClasses)),
-          role: "status"
+          class: normalizeClass(unref(bemCssClasses))
         },
         [
           renderSlot(_ctx.$slots, "default", {}, () => [
@@ -2153,7 +2153,7 @@ const VvBreadcrumbProps = {
   ...ModifiersProps,
   routes: Array
 };
-const _hoisted_1$h = { class: "vv-breadcrumb__list" };
+const _hoisted_1$i = { class: "vv-breadcrumb__list" };
 const _hoisted_2$c = ["content"];
 const __default__$k = {
   name: "VvBreadcrumb"
@@ -2178,7 +2178,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           "aria-label": "breadcrumbs"
         },
         [
-          createElementVNode("ol", _hoisted_1$h, [
+          createElementVNode("ol", _hoisted_1$i, [
             (openBlock(true), createElementBlock(
               Fragment,
               null,
@@ -2195,14 +2195,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                     itemscope: ""
                   },
                   [
-                    createVNode(_sfc_main$v, mergeProps(route, {
+                    createVNode(_sfc_main$v, mergeProps({ ref_for: true }, route, {
                       class: !isLast(index) ? "vv-breadcrumb__link" : "vv-breadcrumb__label",
                       "aria-current": isLast(index) ? "page" : void 0,
                       itemprop: "item",
                       "default-tag": "span"
                     }), {
                       default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps({ route, index })), () => [
+                        renderSlot(_ctx.$slots, "label", mergeProps({ ref_for: true }, { route, index }), () => [
                           createTextVNode(
                             toDisplayString(label),
                             1
@@ -2329,9 +2329,6 @@ function useGroupProps$2(props, emit) {
   };
 }
 function equals(obj1, obj2, field) {
-  if (field) {
-    return resolveFieldData(obj1, field) === resolveFieldData(obj2, field);
-  }
   return deepEquals(obj1, obj2);
 }
 function deepEquals(a, b) {
@@ -2378,25 +2375,6 @@ function deepEquals(a, b) {
   }
   return a !== a && b !== b;
 }
-function resolveFieldData(data, field) {
-  if (data && Object.keys(data).length && field) {
-    if (field.indexOf(".") === -1) {
-      return data[field];
-    } else {
-      const fields = field.split(".");
-      let value = data;
-      for (let i = 0, len = fields.length; i < len; ++i) {
-        if (data == null) {
-          return null;
-        }
-        value = value[fields[i]];
-      }
-      return value;
-    }
-  } else {
-    return null;
-  }
-}
 function findIndexInList(value, list) {
   let index = -1;
   if (list) {
@@ -2433,7 +2411,7 @@ function removeFromList(value, list) {
 function isString(value) {
   return typeof value === "string" || value instanceof String;
 }
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 1,
   class: "vv-button__label"
 };
@@ -2559,7 +2537,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               }, null, 8, ["name"])) : createCommentVNode("v-if", true),
               _ctx.loadingLabel ? (openBlock(), createElementBlock(
                 "span",
-                _hoisted_1$g,
+                _hoisted_1$h,
                 toDisplayString(_ctx.loadingLabel),
                 1
                 /* TEXT */
@@ -2602,6 +2580,7 @@ const VvButtonGroupProps = {
   ...ModifiersProps,
   ...DisabledProps,
   ...UnselectableProps,
+  legendLabel: { type: String },
   /**
    * String or String[] of css classes (modifiers) that will be provided to each button'
    */
@@ -2617,6 +2596,10 @@ const VvButtonGroupProps = {
   }
 };
 const VvButtonGroupEvents = ["update:modelValue"];
+const _hoisted_1$g = {
+  key: 0,
+  class: "vv-button-group__legend"
+};
 const __default__$i = {
   name: "VvButtonGroup"
 };
@@ -2667,12 +2650,21 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const bemCssClasses = useModifiers("vv-button-group", modifiers);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
-        "div",
+        "fieldset",
         {
           class: normalizeClass(unref(bemCssClasses)),
           role: "group"
         },
         [
+          _ctx.$slots.legend || _ctx.legendLabel ? (openBlock(), createElementBlock("legend", _hoisted_1$g, [
+            renderSlot(_ctx.$slots, "legend", {}, () => [
+              createTextVNode(
+                toDisplayString(_ctx.legendLabel),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true),
           renderSlot(_ctx.$slots, "default")
         ],
         2
@@ -3027,8 +3019,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         if (isBinary.value) {
           modelValue.value = newValue ? props.value : props.uncheckedValue;
         } else if (Array.isArray(modelValue.value) || isInGroup.value) {
+          const currentValue = modelValue.value ?? [];
           const toReturn = new Set(
-            Array.isArray(modelValue.value) ? modelValue.value : modelValue.value !== void 0 ? [modelValue.value] : []
+            Array.isArray(currentValue) ? currentValue : [currentValue]
           );
           if (newValue) {
             toReturn.add(props.value);
@@ -3252,7 +3245,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
                   _sfc_main$k,
-                  mergeProps({ key: index }, getOptionProps(option, index)),
+                  mergeProps({
+                    key: index,
+                    ref_for: true
+                  }, getOptionProps(option, index)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -4447,7 +4443,7 @@ const _hoisted_4$3 = {
   class: "vv-select__input-before"
 };
 const _hoisted_5$3 = { class: "vv-select__inner" };
-const _hoisted_6$3 = ["aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
+const _hoisted_6$3 = ["aria-controls", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
 const _hoisted_7$3 = {
   key: 0,
   class: "vv-select__value"
@@ -4785,6 +4781,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   }, aria, {
                     class: "vv-select__input",
                     role: "combobox",
+                    "aria-controls": unref(hasDropdownId),
                     "aria-expanded": unref(expanded),
                     "aria-labelledby": unref(hasLabelId),
                     "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
@@ -4888,7 +4885,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                 renderList(unref(getOptionGrouped)(
                                   option
                                 ), (item, i) => {
-                                  return openBlock(), createBlock(_sfc_main$g, mergeProps({
+                                  return openBlock(), createBlock(_sfc_main$g, mergeProps({ ref_for: true }, {
                                     selected: isOptionSelected(item),
                                     disabled: unref(isOptionDisabled)(item),
                                     unselectable: _ctx.unselectable,
@@ -4902,12 +4899,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                     onClickPassive: ($event) => onInput(item)
                                   }), {
                                     default: withCtx(() => [
-                                      renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
+                                      renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
                                         option,
                                         selectedOptions: unref(selectedOptions),
                                         selected: isOptionSelected(item),
                                         disabled: unref(isOptionDisabled)(item)
-                                      })), () => [
+                                      }), () => [
                                         createTextVNode(
                                           toDisplayString(unref(getOptionLabel)(item)),
                                           1
@@ -4925,7 +4922,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                             ],
                             64
                             /* STABLE_FRAGMENT */
-                          )) : (openBlock(), createBlock(_sfc_main$g, mergeProps({ key: 1 }, {
+                          )) : (openBlock(), createBlock(_sfc_main$g, mergeProps({
+                            key: 1,
+                            ref_for: true
+                          }, {
                             selected: isOptionSelected(option),
                             disabled: unref(isOptionDisabled)(option),
                             unselectable: _ctx.unselectable,
@@ -4938,12 +4938,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                             onClickPassive: ($event) => onInput(option)
                           }), {
                             default: withCtx(() => [
-                              renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
+                              renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
                                 option,
                                 selectedOptions: unref(selectedOptions),
                                 selected: isOptionSelected(option),
                                 disabled: unref(isOptionDisabled)(option)
-                              })), () => [
+                              }), () => [
                                 createTextVNode(
                                   toDisplayString(unref(getOptionLabel)(option)),
                                   1
@@ -5895,6 +5895,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit,
       (debounce == null ? void 0 : debounce.value) ?? 0
     );
+    const NEGATIVE_ZERO_REGEX = /^-0?[.,]?[0*]?$/;
     const maskReady = ref(false);
     const { el, mask, typed, masked, unmasked } = useIMask(
       computed(
@@ -5910,13 +5911,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }
           emit("update:masked", masked.value);
           if (type.value === INPUT_TYPES.NUMBER) {
-            if (masked.value === "") {
+            if (/^-$|^$/.test(unmasked.value)) {
               if (localModelValue.value === null || localModelValue.value === void 0) {
                 return;
               }
               localModelValue.value = void 0;
               return;
             }
+            if (NEGATIVE_ZERO_REGEX.test(unmasked.value)) {
+              localModelValue.value = 0;
+              return;
+            }
             if (typeof typed.value !== "number") {
               localModelValue.value = Number(typed.value);
               return;
@@ -5981,6 +5986,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           typed.value = new Date(newValue);
           return;
         }
+        if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
+          return;
+        }
         typed.value = newValue;
         unmasked.value = `${typed.value}`;
       }
@@ -6411,7 +6419,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_7$2, [
-                        renderSlot(_ctx.$slots, "suggestion", normalizeProps(guardReactiveProps({ value })), () => [
+                        renderSlot(_ctx.$slots, "suggestion", mergeProps({ ref_for: true }, { value }), () => [
                           createTextVNode(
                             toDisplayString(value),
                             1
@@ -6429,7 +6437,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       }, [
                         createVNode(
                           _sfc_main$u,
-                          normalizeProps(guardReactiveProps(unref(hasIconRemoveSuggestion))),
+                          mergeProps({ ref_for: true }, unref(hasIconRemoveSuggestion)),
                           null,
                           16
                           /* FULL_PROPS */
@@ -6474,7 +6482,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("li", _hoisted_1$5, [
         createVNode(
           _sfc_main$v,
-          mergeProps(_ctx.$attrs, { class: "vv-nav__item-label" }),
+          mergeProps(_ctx.$attrs, {
+            class: "vv-nav__item-label",
+            role: "menuitem"
+          }),
           {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
@@ -6520,7 +6531,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           createElementVNode("ul", {
             class: "vv-nav__menu",
             role: "menu",
-            "aria-busy": "true",
             onClick: withModifiers(onClick, ["stop"])
           }, [
             renderSlot(_ctx.$slots, "default", {}, () => [
@@ -6530,10 +6540,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 renderList(_ctx.items, ({ on = {}, data, ...item }, index) => {
                   return openBlock(), createBlock(_sfc_main$9, mergeProps({
                     key: index,
-                    "data-index": index
+                    "data-index": index,
+                    ref_for: true
                   }, item, toHandlers(on)), {
                     default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps({ item, data, index })))
+                      renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, data, index }))
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -6620,12 +6631,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "progress",
-        mergeProps({ role: "progressbar" }, {
+        normalizeProps(guardReactiveProps({
           class: unref(bemCssClasses),
           ariaLabel: unref(ariaLabel),
           max: unref(max),
           value: unref(value)
-        }),
+        })),
         null,
         16
         /* FULL_PROPS */
@@ -6866,7 +6877,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
                   _sfc_main$5,
-                  mergeProps({ key: index }, getOptionProps(option, index)),
+                  mergeProps({
+                    key: index,
+                    ref_for: true
+                  }, getOptionProps(option, index)),
                   null,
                   16
                   /* FULL_PROPS */