@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/media/playback/playback.class.js

@@ -0,0 +1,282 @@
+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 } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { playIcon, pauseIcon } from '../../../internal/icons.js';
+import { finiteCount, finiteDuration, MAX_TIMEOUT_MS } from '../../../internal/numbers.js';
+import { styles } from './playback.styles.js';
+const MIN_INTERVAL_MS = 16; // ~one animation frame; prevents a near-zero-delay tick loop
+// Deduplicated per distinct bad value (like the analogous one-time warnings
+// in lr-heatmap/lr-word-cloud) rather than a single once-ever flag, so a
+// later, genuinely different bad value is never silently swallowed by an
+// earlier, unrelated one.
+const warnedInvalidIntervals = new Set();
+function warnInvalidInterval(value) {
+    if (warnedInvalidIntervals.has(value))
+        return;
+    warnedInvalidIntervals.add(value);
+    // The clamp fires for any value outside the timer-safe range, so report the
+    // reason that actually applies instead of collapsing every bad value into
+    // one misleading "non-finite or non-positive" message.
+    const reason = !Number.isFinite(value)
+        ? 'non-finite'
+        : value < MIN_INTERVAL_MS
+            ? `below the ${MIN_INTERVAL_MS}ms floor`
+            : `above the ${MAX_TIMEOUT_MS}ms ceiling`;
+    console.warn(`<lr-playback> interval-ms (${value}) is ${reason}; clamping to ${MIN_INTERVAL_MS}ms.`);
+}
+/**
+ * `<lr-playback>` — steps an index through `[0, length)` on a fixed
+ * interval (play/pause), the common building block behind ad-hoc
+ * play-timers in time-series dashboards.
+ *
+ * @customElement lr-playback
+ * @event lr-play - Fired when playback starts.
+ * @event lr-pause - Fired when playback stops (including auto-pause).
+ * @event lr-step - `detail: { index }`, fired on every tick and manual step.
+ * @event blur - Re-dispatched from an internal playback control as a bubbling, composed event.
+ * @event focus - Re-dispatched from an internal playback control as a bubbling, composed event.
+ * @csspart base - The playback controls wrapper.
+ * @csspart play-button - The play/pause button.
+ * @csspart slider - The playback position slider.
+ * @cssprop [--lr-playback-icon-size=calc(var(--lr-icon-button-size) * 0.35)] - Font size of the
+ *   play/pause glyph, derived from the shared icon-button hit-target size.
+ */
+export class LyraPlayback extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Total number of steps to play through; the index range is `[0, length)`. */
+        this.length = 0;
+        /** The current step, in `[0, length)`. */
+        this.index = 0;
+        /** Delay between ticks, in milliseconds, while playing. Clamped to
+         *  `[MIN_INTERVAL_MS, MAX_TIMEOUT_MS]` — see `scheduleTick()`. */
+        this.intervalMs = 900;
+        // `playing` is declared via `static properties` above (noAccessor) with a
+        // hand-written accessor below, so a direct `el.playing = true/false`
+        // assignment always drives the real timer — not just calls through
+        // play()/pause().
+        this.loop = true;
+        /**
+         * Re-declared as a Lit reactive property (shadowing the inherited plain
+         * `HTMLElement.hidden` IDL property) so that setting `el.hidden = true` —
+         * or the `hidden` attribute — actually enters Lit's change-tracking system
+         * and the `willUpdate` auto-pause guard below can see it via `changed`.
+         * `reflect: true` preserves the native attribute-reflection behavior.
+         */
+        this.hidden = false;
+        this._playing = false;
+        this.onControlFocus = (event) => {
+            event.stopPropagation();
+            this.emit('focus');
+        };
+        this.onControlBlur = (event) => {
+            event.stopPropagation();
+            this.emit('blur');
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    static { this.properties = {
+        playing: { type: Boolean, reflect: true, noAccessor: true },
+        loop: { type: Boolean },
+    }; }
+    get playing() {
+        return this._playing;
+    }
+    set playing(next) {
+        const old = this._playing;
+        if (next === old)
+            return;
+        this._playing = next;
+        if (next) {
+            if (finiteCount(this.length) <= 1) {
+                this._playing = false;
+                return;
+            }
+            this.emit('lr-play');
+            this.scheduleTick();
+        }
+        else {
+            window.clearTimeout(this.timer);
+            this.timer = undefined;
+            this.emit('lr-pause');
+        }
+        this.requestUpdate('playing', old);
+    }
+    /** Largest index reachable at the current `length` (never negative, and
+     * never NaN — a non-finite `length` falls back to 0 rather than leaking a
+     * literal "NaN" into the rendered slider's `max` attribute). */
+    get maxIndex() {
+        return Math.max(0, finiteCount(this.length) - 1);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.pause();
+    }
+    willUpdate(changed) {
+        if (changed.has('hidden') && this.hidden)
+            this.pause();
+        // A non-finite `length`/`index` (e.g. externally assigned NaN) must not
+        // linger: `maxIndex` already falls back to a safe value for rendering,
+        // but `next()`/`previous()` compare `index`/`length` directly and would
+        // otherwise stay permanently bricked (NaN comparisons are always
+        // false). Checked unconditionally — not just under the `length` branch
+        // below — so a corrupted `index` alone still self-heals on the very next
+        // update, without requiring `length` to also change.
+        const length = finiteCount(this.length);
+        const index = finiteCount(this.index);
+        if (length !== this.length)
+            this.length = length;
+        if (index !== this.index)
+            this.index = index;
+        if (changed.has('length')) {
+            // If length is externally reduced to <= 1 while playing, the timer
+            // would otherwise keep firing forever — and the play button (the only
+            // control that could stop it) becomes ?disabled at that point, leaving
+            // no way to stop it from the rendered UI.
+            if (this.length <= 1)
+                this.pause();
+            // Re-clamp `index` into the new `[0, length)` range on any shrink, not
+            // just the <= 1 case above, so it never lingers out of bounds.
+            if (this.index > this.maxIndex)
+                this.index = this.maxIndex;
+        }
+    }
+    /** Start playback; no-op if there's nothing to advance through. */
+    play() {
+        if (this.playing || finiteCount(this.length) <= 1)
+            return;
+        this.playing = true;
+    }
+    /** Stop playback. */
+    pause() {
+        if (!this.playing)
+            return;
+        this.playing = false;
+    }
+    /** Toggle between playing and paused. */
+    toggle() {
+        this.playing = !this.playing;
+    }
+    // A self-rescheduling `setTimeout` (rather than one long-lived
+    // `setInterval`) so `intervalMs` is re-read fresh before every tick, the
+    // same way `tick()` already re-reads `this.loop` on every fire — changing
+    // `interval-ms` live takes effect on the very next step instead of only
+    // after a pause/play cycle.
+    scheduleTick() {
+        const rawDelay = this.intervalMs;
+        const delay = finiteDuration(rawDelay, MIN_INTERVAL_MS, MIN_INTERVAL_MS);
+        if (delay !== rawDelay)
+            warnInvalidInterval(rawDelay);
+        // Self-identifying: a synchronous pause()+play() (or a synchronous
+        // play() from a 'lr-pause'/'lr-step' listener) invoked while this
+        // callback is running schedules its own new timer and overwrites
+        // `this.timer` before this callback resumes. Only the timer that is
+        // still the current one is allowed to reschedule itself — every other,
+        // now-superseded chain quietly stops instead of spawning a second,
+        // untracked chain that pause()/disconnectedCallback() can never reach.
+        const id = window.setTimeout(() => {
+            this.tick();
+            if (this.playing && this.timer === id)
+                this.scheduleTick();
+        }, delay);
+        this.timer = id;
+    }
+    tick() {
+        const length = finiteCount(this.length);
+        const next = finiteCount(this.index) + 1;
+        if (next >= length) {
+            if (this.loop)
+                this.setIndex(0);
+            else {
+                this.setIndex(length - 1);
+                this.pause();
+            }
+        }
+        else {
+            this.setIndex(next);
+        }
+    }
+    setIndex(i) {
+        this.index = finiteCount(i, 0, this.maxIndex);
+        this.emit('lr-step', { index: this.index });
+    }
+    /** Advance one step without starting playback. */
+    next() {
+        const index = finiteCount(this.index);
+        if (index + 1 < finiteCount(this.length))
+            this.setIndex(index + 1);
+    }
+    /** Go back one step without starting playback. */
+    previous() {
+        const index = finiteCount(this.index);
+        if (index > 0)
+            this.setIndex(index - 1);
+    }
+    /** Jump to an explicit index, pausing playback. */
+    goTo(index) {
+        this.pause();
+        this.setIndex(finiteCount(index, 0, this.maxIndex));
+    }
+    /** Focus the primary play/pause control. */
+    focus(options) {
+        this.playButton?.focus(options);
+    }
+    /** Blur the primary play/pause control. */
+    blur() {
+        this.playButton?.blur();
+    }
+    render() {
+        const maxIndex = this.maxIndex;
+        const index = finiteCount(this.index, 0, maxIndex);
+        const disabled = finiteCount(this.length) <= 1;
+        return html `
+      <div part="base">
+        <button
+          part="play-button"
+          type="button"
+          aria-label=${this.playing ? this.localize('pause') : this.localize('play')}
+          ?disabled=${disabled}
+          @click=${() => this.toggle()}
+          @focus=${this.onControlFocus}
+          @blur=${this.onControlBlur}
+        >
+          ${this.playing ? pauseIcon() : playIcon()}
+        </button>
+        <input
+          part="slider"
+          type="range"
+          min="0"
+          max=${maxIndex}
+          .value=${String(index)}
+          aria-label=${this.localize('playbackPosition')}
+          ?disabled=${disabled}
+          @input=${(e) => this.goTo(Number(e.target.value))}
+          @focus=${this.onControlFocus}
+          @blur=${this.onControlBlur}
+        />
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Number })
+], LyraPlayback.prototype, "length", void 0);
+__decorate([
+    property({ type: Number })
+], LyraPlayback.prototype, "index", void 0);
+__decorate([
+    property({ type: Number, attribute: 'interval-ms' })
+], LyraPlayback.prototype, "intervalMs", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraPlayback.prototype, "hidden", void 0);
+__decorate([
+    query('[part="play-button"]')
+], LyraPlayback.prototype, "playButton", void 0);
+//# sourceMappingURL=playback.class.js.map

package/dist/components/media/playback/playback.class.js.map

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

package/dist/components/media/playback/playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.d.ts","sourceRoot":"","sources":["../../../../src/components/media/playback/playback.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/components/media/playback/playback.js

@@ -0,0 +1,5 @@
+export * from './playback.class.js';
+import { LyraPlayback } from './playback.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+defineElement('playback', LyraPlayback);
+//# sourceMappingURL=playback.js.map

package/dist/components/media/playback/playback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.js","sourceRoot":"","sources":["../../../../src/components/media/playback/playback.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/media/playback/playback.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/media/playback/playback.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA0DlB,CAAC"}

package/dist/components/media/playback/playback.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.styles.js","sourceRoot":"","sources":["../../../../src/components/media/playback/playback.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,CAAC"}

package/dist/components/media/qr-code/qr-code-loader.d.ts

@@ -0,0 +1,15 @@
+import type { OptionalPeerApi } from '../../../internal/optional-peer-types.js';
+/** Opaque `qrcode` (soldair/node-qrcode) surface kept optional for core-package consumers --
+ *  narrowed by an application that installs the peer to that peer's own types. */
+export type QrCodeApi = OptionalPeerApi;
+/** Uncached worker -- `importQrCode` is injectable for tests. Tolerates either a `{ default }`
+ *  ESM interop shape or the module itself already being the API, matching `papaparse`'s own
+ *  dual-shape tolerance (`qrcode`, like `papaparse`, is a CJS package resolved differently by
+ *  different bundlers/test harnesses). */
+export declare function loadQrCode(importQrCode?: () => Promise<QrCodeApi | {
+    default: QrCodeApi;
+}>): Promise<QrCodeApi | null>;
+/** Cached accessor -- the actual dynamic `import('qrcode')` and its resolved API are shared
+ *  across every caller instead of each instance maintaining its own independent cache. */
+export declare function loadQrCodeCached(): Promise<QrCodeApi | null>;
+//# sourceMappingURL=qr-code-loader.d.ts.map

package/dist/components/media/qr-code/qr-code-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code-loader.d.ts","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code-loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAEhF;kFACkF;AAClF,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AAIxC;;;0CAG0C;AAC1C,wBAAsB,UAAU,CAC9B,YAAY,GAAE,MAAM,OAAO,CAAC,SAAS,GAAG;IAAE,OAAO,EAAE,SAAS,CAAA;CAAE,CAA0B,GACvF,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAY3B;AAED;0FAC0F;AAC1F,wBAAgB,gBAAgB,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAG5D"}

package/dist/components/media/qr-code/qr-code-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code-loader.js","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code-loader.ts"],"names":[],"mappings":"AAMA,IAAI,MAA6C,CAAC;AAElD;;;0CAG0C;AAC1C,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,YAAY,GAAsD,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC;IAExF,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,YAAY,EAAE,CAAC;QACpC,MAAM,SAAS,GAAI,MAAkC,CAAC,OAAO,CAAC;QAC9D,OAAO,SAAS,IAAI,OAAO,SAAS,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,MAAoB,CAAC;IACjG,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CACV,kHAAkH,EAClH,KAAK,CACN,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;0FAC0F;AAC1F,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC,MAAM;QAAE,MAAM,GAAG,UAAU,EAAE,CAAC;IACnC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,gBAAgB;IAC9B,MAAM,GAAG,SAAS,CAAC;AACrB,CAAC"}

package/dist/components/media/qr-code/qr-code.class.d.ts

@@ -0,0 +1,121 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type LyraQrCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H';
+/**
+ * `<lr-qr-code>` -- encodes `value` as a QR symbol with the optional
+ * `qrcode` peer dependency (Reed-Solomon error correction and every other
+ * algorithmic step of the QR spec is delegated to that library, never
+ * hand-rolled) and draws the resulting module matrix onto a canvas itself,
+ * one square (optionally rounded) cell per module, with a light quiet-zone
+ * margin baked in around the symbol so it stays scannable out of the box
+ * with zero consumer configuration. Extra host CSS `padding` around the
+ * element adds further breathing room on top of that baked-in margin, but is
+ * not required for baseline scannability.
+ *
+ * The canvas -- not the host -- owns `role="img"` and the accessible name,
+ * since it is the one meaningful descendant here (mirrors
+ * `lr-file-icon`'s single-image pattern rather than the composite-group
+ * pattern used by `lr-heatmap`/`lr-word-cloud`). The accessible name
+ * resolves, in order: `label`, then a host `aria-label` attribute (forwarded
+ * onto the canvas), then `value` itself. An empty `value` renders
+ * `[part="empty"]` instead of an `img`-role element -- there is nothing to
+ * encode or name.
+ *
+ * `--lr-qr-code-fill`/`--lr-qr-code-background` (dark/light modules)
+ * default to `--lr-color-text`/`--lr-color-surface`, which -- like every
+ * semantic token in this library -- flip under a dark theme. That means the
+ * *default* rendering under a dark theme is a polarity-inverted QR code
+ * (light modules on a dark background) rather than the conventional
+ * dark-on-light. Contrast itself stays strong in both themes (these are the
+ * app's own high-contrast text/surface pair), so human legibility is
+ * unaffected -- only third-party barcode *scanner* robustness across
+ * less-tolerant scanning apps is the residual, consumer-overridable risk. A
+ * consumer needing guaranteed cross-scanner compatibility regardless of page
+ * theme should pin `--lr-qr-code-fill: #000` / `--lr-qr-code-background:
+ * #fff` explicitly at the point of use.
+ *
+ * Deliberately out of scope for this component, not oversights: logo/image
+ * embedding; a finder-pattern-corner accent color; auto-shrinking to fit a
+ * narrow container (this component's `size` is a direct request for a
+ * specific rendered pixel density, like `<img width height>` -- the consumer
+ * picks a size that fits their layout, this component never second-guesses
+ * it, though it still renders correctly at its default size inside a narrow
+ * allocation); form association (`value` is caller-supplied display data the
+ * user doesn't edit through this component -- no `FormAssociated` mixin, no
+ * label/hint/error chrome, no `ElementInternals`); and any
+ * motion/`prefers-reduced-motion` branch (nothing here animates). Keyboard
+ * focus is likewise intentionally absent -- the canvas is a static image
+ * standing in for `value`, structurally like `<img>`, not an interactive
+ * grid.
+ *
+ * @customElement lr-qr-code
+ * @csspart base - The outer wrapper, sized to `size`×`size` CSS px in every state.
+ * @csspart canvas - The rendered QR code canvas.
+ * @csspart empty - Shown when `value` is empty.
+ * @csspart loading - Shown while the optional `qrcode` peer is loading, the first time it's needed.
+ * @csspart error - Shown when the peer is missing, or `value` failed to encode.
+ * @cssprop [--lr-qr-code-fill=var(--lr-color-text)] - Dark/foreground module color.
+ * @cssprop [--lr-qr-code-background=var(--lr-color-surface)] - Light/background module color, including the quiet zone.
+ */
+export declare class LyraQrCode extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The data to encode. Empty renders `[part="empty"]` -- no encode is attempted. */
+    value: string;
+    /** Accessible-name override. Falls back through `aria-label` then `value` -- see the class doc
+     *  comment for the full precedence order. Caller-supplied data, not routed through `localize()`. */
+    label: string;
+    private _size;
+    /** CSS-px side length of the square canvas, clamped to `[1, 2048]`. */
+    get size(): number;
+    set size(value: number);
+    private _radius;
+    /** Per-module corner radius, as a fraction of one module's side length -- `0` (default) for
+     *  square modules, `0.5` for fully round/pill modules. Clamped to `[0, 0.5]`. */
+    get radius(): number;
+    set radius(value: number);
+    private _errorCorrection;
+    /** QR error-correction level. Normalized (upper-cased, validated against `L`/`M`/`Q`/`H`,
+     *  falling back to `H`) on every assignment, attribute or property, so it's never a transient
+     *  garbage value. */
+    get errorCorrection(): LyraQrCodeErrorCorrection;
+    set errorCorrection(value: LyraQrCodeErrorCorrection);
+    private canvasEl?;
+    private loadState;
+    /** Injectable loader seam -- overridden directly by tests with a synchronous fake instead of
+     *  needing the real `qrcode` package to load in the test browser (mirrors `LyraPdfViewer`'s
+     *  `loadLibrary` field). */
+    private loadLibrary;
+    private generation;
+    private dprQuery?;
+    private colorSchemeQuery?;
+    private themeObserver?;
+    private themeRefreshQueued;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private watchDpr;
+    private onDprChange;
+    private onColorSchemeChange;
+    private queueThemeRefresh;
+    private watchTheme;
+    protected updated(changed: PropertyValues): void;
+    /** Re-encodes `value` via the optional `qrcode` peer's `create()` and caches the resulting
+     *  module matrix. Redraw-only geometry changes (`size`/`radius`) and theme/DPR refreshes never
+     *  call this -- see the class doc comment and `updated()`'s dispatch. */
+    private generate;
+    /** Redraws canvas content after an upstream token, theme, or DPR change -- reuses the already-
+     *  cached module matrix rather than re-encoding `value`. No global theme-broadcast event exists
+     *  in lyra-ui to subscribe to automatically; call this from a consumer's own theme-toggle handler. */
+    refreshTheme(): void;
+    private fillColor;
+    private backgroundColor;
+    private draw;
+    private accessibleName;
+    private renderBody;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-qr-code': LyraQrCode;
+    }
+}
+//# sourceMappingURL=qr-code.class.d.ts.map

package/dist/components/media/qr-code/qr-code.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.class.d.ts","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAiChE,MAAM,MAAM,yBAAyB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AA6D9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,iCAAgC;IAE7C,oFAAoF;IACxE,KAAK,SAAM;IAEvB;wGACoG;IACxF,KAAK,SAAM;IAEvB,OAAO,CAAC,KAAK,CAAgB;IAE7B,uEAAuE;IACvE,IACI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAIrB;IAED,OAAO,CAAC,OAAO,CAAkB;IAEjC;qFACiF;IACjF,IACI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAIvB;IAED,OAAO,CAAC,gBAAgB,CAAuD;IAE/E;;yBAEqB;IACrB,IACI,eAAe,IAAI,yBAAyB,CAE/C;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,yBAAyB,EAInD;IAEgB,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAE7C,OAAO,CAAC,SAAS,CAAkC;IAE5D;;gCAE4B;IAC5B,OAAO,CAAC,WAAW,CAAqD;IACxE,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClC,OAAO,CAAC,gBAAgB,CAAC,CAAiB;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAmB;IACzC,OAAO,CAAC,kBAAkB,CAAS;IAEnC,iBAAiB,IAAI,IAAI,CAIxB;IAED,oBAAoB,IAAI,IAAI,CAM3B;IAED,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,UAAU;IAsBlB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAa/C;IAED;;6EAEyE;YAC3D,QAAQ;IAuBtB;;0GAEsG;IACtG,YAAY,IAAI,IAAI,CAEnB;IAED,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,IAAI;IA+CZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,UAAU;IAalB,MAAM,IAAI,cAAc,CAIvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,UAAU,CAAC;KAC1B;CACF"}