@sectile/dom 0.2.0 → 0.2.1

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 (305) 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 +32 -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 +31 -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/editable.d.ts +37 -0
  74. package/dist/editable.d.ts.map +1 -0
  75. package/dist/editable.js +83 -0
  76. package/dist/editable.js.map +1 -0
  77. package/dist/feed.d.ts +43 -0
  78. package/dist/feed.d.ts.map +1 -0
  79. package/dist/feed.js +151 -0
  80. package/dist/feed.js.map +1 -0
  81. package/dist/form.d.ts +82 -0
  82. package/dist/form.d.ts.map +1 -0
  83. package/dist/form.js +473 -0
  84. package/dist/form.js.map +1 -0
  85. package/dist/grid.d.ts +54 -0
  86. package/dist/grid.d.ts.map +1 -0
  87. package/dist/grid.js +172 -0
  88. package/dist/grid.js.map +1 -0
  89. package/dist/index.d.ts +109 -0
  90. package/dist/index.d.ts.map +1 -0
  91. package/dist/index.js +61 -0
  92. package/dist/index.js.map +1 -0
  93. package/dist/internal/checked-control.d.ts +67 -0
  94. package/dist/internal/checked-control.d.ts.map +1 -0
  95. package/dist/internal/checked-control.js +137 -0
  96. package/dist/internal/checked-control.js.map +1 -0
  97. package/dist/internal/controller.d.ts +6 -0
  98. package/dist/internal/controller.d.ts.map +1 -0
  99. package/dist/internal/controller.js +35 -0
  100. package/dist/internal/controller.js.map +1 -0
  101. package/dist/internal/date-picker-cell.d.ts +2 -0
  102. package/dist/internal/date-picker-cell.d.ts.map +1 -0
  103. package/dist/internal/date-picker-cell.js +10 -0
  104. package/dist/internal/date-picker-cell.js.map +1 -0
  105. package/dist/internal/delegated-event.d.ts +2 -0
  106. package/dist/internal/delegated-event.d.ts.map +1 -0
  107. package/dist/internal/delegated-event.js +11 -0
  108. package/dist/internal/delegated-event.js.map +1 -0
  109. package/dist/internal/direction.d.ts +3 -0
  110. package/dist/internal/direction.d.ts.map +1 -0
  111. package/dist/internal/direction.js +8 -0
  112. package/dist/internal/direction.js.map +1 -0
  113. package/dist/internal/disabled-items.d.ts +6 -0
  114. package/dist/internal/disabled-items.d.ts.map +1 -0
  115. package/dist/internal/disabled-items.js +15 -0
  116. package/dist/internal/disabled-items.js.map +1 -0
  117. package/dist/internal/facade.d.ts +45 -0
  118. package/dist/internal/facade.d.ts.map +1 -0
  119. package/dist/internal/facade.js +58 -0
  120. package/dist/internal/facade.js.map +1 -0
  121. package/dist/internal/floating-position.d.ts +26 -0
  122. package/dist/internal/floating-position.d.ts.map +1 -0
  123. package/dist/internal/floating-position.js +93 -0
  124. package/dist/internal/floating-position.js.map +1 -0
  125. package/dist/internal/interaction.d.ts +14 -0
  126. package/dist/internal/interaction.d.ts.map +1 -0
  127. package/dist/internal/interaction.js +25 -0
  128. package/dist/internal/interaction.js.map +1 -0
  129. package/dist/internal/layer-binding.d.ts +16 -0
  130. package/dist/internal/layer-binding.d.ts.map +1 -0
  131. package/dist/internal/layer-binding.js +99 -0
  132. package/dist/internal/layer-binding.js.map +1 -0
  133. package/dist/internal/layer-manager.d.ts +19 -0
  134. package/dist/internal/layer-manager.d.ts.map +1 -0
  135. package/dist/internal/layer-manager.js +81 -0
  136. package/dist/internal/layer-manager.js.map +1 -0
  137. package/dist/internal/menu-control.d.ts +41 -0
  138. package/dist/internal/menu-control.d.ts.map +1 -0
  139. package/dist/internal/menu-control.js +279 -0
  140. package/dist/internal/menu-control.js.map +1 -0
  141. package/dist/internal/popup-control.d.ts +40 -0
  142. package/dist/internal/popup-control.d.ts.map +1 -0
  143. package/dist/internal/popup-control.js +189 -0
  144. package/dist/internal/popup-control.js.map +1 -0
  145. package/dist/internal/semantic-controller.d.ts +20 -0
  146. package/dist/internal/semantic-controller.d.ts.map +1 -0
  147. package/dist/internal/semantic-controller.js +42 -0
  148. package/dist/internal/semantic-controller.js.map +1 -0
  149. package/dist/internal/text-element.d.ts +16 -0
  150. package/dist/internal/text-element.d.ts.map +1 -0
  151. package/dist/internal/text-element.js +217 -0
  152. package/dist/internal/text-element.js.map +1 -0
  153. package/dist/listbox.d.ts +142 -0
  154. package/dist/listbox.d.ts.map +1 -0
  155. package/dist/listbox.js +463 -0
  156. package/dist/listbox.js.map +1 -0
  157. package/dist/menu-button.d.ts +10 -0
  158. package/dist/menu-button.d.ts.map +1 -0
  159. package/dist/menu-button.js +11 -0
  160. package/dist/menu-button.js.map +1 -0
  161. package/dist/menu.d.ts +10 -0
  162. package/dist/menu.d.ts.map +1 -0
  163. package/dist/menu.js +11 -0
  164. package/dist/menu.js.map +1 -0
  165. package/dist/menubar.d.ts +8 -0
  166. package/dist/menubar.d.ts.map +1 -0
  167. package/dist/menubar.js +11 -0
  168. package/dist/menubar.js.map +1 -0
  169. package/dist/month-picker.d.ts +5 -0
  170. package/dist/month-picker.d.ts.map +1 -0
  171. package/dist/month-picker.js +3 -0
  172. package/dist/month-picker.js.map +1 -0
  173. package/dist/month-range-picker.d.ts +4 -0
  174. package/dist/month-range-picker.d.ts.map +1 -0
  175. package/dist/month-range-picker.js +3 -0
  176. package/dist/month-range-picker.js.map +1 -0
  177. package/dist/multi-thumb-slider.d.ts +43 -0
  178. package/dist/multi-thumb-slider.d.ts.map +1 -0
  179. package/dist/multi-thumb-slider.js +190 -0
  180. package/dist/multi-thumb-slider.js.map +1 -0
  181. package/dist/navigation-menu.d.ts +8 -0
  182. package/dist/navigation-menu.d.ts.map +1 -0
  183. package/dist/navigation-menu.js +10 -0
  184. package/dist/navigation-menu.js.map +1 -0
  185. package/dist/number-field.d.ts +48 -0
  186. package/dist/number-field.d.ts.map +1 -0
  187. package/dist/number-field.js +138 -0
  188. package/dist/number-field.js.map +1 -0
  189. package/dist/pagination.d.ts +52 -0
  190. package/dist/pagination.d.ts.map +1 -0
  191. package/dist/pagination.js +199 -0
  192. package/dist/pagination.js.map +1 -0
  193. package/dist/pin-input.d.ts +31 -0
  194. package/dist/pin-input.d.ts.map +1 -0
  195. package/dist/pin-input.js +84 -0
  196. package/dist/pin-input.js.map +1 -0
  197. package/dist/popover.d.ts +54 -0
  198. package/dist/popover.d.ts.map +1 -0
  199. package/dist/popover.js +79 -0
  200. package/dist/popover.js.map +1 -0
  201. package/dist/quantity-field.d.ts +53 -0
  202. package/dist/quantity-field.d.ts.map +1 -0
  203. package/dist/quantity-field.js +190 -0
  204. package/dist/quantity-field.js.map +1 -0
  205. package/dist/radio-group.d.ts +69 -0
  206. package/dist/radio-group.d.ts.map +1 -0
  207. package/dist/radio-group.js +225 -0
  208. package/dist/radio-group.js.map +1 -0
  209. package/dist/range-calendar.d.ts +3 -0
  210. package/dist/range-calendar.d.ts.map +1 -0
  211. package/dist/range-calendar.js +2 -0
  212. package/dist/range-calendar.js.map +1 -0
  213. package/dist/rating.d.ts +23 -0
  214. package/dist/rating.d.ts.map +1 -0
  215. package/dist/rating.js +38 -0
  216. package/dist/rating.js.map +1 -0
  217. package/dist/reorder.d.ts +39 -0
  218. package/dist/reorder.d.ts.map +1 -0
  219. package/dist/reorder.js +308 -0
  220. package/dist/reorder.js.map +1 -0
  221. package/dist/select.d.ts +50 -0
  222. package/dist/select.d.ts.map +1 -0
  223. package/dist/select.js +89 -0
  224. package/dist/select.js.map +1 -0
  225. package/dist/slider.d.ts +108 -0
  226. package/dist/slider.d.ts.map +1 -0
  227. package/dist/slider.js +342 -0
  228. package/dist/slider.js.map +1 -0
  229. package/dist/spin-button.d.ts +44 -0
  230. package/dist/spin-button.d.ts.map +1 -0
  231. package/dist/spin-button.js +130 -0
  232. package/dist/spin-button.js.map +1 -0
  233. package/dist/stepper.d.ts +24 -0
  234. package/dist/stepper.d.ts.map +1 -0
  235. package/dist/stepper.js +32 -0
  236. package/dist/stepper.js.map +1 -0
  237. package/dist/switch.d.ts +45 -0
  238. package/dist/switch.d.ts.map +1 -0
  239. package/dist/switch.js +44 -0
  240. package/dist/switch.js.map +1 -0
  241. package/dist/tabs.d.ts +86 -0
  242. package/dist/tabs.d.ts.map +1 -0
  243. package/dist/tabs.js +259 -0
  244. package/dist/tabs.js.map +1 -0
  245. package/dist/tags-input.d.ts +38 -0
  246. package/dist/tags-input.d.ts.map +1 -0
  247. package/dist/tags-input.js +93 -0
  248. package/dist/tags-input.js.map +1 -0
  249. package/dist/text.d.ts +85 -0
  250. package/dist/text.d.ts.map +1 -0
  251. package/dist/text.js +225 -0
  252. package/dist/text.js.map +1 -0
  253. package/dist/time-field.d.ts +42 -0
  254. package/dist/time-field.d.ts.map +1 -0
  255. package/dist/time-field.js +59 -0
  256. package/dist/time-field.js.map +1 -0
  257. package/dist/time-range-field.d.ts +48 -0
  258. package/dist/time-range-field.d.ts.map +1 -0
  259. package/dist/time-range-field.js +98 -0
  260. package/dist/time-range-field.js.map +1 -0
  261. package/dist/timer.d.ts +32 -0
  262. package/dist/timer.d.ts.map +1 -0
  263. package/dist/timer.js +46 -0
  264. package/dist/timer.js.map +1 -0
  265. package/dist/toast.d.ts +34 -0
  266. package/dist/toast.d.ts.map +1 -0
  267. package/dist/toast.js +116 -0
  268. package/dist/toast.js.map +1 -0
  269. package/dist/toggle-button.d.ts +39 -0
  270. package/dist/toggle-button.d.ts.map +1 -0
  271. package/dist/toggle-button.js +37 -0
  272. package/dist/toggle-button.js.map +1 -0
  273. package/dist/toggle-group.d.ts +42 -0
  274. package/dist/toggle-group.d.ts.map +1 -0
  275. package/dist/toggle-group.js +91 -0
  276. package/dist/toggle-group.js.map +1 -0
  277. package/dist/toolbar.d.ts +43 -0
  278. package/dist/toolbar.d.ts.map +1 -0
  279. package/dist/toolbar.js +151 -0
  280. package/dist/toolbar.js.map +1 -0
  281. package/dist/tooltip.d.ts +44 -0
  282. package/dist/tooltip.d.ts.map +1 -0
  283. package/dist/tooltip.js +67 -0
  284. package/dist/tooltip.js.map +1 -0
  285. package/dist/tree-grid.d.ts +131 -0
  286. package/dist/tree-grid.d.ts.map +1 -0
  287. package/dist/tree-grid.js +466 -0
  288. package/dist/tree-grid.js.map +1 -0
  289. package/dist/tree-view.d.ts +104 -0
  290. package/dist/tree-view.d.ts.map +1 -0
  291. package/dist/tree-view.js +332 -0
  292. package/dist/tree-view.js.map +1 -0
  293. package/dist/window-splitter.d.ts +8 -0
  294. package/dist/window-splitter.d.ts.map +1 -0
  295. package/dist/window-splitter.js +13 -0
  296. package/dist/window-splitter.js.map +1 -0
  297. package/dist/year-picker.d.ts +3 -0
  298. package/dist/year-picker.d.ts.map +1 -0
  299. package/dist/year-picker.js +2 -0
  300. package/dist/year-picker.js.map +1 -0
  301. package/dist/year-range-picker.d.ts +3 -0
  302. package/dist/year-range-picker.d.ts.map +1 -0
  303. package/dist/year-range-picker.js +2 -0
  304. package/dist/year-range-picker.js.map +1 -0
  305. package/package.json +2 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"quantity-field.d.ts","sourceRoot":"","sources":["../src/quantity-field.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,190 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { applyQuantityFieldEvent, tryCreateQuantityFieldState, } from '@sectile/core/quantity-field';
4
+ import { createSemanticController } from './internal/semantic-controller.js';
5
+ import { setInteractionAttributes } from './internal/interaction.js';
6
+ import { DOMTextElementBinding } from './internal/text-element.js';
7
+ import { toTextEvent } from './text.js';
8
+ import { createImperialUnitSystem, createMetricUnitSystem, createStandardUnitRegistry, } from '@sectile/core/units';
9
+ export function createStandardQuantityPolicies(canonicalUnit, unitSystem = 'all') {
10
+ const registry = createStandardUnitRegistry();
11
+ const profile = unitSystem === 'metric'
12
+ ? createMetricUnitSystem(registry)
13
+ : unitSystem === 'imperial'
14
+ ? createImperialUnitSystem(registry)
15
+ : undefined;
16
+ return Object.freeze({
17
+ registry,
18
+ canonicalUnit,
19
+ ...(profile === undefined ? {} : { unitSystem: profile }),
20
+ });
21
+ }
22
+ export function createQuantityField(options) {
23
+ return unwrap(tryCreateQuantityField(options));
24
+ }
25
+ export function tryCreateQuantityField(options) {
26
+ return createFacadeConnection(options, (options) => tryCreateQuantityFieldConnection(options));
27
+ }
28
+ function tryCreateQuantityFieldConnection(options) {
29
+ const quantityControlled = options.quantity !== undefined;
30
+ const displayUnitControlled = options.displayUnit !== undefined;
31
+ const inputControlled = options.inputState !== undefined;
32
+ const runtime = createSemanticController({
33
+ initial: tryCreateQuantityFieldState(options.policies, options.quantity !== undefined ? options.quantity : options.defaultQuantity ?? null, options.displayUnit ?? options.defaultDisplayUnit, options.inputState !== undefined ? options.inputState : options.defaultInputState),
34
+ reducer: (state, event) => applyQuantityFieldEvent(state, event, options.policies),
35
+ reconcile: (previous, proposed) => tryCreateQuantityFieldState(options.policies, quantityControlled ? previous.quantity : proposed.quantity, displayUnitControlled ? previous.displayUnit : proposed.displayUnit, inputControlled ? previous.inputState : proposed.inputState),
36
+ notify: (previous, proposed) => {
37
+ if (!sameValue(previous.displayUnit, proposed.displayUnit))
38
+ options.onDisplayUnitChange?.(proposed.displayUnit);
39
+ if (!sameValue(previous.inputState, proposed.inputState))
40
+ options.onInputStateChange?.(proposed.inputState);
41
+ },
42
+ toEffect: (command) => command,
43
+ interaction: options,
44
+ interactionIntent: (event) => typeof event === 'object' && event.type === 'set-display-unit' ? 'navigate' : 'mutate',
45
+ });
46
+ return runtime.ok
47
+ ? { ok: true, value: new DOMQuantityField(options, runtime.value, quantityControlled, displayUnitControlled, inputControlled) }
48
+ : runtime;
49
+ }
50
+ class DOMQuantityField {
51
+ #options;
52
+ #runtime;
53
+ #quantityControlled;
54
+ #displayUnitControlled;
55
+ #inputControlled;
56
+ #binding;
57
+ #keydown = (event) => {
58
+ if (this.#binding.isComposing || event.isComposing)
59
+ return;
60
+ if (event.key === 'Enter') {
61
+ event.preventDefault();
62
+ this.handleEvent('commit');
63
+ }
64
+ else if (event.key === 'Escape') {
65
+ event.preventDefault();
66
+ this.handleEvent('cancel');
67
+ }
68
+ };
69
+ #blur = () => {
70
+ if (this.#binding.isComposing)
71
+ return;
72
+ if (!this.handleEvent('commit'))
73
+ this.handleEvent('cancel');
74
+ };
75
+ #unitChange = () => {
76
+ const unit = this.#options.unitSelect?.value;
77
+ if (unit !== undefined)
78
+ this.handleEvent({ type: 'set-display-unit', unit });
79
+ };
80
+ constructor(options, runtime, quantityControlled, displayUnitControlled, inputControlled) {
81
+ this.#options = options;
82
+ this.#runtime = runtime;
83
+ this.#quantityControlled = quantityControlled;
84
+ this.#displayUnitControlled = displayUnitControlled;
85
+ this.#inputControlled = inputControlled;
86
+ this.#binding = new DOMTextElementBinding({
87
+ element: options.input,
88
+ getState: () => this.getSnapshot().state.inputState,
89
+ dispatch: (input) => this.#handleTextInput(input),
90
+ });
91
+ options.input.addEventListener('keydown', this.#keydown);
92
+ options.input.addEventListener('blur', this.#blur);
93
+ options.unitSelect?.addEventListener('change', this.#unitChange);
94
+ this.refresh();
95
+ }
96
+ getSnapshot() { return this.#runtime.getSnapshot(); }
97
+ getText() { return this.getSnapshot().state.inputState.snapshot.text; }
98
+ getQuantity() { return this.getSnapshot().state.quantity; }
99
+ getDisplayUnit() { return this.getSnapshot().state.displayUnit; }
100
+ syncControlledValues(values) {
101
+ if (this.#quantityControlled !== (values.quantity !== undefined)
102
+ || this.#displayUnitControlled !== (values.displayUnit !== undefined)
103
+ || this.#inputControlled !== (values.inputState !== undefined)) {
104
+ return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled quantity field values must preserve their construction-time shape.' } };
105
+ }
106
+ const state = this.getSnapshot().state;
107
+ const result = this.#runtime.replace(tryCreateQuantityFieldState(this.#options.policies, this.#quantityControlled ? values.quantity : state.quantity, this.#displayUnitControlled ? values.displayUnit : state.displayUnit, this.#inputControlled ? values.inputState : state.inputState));
108
+ if (result.ok) {
109
+ this.refresh();
110
+ this.#options.onUpdate?.();
111
+ }
112
+ return result;
113
+ }
114
+ handleEvent(event) {
115
+ const result = this.#runtime.handle(event);
116
+ this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
117
+ if (result.ok) {
118
+ for (const command of result.commands) {
119
+ if (command.type === 'quantity-committed') {
120
+ this.#options.onQuantityChange?.(Object.freeze({
121
+ value: command.value,
122
+ expression: command.expression,
123
+ displayUnit: command.displayUnit,
124
+ }));
125
+ }
126
+ }
127
+ this.refresh();
128
+ this.#options.onUpdate?.();
129
+ }
130
+ return result.ok;
131
+ }
132
+ refresh() {
133
+ const input = this.#options.input;
134
+ input.type = 'text';
135
+ input.inputMode = this.#options.policies.evaluator === undefined ? 'decimal' : 'text';
136
+ setInteractionAttributes(input, this.#options, { native: true, readOnly: true });
137
+ if (this.#options.label !== undefined)
138
+ input.setAttribute('aria-label', this.#options.label);
139
+ this.#binding.render();
140
+ const select = this.#options.unitSelect;
141
+ if (select !== undefined) {
142
+ this.#populateUnits();
143
+ select.value = this.getDisplayUnit();
144
+ select.disabled = this.#options.disabled ?? false;
145
+ select.setAttribute('aria-disabled', String(select.disabled));
146
+ select.setAttribute('aria-readonly', String(this.#options.readOnly ?? false));
147
+ if (this.#options.label !== undefined)
148
+ select.setAttribute('aria-label', `${this.#options.label} unit`);
149
+ }
150
+ }
151
+ disconnect() {
152
+ this.#binding.disconnect();
153
+ this.#options.input.removeEventListener('keydown', this.#keydown);
154
+ this.#options.input.removeEventListener('blur', this.#blur);
155
+ this.#options.unitSelect?.removeEventListener('change', this.#unitChange);
156
+ }
157
+ #handleTextInput(input) {
158
+ const event = toTextEvent(input);
159
+ return event !== null && this.handleEvent({ type: 'text', event });
160
+ }
161
+ #populateUnits() {
162
+ const select = this.#options.unitSelect;
163
+ if (select === undefined)
164
+ return;
165
+ select.replaceChildren();
166
+ for (const unitID of this.#displayUnits()) {
167
+ const unit = this.#options.policies.registry.get(unitID);
168
+ if (unit === null)
169
+ continue;
170
+ const option = select.ownerDocument.createElement('option');
171
+ option.value = unit.id;
172
+ option.textContent = unit.symbol;
173
+ select.append(option);
174
+ }
175
+ }
176
+ #displayUnits() {
177
+ const policies = this.#options.policies;
178
+ const preferred = policies.unitSystem?.getUnits(policies.canonicalUnit) ?? [];
179
+ const compatible = preferred.length > 0
180
+ ? preferred
181
+ : policies.registry.units
182
+ .filter((unit) => policies.registry.compatible(policies.canonicalUnit, unit.id))
183
+ .map((unit) => unit.id);
184
+ return Object.freeze([...new Set([...compatible, this.getDisplayUnit()])]);
185
+ }
186
+ }
187
+ function sameValue(left, right) {
188
+ return JSON.stringify(left) === JSON.stringify(right);
189
+ }
190
+ //# sourceMappingURL=quantity-field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"quantity-field.js","sourceRoot":"","sources":["../src/quantity-field.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,69 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result, StableID } from '@sectile/core';
3
+ import type { RevisionSnapshot } from '@sectile/core/revision';
4
+ import { type RadioGroupEvent, type RadioGroupPolicies, type RadioGroupState } from '@sectile/core/radio-group';
5
+ import type { KeyboardInput } from './tabs.js';
6
+ import { type ReadingDirection } from './internal/direction.js';
7
+ export type RadioGroupEffect<ID extends StableID = StableID> = {
8
+ readonly type: 'focus-radio';
9
+ readonly id: ID;
10
+ };
11
+ export interface RadioGroupOptions<ID extends StableID = StableID> {
12
+ readonly root: HTMLElement;
13
+ readonly disabled?: boolean;
14
+ readonly readOnly?: boolean;
15
+ readonly items: readonly ID[];
16
+ readonly policies?: RadioGroupPolicies<ID>;
17
+ readonly disabledItems?: readonly ID[];
18
+ readonly value?: ID | null;
19
+ readonly defaultValue?: ID | null;
20
+ readonly highlightedValue?: ID | null;
21
+ readonly defaultHighlightedValue?: ID | null;
22
+ readonly orientation?: 'horizontal' | 'vertical';
23
+ readonly direction?: ReadingDirection;
24
+ readonly label?: string;
25
+ readonly onValueChange?: (value: ID | null) => void;
26
+ readonly onHighlightedValueChange?: (value: ID | null) => void;
27
+ readonly onUpdate?: () => void;
28
+ }
29
+ export type RadioGroupValueChangeHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onValueChange']>;
30
+ export type RadioGroupHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onHighlightedValueChange']>;
31
+ export type RadioGroupUpdateHandler<ID extends StableID = StableID> = NonNullable<RadioGroupOptions<ID>['onUpdate']>;
32
+ export interface RadioGroupConnection<ID extends StableID = StableID> {
33
+ getSnapshot(): RevisionSnapshot<RadioGroupState<ID>>;
34
+ syncControlledValues(values: {
35
+ readonly value?: ID | null;
36
+ readonly highlightedValue?: ID | null;
37
+ }): Result<RevisionSnapshot<RadioGroupState<ID>>>;
38
+ setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
39
+ handleEvent(event: RadioGroupEvent<ID>): boolean;
40
+ disconnect(): void;
41
+ }
42
+ export interface RadioGroupRootAttributesOptions {
43
+ readonly orientation?: 'horizontal' | 'vertical';
44
+ readonly direction?: ReadingDirection;
45
+ readonly label?: string;
46
+ readonly disabled?: boolean;
47
+ readonly readOnly?: boolean;
48
+ }
49
+ export interface RadioGroupItemAttributesOptions<ID extends StableID = StableID> {
50
+ readonly id: ID;
51
+ readonly checked: boolean;
52
+ readonly highlighted: boolean;
53
+ readonly disabled?: boolean;
54
+ }
55
+ export interface RadioGroupInputAttributesOptions {
56
+ readonly name?: string;
57
+ readonly value: string;
58
+ readonly form?: string;
59
+ readonly checked: boolean;
60
+ readonly required?: boolean;
61
+ readonly disabled?: boolean;
62
+ }
63
+ export declare function getRadioGroupRootAttributes(options?: RadioGroupRootAttributesOptions): Readonly<Record<string, string | undefined>>;
64
+ export declare function getRadioGroupItemAttributes<ID extends StableID>(options: RadioGroupItemAttributesOptions<ID>): Readonly<Record<string, string | number | boolean | undefined>>;
65
+ export declare function getRadioGroupInputAttributes(options: RadioGroupInputAttributesOptions): Readonly<Record<string, string | number | boolean | undefined>>;
66
+ export declare function createRadioGroup<ID extends StableID>(options: RadioGroupOptions<ID>): FacadeConnection<RadioGroupConnection<ID>>;
67
+ export declare function tryCreateRadioGroup<ID extends StableID>(options: RadioGroupOptions<ID>): Result<FacadeConnection<RadioGroupConnection<ID>>>;
68
+ export declare function toRadioGroupEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical', direction?: ReadingDirection): RadioGroupEvent<ID> | null;
69
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../src/radio-group.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,225 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { tryCreateSequence } from '@sectile/core/sequence';
4
+ import { applyRadioGroupEvent, tryCreateRadioGroupState, } from '@sectile/core/radio-group';
5
+ import { findDelegatedID } from './internal/delegated-event.js';
6
+ import { createDisabledItems } from './internal/disabled-items.js';
7
+ import { createSemanticController } from './internal/semantic-controller.js';
8
+ import { horizontalArrow } from './internal/direction.js';
9
+ export function getRadioGroupRootAttributes(options = {}) {
10
+ return Object.freeze({
11
+ role: 'radiogroup',
12
+ 'aria-orientation': options.orientation ?? 'vertical',
13
+ dir: options.direction,
14
+ 'aria-label': options.label,
15
+ 'aria-disabled': options.disabled === true ? 'true' : undefined,
16
+ 'aria-readonly': options.readOnly === true ? 'true' : undefined,
17
+ 'data-scope': 'radio-group',
18
+ 'data-part': 'root',
19
+ 'data-disabled': options.disabled === true ? '' : undefined,
20
+ 'data-readonly': options.readOnly === true ? '' : undefined,
21
+ });
22
+ }
23
+ export function getRadioGroupItemAttributes(options) {
24
+ return Object.freeze({
25
+ role: 'radio',
26
+ type: 'button',
27
+ tabindex: options.disabled === true ? -1 : options.highlighted ? 0 : -1,
28
+ 'aria-checked': String(options.checked),
29
+ 'aria-disabled': options.disabled === true ? 'true' : undefined,
30
+ disabled: options.disabled === true ? true : undefined,
31
+ 'data-radio-group-id': String(options.id),
32
+ 'data-scope': 'radio-group',
33
+ 'data-part': 'item',
34
+ 'data-state': options.checked ? 'checked' : 'unchecked',
35
+ 'data-highlighted': options.highlighted ? '' : undefined,
36
+ 'data-disabled': options.disabled === true ? '' : undefined,
37
+ });
38
+ }
39
+ export function getRadioGroupInputAttributes(options) {
40
+ return Object.freeze({
41
+ type: 'radio',
42
+ name: options.name,
43
+ value: options.value,
44
+ form: options.form,
45
+ checked: options.checked,
46
+ required: options.required ?? false,
47
+ disabled: options.disabled ?? false,
48
+ tabindex: -1,
49
+ 'aria-hidden': 'true',
50
+ });
51
+ }
52
+ export function createRadioGroup(options) {
53
+ return unwrap(tryCreateRadioGroup(options));
54
+ }
55
+ export function tryCreateRadioGroup(options) {
56
+ return createFacadeConnection(options, (options) => tryCreateRadioGroupConnection(options));
57
+ }
58
+ function tryCreateRadioGroupConnection(options) {
59
+ const domain = tryCreateSequence(options.items);
60
+ if (!domain.ok)
61
+ return domain;
62
+ const disabled = createDisabledItems(domain.value, options.disabledItems);
63
+ if (!disabled.ok)
64
+ return disabled;
65
+ const suppliedEligibility = options.policies?.eligible;
66
+ const policies = Object.freeze({
67
+ ...options.policies,
68
+ eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
69
+ });
70
+ const valueControlled = options.value !== undefined;
71
+ const highlightControlled = options.highlightedValue !== undefined;
72
+ const runtime = createSemanticController({
73
+ interaction: options,
74
+ interactionIntent: radioGroupIntent,
75
+ initial: tryCreateRadioGroupState(domain.value, {
76
+ selected: selected(options.value ?? options.defaultValue ?? null),
77
+ current: options.highlightedValue !== undefined
78
+ ? options.highlightedValue
79
+ : options.defaultHighlightedValue ?? options.value ?? options.defaultValue ?? null,
80
+ }),
81
+ reducer: (state, event) => applyRadioGroupEvent(domain.value, state, event, policies),
82
+ reconcile: (previous, proposed) => tryCreateRadioGroupState(domain.value, {
83
+ selected: valueControlled || options.readOnly === true
84
+ ? previous.selection.selected
85
+ : proposed.selection.selected,
86
+ current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
87
+ }),
88
+ notify: (previous, proposed) => {
89
+ if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
90
+ options.onValueChange?.(proposed.selection.selected[0] ?? null);
91
+ }
92
+ if (previous.cursor.current !== proposed.cursor.current) {
93
+ options.onHighlightedValueChange?.(proposed.cursor.current);
94
+ }
95
+ },
96
+ toEffect: (command) => Object.freeze({ type: 'focus-radio', id: command.id }),
97
+ });
98
+ if (!runtime.ok)
99
+ return runtime;
100
+ return { ok: true, value: new DOMRadioGroupConnection(options, domain.value, runtime.value, disabled.value) };
101
+ }
102
+ export function toRadioGroupEvent(input, orientation = 'vertical', direction = 'ltr') {
103
+ if (input.altKey || input.ctrlKey || input.metaKey)
104
+ return null;
105
+ if (input.key === 'Home')
106
+ return 'first';
107
+ if (input.key === 'End')
108
+ return 'last';
109
+ if (input.key === ' ' || input.key === 'Enter')
110
+ return 'check';
111
+ if (orientation === 'horizontal') {
112
+ const horizontal = horizontalArrow(input.key, direction);
113
+ if (horizontal !== null)
114
+ return horizontal;
115
+ }
116
+ if (orientation === 'vertical' && input.key === 'ArrowDown')
117
+ return 'next';
118
+ if (orientation === 'vertical' && input.key === 'ArrowUp')
119
+ return 'previous';
120
+ return null;
121
+ }
122
+ class DOMRadioGroupConnection {
123
+ #options;
124
+ #domain;
125
+ #runtime;
126
+ #valueControlled;
127
+ #highlightControlled;
128
+ #disabledItems;
129
+ #keydown;
130
+ #click;
131
+ constructor(options, domain, runtime, disabledItems) {
132
+ this.#options = options;
133
+ this.#domain = domain;
134
+ this.#runtime = runtime;
135
+ this.#valueControlled = options.value !== undefined;
136
+ this.#highlightControlled = options.highlightedValue !== undefined;
137
+ this.#disabledItems = disabledItems;
138
+ applyAttributes(options.root, getRadioGroupRootAttributes(options));
139
+ this.#keydown = (event) => {
140
+ const semantic = toRadioGroupEvent(event, options.orientation, options.direction);
141
+ if (semantic === null)
142
+ return;
143
+ event.preventDefault();
144
+ this.handleEvent(semantic);
145
+ };
146
+ this.#click = (event) => {
147
+ const id = findDelegatedID(event.target, options.root, 'radioGroupId');
148
+ if (id !== null)
149
+ this.handleEvent({ type: 'check', id: id });
150
+ };
151
+ options.root.addEventListener('keydown', this.#keydown);
152
+ options.root.addEventListener('click', this.#click);
153
+ }
154
+ getSnapshot() { return this.#runtime.getSnapshot(); }
155
+ syncControlledValues(values) {
156
+ if (this.#valueControlled !== (values.value !== undefined)
157
+ || this.#highlightControlled !== (values.highlightedValue !== undefined)) {
158
+ return { ok: false, error: {
159
+ class: 'construction', code: 'controlled-shape-mismatch',
160
+ message: 'Controlled radio group values must preserve their construction-time shape.',
161
+ } };
162
+ }
163
+ const state = this.#runtime.getSnapshot().state;
164
+ const result = this.#runtime.replace(tryCreateRadioGroupState(this.#domain, {
165
+ selected: this.#valueControlled ? selected(values.value ?? null) : state.selection.selected,
166
+ current: this.#highlightControlled ? (values.highlightedValue ?? null) : state.cursor.current,
167
+ }));
168
+ if (result.ok)
169
+ this.#options.onUpdate?.();
170
+ return result;
171
+ }
172
+ setItemAttributes(element, id, disabled = false) {
173
+ const state = this.#runtime.getSnapshot().state;
174
+ const unavailable = this.#options.disabled === true || disabled || this.#disabledItems.has(id);
175
+ element.dataset['radioGroupId'] = String(id);
176
+ applyAttributes(element, getRadioGroupItemAttributes({
177
+ id,
178
+ checked: state.selection.has(id),
179
+ highlighted: state.cursor.current === id,
180
+ disabled: unavailable,
181
+ }));
182
+ }
183
+ handleEvent(event) {
184
+ const result = this.#runtime.handle(event);
185
+ if (result.ok)
186
+ queueMicrotask(() => {
187
+ for (const element of this.#options.root.querySelectorAll('[data-radio-group-id]')) {
188
+ if (element.dataset['radioGroupId'] === result.snapshot.state.cursor.current)
189
+ element.focus();
190
+ }
191
+ });
192
+ if (result.ok)
193
+ this.#options.onUpdate?.();
194
+ return result.ok;
195
+ }
196
+ disconnect() {
197
+ this.#options.root.removeEventListener('keydown', this.#keydown);
198
+ this.#options.root.removeEventListener('click', this.#click);
199
+ }
200
+ }
201
+ function applyAttributes(element, attributes) {
202
+ for (const [name, value] of Object.entries(attributes)) {
203
+ if (name === 'tabindex') {
204
+ element.tabIndex = Number(value ?? -1);
205
+ continue;
206
+ }
207
+ if (name === 'disabled' && 'disabled' in element) {
208
+ element.disabled = value === true;
209
+ continue;
210
+ }
211
+ if (value === undefined || value === false)
212
+ element.removeAttribute(name);
213
+ else
214
+ element.setAttribute(name, value === true ? '' : String(value));
215
+ }
216
+ }
217
+ function radioGroupIntent(event) {
218
+ return event === 'check' || (typeof event === 'object' && event.type === 'check')
219
+ ? 'mutate'
220
+ : 'navigate';
221
+ }
222
+ function selected(value) {
223
+ return value === null ? [] : [value];
224
+ }
225
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../src/radio-group.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { createDateRangePicker as createRangeCalendar, tryCreateDateRangePicker as tryCreateRangeCalendar, } from './date-range-picker.js';
2
+ export type { DateRangePickerConnection as RangeCalendarConnection, DateRangePickerControlledValues as RangeCalendarControlledValues, DateRangePickerOptions as RangeCalendarOptions, } from './date-range-picker.js';
3
+ //# sourceMappingURL=range-calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../src/range-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,mBAAmB,EAC5C,wBAAwB,IAAI,sBAAsB,GACnD,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,yBAAyB,IAAI,uBAAuB,EACpD,+BAA+B,IAAI,6BAA6B,EAChE,sBAAsB,IAAI,oBAAoB,GAC/C,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { createDateRangePicker as createRangeCalendar, tryCreateDateRangePicker as tryCreateRangeCalendar, } from './date-range-picker.js';
2
+ //# sourceMappingURL=range-calendar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"range-calendar.js","sourceRoot":"","sources":["../src/range-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,mBAAmB,EAC5C,wBAAwB,IAAI,sBAAsB,GACnD,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result, StableID } from '@sectile/core';
3
+ import type { RatingEvent, RatingState } from '@sectile/core/rating';
4
+ import type { RevisionSnapshot } from '@sectile/core/revision';
5
+ import { type RadioGroupOptions } from './radio-group.js';
6
+ export type RatingOptions<ID extends StableID = StableID> = Omit<RadioGroupOptions<ID>, 'orientation' | 'onValueChange'> & {
7
+ readonly clearable?: boolean;
8
+ readonly onValueChange?: (value: ID | null) => void;
9
+ };
10
+ export type RatingValueChangeHandler<ID extends StableID = StableID> = NonNullable<RatingOptions<ID>['onValueChange']>;
11
+ export interface RatingConnection<ID extends StableID = StableID> {
12
+ getSnapshot(): RevisionSnapshot<RatingState<ID>>;
13
+ syncControlledValues(values: {
14
+ readonly value?: ID | null;
15
+ readonly highlightedValue?: ID | null;
16
+ }): Result<RevisionSnapshot<RatingState<ID>>>;
17
+ setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
18
+ handleEvent(event: RatingEvent<ID>): boolean;
19
+ disconnect(): void;
20
+ }
21
+ export declare function createRating<ID extends StableID>(options: RatingOptions<ID>): FacadeConnection<RatingConnection<ID>>;
22
+ export declare function tryCreateRating<ID extends StableID>(options: RatingOptions<ID>): Result<FacadeConnection<RatingConnection<ID>>>;
23
+ //# sourceMappingURL=rating.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../src/rating.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAkD,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1G,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC,GAAG;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC;AAEjN,MAAM,MAAM,wBAAwB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AACvH,MAAM,WAAW,gBAAgB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,WAAW,IAAI,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACnZ,wBAAgB,YAAY,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAEpH;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAE/H"}
package/dist/rating.js ADDED
@@ -0,0 +1,38 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { tryCreateRadioGroup } from './radio-group.js';
4
+ export function createRating(options) {
5
+ return unwrap(tryCreateRating(options));
6
+ }
7
+ export function tryCreateRating(options) {
8
+ return createFacadeConnection(options, (options) => tryCreateRatingConnection(options));
9
+ }
10
+ function tryCreateRatingConnection(options) {
11
+ const uncontrolled = options.value === undefined;
12
+ let value = options.value ?? options.defaultValue ?? null;
13
+ let highlightedValue = options.highlightedValue ?? options.defaultHighlightedValue ?? value;
14
+ let base;
15
+ const result = tryCreateRadioGroup({ ...options, orientation: 'horizontal', value, highlightedValue, onValueChange: (next) => { options.onValueChange?.(next); if (uncontrolled) {
16
+ value = next;
17
+ queueMicrotask(sync);
18
+ } }, onHighlightedValueChange: (next) => { highlightedValue = next; queueMicrotask(sync); } });
19
+ if (!result.ok)
20
+ return result;
21
+ base = result.value;
22
+ function sync() { base.syncControlledValues({ value, highlightedValue }); }
23
+ return { ok: true, value: Object.freeze({ getSnapshot: () => base.getSnapshot(), syncControlledValues: (values) => { if (values.value !== undefined)
24
+ value = values.value; if (values.highlightedValue !== undefined)
25
+ highlightedValue = values.highlightedValue; return base.syncControlledValues({ value, highlightedValue }); }, setItemAttributes: (element, id, disabled) => { base.setItemAttributes(element, id, disabled); element.setAttribute('aria-label', `${id} rating`); }, handleEvent: (event) => { if (event === 'clear') {
26
+ if (options.clearable !== true)
27
+ return false;
28
+ options.onValueChange?.(null);
29
+ if (uncontrolled) {
30
+ value = null;
31
+ return base.syncControlledValues({ value, highlightedValue }).ok;
32
+ }
33
+ return true;
34
+ } return base.handleEvent(mapEvent(event)); }, disconnect: () => base.disconnect() }) };
35
+ }
36
+ function mapEvent(event) { if (typeof event === 'object')
37
+ return event.type === 'set' ? { type: 'check', id: event.id } : event; return event === 'increase' ? 'next' : event === 'decrease' ? 'previous' : event === 'minimum' ? 'first' : event === 'maximum' ? 'last' : 'check'; }
38
+ //# sourceMappingURL=rating.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rating.js","sourceRoot":"","sources":["../src/rating.ts"],"names":[],"mappings":"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"}