@rebilly/revel 13.6.2 → 13.6.3

package/dist/components/r-date-range/components/month.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,65 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.mjs";
+import { require_moment_timezone as t } from "../../../vendor/moment-timezone/index.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/r-date-range/components/month.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ e(t()), m = { class: "r-date-range-month" }, h = {
+	key: 0,
+	class: "r-date-range-month-header"
+}, g = { class: "r-date-range-month-weekdays" }, _ = ["onClick", "onMouseenter"], v = { class: "r-date-range-day-number" }, y = /*@__PURE__*/ s({
+	__name: "month",
+	props: {
+		month: {},
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		isInRange: {},
+		isRangeStart: {},
+		isRangeEnd: {}
+	},
+	emits: ["date-click", "date-hover"],
+	setup(e, { emit: t }) {
+		let s = e, y = t, b = p.default.weekdaysMin(), x = r(() => (0, p.default)({
+			year: s.month.year,
+			month: s.month.month
+		}).format("MMMM YYYY"));
+		function S(e) {
+			return {
+				"r-date-range-day": !0,
+				"r-is-today": e.isToday,
+				"r-is-other-month": !e.isCurrentMonth,
+				"r-is-disabled": e.isDisabled,
+				"r-is-in-range": s.isInRange(e.date),
+				"r-is-range-start": s.isRangeStart(e.date),
+				"r-is-range-end": s.isRangeEnd(e.date)
+			};
+		}
+		function C(e) {
+			e.isDisabled || y("date-click", e.date);
+		}
+		function w(e) {
+			e.isDisabled || y("date-hover", e.date);
+		}
+		function T() {
+			y("date-hover", null);
+		}
+		return (e, t) => (l(), a("div", m, [
+			s.showHeader ? (l(), a("div", h, d(x.value), 1)) : i("", !0),
+			o("div", g, [(l(!0), a(n, null, u(f(b), (e) => (l(), a("div", {
+				key: e,
+				class: "r-date-range-weekday"
+			}, d(e), 1))), 128))]),
+			o("div", {
+				class: "r-date-range-month-grid",
+				onMouseleave: T
+			}, [(l(!0), a(n, null, u(s.month.weeks, (e, t) => (l(), a(n, { key: t }, [(l(!0), a(n, null, u(e, (e) => (l(), a("div", {
+				key: `${e.year}-${e.month}-${e.day}`,
+				class: c(S(e)),
+				onClick: (t) => C(e),
+				onMouseenter: (t) => w(e)
+			}, [o("span", v, d(e.day), 1)], 42, _))), 128))], 64))), 128))], 32)
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/r-date-range/components/popup.vue.mjs

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

package/dist/components/r-date-range/components/popup.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,163 @@
+import e from "../../r-button/r-button.vue.mjs";
+import t from "./presets.vue.mjs";
+import n from "./inputs.vue.mjs";
+import r from "./calendar.vue.mjs";
+import { 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, withCtx as m } from "vue";
+//#region src/components/r-date-range/components/popup.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "r-date-range-popup-main" }, g = { class: "r-date-range-presets-wrapper" }, _ = { class: "r-date-range-popup-footer" }, v = { class: "r-date-range-popup-footer-actions" }, y = /*@__PURE__*/ d({
+	__name: "popup",
+	props: {
+		startDate: {},
+		endDate: {},
+		startTime: {},
+		endTime: {},
+		selectedPreset: {},
+		showPresets: {
+			type: Boolean,
+			default: !0
+		},
+		showTimePicker: {
+			type: Boolean,
+			default: !0
+		},
+		is24hr: {
+			type: Boolean,
+			default: !1
+		},
+		columns: { default: 2 },
+		minDate: { default: void 0 },
+		maxDate: { default: void 0 },
+		timezone: { default: "UTC" },
+		isMobile: {
+			type: Boolean,
+			default: !1
+		},
+		isInRange: {},
+		isRangeStart: {},
+		isRangeEnd: {},
+		availablePresets: { default: void 0 }
+	},
+	emits: [
+		"date-click",
+		"date-hover",
+		"preset-select",
+		"update:startDate",
+		"update:endDate",
+		"update:startTime",
+		"update:endTime",
+		"apply",
+		"cancel",
+		"clear"
+	],
+	setup(d, { emit: y }) {
+		let b = d, x = y;
+		function S(e) {
+			x("preset-select", e);
+		}
+		function C(e) {
+			x("date-click", e);
+		}
+		function w(e) {
+			x("date-hover", e);
+		}
+		function T(e) {
+			x("update:startDate", e);
+		}
+		function E(e) {
+			x("update:endDate", e);
+		}
+		function D(e) {
+			x("update:startTime", e);
+		}
+		function O(e) {
+			x("update:endTime", e);
+		}
+		function k() {
+			x("apply");
+		}
+		function A() {
+			x("cancel");
+		}
+		function j() {
+			x("clear");
+		}
+		let M = i(() => !b.startDate || !b.endDate);
+		return (i, d) => (p(), s("div", { class: f(["r-date-range-popup", {
+			"r-date-range-popup-mobile": b.isMobile,
+			"r-date-range-popup-with-time": b.showTimePicker
+		}]) }, [b.showPresets && !b.isMobile ? (p(), a(t, {
+			key: 0,
+			"selected-preset": b.selectedPreset,
+			"available-presets": b.availablePresets,
+			"is-mobile": !1,
+			onSelect: S
+		}, null, 8, ["selected-preset", "available-presets"])) : o("", !0), c("div", h, [
+			c("div", g, [b.showPresets && b.isMobile ? (p(), a(t, {
+				key: 0,
+				"selected-preset": b.selectedPreset,
+				"available-presets": b.availablePresets,
+				"is-mobile": !0,
+				onSelect: S
+			}, null, 8, ["selected-preset", "available-presets"])) : o("", !0)]),
+			u(n, {
+				"start-date": b.startDate,
+				"end-date": b.endDate,
+				"start-time": b.startTime,
+				"end-time": b.endTime,
+				"show-time-picker": b.showTimePicker,
+				is24hr: b.is24hr,
+				"onUpdate:startDate": T,
+				"onUpdate:endDate": E,
+				"onUpdate:startTime": D,
+				"onUpdate:endTime": O
+			}, null, 8, [
+				"start-date",
+				"end-date",
+				"start-time",
+				"end-time",
+				"show-time-picker",
+				"is24hr"
+			]),
+			u(r, {
+				columns: b.columns,
+				"min-date": b.minDate,
+				"max-date": b.maxDate,
+				timezone: b.timezone,
+				"navigate-to-date": b.startDate,
+				"is-in-range": b.isInRange,
+				"is-range-start": b.isRangeStart,
+				"is-range-end": b.isRangeEnd,
+				onDateClick: C,
+				onDateHover: w
+			}, null, 8, [
+				"columns",
+				"min-date",
+				"max-date",
+				"timezone",
+				"navigate-to-date",
+				"is-in-range",
+				"is-range-start",
+				"is-range-end"
+			]),
+			c("div", _, [u(e, {
+				type: "plain",
+				onClick: j
+			}, {
+				default: m(() => [...d[0] ||= [l("Clear", -1)]]),
+				_: 1
+			}), c("div", v, [u(e, { onClick: A }, {
+				default: m(() => [...d[1] ||= [l("Cancel", -1)]]),
+				_: 1
+			}), u(e, {
+				type: "primary",
+				disabled: M.value,
+				onClick: k
+			}, {
+				default: m(() => [...d[2] ||= [l("Apply", -1)]]),
+				_: 1
+			}, 8, ["disabled"])])])
+		])], 2));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/r-date-range/components/presets.vue.mjs

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

package/dist/components/r-date-range/components/presets.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,40 @@
+import e from "../../r-icon/r-icon.vue.mjs";
+import { calendarPresets as t, calendarPresetsLabels as n } from "../../r-date-input/calendar-presets.mjs";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p } from "vue";
+//#region src/components/r-date-range/components/presets.vue?vue&type=script&setup=true&lang.ts
+var m = ["onClick"], h = { class: "r-date-range-preset-label" }, g = /*@__PURE__*/ l({
+	__name: "presets",
+	props: {
+		selectedPreset: { default: null },
+		isMobile: {
+			type: Boolean,
+			default: !1
+		},
+		availablePresets: { default: void 0 }
+	},
+	emits: ["select"],
+	setup(l, { emit: g }) {
+		let _ = l, v = g, y = i(() => _.availablePresets ?? Object.keys(t));
+		function b(e) {
+			return n[e];
+		}
+		function x(e) {
+			return _.selectedPreset === e;
+		}
+		function S(e) {
+			v("select", e);
+		}
+		return (t, n) => (d(), s("div", { class: u(["r-date-range-presets", { "r-date-range-presets-mobile": _.isMobile }]) }, [(d(!0), s(r, null, f(y.value, (t) => (d(), s("button", {
+			key: t,
+			type: "button",
+			class: u(["r-date-range-preset-item", { "r-is-selected": x(t) }]),
+			onClick: (e) => S(t)
+		}, [c("span", h, p(b(t)), 1), x(t) ? (d(), a(e, {
+			key: 0,
+			icon: "check-s",
+			class: "r-date-range-preset-check"
+		})) : o("", !0)], 10, m))), 128))], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/r-date-range/components/trigger.vue.mjs

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

package/dist/components/r-date-range/components/trigger.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,81 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.mjs";
+import t from "../../r-icon/r-icon.vue.mjs";
+import { require_moment_timezone as n } from "../../../vendor/moment-timezone/index.mjs";
+import { calendarPresetsLabels as r, getCalendarPresetPeriods as i } from "../../r-date-input/calendar-presets.mjs";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, toDisplayString as f } from "vue";
+//#region src/components/r-date-range/components/trigger.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ e(n()), m = ["disabled"], h = {
+	key: 0,
+	class: "r-date-range-trigger-badge"
+}, g = {
+	key: 1,
+	class: "r-date-range-trigger-label"
+}, _ = {
+	key: 2,
+	class: "r-date-range-trigger-placeholder"
+}, v = /*@__PURE__*/ l({
+	__name: "trigger",
+	props: {
+		dateRange: { default: null },
+		placeholder: { default: "Select date range" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showTimePicker: {
+			type: Boolean,
+			default: !1
+		},
+		is24hr: {
+			type: Boolean,
+			default: !1
+		},
+		timezone: { default: "UTC" },
+		isInvalid: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: n }) {
+		let l = e, v = n;
+		function y(e) {
+			return (0, p.default)(e).tz(l.timezone).format("MMM D, YYYY");
+		}
+		function b(e) {
+			let t = (0, p.default)(e).tz(l.timezone);
+			return l.is24hr ? t.format("HH:mm") : t.format("h:mm A");
+		}
+		let x = a(() => {
+			if (!l.dateRange) return null;
+			let e = y(l.dateRange.start), t = y(l.dateRange.end);
+			return l.showTimePicker ? `${e} \u00B7 ${b(l.dateRange.start)} - ${t} \u00B7 ${b(l.dateRange.end)}` : `${e} - ${t}`;
+		}), S = a(() => {
+			if (!l.dateRange?.isRelative || !l.dateRange?.relativeFilterValue) return null;
+			let e = i(l.timezone), t = l.dateRange.relativeFilterValue;
+			for (let [n, i] of Object.entries(e)) if (i.relativeFilterValue === t) return r[n];
+			return null;
+		});
+		function C() {
+			l.disabled || v("click");
+		}
+		return (e, n) => (d(), s("button", {
+			type: "button",
+			class: u(["r-date-range-trigger", {
+				"r-is-disabled": l.disabled,
+				"r-is-error": l.isInvalid
+			}]),
+			disabled: l.disabled,
+			onClick: C
+		}, [
+			c(t, {
+				icon: "calendar",
+				class: "r-date-range-trigger-icon"
+			}),
+			S.value ? (d(), s("span", h, f(S.value), 1)) : o("", !0),
+			x.value ? (d(), s("span", g, f(x.value), 1)) : (d(), s("span", _, f(l.placeholder), 1))
+		], 10, m));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/r-date-range/r-date-range.vue.mjs

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

package/dist/components/r-date-range/r-date-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,231 @@
+import { nanoid as e } from "../../vendor/nanoid/non-secure/index.mjs";
+import { useValidate as t } from "../../composables/use-validate.mjs";
+import { calendarPresets as n, getCalendarPresetPeriods as r } from "../r-date-input/calendar-presets.mjs";
+import i from "../r-input-errors/r-input-errors.vue.mjs";
+import a from "../r-field-label/r-field-label.vue.mjs";
+import o from "../r-popper/r-popper.vue.mjs";
+import s from "./components/trigger.vue.mjs";
+import c from "./components/popup.vue.mjs";
+import { useDateRangeState as l } from "./use-date-range-state.mjs";
+import { resolveEffectiveMaxDate as u, resolveEffectiveMinDate as d } from "./resolve-effective-date-boundary.mjs";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, normalizeClass as b, onMounted as x, onUnmounted as S, openBlock as C, ref as w, toDisplayString as T, unref as E, useModel as D, watch as ee, withCtx as O } from "vue";
+//#region src/components/r-date-range/r-date-range.vue?vue&type=script&setup=true&lang.ts
+var k = 900, A = /*@__PURE__*/ v({
+	__name: "r-date-range",
+	props: /*@__PURE__*/ y({
+		id: { default: () => e() },
+		label: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "Select date range" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		validate: { default: null },
+		showValidateMessages: {
+			type: Boolean,
+			default: !1
+		},
+		timezone: { default: "UTC" },
+		showPresets: {
+			type: Boolean,
+			default: !0
+		},
+		showTimePicker: {
+			type: Boolean,
+			default: !0
+		},
+		is24hr: {
+			type: Boolean,
+			default: !1
+		},
+		minDate: { default: void 0 },
+		maxDate: { default: void 0 },
+		columns: { default: void 0 },
+		maxDateRangeDays: { default: void 0 }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ y([
+		"apply",
+		"cancel",
+		"clear"
+	], ["update:modelValue"]),
+	setup(e, { emit: v }) {
+		let y = D(e, "modelValue"), A = e, j = v, M = w(null), N = w(null), P = w(!1), F = w("bottomStart"), I = w(window.innerWidth), L = f(() => I.value < k || document.documentElement.clientWidth < k || document.body.clientWidth < k);
+		function R() {
+			let e = N.value?.$el;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = window.innerWidth - t.left;
+			F.value = n < k ? "bottomEnd" : "bottomStart";
+		}
+		function z() {
+			I.value = window.innerWidth, R();
+		}
+		x(() => {
+			window.addEventListener("resize", z);
+		}), S(() => {
+			window.removeEventListener("resize", z);
+		});
+		let { isInvalid: B } = t(() => A.validate), V = l({
+			timezone: A.timezone,
+			showTimePicker: A.showTimePicker
+		}), H = f(() => A.columns === void 0 ? L.value ? 1 : 2 : A.columns), U = f(() => {
+			let e = A.maxDateRangeDays;
+			if (!(e === void 0 || e <= 0 || !Number.isFinite(e))) return Math.floor(e);
+		}), W = f(() => {
+			let e = Object.keys(n), t = U.value;
+			if (t === void 0) return e;
+			let i = r(A.timezone);
+			return e.filter((e) => i[e].end.diff(i[e].start, "days") < t);
+		}), G = f(() => u(U.value, V.startDate.value, V.selectionMode.value === "end", A.maxDate)), K = f(() => d(U.value, V.startDate.value, V.selectionMode.value === "end", A.minDate));
+		ee(y, (e) => {
+			P.value || V.setFromDateRange(e);
+		}, { immediate: !0 });
+		function q() {
+			A.disabled || (R(), V.setFromDateRange(y.value), M.value?.popper?.open(), P.value = !0);
+		}
+		function J() {
+			M.value?.popper?.close(), P.value = !1;
+		}
+		function Y() {
+			P.value ? J() : q();
+		}
+		function X() {
+			let e = V.buildDateRange();
+			y.value = e, j("apply", e), J();
+		}
+		function Z() {
+			V.setFromDateRange(y.value), j("cancel"), J();
+		}
+		function Q() {
+			V.clear(), j("clear");
+		}
+		function $(e) {
+			V.applyPreset(e);
+		}
+		function te(e) {
+			V.onDateClick(e);
+		}
+		function ne(e) {
+			V.onDateHover(e);
+		}
+		function re(e) {
+			V.startDate.value = e, V.selectedPreset.value = null;
+		}
+		function ie(e) {
+			V.endDate.value = e, V.selectedPreset.value = null;
+		}
+		function ae(e) {
+			V.startTime.value = e, V.selectedPreset.value = null;
+		}
+		function oe(e) {
+			V.endTime.value = e, V.selectedPreset.value = null;
+		}
+		return (e, t) => (C(), h("div", { class: b(["r-date-range-picker r-field", { "r-is-error": E(B) }]) }, [_(o, {
+			ref_key: "popperRef",
+			ref: M,
+			disabled: A.disabled,
+			position: F.value,
+			"auto-hide": !0,
+			onToggleOn: t[0] ||= (e) => P.value = !0,
+			onToggleOff: t[1] ||= (e) => P.value = !1
+		}, {
+			trigger: O(() => [A.label ? (C(), p(a, {
+				key: 0,
+				for: A.id,
+				required: A.required,
+				optional: A.optional
+			}, {
+				default: O(() => [g(T(A.label), 1)]),
+				_: 1
+			}, 8, [
+				"for",
+				"required",
+				"optional"
+			])) : m("", !0), _(s, {
+				id: A.id,
+				ref_key: "triggerRef",
+				ref: N,
+				"date-range": y.value,
+				placeholder: A.placeholder,
+				disabled: A.disabled,
+				"show-time-picker": A.showTimePicker,
+				is24hr: A.is24hr,
+				timezone: A.timezone,
+				"is-invalid": E(B),
+				onClick: Y
+			}, null, 8, [
+				"id",
+				"date-range",
+				"placeholder",
+				"disabled",
+				"show-time-picker",
+				"is24hr",
+				"timezone",
+				"is-invalid"
+			])]),
+			content: O(() => [_(c, {
+				"start-date": E(V).startDate.value,
+				"end-date": E(V).endDate.value,
+				"start-time": E(V).startTime.value,
+				"end-time": E(V).endTime.value,
+				"selected-preset": E(V).selectedPreset.value,
+				"show-presets": A.showPresets,
+				"show-time-picker": A.showTimePicker,
+				is24hr: A.is24hr,
+				columns: H.value,
+				"min-date": K.value,
+				"max-date": G.value,
+				timezone: A.timezone,
+				"is-mobile": L.value,
+				"is-in-range": E(V).isInRange,
+				"is-range-start": E(V).isRangeStart,
+				"is-range-end": E(V).isRangeEnd,
+				"available-presets": W.value,
+				onDateClick: te,
+				onDateHover: ne,
+				onPresetSelect: $,
+				"onUpdate:startDate": re,
+				"onUpdate:endDate": ie,
+				"onUpdate:startTime": ae,
+				"onUpdate:endTime": oe,
+				onApply: X,
+				onCancel: Z,
+				onClear: Q
+			}, null, 8, [
+				"start-date",
+				"end-date",
+				"start-time",
+				"end-time",
+				"selected-preset",
+				"show-presets",
+				"show-time-picker",
+				"is24hr",
+				"columns",
+				"min-date",
+				"max-date",
+				"timezone",
+				"is-mobile",
+				"is-in-range",
+				"is-range-start",
+				"is-range-end",
+				"available-presets"
+			])]),
+			_: 1
+		}, 8, ["disabled", "position"]), _(i, {
+			validate: A.validate,
+			"show-validate-messages": A.showValidateMessages
+		}, null, 8, ["validate", "show-validate-messages"])], 2));
+	}
+});
+//#endregion
+export { A as default };

package/dist/components/r-date-range/resolve-effective-date-boundary.mjs

@@ -0,0 +1,17 @@
+//#region src/components/r-date-range/resolve-effective-date-boundary.ts
+function e(e, t, n, r) {
+	if (e !== void 0 && t !== null && n) {
+		let n = new Date(t);
+		return n.setDate(n.getDate() + e - 1), r ? n <= new Date(r) ? n : r : n;
+	}
+	return r;
+}
+function t(e, t, n, r) {
+	if (e !== void 0 && t !== null && n) {
+		let n = new Date(t);
+		return n.setDate(n.getDate() - e + 1), r ? n >= new Date(r) ? n : r : n;
+	}
+	return r;
+}
+//#endregion
+export { e as resolveEffectiveMaxDate, t as resolveEffectiveMinDate };