@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@zag-js/pagination/dist/index.js

@@ -1,68 +1,62 @@
-import { createAnatomy as A } from "../../anatomy/dist/index.js";
-import { dataAttr as b, createScope as h } from "../../dom-query/dist/index.js";
-import { createMachine as G } from "../../core/dist/index.js";
-import { compact as L, isEqual as R } from "../../utils/dist/index.js";
-import { createProps as v } from "../../types/dist/index.js";
-var z = A("pagination").parts("root", "item", "ellipsis", "prevTrigger", "nextTrigger"), d = z.build(), u = h({
-  getRootId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.root) ?? `pagination:${t.id}`;
-  },
-  getPrevTriggerId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.prevTrigger) ?? `pagination:${t.id}:prev`;
-  },
-  getNextTriggerId: (t) => {
-    var a;
-    return ((a = t.ids) == null ? void 0 : a.nextTrigger) ?? `pagination:${t.id}:next`;
-  },
-  getEllipsisId: (t, a) => {
-    var e, g;
-    return ((g = (e = t.ids) == null ? void 0 : e.ellipsis) == null ? void 0 : g.call(e, a)) ?? `pagination:${t.id}:ellipsis:${a}`;
-  },
-  getItemId: (t, a) => {
-    var e, g;
-    return ((g = (e = t.ids) == null ? void 0 : e.item) == null ? void 0 : g.call(e, a)) ?? `pagination:${t.id}:item:${a}`;
-  }
-}), S = (t, a) => {
-  let e = a - t + 1;
-  return Array.from({ length: e }, (g, o) => o + t);
-}, N = (t) => t.map((a) => typeof a == "number" ? { type: "page", value: a } : { type: "ellipsis" }), m = "ellipsis", x = (t) => {
-  const a = Math.min(2 * t.siblingCount + 5, t.totalPages), e = 1, g = t.totalPages, o = Math.max(t.page - t.siblingCount, e), n = Math.min(t.page + t.siblingCount, g), s = o > e + 1, p = n < g - 1, c = a - 2;
-  if (!s && p)
-    return [...S(1, c), m, g];
-  if (s && !p) {
-    const l = S(g - c + 1, g);
-    return [e, m, ...l];
+import { createAnatomy as G } from "../../anatomy/dist/index.js";
+import { dataAttr as E } from "../../dom-query/dist/index.js";
+import { createMachine as L } from "../../core/dist/index.js";
+import { createProps as b } from "../../types/dist/index.js";
+var z = G("pagination").parts("root", "item", "ellipsis", "prevTrigger", "nextTrigger"), c = z.build(), _ = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.root) ?? `pagination:${e.id}`;
+}, C = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.prevTrigger) ?? `pagination:${e.id}:prev`;
+}, N = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.nextTrigger) ?? `pagination:${e.id}:next`;
+}, V = (e, t) => {
+  var a, g;
+  return ((g = (a = e.ids) == null ? void 0 : a.ellipsis) == null ? void 0 : g.call(a, t)) ?? `pagination:${e.id}:ellipsis:${t}`;
+}, $ = (e, t) => {
+  var a, g;
+  return ((g = (a = e.ids) == null ? void 0 : a.item) == null ? void 0 : g.call(a, t)) ?? `pagination:${e.id}:item:${t}`;
+}, S = (e, t) => {
+  let a = t - e + 1;
+  return Array.from({ length: a }, (g, i) => i + e);
+}, M = (e) => e.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), m = "ellipsis", F = (e) => {
+  const { page: t, totalPages: a, siblingCount: g } = e, i = Math.min(2 * g + 5, a), n = 1, r = a, P = Math.max(t - g, n), p = Math.min(t + g, r), o = P > n + 1, d = p < r - 1, T = i - 2;
+  if (!o && d)
+    return [...S(1, T), m, r];
+  if (o && !d) {
+    const l = S(r - T + 1, r);
+    return [n, m, ...l];
   }
-  if (s && p) {
-    const l = S(o, n);
-    return [e, m, ...l, m, g];
+  if (o && d) {
+    const l = S(P, p);
+    return [n, m, ...l, m, r];
   }
-  return S(e, g);
-}, V = (t) => N(x(t));
-function X(t, a, e) {
-  const g = t.context.totalPages, o = t.context.page, n = t.context.translations, s = t.context.count, p = t.context.previousPage, c = t.context.nextPage, T = t.context.pageRange, E = t.context.type === "button", f = o === 1, I = o === g, _ = V(t.context);
+  return S(n, r);
+}, k = (e) => M(F(e));
+function B(e, t) {
+  const { send: a, scope: g, prop: i, computed: n, context: r } = e, P = n("totalPages"), p = r.get("page"), o = i("translations"), d = i("count"), T = n("previousPage"), y = n("nextPage"), l = n("pageRange"), v = i("type") === "button", h = p === 1, I = p === P, R = k({
+    page: p,
+    totalPages: P,
+    siblingCount: i("siblingCount")
+  });
   return {
-    count: s,
-    page: o,
-    pageSize: t.context.pageSize,
-    totalPages: g,
-    pages: _,
-    previousPage: p,
-    nextPage: c,
-    pageRange: T,
-    slice(i) {
-      return i.slice(T.start, T.end);
-    },
-    setCount(i) {
-      a({ type: "SET_COUNT", count: i });
+    count: d,
+    page: p,
+    pageSize: r.get("pageSize"),
+    totalPages: P,
+    pages: R,
+    previousPage: T,
+    nextPage: y,
+    pageRange: l,
+    slice(s) {
+      return s.slice(l.start, l.end);
     },
-    setPageSize(i) {
-      a({ type: "SET_PAGE_SIZE", size: i });
+    setPageSize(s) {
+      a({ type: "SET_PAGE_SIZE", size: s });
     },
-    setPage(i) {
-      a({ type: "SET_PAGE", page: i });
+    setPage(s) {
+      a({ type: "SET_PAGE", page: s });
     },
     goToNextPage() {
       a({ type: "NEXT_PAGE" });
@@ -77,186 +71,184 @@ function X(t, a, e) {
       a({ type: "LAST_PAGE" });
     },
     getRootProps() {
-      return e.element({
-        id: u.getRootId(t.context),
-        ...d.root.attrs,
-        dir: t.context.dir,
-        "aria-label": n.rootLabel
+      return t.element({
+        id: _(g),
+        ...c.root.attrs,
+        dir: i("dir"),
+        "aria-label": o.rootLabel
       });
     },
-    getEllipsisProps(i) {
-      return e.element({
-        id: u.getEllipsisId(t.context, i.index),
-        ...d.ellipsis.attrs,
-        dir: t.context.dir
+    getEllipsisProps(s) {
+      return t.element({
+        id: V(g, s.index),
+        ...c.ellipsis.attrs,
+        dir: i("dir")
       });
     },
-    getItemProps(i) {
-      var C;
-      const P = i.value, y = P === t.context.page;
-      return e.element({
-        id: u.getItemId(t.context, P),
-        ...d.item.attrs,
-        dir: t.context.dir,
-        "data-index": P,
-        "data-selected": b(y),
-        "aria-current": y ? "page" : void 0,
-        "aria-label": (C = n.itemLabel) == null ? void 0 : C.call(n, { page: P, totalPages: g }),
+    getItemProps(s) {
+      var A;
+      const u = s.value, x = u === p;
+      return t.element({
+        id: $(g, u),
+        ...c.item.attrs,
+        dir: i("dir"),
+        "data-index": u,
+        "data-selected": E(x),
+        "aria-current": x ? "page" : void 0,
+        "aria-label": (A = o.itemLabel) == null ? void 0 : A.call(o, { page: u, totalPages: P }),
         onClick() {
-          a({ type: "SET_PAGE", page: P });
+          a({ type: "SET_PAGE", page: u });
         },
-        ...E && { type: "button" }
+        ...v && { type: "button" }
       });
     },
     getPrevTriggerProps() {
-      return e.element({
-        id: u.getPrevTriggerId(t.context),
-        ...d.prevTrigger.attrs,
-        dir: t.context.dir,
-        "data-disabled": b(f),
-        "aria-label": n.prevTriggerLabel,
+      return t.element({
+        id: C(g),
+        ...c.prevTrigger.attrs,
+        dir: i("dir"),
+        "data-disabled": E(h),
+        "aria-label": o.prevTriggerLabel,
         onClick() {
           a({ type: "PREVIOUS_PAGE" });
         },
-        ...E && { disabled: f, type: "button" }
+        ...v && { disabled: h, type: "button" }
       });
     },
     getNextTriggerProps() {
-      return e.element({
-        id: u.getNextTriggerId(t.context),
-        ...d.nextTrigger.attrs,
-        dir: t.context.dir,
-        "data-disabled": b(I),
-        "aria-label": n.nextTriggerLabel,
+      return t.element({
+        id: N(g),
+        ...c.nextTrigger.attrs,
+        dir: i("dir"),
+        "data-disabled": E(I),
+        "aria-label": o.nextTriggerLabel,
         onClick() {
           a({ type: "NEXT_PAGE" });
         },
-        ...E && { disabled: I, type: "button" }
+        ...v && { disabled: I, type: "button" }
       });
     }
   };
 }
-var $ = {
-  rootLabel: "pagination",
-  prevTriggerLabel: "previous page",
-  nextTriggerLabel: "next page",
-  itemLabel({ page: t, totalPages: a }) {
-    return `${a > 1 && t === a ? "last page, " : ""}page ${t}`;
-  }
-};
-function Z(t) {
-  const a = L(t);
-  return G(
-    {
-      id: "pagination",
-      initial: "idle",
-      context: {
-        pageSize: 10,
-        siblingCount: 1,
-        page: 1,
-        type: "button",
-        translations: {
-          ...$,
-          ...a.translations
+var j = L({
+  props({ props: e }) {
+    return {
+      defaultPageSize: 10,
+      siblingCount: 1,
+      defaultPage: 1,
+      type: "button",
+      count: 1,
+      ...e,
+      translations: {
+        rootLabel: "pagination",
+        prevTriggerLabel: "previous page",
+        nextTriggerLabel: "next page",
+        itemLabel({ page: t, totalPages: a }) {
+          return `${a > 1 && t === a ? "last page, " : ""}page ${t}`;
         },
-        ...a
+        ...e.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t, getContext: a }) {
+    return {
+      page: t(() => ({
+        value: e("page"),
+        defaultValue: e("defaultPage"),
+        onChange(g) {
+          var n;
+          const i = a();
+          (n = e("onPageChange")) == null || n({ page: g, pageSize: i.get("pageSize") });
+        }
+      })),
+      pageSize: t(() => ({
+        value: e("pageSize"),
+        defaultValue: e("defaultPageSize"),
+        onChange(g) {
+          var i;
+          (i = e("onPageSizeChange")) == null || i({ pageSize: g });
+        }
+      }))
+    };
+  },
+  watch({ track: e, context: t, action: a }) {
+    e([() => t.get("pageSize")], () => {
+      a(["setPageIfNeeded"]);
+    });
+  },
+  computed: {
+    totalPages: ({ context: e, prop: t }) => Math.ceil(t("count") / e.get("pageSize")),
+    previousPage: ({ context: e }) => e.get("page") === 1 ? null : e.get("page") - 1,
+    nextPage: ({ context: e, computed: t }) => e.get("page") === t("totalPages") ? null : e.get("page") + 1,
+    pageRange: ({ context: e, prop: t }) => {
+      const a = (e.get("page") - 1) * e.get("pageSize"), g = Math.min(a + e.get("pageSize"), t("count"));
+      return { start: a, end: g };
+    },
+    isValidPage: ({ context: e, computed: t }) => e.get("page") >= 1 && e.get("page") <= t("totalPages")
+  },
+  on: {
+    SET_PAGE: {
+      guard: "isValidPage",
+      actions: ["setPage"]
+    },
+    SET_PAGE_SIZE: {
+      actions: ["setPageSize"]
+    },
+    FIRST_PAGE: {
+      actions: ["goToFirstPage"]
+    },
+    LAST_PAGE: {
+      actions: ["goToLastPage"]
+    },
+    PREVIOUS_PAGE: {
+      guard: "canGoToPrevPage",
+      actions: ["goToPrevPage"]
+    },
+    NEXT_PAGE: {
+      guard: "canGoToNextPage",
+      actions: ["goToNextPage"]
+    }
+  },
+  states: {
+    idle: {}
+  },
+  implementations: {
+    guards: {
+      isValidPage: ({ event: e, computed: t }) => e.page >= 1 && e.page <= t("totalPages"),
+      isValidCount: ({ context: e, event: t }) => e.get("page") > t.count,
+      canGoToNextPage: ({ context: e, computed: t }) => e.get("page") < t("totalPages"),
+      canGoToPrevPage: ({ context: e }) => e.get("page") > 1
+    },
+    actions: {
+      setPage({ context: e, event: t, computed: a }) {
+        const g = f(t.page, a("totalPages"));
+        e.set("page", g);
       },
-      watch: {
-        pageSize: ["setPageIfNeeded"]
+      setPageSize({ context: e, event: t }) {
+        e.set("pageSize", t.size);
       },
-      computed: {
-        totalPages: (e) => Math.ceil(e.count / e.pageSize),
-        previousPage: (e) => e.page === 1 ? null : e.page - 1,
-        nextPage: (e) => e.page === e.totalPages ? null : e.page + 1,
-        pageRange: (e) => {
-          const g = (e.page - 1) * e.pageSize, o = g + e.pageSize;
-          return { start: g, end: o };
-        },
-        isValidPage: (e) => e.page >= 1 && e.page <= e.totalPages
+      goToFirstPage({ context: e }) {
+        e.set("page", 1);
       },
-      on: {
-        SET_COUNT: [
-          {
-            guard: "isValidCount",
-            actions: ["setCount", "goToFirstPage"]
-          },
-          {
-            actions: "setCount"
-          }
-        ],
-        SET_PAGE: {
-          guard: "isValidPage",
-          actions: "setPage"
-        },
-        SET_PAGE_SIZE: {
-          actions: "setPageSize"
-        },
-        FIRST_PAGE: {
-          actions: "goToFirstPage"
-        },
-        LAST_PAGE: {
-          actions: "goToLastPage"
-        },
-        PREVIOUS_PAGE: {
-          guard: "canGoToPrevPage",
-          actions: "goToPrevPage"
-        },
-        NEXT_PAGE: {
-          guard: "canGoToNextPage",
-          actions: "goToNextPage"
-        }
+      goToLastPage({ context: e, computed: t }) {
+        e.set("page", t("totalPages"));
       },
-      states: {
-        idle: {}
-      }
-    },
-    {
-      guards: {
-        isValidPage: (e, g) => g.page >= 1 && g.page <= e.totalPages,
-        isValidCount: (e, g) => e.page > g.count,
-        canGoToNextPage: (e) => e.page < e.totalPages,
-        canGoToPrevPage: (e) => e.page > 1
+      goToPrevPage({ context: e, computed: t }) {
+        e.set("page", (a) => f(a - 1, t("totalPages")));
       },
-      actions: {
-        setCount(e, g) {
-          e.count = g.count;
-        },
-        setPage(e, g) {
-          r.page(e, g.page);
-        },
-        setPageSize(e, g) {
-          r.pageSize(e, g.size);
-        },
-        goToFirstPage(e) {
-          r.page(e, 1);
-        },
-        goToLastPage(e) {
-          r.page(e, e.totalPages);
-        },
-        goToPrevPage(e) {
-          r.page(e, e.page - 1);
-        },
-        goToNextPage(e) {
-          r.page(e, e.page + 1);
-        },
-        setPageIfNeeded(e, g) {
-          e.isValidPage || r.page(e, 1);
-        }
+      goToNextPage({ context: e, computed: t }) {
+        e.set("page", (a) => f(a + 1, t("totalPages")));
+      },
+      setPageIfNeeded({ context: e, computed: t }) {
+        t("isValidPage") || e.set("page", 1);
       }
     }
-  );
-}
-var F = (t, a) => Math.min(Math.max(t, 1), a), r = {
-  pageSize: (t, a) => {
-    var e;
-    R(t.pageSize, a) || (t.pageSize = a, (e = t.onPageSizeChange) == null || e.call(t, { pageSize: t.pageSize }));
-  },
-  page: (t, a) => {
-    var e;
-    R(t.page, a) || (t.page = F(a, t.totalPages), (e = t.onPageChange) == null || e.call(t, { page: t.page, pageSize: t.pageSize }));
   }
-};
-v()([
+}), f = (e, t) => Math.min(Math.max(e, 1), t);
+b()([
   "count",
   "dir",
   "getRootNode",
@@ -265,15 +257,17 @@ v()([
   "onPageChange",
   "onPageSizeChange",
   "page",
+  "defaultPage",
   "pageSize",
+  "defaultPageSize",
   "siblingCount",
   "translations",
   "type"
 ]);
-v()(["value", "type"]);
-v()(["index"]);
+b()(["value", "type"]);
+b()(["index"]);
 export {
   z as anatomy,
-  X as connect,
-  Z as machine
+  B as connect,
+  j as machine
 };