@sectile/dom 0.1.0

package/dist/multi-thumb-slider.js

@@ -0,0 +1,190 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createBoundedRange } from '@sectile/core/range';
+import { createSequence } from '@sectile/core/sequence';
+import { applyMultiThumbSliderEvent, createMultiThumbSliderState } from '@sectile/core/multi-thumb-slider';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createMultiThumbSlider(options) {
+    return unwrap(tryCreateMultiThumbSlider(options));
+}
+export function tryCreateMultiThumbSlider(options) {
+    return createFacadeConnection(options, (options) => tryCreateMultiThumbSliderConnection(options));
+}
+function tryCreateMultiThumbSliderConnection(options) {
+    const thumbs = createSequence(options.thumbs);
+    if (!thumbs.ok)
+        return thumbs;
+    const range = createBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const controlled = options.values !== undefined;
+    const runtime = createSemanticController({
+        initial: createMultiThumbSliderState(thumbs.value, range.value, options.values ?? options.defaultValues ?? options.thumbs.map(() => 0), options.defaultHighlightedValue ?? options.thumbs[0] ?? null, options.policies),
+        reducer: (state, event) => applyMultiThumbSliderEvent(thumbs.value, range.value, state, event, options.policies),
+        reconcile: (previous, proposed) => createMultiThumbSliderState(thumbs.value, range.value, controlled ? previous.ticks : proposed.ticks, proposed.cursor.current, options.policies),
+        notify: (previous, proposed) => {
+            if (previous.ticks.some((tick, index) => tick !== proposed.ticks[index]))
+                options.onValuesChange?.(proposed.ticks);
+        },
+        toEffect: (command) => command,
+        interaction: options,
+        interactionIntent: multiThumbIntent,
+    });
+    if (!runtime.ok)
+        return runtime;
+    return { ok: true, value: new DOMMultiThumbSlider(options, thumbs.value, range.value, runtime.value) };
+}
+class DOMMultiThumbSlider {
+    range;
+    #options;
+    #thumbs;
+    #runtime;
+    #elements = new Map();
+    #handleKeydown;
+    #handlePointer;
+    #handlePointerUp;
+    #handleFocus;
+    #draggingThumb = null;
+    constructor(options, thumbs, range, runtime) {
+        this.#options = options;
+        this.#thumbs = thumbs;
+        this.range = range;
+        this.#runtime = runtime;
+        this.#handleKeydown = (event) => {
+            const semantic = toMultiThumbSliderEvent(event);
+            if (semantic !== null && this.handleEvent(semantic))
+                event.preventDefault();
+        };
+        this.#handlePointer = (event) => {
+            const rect = (options.track ?? options.root).getBoundingClientRect();
+            const orientation = options.orientation ?? 'horizontal';
+            const extent = orientation === 'horizontal' ? rect.width : rect.height;
+            if (extent <= 0)
+                return;
+            const rawRatio = orientation === 'horizontal'
+                ? (event.clientX - rect.left) / rect.width
+                : (rect.bottom - event.clientY) / rect.height;
+            const ratio = Math.max(0, Math.min(1, rawRatio));
+            const tick = Math.round(ratio * range.count);
+            if (event.type === 'pointerdown') {
+                const id = this.#thumbForTarget(event.target) ?? this.#nearestThumb(tick);
+                if (id === null)
+                    return;
+                this.#draggingThumb = id;
+                (options.track ?? options.root).setPointerCapture?.(event.pointerId);
+                this.#elements.get(id)?.focus();
+            }
+            else if (this.#draggingThumb === null) {
+                return;
+            }
+            if (this.#draggingThumb !== null && this.handleEvent({ type: 'set-tick', id: this.#draggingThumb, tick }))
+                event.preventDefault();
+        };
+        this.#handlePointerUp = (event) => {
+            if (this.#draggingThumb === null)
+                return;
+            this.#draggingThumb = null;
+            (options.track ?? options.root).releasePointerCapture?.(event.pointerId);
+        };
+        this.#handleFocus = (event) => {
+            for (const [id, element] of this.#elements)
+                if (event.target === element) {
+                    this.handleEvent({ type: 'focus', id });
+                    return;
+                }
+        };
+        options.root.addEventListener('keydown', this.#handleKeydown);
+        options.root.addEventListener('focusin', this.#handleFocus);
+        (options.track ?? options.root).addEventListener('pointerdown', this.#handlePointer);
+        (options.track ?? options.root).addEventListener('pointermove', this.#handlePointer);
+        (options.track ?? options.root).addEventListener('pointerup', this.#handlePointerUp);
+        (options.track ?? options.root).addEventListener('pointercancel', this.#handlePointerUp);
+        options.root.setAttribute('role', 'group');
+        setInteractionAttributes(options.root, options);
+        if (options.label !== undefined)
+            options.root.setAttribute('aria-label', options.label);
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getValues() { return Object.freeze(this.getSnapshot().state.ticks.map((tick) => this.range.valueAt(tick))); }
+    syncControlledValues(values) {
+        if (this.#options.values === undefined)
+            return { ok: false, error: { class: 'construction', code: 'not-controlled', message: 'Only a controlled multi-thumb slider can be synchronized.' } };
+        const result = this.#runtime.replace(createMultiThumbSliderState(this.#thumbs, this.range, values.values, values.highlightedValue ?? this.getSnapshot().state.cursor.current, this.#options.policies));
+        if (result.ok)
+            this.#refreshAttributes();
+        return result;
+    }
+    setThumbAttributes(element, id) { if (this.#thumbs.indexOf(id) !== null) {
+        this.#elements.set(id, element);
+        this.#refreshAttributes();
+    } }
+    handleEvent(event) { const result = this.#runtime.handle(event); if (result.ok) {
+        this.#refreshAttributes();
+        this.#options.onUpdate?.();
+    } return result.ok; }
+    disconnect() { this.#options.root.removeEventListener('keydown', this.#handleKeydown); this.#options.root.removeEventListener('focusin', this.#handleFocus); (this.#options.track ?? this.#options.root).removeEventListener('pointerdown', this.#handlePointer); (this.#options.track ?? this.#options.root).removeEventListener('pointermove', this.#handlePointer); (this.#options.track ?? this.#options.root).removeEventListener('pointerup', this.#handlePointerUp); (this.#options.track ?? this.#options.root).removeEventListener('pointercancel', this.#handlePointerUp); this.#elements.clear(); }
+    #thumbForTarget(target) {
+        for (const [id, element] of this.#elements)
+            if (element === target)
+                return id;
+        return null;
+    }
+    #nearestThumb(tick) {
+        const state = this.getSnapshot().state;
+        let nearest = state.cursor.current;
+        let distance = nearest === null ? Number.POSITIVE_INFINITY : Math.abs(state.ticks[this.#thumbs.indexOf(nearest)] - tick);
+        for (let index = 0; index < state.ticks.length; index += 1) {
+            const candidateDistance = Math.abs(state.ticks[index] - tick);
+            if (candidateDistance >= distance)
+                continue;
+            nearest = this.#thumbs.at(index);
+            distance = candidateDistance;
+        }
+        return nearest;
+    }
+    #refreshAttributes() {
+        const state = this.getSnapshot().state;
+        for (const [id, element] of this.#elements) {
+            const index = this.#thumbs.indexOf(id);
+            if (index === null)
+                continue;
+            const tick = state.ticks[index];
+            const gap = this.#options.policies?.minGap ?? 0;
+            const lowerTick = this.#options.policies?.allowCross || index === 0
+                ? 0
+                : state.ticks[index - 1] + gap;
+            const upperTick = this.#options.policies?.allowCross || index === state.ticks.length - 1
+                ? this.range.count
+                : state.ticks[index + 1] - gap;
+            const value = this.range.valueAt(tick);
+            element.setAttribute('role', 'slider');
+            setInteractionAttributes(element, this.#options, { readOnly: true });
+            element.setAttribute('aria-valuemin', this.range.valueAt(lowerTick));
+            element.setAttribute('aria-valuemax', this.range.valueAt(upperTick));
+            element.setAttribute('aria-valuenow', value);
+            element.setAttribute('aria-valuetext', this.#options.formatValue?.(value, id) ?? value);
+            element.setAttribute('aria-orientation', this.#options.orientation ?? 'horizontal');
+            const label = this.#options.getThumbLabel?.(id);
+            if (label !== undefined)
+                element.setAttribute('aria-label', label);
+            element.tabIndex = 0;
+        }
+    }
+}
+function multiThumbIntent(event) { if (typeof event === 'object')
+    return event.type === 'focus' ? 'navigate' : 'mutate'; return event === 'next-thumb' || event === 'previous-thumb' ? 'navigate' : 'mutate'; }
+function toMultiThumbSliderEvent(event) {
+    if (event.altKey || event.ctrlKey || event.metaKey)
+        return null;
+    if (event.key === 'ArrowRight' || event.key === 'ArrowUp')
+        return 'increment';
+    if (event.key === 'ArrowLeft' || event.key === 'ArrowDown')
+        return 'decrement';
+    if (event.key === 'Home')
+        return 'home';
+    if (event.key === 'End')
+        return 'end';
+    return null;
+}
+//# sourceMappingURL=multi-thumb-slider.js.map

package/dist/multi-thumb-slider.js.map

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

package/dist/number-field.d.ts

@@ -0,0 +1,45 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import type { TextEditingState } from '@sectile/core/text';
+import { type NumberFieldEvent, type NumberFieldPolicies, type NumberFieldState } from '@sectile/core/number-field';
+export interface NumberFieldValueChangeDetails {
+    readonly value: string | null;
+    readonly expression: string;
+}
+export interface NumberFieldInputStateChangeDetails {
+    readonly value: TextEditingState;
+    readonly previousValue: TextEditingState;
+}
+export interface NumberFieldOptions {
+    readonly input: HTMLInputElement;
+    readonly policies?: NumberFieldPolicies;
+    readonly value?: string | null;
+    readonly defaultValue?: string | null;
+    readonly inputState?: TextEditingState;
+    readonly defaultInputState?: TextEditingState;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly inputMode?: 'decimal' | 'text';
+    readonly onValueChange?: (details: NumberFieldValueChangeDetails) => void;
+    readonly onInputStateChange?: (details: NumberFieldInputStateChangeDetails) => void;
+    readonly onUpdate?: () => void;
+}
+export interface NumberFieldControlledValues {
+    readonly value?: string | null;
+    readonly inputState?: TextEditingState;
+}
+export interface NumberFieldConnection {
+    getSnapshot(): RevisionSnapshot<NumberFieldState>;
+    getText(): string;
+    getValue(): string | null;
+    syncControlledValues(values: NumberFieldControlledValues): Result<RevisionSnapshot<NumberFieldState>>;
+    handleEvent(event: NumberFieldEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createNumberField(options: NumberFieldOptions): FacadeConnection<NumberFieldConnection>;
+export declare function tryCreateNumberField(options: NumberFieldOptions): Result<FacadeConnection<NumberFieldConnection>>;
+//# sourceMappingURL=number-field.d.ts.map

package/dist/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAMpC,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IAC9C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,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,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1E,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,kCAAkC,KAAK,IAAI,CAAC;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,IAAI,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAClD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,GAAG,IAAI,CAAC;IAC1B,oBAAoB,CAAC,MAAM,EAAE,2BAA2B,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACtG,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC;IAC9C,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAEtG;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAEjH"}

package/dist/number-field.js

@@ -0,0 +1,136 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyNumberFieldEvent, createNumberFieldState, } from '@sectile/core/number-field';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { DOMTextElementBinding } from './internal/text-element.js';
+import { toTextEvent } from './text.js';
+export function createNumberField(options) {
+    return unwrap(tryCreateNumberField(options));
+}
+export function tryCreateNumberField(options) {
+    return createFacadeConnection(options, (options) => tryCreateNumberFieldConnection(options));
+}
+function tryCreateNumberFieldConnection(options) {
+    const valueControlled = options.value !== undefined;
+    const inputControlled = options.inputState !== undefined;
+    const required = options.required ?? options.policies?.required;
+    const policies = Object.freeze({
+        ...options.policies,
+        ...(required === undefined ? {} : { required }),
+    });
+    const runtime = createSemanticController({
+        initial: createNumberFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState),
+        reducer: (state, event) => applyNumberFieldEvent(state, event, policies),
+        reconcile: (previous, proposed) => createNumberFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState),
+        notify: (previous, proposed) => {
+            if (!sameInputState(previous.inputState, proposed.inputState)) {
+                options.onInputStateChange?.(Object.freeze({
+                    value: proposed.inputState,
+                    previousValue: previous.inputState,
+                }));
+            }
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMNumberField(options, runtime.value, valueControlled, inputControlled) }
+        : runtime;
+}
+class DOMNumberField {
+    #options;
+    #runtime;
+    #valueControlled;
+    #inputControlled;
+    #binding;
+    #keydown = (event) => {
+        if (this.#binding.isComposing || event.isComposing)
+            return;
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            this.handleEvent('commit');
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            this.handleEvent('cancel');
+        }
+    };
+    #blur = () => {
+        if (!this.#binding.isComposing)
+            this.handleEvent('commit');
+    };
+    constructor(options, runtime, valueControlled, inputControlled) {
+        this.#options = options;
+        this.#runtime = runtime;
+        this.#valueControlled = valueControlled;
+        this.#inputControlled = inputControlled;
+        this.#binding = new DOMTextElementBinding({
+            element: options.input,
+            getState: () => this.getSnapshot().state.inputState,
+            dispatch: (input) => this.#handleTextInput(input),
+        });
+        options.input.addEventListener('keydown', this.#keydown);
+        options.input.addEventListener('blur', this.#blur);
+        this.refresh();
+    }
+    getSnapshot() {
+        return this.#runtime.getSnapshot();
+    }
+    getText() {
+        return this.getSnapshot().state.inputState.snapshot.text;
+    }
+    getValue() {
+        return this.getSnapshot().state.value;
+    }
+    syncControlledValues(values) {
+        if (this.#valueControlled !== (values.value !== undefined)
+            || this.#inputControlled !== (values.inputState !== undefined)) {
+            return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled number field values must preserve their construction-time shape.' } };
+        }
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(createNumberFieldState(this.#valueControlled ? values.value : state.value, this.#inputControlled ? values.inputState : state.inputState));
+        if (result.ok) {
+            this.refresh();
+            this.#options.onUpdate?.();
+        }
+        return result;
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
+        if (result.ok) {
+            for (const command of result.commands) {
+                if (command.type === 'value-committed') {
+                    this.#options.onValueChange?.(Object.freeze({ value: command.value, expression: command.expression }));
+                }
+            }
+            this.refresh();
+            this.#options.onUpdate?.();
+        }
+        return result.ok;
+    }
+    refresh() {
+        const input = this.#options.input;
+        input.type = 'text';
+        input.inputMode = this.#options.inputMode ?? 'decimal';
+        input.required = this.#options.required ?? this.#options.policies?.required ?? false;
+        setInteractionAttributes(input, this.#options, { native: true, readOnly: true });
+        if (this.#options.label !== undefined)
+            input.setAttribute('aria-label', this.#options.label);
+        this.#binding.render();
+    }
+    disconnect() {
+        this.#binding.disconnect();
+        this.#options.input.removeEventListener('keydown', this.#keydown);
+        this.#options.input.removeEventListener('blur', this.#blur);
+    }
+    #handleTextInput(input) {
+        const event = toTextEvent(input);
+        return event !== null && this.handleEvent({ type: 'text', event });
+    }
+}
+function sameInputState(left, right) {
+    return JSON.stringify(left) === JSON.stringify(right);
+}
+//# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

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

package/dist/pagination.d.ts

@@ -0,0 +1,39 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type PaginationControl, type PaginationEvent, type PaginationItem, type PaginationItemRange, type PaginationModelOptions, type PaginationState } from '@sectile/core/pagination';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+export interface PaginationOptions extends Omit<PaginationModelOptions, 'itemsPerPage'> {
+    readonly root: HTMLElement;
+    readonly page?: number;
+    readonly defaultPage?: number;
+    readonly itemsPerPage?: number;
+    readonly defaultItemsPerPage?: number;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly label?: string;
+    readonly getPageLabel?: (page: number) => string;
+    readonly getControlLabel?: (control: PaginationControl) => string;
+    readonly onPageChange?: (page: number) => void;
+    readonly onItemsPerPageChange?: (itemsPerPage: number) => void;
+    readonly onUpdate?: () => void;
+}
+export type PaginationControlledValues = {
+    readonly page: number;
+    readonly itemsPerPage: number;
+} | {
+    readonly page?: never;
+    readonly itemsPerPage?: never;
+};
+export interface PaginationConnection {
+    getSnapshot(): RevisionSnapshot<PaginationState>;
+    getItems(): readonly PaginationItem[];
+    getItemRange(): PaginationItemRange;
+    getPageCount(): number;
+    syncControlledValues(values: PaginationControlledValues): Result<RevisionSnapshot<PaginationState>>;
+    setItemAttributes(element: HTMLElement, item: PaginationItem): void;
+    handleEvent(event: PaginationEvent): boolean;
+    disconnect(): void;
+}
+export declare function createPagination(options: PaginationOptions): FacadeConnection<PaginationConnection>;
+export declare function tryCreatePagination(options: PaginationOptions): Result<FacadeConnection<PaginationConnection>>;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../src/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAQL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAExB,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK/D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IACrF,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,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,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,MAAM,CAAC;IAClE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,0BAA0B,GAClC;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,oBAAoB;IACnC,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,IAAI,SAAS,cAAc,EAAE,CAAC;IACtC,YAAY,IAAI,mBAAmB,CAAC;IACpC,YAAY,IAAI,MAAM,CAAC;IACvB,oBAAoB,CAAC,MAAM,EAAE,0BAA0B,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IACpG,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACpE,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,iBAAiB,GACzB,gBAAgB,CAAC,oBAAoB,CAAC,CAExC;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,iBAAiB,GACzB,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAEhD"}

package/dist/pagination.js

@@ -0,0 +1,169 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyPaginationEvent, createPaginationModel, createPaginationState, getPaginationItemRange, getPaginationItems, getPaginationPageCount, } from '@sectile/core/pagination';
+import { findDelegatedID } from './internal/delegated-event.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createPagination(options) {
+    return unwrap(tryCreatePagination(options));
+}
+export function tryCreatePagination(options) {
+    return createFacadeConnection(options, (options) => tryCreatePaginationConnection(options));
+}
+function tryCreatePaginationConnection(options) {
+    const controlled = options.page !== undefined || options.itemsPerPage !== undefined;
+    if (controlled && (options.page === undefined || options.itemsPerPage === undefined)) {
+        return { ok: false, error: {
+                class: 'construction',
+                code: 'incomplete-controlled-pagination',
+                message: 'Controlled pagination requires both page and itemsPerPage.',
+            } };
+    }
+    const initialItemsPerPage = options.itemsPerPage ?? options.defaultItemsPerPage ?? 10;
+    const model = createPaginationModel({
+        total: options.total,
+        itemsPerPage: initialItemsPerPage,
+        ...(options.siblingCount === undefined ? {} : { siblingCount: options.siblingCount }),
+        ...(options.showEdges === undefined ? {} : { showEdges: options.showEdges }),
+        ...(options.showControls === undefined ? {} : { showControls: options.showControls }),
+    });
+    if (!model.ok)
+        return model;
+    const runtime = createSemanticController({
+        initial: createPaginationState(model.value, options.page ?? options.defaultPage ?? 1, initialItemsPerPage),
+        reducer: (state, event) => applyPaginationEvent(model.value, state, event),
+        reconcile: (previous, proposed) => createPaginationState(model.value, controlled || options.readOnly === true ? previous.page : proposed.page, controlled || options.readOnly === true ? previous.itemsPerPage : proposed.itemsPerPage),
+        notify: (previous, proposed) => {
+            if (previous.page !== proposed.page)
+                options.onPageChange?.(proposed.page);
+            if (previous.itemsPerPage !== proposed.itemsPerPage) {
+                options.onItemsPerPageChange?.(proposed.itemsPerPage);
+            }
+        },
+        toEffect: (command) => command,
+        interaction: options,
+        interactionIntent: () => 'mutate',
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMPagination(options, model.value, runtime.value, controlled) }
+        : runtime;
+}
+class DOMPagination {
+    #options;
+    #model;
+    #runtime;
+    #controlled;
+    #click;
+    constructor(options, model, runtime, controlled) {
+        this.#options = options;
+        this.#model = model;
+        this.#runtime = runtime;
+        this.#controlled = controlled;
+        this.#click = (event) => {
+            const unavailable = findDelegatedID(event.target, options.root, 'paginationUnavailable');
+            if (unavailable === 'true' || options.readOnly === true) {
+                event.preventDefault?.();
+                return;
+            }
+            const pageValue = findDelegatedID(event.target, options.root, 'paginationPage');
+            if (pageValue !== null) {
+                const page = Number(pageValue);
+                if (Number.isSafeInteger(page))
+                    this.handleEvent({ type: 'go-to-page', page });
+                return;
+            }
+            const controlValue = findDelegatedID(event.target, options.root, 'paginationControl');
+            const control = toPaginationControl(controlValue);
+            if (control !== null)
+                this.handleEvent(control);
+        };
+        options.root.addEventListener('click', this.#click);
+        options.root.setAttribute('role', 'navigation');
+        options.root.setAttribute('aria-label', options.label ?? 'Pagination');
+        setInteractionAttributes(options.root, options, { readOnly: true });
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getItems() {
+        return unwrap(getPaginationItems(this.#model, this.getSnapshot().state));
+    }
+    getItemRange() {
+        return unwrap(getPaginationItemRange(this.#model, this.getSnapshot().state));
+    }
+    getPageCount() {
+        return unwrap(getPaginationPageCount(this.#model, this.getSnapshot().state));
+    }
+    syncControlledValues(values) {
+        const supplied = values.page !== undefined || values.itemsPerPage !== undefined;
+        if (this.#controlled !== supplied
+            || (supplied && (values.page === undefined || values.itemsPerPage === undefined))) {
+            return { ok: false, error: {
+                    class: 'construction',
+                    code: 'controlled-shape-mismatch',
+                    message: 'Controlled pagination values must preserve their construction-time shape.',
+                } };
+        }
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(createPaginationState(this.#model, this.#controlled ? values.page : state.page, this.#controlled ? values.itemsPerPage : state.itemsPerPage));
+        if (result.ok)
+            this.#options.onUpdate?.();
+        return result;
+    }
+    setItemAttributes(element, item) {
+        delete element.dataset['paginationPage'];
+        delete element.dataset['paginationControl'];
+        delete element.dataset['paginationUnavailable'];
+        element.removeAttribute('aria-current');
+        element.removeAttribute('aria-hidden');
+        element.removeAttribute('aria-disabled');
+        element.removeAttribute('data-pagination-type');
+        if ('disabled' in element)
+            element.disabled = false;
+        element.setAttribute('data-pagination-type', item.type);
+        if (item.type === 'ellipsis') {
+            element.setAttribute('aria-hidden', 'true');
+            element.tabIndex = -1;
+            return;
+        }
+        const unavailable = this.#options.disabled === true
+            || (item.type === 'control' && item.disabled);
+        if (item.type === 'page') {
+            element.dataset['paginationPage'] = String(item.page);
+            element.setAttribute('aria-label', this.#options.getPageLabel?.(item.page) ?? `Page ${item.page}`);
+            if (item.selected)
+                element.setAttribute('aria-current', 'page');
+        }
+        else {
+            element.dataset['paginationControl'] = item.control;
+            element.setAttribute('aria-label', this.#options.getControlLabel?.(item.control) ?? controlLabels[item.control]);
+        }
+        element.tabIndex = unavailable ? -1 : 0;
+        if (unavailable) {
+            element.dataset['paginationUnavailable'] = 'true';
+            element.setAttribute('aria-disabled', 'true');
+        }
+        if ('disabled' in element)
+            element.disabled = unavailable;
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        if (result.ok)
+            this.#options.onUpdate?.();
+        return result.ok;
+    }
+    disconnect() {
+        this.#options.root.removeEventListener('click', this.#click);
+    }
+}
+const controlLabels = Object.freeze({
+    'first-page': 'First page',
+    'previous-page': 'Previous page',
+    'next-page': 'Next page',
+    'last-page': 'Last page',
+});
+function toPaginationControl(value) {
+    return value === 'first-page' || value === 'previous-page'
+        || value === 'next-page' || value === 'last-page'
+        ? value
+        : null;
+}
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../src/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,GASvB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAA2B,MAAM,mCAAmC,CAAC;AAiCtG,MAAM,UAAU,gBAAgB,CAC9B,OAA0B;IAE1B,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAA0B;IAE1B,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,6BAA6B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED,SAAS,6BAA6B,CAAC,OAA0B;IAC/D,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC;IACpF,IAAI,UAAU,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC,EAAE,CAAC;QACrF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBACzB,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,kCAAkC;gBACxC,OAAO,EAAE,4DAA4D;aACtE,EAAE,CAAC;IACN,CAAC;IACD,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,IAAI,OAAO,CAAC,mBAAmB,IAAI,EAAE,CAAC;IACtF,MAAM,KAAK,GAAG,qBAAqB,CAAC;QAClC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,YAAY,EAAE,mBAAmB;QACjC,GAAG,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC;QACrF,GAAG,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5E,GAAG,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC;KACtF,CAAC,CAAC;IACH,IAAI,CAAC,KAAK,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC;IAC5B,MAAM,OAAO,GAAG,wBAAwB,CAEtC;QACA,OAAO,EAAE,qBAAqB,CAC5B,KAAK,CAAC,KAAK,EACX,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,EACxC,mBAAmB,CACpB;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1E,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,qBAAqB,CACtD,KAAK,CAAC,KAAK,EACX,UAAU,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EACvE,UAAU,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CACxF;QACD,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC7B,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAAE,OAAO,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3E,IAAI,QAAQ,CAAC,YAAY,KAAK,QAAQ,CAAC,YAAY,EAAE,CAAC;gBACpD,OAAO,CAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;QACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ;KAClC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC,EAAE;QACf,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE;QACzF,CAAC,CAAC,OAAO,CAAC;AACd,CAAC;AAED,MAAM,aAAa;IACR,QAAQ,CAAoB;IAC5B,MAAM,CAAkB;IACxB,QAAQ,CAA0E;IAClF,WAAW,CAAU;IACrB,MAAM,CAA8B;IAE7C,YACE,OAA0B,EAC1B,KAAsB,EACtB,OAAgF,EAChF,UAAmB;QAEnB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,EAAQ,EAAE;YAC5B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;YACzF,IAAI,WAAW,KAAK,MAAM,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACxD,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YACD,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;YAChF,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;gBAC/B,IAAI,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;oBAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC/E,OAAO;YACT,CAAC;YACD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;YACtF,MAAM,OAAO,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;YAClD,IAAI,OAAO,KAAK,IAAI;gBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC;QACvE,wBAAwB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtE,CAAC;IAEM,WAAW,KAAwC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACxF,QAAQ;QACb,OAAO,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3E,CAAC;IACM,YAAY;QACjB,OAAO,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/E,CAAC;IACM,YAAY;QACjB,OAAO,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/E,CAAC;IAEM,oBAAoB,CACzB,MAAkC;QAElC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,YAAY,KAAK,SAAS,CAAC;QAChF,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ;eAC5B,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC;YACpF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;oBACzB,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,2BAA2B;oBACjC,OAAO,EAAE,2EAA2E;iBACrF,EAAE,CAAC;QACN,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAc,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EACrD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,YAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CACtE,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,iBAAiB,CAAC,OAAoB,EAAE,IAAoB;QACjE,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACzC,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC5C,OAAO,OAAO,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;QAChD,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACxC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACvC,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACzC,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAChD,IAAI,UAAU,IAAI,OAAO;YAAG,OAA6B,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE3E,OAAO,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC7B,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC5C,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,IAAI;eAC9C,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACzB,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACnG,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAClE,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;YACpD,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACnH,CAAC;QACD,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,uBAAuB,CAAC,GAAG,MAAM,CAAC;YAClD,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC;QACD,IAAI,UAAU,IAAI,OAAO;YAAG,OAA6B,CAAC,QAAQ,GAAG,WAAW,CAAC;IACnF,CAAC;IAEM,WAAW,CAAC,KAAsB;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;CACF;AAED,MAAM,aAAa,GAAgD,MAAM,CAAC,MAAM,CAAC;IAC/E,YAAY,EAAE,YAAY;IAC1B,eAAe,EAAE,eAAe;IAChC,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;CACzB,CAAC,CAAC;AAEH,SAAS,mBAAmB,CAAC,KAAoB;IAC/C,OAAO,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,eAAe;WACrD,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,WAAW;QACjD,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}