@sectile/dom 0.2.0 → 0.3.0

package/dist/date-range-picker.js

@@ -0,0 +1,69 @@
+import { unwrap } from '@sectile/core/result';
+import { compareDateValues, dateRangeContains, formatDateValue } from '@sectile/core/date-field';
+import { createDatePickerMonth, createDatePickerWeek, createDatePickerYear, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
+import { applyDateRangePickerEvent, tryCreateDateRangePickerState } from '@sectile/core/date-range-picker';
+import { createFacadeConnection } from './internal/facade.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { setDatePickerCellAvailability } from './internal/date-picker-cell.js';
+import { createDOMLayerBinding } from './internal/layer-binding.js';
+export function createDateRangePicker(options) { return unwrap(tryCreateDateRangePicker(options)); }
+export function tryCreateDateRangePicker(options) { return createFacadeConnection(options, construct); }
+function construct(options) { const controls = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined }; const requestedValue = controls.value ? options.value : options.defaultValue; const requestedHighlight = controls.highlighted ? options.highlightedValue : options.defaultHighlightedValue; const requestedOpen = controls.open ? options.open : options.defaultOpen; const initial = tryCreateDateRangePickerState({ ...(requestedValue === undefined ? {} : { value: requestedValue }), calendar: { ...(requestedHighlight === undefined ? {} : { highlighted: requestedHighlight }), ...(requestedOpen === undefined ? {} : { open: requestedOpen }) } }); const runtime = createSemanticController({ initial, reducer: (state, event) => applyDateRangePickerEvent(state, event, { ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) }), reconcile: (previous, proposed) => tryCreateDateRangePickerState({ value: controls.value ? previous.value : proposed.value, anchor: proposed.anchor, calendar: { ...proposed.calendar, highlighted: controls.highlighted ? previous.calendar.highlighted : proposed.calendar.highlighted, view: controls.highlighted ? previous.calendar.view : proposed.calendar.view, open: controls.open ? previous.calendar.open : proposed.calendar.open } }), notify: (previous, proposed) => { if (rangeKey(previous.value) !== rangeKey(proposed.value))
+        options.onValueChange?.(proposed.value); if (compareDateValues(previous.calendar.highlighted, proposed.calendar.highlighted) !== 0)
+        options.onHighlightedValueChange?.(proposed.calendar.highlighted); if (previous.calendar.open !== proposed.calendar.open)
+        options.onOpenChange?.(proposed.calendar.open); }, toEffect: (command) => command, interaction: options }); return runtime.ok ? { ok: true, value: new DOMDateRangePicker(options, runtime.value, controls) } : runtime; }
+class DOMDateRangePicker {
+    options;
+    runtime;
+    controls;
+    #layer;
+    #trigger = () => { this.handleEvent('toggle'); };
+    #keydown = (event) => { const semantic = keyEvent(event); if (semantic !== null) {
+        event.preventDefault();
+        this.handleEvent(semantic);
+    } };
+    #click = (event) => { const target = event.target instanceof Element ? event.target.closest('[data-date-picker-id]') : null; const parts = target?.dataset['datePickerId']?.split('-').map(Number); if (target !== null && this.options.grid.contains(target) && parts?.length === 3)
+        this.handleEvent({ type: 'select', value: { year: parts[0], month: parts[1], day: parts[2] } }); };
+    constructor(options, runtime, controls) { this.options = options; this.runtime = runtime; this.controls = controls; this.#layer = createDOMLayerBinding({ surface: options.root, owner: options.trigger, dismissOnInteractOutside: true, readOpen: () => this.getSnapshot().state.calendar.open, close: () => { this.handleEvent('close'); } }); options.trigger.addEventListener('click', this.#trigger); options.grid.addEventListener('keydown', this.#keydown); options.grid.addEventListener('click', this.#click); options.root.setAttribute('role', 'dialog'); options.grid.setAttribute('role', 'grid'); setInteractionAttributes(options.trigger, options, { native: true }); setInteractionAttributes(options.grid, options); this.refresh(); }
+    getSnapshot() { return this.runtime.getSnapshot(); }
+    getMonth() { const state = this.getSnapshot().state.calendar; return createDatePickerMonth(state.view, this.options.policies?.weekStartsOn); }
+    getWeek() { const state = this.getSnapshot().state.calendar; return createDatePickerWeek(state.highlighted, this.options.policies?.weekStartsOn); }
+    getYear() { return createDatePickerYear(this.getSnapshot().state.calendar.view.year); }
+    syncControlledValues(values) { if (this.controls.value !== (values.value !== undefined) || this.controls.highlighted !== (values.highlightedValue !== undefined) || this.controls.open !== (values.open !== undefined))
+        return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled date range picker values must preserve their construction-time shape.' } }; const state = this.getSnapshot().state; const highlighted = this.controls.highlighted ? values.highlightedValue : state.calendar.highlighted; const result = this.runtime.replace(tryCreateDateRangePickerState({ value: this.controls.value ? values.value : state.value, anchor: state.anchor, calendar: { highlighted, view: { year: highlighted.year, month: highlighted.month }, viewMode: state.calendar.viewMode, open: this.controls.open ? values.open : state.calendar.open } })); if (result.ok) {
+        this.refresh();
+        this.options.onUpdate?.();
+    } return result; }
+    setCellAttributes(element, value) { const state = this.getSnapshot().state; element.dataset['datePickerId'] = datePickerID(value); element.setAttribute('role', 'gridcell'); element.setAttribute('aria-selected', String((state.value !== null && dateRangeContains(state.value, value)) || (state.anchor !== null && compareDateValues(state.anchor, value) === 0))); setDatePickerCellAvailability(element, isDatePickerValueAvailable(value, this.options.policies)); element.tabIndex = compareDateValues(state.calendar.highlighted, value) === 0 ? 0 : -1; }
+    handleEvent(event) { const result = this.runtime.handle(event); if (result.ok) {
+        this.refresh();
+        this.options.onUpdate?.();
+        if (result.commands.some((command) => command.type === 'open-changed' && !command.open))
+            this.options.trigger.focus();
+        else if (result.commands.some((command) => command.type === 'highlight-changed'))
+            queueMicrotask(() => this.options.grid.querySelector('[tabindex="0"]')?.focus());
+    } return result.ok; }
+    refresh() { const state = this.getSnapshot().state; this.options.root.hidden = !state.calendar.open; this.options.trigger.setAttribute('aria-haspopup', 'dialog'); this.options.trigger.setAttribute('aria-expanded', String(state.calendar.open)); if (this.options.label !== undefined)
+        this.options.grid.setAttribute('aria-label', this.options.label); for (const [input, value] of [[this.options.startInput, state.value?.start], [this.options.endInput, state.value?.end]])
+        if (input !== undefined) {
+            input.value = value === undefined ? '' : formatDateValue(value);
+            input.readOnly = true;
+            setInteractionAttributes(input, this.options, { native: true, readOnly: true });
+        } this.#layer.sync(); }
+    disconnect() { this.#layer.disconnect(); this.options.trigger.removeEventListener('click', this.#trigger); this.options.grid.removeEventListener('keydown', this.#keydown); this.options.grid.removeEventListener('click', this.#click); }
+}
+function keyEvent(event) { if (event.altKey || event.ctrlKey || event.metaKey)
+    return null; if (event.key === 'ArrowLeft')
+    return 'previous-day'; if (event.key === 'ArrowRight')
+    return 'next-day'; if (event.key === 'ArrowUp')
+    return 'previous-week'; if (event.key === 'ArrowDown')
+    return 'next-week'; if (event.key === 'Home')
+    return 'start-of-week'; if (event.key === 'End')
+    return 'end-of-week'; if (event.key === 'PageUp')
+    return event.shiftKey ? 'previous-year' : 'previous-month'; if (event.key === 'PageDown')
+    return event.shiftKey ? 'next-year' : 'next-month'; if (event.key === 'Enter' || event.key === ' ')
+    return 'select-highlighted'; if (event.key === 'Escape')
+    return 'close'; return null; }
+function rangeKey(value) { return value === null ? '' : `${formatDateValue(value.start)}/${formatDateValue(value.end)}`; }
+//# sourceMappingURL=date-range-picker.js.map

package/dist/date-range-picker.js.map

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

package/dist/date-time-field.d.ts

@@ -0,0 +1,42 @@
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import type { TextEditingState } from '@sectile/core/text';
+import { type DateTimeFieldEvent, type DateTimeFieldPolicies, type DateTimeFieldState, type DateTimeValue } from '@sectile/core/date-time-field';
+import { type FacadeConnection } from './internal/facade.js';
+export { formatDateTimeRange, formatDateTimeValue } from '@sectile/core/date-time-field';
+export type { DateTimeRange, DateTimeValue } from '@sectile/core/date-time-field';
+export interface DateTimeFieldOptions {
+    readonly input: HTMLInputElement;
+    readonly policies?: DateTimeFieldPolicies;
+    readonly value?: DateTimeValue | null;
+    readonly defaultValue?: DateTimeValue | null;
+    readonly inputState?: TextEditingState;
+    readonly defaultInputState?: TextEditingState;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly native?: boolean;
+    readonly onValueChange?: (value: DateTimeValue | null) => void;
+    readonly onInputStateChange?: (value: TextEditingState, previousValue: TextEditingState) => void;
+    readonly onUpdate?: () => void;
+}
+export type DateTimeFieldValueChangeHandler = NonNullable<DateTimeFieldOptions['onValueChange']>;
+export type DateTimeFieldInputStateChangeHandler = NonNullable<DateTimeFieldOptions['onInputStateChange']>;
+export type DateTimeFieldUpdateHandler = NonNullable<DateTimeFieldOptions['onUpdate']>;
+export interface DateTimeFieldControlledValues {
+    readonly value?: DateTimeValue | null;
+    readonly inputState?: TextEditingState;
+}
+export interface DateTimeFieldConnection {
+    getSnapshot(): RevisionSnapshot<DateTimeFieldState>;
+    getText(): string;
+    getValue(): DateTimeValue | null;
+    syncControlledValues(values: DateTimeFieldControlledValues): Result<RevisionSnapshot<DateTimeFieldState>>;
+    handleEvent(event: DateTimeFieldEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createDateTimeField(options: DateTimeFieldOptions): FacadeConnection<DateTimeFieldConnection>;
+export declare function tryCreateDateTimeField(options: DateTimeFieldOptions): Result<FacadeConnection<DateTimeFieldConnection>>;
+//# sourceMappingURL=date-time-field.d.ts.map

package/dist/date-time-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-field.d.ts","sourceRoot":"","sources":["../src/date-time-field.ts"],"names":[],"mappings":"AACA,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,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMrF,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,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,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjG,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,+BAA+B,GAAG,WAAW,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;AACjG,MAAM,MAAM,oCAAoC,GAAG,WAAW,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAC3G,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC;AAEvF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACpD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,aAAa,GAAG,IAAI,CAAC;IACjC,oBAAoB,CAAC,MAAM,EAAE,6BAA6B,GAAG,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1G,WAAW,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC;IAChD,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,GAC5B,gBAAgB,CAAC,uBAAuB,CAAC,CAE3C;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,oBAAoB,GAC5B,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAEnD"}

package/dist/date-time-field.js

@@ -0,0 +1,166 @@
+import { unwrap } from '@sectile/core/result';
+import { applyDateTimeFieldEvent, tryCreateDateTimeFieldState, } from '@sectile/core/date-time-field';
+import { createFacadeConnection } from './internal/facade.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setFieldValidity, setInteractionAttributes } from './internal/interaction.js';
+import { DOMTextElementBinding } from './internal/text-element.js';
+import { toTextEvent } from './text.js';
+export { formatDateTimeRange, formatDateTimeValue } from '@sectile/core/date-time-field';
+export function createDateTimeField(options) {
+    return unwrap(tryCreateDateTimeField(options));
+}
+export function tryCreateDateTimeField(options) {
+    return createFacadeConnection(options, construct);
+}
+function construct(options) {
+    const valueControlled = options.value !== undefined;
+    const inputControlled = options.inputState !== undefined;
+    const policies = Object.freeze({
+        ...options.policies,
+        ...(options.required === undefined ? {} : { required: options.required }),
+    });
+    const runtime = createSemanticController({
+        initial: tryCreateDateTimeFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState),
+        reducer: (state, event) => applyDateTimeFieldEvent(state, event, policies),
+        reconcile: (previous, proposed) => tryCreateDateTimeFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState),
+        notify: (previous, proposed) => {
+            if (JSON.stringify(previous.inputState) !== JSON.stringify(proposed.inputState)) {
+                options.onInputStateChange?.(proposed.inputState, previous.inputState);
+            }
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMDateTimeField(options, runtime.value, valueControlled, inputControlled) }
+        : runtime;
+}
+class DOMDateTimeField {
+    options;
+    runtime;
+    valueControlled;
+    inputControlled;
+    #binding;
+    #keydown = (event) => {
+        if (this.#binding.isComposing || event.isComposing)
+            return;
+        if (this.options.native === true && (event.key.startsWith('Arrow') || event.key === 'Home' || event.key === 'End'))
+            return;
+        const semantic = event.key === 'ArrowUp'
+            ? 'increment-segment'
+            : event.key === 'ArrowDown'
+                ? 'decrement-segment'
+                : event.key === 'Enter'
+                    ? 'commit'
+                    : event.key === 'Escape'
+                        ? 'cancel'
+                        : null;
+        if (semantic === null)
+            return;
+        event.preventDefault();
+        if (semantic === 'increment-segment' || semantic === 'decrement-segment') {
+            this.#syncSelection();
+        }
+        this.handleEvent(semantic);
+    };
+    #blur = () => {
+        if (!this.#binding.isComposing && !this.handleEvent('commit'))
+            this.handleEvent('cancel');
+    };
+    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.#text(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 date-time field values must preserve their construction-time shape.',
+                },
+            };
+        }
+        const state = this.getSnapshot().state;
+        const result = this.runtime.replace(tryCreateDateTimeFieldState(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);
+        setFieldValidity(this.options.input, result);
+        if (result.ok) {
+            for (const command of result.commands) {
+                if (command.type === 'value-committed')
+                    this.options.onValueChange?.(command.value);
+            }
+            this.refresh();
+            this.options.onUpdate?.();
+        }
+        return result.ok;
+    }
+    refresh() {
+        const input = this.options.input;
+        input.type = this.options.native === true ? 'datetime-local' : 'text';
+        input.inputMode = this.options.native === true ? '' : 'text';
+        input.placeholder = this.options.native === true ? '' : 'YYYY-MM-DDTHH:mm';
+        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);
+    }
+    #text(input) {
+        const event = toTextEvent(input);
+        return event !== null && this.handleEvent({ type: 'text', event });
+    }
+    #syncSelection() {
+        const input = this.options.input;
+        const start = input.selectionStart ?? 0;
+        const end = input.selectionEnd ?? start;
+        const backward = input.selectionDirection === 'backward';
+        this.handleEvent({
+            type: 'text',
+            event: {
+                type: 'replace',
+                startCodeUnitOffset: backward ? end : start,
+                endCodeUnitOffset: backward ? end : start,
+                text: '',
+                selection: {
+                    anchorCodeUnitOffset: backward ? end : start,
+                    focusCodeUnitOffset: backward ? start : end,
+                },
+            },
+        });
+    }
+}
+//# sourceMappingURL=date-time-field.js.map

package/dist/date-time-field.js.map

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

package/dist/date-time-picker.d.ts

@@ -0,0 +1,54 @@
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type DateValue } from '@sectile/core/date-field';
+import { type DateTimeValue } from '@sectile/core/date-time-field';
+import { type DatePickerMonthValue } from '@sectile/core/date-picker';
+import { type DateTimePickerEvent, type DateTimePickerPolicies, type DateTimePickerState } from '@sectile/core/date-time-picker';
+export type { DateTimePickerPolicies } from '@sectile/core/date-time-picker';
+import { type FacadeConnection } from './internal/facade.js';
+export interface DateTimePickerOptions {
+    readonly root: HTMLElement;
+    readonly grid: HTMLElement;
+    readonly trigger: HTMLElement;
+    readonly dateTimeInput?: HTMLInputElement;
+    readonly dateInput?: HTMLInputElement;
+    readonly timeInput?: HTMLInputElement;
+    readonly policies?: DateTimePickerPolicies;
+    readonly value?: DateTimeValue | null;
+    readonly defaultValue?: DateTimeValue | null;
+    readonly highlightedValue?: DateValue;
+    readonly defaultHighlightedValue?: DateValue;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly onValueChange?: (value: DateTimeValue | null) => void;
+    readonly onHighlightedValueChange?: (value: DateValue) => void;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type DateTimePickerValueChangeHandler = NonNullable<DateTimePickerOptions['onValueChange']>;
+export type DateTimePickerHighlightedValueChangeHandler = NonNullable<DateTimePickerOptions['onHighlightedValueChange']>;
+export type DateTimePickerOpenChangeHandler = NonNullable<DateTimePickerOptions['onOpenChange']>;
+export type DateTimePickerUpdateHandler = NonNullable<DateTimePickerOptions['onUpdate']>;
+export interface DateTimePickerControlledValues {
+    readonly value?: DateTimeValue | null;
+    readonly highlightedValue?: DateValue;
+    readonly open?: boolean;
+}
+export interface DateTimePickerConnection {
+    getSnapshot(): RevisionSnapshot<DateTimePickerState>;
+    getMonth(): readonly (readonly DateValue[])[];
+    getWeek(): readonly DateValue[];
+    getYear(): readonly (readonly DatePickerMonthValue[])[];
+    syncControlledValues(values: DateTimePickerControlledValues): Result<RevisionSnapshot<DateTimePickerState>>;
+    setCellAttributes(element: HTMLElement, value: DateValue): void;
+    handleEvent(event: DateTimePickerEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createDateTimePicker(options: DateTimePickerOptions): FacadeConnection<DateTimePickerConnection>;
+export declare function tryCreateDateTimePicker(options: DateTimePickerOptions): Result<FacadeConnection<DateTimePickerConnection>>;
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../src/date-time-picker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAyB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAA+G,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACnL,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACzB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,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,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;AACnG,MAAM,MAAM,2CAA2C,GAAG,WAAW,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACzH,MAAM,MAAM,+BAA+B,GAAG,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;AACjG,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACrD,QAAQ,IAAI,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAAC;IAC9C,OAAO,IAAI,SAAS,SAAS,EAAE,CAAC;IAChC,OAAO,IAAI,SAAS,CAAC,SAAS,oBAAoB,EAAE,CAAC,EAAE,CAAC;IACxD,oBAAoB,CAAC,MAAM,EAAE,8BAA8B,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5G,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAChE,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACjD,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,qBAAqB,GAC7B,gBAAgB,CAAC,wBAAwB,CAAC,CAE5C;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,qBAAqB,GAC7B,MAAM,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,CAEpD"}