@ixfx/components 0.2.4 → 0.2.6

package/dist/xy-axis-D9uwpGTT.d.ts

@@ -0,0 +1,140 @@
+import { LitElement, PropertyValues } from "lit";
+
+//#region src/plots/colour-map.d.ts
+type ColourMode = `fixed` | `opacity` | `hue` | `saturation` | `lightness` | `scale`;
+type ColourMapConfig = {
+  mode: ColourMode; /** Parsed colours for 'scale' mode. Must have ≥ 2 entries. */
+  palette: string[]; /** ixfx easing name — applied before the colour mode mapping. Takes precedence over valueMap. */
+  easingName: string; /** Custom value mapping fn (0..1 → 0..1). Used when easingName is empty. */
+  valueMap: ((v: number) => number) | null;
+};
+type ColourResult = {
+  fill: string;
+  opacity: number;
+};
+/** Read the resolved --plot-color CSS variable from an element. */
+declare function readBaseColour(el: Element): string;
+/** Parse a comma-separated colour string attribute into an array. Falls back to default palette. */
+declare function parseColourScaleAttr(attr: string): string[];
+/**
+ * Compute the fill colour and opacity for a single data point.
+ * @param scaledValue  Normalised value in 0..1 (data range for single-axis; age fraction for xy).
+ * @param baseColour   Resolved base colour string (from --plot-color).
+ * @param config       Colour map configuration.
+ */
+declare function computeColour(scaledValue: number, baseColour: string, config: ColourMapConfig): ColourResult;
+/**
+ * Apply xy-axis age-style modification on top of a base ColourResult.
+ * 'size' is not handled here — the caller adjusts the radius separately.
+ */
+declare function applyAgeModification(base: ColourResult, ageFraction: number, ageStyle: string): ColourResult;
+//#endregion
+//#region src/plots/data.d.ts
+type PlotDataSeriesOptions = {
+  /**
+   * Limit of how many data points to store.
+   * Default: 100
+   */
+  capacityLimit: number;
+  /**
+   * If _true_, it maintains the same scale over its lifetime.
+   * If _false_, scale adjusts based on items in its cache.
+   *
+   * Default: true
+   */
+  persistentScaling: boolean;
+};
+declare class PlotDataSeries {
+  #private;
+  values: number[];
+  range: {
+    min: number;
+    max: number;
+  };
+  constructor(options?: Partial<PlotDataSeriesOptions>);
+  add(value: number): void;
+  set(values: number[]): void;
+  clear(): void;
+}
+//#endregion
+//#region src/plots/single-axis.d.ts
+type SingleAxisDrawStyle = `line-sharp` | `line-round` | `circles` | `squares` | `vbar` | `hbar` | `hist-bottom` | `hist-top` | `hist-middle`;
+type SingleAxisAgeStyle = `none` | `opacity` | `desaturation` | `size`;
+declare class PlotSingleAxis extends LitElement {
+  #private;
+  drawStyle: SingleAxisDrawStyle;
+  ageStyle: SingleAxisAgeStyle;
+  title: string;
+  precise: boolean;
+  tooltips: boolean;
+  capacity: number;
+  persistentScale: boolean;
+  paused: boolean;
+  clickPauses: boolean;
+  shaded: boolean;
+  areaColor: string;
+  colorMode: ColourMode;
+  colorEasing: string;
+  colorScale: string;
+  /** Custom value-mapping function (0..1 → 0..1). Ignored when color-easing is set. */
+  colorValueMap: ((v: number) => number) | null;
+  private _width;
+  private _height;
+  /** Override to customize tooltip label. */
+  valueFormat: (v: number | undefined) => string;
+  add(v: number): void;
+  set(values: number[]): void;
+  clear(): void;
+  protected firstUpdated(_changed: PropertyValues): void;
+  protected updated(changed: PropertyValues): void;
+  render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-plot-single-axis': PlotSingleAxis;
+  }
+} //# sourceMappingURL=single-axis.d.ts.map
+//#endregion
+//#region src/plots/xy-axis.d.ts
+type XyDrawStyle = `circles` | `squares`;
+type XyAgeStyle = `none` | `opacity` | `desaturation` | `size`;
+declare class PlotXyAxis extends LitElement {
+  #private;
+  drawStyle: XyDrawStyle;
+  ageStyle: XyAgeStyle;
+  title: string;
+  precise: boolean;
+  tooltips: boolean;
+  capacity: number;
+  persistentScale: boolean;
+  paused: boolean;
+  clickPauses: boolean;
+  colorMode: ColourMode;
+  colorEasing: string;
+  colorScale: string;
+  /**
+   * Custom value-mapping fn (0..1 → 0..1). For xy-axis the input is the point's ageFraction
+   * (0 = oldest, 1 = newest). Ignored when color-easing is set.
+   */
+  colorValueMap: ((v: number) => number) | null;
+  private _width;
+  private _height;
+  /** Override to customize tooltip label. */
+  valueFormat: (x: number, y: number) => string;
+  add(x: number, y: number): void;
+  setXY(xs: number[], ys: number[]): void;
+  clear(): void;
+  protected firstUpdated(_changed: PropertyValues): void;
+  protected updated(changed: PropertyValues): void;
+  render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-plot-xy-axis': PlotXyAxis;
+  }
+} //# sourceMappingURL=xy-axis.d.ts.map
+//#endregion
+export { SingleAxisAgeStyle as a, PlotDataSeriesOptions as c, ColourResult as d, applyAgeModification as f, readBaseColour as h, PlotSingleAxis as i, ColourMapConfig as l, parseColourScaleAttr as m, XyAgeStyle as n, SingleAxisDrawStyle as o, computeColour as p, XyDrawStyle as r, PlotDataSeries as s, PlotXyAxis as t, ColourMode as u };
+//# sourceMappingURL=xy-axis-D9uwpGTT.d.ts.map

package/dist/xy-axis-D9uwpGTT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xy-axis-D9uwpGTT.d.ts","names":[],"sources":["../src/plots/colour-map.ts","../src/plots/data.ts","../src/plots/single-axis.ts","../src/plots/xy-axis.ts"],"mappings":";;;KAeY,UAAA;AAAA,KAEA,eAAA;EACV,IAAA,EAAM,UAAU,EAHN;EAKV,OAAA;EAEA,UAAA,UAPoB;EASpB,QAAA,IAAY,CAAA;AAAA;AAAA,KAGF,YAAA;EAAiB,IAAA;EAAc,OAAO;AAAA;;iBA2ClC,cAAA,CAAe,EAAW,EAAP,OAAO;;iBAM1B,oBAAA,CAAqB,IAAY;;AApD1B;AAGvB;;;;iBAwFgB,aAAA,CAAc,WAAA,UAAqB,UAAA,UAAoB,MAAA,EAAQ,eAAA,GAAkB,YAAY;AA7C7G;;;;AAAA,iBA+FgB,oBAAA,CAAqB,IAAA,EAAM,YAAA,EAAc,WAAA,UAAqB,QAAA,WAAmB,YAAY;;;KCnKjG,qBAAA;;;ADaZ;;ECRE,aAAA;EDQoB;AAAA;AAEtB;;;;ECHE,iBAAiB;AAAA;AAAA,cAGN,cAAA;EAAA;EACX,MAAA;EAEA,KAAA;IAAS,GAAA;IAAa,GAAA;EAAA;cAIV,OAAA,GAAS,OAAO,CAAC,qBAAA;EAQ7B,GAAA,CAAI,KAAA;EAoBJ,GAAA,CAAI,MAAA;EAQJ,KAAA,CAAA;AAAA;;;KCnDU,mBAAA;AAAA,KAWA,kBAAA;AAAA,cAgHC,cAAA,SAAuB,UAAA;EAAA;EAElC,SAAA,EAAW,mBAAA;EAGX,QAAA,EAAU,kBAAA;EAEE,KAAA;EAEiB,OAAA;EACA,QAAA;EACD,QAAA;EAG5B,eAAA;EAE4C,MAAA;EACY,WAAA;EAGxD,MAAA;EAGA,SAAA;EAGuC,SAAA,EAAW,UAAA;EACT,WAAA;EACD,UAAA;EFrIlB;EEuItB,aAAA,IAAiB,CAAA;EAAA,QAEA,MAAA;EAAA,QACA,OAAA;EF/FH;EE6Gd,WAAA,GAAc,CAAA;EAKd,GAAA,CAAI,CAAA;EASJ,GAAA,CAAI,MAAA;EASJ,KAAA,CAAA;EAAA,UAKmB,YAAA,CAAa,QAAA,EAAU,cAAA;EAAA,UAkBvB,OAAA,CAAQ,OAAA,EAAS,cAAA;EAmH3B,MAAA,CAAA,iBAAM,cAAA;EAAA,OA8EC,MAAA,gBAAM,SAAA;AAAA;AAAA,QAwBhB,MAAA;EAAA,UACI,qBAAA;IACR,uBAAA,EAAyB,cAAc;EAAA;AAAA;;;KCnb/B,WAAA;AAAA,KACA,UAAA;AAAA,cAOC,UAAA,SAAmB,UAAA;EAAA;EAE9B,SAAA,EAAW,WAAA;EAGX,QAAA,EAAU,UAAA;EAEE,KAAA;EACiB,OAAA;EACA,QAAA;EACD,QAAA;EAG5B,eAAA;EAE4C,MAAA;EACY,WAAA;EAGjB,SAAA,EAAW,UAAA;EACT,WAAA;EACD,UAAA;EHdnB;AAGvB;;;EGgBE,aAAA,IAAiB,CAAA;EAAA,QAEA,MAAA;EAAA,QACA,OAAA;EHwBW;EGlB5B,WAAA,GAAc,CAAA,UAAW,CAAA;EAEzB,GAAA,CAAI,CAAA,UAAW,CAAA;EASf,KAAA,CAAM,EAAA,YAAc,EAAA;EASpB,KAAA,CAAA;EAAA,UAMmB,YAAA,CAAa,QAAA,EAAU,cAAA;EAAA,UAWvB,OAAA,CAAQ,OAAA,EAAS,cAAA;EA8G3B,MAAA,CAAA,iBAAM,cAAA;EAAA,OAkEC,MAAA,gBAAM,SAAA;AAAA;AAAA,QAuBhB,MAAA;EAAA,UACI,qBAAA;IACR,mBAAA,EAAqB,UAAU;EAAA;AAAA"}

package/dist/xy-pad.d.ts

@@ -1,117 +1,80 @@
-import type { PropertyValues } from 'lit';
-/**
- * <x-xy-pad> — 2D touch-friendly XY pad for controlling two parameters.
- *
- * Generic pad that accepts min/max/value for both axes with configurable labels.
- * Each axis can independently use logarithmic or linear scaling.
- * Y axis is inverted (top = high value).
- *
- * Properties
- *   xMin, xMax, x      – horizontal range and current value
- *   yMin, yMax, y      – vertical range and current value
- *   xScale, yScale     – 'log' (default) or 'linear'
- *   xSnapStep, ySnapStep – snap granularity for pointer and keyboard moves (defaults: 1 / 0.01)
- *   xLabel, yLabel     – axis labels (displayed in corners)
- *   showCrosshairs      – show X/Y axis lines (default: false)
- *   showGrid            – show background grid (default: false)
- *
- * CSS variables:
- *   --marker-size         – size of the position marker (default: 10cqb)
- *   --crosshair-color     – colour of both crosshair lines (default: surface-hh)
- *   --crosshair-width     – thickness of both crosshair lines (default: 2px)
- *   --crosshair-x-color   – colour of the vertical (X) crosshair line; falls back to --crosshair-color
- *   --crosshair-x-width   – thickness of the vertical (X) crosshair line; falls back to --crosshair-width
- *   --crosshair-y-color   – colour of the horizontal (Y) crosshair line; falls back to --crosshair-color
- *   --crosshair-y-width   – thickness of the horizontal (Y) crosshair line; falls back to --crosshair-width
- *   --grid-color          – colour of grid lines (default: surface-hh)
- *   --grid-width          – thickness of grid lines (default: 1px)
- *   --x-pct               – current X position as unitless number (0–100), set on host so external styles can use it
- *   --y-pct               – current Y position as unitless number (0–100), set on host so external styles can use it
- *   --radius-pct          – distance from center as unitless number (0–100), set on host so external styles can use it
- *   hide-cursor           – boolean, hide cursor during drag and hover (default: false)
- *
- * Events
- *   input – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires continuously during drag
- *   change – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires when drag ends
- *
- * Methods
- *   getRelativeX() – returns X position as 0–1 fraction
- *   getRelativeY() – returns Y position as 0–1 fraction
- *   getPolar() – returns { radius: number, angle: number } where radius is 0–1 and angle is in radians (0 to 2π, 0 = right, clockwise)
- */
-import { html, LitElement } from 'lit';
-export declare class XyPad extends LitElement {
-    static styles: import("lit").CSSResult[];
-    xMin: number;
-    xMax: number;
-    x: number;
-    yMin: number;
-    yMax: number;
-    y: number;
-    xScale: string;
-    yScale: string;
-    xSnapStep?: number;
-    ySnapStep?: number;
-    xLabel: string;
-    yLabel: string;
-    showCrosshairs: boolean;
-    showGrid: boolean;
-    hideCursor: boolean;
-    disabled: boolean;
-    /** Number of quantised stops for both axes. Overridden by stops-x/stops-y if set. */
-    stops?: number;
-    /** Number of quantised stops for X axis. If set, overrides the stops setting for X. */
-    stopsX?: number;
-    /** Number of quantised stops for Y axis. If set, overrides the stops setting for Y. */
-    stopsY?: number;
-    private _dragging;
-    private _dragStartX;
-    private _dragStartY;
-    private _pressedKeys;
-    private _onKeyDown;
-    private _onKeyUp;
-    private _handleKeyboardMove;
-    private _onPointerDown;
-    private _onPointerMove;
-    private _onPointerUp;
-    private _updateFromPointer;
-    private _setPctVars;
-    /**
-     * Returns X position as a 0–1 fraction.
-     */
-    getRelativeX(): number;
-    /**
-     * Returns Y position as a 0–1 fraction.
-     */
-    getRelativeY(): number;
-    /**
-     * Returns polar coordinates.
-     * - radius: 0–1 distance from center
-     * - angle: radians, 0 = right, clockwise (0 to 2π)
-     */
-    getPolar(): {
-        radius: number;
-        angle: number;
-    };
-    updated(_changed: PropertyValues): void;
-    disconnectedCallback(): void;
-    render(): ReturnType<typeof html>;
+import { LitElement, PropertyValues, html } from "lit";
+
+//#region src/xy-pad.d.ts
+declare class XyPad extends LitElement {
+  static styles: import("lit").CSSResult[];
+  xMin: number;
+  xMax: number;
+  x: number;
+  yMin: number;
+  yMax: number;
+  y: number;
+  xScale: string;
+  yScale: string;
+  xSnapStep?: number;
+  ySnapStep?: number;
+  xLabel: string;
+  yLabel: string;
+  showCrosshairs: boolean;
+  showGrid: boolean;
+  hideCursor: boolean;
+  disabled: boolean;
+  /** Number of quantised stops for both axes. Overridden by stops-x/stops-y if set. */
+  stops?: number;
+  /** Number of quantised stops for X axis. If set, overrides the stops setting for X. */
+  stopsX?: number;
+  /** Number of quantised stops for Y axis. If set, overrides the stops setting for Y. */
+  stopsY?: number;
+  private _dragging;
+  private _dragStartX;
+  private _dragStartY;
+  private _pressedKeys;
+  private _onKeyDown;
+  private _onKeyUp;
+  private _handleKeyboardMove;
+  private _onPointerDown;
+  private _onPointerMove;
+  private _onPointerUp;
+  private _updateFromPointer;
+  private _setPctVars;
+  /**
+   * Returns X position as a 0–1 fraction.
+   */
+  getRelativeX(): number;
+  /**
+   * Returns Y position as a 0–1 fraction.
+   */
+  getRelativeY(): number;
+  /**
+   * Returns polar coordinates.
+   * - radius: 0–1 distance from center
+   * - angle: radians, 0 = right, clockwise (0 to 2π)
+   */
+  getPolar(): {
+    radius: number;
+    angle: number;
+  };
+  updated(_changed: PropertyValues): void;
+  disconnectedCallback(): void;
+  render(): ReturnType<typeof html>;
 }
-export type XyPadInputDetail = {
-    readonly x: number;
-    readonly y: number;
+type XyPadInputDetail = {
+  readonly x: number;
+  readonly y: number;
 };
-export type XyPadInputEvent = CustomEvent<XyPadInputDetail>;
+type XyPadInputEvent = CustomEvent<XyPadInputDetail>;
 declare global {
-    interface HTMLElementTagNameMap {
-        'ixfx-xy-pad': XyPad;
-    }
+  interface HTMLElementTagNameMap {
+    'ixfx-xy-pad': XyPad;
+  }
 }
-export interface XyPadEventMap {
-    input: XyPadInputEvent;
-    change: XyPadInputEvent;
+interface XyPadEventMap {
+  input: XyPadInputEvent;
+  change: XyPadInputEvent;
 }
-export interface XyPad {
-    addEventListener: (<K extends keyof XyPadEventMap>(type: K, listener: (this: XyPad, event: XyPadEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+interface XyPad {
+  addEventListener: (<K extends keyof XyPadEventMap>(type: K, listener: (this: XyPad, event: XyPadEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
+//#endregion
+export { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent };
 //# sourceMappingURL=xy-pad.d.ts.map

package/dist/xy-pad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xy-pad.d.ts","sourceRoot":"","sources":["../src/xy-pad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAO,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AA6B5C,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,4BAkHnB;IAEyB,IAAI,SAAK;IACT,IAAI,SAAO;IACX,CAAC,SAAM;IAEP,IAAI,SAAK;IACT,IAAI,SAAO;IACX,CAAC,SAAM;IAEP,MAAM,SAAY;IAClB,MAAM,SAAY;IACQ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE7C,MAAM,SAAO;IACb,MAAM,SAAO;IAEiC,cAAc,UAAS;IAC7B,QAAQ,UAAS;IACf,UAAU,UAAS;IAC7C,QAAQ,UAAS;IAE7D,qFAAqF;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,uFAAuF;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAElE,uFAAuF;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAElE,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAqB;IAEzC,OAAO,CAAC,UAAU,CAqBhB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,mBAAmB,CAyCzB;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,WAAW;IAiBnB;;OAEG;IACH,YAAY,IAAI,MAAM;IAKtB;;OAEG;IACH,YAAY,IAAI,MAAM;IAKtB;;;;OAIG;IACH,QAAQ,IAAI;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAUpC,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAKvC,oBAAoB,IAAI,IAAI;IAM5B,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC;CAe3C;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;AAE5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,KAAK,CAAC;KACtB;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,MAAM,aAAa,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,EACxD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI,CAAC,GAAG,CAAC,CACZ,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI,CAAC,CAAC;CACZ"}
+{"version":3,"file":"xy-pad.d.ts","names":[],"sources":["../src/xy-pad.ts"],"mappings":";;;cAwEa,KAAA,SAAc,UAAA;EAAA,OACT,MAAA,gBAAM,SAAA;EAoHM,IAAA;EACA,IAAA;EACA,CAAA;EAEA,IAAA;EACA,IAAA;EACA,CAAA;EAEA,MAAA;EACA,MAAA;EAC0B,SAAA;EACA,SAAA;EAE1B,MAAA;EACA,MAAA;EAE8C,cAAA;EACN,QAAA;EACE,UAAA;EAC1B,QAAA;EAsOlC;EAnOkB,KAAA;;EAGsB,MAAA;EAkOxC;EA/NwC,MAAA;EAAA,QAE1C,SAAA;EAAA,QACA,WAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAAA,QAEA,UAAA;EAAA,QAuBA,QAAA;EAAA,QAIA,mBAAA;EAAA,QA2CA,cAAA;EAAA,QAeA,cAAA;EAAA,QAOA,YAAA;EAAA,QAeA,kBAAA;EAAA,QA+BA,WAAA;EAqFc;;AAAA;EAjEtB,YAAA,CAAA;EAqE4B;;;EA7D5B,YAAA,CAAA;EA8DO;;;;AACgB;EArDvB,QAAA,CAAA;IAAc,MAAA;IAAgB,KAAA;EAAA;EAUrB,OAAA,CAAQ,QAAA,EAAU,cAAA;EAKlB,oBAAA,CAAA;EAMA,MAAA,CAAA,GAAU,UAAA,QAAkB,IAAA;AAAA;AAAA,KAiB3B,gBAAA;EAAA,SACD,CAAA;EAAA,SACA,CAAC;AAAA;AAAA,KAGA,eAAA,GAAkB,WAAW,CAAC,gBAAA;AAAA,QAElC,MAAA;EAAA,UACI,qBAAA;IACR,aAAA,EAAe,KAAK;EAAA;AAAA;AAAA,UAIP,aAAA;EACf,KAAA,EAAO,eAAA;EACP,MAAA,EAAQ,eAAe;AAAA;AAAA,UAGR,KAAA;EACf,gBAAA,oBAAoC,aAAA,EAClC,IAAA,EAAM,CAAA,EACN,QAAA,GAAW,IAAA,EAAM,KAAA,EAAO,KAAA,EAAO,aAAA,CAAc,CAAA,YAC7C,OAAA,aAAoB,uBAAA,eAEpB,IAAA,UACA,QAAA,EAAU,kCAAA,EACV,OAAA,aAAoB,uBAAA;AAAA"}