@ixfx/components 0.2.3 → 0.2.4

package/dist/util/tooltip-controller.js

@@ -0,0 +1,237 @@
+let tooltipEl = null;
+let state = null;
+let hideTimeout = null;
+let showTimeout = null;
+let options = { keyboard: true };
+let liveEventCleanup = null;
+function injectTooltipStyles() {
+    const style = document.createElement(`style`);
+    style.textContent = `
+    #ixfx-global-tooltip {
+      background: var(--surface-5);
+      color: var(--surface-5-text);
+      font-family: var(--font-family, inherit);
+    }
+  `;
+    document.head.appendChild(style);
+}
+function createTooltipElement() {
+    const el = document.createElement(`ixfx-tooltip`);
+    el.id = `ixfx-global-tooltip`;
+    el.style.cssText = `
+    position: fixed;
+    z-index: 10000;
+    opacity: 0;
+    transition: opacity 0.15s ease;
+    pointer-events: none;
+    padding: var(--space-s, 4px);
+    box-shadow: var(--shadow-m);
+  `;
+    document.body.appendChild(el);
+    return el;
+}
+function getTooltipElement() {
+    if (!tooltipEl) {
+        tooltipEl = createTooltipElement();
+    }
+    return tooltipEl;
+}
+function positionTooltip(target, anchor) {
+    const tooltip = getTooltipElement();
+    const rect = target.getBoundingClientRect();
+    // getBoundingClientRect returns viewport-relative coordinates
+    // position: fixed also uses viewport coordinates
+    // No scroll offset needed - both already use same reference frame
+    let top, left;
+    switch (anchor) {
+        case `right`:
+            top = rect.top + rect.height / 2 - 12;
+            left = rect.right + 10;
+            tooltip.style.transform = `translateY(-50%)`;
+            break;
+        case `left`:
+            top = rect.top + rect.height / 2 - 12;
+            left = rect.left - 10;
+            tooltip.style.transform = `translate(-100%, -50%)`;
+            break;
+        case `bottom`:
+            top = rect.bottom + 8;
+            left = rect.left + rect.width / 2;
+            tooltip.style.transform = `translate(-50%, 0)`;
+            break;
+        case `top`:
+        default:
+            top = rect.top - 8;
+            left = rect.left + rect.width / 2;
+            tooltip.style.transform = `translate(-50%, -100%)`;
+            break;
+    }
+    tooltip.style.top = `${top}px`;
+    tooltip.style.left = `${left}px`;
+}
+function renderTooltip() {
+    if (!state)
+        return;
+    const tooltip = getTooltipElement();
+    const currentTooltipText = state.element.getAttribute('data-tooltip');
+    if (currentTooltipText) {
+        state.text = currentTooltipText;
+    }
+    tooltip.value = state.text;
+    tooltip.icon = state.icon;
+    tooltip.orientation = state.anchor;
+}
+function handleLiveTooltipUpdate() {
+    if (!state)
+        return;
+    const tooltip = getTooltipElement();
+    if (tooltip.style.opacity === '0')
+        return;
+    renderTooltip();
+    positionTooltip(state.element, state.anchor);
+}
+function showTooltip() {
+    if (hideTimeout) {
+        clearTimeout(hideTimeout);
+        hideTimeout = null;
+    }
+    if (!state)
+        return;
+    const tooltip = getTooltipElement();
+    renderTooltip();
+    // Query within the target's document, not just document.body (handles iframe case)
+    const targetDoc = state.element.ownerDocument;
+    const target = targetDoc.querySelector(`[data-tooltip-state="${state.text}"]`);
+    if (target) {
+        const themeContainer = target.closest(`.theme-dark, .theme-light`);
+        if (themeContainer) {
+            themeContainer.appendChild(tooltip);
+        }
+        else {
+            targetDoc.body.appendChild(tooltip);
+        }
+        positionTooltip(target, state.anchor);
+        tooltip.style.opacity = `1`;
+        const liveMode = target.getAttribute('data-tooltip-live');
+        if (liveMode === 'input' || liveMode === 'change') {
+            const handler = () => handleLiveTooltipUpdate();
+            target.addEventListener(liveMode, handler);
+            liveEventCleanup = () => {
+                target.removeEventListener(liveMode, handler);
+                liveEventCleanup = null;
+            };
+        }
+    }
+}
+function hideTooltip() {
+    if (showTimeout) {
+        clearTimeout(showTimeout);
+        showTimeout = null;
+    }
+    if (liveEventCleanup) {
+        liveEventCleanup();
+    }
+    const tooltip = getTooltipElement();
+    tooltip.style.opacity = `0`;
+    state = null;
+    document.body.appendChild(tooltip);
+}
+function handlePointerOver(e) {
+    const path = e.composedPath();
+    const target = path.find(el => el instanceof HTMLElement && el.hasAttribute('data-tooltip'));
+    if (!target)
+        return;
+    const tooltipText = target.getAttribute('data-tooltip');
+    if (!tooltipText)
+        return;
+    const icon = target.getAttribute('data-tooltip-icon') || undefined;
+    const anchor = target.getAttribute('data-tooltip-anchor') || `top`;
+    state = {
+        element: target,
+        text: tooltipText,
+        icon,
+        anchor,
+    };
+    target.setAttribute(`data-tooltip-state`, tooltipText);
+    if (options.delay && options.delay > 0) {
+        showTimeout = window.setTimeout(showTooltip, options.delay);
+    }
+    else {
+        showTooltip();
+    }
+}
+function handlePointerOut(e) {
+    const path = e.composedPath();
+    const target = path.find(el => el instanceof HTMLElement && el.hasAttribute('data-tooltip'));
+    if (!target)
+        return;
+    target.removeAttribute(`data-tooltip-state`);
+    if (showTimeout) {
+        clearTimeout(showTimeout);
+        showTimeout = null;
+    }
+    hideTimeout = window.setTimeout(hideTooltip, 100);
+}
+function handleFocus(e) {
+    const path = e.composedPath();
+    const target = path.find(el => el instanceof HTMLElement && el.hasAttribute('data-tooltip'));
+    if (!target)
+        return;
+    const tooltipText = target.getAttribute('data-tooltip');
+    if (!tooltipText)
+        return;
+    const icon = target.getAttribute('data-tooltip-icon') || undefined;
+    const anchor = target.getAttribute('data-tooltip-anchor') || `top`;
+    state = {
+        element: target,
+        text: tooltipText,
+        icon,
+        anchor,
+    };
+    target.setAttribute(`data-tooltip-state`, tooltipText);
+    showTooltip();
+}
+function handleBlur(e) {
+    const path = e.composedPath();
+    const target = path.find(el => el instanceof HTMLElement && el.hasAttribute('data-tooltip'));
+    if (!target)
+        return;
+    target.removeAttribute(`data-tooltip-state`);
+    hideTooltip();
+}
+export const TooltipController = {
+    init(opts) {
+        if (opts) {
+            options = { keyboard: true, ...opts };
+        }
+        injectTooltipStyles();
+        document.addEventListener(`pointerover`, handlePointerOver, true);
+        document.addEventListener(`pointerout`, handlePointerOut, true);
+        if (options.keyboard) {
+            document.addEventListener(`focus`, handleFocus, true);
+            document.addEventListener(`blur`, handleBlur, true);
+        }
+        document.addEventListener(`theme-change`, (e) => {
+            const customEvent = e;
+            if (customEvent.detail?.theme) {
+                const tooltip = getTooltipElement();
+                if (tooltip.style.opacity !== `0`) {
+                    const target = document.querySelector(`[data-tooltip-state]`);
+                    if (target) {
+                        const themeContainer = target.closest(`.theme-dark, .theme-light`);
+                        if (themeContainer) {
+                            themeContainer.appendChild(tooltip);
+                        }
+                    }
+                }
+            }
+        });
+    },
+    show(_target) {
+        // Reserved for manual show if needed
+    },
+    hide() {
+        hideTooltip();
+    },
+};
+//# sourceMappingURL=tooltip-controller.js.map

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

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

package/dist/util/tooltip.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from "lit";
+export type FormatValueForHuman = (v: unknown) => string;
+export type TooltipOrientations = `top` | `right` | `bottom` | `left`;
+export declare class TooltipElement extends LitElement {
+    #private;
+    static numberFormatter: (v: number) => string;
+    static defaultFormatter: FormatValueForHuman;
+    valueFormatTooltip: FormatValueForHuman;
+    orientation: TooltipOrientations;
+    anchor: string;
+    value: unknown;
+    icon?: string;
+    protected render(): import("lit").TemplateResult<1>;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ixfx-tooltip": TooltipElement;
+    }
+}
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/util/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtE,qBACa,cAAe,SAAQ,UAAU;;IAC5C,MAAM,CAAC,eAAe,GAAI,GAAG,MAAM,YAA8B;IAEjE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAS1C;IAEF,kBAAkB,EAAE,mBAAmB,CAAmC;IAG1E,WAAW,EAAE,mBAAmB,CAAS;IAGzC,MAAM,SAAe;IAGrB,KAAK,EAAE,OAAO,CAAC;IAGf,IAAI,CAAC,EAAE,MAAM,CAAC;IAkBd,SAAS,CAAC,MAAM;IA+BhB,SAAS,CAAC,gBAAgB;CAG3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/dist/util/tooltip.js

@@ -0,0 +1,98 @@
+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;
+};
+var TooltipElement_1;
+import { html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { getIcon } from "../icons/index.js";
+import { isNumeric } from "./is-numeric.js";
+let TooltipElement = class TooltipElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.valueFormatTooltip = TooltipElement_1.defaultFormatter;
+        this.orientation = `top`;
+        this.anchor = `--tooltip`;
+    }
+    static { TooltipElement_1 = this; }
+    static { this.numberFormatter = (v) => Math.floor(v).toString(); }
+    static { this.defaultFormatter = (v) => {
+        if (typeof v === `number`) {
+            if (Number.isInteger(v))
+                return v.toString();
+            return v.toFixed(2);
+        }
+        else if (typeof v === `string`) {
+            return v;
+        }
+        else {
+            return JSON.stringify(v);
+        }
+    }; }
+    #renderIcon() {
+        if (!this.icon)
+            return nothing;
+        if (this.icon.startsWith(`<svg`)) {
+            return html `<span class="tooltip-icon" style="display:inline-flex;align-items:center;margin-right:0.25em">${unsafeHTML(this.icon)}</span>`;
+        }
+        const svg = getIcon(this.icon);
+        if (!svg)
+            return nothing;
+        return html `<ixfx-icon class="tooltip-icon" style="margin-right:0.25em" name="${this.icon}"></ixfx-icon>`;
+    }
+    render() {
+        const classes = {
+            "tooltip": true,
+            "tooltip-orientation-top": this.orientation === `top`,
+            "tooltip-orientation-bottom": this.orientation === `bottom`,
+            "tooltip-orientation-right": this.orientation === `right`,
+            "tooltip-orientation-left": this.orientation === `left`,
+            "tooltip-type-text": true,
+            "tooltip-type-number": false,
+            "tooltip-style-bubble": true,
+        };
+        let value = ``;
+        switch (typeof this.value) {
+            case `number`:
+                classes[`tooltip-type-number`] = true;
+                value = this.valueFormatTooltip(this.value);
+                break;
+            case `string`:
+                if (isNumeric(this.value)) {
+                    classes[`tooltip-type-number`] = true;
+                    value = this.valueFormatTooltip(Number.parseFloat(this.value));
+                }
+                else {
+                    value = this.value;
+                }
+                break;
+            default:
+                value = JSON.stringify(this.value);
+        }
+        return html `<output style="--anchor-id: ${this.anchor}" class=${classMap(classes)}>${this.#renderIcon()}${value}</output>`;
+    }
+    createRenderRoot() {
+        return this;
+    }
+};
+__decorate([
+    property({ type: String })
+], TooltipElement.prototype, "orientation", void 0);
+__decorate([
+    property({ type: String })
+], TooltipElement.prototype, "anchor", void 0);
+__decorate([
+    property()
+], TooltipElement.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], TooltipElement.prototype, "icon", void 0);
+TooltipElement = TooltipElement_1 = __decorate([
+    customElement(`ixfx-tooltip`)
+], TooltipElement);
+export { TooltipElement };
+//# sourceMappingURL=tooltip.js.map

package/dist/util/tooltip.js.map

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

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

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+export type ValueDragChangeDetail = {
+    readonly value: number;
+};
+export type ValueDragChangeEvent = CustomEvent<ValueDragChangeDetail>;
+export type ValueDragInputDetail = {
+    readonly value: number;
+};
+export type ValueDragInputEvent = CustomEvent<ValueDragInputDetail>;
+export declare class ValueDragElement extends LitElement {
+    #private;
+    max: number;
+    min: number;
+    value: number;
+    capturing: boolean;
+    disabled: boolean;
+    allowDrag: boolean;
+    /**
+     * What percentage of the screen dimension does it
+     * take to reach min or max value range
+     */
+    sensitivity: number;
+    numberConverter: (v: number) => number;
+    _onSlotBlur(): void;
+    protected render(): unknown;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ixfx-value-drag": ValueDragElement;
+    }
+}
+//# sourceMappingURL=value-drag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"value-drag.d.ts","sourceRoot":"","sources":["../../src/util/value-drag.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;AAEpE,qBACa,gBAAiB,SAAQ,UAAU;;IAE9C,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,SAAO;IAMZ,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAEjB,SAAS,UAAQ;IAEjB;;;OAGG;IAEH,WAAW,SAAO;IAMlB,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAsB;IAiE5D,WAAW;IAIX,SAAS,CAAC,MAAM,IAAI,OAAO;IAU3B,MAAM,CAAC,MAAM,0BAoBX;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}

package/dist/util/value-drag.js

@@ -0,0 +1,154 @@
+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 { clamp } from "@ixfx/numbers";
+import { css, html, LitElement } from "lit";
+import { customElement, eventOptions, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { KEY_STEP_DIVISOR } from "../keyboard.js";
+let ValueDragElement = class ValueDragElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.max = 1;
+        this.min = 0;
+        this.value = 0.5;
+        this.#pointerMoveBound = this.#onPointerMove.bind(this);
+        this.#pointerUpBound = this.#onPointerUp.bind(this);
+        this.capturing = false;
+        this.disabled = false;
+        this.allowDrag = true;
+        /**
+         * What percentage of the screen dimension does it
+         * take to reach min or max value range
+         */
+        this.sensitivity = 0.3;
+        this.#movedSinceLastDown = false;
+        this.#pointerDownY = Number.NaN;
+        this.#valueAtStart = Number.NaN;
+        this.numberConverter = v => Math.floor(v);
+    }
+    #pointerMoveBound;
+    #pointerUpBound;
+    #movedSinceLastDown;
+    #pointerDownY;
+    #valueAtStart;
+    #onPointerDown(event) {
+        if (this.disabled)
+            return;
+        window.addEventListener(`pointermove`, this.#pointerMoveBound);
+        window.addEventListener(`pointerup`, this.#pointerUpBound);
+        this.capturing = true;
+        this.#movedSinceLastDown = false;
+        this.#pointerDownY = event.y;
+        this.#valueAtStart = this.value;
+        if (this.allowDrag) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+    }
+    #onPointerUp(event) {
+        window.removeEventListener(`pointermove`, this.#pointerMoveBound);
+        window.removeEventListener(`pointerup`, this.#pointerUpBound);
+        this.capturing = false;
+        document.body.style.cursor = `auto`;
+        if (!this.#movedSinceLastDown) {
+            // Activate editor
+            console.log(`Allow drag: false`);
+            this.allowDrag = false;
+            this.shadowRoot?.querySelector(`slot`)?.focus();
+        }
+        else {
+            this.dispatchEvent(new CustomEvent(`change`, {
+                detail: { value: this.value },
+            }));
+        }
+        event.stopPropagation();
+    }
+    #onPointerMove(event) {
+        // const t = event.currentTarget as HTMLElement;
+        const screenRange = window.innerHeight * (event.shiftKey ? this.sensitivity / KEY_STEP_DIVISOR : this.sensitivity);
+        const offset = clamp((this.#pointerDownY - event.y) / screenRange, -1, 1);
+        if (Math.abs(offset) > 0.01) {
+            this.#movedSinceLastDown = true;
+            // return;
+        }
+        let v = 0;
+        if (offset > 0) {
+            // Raising
+            v = this.#valueAtStart + (offset * (this.max - this.#valueAtStart));
+        }
+        else {
+            // Lowering
+            v = this.#valueAtStart + (offset * (this.#valueAtStart - this.min));
+        }
+        v = this.numberConverter(v);
+        v = clamp(v, this.min, this.max);
+        document.body.style.cursor = `ns-resize`;
+        // console.log(v);
+        // this.value = v;
+        this.dispatchEvent(new CustomEvent(`input`, {
+            detail: { value: v },
+        }));
+    }
+    _onSlotBlur() {
+        this.allowDrag = true;
+    }
+    render() {
+        const classes = { capturing: this.capturing, enabled: !this.disabled };
+        return html `
+    <div ?disabled=${this.disabled} class=${classMap(classes)} @pointerdown=${this.#onPointerDown}>
+    <slot ?disabled=${this.allowDrag}  @blur=${this._onSlotBlur}></slot>
+    </div>
+    `;
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+    }
+    div:not([disabled]) {
+      cursor: ns-resize;
+    }
+    div[disabled] {
+      pointer-events:default;
+    }
+    slot[disabled]::slotted(*) {
+      pointer-events:default;
+    }
+    ::slotted([disabled]) {
+      opacity: 1;
+    }
+    .capturing {
+      border: 1px solid red;
+      cursor: ns-resize;
+    }
+  `; }
+};
+__decorate([
+    property({ type: Number })
+], ValueDragElement.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], ValueDragElement.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], ValueDragElement.prototype, "value", void 0);
+__decorate([
+    property({ attribute: true, type: Boolean })
+], ValueDragElement.prototype, "capturing", void 0);
+__decorate([
+    property({ attribute: true, type: Boolean })
+], ValueDragElement.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], ValueDragElement.prototype, "sensitivity", void 0);
+__decorate([
+    eventOptions({ capture: true })
+], ValueDragElement.prototype, "_onSlotBlur", null);
+ValueDragElement = __decorate([
+    customElement(`ixfx-value-drag`)
+], ValueDragElement);
+export { ValueDragElement };
+//# sourceMappingURL=value-drag.js.map

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

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