sprintify-ui 0.8.55 → 0.8.57

package/dist/sprintify-ui.es.js

@@ -24569,7 +24569,10 @@ const HB = { class: "grow" }, UB = {
     ), O = T(() => _.value.page && parseInt(_.value.page + "") ? parseInt(_.value.page + "") : 1), j = T(() => a.value == s ? ce.value : nt(r.items)), { items: G, paginationMetadata: be, lastPage: Te } = zp(
       j,
       O,
-      T(() => r.perPage)
+      T(() => {
+        if (a.value != s)
+          return r.perPage;
+      })
     ), Oe = T(() => a.value == s ? G.value : _t(xt(G.value)));
     function nt(ge) {
       if (!ge)
@@ -44984,11 +44987,12 @@ const U7 = /* @__PURE__ */ Yo(P7, [["render", H7]]), V7 = { class: "flex-shrink-
         l.value.style.transform = `translateX(${m}px)`, l.value.style.width = `${f}px`;
         return;
       }
-      l.value.animate(
+      const g = `translateX(${m}px)`, v = `${f}px`;
+      l.value.animate ? l.value.animate(
         [
           {
-            transform: `translateX(${m}px)`,
-            width: `${f}px`
+            transform: g,
+            width: v
           }
         ],
         {
@@ -44996,7 +45000,7 @@ const U7 = /* @__PURE__ */ Yo(P7, [["render", H7]]), V7 = { class: "flex-shrink-
           easing: "ease-in-out",
           fill: "both"
         }
-      );
+      ) : (l.value.style.transform = g, l.value.style.width = v);
     }
     return (u, d) => (A(), $("div", b9, [
       d[0] || (d[0] = M("div", { class: "absolute bottom-0 left-0 h-px w-full bg-slate-300" }, null, -1)),

package/dist/types/composables/paginatedData.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { Collection, PaginatedCollection, ResourceCollection, PaginationMetadata } from '@/types';
-export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number>): {
+export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number | undefined>): {
     items: ComputedRef<Collection>;
     paginationMetadata: ComputedRef<PaginationMetadata | null>;
     lastPage: ComputedRef<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.55",
+  "version": "0.8.57",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDataIterator.stories.js

@@ -20,9 +20,9 @@ export default {
     },
   },
   args: {
-    url: "https://effettandem.com/api/content/articles",
+    url: "https://faker.witify.io/api/todos",
     urlQuery: {
-      per_page: 5,
+      paginate: '0',
     },
     history: false,
   },

package/src/components/BaseDataIterator.vue

@@ -721,7 +721,13 @@ const dataInternal = computed<ResourceCollection | PaginatedCollection | Collect
 const { items, paginationMetadata, lastPage } = useHasPaginatedData(
   dataInternal,
   page,
-  computed(() => props.perPage),
+  computed(() => {
+    if (dataMode.value == REMOTE) {
+      return undefined;
+    }
+
+    return props.perPage;
+  }),
 );
 
 const itemsInternal = computed(() => {

package/src/components/BaseTabs.vue

@@ -146,19 +146,26 @@ function animateLine(animate = true) {
     return;
   }
 
-  lineRef.value.animate(
-    [
+  const transformPx = `translateX(${x}px)`;
+  const widthPx = `${width}px`;
+
+  if (lineRef.value.animate) {
+    lineRef.value.animate(
+      [
+        {
+          transform: transformPx,
+          width: widthPx,
+        }
+      ],
       {
-        transform: `translateX(${x}px)`,
-        width: `${width}px`,
-      },
-    ],
-    {
-      duration: 200,
-      easing: 'ease-in-out',
-      fill: 'both',
-    }
-  );
-
+        duration: 200,
+        easing: 'ease-in-out',
+        fill: 'both',
+      }
+    );
+  } else {
+    lineRef.value.style.transform = transformPx;
+    lineRef.value.style.width = widthPx;
+  }
 }
 </script>

package/src/composables/paginatedData.ts

@@ -11,7 +11,7 @@ import { getItems } from '@/utils/getApiData';
 export function useHasPaginatedData(
   data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>,
   page?: ComputedRef<number>,
-  perPage?: ComputedRef<number>,
+  perPage?: ComputedRef<number | undefined>,
 ) {
   const items = computed(() => {
     return getItems(data.value);