@jolly-pixel/ui 1.0.1

package/dist/math/Point2d.js

@@ -0,0 +1,169 @@
+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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var Point2d_1;
+// Import Third-party Dependencies
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+// Import Internal Dependencies
+import { JollyField } from "../field/JollyField.js";
+import { isMixed } from "../field/mixed.js";
+import { vectorValueEquals, vectorValueHasChanged } from "./equals.js";
+import { point2dStyles } from "./Point2d.styles.js";
+import { ratioFromPointer } from "../color/area.js";
+import { formatNumber, quantize } from "../numeric/format.js";
+import { multiplierFor } from "../numeric/modifierMultiplier.js";
+/**
+ * Draggable 2D pad using a bounded Vector2 value.
+ * A drag sets both axes, so it has no per-axis Mixed state.
+ */
+let Point2d = class Point2d extends JollyField {
+    static { Point2d_1 = this; }
+    static Defaults = {
+        step: 0.01,
+        min: 0,
+        max: 1
+    };
+    static styles = [
+        ...JollyField.styles,
+        point2dStyles
+    ];
+    constructor() {
+        super();
+        this.step = Point2d_1.Defaults.step;
+        this.min = Point2d_1.Defaults.min;
+        this.max = Point2d_1.Defaults.max;
+        this.value = {
+            x: (this.min + this.max) / 2,
+            y: (this.min + this.max) / 2
+        };
+    }
+    valuesEqual(a, b) {
+        return vectorValueEquals(a, b);
+    }
+    renderValue() {
+        const point = this.#point;
+        const label = this.label === "" ? "Point" : this.label;
+        return html `
+      <div
+        class="pad"
+        role="slider"
+        aria-label=${label}
+        aria-valuetext=${point === undefined
+            ? "Mixed"
+            : `${formatNumber(point.x, this.step)}, ${formatNumber(point.y, this.step)}`}
+        tabindex=${this.editable ? "0" : "-1"}
+        style="--jolly-pad-x:${point ? this.#ratio(point.x) : 0.5}; --jolly-pad-y:${point ? this.#ratio(point.y) : 0.5}"
+        ?data-mixed=${point === undefined}
+        @pointerdown=${this.#onPointerDown}
+        @keydown=${this.#onKeyDown}
+      ><span class="handle" ?hidden=${point === undefined}></span></div>
+    `;
+    }
+    get #point() {
+        if (isMixed(this.value)) {
+            return undefined;
+        }
+        const { x, y } = this.value;
+        return isMixed(x) || isMixed(y) ? undefined : { x, y };
+    }
+    #ratio(value) {
+        const span = this.max - this.min;
+        return span <= 0 ? 0.5 : Math.min(1, Math.max(0, (value - this.min) / span));
+    }
+    #onPointerDown = (event) => {
+        if (!this.editable || event.button !== 0) {
+            return;
+        }
+        const pad = event.currentTarget;
+        event.preventDefault();
+        pad.setPointerCapture(event.pointerId);
+        pad.focus({ preventScroll: true });
+        this.#applyPointer(pad, event, false);
+        const onMove = (moved) => this.#applyPointer(pad, moved, false);
+        const onUp = (released) => {
+            pad.removeEventListener("pointermove", onMove);
+            pad.removeEventListener("pointerup", onUp);
+            pad.removeEventListener("pointercancel", onUp);
+            this.#applyPointer(pad, released, true);
+        };
+        pad.addEventListener("pointermove", onMove);
+        pad.addEventListener("pointerup", onUp);
+        pad.addEventListener("pointercancel", onUp);
+    };
+    #applyPointer(pad, event, commit) {
+        const ratio = ratioFromPointer({ x: event.clientX, y: event.clientY }, pad.getBoundingClientRect());
+        const value = {
+            x: quantize(this.min + (ratio.x * (this.max - this.min)), this.step, this.min, this.max),
+            y: quantize(this.min + (ratio.y * (this.max - this.min)), this.step, this.min, this.max)
+        };
+        if (commit) {
+            this.emitChange(value);
+        }
+        else {
+            this.emitInput(value);
+        }
+    }
+    #onKeyDown = (event) => {
+        const point = this.#point;
+        if (!this.editable || point === undefined) {
+            return;
+        }
+        const step = this.step * multiplierFor(event);
+        let { x, y } = point;
+        switch (event.key) {
+            case "ArrowLeft":
+                x -= step;
+                break;
+            case "ArrowRight":
+                x += step;
+                break;
+            // Screen-space mapping: up is toward min y, matching the pointer drag.
+            case "ArrowUp":
+                y -= step;
+                break;
+            case "ArrowDown":
+                y += step;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        this.emitChange({
+            x: quantize(x, this.step, this.min, this.max),
+            y: quantize(y, this.step, this.min, this.max)
+        });
+    };
+};
+__decorate([
+    property({ attribute: false, hasChanged: vectorValueHasChanged }),
+    __metadata("design:type", Object)
+], Point2d.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false, hasChanged: vectorValueHasChanged }),
+    __metadata("design:type", Object)
+], Point2d.prototype, "default", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Point2d.prototype, "step", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Point2d.prototype, "min", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Point2d.prototype, "max", void 0);
+Point2d = Point2d_1 = __decorate([
+    customElement("jolly-point2d"),
+    __metadata("design:paramtypes", [])
+], Point2d);
+export { Point2d };
+//# sourceMappingURL=Point2d.js.map

package/dist/math/Point2d.js.map

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

package/dist/math/Point2d.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const point2dStyles: import("lit").CSSResult;
+//# sourceMappingURL=Point2d.styles.d.ts.map

package/dist/math/Point2d.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point2d.styles.d.ts","sourceRoot":"","sources":["../../src/math/Point2d.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,yBAiDzB,CAAC"}

package/dist/math/Point2d.styles.js

@@ -0,0 +1,55 @@
+// Import Third-party Dependencies
+import { css } from "lit";
+// Import Internal Dependencies
+import { fillTransition } from "../theme/styles/mixins.js";
+export const point2dStyles = css `
+  .pad {
+    position: relative;
+    width: 64px;
+    height: 64px;
+    border-radius: var(--jolly-radius-sm, 2px);
+    background: var(--jolly-control-bg, transparent);
+    cursor: crosshair;
+    touch-action: none;
+    ${fillTransition}
+  }
+
+  .pad:hover {
+    background: var(--jolly-control-bg-hover);
+  }
+
+  .pad:focus-visible {
+    background: var(--jolly-control-bg-focus);
+    outline: none;
+  }
+
+  :host([invalid]) .pad {
+    background: var(--jolly-invalid-bg);
+  }
+
+  :host([readonly]) .pad {
+    background: var(--jolly-control-bg-muted);
+  }
+
+  .pad[data-mixed] {
+    opacity: 0.35;
+  }
+
+  .handle {
+    position: absolute;
+    top: calc(var(--jolly-pad-y, 0.5) * 100%);
+    left: calc(var(--jolly-pad-x, 0.5) * 100%);
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--jolly-field-active-color);
+    box-shadow: 0 0 0 1px var(--jolly-surface);
+    pointer-events: none;
+    transform: translate(-50%, -50%);
+  }
+
+  .handle[hidden] {
+    display: none;
+  }
+`;
+//# sourceMappingURL=Point2d.styles.js.map

package/dist/math/Point2d.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point2d.styles.js","sourceRoot":"","sources":["../../src/math/Point2d.styles.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,+BAA+B;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;MAS1B,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCnB,CAAC"}

package/dist/math/Quaternion.d.ts

@@ -0,0 +1,33 @@
+import { type TemplateResult } from "lit";
+import { JollyField } from "../field/JollyField.ts";
+import { type FieldValue } from "../field/mixed.ts";
+import type { QuatLike } from "./types.ts";
+export type QuaternionAxis = "x" | "y" | "z";
+export interface QuaternionDefaults {
+    /** Degrees per scrub step or arrow key press. */
+    step: number;
+}
+/**
+ * Edits a quaternion as XYZ Euler angles in degrees.
+ * The Euler draft survives renders until value represents a new rotation.
+ */
+export declare class Quaternion extends JollyField<QuatLike> {
+    #private;
+    static readonly Defaults: QuaternionDefaults;
+    static styles: import("lit").CSSResult[];
+    value: FieldValue<QuatLike>;
+    default: QuatLike | undefined;
+    step: number;
+    /** Overrides an axis's accessible name, e.g. `{ x: "pitch" }`. */
+    axisLabels: Partial<Record<QuaternionAxis, string>>;
+    constructor();
+    protected get scrubbable(): boolean;
+    protected valuesEqual(a: QuatLike, b: QuatLike): boolean;
+    protected renderValue(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-quaternion": Quaternion;
+    }
+}
+//# sourceMappingURL=Quaternion.d.ts.map

package/dist/math/Quaternion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quaternion.d.ts","sourceRoot":"","sources":["../../src/math/Quaternion.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAe3C,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;CACd;AAaD;;;GAGG;AACH,qBACa,UAAW,SAAQ,UAAU,CAAC,QAAQ,CAAC;;IAClD,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAE1C;IAEF,OAAgB,MAAM,4BAIpB;IAMM,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAM5B,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAG9B,IAAI,EAAE,MAAM,CAAC;IAErB,kEAAkE;IAE1D,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;;IAa5D,cAAuB,UAAU,IAAI,OAAO,CAE3C;cAEkB,WAAW,CAC5B,CAAC,EAAE,QAAQ,EACX,CAAC,EAAE,QAAQ,GACV,OAAO;IAIV,SAAS,CAAC,WAAW,IAAI,cAAc;CAmFxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,UAAU,CAAC;KAChC;CACF"}

package/dist/math/Quaternion.js

@@ -0,0 +1,149 @@
+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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var Quaternion_1;
+// Import Third-party Dependencies
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+// Import Internal Dependencies
+import { JollyField } from "../field/JollyField.js";
+import { isMixed } from "../field/mixed.js";
+import { eulerRoundTrips, eulerToQuaternion, quaternionToEuler } from "./euler.js";
+import { quatEquals, quatHasChanged } from "./equals.js";
+import { vectorFieldStyles } from "./VectorField.styles.js";
+import { quaternionStyles } from "./Quaternion.styles.js";
+import { AxisController } from "./AxisController.js";
+// CONSTANTS
+const kAxisKeys = ["x", "y", "z"];
+const kRadToDeg = 180 / Math.PI;
+const kDegToRad = Math.PI / 180;
+const kIdentity = {
+    x: 0,
+    y: 0,
+    z: 0,
+    w: 1
+};
+/**
+ * Edits a quaternion as XYZ Euler angles in degrees.
+ * The Euler draft survives renders until value represents a new rotation.
+ */
+let Quaternion = class Quaternion extends JollyField {
+    static { Quaternion_1 = this; }
+    static Defaults = {
+        step: 1
+    };
+    static styles = [
+        ...JollyField.styles,
+        vectorFieldStyles,
+        quaternionStyles
+    ];
+    #draft = null;
+    #axes = new Map();
+    constructor() {
+        super();
+        this.step = Quaternion_1.Defaults.step;
+        this.axisLabels = {};
+        this.value = kIdentity;
+    }
+    get scrubbable() {
+        return this.editable;
+    }
+    valuesEqual(a, b) {
+        return quatEquals(a, b);
+    }
+    renderValue() {
+        return html `
+      <div class="axes">
+        ${kAxisKeys.map((axis) => this.#controllerFor(axis).render())}
+      </div>
+    `;
+    }
+    #controllerFor(axis) {
+        let controller = this.#axes.get(axis);
+        if (controller === undefined) {
+            controller = new AxisController(this, {
+                key: axis,
+                label: axis.toUpperCase(),
+                ariaLabel: () => this.axisLabels[axis] ?? axis.toUpperCase(),
+                colorVar: `--jolly-axis-${axis}`,
+                step: () => this.step,
+                min: () => Number.NEGATIVE_INFINITY,
+                max: () => Number.POSITIVE_INFINITY,
+                editable: () => this.editable,
+                disabled: () => this.disabled,
+                value: () => this.#axisDegrees(axis),
+                onInput: (value) => this.#commitAxis(axis, value, true),
+                onChange: (value) => this.#commitAxis(axis, value, false)
+            });
+            this.#axes.set(axis, controller);
+        }
+        return controller;
+    }
+    #axisDegrees(axis) {
+        if (isMixed(this.value)) {
+            return undefined;
+        }
+        return this.#resolvedDraft(this.value)[axis] * kRadToDeg;
+    }
+    #commitAxis(axis, valueDegrees, live) {
+        if (isMixed(this.value)) {
+            return;
+        }
+        const draft = {
+            ...this.#resolvedDraft(this.value),
+            [axis]: valueDegrees * kDegToRad
+        };
+        this.#draft = draft;
+        const quaternion = eulerToQuaternion(draft);
+        if (live) {
+            this.emitInput(quaternion);
+        }
+        else {
+            this.emitChange(quaternion);
+        }
+    }
+    /** Reuses the Euler draft while it still represents target. */
+    #resolvedDraft(target) {
+        if (this.#draft !== null &&
+            eulerRoundTrips(this.#draft, target)) {
+            return this.#draft;
+        }
+        const derived = quaternionToEuler(target);
+        this.#draft = derived;
+        return derived;
+    }
+};
+__decorate([
+    property({
+        attribute: false,
+        hasChanged: quatHasChanged
+    }),
+    __metadata("design:type", Object)
+], Quaternion.prototype, "value", void 0);
+__decorate([
+    property({
+        attribute: false,
+        hasChanged: quatHasChanged
+    }),
+    __metadata("design:type", Object)
+], Quaternion.prototype, "default", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Quaternion.prototype, "step", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], Quaternion.prototype, "axisLabels", void 0);
+Quaternion = Quaternion_1 = __decorate([
+    customElement("jolly-quaternion"),
+    __metadata("design:paramtypes", [])
+], Quaternion);
+export { Quaternion };
+//# sourceMappingURL=Quaternion.js.map

package/dist/math/Quaternion.js.map

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

package/dist/math/Quaternion.styles.d.ts

@@ -0,0 +1,3 @@
+/** Reserved for Quaternion styles; axis chrome comes from VectorField. */
+export declare const quaternionStyles: import("lit").CSSResult;
+//# sourceMappingURL=Quaternion.styles.d.ts.map

package/dist/math/Quaternion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quaternion.styles.d.ts","sourceRoot":"","sources":["../../src/math/Quaternion.styles.ts"],"names":[],"mappings":"AAGA,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,yBAAQ,CAAC"}

package/dist/math/Quaternion.styles.js

@@ -0,0 +1,5 @@
+// Import Third-party Dependencies
+import { css } from "lit";
+/** Reserved for Quaternion styles; axis chrome comes from VectorField. */
+export const quaternionStyles = css ``;
+//# sourceMappingURL=Quaternion.styles.js.map

package/dist/math/Quaternion.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quaternion.styles.js","sourceRoot":"","sources":["../../src/math/Quaternion.styles.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA,EAAE,CAAC"}

package/dist/math/Transform.d.ts

@@ -0,0 +1,62 @@
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+import type { FieldValue } from "../field/mixed.ts";
+import type { CollaboratorPresence } from "../peer/types.ts";
+import type { QuatLike, VectorValue } from "./types.ts";
+import type { FieldLabelPosition } from "../field/JollyField.ts";
+import "./Vector3.ts";
+import "./Quaternion.ts";
+type TransformAxis3 = "x" | "y" | "z";
+export interface TransformValue {
+    position: VectorValue<TransformAxis3>;
+    rotation: FieldValue<QuatLike>;
+    scale: VectorValue<TransformAxis3>;
+}
+export interface TransformDefault {
+    position?: Record<TransformAxis3, number>;
+    rotation?: QuatLike;
+    scale?: Record<TransformAxis3, number>;
+}
+/** State applied independently to one transform sub-field. */
+export interface TransformSubFieldState {
+    lockedBy?: CollaboratorPresence | null;
+    peers?: CollaboratorPresence[];
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: string | null;
+}
+export interface TransformFieldState {
+    position?: TransformSubFieldState;
+    rotation?: TransformSubFieldState;
+    scale?: TransformSubFieldState;
+}
+/**
+ * Composes independently labeled and lockable position, rotation and scale
+ * fields. Each sub-field owns its Mixed and revert state.
+ */
+export declare class Transform extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: TransformValue;
+    default: TransformDefault | undefined;
+    state: TransformFieldState;
+    positionLabel: string;
+    rotationLabel: string;
+    scaleLabel: string;
+    /** Forwarded to the position, rotation and scale sub-fields. */
+    labelPosition: FieldLabelPosition;
+    constructor();
+    /**
+     * Aligns the three label columns when their labels change. A top label
+     * position puts each label above its own value, so the shared column is
+     * moot.
+     */
+    protected willUpdate(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-transform": Transform;
+    }
+}
+export {};
+//# sourceMappingURL=Transform.d.ts.map

package/dist/math/Transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transform.d.ts","sourceRoot":"","sources":["../../src/math/Transform.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AAEzB,KAAK,cAAc,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAGtC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC/B,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,8DAA8D;AAC9D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AAKD;;;GAGG;AACH,qBACa,SAAU,SAAQ,UAAU;;IACvC,OAAgB,MAAM,4BAEpB;IAGM,KAAK,EAAE,cAAc,CAAC;IAGtB,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAGtC,KAAK,EAAE,mBAAmB,CAAC;IAM3B,aAAa,EAAE,MAAM,CAAC;IAMtB,aAAa,EAAE,MAAM,CAAC;IAMtB,UAAU,EAAE,MAAM,CAAC;IAE3B,gEAAgE;IAMxD,aAAa,EAAE,kBAAkB,CAAC;;IA+B1C;;;;OAIG;cACgB,UAAU,CAC3B,OAAO,EAAE,cAAc,GACtB,IAAI;IAsBE,MAAM,IAAI,cAAc;CAsElC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,SAAS,CAAC;KAC9B;CACF"}