@rebilly/revel 13.6.10 → 13.8.0

package/CHANGELOG.md

@@ -1,5 +1,5 @@
-## 13.6.10 (2026-10-26)
+## 13.8.0 (2026-10-27)
 
-### 🧱 Updated Dependencies
+### Features
 
-- Updated eslint-config to 4.32.14
+- **recomm, revel:** Update accepted file types for Replay media ([#30474](https://github.com/Rebilly/rebilly/pull/30474))

package/dist/components/r-file-dropzone/pretty-file-name-format.mjs

@@ -9,6 +9,7 @@ function e(e) {
 		"image/png": "PNG",
 		"image/gif": "GIF",
 		"image/webp": "WEBP",
+		"image/svg+xml": "SVG",
 		"application/pdf": "PDF",
 		"application/zip": "ZIP",
 		"application/msword": "DOC",

package/dist/components/r-tabs/r-tabs.vue.d.ts

@@ -50,11 +50,23 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Pin the tab list to the top of the nearest scroll parent once it
+     * scrolls out of view. When that scroll parent has a header child,
+     * the tab list sits below the header.
+     */
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     tabItemLinkRefs: import("vue").Ref<HTMLElement[], HTMLElement[]>;
     tablistRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    stickyHostRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    stickySentinelRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     layoutVersion: import("vue").Ref<number, number>;
     recomputeIndicator: () => void;
+    isStuck: import("vue").Ref<boolean, boolean>;
 }, State, {
     visibleTabs(): {
         tabId: string;
@@ -136,11 +148,21 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Pin the tab list to the top of the nearest scroll parent once it
+     * scrolls out of view. When that scroll parent has a header child,
+     * the tab list sits below the header.
+     */
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onTab-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
     lazy: boolean;
     showValidateMessages: boolean;
+    sticky: boolean;
     divided: boolean;
     menuClass: string;
     contentClass: string;

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

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

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

@@ -2,9 +2,22 @@ import { capitalizeFirstLetter as e } from "../../common/helpers/capitalize-firs
 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";
+import { computed as i, defineComponent as a, nextTick as o, onBeforeUnmount as s, onMounted as c, ref as l, watch as u } from "vue";
 //#region src/components/r-tabs/r-tabs.vue?vue&type=script&lang.ts
-var l = a({
+function d(e) {
+	let t = e?.parentElement ?? null;
+	for (; t;) {
+		let { overflowY: e } = window.getComputedStyle(t);
+		if (e === "auto" || e === "scroll" || e === "overlay") return t;
+		t = t.parentElement;
+	}
+	return null;
+}
+function f(e) {
+	let t = Array.from(e.children).find((e) => e instanceof HTMLElement && e.tagName === "HEADER");
+	return t instanceof HTMLElement ? t : null;
+}
+var p = a({
 	name: "RTabs",
 	components: {},
 	directives: { tooltip: r },
@@ -40,22 +53,59 @@ var l = a({
 		lazy: {
 			type: Boolean,
 			default: !0
+		},
+		sticky: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	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?.();
+	setup(e) {
+		let n = l([]), r = l(null), i = l(null), a = l(null), p = l(0), m = l(!1), h = null, g = null, _ = !1, v = () => {
+			p.value += 1;
+		}, y = t(v, 100);
+		function b() {
+			h?.disconnect(), h = null, g?.disconnect(), g = null, m.value = !1, i.value?.style.removeProperty("--r-tabs-sticky-offset");
+		}
+		function x(e, t) {
+			g?.disconnect(), g = null;
+			let n = a.value;
+			if (!n || typeof IntersectionObserver > "u") return;
+			let r = e === document.documentElement ? null : e, i = new IntersectionObserver(([e]) => {
+				if (g !== i) return;
+				let t = e?.rootBounds?.top;
+				m.value = !!(e && !e.isIntersecting && t != null && e.boundingClientRect.bottom <= t);
+			}, {
+				root: r,
+				rootMargin: `-${Math.round(t)}px 0px 0px 0px`,
+				threshold: 0
+			});
+			g = i, i.observe(n);
+		}
+		function S() {
+			if (b(), !e.sticky) return;
+			let t = i.value;
+			if (!t) return;
+			let n = d(t) ?? document.documentElement, r = f(n), a = () => {
+				let e = r ? r.getBoundingClientRect().height : 0;
+				t.style.setProperty("--r-tabs-sticky-offset", `${e}px`), x(n, e);
+			};
+			a(), r && typeof ResizeObserver < "u" && (h = new ResizeObserver(() => a()), h.observe(r));
+		}
+		return c(() => {
+			window.addEventListener("resize", y), _ = !0, S();
+		}), s(() => {
+			window.removeEventListener("resize", y), y.cancel?.(), _ = !1, b();
+		}), u(() => e.sticky, () => {
+			_ && o(() => S());
 		}), {
-			tabItemLinkRefs: e,
-			tablistRef: n,
-			layoutVersion: r,
-			recomputeIndicator: i
+			tabItemLinkRefs: n,
+			tablistRef: r,
+			stickyHostRef: i,
+			stickySentinelRef: a,
+			layoutVersion: p,
+			recomputeIndicator: v,
+			isStuck: m
 		};
 	},
 	data: () => ({
@@ -137,4 +187,4 @@ var l = a({
 	}
 });
 //#endregion
-export { l as default };
+export { p as default };