@ixfx/components 0.2.3 → 0.2.4

package/dist/mixins/labelled-input-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelled-input-base.d.ts","sourceRoot":"","sources":["../../src/mixins/labelled-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIhD,8BAAsB,iBAAkB,SAAQ,UAAU;IAC5C,KAAK,SAAM;IAEK,GAAG,SAAK;IACR,GAAG,SAAK;IACR,KAAK,SAAK;IACV,IAAI,SAAQ;IACZ,SAAS,SAAK;IACiB,eAAe,SAAK;IAEhB,kBAAkB,SAAO;IACxB,mBAAmB,SAAM;IAE1C,gBAAgB,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,CAAe;IAEnH,SAAS,CAAC,OAAO,UAAS;IAC1B,SAAS,CAAC,WAAW,UAAS;IAC9B,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE1D,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAExC,IAAI,SAAS,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEzC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,EAE3D;IAED,SAAS,KAAK,kBAAkB,IAAI,OAAO,CAE1C;IAEQ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI;IAc7D,SAAS,CAAC,mBAAmB,GAAI,GAAG,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KAAG,IAAI,CASvE;IAEF,SAAS,CAAC,kBAAkB,GAAI,GAAG,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KAAG,IAAI,CAWtE;IAEF,SAAS,CAAC,kBAAkB,GAAI,GAAG,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KAAG,IAAI,CAUtE;IAEF,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAYrC,SAAS,CAAC,qBAAqB;IAuBtB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAMhE"}

package/dist/mixins/labelled-input-base.js

@@ -0,0 +1,171 @@
+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 { html, LitElement, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { applyValue } from './labelled-input-util.js';
+export class LabelledInputBase extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = ``;
+        this.min = 0;
+        this.max = 1;
+        this.value = 0;
+        this.step = 0.01;
+        this.precision = 0;
+        this.dragSensitivity = 1;
+        this.miniWidthThreshold = 120;
+        this.miniHeightThreshold = 45;
+        this.displayTextLogic = `transient`;
+        this._isMini = false;
+        this._isDragging = false;
+        this._debounceTimer = undefined;
+        this._handleNumberChange = (e) => {
+            const newValue = Number.parseFloat(e.detail.value);
+            this.value = newValue;
+            this._syncValue(newValue);
+            this.dispatchEvent(new CustomEvent(`change`, {
+                detail: { value: e.detail.value },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._handleInputChange = (e) => {
+            this.value = e.detail.value;
+            clearTimeout(this._debounceTimer);
+            this._debounceTimer = window.setTimeout(() => {
+                this._isDragging = false;
+            }, 300);
+            this.dispatchEvent(new CustomEvent(`change`, {
+                detail: { value: String(e.detail.value) },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._handleSliderInput = (e) => {
+            console.log(`[LABELLED-INPUT] _handleSliderInput called`, { value: e.detail.value, composedPath: e.composedPath() });
+            this.value = e.detail.value;
+            this._isDragging = true;
+            clearTimeout(this._debounceTimer);
+            this.dispatchEvent(new CustomEvent(`input`, {
+                detail: { value: e.detail.value },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+    }
+    get formatter() {
+        return this._formatter ?? ((v) => v);
+    }
+    set formatter(value) {
+        this._formatter = value;
+    }
+    get hasCustomFormatter() {
+        return this._formatter !== undefined;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._resizeObserver = new ResizeObserver((entries) => this._handleResize(entries));
+        this._resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = undefined;
+    }
+    _handleResize(entries) {
+        const { width, height } = entries[0].contentRect;
+        const miniOverride = getComputedStyle(this).getPropertyValue(`--mini`).trim();
+        if (miniOverride === `1`) {
+            this._isMini = true;
+            return;
+        }
+        if (miniOverride === `0`) {
+            this._isMini = false;
+            return;
+        }
+        this._isMini = width < this.miniWidthThreshold || height < this.miniHeightThreshold;
+    }
+    _syncValue(v) {
+        const input = this.renderRoot?.querySelector(this.inputSelector);
+        if (input) {
+            applyValue(input, v);
+        }
+        const editableNumber = this.renderRoot?.querySelector(`ixfx-editable-number`);
+        if (editableNumber) {
+            applyValue(editableNumber, v);
+            editableNumber._requestDisplayUpdate?.();
+        }
+    }
+    _renderEditableNumber() {
+        if (this._isMini) {
+            return nothing;
+        }
+        return html `
+      <ixfx-editable-number
+        class="number"
+        mode="label"
+        no-drag
+        .value=${String(this.value)}
+        .min=${this.min}
+        .max=${this.max}
+        .step=${this.step}
+        .dragSensitivity=${this.dragSensitivity}
+        .precision=${this.precision}
+        .displayText=${this.label}
+        .displayTextLogic=${this._isDragging ? `hidden` : this.displayTextLogic}
+        .formatter=${this._formatter}
+        @change=${this._handleNumberChange}
+      ></ixfx-editable-number>
+    `;
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has(`value`)) {
+            this._syncValue(this.value);
+        }
+    }
+}
+__decorate([
+    property()
+], LabelledInputBase.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], LabelledInputBase.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], LabelledInputBase.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], LabelledInputBase.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], LabelledInputBase.prototype, "step", void 0);
+__decorate([
+    property({ type: Number })
+], LabelledInputBase.prototype, "precision", void 0);
+__decorate([
+    property({ type: Number, attribute: `drag-sensitivity` })
+], LabelledInputBase.prototype, "dragSensitivity", void 0);
+__decorate([
+    property({ type: Number, attribute: `mini-width-threshold` })
+], LabelledInputBase.prototype, "miniWidthThreshold", void 0);
+__decorate([
+    property({ type: Number, attribute: `mini-height-threshold` })
+], LabelledInputBase.prototype, "miniHeightThreshold", void 0);
+__decorate([
+    property({ attribute: `display-text-logic` })
+], LabelledInputBase.prototype, "displayTextLogic", void 0);
+__decorate([
+    state()
+], LabelledInputBase.prototype, "_isMini", void 0);
+__decorate([
+    state()
+], LabelledInputBase.prototype, "_isDragging", void 0);
+__decorate([
+    state()
+], LabelledInputBase.prototype, "_formatter", void 0);
+//# sourceMappingURL=labelled-input-base.js.map

package/dist/mixins/labelled-input-base.js.map

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

package/dist/mixins/labelled-input-util.d.ts

@@ -0,0 +1,3 @@
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function applyValue(el: Element | null, value: number): void;
+//# sourceMappingURL=labelled-input-util.d.ts.map

package/dist/mixins/labelled-input-util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelled-input-util.d.ts","sourceRoot":"","sources":["../../src/mixins/labelled-input-util.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,UAAU,CACxB,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GACZ,IAAI,CAKN"}

package/dist/mixins/labelled-input-util.js

@@ -0,0 +1,10 @@
+export function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+export function applyValue(el, value) {
+    if (el == null) {
+        return;
+    }
+    el.value = value;
+}
+//# sourceMappingURL=labelled-input-util.js.map

package/dist/mixins/labelled-input-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelled-input-util.js","sourceRoot":"","sources":["../../src/mixins/labelled-input-util.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IAC3D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,EAAkB,EAClB,KAAa;IAEb,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACf,OAAO;IACT,CAAC;IACA,EAAU,CAAC,KAAK,GAAG,KAAK,CAAC;AAC5B,CAAC"}

package/dist/my-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"my-element.d.ts","sourceRoot":"","sources":["../src/my-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,qBACa,SAAU,SAAQ,UAAU;IAEvC,QAAQ,UAAS;IAGjB,CAAC,SAAK;IAGN,CAAC,SAAK;IAGN,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAG7C,MAAM,CAAC,MAAM,0BASZ;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"my-element.d.ts","sourceRoot":"","sources":["../src/my-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,qBACa,SAAU,SAAQ,UAAU;IAEvC,QAAQ,UAAS;IAGjB,CAAC,SAAK;IAGN,CAAC,SAAK;IAGN,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAE7C,MAAM,CAAC,MAAM,0BASX;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/my-element.js

@@ -38,7 +38,7 @@ __decorate([
     property({ type: String })
 ], MyElement.prototype, "anchor", void 0);
 MyElement = __decorate([
-    customElement('my-element')
+    customElement(`my-element`)
 ], MyElement);
 export { MyElement };
 //# sourceMappingURL=my-element.js.map

package/dist/my-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"my-element.js","sourceRoot":"","sources":["../src/my-element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAEL,aAAQ,GAAG,KAAK,CAAC;QAGjB,MAAC,GAAG,CAAC,CAAC;QAGN,MAAC,GAAG,CAAC,CAAC;QAGN,WAAM,GAA+B,OAAO,CAAC;IAa/C,CAAC;aAVQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;GASlB,AATY,CASZ;;AArBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACrB;AAGN;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACrB;AAGN;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACkB;AAXlC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAwBrB"}
+{"version":3,"file":"my-element.js","sourceRoot":"","sources":["../src/my-element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAEL,aAAQ,GAAG,KAAK,CAAC;QAGjB,MAAC,GAAG,CAAC,CAAC;QAGN,MAAC,GAAG,CAAC,CAAC;QAGN,WAAM,GAA+B,OAAO,CAAC;IAY/C,CAAC;aAVQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;GASlB,AATY,CASX;;AApBF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACrB;AAGN;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACrB;AAGN;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACkB;AAXlC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuBrB"}

package/dist/narrowed-text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './narrowed-text.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/narrowed-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/narrowed-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}

package/dist/narrowed-text/index.js

@@ -0,0 +1,3 @@
+export * from './narrowed-text.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/narrowed-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/narrowed-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}

package/dist/narrowed-text/narrowed-text.d.ts

@@ -0,0 +1,48 @@
+import type { PropertyValues } from 'lit';
+import type { Orientation, SelectionMode } from './types.js';
+import { LitElement } from 'lit';
+export declare class NarrowedTextElement extends LitElement {
+    #private;
+    selectionMode: SelectionMode;
+    requiredSelection: boolean;
+    orientation: Orientation;
+    nowrap: boolean;
+    separator: string;
+    width: string | undefined;
+    height: string | undefined;
+    preserveFilter: boolean;
+    value: string;
+    private _query;
+    private _computedItems;
+    private _filteredItems;
+    private _isFocused;
+    private _slot;
+    private _selectedValues;
+    private _search;
+    private _searchState;
+    private _unsubSearch;
+    private tickled;
+    get selected(): string | string[];
+    set selected(value: string | string[]);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private _updateComputedItems;
+    private _updateSelectedFromValue;
+    private _updateFilteredItems;
+    private _applyHighlights;
+    focus(): void;
+    blur(): void;
+    private _selectItem;
+    private _updateValueFromSelected;
+    protected render(): import("lit").TemplateResult<1>;
+    private _getContainerStyle;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-narrowed-text': NarrowedTextElement;
+    }
+}
+//# sourceMappingURL=narrowed-text.d.ts.map

package/dist/narrowed-text/narrowed-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"narrowed-text.d.ts","sourceRoot":"","sources":["../../src/narrowed-text/narrowed-text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,KAAK,EAGV,WAAW,EACX,aAAa,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAYrD,qBACa,mBAAoB,SAAQ,UAAU;;IACQ,aAAa,EAAE,aAAa,CAAY;IACnC,iBAAiB,UAAS;IAClC,WAAW,EAAE,WAAW,CAAgB;IAC5C,MAAM,UAAS;IACb,SAAS,SAAO;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IACjB,cAAc,UAAS;IACtD,KAAK,SAAM;IAE9B,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,UAAU,CAAS;IACrB,OAAO,CAAC,KAAK,CAAmB;IAE/C,OAAO,CAAC,eAAe,CAA0B;IACjD,OAAO,CAAC,OAAO,CAEZ;IAEH,OAAO,CAAC,YAAY,CAAgD;IACpE,OAAO,CAAC,YAAY,CAA2B;IAG/C,OAAO,CAAC,OAAO,CAmBZ;IAEH,IAAI,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE,CAMhC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAcpC;IAEM,iBAAiB,IAAI,IAAI;IAgBvB,oBAAoB,IAAI,IAAI;cAQlB,YAAY,IAAI,IAAI;cAIpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAWnE,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,gBAAgB;IAqMxB,KAAK,IAAI,IAAI;IAUb,IAAI,IAAI,IAAI;IAuCZ,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,wBAAwB;cA4Bb,MAAM;IAqCzB,OAAO,CAAC,kBAAkB;IAW1B,OAAgB,MAAM,4BA0InB;CACJ;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,mBAAmB,CAAC;KAC3C;CACF"}