@rebilly/revel 13.6.1 → 13.6.3

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

@@ -0,0 +1,252 @@
+import { RClickOutsideDirective as e } from "../../directives/r-click-outside/r-click-outside.mjs";
+import { throttle as t } from "../../vendor/es-toolkit/dist/function/throttle.mjs";
+import { isMobile as n } from "../../common/helpers/is-mobile.mjs";
+import { nanoid as r } from "../../vendor/nanoid/non-secure/index.mjs";
+import { Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, reactive as g, ref as _, renderSlot as v, unref as y, watch as b, withCtx as x, withDirectives as S, withKeys as C } from "vue";
+//#region src/components/r-popper/r-popper.vue?vue&type=script&setup=true&lang.ts
+var w = {
+	key: 0,
+	class: "r-popper-transition-content"
+}, T = /*@__PURE__*/ u({
+	__name: "r-popper",
+	props: {
+		state: { default: null },
+		escToHide: {
+			type: Boolean,
+			default: !0
+		},
+		autoHide: {
+			type: Boolean,
+			default: !0
+		},
+		globalAutoHide: {
+			type: Boolean,
+			default: !0
+		},
+		closeFunction: { default: null },
+		openOnMount: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		fluid: {
+			type: Boolean,
+			default: !1
+		},
+		offset: { default: 4 },
+		margin: { default: () => [
+			0,
+			0,
+			0,
+			0
+		] },
+		direction: { default: "horizontal" },
+		position: { default: "bottomStart" },
+		slideFrom: { default: "top" },
+		duration: { default: .15 },
+		strategy: { default: "absolute" }
+	},
+	emits: [
+		"setActivePopper",
+		"toggle",
+		"toggle-on",
+		"toggle-off"
+	],
+	setup(u, { expose: T, emit: E }) {
+		let D = u, O = g({
+			id: r(),
+			hideTimer: null,
+			hideDelayMs: 200,
+			isPopperVisible: !1,
+			activePopper: null
+		}), k = _(null), A = _(null), j = {
+			horizontal: {
+				bottomStart: [
+					1,
+					0,
+					0,
+					0
+				],
+				bottomEnd: [
+					1,
+					0,
+					1,
+					-1
+				],
+				topStart: [
+					0,
+					-1,
+					0,
+					0
+				],
+				topEnd: [
+					0,
+					-1,
+					1,
+					-1
+				]
+			},
+			vertical: {
+				bottomStart: [
+					1,
+					-1,
+					0,
+					-1
+				],
+				bottomEnd: [
+					1,
+					-1,
+					1,
+					0
+				],
+				topStart: [
+					0,
+					0,
+					0,
+					-1
+				],
+				topEnd: [
+					0,
+					0,
+					1,
+					0
+				]
+			}
+		}, M = E, N = a(() => k.value), P = a(() => A.value), F = a(() => D.duration * 1e3);
+		function I() {
+			if (P.value == null) return null;
+			let e = P.value.firstElementChild;
+			if (!(e instanceof HTMLElement)) return null;
+			if (e.classList.contains("r-popper-transition-content")) {
+				let t = e.firstElementChild;
+				return t instanceof HTMLElement ? t : null;
+			}
+			return e;
+		}
+		function L() {
+			let e = N.value?.firstElementChild;
+			return e instanceof HTMLElement ? e : null;
+		}
+		let R = a(() => ({
+			isVisible: O.isPopperVisible,
+			open: Z,
+			close: X,
+			toggle: Y
+		}));
+		T({
+			popper: R,
+			openPopper: Z
+		});
+		function z(e) {
+			O.activePopper = e, M("setActivePopper", e);
+		}
+		async function B(e) {
+			if (D.disabled) return;
+			O.isPopperVisible = e, await d();
+			let t = I();
+			t && (t.style.transitionDuration = `${D.duration}s`, W()), M("toggle", e !== O.isPopperVisible), M(e ? "toggle-on" : "toggle-off");
+		}
+		function V() {
+			if (N.value == null || P.value == null || !O.isPopperVisible) return;
+			let e = L();
+			if (e == null) return;
+			let t = e.getBoundingClientRect(), r = N.value.getBoundingClientRect(), i = I();
+			if (i == null) return;
+			let a = i.getBoundingClientRect(), o = D.margin, s = j[D.direction][D.position], c = t.top - r.top + a.height * s[1] + t.height * s[0], l = t.left - r.left + a.width * s[3] + t.width * s[2];
+			return c -= o[2] * s[0], c -= o[0] * s[1], l += o[3], ["bottomEnd", "topEnd"].includes(D.position) && (l -= o[1] * 2), D.direction === "horizontal" ? c += D.offset : l += D.offset, {
+				top: c,
+				left: n.value ? 0 : l
+			};
+		}
+		function H() {
+			if (N.value == null || P.value == null || !O.isPopperVisible) return;
+			let e = L();
+			if (e == null) return;
+			let t = e.getBoundingClientRect(), r = I();
+			if (r == null) return;
+			let i = r.getBoundingClientRect(), a = D.margin, o = j[D.direction][D.position], s = t.top + i.height * o[1] + t.height * o[0], c = t.left + i.width * o[3] + t.width * o[2];
+			return s -= a[2] * o[0], s -= a[0] * o[1], c += a[3], ["bottomEnd", "topEnd"].includes(D.position) && (c -= a[1] * 2), D.direction === "horizontal" ? s += D.offset : c += D.offset, {
+				top: s,
+				left: n.value ? 0 : c
+			};
+		}
+		function U() {
+			return D.strategy === "fixed" ? H() : V();
+		}
+		function W() {
+			let e = U();
+			if (e == null || P.value == null) return;
+			let t = I();
+			if (t) {
+				let n = window.getComputedStyle(t);
+				n.position !== "absolute" && n.position !== "fixed" && (t.style.position = D.strategy), t.style.top = `${e.top}px`, t.style.left = `${e.left}px`;
+			}
+		}
+		let G = t(W, D.strategy === "fixed" ? 16 : 100);
+		function K() {
+			D.autoHide && O.isPopperVisible && X();
+		}
+		function q() {
+			D.globalAutoHide && O.isPopperVisible && X();
+		}
+		function J() {
+			D.escToHide && X();
+		}
+		function Y(e) {
+			typeof e?.delay == "number" ? setTimeout(() => {
+				B(!O.isPopperVisible);
+			}, e.delay) : B(!O.isPopperVisible);
+		}
+		async function X(e) {
+			D.closeFunction !== null && await D.closeFunction(), typeof e?.delay == "number" ? setTimeout(() => {
+				B(!1);
+			}, e.delay) : B(!1);
+		}
+		function Z(e) {
+			typeof e?.delay == "number" ? setTimeout(() => {
+				B(!0), z(O.id);
+			}, e.delay) : (B(!0), z(O.id));
+		}
+		function Q() {
+			window.addEventListener("resize", G), window.addEventListener("scroll", G, !0);
+		}
+		function $() {
+			window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
+		}
+		function ee() {
+			D.openOnMount && Z(), Q();
+		}
+		return m(ee), p(() => {
+			O.hideTimer && clearInterval(O.hideTimer), O.activePopper === O.id && z(null), $();
+		}), b(() => D.state, (e) => {
+			e !== null && B(e);
+		}, { immediate: !0 }), b(() => O.activePopper, (e) => {
+			e !== null && e !== O.id && D.globalAutoHide && q();
+		}, { immediate: !0 }), (t, n) => S((h(), s("div", {
+			ref_key: "popperElement",
+			ref: k,
+			class: f(["r-popper", {
+				"r-popper-fluid": u.fluid,
+				"r-popover-fixed": u.strategy === "fixed",
+				"r-popover-absolute": u.strategy === "absolute"
+			}]),
+			onKeydown: C(J, ["esc"])
+		}, [v(t.$slots, "trigger", { popper: R.value }), c("div", {
+			ref_key: "popperContentElement",
+			ref: A,
+			class: "r-popper-content-wrapper",
+			"data-testid": "popper-content"
+		}, [l(i, {
+			name: u.slideFrom,
+			duration: F.value
+		}, {
+			default: x(() => [O.isPopperVisible ? (h(), s("div", w, [v(t.$slots, "content", { popper: R.value })])) : o("", !0)]),
+			_: 3
+		}, 8, ["name", "duration"])], 512)], 34)), [[y(e), K]]);
+	}
+});
+//#endregion
+export { T as default };

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

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

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

@@ -0,0 +1,66 @@
+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 { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m } from "vue";
+//#region src/components/r-radio/r-radio.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-checked"], g = ["for"], _ = [
+	"id",
+	"checked",
+	"name",
+	"disabled",
+	"value"
+], v = { class: "r-field-radio-style" }, y = {
+	key: 0,
+	class: "r-field-caption r-field-caption-toggle",
+	"data-testid": "caption"
+}, b = /*@__PURE__*/ u({
+	__name: "r-radio",
+	props: {
+		label: { default: "" },
+		id: { default: () => t() },
+		name: { default: () => t() },
+		caption: { default: "" },
+		value: { type: [
+			String,
+			Number,
+			Boolean,
+			Array
+		] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		validate: { default: null },
+		modelValue: { default: null }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: u }) {
+		let b = t, x = u, { isInvalid: S } = n(() => b.validate), C = i(() => ({ "r-is-error": S.value })), w = i(() => ({
+			"r-is-disabled": b.disabled,
+			"r-is-checked": T.value
+		})), T = i(() => b.value !== null && b.modelValue === b.value);
+		return (n, i) => (f(), o("div", {
+			class: d(["r-field", C.value]),
+			"aria-checked": T.value
+		}, [
+			s("label", {
+				class: d(["r-field-label r-field-label-toggle", w.value]),
+				for: t.id
+			}, [t.label ? (f(), o(r, { key: 0 }, [c(m(t.label), 1)], 64)) : p(n.$slots, "label", {}, void 0, void 0, 1)], 10, g),
+			s("input", {
+				id: t.id,
+				type: "radio",
+				class: "r-field-radio",
+				checked: T.value,
+				name: t.name,
+				disabled: t.disabled,
+				value: t.modelValue,
+				onChange: i[0] ||= (e) => x("update:modelValue", t.value)
+			}, null, 40, _),
+			s("span", v, [l(e, { icon: "radio-checkmark" })]),
+			t.caption ? (f(), o("span", y, m(t.caption), 1)) : a("", !0)
+		], 10, h));
+	}
+});
+//#endregion
+export { b as default };

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

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

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

@@ -0,0 +1,50 @@
+import e from "../r-loader/r-loader.vue.mjs";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, onMounted as s, openBlock as c, reactive as l, renderList as u, renderSlot as d, watch as f } from "vue";
+//#region src/components/r-repeater/r-repeater.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "r-table-control flex-center" }, m = {
+	key: 0,
+	class: "r-table"
+}, h = /*@__PURE__*/ o({
+	__name: "r-repeater",
+	props: {
+		provider: {},
+		isLoaderFullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		loaderType: { default: "spinner" },
+		watcher: { default: () => ({}) }
+	},
+	setup(o) {
+		let h = o, g = l({
+			isLoading: !1,
+			rows: []
+		}), _ = n(() => g.rows?.length > 0);
+		async function v() {
+			g.isLoading = !0;
+			try {
+				Array.isArray(h.provider) ? g.rows = h.provider : typeof h.provider == "function" ? g.rows = await h.provider() : g.rows = await h.provider;
+			} catch (e) {
+				console.error(e), g.rows = [];
+			} finally {
+				g.isLoading = !1;
+			}
+		}
+		return s(() => {
+			v();
+		}), f(() => h.watcher, v, { deep: !0 }), (n, s) => (c(), i("div", p, [g.isLoading ? (c(), r(e, {
+			key: 0,
+			fullscreen: o.isLoaderFullscreen,
+			type: o.loaderType
+		}, null, 8, ["fullscreen", "type"])) : (c(), i(t, { key: 1 }, [_.value ? (c(), i("table", m, [
+			d(n.$slots, "colgroup"),
+			d(n.$slots, "thead", {}, () => [a("thead", null, [a("tr", null, [d(n.$slots, "headers")])])]),
+			a("tbody", null, [(c(!0), i(t, null, u(g.rows, (e, t) => d(n.$slots, "default", {
+				item: e,
+				index: t
+			})), 256))])
+		])) : d(n.$slots, "empty", {}, void 0, void 0, 1)], 64))]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/r-select/async-extension.mjs

@@ -0,0 +1,171 @@
+import { cloneDeep as e } from "../../vendor/es-toolkit/dist/compat/object/cloneDeep.mjs";
+import { debounce as t } from "../../vendor/es-toolkit/dist/compat/function/debounce.mjs";
+import { isObject as n } from "../../common/helpers/is-object.mjs";
+//#region src/components/r-select/async-extension.ts
+var r = class r {
+	component;
+	config;
+	prepareCacheValuePrefix;
+	asyncFind;
+	cache;
+	query;
+	isLoading;
+	findBySearch;
+	loadMore;
+	loadByQuery;
+	static defaultConfig = {
+		limit: 10,
+		minValueLength: 0,
+		cacheExpirationTime: 5e3,
+		debounceDelay: 500
+	};
+	constructor({ component: e, config: n, asyncFind: i, prepareCacheValuePrefix: a }) {
+		this.component = e, this.config = r.prepareConfig(n), this.asyncFind = i, this.prepareCacheValuePrefix = a, this.cache = {
+			lastRequestId: 0,
+			itemsByKey: {},
+			lastKey: null
+		}, this.query = {
+			offset: 0,
+			limit: this.getConfig().limit
+		}, this.isLoading = !1;
+		let { baseFindBySearch: o, baseLoadMore: s, baseLoadByQuery: c } = this, l = t(o, this.getConfig().debounceDelay), u = t(s, this.getConfig().debounceDelay), d = t(c, this.getConfig().debounceDelay);
+		this.findBySearch = (async (e) => {
+			await l.call(this, e);
+		}), this.loadMore = (async (e) => {
+			await u.call(this, e);
+		}), this.loadByQuery = (async (e) => {
+			await d.call(this, e);
+		});
+	}
+	static prepareConfig(e) {
+		return {
+			...r.defaultConfig,
+			...e,
+			limit: e.limit === void 0 ? r.defaultConfig.limit : e.limit
+		};
+	}
+	static makeCacheKey({ type: e, value: t, limit: n, offset: r }) {
+		function i(e, t) {
+			return `${e}-${t}`;
+		}
+		return [
+			t,
+			n,
+			r
+		].reduce(i, e);
+	}
+	static validateCacheData(e, { expiration: t }) {
+		return !e || !e.options || Date.now() - t > e.created || Array.isArray(e.options) && !e.options.length ? !1 : !(n(e.options) && Object.keys(e.options).length === 0);
+	}
+	getConfig() {
+		return Object.freeze({ ...this.config });
+	}
+	getLastCachedFindResult() {
+		if (this.cache.lastKey !== null) return this.getFromCache(this.cache.lastKey);
+	}
+	getLastCachedSearchFindResult() {
+		return this.getLastCachedFindResult();
+	}
+	getOffset() {
+		return this.query.offset;
+	}
+	setOffset(e) {
+		this.query.offset = e;
+	}
+	getLimit() {
+		return this.query.limit;
+	}
+	hasOptions() {
+		let e = this.getLastCachedFindResult();
+		return !e || !e.options ? !1 : Array.isArray(e.options) && e.options.length ? !0 : !!(n(e.options) && Object.keys(e.options).length);
+	}
+	async find(t, n = {}) {
+		let i = this.cache.lastRequestId + 1;
+		this.component.async.cache.lastRequestId = i;
+		let { minValueLength: a, limit: o, cacheExpirationTime: s } = this.getConfig(), c = (e) => e < 0 ? 0 : e, l = (e) => e < o ? o : e, u = e({
+			...this.query,
+			offset: c(n.offset === void 0 ? this.query.offset : n.offset),
+			limit: l(n.limit === void 0 ? this.query.limit : n.limit)
+		}), d = r.makeCacheKey({
+			type: "bySearchInput",
+			value: this.prepareCacheValuePrefix(t),
+			offset: u.offset,
+			limit: u.limit
+		});
+		this.component.async.isLoading = !0;
+		let f = () => {
+			this.cache.lastRequestId === i && (this.component.async.cache.lastKey = d, this.component.async.query.offset = u.offset, this.component.async.query.limit = u.limit);
+		};
+		try {
+			if (a && d.length < a) {
+				f(), this.handleLoaded();
+				return;
+			}
+			let n = this.getFromCache(d), i = r.validateCacheData(n, { expiration: s });
+			if (s && i) {
+				f(), this.handleLoaded();
+				return;
+			}
+			let o = await this.asyncFind(t, u);
+			delete this.component.async.cache.itemsByKey[d], f(), this.saveToCache({
+				key: d,
+				options: o,
+				value: t,
+				query: e(u)
+			}), this.handleLoaded();
+		} catch (e) {
+			console.error(e);
+		} finally {
+			this.component.async.isLoading = !1;
+		}
+	}
+	baseFindBySearch(e) {
+		return this.find(e, { offset: 0 });
+	}
+	findNext() {
+		let e = this.getLastCachedSearchFindResult(), { limit: t } = this.getConfig(), n = e ? e.value : "", r = {
+			offset: this.query.offset + t,
+			limit: t
+		};
+		return this.find(n, r);
+	}
+	findPrev() {
+		let e = this.getLastCachedSearchFindResult(), { limit: t } = this.getConfig(), n = e ? e.value : "", r = {
+			offset: this.query.offset - t,
+			limit: t
+		};
+		return this.find(n, r);
+	}
+	baseLoadMore(e) {
+		let t = this.getLastCachedSearchFindResult(), n = t ? t.value : "", r = { limit: this.query.limit + e };
+		return this.find(n, r);
+	}
+	baseLoadByQuery({ limit: e, offset: t }) {
+		let n = this.getLastCachedSearchFindResult(), r = n ? n.value : "", i = {
+			limit: e,
+			offset: t
+		};
+		return this.find(r, i);
+	}
+	getFromCache(e) {
+		if (e) return this.cache.itemsByKey[e];
+	}
+	getAllCacheItems() {
+		return Object.values(this.cache.itemsByKey);
+	}
+	saveToCache({ key: e, options: t, value: n, query: r }) {
+		this.cache.itemsByKey[e] = {
+			created: Date.now(),
+			key: e,
+			options: t,
+			value: n,
+			query: r,
+			isSearch: !0
+		};
+	}
+	handleLoaded() {
+		this.component.async.isLoading = !1, this.component.$emit("async-loaded");
+	}
+};
+//#endregion
+export { r as AsyncExtension };