@revolist/ui 4.0.1-rc → 4.0.2-rc

package/switch/index.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as t } from "preact/jsx-runtime";
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 //#region src/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", {
+function t({ checked: t, onChange: n, label: r, ariaLabel: i, className: a = "", disabled: o = !1, labelPosition: s = "before", title: c, testId: l }) {
+	let u = /* @__PURE__ */ e("span", {
 		class: "rv-switch-label",
-		children: i
-	}), f = /* @__PURE__ */ e("span", {
+		children: r
+	}), d = /* @__PURE__ */ e("span", {
 		class: "rv-switch-track",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ e("span", { class: "rv-switch-thumb" })
 	});
-	return /* @__PURE__ */ t("button", {
+	return /* @__PURE__ */ e("button", {
 		type: "button",
-		class: `rv-switch ${o}`.trim(),
+		class: `rv-switch ${a}`.trim(),
 		role: "switch",
-		"aria-checked": n,
-		"aria-label": a ?? (typeof i == "string" ? i : void 0),
-		disabled: s,
-		title: l,
-		"data-testid": u,
-		onClick: () => r(!n),
-		children: [c === "before" ? d : f, c === "before" ? f : d]
+		"aria-checked": t,
+		"aria-label": i ?? (typeof r == "string" ? r : void 0),
+		disabled: o,
+		title: c,
+		"data-testid": l,
+		onClick: () => n(!t),
+		children: [s === "before" ? u : d, s === "before" ? d : u]
 	});
 }
 //#endregion
-export { n as Switch };
+export { t as Switch };

package/time-grid.d.ts

@@ -1,4 +1,4 @@
-import { h, RefObject } from 'preact';
+import { h, RefObject } from './_vendor/preact/src/index';
 export interface TimeGridWorkingHours {
     readonly startHour: number;
     readonly endHour: number;

package/time-grid.js

@@ -1,80 +1,80 @@
-import { ButtonControl as e } from "./native-control.js";
-import { useLayoutEffect as t, useRef as n } from "preact/hooks";
-import { jsx as r, jsxs as i } from "preact/jsx-runtime";
+import { r as e, t } from "./_chunks/hooks.module-CG3gN83z.js";
+import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { ButtonControl as r } from "./native-control.js";
 //#region src/time-grid.tsx
-var a = (e, t) => `${e}:${t}`;
-function o(e) {
+var i = (e, t) => `${e}:${t}`;
+function a(e) {
 	return [
 		"rv-time-grid__cell",
 		e.weekend && "is-weekend",
 		e.outsideWorkHours && "is-outside-work-hours"
 	].filter(Boolean).join(" ");
 }
-function s(t) {
-	let n = (e) => `rv-time-grid__${e}${t.legacyClassPrefix ? ` ${t.legacyClassPrefix}__${e}` : ""}`, s = Array.from({ length: 12 }, (e, t) => t * 2);
-	return /* @__PURE__ */ i("div", {
-		class: n("schedule"),
-		children: [/* @__PURE__ */ i("div", {
-			class: n("hours"),
+function o(e) {
+	let t = (t) => `rv-time-grid__${t}${e.legacyClassPrefix ? ` ${e.legacyClassPrefix}__${t}` : ""}`, o = Array.from({ length: 12 }, (e, t) => t * 2);
+	return /* @__PURE__ */ n("div", {
+		class: t("schedule"),
+		children: [/* @__PURE__ */ n("div", {
+			class: t("hours"),
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ r("span", {}), s.map((e) => /* @__PURE__ */ r("span", {
-				class: n("hour"),
-				children: t.hourLabel(e)
-			}, e))]
-		}), /* @__PURE__ */ r("div", {
-			ref: t.matrixRef,
-			class: n("matrix"),
+			children: [/* @__PURE__ */ n("span", {}), o.map((r) => /* @__PURE__ */ n("span", {
+				class: t("hour"),
+				children: e.hourLabel(r)
+			}, r))]
+		}), /* @__PURE__ */ n("div", {
+			ref: e.matrixRef,
+			class: t("matrix"),
 			role: "grid",
-			"aria-label": t.gridLabel,
-			"aria-rowcount": t.days.length,
+			"aria-label": e.gridLabel,
+			"aria-rowcount": e.days.length,
 			"aria-colcount": 12,
-			children: t.days.map((c) => {
-				let { weekday: l, short: u, long: d } = c, f = t.weekendDays.includes(l);
-				return /* @__PURE__ */ i("div", {
-					class: `${n("row")}${f ? " is-weekend" : ""}`,
+			children: e.days.map((s) => {
+				let { weekday: c, short: l, long: u } = s, d = e.weekendDays.includes(c);
+				return /* @__PURE__ */ n("div", {
+					class: `${t("row")}${d ? " is-weekend" : ""}`,
 					role: "row",
-					children: [/* @__PURE__ */ r("span", {
-						class: n("weekday"),
+					children: [/* @__PURE__ */ n("span", {
+						class: t("weekday"),
 						role: "rowheader",
-						title: d,
-						children: u
-					}), s.map((n) => {
-						let i = a(l, n), s = t.cells.has(i) || t.cells.has(a(l, n + 1)), u = t.workingHours ? n < t.workingHours.startHour || n + 2 > t.workingHours.endHour : !1;
-						return /* @__PURE__ */ r(e, {
+						title: u,
+						children: l
+					}), o.map((t) => {
+						let o = i(c, t), l = e.cells.has(o) || e.cells.has(i(c, t + 1)), u = e.workingHours ? t < e.workingHours.startHour || t + 2 > e.workingHours.endHour : !1;
+						return /* @__PURE__ */ n(r, {
 							type: "button",
-							disabled: t.disabled,
+							disabled: e.disabled,
 							role: "gridcell",
-							"data-time-cell": i,
-							class: `${o({
-								weekend: f,
+							"data-time-cell": o,
+							class: `${a({
+								weekend: d,
 								outsideWorkHours: u
-							})} ${t.legacyClassPrefix ? `${t.legacyClassPrefix}__cell` : ""}`,
-							"aria-selected": s,
-							"aria-label": t.cellLabel(c, t.hourLabel(n), t.hourLabel(n + 2), s),
-							tabIndex: t.focused === i ? 0 : -1,
-							onFocus: () => t.onFocus(i),
-							onKeyDown: (e) => t.onKeyDown(e, l, n),
-							onClick: (e) => t.onClick(e, l, n, s),
-							onPointerDown: (e) => t.onPointerDown(e, l, n, s),
-							onPointerEnter: () => t.onPointerEnter(l, n)
-						}, i);
+							})} ${e.legacyClassPrefix ? `${e.legacyClassPrefix}__cell` : ""}`,
+							"aria-selected": l,
+							"aria-label": e.cellLabel(s, e.hourLabel(t), e.hourLabel(t + 2), l),
+							tabIndex: e.focused === o ? 0 : -1,
+							onFocus: () => e.onFocus(o),
+							onKeyDown: (n) => e.onKeyDown(n, c, t),
+							onClick: (n) => e.onClick(n, c, t, l),
+							onPointerDown: (n) => e.onPointerDown(n, c, t, l),
+							onPointerEnter: () => e.onPointerEnter(c, t)
+						}, o);
 					})]
-				}, l);
+				}, c);
 			})
 		})]
 	});
 }
-function c(e) {
-	let r = n(e);
-	r.current = e;
-	let i = n(), o = n(), s = n(), c = () => {
+function s(n) {
+	let r = t(n);
+	r.current = n;
+	let a = t(), o = t(), s = t(), c = () => {
 		o.current?.(), o.current = void 0;
 	};
-	t(() => () => {
-		i.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
+	e(() => () => {
+		a.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
 	}, []);
 	let l = (e, t) => {
-		let n = a(e, t);
+		let n = i(e, t);
 		r.current.onFocus(n), s.current !== void 0 && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(() => r.current.matrixRef.current?.querySelector(`[data-time-cell="${n}"]`)?.focus());
 	};
 	return {
@@ -97,18 +97,18 @@ function c(e) {
 		},
 		onPointerDown: (e, t, n, s) => {
 			if (r.current.disabled || e.button !== 0) return;
-			e.preventDefault(), c(), i.current = { selected: !s };
+			e.preventDefault(), c(), a.current = { selected: !s };
 			let l = e.currentTarget.ownerDocument, u = () => {
-				i.current && (i.current = void 0, c(), r.current.onCommit());
+				a.current && (a.current = void 0, c(), r.current.onCommit());
 			};
 			l.addEventListener("pointerup", u), l.addEventListener("pointercancel", u), o.current = () => {
 				l.removeEventListener("pointerup", u), l.removeEventListener("pointercancel", u);
-			}, r.current.onPaint(t, n, !s), r.current.onFocus(a(t, n));
+			}, r.current.onPaint(t, n, !s), r.current.onFocus(i(t, n));
 		},
 		onPointerEnter: (e, t) => {
-			i.current && !r.current.disabled && r.current.onPaint(e, t, i.current.selected);
+			a.current && !r.current.disabled && r.current.onPaint(e, t, a.current.selected);
 		}
 	};
 }
 //#endregion
-export { s as TimeGrid, a as timeGridCellKey, c as useTimeGridInteraction };
+export { o as TimeGrid, i as timeGridCellKey, s as useTimeGridInteraction };

package/timeline-track/component.d.ts

@@ -20,4 +20,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, selected, range, labels, onSelect, onEventChange, }: TimelineTrackProps<T>): import("preact").JSX.Element;
+export declare function TimelineTrack<T extends TimelineTrackEvent>({ rows, selected, range, labels, onSelect, onEventChange, }: TimelineTrackProps<T>): import("../_vendor/preact/src/index").JSX.Element;

package/timeline-track/index.js

@@ -1,139 +1,139 @@
-import { ButtonControl as e } from "../native-control.js";
-import { eventOutsideRange as t, moveTimelineEvent as n, niceTimelineStep as r, resizeTimelineEvent as i, timelineGeometry as a } from "./model.js";
-import { useRef as o } from "preact/hooks";
-import { jsx as s, jsxs as c } from "preact/jsx-runtime";
+import { t as e } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { ButtonControl as n } from "../native-control.js";
+import { eventOutsideRange as r, moveTimelineEvent as i, niceTimelineStep as a, resizeTimelineEvent as o, timelineGeometry as s } from "./model.js";
 //#region src/timeline-track/component.tsx
-var l = {
+var c = {
 	preview: "Timeline preview",
 	moveEvent: (e) => `Move event ${e}`,
 	resizeStart: (e) => `Resize start of ${e}`,
 	resizeEnd: (e) => `Resize end of ${e}`
 };
-function u({ rows: u, selected: d, range: f, labels: p, onSelect: m, onEventChange: h }) {
-	let g = {
-		...l,
-		...p
-	}, _ = o(), v = (e, t, n) => {
+function l({ rows: l, selected: u, range: d, labels: f, onSelect: p, onEventChange: m }) {
+	let h = {
+		...c,
+		...f
+	}, g = e(), _ = (e, t, n) => {
 		let r = e.currentTarget.closest(".rv-timeline-control__track");
-		r && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), _.current = {
+		r && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), g.current = {
 			id: t.id,
 			mode: n,
 			clientX: e.clientX,
 			event: t.event,
 			width: r.getBoundingClientRect().width
-		}, m(t.id));
-	}, y = (e) => {
-		let t = _.current;
+		}, p(t.id));
+	}, v = (e) => {
+		let t = g.current;
 		if (!t) return;
-		let a = r(f), o = (e.clientX - t.clientX) / Math.max(1, t.width) * (f.end - f.start), s = Math.round(o / a) * a, c = t.mode === "move" ? n(t.event, s, f) : i(t.event, t.mode, s, f);
-		h(t.id, c);
-	}, b = () => {
-		_.current = void 0;
-	}, x = (e, t, a) => {
+		let n = a(d), r = (e.clientX - t.clientX) / Math.max(1, t.width) * (d.end - d.start), s = Math.round(r / n) * n, c = t.mode === "move" ? i(t.event, s, d) : o(t.event, t.mode, s, d);
+		m(t.id, c);
+	}, y = () => {
+		g.current = void 0;
+	}, b = (e, t, n) => {
 		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 		e.preventDefault();
-		let o = r(f) * (e.key === "ArrowLeft" ? -1 : 1);
-		h(t.id, a === "move" ? n(t.event, o, f) : i(t.event, a, o, f));
+		let r = a(d) * (e.key === "ArrowLeft" ? -1 : 1);
+		m(t.id, n === "move" ? i(t.event, r, d) : o(t.event, n, r, d));
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ t("div", {
 		class: "rv-timeline-editor__track rv-timeline-control__track",
 		role: "group",
-		"aria-label": g.preview,
+		"aria-label": h.preview,
 		children: [
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ t("span", {
 				class: "rv-timeline-editor__range rv-timeline-editor__range--start rv-timeline-control__range rv-timeline-control__range--start",
-				children: f.start
+				children: d.start
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ t("span", {
 				class: "rv-timeline-editor__range rv-timeline-editor__range--end rv-timeline-control__range rv-timeline-control__range--end",
-				children: f.end
+				children: d.end
 			}),
-			u.map((e, t) => ({
+			l.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: n, index: r }) => {
-				let i = a(n.event, f), o = t(n.event, f), l = n.event.label || g.moveEvent(r + 1);
-				return /* @__PURE__ */ c("div", {
+			})).filter(({ row: e }) => Number.isFinite(e.event.start) && Number.isFinite(e.event.end) && e.event.end >= e.event.start).map(({ row: e, index: i }) => {
+				let a = s(e.event, d), o = r(e.event, d), c = e.event.label || h.moveEvent(i + 1);
+				return /* @__PURE__ */ t("div", {
 					class: [
 						"rv-timeline-editor__bar rv-timeline-control__bar",
-						d === n.id ? "rv-timeline-editor__bar--selected rv-timeline-control__bar--selected" : "",
-						n.event.start === n.event.end ? "rv-timeline-editor__bar--milestone rv-timeline-control__bar--milestone" : "",
+						u === 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" : ""
 					].filter(Boolean).join(" "),
 					style: {
-						left: `${i.left}%`,
-						width: `${i.width}%`
+						left: `${a.left}%`,
+						width: `${a.width}%`
 					},
 					role: "group",
-					"aria-label": l,
+					"aria-label": c,
 					children: [
-						/* @__PURE__ */ s(e, {
+						/* @__PURE__ */ t(n, {
 							unstyled: !0,
 							type: "button",
 							class: "rv-timeline-editor__bar-move rv-timeline-control__bar-move",
-							"data-autofocus": r === 0 ? "" : void 0,
-							"aria-label": n.event.label ? `${g.moveEvent(r + 1)}: ${n.event.label}` : g.moveEvent(r + 1),
+							"data-autofocus": i === 0 ? "" : void 0,
+							"aria-label": e.event.label ? `${h.moveEvent(i + 1)}: ${e.event.label}` : h.moveEvent(i + 1),
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => m(n.id),
-							onPointerDown: (e) => v(e, n, "move"),
-							onPointerMove: y,
-							onPointerUp: b,
-							onPointerCancel: b,
-							onKeyDown: (e) => x(e, n, "move"),
-							children: /* @__PURE__ */ s("span", {
+							onFocus: () => p(e.id),
+							onPointerDown: (t) => _(t, e, "move"),
+							onPointerMove: v,
+							onPointerUp: y,
+							onPointerCancel: y,
+							onKeyDown: (t) => b(t, e, "move"),
+							children: /* @__PURE__ */ t("span", {
 								class: "rv-timeline-editor__bar-label rv-timeline-control__bar-label",
-								children: n.event.label
+								children: e.event.label
 							})
 						}),
-						/* @__PURE__ */ s(e, {
+						/* @__PURE__ */ t(n, {
 							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": g.resizeStart(l),
-							"aria-valuemin": Math.min(f.start, n.event.start),
-							"aria-valuemax": n.event.end,
-							"aria-valuenow": n.event.start,
+							"aria-label": h.resizeStart(c),
+							"aria-valuemin": Math.min(d.start, e.event.start),
+							"aria-valuemax": e.event.end,
+							"aria-valuenow": e.event.start,
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => m(n.id),
-							onPointerDown: (e) => {
-								e.stopPropagation(), v(e, n, "start");
+							onFocus: () => p(e.id),
+							onPointerDown: (t) => {
+								t.stopPropagation(), _(t, e, "start");
 							},
-							onPointerMove: y,
-							onPointerUp: b,
-							onPointerCancel: b,
-							onKeyDown: (e) => {
-								e.stopPropagation(), x(e, n, "start");
+							onPointerMove: v,
+							onPointerUp: y,
+							onPointerCancel: y,
+							onKeyDown: (t) => {
+								t.stopPropagation(), b(t, e, "start");
 							}
 						}),
-						/* @__PURE__ */ s(e, {
+						/* @__PURE__ */ t(n, {
 							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": g.resizeEnd(l),
-							"aria-valuemin": n.event.start,
-							"aria-valuemax": Math.max(f.end, n.event.end),
-							"aria-valuenow": n.event.end,
+							"aria-label": h.resizeEnd(c),
+							"aria-valuemin": e.event.start,
+							"aria-valuemax": Math.max(d.end, e.event.end),
+							"aria-valuenow": e.event.end,
 							"aria-keyshortcuts": "ArrowLeft ArrowRight",
-							onFocus: () => m(n.id),
-							onPointerDown: (e) => {
-								e.stopPropagation(), v(e, n, "end");
+							onFocus: () => p(e.id),
+							onPointerDown: (t) => {
+								t.stopPropagation(), _(t, e, "end");
 							},
-							onPointerMove: y,
-							onPointerUp: b,
-							onPointerCancel: b,
-							onKeyDown: (e) => {
-								e.stopPropagation(), x(e, n, "end");
+							onPointerMove: v,
+							onPointerUp: y,
+							onPointerCancel: y,
+							onKeyDown: (t) => {
+								t.stopPropagation(), b(t, e, "end");
 							}
 						})
 					]
-				}, n.id);
+				}, e.id);
 			})
 		]
 	});
 }
 //#endregion
-export { u as TimelineTrack, t as eventOutsideRange, n as moveTimelineEvent, r as niceTimelineStep, i as resizeTimelineEvent, a as timelineGeometry };
+export { l as TimelineTrack, r as eventOutsideRange, i as moveTimelineEvent, a as niceTimelineStep, o as resizeTimelineEvent, s as timelineGeometry };

package/vue-adapter.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ComponentType } from 'preact';
+import { ComponentProps, ComponentType } from './_vendor/preact/src/index';
 import { DefineComponent } from 'vue';
 export interface VueAdapterOptions {
     /** Maps Vue's default v-model to the existing controlled component contract. */