@rebilly/revel 13.6.1 → 13.6.3

package/dist/components/r-icon/r-icon-sprites.mjs

@@ -0,0 +1,170 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.mjs";
+import { RIconSprites20 as t } from "./r-icon-sprites-20.mjs";
+import { RIconSprites16 as n } from "./r-icon-sprites-16.mjs";
+import { RIconSprites24 as r } from "./r-icon-sprites-24.mjs";
+import { RIconSprites32 as i } from "./r-icon-sprites-32.mjs";
+//#region src/components/r-icon/r-icon-sprites.ts
+var a = /* @__PURE__ */ e({
+	RIconColors: () => s,
+	RIconNames: () => o,
+	RIconSprites: () => c,
+	RIconSpritesAppend: () => l
+}), o = {
+	fingerprint: "fingerprint",
+	dashboard: "dashboard",
+	automations: "automations",
+	customer: "customer",
+	orders: "orders",
+	transactions: "transactions",
+	guides: "guides",
+	settings: "settings",
+	alerts: "alerts",
+	stream: "stream",
+	search: "search",
+	filter: "filter",
+	"collapse-segments": "collapse-segments",
+	"resize-columns": "resize-columns",
+	segments: "segments",
+	lock: "lock",
+	"caret-up": "caret-up",
+	"caret-down": "caret-down",
+	"caret-left": "caret-left",
+	"caret-right": "caret-right",
+	"arrow-up": "arrow-up",
+	"arrow-down": "arrow-down",
+	"arrow-left": "arrow-left",
+	"arrow-right": "arrow-right",
+	"arrow-up-l": "arrow-up-l",
+	"arrow-down-l": "arrow-down-l",
+	"arrow-left-l": "arrow-left-l",
+	"arrow-right-l": "arrow-right-l",
+	close: "close",
+	"close-s": "close-s",
+	logout: "logout",
+	actions: "actions",
+	circle: "circle",
+	eye: "eye",
+	"eye-closed": "eye-closed",
+	burger: "burger",
+	help: "help",
+	info: "info",
+	"dash-l": "dash-l",
+	company: "company",
+	website: "website",
+	email: "email",
+	"external-link": "external-link",
+	trash: "trash",
+	bank: "bank",
+	"map-marker": "map-marker",
+	"credit-card": "credit-card",
+	checkout: "checkout",
+	"check-s": "check-s",
+	"custom-fields": "custom-fields",
+	calendar: "calendar",
+	columns: "columns",
+	blocklist: "blocklist",
+	webhooks: "webhooks",
+	"sticky-note": "sticky-note",
+	clip: "clip",
+	loading: "loading",
+	product: "product",
+	"api-key": "api-key",
+	coupon: "coupon",
+	average: "average",
+	payments: "payments",
+	tag: "tag",
+	clone: "clone",
+	copy: "copy",
+	edit: "edit",
+	"edit-s": "edit-s",
+	stop: "stop",
+	unlock: "unlock",
+	event: "event",
+	invoices: "invoices",
+	rules: "rules",
+	users: "users",
+	sharp: "sharp",
+	at: "at",
+	file: "file",
+	download: "download",
+	export: "export",
+	"data-exports": "data-exports",
+	shipping: "shipping",
+	plus: "plus",
+	drag: "drag",
+	reset: "reset",
+	"drag-move": "drag-move",
+	world: "world",
+	integrations: "integrations",
+	id: "id",
+	phone: "phone",
+	batch: "batch",
+	merge: "merge",
+	placeholder: "placeholder",
+	"caret-double-left": "caret-double-left",
+	"caret-double-right": "caret-double-right",
+	heart: "heart",
+	"checkbox-checkmark": "checkbox-checkmark",
+	"radio-checkmark": "radio-checkmark",
+	star: "star",
+	"star-empty": "star-empty",
+	"report-match": "report-match",
+	emulate: "emulate",
+	"billing-portal": "billing-portal",
+	"app-store": "app-store",
+	kyc: "kyc",
+	cake: "cake",
+	briefcase: "briefcase",
+	"tag-untag": "tag-untag",
+	"risk-score": "risk-score",
+	list: "list",
+	notifications: "notifications",
+	"one-column": "one-column",
+	"two-columns": "two-columns",
+	meter: "meter",
+	reports: "reports",
+	allowlists: "allowlists",
+	"collapse-layout": "collapse-layout",
+	"rebilly-icon": "rebilly-icon",
+	sun: "sun",
+	moon: "moon",
+	upload: "upload",
+	camera: "camera",
+	casino: "casino",
+	slot: "slot",
+	"casino-chip": "casino-chip",
+	"bet-rules": "bet-rules",
+	games: "games",
+	dice: "dice",
+	trophy: "trophy",
+	"data-tables": "data-tables",
+	comments: "comments",
+	expand: "expand",
+	reduce: "reduce",
+	link: "link",
+	warning: "warning",
+	gift: "gift"
+}, s = {
+	default: "default",
+	"on-surface": "on-surface",
+	"on-color": "on-color",
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	danger: "danger",
+	info: "info"
+}, c = `
+    <!-- SVG Sprite -->
+    ${t(o)}
+    ${n(o)}
+    ${r(o)}
+    ${i(o)}
+`;
+function l(e = document.body) {
+	let t = e ?? document.body;
+	t.querySelector("[data-revel=\"icon-sprite-sheet\"]")?.remove();
+	let n = document.createElement("div");
+	n.setAttribute("data-revel", "icon-sprite-sheet"), n.style.display = "none", n.innerHTML = c, t.appendChild(n);
+}
+//#endregion
+export { s as RIconColors, o as RIconNames, c as RIconSprites, l as RIconSpritesAppend, a as r_icon_sprites_exports };

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

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

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

@@ -0,0 +1,34 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a } from "vue";
+//#region src/components/r-icon/r-icon.vue?vue&type=script&setup=true&lang.ts
+var o = ["data-testid"], s = ["xlink:href"], c = /*@__PURE__*/ r({
+	__name: "r-icon",
+	props: {
+		icon: {},
+		color: { default: "default" },
+		stopPropagation: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "20" }
+	},
+	emits: ["click"],
+	setup(r, { emit: c }) {
+		let l = r, u = c, d = e(() => `#icon-${l.size}-${l.icon}`), f = e(() => ({
+			[`r-icon-${l.color}`]: !!l.color,
+			[`r-icon-${l.size}`]: !0
+		}));
+		function p(e) {
+			l.stopPropagation && e.stopPropagation(), u("click", e);
+		}
+		return (e, c) => (a(), t("svg", {
+			class: i(["r-icon", f.value]),
+			"data-testid": `icon-${r.icon}`,
+			onClick: p
+		}, [n("use", {
+			"xlink:href": d.value,
+			"xmlns:xlink": "http://www.w3.org/1999/xlink"
+		}, null, 8, s)], 10, o));
+	}
+});
+//#endregion
+export { c as default };

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

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

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

@@ -0,0 +1,42 @@
+import { RLazyDirective as e } from "../../directives/r-lazy.mjs";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, openBlock as o, ref as s, renderSlot as c, unref as l, vShow as u, withDirectives as d } from "vue";
+//#region src/components/r-img/r-img.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "r-img-loading-spinner" }, p = /*@__PURE__*/ i({
+	__name: "r-img",
+	props: {
+		src: {},
+		alt: { default: "Image" },
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: "" },
+		height: { default: "" }
+	},
+	emits: ["onload", "onerror"],
+	setup(i, { emit: p }) {
+		let m = p, h = i, g = t(() => ({
+			height: h.height,
+			width: h.width
+		})), _ = t(() => {
+			let e = {
+				height: h.height,
+				width: h.width,
+				alt: h.alt
+			};
+			return h.lazy ? e["data-url"] = h.src : e.src = h.src, e;
+		}), v = s(!0);
+		function y() {
+			v.value = !1, m("onload");
+		}
+		function b() {
+			v.value = !1, m("onerror");
+		}
+		return (t, s) => (o(), n("figure", a({ class: "r-component r-img" }, g.value, { role: "img" }), [d(r("img", a({ class: "r-img-image" }, _.value, {
+			onLoad: y,
+			onError: b
+		}), null, 16), [[l(e), i.lazy]]), c(t.$slots, "loading", {}, () => [d(r("div", f, null, 512), [[u, v.value]])])], 16));
+	}
+});
+//#endregion
+export { p as default };

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

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

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

@@ -0,0 +1,351 @@
+import e from "../r-icon/r-icon.vue.mjs";
+import { nanoid as t } from "../../vendor/nanoid/non-secure/index.mjs";
+import { useValidate as n } from "../../composables/use-validate.mjs";
+import r from "../r-input-errors/r-input-errors.vue.mjs";
+import i from "../r-field-label/r-field-label.vue.mjs";
+import a from "../r-field-group/r-field-group.vue.mjs";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeProps as h, nextTick as g, normalizeClass as _, onMounted as v, openBlock as y, ref as b, renderSlot as ee, toDisplayString as x, toHandlers as S, unref as te, useSlots as ne, withCtx as C, withKeys as w, withModifiers as T } from "vue";
+//#region src/components/r-input/r-input.vue?vue&type=script&setup=true&lang.ts
+var re = [
+	"id",
+	"value",
+	"type",
+	"name",
+	"maxlength",
+	"autocomplete"
+], ie = [
+	"id",
+	"value",
+	"maxlength",
+	"rows",
+	"name",
+	"onKeydown"
+], E = [
+	"id",
+	"value",
+	"maxlength",
+	"rows",
+	"name"
+], D = {
+	key: 0,
+	class: "r-field-addon r-flex-none r-text-muted"
+}, O = [
+	"id",
+	"value",
+	"type",
+	"name",
+	"maxlength",
+	"autocomplete"
+], ae = {
+	key: 1,
+	class: "r-field-addon r-flex-none r-text-muted"
+}, oe = {
+	key: 3,
+	class: "r-field-caption"
+}, se = ["innerHTML"], ce = { key: 1 }, k = /*@__PURE__*/ m({
+	inheritAttrs: !1,
+	__name: "r-input",
+	props: {
+		label: { default: null },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: { default: null },
+		validate: { default: null },
+		showValidateMessages: {
+			type: Boolean,
+			default: !1
+		},
+		helpText: { default: null },
+		multiline: {
+			type: Boolean,
+			default: !1
+		},
+		submitOnEnter: {
+			type: Boolean,
+			default: !1
+		},
+		inputEvents: { default: () => ({}) },
+		leftIcon: { default: null },
+		leftIconClickPointer: {
+			type: Boolean,
+			default: !1
+		},
+		rightIcon: { default: null },
+		rightIconClickPointer: {
+			type: Boolean,
+			default: !1
+		},
+		leftIconSpinning: {
+			type: Boolean,
+			default: !1
+		},
+		rightIconSpinning: {
+			type: Boolean,
+			default: !1
+		},
+		leftLabel: { default: null },
+		rightLabel: { default: null },
+		password: {
+			type: Boolean,
+			default: !1
+		},
+		numeric: {
+			type: Boolean,
+			default: !1
+		},
+		integer: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: () => t() },
+		rows: { default: "1" },
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		},
+		autoHighlight: {
+			type: Boolean,
+			default: !1
+		},
+		autoHighlightOnFocus: {
+			type: Boolean,
+			default: !1
+		},
+		maxLength: { default: void 0 },
+		autoResize: {
+			type: Boolean,
+			default: !1
+		},
+		autoComplete: { default: "" },
+		onPaste: { default: null }
+	},
+	emits: [
+		"focus",
+		"click",
+		"blur",
+		"key-press",
+		"key-down",
+		"key-submit",
+		"update:modelValue",
+		"left-icon-click",
+		"right-icon-click"
+	],
+	setup(t, { expose: m, emit: k }) {
+		let A = t, j = k, M = ne(), N = b(null), P = b(null), { isInvalid: F } = n(() => A.validate), I = b(!1), L = s(() => !A.multiline && (A.leftIcon || A.rightIcon || A.leftLabel || A.rightLabel || A.password || M["right-button"])), R = s(() => {
+			let e = {};
+			return A.leftIcon && (e["r-has-icon-left"] = !0), (A.rightIcon || A.password) && (e["r-has-icon-right"] = !0), e;
+		}), z = s(() => A.password ? "password" : A.numeric ? "number" : "text"), B = s(() => A.autoComplete || `new-${A.name}`), V = s(() => `(${(A.modelValue ? Number(A.maxLength) - String(A.modelValue).length : Number(A.maxLength)).toLocaleString("en-US")} characters left)`);
+		function H(e) {
+			A.autoResize && N.value && Z(N.value);
+			let t = e.target.value;
+			j("update:modelValue", t);
+		}
+		function U(e) {
+			j("update:modelValue", e.target.value);
+		}
+		function W() {
+			j("key-submit");
+		}
+		function G(e) {
+			j("key-press", e);
+		}
+		function K(e) {
+			de(e), j("key-down", e);
+		}
+		function q() {
+			let e = P.value || N.value;
+			e && e.focus();
+		}
+		function le() {
+			let e = P.value || N.value;
+			e && e.blur(), j("blur");
+		}
+		function J() {
+			A.autoHighlightOnFocus && Q(), j("focus");
+		}
+		function Y() {
+			j("click");
+		}
+		function X(e) {
+			let t = e.target;
+			t.type === "number" && document.activeElement === t && t.blur();
+		}
+		function Z(e) {
+			e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+		}
+		function ue() {
+			P.value && (P.value.type = P.value.type === "password" ? "text" : "password", I.value = !I.value);
+		}
+		function Q() {
+			g(() => {
+				P.value?.select();
+			});
+		}
+		function de(e) {
+			if (!(!A.integer || e.key.length > 1 || e.ctrlKey || e.metaKey || e.altKey)) {
+				if (e.key === "-") {
+					let t = e.target, n = t.selectionStart === 0 && t.selectionEnd === t.value.length;
+					if (t.selectionStart === 0 && (!t.value.includes("-") || n)) return;
+					e.preventDefault();
+				} else if (/^\d$/.test(e.key) || e.preventDefault(), /^\d$/.test(e.key)) {
+					let t = e.target;
+					t.selectionStart === 0 && t.value.startsWith("-") && e.preventDefault();
+				}
+			}
+		}
+		function fe(e) {
+			if (!A.integer) return;
+			let t = e.clipboardData?.getData("text") ?? "";
+			/^-?\d+$/.test(t) || e.preventDefault();
+		}
+		function $(e) {
+			fe(e), A.onPaste?.(e);
+		}
+		return m({
+			focus: J,
+			blur: le,
+			highlight: Q,
+			getFocus: q
+		}), v(() => {
+			A.autoFocus && q(), A.autoHighlight && Q(), A.autoResize && N.value && Z(N.value);
+		}), (n, s) => (y(), u("div", { class: _(["r-field", { "r-is-error": te(F) }]) }, [
+			t.label ? (y(), c(i, {
+				key: 0,
+				for: t.name,
+				required: t.required,
+				optional: t.optional
+			}, {
+				default: C(() => [f(x(t.label), 1)]),
+				_: 1
+			}, 8, [
+				"for",
+				"required",
+				"optional"
+			])) : l("", !0),
+			L.value ? l("", !0) : (y(), u(o, { key: 1 }, [t.multiline ? t.multiline && t.submitOnEnter ? (y(), u("textarea", h({
+				key: 1,
+				id: t.name,
+				ref_key: "textAreaElement",
+				ref: N,
+				value: t.modelValue?.toString(),
+				class: "r-field-input",
+				maxlength: t.maxLength,
+				rows: t.rows,
+				name: t.name
+			}, n.$attrs, {
+				onInput: H,
+				onKeydown: [w(T(W, ["exact", "prevent"]), ["enter"]), K],
+				onKeyup: G,
+				onPaste: $
+			}, S(t.inputEvents, !0)), "      ", 16, ie)) : t.multiline && !t.submitOnEnter ? (y(), u("textarea", h({
+				key: 2,
+				id: t.name,
+				ref_key: "textAreaElement",
+				ref: N,
+				value: t.modelValue?.toString(),
+				class: "r-field-input",
+				maxlength: t.maxLength,
+				rows: t.rows,
+				name: t.name
+			}, n.$attrs, {
+				onInput: H,
+				onKeydown: [w(W, ["enter"]), K],
+				onKeyup: G,
+				onPaste: $
+			}), null, 16, E)) : l("", !0) : (y(), u("input", h({
+				key: 0,
+				id: t.name,
+				ref_key: "inputElement",
+				ref: P,
+				value: t.modelValue,
+				class: "r-field-input",
+				type: z.value,
+				name: t.name,
+				maxlength: t.maxLength,
+				autocomplete: B.value
+			}, n.$attrs, {
+				onInput: H,
+				onKeyup: [w(W, ["enter"]), G],
+				onKeydown: K,
+				onFocus: J,
+				onBlur: s[0] ||= (e) => j("blur"),
+				onClick: Y,
+				onPaste: $,
+				onWheelPassive: X
+			}, S(t.inputEvents, !0)), null, 16, re))], 64)),
+			L.value ? (y(), c(a, { key: 2 }, {
+				default: C(() => [
+					t.leftLabel ? (y(), u("div", D, x(t.leftLabel), 1)) : l("", !0),
+					d("div", { class: _(["r-field-control", R.value]) }, [
+						t.leftIcon ? (y(), c(e, {
+							key: 0,
+							icon: t.leftIcon,
+							class: _({
+								"r-cursor-pointer": t.leftIconClickPointer,
+								"r-is-spinning": t.leftIconSpinning
+							}),
+							onClick: s[1] ||= (e) => j("left-icon-click")
+						}, null, 8, ["icon", "class"])) : l("", !0),
+						d("input", h({
+							id: t.name,
+							ref_key: "inputElement",
+							ref: P,
+							class: "r-field-input",
+							value: t.modelValue,
+							type: z.value,
+							name: t.name,
+							maxlength: t.maxLength,
+							autocomplete: B.value
+						}, n.$attrs, {
+							onInput: U,
+							onKeyup: [w(W, ["enter"]), G],
+							onKeydown: K,
+							onFocus: J,
+							onBlur: s[2] ||= (e) => j("blur"),
+							onClick: Y,
+							onPaste: $,
+							onWheelPassive: X
+						}, S(t.inputEvents, !0)), null, 16, O),
+						t.password ? (y(), c(e, {
+							key: 1,
+							icon: I.value ? "eye-closed" : "eye",
+							class: "r-cursor-pointer",
+							onClick: ue
+						}, null, 8, ["icon"])) : t.rightIcon ? (y(), c(e, {
+							key: 2,
+							icon: t.rightIcon,
+							class: _({
+								"r-cursor-pointer": t.rightIconClickPointer,
+								"r-is-spinning": t.rightIconSpinning
+							}),
+							onClick: s[3] ||= (e) => j("right-icon-click", e)
+						}, null, 8, ["icon", "class"])) : l("", !0)
+					], 2),
+					ee(n.$slots, "right-button"),
+					t.rightLabel ? (y(), u("div", ae, x(t.rightLabel), 1)) : l("", !0)
+				]),
+				_: 3
+			})) : l("", !0),
+			t.helpText || t.maxLength ? (y(), u("p", oe, [
+				t.helpText ? (y(), u("span", {
+					key: 0,
+					innerHTML: t.helpText
+				}, null, 8, se)) : l("", !0),
+				s[4] ||= f(" " + x(" ") + " ", -1),
+				t.maxLength ? (y(), u("span", ce, x(V.value), 1)) : l("", !0)
+			])) : l("", !0),
+			p(r, {
+				validate: t.validate,
+				"show-validate-messages": t.showValidateMessages
+			}, null, 8, ["validate", "show-validate-messages"])
+		], 2));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/r-input-errors/r-input-errors.vue.mjs

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

package/dist/components/r-input-errors/r-input-errors.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,22 @@
+import { useValidate as e } from "../../composables/use-validate.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, openBlock as a, renderList as o, toDisplayString as s, unref as c } from "vue";
+//#region src/components/r-input-errors/r-input-errors.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ i({
+	__name: "r-input-errors",
+	props: {
+		validate: { default: null },
+		showValidateMessages: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		let l = i, { validateErrorMessages: u, isInvalid: d } = e(() => l.validate);
+		return (e, l) => c(d) && i.showValidateMessages ? (a(!0), r(t, { key: 0 }, o(c(u), (e, t) => (a(), r("span", {
+			key: t,
+			class: "r-field-caption-error"
+		}, s(e), 1))), 128)) : n("", !0);
+	}
+});
+//#endregion
+export { l as default };

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

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