watch-tail 0.7.1 → 0.9.0

package/build/server/chunks/chunks/{EventScatter.js-Du7AJN9m.js → EventScatter.js-CO2GonW-.js}

@@ -1,34 +1,34 @@
-import { am as bind_props, ai as attr_style, al as stringify, ac as derived, at as spread_props, ak as ensure_array_like, r as run, au as snapshot, ar as attributes, an as clsx, av as await_block, aw as fallback, ax as exclude_from_object, ah as escape_html, aj as attr_class, ag as attr, as as props_id } from './server.js-CAEBuMIH.js';
-import { S as SERIES_LEVEL_COLOR } from './series-buckets.js-BmCYga3F.js';
-import { c as chartDataArray, D as setChartContext, C as Context, e as accessor, E as defaultChartPadding, F as unique, a as getChartContext, G as useDebounce, H as getObjectOrNull, I as watch, J as useMutationObserver, b as cls, M as MediaQuery, S as SvelteSet, B as isEqualValue, z as sortFunc, K as isLiteralObject, P as PeriodType, A as format, L as Duration, x as timeYear, N as DateToken, u as timeDay, O as findRelatedData, Q as utcYear, R as utcDay, T as utcHour, q as timeHour, U as utcMinute, t as timeMinute, s as second, p as millisecond } from './common.js-BWQB8Die.js';
-import { t as setGeoContext, u as getFacetPanel, v as colorPropDataKey, g as getLayerContext, w as setLayerContext, b as getGeoContext, x as setFacetPanel, a as getMarkData } from './key.svelte.js-CWIvXc6L.js';
-import { d as transformer, a as copy, i as initRange, e as linearish, f as identity$1, r as rgb } from './linear.js-CTOKrHn9.js';
-import { e as extent, C as ClipPath_svg, a as ClipPath_canvas, b as ClipPathState, l as linearClosed_default } from './ClipPath.canvas.js-CFTBDWVU.js';
-import { b as band, o as ordinal, I as InternMap, a as InternSet } from './band.js-C7izXphE.js';
-import { g as group } from './group.js-DBFzWAox.js';
+import { af as bind_props, ac as attr_style, ae as stringify, a1 as derived, an as spread_props, a6 as ensure_array_like, a7 as attr, ao as run, ap as snapshot, al as attributes, ag as clsx, aq as await_block, ar as fallback, as as exclude_from_object, a8 as escape_html, ad as attr_class, am as props_id } from './index-server.js-CtH9Hqwf.js';
+import { S as SERIES_LEVEL_COLOR } from './series-buckets.js-C-vMEJT2.js';
+import { c as chartDataArray, D as setChartContext, C as Context, e as accessor, E as defaultChartPadding, F as unique, a as getChartContext, G as useDebounce, H as getObjectOrNull, I as watch, J as useMutationObserver, b as cls, M as MediaQuery, S as SvelteSet, B as isEqualValue, z as sortFunc, K as isLiteralObject, P as PeriodType, A as format, L as Duration, x as timeYear, N as DateToken, u as timeDay, O as findRelatedData, Q as utcYear, R as utcDay, T as utcHour, q as timeHour, U as utcMinute, t as timeMinute, s as second, p as millisecond } from './common.js-BvQnfkFo.js';
+import { t as setGeoContext, u as getFacetPanel, v as colorPropDataKey, g as getLayerContext, w as setLayerContext, b as getGeoContext, x as setFacetPanel, a as getMarkData } from './key.svelte.js-Cq0L6YlN.js';
+import { d as transformer, a as copy, i as initRange, e as linearish, f as identity$1, r as rgb } from './linear.js-CHlwr1I4.js';
+import { e as extent, C as ClipPath_svg, a as ClipPath_canvas, b as ClipPathState, l as linearClosed_default } from './ClipPath.canvas.js-9Fc0bTEM.js';
+import { b as band, o as ordinal, I as InternMap, a as InternSet } from './band.js-CjzHWr4k.js';
+import { g as group } from './group.js-D0SfevId.js';
 import { m as max } from './max.js-CuS0BpRI.js';
 import { m as min } from './min.js-DZWt5tPl.js';
-import { t as time, a as autoScale, i as isScaleBand, b as isScaleTime, m as makeAccessor, c as createScale, g as getRange, d as isScaleNumeric, e as isScaleUtc, f as timeTicks, s as scaleInvert } from './scales.svelte.js-D_1popPi.js';
-import { e as extractLayerProps } from './attributes.js-BVWo7wbg.js';
-import { c as constant_default } from './path2.js-pquT2Kg6.js';
-import { A as Arc_svg, a as Arc_canvas } from './Arc.canvas.js-D6g58nSp.js';
-import { G as Group_svg, d as Group_canvas, e as Group_html, f as Group, c as createId, g as fade } from './Path.canvas.js-DNAtnEBt.js';
+import { t as time, a as autoScale, i as isScaleBand, b as isScaleTime, m as makeAccessor, c as createScale, g as getRange, d as isScaleNumeric, e as isScaleUtc, f as timeTicks, s as scaleInvert } from './scales.svelte.js-DeNkKcI-.js';
+import { e as extractLayerProps } from './attributes.js-CbKEpZKa.js';
+import { c as constant_default } from './path2.js-DLVU8nc9.js';
+import { A as Arc_svg, a as Arc_canvas } from './Arc.canvas.js-CN0KDoHG.js';
+import { G as Group_svg, d as Group_canvas, e as Group_html, f as Group, c as createId, g as fade } from './Path.canvas.js-5A9wB8zQ.js';
 import { a as array_default } from './array.js-CBp0H4t3.js';
 import { p as pointRadial_default } from './pointRadial.js-Deeu1LXx.js';
-import { p as parseMotionProp, c as createControlledMotion, d as createMotion, e as extractTweenConfig, b as cubicIn } from './motion.svelte.js-DCHSFMu-.js';
+import { p as parseMotionProp, c as createControlledMotion, d as createMotion, e as extractTweenConfig, b as cubicIn } from './motion.svelte.js-Crk8ri1u.js';
 import { c as cartesianToPolar } from './math.js-BqujbaBs.js';
-import { R as Rect_svg, a as Rect_canvas, b as Rect_html } from './Rect.html.js-Q3UvRwNn.js';
-import { o as occlude } from './occlusion.js-DJ-AdK9u.js';
-import { T as Text_svg, a as Text_canvas, b as Text_html, g as getTextRect, t as toTitleCase } from './Text.html.js-C8xO5Nz6.js';
-import { C as Circle_svg, a as Circle_canvas, b as Circle_html } from './Circle.html.js-BjwyNRG3.js';
+import { R as Rect_svg, a as Rect_canvas, b as Rect_html } from './Rect.html.js-DnQ6ObhQ.js';
+import { o as occlude } from './occlusion.js-ot9_OqWn.js';
+import { T as Text_svg, a as Text_canvas, b as Text_html, g as getTextRect, t as toTitleCase } from './Text.html.js-LbmYJb11.js';
+import { C as Circle_svg, a as Circle_canvas, b as Circle_html } from './Circle.html.js-BJywADGK.js';
 import { a as asAny } from './types.js-x3GyGPOz.js';
-import { P as Points } from './Points2.js-BMGdkzTE.js';
-import { L as Line_svg, a as Line_canvas, b as Line_html } from './Line.html.js-BM5tR11G.js';
-import { T as Tooltip, p as panelDatum, i as isSinglePointMode, f as findDatumByValue, d as dataCoords, a as TooltipHeader, b as TooltipList, c as TooltipItem } from './TooltipItem.js-T0cKLjLu.js';
+import { P as Points } from './Points2.js-BVbWugLT.js';
+import { L as Line_svg, a as Line_canvas, b as Line_html } from './Line.html.js-B1REcOFe.js';
+import { T as Tooltip, p as panelDatum, i as isSinglePointMode, f as findDatumByValue, d as dataCoords, a as TooltipHeader, b as TooltipList, c as TooltipItem } from './TooltipItem.js-Ce-blieA.js';
 import './uneval.js-DaakSYFQ.js';
 import './log-buffer.js-A9FA-Qv8.js';
-import './rect.svelte.js-zeS7FWjB.js';
-import './Points.html.js-CLbHD6OP.js';
+import './rect.svelte.js-_0PgI5fe.js';
+import './Points.html.js-B2o3k-ZZ.js';
 
 //#region node_modules/.pnpm/@layerstack+utils@2.0.0-next.19/node_modules/@layerstack/utils/dist/typeGuards.js
 /**
@@ -1321,7 +1321,7 @@ function TooltipContext($$renderer, $$props) {
 		$$renderer.push(`<!----> `);
 		if (mode === "voronoi") {
 			$$renderer.push("<!--[0-->");
-			await_block($$renderer, import('./Voronoi.js-DevTsXQE.js'), () => {}, ({ default: Voronoi }) => {
+			await_block($$renderer, import('./Voronoi.js-CalFJAXH.js'), () => {}, ({ default: Voronoi }) => {
 				Svg($$renderer, {
 					children: ($$renderer) => {
 						if (Voronoi) {
@@ -1365,7 +1365,7 @@ function TooltipContext($$renderer, $$props) {
 						let rect = each_array[$$index];
 						if (ctx.radial) {
 							$$renderer.push("<!--[0-->");
-							await_block($$renderer, import('./Arc.js-D78Cf_4M.js'), () => {}, ({ default: Arc }) => {
+							await_block($$renderer, import('./Arc.js-C8EC9NoE.js'), () => {}, ({ default: Arc }) => {
 								if (Arc) {
 									$$renderer.push("<!--[-->");
 									Arc($$renderer, {
@@ -5121,7 +5121,7 @@ function ChartChildren_base($$renderer, $$props) {
 							children: ($$renderer) => {
 								if (annotations.length > 0) {
 									$$renderer.push("<!--[0-->");
-									await_block($$renderer, import('./ChartAnnotations.js-Ci22VB_6.js'), () => {}, ({ default: ChartAnnotations }) => {
+									await_block($$renderer, import('./ChartAnnotations.js-twzDSVzY.js'), () => {}, ({ default: ChartAnnotations }) => {
 										if (ChartAnnotations) {
 											$$renderer.push("<!--[-->");
 											ChartAnnotations($$renderer, {
@@ -5250,7 +5250,7 @@ function ChartChildren_base($$renderer, $$props) {
 									$$renderer.push(`<!---->`);
 								} else if (points) {
 									$$renderer.push("<!--[1-->");
-									await_block($$renderer, import('./Points.js-e6g0Re6H.js'), () => {}, ({ default: Points }) => {
+									await_block($$renderer, import('./Points.js-D7ozN9W5.js'), () => {}, ({ default: Points }) => {
 										$$renderer.push(`<!--[-->`);
 										const each_array = ensure_array_like(context.series.visibleSeries);
 										for (let i = 0, $$length = each_array.length; i < $$length; i++) {
@@ -5282,7 +5282,7 @@ function ChartChildren_base($$renderer, $$props) {
 									$$renderer.push(`<!---->`);
 								} else if (labels) {
 									$$renderer.push("<!--[1-->");
-									await_block($$renderer, import('./Labels.js-DpagpV6d.js'), () => {}, ({ default: Labels }) => {
+									await_block($$renderer, import('./Labels.js-DB9qoyZ3.js'), () => {}, ({ default: Labels }) => {
 										const labelSeriesKey = typeof labels === "object" ? labels.seriesKey : void 0;
 										$$renderer.push(`<!--[-->`);
 										const each_array_1 = ensure_array_like(context.series.visibleSeries.filter((s) => !labelSeriesKey || s.key === labelSeriesKey));
@@ -5324,7 +5324,7 @@ function ChartChildren_base($$renderer, $$props) {
 								$$renderer.push(`<!--]--> `);
 								if (annotations.length > 0) {
 									$$renderer.push("<!--[0-->");
-									await_block($$renderer, import('./ChartAnnotations.js-Ci22VB_6.js'), () => {}, ({ default: ChartAnnotations }) => {
+									await_block($$renderer, import('./ChartAnnotations.js-twzDSVzY.js'), () => {}, ({ default: ChartAnnotations }) => {
 										if (ChartAnnotations) {
 											$$renderer.push("<!--[-->");
 											ChartAnnotations($$renderer, {
@@ -5378,7 +5378,7 @@ function ChartChildren_base($$renderer, $$props) {
 				$$renderer.push(`<!---->`);
 			} else if (legend) {
 				$$renderer.push("<!--[1-->");
-				await_block($$renderer, import('./Legend.js-BOpwpe5s.js'), () => {}, ({ default: Legend }) => {
+				await_block($$renderer, import('./Legend.js-B_ArjxQ7.js'), () => {}, ({ default: Legend }) => {
 					if (Legend) {
 						$$renderer.push("<!--[-->");
 						Legend($$renderer, spread_props([
@@ -5401,7 +5401,7 @@ function ChartChildren_base($$renderer, $$props) {
 				$$renderer.push(`<!---->`);
 			} else if (tooltipContext) {
 				$$renderer.push("<!--[1-->");
-				await_block($$renderer, import('./DefaultTooltip.js-0r5rbE-1.js'), () => {}, ({ default: DefaultTooltip }) => {
+				await_block($$renderer, import('./DefaultTooltip.js-C2NWK2AD.js'), () => {}, ({ default: DefaultTooltip }) => {
 					if (DefaultTooltip) {
 						$$renderer.push("<!--[-->");
 						DefaultTooltip($$renderer, {
@@ -5963,7 +5963,7 @@ function Grid_base($$renderer, $$props) {
 														}
 													} else {
 														$$renderer.push("<!--[-1-->");
-														await_block($$renderer, import('./Spline.js-BuZPz2PJ.js'), () => {}, ({ default: Spline }) => {
+														await_block($$renderer, import('./Spline.js-YnAxvrKY.js'), () => {}, ({ default: Spline }) => {
 															if (Spline) {
 																$$renderer.push("<!--[-->");
 																Spline($$renderer, spread_props([
@@ -6700,7 +6700,7 @@ function Highlight_base($$renderer, $$props) {
 					$$renderer.push(`<!---->`);
 				} else {
 					$$renderer.push("<!--[-1-->");
-					await_block($$renderer, import('./Bar.js-Cv73T8_D.js'), () => {}, ({ default: Bar }) => {
+					await_block($$renderer, import('./Bar.js-DtAb3LZZ.js'), () => {}, ({ default: Bar }) => {
 						if (Bar) {
 							$$renderer.push("<!--[-->");
 							Bar($$renderer, spread_props([
@@ -7092,7 +7092,7 @@ function EventScatter($$renderer, $$props) {
 		/** Chart height in px. */
 		/** Called with the brushed range when the drag ends, or `null` on clear. */
 		/** Called while dragging, for a preview that does not re-scope anything. */
-		let { metric = "count", points = [], from = 0, to = 0, height = 200, onBrush, onBrushPreview } = $$props;
+		let { metric = "count", points = [], from = 0, to = 0, height = 200, onBrush, onBrushPreview, onSelect } = $$props;
 		/**
 		* layerchart's series shape: a key, a label, a colour and the rows of that
 		* series. One series per level is what makes a spike readable as errors or as
@@ -7157,8 +7157,33 @@ function EventScatter($$renderer, $$props) {
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<div class="w-full"${attr_style(`height: ${stringify(height)}px`)} data-testid="scatter-chart">`);
+			$$renderer.push(`<div class="w-full svelte-1lpolse"${attr_style(`height: ${stringify(height)}px`)} data-testid="scatter-chart">`);
 			{
+				function marks($$renderer, { context }) {
+					$$renderer.push(`<!--[-->`);
+					const each_array = ensure_array_like(context.series.visibleSeries);
+					for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
+						let series = each_array[$$index_1];
+						{
+							function children($$renderer, { points }) {
+								$$renderer.push(`<!--[-->`);
+								const each_array_1 = ensure_array_like(points);
+								for (let $$index = 0, $$length = each_array_1.length; $$index < $$length; $$index++) {
+									let point = each_array_1[$$index];
+									$$renderer.push(`<circle${attr("cx", point.x)}${attr("cy", point.y)}${attr("r", point.r)}${attr("fill", series.color)} stroke="var(--color-neutral-950)" stroke-width="1" class="cursor-pointer focus:stroke-neutral-100 focus:stroke-2" role="button" tabindex="0" data-testid="scatter-point"${attr("aria-label", `Show ${point.data.requestId ?? `${point.data.events} ${point.data.level} events`} in ${point.data.group} at ${clockLabel(point.data.t)}`)}></circle>`);
+								}
+								$$renderer.push(`<!--]-->`);
+							}
+							Points($$renderer, {
+								seriesKey: series.key,
+								r: 5,
+								children,
+								$$slots: { default: true }
+							});
+						}
+					}
+					$$renderer.push(`<!--]-->`);
+				}
 				function tooltip($$renderer) {
 					{
 						function children($$renderer, { data }) {
@@ -7291,7 +7316,7 @@ function EventScatter($$renderer, $$props) {
 					props: {
 						points: {
 							r: 3,
-							stroke: "#0a0a0a",
+							stroke: "var(--color-neutral-950)",
 							strokeWidth: 1,
 							fillOpacity: .9
 						},
@@ -7321,8 +7346,12 @@ function EventScatter($$renderer, $$props) {
 						chartContext = $$value;
 						$$settled = false;
 					},
+					marks,
 					tooltip,
-					$$slots: { tooltip: true }
+					$$slots: {
+						marks: true,
+						tooltip: true
+					}
 				});
 			}
 			$$renderer.push(`<!----></div>`);
@@ -7338,4 +7367,4 @@ function EventScatter($$renderer, $$props) {
 }
 
 export { EventScatter as default };
-//# sourceMappingURL=EventScatter.js-Du7AJN9m.js.map
+//# sourceMappingURL=EventScatter.js-CO2GonW-.js.map