@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/timer.js ADDED
@@ -0,0 +1,46 @@
1
+ import { applyTimerEvent, tryCreateTimerState, getTimerParts, getTimerProgress } from '@sectile/core/timer';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { createFacadeConnection } from './internal/facade.js';
4
+ import { createSemanticController } from './internal/semantic-controller.js';
5
+ export function createTimer(options) { return unwrap(tryCreateTimer(options)); }
6
+ export function tryCreateTimer(options) { return createFacadeConnection(options, (normalized) => tryCreateTimerConnection(normalized)); }
7
+ function tryCreateTimerConnection(options) { const policies = { ...(options.countdown === undefined ? {} : { countdown: options.countdown }), ...(options.startMs === undefined ? {} : { startMs: options.startMs }), ...(options.targetMs === undefined ? {} : { targetMs: options.targetMs }) }; const runtime = createSemanticController({ initial: tryCreateTimerState(policies, policies.startMs ?? 0, options.autoStart ?? false), reducer: (state, event) => applyTimerEvent(state, event, policies), toEffect: (command) => command }); return runtime.ok ? { ok: true, value: new DOMTimer(options, policies, runtime.value) } : runtime; }
8
+ class DOMTimer {
9
+ #options;
10
+ #policies;
11
+ #runtime;
12
+ #items = new Map();
13
+ #actions = new Map();
14
+ #interval;
15
+ #lastTick = Date.now();
16
+ constructor(options, policies, runtime) { this.#options = options; this.#policies = policies; this.#runtime = runtime; options.root.setAttribute('role', 'timer'); options.root.setAttribute('aria-live', 'off'); const intervalMs = options.intervalMs ?? 100; this.#interval = setInterval(() => { if (!this.getSnapshot().state.running)
17
+ return; const now = Date.now(); const elapsedMs = now - this.#lastTick; this.#lastTick = now; this.handleEvent({ type: 'tick', elapsedMs }); }, intervalMs); this.#refresh(); }
18
+ getSnapshot() { return this.#runtime.getSnapshot(); }
19
+ handleEvent(event) { if (event === 'start' || event === 'resume' || event === 'restart' || (event === 'toggle' && !this.getSnapshot().state.running))
20
+ this.#lastTick = Date.now(); const result = this.#runtime.handle(event); if (!result.ok)
21
+ return false; if (typeof event === 'object')
22
+ this.#options.onTick?.(result.snapshot.state.valueMs, unwrap(getTimerParts(result.snapshot.state.valueMs))); for (const command of result.commands)
23
+ this.#options.onComplete?.(command.valueMs); this.#refresh(); this.#options.onUpdate?.(); return true; }
24
+ start() { return this.handleEvent('start'); }
25
+ pause() { return this.handleEvent('pause'); }
26
+ resume() { return this.handleEvent('resume'); }
27
+ reset() { return this.handleEvent('reset'); }
28
+ restart() { return this.handleEvent('restart'); }
29
+ setItemAttributes(element, type) { this.#items.set(type, element); element.dataset['timerItem'] = type; this.#refresh(); }
30
+ setActionAttributes(element, action) { const previous = this.#actions.get(action); if (previous !== undefined)
31
+ previous.element.removeEventListener('click', previous.click); const click = () => { this.handleEvent(action); }; element.addEventListener('click', click); this.#actions.set(action, { element, click }); this.#refresh(); }
32
+ disconnect() { clearInterval(this.#interval); for (const item of this.#actions.values())
33
+ item.element.removeEventListener('click', item.click); this.#actions.clear(); this.#items.clear(); }
34
+ #refresh() { const state = this.getSnapshot().state; const parts = unwrap(getTimerParts(state.valueMs)); const progress = unwrap(getTimerProgress(state, this.#policies)); this.#options.root.dataset['state'] = state.completed ? 'complete' : state.running ? 'running' : 'idle'; this.#options.root.dataset['countdown'] = String(this.#policies.countdown === true); this.#options.root.setAttribute('aria-label', formatAccessible(parts)); if (progress === null)
35
+ this.#options.root.removeAttribute('aria-valuenow');
36
+ else
37
+ this.#options.root.setAttribute('aria-valuenow', String(progress)); for (const [type, element] of this.#items)
38
+ element.textContent = formatPart(type, parts[type]); for (const [action, { element }] of this.#actions) {
39
+ element.type = 'button';
40
+ element.dataset['timerAction'] = action;
41
+ element.disabled = (action === 'pause' && !state.running) || ((action === 'start' || action === 'resume') && (state.running || state.completed));
42
+ } }
43
+ }
44
+ function formatPart(type, value) { return String(value).padStart(type === 'milliseconds' ? 3 : type === 'days' ? 1 : 2, '0'); }
45
+ function formatAccessible(parts) { return `${parts.days} days, ${parts.hours} hours, ${parts.minutes} minutes, ${parts.seconds} seconds`; }
46
+ //# sourceMappingURL=timer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timer.js","sourceRoot":"","sources":["../src/timer.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,44 @@
1
+ import type { Result, StableID } from '@sectile/core';
2
+ import { type ToastEvent, type ToastInput, type ToastItem, type ToastPolicies, type ToastState } from '@sectile/core/toast';
3
+ import type { RevisionSnapshot } from '@sectile/core/revision';
4
+ import { type FacadeConnection } from './internal/facade.js';
5
+ export type { ToastInput, ToastItem, ToastKind } from '@sectile/core/toast';
6
+ export { createToastState } from '@sectile/core/toast';
7
+ export interface ToastOptions<ID extends StableID = StableID> extends ToastPolicies {
8
+ readonly root: HTMLElement;
9
+ readonly items?: readonly ToastInput<ID>[];
10
+ readonly initialToasts?: readonly ToastInput<ID>[];
11
+ readonly label?: string;
12
+ readonly closeLabel?: string;
13
+ readonly autoDismiss?: boolean;
14
+ readonly tickIntervalMs?: number;
15
+ readonly hotkey?: readonly string[] | false;
16
+ readonly pauseOnWindowBlur?: boolean;
17
+ readonly dismissOnEscape?: boolean;
18
+ readonly swipeDirection?: 'up' | 'right' | 'down' | 'left';
19
+ readonly swipeThreshold?: number;
20
+ readonly manageVisibility?: boolean;
21
+ readonly onItemsChange?: (items: readonly ToastItem<ID>[]) => void;
22
+ readonly onAnnounce?: (item: ToastItem<ID>) => void;
23
+ readonly onDismiss?: (id: ID, reason: 'manual' | 'timeout' | 'overflow') => void;
24
+ readonly onUpdate?: () => void;
25
+ }
26
+ export type ToastItemsChangeHandler<ID extends StableID = StableID> = NonNullable<ToastOptions<ID>['onItemsChange']>;
27
+ export type ToastAnnounceHandler<ID extends StableID = StableID> = NonNullable<ToastOptions<ID>['onAnnounce']>;
28
+ export type ToastDismissHandler<ID extends StableID = StableID> = NonNullable<ToastOptions<ID>['onDismiss']>;
29
+ export type ToastUpdateHandler<ID extends StableID = StableID> = NonNullable<ToastOptions<ID>['onUpdate']>;
30
+ export interface ToastConnection<ID extends StableID = StableID> {
31
+ getSnapshot(): RevisionSnapshot<ToastState<ID>>;
32
+ handleEvent(event: ToastEvent<ID>): boolean;
33
+ push(toast: ToastInput<ID>): boolean;
34
+ updateToast(id: ID, toast: Partial<Omit<ToastInput<ID>, 'id'>>): boolean;
35
+ dismiss(id: ID): boolean;
36
+ dismissAll(): boolean;
37
+ syncItems(items: readonly ToastInput<ID>[]): Result<RevisionSnapshot<ToastState<ID>>>;
38
+ setToastAttributes(element: HTMLElement, id: ID): void;
39
+ setCloseButtonAttributes(element: HTMLButtonElement, id: ID): void;
40
+ disconnect(): void;
41
+ }
42
+ export declare function createToast<ID extends StableID>(options: ToastOptions<ID>): FacadeConnection<ToastConnection<ID>>;
43
+ export declare function tryCreateToast<ID extends StableID>(options: ToastOptions<ID>): Result<FacadeConnection<ToastConnection<ID>>>;
44
+ //# sourceMappingURL=toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAA2D,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACrL,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAY,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,CAAE,SAAQ,aAAa;IACjF,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;IAC3C,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;IACnD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,KAAK,CAAC;IAC5C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,cAAc,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3D,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,uBAAuB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AACrH,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;AAC/G,MAAM,MAAM,mBAAmB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;AAC7G,MAAM,MAAM,kBAAkB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAC3G,MAAM,WAAW,eAAe,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC7D,WAAW,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAChD,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IACrC,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC;IACzB,UAAU,IAAI,OAAO,CAAC;IACtB,SAAS,CAAC,KAAK,EAAE,SAAS,UAAU,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACtF,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACvD,wBAAwB,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACnE,UAAU,IAAI,IAAI,CAAC;CACpB;AACD,wBAAgB,WAAW,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAA4C;AAC9J,wBAAgB,cAAc,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAkG"}
package/dist/toast.js ADDED
@@ -0,0 +1,263 @@
1
+ import { applyToastEvent, tryCreateToastState } from '@sectile/core/toast';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { createFacadeConnection } from './internal/facade.js';
4
+ import { createSemanticController } from './internal/semantic-controller.js';
5
+ export { createToastState } from '@sectile/core/toast';
6
+ export function createToast(options) { return unwrap(tryCreateToast(options)); }
7
+ export function tryCreateToast(options) { return createFacadeConnection(options, (normalized) => tryCreateToastConnection(normalized)); }
8
+ function tryCreateToastConnection(options) {
9
+ let connection;
10
+ const runtime = createSemanticController({
11
+ initial: tryCreateToastState(options.items ?? options.initialToasts ?? [], false, options),
12
+ reducer: (state, event) => applyToastEvent(state, event, options),
13
+ ...(options.items === undefined ? {} : { reconcile: (previous, proposed) => ({ ok: true, value: Object.freeze({ items: previous.items, paused: proposed.paused }) }) }),
14
+ notify: (_previous, proposed) => options.onItemsChange?.(proposed.items),
15
+ toEffect: (command) => command,
16
+ });
17
+ if (!runtime.ok)
18
+ return runtime;
19
+ connection = new DOMToast(options, runtime.value);
20
+ return { ok: true, value: connection };
21
+ }
22
+ class DOMToast {
23
+ #options;
24
+ #runtime;
25
+ #toasts = new Map();
26
+ #closes = new Map();
27
+ #touchActions = new Map();
28
+ #mouseenter;
29
+ #mouseleave;
30
+ #focusin;
31
+ #focusout;
32
+ #timer;
33
+ #keydown;
34
+ #pointerdown;
35
+ #pointermove;
36
+ #pointerup;
37
+ #pointercancel;
38
+ #windowBlur;
39
+ #windowFocus;
40
+ #swipe;
41
+ #hovered = false;
42
+ #focused = false;
43
+ #windowBlurred = false;
44
+ #lastTick = Date.now();
45
+ constructor(options, runtime) {
46
+ this.#options = options;
47
+ this.#runtime = runtime;
48
+ options.root.setAttribute('role', 'region');
49
+ options.root.setAttribute('aria-label', options.label ?? 'Notifications');
50
+ options.root.setAttribute('aria-live', 'polite');
51
+ options.root.tabIndex = -1;
52
+ this.#mouseenter = () => { this.#hovered = true; this.#syncPause(); };
53
+ this.#mouseleave = () => { this.#hovered = false; this.#syncPause(); };
54
+ this.#focusin = () => { this.#focused = true; this.#syncPause(); };
55
+ this.#focusout = (event) => { if (contains(options.root, event.relatedTarget))
56
+ return; this.#focused = false; this.#syncPause(); };
57
+ options.root.addEventListener('mouseenter', this.#mouseenter);
58
+ options.root.addEventListener('mouseleave', this.#mouseleave);
59
+ options.root.addEventListener('focusin', this.#focusin);
60
+ options.root.addEventListener('focusout', this.#focusout);
61
+ this.#keydown = (event) => {
62
+ if (!event.defaultPrevented && matchesHotkey(event, options.hotkey ?? ['F8'])) {
63
+ event.preventDefault();
64
+ options.root.focus();
65
+ return;
66
+ }
67
+ if (event.key !== 'Escape' || options.dismissOnEscape === false)
68
+ return;
69
+ const toast = this.#toastAt(event.target);
70
+ const id = toast?.id ?? (event.target === options.root ? this.getSnapshot().state.items.at(-1)?.id : undefined);
71
+ if (id === undefined)
72
+ return;
73
+ event.preventDefault();
74
+ this.dismiss(id);
75
+ };
76
+ this.#pointerdown = (event) => {
77
+ const toast = this.#toastAt(event.target);
78
+ if (toast === null)
79
+ return;
80
+ this.#swipe = { id: toast.id, pointerId: event.pointerId, startX: event.clientX, startY: event.clientY, element: toast.element };
81
+ toast.element.dataset['swipe'] = 'start';
82
+ toast.element.setPointerCapture?.(event.pointerId);
83
+ };
84
+ this.#pointermove = (event) => {
85
+ if (this.#swipe === undefined || this.#swipe.pointerId !== event.pointerId)
86
+ return;
87
+ const delta = swipeDelta(options.swipeDirection ?? 'right', event.clientX - this.#swipe.startX, event.clientY - this.#swipe.startY);
88
+ this.#swipe.element.dataset['swipe'] = 'move';
89
+ this.#swipe.element.style.setProperty('--sectile-toast-swipe-move-x', `${delta.x}px`);
90
+ this.#swipe.element.style.setProperty('--sectile-toast-swipe-move-y', `${delta.y}px`);
91
+ };
92
+ this.#pointerup = (event) => {
93
+ const swipe = this.#swipe;
94
+ if (swipe === undefined || swipe.pointerId !== event.pointerId)
95
+ return;
96
+ this.#swipe = undefined;
97
+ const delta = swipeDelta(options.swipeDirection ?? 'right', event.clientX - swipe.startX, event.clientY - swipe.startY);
98
+ const distance = options.swipeDirection === 'up' || options.swipeDirection === 'down' ? Math.abs(delta.y) : Math.abs(delta.x);
99
+ if (distance >= (options.swipeThreshold ?? 50)) {
100
+ swipe.element.dataset['swipe'] = 'end';
101
+ swipe.element.style.setProperty('--sectile-toast-swipe-end-x', `${delta.x}px`);
102
+ swipe.element.style.setProperty('--sectile-toast-swipe-end-y', `${delta.y}px`);
103
+ this.dismiss(swipe.id);
104
+ }
105
+ else {
106
+ swipe.element.dataset['swipe'] = 'cancel';
107
+ swipe.element.style.removeProperty('--sectile-toast-swipe-move-x');
108
+ swipe.element.style.removeProperty('--sectile-toast-swipe-move-y');
109
+ }
110
+ };
111
+ this.#pointercancel = (event) => {
112
+ const swipe = this.#swipe;
113
+ if (swipe === undefined || swipe.pointerId !== event.pointerId)
114
+ return;
115
+ this.#swipe = undefined;
116
+ swipe.element.dataset['swipe'] = 'cancel';
117
+ swipe.element.style.removeProperty('--sectile-toast-swipe-move-x');
118
+ swipe.element.style.removeProperty('--sectile-toast-swipe-move-y');
119
+ };
120
+ this.#windowBlur = () => { if (options.pauseOnWindowBlur !== false) {
121
+ this.#windowBlurred = true;
122
+ this.#syncPause();
123
+ } };
124
+ this.#windowFocus = () => { if (options.pauseOnWindowBlur !== false) {
125
+ this.#windowBlurred = false;
126
+ this.#syncPause();
127
+ } };
128
+ options.root.ownerDocument?.addEventListener?.('keydown', this.#keydown, true);
129
+ options.root.addEventListener('pointerdown', this.#pointerdown);
130
+ options.root.addEventListener('pointermove', this.#pointermove);
131
+ options.root.addEventListener('pointerup', this.#pointerup);
132
+ options.root.addEventListener('pointercancel', this.#pointercancel);
133
+ options.root.ownerDocument?.defaultView?.addEventListener?.('blur', this.#windowBlur);
134
+ options.root.ownerDocument?.defaultView?.addEventListener?.('focus', this.#windowFocus);
135
+ const interval = options.tickIntervalMs ?? 100;
136
+ this.#timer = options.autoDismiss === false ? null : setInterval(() => {
137
+ if (this.getSnapshot().state.paused)
138
+ return;
139
+ const now = Date.now();
140
+ const elapsedMs = now - this.#lastTick;
141
+ this.#lastTick = now;
142
+ if (this.getSnapshot().state.items.some((item) => item.remainingMs !== null))
143
+ this.handleEvent({ type: 'tick', elapsedMs });
144
+ }, interval);
145
+ this.#refresh();
146
+ }
147
+ getSnapshot() { return this.#runtime.getSnapshot(); }
148
+ handleEvent(event) {
149
+ const result = this.#runtime.handle(event);
150
+ if (!result.ok)
151
+ return false;
152
+ for (const command of result.commands) {
153
+ if (command.type === 'announce-toast') {
154
+ const item = result.snapshot.state.items.find((candidate) => candidate.id === command.id);
155
+ if (item !== undefined)
156
+ this.#options.onAnnounce?.(item);
157
+ }
158
+ else
159
+ this.#options.onDismiss?.(command.id, command.reason);
160
+ }
161
+ this.#refresh();
162
+ this.#options.onUpdate?.();
163
+ return true;
164
+ }
165
+ push(toast) { return this.handleEvent({ type: 'push', toast }); }
166
+ updateToast(id, toast) { return this.handleEvent({ type: 'update', id, toast }); }
167
+ dismiss(id) { return this.handleEvent({ type: 'dismiss', id }); }
168
+ dismissAll() { return this.handleEvent('dismiss-all'); }
169
+ syncItems(items) { const result = this.#runtime.replace(tryCreateToastState(items, this.getSnapshot().state.paused, this.#options)); if (result.ok) {
170
+ this.#refresh();
171
+ this.#options.onUpdate?.();
172
+ } return result; }
173
+ setToastAttributes(element, id) { for (const [candidate, registered] of this.#toasts)
174
+ if (candidate !== id && registered === element)
175
+ this.#toasts.delete(candidate); this.#toasts.set(id, element); const style = element.style; if (style !== undefined && !this.#touchActions.has(element)) {
176
+ this.#touchActions.set(element, style.touchAction);
177
+ if (style.touchAction === '')
178
+ style.touchAction = optionsTouchAction(this.#options.swipeDirection ?? 'right');
179
+ } this.#refresh(); }
180
+ setCloseButtonAttributes(element, id) {
181
+ for (const [candidate, registered] of this.#closes)
182
+ if (candidate !== id && registered.element === element) {
183
+ registered.element.removeEventListener('click', registered.click);
184
+ this.#closes.delete(candidate);
185
+ }
186
+ const previous = this.#closes.get(id);
187
+ if (previous !== undefined)
188
+ previous.element.removeEventListener('click', previous.click);
189
+ const click = () => { this.dismiss(id); };
190
+ element.addEventListener('click', click);
191
+ this.#closes.set(id, { element, click });
192
+ this.#refresh();
193
+ }
194
+ disconnect() {
195
+ if (this.#timer !== null)
196
+ clearInterval(this.#timer);
197
+ this.#options.root.removeEventListener('mouseenter', this.#mouseenter);
198
+ this.#options.root.removeEventListener('mouseleave', this.#mouseleave);
199
+ this.#options.root.removeEventListener('focusin', this.#focusin);
200
+ this.#options.root.removeEventListener('focusout', this.#focusout);
201
+ this.#options.root.ownerDocument?.removeEventListener?.('keydown', this.#keydown, true);
202
+ this.#options.root.removeEventListener('pointerdown', this.#pointerdown);
203
+ this.#options.root.removeEventListener('pointermove', this.#pointermove);
204
+ this.#options.root.removeEventListener('pointerup', this.#pointerup);
205
+ this.#options.root.removeEventListener('pointercancel', this.#pointercancel);
206
+ this.#options.root.ownerDocument?.defaultView?.removeEventListener?.('blur', this.#windowBlur);
207
+ this.#options.root.ownerDocument?.defaultView?.removeEventListener?.('focus', this.#windowFocus);
208
+ for (const registration of this.#closes.values())
209
+ registration.element.removeEventListener('click', registration.click);
210
+ for (const [element, touchAction] of this.#touchActions)
211
+ element.style.touchAction = touchAction;
212
+ this.#closes.clear();
213
+ this.#toasts.clear();
214
+ this.#touchActions.clear();
215
+ }
216
+ #refresh() {
217
+ const state = this.getSnapshot().state;
218
+ this.#options.root.dataset['paused'] = String(state.paused);
219
+ for (const [id, element] of this.#toasts) {
220
+ const item = state.items.find((candidate) => candidate.id === id);
221
+ if (this.#options.manageVisibility !== false)
222
+ element.hidden = item === undefined;
223
+ element.dataset['state'] = item === undefined ? 'closed' : 'open';
224
+ if (item === undefined)
225
+ continue;
226
+ element.setAttribute('role', item.kind === 'error' ? 'alert' : 'status');
227
+ element.dataset['kind'] = item.kind;
228
+ }
229
+ for (const [id, { element }] of this.#closes) {
230
+ element.type = 'button';
231
+ element.setAttribute('aria-label', this.#options.closeLabel ?? 'Dismiss notification');
232
+ element.disabled = !state.items.some((item) => item.id === id);
233
+ }
234
+ }
235
+ #toastAt(target) { for (const [id, element] of this.#toasts) {
236
+ try {
237
+ if (element === target || (target !== null && element.contains(target)))
238
+ return { id, element };
239
+ }
240
+ catch {
241
+ continue;
242
+ }
243
+ } return null; }
244
+ #syncPause() { const paused = this.#hovered || this.#focused || this.#windowBlurred; if (this.getSnapshot().state.paused === paused)
245
+ return; if (!paused)
246
+ this.#lastTick = Date.now(); this.handleEvent(paused ? 'pause' : 'resume'); }
247
+ }
248
+ function matchesHotkey(event, hotkey) { if (hotkey === false || hotkey.length === 0)
249
+ return false; const modifiers = new Set(hotkey.map((key) => key.toLowerCase())); const key = hotkey.find((candidate) => !['alt', 'control', 'ctrl', 'meta', 'shift'].includes(candidate.toLowerCase())); if (key === undefined || event.key.toLowerCase() !== key.toLowerCase())
250
+ return false; return event.altKey === modifiers.has('alt') && event.ctrlKey === (modifiers.has('control') || modifiers.has('ctrl')) && event.metaKey === modifiers.has('meta') && event.shiftKey === modifiers.has('shift'); }
251
+ function swipeDelta(direction, x, y) { if (direction === 'right')
252
+ return { x: Math.max(0, x), y: 0 }; if (direction === 'left')
253
+ return { x: Math.min(0, x), y: 0 }; if (direction === 'down')
254
+ return { x: 0, y: Math.max(0, y) }; return { x: 0, y: Math.min(0, y) }; }
255
+ function optionsTouchAction(direction) { return direction === 'left' || direction === 'right' ? 'pan-y' : 'pan-x'; }
256
+ function contains(root, target) { if (target === null)
257
+ return false; try {
258
+ return root === target || root.contains(target);
259
+ }
260
+ catch {
261
+ return false;
262
+ } }
263
+ //# sourceMappingURL=toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,39 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result } from '@sectile/core';
3
+ import { type ToggleButtonEvent, type ToggleButtonState } from '@sectile/core/toggle-button';
4
+ import { type CheckedControlAttributes, type CheckedControlController, type DOMCheckedControl } from './internal/checked-control.js';
5
+ export interface ToggleButtonOptions {
6
+ readonly element: HTMLElement;
7
+ readonly pressed?: boolean;
8
+ readonly defaultPressed?: boolean;
9
+ readonly disabled?: boolean;
10
+ readonly readOnly?: boolean;
11
+ readonly onPressedChange?: (pressed: boolean) => void;
12
+ readonly onUpdate?: () => void;
13
+ }
14
+ export type ToggleButtonPressedChangeHandler = NonNullable<ToggleButtonOptions['onPressedChange']>;
15
+ export type ToggleButtonUpdateHandler = NonNullable<ToggleButtonOptions['onUpdate']>;
16
+ export type ToggleButtonConnection = DOMCheckedControl<ToggleButtonState, ToggleButtonEvent, boolean>;
17
+ export interface ToggleButtonControllerOptions {
18
+ readonly pressed?: boolean;
19
+ readonly defaultPressed?: boolean;
20
+ readonly disabled?: boolean;
21
+ readonly readOnly?: boolean;
22
+ readonly onPressedChange?: (pressed: boolean) => void;
23
+ }
24
+ export type ToggleButtonControllerPressedChangeHandler = NonNullable<ToggleButtonControllerOptions['onPressedChange']>;
25
+ export type ToggleButtonController = CheckedControlController<ToggleButtonState, ToggleButtonEvent, boolean>;
26
+ export interface ToggleButtonAttributeOptions {
27
+ readonly disabled?: boolean;
28
+ readonly readOnly?: boolean;
29
+ readonly native?: boolean;
30
+ }
31
+ export type ToggleButtonAttributes = CheckedControlAttributes & {
32
+ readonly 'data-scope': 'toggle-button';
33
+ readonly 'data-part': 'root';
34
+ };
35
+ export declare function createToggleButtonController(options?: ToggleButtonControllerOptions): Result<ToggleButtonController>;
36
+ export declare function getToggleButtonAttributes(state: ToggleButtonState, options?: ToggleButtonAttributeOptions): ToggleButtonAttributes;
37
+ export declare function createToggleButton(options: ToggleButtonOptions): FacadeConnection<ToggleButtonConnection>;
38
+ export declare function tryCreateToggleButton(options: ToggleButtonOptions): Result<FacadeConnection<ToggleButtonConnection>>;
39
+ //# sourceMappingURL=toggle-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAAgF,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACxN,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AACvC,MAAM,WAAW,mBAAmB;IAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAEtR,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;AACnG,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;AACrF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;AACtG,MAAM,WAAW,6BAA6B;IAAG,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE;AAEjO,MAAM,MAAM,0CAA0C,GAAG,WAAW,CAAC,6BAA6B,CAAC,iBAAiB,CAAC,CAAC,CAAC;AACvH,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;AAC7G,MAAM,WAAW,4BAA4B;IAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE;AACrI,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,GAAG;IAAE,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzI,wBAAgB,4BAA4B,CAAC,OAAO,GAAE,6BAAkC,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAUxH;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,iBAAiB,EACxB,OAAO,GAAE,4BAAiC,GACzC,sBAAsB,CAaxB;AACD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,CAEzG;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAEpH"}
@@ -0,0 +1,37 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { applyToggleButtonEvent, tryCreateToggleButtonState } from '@sectile/core/toggle-button';
4
+ import { createCheckedControlController, createDOMCheckedControl, getCheckedControlAttributes, } from './internal/checked-control.js';
5
+ export function createToggleButtonController(options = {}) {
6
+ return createCheckedControlController({
7
+ controlled: options.pressed !== undefined,
8
+ initial: tryCreateToggleButtonState(options.pressed ?? options.defaultPressed ?? false),
9
+ reducer: applyToggleButtonEvent,
10
+ create: tryCreateToggleButtonState,
11
+ read: (state) => state.pressed,
12
+ onChange: options.onPressedChange,
13
+ interaction: options,
14
+ });
15
+ }
16
+ export function getToggleButtonAttributes(state, options = {}) {
17
+ return Object.freeze({
18
+ ...getCheckedControlAttributes({
19
+ attribute: 'aria-pressed',
20
+ value: state.pressed,
21
+ format: String,
22
+ ...(options.disabled === undefined ? {} : { disabled: options.disabled }),
23
+ ...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
24
+ ...(options.native === undefined ? {} : { native: options.native }),
25
+ }),
26
+ 'data-scope': 'toggle-button',
27
+ 'data-part': 'root',
28
+ });
29
+ }
30
+ export function createToggleButton(options) {
31
+ return unwrap(tryCreateToggleButton(options));
32
+ }
33
+ export function tryCreateToggleButton(options) {
34
+ return createFacadeConnection(options, (options) => tryCreateToggleButtonConnection(options));
35
+ }
36
+ function tryCreateToggleButtonConnection(options) { return createDOMCheckedControl({ element: options.element, attribute: 'aria-pressed', controlled: options.pressed !== undefined, initial: tryCreateToggleButtonState(options.pressed ?? options.defaultPressed ?? false), toggleEvent: 'toggle', reducer: applyToggleButtonEvent, create: tryCreateToggleButtonState, read: (state) => state.pressed, format: String, interaction: options, onChange: options.onPressedChange, onUpdate: options.onUpdate }); }
37
+ //# sourceMappingURL=toggle-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACD,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAA4E,MAAM,6BAA6B,CAAC;AACxN,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,2BAA2B,GAI5B,MAAM,+BAA+B,CAAC;AAavC,MAAM,UAAU,4BAA4B,CAAC,OAAO,GAAkC,EAAE;IACtF,OAAO,8BAA8B,CAAqE;QACxG,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS;QACzC,OAAO,EAAE,0BAA0B,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC;QACvF,OAAO,EAAE,sBAAsB;QAC/B,MAAM,EAAE,0BAA0B;QAClC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;QAC9B,QAAQ,EAAE,OAAO,CAAC,eAAe;QACjC,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,KAAwB,EACxB,OAAO,GAAiC,EAAE;IAE1C,OAAO,MAAM,CAAC,MAAM,CAAC;QACnB,GAAG,2BAA2B,CAAC;YAC7B,SAAS,EAAE,cAAc;YACzB,KAAK,EAAE,KAAK,CAAC,OAAO;YACpB,MAAM,EAAE,MAAM;YACd,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;YACzE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;YACzE,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;SACpE,CAAC;QACF,YAAY,EAAE,eAAe;QAC7B,WAAW,EAAE,MAAM;KACpB,CAAC,CAAC;AACL,CAAC;AACD,MAAM,UAAU,kBAAkB,CAAC,OAA4B;IAC7D,OAAO,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,OAA4B;IAChE,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,+BAA+B,CAAC,OAAO,CAAC,CAAC,CAAC;AAChG,CAAC;AAED,SAAS,+BAA+B,CAAC,OAA4B,IAAoC,OAAO,uBAAuB,CAAqE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,0BAA0B,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,0BAA0B,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,42 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result, StableID } from '@sectile/core';
3
+ import type { ToggleGroupEvent, ToggleGroupState } from '@sectile/core/toggle-group';
4
+ import type { RevisionSnapshot } from '@sectile/core/revision';
5
+ import { type ListboxOptions } from './listbox.js';
6
+ import type { ReadingDirection } from './internal/direction.js';
7
+ export type ToggleGroupOptions<ID extends StableID = StableID> = Omit<ListboxOptions<ID>, 'selectionMode' | 'activationMode' | 'clearOnEscape'> & {
8
+ readonly multiple?: boolean;
9
+ readonly deselectable?: boolean;
10
+ };
11
+ export interface ToggleGroupConnection<ID extends StableID = StableID> {
12
+ getSnapshot(): RevisionSnapshot<ToggleGroupState<ID>>;
13
+ syncControlledValues(values: {
14
+ readonly value?: readonly ID[];
15
+ readonly highlightedValue?: ID | null;
16
+ }): Result<RevisionSnapshot<ToggleGroupState<ID>>>;
17
+ setItemAttributes(element: HTMLElement, attributes: {
18
+ readonly id: ID;
19
+ readonly disabled?: boolean;
20
+ }): void;
21
+ handleEvent(event: ToggleGroupEvent<ID>): boolean;
22
+ handleKeyboardEvent(event: KeyboardEvent): boolean;
23
+ disconnect(): void;
24
+ }
25
+ export interface ToggleGroupRootAttributesOptions {
26
+ readonly orientation?: 'horizontal' | 'vertical';
27
+ readonly direction?: ReadingDirection;
28
+ readonly label?: string;
29
+ readonly disabled?: boolean;
30
+ readonly readOnly?: boolean;
31
+ }
32
+ export interface ToggleGroupItemAttributesOptions<ID extends StableID = StableID> {
33
+ readonly id: ID;
34
+ readonly pressed: boolean;
35
+ readonly highlighted: boolean;
36
+ readonly disabled?: boolean;
37
+ }
38
+ export declare function getToggleGroupRootAttributes(options?: ToggleGroupRootAttributesOptions): Readonly<Record<string, string | undefined>>;
39
+ export declare function getToggleGroupItemAttributes<ID extends StableID>(options: ToggleGroupItemAttributesOptions<ID>): Readonly<Record<string, string | number | boolean | undefined>>;
40
+ export declare function createToggleGroup<ID extends StableID>(options: ToggleGroupOptions<ID>): FacadeConnection<ToggleGroupConnection<ID>>;
41
+ export declare function tryCreateToggleGroup<ID extends StableID>(options: ToggleGroupOptions<ID>): Result<FacadeConnection<ToggleGroupConnection<ID>>>;
42
+ //# sourceMappingURL=toggle-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../src/toggle-group.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,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,kBAAkB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAC3D,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,eAAe,GAAG,gBAAgB,GAAG,eAAe,CAAC,GAC5E;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAErE,MAAM,WAAW,qBAAqB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACnE,WAAW,IAAI,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC;IACtD,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACxJ,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;QAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5G,WAAW,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAClD,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC;IACnD,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,gCAAgC,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC9E,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;IAChB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,4BAA4B,CAAC,OAAO,GAAE,gCAAqC,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAazI;AAED,wBAAgB,4BAA4B,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,gCAAgC,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC,CAahL;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAEnI;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC,CAE9I"}