@fastkit/vui 0.16.37 → 0.16.39

package/dist/vui.mjs

@@ -22,7 +22,7 @@ import { colorSchemeProps, useColorClasses, useScopeColorClass, toScopeColorClas
 export * from '@fastkit/vue-color-scheme';
 import { createFormControlSettings, useFormControl, useParentFormNode, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createFormSettings, useForm, installVueFormPlugin } from '@fastkit/vue-form-control';
 export * from '@fastkit/vue-form-control';
-import { getDocumentScroller, useVScrollerRef, VScroller } from '@fastkit/vue-scroller';
+import { getDocumentScroller, VScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
 import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
@@ -1786,8 +1786,8 @@ var VPagination = defineComponent({
       } else {
         number = false;
         const isPrev = source === "prev";
-        const ammount = isPrev ? -1 : 1;
-        page = currentPage + ammount;
+        const amount = isPrev ? -1 : 1;
+        page = currentPage + amount;
         active = false;
         disabled = page < 1 || page > length;
       }
@@ -3410,7 +3410,7 @@ var VTabs = defineComponent({
   setup(props11, ctx) {
     const vui = useVui();
     const internalValueRef = ref(null);
-    const scrollerRef = useVScrollerRef();
+    const ScrollerRef = VScroller.$ref();
     const elRef = ref(null);
     let scrollResult;
     const tabRefs = ref([]);
@@ -3531,7 +3531,7 @@ var VTabs = defineComponent({
       const $tab = tab.$el;
       if (!$tab)
         return;
-      const scroller = scrollerRef.value;
+      const scroller = ScrollerRef.instance;
       if (!scroller)
         return;
       const container = scroller.scroller.element();
@@ -3555,16 +3555,16 @@ var VTabs = defineComponent({
         hiddenLeft += autoScrollOffset;
       if (hiddenRight > 0)
         hiddenRight += autoScrollOffset;
-      let scrollAmmount = 0;
+      let scrollAmount = 0;
       if (hiddenRight > 0) {
-        scrollAmmount = hiddenRight;
+        scrollAmount = hiddenRight;
       }
       if (hiddenLeft > 0) {
-        scrollAmmount = -hiddenLeft;
+        scrollAmount = -hiddenLeft;
       }
-      if (Math.abs(scrollAmmount) > 0) {
+      if (Math.abs(scrollAmount) > 0) {
         cancelScroll();
-        scrollResult = scroller.scroller.by(scrollAmmount, 0, {
+        scrollResult = scroller.scroller.by(scrollAmount, 0, {
           duration: 150
         });
       }
@@ -3638,11 +3638,10 @@ var VTabs = defineComponent({
       return createVNode("div", {
         "class": ["v-tabs", classes.value],
         "ref": elRef
-      }, [createVNode(VScroller, {
+      }, [createVNode(ScrollerRef, {
         "class": "v-tabs__scroller",
         "containerClass": "v-tabs__scroller__container",
-        "guide": true,
-        "ref": scrollerRef
+        "guide": true
       }, {
         default: () => [createVNode("div", {
           "class": "v-tabs__content"