State improvements

docs/src/examples/components/BrushContext/constant-labels.svelte

@@ -12,19 +12,19 @@
 		<Layer>
 			<Area line={{ class: 'stroke-2 stroke-primary' }} class="fill-primary/20" />
 
-			{#if context.brush.isActive}
+			{#if context.brush.active}
 				<Text
 					x={-4}
 					y={context.height / 2}
-					value={format(context.brush.xDomain?.[0] as any)}
+					value={format(context.brush.x?.[0] as any)}
 					textAnchor="end"
 					verticalAnchor="middle"
 					class="text-xs"
 				/>
 				<Text
 					x={context.width + 4}
 					y={context.height / 2}
-					value={format(context.brush.xDomain?.[1] as any)}
+					value={format(context.brush.x?.[1] as any)}
 					verticalAnchor="middle"
 					class="text-xs"
 				/>

docs/src/examples/components/BrushContext/handle-arrows.svelte

@@ -21,7 +21,7 @@
 		<Layer>
 			<Area line={{ class: 'stroke-2 stroke-primary' }} class="fill-primary/20" />
 
-			{#if context.brush.isActive}
+			{#if context.brush.active}
 				<rect
 					x={context.brush.range.x}
 					width={context.brush.handleSize}

docs/src/examples/components/BrushContext/handle-labels.svelte

@@ -12,19 +12,19 @@
 	{#snippet children({ context })}
 		<Layer>
 			<Area line={{ class: 'stroke-2 stroke-primary' }} class="fill-primary/20" />
-			{#if context.brush.isActive}
+			{#if context.brush.active}
 				<Text
 					x={context.brush.range.x - 4}
 					y={context.brush.range.height / 2}
-					value={format(context.brush.xDomain?.[0] as any)}
+					value={format(context.brush.x?.[0] as any)}
 					textAnchor="end"
 					verticalAnchor="middle"
 					class="text-xs"
 				/>
 				<Text
 					x={context.brush.range.x + context.brush.range.width + 4}
 					y={context.brush.range.height / 2}
-					value={format(context.brush.xDomain?.[1] as any)}
+					value={format(context.brush.x?.[1] as any)}
 					verticalAnchor="middle"
 					class="text-xs"
 				/>

docs/src/examples/components/BrushContext/integrated-brush-(both-axis-area).svelte

@@ -28,8 +28,8 @@
 		axis: 'both',
 		resetOnEnd: true,
 		onBrushEnd: (e) => {
-			xDomain = e.xDomain;
-			yDomain = e.yDomain;
+			xDomain = e.brush.x;
+			yDomain = e.brush.y;
 		}
 	}}
 	height={300}

docs/src/examples/components/BrushContext/integrated-brush-(x-axis).svelte

@@ -26,7 +26,7 @@
 	brush={{
 		resetOnEnd: true,
 		onBrushEnd: (e) => {
-			xDomain = e.xDomain;
+			xDomain = e.brush.x;
 		}
 	}}
 	height={300}

docs/src/examples/components/BrushContext/integrated-brush-(y-axis).svelte

@@ -27,7 +27,7 @@
 			axis: 'y',
 			resetOnEnd: true,
 			onBrushEnd: (e) => {
-				yDomain = e.yDomain;
+				yDomain = e.brush.y;
 			}
 		}}
 		height={300}

docs/src/examples/components/BrushContext/minimap.svelte

@@ -25,8 +25,8 @@
 			axis: 'both',
 			resetOnEnd: true,
 			onBrushEnd: (e) => {
-				xDomain = e.xDomain;
-				yDomain = e.yDomain;
+				xDomain = e.brush.x;
+				yDomain = e.brush.y;
 			}
 		}}
 		height={400}
@@ -50,11 +50,11 @@
 			brush={{
 				axis: 'both',
 				mode: 'separated',
-				xDomain: xDomain,
-				yDomain: yDomain,
+				x: xDomain as any,
+				y: yDomain as any,
 				onChange: (e) => {
-					xDomain = e.xDomain;
-					yDomain = e.yDomain;
+					xDomain = e.brush.x;
+					yDomain = e.brush.y;
 				}
 			}}
 		>

docs/src/examples/components/BrushContext/selection.svelte

@@ -22,8 +22,8 @@
 	brush={{
 		axis: 'both',
 		onChange: (e) => {
-			xDomain = e.xDomain;
-			yDomain = e.yDomain;
+			xDomain = e.brush.x;
+			yDomain = e.brush.y;
 		}
 	}}
 	height={400}

docs/src/examples/components/BrushContext/separate-chart-(clip-data).svelte

@@ -45,7 +45,7 @@
 	padding={{ left: 16 }}
 	brush={{
 		onChange: (e) => {
-			xDomain = e.xDomain;
+			xDomain = e.brush.x;
 		}
 	}}
 	height={40}

docs/src/examples/components/BrushContext/separate-chart-(clip-data-y-axis).svelte

@@ -26,7 +26,7 @@
 			brush={{
 				axis: 'y',
 				onChange: (e) => {
-					yDomain = e.yDomain;
+					yDomain = e.brush.y;
 				}
 			}}
 			height={300}

docs/src/examples/components/BrushContext/separate-chart-(filter-data).svelte

@@ -45,7 +45,7 @@
 	padding={{ left: 16 }}
 	brush={{
 		onChange: (e) => {
-			xDomain = e.xDomain;
+			xDomain = e.brush.x;
 		}
 	}}
 	height={40}

docs/src/examples/components/BrushContext/sync-brushes-with-bind-xdomain.svelte

@@ -85,8 +85,8 @@
 				padding={{ left: 16 }}
 				brush={{
 					mode: 'separated',
-					xDomain,
-					onChange: (e) => (xDomain = e.xDomain),
+					x: xDomain as any,
+					onChange: (e) => (xDomain = e.brush.x),
 					onReset: (e) => (xDomain = null)
 				}}
 				height={20}

docs/src/examples/components/BrushContext/tooltip-interop.svelte

@@ -30,7 +30,7 @@
 	brush={{
 		resetOnEnd: true,
 		onBrushEnd: (e) => {
-			xDomain = e.xDomain;
+			xDomain = e.brush.x;
 		}
 	}}
 	height={300}

packages/layerchart/package.json

@@ -87,7 +87,7 @@
     "@layerstack/svelte-actions": "1.0.1-next.14",
     "@layerstack/svelte-state": "0.1.0-next.19",
     "@layerstack/tailwind": "2.0.0-next.17",
-    "@layerstack/utils": "2.0.0-next.14",
+    "@layerstack/utils": "2.0.0-next.15",
     "d3-array": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-delaunay": "^6.0.4",