@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.
Files changed (317) hide show
  1. package/dist/accordion.d.ts +91 -0
  2. package/dist/accordion.d.ts.map +1 -0
  3. package/dist/accordion.js +289 -0
  4. package/dist/accordion.js.map +1 -0
  5. package/dist/alert-dialog.d.ts +40 -0
  6. package/dist/alert-dialog.d.ts.map +1 -0
  7. package/dist/alert-dialog.js +14 -0
  8. package/dist/alert-dialog.js.map +1 -0
  9. package/dist/calendar.d.ts +98 -0
  10. package/dist/calendar.d.ts.map +1 -0
  11. package/dist/calendar.js +296 -0
  12. package/dist/calendar.js.map +1 -0
  13. package/dist/carousel.d.ts +64 -0
  14. package/dist/carousel.d.ts.map +1 -0
  15. package/dist/carousel.js +290 -0
  16. package/dist/carousel.js.map +1 -0
  17. package/dist/cascade-select.d.ts +61 -0
  18. package/dist/cascade-select.d.ts.map +1 -0
  19. package/dist/cascade-select.js +175 -0
  20. package/dist/cascade-select.js.map +1 -0
  21. package/dist/checkbox-group.d.ts +22 -0
  22. package/dist/checkbox-group.d.ts.map +1 -0
  23. package/dist/checkbox-group.js +32 -0
  24. package/dist/checkbox-group.js.map +1 -0
  25. package/dist/checkbox.d.ts +64 -0
  26. package/dist/checkbox.d.ts.map +1 -0
  27. package/dist/checkbox.js +63 -0
  28. package/dist/checkbox.js.map +1 -0
  29. package/dist/color-picker.d.ts +54 -0
  30. package/dist/color-picker.d.ts.map +1 -0
  31. package/dist/color-picker.js +316 -0
  32. package/dist/color-picker.js.map +1 -0
  33. package/dist/combobox.d.ts +129 -0
  34. package/dist/combobox.d.ts.map +1 -0
  35. package/dist/combobox.js +397 -0
  36. package/dist/combobox.js.map +1 -0
  37. package/dist/date-field.d.ts +42 -0
  38. package/dist/date-field.d.ts.map +1 -0
  39. package/dist/date-field.js +91 -0
  40. package/dist/date-field.js.map +1 -0
  41. package/dist/date-picker.d.ts +52 -0
  42. package/dist/date-picker.d.ts.map +1 -0
  43. package/dist/date-picker.js +127 -0
  44. package/dist/date-picker.js.map +1 -0
  45. package/dist/date-range-field.d.ts +48 -0
  46. package/dist/date-range-field.d.ts.map +1 -0
  47. package/dist/date-range-field.js +114 -0
  48. package/dist/date-range-field.js.map +1 -0
  49. package/dist/date-range-picker.d.ts +52 -0
  50. package/dist/date-range-picker.d.ts.map +1 -0
  51. package/dist/date-range-picker.js +69 -0
  52. package/dist/date-range-picker.js.map +1 -0
  53. package/dist/date-time-field.d.ts +42 -0
  54. package/dist/date-time-field.d.ts.map +1 -0
  55. package/dist/date-time-field.js +166 -0
  56. package/dist/date-time-field.js.map +1 -0
  57. package/dist/date-time-picker.d.ts +54 -0
  58. package/dist/date-time-picker.d.ts.map +1 -0
  59. package/dist/date-time-picker.js +295 -0
  60. package/dist/date-time-picker.js.map +1 -0
  61. package/dist/date-time-range-picker.d.ts +57 -0
  62. package/dist/date-time-range-picker.d.ts.map +1 -0
  63. package/dist/date-time-range-picker.js +322 -0
  64. package/dist/date-time-range-picker.js.map +1 -0
  65. package/dist/dialog.d.ts +39 -0
  66. package/dist/dialog.d.ts.map +1 -0
  67. package/dist/dialog.js +15 -0
  68. package/dist/dialog.js.map +1 -0
  69. package/dist/disclosure.d.ts +70 -0
  70. package/dist/disclosure.d.ts.map +1 -0
  71. package/dist/disclosure.js +142 -0
  72. package/dist/disclosure.js.map +1 -0
  73. package/dist/drawer.d.ts +45 -0
  74. package/dist/drawer.d.ts.map +1 -0
  75. package/dist/drawer.js +252 -0
  76. package/dist/drawer.js.map +1 -0
  77. package/dist/editable.d.ts +37 -0
  78. package/dist/editable.d.ts.map +1 -0
  79. package/dist/editable.js +83 -0
  80. package/dist/editable.js.map +1 -0
  81. package/dist/feed.d.ts +43 -0
  82. package/dist/feed.d.ts.map +1 -0
  83. package/dist/feed.js +151 -0
  84. package/dist/feed.js.map +1 -0
  85. package/dist/form.d.ts +82 -0
  86. package/dist/form.d.ts.map +1 -0
  87. package/dist/form.js +473 -0
  88. package/dist/form.js.map +1 -0
  89. package/dist/grid.d.ts +54 -0
  90. package/dist/grid.d.ts.map +1 -0
  91. package/dist/grid.js +172 -0
  92. package/dist/grid.js.map +1 -0
  93. package/dist/index.d.ts +112 -0
  94. package/dist/index.d.ts.map +1 -0
  95. package/dist/index.js +62 -0
  96. package/dist/index.js.map +1 -0
  97. package/dist/interact-outside.d.ts +12 -0
  98. package/dist/interact-outside.d.ts.map +1 -0
  99. package/dist/interact-outside.js +28 -0
  100. package/dist/interact-outside.js.map +1 -0
  101. package/dist/internal/checked-control.d.ts +67 -0
  102. package/dist/internal/checked-control.d.ts.map +1 -0
  103. package/dist/internal/checked-control.js +137 -0
  104. package/dist/internal/checked-control.js.map +1 -0
  105. package/dist/internal/controller.d.ts +6 -0
  106. package/dist/internal/controller.d.ts.map +1 -0
  107. package/dist/internal/controller.js +35 -0
  108. package/dist/internal/controller.js.map +1 -0
  109. package/dist/internal/date-picker-cell.d.ts +2 -0
  110. package/dist/internal/date-picker-cell.d.ts.map +1 -0
  111. package/dist/internal/date-picker-cell.js +10 -0
  112. package/dist/internal/date-picker-cell.js.map +1 -0
  113. package/dist/internal/delegated-event.d.ts +2 -0
  114. package/dist/internal/delegated-event.d.ts.map +1 -0
  115. package/dist/internal/delegated-event.js +11 -0
  116. package/dist/internal/delegated-event.js.map +1 -0
  117. package/dist/internal/direction.d.ts +3 -0
  118. package/dist/internal/direction.d.ts.map +1 -0
  119. package/dist/internal/direction.js +8 -0
  120. package/dist/internal/direction.js.map +1 -0
  121. package/dist/internal/disabled-items.d.ts +6 -0
  122. package/dist/internal/disabled-items.d.ts.map +1 -0
  123. package/dist/internal/disabled-items.js +15 -0
  124. package/dist/internal/disabled-items.js.map +1 -0
  125. package/dist/internal/facade.d.ts +45 -0
  126. package/dist/internal/facade.d.ts.map +1 -0
  127. package/dist/internal/facade.js +58 -0
  128. package/dist/internal/facade.js.map +1 -0
  129. package/dist/internal/floating-position.d.ts +26 -0
  130. package/dist/internal/floating-position.d.ts.map +1 -0
  131. package/dist/internal/floating-position.js +103 -0
  132. package/dist/internal/floating-position.js.map +1 -0
  133. package/dist/internal/interaction.d.ts +14 -0
  134. package/dist/internal/interaction.d.ts.map +1 -0
  135. package/dist/internal/interaction.js +25 -0
  136. package/dist/internal/interaction.js.map +1 -0
  137. package/dist/internal/layer-binding.d.ts +16 -0
  138. package/dist/internal/layer-binding.d.ts.map +1 -0
  139. package/dist/internal/layer-binding.js +99 -0
  140. package/dist/internal/layer-binding.js.map +1 -0
  141. package/dist/internal/layer-manager.d.ts +19 -0
  142. package/dist/internal/layer-manager.d.ts.map +1 -0
  143. package/dist/internal/layer-manager.js +81 -0
  144. package/dist/internal/layer-manager.js.map +1 -0
  145. package/dist/internal/menu-control.d.ts +41 -0
  146. package/dist/internal/menu-control.d.ts.map +1 -0
  147. package/dist/internal/menu-control.js +279 -0
  148. package/dist/internal/menu-control.js.map +1 -0
  149. package/dist/internal/modal-effects.d.ts +5 -0
  150. package/dist/internal/modal-effects.d.ts.map +1 -0
  151. package/dist/internal/modal-effects.js +125 -0
  152. package/dist/internal/modal-effects.js.map +1 -0
  153. package/dist/internal/popup-control.d.ts +45 -0
  154. package/dist/internal/popup-control.d.ts.map +1 -0
  155. package/dist/internal/popup-control.js +223 -0
  156. package/dist/internal/popup-control.js.map +1 -0
  157. package/dist/internal/semantic-controller.d.ts +20 -0
  158. package/dist/internal/semantic-controller.d.ts.map +1 -0
  159. package/dist/internal/semantic-controller.js +42 -0
  160. package/dist/internal/semantic-controller.js.map +1 -0
  161. package/dist/internal/text-element.d.ts +16 -0
  162. package/dist/internal/text-element.d.ts.map +1 -0
  163. package/dist/internal/text-element.js +217 -0
  164. package/dist/internal/text-element.js.map +1 -0
  165. package/dist/listbox.d.ts +142 -0
  166. package/dist/listbox.d.ts.map +1 -0
  167. package/dist/listbox.js +463 -0
  168. package/dist/listbox.js.map +1 -0
  169. package/dist/menu-button.d.ts +10 -0
  170. package/dist/menu-button.d.ts.map +1 -0
  171. package/dist/menu-button.js +11 -0
  172. package/dist/menu-button.js.map +1 -0
  173. package/dist/menu.d.ts +10 -0
  174. package/dist/menu.d.ts.map +1 -0
  175. package/dist/menu.js +11 -0
  176. package/dist/menu.js.map +1 -0
  177. package/dist/menubar.d.ts +8 -0
  178. package/dist/menubar.d.ts.map +1 -0
  179. package/dist/menubar.js +11 -0
  180. package/dist/menubar.js.map +1 -0
  181. package/dist/month-picker.d.ts +5 -0
  182. package/dist/month-picker.d.ts.map +1 -0
  183. package/dist/month-picker.js +3 -0
  184. package/dist/month-picker.js.map +1 -0
  185. package/dist/month-range-picker.d.ts +4 -0
  186. package/dist/month-range-picker.d.ts.map +1 -0
  187. package/dist/month-range-picker.js +3 -0
  188. package/dist/month-range-picker.js.map +1 -0
  189. package/dist/multi-thumb-slider.d.ts +43 -0
  190. package/dist/multi-thumb-slider.d.ts.map +1 -0
  191. package/dist/multi-thumb-slider.js +190 -0
  192. package/dist/multi-thumb-slider.js.map +1 -0
  193. package/dist/navigation-menu.d.ts +8 -0
  194. package/dist/navigation-menu.d.ts.map +1 -0
  195. package/dist/navigation-menu.js +10 -0
  196. package/dist/navigation-menu.js.map +1 -0
  197. package/dist/number-field.d.ts +48 -0
  198. package/dist/number-field.d.ts.map +1 -0
  199. package/dist/number-field.js +138 -0
  200. package/dist/number-field.js.map +1 -0
  201. package/dist/pagination.d.ts +52 -0
  202. package/dist/pagination.d.ts.map +1 -0
  203. package/dist/pagination.js +199 -0
  204. package/dist/pagination.js.map +1 -0
  205. package/dist/pin-input.d.ts +31 -0
  206. package/dist/pin-input.d.ts.map +1 -0
  207. package/dist/pin-input.js +84 -0
  208. package/dist/pin-input.js.map +1 -0
  209. package/dist/popover.d.ts +60 -0
  210. package/dist/popover.d.ts.map +1 -0
  211. package/dist/popover.js +82 -0
  212. package/dist/popover.js.map +1 -0
  213. package/dist/quantity-field.d.ts +53 -0
  214. package/dist/quantity-field.d.ts.map +1 -0
  215. package/dist/quantity-field.js +190 -0
  216. package/dist/quantity-field.js.map +1 -0
  217. package/dist/radio-group.d.ts +69 -0
  218. package/dist/radio-group.d.ts.map +1 -0
  219. package/dist/radio-group.js +225 -0
  220. package/dist/radio-group.js.map +1 -0
  221. package/dist/range-calendar.d.ts +3 -0
  222. package/dist/range-calendar.d.ts.map +1 -0
  223. package/dist/range-calendar.js +2 -0
  224. package/dist/range-calendar.js.map +1 -0
  225. package/dist/rating.d.ts +23 -0
  226. package/dist/rating.d.ts.map +1 -0
  227. package/dist/rating.js +38 -0
  228. package/dist/rating.js.map +1 -0
  229. package/dist/reorder.d.ts +39 -0
  230. package/dist/reorder.d.ts.map +1 -0
  231. package/dist/reorder.js +308 -0
  232. package/dist/reorder.js.map +1 -0
  233. package/dist/select.d.ts +68 -0
  234. package/dist/select.d.ts.map +1 -0
  235. package/dist/select.js +114 -0
  236. package/dist/select.js.map +1 -0
  237. package/dist/slider.d.ts +108 -0
  238. package/dist/slider.d.ts.map +1 -0
  239. package/dist/slider.js +342 -0
  240. package/dist/slider.js.map +1 -0
  241. package/dist/spin-button.d.ts +44 -0
  242. package/dist/spin-button.d.ts.map +1 -0
  243. package/dist/spin-button.js +130 -0
  244. package/dist/spin-button.js.map +1 -0
  245. package/dist/stepper.d.ts +24 -0
  246. package/dist/stepper.d.ts.map +1 -0
  247. package/dist/stepper.js +32 -0
  248. package/dist/stepper.js.map +1 -0
  249. package/dist/switch.d.ts +45 -0
  250. package/dist/switch.d.ts.map +1 -0
  251. package/dist/switch.js +44 -0
  252. package/dist/switch.js.map +1 -0
  253. package/dist/tabs.d.ts +86 -0
  254. package/dist/tabs.d.ts.map +1 -0
  255. package/dist/tabs.js +259 -0
  256. package/dist/tabs.js.map +1 -0
  257. package/dist/tags-input.d.ts +38 -0
  258. package/dist/tags-input.d.ts.map +1 -0
  259. package/dist/tags-input.js +93 -0
  260. package/dist/tags-input.js.map +1 -0
  261. package/dist/text.d.ts +85 -0
  262. package/dist/text.d.ts.map +1 -0
  263. package/dist/text.js +225 -0
  264. package/dist/text.js.map +1 -0
  265. package/dist/time-field.d.ts +42 -0
  266. package/dist/time-field.d.ts.map +1 -0
  267. package/dist/time-field.js +59 -0
  268. package/dist/time-field.js.map +1 -0
  269. package/dist/time-range-field.d.ts +48 -0
  270. package/dist/time-range-field.d.ts.map +1 -0
  271. package/dist/time-range-field.js +98 -0
  272. package/dist/time-range-field.js.map +1 -0
  273. package/dist/timer.d.ts +32 -0
  274. package/dist/timer.d.ts.map +1 -0
  275. package/dist/timer.js +46 -0
  276. package/dist/timer.js.map +1 -0
  277. package/dist/toast.d.ts +44 -0
  278. package/dist/toast.d.ts.map +1 -0
  279. package/dist/toast.js +263 -0
  280. package/dist/toast.js.map +1 -0
  281. package/dist/toggle-button.d.ts +39 -0
  282. package/dist/toggle-button.d.ts.map +1 -0
  283. package/dist/toggle-button.js +37 -0
  284. package/dist/toggle-button.js.map +1 -0
  285. package/dist/toggle-group.d.ts +42 -0
  286. package/dist/toggle-group.d.ts.map +1 -0
  287. package/dist/toggle-group.js +91 -0
  288. package/dist/toggle-group.js.map +1 -0
  289. package/dist/toolbar.d.ts +43 -0
  290. package/dist/toolbar.d.ts.map +1 -0
  291. package/dist/toolbar.js +151 -0
  292. package/dist/toolbar.js.map +1 -0
  293. package/dist/tooltip.d.ts +45 -0
  294. package/dist/tooltip.d.ts.map +1 -0
  295. package/dist/tooltip.js +68 -0
  296. package/dist/tooltip.js.map +1 -0
  297. package/dist/tree-grid.d.ts +131 -0
  298. package/dist/tree-grid.d.ts.map +1 -0
  299. package/dist/tree-grid.js +466 -0
  300. package/dist/tree-grid.js.map +1 -0
  301. package/dist/tree-view.d.ts +104 -0
  302. package/dist/tree-view.d.ts.map +1 -0
  303. package/dist/tree-view.js +332 -0
  304. package/dist/tree-view.js.map +1 -0
  305. package/dist/window-splitter.d.ts +8 -0
  306. package/dist/window-splitter.d.ts.map +1 -0
  307. package/dist/window-splitter.js +13 -0
  308. package/dist/window-splitter.js.map +1 -0
  309. package/dist/year-picker.d.ts +3 -0
  310. package/dist/year-picker.d.ts.map +1 -0
  311. package/dist/year-picker.js +2 -0
  312. package/dist/year-picker.js.map +1 -0
  313. package/dist/year-range-picker.d.ts +3 -0
  314. package/dist/year-range-picker.d.ts.map +1 -0
  315. package/dist/year-range-picker.js +2 -0
  316. package/dist/year-range-picker.js.map +1 -0
  317. package/package.json +8 -3
package/dist/text.js ADDED
@@ -0,0 +1,225 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { tryCreateInteractionState, requireInteraction } from '@sectile/core/interaction';
4
+ import { tryCreateRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
5
+ import { applyTextEvent, createTextEditingState, normalizeTextEditingState, tryCreateTextEditingState, } from '@sectile/core/text';
6
+ import { applyControllerEvent, sameControllerState, synchronizeControllerState, } from './internal/controller.js';
7
+ import { DOMTextElementBinding } from './internal/text-element.js';
8
+ import { setInteractionAttributes } from './internal/interaction.js';
9
+ export function createTextState(value = '') {
10
+ return createTextEditingState(value, {
11
+ anchorCodeUnitOffset: value.length,
12
+ focusCodeUnitOffset: value.length,
13
+ });
14
+ }
15
+ export function createTextController(options = {}) {
16
+ const requested = options.value !== undefined ? options.value : options.defaultValue;
17
+ const initial = requested === undefined
18
+ ? tryCreateTextEditingState()
19
+ : normalizeTextEditingState(requested);
20
+ if (!initial.ok)
21
+ return initial;
22
+ const snapshot = tryCreateRevisionSnapshot(initial.value);
23
+ if (!snapshot.ok)
24
+ return snapshot;
25
+ const interaction = tryCreateInteractionState(options);
26
+ if (!interaction.ok)
27
+ return interaction;
28
+ return { ok: true, value: new DOMTextController(options, interaction.value, snapshot.value) };
29
+ }
30
+ export function createText(options) {
31
+ return unwrap(tryCreateText(options));
32
+ }
33
+ export function tryCreateText(options) {
34
+ return createFacadeConnection(options, (options) => tryCreateTextConnection(options));
35
+ }
36
+ function tryCreateTextConnection(options) {
37
+ const controller = createTextController(options);
38
+ if (!controller.ok)
39
+ return controller;
40
+ return { ok: true, value: connectText({ ...options, controller: controller.value }) };
41
+ }
42
+ export function connectText(options) {
43
+ return new DOMTextConnection(options);
44
+ }
45
+ export function toTextEvent(input) {
46
+ if (typeof input !== 'object' || input === null)
47
+ return null;
48
+ if (input.type === 'input') {
49
+ if (typeof input.inputType !== 'string' || typeof input.text !== 'string')
50
+ return null;
51
+ return Object.freeze({
52
+ type: 'replace',
53
+ startCodeUnitOffset: input.startCodeUnitOffset,
54
+ endCodeUnitOffset: input.endCodeUnitOffset,
55
+ text: input.text,
56
+ selection: input.selection,
57
+ });
58
+ }
59
+ if (input.type === 'beforeinput') {
60
+ const deletion = input.inputType === 'deleteContentBackward'
61
+ || input.inputType === 'deleteContentForward'
62
+ || input.inputType === 'deleteByCut';
63
+ const insertion = input.inputType === 'insertText'
64
+ || input.inputType === 'insertFromPaste'
65
+ || input.inputType === 'insertReplacementText';
66
+ if (!deletion && !insertion)
67
+ return null;
68
+ if (insertion && typeof input.data !== 'string')
69
+ return null;
70
+ return Object.freeze({
71
+ type: 'replace',
72
+ startCodeUnitOffset: input.startCodeUnitOffset,
73
+ endCodeUnitOffset: input.endCodeUnitOffset,
74
+ text: deletion ? '' : input.data,
75
+ selection: input.selection,
76
+ });
77
+ }
78
+ if (input.type === 'composition-start') {
79
+ if (typeof input.text !== 'string')
80
+ return null;
81
+ return Object.freeze({
82
+ type: 'composition-start',
83
+ startCodeUnitOffset: input.startCodeUnitOffset,
84
+ endCodeUnitOffset: input.endCodeUnitOffset,
85
+ text: input.text,
86
+ selection: input.selection,
87
+ });
88
+ }
89
+ if (input.type === 'composition-update') {
90
+ if (typeof input.text !== 'string')
91
+ return null;
92
+ return Object.freeze({
93
+ type: 'composition-update',
94
+ text: input.text,
95
+ selection: input.selection,
96
+ });
97
+ }
98
+ if (input.type === 'composition-commit')
99
+ return Object.freeze({ type: input.type });
100
+ if (input.type === 'composition-cancel')
101
+ return Object.freeze({ type: input.type });
102
+ return null;
103
+ }
104
+ class DOMTextConnection {
105
+ #controller;
106
+ #onTransition;
107
+ #onUpdate;
108
+ #binding;
109
+ constructor(options) {
110
+ this.#controller = options.controller;
111
+ this.#onTransition = options.onTransition;
112
+ this.#onUpdate = options.onUpdate;
113
+ this.#binding = new DOMTextElementBinding({
114
+ element: options.element,
115
+ getState: () => this.#controller.getSnapshot().state,
116
+ dispatch: (input) => this.#dispatch(input).ok,
117
+ });
118
+ setInteractionAttributes(options.element, options, { native: true, readOnly: true });
119
+ }
120
+ getSnapshot() {
121
+ return this.#controller.getSnapshot();
122
+ }
123
+ getValue() {
124
+ return this.#controller.getSnapshot().state.snapshot.text;
125
+ }
126
+ syncControlledValues(values) {
127
+ const result = this.#controller.syncControlledValues(values);
128
+ if (result.ok) {
129
+ this.render();
130
+ this.#onUpdate?.();
131
+ }
132
+ return result;
133
+ }
134
+ handleBeforeInput(event) {
135
+ return this.#binding.handleBeforeInput(event);
136
+ }
137
+ render() {
138
+ this.#binding.render();
139
+ }
140
+ disconnect() {
141
+ this.#binding.disconnect();
142
+ }
143
+ #dispatch(input) {
144
+ const result = this.#controller.handleTextInput(input);
145
+ this.#onTransition?.(Object.freeze({ input, result }));
146
+ if (result.ok)
147
+ this.#onUpdate?.();
148
+ return result;
149
+ }
150
+ }
151
+ class DOMTextController {
152
+ #controlled;
153
+ #interaction;
154
+ #onValueChange;
155
+ #snapshot;
156
+ #pendingComposition = null;
157
+ constructor(options, interaction, snapshot) {
158
+ this.#controlled = options.value !== undefined;
159
+ this.#interaction = interaction;
160
+ this.#onValueChange = options.onValueChange;
161
+ this.#snapshot = snapshot;
162
+ }
163
+ getSnapshot() {
164
+ return this.#snapshot;
165
+ }
166
+ syncControlledValues(values) {
167
+ const error = controlledInputError(this.#controlled);
168
+ if (error !== null)
169
+ return { ok: false, error };
170
+ const snapshot = synchronizeControllerState(this.#snapshot, normalizeTextEditingState(values.value));
171
+ if (!snapshot.ok)
172
+ return snapshot;
173
+ this.#snapshot = snapshot.value;
174
+ this.#pendingComposition = snapshot.value.state.composition === null
175
+ ? null
176
+ : snapshot.value.state;
177
+ return snapshot;
178
+ }
179
+ handleTextInput(input, expectedRevision = this.#snapshot.revision) {
180
+ const permitted = requireInteraction(this.#interaction, 'mutate');
181
+ if (!permitted.ok)
182
+ return rejectRevisionInput(this.#snapshot, permitted.error);
183
+ const event = toTextEvent(input);
184
+ if (event === null) {
185
+ return rejectRevisionInput(this.#snapshot, {
186
+ class: 'transition-rejection',
187
+ code: 'unsupported-dom-text-input',
188
+ message: 'DOM text input does not map to a semantic text event.',
189
+ });
190
+ }
191
+ const current = this.#snapshot;
192
+ const base = this.#controlled && this.#pendingComposition !== null
193
+ ? Object.freeze({ revision: current.revision, state: this.#pendingComposition })
194
+ : current;
195
+ const proposal = { value: null };
196
+ const result = applyControllerEvent(base, expectedRevision, event, applyTextEvent, (_previous, proposed) => {
197
+ proposal.value = proposed;
198
+ return normalizeTextEditingState(this.#controlled ? current.state : proposed);
199
+ }, (_previous, proposed) => {
200
+ if (!sameControllerState(current.state, proposed)) {
201
+ this.#onValueChange?.(Object.freeze({ value: proposed, previousValue: current.state }));
202
+ }
203
+ }, impossibleEffect);
204
+ if (result.ok) {
205
+ this.#snapshot = result.snapshot;
206
+ if (this.#controlled) {
207
+ this.#pendingComposition = proposal.value?.composition === null ? null : proposal.value;
208
+ }
209
+ }
210
+ return result;
211
+ }
212
+ }
213
+ function controlledInputError(controlled) {
214
+ return controlled
215
+ ? null
216
+ : {
217
+ class: 'construction',
218
+ code: 'uncontrolled-value-update',
219
+ message: 'Uncontrolled text state cannot be synchronized externally.',
220
+ };
221
+ }
222
+ function impossibleEffect(command) {
223
+ return command;
224
+ }
225
+ //# sourceMappingURL=text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../src/text.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,42 @@
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 TimeFieldEvent, type TimeFieldPolicies, type TimeFieldState, type TimeValue } from '@sectile/core/time-field';
5
+ import { type FacadeConnection } from './internal/facade.js';
6
+ export { formatTimeValue } from '@sectile/core/time-field';
7
+ export type { TimeValue } from '@sectile/core/time-field';
8
+ export interface TimeFieldOptions {
9
+ readonly input: HTMLInputElement;
10
+ readonly policies?: TimeFieldPolicies;
11
+ readonly value?: TimeValue | null;
12
+ readonly defaultValue?: TimeValue | null;
13
+ readonly inputState?: TextEditingState;
14
+ readonly defaultInputState?: TextEditingState;
15
+ readonly disabled?: boolean;
16
+ readonly readOnly?: boolean;
17
+ readonly required?: boolean;
18
+ readonly label?: string;
19
+ readonly native?: boolean;
20
+ readonly onValueChange?: (value: TimeValue | null) => void;
21
+ readonly onInputStateChange?: (value: TextEditingState, previousValue: TextEditingState) => void;
22
+ readonly onUpdate?: () => void;
23
+ }
24
+ export type TimeFieldValueChangeHandler = NonNullable<TimeFieldOptions['onValueChange']>;
25
+ export type TimeFieldInputStateChangeHandler = NonNullable<TimeFieldOptions['onInputStateChange']>;
26
+ export type TimeFieldUpdateHandler = NonNullable<TimeFieldOptions['onUpdate']>;
27
+ export interface TimeFieldControlledValues {
28
+ readonly value?: TimeValue | null;
29
+ readonly inputState?: TextEditingState;
30
+ }
31
+ export interface TimeFieldConnection {
32
+ getSnapshot(): RevisionSnapshot<TimeFieldState>;
33
+ getText(): string;
34
+ getValue(): TimeValue | null;
35
+ syncControlledValues(values: TimeFieldControlledValues): Result<RevisionSnapshot<TimeFieldState>>;
36
+ handleEvent(event: TimeFieldEvent): boolean;
37
+ refresh(): void;
38
+ disconnect(): void;
39
+ }
40
+ export declare function createTimeField(options: TimeFieldOptions): FacadeConnection<TimeFieldConnection>;
41
+ export declare function tryCreateTimeField(options: TimeFieldOptions): Result<FacadeConnection<TimeFieldConnection>>;
42
+ //# sourceMappingURL=time-field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../src/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,EAAuE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACjM,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMrF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,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,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AAE3lB,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;AACzF,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACnG,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;AAC/E,MAAM,WAAW,yBAAyB;IAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAAE;AACzH,MAAM,WAAW,mBAAmB;IAAG,WAAW,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAAC,OAAO,IAAI,MAAM,CAAC;IAAC,QAAQ,IAAI,SAAS,GAAG,IAAI,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAC;CAAE;AAE/T,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAgD;AACjJ,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAuD"}
@@ -0,0 +1,59 @@
1
+ import { unwrap } from '@sectile/core/result';
2
+ import { applyTimeFieldEvent, tryCreateTimeFieldState } from '@sectile/core/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 { formatTimeValue } from '@sectile/core/time-field';
9
+ export function createTimeField(options) { return unwrap(tryCreateTimeField(options)); }
10
+ export function tryCreateTimeField(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({ initial: tryCreateTimeFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState), reducer: (state, event) => applyTimeFieldEvent(state, event, policies), reconcile: (previous, proposed) => tryCreateTimeFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState), notify: (previous, proposed) => { if (JSON.stringify(previous.inputState) !== JSON.stringify(proposed.inputState))
16
+ options.onInputStateChange?.(proposed.inputState, previous.inputState); }, toEffect: (command) => command, interaction: options });
17
+ return runtime.ok ? { ok: true, value: new DOMTimeField(options, runtime.value, valueControlled, inputControlled) } : runtime;
18
+ }
19
+ class DOMTimeField {
20
+ options;
21
+ runtime;
22
+ valueControlled;
23
+ inputControlled;
24
+ #binding;
25
+ #keydown = (event) => { if (this.#binding.isComposing || event.isComposing)
26
+ return; if (this.options.native === true && (event.key.startsWith('Arrow') || event.key === 'Home' || event.key === 'End'))
27
+ 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) {
28
+ event.preventDefault();
29
+ if (semantic === 'increment-segment' || semantic === 'decrement-segment')
30
+ this.#syncSelection();
31
+ this.handleEvent(semantic);
32
+ } };
33
+ #blur = () => {
34
+ if (!this.#binding.isComposing && !this.handleEvent('commit'))
35
+ this.handleEvent('cancel');
36
+ };
37
+ constructor(options, runtime, valueControlled, inputControlled) { this.options = options; this.runtime = runtime; this.valueControlled = valueControlled; this.inputControlled = inputControlled; this.#binding = new DOMTextElementBinding({ element: options.input, getState: () => this.getSnapshot().state.inputState, dispatch: (input) => this.#text(input) }); options.input.addEventListener('keydown', this.#keydown); options.input.addEventListener('blur', this.#blur); this.refresh(); }
38
+ getSnapshot() { return this.runtime.getSnapshot(); }
39
+ getText() { return this.getSnapshot().state.inputState.snapshot.text; }
40
+ getValue() { return this.getSnapshot().state.value; }
41
+ syncControlledValues(values) { if (this.valueControlled !== (values.value !== undefined) || this.inputControlled !== (values.inputState !== undefined))
42
+ return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled time field values must preserve their construction-time shape.' } }; const state = this.getSnapshot().state; const result = this.runtime.replace(tryCreateTimeFieldState(this.valueControlled ? values.value : state.value, this.inputControlled ? values.inputState : state.inputState)); if (result.ok) {
43
+ this.refresh();
44
+ this.options.onUpdate?.();
45
+ } return result; }
46
+ handleEvent(event) { const result = this.runtime.handle(event); setFieldValidity(this.options.input, result); if (result.ok) {
47
+ for (const command of result.commands)
48
+ if (command.type === 'value-committed')
49
+ this.options.onValueChange?.(command.value);
50
+ this.refresh();
51
+ this.options.onUpdate?.();
52
+ } return result.ok; }
53
+ refresh() { const input = this.options.input; input.type = this.options.native === true ? 'time' : 'text'; input.inputMode = this.options.native === true ? '' : 'numeric'; input.placeholder = this.options.native === true ? '' : 'HH:mm'; input.required = this.options.required ?? this.options.policies?.required ?? false; setInteractionAttributes(input, this.options, { native: true, readOnly: true }); if (this.options.label !== undefined)
54
+ input.setAttribute('aria-label', this.options.label); this.#binding.render(); }
55
+ disconnect() { this.#binding.disconnect(); this.options.input.removeEventListener('keydown', this.#keydown); this.options.input.removeEventListener('blur', this.#blur); }
56
+ #text(input) { const event = toTextEvent(input); return event !== null && this.handleEvent({ type: 'text', event }); }
57
+ #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 } } }); }
58
+ }
59
+ //# sourceMappingURL=time-field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-field.js","sourceRoot":"","sources":["../src/time-field.ts"],"names":[],"mappings":"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"}
@@ -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 TimeRange, type TimeRangeFieldEvent, type TimeRangeFieldPolicies, type TimeRangeFieldState } from '@sectile/core/time-range-field';
5
+ import { type FacadeConnection } from './internal/facade.js';
6
+ export type { TimeRange } from '@sectile/core/time-range-field';
7
+ export interface TimeRangeFieldOptions {
8
+ readonly startInput: HTMLInputElement;
9
+ readonly endInput: HTMLInputElement;
10
+ readonly policies?: TimeRangeFieldPolicies;
11
+ readonly value?: TimeRange | null;
12
+ readonly defaultValue?: TimeRange | 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: TimeRange | null) => void;
23
+ readonly onStartInputStateChange?: (value: TextEditingState) => void;
24
+ readonly onEndInputStateChange?: (value: TextEditingState) => void;
25
+ readonly onUpdate?: () => void;
26
+ }
27
+ export type TimeRangeFieldValueChangeHandler = NonNullable<TimeRangeFieldOptions['onValueChange']>;
28
+ export type TimeRangeFieldStartInputStateChangeHandler = NonNullable<TimeRangeFieldOptions['onStartInputStateChange']>;
29
+ export type TimeRangeFieldEndInputStateChangeHandler = NonNullable<TimeRangeFieldOptions['onEndInputStateChange']>;
30
+ export type TimeRangeFieldUpdateHandler = NonNullable<TimeRangeFieldOptions['onUpdate']>;
31
+ export interface TimeRangeFieldControlledValues {
32
+ readonly value?: TimeRange | null;
33
+ readonly startInputState?: TextEditingState;
34
+ readonly endInputState?: TextEditingState;
35
+ }
36
+ export interface TimeRangeFieldConnection {
37
+ getSnapshot(): RevisionSnapshot<TimeRangeFieldState>;
38
+ getValue(): TimeRange | null;
39
+ syncControlledValues(values: TimeRangeFieldControlledValues): Result<RevisionSnapshot<TimeRangeFieldState>>;
40
+ handleEvent(event: TimeRangeFieldEvent): boolean;
41
+ refresh(): void;
42
+ disconnect(): void;
43
+ }
44
+ export declare function createTimeRangeField(options: TimeRangeFieldOptions): FacadeConnection<TimeRangeFieldConnection>;
45
+ export declare function tryCreateTimeRangeField(options: TimeRangeFieldOptions): Result<FacadeConnection<TimeRangeFieldConnection>>;
46
+ export { tryCreateTimeRangeFieldState } from '@sectile/core/time-range-field';
47
+ export type { TimeRangeFieldPolicies, TimeRangeFieldState } from '@sectile/core/time-range-field';
48
+ //# sourceMappingURL=time-range-field.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-range-field.d.ts","sourceRoot":"","sources":["../src/time-range-field.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,98 @@
1
+ import { unwrap } from '@sectile/core/result';
2
+ import { applyTimeRangeFieldEvent, tryCreateTimeRangeFieldState } from '@sectile/core/time-range-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 createTimeRangeField(options) { return unwrap(tryCreateTimeRangeField(options)); }
9
+ export function tryCreateTimeRangeField(options) { return createFacadeConnection(options, construct); }
10
+ function construct(options) {
11
+ const controlled = { value: options.value !== undefined, start: options.startInputState !== undefined, end: options.endInputState !== undefined };
12
+ const runtime = createSemanticController({
13
+ initial: tryCreateTimeRangeFieldState({ value: options.value !== undefined ? options.value : options.defaultValue ?? null, ...optionalInputState('startInputState', options.startInputState ?? options.defaultStartInputState), ...optionalInputState('endInputState', options.endInputState ?? options.defaultEndInputState) }),
14
+ reducer: (state, event) => applyTimeRangeFieldEvent(state, event, { ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) }),
15
+ reconcile: (previous, proposed) => tryCreateTimeRangeFieldState({ startValue: controlled.value ? previous.start.value : proposed.start.value, endValue: controlled.value ? previous.end.value : proposed.end.value, startInputState: controlled.start ? previous.start.inputState : proposed.start.inputState, endInputState: controlled.end ? previous.end.inputState : proposed.end.inputState, active: proposed.active }),
16
+ notify: (previous, proposed) => { if (previous.start.inputState !== proposed.start.inputState)
17
+ options.onStartInputStateChange?.(proposed.start.inputState); if (previous.end.inputState !== proposed.end.inputState)
18
+ options.onEndInputStateChange?.(proposed.end.inputState); }, toEffect: (command) => command, interaction: options,
19
+ });
20
+ return runtime.ok ? { ok: true, value: new DOMTimeRangeField(options, runtime.value, controlled) } : runtime;
21
+ }
22
+ class DOMTimeRangeField {
23
+ options;
24
+ runtime;
25
+ controlled;
26
+ #bindings;
27
+ #keydown;
28
+ #blur;
29
+ #focus;
30
+ constructor(options, runtime, controlled) {
31
+ this.options = options;
32
+ this.runtime = runtime;
33
+ this.controlled = controlled;
34
+ this.#bindings = { start: new DOMTextElementBinding({ element: options.startInput, getState: () => this.getSnapshot().state.start.inputState, dispatch: (input) => this.#text('start', input) }), end: new DOMTextElementBinding({ element: options.endInput, getState: () => this.getSnapshot().state.end.inputState, dispatch: (input) => this.#text('end', input) }) };
35
+ this.#keydown = { start: (event) => this.#key('start', event), end: (event) => this.#key('end', event) };
36
+ this.#blur = { start: () => this.#commitOrCancel('start'), end: () => this.#commitOrCancel('end') };
37
+ this.#focus = { start: () => { this.handleEvent({ type: 'focus', endpoint: 'start' }); }, end: () => { this.handleEvent({ type: 'focus', endpoint: 'end' }); } };
38
+ for (const endpoint of ['start', 'end']) {
39
+ const input = this.#input(endpoint);
40
+ input.addEventListener('keydown', this.#keydown[endpoint]);
41
+ input.addEventListener('blur', this.#blur[endpoint]);
42
+ input.addEventListener('focus', this.#focus[endpoint]);
43
+ }
44
+ this.refresh();
45
+ }
46
+ getSnapshot() { return this.runtime.getSnapshot(); }
47
+ getValue() { return this.getSnapshot().state.value; }
48
+ syncControlledValues(values) { if (this.controlled.value !== (values.value !== undefined) || this.controlled.start !== (values.startInputState !== undefined) || this.controlled.end !== (values.endInputState !== undefined))
49
+ return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled time range field values must preserve their construction-time shape.' } }; const current = this.getSnapshot().state; const result = this.runtime.replace(tryCreateTimeRangeFieldState({ value: this.controlled.value ? values.value : current.value, ...optionalInputState('startInputState', this.controlled.start ? values.startInputState : current.start.inputState), ...optionalInputState('endInputState', this.controlled.end ? values.endInputState : current.end.inputState), active: current.active })); if (result.ok) {
50
+ this.refresh();
51
+ this.options.onUpdate?.();
52
+ } return result; }
53
+ handleEvent(event) { const result = this.runtime.handle(event); if (typeof event === 'object' && event.type === 'field')
54
+ setFieldValidity(this.#input(event.endpoint), result); if (result.ok) {
55
+ for (const command of result.commands) {
56
+ if (command.type === 'range-committed')
57
+ this.options.onValueChange?.(command.value);
58
+ if (command.type === 'focus-endpoint')
59
+ this.#input(command.endpoint).focus();
60
+ }
61
+ this.refresh();
62
+ this.options.onUpdate?.();
63
+ } return result.ok; }
64
+ refresh() { for (const endpoint of ['start', 'end']) {
65
+ const input = this.#input(endpoint);
66
+ input.type = 'text';
67
+ input.inputMode = 'numeric';
68
+ input.placeholder = 'HH:mm';
69
+ input.required = this.options.required ?? this.options.policies?.required ?? false;
70
+ setInteractionAttributes(input, this.options, { native: true, readOnly: true });
71
+ const label = endpoint === 'start' ? this.options.startLabel : this.options.endLabel;
72
+ if (label !== undefined)
73
+ input.setAttribute('aria-label', label);
74
+ this.#bindings[endpoint].render();
75
+ } }
76
+ disconnect() { for (const endpoint of ['start', 'end']) {
77
+ const input = this.#input(endpoint);
78
+ this.#bindings[endpoint].disconnect();
79
+ input.removeEventListener('keydown', this.#keydown[endpoint]);
80
+ input.removeEventListener('blur', this.#blur[endpoint]);
81
+ input.removeEventListener('focus', this.#focus[endpoint]);
82
+ } }
83
+ #input(endpoint) { return endpoint === 'start' ? this.options.startInput : this.options.endInput; }
84
+ #text(endpoint, input) { const event = toTextEvent(input); return event !== null && this.handleEvent({ type: 'field', endpoint, event: { type: 'text', event } }); }
85
+ #key(endpoint, nativeEvent) { const event = nativeEvent; if (this.#bindings[endpoint].isComposing || event.isComposing)
86
+ 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) {
87
+ event.preventDefault();
88
+ if (semantic === 'increment-segment' || semantic === 'decrement-segment')
89
+ this.#syncSelection(endpoint);
90
+ this.handleEvent(semantic === 'cancel' ? 'cancel' : { type: 'field', endpoint, event: semantic });
91
+ } }
92
+ #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 } } } }); }
93
+ #commitOrCancel(endpoint) { if (!this.#bindings[endpoint].isComposing && !this.handleEvent({ type: 'field', endpoint, event: 'commit' }))
94
+ this.handleEvent({ type: 'field', endpoint, event: 'cancel' }); }
95
+ }
96
+ function optionalInputState(key, value) { return value === undefined ? {} : { [key]: value }; }
97
+ export { tryCreateTimeRangeFieldState } from '@sectile/core/time-range-field';
98
+ //# sourceMappingURL=time-range-field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"time-range-field.js","sourceRoot":"","sources":["../src/time-range-field.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,32 @@
1
+ import type { Result } from '@sectile/core';
2
+ import { type TimerEvent, type TimerParts, type TimerPolicies, type TimerState } from '@sectile/core/timer';
3
+ import type { RevisionSnapshot } from '@sectile/core/revision';
4
+ import { type FacadeConnection } from './internal/facade.js';
5
+ export type TimerItemType = keyof TimerParts;
6
+ export type TimerAction = 'start' | 'pause' | 'resume' | 'reset' | 'restart' | 'toggle';
7
+ export interface TimerOptions extends TimerPolicies {
8
+ readonly root: HTMLElement;
9
+ readonly autoStart?: boolean;
10
+ readonly intervalMs?: number;
11
+ readonly onTick?: (valueMs: number, parts: TimerParts) => void;
12
+ readonly onComplete?: (valueMs: number) => void;
13
+ readonly onUpdate?: () => void;
14
+ }
15
+ export type TimerTickHandler = NonNullable<TimerOptions['onTick']>;
16
+ export type TimerCompleteHandler = NonNullable<TimerOptions['onComplete']>;
17
+ export type TimerUpdateHandler = NonNullable<TimerOptions['onUpdate']>;
18
+ export interface TimerConnection {
19
+ getSnapshot(): RevisionSnapshot<TimerState>;
20
+ handleEvent(event: TimerEvent): boolean;
21
+ start(): boolean;
22
+ pause(): boolean;
23
+ resume(): boolean;
24
+ reset(): boolean;
25
+ restart(): boolean;
26
+ setItemAttributes(element: HTMLElement, type: TimerItemType): void;
27
+ setActionAttributes(element: HTMLButtonElement, action: TimerAction): void;
28
+ disconnect(): void;
29
+ }
30
+ export declare function createTimer(options: TimerOptions): FacadeConnection<TimerConnection>;
31
+ export declare function tryCreateTimer(options: TimerOptions): Result<FacadeConnection<TimerConnection>>;
32
+ //# sourceMappingURL=timer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../src/timer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAA4F,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtM,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGrF,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxF,MAAM,WAAW,YAAa,SAAQ,aAAa;IAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAE/R,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;AAC3E,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;AACvE,MAAM,WAAW,eAAe;IAAG,WAAW,IAAI,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC;IAAC,KAAK,IAAI,OAAO,CAAC;IAAC,KAAK,IAAI,OAAO,CAAC;IAAC,MAAM,IAAI,OAAO,CAAC;IAAC,KAAK,IAAI,OAAO,CAAC;IAAC,OAAO,IAAI,OAAO,CAAC;IAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AAC1X,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAA4C;AACjI,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAkG"}