@ovalbee/reportifact 0.0.3 → 0.0.4

package/dist/MetricCards-JR4hUW4_.js

@@ -0,0 +1,61 @@
+import { t as e } from "./WidgetWrapper-AmnP99H8.js";
+import { n as t, r as n, t as r } from "./markdownTable-DHdS_81b.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+//#region src/widgets/MetricCards.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "reportifact-metric-card-label" }, y = { class: "reportifact-metric-card-value" }, b = { class: "reportifact-metric-card-description" }, x = {
+	key: 1,
+	class: "reportifact-metric-card-bar"
+}, S = /* @__PURE__ */ u({
+	__name: "MetricCards",
+	props: {
+		caption: {},
+		sourceHref: {},
+		sourceLabel: {},
+		widget: {},
+		content: {},
+		data: {}
+	},
+	setup(u) {
+		let S = u, C = a(() => S.data ?? n(S.content ?? S.widget?.content ?? "")), w = a(() => String(S.widget?.options.variant ?? "") === "compact"), T = r, E = /* @__PURE__ */ new Set([
+			"low",
+			"mid",
+			"high",
+			"none"
+		]);
+		function D(e) {
+			let n = String(e.tone ?? "").trim();
+			return E.has(n) ? n : t(e.value);
+		}
+		function O(e) {
+			let t = Number(e.bar);
+			return e.bar === void 0 || e.bar === "" || !Number.isFinite(t) ? null : Math.max(0, Math.min(1, t)) * 100;
+		}
+		return (t, n) => (p(), o(e, {
+			caption: S.caption,
+			"source-href": S.sourceHref,
+			"source-label": S.sourceLabel
+		}, {
+			default: _(() => [l("div", { class: d(["reportifact-metric-cards", { "reportifact-metric-cards--compact": w.value }]) }, [(p(!0), c(i, null, m(C.value, (e) => (p(), c("article", {
+				key: e.label,
+				class: d(["reportifact-metric-card", `reportifact-metric-card--${D(e)}`])
+			}, [
+				w.value ? s("", !0) : (p(), c("span", {
+					key: 0,
+					class: "reportifact-metric-card-fill",
+					style: f({ height: `${g(T)(e.value)}%` })
+				}, null, 4)),
+				l("span", v, h(e.label), 1),
+				l("strong", y, h(e.value), 1),
+				l("p", b, h(e.description), 1),
+				O(e) === null ? s("", !0) : (p(), c("span", x, [l("span", { style: f({ width: `${O(e)}%` }) }, null, 4)]))
+			], 2))), 128))], 2)]),
+			_: 1
+		}, 8, [
+			"caption",
+			"source-href",
+			"source-label"
+		]));
+	}
+});
+//#endregion
+export { S as t };

package/dist/MetricsTable-CH8vIbWG.cjs

@@ -0,0 +1 @@
+const e=require("./usePortableSource-CN5URH4d.cjs"),t=require("./WidgetWrapper-C0lc1m0V.cjs");let n=require("vue");var r={class:`rm-skeleton`},i={class:`rm-card`},a={key:0,class:`rm-title`},o={key:0,class:`rm-empty`},s={class:`rm-name`},c={class:`rm-value`},l={class:`rm-bar-track`},u={key:0,class:`rm-pct`},d={key:2,class:`rm-table`},f=(0,n.defineComponent)({__name:`MetricsTable`,props:{caption:{},sourceHref:{},sourceLabel:{},url:{},src:{},data:{},options:{}},setup(f,{expose:p}){let m=f,h=(0,n.computed)(()=>typeof m.options?.title==`string`?m.options.title:``),g=(0,n.computed)(()=>m.options?.show_pct===!0),_=(0,n.ref)(null),{isLoading:v,sourceError:y,refresh:b}=e.t(m,e=>{_.value=e});p({refresh:b});let x=(0,n.computed)(()=>{let e=_.value;if(!e||!Array.isArray(e.rows))return!1;let t=e.rows[0];return t===void 0||typeof t==`object`&&`value`in t}),S=(0,n.computed)(()=>{let e=_.value;return!!e&&Array.isArray(e.columns)}),C=(0,n.computed)(()=>x.value?_.value.rows:[]),w=(0,n.computed)(()=>S.value?_.value.columns:[]),T=(0,n.computed)(()=>S.value?_.value.rows:[]);function E(e){return e.toFixed(3)}function D(e,t){return Math.min(100,Math.max(0,e/(t??1)*100))}return(e,f)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{loading:(0,n.unref)(v),error:(0,n.unref)(y),caption:m.caption,"source-href":m.sourceHref,"source-label":m.sourceLabel},{skeleton:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,r,[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(4,e=>(0,n.createElementVNode)(`div`,{key:e,class:`rm-skeleton-row`},[...f[0]||=[(0,n.createElementVNode)(`div`,{class:`reportifact-skeleton-line`,style:{width:`80px`}},null,-1),(0,n.createElementVNode)(`div`,{class:`reportifact-skeleton-line`,style:{width:`40px`}},null,-1),(0,n.createElementVNode)(`div`,{class:`reportifact-skeleton-line`,style:{flex:`1`}},null,-1)]])),64))])]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,i,[h.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,(0,n.toDisplayString)(h.value),1)):(0,n.createCommentVNode)(``,!0),x.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)([`rm-metrics`,{"rm-metrics--with-pct":g.value}])},[C.value.length===0?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,` Waiting for first evaluation… `)):((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,{key:1},(0,n.renderList)(C.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.name,class:`rm-row`},[(0,n.createElementVNode)(`span`,s,(0,n.toDisplayString)(e.name),1),(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(E(e.value)),1),(0,n.createElementVNode)(`div`,l,[(0,n.createElementVNode)(`div`,{class:`rm-bar-fill`,style:(0,n.normalizeStyle)({width:D(e.value,e.max)+`%`})},null,4)]),g.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,(0,n.toDisplayString)((e.value*100).toFixed(1))+`%`,1)):(0,n.createCommentVNode)(``,!0)]))),128))],2)):S.value?((0,n.openBlock)(),(0,n.createElementBlock)(`table`,d,[(0,n.createElementVNode)(`thead`,null,[(0,n.createElementVNode)(`tr`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(w.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`th`,{key:e},(0,n.toDisplayString)(e),1))),128))])]),(0,n.createElementVNode)(`tbody`,null,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(T.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`tr`,{key:t},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`td`,{key:t},(0,n.toDisplayString)(e),1))),128))]))),128))])])):(0,n.createCommentVNode)(``,!0)])]),_:1},8,[`loading`,`error`,`caption`,`source-href`,`source-label`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/MetricsTable-OXsVygq0.js

@@ -0,0 +1,98 @@
+import { t as e } from "./usePortableSource--y_qMDXB.js";
+import { t } from "./WidgetWrapper-AmnP99H8.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region src/widgets/MetricsTable.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "rm-skeleton" }, v = { class: "rm-card" }, y = {
+	key: 0,
+	class: "rm-title"
+}, b = {
+	key: 0,
+	class: "rm-empty"
+}, x = { class: "rm-name" }, S = { class: "rm-value" }, C = { class: "rm-bar-track" }, w = {
+	key: 0,
+	class: "rm-pct"
+}, T = {
+	key: 2,
+	class: "rm-table"
+}, E = /* @__PURE__ */ c({
+	__name: "MetricsTable",
+	props: {
+		caption: {},
+		sourceHref: {},
+		sourceLabel: {},
+		url: {},
+		src: {},
+		data: {},
+		options: {}
+	},
+	setup(c, { expose: E }) {
+		let D = c, O = r(() => typeof D.options?.title == "string" ? D.options.title : ""), k = r(() => D.options?.show_pct === !0), A = f(null), { isLoading: j, sourceError: M, refresh: N } = e(D, (e) => {
+			A.value = e;
+		});
+		E({ refresh: N });
+		let P = r(() => {
+			let e = A.value;
+			if (!e || !Array.isArray(e.rows)) return !1;
+			let t = e.rows[0];
+			return t === void 0 || typeof t == "object" && "value" in t;
+		}), F = r(() => {
+			let e = A.value;
+			return !!e && Array.isArray(e.columns);
+		}), I = r(() => P.value ? A.value.rows : []), L = r(() => F.value ? A.value.columns : []), R = r(() => F.value ? A.value.rows : []);
+		function z(e) {
+			return e.toFixed(3);
+		}
+		function B(e, t) {
+			return Math.min(100, Math.max(0, e / (t ?? 1) * 100));
+		}
+		return (e, r) => (d(), i(t, {
+			loading: h(j),
+			error: h(M),
+			caption: D.caption,
+			"source-href": D.sourceHref,
+			"source-label": D.sourceLabel
+		}, {
+			skeleton: g(() => [s("div", _, [(d(), o(n, null, p(4, (e) => s("div", {
+				key: e,
+				class: "rm-skeleton-row"
+			}, [...r[0] ||= [
+				s("div", {
+					class: "reportifact-skeleton-line",
+					style: { width: "80px" }
+				}, null, -1),
+				s("div", {
+					class: "reportifact-skeleton-line",
+					style: { width: "40px" }
+				}, null, -1),
+				s("div", {
+					class: "reportifact-skeleton-line",
+					style: { flex: "1" }
+				}, null, -1)
+			]])), 64))])]),
+			default: g(() => [s("div", v, [O.value ? (d(), o("div", y, m(O.value), 1)) : a("", !0), P.value ? (d(), o("div", {
+				key: 1,
+				class: l(["rm-metrics", { "rm-metrics--with-pct": k.value }])
+			}, [I.value.length === 0 ? (d(), o("div", b, " Waiting for first evaluation… ")) : (d(!0), o(n, { key: 1 }, p(I.value, (e) => (d(), o("div", {
+				key: e.name,
+				class: "rm-row"
+			}, [
+				s("span", x, m(e.name), 1),
+				s("span", S, m(z(e.value)), 1),
+				s("div", C, [s("div", {
+					class: "rm-bar-fill",
+					style: u({ width: B(e.value, e.max) + "%" })
+				}, null, 4)]),
+				k.value ? (d(), o("span", w, m((e.value * 100).toFixed(1)) + "%", 1)) : a("", !0)
+			]))), 128))], 2)) : F.value ? (d(), o("table", T, [s("thead", null, [s("tr", null, [(d(!0), o(n, null, p(L.value, (e) => (d(), o("th", { key: e }, m(e), 1))), 128))])]), s("tbody", null, [(d(!0), o(n, null, p(R.value, (e, t) => (d(), o("tr", { key: t }, [(d(!0), o(n, null, p(e, (e, t) => (d(), o("td", { key: t }, m(e), 1))), 128))]))), 128))])])) : a("", !0)])]),
+			_: 1
+		}, 8, [
+			"loading",
+			"error",
+			"caption",
+			"source-href",
+			"source-label"
+		]));
+	}
+});
+//#endregion
+export { E as t };

package/dist/Reportifact.vue.d.ts

@@ -19,7 +19,7 @@ type __VLS_Props = {
     customWidgets?: ReportifactCustomWidgets;
 };
 declare function forceRefresh(): void;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
     forceRefresh: typeof forceRefresh;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "row-click": (payload: unknown) => any;
@@ -36,5 +36,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     basePath: string;
     scrollContainer: HTMLElement | null;
     refreshInterval: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/ReportifactWidgetHost-DIlz4TxO.js

@@ -0,0 +1,13 @@
+import { createElementBlock as e, openBlock as t, renderSlot as n } from "vue";
+//#region \0plugin-vue:export-helper
+var r = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, i = {}, a = { class: "reportifact reportifact-widget-host" };
+function o(r, i) {
+	return t(), e("div", a, [n(r.$slots, "default")]);
+}
+var s = /*#__PURE__*/ r(i, [["render", o]]);
+//#endregion
+export { r as n, s as t };

package/dist/ReportifactWidgetHost-xDT1ykZc.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},n={},r={class:`reportifact reportifact-widget-host`};function i(t,n){return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.renderSlot)(t.$slots,`default`)])}var a=t(n,[[`render`,i]]);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/Timeline-DSGSvRjj.js

@@ -0,0 +1,295 @@
+import { D as e, S as t, a as n, i as r, n as i, o as a, r as o, s, t as c, xt as l } from "./dist-DEKe39T1.js";
+import { t as ee } from "./usePortableSource--y_qMDXB.js";
+import { t as te } from "./WidgetWrapper-AmnP99H8.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, onMounted as y, onUnmounted as b, openBlock as x, ref as S, renderList as ne, toDisplayString as C, unref as w, withCtx as T } from "vue";
+//#region src/widgets/Timeline.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "reportifact-timeline-toolbar" }, D = ["onClick"], O = "#ef4444", k = "Cuts", re = 22, A = /* @__PURE__ */ g({
+	__name: "Timeline",
+	props: {
+		caption: {},
+		sourceHref: {},
+		sourceLabel: {},
+		url: {},
+		src: {},
+		data: {},
+		options: {}
+	},
+	emits: ["row-click"],
+	setup(g, { expose: A, emit: j }) {
+		e([
+			t,
+			s,
+			r,
+			n,
+			o,
+			a,
+			i
+		]);
+		let M = [
+			"#3b82f6",
+			"#f59e0b",
+			"#10b981",
+			"#8b5cf6",
+			"#0ea5e9",
+			"#64748b",
+			"#ec4899",
+			"#14b8a6"
+		], N = [{
+			value: "seconds",
+			label: "sec"
+		}, {
+			value: "clock",
+			label: "mm:ss"
+		}], P = S(!1), F = null;
+		y(() => {
+			P.value = document.documentElement.classList.contains("dark"), F = new MutationObserver(() => {
+				P.value = document.documentElement.classList.contains("dark");
+			}), F.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			});
+		}), b(() => {
+			F?.disconnect();
+		});
+		let I = g, L = j, R = S([]), z = S(I.options?.timeFormat === "clock" ? "clock" : "seconds"), B = I.options?.zoom === !0 || I.options?.zoom === "true";
+		function V(e) {
+			let t = Array.isArray(e) ? e : typeof e == "object" && e && "rows" in e ? e.rows : [];
+			R.value = G(t);
+		}
+		let { isLoading: H, sourceError: U, refresh: W } = ee(I, V);
+		function G(e) {
+			if (!Array.isArray(e)) return [];
+			let t = [];
+			for (let n of e) {
+				if (typeof n != "object" || !n) continue;
+				let e = n, r = Number(e.end);
+				if (typeof e.name != "string" || !Number.isFinite(r)) continue;
+				let i = Number(e.start), a = Array.isArray(e.cuts) ? e.cuts.map(Number).filter(Number.isFinite).sort((e, t) => e - t) : [];
+				t.push({
+					id: typeof e.id == "string" ? e.id : void 0,
+					name: e.name,
+					group: typeof e.group == "string" && e.group ? e.group : void 0,
+					color: typeof e.color == "string" && e.color ? e.color : void 0,
+					start: Number.isFinite(i) ? i : 0,
+					end: r,
+					cuts: a,
+					click: typeof e.click == "object" && e.click !== null ? e.click : void 0
+				});
+			}
+			return t;
+		}
+		let K = d(() => `${Math.max(280, R.value.length * re + (B ? 150 : 126))}px`), q = d(() => R.value.reduce((e, t) => Math.max(e, t.end), 0));
+		function J(e, t, n) {
+			let r = Math.max(0, Math.round(e));
+			if (t === "seconds") return `${r}s`;
+			let i = Math.floor(r / 3600), a = Math.floor(r % 3600 / 60), o = r % 60, s = (e) => String(e).padStart(2, "0");
+			return n >= 3600 ? `${s(i)}:${s(a)}:${s(o)}` : `${s(a)}:${s(o)}`;
+		}
+		let Y = d(() => {
+			let e = [];
+			for (let t of R.value) {
+				let n = t.group ?? "";
+				e.includes(n) || e.push(n);
+			}
+			return e;
+		});
+		function ie(e) {
+			let t = Y.value.indexOf(e);
+			return M[Math.max(0, t) % M.length];
+		}
+		function X(e, t) {
+			return l(t, e.coordSys);
+		}
+		function Z(e) {
+			return Math.min(e.size([0, 1])[1] * .6, 14);
+		}
+		function ae(e, t) {
+			let n = t.value(0), r = t.coord([t.value(1), n]), i = t.coord([t.value(2), n]), a = Z(t), o = X(e, {
+				x: r[0],
+				y: r[1] - a / 2,
+				width: Math.max(i[0] - r[0], 1),
+				height: a
+			});
+			if (!o) return;
+			let s = R.value[n];
+			return {
+				type: "rect",
+				shape: {
+					...o,
+					r: 2
+				},
+				style: { fill: s?.color ?? t.visual("color") }
+			};
+		}
+		function oe(e, t) {
+			let n = t.value(0), r = t.coord([t.value(1), n]), i = Z(t) + 4, a = X(e, {
+				x: r[0] - 1,
+				y: r[1] - i / 2,
+				width: 2,
+				height: i
+			});
+			if (a) return {
+				type: "rect",
+				shape: a,
+				style: { fill: O }
+			};
+		}
+		function Q(e) {
+			return typeof e == "object" && !!e && "rowIndex" in e;
+		}
+		function se(e, t) {
+			let n = e;
+			if (!Q(n.data)) return "";
+			let r = R.value[n.data.rowIndex];
+			if (!r) return "";
+			if (n.seriesName === k) {
+				let e = n.data.value[1];
+				return `${r.name}<br/>cut @ <strong>${t(e)}</strong>`;
+			}
+			let i = t(r.end - (r.start ?? 0)), a = `${t(r.start ?? 0)} – ${t(r.end)}`, o = r.group ? `${r.group} · ` : "", s = r.cuts?.length ? `${r.cuts.length} cuts: ${r.cuts.map((e) => t(e)).join(", ")}` : "no cuts";
+			return `<strong>${r.name}</strong><br/>${o}${i} (${a})<br/>${s}`;
+		}
+		let $ = d(() => {
+			if (!R.value.length) return null;
+			let e = z.value, t = q.value || 1, n = (n) => J(n, e, t), r = Y.value.map((e) => ({
+				name: e || "videos",
+				type: "custom",
+				renderItem: ae,
+				itemStyle: { color: ie(e) },
+				encode: {
+					x: [1, 2],
+					y: 0
+				},
+				data: R.value.map((e, t) => ({
+					value: [
+						t,
+						e.start ?? 0,
+						e.end
+					],
+					rowIndex: t
+				})).filter((t) => (R.value[t.rowIndex].group ?? "") === e)
+			})), i = R.value.flatMap((e, t) => (e.cuts ?? []).map((e) => ({
+				value: [t, e],
+				rowIndex: t
+			}))), a = {
+				name: k,
+				type: "custom",
+				renderItem: oe,
+				itemStyle: { color: O },
+				encode: {
+					x: 1,
+					y: 0
+				},
+				z: 10,
+				data: i
+			}, o = typeof I.options?.title == "string" ? I.options.title : "";
+			return {
+				animationDurationUpdate: 0,
+				backgroundColor: "transparent",
+				title: o ? {
+					text: o,
+					left: 0,
+					top: 0,
+					textStyle: { fontSize: 14 }
+				} : void 0,
+				legend: {
+					top: 0,
+					left: "center",
+					data: [...r.map((e) => e.name), k]
+				},
+				tooltip: {
+					trigger: "item",
+					textStyle: { fontSize: 12 },
+					formatter: (e) => se(e, n)
+				},
+				grid: {
+					left: 8,
+					right: 16,
+					top: 32,
+					bottom: B ? 44 : 24,
+					containLabel: !0
+				},
+				xAxis: {
+					type: "value",
+					min: 0,
+					max: t,
+					axisLabel: {
+						fontSize: 10,
+						formatter: n
+					}
+				},
+				yAxis: {
+					type: "category",
+					inverse: !0,
+					data: R.value.map((e) => e.name),
+					axisLabel: {
+						fontSize: 10,
+						width: 180,
+						overflow: "truncate"
+					}
+				},
+				dataZoom: B ? [{
+					type: "inside",
+					xAxisIndex: 0
+				}, {
+					type: "slider",
+					xAxisIndex: 0,
+					height: 16,
+					bottom: 8,
+					labelFormatter: n
+				}] : void 0,
+				series: [...r, a]
+			};
+		});
+		function ce(e) {
+			let t = e;
+			if (!Q(t.data)) return;
+			let n = R.value[t.data.rowIndex]?.click;
+			n && L("row-click", n);
+		}
+		return A({ refresh: W }), (e, t) => (x(), f(te, {
+			loading: !R.value.length && w(H),
+			error: w(U),
+			caption: I.caption,
+			"source-href": I.sourceHref,
+			"source-label": I.sourceLabel
+		}, {
+			skeleton: T(() => [h("div", {
+				class: "reportifact-chart-skeleton",
+				style: v({ "--reportifact-chart-height": K.value })
+			}, [...t[0] ||= [h("div", {
+				class: "reportifact-skeleton-line",
+				style: {
+					width: "200px",
+					height: "24px",
+					"margin-bottom": "16px"
+				}
+			}, null, -1), h("div", { class: "reportifact-skeleton-line reportifact-chart-skeleton-body" }, null, -1)]], 4)]),
+			default: T(() => [h("div", {
+				class: "reportifact-timeline-container",
+				style: v({ "--reportifact-chart-height": K.value })
+			}, [h("div", E, [(x(), m(u, null, ne(N, (e) => h("button", {
+				key: e.value,
+				type: "button",
+				class: _(["reportifact-timeline-mode", { "is-active": z.value === e.value }]),
+				onClick: (t) => z.value = e.value
+			}, C(e.label), 11, D)), 64))]), $.value ? (x(), f(w(c), {
+				key: 0,
+				option: $.value,
+				theme: P.value ? "dark" : void 0,
+				autoresize: !0,
+				class: "reportifact-chart",
+				onClick: ce
+			}, null, 8, ["option", "theme"])) : p("", !0)], 4)]),
+			_: 1
+		}, 8, [
+			"loading",
+			"error",
+			"caption",
+			"source-href",
+			"source-label"
+		]));
+	}
+});
+//#endregion
+export { A as t };

package/dist/Timeline-P3CpGmBD.cjs

@@ -0,0 +1 @@
+const e=require("./usePortableSource-CN5URH4d.cjs"),t=require("./WidgetWrapper-C0lc1m0V.cjs"),n=require("./dist-DBIuOmpr.cjs");let r=require("vue");var i={class:`reportifact-timeline-toolbar`},a=[`onClick`],o=`#ef4444`,s=`Cuts`,c=22,l=(0,r.defineComponent)({__name:`Timeline`,props:{caption:{},sourceHref:{},sourceLabel:{},url:{},src:{},data:{},options:{}},emits:[`row-click`],setup(l,{expose:u,emit:d}){n.D([n.S,n.s,n.i,n.a,n.r,n.o,n.n]);let f=[`#3b82f6`,`#f59e0b`,`#10b981`,`#8b5cf6`,`#0ea5e9`,`#64748b`,`#ec4899`,`#14b8a6`],p=[{value:`seconds`,label:`sec`},{value:`clock`,label:`mm:ss`}],m=(0,r.ref)(!1),h=null;(0,r.onMounted)(()=>{m.value=document.documentElement.classList.contains(`dark`),h=new MutationObserver(()=>{m.value=document.documentElement.classList.contains(`dark`)}),h.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]})}),(0,r.onUnmounted)(()=>{h?.disconnect()});let g=l,_=d,v=(0,r.ref)([]),y=(0,r.ref)(g.options?.timeFormat===`clock`?`clock`:`seconds`),b=g.options?.zoom===!0||g.options?.zoom===`true`;function x(e){let t=Array.isArray(e)?e:typeof e==`object`&&e&&`rows`in e?e.rows:[];v.value=T(t)}let{isLoading:S,sourceError:C,refresh:w}=e.t(g,x);function T(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n!=`object`||!n)continue;let e=n,r=Number(e.end);if(typeof e.name!=`string`||!Number.isFinite(r))continue;let i=Number(e.start),a=Array.isArray(e.cuts)?e.cuts.map(Number).filter(Number.isFinite).sort((e,t)=>e-t):[];t.push({id:typeof e.id==`string`?e.id:void 0,name:e.name,group:typeof e.group==`string`&&e.group?e.group:void 0,color:typeof e.color==`string`&&e.color?e.color:void 0,start:Number.isFinite(i)?i:0,end:r,cuts:a,click:typeof e.click==`object`&&e.click!==null?e.click:void 0})}return t}let E=(0,r.computed)(()=>`${Math.max(280,v.value.length*c+(b?150:126))}px`),D=(0,r.computed)(()=>v.value.reduce((e,t)=>Math.max(e,t.end),0));function O(e,t,n){let r=Math.max(0,Math.round(e));if(t===`seconds`)return`${r}s`;let i=Math.floor(r/3600),a=Math.floor(r%3600/60),o=r%60,s=e=>String(e).padStart(2,`0`);return n>=3600?`${s(i)}:${s(a)}:${s(o)}`:`${s(a)}:${s(o)}`}let k=(0,r.computed)(()=>{let e=[];for(let t of v.value){let n=t.group??``;e.includes(n)||e.push(n)}return e});function A(e){let t=k.value.indexOf(e);return f[Math.max(0,t)%f.length]}function j(e,t){return n.xt(t,e.coordSys)}function M(e){return Math.min(e.size([0,1])[1]*.6,14)}function N(e,t){let n=t.value(0),r=t.coord([t.value(1),n]),i=t.coord([t.value(2),n]),a=M(t),o=j(e,{x:r[0],y:r[1]-a/2,width:Math.max(i[0]-r[0],1),height:a});if(!o)return;let s=v.value[n];return{type:`rect`,shape:{...o,r:2},style:{fill:s?.color??t.visual(`color`)}}}function P(e,t){let n=t.value(0),r=t.coord([t.value(1),n]),i=M(t)+4,a=j(e,{x:r[0]-1,y:r[1]-i/2,width:2,height:i});if(a)return{type:`rect`,shape:a,style:{fill:o}}}function F(e){return typeof e==`object`&&!!e&&`rowIndex`in e}function I(e,t){let n=e;if(!F(n.data))return``;let r=v.value[n.data.rowIndex];if(!r)return``;if(n.seriesName===s){let e=n.data.value[1];return`${r.name}<br/>cut @ <strong>${t(e)}</strong>`}let i=t(r.end-(r.start??0)),a=`${t(r.start??0)} – ${t(r.end)}`,o=r.group?`${r.group} · `:``,c=r.cuts?.length?`${r.cuts.length} cuts: ${r.cuts.map(e=>t(e)).join(`, `)}`:`no cuts`;return`<strong>${r.name}</strong><br/>${o}${i} (${a})<br/>${c}`}let L=(0,r.computed)(()=>{if(!v.value.length)return null;let e=y.value,t=D.value||1,n=n=>O(n,e,t),r=k.value.map(e=>({name:e||`videos`,type:`custom`,renderItem:N,itemStyle:{color:A(e)},encode:{x:[1,2],y:0},data:v.value.map((e,t)=>({value:[t,e.start??0,e.end],rowIndex:t})).filter(t=>(v.value[t.rowIndex].group??``)===e)})),i=v.value.flatMap((e,t)=>(e.cuts??[]).map(e=>({value:[t,e],rowIndex:t}))),a={name:s,type:`custom`,renderItem:P,itemStyle:{color:o},encode:{x:1,y:0},z:10,data:i},c=typeof g.options?.title==`string`?g.options.title:``;return{animationDurationUpdate:0,backgroundColor:`transparent`,title:c?{text:c,left:0,top:0,textStyle:{fontSize:14}}:void 0,legend:{top:0,left:`center`,data:[...r.map(e=>e.name),s]},tooltip:{trigger:`item`,textStyle:{fontSize:12},formatter:e=>I(e,n)},grid:{left:8,right:16,top:32,bottom:b?44:24,containLabel:!0},xAxis:{type:`value`,min:0,max:t,axisLabel:{fontSize:10,formatter:n}},yAxis:{type:`category`,inverse:!0,data:v.value.map(e=>e.name),axisLabel:{fontSize:10,width:180,overflow:`truncate`}},dataZoom:b?[{type:`inside`,xAxisIndex:0},{type:`slider`,xAxisIndex:0,height:16,bottom:8,labelFormatter:n}]:void 0,series:[...r,a]}});function R(e){let t=e;if(!F(t.data))return;let n=v.value[t.data.rowIndex]?.click;n&&_(`row-click`,n)}return u({refresh:w}),(e,o)=>((0,r.openBlock)(),(0,r.createBlock)(t.t,{loading:!v.value.length&&(0,r.unref)(S),error:(0,r.unref)(C),caption:g.caption,"source-href":g.sourceHref,"source-label":g.sourceLabel},{skeleton:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:`reportifact-chart-skeleton`,style:(0,r.normalizeStyle)({"--reportifact-chart-height":E.value})},[...o[0]||=[(0,r.createElementVNode)(`div`,{class:`reportifact-skeleton-line`,style:{width:`200px`,height:`24px`,"margin-bottom":`16px`}},null,-1),(0,r.createElementVNode)(`div`,{class:`reportifact-skeleton-line reportifact-chart-skeleton-body`},null,-1)]],4)]),default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:`reportifact-timeline-container`,style:(0,r.normalizeStyle)({"--reportifact-chart-height":E.value})},[(0,r.createElementVNode)(`div`,i,[((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(p,e=>(0,r.createElementVNode)(`button`,{key:e.value,type:`button`,class:(0,r.normalizeClass)([`reportifact-timeline-mode`,{"is-active":y.value===e.value}]),onClick:t=>y.value=e.value},(0,r.toDisplayString)(e.label),11,a)),64))]),L.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,option:L.value,theme:m.value?`dark`:void 0,autoresize:!0,class:`reportifact-chart`,onClick:R},null,8,[`option`,`theme`])):(0,r.createCommentVNode)(``,!0)],4)]),_:1},8,[`loading`,`error`,`caption`,`source-href`,`source-label`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/WidgetWrapper-AmnP99H8.js

@@ -0,0 +1,62 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, onMounted as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, unref as u, watch as d } from "vue";
+//#region src/composables/useDelayedLoading.ts
+function f(e, t = 30) {
+	let n = s(!1), r = null;
+	function i() {
+		r && clearTimeout(r), r = setTimeout(() => {
+			e.value && (n.value = !0);
+		}, t);
+	}
+	function a() {
+		n.value = !1, r &&= (clearTimeout(r), null);
+	}
+	return {
+		showOverlay: n,
+		startLoading: i,
+		stopLoading: a
+	};
+}
+//#endregion
+//#region src/widgets/WidgetWrapper.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "reportifact reportifact-figure reportifact-widget-wrapper" }, m = {
+	key: 0,
+	class: "reportifact-widget-skeleton"
+}, h = {
+	key: 1,
+	class: "reportifact-widget-error"
+}, g = { class: "reportifact-widget-error-message" }, _ = {
+	key: 2,
+	class: "reportifact-widget-content"
+}, v = {
+	key: 3,
+	class: "reportifact-figure-caption"
+}, y = { key: 0 }, b = ["href"], x = /* @__PURE__ */ i({
+	__name: "WidgetWrapper",
+	props: {
+		caption: {},
+		sourceHref: {},
+		sourceLabel: { default: "View source data" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: null },
+		showSkeleton: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(i) {
+		let s = i, { showOverlay: x, startLoading: S, stopLoading: C } = f(e(() => s.loading && s.showSkeleton), 30);
+		return d(() => s.loading && s.showSkeleton, (e) => {
+			e ? S() : C();
+		}), a(() => {
+			s.loading && s.showSkeleton && S();
+		}), (e, a) => (o(), n("figure", p, [u(x) ? (o(), n("div", m, [c(e.$slots, "skeleton")])) : i.error ? (o(), n("div", h, [c(e.$slots, "fallback", { error: i.error }, () => [r("div", g, l(i.error), 1)])])) : (o(), n("div", _, [c(e.$slots, "default")])), i.caption || i.sourceHref ? (o(), n("figcaption", v, [i.caption ? (o(), n("span", y, l(i.caption), 1)) : t("", !0), i.sourceHref ? (o(), n("a", {
+			key: 1,
+			href: i.sourceHref
+		}, l(i.sourceLabel), 9, b)) : t("", !0)])) : t("", !0)]));
+	}
+});
+//#endregion
+export { x as t };

package/dist/WidgetWrapper-C0lc1m0V.cjs

@@ -0,0 +1 @@
+let e=require("vue");function t(t,n=30){let r=(0,e.ref)(!1),i=null;function a(){i&&clearTimeout(i),i=setTimeout(()=>{t.value&&(r.value=!0)},n)}function o(){r.value=!1,i&&=(clearTimeout(i),null)}return{showOverlay:r,startLoading:a,stopLoading:o}}var n={class:`reportifact reportifact-figure reportifact-widget-wrapper`},r={key:0,class:`reportifact-widget-skeleton`},i={key:1,class:`reportifact-widget-error`},a={class:`reportifact-widget-error-message`},o={key:2,class:`reportifact-widget-content`},s={key:3,class:`reportifact-figure-caption`},c={key:0},l=[`href`],u=(0,e.defineComponent)({__name:`WidgetWrapper`,props:{caption:{},sourceHref:{},sourceLabel:{default:`View source data`},loading:{type:Boolean,default:!1},error:{default:null},showSkeleton:{type:Boolean,default:!0}},setup(u){let d=u,{showOverlay:f,startLoading:p,stopLoading:m}=t((0,e.computed)(()=>d.loading&&d.showSkeleton),30);return(0,e.watch)(()=>d.loading&&d.showSkeleton,e=>{e?p():m()}),(0,e.onMounted)(()=>{d.loading&&d.showSkeleton&&p()}),(t,d)=>((0,e.openBlock)(),(0,e.createElementBlock)(`figure`,n,[(0,e.unref)(f)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.renderSlot)(t.$slots,`skeleton`)])):u.error?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,[(0,e.renderSlot)(t.$slots,`fallback`,{error:u.error},()=>[(0,e.createElementVNode)(`div`,a,(0,e.toDisplayString)(u.error),1)])])):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[(0,e.renderSlot)(t.$slots,`default`)])),u.caption||u.sourceHref?((0,e.openBlock)(),(0,e.createElementBlock)(`figcaption`,s,[u.caption?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,c,(0,e.toDisplayString)(u.caption),1)):(0,e.createCommentVNode)(``,!0),u.sourceHref?((0,e.openBlock)(),(0,e.createElementBlock)(`a`,{key:1,href:u.sourceHref},(0,e.toDisplayString)(u.sourceLabel),9,l)):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/components/TableOfContents.vue.d.ts

@@ -5,11 +5,10 @@ type __VLS_Props = {
     sections: Section[];
     activeSectionId: string | null;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "scroll-to-section": (sectionId: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onScroll-to-section"?: ((sectionId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;