@sectile/dom 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +91 -0
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +289 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +40 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +14 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/calendar.d.ts +98 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +296 -0
- package/dist/calendar.js.map +1 -0
- package/dist/carousel.d.ts +64 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +290 -0
- package/dist/carousel.js.map +1 -0
- package/dist/cascade-select.d.ts +61 -0
- package/dist/cascade-select.d.ts.map +1 -0
- package/dist/cascade-select.js +175 -0
- package/dist/cascade-select.js.map +1 -0
- package/dist/checkbox-group.d.ts +22 -0
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +32 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +64 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +63 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/color-picker.d.ts +54 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +316 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/combobox.d.ts +129 -0
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +397 -0
- package/dist/combobox.js.map +1 -0
- package/dist/date-field.d.ts +42 -0
- package/dist/date-field.d.ts.map +1 -0
- package/dist/date-field.js +91 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.d.ts +52 -0
- package/dist/date-picker.d.ts.map +1 -0
- package/dist/date-picker.js +127 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/date-range-field.d.ts +48 -0
- package/dist/date-range-field.d.ts.map +1 -0
- package/dist/date-range-field.js +114 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/date-range-picker.d.ts +52 -0
- package/dist/date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker.js +69 -0
- package/dist/date-range-picker.js.map +1 -0
- package/dist/date-time-field.d.ts +42 -0
- package/dist/date-time-field.d.ts.map +1 -0
- package/dist/date-time-field.js +166 -0
- package/dist/date-time-field.js.map +1 -0
- package/dist/date-time-picker.d.ts +54 -0
- package/dist/date-time-picker.d.ts.map +1 -0
- package/dist/date-time-picker.js +295 -0
- package/dist/date-time-picker.js.map +1 -0
- package/dist/date-time-range-picker.d.ts +57 -0
- package/dist/date-time-range-picker.d.ts.map +1 -0
- package/dist/date-time-range-picker.js +322 -0
- package/dist/date-time-range-picker.js.map +1 -0
- package/dist/dialog.d.ts +39 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +15 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure.d.ts +70 -0
- package/dist/disclosure.d.ts.map +1 -0
- package/dist/disclosure.js +142 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/drawer.d.ts +45 -0
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +252 -0
- package/dist/drawer.js.map +1 -0
- package/dist/editable.d.ts +37 -0
- package/dist/editable.d.ts.map +1 -0
- package/dist/editable.js +83 -0
- package/dist/editable.js.map +1 -0
- package/dist/feed.d.ts +43 -0
- package/dist/feed.d.ts.map +1 -0
- package/dist/feed.js +151 -0
- package/dist/feed.js.map +1 -0
- package/dist/form.d.ts +82 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +473 -0
- package/dist/form.js.map +1 -0
- package/dist/grid.d.ts +54 -0
- package/dist/grid.d.ts.map +1 -0
- package/dist/grid.js +172 -0
- package/dist/grid.js.map +1 -0
- package/dist/index.d.ts +112 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +62 -0
- package/dist/index.js.map +1 -0
- package/dist/interact-outside.d.ts +12 -0
- package/dist/interact-outside.d.ts.map +1 -0
- package/dist/interact-outside.js +28 -0
- package/dist/interact-outside.js.map +1 -0
- package/dist/internal/checked-control.d.ts +67 -0
- package/dist/internal/checked-control.d.ts.map +1 -0
- package/dist/internal/checked-control.js +137 -0
- package/dist/internal/checked-control.js.map +1 -0
- package/dist/internal/controller.d.ts +6 -0
- package/dist/internal/controller.d.ts.map +1 -0
- package/dist/internal/controller.js +35 -0
- package/dist/internal/controller.js.map +1 -0
- package/dist/internal/date-picker-cell.d.ts +2 -0
- package/dist/internal/date-picker-cell.d.ts.map +1 -0
- package/dist/internal/date-picker-cell.js +10 -0
- package/dist/internal/date-picker-cell.js.map +1 -0
- package/dist/internal/delegated-event.d.ts +2 -0
- package/dist/internal/delegated-event.d.ts.map +1 -0
- package/dist/internal/delegated-event.js +11 -0
- package/dist/internal/delegated-event.js.map +1 -0
- package/dist/internal/direction.d.ts +3 -0
- package/dist/internal/direction.d.ts.map +1 -0
- package/dist/internal/direction.js +8 -0
- package/dist/internal/direction.js.map +1 -0
- package/dist/internal/disabled-items.d.ts +6 -0
- package/dist/internal/disabled-items.d.ts.map +1 -0
- package/dist/internal/disabled-items.js +15 -0
- package/dist/internal/disabled-items.js.map +1 -0
- package/dist/internal/facade.d.ts +45 -0
- package/dist/internal/facade.d.ts.map +1 -0
- package/dist/internal/facade.js +58 -0
- package/dist/internal/facade.js.map +1 -0
- package/dist/internal/floating-position.d.ts +26 -0
- package/dist/internal/floating-position.d.ts.map +1 -0
- package/dist/internal/floating-position.js +103 -0
- package/dist/internal/floating-position.js.map +1 -0
- package/dist/internal/interaction.d.ts +14 -0
- package/dist/internal/interaction.d.ts.map +1 -0
- package/dist/internal/interaction.js +25 -0
- package/dist/internal/interaction.js.map +1 -0
- package/dist/internal/layer-binding.d.ts +16 -0
- package/dist/internal/layer-binding.d.ts.map +1 -0
- package/dist/internal/layer-binding.js +99 -0
- package/dist/internal/layer-binding.js.map +1 -0
- package/dist/internal/layer-manager.d.ts +19 -0
- package/dist/internal/layer-manager.d.ts.map +1 -0
- package/dist/internal/layer-manager.js +81 -0
- package/dist/internal/layer-manager.js.map +1 -0
- package/dist/internal/menu-control.d.ts +41 -0
- package/dist/internal/menu-control.d.ts.map +1 -0
- package/dist/internal/menu-control.js +279 -0
- package/dist/internal/menu-control.js.map +1 -0
- package/dist/internal/modal-effects.d.ts +5 -0
- package/dist/internal/modal-effects.d.ts.map +1 -0
- package/dist/internal/modal-effects.js +125 -0
- package/dist/internal/modal-effects.js.map +1 -0
- package/dist/internal/popup-control.d.ts +45 -0
- package/dist/internal/popup-control.d.ts.map +1 -0
- package/dist/internal/popup-control.js +223 -0
- package/dist/internal/popup-control.js.map +1 -0
- package/dist/internal/semantic-controller.d.ts +20 -0
- package/dist/internal/semantic-controller.d.ts.map +1 -0
- package/dist/internal/semantic-controller.js +42 -0
- package/dist/internal/semantic-controller.js.map +1 -0
- package/dist/internal/text-element.d.ts +16 -0
- package/dist/internal/text-element.d.ts.map +1 -0
- package/dist/internal/text-element.js +217 -0
- package/dist/internal/text-element.js.map +1 -0
- package/dist/listbox.d.ts +142 -0
- package/dist/listbox.d.ts.map +1 -0
- package/dist/listbox.js +463 -0
- package/dist/listbox.js.map +1 -0
- package/dist/menu-button.d.ts +10 -0
- package/dist/menu-button.d.ts.map +1 -0
- package/dist/menu-button.js +11 -0
- package/dist/menu-button.js.map +1 -0
- package/dist/menu.d.ts +10 -0
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +11 -0
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +8 -0
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +11 -0
- package/dist/menubar.js.map +1 -0
- package/dist/month-picker.d.ts +5 -0
- package/dist/month-picker.d.ts.map +1 -0
- package/dist/month-picker.js +3 -0
- package/dist/month-picker.js.map +1 -0
- package/dist/month-range-picker.d.ts +4 -0
- package/dist/month-range-picker.d.ts.map +1 -0
- package/dist/month-range-picker.js +3 -0
- package/dist/month-range-picker.js.map +1 -0
- package/dist/multi-thumb-slider.d.ts +43 -0
- package/dist/multi-thumb-slider.d.ts.map +1 -0
- package/dist/multi-thumb-slider.js +190 -0
- package/dist/multi-thumb-slider.js.map +1 -0
- package/dist/navigation-menu.d.ts +8 -0
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +10 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +48 -0
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +138 -0
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +52 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +199 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pin-input.d.ts +31 -0
- package/dist/pin-input.d.ts.map +1 -0
- package/dist/pin-input.js +84 -0
- package/dist/pin-input.js.map +1 -0
- package/dist/popover.d.ts +60 -0
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +82 -0
- package/dist/popover.js.map +1 -0
- package/dist/quantity-field.d.ts +53 -0
- package/dist/quantity-field.d.ts.map +1 -0
- package/dist/quantity-field.js +190 -0
- package/dist/quantity-field.js.map +1 -0
- package/dist/radio-group.d.ts +69 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +225 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/range-calendar.d.ts +3 -0
- package/dist/range-calendar.d.ts.map +1 -0
- package/dist/range-calendar.js +2 -0
- package/dist/range-calendar.js.map +1 -0
- package/dist/rating.d.ts +23 -0
- package/dist/rating.d.ts.map +1 -0
- package/dist/rating.js +38 -0
- package/dist/rating.js.map +1 -0
- package/dist/reorder.d.ts +39 -0
- package/dist/reorder.d.ts.map +1 -0
- package/dist/reorder.js +308 -0
- package/dist/reorder.js.map +1 -0
- package/dist/select.d.ts +68 -0
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +114 -0
- package/dist/select.js.map +1 -0
- package/dist/slider.d.ts +108 -0
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +342 -0
- package/dist/slider.js.map +1 -0
- package/dist/spin-button.d.ts +44 -0
- package/dist/spin-button.d.ts.map +1 -0
- package/dist/spin-button.js +130 -0
- package/dist/spin-button.js.map +1 -0
- package/dist/stepper.d.ts +24 -0
- package/dist/stepper.d.ts.map +1 -0
- package/dist/stepper.js +32 -0
- package/dist/stepper.js.map +1 -0
- package/dist/switch.d.ts +45 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +44 -0
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +86 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +259 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tags-input.d.ts +38 -0
- package/dist/tags-input.d.ts.map +1 -0
- package/dist/tags-input.js +93 -0
- package/dist/tags-input.js.map +1 -0
- package/dist/text.d.ts +85 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +225 -0
- package/dist/text.js.map +1 -0
- package/dist/time-field.d.ts +42 -0
- package/dist/time-field.d.ts.map +1 -0
- package/dist/time-field.js +59 -0
- package/dist/time-field.js.map +1 -0
- package/dist/time-range-field.d.ts +48 -0
- package/dist/time-range-field.d.ts.map +1 -0
- package/dist/time-range-field.js +98 -0
- package/dist/time-range-field.js.map +1 -0
- package/dist/timer.d.ts +32 -0
- package/dist/timer.d.ts.map +1 -0
- package/dist/timer.js +46 -0
- package/dist/timer.js.map +1 -0
- package/dist/toast.d.ts +44 -0
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +263 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-button.d.ts +39 -0
- package/dist/toggle-button.d.ts.map +1 -0
- package/dist/toggle-button.js +37 -0
- package/dist/toggle-button.js.map +1 -0
- package/dist/toggle-group.d.ts +42 -0
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +91 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toolbar.d.ts +43 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +151 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +45 -0
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +68 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tree-grid.d.ts +131 -0
- package/dist/tree-grid.d.ts.map +1 -0
- package/dist/tree-grid.js +466 -0
- package/dist/tree-grid.js.map +1 -0
- package/dist/tree-view.d.ts +104 -0
- package/dist/tree-view.d.ts.map +1 -0
- package/dist/tree-view.js +332 -0
- package/dist/tree-view.js.map +1 -0
- package/dist/window-splitter.d.ts +8 -0
- package/dist/window-splitter.d.ts.map +1 -0
- package/dist/window-splitter.js +13 -0
- package/dist/window-splitter.js.map +1 -0
- package/dist/year-picker.d.ts +3 -0
- package/dist/year-picker.d.ts.map +1 -0
- package/dist/year-picker.js +2 -0
- package/dist/year-picker.js.map +1 -0
- package/dist/year-range-picker.d.ts +3 -0
- package/dist/year-range-picker.d.ts.map +1 -0
- package/dist/year-range-picker.js +2 -0
- package/dist/year-range-picker.js.map +1 -0
- package/package.json +8 -3
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { unwrap } from '@sectile/core/result';
|
|
2
|
+
import { applyDateFieldEvent, tryCreateDateFieldState } from '@sectile/core/date-field';
|
|
3
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
4
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
5
|
+
import { setFieldValidity, setInteractionAttributes } from './internal/interaction.js';
|
|
6
|
+
import { DOMTextElementBinding } from './internal/text-element.js';
|
|
7
|
+
import { toTextEvent } from './text.js';
|
|
8
|
+
export { formatDateValue, parseDateValue } from '@sectile/core/date-field';
|
|
9
|
+
export function createDateField(options) { return unwrap(tryCreateDateField(options)); }
|
|
10
|
+
export function tryCreateDateField(options) { return createFacadeConnection(options, construct); }
|
|
11
|
+
function construct(options) {
|
|
12
|
+
const valueControlled = options.value !== undefined;
|
|
13
|
+
const inputControlled = options.inputState !== undefined;
|
|
14
|
+
const policies = Object.freeze({ ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) });
|
|
15
|
+
const runtime = createSemanticController({
|
|
16
|
+
initial: tryCreateDateFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState),
|
|
17
|
+
reducer: (state, event) => applyDateFieldEvent(state, event, policies),
|
|
18
|
+
reconcile: (previous, proposed) => tryCreateDateFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState),
|
|
19
|
+
notify: (previous, proposed) => { if (JSON.stringify(previous.inputState) !== JSON.stringify(proposed.inputState))
|
|
20
|
+
options.onInputStateChange?.(proposed.inputState, previous.inputState); },
|
|
21
|
+
toEffect: (command) => command,
|
|
22
|
+
interaction: options,
|
|
23
|
+
});
|
|
24
|
+
return runtime.ok ? { ok: true, value: new DOMDateField(options, runtime.value, valueControlled, inputControlled) } : runtime;
|
|
25
|
+
}
|
|
26
|
+
class DOMDateField {
|
|
27
|
+
options;
|
|
28
|
+
runtime;
|
|
29
|
+
valueControlled;
|
|
30
|
+
inputControlled;
|
|
31
|
+
#binding;
|
|
32
|
+
#keydown = (event) => {
|
|
33
|
+
if (this.#binding.isComposing || event.isComposing)
|
|
34
|
+
return;
|
|
35
|
+
if (this.options.native === true && (event.key.startsWith('Arrow') || event.key === 'Home' || event.key === 'End'))
|
|
36
|
+
return;
|
|
37
|
+
const semantic = event.key === 'ArrowUp' ? 'increment-segment' : event.key === 'ArrowDown' ? 'decrement-segment' : event.key === 'Enter' ? 'commit' : event.key === 'Escape' ? 'cancel' : null;
|
|
38
|
+
if (semantic !== null) {
|
|
39
|
+
event.preventDefault();
|
|
40
|
+
if (semantic === 'increment-segment' || semantic === 'decrement-segment')
|
|
41
|
+
this.#syncSelection();
|
|
42
|
+
this.handleEvent(semantic);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
#blur = () => {
|
|
46
|
+
if (!this.#binding.isComposing && !this.handleEvent('commit'))
|
|
47
|
+
this.handleEvent('cancel');
|
|
48
|
+
};
|
|
49
|
+
constructor(options, runtime, valueControlled, inputControlled) {
|
|
50
|
+
this.options = options;
|
|
51
|
+
this.runtime = runtime;
|
|
52
|
+
this.valueControlled = valueControlled;
|
|
53
|
+
this.inputControlled = inputControlled;
|
|
54
|
+
this.#binding = new DOMTextElementBinding({ element: options.input, getState: () => this.getSnapshot().state.inputState, dispatch: (input) => this.#text(input) });
|
|
55
|
+
options.input.addEventListener('keydown', this.#keydown);
|
|
56
|
+
options.input.addEventListener('blur', this.#blur);
|
|
57
|
+
this.refresh();
|
|
58
|
+
}
|
|
59
|
+
getSnapshot() { return this.runtime.getSnapshot(); }
|
|
60
|
+
getText() { return this.getSnapshot().state.inputState.snapshot.text; }
|
|
61
|
+
getValue() { return this.getSnapshot().state.value; }
|
|
62
|
+
syncControlledValues(values) {
|
|
63
|
+
if (this.valueControlled !== (values.value !== undefined) || this.inputControlled !== (values.inputState !== undefined))
|
|
64
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled date field values must preserve their construction-time shape.' } };
|
|
65
|
+
const state = this.getSnapshot().state;
|
|
66
|
+
const result = this.runtime.replace(tryCreateDateFieldState(this.valueControlled ? values.value : state.value, this.inputControlled ? values.inputState : state.inputState));
|
|
67
|
+
if (result.ok) {
|
|
68
|
+
this.refresh();
|
|
69
|
+
this.options.onUpdate?.();
|
|
70
|
+
}
|
|
71
|
+
return result;
|
|
72
|
+
}
|
|
73
|
+
handleEvent(event) {
|
|
74
|
+
const result = this.runtime.handle(event);
|
|
75
|
+
setFieldValidity(this.options.input, result);
|
|
76
|
+
if (result.ok) {
|
|
77
|
+
for (const command of result.commands)
|
|
78
|
+
if (command.type === 'value-committed')
|
|
79
|
+
this.options.onValueChange?.(command.value);
|
|
80
|
+
this.refresh();
|
|
81
|
+
this.options.onUpdate?.();
|
|
82
|
+
}
|
|
83
|
+
return result.ok;
|
|
84
|
+
}
|
|
85
|
+
refresh() { const input = this.options.input; input.type = this.options.native === true ? 'date' : 'text'; input.inputMode = this.options.native === true ? '' : 'numeric'; input.placeholder = this.options.native === true ? '' : 'YYYY-MM-DD'; input.required = this.options.required ?? this.options.policies?.required ?? false; setInteractionAttributes(input, this.options, { native: true, readOnly: true }); if (this.options.label !== undefined)
|
|
86
|
+
input.setAttribute('aria-label', this.options.label); this.#binding.render(); }
|
|
87
|
+
disconnect() { this.#binding.disconnect(); this.options.input.removeEventListener('keydown', this.#keydown); this.options.input.removeEventListener('blur', this.#blur); }
|
|
88
|
+
#text(input) { const event = toTextEvent(input); return event !== null && this.handleEvent({ type: 'text', event }); }
|
|
89
|
+
#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 } } }); }
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=date-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-field.js","sourceRoot":"","sources":["../src/date-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
3
|
+
import { type DateValue } from '@sectile/core/date-field';
|
|
4
|
+
import { type DatePickerEvent, type DatePickerMonthValue, type DatePickerPolicies, type DatePickerState } from '@sectile/core/date-picker';
|
|
5
|
+
export { createDatePickerMonth, createDatePickerWeek, createDatePickerYear, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
|
|
6
|
+
export type { DatePickerMonthValue, DatePickerViewMode } from '@sectile/core/date-picker';
|
|
7
|
+
export type { DatePickerPolicies } from '@sectile/core/date-picker';
|
|
8
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
9
|
+
export interface DatePickerOptions {
|
|
10
|
+
readonly root: HTMLElement;
|
|
11
|
+
readonly grid: HTMLElement;
|
|
12
|
+
readonly trigger: HTMLElement;
|
|
13
|
+
readonly input?: HTMLInputElement;
|
|
14
|
+
readonly policies?: DatePickerPolicies;
|
|
15
|
+
readonly value?: DateValue | null;
|
|
16
|
+
readonly defaultValue?: DateValue | null;
|
|
17
|
+
readonly highlightedValue?: DateValue;
|
|
18
|
+
readonly defaultHighlightedValue?: DateValue;
|
|
19
|
+
readonly open?: boolean;
|
|
20
|
+
readonly defaultOpen?: boolean;
|
|
21
|
+
readonly disabled?: boolean;
|
|
22
|
+
readonly readOnly?: boolean;
|
|
23
|
+
readonly required?: boolean;
|
|
24
|
+
readonly label?: string;
|
|
25
|
+
readonly onValueChange?: (value: DateValue | null) => void;
|
|
26
|
+
readonly onHighlightedValueChange?: (value: DateValue) => void;
|
|
27
|
+
readonly onOpenChange?: (open: boolean) => void;
|
|
28
|
+
readonly onUpdate?: () => void;
|
|
29
|
+
}
|
|
30
|
+
export type DatePickerValueChangeHandler = NonNullable<DatePickerOptions['onValueChange']>;
|
|
31
|
+
export type DatePickerHighlightedValueChangeHandler = NonNullable<DatePickerOptions['onHighlightedValueChange']>;
|
|
32
|
+
export type DatePickerOpenChangeHandler = NonNullable<DatePickerOptions['onOpenChange']>;
|
|
33
|
+
export type DatePickerUpdateHandler = NonNullable<DatePickerOptions['onUpdate']>;
|
|
34
|
+
export interface DatePickerControlledValues {
|
|
35
|
+
readonly value?: DateValue | null;
|
|
36
|
+
readonly highlightedValue?: DateValue;
|
|
37
|
+
readonly open?: boolean;
|
|
38
|
+
}
|
|
39
|
+
export interface DatePickerConnection {
|
|
40
|
+
getSnapshot(): RevisionSnapshot<DatePickerState>;
|
|
41
|
+
getMonth(): readonly (readonly DateValue[])[];
|
|
42
|
+
getWeek(): readonly DateValue[];
|
|
43
|
+
getYear(): readonly (readonly DatePickerMonthValue[])[];
|
|
44
|
+
syncControlledValues(values: DatePickerControlledValues): Result<RevisionSnapshot<DatePickerState>>;
|
|
45
|
+
setCellAttributes(element: HTMLElement, value: DateValue): void;
|
|
46
|
+
handleEvent(event: DatePickerEvent): boolean;
|
|
47
|
+
refresh(): void;
|
|
48
|
+
disconnect(): void;
|
|
49
|
+
}
|
|
50
|
+
export declare function createDatePicker(options: DatePickerOptions): FacadeConnection<DatePickerConnection>;
|
|
51
|
+
export declare function tryCreateDatePicker(options: DatePickerOptions): Result<FacadeConnection<DatePickerConnection>>;
|
|
52
|
+
//# sourceMappingURL=date-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { unwrap } from '@sectile/core/result';
|
|
2
|
+
import { compareDateValues } from '@sectile/core/date-field';
|
|
3
|
+
import { applyDatePickerEvent, createDatePickerMonth, tryCreateDatePickerState, createDatePickerWeek, createDatePickerYear, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
|
|
4
|
+
export { createDatePickerMonth, createDatePickerWeek, createDatePickerYear, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
|
|
5
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
6
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
7
|
+
import { setInteractionAttributes } from './internal/interaction.js';
|
|
8
|
+
import { setDatePickerCellAvailability } from './internal/date-picker-cell.js';
|
|
9
|
+
import { createDateField } from './date-field.js';
|
|
10
|
+
import { createDOMLayerBinding } from './internal/layer-binding.js';
|
|
11
|
+
export function createDatePicker(options) { return unwrap(tryCreateDatePicker(options)); }
|
|
12
|
+
export function tryCreateDatePicker(options) { return createFacadeConnection(options, construct); }
|
|
13
|
+
function construct(options) {
|
|
14
|
+
const controls = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined };
|
|
15
|
+
const requestedValue = controls.value ? options.value : options.defaultValue;
|
|
16
|
+
const requestedHighlight = controls.highlighted ? options.highlightedValue : options.defaultHighlightedValue;
|
|
17
|
+
const requestedOpen = controls.open ? options.open : options.defaultOpen;
|
|
18
|
+
const initial = tryCreateDatePickerState({ ...(requestedValue === undefined ? {} : { value: requestedValue }), ...(requestedHighlight === undefined ? {} : { highlighted: requestedHighlight }), ...(requestedOpen === undefined ? {} : { open: requestedOpen }) });
|
|
19
|
+
const runtime = createSemanticController({ initial, reducer: (state, event) => applyDatePickerEvent(state, event, { ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) }), reconcile: (previous, proposed) => tryCreateDatePickerState({ value: controls.value ? previous.value : proposed.value, highlighted: controls.highlighted ? previous.highlighted : proposed.highlighted, open: controls.open ? previous.open : proposed.open, view: controls.highlighted ? previous.view : proposed.view, viewMode: proposed.viewMode }), notify: (previous, proposed) => { if (compareNullable(previous.value, proposed.value) !== 0)
|
|
20
|
+
options.onValueChange?.(proposed.value); if (compareDateValues(previous.highlighted, proposed.highlighted) !== 0)
|
|
21
|
+
options.onHighlightedValueChange?.(proposed.highlighted); if (previous.open !== proposed.open)
|
|
22
|
+
options.onOpenChange?.(proposed.open); }, toEffect: (command) => command, interaction: options });
|
|
23
|
+
return runtime.ok ? { ok: true, value: new DOMDatePicker(options, runtime.value, controls) } : runtime;
|
|
24
|
+
}
|
|
25
|
+
class DOMDatePicker {
|
|
26
|
+
options;
|
|
27
|
+
runtime;
|
|
28
|
+
controls;
|
|
29
|
+
#field;
|
|
30
|
+
#layer;
|
|
31
|
+
#syncingField = false;
|
|
32
|
+
#trigger = () => { this.handleEvent('toggle'); };
|
|
33
|
+
#keydown = (event) => { const semantic = keyEvent(event); if (semantic !== null) {
|
|
34
|
+
event.preventDefault();
|
|
35
|
+
this.handleEvent(semantic);
|
|
36
|
+
} };
|
|
37
|
+
#click = (event) => { const target = event.target instanceof Element ? event.target.closest('[data-date-picker-id]') : null; if (target !== null && this.options.grid.contains(target)) {
|
|
38
|
+
const parsed = target.dataset['datePickerId']?.split('-').map(Number);
|
|
39
|
+
if (parsed?.length === 3)
|
|
40
|
+
this.handleEvent({ type: 'select', value: { year: parsed[0], month: parsed[1], day: parsed[2] } });
|
|
41
|
+
} };
|
|
42
|
+
constructor(options, runtime, controls) {
|
|
43
|
+
this.options = options;
|
|
44
|
+
this.runtime = runtime;
|
|
45
|
+
this.controls = controls;
|
|
46
|
+
this.#layer = createDOMLayerBinding({ surface: options.root, owner: options.trigger, dismissOnInteractOutside: true, readOpen: () => this.getSnapshot().state.open, close: () => { this.handleEvent('close'); } });
|
|
47
|
+
this.#field = options.input === undefined ? null : createDateField({
|
|
48
|
+
input: options.input,
|
|
49
|
+
defaultValue: runtime.getSnapshot().state.value,
|
|
50
|
+
policies: {
|
|
51
|
+
...(options.policies?.min === undefined ? {} : { min: options.policies.min }),
|
|
52
|
+
...(options.policies?.max === undefined ? {} : { max: options.policies.max }),
|
|
53
|
+
...(options.policies?.unavailable === undefined ? {} : { unavailable: options.policies.unavailable }),
|
|
54
|
+
},
|
|
55
|
+
...(options.disabled === undefined ? {} : { disabled: options.disabled }),
|
|
56
|
+
...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
|
|
57
|
+
...(options.required === undefined ? {} : { required: options.required }),
|
|
58
|
+
...(options.label === undefined ? {} : { label: options.label }),
|
|
59
|
+
onValueChange: (value) => {
|
|
60
|
+
if (!this.#syncingField)
|
|
61
|
+
this.handleEvent({ type: 'set-value', value });
|
|
62
|
+
},
|
|
63
|
+
});
|
|
64
|
+
options.trigger.addEventListener('click', this.#trigger);
|
|
65
|
+
options.grid.addEventListener('keydown', this.#keydown);
|
|
66
|
+
options.grid.addEventListener('click', this.#click);
|
|
67
|
+
options.root.setAttribute('role', 'dialog');
|
|
68
|
+
options.root.setAttribute('aria-modal', 'false');
|
|
69
|
+
options.grid.setAttribute('role', 'grid');
|
|
70
|
+
setInteractionAttributes(options.trigger, options, { native: true });
|
|
71
|
+
setInteractionAttributes(options.grid, options);
|
|
72
|
+
this.refresh();
|
|
73
|
+
}
|
|
74
|
+
getSnapshot() { return this.runtime.getSnapshot(); }
|
|
75
|
+
getMonth() { return createDatePickerMonth(this.getSnapshot().state.view, this.options.policies?.weekStartsOn); }
|
|
76
|
+
getWeek() { return createDatePickerWeek(this.getSnapshot().state.highlighted, this.options.policies?.weekStartsOn); }
|
|
77
|
+
getYear() { return createDatePickerYear(this.getSnapshot().state.view.year); }
|
|
78
|
+
syncControlledValues(values) { if (this.controls.value !== (values.value !== undefined) || this.controls.highlighted !== (values.highlightedValue !== undefined) || this.controls.open !== (values.open !== undefined))
|
|
79
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled date picker values must preserve their construction-time shape.' } }; const state = this.getSnapshot().state; const highlighted = this.controls.highlighted ? values.highlightedValue : state.highlighted; const result = this.runtime.replace(tryCreateDatePickerState({ value: this.controls.value ? values.value : state.value, highlighted, view: { year: highlighted.year, month: highlighted.month }, viewMode: state.viewMode, open: this.controls.open ? values.open : state.open })); if (result.ok) {
|
|
80
|
+
this.refresh();
|
|
81
|
+
this.options.onUpdate?.();
|
|
82
|
+
} return result; }
|
|
83
|
+
setCellAttributes(element, value) { const state = this.getSnapshot().state; const available = isDatePickerValueAvailable(value, this.options.policies); element.dataset['datePickerId'] = datePickerID(value); element.setAttribute('role', 'gridcell'); element.setAttribute('aria-selected', String(state.value !== null && compareDateValues(state.value, value) === 0)); setDatePickerCellAvailability(element, available); element.tabIndex = compareDateValues(state.highlighted, value) === 0 ? 0 : -1; }
|
|
84
|
+
handleEvent(event) { const result = this.runtime.handle(event); if (result.ok) {
|
|
85
|
+
this.refresh();
|
|
86
|
+
this.options.onUpdate?.();
|
|
87
|
+
if (result.commands.some((command) => command.type === 'open-changed' && !command.open))
|
|
88
|
+
this.options.trigger.focus();
|
|
89
|
+
else if (result.commands.some((command) => command.type === 'highlight-changed'))
|
|
90
|
+
queueMicrotask(() => this.options.grid.querySelector('[tabindex="0"]')?.focus());
|
|
91
|
+
} return result.ok; }
|
|
92
|
+
refresh() {
|
|
93
|
+
const state = this.getSnapshot().state;
|
|
94
|
+
this.options.root.hidden = !state.open;
|
|
95
|
+
this.options.trigger.setAttribute('aria-haspopup', 'dialog');
|
|
96
|
+
this.options.trigger.setAttribute('aria-expanded', String(state.open));
|
|
97
|
+
if (this.options.label !== undefined)
|
|
98
|
+
this.options.grid.setAttribute('aria-label', this.options.label);
|
|
99
|
+
if (this.#field !== null && compareNullable(this.#field.getValue(), state.value) !== 0) {
|
|
100
|
+
this.#syncingField = true;
|
|
101
|
+
this.#field.handleEvent({ type: 'set-value', value: state.value });
|
|
102
|
+
this.#syncingField = false;
|
|
103
|
+
}
|
|
104
|
+
this.#layer.sync();
|
|
105
|
+
}
|
|
106
|
+
disconnect() {
|
|
107
|
+
this.#layer.disconnect();
|
|
108
|
+
this.#field?.disconnect();
|
|
109
|
+
this.options.trigger.removeEventListener('click', this.#trigger);
|
|
110
|
+
this.options.grid.removeEventListener('keydown', this.#keydown);
|
|
111
|
+
this.options.grid.removeEventListener('click', this.#click);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
function keyEvent(event) { if (event.altKey || event.ctrlKey || event.metaKey)
|
|
115
|
+
return null; if (event.key === 'ArrowLeft')
|
|
116
|
+
return 'previous-day'; if (event.key === 'ArrowRight')
|
|
117
|
+
return 'next-day'; if (event.key === 'ArrowUp')
|
|
118
|
+
return 'previous-week'; if (event.key === 'ArrowDown')
|
|
119
|
+
return 'next-week'; if (event.key === 'Home')
|
|
120
|
+
return 'start-of-week'; if (event.key === 'End')
|
|
121
|
+
return 'end-of-week'; if (event.key === 'PageUp')
|
|
122
|
+
return event.shiftKey ? 'previous-year' : 'previous-month'; if (event.key === 'PageDown')
|
|
123
|
+
return event.shiftKey ? 'next-year' : 'next-month'; if (event.key === 'Enter' || event.key === ' ')
|
|
124
|
+
return 'select-highlighted'; if (event.key === 'Escape')
|
|
125
|
+
return 'close'; return null; }
|
|
126
|
+
function compareNullable(left, right) { return left === null ? right === null ? 0 : -1 : right === null ? 1 : compareDateValues(left, right); }
|
|
127
|
+
//# sourceMappingURL=date-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../src/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAkB,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,YAAY,EAAE,0BAA0B,EAA0H,MAAM,2BAA2B,CAAC;AAChU,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAGxJ,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAA2B,MAAM,mCAAmC,CAAC;AACtG,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAA4B,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,6BAA6B,CAAC;AAwC1F,MAAM,UAAU,gBAAgB,CAAC,OAA0B,IAA4C,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACrJ,MAAM,UAAU,mBAAmB,CAAC,OAA0B,IAAoD,OAAO,sBAAsB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AACtK,SAAS,SAAS,CAAC,OAA0B;IAC3C,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC,gBAAgB,KAAK,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;IAC/I,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAC7E,MAAM,kBAAkB,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,uBAAuB,CAAC;IAC7G,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;IACzE,MAAM,OAAO,GAAG,wBAAwB,CAAC,EAAE,GAAG,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,EAAE,GAAG,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IACpQ,MAAM,OAAO,GAAG,wBAAwB,CAAyE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACxgC,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;AACzG,CAAC;AACD,MAAM,aAAa;IACR,OAAO,CAAoB;IAAU,OAAO,CAA0E;IAAU,QAAQ,CAA0D;IAClM,MAAM,CAA+C;IACrD,MAAM,CAAkB;IACjC,aAAa,GAAG,KAAK,CAAC;IACb,QAAQ,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,QAAQ,GAAG,CAAC,KAAoB,EAAQ,EAAE,GAAG,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC,CAAC;IAChK,MAAM,GAAG,CAAC,KAAiB,EAAQ,EAAE,GAAG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAc,uBAAuB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAAC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAAC,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC;YAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAW,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAW,EAAE,EAAE,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC,CAAC;IACzc,YAAmB,OAA0B,EAAE,OAAgF,EAAE,QAAiE;QAChM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,wBAAwB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACnN,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;YACjE,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,YAAY,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK;YAC/C,QAAQ,EAAE;gBACR,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAC7E,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAC7E,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;aACtG;YACD,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;YACzE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;YACzE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;YACzE,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;YAChE,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC,aAAa;oBAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;YAC1E,CAAC;SACF,CAAC,CAAC;QACH,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxD,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QACjD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,wBAAwB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACrE,wBAAwB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IACM,WAAW,KAAwC,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACvF,QAAQ,KAAwC,OAAO,qBAAqB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACnJ,OAAO,KAA2B,OAAO,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC3I,OAAO,KAAmD,OAAO,oBAAoB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5H,oBAAoB,CAAC,MAAkC,IAA+C,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,CAAC,MAAM,CAAC,gBAAgB,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC;QAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,2BAA2B,EAAE,OAAO,EAAE,4EAA4E,EAAE,EAAE,CAAC,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,gBAA6B,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAe,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;QAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;IAAC,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;IACp+B,iBAAiB,CAAC,OAAoB,EAAE,KAAgB,IAAU,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9gB,WAAW,CAAC,KAAsB,IAAa,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;QAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;QAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,cAAc,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,mBAAmB,CAAC;YAAE,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAc,gBAAgB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAAC,CAAC,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACnd,OAAO;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC7D,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACvE,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvG,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACvF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;YACnE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IACM,UAAU;QACf,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC;CACF;AACD,SAAS,QAAQ,CAAC,KAAoB,IAA4B,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO;IAAE,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;IAAE,OAAO,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY;IAAE,OAAO,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;IAAE,OAAO,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;IAAE,OAAO,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;IAAE,OAAO,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;IAAE,OAAO,aAAa,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;IAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU;IAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;IAAE,OAAO,oBAAoB,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;IAAE,OAAO,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AACtuB,SAAS,eAAe,CAAC,IAAsB,EAAE,KAAuB,IAAY,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
3
|
+
import type { TextEditingState } from '@sectile/core/text';
|
|
4
|
+
import { type DateRange } from '@sectile/core/date-field';
|
|
5
|
+
import { type DateRangeFieldEvent, type DateRangeFieldPolicies, type DateRangeFieldState } from '@sectile/core/date-range-field';
|
|
6
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
7
|
+
export interface DateRangeFieldOptions {
|
|
8
|
+
readonly startInput: HTMLInputElement;
|
|
9
|
+
readonly endInput: HTMLInputElement;
|
|
10
|
+
readonly policies?: DateRangeFieldPolicies;
|
|
11
|
+
readonly value?: DateRange | null;
|
|
12
|
+
readonly defaultValue?: DateRange | null;
|
|
13
|
+
readonly startInputState?: TextEditingState;
|
|
14
|
+
readonly defaultStartInputState?: TextEditingState;
|
|
15
|
+
readonly endInputState?: TextEditingState;
|
|
16
|
+
readonly defaultEndInputState?: TextEditingState;
|
|
17
|
+
readonly disabled?: boolean;
|
|
18
|
+
readonly readOnly?: boolean;
|
|
19
|
+
readonly required?: boolean;
|
|
20
|
+
readonly startLabel?: string;
|
|
21
|
+
readonly endLabel?: string;
|
|
22
|
+
readonly onValueChange?: (value: DateRange | null) => void;
|
|
23
|
+
readonly onStartInputStateChange?: (value: TextEditingState) => void;
|
|
24
|
+
readonly onEndInputStateChange?: (value: TextEditingState) => void;
|
|
25
|
+
readonly onUpdate?: () => void;
|
|
26
|
+
}
|
|
27
|
+
export type DateRangeFieldValueChangeHandler = NonNullable<DateRangeFieldOptions['onValueChange']>;
|
|
28
|
+
export type DateRangeFieldStartInputStateChangeHandler = NonNullable<DateRangeFieldOptions['onStartInputStateChange']>;
|
|
29
|
+
export type DateRangeFieldEndInputStateChangeHandler = NonNullable<DateRangeFieldOptions['onEndInputStateChange']>;
|
|
30
|
+
export type DateRangeFieldUpdateHandler = NonNullable<DateRangeFieldOptions['onUpdate']>;
|
|
31
|
+
export interface DateRangeFieldControlledValues {
|
|
32
|
+
readonly value?: DateRange | null;
|
|
33
|
+
readonly startInputState?: TextEditingState;
|
|
34
|
+
readonly endInputState?: TextEditingState;
|
|
35
|
+
}
|
|
36
|
+
export interface DateRangeFieldConnection {
|
|
37
|
+
getSnapshot(): RevisionSnapshot<DateRangeFieldState>;
|
|
38
|
+
getValue(): DateRange | null;
|
|
39
|
+
syncControlledValues(values: DateRangeFieldControlledValues): Result<RevisionSnapshot<DateRangeFieldState>>;
|
|
40
|
+
handleEvent(event: DateRangeFieldEvent): boolean;
|
|
41
|
+
refresh(): void;
|
|
42
|
+
disconnect(): void;
|
|
43
|
+
}
|
|
44
|
+
export declare function createDateRangeField(options: DateRangeFieldOptions): FacadeConnection<DateRangeFieldConnection>;
|
|
45
|
+
export declare function tryCreateDateRangeField(options: DateRangeFieldOptions): Result<FacadeConnection<DateRangeFieldConnection>>;
|
|
46
|
+
export { tryCreateDateRangeFieldState } from '@sectile/core/date-range-field';
|
|
47
|
+
export type { DateRangeFieldPolicies, DateRangeFieldState } from '@sectile/core/date-range-field';
|
|
48
|
+
//# sourceMappingURL=date-range-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-field.d.ts","sourceRoot":"","sources":["../src/date-range-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { unwrap } from '@sectile/core/result';
|
|
2
|
+
import {} from '@sectile/core/date-field';
|
|
3
|
+
import { applyDateRangeFieldEvent, tryCreateDateRangeFieldState } from '@sectile/core/date-range-field';
|
|
4
|
+
import { createFacadeConnection } from './internal/facade.js';
|
|
5
|
+
import { createSemanticController } from './internal/semantic-controller.js';
|
|
6
|
+
import { setFieldValidity, setInteractionAttributes } from './internal/interaction.js';
|
|
7
|
+
import { DOMTextElementBinding } from './internal/text-element.js';
|
|
8
|
+
import { toTextEvent } from './text.js';
|
|
9
|
+
export function createDateRangeField(options) { return unwrap(tryCreateDateRangeField(options)); }
|
|
10
|
+
export function tryCreateDateRangeField(options) { return createFacadeConnection(options, construct); }
|
|
11
|
+
function construct(options) {
|
|
12
|
+
const controlled = { value: options.value !== undefined, start: options.startInputState !== undefined, end: options.endInputState !== undefined };
|
|
13
|
+
const initialValue = options.value !== undefined ? options.value : options.defaultValue ?? null;
|
|
14
|
+
const runtime = createSemanticController({
|
|
15
|
+
initial: tryCreateDateRangeFieldState({ value: initialValue, ...optionalInputState('startInputState', options.startInputState ?? options.defaultStartInputState), ...optionalInputState('endInputState', options.endInputState ?? options.defaultEndInputState) }),
|
|
16
|
+
reducer: (state, event) => applyDateRangeFieldEvent(state, event, { ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) }),
|
|
17
|
+
reconcile: (previous, proposed) => tryCreateDateRangeFieldState({
|
|
18
|
+
startValue: controlled.value ? previous.start.value : proposed.start.value, endValue: controlled.value ? previous.end.value : proposed.end.value,
|
|
19
|
+
startInputState: controlled.start ? previous.start.inputState : proposed.start.inputState, endInputState: controlled.end ? previous.end.inputState : proposed.end.inputState, active: proposed.active,
|
|
20
|
+
}),
|
|
21
|
+
notify: (previous, proposed) => { if (previous.start.inputState !== proposed.start.inputState)
|
|
22
|
+
options.onStartInputStateChange?.(proposed.start.inputState); if (previous.end.inputState !== proposed.end.inputState)
|
|
23
|
+
options.onEndInputStateChange?.(proposed.end.inputState); },
|
|
24
|
+
toEffect: (command) => command, interaction: options,
|
|
25
|
+
});
|
|
26
|
+
return runtime.ok ? { ok: true, value: new DOMDateRangeField(options, runtime.value, controlled) } : runtime;
|
|
27
|
+
}
|
|
28
|
+
function optionalInputState(key, value) { return value === undefined ? {} : { [key]: value }; }
|
|
29
|
+
class DOMDateRangeField {
|
|
30
|
+
#options;
|
|
31
|
+
#runtime;
|
|
32
|
+
#controlled;
|
|
33
|
+
#bindings;
|
|
34
|
+
#keydown;
|
|
35
|
+
#blur;
|
|
36
|
+
#focus;
|
|
37
|
+
constructor(options, runtime, controlled) {
|
|
38
|
+
this.#options = options;
|
|
39
|
+
this.#runtime = runtime;
|
|
40
|
+
this.#controlled = controlled;
|
|
41
|
+
this.#bindings = {
|
|
42
|
+
start: new DOMTextElementBinding({ element: options.startInput, getState: () => this.getSnapshot().state.start.inputState, dispatch: (input) => this.#text('start', input) }),
|
|
43
|
+
end: new DOMTextElementBinding({ element: options.endInput, getState: () => this.getSnapshot().state.end.inputState, dispatch: (input) => this.#text('end', input) }),
|
|
44
|
+
};
|
|
45
|
+
this.#keydown = { start: (event) => this.#key('start', event), end: (event) => this.#key('end', event) };
|
|
46
|
+
this.#blur = { start: () => this.#commitOrCancel('start'), end: () => this.#commitOrCancel('end') };
|
|
47
|
+
this.#focus = { start: () => { this.handleEvent({ type: 'focus', endpoint: 'start' }); }, end: () => { this.handleEvent({ type: 'focus', endpoint: 'end' }); } };
|
|
48
|
+
for (const endpoint of ['start', 'end']) {
|
|
49
|
+
const input = this.#input(endpoint);
|
|
50
|
+
input.addEventListener('keydown', this.#keydown[endpoint]);
|
|
51
|
+
input.addEventListener('blur', this.#blur[endpoint]);
|
|
52
|
+
input.addEventListener('focus', this.#focus[endpoint]);
|
|
53
|
+
}
|
|
54
|
+
this.refresh();
|
|
55
|
+
}
|
|
56
|
+
getSnapshot() { return this.#runtime.getSnapshot(); }
|
|
57
|
+
getValue() { return this.getSnapshot().state.value; }
|
|
58
|
+
syncControlledValues(values) {
|
|
59
|
+
if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.start !== (values.startInputState !== undefined) || this.#controlled.end !== (values.endInputState !== undefined))
|
|
60
|
+
return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled date range field values must preserve their construction-time shape.' } };
|
|
61
|
+
const current = this.getSnapshot().state;
|
|
62
|
+
const value = this.#controlled.value ? values.value : current.value;
|
|
63
|
+
const result = this.#runtime.replace(tryCreateDateRangeFieldState({ value, ...optionalInputState('startInputState', this.#controlled.start ? values.startInputState : current.start.inputState), ...optionalInputState('endInputState', this.#controlled.end ? values.endInputState : current.end.inputState), active: current.active }));
|
|
64
|
+
if (result.ok) {
|
|
65
|
+
this.refresh();
|
|
66
|
+
this.#options.onUpdate?.();
|
|
67
|
+
}
|
|
68
|
+
return result;
|
|
69
|
+
}
|
|
70
|
+
handleEvent(event) { const result = this.#runtime.handle(event); if (typeof event === 'object' && event.type === 'field')
|
|
71
|
+
setFieldValidity(this.#input(event.endpoint), result); if (result.ok) {
|
|
72
|
+
for (const command of result.commands) {
|
|
73
|
+
if (command.type === 'range-committed')
|
|
74
|
+
this.#options.onValueChange?.(command.value);
|
|
75
|
+
if (command.type === 'focus-endpoint')
|
|
76
|
+
this.#input(command.endpoint).focus();
|
|
77
|
+
}
|
|
78
|
+
this.refresh();
|
|
79
|
+
this.#options.onUpdate?.();
|
|
80
|
+
} return result.ok; }
|
|
81
|
+
refresh() { for (const endpoint of ['start', 'end']) {
|
|
82
|
+
const input = this.#input(endpoint);
|
|
83
|
+
input.type = 'text';
|
|
84
|
+
input.inputMode = 'numeric';
|
|
85
|
+
input.placeholder = 'YYYY-MM-DD';
|
|
86
|
+
input.required = this.#options.required ?? this.#options.policies?.required ?? false;
|
|
87
|
+
setInteractionAttributes(input, this.#options, { native: true, readOnly: true });
|
|
88
|
+
const label = endpoint === 'start' ? this.#options.startLabel : this.#options.endLabel;
|
|
89
|
+
if (label !== undefined)
|
|
90
|
+
input.setAttribute('aria-label', label);
|
|
91
|
+
this.#bindings[endpoint].render();
|
|
92
|
+
} }
|
|
93
|
+
disconnect() { for (const endpoint of ['start', 'end']) {
|
|
94
|
+
const input = this.#input(endpoint);
|
|
95
|
+
this.#bindings[endpoint].disconnect();
|
|
96
|
+
input.removeEventListener('keydown', this.#keydown[endpoint]);
|
|
97
|
+
input.removeEventListener('blur', this.#blur[endpoint]);
|
|
98
|
+
input.removeEventListener('focus', this.#focus[endpoint]);
|
|
99
|
+
} }
|
|
100
|
+
#input(endpoint) { return endpoint === 'start' ? this.#options.startInput : this.#options.endInput; }
|
|
101
|
+
#text(endpoint, input) { const event = toTextEvent(input); return event !== null && this.handleEvent({ type: 'field', endpoint, event: { type: 'text', event } }); }
|
|
102
|
+
#key(endpoint, nativeEvent) { const event = nativeEvent; if (this.#bindings[endpoint].isComposing || event.isComposing)
|
|
103
|
+
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) {
|
|
104
|
+
event.preventDefault();
|
|
105
|
+
if (semantic === 'increment-segment' || semantic === 'decrement-segment')
|
|
106
|
+
this.#syncSelection(endpoint);
|
|
107
|
+
this.handleEvent(semantic === 'cancel' ? 'cancel' : { type: 'field', endpoint, event: semantic });
|
|
108
|
+
} }
|
|
109
|
+
#syncSelection(endpoint) { const input = this.#input(endpoint); const start = input.selectionStart ?? 0; const end = input.selectionEnd ?? start; const backward = input.selectionDirection === 'backward'; this.handleEvent({ type: 'field', endpoint, event: { type: 'text', event: { type: 'replace', startCodeUnitOffset: backward ? end : start, endCodeUnitOffset: backward ? end : start, text: '', selection: { anchorCodeUnitOffset: backward ? end : start, focusCodeUnitOffset: backward ? start : end } } } }); }
|
|
110
|
+
#commitOrCancel(endpoint) { if (!this.#bindings[endpoint].isComposing && !this.handleEvent({ type: 'field', endpoint, event: 'commit' }))
|
|
111
|
+
this.handleEvent({ type: 'field', endpoint, event: 'cancel' }); }
|
|
112
|
+
}
|
|
113
|
+
export { tryCreateDateRangeFieldState } from '@sectile/core/date-range-field';
|
|
114
|
+
//# sourceMappingURL=date-range-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-field.js","sourceRoot":"","sources":["../src/date-range-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { Result } from '@sectile/core';
|
|
2
|
+
import type { RevisionSnapshot } from '@sectile/core/revision';
|
|
3
|
+
import { type DateRange, type DateValue } from '@sectile/core/date-field';
|
|
4
|
+
import { type DatePickerMonthValue, type DatePickerPolicies } from '@sectile/core/date-picker';
|
|
5
|
+
import { type DateRangePickerEvent, type DateRangePickerState } from '@sectile/core/date-range-picker';
|
|
6
|
+
export type { DatePickerPolicies } from '@sectile/core/date-picker';
|
|
7
|
+
import { type FacadeConnection } from './internal/facade.js';
|
|
8
|
+
export interface DateRangePickerOptions {
|
|
9
|
+
readonly root: HTMLElement;
|
|
10
|
+
readonly grid: HTMLElement;
|
|
11
|
+
readonly trigger: HTMLElement;
|
|
12
|
+
readonly startInput?: HTMLInputElement;
|
|
13
|
+
readonly endInput?: HTMLInputElement;
|
|
14
|
+
readonly policies?: DatePickerPolicies;
|
|
15
|
+
readonly value?: DateRange | null;
|
|
16
|
+
readonly defaultValue?: DateRange | null;
|
|
17
|
+
readonly highlightedValue?: DateValue;
|
|
18
|
+
readonly defaultHighlightedValue?: DateValue;
|
|
19
|
+
readonly open?: boolean;
|
|
20
|
+
readonly defaultOpen?: boolean;
|
|
21
|
+
readonly disabled?: boolean;
|
|
22
|
+
readonly readOnly?: boolean;
|
|
23
|
+
readonly required?: boolean;
|
|
24
|
+
readonly label?: string;
|
|
25
|
+
readonly onValueChange?: (value: DateRange | null) => void;
|
|
26
|
+
readonly onHighlightedValueChange?: (value: DateValue) => void;
|
|
27
|
+
readonly onOpenChange?: (open: boolean) => void;
|
|
28
|
+
readonly onUpdate?: () => void;
|
|
29
|
+
}
|
|
30
|
+
export type DateRangePickerValueChangeHandler = NonNullable<DateRangePickerOptions['onValueChange']>;
|
|
31
|
+
export type DateRangePickerHighlightedValueChangeHandler = NonNullable<DateRangePickerOptions['onHighlightedValueChange']>;
|
|
32
|
+
export type DateRangePickerOpenChangeHandler = NonNullable<DateRangePickerOptions['onOpenChange']>;
|
|
33
|
+
export type DateRangePickerUpdateHandler = NonNullable<DateRangePickerOptions['onUpdate']>;
|
|
34
|
+
export interface DateRangePickerControlledValues {
|
|
35
|
+
readonly value?: DateRange | null;
|
|
36
|
+
readonly highlightedValue?: DateValue;
|
|
37
|
+
readonly open?: boolean;
|
|
38
|
+
}
|
|
39
|
+
export interface DateRangePickerConnection {
|
|
40
|
+
getSnapshot(): RevisionSnapshot<DateRangePickerState>;
|
|
41
|
+
getMonth(): readonly (readonly DateValue[])[];
|
|
42
|
+
getWeek(): readonly DateValue[];
|
|
43
|
+
getYear(): readonly (readonly DatePickerMonthValue[])[];
|
|
44
|
+
syncControlledValues(values: DateRangePickerControlledValues): Result<RevisionSnapshot<DateRangePickerState>>;
|
|
45
|
+
setCellAttributes(element: HTMLElement, value: DateValue): void;
|
|
46
|
+
handleEvent(event: DateRangePickerEvent): boolean;
|
|
47
|
+
refresh(): void;
|
|
48
|
+
disconnect(): void;
|
|
49
|
+
}
|
|
50
|
+
export declare function createDateRangePicker(options: DateRangePickerOptions): FacadeConnection<DateRangePickerConnection>;
|
|
51
|
+
export declare function tryCreateDateRangePicker(options: DateRangePickerOptions): Result<FacadeConnection<DateRangePickerConnection>>;
|
|
52
|
+
//# sourceMappingURL=date-range-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../src/date-range-picker.ts"],"names":[],"mappings":"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"}
|