@ixfx/components 0.2.3 → 0.2.4

package/dist/polar-pad/polar-pad.js

@@ -0,0 +1,598 @@
+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;
+};
+/**
+ * <ixfx-polar-pad> — circular pad for setting polar coordinates (angle + radius).
+ *
+ * The user clicks or drags within a circle to position a marker. The marker's
+ * position encodes an angle (degrees, 0 = right, clockwise) and a radius (0–1).
+ *
+ * Properties / attributes
+ *   angle          – current angle in degrees (0 = right, clockwise). Default: 0
+ *   radius         – current radius 0–1 where 1 = edge. Default: 0.5
+ *   rings          – number of concentric rings to draw (0 = none). Default: 0
+ *   rays           – number of evenly-spaced radial spokes to draw (0 = none). Default: 0
+ *   show-ray       – draw a line from the origin to the marker
+ *   show-origin    – draw a dot at the centre
+ *   hide-cursor    – hide cursor during drag and hover (default: false)
+ *   snap-value     – when set, marker snaps to nearest ring/spoke depending on what's displayed
+ *   disabled       – disable all interaction (default: false)
+ *
+ * Customisable CSS variables:
+ *
+ *   Pad background
+ *   --pad-background        – CSS `background` of the circular pad. Accepts any CSS background
+ *                             value: solid colour, conic-gradient(), radial-gradient(), etc.
+ *                             Dynamic CSS vars like --angle-deg / --radius-pct are available
+ *                             so the gradient can track the current marker position.
+ *                             Default: var(--surface-4)
+ *   --pad-border-color      – stroke of the outer circle (default: --surface-6)
+ *   --pad-border-width      – thickness of outer border (default: 1px)
+ *
+ *   Marker
+ *   --marker-size           – diameter of the draggable marker (default: 10cqb)
+ *   --marker-color          – fill colour of the marker (default: --accent)
+ *   --marker-opacity        – opacity of the marker (default: 1)
+ *   --marker-stroke         – stroke colour of the marker (default: none)
+ *   --marker-stroke-width   – stroke thickness of the marker (default: 0)
+ *
+ *   Origin dot (show-origin)
+ *   --origin-size           – diameter of the origin dot (default: 6cqb)
+ *   --origin-color          – fill colour of the origin dot (default: --accent)
+ *   --origin-opacity        – opacity of the origin dot (default: 1)
+ *
+ *   Ray line (show-ray)
+ *   --ray-color             – stroke colour (default: --surface-6)
+ *   --ray-width             – thickness (default: 2px)
+ *   --ray-opacity           – opacity (default: 1)
+ *   --ray-dash              – stroke-dasharray value e.g. "4 2" (default: none)
+ *
+ *   Concentric rings (rings > 0)
+ *   --ring-color            – stroke colour (default: --surface-6)
+ *   --ring-width            – thickness (default: 1px)
+ *   --ring-opacity          – opacity (default: 1)
+ *   --ring-dash             – stroke-dasharray e.g. "4 2" (default: none)
+ *
+ *   Radial spokes (rays > 0)
+ *   --spoke-color           – stroke colour (default: --surface-6)
+ *   --spoke-width           – thickness (default: 1px)
+ *   --spoke-opacity         – opacity (default: 1)
+ *   --spoke-dash            – stroke-dasharray e.g. "4 2" (default: none)
+ *
+ * CSS variables set on host for external dynamic styling:
+ *   --angle-deg             – current angle as unitless number in degrees
+ *   --angle-rad             – current angle as unitless number in radians
+ *   --radius-pct            – current radius as unitless number 0–100
+ *
+ * Events
+ *   input – CustomEvent<PolarPadInputDetail> { angle: number (deg), radius: number (0–1) }
+ *           bubbles + composed, fires continuously during drag
+ *   change – CustomEvent<PolarPadInputDetail> { angle: number (deg), radius: number (0–1) }
+ *           bubbles + composed, fires when drag ends
+ */
+import { css, html, LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { KEY_STEP_DIVISOR } from '../keyboard.js';
+// ---------------------------------------------------------------------------
+// Geometry helpers
+// ---------------------------------------------------------------------------
+const DEG_TO_RAD = Math.PI / 180;
+const RAD_TO_DEG = 180 / Math.PI;
+/**
+ * Convert polar (angle in radians, radius 0-1) to SVG coordinates.
+ * SVG viewBox 0 0 100 100; origin at (50,50); full radius = 50.
+ * Convention: 0 rad = right (+x), increases CLOCKWISE (+y = downward in SVG).
+ */
+function polarToSvg(angleRad, radius) {
+    const r = radius * 50;
+    return { x: 50 + Math.cos(angleRad) * r, y: 50 + Math.sin(angleRad) * r };
+}
+/**
+ * Convert SVG coordinates back to polar (angle in radians 0..2π, radius 0-1).
+ * SVG: Y increases downward. Convention: 0=right, CW positive.
+ */
+function svgToPolar(svgX, svgY) {
+    const dx = svgX - 50;
+    const dy = svgY - 50; // +dy = downward = clockwise
+    const dist = Math.sqrt(dx * dx + dy * dy);
+    const radius = Math.min(1, dist / 50);
+    const raw = Math.atan2(dy, dx);
+    const angleRad = ((raw % (2 * Math.PI)) + 2 * Math.PI) % (2 * Math.PI);
+    return { angleRad, radius };
+}
+const clamp01 = (v) => Math.max(0, Math.min(1, v));
+// ---------------------------------------------------------------------------
+// Direction-aware snapping helpers
+// ---------------------------------------------------------------------------
+function snapAngle(angleDeg, prevAngleDeg, rays, snapEnabled) {
+    if (rays <= 0 || !snapEnabled)
+        return angleDeg;
+    const spokeDeg = 360 / rays;
+    const normalized = ((angleDeg % 360) + 360) % 360;
+    const nearest = Math.round(normalized / spokeDeg) * spokeDeg;
+    const remainder = normalized % spokeDeg;
+    const tie = Math.abs(remainder) < 0.0001 || Math.abs(spokeDeg - remainder) < 0.0001;
+    if (tie) {
+        let delta = angleDeg - prevAngleDeg;
+        if (delta > 180)
+            delta -= 360;
+        if (delta < -180)
+            delta += 360;
+        const direction = delta >= 0 ? 1 : -1;
+        return (nearest + direction * spokeDeg + 360) % 360;
+    }
+    return nearest;
+}
+function snapRadius(radius, prevRadius, rings, snapEnabled) {
+    if (rings <= 0 || !snapEnabled)
+        return radius;
+    const ringStep = 1 / rings;
+    const nearest = Math.round(radius / ringStep) * ringStep;
+    const remainder = radius % ringStep;
+    const tie = Math.abs(remainder) < 0.0001 || Math.abs(ringStep - remainder) < 0.0001;
+    if (tie) {
+        const direction = radius >= prevRadius ? 1 : -1;
+        return Math.max(0, Math.min(1, nearest + direction * ringStep));
+    }
+    return nearest;
+}
+function quantiseAngle(angleDeg, stops) {
+    if (!stops || stops <= 1)
+        return angleDeg;
+    const stepDeg = 360 / stops;
+    const normalized = ((angleDeg % 360) + 360) % 360;
+    return Math.round(normalized / stepDeg) * stepDeg;
+}
+function quantiseRadius(radius, stops) {
+    if (!stops || stops <= 1)
+        return radius;
+    const step = 1 / stops;
+    return Math.round(radius / step) * step;
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+let PolarPad = class PolarPad extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Current angle in degrees. 0 = right, increases clockwise. */
+        this.angle = 0;
+        /** Current radius 0–1. 0 = origin, 1 = edge. */
+        this.radius = 0.5;
+        /** Number of concentric rings to display. 0 = none. */
+        this.rings = 0;
+        /** Number of evenly-spaced radial spoke lines to display. 0 = none. */
+        this.rays = 0;
+        /** Show a line from origin to the marker. */
+        this.showRay = false;
+        /** Show a dot at the origin (centre). */
+        this.showOrigin = false;
+        /** Hide cursor during drag and hover. */
+        this.hideCursor = false;
+        /** When set, marker snaps to nearest ring/spoke depending on what's displayed. */
+        this.snapValue = false;
+        /** Disable all interaction (pointer and keyboard). */
+        this.disabled = false;
+        this._dragging = false;
+        this._dragStartAngle = 0;
+        this._dragStartRadius = 0;
+        this._pressedKeys = new Set();
+        this._prevAngle = 0;
+        this._prevRadius = 0;
+        // -------------------------------------------------------------------------
+        // Pointer handling
+        // -------------------------------------------------------------------------
+        this._onPointerDown = (e) => {
+            e.preventDefault();
+            const svg = this.renderRoot.querySelector(`svg`);
+            svg?.focus();
+            const area = this.renderRoot.querySelector(`.polar-pad-area`);
+            if (area)
+                area.setPointerCapture(e.pointerId);
+            this._dragging = true;
+            this._dragStartAngle = this.angle;
+            this._dragStartRadius = this.radius;
+            this.setAttribute(`dragging`, ``);
+            this._updateFromPointer(e);
+            globalThis.addEventListener(`pointermove`, this._onPointerMove);
+            globalThis.addEventListener(`pointerup`, this._onPointerUp);
+        };
+        this._onPointerMove = (e) => {
+            if (!this._dragging)
+                return;
+            e.preventDefault();
+            this._updateFromPointer(e);
+        };
+        this._onPointerUp = () => {
+            const hasChanged = this.angle !== this._dragStartAngle || this.radius !== this._dragStartRadius;
+            this._dragging = false;
+            this.removeAttribute(`dragging`);
+            globalThis.removeEventListener(`pointermove`, this._onPointerMove);
+            globalThis.removeEventListener(`pointerup`, this._onPointerUp);
+            if (hasChanged) {
+                this.dispatchEvent(new CustomEvent(`change`, {
+                    detail: { angle: this.angle, radius: this.radius },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+        // -------------------------------------------------------------------------
+        // Keyboard handling
+        // -------------------------------------------------------------------------
+        this._onKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            if ([`ArrowLeft`, `ArrowRight`, `ArrowUp`, `ArrowDown`].includes(e.key)) {
+                e.preventDefault();
+                this._pressedKeys.add(e.key);
+                this._handleKeyboardMove(e.shiftKey);
+            }
+        };
+        this._onKeyUp = (e) => {
+            this._pressedKeys.delete(e.key);
+        };
+        this._handleKeyboardMove = (shiftKey) => {
+            const shiftDivisor = shiftKey ? KEY_STEP_DIVISOR : 1;
+            const effectiveStopsAngle = this.stopsAngle ?? this.stops;
+            const effectiveStopsRadius = this.stopsRadius ?? this.stops;
+            let angleStep;
+            if (effectiveStopsAngle && effectiveStopsAngle > 1) {
+                angleStep = 360 / effectiveStopsAngle;
+            }
+            else {
+                const angleRange = this.rays > 0 && this.snapValue ? this.rays : 20;
+                angleStep = 360 / angleRange;
+            }
+            let radiusStep;
+            if (effectiveStopsRadius && effectiveStopsRadius > 1) {
+                radiusStep = 1 / effectiveStopsRadius;
+            }
+            else {
+                radiusStep = 1 / 20;
+            }
+            angleStep /= shiftDivisor;
+            radiusStep /= shiftDivisor;
+            this._prevAngle = this.angle;
+            this._prevRadius = this.radius;
+            let newAngle = this.angle;
+            let newRadius = this.radius;
+            if (this._pressedKeys.has(`ArrowLeft`)) {
+                newAngle -= angleStep;
+            }
+            if (this._pressedKeys.has(`ArrowRight`)) {
+                newAngle += angleStep;
+            }
+            if (this._pressedKeys.has(`ArrowUp`)) {
+                newRadius = Math.min(1, newRadius + radiusStep);
+            }
+            if (this._pressedKeys.has(`ArrowDown`)) {
+                newRadius = Math.max(0, newRadius - radiusStep);
+            }
+            newAngle = ((newAngle % 360) + 360) % 360;
+            let finalAngle = snapAngle(newAngle, this._prevAngle, this.rays, this.snapValue);
+            let finalRadius = snapRadius(newRadius, this._prevRadius, this.rings, this.snapValue);
+            finalAngle = quantiseAngle(finalAngle, effectiveStopsAngle);
+            finalRadius = quantiseRadius(finalRadius, effectiveStopsRadius);
+            if (finalAngle !== this.angle || finalRadius !== this.radius) {
+                this.angle = finalAngle;
+                this.radius = finalRadius;
+                this.dispatchEvent(new CustomEvent(`input`, {
+                    detail: { angle: this.angle, radius: this.radius },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+        /** Stable per-instance uid for SVG clipPath IDs. */
+        this._uid = Math.random().toString(36).slice(2, 8);
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      width: 200px;
+      height: 200px;
+      touch-action: none;
+      user-select: none;
+      container-type: size;
+
+      /* Pad background */
+      --pad-background: var(--surface-4, oklch(22% 0.02 240));
+      --pad-border-color: var(--surface-6, oklch(35% 0.02 240));
+      --pad-border-width: 1px;
+
+      /* Marker */
+      --marker-size: 10cqb;
+      --marker-color: var(--accent, oklch(60% 0.15 140));
+      --marker-opacity: 1;
+      --marker-stroke: none;
+      --marker-stroke-width: 0;
+
+      /* Origin dot */
+      --origin-size: 6cqb;
+      --origin-color: var(--accent, oklch(60% 0.15 140));
+      --origin-opacity: 1;
+
+      /* Ray line */
+      --ray-color: var(--surface-6, oklch(35% 0.02 240));
+      --ray-width: 2px;
+      --ray-opacity: 1;
+      --ray-dash: none;
+
+      /* Concentric rings */
+      --ring-color: var(--surface-6, oklch(35% 0.02 240));
+      --ring-width: 1px;
+      --ring-opacity: 1;
+      --ring-dash: none;
+
+      /* Radial spokes */
+      --spoke-color: var(--surface-6, oklch(35% 0.02 240));
+      --spoke-width: 1px;
+      --spoke-opacity: 1;
+      --spoke-dash: none;
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    .polar-pad-area {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      cursor: var(--cursor-display, crosshair);
+    }
+
+    :host([dragging]) .polar-pad-area {
+      cursor: none;
+    }
+
+    svg {
+      width: 100%;
+      height: 100%;
+      overflow: visible;
+    }
+
+    .pad-background {
+      /* Used on the foreignObject div — accepts any CSS background value */
+      width: 100%;
+      height: 100%;
+      background: var(--pad-background);
+    }
+
+    .pad-border {
+      fill: none;
+      stroke: var(--pad-border-color);
+      stroke-width: var(--pad-border-width);
+      vector-effect: non-scaling-stroke;
+    }
+
+    .ring {
+      fill: none;
+      stroke: var(--ring-color);
+      stroke-width: var(--ring-width);
+      stroke-dasharray: var(--ring-dash);
+      opacity: var(--ring-opacity);
+      vector-effect: non-scaling-stroke;
+    }
+
+    .spoke {
+      fill: none;
+      stroke: var(--spoke-color);
+      stroke-width: var(--spoke-width);
+      stroke-dasharray: var(--spoke-dash);
+      opacity: var(--spoke-opacity);
+      vector-effect: non-scaling-stroke;
+    }
+
+    .ray {
+      fill: none;
+      stroke: var(--ray-color);
+      stroke-width: var(--ray-width);
+      stroke-dasharray: var(--ray-dash);
+      opacity: var(--ray-opacity);
+      vector-effect: non-scaling-stroke;
+    }
+
+    .origin-dot {
+      fill: var(--origin-color);
+      opacity: var(--origin-opacity);
+    }
+
+    .marker {
+      fill: var(--marker-color);
+      opacity: var(--marker-opacity);
+      stroke: var(--marker-stroke);
+      stroke-width: var(--marker-stroke-width);
+      cursor: grab;
+    }
+
+    .marker:active {
+      cursor: grabbing;
+    }
+
+    svg:focus {
+      outline: none;
+    }
+
+    svg:focus-visible .pad-border {
+      stroke: var(--accent);
+      stroke-width: 3;
+    }
+  `; }
+    _updateFromPointer(e) {
+        const area = this.renderRoot.querySelector(`.polar-pad-area`);
+        if (!area)
+            return;
+        const rect = area.getBoundingClientRect();
+        const size = Math.min(rect.width, rect.height);
+        const svgX = ((e.clientX - rect.left) / size) * 100;
+        const svgY = ((e.clientY - rect.top) / size) * 100;
+        const { angleRad, radius } = svgToPolar(svgX, svgY);
+        const newAngleDeg = angleRad * RAD_TO_DEG;
+        const newRadius = clamp01(radius);
+        this._prevAngle = this.angle;
+        this._prevRadius = this.radius;
+        const snappedAngle = snapAngle(newAngleDeg, this._prevAngle, this.rays, this.snapValue);
+        const snappedRadius = snapRadius(newRadius, this._prevRadius, this.rings, this.snapValue);
+        const effectiveStopsAngle = this.stopsAngle ?? this.stops;
+        const effectiveStopsRadius = this.stopsRadius ?? this.stops;
+        this.angle = quantiseAngle(snappedAngle, effectiveStopsAngle);
+        this.radius = quantiseRadius(snappedRadius, effectiveStopsRadius);
+        this._prevAngle = newAngleDeg;
+        this._prevRadius = newRadius;
+        this.dispatchEvent(new CustomEvent(`input`, {
+            detail: { angle: this.angle, radius: this.radius },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    // -------------------------------------------------------------------------
+    // CSS variable sync
+    // -------------------------------------------------------------------------
+    _setCssVars() {
+        this.style.setProperty(`--angle-deg`, `${this.angle}`);
+        this.style.setProperty(`--angle-rad`, `${this.angle * DEG_TO_RAD}`);
+        this.style.setProperty(`--radius-pct`, `${clamp01(this.radius) * 100}`);
+    }
+    updated(_changed) {
+        super.updated(_changed);
+        this._setCssVars();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._onPointerUp();
+        this._pressedKeys.clear();
+    }
+    // -------------------------------------------------------------------------
+    // SVG helpers
+    // -------------------------------------------------------------------------
+    _renderRings() {
+        if (this.rings <= 0)
+            return ``;
+        const items = [];
+        for (let i = 1; i <= this.rings; i++) {
+            const r = (i / this.rings) * 50;
+            items.push(svg `<circle class="ring" cx="50" cy="50" r="${r}" />`);
+        }
+        return items;
+    }
+    _renderSpokes() {
+        if (this.rays <= 0)
+            return ``;
+        const items = [];
+        for (let i = 0; i < this.rays; i++) {
+            const angleRad = (i / this.rays) * 2 * Math.PI;
+            const cos = Math.cos(angleRad);
+            const sin = Math.sin(angleRad); // SVG +y downward matches CW convention directly
+            const x1 = 50 + cos * 50;
+            const y1 = 50 + sin * 50;
+            const x2 = 50 - cos * 50;
+            const y2 = 50 - sin * 50;
+            items.push(svg `<line class="spoke" x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" />`);
+        }
+        return items;
+    }
+    _renderRay(markerX, markerY) {
+        if (!this.showRay)
+            return ``;
+        return svg `<line class="ray" x1="50" y1="50" x2="${markerX}" y2="${markerY}" />`;
+    }
+    _renderOrigin() {
+        if (!this.showOrigin)
+            return ``;
+        return svg `<circle class="origin-dot" cx="50" cy="50" r="3" style="r: calc(var(--origin-size) / 2)" />`;
+    }
+    // -------------------------------------------------------------------------
+    // Render
+    // -------------------------------------------------------------------------
+    render() {
+        const angleRad = this.angle * DEG_TO_RAD;
+        const { x: markerX, y: markerY } = polarToSvg(angleRad, clamp01(this.radius));
+        return html `
+      <div class="polar-pad-area"
+           @pointerdown=${this._onPointerDown}
+           @keydown=${this._onKeyDown}
+           @keyup=${this._onKeyUp}
+           @blur=${() => this._pressedKeys.clear()}>
+        <svg viewBox="0 0 100 100"
+             preserveAspectRatio="xMidYMid meet"
+             tabindex=${this.disabled ? -1 : 0}>
+          <defs>
+            <clipPath id="circle-clip-${this._uid}">
+              <circle cx="50" cy="50" r="50" />
+            </clipPath>
+          </defs>
+
+          <!-- clipped group: background + rings + spokes -->
+          <g clip-path="url(#circle-clip-${this._uid})">
+            <foreignObject x="0" y="0" width="100" height="100">
+              <div class="pad-background" xmlns="http://www.w3.org/1999/xhtml"></div>
+            </foreignObject>
+            ${this._renderRings()}
+            ${this._renderSpokes()}
+          </g>
+
+          <!-- border circle (on top of clip, non-scaling stroke) -->
+          <circle class="pad-border" cx="50" cy="50" r="49.75" />
+
+          <!-- ray + origin + marker -->
+          ${this._renderRay(markerX, markerY)}
+          ${this._renderOrigin()}
+          <circle
+            class="marker"
+            cx="${markerX}"
+            cy="${markerY}"
+            r="5"
+            style="r: calc(var(--marker-size) / 2)"
+          />
+        </svg>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], PolarPad.prototype, "angle", void 0);
+__decorate([
+    property({ type: Number })
+], PolarPad.prototype, "radius", void 0);
+__decorate([
+    property({ type: Number })
+], PolarPad.prototype, "rings", void 0);
+__decorate([
+    property({ type: Number })
+], PolarPad.prototype, "rays", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `show-ray` })
+], PolarPad.prototype, "showRay", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `show-origin` })
+], PolarPad.prototype, "showOrigin", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `hide-cursor` })
+], PolarPad.prototype, "hideCursor", void 0);
+__decorate([
+    property({ type: Boolean, attribute: `snap-value`, reflect: true })
+], PolarPad.prototype, "snapValue", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], PolarPad.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], PolarPad.prototype, "stops", void 0);
+__decorate([
+    property({ type: Number, attribute: `stops-angle` })
+], PolarPad.prototype, "stopsAngle", void 0);
+__decorate([
+    property({ type: Number, attribute: `stops-radius` })
+], PolarPad.prototype, "stopsRadius", void 0);
+PolarPad = __decorate([
+    customElement(`ixfx-polar-pad`)
+], PolarPad);
+export { PolarPad };
+//# sourceMappingURL=polar-pad.js.map

package/dist/polar-pad/polar-pad.js.map

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

package/dist/radial-input/radial-input.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Radial input component
+ * A rotary dial input inspired by Ableton Live and music production software
+ */
+import type { PropertyValues } from 'lit';
+import type { LaneData, LaneType, MarkerStyle, ValueMode } from './types.js';
+import { LitElement } from 'lit';
+export declare class RadialInputElement extends LitElement {
+    #private;
+    get radius(): number;
+    set radius(v: number);
+    value: number;
+    min: number;
+    max: number;
+    step: number | undefined;
+    stops?: number;
+    valueMode: ValueMode;
+    flatten: number;
+    markerStyle: MarkerStyle;
+    wedge: boolean;
+    disabled: boolean;
+    constructor();
+    addLane(key: string, options?: {
+        value?: number;
+        type?: LaneType;
+        offset?: number;
+        width?: number;
+    }): void;
+    setLaneValue(key: string, value: number): void;
+    removeLane(key: string): void;
+    getLanes(): ReadonlyMap<string, LaneData>;
+    getLane(key: string): LaneData | undefined;
+    protected willUpdate(changed: PropertyValues): void;
+    render(): unknown;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-radial-input': RadialInputElement;
+    }
+}
+//# sourceMappingURL=radial-input.d.ts.map

package/dist/radial-input/radial-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-input.d.ts","sourceRoot":"","sources":["../../src/radial-input/radial-input.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EAGX,SAAS,EACV,MAAM,YAAY,CAAC;AACpB,OAAO,EAAa,UAAU,EAAO,MAAM,KAAK,CAAC;AAmBjD,qBACa,kBAAmB,SAAQ,UAAU;;IAKhD,IACI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,EAEnB;IAID,KAAK,SAAK;IAGV,GAAG,SAAK;IAGR,GAAG,SAAO;IAGV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,SAAS,EAAE,SAAS,CAAW;IAI/B,OAAO,SAAO;IAGd,WAAW,EAAE,WAAW,CAAY;IAGpC,KAAK,UAAS;IAId,QAAQ,UAAS;;IA+BjB,OAAO,CACL,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,GACA,IAAI;IAYP,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ9C,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK7B,QAAQ,IAAI,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC;IAIzC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;cA4bvB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAanD,MAAM,IAAI,OAAO;cAgDP,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA4BhD,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAY7B,OAAgB,MAAM,4BAqHnB;CACJ;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}