@rebilly/revel 13.6.2 → 13.6.3

package/dist/components/r-loader/r-loader.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,54 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c } from "vue";
+//#region src/components/r-loader/r-loader.vue?vue&type=script&setup=true&lang.ts
+var l = {
+	key: 0,
+	class: "r-loader-spinner",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true"
+}, u = /*@__PURE__*/ a({
+	__name: "r-loader",
+	props: {
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		type: { default: "spinner" }
+	},
+	setup(a) {
+		let u = a, d = t(() => u.type !== "brand"), f = t(() => ({
+			"r-is-loading": !!u.loading,
+			"r-is-fullscreen": !!u.fullscreen
+		}));
+		return (t, u) => a.show ? (s(), r("div", {
+			key: 0,
+			class: o(["r-component r-loader", f.value]),
+			role: "alert",
+			"aria-busy": "true"
+		}, [i("div", { class: o(["r-loader-icon-wrapper", { "r-is-spinner": d.value }]) }, [d.value ? (s(), r("svg", l, [...u[0] ||= [i("circle", {
+			class: "r-loader-spinner-arc",
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}, null, -1)]])) : (s(), r(e, { key: 1 }, c([
+			"re",
+			"bil",
+			"ly"
+		], (t) => i("div", {
+			key: t,
+			class: o(`r-mr-${t}`)
+		}, [(s(), r(e, null, c(4, (e) => i("span", {
+			key: e,
+			class: "r-loader-bar"
+		})), 64))], 2)), 64))], 2)], 2)) : n("", !0);
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/r-modal/r-modal.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-modal.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                        */
+//#region src/components/r-modal/r-modal.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-modal/r-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,128 @@
+import e from "../r-button/r-button.vue.mjs";
+import t from "../r-loader/r-loader.vue.mjs";
+import { Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, withCtx as v, withKeys as y } from "vue";
+//#region src/components/r-modal/r-modal.vue?vue&type=script&setup=true&lang.ts
+var b = ["aria-label"], x = {
+	key: 0,
+	class: "r-modal-header"
+}, S = { class: "r-inline-3" }, C = {
+	key: 0,
+	class: "r-mis-auto r-inline-3"
+}, w = { class: "r-modal-actions" }, T = { key: 0 }, E = { class: "r-modal-actions-right r-equal-widths-container-on-s" }, D = {
+	key: 1,
+	class: "r-modal-overlay"
+}, O = /*@__PURE__*/ u({
+	__name: "r-modal",
+	props: {
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		title: { default: null },
+		cancelLabel: { default: "Cancel" },
+		size: { default: null },
+		scroll: {
+			type: Boolean,
+			default: !1
+		},
+		scrollContent: {
+			type: Boolean,
+			default: !1
+		},
+		duration: { default: .15 }
+	},
+	emits: [
+		"close",
+		"submit",
+		"leave",
+		"enter"
+	],
+	setup(u, { emit: O }) {
+		let k = u, A = O, j = h(null), M = r(() => ({ "transition-duration": `${k.duration}s` })), N = r(() => {
+			let e = {};
+			return k.size && (e[`r-modal-control-${k.size}`] = !0), e;
+		});
+		function P(e) {
+			A("submit", e);
+		}
+		function F() {
+			A("close");
+		}
+		function I() {
+			R(), A("enter");
+		}
+		function L() {
+			document.body.classList.remove("r-overflow-hidden"), A("leave");
+		}
+		function R() {
+			let e = j.value;
+			if (e == null) return;
+			let t = document.activeElement;
+			e.style.display !== "none" && document.body.classList.add("r-overflow-hidden"), e !== t && !e.contains(t) && e.focus({ preventScroll: !0 });
+		}
+		return p(() => {
+			k.show && L();
+		}), (r, p) => (m(), i(n, {
+			name: "r-modal",
+			appear: "",
+			onEnter: I,
+			onLeave: L
+		}, {
+			default: v(() => [u.show ? (m(), o("div", {
+				key: 0,
+				ref_key: "containerElement",
+				ref: j,
+				tabindex: "0",
+				role: "dialog",
+				style: f(M.value),
+				"aria-label": u.title ? u.title : "Modal",
+				onMousedown: F,
+				onKeyup: [y(F, ["esc"]), y(P, ["enter"])]
+			}, [r.$slots.content || r.$slots.contents ? (m(), o("div", {
+				key: 0,
+				class: d(["r-modal-overlay", { "r-is-scrollable": u.scroll }])
+			}, [s("div", {
+				class: d(["r-modal-control", N.value]),
+				style: f(M.value),
+				onMousedown: p[1] ||= (e) => e.stopPropagation()
+			}, [
+				u.title ? (m(), o("div", x, [
+					s("h2", S, _(u.title), 1),
+					r.$slots["header-actions"] ? (m(), o("div", C, [g(r.$slots, "header-actions")])) : a("", !0),
+					l(e, {
+						type: "plain",
+						size: "small",
+						class: "r-modal-btn-close",
+						"aria-label": "close",
+						icon: "close",
+						onClick: p[0] ||= (e) => r.$emit("close")
+					})
+				])) : a("", !0),
+				g(r.$slots, "contents", {}, () => [s("div", { class: d(["r-modal-content", { "r-is-scrollable": u.scrollContent }]) }, [g(r.$slots, "content")], 2)]),
+				s("div", w, [r.$slots["left-actions"] ? (m(), o("div", T, [g(r.$slots, "left-actions", {
+					submit: P,
+					close: F
+				})])) : a("", !0), s("div", E, [g(r.$slots, "right-actions", {
+					submit: P,
+					close: F
+				}, () => [l(e, {
+					class: d({ "r-inline-3": r.$slots.actions }),
+					onClick: F
+				}, {
+					default: v(() => [c(_(u.cancelLabel), 1)]),
+					_: 1
+				}, 8, ["class"]), g(r.$slots, "actions", {
+					submit: P,
+					close: F
+				})])])])
+			], 38)], 2)) : (m(), o("div", D, [l(t, {
+				class: "r-modal-loader r-is-loading",
+				show: !0,
+				loading: !0
+			})]))], 44, b)) : a("", !0)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { O as default };

package/dist/components/r-month-picker/months.mjs

@@ -0,0 +1,17 @@
+//#region src/components/r-month-picker/months.ts
+var e = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+//#endregion
+export { e as months };

package/dist/components/r-month-picker/r-month-picker.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-month-picker.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                               */
+//#region src/components/r-month-picker/r-month-picker.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-month-picker/r-month-picker.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,143 @@
+import { nanoid as e } from "../../vendor/nanoid/non-secure/index.mjs";
+import t from "../r-field-label/r-field-label.vue.mjs";
+import { months as n } from "./months.mjs";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/r-month-picker/r-month-picker.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "r-month-picker-input-value" }, x = { key: 0 }, S = {
+	key: 1,
+	class: "r-text-muted"
+}, C = {
+	key: 1,
+	class: "r-field-caption"
+}, w = { class: "r-popover r-month-picker-input-container" }, T = { class: "r-popover-control" }, E = {
+	class: "r-popover-content r-popover-menu",
+	width: "300px"
+}, D = { class: "r-month-picker-container" }, O = { class: "r-month-picker-year" }, k = { class: "r-month-picker" }, A = ["aria-label", "onClick"], j = /*@__PURE__*/ d({
+	__name: "r-month-picker",
+	props: {
+		id: { default: () => e() },
+		label: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
+		caption: { default: "" },
+		modelValue: {},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "Select month" },
+		position: { default: "bottomEnd" },
+		minValue: { default: void 0 },
+		maxValue: { default: void 0 }
+	},
+	emits: [
+		"clear",
+		"month-change",
+		"update:modelValue",
+		"year-change"
+	],
+	setup(e, { emit: d }) {
+		let j = e, M = d, N = m(null), P = i(() => j.modelValue?.monthIndex === null ? j.placeholder : `${n[j.modelValue.monthIndex]}, ${j.modelValue.year}`), F = i(() => j.minValue?.year && j.modelValue?.year && j.modelValue.year <= j.minValue.year), I = i(() => j.maxValue?.year && j.modelValue?.year && j.modelValue.year >= j.maxValue.year), L = () => {
+			N.value?.popper.toggle();
+		}, R = (e) => {
+			if (V(e)) return;
+			let t = j.modelValue?.monthIndex === e;
+			if (j.clearable && t) {
+				M("clear");
+				return;
+			}
+			if (t) return;
+			let n = {
+				...j.modelValue,
+				monthIndex: e
+			};
+			M("update:modelValue", n), M("month-change", e), L();
+		}, z = (e) => {
+			if (!j.modelValue) return;
+			let t = j.modelValue.year + e;
+			if (j.minValue && t < j.minValue.year || j.maxValue && t > j.maxValue.year) return;
+			let n = {
+				...j.modelValue,
+				year: t
+			};
+			M("update:modelValue", n), M("year-change", t);
+		}, B = (e) => j.modelValue && j.modelValue.monthIndex === e, V = (e) => !!(j.minValue && j.modelValue && (j.modelValue.year < j.minValue.year || j.minValue.monthIndex && j.modelValue.year === j.minValue.year && e < j.minValue.monthIndex) || j.maxValue && j.modelValue && (j.modelValue.year > j.maxValue.year || j.maxValue.monthIndex && j.modelValue.year === j.maxValue.year && e > j.maxValue.monthIndex));
+		return (!j.modelValue.year || !Number.isInteger(j.modelValue.year)) && M("update:modelValue", {
+			...j.modelValue,
+			year: (/* @__PURE__ */ new Date()).getFullYear()
+		}), (i, d) => {
+			let m = g("r-button"), j = g("r-popper");
+			return p(), s("div", null, [u(j, {
+				ref_key: "monthPickerElement",
+				ref: N,
+				position: e.position
+			}, {
+				trigger: y(() => [
+					e.label ? (p(), a(t, {
+						key: 0,
+						for: e.id,
+						required: e.required,
+						optional: e.optional
+					}, {
+						default: y(() => [l(_(e.label), 1)]),
+						_: 1
+					}, 8, [
+						"for",
+						"required",
+						"optional"
+					])) : o("", !0),
+					u(m, {
+						id: e.id,
+						class: "r-month-picker-input",
+						"icon-left": "calendar",
+						"capitalize-first-letter": !1,
+						onClick: L
+					}, {
+						default: y(() => [c("span", b, [e.modelValue ? (p(), s("span", x, _(P.value), 1)) : (p(), s("span", S, _(e.placeholder), 1))])]),
+						_: 1
+					}, 8, ["id"]),
+					e.caption ? (p(), s("span", C, _(e.caption), 1)) : o("", !0)
+				]),
+				content: y(() => [c("div", w, [c("div", T, [c("div", E, [c("div", D, [c("div", O, [
+					u(m, {
+						"aria-label": "decrement button",
+						class: "r-month-picker-year-left",
+						type: "plain",
+						size: "small",
+						icon: "caret-left",
+						disabled: F.value,
+						onClick: d[0] ||= (e) => z(-1)
+					}, null, 8, ["disabled"]),
+					c("div", null, _(e.modelValue && e.modelValue.year), 1),
+					u(m, {
+						"aria-label": "increment button",
+						class: "r-month-picker-year-right",
+						type: "plain",
+						size: "small",
+						icon: "caret-right",
+						disabled: I.value,
+						onClick: d[1] ||= (e) => z(1)
+					}, null, 8, ["disabled"])
+				]), c("div", k, [(p(!0), s(r, null, h(v(n), (e, t) => (p(), s("div", {
+					key: e,
+					role: "button",
+					"aria-label": `${e}-month-button`,
+					class: f([{
+						"r-month-picker-month-disabled": V(t),
+						"r-month-picker-month-selected": B(t)
+					}, "r-month-picker-month"]),
+					onClick: (e) => R(t)
+				}, _(e), 11, A))), 128))])])])])])]),
+				_: 1
+			}, 8, ["position"])]);
+		};
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/r-multistep/r-multistep.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-multistep.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                            */
+//#region src/components/r-multistep/r-multistep.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-multistep/r-multistep.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,66 @@
+import e from "./r-step.vue.mjs";
+import { cloneVNode as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, onMounted as s, openBlock as c, ref as l, resolveDynamicComponent as u, useSlots as d } from "vue";
+//#region src/components/r-multistep/r-multistep.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "r-multistep" }, p = { class: "r-multistep-tabs" }, m = /*@__PURE__*/ o({
+	__name: "r-multistep",
+	props: {
+		current: { default: void 0 },
+		completed: { default: () => [] }
+	},
+	emits: ["update:current", "update:completed"],
+	setup(o, { expose: m, emit: h }) {
+		let g = o, _ = h, v = l(null), y = l([]), b = l(""), x = l([]), S = n({
+			get: () => g.current === void 0 ? b.value : g.current,
+			set: (e) => {
+				b.value = e, _("update:current", e);
+			}
+		}), C = n({
+			get: () => g.completed !== void 0 && g.completed.length > 0 ? g.completed : x.value,
+			set: (e) => {
+				x.value = e, _("update:completed", e);
+			}
+		}), w = d(), T = () => {
+			let n = w.default ? w.default() : [];
+			n = n.filter((t) => t.type === e);
+			let r = [], i = n.map((e) => {
+				let n = e.props?.index;
+				if (r.includes(n)) throw Error(`Duplicate step index found: "${n}". Step indexes must be unique.`);
+				r.push(n);
+				let i = n === (S.value ?? ""), a = C.value.includes(e.props?.index ?? "");
+				return t(e, {
+					active: i,
+					completed: a,
+					teleport: v.value
+				});
+			});
+			return JSON.stringify(y.value) !== JSON.stringify(r) && (y.value = r, (g.current === void 0 || g.current?.trim() === "") && r.length > 0 && (S.value = r[0])), i;
+		};
+		s(() => {
+			(g.current === void 0 || g.current?.trim() === "") && (S.value = y.value[0]);
+		});
+		let E = n(() => C.value.length < y.value.length), D = n(() => y.value.indexOf(S.value) !== 0);
+		function O(e) {
+			if (!E.value) return;
+			let t = y.value.indexOf(S.value), n = y.value[t + 1];
+			C.value = [...C.value, S.value], S.value = n ?? "", e && e();
+		}
+		function k(e) {
+			if (!D.value) return;
+			let t = C.value[C.value.length - 1];
+			t && (C.value = C.value.slice(0, -1), S.value = t ?? "", e && e());
+		}
+		return m({
+			steps: y,
+			hasNextStep: E,
+			hasPrevStep: D,
+			nextStep: O,
+			prevStep: k
+		}), (e, t) => (c(), i("div", f, [a("div", p, [(c(), r(u(T)))]), a("div", {
+			ref_key: "content",
+			ref: v,
+			class: "r-multistep-content"
+		}, null, 512)]));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/r-multistep/r-step.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-step.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                       */
+//#region src/components/r-multistep/r-step.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-multistep/r-step.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,30 @@
+import e from "../r-icon/r-icon.vue.mjs";
+import { unKebabCase as t } from "../../common/helpers/un-kebab-case.mjs";
+import { Teleport as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/r-multistep/r-step.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "r-step-title" }, g = { class: "r-step-title-text" }, _ = { class: "r-step-icon" }, v = /*@__PURE__*/ l({
+	__name: "r-step",
+	props: {
+		index: {},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		completed: {
+			type: Boolean,
+			default: !1
+		},
+		teleport: { default: null }
+	},
+	setup(l) {
+		return (v, y) => (d(), a("div", { class: u(["r-step", {
+			"is-active": l.active,
+			"is-completed": l.completed
+		}]) }, [o("div", h, [o("span", g, [o("span", _, [c(e, { icon: "check-s" })]), f(v.$slots, "title", {}, () => [s(p(m(t)(l.index)), 1)])]), y[0] ||= o("div", { class: "r-step-indicator" }, null, -1)]), l.active && l.teleport ? (d(), r(n, {
+			key: 0,
+			to: l.teleport
+		}, [f(v.$slots, "content")], 8, ["to"])) : i("", !0)], 2));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/r-pagination/r-pagination.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./r-pagination.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/r-pagination/r-pagination.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-pagination/r-pagination.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,61 @@
+import e from "../r-pagination-control/r-pagination-control.vue.mjs";
+import { computed as t, createElementBlock as n, createVNode as r, defineComponent as i, onMounted as a, openBlock as o, provide as s, renderSlot as c } from "vue";
+//#region src/components/r-pagination/r-pagination.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ i({
+	__name: "r-pagination",
+	props: {
+		provider: {},
+		total: {},
+		limit: {},
+		totalVisible: { default: 99999 },
+		modelValue: { default: 1 }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: l }) {
+		let u = i, d = l, f = t(() => {
+			let e = Math.ceil(u.total / u.limit);
+			return (e < 0 || e === Infinity) && (e = 0), e;
+		}), p = t(() => {
+			let e = {}, t = (t) => {
+				e[t] = {
+					content: t + 1,
+					selected: t === u.modelValue - 1
+				};
+			};
+			if (f.value <= u.totalVisible) for (let e = 0; e < f.value; e += 1) t(e);
+			else {
+				let n = Math.floor(u.totalVisible / 2), r = (t) => {
+					e[t] = { breakView: !0 };
+				}, i = 0;
+				u.modelValue - n > 0 && (i = u.modelValue - 1 - n);
+				let a = i + u.totalVisible - 1;
+				a >= f.value && (a = f.value - 1, i = a - u.totalVisible + 1);
+				for (let e = i; e <= a && e <= f.value - 1; e += 1) t(e);
+				u.totalVisible > 0 && (i > 0 && r(i - 1), a + 1 < f.value && r(a + 1));
+				for (let e = f.value - 1; e >= f.value; --e) t(e);
+			}
+			return e;
+		}), m = t(() => u.limit < u.total), h = t(() => u.modelValue + 1 <= f.value), g = t(() => u.modelValue - 1 >= 1), _ = t(() => ({
+			hasPagination: m.value,
+			provider: () => u.provider(u.modelValue),
+			offset: u.modelValue,
+			items: p.value
+		}));
+		function v() {
+			let e = u.modelValue + 1;
+			b(e > f.value ? f.value : e);
+		}
+		function y() {
+			let e = u.modelValue - 1;
+			b(e < 1 ? 1 : e);
+		}
+		function b(e) {
+			d("update:modelValue", e), u.provider(e);
+		}
+		return a(() => {
+			u.provider(u.modelValue);
+		}), s("paginationNavigate", b), s("paginationNext", v), s("paginationPrevious", y), s("paginationOffset", () => u.modelValue), s("paginationTotal", () => u.total), s("paginationLimit", () => u.limit), s("paginationItems", () => p.value), s("paginationHasNext", () => h.value), s("paginationHasPrevious", () => g.value), (t, i) => (o(), n("div", null, [c(t.$slots, "pagination", { pagination: _.value }, () => [r(e, { pagination: _.value }, null, 8, ["pagination"])])]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/r-pagination-control/r-pagination-control.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-pagination-control.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                                     */
+//#region src/components/r-pagination-control/r-pagination-control.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-pagination-control/r-pagination-control.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,69 @@
+import e from "../r-icon/r-icon.vue.mjs";
+import t from "../r-button/r-button.vue.mjs";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, withCtx as g } from "vue";
+//#region src/components/r-pagination-control/r-pagination-control.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "r-pagination-control" }, v = { class: "r-pagination-control-buttons-wrapper" }, y = /*@__PURE__*/ l({
+	__name: "r-pagination-control",
+	setup(l) {
+		let y = u("paginationNavigate"), b = u("paginationNext"), x = u("paginationPrevious"), S = u("paginationOffset"), C = u("paginationTotal"), w = u("paginationLimit"), T = u("paginationItems"), E = u("paginationHasNext"), D = u("paginationHasPrevious"), O = r(() => {
+			if (S) return S();
+			console.warn("'paginationOffset' has not been provided");
+		}), k = r(() => {
+			if (C) return C();
+			console.warn("'paginationTotal' has not been provided");
+		}), A = r(() => {
+			if (w) return w();
+			console.warn("'paginationLimit' has not been provided");
+		}), j = r(() => {
+			if (E) return E();
+			console.warn("'paginationHasNext' has not been provided");
+		}), M = r(() => {
+			if (D) return D();
+			console.warn("'paginationHasPrevious' has not been provided");
+		}), N = r(() => T ? T() : (console.warn("'paginationItems' has not been provided"), [])), P = r(() => ({
+			modelValue: y,
+			next: b,
+			previous: x,
+			offset: O.value,
+			total: k.value,
+			limit: A.value,
+			items: N.value,
+			hasNext: j.value,
+			hasPrevious: M.value
+		}));
+		function F(e) {
+			P.value.modelValue ? e.content && P.value.modelValue(e.content) : console.warn("'paginationNavigate' has not been provided");
+		}
+		return (r, l) => (f(), a("div", null, [m(r.$slots, "override", { override: P.value }, () => [o("div", _, [o("div", v, [
+			c(t, {
+				class: "r-pagination-control-button",
+				disabled: !P.value.hasPrevious,
+				onClick: P.value.previous
+			}, {
+				default: g(() => [c(e, { icon: "arrow-left" }), l[0] ||= s(" Prev ", -1)]),
+				_: 1
+			}, 8, ["disabled", "onClick"]),
+			(f(!0), a(n, null, p(P.value.items, (e, r) => (f(), a(n, null, [e.breakView ? (f(), a("span", {
+				key: `r-pagination-control-button-break-view-${r}`,
+				class: "r-pagination-control-button"
+			}, " ... ")) : (f(), i(t, {
+				key: `r-pagination-control-button-${r}`,
+				class: d(["r-pagination-control-button", { "r-button-type-primary": e.selected }]),
+				onClick: (t) => F(e)
+			}, {
+				default: g(() => [s(h(e.content), 1)]),
+				_: 2
+			}, 1032, ["class", "onClick"]))], 64))), 256)),
+			c(t, {
+				class: "r-pagination-control-button",
+				disabled: !P.value.hasNext,
+				onClick: P.value.next
+			}, {
+				default: g(() => [l[1] ||= s(" Next ", -1), c(e, { icon: "arrow-right" })]),
+				_: 1
+			}, 8, ["disabled", "onClick"])
+		])])])]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/r-popper/r-popper.vue.mjs

@@ -0,0 +1,6 @@
+import e from "./r-popper.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                         */
+//#region src/components/r-popper/r-popper.vue
+var t = e;
+//#endregion
+export { t as default };