@ixfx/components 0.0.2

package/dist/util/compare.js

@@ -0,0 +1,91 @@
+/**
+ * Sort numbers in ascending order.
+ *
+ * ```js
+ * [10, 4, 5, 0].sort(numericComparer);
+ * // Yields: [0, 4, 5, 10]
+ * [10, 4, 5, 0].sort(comparerInverse(numericComparer));
+ * // Yields: [ 10, 5, 4, 0]
+ * ```
+ * @param x
+ * @param y
+ * @returns
+ */
+export const numericComparer = (x, y) => {
+    // ✔️ Unit tested
+    if (x === y)
+        return 0;
+    if (x > y)
+        return 1;
+    return -1;
+};
+/**
+ * Compares numbers by numeric value, otherwise uses the default
+ * logic of string comparison.
+ *
+ * Is an ascending sort:
+ * * b, a, c -> a, b, c
+ * * 10, 5, 100 -> 5, 10, 100
+ *
+ * Returns -1 if x is less than y
+ * Returns 1 if x is greater than y
+ * Returns 0 if x is the same as y
+ * @param x
+ * @param y
+ * @see {@link comparerInverse} Inverted order
+ * @returns
+ */
+export const defaultComparer = (x, y) => {
+    if (typeof x === `number` && typeof y === `number`) {
+        return numericComparer(x, y);
+    }
+    return jsComparer(x, y);
+};
+/**
+ * Default sort comparer, following same sematics as Array.sort.
+ * Consider using {@link defaultComparer} to get more logical sorting of numbers.
+ *
+ * Note: numbers are sorted in alphabetical order, eg:
+ * ```js
+ * [ 10, 20, 5, 100 ].sort(jsComparer); // same as .sort()
+ * // Yields: [10, 100, 20, 5]
+ * ```
+ *
+ * Returns -1 if x is less than y
+ * Returns 1 if x is greater than y
+ * Returns 0 if x is the same as y
+ * @param x
+ * @param y
+ * @returns
+ */
+export const jsComparer = (x, y) => {
+    // ✔️ Unit tested
+    // Via https://stackoverflow.com/questions/47334234/how-to-implement-array-prototype-sort-default-compare-function
+    if (x === undefined && y === undefined)
+        return 0;
+    if (x === undefined)
+        return 1;
+    if (y === undefined)
+        return -1;
+    const xString = defaultToString(x);
+    const yString = defaultToString(y);
+    if (xString < yString)
+        return -1;
+    if (xString > yString)
+        return 1;
+    return 0;
+};
+export const defaultToString = (object) => {
+    //ECMA specification: http://www.ecma-international.org/ecma-262/6.0/#sec-tostring
+    if (object === null)
+        return `null`;
+    if (typeof object === `boolean` || typeof object === `number`) {
+        return object.toString();
+    }
+    if (typeof object === `string`)
+        return object;
+    if (typeof object === `symbol`)
+        throw new TypeError(`Symbol cannot be converted to string`);
+    return JSON.stringify(object);
+};
+//# sourceMappingURL=compare.js.map

package/dist/util/compare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare.js","sourceRoot":"","sources":["../../src/util/compare.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,CAAS,EAAiB,EAAE;IACrE,iBAAiB;IACjB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACtB,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC;IACpB,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAU,EAAE,CAAU,EAAiB,EAAE;IACvE,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QACnD,OAAO,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAU,EAAE,CAAU,EAAiB,EAAE;IAClE,iBAAiB;IAEjB,kHAAkH;IAClH,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IACjD,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAI,OAAO,GAAG,OAAO;QAAE,OAAO,CAAC,CAAC,CAAC;IACjC,IAAI,OAAO,GAAG,OAAO;QAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAe,EAAU,EAAE;IACzD,kFAAkF;IAClF,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACnC,IAAI,OAAO,MAAM,KAAK,SAAS,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC9D,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC;IAC9C,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,MAAM,IAAI,SAAS,CAAC,sCAAsC,CAAC,CAAC;IAC5F,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAChC,CAAC,CAAC"}

package/dist/util/content-editable.d.ts

@@ -0,0 +1,2 @@
+export declare const focus: (el: HTMLElement, selectAll: boolean) => void;
+//# sourceMappingURL=content-editable.d.ts.map

package/dist/util/content-editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-editable.d.ts","sourceRoot":"","sources":["../../src/util/content-editable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,IAAI,WAAW,EAAE,WAAW,OAAO,SAWxD,CAAA"}

package/dist/util/content-editable.js

@@ -0,0 +1,13 @@
+export const focus = (el, selectAll) => {
+    el.focus();
+    if (selectAll) {
+        const range = document.createRange();
+        range.selectNodeContents(el);
+        const sel = window.getSelection();
+        if (sel) {
+            sel.removeAllRanges();
+            sel.addRange(range);
+        }
+    }
+};
+//# sourceMappingURL=content-editable.js.map

package/dist/util/content-editable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-editable.js","sourceRoot":"","sources":["../../src/util/content-editable.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAe,EAAE,SAAkB,EAAE,EAAE;IAC3D,EAAE,CAAC,KAAK,EAAE,CAAC;IACX,IAAI,SAAS,EAAE,CAAC;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACrC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC7B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAClC,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;AACH,CAAC,CAAA"}

package/dist/util/drag-controller.d.ts

@@ -0,0 +1,13 @@
+import { type ReactiveControllerHost } from 'lit';
+export declare class DragController {
+    #private;
+    private host;
+    pos: {
+        x: number;
+        y: number;
+    };
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=drag-controller.d.ts.map

package/dist/util/drag-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-controller.d.ts","sourceRoot":"","sources":["../../src/util/drag-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAElD,qBAAa,cAAc;;IACzB,OAAO,CAAC,IAAI,CAAyB;IACrC,GAAG;;;MAAkB;gBAOT,IAAI,EAAE,sBAAsB;IAMxC,aAAa;IAKb,gBAAgB;CAGjB"}

package/dist/util/drag-controller.js

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,121 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

package/dist/util/time.js.map

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ixfx/components",
+  "version": "0.0.2",
+  "description": "",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "publishConfig": {
+    "main": "dist/src/index.js",
+    "exports": {
+      ".": {
+        "types": "./dist/src/index.d.ts",
+        "import": "./dist/src/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "lint": "tsc",
+    "dev": "vite --port=5174",
+    "build": "tsc",
+    "build-test": "tsc && vite build",
+    "preview": "vite preview",
+    "knip": "knip --config ./config/knip.json"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@ixfx/bundle": "0.41.0",
+    "lit": "3.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.32.0",
+    "eslint": "9.32.0",
+    "globals": "16.3.0",
+    "knip": "5.62.0",
+    "typescript": "5.8.3",
+    "typescript-eslint": "8.38.0",
+    "vite": "5.4.6"
+  }
+}