@deck.gl-community/infovis-layers 9.2.0-beta.6 → 9.2.0-beta.8

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.js

@@ -1,24 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-export default `#version 300 es
-#define SHADER_NAME horizon-graph-layer-vertex-shader
-
-in vec3 positions;
-in vec2 uv;
-
-out vec2 v_uv;
-
-void main(void) {
-  geometry.worldPosition = positions;
-  
-  vec4 position_commonspace = project_position(vec4(positions.xy, 0.0, 1.0));
-  gl_Position = project_common_position_to_clipspace(position_commonspace);
-  geometry.position = position_commonspace;
-  
-  DECKGL_FILTER_GL_POSITION(gl_Position, geometry);
-  
-  v_uv = uv;
-}
-`;
-//# sourceMappingURL=horizon-graph-layer.vs.js.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"horizon-graph-layer.vs.js","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.vs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,eAAe;;;;;;;;;;;;;;;;;;;CAmBd,CAAC"}

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.d.ts

@@ -1,23 +0,0 @@
-import type { DefaultProps, LayerProps, Color, LayerDataSource, Accessor } from '@deck.gl/core';
-import { CompositeLayer } from '@deck.gl/core';
-export type _MultiHorizonGraphLayerProps<DataT> = {
-    data: LayerDataSource<DataT>;
-    getSeries: Accessor<DataT, number[] | Float32Array>;
-    getScale: Accessor<DataT, number>;
-    bands?: number;
-    positiveColor?: Color;
-    negativeColor?: Color;
-    dividerColor?: Color;
-    dividerWidth?: number;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-};
-export type MultiHorizonGraphLayerProps<DataT = unknown> = _MultiHorizonGraphLayerProps<DataT> & LayerProps;
-export declare class MultiHorizonGraphLayer<DataT = any, ExtraProps extends {} = {}> extends CompositeLayer<ExtraProps & Required<_MultiHorizonGraphLayerProps<DataT>>> {
-    static layerName: string;
-    static defaultProps: DefaultProps<MultiHorizonGraphLayerProps<unknown>>;
-    renderLayers(): any[];
-}
-//# sourceMappingURL=multi-horizon-graph-layer.d.ts.map

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-horizon-graph-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/multi-horizon-graph-layer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C,MAAM,MAAM,4BAA4B,CAAC,KAAK,IAAI;IAChD,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC;IACpD,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAElC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,KAAK,GAAG,OAAO,IAAI,4BAA4B,CAAC,KAAK,CAAC,GAC5F,UAAU,CAAC;AAoBb,qBAAa,sBAAsB,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,cAAc,CACjG,UAAU,GAAG,QAAQ,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,CAC3D;IACC,MAAM,CAAC,SAAS,SAA4B;IAC5C,MAAM,CAAC,YAAY,qDAAgB;IAEnC,YAAY;CA4Gb"}

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.js

@@ -1,100 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { CompositeLayer } from '@deck.gl/core';
-import { SolidPolygonLayer } from '@deck.gl/layers';
-import { HorizonGraphLayer } from "./horizon-graph-layer.js";
-const defaultProps = {
-    getSeries: { type: 'accessor', value: (series) => series.values },
-    getScale: { type: 'accessor', value: (series) => series.scale },
-    bands: { type: 'number', value: 2 },
-    positiveColor: { type: 'color', value: [0, 128, 0] },
-    negativeColor: { type: 'color', value: [0, 0, 255] },
-    dividerColor: { type: 'color', value: [0, 0, 0] },
-    dividerWidth: { type: 'number', value: 2 },
-    x: { type: 'number', value: 0 },
-    y: { type: 'number', value: 0 },
-    width: { type: 'number', value: 800 },
-    height: { type: 'number', value: 300 }
-};
-export class MultiHorizonGraphLayer extends CompositeLayer {
-    static layerName = 'MultiHorizonGraphLayer';
-    static defaultProps = defaultProps;
-    renderLayers() {
-        const { data, getSeries, getScale, bands, positiveColor, negativeColor, dividerColor, dividerWidth, x, y, width, height } = this.props;
-        const seriesCount = data.length;
-        if (!seriesCount) {
-            return [];
-        }
-        // Calculate layout dimensions
-        const totalDividerSpace = dividerWidth * (seriesCount + 1);
-        const availableHeight = height - totalDividerSpace;
-        const seriesHeight = availableHeight / seriesCount;
-        const layers = [];
-        // Create divider rectangles
-        if (dividerWidth > 0) {
-            const dividerData = [];
-            // Top divider
-            dividerData.push({
-                polygon: [
-                    [x, y],
-                    [x + width, y],
-                    [x + width, y + dividerWidth],
-                    [x, y + dividerWidth]
-                ]
-            });
-            // Dividers between series
-            for (let i = 0; i < seriesCount - 1; i++) {
-                const dividerY = y + dividerWidth + (i + 1) * seriesHeight + i * dividerWidth;
-                dividerData.push({
-                    polygon: [
-                        [x, dividerY],
-                        [x + width, dividerY],
-                        [x + width, dividerY + dividerWidth],
-                        [x, dividerY + dividerWidth]
-                    ]
-                });
-            }
-            // Bottom divider
-            const bottomDividerY = y + height - dividerWidth;
-            dividerData.push({
-                polygon: [
-                    [x, bottomDividerY],
-                    [x + width, bottomDividerY],
-                    [x + width, y + height],
-                    [x, y + height]
-                ]
-            });
-            layers.push(new SolidPolygonLayer({
-                id: `${this.props.id}-dividers`,
-                data: dividerData,
-                getPolygon: (d) => d.polygon,
-                getFillColor: dividerColor,
-                pickable: false
-            }));
-        }
-        // Create horizon graph layers for each series
-        data.forEach((series, index) => {
-            const seriesData = getSeries(series);
-            if (!seriesData || seriesData.length === 0) {
-                return;
-            }
-            const seriesY = y + dividerWidth + index * (seriesHeight + dividerWidth);
-            const yAxisScale = getScale(series);
-            layers.push(new HorizonGraphLayer({
-                id: `${this.props.id}-series-${index}`,
-                data: seriesData,
-                yAxisScale,
-                bands,
-                positiveColor,
-                negativeColor,
-                x,
-                y: seriesY,
-                width,
-                height: seriesHeight
-            }));
-        });
-        return layers;
-    }
-}
-//# sourceMappingURL=multi-horizon-graph-layer.js.map

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-horizon-graph-layer.js","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/multi-horizon-graph-layer.ts"],"names":[],"mappings":"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"}

package/dist/layers/time-axis-layer.d.ts

@@ -1,56 +0,0 @@
-import { CompositeLayer, type CompositeLayerProps, type UpdateParameters } from '@deck.gl/core';
-import { LineLayer, TextLayer } from '@deck.gl/layers';
-export type TimeAxisLayerProps = CompositeLayerProps & {
-    unit: 'timestamp' | 'milliseconds';
-    /** Start time in milliseconds since epoch */
-    startTimeMs: number;
-    /** End time in milliseconds since epoch */
-    endTimeMs: number;
-    /** Optional: Number of tick marks (default: 5) */
-    tickCount?: number;
-    /** Optional: Y-coordinate for the axis line (default: 0) */
-    y?: number;
-    /** Optional: RGBA color for axis and ticks (default: [0, 0, 0, 255]) */
-    color?: [number, number, number, number];
-    /** Optional: Bounds for the axis line (default: viewport bounds) */
-    bounds?: [number, number, number, number];
-};
-export declare class TimeAxisLayer extends CompositeLayer<TimeAxisLayerProps> {
-    static layerName: string;
-    static defaultProps: Required<Omit<TimeAxisLayerProps, keyof CompositeLayerProps>>;
-    shouldUpdateState(params: UpdateParameters<TimeAxisLayer>): boolean;
-    renderLayers(): (LineLayer<any, {
-        id: "axis-line";
-        data: {
-            sourcePosition: number[];
-            targetPosition: number[];
-        }[];
-        getSourcePosition: (d: any) => any;
-        getTargetPosition: (d: any) => any;
-        getColor: [number, number, number, number];
-        getWidth: 2;
-    }> | LineLayer<any, {
-        id: "tick-marks";
-        data: {
-            sourcePosition: any[];
-            targetPosition: any[];
-        }[];
-        getSourcePosition: (d: any) => any;
-        getTargetPosition: (d: any) => any;
-        getColor: [number, number, number, number];
-        getWidth: 1;
-    }> | TextLayer<any, {
-        id: "tick-labels";
-        data: {
-            position: any[];
-            text: string;
-        }[];
-        getPosition: (d: any) => any;
-        getText: (d: any) => any;
-        getSize: 12;
-        getColor: [number, number, number, number];
-        getTextAnchor: "middle";
-        getAlignmentBaseline: "top";
-    }>)[];
-}
-//# sourceMappingURL=time-axis-layer.d.ts.map

package/dist/layers/time-axis-layer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-axis-layer.d.ts","sourceRoot":"","sources":["../../src/layers/time-axis-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAKrD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACrD,IAAI,EAAE,WAAW,GAAG,cAAc,CAAC;IACnC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3C,CAAC;AAEF,qBAAa,aAAc,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACnE,OAAgB,SAAS,SAAmB;IAC5C,OAAgB,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAQzF;IAGO,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,OAAO;IAInE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DtB"}

package/dist/layers/time-axis-layer.js

@@ -1,78 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { CompositeLayer } from '@deck.gl/core';
-import { LineLayer, TextLayer } from '@deck.gl/layers';
-import { formatTimeMs } from "../utils/format-utils.js";
-import { getPrettyTicks, getZoomedRange } from "../utils/tick-utils.js";
-export class TimeAxisLayer extends CompositeLayer {
-    static layerName = 'TimeAxisLayer';
-    static defaultProps = {
-        startTimeMs: 0,
-        endTimeMs: 100,
-        tickCount: 5,
-        y: 0,
-        color: [0, 0, 0, 255],
-        unit: 'timestamp',
-        bounds: undefined
-    };
-    // Called whenever props/data/viewports change
-    shouldUpdateState(params) {
-        return params.changeFlags.viewportChanged || super.shouldUpdateState(params);
-    }
-    renderLayers() {
-        const { startTimeMs, endTimeMs, tickCount = 10, y = 0, color = [0, 0, 0, 255] } = this.props;
-        let bounds;
-        try {
-            bounds = this.context.viewport.getBounds();
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.log('Error getting bounds from viewport:', error);
-            throw error;
-        }
-        const [startTimeZoomed, endTimeZoomed] = getZoomedRange(startTimeMs, endTimeMs, bounds);
-        // Generate tick positions and labels
-        const ticks = getPrettyTicks(startTimeZoomed, endTimeZoomed, tickCount);
-        const tickLines = ticks.map((x) => ({
-            sourcePosition: [x, y - 5],
-            targetPosition: [x, y + 5]
-        }));
-        const tickLabels = ticks.map((x) => ({
-            position: [x, y - 10],
-            text: this.props.unit === 'timestamp' ? new Date(x).toLocaleTimeString() : formatTimeMs(x, false)
-        }));
-        return [
-            // Axis line
-            new LineLayer({
-                id: 'axis-line',
-                data: [{ sourcePosition: [startTimeZoomed, y], targetPosition: [endTimeZoomed, y] }],
-                getSourcePosition: (d) => d.sourcePosition,
-                getTargetPosition: (d) => d.targetPosition,
-                getColor: color,
-                getWidth: 2
-            }),
-            // Tick marks
-            new LineLayer({
-                id: 'tick-marks',
-                data: tickLines,
-                getSourcePosition: (d) => d.sourcePosition,
-                getTargetPosition: (d) => d.targetPosition,
-                getColor: color,
-                getWidth: 1
-            }),
-            // Tick labels
-            new TextLayer({
-                id: 'tick-labels',
-                data: tickLabels,
-                getPosition: (d) => d.position,
-                getText: (d) => d.text,
-                getSize: 12,
-                getColor: color,
-                getTextAnchor: 'middle',
-                getAlignmentBaseline: 'top'
-            })
-        ];
-    }
-}
-//# sourceMappingURL=time-axis-layer.js.map

package/dist/layers/time-axis-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-axis-layer.js","sourceRoot":"","sources":["../../src/layers/time-axis-layer.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,cAAc,EAAkD,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAC,YAAY,EAAC,iCAA8B;AACnD,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,+BAA4B;AAkBnE,MAAM,OAAO,aAAc,SAAQ,cAAkC;IACnE,MAAM,CAAU,SAAS,GAAG,eAAe,CAAC;IAC5C,MAAM,CAAU,YAAY,GAAkE;QAC5F,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,CAAC;QACZ,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;QACrB,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,SAAU;KACnB,CAAC;IAEF,8CAA8C;IACrC,iBAAiB,CAAC,MAAuC;QAChE,OAAO,MAAM,CAAC,WAAW,CAAC,eAAe,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC/E,CAAC;IAEQ,YAAY;QACnB,MAAM,EAAC,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE3F,IAAI,MAAwC,CAAC;QAC7C,IAAI,CAAC;YACH,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;QAC7C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;YAC1D,MAAM,KAAK,CAAC;QACd,CAAC;QACD,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;QACxF,qCAAqC;QACrC,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAExE,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAClC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;YAC1B,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC3B,CAAC,CAAC,CAAC;QAEJ,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;YACrB,IAAI,EACF,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC;SAC9F,CAAC,CAAC,CAAC;QAEJ,OAAO;YACL,YAAY;YACZ,IAAI,SAAS,CAAC;gBACZ,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,CAAC,EAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAC,CAAC;gBAClF,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;gBAC1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;gBAC1C,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,CAAC;aACZ,CAAC;YACF,aAAa;YACb,IAAI,SAAS,CAAC;gBACZ,EAAE,EAAE,YAAY;gBAChB,IAAI,EAAE,SAAS;gBACf,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;gBAC1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;gBAC1C,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,CAAC;aACZ,CAAC;YACF,cAAc;YACd,IAAI,SAAS,CAAC;gBACZ,EAAE,EAAE,aAAa;gBACjB,IAAI,EAAE,UAAU;gBAChB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;gBAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;gBACtB,OAAO,EAAE,EAAE;gBACX,QAAQ,EAAE,KAAK;gBACf,aAAa,EAAE,QAAQ;gBACvB,oBAAoB,EAAE,KAAK;aAC5B,CAAC;SACH,CAAC;IACJ,CAAC"}

package/dist/layers/vertical-grid-layer.d.ts

@@ -1,41 +0,0 @@
-import { CompositeLayer, type CompositeLayerProps, type UpdateParameters } from '@deck.gl/core';
-import { LineLayer } from '@deck.gl/layers';
-export type VerticalGridLayerProps = CompositeLayerProps & {
-    /** Start time in milliseconds since epoch */
-    xMin: number;
-    /** End time in milliseconds since epoch */
-    xMax: number;
-    /** Optional: Number of tick marks (default: 5) */
-    tickCount?: number;
-    /** Minimum Y-coordinate for grid lines */
-    yMin?: number;
-    /** Maximum Y-coordinate for grid lines */
-    yMax?: number;
-    /** Optional: Width of the grid lines (default: 1) */
-    width?: number;
-    /** Optional: RGBA color for grid lines (default: [200, 200, 200, 255]) */
-    color?: [number, number, number, number];
-};
-export declare class VerticalGridLayer extends CompositeLayer<VerticalGridLayerProps> {
-    static layerName: string;
-    static defaultProps: {
-        yMin: number;
-        yMax: number;
-        tickCount: number;
-        width: number;
-        color: number[];
-    };
-    shouldUpdateState(params: UpdateParameters<VerticalGridLayer>): boolean;
-    renderLayers(): LineLayer<any, {
-        id: `${string}-lines`;
-        data: {
-            sourcePosition: any[];
-            targetPosition: any[];
-        }[];
-        getSourcePosition: (d: any) => any;
-        getTargetPosition: (d: any) => any;
-        getColor: [number, number, number, number];
-        getWidth: 1;
-    }>;
-}
-//# sourceMappingURL=vertical-grid-layer.d.ts.map

package/dist/layers/vertical-grid-layer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vertical-grid-layer.d.ts","sourceRoot":"","sources":["../../src/layers/vertical-grid-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,GAAG;IACzD,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,cAAc,CAAC,sBAAsB,CAAC;IAC3E,OAAgB,SAAS,SAAuB;IAChD,OAAgB,YAAY;;;;;;MAM1B;IAEO,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,OAAO;IAIvE,YAAY;;;;;;;;;;;CA4BtB"}

package/dist/layers/vertical-grid-layer.js

@@ -1,43 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-import { CompositeLayer } from '@deck.gl/core';
-import { LineLayer } from '@deck.gl/layers';
-import { getPrettyTicks, getZoomedRange } from "../utils/tick-utils.js";
-export class VerticalGridLayer extends CompositeLayer {
-    static layerName = 'VerticalGridLayer';
-    static defaultProps = {
-        yMin: -1e6,
-        yMax: 1e6,
-        tickCount: 5,
-        width: 1,
-        color: [200, 200, 200, 255]
-    };
-    shouldUpdateState(params) {
-        return params.changeFlags.viewportChanged || super.shouldUpdateState(params);
-    }
-    renderLayers() {
-        const { xMin, xMax, tickCount = 5, yMin, yMax, color } = this.props;
-        // Access the current viewport
-        const viewport = this.context.viewport;
-        const bounds = viewport.getBounds(); // Returns [minX, minY, maxX, maxY]
-        // Calculate the visible time range based on the viewport bounds
-        const [startTimeZoomed, endTimeZoomed] = getZoomedRange(xMin, xMax, bounds);
-        // Generate tick positions
-        const tickPositions = getPrettyTicks(startTimeZoomed, endTimeZoomed, tickCount);
-        // Create vertical grid lines at each tick position
-        const gridLines = tickPositions.map((x) => ({
-            sourcePosition: [x, yMin],
-            targetPosition: [x, yMax]
-        }));
-        return new LineLayer({
-            id: `${this.props.id}-lines`,
-            data: gridLines,
-            getSourcePosition: (d) => d.sourcePosition,
-            getTargetPosition: (d) => d.targetPosition,
-            getColor: color,
-            getWidth: 1
-        });
-    }
-}
-//# sourceMappingURL=vertical-grid-layer.js.map

package/dist/layers/vertical-grid-layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vertical-grid-layer.js","sourceRoot":"","sources":["../../src/layers/vertical-grid-layer.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,cAAc,EAAkD,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,+BAA4B;AAmBnE,MAAM,OAAO,iBAAkB,SAAQ,cAAsC;IAC3E,MAAM,CAAU,SAAS,GAAG,mBAAmB,CAAC;IAChD,MAAM,CAAU,YAAY,GAAG;QAC7B,IAAI,EAAE,CAAC,GAAG;QACV,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;KAC5B,CAAC;IAEO,iBAAiB,CAAC,MAA2C;QACpE,OAAO,MAAM,CAAC,WAAW,CAAC,eAAe,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC/E,CAAC;IAEQ,YAAY;QACnB,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAElE,8BAA8B;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;QACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,mCAAmC;QAExE,gEAAgE;QAChE,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAE5E,0BAA0B;QAC1B,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAEhF,mDAAmD;QACnD,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1C,cAAc,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;YACzB,cAAc,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;SAC1B,CAAC,CAAC,CAAC;QAEJ,OAAO,IAAI,SAAS,CAAC;YACnB,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ;YAC5B,IAAI,EAAE,SAAS;YACf,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;YAC1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;YAC1C,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;SACZ,CAAC,CAAC;IACL,CAAC"}

package/dist/utils/tick-utils.d.ts

@@ -1,10 +0,0 @@
-export declare function getZoomedRange(startTime: number, endTime: number, bounds: [number, number, number, number]): number[];
-/**
- * Get nicely rounded tick close to the natural spacing
- * @param startTime
- * @param endTime
- * @param tickCount
- * @returns
- */
-export declare function getPrettyTicks(startTime: number, endTime: number, tickCount?: number): any[];
-//# sourceMappingURL=tick-utils.d.ts.map

package/dist/utils/tick-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tick-utils.d.ts","sourceRoot":"","sources":["../../src/utils/tick-utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAKzC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAE,MAAU,SAmBvF"}

package/dist/utils/tick-utils.js

@@ -1,32 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-export function getZoomedRange(startTime, endTime, bounds) {
-    const [startTimeZoomed, , endTimeZoomed] = bounds;
-    // console.log(`startTimeZoomed: ${startTimeZoomed}, endTimeZoomed: ${endTimeZoomed}, tickInterval: ${tickInterval} tickCountZoomed: ${tickCountZoomed}`);
-    return [Math.max(startTime, startTimeZoomed), Math.min(endTime, endTimeZoomed)];
-}
-/**
- * Get nicely rounded tick close to the natural spacing
- * @param startTime
- * @param endTime
- * @param tickCount
- * @returns
- */
-export function getPrettyTicks(startTime, endTime, tickCount = 5) {
-    const range = endTime - startTime;
-    const roughStep = range / (tickCount - 1);
-    const exponent = Math.floor(Math.log10(roughStep));
-    const base = Math.pow(10, exponent);
-    const multiples = [1, 2, 5, 10];
-    // Find the smallest multiple that is greater than or equal to roughStep
-    const niceStep = multiples.find((m) => base * m >= roughStep) * base;
-    const niceStart = Math.ceil(startTime / niceStep) * niceStep;
-    const niceEnd = Math.floor(endTime / niceStep) * niceStep;
-    const ticks = [];
-    for (let t = niceStart; t <= niceEnd; t += niceStep) {
-        ticks.push(t);
-    }
-    return ticks;
-}
-//# sourceMappingURL=tick-utils.js.map

package/dist/utils/tick-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tick-utils.js","sourceRoot":"","sources":["../../src/utils/tick-utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,MAAM,UAAU,cAAc,CAC5B,SAAiB,EACjB,OAAe,EACf,MAAwC;IAExC,MAAM,CAAC,eAAe,EAAE,AAAD,EAAG,aAAa,CAAC,GAAG,MAAM,CAAC;IAClD,0JAA0J;IAC1J,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AAClF,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,SAAiB,EAAE,OAAe,EAAE,YAAoB,CAAC;IACtF,MAAM,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhC,wEAAwE;IACxE,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;IAErE,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC;IAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC;IAE1D,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;QACpD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/src/layers/horizon-graph-layer/horizon-graph-layer-uniforms.ts

@@ -1,47 +0,0 @@
-// deck.gl
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-import type {ShaderModule} from '@luma.gl/shadertools';
-import {Texture} from '@luma.gl/core';
-
-const uniformBlock = `\
-layout(std140) uniform horizonLayerUniforms {
-  float dataTextureSize;  // width = height of the POT texture
-  float dataTextureSizeInv;
-  float dataTextureCount; // actual number of data points
-
-  float bands;
-  float bandsInv;
-  float yAxisScaleInv;
-
-  vec3      positiveColor;
-  vec3      negativeColor;
-} horizonLayer;
-`;
-
-type HorizonLayerBindingProps = {
-  dataTexture: Texture;
-};
-
-type HorizonLayerUniformProps = {};
-
-export type HorizonLayerProps = HorizonLayerBindingProps & HorizonLayerUniformProps;
-
-export const horizonLayerUniforms = {
-  name: 'horizonLayer',
-  vs: uniformBlock,
-  fs: uniformBlock,
-  uniformTypes: {
-    dataTextureSize: 'f32',
-    dataTextureSizeInv: 'f32',
-    dataTextureCount: 'f32',
-
-    bands: 'f32',
-    bandsInv: 'f32',
-    yAxisScaleInv: 'f32',
-
-    positiveColor: 'vec3<f32>',
-    negativeColor: 'vec3<f32>'
-  }
-} as const satisfies ShaderModule<HorizonLayerProps>;

package/src/layers/horizon-graph-layer/horizon-graph-layer.fs.ts

@@ -1,53 +0,0 @@
-// deck.gl-community
-// SPDX-License-Identifier: MIT
-// Copyright (c) vis.gl contributors
-
-export default `#version 300 es
-#define SHADER_NAME horizon-graph-layer-fragment-shader
-
-precision highp float;
-precision highp int;
-
-/******* UNIFORM *******/
-
-uniform sampler2D dataTexture;
-
-/******* IN *******/
-
-in vec2 v_uv;
-
-/******* OUT *******/
-
-out vec4 fragColor;
-
-
-/******* MAIN *******/
-
-void main(void) {
-  // horizontal position to sample index
-  float idx = v_uv.x * horizonLayer.dataTextureCount;
-  // idx = clamp(idx, 0.0, horizonLayer.dataTextureCount - 1.0); // NEEDED???
-
-  // fetch single data point & normalize (-1,+1)
-  float fy = floor(idx * horizonLayer.dataTextureSizeInv);
-  float fx = idx - fy * horizonLayer.dataTextureSize;
-  float val = texelFetch(dataTexture, ivec2(int(fx), int(fy)), 0).r;
-  val *= horizonLayer.yAxisScaleInv;
-
-  // band layering
-  float fband    = abs(val) * horizonLayer.bands;
-  float bandIdx  = clamp(floor(fband), 0.0, horizonLayer.bands - 1.0);
-  float bandFrac = fract(fband);
-
-  // calc our position value and find out color (using mix+step instead of if...else)
-  float positive = step(0.0, val);  // 1 if pos, else 0
-  vec3  baseCol  = mix(horizonLayer.negativeColor, horizonLayer.positiveColor, positive);
-  float curPos   = mix(v_uv.y, 1.0 - v_uv.y, positive);
-  float addOne   = step(curPos, bandFrac);
-
-  float band = bandIdx + addOne;
-  float whiten = 1.0 - band * horizonLayer.bandsInv;
-
-  fragColor = vec4(mix(baseCol, vec3(1.0), whiten), 1.0);
-}
-`;