@rokkit/chart 1.3.7 → 1.3.8

package/dist/Plot/Area.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte'
-	import { area as d3Area, type CurveFactory } from 'd3-shape'
-	import type { PlotState } from '../PlotState.svelte.js'
-
-	type Datum = Record<string, unknown> | number
-
-	type Props = {
-		data?: Datum[]
-		x?: string
-		y?: string
-		y0?: string
-		fill?: string
-		opacity?: number
-		curve?: CurveFactory
-	}
-
-	let {
-		data = [],
-		x = undefined,
-		y = undefined,
-		y0 = undefined,
-		fill = 'steelblue',
-		opacity = 0.7,
-		curve = undefined
-	}: Props = $props()
-
-	const state = getContext<PlotState>('plot-state')
-
-	const accessor = (d: Datum, field: string | undefined): unknown =>
-		field && typeof d === 'object' ? d[field] : d
-
-	const path = $derived.by(() => {
-		if (!state?.xScale || !state?.yScale || !data?.length) return null
-		const xScale = state.xScale
-		const yScale = state.yScale
-		const innerHeight = state.innerHeight
-		const areaGen = d3Area<Datum>()
-			.x((d) => xScale(accessor(d, x)) ?? 0)
-			.y1((d) => yScale(accessor(d, y)) ?? 0)
-			.y0((d) =>
-				y0 !== undefined
-					? (yScale((typeof d === 'object' ? d[y0] : undefined) ?? y0) ?? innerHeight)
-					: innerHeight
-			)
-			.defined((d) => d != null)
-		if (curve) areaGen.curve(curve)
-		return areaGen(data)
-	})
-</script>
-
-{#if path}
-	<path d={path} {fill} {opacity} stroke="none" data-plot-element="area" />
-{/if}

package/dist/Plot/Area.svelte.d.ts

@@ -1,14 +0,0 @@
-import { type CurveFactory } from 'd3-shape';
-type Datum = Record<string, unknown> | number;
-type Props = {
-    data?: Datum[];
-    x?: string;
-    y?: string;
-    y0?: string;
-    fill?: string;
-    opacity?: number;
-    curve?: CurveFactory;
-};
-declare const Area: import("svelte").Component<Props, {}, "">;
-type Area = ReturnType<typeof Area>;
-export default Area;

package/dist/Plot/Bar.svelte

@@ -1,69 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte'
-	import type { PlotState } from '../PlotState.svelte.js'
-
-	type Datum = Record<string, unknown> | number
-
-	type Props = {
-		data?: Datum[]
-		x?: string
-		y?: string
-		fill?: string
-		opacity?: number
-	}
-
-	let { data = undefined, x = undefined, y = undefined, fill = 'steelblue', opacity = 1 }: Props =
-		$props()
-
-	const state = getContext<PlotState>('plot-state')
-
-	const accessor = (d: Datum, field: string | undefined): unknown =>
-		field && typeof d === 'object' ? d[field] : d
-
-	const bars = $derived.by(() => {
-		if (!state?.xScale || !state?.yScale) return []
-		const xScale = state.xScale
-		const yScale = state.yScale
-		const innerHeight = state.innerHeight
-		const src = data ?? []
-		if (!src.length) return []
-
-		const bw = typeof xScale.bandwidth === 'function' ? xScale.bandwidth() : 20
-		const padding = typeof xScale.bandwidth === 'function' ? bw * 0.05 : 0
-
-		// Baseline at y=0 when domain spans zero (supports negative bars)
-		const yDomain = typeof yScale.bandwidth !== 'function' ? yScale.domain?.() : null
-		const baseline =
-			yDomain && yDomain[0] <= 0 && yDomain[yDomain.length - 1] >= 0
-				? (yScale(0) ?? innerHeight)
-				: innerHeight
-
-		return src.map((d) => {
-			const xVal = accessor(d, x)
-			const yVal = accessor(d, y)
-			const xPos = (xScale(xVal) ?? 0) + padding
-			const yPos = yScale(yVal) ?? baseline
-			return {
-				x: xPos,
-				y: Math.min(yPos, baseline),
-				width: bw * 0.9,
-				height: Math.abs(baseline - yPos),
-				label: `${xVal}: ${yVal}`
-			}
-		})
-	})
-</script>
-
-{#each bars as bar, i (i)}
-	<rect
-		x={bar.x}
-		y={bar.y}
-		width={bar.width}
-		height={bar.height}
-		{fill}
-		{opacity}
-		data-plot-element="bar"
-		role="graphics-symbol"
-		aria-label={bar.label}
-	/>
-{/each}

package/dist/Plot/Bar.svelte.d.ts

@@ -1,11 +0,0 @@
-type Datum = Record<string, unknown> | number;
-type Props = {
-    data?: Datum[];
-    x?: string;
-    y?: string;
-    fill?: string;
-    opacity?: number;
-};
-declare const Bar: import("svelte").Component<Props, {}, "">;
-type Bar = ReturnType<typeof Bar>;
-export default Bar;

package/dist/Plot/Line.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte'
-	import { line as d3Line, type CurveFactory } from 'd3-shape'
-	import type { PlotState } from '../PlotState.svelte.js'
-
-	type Datum = Record<string, unknown> | number
-
-	type Props = {
-		data?: Datum[]
-		x?: string
-		y?: string
-		stroke?: string
-		strokeWidth?: number
-		curve?: CurveFactory
-	}
-
-	let {
-		data = [],
-		x = undefined,
-		y = undefined,
-		stroke = 'steelblue',
-		strokeWidth = 2,
-		curve = undefined
-	}: Props = $props()
-
-	const state = getContext<PlotState>('plot-state')
-
-	const accessor = (d: Datum, field: string | undefined): unknown =>
-		field && typeof d === 'object' ? d[field] : d
-
-	const path = $derived.by(() => {
-		if (!state?.xScale || !state?.yScale || !data?.length) return null
-		const xScale = state.xScale
-		const yScale = state.yScale
-		const lineGen = d3Line<Datum>()
-			.x((d) => xScale(accessor(d, x)) ?? 0)
-			.y((d) => yScale(accessor(d, y)) ?? 0)
-			.defined((d) => d != null)
-		if (curve) lineGen.curve(curve)
-		return lineGen(data)
-	})
-</script>
-
-{#if path}
-	<path
-		d={path}
-		fill="none"
-		{stroke}
-		stroke-width={strokeWidth}
-		stroke-linejoin="round"
-		stroke-linecap="round"
-		data-plot-element="line"
-	/>
-{/if}

package/dist/Plot/Line.svelte.d.ts

@@ -1,13 +0,0 @@
-import { type CurveFactory } from 'd3-shape';
-type Datum = Record<string, unknown> | number;
-type Props = {
-    data?: Datum[];
-    x?: string;
-    y?: string;
-    stroke?: string;
-    strokeWidth?: number;
-    curve?: CurveFactory;
-};
-declare const Line: import("svelte").Component<Props, {}, "">;
-type Line = ReturnType<typeof Line>;
-export default Line;

package/dist/Plot/Point.svelte

@@ -1,58 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte'
-	import type { PlotState } from '../PlotState.svelte.js'
-
-	type Datum = Record<string, unknown> | number
-
-	type Props = {
-		data?: Datum[]
-		x?: string
-		y?: string
-		r?: number
-		fill?: string
-		stroke?: string
-		strokeWidth?: number
-	}
-
-	let {
-		data = [],
-		x = undefined,
-		y = undefined,
-		r = 4,
-		fill = 'steelblue',
-		stroke = 'white',
-		strokeWidth = 1
-	}: Props = $props()
-
-	const state = getContext<PlotState>('plot-state')
-
-	const accessor = (d: Datum, field: string | undefined): unknown =>
-		field && typeof d === 'object' ? d[field] : d
-
-	const points = $derived.by(() => {
-		if (!state?.xScale || !state?.yScale || !data?.length) return []
-		const xScale = state.xScale
-		const yScale = state.yScale
-		return data
-			.map((d) => ({
-				cx: xScale(accessor(d, x)) ?? null,
-				cy: yScale(accessor(d, y)) ?? null,
-				label: `(${accessor(d, x)}, ${accessor(d, y)})`
-			}))
-			.filter((p) => p.cx !== null && p.cy !== null)
-	})
-</script>
-
-{#each points as pt, i (i)}
-	<circle
-		cx={pt.cx}
-		cy={pt.cy}
-		{r}
-		{fill}
-		{stroke}
-		stroke-width={strokeWidth}
-		data-plot-element="point"
-		role="graphics-symbol"
-		aria-label={pt.label}
-	/>
-{/each}

package/dist/Plot/Point.svelte.d.ts

@@ -1,13 +0,0 @@
-type Datum = Record<string, unknown> | number;
-type Props = {
-    data?: Datum[];
-    x?: string;
-    y?: string;
-    r?: number;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number;
-};
-declare const Point: import("svelte").Component<Props, {}, "">;
-type Point = ReturnType<typeof Point>;
-export default Point;