svelteplot 0.6.0-pr-266.0 → 0.7.0

package/dist/transforms/group.d.ts

@@ -38,21 +38,29 @@ type GroupZOptions = GroupXOptions | GroupYOptions;
  * groups the dataset by x and y channel and optionally reduces the group items
  * to output channels fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
+export declare function group({ data, ...channels }: TransformArg<T, DataRecord>, options?: GroupXOptions): {
+    data: Record<string | symbol, RawValue>[];
+};
 /**
  * groups the dataset by the x channel and optionally reduces the group items
  * to output channels y, y1, y2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): any;
+export declare function groupX(input: TransformArg<T, DataRecord>, options?: GroupXOptions): {
+    data: Record<string | symbol, RawValue>[];
+};
 /**
  * groups the dataset by the y channel and optionally reduces the group items
  * to output channels x, x1, x2, fill, stroke, r, opacity, fillOpacity, or strokeOpacity
  */
-export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): any;
+export declare function groupY(input: TransformArg<T, DataRecord>, options?: GroupYOptions): {
+    data: Record<string | symbol, RawValue>[];
+};
 /**
  * groups the dataset by the z channel and optionally reduces the group items
  * to output channels x, x1, x2, y, y1, y2, fill, stroke, r, opacity, fillOpacity,
  * or strokeOpacity
  */
-export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): any;
+export declare function groupZ(input: TransformArg<T, DataRecord>, options?: GroupZOptions): {
+    data: Record<string | symbol, RawValue>[];
+};
 export {};

package/dist/transforms/group.js

@@ -1,5 +1,5 @@
 import { groupFacetsAndZ } from '../helpers/group.js';
-import { testFilter } from '../helpers/index.js';
+import { isValid, testFilter } from '../helpers/index.js';
 import { reduceOutputs } from '../helpers/reduce.js';
 import { resolveChannel } from '../helpers/resolve.js';
 import { groups as d3Groups } from 'd3-array';
@@ -58,8 +58,12 @@ export function groupY(input, options = {}) {
 export function groupZ(input, options = {}) {
     return groupXYZ('z', input, options);
 }
+const groupDimRaw = Symbol('groupDimRaw');
 function groupXYZ(dim, { data, ...channels }, options = {}) {
-    if ((dim === 'z' ? channels.z || channels.fill || channels.stroke : channels[dim]) == null)
+    // console.log({ dim, data, channels, options });
+    if ((dim === 'z'
+        ? channels.z || channels.fill || channels.stroke || channels.fx || channels.fy
+        : channels[dim]) == null)
         throw new Error('you must provide a channel to group on ' + dim);
     const propName = options[`${dim}PropName`] != null
         ? options[`${dim}PropName`]
@@ -70,9 +74,11 @@ function groupXYZ(dim, { data, ...channels }, options = {}) {
     // group by x or y
     const groups = dim === 'z'
         ? [[null, data]]
-        : d3Groups(data.filter((d) => testFilter(d, channels)), (d) => {
-            const v = resolveChannel(dim, d, channels);
-            return interval ? interval.round(v) : v;
+        : d3Groups(data
+            .filter((d) => testFilter(d, channels))
+            .map((d) => ({ ...d, [groupDimRaw]: resolveChannel(dim, d, channels) }))
+            .filter((d) => isValid(d[groupDimRaw])), (d) => {
+            return interval ? interval.floor(d[groupDimRaw]) : d[groupDimRaw];
         });
     const newData = [];
     let newChannels = omit({ ...channels }, 'filter');

package/dist/transforms/interval.d.ts

@@ -1,7 +1,133 @@
 import type { PlotState, TransformArg } from '../types/index.js';
 export declare function intervalX<T>(args: TransformArg<T>, { plot }: {
     plot: PlotState;
-}): any;
+}): {
+    filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
+    facet?: "auto" | "include" | "exclude" | undefined;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
+    dx?: import("../types/index.js").ConstantAccessor<number, T>;
+    dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+        channel: string;
+        order?: "ascending" | "descending";
+    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
+    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
+    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
+    clipPath?: string | undefined;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
+    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    class?: string | undefined;
+    style?: string | undefined;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    data: T[];
+};
 export declare function intervalY<T>(args: TransformArg<T>, { plot }: {
     plot: PlotState;
-}): any;
+}): {
+    filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
+    facet?: "auto" | "include" | "exclude" | undefined;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
+    dx?: import("../types/index.js").ConstantAccessor<number, T>;
+    dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+        channel: string;
+        order?: "ascending" | "descending";
+    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
+    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
+    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
+    clipPath?: string | undefined;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
+    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
+    class?: string | undefined;
+    style?: string | undefined;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    data: T[];
+};

package/dist/transforms/recordize.d.ts

@@ -1,8 +1,11 @@
 import type { TransformArgsRow, TransformArgsRecord } from '../types/index.js';
-export declare const X: any;
-export declare const Y: any;
-export declare const RAW_VALUE: any;
-export declare function indexData<T extends object>(data: T[]): (T & {})[];
+import { INDEX } from '../constants';
+export declare const X: unique symbol;
+export declare const Y: unique symbol;
+export declare const RAW_VALUE: unique symbol;
+export declare function indexData<T extends object>(data: T[]): (T & {
+    [INDEX]: number;
+})[];
 export declare function recordizeX<T>({ data, ...channels }: TransformArgsRow<T>, { withIndex }?: {
     withIndex: boolean;
 }): TransformArgsRecord<T>;