@ixfx/components 0.2.3 → 0.2.5

package/dist/util/drag-controller.js

@@ -1,21 +0,0 @@
-import {} from 'lit';
-export class DragController {
-    #onPointerMove;
-    constructor(host) {
-        this.pos = { x: 0, y: 0 };
-        this.#onPointerMove = ({ clientX, clientY }) => {
-            this.pos = { x: clientX, y: clientY };
-            this.host.requestUpdate();
-        };
-        this.host = host;
-        host.addController(this);
-    }
-    hostConnected() {
-        window.addEventListener('pointermove', this.#onPointerMove);
-        window.addEventListener('pointermove', this.#onPointerMove);
-    }
-    hostDisconnected() {
-        window.removeEventListener('pointermove', this.#onPointerMove);
-    }
-}
-//# sourceMappingURL=drag-controller.js.map

package/dist/util/drag-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag-controller.js","sourceRoot":"","sources":["../../src/util/drag-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,MAAM,KAAK,CAAC;AAElD,MAAM,OAAO,cAAc;IAIzB,cAAc,CAGZ;IAEF,YAAY,IAA4B;QAPxC,QAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAErB,mBAAc,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAc,EAAE,EAAE;YACpD,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAGA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB;QACd,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACjE,CAAC;CACF"}

package/dist/util/key-value.d.ts

@@ -1,5 +0,0 @@
-import { type KeyValue } from "./primitive-types.js";
-export type KeyValueSorter = (data: readonly KeyValue[]) => KeyValue[];
-export type SortSyles = `value` | `value-reverse` | `key` | `key-reverse`;
-export declare const getSorter: (sortStyle: SortSyles) => KeyValueSorter;
-//# sourceMappingURL=key-value.d.ts.map

package/dist/util/key-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-value.d.ts","sourceRoot":"","sources":["../../src/util/key-value.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,SAAS,QAAQ,EAAE,KAAK,QAAQ,EAAE,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,eAAe,GAAG,KAAK,GAAG,aAAa,CAAC;AAC1E,eAAO,MAAM,SAAS,GAAI,WAAW,SAAS,KAAG,cAkBhD,CAAC"}

package/dist/util/key-value.js

@@ -1,30 +0,0 @@
-import { defaultComparer } from "./compare.js";
-import {} from "./primitive-types.js";
-export const getSorter = (sortStyle) => {
-    switch (sortStyle) {
-        case `value`: {
-            return sorterByValueIndex(1, false);
-        }
-        case `value-reverse`: {
-            return sorterByValueIndex(1, true);
-        }
-        case `key`: {
-            return sorterByValueIndex(0, false);
-        }
-        case `key-reverse`: {
-            return sorterByValueIndex(0, true);
-        }
-        default: {
-            throw new Error(`Unknown sorting value '${sortStyle}'. Expecting: value, value-reverse, key or key-reverse`);
-        }
-    }
-};
-const sorterByValueIndex = (index, reverse = false) => {
-    return (values) => {
-        const s = values.toSorted((a, b) => defaultComparer(a[index], b[index]));
-        if (reverse)
-            return s.reverse();
-        return s;
-    };
-};
-//# sourceMappingURL=key-value.js.map

package/dist/util/key-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-value.js","sourceRoot":"","sources":["../../src/util/key-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAiB,MAAM,sBAAsB,CAAC;AAKrD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAkB,EAAE;IAChE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;QACD,KAAK,eAAe,CAAC,CAAC,CAAC;YACrB,OAAO,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;QACD,KAAK,aAAa,CAAC,CAAC,CAAC;YACnB,OAAO,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,MAAM,IAAI,KAAK,CAAC,0BAA4B,SAAqB,wDAAwD,CAAC,CAAC;QAC7H,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE;IAC5D,OAAO,CAAC,MAA2B,EAAE,EAAE;QACrC,MAAM,CAAC,GAAc,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAE,KAAK,CAAE,EAAE,CAAC,CAAE,KAAK,CAAE,CAAC,CAAC,CAAC;QAC1G,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC;IACX,CAAC,CAAA;AACH,CAAC,CAAA"}

package/dist/util/primitive-types.d.ts

@@ -1,6 +0,0 @@
-export type StringOrNumber = string | number | bigint;
-export type Primitive = string | number | bigint | boolean;
-export type PrimitiveOrObject = Primitive | object;
-export type BasicType = StringOrNumber | object;
-export type KeyValue = readonly [key: string, value: StringOrNumber];
-//# sourceMappingURL=primitive-types.d.ts.map

package/dist/util/primitive-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"primitive-types.d.ts","sourceRoot":"","sources":["../../src/util/primitive-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAE,CAAC"}

package/dist/util/primitive-types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=primitive-types.js.map

package/dist/util/primitive-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primitive-types.js","sourceRoot":"","sources":["../../src/util/primitive-types.ts"],"names":[],"mappings":""}

package/dist/util/svg-editable-text.d.ts

@@ -1,22 +0,0 @@
-import { type Ref } from 'lit/directives/ref.js';
-export type SvgEditLabelData = {
-    editMode: boolean;
-    hideValue: boolean;
-    x: number;
-    y: number;
-    anchor: `start` | `middle` | `end`;
-    displayValue: number | string;
-    editValue: number | string;
-    fill: string;
-};
-export declare class SvgEditLabel extends EventTarget {
-    #private;
-    textRef: Ref<SVGTextElement>;
-    editorRef: Ref<HTMLDivElement>;
-    onEditMode?: (enabled: boolean, source: SvgEditLabel) => void;
-    onInput?: (value: string) => void;
-    render(data: SvgEditLabelData): import("lit-html").TemplateResult<2>;
-    onUpdated(): void;
-    static styles: import("lit").CSSResult;
-}
-//# sourceMappingURL=svg-editable-text.d.ts.map

package/dist/util/svg-editable-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"svg-editable-text.d.ts","sourceRoot":"","sources":["../../src/util/svg-editable-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,qBAAa,YAAa,SAAQ,WAAW;;IAC3C,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAK7C,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAG9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAyClC,MAAM,CAAC,IAAI,EAAE,gBAAgB;IAgC7B,SAAS;IA2BT,MAAM,CAAC,MAAM,0BAkBd;CACA"}

package/dist/util/svg-editable-text.js

@@ -1,121 +0,0 @@
-import { css, svg } from "lit";
-import { createRef, ref } from 'lit/directives/ref.js';
-import { focus as focusContentEditable } from "./content-editable.js";
-export class SvgEditLabel extends EventTarget {
-    constructor() {
-        super(...arguments);
-        this.textRef = createRef();
-        this.editorRef = createRef();
-        this.#keyDownBound = this.#onKeyDown.bind(this);
-        this.#blurBound = this.#onBlur.bind(this);
-    }
-    #keyDownBound;
-    #blurBound;
-    #renderLabel(data) {
-        const { fill, x, y, displayValue, anchor, hideValue } = data;
-        if (hideValue) {
-            return svg ``;
-        }
-        return svg `<text  ${ref(this.textRef)} id="label-value" @click=${() => this.#onValueClick()} fill=${fill} text-anchor=${anchor} x=${x} y=${y}>${displayValue}</text>`;
-    }
-    #onValueClick() {
-        this.#onEditMode(true);
-    }
-    #onEditMode(enabled) {
-        if (this.onEditMode !== undefined)
-            this.onEditMode(enabled, this);
-        this.dispatchEvent(new CustomEvent(`edit-mode`, {
-            detail: {
-                enabled: enabled
-            }
-        }));
-    }
-    #renderEdit(data) {
-        let { anchor, editValue, x, y } = data;
-        let w = 5;
-        let h = 5;
-        if (this.textRef.value) {
-            const bbox = this.textRef.value.getBBox();
-            x = x - bbox.width / 2;
-            y = y - bbox.height + 4.5;
-            w = bbox.width + 5;
-            h = bbox.height;
-        }
-        return svg `
-    <foreignObject text-anchor=${anchor} width=${w} height=${h} x=${x} y=${y}>
-    <div ${ref(this.editorRef)} @blur=${this.#blurBound} @keydown=${this.#keyDownBound} xmlns="http://www.w3.org/1999/xhtml" tab-index=0 contentEditable=true>${editValue}</div>
-      </foreignObject>`;
-    }
-    render(data) {
-        if (data.editMode) {
-            return this.#renderEdit(data);
-        }
-        else {
-            return this.#renderLabel(data);
-        }
-    }
-    #onBlur(event) {
-        const rawValue = event.target.innerText;
-        if (this.onInput) {
-            this.onInput(rawValue);
-        }
-        this.#onEditMode(false);
-    }
-    #onKeyDown(event) {
-        const key = event.key;
-        //const shift = event.shiftKey;
-        if (key === `Escape`) {
-            this.#onEditMode(false);
-            return;
-        }
-        else if (key === `Enter`) {
-            const rawValue = event.target.innerText;
-            if (this.onInput) {
-                this.onInput(rawValue);
-            }
-            this.#onEditMode(false);
-            return;
-        }
-    }
-    onUpdated() {
-        if (this.editorRef.value) {
-            focusContentEditable(this.editorRef.value, true);
-        }
-    }
-    // protected override updated(_changedProperties: PropertyValues): void {
-    //   if (!this.shadowRoot) return;
-    //   const labelSvgEl = this.shadowRoot.querySelector(`#label-value`);
-    //   if (labelSvgEl) {
-    //     this.#textLabelBbox = (labelSvgEl as SVGTextElement).getBBox();
-    //   }
-    //   if (this.editMode) {
-    //     const labelValueEditor = this.shadowRoot.querySelector(`svg>foreignObject>div`);
-    //     if (labelValueEditor) {
-    //       focus(labelValueEditor as HTMLDivElement, true);
-    //     } else {
-    //       console.warn(`Label editor not found`);
-    //     }
-    //   }
-    //   //this.#textValueScreenCords = this.#SVGToScreen(this.#textValueSvgCoords);
-    // }
-    static { this.styles = css `
-  :host {
-    display: inline-block;
-    --value-label-color: unset;
-  }
-  input {
-    font:unset;
-    position:absolute;
-    background:unset;
-  }
-  
-  foreignObject>div {
-    width:-webkit-fill-available;
-    background:red;
-    margin: 0;
-    padding: 0;
-    line-height: unset;
-  }
-`; }
-}
-//# sourceMappingURL=svg-editable-text.js.map

package/dist/util/svg-editable-text.js.map

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

package/dist/util/time.d.ts

@@ -1,2 +0,0 @@
-export declare const sleep: (ms: number) => Promise<unknown>;
-//# sourceMappingURL=time.d.ts.map

package/dist/util/time.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/util/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,IAAI,MAAM,qBAA0C,CAAC"}

package/dist/util/time.js

@@ -1,2 +0,0 @@
-export const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
-//# sourceMappingURL=time.js.map

package/dist/util/time.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/util/time.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC"}