@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,290 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { tryCreateSequence } from '@sectile/core/sequence';
4
+ import { applyCarouselEvent, tryCreateCarouselState, getCarouselPosition, isCarouselRotationPaused, } from '@sectile/core/carousel';
5
+ import { createSemanticController } from './internal/semantic-controller.js';
6
+ import { setInteractionAttributes } from './internal/interaction.js';
7
+ import { horizontalArrow } from './internal/direction.js';
8
+ export function createCarousel(options) {
9
+ return unwrap(tryCreateCarousel(options));
10
+ }
11
+ export function tryCreateCarousel(options) {
12
+ return createFacadeConnection(options, (options) => tryCreateCarouselConnection(options));
13
+ }
14
+ function tryCreateCarouselConnection(options) {
15
+ const slides = tryCreateSequence(options.slides);
16
+ if (!slides.ok)
17
+ return slides;
18
+ const autoplay = normalizeAutoplay(options);
19
+ if (!autoplay.ok)
20
+ return autoplay;
21
+ const valueControlled = options.value !== undefined;
22
+ const pausedControlled = options.paused !== undefined;
23
+ const runtime = createSemanticController({
24
+ initial: tryCreateCarouselState(slides.value, options.value !== undefined ? options.value : options.defaultValue ?? options.slides[0] ?? null, options.paused ?? options.defaultPaused ?? false),
25
+ reducer: (state, event) => applyCarouselEvent(slides.value, state, event, options.policies),
26
+ reconcile: (previous, proposed) => tryCreateCarouselState(slides.value, valueControlled ? previous.cursor.current : proposed.cursor.current, pausedControlled ? previous.paused : proposed.paused, proposed.pauseReasons),
27
+ notify: (previous, proposed) => {
28
+ if (previous.cursor.current !== proposed.cursor.current)
29
+ options.onValueChange?.(proposed.cursor.current);
30
+ if (previous.paused !== proposed.paused)
31
+ options.onPausedChange?.(proposed.paused);
32
+ },
33
+ toEffect: (command) => command,
34
+ interaction: options,
35
+ });
36
+ return runtime.ok
37
+ ? { ok: true, value: new DOMCarousel(options, slides.value, runtime.value, autoplay.value, valueControlled, pausedControlled) }
38
+ : runtime;
39
+ }
40
+ class DOMCarousel {
41
+ #options;
42
+ #slides;
43
+ #runtime;
44
+ #autoplay;
45
+ #valueControlled;
46
+ #pausedControlled;
47
+ #slideElements = new Map();
48
+ #indicatorElements = new Map();
49
+ #baseID;
50
+ #keydown;
51
+ #previous;
52
+ #next;
53
+ #pause;
54
+ #mouseenter;
55
+ #mouseleave;
56
+ #focusin;
57
+ #focusout;
58
+ #timer = noCarouselTimer;
59
+ constructor(options, slides, runtime, autoplay, valueControlled, pausedControlled) {
60
+ this.#options = options;
61
+ this.#slides = slides;
62
+ this.#runtime = runtime;
63
+ this.#autoplay = autoplay;
64
+ this.#valueControlled = valueControlled;
65
+ this.#pausedControlled = pausedControlled;
66
+ this.#baseID = options.root.id || `sectile-carousel-${nextCarouselID++}`;
67
+ if (!options.root.id)
68
+ options.root.id = this.#baseID;
69
+ this.#keydown = (event) => {
70
+ if (event.key === ' ' && event.target !== options.root)
71
+ return;
72
+ const vertical = options.orientation === 'vertical';
73
+ const horizontal = vertical ? null : horizontalArrow(event.key, options.direction);
74
+ const verticalNext = vertical && event.key === 'ArrowDown';
75
+ const verticalPrevious = vertical && event.key === 'ArrowUp';
76
+ const semantic = verticalNext || horizontal === 'next' ? 'next'
77
+ : verticalPrevious || horizontal === 'previous' ? 'previous'
78
+ : event.key === 'Home' ? 'first'
79
+ : event.key === 'End' ? 'last'
80
+ : event.key === ' ' ? 'toggle-pause'
81
+ : null;
82
+ if (semantic !== null) {
83
+ this.#handleInteraction(semantic);
84
+ event.preventDefault();
85
+ }
86
+ };
87
+ this.#previous = () => { this.#handleInteraction('previous'); };
88
+ this.#next = () => { this.#handleInteraction('next'); };
89
+ this.#pause = () => {
90
+ this.handleEvent('toggle-pause');
91
+ const state = this.getSnapshot().state;
92
+ if (!state.paused && state.pauseReasons.includes('focus'))
93
+ this.handleEvent({ type: 'resume-for', reason: 'focus' });
94
+ };
95
+ this.#mouseenter = () => { if (this.#autoplay?.pauseOnHover)
96
+ this.handleEvent({ type: 'pause-for', reason: 'hover' }); };
97
+ this.#mouseleave = () => { if (this.#autoplay?.pauseOnHover)
98
+ this.handleEvent({ type: 'resume-for', reason: 'hover' }); };
99
+ this.#focusin = () => { if (this.#autoplay?.pauseOnFocus)
100
+ this.handleEvent({ type: 'pause-for', reason: 'focus' }); };
101
+ this.#focusout = (event) => {
102
+ if (this.#autoplay?.pauseOnFocus && !options.root.contains(event.relatedTarget)) {
103
+ this.handleEvent({ type: 'resume-for', reason: 'focus' });
104
+ }
105
+ };
106
+ options.root.addEventListener('keydown', this.#keydown);
107
+ setInteractionAttributes(options.root, options);
108
+ if (options.previousButton !== undefined)
109
+ setInteractionAttributes(options.previousButton, options, { native: true });
110
+ if (options.nextButton !== undefined)
111
+ setInteractionAttributes(options.nextButton, options, { native: true });
112
+ if (options.pauseButton !== undefined)
113
+ setInteractionAttributes(options.pauseButton, options, { native: true });
114
+ options.previousButton?.addEventListener('click', this.#previous);
115
+ options.nextButton?.addEventListener('click', this.#next);
116
+ options.pauseButton?.addEventListener('click', this.#pause);
117
+ if (autoplay?.pauseOnHover) {
118
+ options.root.addEventListener('mouseenter', this.#mouseenter);
119
+ options.root.addEventListener('mouseleave', this.#mouseleave);
120
+ }
121
+ if (autoplay?.pauseOnFocus) {
122
+ options.root.addEventListener('focusin', this.#focusin);
123
+ options.root.addEventListener('focusout', this.#focusout);
124
+ }
125
+ options.root.setAttribute('role', 'region');
126
+ options.root.setAttribute('aria-roledescription', 'carousel');
127
+ options.root.setAttribute('dir', options.direction ?? 'ltr');
128
+ if (options.label !== undefined)
129
+ options.root.setAttribute('aria-label', options.label);
130
+ if (options.indicatorGroup !== undefined) {
131
+ options.indicatorGroup.setAttribute('role', 'tablist');
132
+ options.indicatorGroup.setAttribute('aria-label', 'Choose slide');
133
+ options.indicatorGroup.setAttribute('aria-orientation', options.orientation ?? 'horizontal');
134
+ }
135
+ this.#refresh();
136
+ this.#resetTimer();
137
+ }
138
+ getSnapshot() { return this.#runtime.getSnapshot(); }
139
+ getPosition() { return getCarouselPosition(this.#slides, this.getSnapshot().state); }
140
+ syncControlledValues(values) {
141
+ if (this.#valueControlled !== (values.value !== undefined) || this.#pausedControlled !== (values.paused !== undefined)) {
142
+ return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled carousel values must preserve their construction-time shape.' } };
143
+ }
144
+ const state = this.getSnapshot().state;
145
+ const result = this.#runtime.replace(tryCreateCarouselState(this.#slides, this.#valueControlled ? values.value : state.cursor.current, this.#pausedControlled ? values.paused : state.paused, state.pauseReasons));
146
+ if (result.ok) {
147
+ this.#refresh();
148
+ this.#resetTimer();
149
+ this.#options.onUpdate?.();
150
+ }
151
+ return result;
152
+ }
153
+ setSlideAttributes(element, id) {
154
+ if (!this.#slides.contains(id))
155
+ return;
156
+ this.#slideElements.set(id, element);
157
+ this.#refresh();
158
+ }
159
+ setIndicatorAttributes(element, id) {
160
+ if (!this.#slides.contains(id))
161
+ return;
162
+ const previous = this.#indicatorElements.get(id);
163
+ if (previous !== undefined)
164
+ previous.element.removeEventListener('click', previous.listener);
165
+ const listener = () => { this.#handleInteraction({ type: 'focus', id }); };
166
+ this.#indicatorElements.set(id, { element, listener });
167
+ element.addEventListener('click', listener);
168
+ this.#refresh();
169
+ }
170
+ handleEvent(event) {
171
+ const before = this.getSnapshot().state.cursor.current;
172
+ const result = this.#runtime.handle(event);
173
+ if (result.ok) {
174
+ for (const command of result.commands)
175
+ this.#options.onAnnounce?.(command.id);
176
+ this.#refresh();
177
+ this.#resetTimer();
178
+ if (this.#autoplay !== null && this.#options.policies?.wrap === false && event === 'next' && before === this.getSnapshot().state.cursor.current)
179
+ this.#clearTimer();
180
+ }
181
+ this.#options.onUpdate?.();
182
+ return result.ok;
183
+ }
184
+ disconnect() {
185
+ this.#clearTimer();
186
+ this.#options.root.removeEventListener('keydown', this.#keydown);
187
+ this.#options.previousButton?.removeEventListener('click', this.#previous);
188
+ this.#options.nextButton?.removeEventListener('click', this.#next);
189
+ this.#options.pauseButton?.removeEventListener('click', this.#pause);
190
+ this.#options.root.removeEventListener('mouseenter', this.#mouseenter);
191
+ this.#options.root.removeEventListener('mouseleave', this.#mouseleave);
192
+ this.#options.root.removeEventListener('focusin', this.#focusin);
193
+ this.#options.root.removeEventListener('focusout', this.#focusout);
194
+ for (const { element, listener } of this.#indicatorElements.values())
195
+ element.removeEventListener('click', listener);
196
+ this.#slideElements.clear();
197
+ this.#indicatorElements.clear();
198
+ }
199
+ #handleInteraction(event) {
200
+ this.handleEvent(event);
201
+ if (this.#autoplay?.stopOnInteraction && isMovementEvent(event))
202
+ this.handleEvent('pause');
203
+ }
204
+ #refresh() {
205
+ const state = this.getSnapshot().state;
206
+ const position = this.getPosition();
207
+ for (const [id, element] of this.#slideElements) {
208
+ const index = this.#slides.indexOf(id);
209
+ element.id = this.#slideID(id);
210
+ element.setAttribute('role', 'group');
211
+ element.setAttribute('aria-roledescription', 'slide');
212
+ if (index !== null)
213
+ element.setAttribute('aria-label', this.#options.getSlideLabel?.(id, index, this.#slides.size) ?? `${index + 1} of ${this.#slides.size}`);
214
+ element.hidden = id !== state.cursor.current;
215
+ }
216
+ for (const [id, binding] of this.#indicatorElements) {
217
+ const index = this.#slides.indexOf(id);
218
+ const selected = id === state.cursor.current;
219
+ binding.element.setAttribute('role', 'tab');
220
+ binding.element.setAttribute('aria-controls', this.#slideID(id));
221
+ binding.element.setAttribute('aria-selected', String(selected));
222
+ if (index !== null)
223
+ binding.element.setAttribute('aria-label', this.#options.getIndicatorLabel?.(id, index, this.#slides.size) ?? `Go to slide ${index + 1}`);
224
+ binding.element.tabIndex = selected ? 0 : -1;
225
+ }
226
+ const bounded = this.#options.policies?.wrap === false;
227
+ setDisabled(this.#options.previousButton, position.count < 2 || bounded && position.index === 0);
228
+ setDisabled(this.#options.nextButton, position.count < 2 || bounded && position.index === position.count - 1);
229
+ if (this.#options.pauseButton !== undefined) {
230
+ this.#options.pauseButton.setAttribute('aria-pressed', String(state.paused));
231
+ this.#options.pauseButton.setAttribute('aria-label', state.paused ? 'Resume automatic rotation' : 'Pause automatic rotation');
232
+ }
233
+ }
234
+ #slideID(id) {
235
+ const index = this.#slides.indexOf(id);
236
+ return `${this.#baseID}-slide-${index === null ? 'unknown' : index + 1}`;
237
+ }
238
+ #resetTimer() {
239
+ this.#clearTimer();
240
+ if (this.#autoplay === null || this.#slides.size < 2 || isCarouselRotationPaused(this.getSnapshot().state))
241
+ return;
242
+ this.#timer = this.#autoplay.scheduler.schedule(() => {
243
+ this.#timer = noCarouselTimer;
244
+ this.handleEvent('next');
245
+ }, this.#autoplay.delayMs);
246
+ }
247
+ #clearTimer() {
248
+ if (this.#timer === noCarouselTimer || this.#autoplay === null)
249
+ return;
250
+ this.#autoplay.scheduler.cancel(this.#timer);
251
+ this.#timer = noCarouselTimer;
252
+ }
253
+ }
254
+ let nextCarouselID = 1;
255
+ const noCarouselTimer = Symbol('no-carousel-timer');
256
+ function normalizeAutoplay(options) {
257
+ if (options.autoplay === undefined || options.autoplay === false)
258
+ return { ok: true, value: null };
259
+ const config = options.autoplay === true ? {} : options.autoplay;
260
+ const delayMs = config.delayMs ?? 5000;
261
+ if (!Number.isFinite(delayMs) || delayMs <= 0) {
262
+ return { ok: false, error: { class: 'construction', code: 'carousel-autoplay-delay-invalid', message: 'Carousel autoplay delay must be a positive finite number.' } };
263
+ }
264
+ const timerHost = options.root.ownerDocument?.defaultView ?? globalThis;
265
+ const scheduler = config.scheduler ?? {
266
+ schedule: (callback, delay) => timerHost.setTimeout(callback, delay),
267
+ cancel: (token) => { timerHost.clearTimeout(token); },
268
+ };
269
+ return {
270
+ ok: true,
271
+ value: {
272
+ delayMs,
273
+ pauseOnHover: config.pauseOnHover ?? true,
274
+ pauseOnFocus: config.pauseOnFocus ?? true,
275
+ stopOnInteraction: config.stopOnInteraction ?? true,
276
+ scheduler,
277
+ },
278
+ };
279
+ }
280
+ function isMovementEvent(event) {
281
+ return event === 'next' || event === 'previous' || event === 'first' || event === 'last' || typeof event === 'object' && event.type === 'focus';
282
+ }
283
+ function setDisabled(element, disabled) {
284
+ if (element === undefined)
285
+ return;
286
+ element.setAttribute('aria-disabled', String(disabled));
287
+ if ('disabled' in element)
288
+ element.disabled = disabled;
289
+ }
290
+ //# sourceMappingURL=carousel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../src/carousel.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,61 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result, StableID } from '@sectile/core';
3
+ import { type Tree, type TreeNodeInput } from '@sectile/core/tree';
4
+ import type { RevisionSnapshot } from '@sectile/core/revision';
5
+ import { type CascadeSelectEvent, type CascadeSelectPolicies, type CascadeSelectState } from '@sectile/core/cascade-select';
6
+ export type { TreeNodeInput as CascadeSelectItemDefinition } from '@sectile/core/tree';
7
+ export type { CascadeSelectPolicies } from '@sectile/core/cascade-select';
8
+ export interface CascadeSelectOptions<ID extends StableID = StableID> {
9
+ readonly root: HTMLElement;
10
+ readonly trigger: HTMLButtonElement;
11
+ readonly popup: HTMLElement;
12
+ readonly nodes: readonly TreeNodeInput<ID>[];
13
+ readonly disabledItems?: readonly ID[];
14
+ readonly policies?: CascadeSelectPolicies<ID>;
15
+ readonly disabled?: boolean;
16
+ readonly readOnly?: boolean;
17
+ readonly value?: ID | null;
18
+ readonly defaultValue?: ID | null;
19
+ readonly highlightedValue?: ID | null;
20
+ readonly defaultHighlightedValue?: ID | null;
21
+ readonly open?: boolean;
22
+ readonly defaultOpen?: boolean;
23
+ readonly label?: string;
24
+ readonly onValueChange?: (value: ID | null) => void;
25
+ readonly onHighlightedValueChange?: (value: ID | null) => void;
26
+ readonly onOpenChange?: (open: boolean) => void;
27
+ readonly onUpdate?: () => void;
28
+ }
29
+ export type CascadeSelectValueChangeHandler<ID extends StableID = StableID> = NonNullable<CascadeSelectOptions<ID>['onValueChange']>;
30
+ export type CascadeSelectHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<CascadeSelectOptions<ID>['onHighlightedValueChange']>;
31
+ export type CascadeSelectOpenChangeHandler<ID extends StableID = StableID> = NonNullable<CascadeSelectOptions<ID>['onOpenChange']>;
32
+ export type CascadeSelectUpdateHandler<ID extends StableID = StableID> = NonNullable<CascadeSelectOptions<ID>['onUpdate']>;
33
+ export type CascadeSelectEffect<ID extends StableID = StableID> = {
34
+ readonly type: 'focus-option';
35
+ readonly id: ID;
36
+ } | {
37
+ readonly type: 'select-value';
38
+ readonly id: ID;
39
+ } | {
40
+ readonly type: 'close-popup';
41
+ };
42
+ export interface CascadeSelectControlledValues<ID extends StableID = StableID> {
43
+ readonly value?: ID | null;
44
+ readonly highlightedValue?: ID | null;
45
+ readonly open?: boolean;
46
+ }
47
+ export interface CascadeSelectConnection<ID extends StableID = StableID> {
48
+ readonly tree: Tree<ID>;
49
+ getSnapshot(): RevisionSnapshot<CascadeSelectState<ID>>;
50
+ getColumns(): readonly (readonly ID[])[];
51
+ getValuePath(): readonly ID[];
52
+ syncControlledValues(values: CascadeSelectControlledValues<ID>): Result<RevisionSnapshot<CascadeSelectState<ID>>>;
53
+ setColumnAttributes(element: HTMLElement, parentID?: ID | null): void;
54
+ setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
55
+ handleEvent(event: CascadeSelectEvent<ID>): boolean;
56
+ disconnect(): void;
57
+ }
58
+ export declare function createCascadeSelect<ID extends StableID>(options: CascadeSelectOptions<ID>): FacadeConnection<CascadeSelectConnection<ID>>;
59
+ export declare function tryCreateCascadeSelect<ID extends StableID>(options: CascadeSelectOptions<ID>): Result<FacadeConnection<CascadeSelectConnection<ID>>>;
60
+ export declare function toCascadeSelectEvent<ID extends StableID>(input: Pick<KeyboardEvent, 'key' | 'altKey' | 'ctrlKey' | 'metaKey'>): CascadeSelectEvent<ID> | null;
61
+ //# sourceMappingURL=cascade-select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cascade-select.d.ts","sourceRoot":"","sources":["../src/cascade-select.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,175 @@
1
+ import { createFacadeConnection } from './internal/facade.js';
2
+ import { unwrap } from '@sectile/core/result';
3
+ import { tryCreateTree } from '@sectile/core/tree';
4
+ import { applyCascadeSelectEvent, tryCreateCascadeSelectState, getCascadeSelectColumns, getCascadeSelectValuePath, } from '@sectile/core/cascade-select';
5
+ import { findDelegatedID } from './internal/delegated-event.js';
6
+ import { setInteractionAttributes } from './internal/interaction.js';
7
+ import { createSemanticController } from './internal/semantic-controller.js';
8
+ import { createDOMLayerBinding } from './internal/layer-binding.js';
9
+ export function createCascadeSelect(options) {
10
+ return unwrap(tryCreateCascadeSelect(options));
11
+ }
12
+ export function tryCreateCascadeSelect(options) {
13
+ return createFacadeConnection(options, (options) => tryCreateCascadeSelectConnection(options));
14
+ }
15
+ function tryCreateCascadeSelectConnection(options) {
16
+ const tree = tryCreateTree(options.nodes);
17
+ if (!tree.ok)
18
+ return tree;
19
+ const disabled = new Set(options.disabledItems ?? []);
20
+ for (const id of disabled)
21
+ if (!tree.value.has(id))
22
+ return { ok: false, error: { class: 'construction', code: 'disabled-item-outside-domain', message: 'Every disabled cascade select item must exist in the tree.', details: { id } } };
23
+ const suppliedEligibility = options.policies?.eligible;
24
+ const policies = { ...options.policies, eligible: (id) => !disabled.has(id) && (suppliedEligibility?.(id) ?? true) };
25
+ const controlled = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined };
26
+ const runtime = createSemanticController({
27
+ interaction: options,
28
+ interactionIntent: (event) => event === 'select'
29
+ || (typeof event === 'object' && event.type === 'select' && tree.value.isLeaf(event.id) === true)
30
+ ? 'mutate'
31
+ : 'navigate',
32
+ initial: tryCreateCascadeSelectState(tree.value, {
33
+ value: options.value ?? options.defaultValue ?? null,
34
+ highlighted: options.highlightedValue ?? options.defaultHighlightedValue ?? options.value ?? options.defaultValue ?? null,
35
+ open: options.open ?? options.defaultOpen ?? false,
36
+ }),
37
+ reducer: (state, event) => applyCascadeSelectEvent(tree.value, state, event, policies),
38
+ reconcile: (previous, proposed) => tryCreateCascadeSelectState(tree.value, {
39
+ value: controlled.value ? previous.value : proposed.value,
40
+ highlighted: controlled.highlighted ? previous.highlighted : proposed.highlighted,
41
+ open: controlled.open ? previous.open : proposed.open,
42
+ path: proposed.path,
43
+ }),
44
+ notify: (previous, proposed) => {
45
+ if (previous.value !== proposed.value)
46
+ options.onValueChange?.(proposed.value);
47
+ if (previous.highlighted !== proposed.highlighted)
48
+ options.onHighlightedValueChange?.(proposed.highlighted);
49
+ if (previous.open !== proposed.open)
50
+ options.onOpenChange?.(proposed.open);
51
+ },
52
+ toEffect: (command) => command.type === 'focus'
53
+ ? { type: 'focus-option', id: command.id }
54
+ : command,
55
+ });
56
+ if (!runtime.ok)
57
+ return runtime;
58
+ return { ok: true, value: new DOMCascadeSelectConnection(options, tree.value, runtime.value, disabled, controlled) };
59
+ }
60
+ class DOMCascadeSelectConnection {
61
+ tree;
62
+ #options;
63
+ #runtime;
64
+ #disabled;
65
+ #controlled;
66
+ #triggerClick;
67
+ #keydown;
68
+ #click;
69
+ #layer;
70
+ constructor(options, tree, runtime, disabled, controlled) {
71
+ this.#options = options;
72
+ this.tree = tree;
73
+ this.#runtime = runtime;
74
+ this.#disabled = disabled;
75
+ this.#controlled = controlled;
76
+ this.#layer = createDOMLayerBinding({ surface: options.popup, owner: options.trigger, dismissOnInteractOutside: true, readOpen: () => this.getSnapshot().state.open, close: () => { this.handleEvent('close'); } });
77
+ setInteractionAttributes(options.root, options, { readOnly: true });
78
+ options.trigger.disabled = options.disabled === true;
79
+ options.trigger.setAttribute('aria-haspopup', 'listbox');
80
+ options.popup.setAttribute('role', 'group');
81
+ if (options.label !== undefined) {
82
+ options.trigger.setAttribute('aria-label', options.label);
83
+ options.popup.setAttribute('aria-label', options.label);
84
+ }
85
+ this.#triggerClick = () => { this.handleEvent('toggle'); };
86
+ this.#keydown = (event) => { const semantic = toCascadeSelectEvent(event); if (semantic !== null) {
87
+ event.preventDefault();
88
+ this.handleEvent(semantic);
89
+ } };
90
+ this.#click = (event) => { const id = findDelegatedID(event.target, options.popup, 'cascadeSelectId'); if (id !== null && !this.#disabled.has(id))
91
+ this.handleEvent({ type: 'select', id }); };
92
+ options.trigger.addEventListener('click', this.#triggerClick);
93
+ options.root.addEventListener('keydown', this.#keydown);
94
+ options.popup.addEventListener('click', this.#click);
95
+ this.#render();
96
+ }
97
+ getSnapshot() { return this.#runtime.getSnapshot(); }
98
+ getColumns() { return getCascadeSelectColumns(this.tree, this.getSnapshot().state); }
99
+ getValuePath() { return getCascadeSelectValuePath(this.tree, this.getSnapshot().state.value); }
100
+ syncControlledValues(values) {
101
+ if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.highlighted !== (values.highlightedValue !== undefined) || this.#controlled.open !== (values.open !== undefined))
102
+ return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled cascade select values must preserve their construction-time shape.' } };
103
+ const state = this.getSnapshot().state;
104
+ const result = this.#runtime.replace(tryCreateCascadeSelectState(this.tree, { value: this.#controlled.value ? values.value ?? null : state.value, highlighted: this.#controlled.highlighted ? values.highlightedValue ?? null : state.highlighted, open: this.#controlled.open ? values.open ?? false : state.open }));
105
+ if (result.ok) {
106
+ this.#render();
107
+ this.#options.onUpdate?.();
108
+ }
109
+ return result;
110
+ }
111
+ setColumnAttributes(element, parentID = null) { element.setAttribute('role', 'listbox'); element.dataset['cascadeSelectParent'] = parentID ?? ''; }
112
+ setItemAttributes(element, id, disabled = false) {
113
+ const state = this.getSnapshot().state;
114
+ const selected = state.value === id;
115
+ const highlighted = state.highlighted === id;
116
+ const unavailable = disabled || this.#disabled.has(id) || this.#options.disabled === true;
117
+ element.dataset['cascadeSelectId'] = id;
118
+ element.setAttribute('role', 'option');
119
+ element.setAttribute('aria-selected', String(selected));
120
+ element.setAttribute('aria-haspopup', this.tree.isLeaf(id) === false ? 'listbox' : 'false');
121
+ element.tabIndex = unavailable ? -1 : highlighted ? 0 : -1;
122
+ if (unavailable)
123
+ element.setAttribute('aria-disabled', 'true');
124
+ else
125
+ element.removeAttribute('aria-disabled');
126
+ if (selected)
127
+ element.dataset['selected'] = '';
128
+ else
129
+ delete element.dataset['selected'];
130
+ if (highlighted)
131
+ element.dataset['highlighted'] = '';
132
+ else
133
+ delete element.dataset['highlighted'];
134
+ }
135
+ handleEvent(event) {
136
+ const result = this.#runtime.handle(event);
137
+ if (!result.ok)
138
+ return false;
139
+ this.#render();
140
+ for (const effect of result.commands) {
141
+ if (effect.type === 'focus-option')
142
+ queueMicrotask(() => { for (const element of this.#options.popup.querySelectorAll('[data-cascade-select-id]'))
143
+ if (element.dataset['cascadeSelectId'] === effect.id)
144
+ element.focus(); });
145
+ else if (effect.type === 'close-popup')
146
+ this.#options.trigger.focus();
147
+ }
148
+ this.#options.onUpdate?.();
149
+ return true;
150
+ }
151
+ disconnect() { this.#layer.disconnect(); this.#options.trigger.removeEventListener('click', this.#triggerClick); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.popup.removeEventListener('click', this.#click); }
152
+ #render() { const state = this.getSnapshot().state; this.#options.trigger.setAttribute('aria-expanded', String(state.open)); this.#options.popup.hidden = !state.open; this.#layer.sync(); }
153
+ }
154
+ export function toCascadeSelectEvent(input) {
155
+ if (input.altKey || input.ctrlKey || input.metaKey)
156
+ return null;
157
+ if (input.key === 'ArrowDown')
158
+ return 'next';
159
+ if (input.key === 'ArrowUp')
160
+ return 'previous';
161
+ if (input.key === 'ArrowRight')
162
+ return 'right';
163
+ if (input.key === 'ArrowLeft')
164
+ return 'left';
165
+ if (input.key === 'Home')
166
+ return 'first';
167
+ if (input.key === 'End')
168
+ return 'last';
169
+ if (input.key === 'Enter' || input.key === ' ')
170
+ return 'select';
171
+ if (input.key === 'Escape')
172
+ return 'close';
173
+ return null;
174
+ }
175
+ //# sourceMappingURL=cascade-select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cascade-select.js","sourceRoot":"","sources":["../src/cascade-select.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import { type FacadeConnection } from './internal/facade.js';
2
+ import type { Result, StableID } from '@sectile/core';
3
+ import type { CheckboxGroupEvent, CheckboxGroupState } from '@sectile/core/checkbox-group';
4
+ import type { RevisionSnapshot } from '@sectile/core/revision';
5
+ import { type ListboxOptions } from './listbox.js';
6
+ export type CheckboxGroupOptions<ID extends StableID = StableID> = Omit<ListboxOptions<ID>, 'selectionMode'>;
7
+ export interface CheckboxGroupConnection<ID extends StableID = StableID> {
8
+ getSnapshot(): RevisionSnapshot<CheckboxGroupState<ID>>;
9
+ syncControlledValues(values: {
10
+ readonly value?: readonly ID[];
11
+ readonly highlightedValue?: ID | null;
12
+ }): Result<RevisionSnapshot<CheckboxGroupState<ID>>>;
13
+ setItemAttributes(element: HTMLElement, attributes: {
14
+ readonly id: ID;
15
+ readonly disabled?: boolean;
16
+ }): void;
17
+ handleEvent(event: CheckboxGroupEvent<ID>): boolean;
18
+ disconnect(): void;
19
+ }
20
+ export declare function createCheckboxGroup<ID extends StableID>(options: CheckboxGroupOptions<ID>): FacadeConnection<CheckboxGroupConnection<ID>>;
21
+ export declare function tryCreateCheckboxGroup<ID extends StableID>(options: CheckboxGroupOptions<ID>): Result<FacadeConnection<CheckboxGroupConnection<ID>>>;
22
+ //# sourceMappingURL=checkbox-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../src/checkbox-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,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE7F,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,CAAC;AAC7G,MAAM,WAAW,uBAAuB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACrE,WAAW,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,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,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1J,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,kBAAkB,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IACpD,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC,CAEzI;AAED,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC,CAAC,CAEpJ"}