@rebilly/revel 13.6.2 → 13.6.3

package/dist/components/r-file-upload/r-file-upload.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,57 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, nextTick as r, openBlock as i, ref as a, renderSlot as o, withModifiers as s } from "vue";
+//#region src/components/r-file-upload/r-file-upload.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"multiple",
+	"accept",
+	"disabled"
+], l = /*@__PURE__*/ n({
+	__name: "r-file-upload",
+	props: {
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"input",
+		"cancel",
+		"close"
+	],
+	setup(n, { emit: l }) {
+		let u = l, d = a(null), f = a(!1);
+		function p() {
+			f.value = !0, d.value?.click();
+		}
+		function m() {
+			f.value && (f.value = !1, r(() => {
+				(!d.value || !d.value?.files?.length) && (u("cancel"), u("close"));
+			}));
+		}
+		function h(e) {
+			f.value = !1, e.target && e.target instanceof HTMLInputElement && e.target?.files?.length && u("input", e.target?.files), u("close");
+		}
+		return (r, a) => (i(), e("div", {
+			class: "r-file-upload",
+			onChange: a[0] ||= s(() => {}, ["stop"])
+		}, [t("input", {
+			ref_key: "inputFile",
+			ref: d,
+			class: "r-hide",
+			type: "file",
+			multiple: n.multiple,
+			accept: n.accept,
+			disabled: n.disabled,
+			onChange: s(h, ["stop"])
+		}, null, 40, c), o(r.$slots, "default", {
+			openFileBrowser: p,
+			setFocus: m
+		})], 32));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/r-flex/r-flex-item.vue.mjs

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

package/dist/components/r-flex/r-flex-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,28 @@
+import { computed as e, createElementBlock as t, defineComponent as n, inject as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/components/r-flex/r-flex-item.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "r-flex-item",
+	props: {
+		span: { default: "auto" },
+		wrap: { default: null },
+		offset: { default: null },
+		alignSelf: { default: null },
+		flexNone: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let c = r("flexLayoutProps"), l = n, u = e(() => {
+			let e = {
+				[`r-flex-layout-item-${l.span}`]: !0,
+				[`r-flex-layout-item-align-self-${l.alignSelf}`]: !!l.alignSelf,
+				"r-flex-none": l.flexNone
+			};
+			return l.wrap !== null && (e[`r-flex-layout-item-wrap-${Number(s(c?.columns)) - Number(l.span)}`] = !0), l.offset !== null && (e[`r-flex-layout-item-offset-${l.offset}`] = !0), e;
+		});
+		return Number(l.span) > 12 && console.warn(`Revel[RFlexItem]: 'span' prop only covers 12 columns. Received: ${l.span}`), (e, n) => (a(), t("div", { class: i(["r-flex-layout-item", u.value]) }, [o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { c as default };

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

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

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

@@ -0,0 +1,45 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, provide as a, renderSlot as o, toRefs as s } from "vue";
+//#region src/components/r-flex/r-flex.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "r-flex",
+	props: {
+		columns: { default: "12" },
+		gap: { default: null },
+		alignItems: { default: null },
+		alignContent: { default: null },
+		justifyContent: { default: null },
+		direction: { default: null },
+		wrap: { default: null },
+		unstackable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let c = n, l = e(() => {
+			let e = {
+				[`r-flex-layout-columns-${c.columns}`]: !!c.columns,
+				[`r-flex-layout-align-items-${c.alignItems}`]: !!c.alignItems,
+				[`r-flex-layout-align-content-${c.alignContent}`]: !!c.alignContent,
+				[`r-flex-layout-justify-content-${c.justifyContent}`]: !!c.justifyContent,
+				[`r-flex-layout-direction-${c.direction}`]: !!c.direction,
+				[`r-flex-layout-wrap-${c.wrap}`]: !!c.wrap,
+				"r-flex-layout-unstackable": c.unstackable
+			};
+			if (c.gap) {
+				let t = c.gap.replace(/\s/g, "").split(",");
+				if (t.length === 2) {
+					let [n, r] = t;
+					e[`r-flex-layout-gap-row-${n}`] = !0, e[`r-flex-layout-gap-column-${r}`] = !0;
+				} else e[`r-flex-layout-gap-${c.gap}`] = !0;
+			}
+			return e;
+		});
+		return a("flexLayoutProps", s(c)), Number(c.columns) > 12 && console.warn(`Revel[RFlex]: 'columns' prop only covers 12 columns. Received: ${c.columns}`), c.gap && c.gap.split(",").some((e) => Number(e) > 12) && console.warn(`Revel[RFlex]: 'gap' prop only covers 12 sizes. Received: ${c.gap}`), (e, n) => (i(), t("div", {
+			class: r(["r-flex-layout", l.value]),
+			"data-testid": "r-flex-layout"
+		}, [o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/r-grid/r-grid-cell.vue.mjs

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

package/dist/components/r-grid/r-grid-cell.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,46 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, inject as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u } from "vue";
+//#region src/components/r-grid/r-grid-cell.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ a({
+	__name: "r-grid-cell",
+	props: {
+		span: { default: null },
+		justifySelf: { default: null },
+		alignSelf: { default: null },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		offset: { default: null }
+	},
+	setup(a) {
+		let d = o("gridLayoutProps"), f = a, p = t(() => ({
+			[`r-grid-layout-cell-span-${f.span ?? u(d?.columns)}`]: !0,
+			[`r-grid-layout-cell-justify-self-${f.justifySelf}`]: !!f.justifySelf,
+			[`r-grid-layout-cell-align-self-${f.alignSelf}`]: !!f.alignSelf
+		})), m = t(() => {
+			if (!f.offset) return null;
+			let [e, t] = f.offset.split(",").map(Number);
+			return {
+				[`r-grid-layout-cell-offset-start-${e}`]: !0,
+				[`r-grid-layout-cell-offset-end-${t}`]: !0,
+				"r-grid-layout-cell-offset": !0
+			};
+		}), h = t(() => f.wrap ? {
+			[`r-grid-layout-cell-wrap-start-${f.span}`]: !0,
+			"r-grid-layout-cell-wrap": !0
+		} : null);
+		return Number(f.span) > 12 && console.warn(`Revel[RGridCell]: 'span' prop only covers 12 columns. Received: ${f.span}`), f?.wrap && f?.offset?.split(",").length && console.warn("Revel[RGridCell]: Avoid using 'wrap' and 'offset' props together"), (t, a) => (c(), r(e, null, [
+			m.value ? (c(), r("div", {
+				key: 0,
+				class: s(["r-grid-layout-cell is-offset", m.value])
+			}, null, 2)) : n("", !0),
+			i("div", { class: s(["r-grid-layout-cell", p.value]) }, [l(t.$slots, "default")], 2),
+			h.value ? (c(), r("div", {
+				key: 1,
+				class: s(["r-grid-layout-cell is-wrap", h.value])
+			}, null, 2)) : n("", !0)
+		], 64));
+	}
+});
+//#endregion
+export { d as default };

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

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

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

@@ -0,0 +1,34 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, provide as a, renderSlot as o, toRefs as s } from "vue";
+//#region src/components/r-grid/r-grid.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "r-grid",
+	props: {
+		columns: { default: "12" },
+		gap: { default: null },
+		justifyItems: { default: null },
+		alignItems: { default: null },
+		jutifyContent: { default: null },
+		alignContent: { default: null },
+		unstackable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let c = n, l = e(() => ({
+			[`r-grid-layout-columns-${c.columns}`]: !0,
+			[`r-grid-layout-gap-${c.gap}`]: !!c.gap,
+			[`r-grid-layout-justify-content-${c.jutifyContent}`]: !!c.jutifyContent,
+			[`r-grid-layout-align-content-${c.alignContent}`]: !!c.alignContent,
+			[`r-grid-layout-justify-items-${c.justifyItems}`]: !!c.justifyItems,
+			[`r-grid-layout-align-items-${c.alignItems}`]: !!c.alignItems,
+			"r-grid-layout-unstackable": c.unstackable
+		}));
+		return a("gridLayoutProps", s(c)), Number(c.columns) > 12 && console.warn(`Revel[RGrid]: 'columns' prop only covers 12 columns. Received: ${c.columns}`), c.gap && Number(c.gap) > 12 && console.warn(`Revel[RGrid]: 'gap' prop only covers 12 sizes. Received: ${c.gap}`), (e, n) => (i(), t("div", {
+			class: r(["r-grid-layout", l.value]),
+			"data-testid": "r-grid-layout"
+		}, [o(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { c as default };