@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/Pagination-D9BSo5H2.js

@@ -0,0 +1,573 @@
+import { $ as e, A as t, B as n, Dt as r, E as i, F as a, Lt as o, b as s, h as c, t as l, y as u } from "./Button-BT3ztSPx.js";
+import { $t as d, A as f, B as p, Ci as m, E as h, K as g, M as _, N as v, Nn as y, Or as b, Pn as x, V as S, _i as C, aa as w, fa as T, gn as E, mr as D, o as O, pt as k, ra as A } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Pagination/PaginationEllipsis.js
+var j = /* @__PURE__ */ g({
+	__name: "PaginationEllipsis",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = e;
+		return t(), (e, t) => (E(), f(m(i), d(n, { "data-type": "ellipsis" }), {
+			default: b(() => [x(e.$slots, "default", {}, () => [t[0] ||= p("…")])]),
+			_: 3
+		}, 16));
+	}
+}), [M, N] = /*#__PURE__*/ a("PaginationRoot"), P = /* @__PURE__ */ g({
+	__name: "PaginationRoot",
+	props: {
+		page: {
+			type: Number,
+			required: !1
+		},
+		defaultPage: {
+			type: Number,
+			required: !1,
+			default: 1
+		},
+		itemsPerPage: {
+			type: Number,
+			required: !0
+		},
+		total: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		siblingCount: {
+			type: Number,
+			required: !1,
+			default: 2
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		showEdges: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "nav"
+		}
+	},
+	emits: ["update:page"],
+	setup(e, { emit: n }) {
+		let a = e, o = n, { siblingCount: s, disabled: c, showEdges: l } = C(a);
+		t();
+		let u = r(a, "page", o, {
+			defaultValue: a.defaultPage,
+			passive: a.page === void 0
+		}), d = h(() => Math.max(1, Math.ceil(a.total / (a.itemsPerPage || 1))));
+		return N({
+			page: u,
+			onPageChange(e) {
+				u.value = e;
+			},
+			pageCount: d,
+			siblingCount: s,
+			disabled: c,
+			showEdges: l
+		}), (e, t) => (E(), f(m(i), {
+			as: e.as,
+			"as-child": e.asChild
+		}, {
+			default: b(() => [x(e.$slots, "default", {
+				page: m(u),
+				pageCount: d.value
+			})]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), F = /* @__PURE__ */ g({
+	__name: "PaginationFirst",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, r = M();
+		t();
+		let a = h(() => r.page.value === 1 || r.disabled.value);
+		return (e, t) => (E(), f(m(i), d(n, {
+			"aria-label": "First Page",
+			type: e.as === "button" ? "button" : void 0,
+			disabled: a.value,
+			onClick: t[0] ||= (e) => !a.value && m(r).onPageChange(1)
+		}), {
+			default: b(() => [x(e.$slots, "default", {}, () => [t[1] ||= p("First page")])]),
+			_: 3
+		}, 16, ["type", "disabled"]));
+	}
+}), I = /* @__PURE__ */ g({
+	__name: "PaginationLast",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, r = M();
+		t();
+		let a = h(() => r.page.value === r.pageCount.value || r.disabled.value);
+		return (e, t) => (E(), f(m(i), d(n, {
+			"aria-label": "Last Page",
+			type: e.as === "button" ? "button" : void 0,
+			disabled: a.value,
+			onClick: t[0] ||= (e) => !a.value && m(r).onPageChange(m(r).pageCount.value)
+		}), {
+			default: b(() => [x(e.$slots, "default", {}, () => [t[1] ||= p("Last page")])]),
+			_: 3
+		}, 16, ["type", "disabled"]));
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Pagination/utils.js
+function L(e, t) {
+	let n = t - e + 1;
+	return Array.from({ length: n }, (t, n) => n + e);
+}
+function R(e) {
+	return e.map((e) => typeof e == "number" ? {
+		type: "page",
+		value: e
+	} : { type: "ellipsis" });
+}
+var z = "ellipsis";
+function B(e, t, n, r) {
+	let i = t, a = Math.max(e - n, 1), o = Math.min(e + n, i);
+	if (r) {
+		let e = Math.min(2 * n + 5, t) - 2, r = a > 3 && Math.abs(i - e - 1 + 1) > 2 && Math.abs(a - 1) > 2, s = o < i - 2 && Math.abs(i - e) > 2 && Math.abs(i - o) > 2;
+		return !r && s ? [
+			...L(1, e),
+			z,
+			i
+		] : r && !s ? [
+			1,
+			z,
+			...L(i - e + 1, i)
+		] : r && s ? [
+			1,
+			z,
+			...L(a, o),
+			z,
+			i
+		] : L(1, i);
+	}
+	{
+		let r = n * 2 + 1;
+		return t < r ? L(1, i) : e <= n + 1 ? L(1, r) : t - e <= n ? L(t - r + 1, i) : L(a, o);
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Pagination/PaginationList.js
+var V = /* @__PURE__ */ g({
+	__name: "PaginationList",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = M(), a = h(() => R(B(r.page.value, r.pageCount.value, r.siblingCount.value, r.showEdges.value)));
+		return (e, t) => (E(), f(m(i), w(k(n)), {
+			default: b(() => [x(e.$slots, "default", { items: a.value })]),
+			_: 3
+		}, 16));
+	}
+}), H = /* @__PURE__ */ g({
+	__name: "PaginationListItem",
+	props: {
+		value: {
+			type: Number,
+			required: !0
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = M(), a = h(() => r.page.value === n.value), o = h(() => r.disabled.value);
+		return (e, t) => (E(), f(m(i), d(n, {
+			"data-type": "page",
+			"aria-label": `Page ${e.value}`,
+			"aria-current": a.value ? "page" : void 0,
+			"data-selected": a.value ? "true" : void 0,
+			disabled: o.value,
+			type: e.as === "button" ? "button" : void 0,
+			onClick: t[0] ||= (t) => !o.value && m(r).onPageChange(e.value)
+		}), {
+			default: b(() => [x(e.$slots, "default", {}, () => [p(T(e.value), 1)])]),
+			_: 3
+		}, 16, [
+			"aria-label",
+			"aria-current",
+			"data-selected",
+			"disabled",
+			"type"
+		]));
+	}
+}), U = /* @__PURE__ */ g({
+	__name: "PaginationNext",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = M(), a = h(() => r.page.value === r.pageCount.value || r.disabled.value);
+		return (e, t) => (E(), f(m(i), d(n, {
+			"aria-label": "Next Page",
+			type: e.as === "button" ? "button" : void 0,
+			disabled: a.value,
+			onClick: t[0] ||= (e) => !a.value && m(r).onPageChange(m(r).page.value + 1)
+		}), {
+			default: b(() => [x(e.$slots, "default", {}, () => [t[1] ||= p("Next page")])]),
+			_: 3
+		}, 16, ["type", "disabled"]));
+	}
+}), W = /* @__PURE__ */ g({
+	__name: "PaginationPrev",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = M(), a = h(() => r.page.value === 1 || r.disabled.value);
+		return (e, t) => (E(), f(m(i), d(n, {
+			"aria-label": "Previous Page",
+			type: e.as === "button" ? "button" : void 0,
+			disabled: a.value,
+			onClick: t[0] ||= (e) => !a.value && m(r).onPageChange(m(r).page.value - 1)
+		}), {
+			default: b(() => [x(e.$slots, "default", {}, () => [t[1] ||= p("Prev page")])]),
+			_: 3
+		}, 16, ["type", "disabled"]));
+	}
+}), G = { slots: {
+	root: "",
+	list: "flex items-center gap-1",
+	ellipsis: "pointer-events-none",
+	label: "min-w-5 text-center",
+	first: "",
+	prev: "",
+	item: "",
+	next: "",
+	last: ""
+} }, K = {
+	__name: "Pagination",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		firstIcon: {
+			type: null,
+			required: !1
+		},
+		prevIcon: {
+			type: null,
+			required: !1
+		},
+		nextIcon: {
+			type: null,
+			required: !1
+		},
+		lastIcon: {
+			type: null,
+			required: !1
+		},
+		ellipsisIcon: {
+			type: null,
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1,
+			default: "neutral"
+		},
+		variant: {
+			type: null,
+			required: !1,
+			default: "outline"
+		},
+		activeColor: {
+			type: null,
+			required: !1,
+			default: "primary"
+		},
+		activeVariant: {
+			type: null,
+			required: !1,
+			default: "solid"
+		},
+		showControls: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		to: {
+			type: Function,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		defaultPage: {
+			type: Number,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		itemsPerPage: {
+			type: Number,
+			required: !1,
+			default: 10
+		},
+		page: {
+			type: Number,
+			required: !1
+		},
+		showEdges: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		siblingCount: {
+			type: Number,
+			required: !1,
+			default: 2
+		},
+		total: {
+			type: Number,
+			required: !1,
+			default: 0
+		}
+	},
+	emits: ["update:page"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, p = D(), g = s("pagination", i), { dir: C } = n(), w = e(), T = c(o(g, "as", "defaultPage", "disabled", "itemsPerPage", "page", "showEdges", "siblingCount", "total"), a), k = h(() => g.firstIcon || (C.value === "rtl" ? w.ui.icons.chevronDoubleRight : w.ui.icons.chevronDoubleLeft)), M = h(() => g.prevIcon || (C.value === "rtl" ? w.ui.icons.chevronRight : w.ui.icons.chevronLeft)), N = h(() => g.nextIcon || (C.value === "rtl" ? w.ui.icons.chevronLeft : w.ui.icons.chevronRight)), L = h(() => g.lastIcon || (C.value === "rtl" ? w.ui.icons.chevronDoubleLeft : w.ui.icons.chevronDoubleRight)), R = h(() => u({
+			extend: G,
+			...w.ui?.pagination || {}
+		})());
+		return (e, t) => (E(), f(m(P), d(m(T), {
+			"data-slot": "root",
+			class: R.value.root({ class: [m(g).ui?.root, m(g).class] })
+		}), {
+			default: b(({ page: t, pageCount: n }) => [S(m(V), {
+				"data-slot": "list",
+				class: A(R.value.list({ class: m(g).ui?.list }))
+			}, {
+				default: b(({ items: r }) => [
+					m(g).showControls || p.first ? (E(), f(m(F), {
+						key: 0,
+						"as-child": "",
+						"data-slot": "first",
+						class: A(R.value.first({ class: m(g).ui?.first }))
+					}, {
+						default: b(() => [x(e.$slots, "first", {}, () => [S(l, {
+							color: m(g).color,
+							variant: m(g).variant,
+							size: m(g).size,
+							icon: k.value,
+							to: m(g).to?.(1)
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"icon",
+							"to"
+						])])]),
+						_: 3
+					}, 8, ["class"])) : _("", !0),
+					m(g).showControls || p.prev ? (E(), f(m(W), {
+						key: 1,
+						"as-child": "",
+						"data-slot": "prev",
+						class: A(R.value.prev({ class: m(g).ui?.prev }))
+					}, {
+						default: b(() => [x(e.$slots, "prev", {}, () => [S(l, {
+							color: m(g).color,
+							variant: m(g).variant,
+							size: m(g).size,
+							icon: M.value,
+							to: t > 1 ? m(g).to?.(t - 1) : void 0
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"icon",
+							"to"
+						])])]),
+						_: 2
+					}, 1032, ["class"])) : _("", !0),
+					(E(!0), v(O, null, y(r, (r, i) => (E(), v(O, { key: i }, [r.type === "page" ? (E(), f(m(H), {
+						key: 0,
+						"as-child": "",
+						value: r.value,
+						"data-slot": "item",
+						class: A(R.value.item({ class: m(g).ui?.item }))
+					}, {
+						default: b(() => [x(e.$slots, "item", d({ ref_for: !0 }, {
+							item: r,
+							index: i,
+							page: t,
+							pageCount: n
+						}), () => [S(l, {
+							color: t === r.value ? m(g).activeColor : m(g).color,
+							variant: t === r.value ? m(g).activeVariant : m(g).variant,
+							size: m(g).size,
+							label: String(r.value),
+							ui: { label: R.value.label() },
+							to: m(g).to?.(r.value),
+							square: ""
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"label",
+							"ui",
+							"to"
+						])])]),
+						_: 2
+					}, 1032, ["value", "class"])) : (E(), f(m(j), {
+						key: 1,
+						"as-child": "",
+						"data-slot": "ellipsis",
+						class: A(R.value.ellipsis({ class: m(g).ui?.ellipsis }))
+					}, {
+						default: b(() => [x(e.$slots, "ellipsis", { ui: R.value }, () => [S(l, {
+							as: "div",
+							color: m(g).color,
+							variant: m(g).variant,
+							size: m(g).size,
+							icon: m(g).ellipsisIcon || m(w).ui.icons.ellipsis
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"icon"
+						])])]),
+						_: 3
+					}, 8, ["class"]))], 64))), 128)),
+					m(g).showControls || p.next ? (E(), f(m(U), {
+						key: 2,
+						"as-child": "",
+						"data-slot": "next",
+						class: A(R.value.next({ class: m(g).ui?.next }))
+					}, {
+						default: b(() => [x(e.$slots, "next", {}, () => [S(l, {
+							color: m(g).color,
+							variant: m(g).variant,
+							size: m(g).size,
+							icon: N.value,
+							to: t < n ? m(g).to?.(t + 1) : void 0
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"icon",
+							"to"
+						])])]),
+						_: 2
+					}, 1032, ["class"])) : _("", !0),
+					m(g).showControls || p.last ? (E(), f(m(I), {
+						key: 3,
+						"as-child": "",
+						"data-slot": "last",
+						class: A(R.value.last({ class: m(g).ui?.last }))
+					}, {
+						default: b(() => [x(e.$slots, "last", {}, () => [S(l, {
+							color: m(g).color,
+							variant: m(g).variant,
+							size: m(g).size,
+							icon: L.value,
+							to: m(g).to?.(n)
+						}, null, 8, [
+							"color",
+							"variant",
+							"size",
+							"icon",
+							"to"
+						])])]),
+						_: 2
+					}, 1032, ["class"])) : _("", !0)
+				]),
+				_: 2
+			}, 1032, ["class"])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+};
+//#endregion
+export { K as t };