@ixfx/components 0.0.2

package/dist/charts/plot.js

@@ -0,0 +1,456 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement } from "lit";
+import { customElement } from "lit/decorators/custom-element.js";
+import { property } from "lit/decorators/property.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { CanvasHelper } from "@ixfx/visual";
+import * as Numbers from '@ixfx/numbers';
+//import type { Colourish } from "ixfx/visual.js";
+import { getCssVariable } from '@ixfx/dom';
+import { Drawing, Colour } from "@ixfx/visual";
+import { Pathed } from "@ixfx/core";
+/**
+ * Attributes
+ * * streaming: true/false (default: true)
+ * * max-length: number (default: 500). How many data points per series to store
+ * * data-width: when streaming, how much horizontal width per point
+ * * fixed-max/fixed-min: global input scaling (default: NaN, ie. disabled)
+ *
+ * * line-width: stroke width of drawing line (default:2)
+ *
+ * * render: 'dot' or 'line' (default: 'dot')
+ * * hide-legend: If added, legend is not shown
+ * * manual-draw: If added, automatic drawning is disabled
+ *
+ * Styling variables
+ * * --legend-fg: legend foreground text
+ */
+let PlotElement = class PlotElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.streaming = true;
+        this.hideLegend = false;
+        this.maxLength = 500;
+        this.dataWidth = 5;
+        this.fixedMax = Number.NaN;
+        this.fixedMin = Number.NaN;
+        this.lineWidth = 2;
+        this.renderStyle = `dot`;
+        this.manualDraw = false;
+        this.padding = 5;
+        this.paused = false;
+        this.#series = new Map();
+        this.#legendColour = ``;
+        this.#hue = 0;
+        this.canvasEl = createRef();
+        this.seriesRanges = new Map();
+        this.#swatchSize = 10;
+    }
+    #series;
+    #canvas;
+    #drawing;
+    #legendColour;
+    #hue;
+    get series() {
+        return [...this.#series.values()];
+    }
+    get seriesCount() {
+        return this.#series.size;
+    }
+    /**
+     * Returns a `PlotElement` instance based on a query
+     * ```js
+     * PlotElement.fromQuery(`#someplot`); // PlotElement
+     * ```
+     *
+     * Throws an error if query does not match.
+     * @param query
+     * @returns
+     */
+    static fromQuery(query) {
+        const el = document.querySelector(query);
+        if (!el)
+            throw new Error(`Query does not match an element`);
+        if (el.nodeName === 'PLOT-ELEMENT')
+            return el;
+        throw new Error(`Elment is not a PlotElement ('${el.nodeName}')`);
+    }
+    /**
+     * Delete a series.
+     * Returns _true_ if there was a series to delete
+     * @param name
+     * @returns
+     */
+    deleteSeries(name) {
+        name = name.toLowerCase();
+        const s = this.#series.get(name);
+        if (!s)
+            return false;
+        this.#series.delete(name);
+        return true;
+    }
+    /**
+     * Keeps the series, but deletes its data
+     * @param name
+     * @returns
+     */
+    clearSeries(name) {
+        name = name.toLowerCase();
+        const s = this.#series.get(name);
+        if (!s)
+            return false;
+        this.#series.clear();
+        return true;
+    }
+    /**
+     * Delete all data & series
+     */
+    clear() {
+        this.#series.clear();
+    }
+    /**
+     * Keeps all series, but deletes their data
+     */
+    clearData() {
+        for (const s of this.#series.values()) {
+            s.clear();
+        }
+    }
+    render() {
+        return html `<canvas ${ref(this.canvasEl)}></canvas>`;
+    }
+    #setupCanvas() {
+        if (this.#canvas !== undefined)
+            return this.#canvas;
+        const canvas = this.canvasEl.value; // this.shadowRoot?.querySelector(`canvas`);
+        if (!canvas)
+            throw new Error(`canvas element not found`);
+        const c = new CanvasHelper(canvas);
+        this.#canvas = c;
+        this.#drawing = Drawing.makeHelper(c.ctx);
+        return c;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    firstUpdated(_changedProperties) {
+        // const canvas = this.canvasEl.value!;
+        const ro = new ResizeObserver((event) => {
+            const c = this.#setupCanvas();
+            if (!c)
+                return;
+            const entry = event[0];
+            c.setLogicalSize(entry.contentRect);
+        });
+        ro.observe(this);
+        this.updateColours();
+    }
+    updateColours() {
+        this.#legendColour = getCssVariable(`legend-fg`, `black`);
+    }
+    plot(value, seriesName = ``, skipDrawing = false) {
+        if (typeof value !== 'number')
+            throw new Error(`Can only add numbers. Got: ${typeof value}`);
+        let s = this.#series.get(seriesName.toLowerCase());
+        if (s === undefined) {
+            s = new PlotSeries(seriesName, this.colourGenerator(seriesName), this);
+            this.#series.set(seriesName.toLowerCase(), s);
+        }
+        s.push(value);
+        if (!this.manualDraw && !skipDrawing)
+            this.draw();
+        return s;
+    }
+    /**
+     * Draw a set of key-value pairs as a batch.
+     * @param value
+     */
+    plotObject(value) {
+        for (const p of Pathed.getPathsAndData(value, true)) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.plot(p.value, p.path, true);
+        }
+        this.draw();
+    }
+    colourGenerator(_series) {
+        const c = Colour.HslSpace.scalar(this.#hue, 0.9, 0.4);
+        this.#hue = Numbers.wrap(this.#hue + 0.1);
+        return c;
+    }
+    draw() {
+        if (this.paused)
+            return;
+        const c = this.#canvas;
+        const d = this.#drawing;
+        const padding = this.padding;
+        if (!d || !c)
+            return;
+        c.clear();
+        const ctx = d.ctx;
+        const axisYwidth = this.computeAxisYWidth(c);
+        const remainingWidth = c.width - axisYwidth;
+        // Legend across bottom
+        const clLegend = this.computeLegend(c, remainingWidth, padding);
+        const plotHeight = c.height - clLegend.bounds.height - padding;
+        const cy = { width: axisYwidth, height: plotHeight };
+        const cp = this.computePlot(c, plotHeight, cy.width, padding);
+        const cl = { ...clLegend.bounds, x: cy.width, y: cp.y + cp.height + padding };
+        let globalScaler;
+        if (!Number.isNaN(this.fixedMax) && !Number.isNaN(this.fixedMin)) {
+            globalScaler = Numbers.scaler(this.fixedMin, this.fixedMax);
+        }
+        // Draw legend
+        if (!this.hideLegend) {
+            ctx.save();
+            ctx.translate(cl.x + padding, cl.y + padding);
+            this.drawLegend(cl, d);
+            ctx.restore();
+        }
+        ctx.save();
+        ctx.translate(cp.x + padding, cp.y + padding);
+        //ctx.fillStyle = `whitesmoke`;
+        //ctx.fillRect(0, 0, cp.width, cp.height);
+        // Draw data
+        for (const series of this.#series.values()) {
+            const seriesScale = this.seriesRanges.get(series.name);
+            const data = seriesScale === undefined ? (globalScaler === undefined ?
+                series.getScaled() :
+                series.getScaledBy(globalScaler)) :
+                series.getScaledBy(Numbers.scaler(seriesScale[0], seriesScale[1]));
+            const colour = Colour.toCssColour(series.colour);
+            switch (this.renderStyle) {
+                case `line`: {
+                    this.drawLineSeries(data, cp, d, colour);
+                    break;
+                }
+                default: {
+                    this.drawDotSeries(data, cp, d, colour);
+                }
+            }
+        }
+        ctx.restore();
+    }
+    drawLegend(cl, d) {
+        const textColour = this.#legendColour;
+        const padding = this.padding;
+        let x = 0;
+        let y = padding;
+        const swatchSize = 10;
+        const ctx = d.ctx;
+        for (const series of this.#series.values()) {
+            ctx.fillStyle = Colour.toCssColour(series.colour);
+            ctx.fillRect(x, y, swatchSize, swatchSize);
+            ctx.fillStyle = textColour;
+            x += swatchSize + padding;
+            const m = ctx.measureText(series.name);
+            ctx.textBaseline = `middle`;
+            ctx.fillText(series.name, x, y + swatchSize / 2);
+            x += m.width + padding;
+            if (x >= cl.width) {
+                y += 10 + padding;
+                x = 0;
+            }
+        }
+    }
+    drawLineSeries(data, cp, d, colour) {
+        const pointWidth = this.streaming ? this.dataWidth : (cp.width / data.length);
+        let x = 0;
+        if (this.streaming)
+            x = cp.width - (pointWidth * data.length);
+        const pos = data.map(d => {
+            x += pointWidth;
+            return {
+                x: x,
+                y: (1 - d) * cp.height,
+                radius: pointWidth
+            };
+        });
+        // Ignore points off the screen
+        const trimmed = pos.filter(p => {
+            if (p.x < 0)
+                return false;
+            return true;
+        });
+        d.connectedPoints(trimmed, {
+            strokeStyle: colour,
+            lineWidth: this.lineWidth
+        });
+    }
+    drawDotSeries(data, cp, d, colour) {
+        const pointWidth = this.streaming ? this.dataWidth : cp.width / data.length;
+        let x = 0;
+        if (this.streaming)
+            x = cp.width - (pointWidth * data.length);
+        const pos = data.map(d => {
+            x += pointWidth;
+            return {
+                x,
+                y: (1 - d) * cp.height,
+                radius: pointWidth
+            };
+        });
+        // Ignore points off the screen
+        const trimmed = pos.filter(p => {
+            if (p.x < 0)
+                return false;
+            return true;
+        });
+        d.dot(trimmed, { filled: true, fillStyle: colour });
+    }
+    computePlot(c, plotHeight, axisYwidth, padding) {
+        return {
+            x: axisYwidth,
+            y: 0,
+            width: c.width - axisYwidth - padding,
+            height: plotHeight - padding - padding
+        };
+    }
+    computeAxisYWidth(_c) {
+        return 0;
+    }
+    #swatchSize;
+    computeLegend(c, maxWidth, padding) {
+        if (this.hideLegend) {
+            return {
+                bounds: { width: 0, height: 0 },
+                parts: []
+            };
+        }
+        const ctx = c.ctx;
+        const series = [...this.#series.values()];
+        let largestH = 0;
+        const sizes = series.map(s => {
+            let width = this.#swatchSize + padding;
+            const m = ctx.measureText(s.name);
+            width += m.width;
+            const height = m.emHeightAscent + m.emHeightDescent;
+            largestH = Math.max(height, largestH);
+            return {
+                width,
+                height
+            };
+        });
+        const parts = [];
+        let x = padding;
+        let y = padding;
+        let usedWidthMax = 0;
+        for (const s of sizes) {
+            parts.push({
+                x, y, ...s
+            });
+            x += s.width;
+            usedWidthMax = Math.max(x, usedWidthMax);
+            if (x >= maxWidth) {
+                x = padding;
+                y += largestH + padding;
+            }
+        }
+        const bounds = { width: usedWidthMax, height: y + largestH + padding };
+        return {
+            bounds, parts
+        };
+    }
+    getSeries(name) {
+        return this.#series.get(name);
+    }
+    static { this.styles = css `
+  :host {
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+  `; }
+};
+__decorate([
+    property({ attribute: `streaming`, type: Boolean })
+], PlotElement.prototype, "streaming", void 0);
+__decorate([
+    property({ attribute: `hide-legend`, type: Boolean })
+], PlotElement.prototype, "hideLegend", void 0);
+__decorate([
+    property({ attribute: `max-length`, type: Number })
+], PlotElement.prototype, "maxLength", void 0);
+__decorate([
+    property({ attribute: `data-width`, type: Number })
+], PlotElement.prototype, "dataWidth", void 0);
+__decorate([
+    property({ attribute: `fixed-max`, type: Number })
+], PlotElement.prototype, "fixedMax", void 0);
+__decorate([
+    property({ attribute: `fixed-min`, type: Number })
+], PlotElement.prototype, "fixedMin", void 0);
+__decorate([
+    property({ attribute: `line-width`, type: Number })
+], PlotElement.prototype, "lineWidth", void 0);
+__decorate([
+    property({ attribute: `render`, type: String })
+], PlotElement.prototype, "renderStyle", void 0);
+__decorate([
+    property({ attribute: `manual-draw`, type: Boolean })
+], PlotElement.prototype, "manualDraw", void 0);
+PlotElement = __decorate([
+    customElement(`plot-element`)
+], PlotElement);
+export { PlotElement };
+export class PlotSeries {
+    constructor(name, colour, plot) {
+        this.name = name;
+        this.colour = colour;
+        this.plot = plot;
+        this.data = [];
+        this.minSeen = Number.MAX_SAFE_INTEGER;
+        this.maxSeen = Number.MIN_SAFE_INTEGER;
+    }
+    clear() {
+        this.data = [];
+        this.resetScale();
+    }
+    /**
+     * Returns a copy of the data scaled by the current
+     * range of the data
+     * @returns
+     */
+    getScaled() {
+        //const r = this.maxSeen - this.minSeen;
+        let min = this.minSeen;
+        let max = this.maxSeen;
+        if (Number.isNaN(min))
+            min = 0;
+        if (Number.isNaN(max))
+            max = 1;
+        const s = Numbers.scaler(min, max);
+        return this.getScaledBy(s);
+    }
+    getScaledBy(scaler) {
+        return this.data.map(v => {
+            if (typeof v !== `number`)
+                throw new Error(`Data should just be numbers. Got: ${typeof v}`);
+            if (Number.isNaN(v))
+                throw new Error(`data contains NaN`);
+            const scaled = scaler(v);
+            if (Number.isNaN(scaled))
+                throw new Error(`NaN. v: ${v} scaled: ${scaled}`);
+            return Numbers.clamp(scaled);
+        });
+    }
+    push(value) {
+        if (typeof value !== 'number')
+            throw new Error(`Can only add numbers. Got: ${typeof value}`);
+        this.data.push(value);
+        if (this.data.length > this.plot.maxLength && this.plot.streaming) {
+            this.data = this.data.slice(1);
+        }
+        this.minSeen = Math.min(this.minSeen, value);
+        this.maxSeen = Math.max(this.maxSeen, value);
+    }
+    resetScale() {
+        this.minSeen = Number.MAX_SAFE_INTEGER;
+        this.maxSeen = Number.MIN_SAFE_INTEGER;
+    }
+}
+//# sourceMappingURL=plot.js.map

package/dist/charts/plot.js.map

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

package/dist/crumb-nav.d.ts

@@ -0,0 +1,41 @@
+import { LitElement, type PropertyValues } from "lit";
+export type CrumbNavigation2Part = {
+    label: string;
+    key: string;
+    icon?: string;
+    showLabel?: boolean;
+    showIcon?: boolean;
+    ensureVisible?: boolean;
+};
+export type RequestPopup = (segment: CrumbNavigation2Part) => AsyncGenerator<CrumbNavigation2Part | CrumbNavigation2Part[]>;
+/**
+ * Events
+ * * 'change': yields newly selected node and previous
+ *
+ * CSS variables
+ * * --text-highlight: red; // highlight on mouse hover
+ * * --separator: silver;   // text colour of separator character
+ * * --padding-s: 0.12ch;   // padding between items
+ */
+export declare class CrumbNavElement extends LitElement {
+    segments: CrumbNavigation2Part[];
+    editing: boolean;
+    editPath: string;
+    onNavPopup: RequestPopup | undefined;
+    constructor();
+    protected updated(_changedProperties: PropertyValues): void;
+    setSegmentsWithPath(path: string, separator?: string): void;
+    private renderSegment;
+    onCaretClick(event: MouseEvent): Promise<void>;
+    onLabelClick(event: MouseEvent): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    onInputKeyUp(event: KeyboardEvent): void;
+    onInputBlur(): void;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ixfx-crumb-nav": CrumbNavElement;
+    }
+}
+//# sourceMappingURL=crumb-nav.d.ts.map

package/dist/crumb-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crumb-nav.d.ts","sourceRoot":"","sources":["../src/crumb-nav.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,oBAAoB,KAAK,cAAc,CAAC,oBAAoB,GAAG,oBAAoB,EAAE,CAAC,CAAA;AAC3H;;;;;;;;GAQG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAE7C,QAAQ,EAAE,oBAAoB,EAAE,CAAK;IAGrC,OAAO,UAAS;IAGhB,QAAQ,SAAK;IAEb,UAAU,EAAE,YAAY,GAAG,SAAS,CAAC;;IAmBrC,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAOpD,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAM;IAexD,OAAO,CAAC,aAAa;IAWf,YAAY,CAAC,KAAK,EAAE,UAAU;IAcpC,YAAY,CAAC,KAAK,EAAE,UAAU;IAW9B,SAAS,CAAC,MAAM;IAShB,YAAY,CAAC,KAAK,EAAE,aAAa;IAajC,WAAW;IAIX,MAAM,CAAC,MAAM,0BAmEd;CACA;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,eAAe,CAAC;KACnC;CACF"}