@sectile/dom 0.2.0 → 0.2.1

package/dist/slider.d.ts

@@ -0,0 +1,108 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
+import { type SliderCommand, type SliderEvent, type SliderState } from '@sectile/core/slider';
+import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
+export interface KeyboardInput {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+export interface SliderEffect {
+    readonly type: 'set-range-value';
+    readonly tick: number;
+}
+export interface SliderValueChangeDetails {
+    readonly value: number;
+    readonly previousValue: number;
+}
+export interface SliderControllerOptions {
+    readonly range: QuantizedRange;
+    readonly page?: number;
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onValueChange?: (change: SliderValueChangeDetails) => void;
+}
+export type SliderControllerValueChangeHandler = NonNullable<SliderControllerOptions['onValueChange']>;
+export interface SliderRangeValueChangeDetails {
+    readonly value: string;
+    readonly previousValue: string;
+}
+export type SliderRangeControllerOptions = Omit<SliderControllerOptions, 'range' | 'value' | 'defaultValue' | 'onValueChange'> & BoundedRangeInput & {
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (change: SliderRangeValueChangeDetails) => void;
+};
+export type SliderRangeControllerValueChangeHandler = NonNullable<SliderRangeControllerOptions['onValueChange']>;
+export interface SliderAttributeOptions {
+    readonly scope?: string;
+    readonly part?: string;
+    readonly label?: string;
+    readonly role?: 'slider' | 'separator';
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly formatValue?: (value: string) => string;
+}
+export type SliderAttributeValueFormatter = NonNullable<SliderAttributeOptions['formatValue']>;
+export interface SliderInputOptions {
+    readonly name?: string;
+    readonly form?: string;
+    readonly disabled?: boolean;
+}
+export interface SliderControlledValues {
+    readonly value: number;
+}
+export interface SliderController {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SliderState>;
+    syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
+    handleKeyboardInput(input: KeyboardInput, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
+    handleEvent(event: SliderEvent, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
+}
+export interface SliderTransitionDetails {
+    readonly event: SliderEvent;
+    readonly result: RevisionResult<SliderState, SliderEffect>;
+}
+export interface SliderConnectionOptions {
+    readonly controller: SliderController;
+    readonly root: HTMLElement;
+    readonly track?: HTMLElement;
+    readonly scope?: string;
+    readonly part?: string;
+    readonly label?: string;
+    readonly role?: 'slider' | 'separator';
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly formatValue?: (value: string) => string;
+    readonly onTransition?: (details: SliderTransitionDetails) => void;
+    readonly onUpdate?: () => void;
+}
+export type SliderConnectionValueFormatter = NonNullable<SliderConnectionOptions['formatValue']>;
+export type SliderConnectionTransitionHandler = NonNullable<SliderConnectionOptions['onTransition']>;
+export type SliderConnectionUpdateHandler = NonNullable<SliderConnectionOptions['onUpdate']>;
+export interface SliderConnection {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SliderState>;
+    getValue(): string;
+    syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
+    refreshAttributes(): void;
+    handleEvent(event: SliderEvent): boolean;
+    handleKeyboardEvent(event: KeyboardEvent): boolean;
+    disconnect(): void;
+}
+export type SliderOptions = Omit<SliderControllerOptions, 'range'> & Omit<SliderConnectionOptions, 'controller'> & BoundedRangeInput;
+export declare function createSliderController(options: SliderControllerOptions): Result<SliderController>;
+export declare function createSliderControllerFromRange(options: SliderRangeControllerOptions): Result<SliderController>;
+export declare function getSliderAttributes(controller: SliderController, options?: SliderAttributeOptions): Readonly<Record<string, string | number | undefined>>;
+export declare function getSliderInputAttributes(controller: SliderController, options?: SliderInputOptions): Readonly<Record<string, string | number | boolean | undefined>>;
+export declare function createSlider(options: SliderOptions): FacadeConnection<SliderConnection>;
+export declare function tryCreateSlider(options: SliderOptions): Result<FacadeConnection<SliderConnection>>;
+export declare function connectSlider(options: SliderConnectionOptions): SliderConnection;
+export declare function toSliderEvent(input: KeyboardInput): SliderEvent | null;
+export declare function toSliderEffect(command: SliderCommand): SliderEffect;
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

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

package/dist/slider.js

@@ -0,0 +1,342 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateInteractionState, requireInteraction } from '@sectile/core/interaction';
+import { tryCreateBoundedRange, } from '@sectile/core/range';
+import { applySliderEvent, tryCreateSliderState, } from '@sectile/core/slider';
+import { tryCreateRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
+import { applyControllerEvent, synchronizeControllerState } from './internal/controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createSliderController(options) {
+    const initial = tryCreateSliderState(options.range, options.value ?? options.defaultValue ?? 0);
+    if (!initial.ok)
+        return initial;
+    const snapshot = tryCreateRevisionSnapshot(initial.value);
+    if (!snapshot.ok)
+        return snapshot;
+    const interaction = tryCreateInteractionState(options);
+    if (!interaction.ok)
+        return interaction;
+    return { ok: true, value: new DOMSliderController(options, interaction.value, snapshot.value) };
+}
+export function createSliderControllerFromRange(options) {
+    const range = tryCreateBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const current = options.value ?? options.defaultValue ?? range.value.lower;
+    const tick = range.value.tickOf(current);
+    if (tick === null)
+        return { ok: false, error: {
+                class: 'construction',
+                code: 'slider-value-off-range',
+                message: 'Slider value must be an exact value in the configured range.',
+                details: { value: current },
+            } };
+    return createSliderController({
+        range: range.value,
+        ...(options.page === undefined ? {} : { page: options.page }),
+        ...(options.value === undefined ? { defaultValue: tick } : { value: tick }),
+        ...(options.disabled === undefined ? {} : { disabled: options.disabled }),
+        ...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
+        onValueChange: ({ value, previousValue }) => options.onValueChange?.({
+            value: range.value.valueAt(value),
+            previousValue: range.value.valueAt(previousValue),
+        }),
+    });
+}
+export function getSliderAttributes(controller, options = {}) {
+    const value = controller.range.valueAt(controller.getSnapshot().state.tick);
+    return Object.freeze({
+        role: options.role ?? 'slider',
+        tabindex: options.disabled === true ? -1 : 0,
+        'aria-valuemin': controller.range.lower,
+        'aria-valuemax': controller.range.upper,
+        'aria-valuenow': value,
+        'aria-valuetext': options.formatValue?.(value) ?? value,
+        'aria-orientation': options.orientation ?? 'horizontal',
+        'aria-label': options.label,
+        'aria-disabled': options.disabled === true ? 'true' : undefined,
+        'aria-readonly': options.readOnly === true ? 'true' : undefined,
+        'data-scope': options.scope ?? 'slider',
+        'data-part': options.part ?? 'thumb',
+        'data-disabled': options.disabled === true ? '' : undefined,
+        'data-readonly': options.readOnly === true ? '' : undefined,
+    });
+}
+export function getSliderInputAttributes(controller, options = {}) {
+    const value = controller.range.valueAt(controller.getSnapshot().state.tick);
+    return Object.freeze({
+        type: 'range',
+        name: options.name,
+        form: options.form,
+        min: controller.range.lower,
+        max: controller.range.upper,
+        step: controller.range.step,
+        value,
+        disabled: options.disabled ?? false,
+        tabindex: -1,
+        'aria-hidden': 'true',
+    });
+}
+export function createSlider(options) {
+    return unwrap(tryCreateSlider(options));
+}
+export function tryCreateSlider(options) {
+    return createFacadeConnection(options, (options) => tryCreateSliderConnection(options));
+}
+function tryCreateSliderConnection(options) {
+    const range = tryCreateBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const controller = createSliderController({ ...options, range: range.value });
+    if (!controller.ok)
+        return controller;
+    return { ok: true, value: connectSlider({ ...options, controller: controller.value }) };
+}
+export function connectSlider(options) {
+    return new DOMSliderConnection(options);
+}
+export function toSliderEvent(input) {
+    if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
+        return null;
+    if (input.key === 'ArrowRight' || input.key === 'ArrowUp')
+        return 'increment';
+    if (input.key === 'ArrowLeft' || input.key === 'ArrowDown')
+        return 'decrement';
+    if (input.key === 'PageUp')
+        return 'page-up';
+    if (input.key === 'PageDown')
+        return 'page-down';
+    if (input.key === 'Home')
+        return 'home';
+    if (input.key === 'End')
+        return 'end';
+    return null;
+}
+export function toSliderEffect(command) {
+    return Object.freeze({ type: 'set-range-value', tick: command.tick });
+}
+class DOMSliderConnection {
+    range;
+    #controller;
+    #root;
+    #track;
+    #pointerTarget;
+    #scope;
+    #part;
+    #label;
+    #role;
+    #orientation;
+    #formatValue;
+    #disabled;
+    #readOnly;
+    #onTransition;
+    #onUpdate;
+    #handleKeydown;
+    #handlePointer;
+    #handlePointerUp;
+    #dragging = false;
+    constructor(options) {
+        this.#controller = options.controller;
+        this.range = options.controller.range;
+        this.#root = options.root;
+        this.#track = options.track ?? options.root;
+        this.#scope = options.scope ?? 'slider';
+        this.#part = options.part ?? 'thumb';
+        this.#label = options.label;
+        this.#role = options.role ?? 'slider';
+        this.#pointerTarget = this.#role === 'separator' ? options.root : this.#track;
+        this.#orientation = options.orientation ?? 'horizontal';
+        this.#formatValue = options.formatValue ?? ((value) => value);
+        this.#disabled = options.disabled ?? false;
+        this.#readOnly = options.readOnly ?? false;
+        this.#onTransition = options.onTransition;
+        this.#onUpdate = options.onUpdate;
+        this.#handleKeydown = (event) => {
+            if (this.handleKeyboardEvent(event))
+                event.preventDefault();
+        };
+        this.#handlePointer = (event) => {
+            if (event.type === 'pointerdown') {
+                this.#dragging = true;
+                this.#pointerTarget.setPointerCapture?.(event.pointerId);
+            }
+            else if (!this.#dragging) {
+                return;
+            }
+            const rect = this.#track.getBoundingClientRect();
+            const extent = this.#orientation === 'horizontal' ? rect.width : rect.height;
+            if (extent <= 0)
+                return;
+            const rawRatio = this.#orientation === 'horizontal'
+                ? (event.clientX - rect.left) / rect.width
+                : this.#role === 'separator'
+                    ? (event.clientY - rect.top) / rect.height
+                    : (rect.bottom - event.clientY) / rect.height;
+            const ratio = Math.min(1, Math.max(0, rawRatio));
+            const tick = Math.round(ratio * this.range.count);
+            const semanticEvent = { type: 'set-tick', tick };
+            if (this.handleEvent(semanticEvent))
+                event.preventDefault();
+        };
+        this.#handlePointerUp = (event) => {
+            if (!this.#dragging)
+                return;
+            this.#dragging = false;
+            this.#pointerTarget.releasePointerCapture?.(event.pointerId);
+        };
+        this.#root.addEventListener('keydown', this.#handleKeydown);
+        this.#pointerTarget.addEventListener('pointerdown', this.#handlePointer);
+        this.#pointerTarget.addEventListener('pointermove', this.#handlePointer);
+        this.#pointerTarget.addEventListener('pointerup', this.#handlePointerUp);
+        this.#pointerTarget.addEventListener('pointercancel', this.#handlePointerUp);
+        setInteractionAttributes(this.#root, options, { readOnly: this.#role === 'slider' });
+        this.refreshAttributes();
+    }
+    getSnapshot() {
+        return this.#controller.getSnapshot();
+    }
+    getValue() {
+        return this.range.valueAt(this.#controller.getSnapshot().state.tick);
+    }
+    syncControlledValues(values) {
+        const result = this.#controller.syncControlledValues(values);
+        if (result.ok) {
+            this.refreshAttributes();
+            this.#onUpdate?.();
+        }
+        return result;
+    }
+    refreshAttributes() {
+        applyAttributes(this.#root, getSliderAttributes(this.#controller, {
+            scope: this.#scope,
+            part: this.#part,
+            role: this.#role,
+            orientation: this.#orientation,
+            ...(this.#label === undefined ? {} : { label: this.#label }),
+            formatValue: this.#formatValue,
+            disabled: this.#disabled,
+            readOnly: this.#readOnly,
+        }));
+    }
+    handleKeyboardEvent(event) {
+        const input = {
+            key: event.key,
+            altKey: event.altKey,
+            ctrlKey: event.ctrlKey,
+            metaKey: event.metaKey,
+        };
+        const semanticEvent = this.#role === 'separator' && this.#orientation === 'vertical'
+            ? toVerticalSplitterEvent(input)
+            : toSliderEvent(input);
+        if (semanticEvent === null)
+            return false;
+        return this.handleEvent(semanticEvent);
+    }
+    handleEvent(event) {
+        const result = this.#controller.handleEvent(event);
+        if (result.ok)
+            this.refreshAttributes();
+        this.#onTransition?.(Object.freeze({ event, result }));
+        if (result.ok)
+            this.#onUpdate?.();
+        return result.ok;
+    }
+    disconnect() {
+        this.#root.removeEventListener('keydown', this.#handleKeydown);
+        this.#pointerTarget.removeEventListener('pointerdown', this.#handlePointer);
+        this.#pointerTarget.removeEventListener('pointermove', this.#handlePointer);
+        this.#pointerTarget.removeEventListener('pointerup', this.#handlePointerUp);
+        this.#pointerTarget.removeEventListener('pointercancel', this.#handlePointerUp);
+    }
+}
+function applyAttributes(element, attributes) {
+    for (const [name, value] of Object.entries(attributes)) {
+        if (name === 'tabindex') {
+            element.tabIndex = Number(value ?? -1);
+            continue;
+        }
+        if (value === undefined)
+            element.removeAttribute(name);
+        else
+            element.setAttribute(name, String(value));
+    }
+}
+function toVerticalSplitterEvent(input) {
+    if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
+        return null;
+    if (input.key === 'ArrowUp')
+        return 'decrement';
+    if (input.key === 'ArrowDown')
+        return 'increment';
+    return toSliderEvent(input);
+}
+class DOMSliderController {
+    range;
+    #range;
+    #page;
+    #controlled;
+    #interaction;
+    #onValueChange;
+    #snapshot;
+    constructor(options, interaction, snapshot) {
+        this.range = options.range;
+        this.#range = options.range;
+        this.#page = options.page ?? 2;
+        this.#controlled = options.value !== undefined;
+        this.#interaction = interaction;
+        this.#onValueChange = options.onValueChange;
+        this.#snapshot = snapshot;
+    }
+    getSnapshot() {
+        return this.#snapshot;
+    }
+    syncControlledValues(values) {
+        const error = controlledInputError(this.#controlled, values);
+        if (error !== null)
+            return { ok: false, error };
+        const snapshot = synchronizeControllerState(this.#snapshot, tryCreateSliderState(this.#range, values.value));
+        if (!snapshot.ok)
+            return snapshot;
+        this.#snapshot = snapshot.value;
+        return snapshot;
+    }
+    handleKeyboardInput(input, expectedRevision = this.#snapshot.revision) {
+        const event = toSliderEvent(input);
+        if (event === null) {
+            return rejectRevisionInput(this.#snapshot, {
+                class: 'transition-rejection',
+                code: 'unsupported-dom-key',
+                message: 'DOM keyboard input does not map to a slider semantic event.',
+                details: { key: input.key },
+            });
+        }
+        return this.handleEvent(event, expectedRevision);
+    }
+    handleEvent(event, expectedRevision = this.#snapshot.revision) {
+        const permitted = requireInteraction(this.#interaction, 'mutate');
+        if (!permitted.ok)
+            return rejectRevisionInput(this.#snapshot, permitted.error);
+        const result = applyControllerEvent(this.#snapshot, expectedRevision, event, (state, semanticEvent) => applySliderEvent(this.#range, state, semanticEvent, this.#page), (previous, proposed) => tryCreateSliderState(this.#range, this.#controlled ? previous.tick : proposed.tick), (previous, proposed) => {
+            if (previous.tick !== proposed.tick) {
+                this.#onValueChange?.(Object.freeze({
+                    value: proposed.tick,
+                    previousValue: previous.tick,
+                }));
+            }
+        }, toSliderEffect);
+        if (result.ok)
+            this.#snapshot = result.snapshot;
+        return result;
+    }
+}
+function controlledInputError(controlled, values) {
+    if (controlled)
+        return null;
+    return {
+        class: 'construction',
+        code: 'uncontrolled-value-update',
+        message: 'Uncontrolled slider value cannot be synchronized externally.',
+        details: { value: values.value },
+    };
+}
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

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

package/dist/spin-button.d.ts

@@ -0,0 +1,44 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type SpinButtonEvent, type SpinButtonPolicies, type SpinButtonState } from '@sectile/core/spin-button';
+export interface SpinButtonOptions extends BoundedRangeInput {
+    readonly input: HTMLInputElement;
+    readonly policies?: SpinButtonPolicies;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly draft?: string | null;
+    readonly defaultDraft?: string | null;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly label?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly onDraftChange?: (draft: string | null) => void;
+    readonly onUpdate?: () => void;
+}
+export type SpinButtonValueChangeHandler = NonNullable<SpinButtonOptions['onValueChange']>;
+export type SpinButtonDraftChangeHandler = NonNullable<SpinButtonOptions['onDraftChange']>;
+export type SpinButtonUpdateHandler = NonNullable<SpinButtonOptions['onUpdate']>;
+export interface SpinButtonConnection {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SpinButtonState>;
+    getText(): string;
+    getValue(): string;
+    syncControlledValues(values: {
+        readonly value?: string;
+        readonly draft?: string | null;
+    }): Result<RevisionSnapshot<SpinButtonState>>;
+    handleEvent(event: SpinButtonEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createSpinButton(options: SpinButtonOptions): FacadeConnection<SpinButtonConnection>;
+export declare function tryCreateSpinButton(options: SpinButtonOptions): Result<FacadeConnection<SpinButtonConnection>>;
+export declare function toSpinButtonEvent(input: {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}): SpinButtonEvent | null;
+//# sourceMappingURL=spin-button.d.ts.map

package/dist/spin-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin-button.d.ts","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAyB,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC;AAC3F,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC;AAC3F,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,CAAC;IACnB,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrI,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAEnG;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAE9G;AAuBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,GAAG,IAAI,CAW5K"}