@volverjs/ui-vue 0.0.10-beta.21 → 0.0.10-beta.22

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { unref, inject, computed, toRef, toRefs, defineComponent, useAttrs, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, isRef, provide, watchEffect, watch, Fragment, renderList, createBlock, mergeProps, withCtx, resolveDynamicComponent, mergeDefaults, createVNode, TransitionGroup, toHandlers, useSlots, h, onMounted, withDirectives, vModelCheckbox, createSlots, nextTick, Transition, normalizeStyle, vShow, vModelSelect, vModelText, vModelRadio, onBeforeUnmount } from "vue";
+import { unref, inject, computed, toRef, toRefs, defineComponent, useAttrs, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, isRef, provide, watchEffect, watch, Fragment, renderList, createBlock, mergeProps, withCtx, resolveDynamicComponent, mergeDefaults, createCommentVNode, createVNode, TransitionGroup, toHandlers, useSlots, h, onMounted, withDirectives, vModelCheckbox, createSlots, nextTick, Transition, normalizeStyle, vShow, vModelSelect, vModelText, vModelRadio, onBeforeUnmount } from "vue";
 import { uid } from "uid";
 import { useToggle, useStorage, useVModel, useMutationObserver, onClickOutside, useFocusWithin, onKeyStroke, useElementHover, useFocus, useElementVisibility, refDebounced, computedAsync } from "@vueuse/core";
 import { iconExists, Icon, addIcon } from "@iconify/vue";
@@ -904,7 +904,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           class: "vv-accordion__summary",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(onClick)(), ["prevent"]))
         }, [
-          createCommentVNode(" @slot Slot for title "),
           renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps({ open: unref(isOpen) })), () => [
             createTextVNode(
               toDisplayString(unref(title)),
@@ -917,7 +916,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           "aria-hidden": !unref(isOpen),
           class: "vv-accordion__content"
         }, [
-          createCommentVNode(" @slot Slot for content  "),
           renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ open: unref(isOpen) })), () => [
             createTextVNode(
               toDisplayString(unref(content)),
@@ -1052,7 +1050,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bemCssClasses))
         },
         [
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default", {}, () => [
             (openBlock(true), createElementBlock(
               Fragment,
@@ -1069,11 +1066,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   }),
                   {
                     header: withCtx((data) => [
-                      createCommentVNode(" @slot Slot for accordion header "),
                       renderSlot(_ctx.$slots, `header::${item.name}`, normalizeProps(guardReactiveProps(data)))
                     ]),
                     details: withCtx((data) => [
-                      createCommentVNode(" @slot Slot for accordion details "),
                       renderSlot(_ctx.$slots, `details::${item.name}`, normalizeProps(guardReactiveProps(data)))
                     ]),
                     _: 2
@@ -1214,7 +1209,6 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         onMouseleavePassive: onMouseleave
       }), {
         default: withCtx(() => [
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(
               toDisplayString(_ctx.label),
@@ -1585,16 +1579,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               16
               /* FULL_PROPS */
             )) : createCommentVNode("v-if", true),
-            createCommentVNode(" @slot Header slot "),
             renderSlot(_ctx.$slots, "header", {}, () => [
-              createCommentVNode(" @slot Before title slot "),
               renderSlot(_ctx.$slots, "title::before"),
               _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("strong", {
                 key: 0,
                 id: unref(hasTitleId),
                 class: "vv-alert__title"
               }, [
-                createCommentVNode(" @slot Title slot "),
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createTextVNode(
                     toDisplayString(_ctx.title),
@@ -1603,10 +1594,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   )
                 ])
               ], 8, _hoisted_2$e)) : createCommentVNode("v-if", true),
-              createCommentVNode(" @slot After title slot "),
               renderSlot(_ctx.$slots, "title::after")
             ]),
-            createCommentVNode(" @slot Close button slot "),
             renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps({ close: unref(close) })), () => [
               _ctx.dismissable || _ctx.autoClose ? (openBlock(), createElementBlock("button", {
                 key: 0,
@@ -1622,7 +1611,6 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
-            createCommentVNode(" @slot Content slot "),
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.content),
@@ -1632,7 +1620,6 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
-            createCommentVNode(" @slot Footer slot "),
             renderSlot(_ctx.$slots, "footer", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.footer),
@@ -1802,7 +1789,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "div",
         normalizeProps(guardReactiveProps(unref(hasProps))),
         [
-          createCommentVNode(" @slot The slot before alert list  "),
           renderSlot(_ctx.$slots, "before"),
           createVNode(TransitionGroup, mergeProps({
             tag: "div",
@@ -1811,7 +1797,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             class: "vv-alert-group__list"
           }, toHandlers(alertGroupTransitionHandlers)), {
             default: withCtx(() => [
-              createCommentVNode(" @slot The slot for alert list  "),
               renderSlot(_ctx.$slots, "default", {}, () => [
                 (openBlock(true), createElementBlock(
                   Fragment,
@@ -1835,7 +1820,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             _: 3
             /* FORWARDED */
           }, 16, ["name"]),
-          createCommentVNode(" @slot The slot after alert list  "),
           renderSlot(_ctx.$slots, "after")
         ],
         16
@@ -2011,7 +1995,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           role: "status"
         },
         [
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(
               toDisplayString(_ctx.value),
@@ -2079,7 +2062,6 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                       "default-tag": "span"
                     }), {
                       default: withCtx(() => [
-                        createCommentVNode(" @slot Slot for label "),
                         renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps({ route, index })), () => [
                           createTextVNode(
                             toDisplayString(label),
@@ -2319,38 +2301,24 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         onClick
       }), {
         default: withCtx(() => [
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createCommentVNode(" #region loading "),
-            _ctx.loading ? (openBlock(), createElementBlock(
-              Fragment,
-              { key: 0 },
-              [
-                createCommentVNode(" @slot Slot for loading content "),
-                renderSlot(_ctx.$slots, "loading", {}, () => [
-                  _ctx.loadingIcon ? (openBlock(), createBlock(_sfc_main$u, {
-                    key: 0,
-                    class: "vv-button__loading-icon",
-                    name: _ctx.loadingIcon
-                  }, null, 8, ["name"])) : createCommentVNode("v-if", true),
-                  _ctx.loadingLabel ? (openBlock(), createElementBlock(
-                    "span",
-                    _hoisted_1$g,
-                    toDisplayString(_ctx.loadingLabel),
-                    1
-                    /* TEXT */
-                  )) : createCommentVNode("v-if", true)
-                ])
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : (openBlock(), createElementBlock(
+            _ctx.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
+              _ctx.loadingIcon ? (openBlock(), createBlock(_sfc_main$u, {
+                key: 0,
+                class: "vv-button__loading-icon",
+                name: _ctx.loadingIcon
+              }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+              _ctx.loadingLabel ? (openBlock(), createElementBlock(
+                "span",
+                _hoisted_1$g,
+                toDisplayString(_ctx.loadingLabel),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
+            ]) : (openBlock(), createElementBlock(
               Fragment,
               { key: 1 },
               [
-                createCommentVNode(" #endregion "),
-                createCommentVNode(" #region button "),
-                createCommentVNode(" @slot Before label and icon "),
                 renderSlot(_ctx.$slots, "before"),
                 unref(hasIcon) ? (openBlock(), createBlock(
                   _sfc_main$u,
@@ -2360,7 +2328,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   /* FULL_PROPS */
                 )) : createCommentVNode("v-if", true),
                 unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$b, [
-                  createCommentVNode(" @slot Use this slot for button label "),
                   renderSlot(_ctx.$slots, "label", {}, () => [
                     createTextVNode(
                       toDisplayString(unref(label)),
@@ -2369,13 +2336,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     )
                   ])
                 ])) : createCommentVNode("v-if", true),
-                createCommentVNode(" @slot After label and icon "),
                 renderSlot(_ctx.$slots, "after")
               ],
               64
               /* STABLE_FRAGMENT */
-            )),
-            createCommentVNode(" #endregion ")
+            ))
           ])
         ]),
         _: 3
@@ -2460,7 +2425,6 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           role: "group"
         },
         [
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default")
         ],
         2
@@ -2503,7 +2467,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         },
         [
           _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$f, [
-            createCommentVNode(" @slot Title slot "),
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(
                 toDisplayString(_ctx.title),
@@ -2512,14 +2475,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               )
             ])
           ])) : createCommentVNode("v-if", true),
-          createCommentVNode(" @slot Default slot "),
           renderSlot(_ctx.$slots, "default"),
           _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
-            createCommentVNode(" @slot Content slot "),
             renderSlot(_ctx.$slots, "content")
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$6, [
-            createCommentVNode(" @slot Footer slot "),
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("v-if", true)
         ],
@@ -2903,7 +2863,6 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_2$9), [
           [vModelCheckbox, unref(localModelValue)]
         ]),
-        createCommentVNode(" @slot Use this slot for check label "),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
           createTextVNode(
             toDisplayString(_ctx.label),
@@ -3046,7 +3005,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             textContent: toDisplayString(_ctx.label)
           }, null, 8, _hoisted_1$d)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_2$8, [
-            createCommentVNode(" #region options set up "),
             _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
@@ -3061,16 +3019,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               }),
               128
               /* KEYED_FRAGMENT */
-            )) : (openBlock(), createElementBlock(
-              Fragment,
-              { key: 1 },
-              [
-                createCommentVNode(" #endregion "),
-                renderSlot(_ctx.$slots, "default")
-              ],
-              2112
-              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            ))
+            )) : renderSlot(_ctx.$slots, "default", { key: 1 })
           ]),
           createVNode(
             unref(HintSlot),
@@ -4107,10 +4056,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             key: 0,
             for: unref(hasId)
           }, toDisplayString(_ctx.label), 9, _hoisted_1$9)) : createCommentVNode("v-if", true),
-          createCommentVNode(" #region native select "),
           createElementVNode("div", _hoisted_2$7, [
             _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
-              createCommentVNode(" @slot Slot before input "),
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             createElementVNode("div", _hoisted_4$4, [
@@ -4184,11 +4131,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               )) : createCommentVNode("v-if", true)
             ]),
             _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-              createCommentVNode(" @slot Slot after input "),
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true)
           ]),
-          createCommentVNode(" #endregion native select "),
           createVNode(unref(HintSlot), {
             id: unref(hasHintId),
             class: "vv-select__hint"
@@ -4562,7 +4507,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             }), createSlots({
               default: withCtx(({ aria }) => [
                 _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-                  createCommentVNode(" @slot Slot before input "),
                   renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_5$3, [
@@ -4586,7 +4530,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     tabindex: unref(hasTabindex),
                     onClickPassive: onClickInput
                   }), [
-                    createCommentVNode(" @slot Slot for value customization "),
                     renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({ selectedOptions: unref(selectedOptions), onInput })), () => [
                       unref(hasValue) ? (openBlock(), createElementBlock(
                         Fragment,
@@ -4656,7 +4599,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   )) : createCommentVNode("v-if", true)
                 ]),
                 _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
-                  createCommentVNode(" @slot Slot after input "),
                   renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true)
               ]),
@@ -4697,7 +4639,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                                     onClickPassive: ($event) => onInput(item)
                                   }), {
                                     default: withCtx(() => [
-                                      createCommentVNode(" @slot Slot for option customization "),
                                       renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
                                         option,
                                         selectedOptions: unref(selectedOptions),
@@ -4733,7 +4674,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                             onClickPassive: ($event) => onInput(option)
                           }), {
                             default: withCtx(() => [
-                              createCommentVNode(" @slot Slot for option customization "),
                               renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps({
                                 option,
                                 selectedOptions: unref(selectedOptions),
@@ -4762,7 +4702,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     modifiers: "inert"
                   }, {
                     default: withCtx(() => [
-                      createCommentVNode(" @slot Slot for no options available "),
                       renderSlot(_ctx.$slots, "no-options", {}, () => [
                         createTextVNode(
                           toDisplayString(unref(propsDefaults).noOptionsLabel),
@@ -4778,7 +4717,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     modifiers: "inert"
                   }, {
                     default: withCtx(() => [
-                      createCommentVNode(" @slot Slot for no results available "),
                       renderSlot(_ctx.$slots, "no-results", {}, () => [
                         createTextVNode(
                           toDisplayString(unref(propsDefaults).noResultsLabel),
@@ -4793,11 +4731,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 ];
               }),
               after: withCtx(() => [
-                createCommentVNode(" @slot Slot after dropdown items "),
                 renderSlot(_ctx.$slots, "dropdown::after", {}, () => {
                   var _a;
                   return [
-                    createCommentVNode(" Close button if dropdown custom position is enabled and floating-ui disabled "),
                     ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$n, {
                       key: 0,
                       label: unref(propsDefaults).closeLabel,
@@ -4813,7 +4749,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               unref(propsDefaults).searchable || _ctx.$slots["dropdown::before"] ? {
                 name: "before",
                 fn: withCtx(() => [
-                  createCommentVNode(" @slot Slot before dropdown items "),
                   renderSlot(_ctx.$slots, "dropdown::before"),
                   unref(propsDefaults).searchable && !unref(disabled) ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
@@ -5046,7 +4981,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 },
                 [
                   _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$7, [
-                    createCommentVNode(" @slot Header slot "),
                     renderSlot(_ctx.$slots, "header", {}, () => [
                       createTextVNode(
                         toDisplayString(_ctx.title) + " ",
@@ -5070,11 +5004,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     ])
                   ])) : createCommentVNode("v-if", true),
                   createElementVNode("div", _hoisted_2$5, [
-                    createCommentVNode(" @slot Content slot "),
                     renderSlot(_ctx.$slots, "default")
                   ]),
                   _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$3, [
-                    createCommentVNode(" @slot Footer slot "),
                     renderSlot(_ctx.$slots, "footer")
                   ])) : createCommentVNode("v-if", true)
                 ],
@@ -5987,7 +5919,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, toDisplayString(unref(label)), 9, _hoisted_1$6)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_2$4, [
             _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
-              createCommentVNode(" @slot Slot before input icon "),
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             createElementVNode(
@@ -6017,7 +5948,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   onKeypress: _cache[1] || (_cache[1] = ($event) => emit("keypress", $event))
                 }), null, 16, _hoisted_4$2),
                 (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                  createCommentVNode(" @slot Slot to replace unit"),
                   renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                     createTextVNode(
                       toDisplayString(_ctx.unit),
@@ -6030,7 +5960,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               512
               /* NEED_PATCH */
             ),
-            createCommentVNode(" @slot Slot to replace right icon "),
             unref(iconAfter) ? (openBlock(), createBlock(
               _sfc_main$u,
               mergeProps({ key: 1 }, unref(iconAfter), { class: "vv-input-text__icon vv-input-text__icon-after" }),
@@ -6048,13 +5977,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               key: 4,
               onClear
             })) : createCommentVNode("v-if", true),
-            createCommentVNode(" @slot Slot after input "),
             _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-              createCommentVNode(" @slot Slot before input icon "),
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7$2, [
-              createCommentVNode(" @slot Slot to replace count "),
               renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                 createTextVNode(
                   toDisplayString(unref(countFormatted)),
@@ -6520,7 +6446,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             textContent: toDisplayString(_ctx.label)
           }, null, 8, _hoisted_1$2)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_2$2, [
-            createCommentVNode(" #region options "),
             _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
@@ -6535,18 +6460,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               128
               /* KEYED_FRAGMENT */
-            )) : (openBlock(), createElementBlock(
-              Fragment,
-              { key: 1 },
-              [
-                createCommentVNode(" #endregion "),
-                createCommentVNode(" #region default "),
-                renderSlot(_ctx.$slots, "default")
-              ],
-              2112
-              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )),
-            createCommentVNode(" #endregion ")
+            )) : renderSlot(_ctx.$slots, "default", { key: 1 })
           ]),
           createVNode(
             unref(HintSlot),
@@ -6662,7 +6576,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bemCssClasses))
         },
         [
-          createCommentVNode(" #region nav "),
           createVNode(
             _sfc_main$8,
             mergeProps({
@@ -6679,8 +6592,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             16
             /* FULL_PROPS */
           ),
-          createCommentVNode(" #endregion "),
-          createCommentVNode(" #region panels "),
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -6708,8 +6619,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }),
             128
             /* KEYED_FRAGMENT */
-          )),
-          createCommentVNode(" #endregion ")
+          ))
         ],
         2
         /* CLASS */
@@ -6908,9 +6818,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: "vv-textarea__label"
           }, toDisplayString(unref(label)), 9, _hoisted_1$1)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_2$1, [
-            createCommentVNode(" @slot Slot to replace icon before textarea "),
             _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              createCommentVNode(" @slot Slot before input "),
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             createElementVNode("div", _hoisted_4$1, [
@@ -6940,11 +6848,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               )) : createCommentVNode("v-if", true)
             ]),
             _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-              createCommentVNode(" @slot Slot after input "),
               renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
             unref(count) ? (openBlock(), createElementBlock("span", _hoisted_7$1, [
-              createCommentVNode(" @slot Slot to replace count "),
               renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
                 createTextVNode(
                   toDisplayString(unref(countFormatted)),
@@ -7288,6 +7194,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         localModelValue.value = void 0;
         return;
       }
+      if (selectedFileIndex.value === index) {
+        selectedFileIndex.value = 0;
+      }
       const toReturn = [...localModelValue.value];
       toReturn.splice(index, 1);
       localModelValue.value = toReturn;
@@ -7298,6 +7207,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (files.value.length === 0) {
         return;
       }
+      if (!files.value[selectedFileIndex.value]) {
+        return void 0;
+      }
       if (files.value[selectedFileIndex.value] instanceof File) {
         const currentFile2 = files.value[selectedFileIndex.value];
         if (!PREVIEW_MIME_TYPES.includes(currentFile2.type)) {