@revolist/ui 4.0.6 → 4.0.10

package/surfaces.d.ts

@@ -36,3 +36,4 @@ export declare function attachResizeHandle(handle: HTMLElement, options: ResizeO
 export { useTooltip, ControlTooltip } from './core/tooltip';
 export { prepareTooltipSurface, ensureTooltipStyles, } from './core/tooltip-surface';
 export { TooltipText } from './core/tooltip-text';
+export * from './core/tooltip-options';

package/surfaces.js

@@ -1,13 +1,14 @@
 import { releasePreactElement as e } from "./preact-mount.js";
-import { c as t, s as n } from "./_chunks/top-layer-popup-CKJ7VJOF.js";
+import { l as t, s as n } from "./_chunks/top-layer-popup-DU1r_2v5.js";
 import { inheritUiMotion as r } from "./core/motion.js";
 import { PopoverController as i, TooltipController as a, createTooltipElement as o } from "./core/popover-controller.js";
-import { r as s, t as c } from "./_chunks/tooltip-h-Z8yFBY.js";
+import { r as s, t as c } from "./_chunks/tooltip-BkuH0JdW.js";
 import { createDialogElements as l, getDialogFocusableElements as u, trapDialogFocus as d } from "./dialog/dialog.dom.js";
 import { attachDialogDrag as f } from "./dialog/dialog.drag.js";
-import { t as p } from "./_chunks/tooltip-text-BN5WdGHn.js";
+import { t as p } from "./_chunks/tooltip-text-CH_c2J-J.js";
+import { TooltipGroup as m, createTooltipGroup as h } from "./core/tooltip-options.js";
 //#region package/surfaces.tsx
-var m = /* @__PURE__ */ new WeakMap(), h = class {
+var g = /* @__PURE__ */ new WeakMap(), _ = class {
 	document;
 	environment;
 	active;
@@ -19,32 +20,32 @@ var m = /* @__PURE__ */ new WeakMap(), h = class {
 	}
 	open(t) {
 		this.close();
-		let n = this.document, i = n.activeElement, a = !1, o, s, c = m.get(n) ?? [];
-		m.set(n, c);
+		let n = this.document, i = n.activeElement, a = !1, o, s, c = g.get(n) ?? [];
+		g.set(n, c);
 		let p = () => {
 			if (a) return;
-			a = !0, o?.(), s?.(), e(h.root);
-			let n = c.indexOf(h.root), r = n === c.length - 1;
-			n !== -1 && c.splice(n, 1), this.active?.root === h.root && (this.active = void 0);
+			a = !0, o?.(), s?.(), e(m.root);
+			let n = c.indexOf(m.root), r = n === c.length - 1;
+			n !== -1 && c.splice(n, 1), this.active?.root === m.root && (this.active = void 0);
 			try {
 				t.onClose?.();
 			} finally {
 				r && (this.environment.restoreFocus ? this.environment.restoreFocus(t.returnFocus, i ?? void 0) : [t.returnFocus, i].find((e) => e?.isConnected)?.focus?.({ preventScroll: !0 }));
 			}
-		}, h = l(n, t, p), g = {
-			...h,
+		}, m = l(n, t, p), h = {
+			...m,
 			close: p
 		};
-		return this.environment.beforeMount?.(h.root), s = r(t.returnFocus ?? i, h.root), h.root.addEventListener("mousedown", (e) => {
-			e.target === h.root && c.at(-1) === h.root && p();
-		}), h.root.addEventListener("keydown", (e) => {
-			c.at(-1) === h.root && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), p()) : e.key === "Tab" && d(h.root, e));
-		}), n.body.append(h.root), c.push(h.root), t.draggable !== !1 && (o = f({
-			target: h.surface,
-			handle: h.header
-		})), this.active = g, this.environment.onOpen?.(t), queueMicrotask(() => {
-			!a && c.at(-1) === h.root && (u(h.root)[0] ?? h.root).focus({ preventScroll: !0 });
-		}), g;
+		return this.environment.beforeMount?.(m.root), s = r(t.returnFocus ?? i, m.root), m.root.addEventListener("mousedown", (e) => {
+			e.target === m.root && c.at(-1) === m.root && p();
+		}), m.root.addEventListener("keydown", (e) => {
+			c.at(-1) === m.root && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), p()) : e.key === "Tab" && d(m.root, e));
+		}), n.body.append(m.root), c.push(m.root), t.draggable !== !1 && (o = f({
+			target: m.surface,
+			handle: m.header
+		})), this.active = h, this.environment.onOpen?.(t), queueMicrotask(() => {
+			!a && c.at(-1) === m.root && (u(m.root)[0] ?? m.root).focus({ preventScroll: !0 });
+		}), h;
 	}
 	close(e) {
 		(!e || this.active?.root === e) && this.active?.close();
@@ -53,7 +54,7 @@ var m = /* @__PURE__ */ new WeakMap(), h = class {
 		this.close();
 	}
 };
-function g(e, t = () => {}, n = {}) {
+function v(e, t = () => {}, n = {}) {
 	let r = (r) => {
 		let i = Array.from(e.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]")).filter((t) => t.closest("[role=\"menu\"]") === e && t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && !t.hidden), a = i.indexOf(e.ownerDocument.activeElement);
 		[
@@ -65,7 +66,7 @@ function g(e, t = () => {}, n = {}) {
 	};
 	return e.addEventListener("keydown", r), () => e.removeEventListener("keydown", r);
 }
-function _(e, t) {
+function y(e, t) {
 	let n = typeof t == "function" ? t : () => t, r = n().value, i = r, a = () => {
 		let e = n();
 		return e.value !== i && (i = e.value, r = e.value), e;
@@ -98,4 +99,4 @@ function _(e, t) {
 	};
 }
 //#endregion
-export { c as ControlTooltip, h as DialogController, i as PopoverController, a as TooltipController, p as TooltipText, g as attachMenuKeyboard, _ as attachResizeHandle, o as createTooltipElement, n as ensureTooltipStyles, t as prepareTooltipSurface, s as useTooltip };
+export { c as ControlTooltip, _ as DialogController, i as PopoverController, a as TooltipController, m as TooltipGroup, p as TooltipText, v as attachMenuKeyboard, y as attachResizeHandle, o as createTooltipElement, h as createTooltipGroup, n as ensureTooltipStyles, t as prepareTooltipSurface, s as useTooltip };

package/svelte.d.ts

@@ -7,3 +7,5 @@ export type { PdfViewerProps, PdfViewerText } from './pdf-viewer/component';
 export type { PdfViewerToolbarProps } from './pdf-viewer/toolbar';
 export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig, } from './pdf-viewer/toolbar-options';
 export { defaultPdfViewerText } from './pdf-viewer/translations';
+export { createTooltipGroup, TooltipGroup } from './core/tooltip-options';
+export type { TooltipAnchor, TooltipSide, TooltipAlign, TooltipReason, TooltipContent, TooltipOffset, TooltipOffsetContext, TooltipGroupOptions, TooltipOptions, TooltipControllerOptions, TooltipChangeDetails, TooltipContentContext, TooltipPositionOptions, } from './core/tooltip-options';

package/svelte.js

@@ -1,27 +1,28 @@
-import { i as e } from "./_chunks/component-C3k_8uIq.js";
-import { t } from "./_chunks/component-metadata-DlVkpW3h.js";
-import { n, t as r } from "./_chunks/framework-mount-D4I8HpVp.js";
-import { uiComponents as i } from "./framework.js";
+import { TooltipGroup as e, createTooltipGroup as t } from "./core/tooltip-options.js";
+import { i as n } from "./_chunks/component-B22CtP21.js";
+import { t as r } from "./_chunks/component-metadata-B_hLjtM0.js";
+import { n as i, t as a } from "./_chunks/framework-mount-CX0oj05W.js";
+import { uiComponents as o } from "./framework.js";
 import "svelte/internal/disclose-version";
-import * as a from "svelte/internal/client";
-import { onMount as o, untrack as s } from "svelte";
+import * as s from "svelte/internal/client";
+import { onMount as c, untrack as l } from "svelte";
 //#region package/svelte/UiComponent.svelte
-var c = a.from_html("<span style=\"display: contents\" data-rv-svelte-content=\"\"><!></span>"), l = a.from_html("<span style=\"display: contents\"></span> <!>", 1);
-function u(e, u) {
-	a.push(u, !0);
-	let d = a.prop(u, "props", 19, () => ({})), f = a.prop(u, "slots", 19, () => ({})), p, m = a.state([]), h = a.state(void 0);
-	o(() => {
-		let e = r(p, (e) => {
-			a.set(m, e);
+var u = s.from_html("<span style=\"display: contents\" data-rv-svelte-content=\"\"><!></span>"), d = s.from_html("<span style=\"display: contents\"></span> <!>", 1);
+function f(e, t) {
+	s.push(t, !0);
+	let n = s.prop(t, "props", 19, () => ({})), f = s.prop(t, "slots", 19, () => ({})), p, m = s.state([]), h = s.state(void 0);
+	c(() => {
+		let e = a(p, (e) => {
+			s.set(m, e);
 		});
-		return a.set(h, e), () => {
+		return s.set(h, e), () => {
 			e.destroy();
 		};
-	}), a.user_effect(() => {
-		let e = { ...d() }, r = u.component, o = {
+	}), s.user_effect(() => {
+		let e = { ...n() }, a = t.component, c = {
 			...f(),
-			...u.children ? { default: u.children } : {}
-		}, c = u.onValueChange, l = u.onUiEvent, p = a.get(h), m = t[r], g = /* @__PURE__ */ new Set([
+			...t.children ? { default: t.children } : {}
+		}, u = t.onValueChange, d = t.onUiEvent, p = s.get(h), m = r[a], g = /* @__PURE__ */ new Set([
 			...Object.keys(e).filter((e) => /^on[A-Z]/.test(e)),
 			"onClose",
 			...m ? [m.callback] : []
@@ -30,29 +31,29 @@ function u(e, u) {
 			let n = e[t];
 			e[t] = (...e) => {
 				let r = n?.(...e);
-				return t === m?.callback && c?.(e[0]), l?.({
+				return t === m?.callback && u?.(e[0]), d?.({
 					name: t,
 					args: e
 				}), r;
 			};
 		}
-		s(() => p?.render(i[r], e, (e, t) => n(r, e, o, t)));
+		l(() => p?.render(o[a], e, (e, t) => i(a, e, c, t)));
 	});
 	function g(e, t) {
 		return t.appendChild(e), { update(t) {
 			t.appendChild(e);
 		} };
 	}
-	var _ = l(), v = a.first_child(_);
-	a.bind_this(v, (e) => p = e, () => p);
-	var y = a.sibling(v, 2);
-	a.each(y, 17, () => a.get(m), (e) => e.id, (e, t) => {
-		var n = c(), r = a.child(n);
-		a.snippet(r, () => a.get(t).content, () => a.get(t).scope), a.reset(n), a.action(n, (e, t) => g?.(e, t), () => a.get(t).element), a.append(e, n);
-	}), a.template_effect(() => a.set_attribute(v, "data-rv-svelte-host", u.component)), a.append(e, _), a.pop();
+	var _ = d(), v = s.first_child(_);
+	s.bind_this(v, (e) => p = e, () => p);
+	var y = s.sibling(v, 2);
+	s.each(y, 17, () => s.get(m), (e) => e.id, (e, t) => {
+		var n = u(), r = s.child(n);
+		s.snippet(r, () => s.get(t).content, () => s.get(t).scope), s.reset(n), s.action(n, (e, t) => g?.(e, t), () => s.get(t).element), s.append(e, n);
+	}), s.template_effect(() => s.set_attribute(v, "data-rv-svelte-host", t.component)), s.append(e, _), s.pop();
 }
 //#endregion
 //#region package/svelte.ts
-var d = u;
+var p = f;
 //#endregion
-export { d as UiComponent, e as defaultPdfViewerText };
+export { e as TooltipGroup, p as UiComponent, t as createTooltipGroup, n as defaultPdfViewerText };

package/switch/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t } from "../_chunks/native-control-um1L1wgZ.js";
+import { t as e } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { t } from "../_chunks/native-control-DjJ8Na3T.js";
 //#region package/switch/index.tsx
 function n({ checked: n, onChange: r, label: i, ariaLabel: a, className: o = "", disabled: s = !1, labelPosition: c = "before", title: l, testId: u }) {
 	let d = /* @__PURE__ */ e("span", {

package/time-grid.js

@@ -1,7 +1,7 @@
-import { r as e, t } from "./_chunks/hooks.module-CG3gN83z.js";
-import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t as r } from "./_chunks/native-control-um1L1wgZ.js";
-import { t as i } from "./_chunks/tooltip-text-BN5WdGHn.js";
+import { r as e, t } from "./_chunks/hooks.module-CXpO2xq6.js";
+import { t as n } from "./_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { t as r } from "./_chunks/native-control-DjJ8Na3T.js";
+import { t as i } from "./_chunks/tooltip-text-CH_c2J-J.js";
 //#region package/time-grid.tsx
 var a = (e, t) => `${e}:${t}`;
 function o(e) {

package/timeline-track/_style.scss

@@ -3,6 +3,8 @@
   position: relative;
   box-sizing: border-box;
   width: 100%;
+  min-width: 82px;
+  --rv-timeline-lane-size: max(42px, calc(1lh + 24px));
   height: 112px;
   margin: 0 0 12px;
   overflow: hidden;
@@ -64,8 +66,8 @@
   top: 39px;
   z-index: 1;
   box-sizing: border-box;
-  min-width: 6px;
-  height: 30px;
+  min-width: 56px;
+  height: max(30px, calc(1lh + 12px));
   border: 1px solid var(--timeline-event-color-end, #15803d);
   border-radius: 7px;
   background: var(--timeline-event-color, #16a34a);
@@ -191,3 +193,32 @@
     background: HighlightText;
   }
 }
+
+.rv-timeline-control__actions {
+  margin-block: 8px;
+  summary {
+    cursor: pointer;
+    min-height: 24px;
+  }
+  fieldset {
+    min-width: 0;
+    margin-block: 8px;
+    border: 1px solid var(--rv-ui-border);
+    border-radius: 6px;
+  }
+  output {
+    display: block;
+    margin-bottom: 8px;
+  }
+}
+.rv-timeline-control__commands {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+@media (forced-colors: active) {
+  .rv-timeline-control__track button:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: -2px;
+  }
+}

package/timeline-track/component.d.ts

@@ -7,6 +7,13 @@ export interface TimelineTrackItem<T extends TimelineTrackEvent> {
 }
 export interface TimelineTrackLabels {
     readonly preview: string;
+    readonly editEvents?: string;
+    readonly moveEarlier?: string;
+    readonly moveLater?: string;
+    readonly startEarlier?: string;
+    readonly startLater?: string;
+    readonly endEarlier?: string;
+    readonly endLater?: string;
     readonly moveEvent: (index: number) => string;
     readonly resizeStart: (label: string) => string;
     readonly resizeEnd: (label: string) => string;
@@ -14,6 +21,8 @@ export interface TimelineTrackLabels {
 export interface TimelineTrackProps<T extends TimelineTrackEvent> {
     readonly rows: readonly TimelineTrackItem<T>[];
     readonly tooltip?: boolean;
+    /** Show click/tap alternatives to dragging. Hosts hiding these must supply equivalent controls. */
+    readonly showActions?: boolean;
     readonly formatValue?: (value: number) => string;
     readonly getTooltip?: (event: T) => string;
     readonly selected?: string | number;
@@ -24,4 +33,4 @@ export interface TimelineTrackProps<T extends TimelineTrackEvent> {
     readonly onEventChange: (id: string | number, event: T) => void;
 }
 /** Controlled numeric timeline. Changes preserve event metadata; consumers own commits. */
-export declare function TimelineTrack<T extends TimelineTrackEvent>({ rows, tooltip, formatValue, getTooltip, selected, range, labels, onSelect, onEventChange, }: TimelineTrackProps<T>): JSX.Element;
+export declare function TimelineTrack<T extends TimelineTrackEvent>({ rows, tooltip, showActions, formatValue, getTooltip, selected, range, labels, onSelect, onEventChange, }: TimelineTrackProps<T>): JSX.Element;

package/timeline-track/index.js

@@ -1,156 +1,218 @@
-import { t as e } from "../_chunks/hooks.module-CG3gN83z.js";
-import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t as n } from "../_chunks/native-control-um1L1wgZ.js";
-import { n as r } from "../_chunks/tooltip-h-Z8yFBY.js";
-import { eventOutsideRange as i, moveTimelineEvent as a, niceTimelineStep as o, resizeTimelineEvent as s, timelineEventBackground as c, timelineGeometry as l } from "./model.js";
+import { i as e } from "../_chunks/preact.module-DzTStiZX.js";
+import { t } from "../_chunks/hooks.module-CXpO2xq6.js";
+import { t as n } from "../_chunks/jsxRuntime.module-ksX_VSbv.js";
+import { t as r } from "../_chunks/native-control-DjJ8Na3T.js";
+import { n as i } from "../_chunks/tooltip-BkuH0JdW.js";
+import { eventOutsideRange as a, moveTimelineEvent as o, niceTimelineStep as s, resizeTimelineEvent as c, timelineEventBackground as l, timelineGeometry as u } from "./model.js";
 //#region package/timeline-track/component.tsx
-var u = {
+var d = {
 	preview: "Timeline preview",
+	editEvents: "Edit timeline events",
+	moveEarlier: "Move earlier",
+	moveLater: "Move later",
+	startEarlier: "Start earlier",
+	startLater: "Start later",
+	endEarlier: "End earlier",
+	endLater: "End later",
 	moveEvent: (e) => `Move event ${e}`,
 	resizeStart: (e) => `Resize start of ${e}`,
 	resizeEnd: (e) => `Resize end of ${e}`
 };
-function d({ rows: r, tooltip: d = !0, formatValue: p = String, getTooltip: m, selected: h, range: g, labels: _, onSelect: v, onEventChange: y }) {
-	let b = {
-		...u,
-		..._
-	}, x = e(), S = (e, t, n) => {
+function f({ rows: i, tooltip: f = !0, showActions: m = !0, formatValue: h = String, getTooltip: g, selected: _, range: v, labels: y, onSelect: b, onEventChange: x }) {
+	let S = {
+		...d,
+		...y
+	}, C = t(), w = (e, t, n) => {
 		let r = e.currentTarget.closest(".rv-timeline-control__track");
-		r && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), x.current = {
+		r && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), C.current = {
 			id: t.id,
 			mode: n,
 			clientX: e.clientX,
 			event: t.event,
 			width: r.getBoundingClientRect().width
-		}, v(t.id));
-	}, C = (e) => {
-		let t = x.current;
+		}, b(t.id));
+	}, T = (e) => {
+		let t = C.current;
 		if (!t) return;
-		let n = o(g), r = (e.clientX - t.clientX) / Math.max(1, t.width) * (g.end - g.start), i = Math.round(r / n) * n, c = t.mode === "move" ? a(t.event, i, g) : s(t.event, t.mode, i, g);
-		y(t.id, c);
-	}, w = () => {
-		x.current = void 0;
-	}, T = (e, t, n) => {
+		let n = s(v), r = (e.clientX - t.clientX) / Math.max(1, t.width) * (v.end - v.start), i = Math.round(r / n) * n, a = t.mode === "move" ? o(t.event, i, v) : c(t.event, t.mode, i, v);
+		x(t.id, a);
+	}, E = () => {
+		C.current = void 0;
+	}, D = (e, t, n) => {
 		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 		e.preventDefault();
-		let r = o(g) * (e.key === "ArrowLeft" ? -1 : 1);
-		y(t.id, n === "move" ? a(t.event, r, g) : s(t.event, n, r, g));
+		let r = s(v) * (e.key === "ArrowLeft" ? -1 : 1);
+		x(t.id, n === "move" ? o(t.event, r, v) : c(t.event, n, r, v));
 	};
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
 		class: "rv-timeline-editor__track rv-timeline-control__track",
 		role: "group",
-		"aria-label": b.preview,
+		"aria-label": S.preview,
+		style: { height: `max(112px, calc(70px + ${i.length} * var(--rv-timeline-lane-size)))` },
 		children: [
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ n("span", {
 				class: "rv-timeline-editor__range rv-timeline-editor__range--start rv-timeline-control__range rv-timeline-control__range--start",
-				children: g.start
+				children: v.start
 			}),
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ n("span", {
 				class: "rv-timeline-editor__range rv-timeline-editor__range--end rv-timeline-control__range rv-timeline-control__range--end",
-				children: g.end
+				children: v.end
 			}),
-			r.map((e, t) => ({
+			i.map((e, t) => ({
 				row: e,
 				index: t
-			})).filter(({ row: e }) => Number.isFinite(e.event.start) && Number.isFinite(e.event.end) && e.event.end >= e.event.start).map(({ row: e, index: r }) => {
-				let a = l(e.event, g), o = i(e.event, g), s = e.event.label || b.moveEvent(r + 1);
-				return /* @__PURE__ */ t(f, {
-					tooltipText: d ? m?.(e.event) ?? `${s}: ${p(e.event.start)} – ${p(e.event.end)}` : void 0,
+			})).filter(({ row: e }) => Number.isFinite(e.event.start) && Number.isFinite(e.event.end) && e.event.end >= e.event.start).map(({ row: e, index: t }) => {
+				let i = u(e.event, v), o = `clamp(56px, ${i.width}%, calc(100% - 24px))`, s = a(e.event, v), c = e.event.label || S.moveEvent(t + 1);
+				return /* @__PURE__ */ n(p, {
+					tooltipText: f ? g?.(e.event) ?? `${c}: ${h(e.event.start)} – ${h(e.event.end)}` : void 0,
 					class: [
 						"rv-timeline-editor__bar rv-timeline-control__bar",
-						h === e.id ? "rv-timeline-editor__bar--selected rv-timeline-control__bar--selected" : "",
+						_ === e.id ? "rv-timeline-editor__bar--selected rv-timeline-control__bar--selected" : "",
 						e.event.start === e.event.end ? "rv-timeline-editor__bar--milestone rv-timeline-control__bar--milestone" : "",
-						o ? "rv-timeline-editor__bar--outside rv-timeline-control__bar--outside" : ""
+						s ? "rv-timeline-editor__bar--outside rv-timeline-control__bar--outside" : ""
 					].filter(Boolean).join(" "),
 					style: {
-						left: `${a.left}%`,
-						width: `${a.width}%`,
-						background: c(e.event),
+						top: `calc(39px + ${t} * var(--rv-timeline-lane-size))`,
+						left: `clamp(12px, ${i.left}%, calc(100% - ${o} - 12px))`,
+						width: o,
+						background: l(e.event),
 						color: e.event.textColor,
 						"--timeline-event-color": e.event.color,
 						"--timeline-event-color-end": e.event.color
 					},
 					role: "group",
-					"aria-label": s,
+					"aria-label": c,
 					children: [
-						/* @__PURE__ */ t(n, {
+						/* @__PURE__ */ n(r, {
 							unstyled: !0,
 							type: "button",
 							class: "rv-timeline-editor__bar-move rv-timeline-control__bar-move",
-							"data-autofocus": r === 0 ? "" : void 0,
-							"aria-label": e.event.label ? `${b.moveEvent(r + 1)}: ${e.event.label}` : b.moveEvent(r + 1),
+							"data-autofocus": t === 0 ? "" : void 0,
+							"aria-label": e.event.label ? `${S.moveEvent(t + 1)}: ${e.event.label}` : S.moveEvent(t + 1),
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => v(e.id),
-							onPointerDown: (t) => S(t, e, "move"),
-							onPointerMove: C,
-							onPointerUp: w,
-							onPointerCancel: w,
-							onKeyDown: (t) => T(t, e, "move"),
-							children: /* @__PURE__ */ t("span", {
+							onFocus: () => b(e.id),
+							onPointerDown: (t) => w(t, e, "move"),
+							onPointerMove: T,
+							onPointerUp: E,
+							onPointerCancel: E,
+							onKeyDown: (t) => D(t, e, "move"),
+							children: /* @__PURE__ */ n("span", {
 								class: "rv-timeline-editor__bar-label rv-timeline-control__bar-label",
 								children: e.event.label
 							})
 						}),
-						/* @__PURE__ */ t(n, {
+						/* @__PURE__ */ n(r, {
 							unstyled: !0,
 							type: "button",
 							class: "rv-timeline-editor__handle rv-timeline-editor__handle--start rv-timeline-control__handle rv-timeline-control__handle--start",
 							role: "slider",
 							"aria-orientation": "horizontal",
-							"aria-label": b.resizeStart(s),
-							"aria-valuemin": Math.min(g.start, e.event.start),
+							"aria-label": S.resizeStart(c),
+							"aria-valuemin": Math.min(v.start, e.event.start),
 							"aria-valuemax": e.event.end,
 							"aria-valuenow": e.event.start,
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => v(e.id),
+							onFocus: () => b(e.id),
 							onPointerDown: (t) => {
-								t.stopPropagation(), S(t, e, "start");
+								t.stopPropagation(), w(t, e, "start");
 							},
-							onPointerMove: C,
-							onPointerUp: w,
-							onPointerCancel: w,
+							onPointerMove: T,
+							onPointerUp: E,
+							onPointerCancel: E,
 							onKeyDown: (t) => {
-								t.stopPropagation(), T(t, e, "start");
+								t.stopPropagation(), D(t, e, "start");
 							}
 						}),
-						/* @__PURE__ */ t(n, {
+						/* @__PURE__ */ n(r, {
 							unstyled: !0,
 							type: "button",
 							class: "rv-timeline-editor__handle rv-timeline-editor__handle--end rv-timeline-control__handle rv-timeline-control__handle--end",
 							role: "slider",
 							"aria-orientation": "horizontal",
-							"aria-label": b.resizeEnd(s),
+							"aria-label": S.resizeEnd(c),
 							"aria-valuemin": e.event.start,
-							"aria-valuemax": Math.max(g.end, e.event.end),
+							"aria-valuemax": Math.max(v.end, e.event.end),
 							"aria-valuenow": e.event.end,
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => v(e.id),
+							onFocus: () => b(e.id),
 							onPointerDown: (t) => {
-								t.stopPropagation(), S(t, e, "end");
+								t.stopPropagation(), w(t, e, "end");
 							},
-							onPointerMove: C,
-							onPointerUp: w,
-							onPointerCancel: w,
+							onPointerMove: T,
+							onPointerUp: E,
+							onPointerCancel: E,
 							onKeyDown: (t) => {
-								t.stopPropagation(), T(t, e, "end");
+								t.stopPropagation(), D(t, e, "end");
 							}
 						})
 					]
 				}, e.id);
 			})
 		]
-	});
+	}), m && /* @__PURE__ */ n("details", {
+		class: "rv-timeline-control__actions",
+		children: [/* @__PURE__ */ n("summary", { children: S.editEvents }), i.filter(({ event: e }) => Number.isFinite(e.start) && Number.isFinite(e.end) && e.end >= e.start).map((e, t) => /* @__PURE__ */ n("fieldset", { children: [
+			/* @__PURE__ */ n("legend", { children: e.event.label || S.moveEvent(t + 1) }),
+			/* @__PURE__ */ n("output", { children: [
+				h(e.event.start),
+				" – ",
+				h(e.event.end)
+			] }),
+			/* @__PURE__ */ n("div", {
+				class: "rv-timeline-control__commands",
+				children: [
+					[
+						"move",
+						-1,
+						S.moveEarlier
+					],
+					[
+						"move",
+						1,
+						S.moveLater
+					],
+					[
+						"start",
+						-1,
+						S.startEarlier
+					],
+					[
+						"start",
+						1,
+						S.startLater
+					],
+					[
+						"end",
+						-1,
+						S.endEarlier
+					],
+					[
+						"end",
+						1,
+						S.endLater
+					]
+				].map(([t, i, a]) => /* @__PURE__ */ n(r, {
+					type: "button",
+					onClick: () => {
+						let n = s(v) * i;
+						b(e.id), x(e.id, t === "move" ? o(e.event, n, v) : c(e.event, t, n, v));
+					},
+					children: a
+				}))
+			})
+		] }, e.id))]
+	})] });
 }
-function f({ tooltipText: e, children: n, ...i }) {
-	let a = r(e ?? "", !0, {
+function p({ tooltipText: e, children: t, ...r }) {
+	let a = i(e ?? "", !0, {
 		className: "rv-control-tooltip",
 		placement: "above"
 	});
-	return /* @__PURE__ */ t("div", {
-		...i,
+	return /* @__PURE__ */ n("div", {
+		...r,
 		...e ? a.triggerProps : {},
-		children: [n, e && a.tooltip]
+		children: [t, e && a.tooltip]
 	});
 }
 //#endregion
-export { d as TimelineTrack, i as eventOutsideRange, a as moveTimelineEvent, o as niceTimelineStep, s as resizeTimelineEvent, c as timelineEventBackground, l as timelineGeometry };
+export { f as TimelineTrack, a as eventOutsideRange, o as moveTimelineEvent, s as niceTimelineStep, c as resizeTimelineEvent, l as timelineEventBackground, u as timelineGeometry };