@rebilly/revel 13.6.2 → 13.6.3

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

@@ -0,0 +1,72 @@
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./r-tabs.vue_vue_type_script_lang.mjs";
+/* empty css                                                       */
+import { Fragment as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, renderSlot as u, resolveDirective as d, toDisplayString as f, vShow as p, withDirectives as m } from "vue";
+//#region src/components/r-tabs/r-tabs.vue
+var h = [
+	"id",
+	"to",
+	"aria-selected",
+	"aria-controls",
+	"onClick"
+], g = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"onClick"
+];
+function _(e, t, _, v, y, b) {
+	let x = d("tooltip");
+	return c(), r("div", null, [i("div", {
+		ref: "tablistRef",
+		class: o(["r-tab", [{ "r-tab-divided": e.divided }, e.menuClass]]),
+		role: "tablist"
+	}, [(c(!0), r(n, null, l(e.visibleTabs, (t, n) => m((c(), r("div", {
+		key: t.tabId,
+		class: "r-tab-item"
+	}, [t.to ? (c(), r("button", {
+		key: 0,
+		id: t.tabId,
+		ref_for: !0,
+		ref: "tabItemLinkRefs",
+		to: t.to,
+		role: "tab",
+		"aria-selected": t.isActive,
+		"aria-controls": t.tabPanelId,
+		class: o(["r-tab-item-link", {
+			"r-is-active": t.isActive,
+			"r-is-error": t.isInvalid,
+			"r-has-error": t.isInvalid
+		}]),
+		onClick: (r) => e.selectTab(t, n)
+	}, [u(e.$slots, "label", {
+		tab: t,
+		index: n
+	}, () => [a(f(e.getTabName(t, n)), 1)])], 10, h)) : (c(), r("button", {
+		key: 1,
+		id: t.tabId,
+		ref_for: !0,
+		ref: "tabItemLinkRefs",
+		role: "tab",
+		"aria-selected": t.isActive,
+		"aria-controls": t.tabPanelId,
+		class: o(["r-tab-item-link", {
+			"r-is-active": t.isActive,
+			"r-is-error": t.isInvalid,
+			"r-has-error": t.isInvalid
+		}]),
+		onClick: (r) => e.selectTab(t, n)
+	}, [u(e.$slots, "label", {
+		tab: t,
+		index: n
+	}, () => [a(f(e.getTabName(t, n)), 1)])], 10, g))])), [[x, { text: t.isInvalid && e.showValidateMessages ? t.validateErrorMessages.join("\n") : null }]])), 128)), m(i("div", {
+		class: o(["r-tab-item-indicator", { "r-is-error": e.isInvalidTab }]),
+		style: s({
+			width: e.visibleTabIndicatorWidth + "px",
+			left: e.visibleTabIndicatorPosition + "px"
+		})
+	}, null, 6), [[p, e.isIndicatorReady]])], 2), i("div", { class: o(["r-tab-content", e.contentClass]) }, [u(e.$slots, "default")], 2)]);
+}
+var v = /*#__PURE__*/ e(t, [["render", _]]);
+//#endregion
+export { v as default };

package/dist/components/r-tabs/r-tabs.vue_vue_type_script_lang.mjs

@@ -0,0 +1,140 @@
+import { capitalizeFirstLetter as e } from "../../common/helpers/capitalize-first-letter.mjs";
+import { debounce as t } from "../../vendor/es-toolkit/dist/compat/function/debounce.mjs";
+import { isKebabCase as n } from "../../common/helpers/is-kebab-case.mjs";
+import { RTooltipDirective as r } from "../../directives/r-tooltip/r-tooltip.mjs";
+import { computed as i, defineComponent as a, onBeforeUnmount as o, onMounted as s, ref as c } from "vue";
+//#region src/components/r-tabs/r-tabs.vue?vue&type=script&lang.ts
+var l = a({
+	name: "RTabs",
+	components: {},
+	directives: { tooltip: r },
+	provide() {
+		return {
+			addItemToTabsList: this.addItemToTabsList,
+			removeItemFromTabsList: this.removeItemFromTabsList,
+			visibleTabs: i(() => this.tabs),
+			tabsLazy: i(() => this.lazy)
+		};
+	},
+	props: {
+		divided: {
+			type: Boolean,
+			default: !1
+		},
+		menuClass: {
+			type: String,
+			default: ""
+		},
+		contentClass: {
+			type: String,
+			default: ""
+		},
+		preselectedTab: {
+			type: Number,
+			default: 0
+		},
+		showValidateMessages: {
+			type: Boolean,
+			default: !1
+		},
+		lazy: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["tab-selected"],
+	setup() {
+		let e = c([]), n = c(null), r = c(0), i = () => {
+			r.value += 1;
+		}, a = t(i, 100);
+		return s(() => {
+			window.addEventListener("resize", a);
+		}), o(() => {
+			window.removeEventListener("resize", a), a.cancel?.();
+		}), {
+			tabItemLinkRefs: e,
+			tablistRef: n,
+			layoutVersion: r,
+			recomputeIndicator: i
+		};
+	},
+	data: () => ({
+		tabs: [],
+		isIndicatorReady: !1
+	}),
+	computed: {
+		visibleTabs() {
+			return this.tabs.filter((e) => !e.hidden);
+		},
+		visibleTabIndicatorIndex() {
+			return this.visibleTabs.findIndex((e) => e.isActive);
+		},
+		visibleTabIndicatorWidth() {
+			this.layoutVersion;
+			let e = this.tabItemLinkRefs[this.visibleTabIndicatorIndex];
+			if (!e) return 0;
+			let { paddingLeft: t, paddingRight: n } = window.getComputedStyle(e);
+			return (e?.getBoundingClientRect().width ?? 0) - parseFloat(t.replace("px", "")) - parseFloat(n.replace("px", ""));
+		},
+		visibleTabIndicatorPosition() {
+			this.layoutVersion;
+			let e = this.tabItemLinkRefs[this.visibleTabIndicatorIndex], t = this.tablistRef;
+			if (!e || !t) return 0;
+			let { paddingLeft: n } = window.getComputedStyle(e), r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
+			return r.left - i.left + t.scrollLeft + parseFloat(n.replace("px", ""));
+		},
+		isInvalidTab() {
+			return this.visibleTabs[this.visibleTabIndicatorIndex]?.isInvalid;
+		}
+	},
+	watch: { $route(e, t) {
+		if (e.name === t.name) {
+			let e = this.getRouteTab();
+			e && this.selectTab(e);
+		}
+	} },
+	mounted() {
+		this.bootstrap(), this.$nextTick(() => {
+			this.isIndicatorReady = !0;
+		});
+	},
+	methods: {
+		getTabName(t, r) {
+			return t.name ? t.name.includes(" ") ? e(t.name) : n(t.name) ? e(t.name.split("-").join(" ")) : t.name : `Tab ${r + 1}`;
+		},
+		selectTab({ name: e, value: t, to: n, tabId: r }, i = null) {
+			(i !== null || r !== null) && this.$emit("tab-selected", {
+				name: e,
+				value: t,
+				index: i,
+				tabId: r
+			}), n && !this.goingToSameRoute(n) ? this.$router.push(n) : (i !== null || r !== null ? this.tabs.forEach((e) => {
+				e.isActive = r === e.tabId;
+			}) : this.tabs.forEach((t) => {
+				t.isActive = t.name === e;
+			}), this.$nextTick(() => this.recomputeIndicator()));
+		},
+		getRouteTab() {
+			return this.tabs.filter((e) => e.to).find((e) => this.goingToSameRoute(e.to));
+		},
+		goingToSameRoute(e) {
+			if (!e || !this.$route) return !0;
+			let t = this.$router.resolve(e);
+			return this.$route.path === t.path && Object.entries(t.query).every(([e, t]) => JSON.stringify(t) === JSON.stringify(this.$route.query[e]));
+		},
+		addItemToTabsList(e) {
+			this.tabs = [...this.tabs, e];
+		},
+		removeItemFromTabsList(e) {
+			this.tabs = this.tabs.filter((t) => t.tabId !== e);
+		},
+		bootstrap() {
+			if (!this.tabs.length) throw Error("<r-tabs> must contain multiple <r-tab> in its required slot");
+			if (this.tabs.find((e) => e.active)) return;
+			let e = this.getRouteTab();
+			e ? e.isActive = !0 : this.selectTab(this.visibleTabs[this.preselectedTab]);
+		}
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/r-tile/r-tile-content.vue.mjs

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

package/dist/components/r-tile/r-tile-content.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,24 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s, unref as c, useSlots as l } from "vue";
+//#region src/components/r-tile/r-tile-content.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "r-tile-content-title"
+}, d = { key: 0 }, f = {
+	key: 1,
+	class: "r-tile-content-title-actions r-flex-none"
+}, p = /*@__PURE__*/ r({
+	__name: "r-tile-content",
+	props: {
+		type: { default: "primary" },
+		title: { default: void 0 }
+	},
+	setup(r) {
+		let p = r, m = l(), h = e(() => ({
+			[`is-${p.type}`]: !0,
+			"is-header-only": !(!p.title && !m.actions || m.default)
+		}));
+		return (e, l) => (a(), n("div", { class: i(["r-tile-content", h.value]) }, [r.title || c(m).actions ? (a(), n("div", u, [r.title ? (a(), n("h3", d, s(r.title), 1)) : t("", !0), c(m).actions ? (a(), n("div", f, [o(e.$slots, "actions")])) : t("", !0)])) : t("", !0), o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as default };

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

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

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

@@ -0,0 +1,26 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s, unref as c, useSlots as l } from "vue";
+//#region src/components/r-tile/r-tile.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "r-tile-title"
+}, d = { key: 0 }, f = {
+	key: 1,
+	class: "r-tile-title-actions r-flex-none"
+}, p = /*@__PURE__*/ r({
+	__name: "r-tile",
+	props: {
+		type: { default: "default" },
+		title: { default: void 0 },
+		inset: { default: "5" }
+	},
+	setup(r) {
+		let p = r, m = l(), h = e(() => ({
+			[`is-${p.type}`]: !0,
+			[`is-inset-${p.inset}`]: !0,
+			"is-header-only": !(!p.title && !m.actions || m.default)
+		}));
+		return (e, l) => (a(), n("div", { class: i(["r-tile", h.value]) }, [r.title || c(m).actions ? (a(), n("div", u, [r.title ? (a(), n("h2", d, s(r.title), 1)) : t("", !0), c(m).actions ? (a(), n("div", f, [o(e.$slots, "actions")])) : t("", !0)])) : t("", !0), o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/r-toast/default-error-handler.mjs

@@ -0,0 +1,36 @@
+import { sentenceCase as e } from "../../common/helpers/sentence-case.mjs";
+import { unCamelCase as t } from "../../common/helpers/un-camel-case.mjs";
+//#region src/components/r-toast/default-error-handler.ts
+var n = class {
+	static parseError(n, r = "Something went wrong, please try again or contact support") {
+		let i = [];
+		if (n && n.name === "RebillyMfaRequiredError") return i;
+		if (n && n.status) switch (n.status) {
+			case 401:
+			case 403:
+			case 404:
+			case 409:
+			case 400:
+				n.message && i.push(n.message);
+				break;
+			case 422:
+				n && Array.isArray(n.invalidFields) && n.invalidFields.length && n.invalidFields.forEach(({ field: n, message: r }) => {
+					if (n) {
+						let a = n.split(".").map((n) => e(t(n)));
+						i.push(`${a.join(" > ")}: ${r}`);
+					} else i.push(r);
+				});
+				break;
+			case 500:
+				i.push("Something went wrong on our servers, please contact support.");
+				break;
+			default: i.push(r);
+		}
+		else if (n && n.name === "RebillyConflictError") n.message && i.push(n.message);
+		else if (n && n.name === "RebillyCanceledError") return i;
+		else n && n.name === "RebillyAppError" && n.message && i.push(n.message);
+		return i.length ? i : [r];
+	}
+};
+//#endregion
+export { n as DefaultErrorHandler };

package/dist/components/r-toast/r-toast-manager.mjs

@@ -0,0 +1,52 @@
+import e from "./r-toast.vue.mjs";
+import { RToastTypes as t } from "./types.mjs";
+import { DefaultErrorHandler as n } from "./default-error-handler.mjs";
+import { h as r, render as i } from "vue";
+//#region src/components/r-toast/r-toast-manager.ts
+var a = (a, o) => ({
+	show(t) {
+		let n;
+		typeof t == "string" && (n = t);
+		let s = {
+			message: n,
+			...o,
+			...typeof t == "object" && t
+		}, c = r(e, s);
+		return a && a._context && (c.appContext = a._context), i(c, document.createElement("div"));
+	},
+	positive(e, n = {}) {
+		return this.show({
+			message: e,
+			type: t.Positive,
+			...n
+		});
+	},
+	negative(e, n = {}) {
+		return this.show({
+			message: e,
+			type: t.Negative,
+			...n
+		});
+	},
+	info(e, n = {}) {
+		return this.show({
+			message: e,
+			type: t.Info,
+			...n
+		});
+	},
+	warning(e, n = {}) {
+		return this.show({
+			message: e,
+			type: t.Warning,
+			...n
+		});
+	},
+	fromError(e, t, r = {}) {
+		let i = o?.ErrorHandler ? o.ErrorHandler : n;
+		if (!i.parseError || typeof i.parseError != "function") throw Error("No 'parseError' method is found in the error handler object");
+		i.parseError(e, t).forEach((e) => this.negative(e, r));
+	}
+});
+//#endregion
+export { a as createRToastManager };

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

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

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

@@ -0,0 +1,96 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeMount as s, onMounted as c, openBlock as l, reactive as u, ref as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, watch as h } from "vue";
+//#region src/components/r-toast/r-toast.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "r-toast-title"
+}, _ = { class: "r-toast-close" }, v = {
+	class: "r-toast-message",
+	"data-cy": "Toast Message"
+}, y = {
+	key: 1,
+	class: "r-toast-message",
+	"data-cy": "Toast Message"
+}, b = /*@__PURE__*/ a({
+	__name: "r-toast",
+	props: {
+		type: { default: "positive" },
+		title: { default: "" },
+		message: {
+			type: [String, Function],
+			default: ""
+		},
+		allowClose: {
+			type: Boolean,
+			default: !0
+		},
+		visible: {
+			type: Boolean,
+			default: !0
+		},
+		autoHide: {
+			type: Boolean,
+			default: !0
+		},
+		hideDelay: { default: 5e3 },
+		container: { default: null }
+	},
+	emits: ["hide"],
+	setup(a, { emit: b }) {
+		let x = a, S = u({
+			isVisible: !0,
+			timerHandle: null,
+			parent: null
+		}), C = d(null), w = b, T = e(() => ({
+			"is-closable": x.allowClose,
+			"is-visible": S.isVisible,
+			[`r-toast-${x.type}`]: !0
+		})), E = e(() => typeof x.message == "function" ? {
+			render: x.message,
+			props: x
+		} : null);
+		function D() {
+			S.parent = document.querySelector(".r-toast-container"), !S.parent && (S.parent = document.createElement("div"), S.parent.className = "r-toast-container", (x.container || document.body).appendChild(S.parent));
+		}
+		function O() {
+			x.autoHide ? S.timerHandle = setTimeout(() => j(), x.hideDelay) : k();
+		}
+		function k() {
+			S.timerHandle &&= (clearTimeout(S.timerHandle), null);
+		}
+		function A() {
+			S.parent && C.value && (S.parent.appendChild(C.value), S.isVisible = !0, O());
+		}
+		function j() {
+			k(), S.isVisible = !1, w("hide");
+		}
+		return h(() => x.visible, (e) => {
+			S.isVisible = e;
+		}), s(() => {
+			D();
+		}), c(() => {
+			A();
+		}), (e, s) => {
+			let c = f("r-icon");
+			return S.isVisible ? (l(), r("div", {
+				key: 0,
+				ref_key: "toastEl",
+				ref: C,
+				class: o(["r-component r-toast", T.value]),
+				onMouseenter: k,
+				onMouseleave: O
+			}, [
+				a.title ? (l(), r("div", g, [i("span", null, m(a.title), 1)])) : n("", !0),
+				i("div", _, [a.allowClose ? (l(), t(c, {
+					key: 0,
+					"aria-hidden": "true",
+					color: "text",
+					icon: "close-s",
+					onClick: j
+				})) : n("", !0)]),
+				i("div", v, [E.value ? (l(), t(p(E.value), { key: 0 })) : a.message ? (l(), r("span", y, m(a.message), 1)) : n("", !0)])
+			], 34)) : n("", !0);
+		};
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/r-toast/types.mjs

@@ -0,0 +1,6 @@
+//#region src/components/r-toast/types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Positive = "positive", e.Negative = "negative", e.Warning = "warning", e.Info = "info", e;
+}({});
+//#endregion
+export { e as RToastTypes };

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

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

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

@@ -0,0 +1,52 @@
+import { nanoid as e } from "../../vendor/nanoid/non-secure/index.mjs";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, toDisplayString as o } from "vue";
+//#region src/components/r-toggle/r-toggle.vue?vue&type=script&setup=true&lang.ts
+var s = ["aria-checked"], c = ["for"], l = [
+	"id",
+	"disabled",
+	"value",
+	"checked"
+], u = ["for"], d = /*@__PURE__*/ i({
+	__name: "r-toggle",
+	props: {
+		label: { default: null },
+		name: { default: () => e() },
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: i }) {
+		let d = i;
+		function f(e) {
+			e.target && e.target instanceof HTMLInputElement && d("update:modelValue", e.target.checked);
+		}
+		return (i, d) => (a(), n("div", {
+			class: "r-toggle",
+			role: "checkbox",
+			"aria-checked": e.modelValue
+		}, [r("label", {
+			class: "r-toggle-body",
+			for: e.name
+		}, [r("input", {
+			id: e.name,
+			class: "r-toggle-switch",
+			type: "checkbox",
+			disabled: e.disabled,
+			value: e.modelValue,
+			checked: e.modelValue,
+			onChange: f
+		}, null, 40, l), d[0] ||= r("span", { class: "r-toggle-switch-handle" }, null, -1)], 8, c), e.label ? (a(), n("label", {
+			key: 0,
+			class: "r-toggle-label",
+			for: e.name
+		}, o(e.label), 9, u)) : t("", !0)], 8, s));
+	}
+});
+//#endregion
+export { d as default };

package/dist/composables/use-validate.mjs

@@ -0,0 +1,20 @@
+import { computed as e } from "vue";
+//#region src/composables/use-validate.ts
+function t(t) {
+	let n = e(() => {
+		let e = t(), n = [];
+		function r(e) {
+			return typeof e.$message == "string" ? e.$message : e.$message.value;
+		}
+		return e && (typeof e == "string" ? n.push(e) : Array.isArray(e) ? n.push(...e.reduce((e, t) => (typeof t == "string" ? e.push(t) : typeof t == "object" && "$message" in t && e.push(r(t)), e), [])) : typeof e == "object" && "$errors" in e && n.push(...e.$errors.map((e) => r(e)))), n;
+	});
+	return {
+		validateErrorMessages: n,
+		isInvalid: e(() => {
+			let e = t();
+			return e && typeof e == "object" && "$invalid" in e && "$dirty" in e ? e.$invalid && e.$dirty : n.value.length > 0;
+		})
+	};
+}
+//#endregion
+export { t as useValidate };

package/dist/directives/index.mjs

@@ -0,0 +1,14 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.mjs";
+import { RClickOutsideDirective as t } from "./r-click-outside/r-click-outside.mjs";
+import { RTooltipDirective as n } from "./r-tooltip/r-tooltip.mjs";
+import { RContentDirective as r } from "./r-content/r-content.mjs";
+import { RLazyDirective as i } from "./r-lazy.mjs";
+//#region src/directives/index.ts
+var a = /* @__PURE__ */ e({
+	clickOutside: () => t,
+	content: () => r,
+	lazy: () => i,
+	tooltip: () => n
+});
+//#endregion
+export { t as clickOutside, r as content, a as directives_exports, i as lazy, n as tooltip };

package/dist/directives/r-click-outside/r-click-outside.mjs

@@ -0,0 +1,13 @@
+//#region src/directives/r-click-outside/r-click-outside.ts
+var e = {
+	mounted(e, { value: t }) {
+		e.clickOutside = (n) => {
+			n.target instanceof Node && !e.contains(n.target) && t(n);
+		}, window.document.addEventListener("mousedown", e.clickOutside, !0);
+	},
+	unmounted(e) {
+		e.clickOutside != null && (window.document.removeEventListener("mousedown", e.clickOutside), e.clickOutside = null);
+	}
+};
+//#endregion
+export { e as RClickOutsideDirective };

package/dist/directives/r-content/r-content.mjs

@@ -0,0 +1,12 @@
+//#region src/directives/r-content/r-content.ts
+var e = {
+	mounted: (e, { modifiers: t }) => {
+		let n = e.parentElement?.className ?? "", r = t.secondary ? "-is-secondary" : "-is-primary";
+		e.rContentAddedClass = `${n}${r}`, e.classList.add(`${n}${r}`);
+	},
+	unmounted: (e) => {
+		e.classList.remove(e.rContentAddedClass);
+	}
+};
+//#endregion
+export { e as RContentDirective };

package/dist/directives/r-lazy.mjs

@@ -0,0 +1,19 @@
+//#region src/directives/r-lazy.ts
+var e = { beforeMount: (e, { value: t = !0 }) => {
+	if (!t) return;
+	let n = (t) => {
+		e && (e.addEventListener("load", () => {
+			e.classList.add("r-is-loaded"), t && t.unobserve(e);
+		}), e.addEventListener("error", () => console.error("error")), e.dataset.url && (e.src = e.dataset.url));
+	};
+	window.IntersectionObserver ? new IntersectionObserver((e, t) => {
+		e.forEach((e) => {
+			e.isIntersecting && n(t);
+		});
+	}, {
+		root: null,
+		threshold: 0
+	}).observe(e) : n();
+} };
+//#endregion
+export { e as RLazyDirective };