@sectile/dom 0.1.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.
Files changed (219) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +16 -0
  3. package/dist/accordion.d.ts +36 -0
  4. package/dist/accordion.d.ts.map +1 -0
  5. package/dist/accordion.js +143 -0
  6. package/dist/accordion.js.map +1 -0
  7. package/dist/alert-dialog.d.ts +27 -0
  8. package/dist/alert-dialog.d.ts.map +1 -0
  9. package/dist/alert-dialog.js +14 -0
  10. package/dist/alert-dialog.js.map +1 -0
  11. package/dist/calendar.d.ts +92 -0
  12. package/dist/calendar.d.ts.map +1 -0
  13. package/dist/calendar.js +296 -0
  14. package/dist/calendar.js.map +1 -0
  15. package/dist/carousel.d.ts +54 -0
  16. package/dist/carousel.d.ts.map +1 -0
  17. package/dist/carousel.js +285 -0
  18. package/dist/carousel.js.map +1 -0
  19. package/dist/checkbox-group.d.ts +22 -0
  20. package/dist/checkbox-group.d.ts.map +1 -0
  21. package/dist/checkbox-group.js +32 -0
  22. package/dist/checkbox-group.js.map +1 -0
  23. package/dist/checkbox.d.ts +18 -0
  24. package/dist/checkbox.d.ts.map +1 -0
  25. package/dist/checkbox.js +12 -0
  26. package/dist/checkbox.js.map +1 -0
  27. package/dist/combobox.d.ts +120 -0
  28. package/dist/combobox.d.ts.map +1 -0
  29. package/dist/combobox.js +386 -0
  30. package/dist/combobox.js.map +1 -0
  31. package/dist/date-field.d.ts +36 -0
  32. package/dist/date-field.d.ts.map +1 -0
  33. package/dist/date-field.js +88 -0
  34. package/dist/date-field.js.map +1 -0
  35. package/dist/date-picker.d.ts +43 -0
  36. package/dist/date-picker.d.ts.map +1 -0
  37. package/dist/date-picker.js +118 -0
  38. package/dist/date-picker.js.map +1 -0
  39. package/dist/date-range-picker.d.ts +45 -0
  40. package/dist/date-range-picker.d.ts.map +1 -0
  41. package/dist/date-range-picker.js +64 -0
  42. package/dist/date-range-picker.js.map +1 -0
  43. package/dist/date-time-field.d.ts +36 -0
  44. package/dist/date-time-field.d.ts.map +1 -0
  45. package/dist/date-time-field.js +163 -0
  46. package/dist/date-time-field.js.map +1 -0
  47. package/dist/date-time-picker.d.ts +45 -0
  48. package/dist/date-time-picker.d.ts.map +1 -0
  49. package/dist/date-time-picker.js +259 -0
  50. package/dist/date-time-picker.js.map +1 -0
  51. package/dist/date-time-range-picker.d.ts +47 -0
  52. package/dist/date-time-range-picker.d.ts.map +1 -0
  53. package/dist/date-time-range-picker.js +269 -0
  54. package/dist/date-time-range-picker.js.map +1 -0
  55. package/dist/dialog.d.ts +27 -0
  56. package/dist/dialog.d.ts.map +1 -0
  57. package/dist/dialog.js +15 -0
  58. package/dist/dialog.js.map +1 -0
  59. package/dist/disclosure.d.ts +24 -0
  60. package/dist/disclosure.d.ts.map +1 -0
  61. package/dist/disclosure.js +74 -0
  62. package/dist/disclosure.js.map +1 -0
  63. package/dist/feed.d.ts +33 -0
  64. package/dist/feed.d.ts.map +1 -0
  65. package/dist/feed.js +68 -0
  66. package/dist/feed.js.map +1 -0
  67. package/dist/grid.d.ts +43 -0
  68. package/dist/grid.d.ts.map +1 -0
  69. package/dist/grid.js +165 -0
  70. package/dist/grid.js.map +1 -0
  71. package/dist/index.d.ts +45 -0
  72. package/dist/index.d.ts.map +1 -0
  73. package/dist/index.js +44 -0
  74. package/dist/index.js.map +1 -0
  75. package/dist/internal/checked-control.d.ts +28 -0
  76. package/dist/internal/checked-control.d.ts.map +1 -0
  77. package/dist/internal/checked-control.js +45 -0
  78. package/dist/internal/checked-control.js.map +1 -0
  79. package/dist/internal/controller.d.ts +6 -0
  80. package/dist/internal/controller.d.ts.map +1 -0
  81. package/dist/internal/controller.js +35 -0
  82. package/dist/internal/controller.js.map +1 -0
  83. package/dist/internal/delegated-event.d.ts +2 -0
  84. package/dist/internal/delegated-event.d.ts.map +1 -0
  85. package/dist/internal/delegated-event.js +11 -0
  86. package/dist/internal/delegated-event.js.map +1 -0
  87. package/dist/internal/disabled-items.d.ts +6 -0
  88. package/dist/internal/disabled-items.d.ts.map +1 -0
  89. package/dist/internal/disabled-items.js +15 -0
  90. package/dist/internal/disabled-items.js.map +1 -0
  91. package/dist/internal/facade.d.ts +44 -0
  92. package/dist/internal/facade.d.ts.map +1 -0
  93. package/dist/internal/facade.js +58 -0
  94. package/dist/internal/facade.js.map +1 -0
  95. package/dist/internal/interaction.d.ts +14 -0
  96. package/dist/internal/interaction.d.ts.map +1 -0
  97. package/dist/internal/interaction.js +25 -0
  98. package/dist/internal/interaction.js.map +1 -0
  99. package/dist/internal/menu-control.d.ts +38 -0
  100. package/dist/internal/menu-control.d.ts.map +1 -0
  101. package/dist/internal/menu-control.js +251 -0
  102. package/dist/internal/menu-control.js.map +1 -0
  103. package/dist/internal/popup-control.d.ts +39 -0
  104. package/dist/internal/popup-control.d.ts.map +1 -0
  105. package/dist/internal/popup-control.js +140 -0
  106. package/dist/internal/popup-control.js.map +1 -0
  107. package/dist/internal/semantic-controller.d.ts +20 -0
  108. package/dist/internal/semantic-controller.d.ts.map +1 -0
  109. package/dist/internal/semantic-controller.js +42 -0
  110. package/dist/internal/semantic-controller.js.map +1 -0
  111. package/dist/internal/text-element.d.ts +16 -0
  112. package/dist/internal/text-element.d.ts.map +1 -0
  113. package/dist/internal/text-element.js +215 -0
  114. package/dist/internal/text-element.js.map +1 -0
  115. package/dist/listbox.d.ts +103 -0
  116. package/dist/listbox.d.ts.map +1 -0
  117. package/dist/listbox.js +416 -0
  118. package/dist/listbox.js.map +1 -0
  119. package/dist/menu-button.d.ts +10 -0
  120. package/dist/menu-button.d.ts.map +1 -0
  121. package/dist/menu-button.js +11 -0
  122. package/dist/menu-button.js.map +1 -0
  123. package/dist/menu.d.ts +8 -0
  124. package/dist/menu.d.ts.map +1 -0
  125. package/dist/menu.js +11 -0
  126. package/dist/menu.js.map +1 -0
  127. package/dist/menubar.d.ts +8 -0
  128. package/dist/menubar.d.ts.map +1 -0
  129. package/dist/menubar.js +11 -0
  130. package/dist/menubar.js.map +1 -0
  131. package/dist/multi-thumb-slider.d.ts +38 -0
  132. package/dist/multi-thumb-slider.d.ts.map +1 -0
  133. package/dist/multi-thumb-slider.js +190 -0
  134. package/dist/multi-thumb-slider.js.map +1 -0
  135. package/dist/number-field.d.ts +45 -0
  136. package/dist/number-field.d.ts.map +1 -0
  137. package/dist/number-field.js +136 -0
  138. package/dist/number-field.js.map +1 -0
  139. package/dist/pagination.d.ts +39 -0
  140. package/dist/pagination.d.ts.map +1 -0
  141. package/dist/pagination.js +169 -0
  142. package/dist/pagination.js.map +1 -0
  143. package/dist/pin-input.d.ts +27 -0
  144. package/dist/pin-input.d.ts.map +1 -0
  145. package/dist/pin-input.js +76 -0
  146. package/dist/pin-input.js.map +1 -0
  147. package/dist/quantity-field.d.ts +46 -0
  148. package/dist/quantity-field.d.ts.map +1 -0
  149. package/dist/quantity-field.js +172 -0
  150. package/dist/quantity-field.js.map +1 -0
  151. package/dist/radio-group.d.ts +40 -0
  152. package/dist/radio-group.d.ts.map +1 -0
  153. package/dist/radio-group.js +172 -0
  154. package/dist/radio-group.js.map +1 -0
  155. package/dist/rating.d.ts +22 -0
  156. package/dist/rating.d.ts.map +1 -0
  157. package/dist/rating.js +38 -0
  158. package/dist/rating.js.map +1 -0
  159. package/dist/select.d.ts +45 -0
  160. package/dist/select.d.ts.map +1 -0
  161. package/dist/select.js +87 -0
  162. package/dist/select.js.map +1 -0
  163. package/dist/slider.d.ts +73 -0
  164. package/dist/slider.d.ts.map +1 -0
  165. package/dist/slider.js +265 -0
  166. package/dist/slider.js.map +1 -0
  167. package/dist/spin-button.d.ts +41 -0
  168. package/dist/spin-button.d.ts.map +1 -0
  169. package/dist/spin-button.js +127 -0
  170. package/dist/spin-button.js.map +1 -0
  171. package/dist/stepper.d.ts +24 -0
  172. package/dist/stepper.d.ts.map +1 -0
  173. package/dist/stepper.js +32 -0
  174. package/dist/stepper.js.map +1 -0
  175. package/dist/switch.d.ts +16 -0
  176. package/dist/switch.d.ts.map +1 -0
  177. package/dist/switch.js +12 -0
  178. package/dist/switch.js.map +1 -0
  179. package/dist/tabs.d.ts +55 -0
  180. package/dist/tabs.d.ts.map +1 -0
  181. package/dist/tabs.js +193 -0
  182. package/dist/tabs.js.map +1 -0
  183. package/dist/tags-input.d.ts +32 -0
  184. package/dist/tags-input.d.ts.map +1 -0
  185. package/dist/tags-input.js +94 -0
  186. package/dist/tags-input.js.map +1 -0
  187. package/dist/text.d.ts +80 -0
  188. package/dist/text.d.ts.map +1 -0
  189. package/dist/text.js +203 -0
  190. package/dist/text.js.map +1 -0
  191. package/dist/time-field.d.ts +36 -0
  192. package/dist/time-field.d.ts.map +1 -0
  193. package/dist/time-field.js +57 -0
  194. package/dist/time-field.js.map +1 -0
  195. package/dist/toggle-button.d.ts +16 -0
  196. package/dist/toggle-button.d.ts.map +1 -0
  197. package/dist/toggle-button.js +12 -0
  198. package/dist/toggle-button.js.map +1 -0
  199. package/dist/toolbar.d.ts +37 -0
  200. package/dist/toolbar.d.ts.map +1 -0
  201. package/dist/toolbar.js +148 -0
  202. package/dist/toolbar.js.map +1 -0
  203. package/dist/tooltip.d.ts +18 -0
  204. package/dist/tooltip.d.ts.map +1 -0
  205. package/dist/tooltip.js +14 -0
  206. package/dist/tooltip.js.map +1 -0
  207. package/dist/tree-grid.d.ts +122 -0
  208. package/dist/tree-grid.d.ts.map +1 -0
  209. package/dist/tree-grid.js +449 -0
  210. package/dist/tree-grid.js.map +1 -0
  211. package/dist/tree-view.d.ts +92 -0
  212. package/dist/tree-view.d.ts.map +1 -0
  213. package/dist/tree-view.js +309 -0
  214. package/dist/tree-view.js.map +1 -0
  215. package/dist/window-splitter.d.ts +8 -0
  216. package/dist/window-splitter.d.ts.map +1 -0
  217. package/dist/window-splitter.js +13 -0
  218. package/dist/window-splitter.js.map +1 -0
  219. package/package.json +256 -0
@@ -0,0 +1,118 @@
1
+ import { unwrap } from '@sectile/core/result';
2
+ import { compareDateValues } from '@sectile/core/date-field';
3
+ import { applyDatePickerEvent, createDatePickerMonth, createDatePickerState, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
4
+ import { createFacadeConnection } from './internal/facade.js';
5
+ import { createSemanticController } from './internal/semantic-controller.js';
6
+ import { setInteractionAttributes } from './internal/interaction.js';
7
+ import { createDateField } from './date-field.js';
8
+ export function createDatePicker(options) { return unwrap(tryCreateDatePicker(options)); }
9
+ export function tryCreateDatePicker(options) { return createFacadeConnection(options, construct); }
10
+ function construct(options) {
11
+ const controls = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined };
12
+ const requestedValue = controls.value ? options.value : options.defaultValue;
13
+ const requestedHighlight = controls.highlighted ? options.highlightedValue : options.defaultHighlightedValue;
14
+ const requestedOpen = controls.open ? options.open : options.defaultOpen;
15
+ const initial = createDatePickerState({ ...(requestedValue === undefined ? {} : { value: requestedValue }), ...(requestedHighlight === undefined ? {} : { highlighted: requestedHighlight }), ...(requestedOpen === undefined ? {} : { open: requestedOpen }) });
16
+ const runtime = createSemanticController({ initial, reducer: (state, event) => applyDatePickerEvent(state, event, { ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) }), reconcile: (previous, proposed) => createDatePickerState({ 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 }), notify: (previous, proposed) => { if (compareNullable(previous.value, proposed.value) !== 0)
17
+ options.onValueChange?.(proposed.value); if (compareDateValues(previous.highlighted, proposed.highlighted) !== 0)
18
+ options.onHighlightedValueChange?.(proposed.highlighted); if (previous.open !== proposed.open)
19
+ options.onOpenChange?.(proposed.open); }, toEffect: (command) => command, interaction: options });
20
+ return runtime.ok ? { ok: true, value: new DOMDatePicker(options, runtime.value, controls) } : runtime;
21
+ }
22
+ class DOMDatePicker {
23
+ options;
24
+ runtime;
25
+ controls;
26
+ #field;
27
+ #syncingField = false;
28
+ #trigger = () => { this.handleEvent('toggle'); };
29
+ #keydown = (event) => { const semantic = keyEvent(event); if (semantic !== null) {
30
+ event.preventDefault();
31
+ this.handleEvent(semantic);
32
+ } };
33
+ #click = (event) => { const target = event.target instanceof Element ? event.target.closest('[data-date-picker-id]') : null; if (target !== null && this.options.grid.contains(target)) {
34
+ const parsed = target.dataset['datePickerId']?.split('-').map(Number);
35
+ if (parsed?.length === 3)
36
+ this.handleEvent({ type: 'select', value: { year: parsed[0], month: parsed[1], day: parsed[2] } });
37
+ } };
38
+ constructor(options, runtime, controls) {
39
+ this.options = options;
40
+ this.runtime = runtime;
41
+ this.controls = controls;
42
+ this.#field = options.input === undefined ? null : createDateField({
43
+ input: options.input,
44
+ defaultValue: runtime.getSnapshot().state.value,
45
+ policies: {
46
+ ...(options.policies?.min === undefined ? {} : { min: options.policies.min }),
47
+ ...(options.policies?.max === undefined ? {} : { max: options.policies.max }),
48
+ ...(options.policies?.unavailable === undefined ? {} : { unavailable: options.policies.unavailable }),
49
+ },
50
+ ...(options.disabled === undefined ? {} : { disabled: options.disabled }),
51
+ ...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
52
+ ...(options.required === undefined ? {} : { required: options.required }),
53
+ ...(options.label === undefined ? {} : { label: options.label }),
54
+ onValueChange: (value) => {
55
+ if (!this.#syncingField)
56
+ this.handleEvent({ type: 'set-value', value });
57
+ },
58
+ });
59
+ options.trigger.addEventListener('click', this.#trigger);
60
+ options.grid.addEventListener('keydown', this.#keydown);
61
+ options.grid.addEventListener('click', this.#click);
62
+ options.root.setAttribute('role', 'dialog');
63
+ options.root.setAttribute('aria-modal', 'false');
64
+ options.grid.setAttribute('role', 'grid');
65
+ setInteractionAttributes(options.trigger, options, { native: true });
66
+ setInteractionAttributes(options.grid, options);
67
+ this.refresh();
68
+ }
69
+ getSnapshot() { return this.runtime.getSnapshot(); }
70
+ getMonth() { return unwrap(createDatePickerMonth(this.getSnapshot().state.view, this.options.policies?.weekStartsOn)); }
71
+ syncControlledValues(values) { if (this.controls.value !== (values.value !== undefined) || this.controls.highlighted !== (values.highlightedValue !== undefined) || this.controls.open !== (values.open !== undefined))
72
+ 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(createDatePickerState({ value: this.controls.value ? values.value : state.value, highlighted, view: { year: highlighted.year, month: highlighted.month }, open: this.controls.open ? values.open : state.open })); if (result.ok) {
73
+ this.refresh();
74
+ this.options.onUpdate?.();
75
+ } return result; }
76
+ 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)); element.setAttribute('aria-disabled', String(!available)); element.tabIndex = compareDateValues(state.highlighted, value) === 0 ? 0 : -1; }
77
+ handleEvent(event) { const result = this.runtime.handle(event); if (result.ok) {
78
+ this.refresh();
79
+ this.options.onUpdate?.();
80
+ if (result.commands.some((command) => command.type === 'open-changed' && !command.open))
81
+ this.options.trigger.focus();
82
+ else if (result.commands.some((command) => command.type === 'highlight-changed'))
83
+ queueMicrotask(() => this.options.grid.querySelector('[tabindex="0"]')?.focus());
84
+ } return result.ok; }
85
+ refresh() {
86
+ const state = this.getSnapshot().state;
87
+ this.options.root.hidden = !state.open;
88
+ this.options.trigger.setAttribute('aria-haspopup', 'dialog');
89
+ this.options.trigger.setAttribute('aria-expanded', String(state.open));
90
+ if (this.options.label !== undefined)
91
+ this.options.grid.setAttribute('aria-label', this.options.label);
92
+ if (this.#field !== null && compareNullable(this.#field.getValue(), state.value) !== 0) {
93
+ this.#syncingField = true;
94
+ this.#field.handleEvent({ type: 'set-value', value: state.value });
95
+ this.#syncingField = false;
96
+ }
97
+ }
98
+ disconnect() {
99
+ this.#field?.disconnect();
100
+ this.options.trigger.removeEventListener('click', this.#trigger);
101
+ this.options.grid.removeEventListener('keydown', this.#keydown);
102
+ this.options.grid.removeEventListener('click', this.#click);
103
+ }
104
+ }
105
+ function keyEvent(event) { if (event.altKey || event.ctrlKey || event.metaKey)
106
+ return null; if (event.key === 'ArrowLeft')
107
+ return 'previous-day'; if (event.key === 'ArrowRight')
108
+ return 'next-day'; if (event.key === 'ArrowUp')
109
+ return 'previous-week'; if (event.key === 'ArrowDown')
110
+ return 'next-week'; if (event.key === 'Home')
111
+ return 'start-of-week'; if (event.key === 'End')
112
+ return 'end-of-week'; if (event.key === 'PageUp')
113
+ return event.shiftKey ? 'previous-year' : 'previous-month'; if (event.key === 'PageDown')
114
+ return event.shiftKey ? 'next-year' : 'next-month'; if (event.key === 'Enter' || event.key === ' ')
115
+ return 'select-highlighted'; if (event.key === 'Escape')
116
+ return 'close'; return null; }
117
+ function compareNullable(left, right) { return left === null ? right === null ? 0 : -1 : right === null ? 1 : compareDateValues(left, right); }
118
+ //# sourceMappingURL=date-picker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../src/date-picker.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
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 DatePickerPolicies } from '@sectile/core/date-picker';
5
+ import { type DateRangePickerEvent, type DateRangePickerState } from '@sectile/core/date-range-picker';
6
+ import { type FacadeConnection } from './internal/facade.js';
7
+ export interface DateRangePickerOptions {
8
+ readonly root: HTMLElement;
9
+ readonly grid: HTMLElement;
10
+ readonly trigger: HTMLElement;
11
+ readonly startInput?: HTMLInputElement;
12
+ readonly endInput?: HTMLInputElement;
13
+ readonly policies?: DatePickerPolicies;
14
+ readonly value?: DateRange | null;
15
+ readonly defaultValue?: DateRange | null;
16
+ readonly highlightedValue?: DateValue;
17
+ readonly defaultHighlightedValue?: DateValue;
18
+ readonly open?: boolean;
19
+ readonly defaultOpen?: boolean;
20
+ readonly disabled?: boolean;
21
+ readonly readOnly?: boolean;
22
+ readonly required?: boolean;
23
+ readonly label?: string;
24
+ readonly onValueChange?: (value: DateRange | null) => void;
25
+ readonly onHighlightedValueChange?: (value: DateValue) => void;
26
+ readonly onOpenChange?: (open: boolean) => void;
27
+ readonly onUpdate?: () => void;
28
+ }
29
+ export interface DateRangePickerControlledValues {
30
+ readonly value?: DateRange | null;
31
+ readonly highlightedValue?: DateValue;
32
+ readonly open?: boolean;
33
+ }
34
+ export interface DateRangePickerConnection {
35
+ getSnapshot(): RevisionSnapshot<DateRangePickerState>;
36
+ getMonth(): readonly (readonly DateValue[])[];
37
+ syncControlledValues(values: DateRangePickerControlledValues): Result<RevisionSnapshot<DateRangePickerState>>;
38
+ setCellAttributes(element: HTMLElement, value: DateValue): void;
39
+ handleEvent(event: DateRangePickerEvent): boolean;
40
+ refresh(): void;
41
+ disconnect(): void;
42
+ }
43
+ export declare function createDateRangePicker(options: DateRangePickerOptions): FacadeConnection<DateRangePickerConnection>;
44
+ export declare function tryCreateDateRangePicker(options: DateRangePickerOptions): Result<FacadeConnection<DateRangePickerConnection>>;
45
+ //# 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":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAyD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACjI,OAAO,EAAyF,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3J,OAAO,EAAsF,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3L,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIrF,MAAM,WAAW,sBAAsB;IAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AAChxB,MAAM,WAAW,+BAA+B;IAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;CAAE;AACvJ,MAAM,WAAW,yBAAyB;IAAG,WAAW,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;IAAC,QAAQ,IAAI,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE,+BAA+B,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,oBAAoB,GAAG,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAC;CAAE;AAC5Z,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAAsD;AACzK,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC,CAAuD"}
@@ -0,0 +1,64 @@
1
+ import { unwrap } from '@sectile/core/result';
2
+ import { compareDateValues, dateRangeContains, formatDateValue } from '@sectile/core/date-field';
3
+ import { createDatePickerMonth, datePickerID, isDatePickerValueAvailable } from '@sectile/core/date-picker';
4
+ import { applyDateRangePickerEvent, createDateRangePickerState } from '@sectile/core/date-range-picker';
5
+ import { createFacadeConnection } from './internal/facade.js';
6
+ import { createSemanticController } from './internal/semantic-controller.js';
7
+ import { setInteractionAttributes } from './internal/interaction.js';
8
+ export function createDateRangePicker(options) { return unwrap(tryCreateDateRangePicker(options)); }
9
+ export function tryCreateDateRangePicker(options) { return createFacadeConnection(options, construct); }
10
+ 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 = createDateRangePickerState({ ...(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) => createDateRangePickerState({ 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))
11
+ options.onValueChange?.(proposed.value); if (compareDateValues(previous.calendar.highlighted, proposed.calendar.highlighted) !== 0)
12
+ options.onHighlightedValueChange?.(proposed.calendar.highlighted); if (previous.calendar.open !== proposed.calendar.open)
13
+ options.onOpenChange?.(proposed.calendar.open); }, toEffect: (command) => command, interaction: options }); return runtime.ok ? { ok: true, value: new DOMDateRangePicker(options, runtime.value, controls) } : runtime; }
14
+ class DOMDateRangePicker {
15
+ options;
16
+ runtime;
17
+ controls;
18
+ #trigger = () => { this.handleEvent('toggle'); };
19
+ #keydown = (event) => { const semantic = keyEvent(event); if (semantic !== null) {
20
+ event.preventDefault();
21
+ this.handleEvent(semantic);
22
+ } };
23
+ #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)
24
+ this.handleEvent({ type: 'select', value: { year: parts[0], month: parts[1], day: parts[2] } }); };
25
+ constructor(options, runtime, controls) { this.options = options; this.runtime = runtime; this.controls = controls; 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(); }
26
+ getSnapshot() { return this.runtime.getSnapshot(); }
27
+ getMonth() { const state = this.getSnapshot().state.calendar; return unwrap(createDatePickerMonth(state.view, this.options.policies?.weekStartsOn)); }
28
+ syncControlledValues(values) { if (this.controls.value !== (values.value !== undefined) || this.controls.highlighted !== (values.highlightedValue !== undefined) || this.controls.open !== (values.open !== undefined))
29
+ 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(createDateRangePickerState({ value: this.controls.value ? values.value : state.value, anchor: state.anchor, calendar: { highlighted, view: { year: highlighted.year, month: highlighted.month }, open: this.controls.open ? values.open : state.calendar.open } })); if (result.ok) {
30
+ this.refresh();
31
+ this.options.onUpdate?.();
32
+ } return result; }
33
+ 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))); element.setAttribute('aria-disabled', String(!isDatePickerValueAvailable(value, this.options.policies))); element.tabIndex = compareDateValues(state.calendar.highlighted, value) === 0 ? 0 : -1; }
34
+ handleEvent(event) { const result = this.runtime.handle(event); if (result.ok) {
35
+ this.refresh();
36
+ this.options.onUpdate?.();
37
+ if (result.commands.some((command) => command.type === 'open-changed' && !command.open))
38
+ this.options.trigger.focus();
39
+ else if (result.commands.some((command) => command.type === 'highlight-changed'))
40
+ queueMicrotask(() => this.options.grid.querySelector('[tabindex="0"]')?.focus());
41
+ } return result.ok; }
42
+ 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)
43
+ 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]])
44
+ if (input !== undefined) {
45
+ input.value = value === undefined ? '' : formatDateValue(value);
46
+ input.readOnly = true;
47
+ setInteractionAttributes(input, this.options, { native: true, readOnly: true });
48
+ } }
49
+ disconnect() { this.options.trigger.removeEventListener('click', this.#trigger); this.options.grid.removeEventListener('keydown', this.#keydown); this.options.grid.removeEventListener('click', this.#click); }
50
+ }
51
+ function keyEvent(event) { if (event.altKey || event.ctrlKey || event.metaKey)
52
+ return null; if (event.key === 'ArrowLeft')
53
+ return 'previous-day'; if (event.key === 'ArrowRight')
54
+ return 'next-day'; if (event.key === 'ArrowUp')
55
+ return 'previous-week'; if (event.key === 'ArrowDown')
56
+ return 'next-week'; if (event.key === 'Home')
57
+ return 'start-of-week'; if (event.key === 'End')
58
+ return 'end-of-week'; if (event.key === 'PageUp')
59
+ return event.shiftKey ? 'previous-year' : 'previous-month'; if (event.key === 'PageDown')
60
+ return event.shiftKey ? 'next-year' : 'next-month'; if (event.key === 'Enter' || event.key === ' ')
61
+ return 'select-highlighted'; if (event.key === 'Escape')
62
+ return 'close'; return null; }
63
+ function rangeKey(value) { return value === null ? '' : `${formatDateValue(value.start)}/${formatDateValue(value.end)}`; }
64
+ //# sourceMappingURL=date-range-picker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../src/date-range-picker.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,36 @@
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 DateTimeFieldEvent, type DateTimeFieldPolicies, type DateTimeFieldState, type DateTimeValue } from '@sectile/core/date-time-field';
5
+ import { type FacadeConnection } from './internal/facade.js';
6
+ export interface DateTimeFieldOptions {
7
+ readonly input: HTMLInputElement;
8
+ readonly policies?: DateTimeFieldPolicies;
9
+ readonly value?: DateTimeValue | null;
10
+ readonly defaultValue?: DateTimeValue | null;
11
+ readonly inputState?: TextEditingState;
12
+ readonly defaultInputState?: TextEditingState;
13
+ readonly disabled?: boolean;
14
+ readonly readOnly?: boolean;
15
+ readonly required?: boolean;
16
+ readonly label?: string;
17
+ readonly onValueChange?: (value: DateTimeValue | null) => void;
18
+ readonly onInputStateChange?: (value: TextEditingState, previousValue: TextEditingState) => void;
19
+ readonly onUpdate?: () => void;
20
+ }
21
+ export interface DateTimeFieldControlledValues {
22
+ readonly value?: DateTimeValue | null;
23
+ readonly inputState?: TextEditingState;
24
+ }
25
+ export interface DateTimeFieldConnection {
26
+ getSnapshot(): RevisionSnapshot<DateTimeFieldState>;
27
+ getText(): string;
28
+ getValue(): DateTimeValue | null;
29
+ syncControlledValues(values: DateTimeFieldControlledValues): Result<RevisionSnapshot<DateTimeFieldState>>;
30
+ handleEvent(event: DateTimeFieldEvent): boolean;
31
+ refresh(): void;
32
+ disconnect(): void;
33
+ }
34
+ export declare function createDateTimeField(options: DateTimeFieldOptions): FacadeConnection<DateTimeFieldConnection>;
35
+ export declare function tryCreateDateTimeField(options: DateTimeFieldOptions): Result<FacadeConnection<DateTimeFieldConnection>>;
36
+ //# sourceMappingURL=date-time-field.d.ts.map
@@ -0,0 +1 @@
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,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,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,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"}
@@ -0,0 +1,163 @@
1
+ import { unwrap } from '@sectile/core/result';
2
+ import { applyDateTimeFieldEvent, createDateTimeFieldState, } from '@sectile/core/date-time-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 function createDateTimeField(options) {
9
+ return unwrap(tryCreateDateTimeField(options));
10
+ }
11
+ export function tryCreateDateTimeField(options) {
12
+ return createFacadeConnection(options, construct);
13
+ }
14
+ function construct(options) {
15
+ const valueControlled = options.value !== undefined;
16
+ const inputControlled = options.inputState !== undefined;
17
+ const policies = Object.freeze({
18
+ ...options.policies,
19
+ ...(options.required === undefined ? {} : { required: options.required }),
20
+ });
21
+ const runtime = createSemanticController({
22
+ initial: createDateTimeFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState),
23
+ reducer: (state, event) => applyDateTimeFieldEvent(state, event, policies),
24
+ reconcile: (previous, proposed) => createDateTimeFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState),
25
+ notify: (previous, proposed) => {
26
+ if (JSON.stringify(previous.inputState) !== JSON.stringify(proposed.inputState)) {
27
+ options.onInputStateChange?.(proposed.inputState, previous.inputState);
28
+ }
29
+ },
30
+ toEffect: (command) => command,
31
+ interaction: options,
32
+ });
33
+ return runtime.ok
34
+ ? { ok: true, value: new DOMDateTimeField(options, runtime.value, valueControlled, inputControlled) }
35
+ : runtime;
36
+ }
37
+ class DOMDateTimeField {
38
+ options;
39
+ runtime;
40
+ valueControlled;
41
+ inputControlled;
42
+ #binding;
43
+ #keydown = (event) => {
44
+ if (this.#binding.isComposing || event.isComposing)
45
+ return;
46
+ const semantic = event.key === 'ArrowUp'
47
+ ? 'increment-segment'
48
+ : event.key === 'ArrowDown'
49
+ ? 'decrement-segment'
50
+ : event.key === 'Enter'
51
+ ? 'commit'
52
+ : event.key === 'Escape'
53
+ ? 'cancel'
54
+ : null;
55
+ if (semantic === null)
56
+ return;
57
+ event.preventDefault();
58
+ if (semantic === 'increment-segment' || semantic === 'decrement-segment') {
59
+ this.#syncSelection();
60
+ }
61
+ this.handleEvent(semantic);
62
+ };
63
+ #blur = () => {
64
+ if (!this.#binding.isComposing && !this.handleEvent('commit'))
65
+ this.handleEvent('cancel');
66
+ };
67
+ constructor(options, runtime, valueControlled, inputControlled) {
68
+ this.options = options;
69
+ this.runtime = runtime;
70
+ this.valueControlled = valueControlled;
71
+ this.inputControlled = inputControlled;
72
+ this.#binding = new DOMTextElementBinding({
73
+ element: options.input,
74
+ getState: () => this.getSnapshot().state.inputState,
75
+ dispatch: (input) => this.#text(input),
76
+ });
77
+ options.input.addEventListener('keydown', this.#keydown);
78
+ options.input.addEventListener('blur', this.#blur);
79
+ this.refresh();
80
+ }
81
+ getSnapshot() {
82
+ return this.runtime.getSnapshot();
83
+ }
84
+ getText() {
85
+ return this.getSnapshot().state.inputState.snapshot.text;
86
+ }
87
+ getValue() {
88
+ return this.getSnapshot().state.value;
89
+ }
90
+ syncControlledValues(values) {
91
+ if (this.valueControlled !== (values.value !== undefined)
92
+ || this.inputControlled !== (values.inputState !== undefined)) {
93
+ return {
94
+ ok: false,
95
+ error: {
96
+ class: 'construction',
97
+ code: 'controlled-shape-mismatch',
98
+ message: 'Controlled date-time field values must preserve their construction-time shape.',
99
+ },
100
+ };
101
+ }
102
+ const state = this.getSnapshot().state;
103
+ const result = this.runtime.replace(createDateTimeFieldState(this.valueControlled ? values.value : state.value, this.inputControlled ? values.inputState : state.inputState));
104
+ if (result.ok) {
105
+ this.refresh();
106
+ this.options.onUpdate?.();
107
+ }
108
+ return result;
109
+ }
110
+ handleEvent(event) {
111
+ const result = this.runtime.handle(event);
112
+ setFieldValidity(this.options.input, result);
113
+ if (result.ok) {
114
+ for (const command of result.commands) {
115
+ if (command.type === 'value-committed')
116
+ this.options.onValueChange?.(command.value);
117
+ }
118
+ this.refresh();
119
+ this.options.onUpdate?.();
120
+ }
121
+ return result.ok;
122
+ }
123
+ refresh() {
124
+ const input = this.options.input;
125
+ input.type = 'text';
126
+ input.inputMode = 'text';
127
+ input.placeholder = 'YYYY-MM-DDTHH:mm';
128
+ input.required = this.options.required ?? this.options.policies?.required ?? false;
129
+ setInteractionAttributes(input, this.options, { native: true, readOnly: true });
130
+ if (this.options.label !== undefined)
131
+ input.setAttribute('aria-label', this.options.label);
132
+ this.#binding.render();
133
+ }
134
+ disconnect() {
135
+ this.#binding.disconnect();
136
+ this.options.input.removeEventListener('keydown', this.#keydown);
137
+ this.options.input.removeEventListener('blur', this.#blur);
138
+ }
139
+ #text(input) {
140
+ const event = toTextEvent(input);
141
+ return event !== null && this.handleEvent({ type: 'text', event });
142
+ }
143
+ #syncSelection() {
144
+ const input = this.options.input;
145
+ const start = input.selectionStart ?? 0;
146
+ const end = input.selectionEnd ?? start;
147
+ const backward = input.selectionDirection === 'backward';
148
+ this.handleEvent({
149
+ type: 'text',
150
+ event: {
151
+ type: 'replace',
152
+ startCodeUnitOffset: backward ? end : start,
153
+ endCodeUnitOffset: backward ? end : start,
154
+ text: '',
155
+ selection: {
156
+ anchorCodeUnitOffset: backward ? end : start,
157
+ focusCodeUnitOffset: backward ? start : end,
158
+ },
159
+ },
160
+ });
161
+ }
162
+ }
163
+ //# sourceMappingURL=date-time-field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-time-field.js","sourceRoot":"","sources":["../src/date-time-field.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
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 DateTimeValue } from '@sectile/core/date-time-field';
5
+ import { type DateTimePickerEvent, type DateTimePickerPolicies, type DateTimePickerState } from '@sectile/core/date-time-picker';
6
+ import { type FacadeConnection } from './internal/facade.js';
7
+ export interface DateTimePickerOptions {
8
+ readonly root: HTMLElement;
9
+ readonly grid: HTMLElement;
10
+ readonly trigger: HTMLElement;
11
+ readonly input?: HTMLInputElement;
12
+ readonly timeInput?: HTMLInputElement;
13
+ readonly policies?: DateTimePickerPolicies;
14
+ readonly value?: DateTimeValue | null;
15
+ readonly defaultValue?: DateTimeValue | null;
16
+ readonly highlightedValue?: DateValue;
17
+ readonly defaultHighlightedValue?: DateValue;
18
+ readonly open?: boolean;
19
+ readonly defaultOpen?: boolean;
20
+ readonly disabled?: boolean;
21
+ readonly readOnly?: boolean;
22
+ readonly required?: boolean;
23
+ readonly label?: string;
24
+ readonly onValueChange?: (value: DateTimeValue | null) => void;
25
+ readonly onHighlightedValueChange?: (value: DateValue) => void;
26
+ readonly onOpenChange?: (open: boolean) => void;
27
+ readonly onUpdate?: () => void;
28
+ }
29
+ export interface DateTimePickerControlledValues {
30
+ readonly value?: DateTimeValue | null;
31
+ readonly highlightedValue?: DateValue;
32
+ readonly open?: boolean;
33
+ }
34
+ export interface DateTimePickerConnection {
35
+ getSnapshot(): RevisionSnapshot<DateTimePickerState>;
36
+ getMonth(): readonly (readonly DateValue[])[];
37
+ syncControlledValues(values: DateTimePickerControlledValues): Result<RevisionSnapshot<DateTimePickerState>>;
38
+ setCellAttributes(element: HTMLElement, value: DateValue): void;
39
+ handleEvent(event: DateTimePickerEvent): boolean;
40
+ refresh(): void;
41
+ disconnect(): void;
42
+ }
43
+ export declare function createDateTimePicker(options: DateTimePickerOptions): FacadeConnection<DateTimePickerConnection>;
44
+ export declare function tryCreateDateTimePicker(options: DateTimePickerOptions): Result<FacadeConnection<DateTimePickerConnection>>;
45
+ //# sourceMappingURL=date-time-picker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../src/date-time-picker.ts"],"names":[],"mappings":"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"}