@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
@@ -0,0 +1,125 @@
1
+ const states = new WeakMap();
2
+ export function acquireModalEffects(surface, additionalBranches = []) {
3
+ const document = surface.ownerDocument;
4
+ if (document?.body === undefined || document.body === null)
5
+ return Object.freeze({ release() { } });
6
+ const state = states.get(document) ?? createState(document);
7
+ const entry = { id: Symbol('sectile-modal'), branches: [surface, ...additionalBranches] };
8
+ state.entries.push(entry);
9
+ applyTopModal(state);
10
+ let released = false;
11
+ return Object.freeze({
12
+ release() {
13
+ if (released)
14
+ return;
15
+ released = true;
16
+ const index = state.entries.findIndex((candidate) => candidate.id === entry.id);
17
+ if (index >= 0)
18
+ state.entries.splice(index, 1);
19
+ if (state.entries.length > 0) {
20
+ applyTopModal(state);
21
+ return;
22
+ }
23
+ restoreIsolation(state);
24
+ if (document.body !== null) {
25
+ document.body.style.overflow = state.scroll.overflow;
26
+ document.body.style.paddingRight = state.scroll.paddingRight;
27
+ }
28
+ state.observer?.disconnect();
29
+ states.delete(document);
30
+ },
31
+ });
32
+ }
33
+ function createState(document) {
34
+ const Observer = document.defaultView?.MutationObserver;
35
+ let state;
36
+ const observer = Observer === undefined ? undefined : new Observer(() => { if (state.entries.length > 0)
37
+ applyTopModal(state); });
38
+ state = { document, entries: [], hidden: new Map(), scroll: lockScroll(document), observer };
39
+ states.set(document, state);
40
+ observer?.observe(document.body, { childList: true, subtree: true });
41
+ return state;
42
+ }
43
+ function applyTopModal(state) {
44
+ restoreIsolation(state);
45
+ const branches = state.entries.at(-1)?.branches.filter((branch) => branch.isConnected) ?? [];
46
+ if (branches.length === 0)
47
+ return;
48
+ const preserveAriaHidden = new Set(branches.slice(1));
49
+ const allowedChildren = new Map();
50
+ for (const surface of branches) {
51
+ let branch = surface;
52
+ while (branch !== null && branch !== state.document.body) {
53
+ capture(state, branch);
54
+ branch.inert = false;
55
+ if (preserveAriaHidden.has(branch))
56
+ restoreAriaHidden(state, branch);
57
+ else
58
+ branch.removeAttribute('aria-hidden');
59
+ const parent = branch.parentElement;
60
+ if (parent === null)
61
+ break;
62
+ const allowed = allowedChildren.get(parent) ?? new Set();
63
+ allowed.add(branch);
64
+ allowedChildren.set(parent, allowed);
65
+ branch = parent;
66
+ }
67
+ }
68
+ for (const [parent, allowed] of allowedChildren) {
69
+ for (const child of parent.children) {
70
+ const element = child;
71
+ capture(state, element);
72
+ if (allowed.has(element)) {
73
+ element.inert = false;
74
+ if (preserveAriaHidden.has(element))
75
+ restoreAriaHidden(state, element);
76
+ else
77
+ element.removeAttribute('aria-hidden');
78
+ }
79
+ else {
80
+ element.inert = true;
81
+ element.setAttribute('aria-hidden', 'true');
82
+ }
83
+ }
84
+ }
85
+ }
86
+ function restoreAriaHidden(state, element) {
87
+ const value = state.hidden.get(element)?.ariaHidden;
88
+ if (value === null || value === undefined)
89
+ element.removeAttribute('aria-hidden');
90
+ else
91
+ element.setAttribute('aria-hidden', value);
92
+ }
93
+ function capture(state, element) {
94
+ if (state.hidden.has(element))
95
+ return;
96
+ state.hidden.set(element, {
97
+ element,
98
+ inert: element.inert,
99
+ ariaHidden: element.getAttribute('aria-hidden'),
100
+ });
101
+ }
102
+ function restoreIsolation(state) {
103
+ for (const snapshot of [...state.hidden.values()].reverse()) {
104
+ snapshot.element.inert = snapshot.inert;
105
+ if (snapshot.ariaHidden === null)
106
+ snapshot.element.removeAttribute('aria-hidden');
107
+ else
108
+ snapshot.element.setAttribute('aria-hidden', snapshot.ariaHidden);
109
+ }
110
+ }
111
+ function lockScroll(document) {
112
+ const body = document.body;
113
+ const view = document.defaultView;
114
+ const snapshot = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };
115
+ const viewportWidth = view?.innerWidth ?? 0;
116
+ const documentWidth = document.documentElement?.clientWidth ?? viewportWidth;
117
+ const scrollbarWidth = documentWidth > 0 ? Math.max(0, viewportWidth - documentWidth) : 0;
118
+ const computedPadding = view?.getComputedStyle?.(body).paddingRight;
119
+ const padding = Number.parseFloat(computedPadding ?? body.style.paddingRight) || 0;
120
+ body.style.overflow = 'hidden';
121
+ if (scrollbarWidth > 0)
122
+ body.style.paddingRight = `${padding + scrollbarWidth}px`;
123
+ return snapshot;
124
+ }
125
+ //# sourceMappingURL=modal-effects.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-effects.js","sourceRoot":"","sources":["../../src/internal/modal-effects.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
1
+ import type { Result } from '@sectile/core';
2
+ import type { InteractionStateInput } from '@sectile/core/interaction';
3
+ import type { MachineUpdate, RevisionSnapshot } from '@sectile/core/revision';
4
+ import { type InteractOutsideHandler } from '../interact-outside.js';
5
+ export interface DOMPopupConnection<State, Event> {
6
+ getSnapshot(): RevisionSnapshot<State>;
7
+ syncControlledValue(open: boolean): Result<RevisionSnapshot<State>>;
8
+ handleEvent(event: Event): boolean;
9
+ refresh(): void;
10
+ disconnect(): void;
11
+ }
12
+ export interface DOMPopupOptions<State, Event, Command> {
13
+ readonly root: HTMLElement;
14
+ readonly trigger?: HTMLElement;
15
+ readonly role: 'dialog' | 'alertdialog' | 'tooltip';
16
+ readonly modal?: boolean;
17
+ readonly label?: string;
18
+ readonly labelledBy?: string;
19
+ readonly describedBy?: string;
20
+ readonly controlled: boolean;
21
+ readonly initial: Result<State>;
22
+ readonly open: Event;
23
+ readonly toggle: Event;
24
+ readonly close: Event;
25
+ readonly reducer: (state: State, event: Event) => Result<MachineUpdate<State, Command>>;
26
+ readonly create: (open: boolean, state: State) => Result<State>;
27
+ readonly read: (state: State) => boolean;
28
+ readonly triggerMode?: 'click' | 'focus-hover';
29
+ readonly tooltipID?: string;
30
+ readonly initialFocus?: HTMLElement;
31
+ readonly autoFocus?: boolean;
32
+ readonly restoreFocus?: boolean;
33
+ readonly trapFocus?: boolean;
34
+ readonly closeOnInteractOutside?: boolean;
35
+ readonly interactOutsideExclusions?: readonly HTMLElement[];
36
+ readonly modalBranches?: readonly HTMLElement[];
37
+ readonly onInteractOutside?: InteractOutsideHandler;
38
+ readonly onOpenChange?: ((open: boolean) => void) | undefined;
39
+ readonly command?: (command: Command) => void;
40
+ readonly onUpdate?: (() => void) | undefined;
41
+ readonly interaction?: InteractionStateInput;
42
+ readonly manageVisibility?: boolean;
43
+ }
44
+ export declare function createDOMPopup<State, Event, Command>(options: DOMPopupOptions<State, Event, Command>): Result<DOMPopupConnection<State, Event>>;
45
+ //# sourceMappingURL=popup-control.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popup-control.d.ts","sourceRoot":"","sources":["../../src/internal/popup-control.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,223 @@
1
+ import { createSemanticController } from './semantic-controller.js';
2
+ import { setInteractionAttributes } from './interaction.js';
3
+ import { createDOMLayerID, getDOMLayerManager, } from './layer-manager.js';
4
+ import { acquireModalEffects } from './modal-effects.js';
5
+ import { createInteractOutsideEvent, isEventInside, } from '../interact-outside.js';
6
+ export function createDOMPopup(options) {
7
+ const runtime = createSemanticController({
8
+ initial: options.initial,
9
+ reducer: options.reducer,
10
+ reconcile: (previous, proposed) => options.create(options.controlled ? options.read(previous) : options.read(proposed), proposed),
11
+ notify: (previous, proposed) => { if (options.read(previous) !== options.read(proposed))
12
+ options.onOpenChange?.(options.read(proposed)); },
13
+ toEffect: (command) => command,
14
+ interaction: options.interaction,
15
+ });
16
+ if (!runtime.ok)
17
+ return runtime;
18
+ return { ok: true, value: new DOMPopup(options, runtime.value) };
19
+ }
20
+ class DOMPopup {
21
+ #options;
22
+ #runtime;
23
+ #click;
24
+ #keydown;
25
+ #documentKeydown;
26
+ #focusIn;
27
+ #focusOut;
28
+ #pointerEnter;
29
+ #pointerLeave;
30
+ #pointerDown;
31
+ #layerID;
32
+ #layers;
33
+ #modalEffects;
34
+ #initialFocusApplied = false;
35
+ #focused = false;
36
+ #hovered = false;
37
+ constructor(options, runtime) {
38
+ this.#options = options;
39
+ this.#runtime = runtime;
40
+ this.#layerID = createDOMLayerID();
41
+ this.#layers = getDOMLayerManager(options.root);
42
+ this.#click = () => { this.handleEvent(options.toggle); };
43
+ this.#keydown = (event) => {
44
+ if (event.key === 'Escape') {
45
+ if (this.#layers.dismiss(this.#layerID, 'escape'))
46
+ event.preventDefault();
47
+ }
48
+ else if (event.key === 'Tab' && options.trapFocus === true && this.#isOpen()) {
49
+ this.#trapTab(event);
50
+ }
51
+ };
52
+ this.#documentKeydown = (event) => {
53
+ if (event.key !== 'Escape' || !this.#isOpen())
54
+ return;
55
+ if (this.#layers.dismiss(this.#layerID, 'escape')) {
56
+ event.preventDefault();
57
+ event.stopImmediatePropagation?.();
58
+ }
59
+ };
60
+ this.#focusIn = () => { this.#focused = true; this.handleEvent(options.open); };
61
+ this.#focusOut = () => { this.#focused = false; if (!this.#hovered)
62
+ this.handleEvent(options.close); };
63
+ this.#pointerEnter = () => { this.#hovered = true; this.handleEvent(options.open); };
64
+ this.#pointerLeave = () => { this.#hovered = false; if (!this.#focused)
65
+ this.handleEvent(options.close); };
66
+ this.#pointerDown = (event) => {
67
+ if (!this.#isOpen())
68
+ return;
69
+ if (isEventInside(event, options.root) || (options.trigger !== undefined && isEventInside(event, options.trigger)))
70
+ return;
71
+ if (options.interactOutsideExclusions?.some((element) => isEventInside(event, element)) === true)
72
+ return;
73
+ const outsideEvent = createInteractOutsideEvent(event, options.root);
74
+ options.onInteractOutside?.(outsideEvent);
75
+ if (outsideEvent.defaultPrevented || options.closeOnInteractOutside !== true)
76
+ return;
77
+ this.#layers.dismiss(this.#layerID, 'interact-outside');
78
+ };
79
+ options.root.setAttribute('role', options.role);
80
+ if (options.modal !== undefined)
81
+ options.root.setAttribute('aria-modal', String(options.modal));
82
+ if (options.label !== undefined)
83
+ options.root.setAttribute('aria-label', options.label);
84
+ if (options.labelledBy !== undefined)
85
+ options.root.setAttribute('aria-labelledby', options.labelledBy);
86
+ if (options.describedBy !== undefined)
87
+ options.root.setAttribute('aria-describedby', options.describedBy);
88
+ setInteractionAttributes(options.root, options.interaction ?? {});
89
+ if (options.trigger !== undefined)
90
+ setInteractionAttributes(options.trigger, options.interaction ?? {}, { native: true });
91
+ options.root.addEventListener('keydown', this.#keydown);
92
+ options.trigger?.addEventListener('keydown', this.#keydown);
93
+ options.root.ownerDocument?.addEventListener?.('keydown', this.#documentKeydown, true);
94
+ if (options.triggerMode === 'focus-hover') {
95
+ options.trigger?.addEventListener('focus', this.#focusIn);
96
+ options.trigger?.addEventListener('blur', this.#focusOut);
97
+ options.trigger?.addEventListener('mouseenter', this.#pointerEnter);
98
+ options.trigger?.addEventListener('mouseleave', this.#pointerLeave);
99
+ if (options.tooltipID !== undefined) {
100
+ options.root.id = options.tooltipID;
101
+ options.trigger?.setAttribute('aria-describedby', options.tooltipID);
102
+ }
103
+ }
104
+ else {
105
+ options.trigger?.addEventListener('click', this.#click);
106
+ }
107
+ if (options.closeOnInteractOutside === true || options.onInteractOutside !== undefined)
108
+ options.root.ownerDocument?.addEventListener?.('pointerdown', this.#pointerDown, true);
109
+ this.#refresh(false);
110
+ }
111
+ getSnapshot() { return this.#runtime.getSnapshot(); }
112
+ syncControlledValue(open) {
113
+ if (!this.#options.controlled)
114
+ return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled popup cannot be synchronized externally.' } };
115
+ const previous = this.#isOpen();
116
+ const result = this.#runtime.replace(this.#options.create(open, this.#runtime.getSnapshot().state));
117
+ if (result.ok) {
118
+ this.#refresh(previous);
119
+ this.#options.onUpdate?.();
120
+ }
121
+ return result;
122
+ }
123
+ handleEvent(event) {
124
+ const previous = this.#isOpen();
125
+ const result = this.#runtime.handle(event);
126
+ if (result.ok)
127
+ for (const command of result.commands)
128
+ this.#options.command?.(command);
129
+ this.#refresh(previous);
130
+ if (result.ok)
131
+ this.#options.onUpdate?.();
132
+ return result.ok;
133
+ }
134
+ refresh() { this.#refresh(undefined); }
135
+ disconnect() {
136
+ if (this.#isOpen())
137
+ this.#layers.close(this.#layerID);
138
+ this.#options.root.removeEventListener('keydown', this.#keydown);
139
+ this.#options.trigger?.removeEventListener('keydown', this.#keydown);
140
+ this.#options.root.ownerDocument?.removeEventListener?.('keydown', this.#documentKeydown, true);
141
+ this.#options.trigger?.removeEventListener('click', this.#click);
142
+ this.#options.trigger?.removeEventListener('focus', this.#focusIn);
143
+ this.#options.trigger?.removeEventListener('blur', this.#focusOut);
144
+ this.#options.trigger?.removeEventListener('mouseenter', this.#pointerEnter);
145
+ this.#options.trigger?.removeEventListener('mouseleave', this.#pointerLeave);
146
+ if (this.#options.closeOnInteractOutside === true || this.#options.onInteractOutside !== undefined)
147
+ this.#options.root.ownerDocument?.removeEventListener?.('pointerdown', this.#pointerDown, true);
148
+ this.#modalEffects?.release();
149
+ this.#modalEffects = undefined;
150
+ }
151
+ #isOpen() { return this.#options.read(this.#runtime.getSnapshot().state); }
152
+ #refresh(previous) {
153
+ const open = this.#isOpen();
154
+ if (open && previous !== true) {
155
+ if (this.#options.modal === true && this.#modalEffects === undefined) {
156
+ this.#modalEffects = acquireModalEffects(this.#options.root, [
157
+ ...(this.#options.modalBranches ?? []),
158
+ ...(this.#options.interactOutsideExclusions ?? []),
159
+ ]);
160
+ }
161
+ this.#layers.register({
162
+ id: this.#layerID,
163
+ surface: this.#options.root,
164
+ owner: this.#options.trigger ?? this.#options.root,
165
+ layer: {
166
+ id: this.#layerID,
167
+ mode: this.#options.role === 'tooltip'
168
+ ? 'tooltip'
169
+ : this.#options.modal === true ? 'modal' : 'non-modal',
170
+ dismissOnEscape: true,
171
+ dismissOnInteractOutside: this.#options.closeOnInteractOutside === true,
172
+ },
173
+ close: () => {
174
+ const result = this.#runtime.handle(this.#options.close);
175
+ if (result.ok) {
176
+ for (const command of result.commands)
177
+ this.#options.command?.(command);
178
+ this.#options.onUpdate?.();
179
+ }
180
+ this.#refresh(this.#isOpen() ? false : true);
181
+ },
182
+ });
183
+ }
184
+ else if (!open && previous === true) {
185
+ this.#layers.close(this.#layerID);
186
+ this.#modalEffects?.release();
187
+ this.#modalEffects = undefined;
188
+ }
189
+ if (this.#options.manageVisibility !== false)
190
+ this.#options.root.hidden = !open;
191
+ if (this.#options.trigger !== undefined && this.#options.triggerMode !== 'focus-hover')
192
+ this.#options.trigger.setAttribute('aria-expanded', String(open));
193
+ if (!open)
194
+ this.#initialFocusApplied = false;
195
+ if (open)
196
+ this.#applyInitialFocus();
197
+ else if (previous === true && this.#options.restoreFocus === true)
198
+ focusElement(this.#options.trigger);
199
+ }
200
+ #applyInitialFocus() {
201
+ if (this.#initialFocusApplied || this.#options.autoFocus !== true || this.#options.root.hidden)
202
+ return;
203
+ const target = this.#options.initialFocus ?? firstFocusable(this.#options.root) ?? this.#options.root;
204
+ focusElement(target);
205
+ this.#initialFocusApplied = this.#options.root.ownerDocument?.activeElement === target;
206
+ }
207
+ #trapTab(event) {
208
+ const focusable = [...this.#options.root.querySelectorAll(FOCUSABLE)].filter((element) => !element.hasAttribute('disabled') && element.tabIndex >= 0);
209
+ if (focusable.length === 0) {
210
+ event.preventDefault();
211
+ this.#options.root.focus();
212
+ return;
213
+ }
214
+ const activeIndex = focusable.indexOf(this.#options.root.ownerDocument?.activeElement);
215
+ const nextIndex = event.shiftKey ? activeIndex <= 0 ? focusable.length - 1 : activeIndex - 1 : activeIndex < 0 || activeIndex === focusable.length - 1 ? 0 : activeIndex + 1;
216
+ event.preventDefault();
217
+ focusable[nextIndex]?.focus();
218
+ }
219
+ }
220
+ const FOCUSABLE = 'button,[href],input,select,textarea,[tabindex]';
221
+ function firstFocusable(root) { return root.querySelectorAll?.(FOCUSABLE)[0] ?? null; }
222
+ function focusElement(element) { element?.focus?.(); }
223
+ //# sourceMappingURL=popup-control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popup-control.js","sourceRoot":"","sources":["../../src/internal/popup-control.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ import type { Result } from '@sectile/core';
2
+ import { type InteractionStateInput } from '@sectile/core/interaction';
3
+ import { type EventReducer, type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
4
+ export interface SemanticController<State, Event, Effect> {
5
+ getSnapshot(): RevisionSnapshot<State>;
6
+ replace(state: Result<State>): Result<RevisionSnapshot<State>>;
7
+ handle(event: Event, expectedRevision?: number): RevisionResult<State, Effect>;
8
+ reject(code: string, message: string, details?: Readonly<Record<string, unknown>>): RevisionResult<State, Effect>;
9
+ }
10
+ export interface SemanticControllerOptions<State, Event, Command, Effect> {
11
+ readonly initial: Result<State>;
12
+ readonly reducer: EventReducer<State, Event, Command>;
13
+ readonly reconcile?: (previous: State, proposed: State) => Result<State>;
14
+ readonly notify?: (previous: State, proposed: State) => void;
15
+ readonly toEffect: (command: Command) => Effect;
16
+ readonly interaction?: InteractionStateInput | undefined;
17
+ readonly interactionIntent?: (event: Event) => 'navigate' | 'mutate';
18
+ }
19
+ export declare function createSemanticController<State, Event, Command, Effect>(options: SemanticControllerOptions<State, Event, Command, Effect>): Result<SemanticController<State, Event, Effect>>;
20
+ //# sourceMappingURL=semantic-controller.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"semantic-controller.d.ts","sourceRoot":"","sources":["../../src/internal/semantic-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM;IACtD,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC/E,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACnH;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM;IACtE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;IACzE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,UAAU,GAAG,QAAQ,CAAC;CACtE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EACpE,OAAO,EAAE,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,GAChE,MAAM,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAiDlD"}
@@ -0,0 +1,42 @@
1
+ import { tryCreateInteractionState, requireInteraction, } from '@sectile/core/interaction';
2
+ import { tryCreateRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
3
+ import { applyControllerEvent, synchronizeControllerState } from './controller.js';
4
+ export function createSemanticController(options) {
5
+ if (!options.initial.ok)
6
+ return options.initial;
7
+ const interaction = tryCreateInteractionState(options.interaction);
8
+ if (!interaction.ok)
9
+ return interaction;
10
+ const snapshot = tryCreateRevisionSnapshot(options.initial.value);
11
+ if (!snapshot.ok)
12
+ return snapshot;
13
+ let current = snapshot.value;
14
+ return {
15
+ ok: true,
16
+ value: Object.freeze({
17
+ getSnapshot: () => current,
18
+ replace: (state) => {
19
+ const next = synchronizeControllerState(current, state);
20
+ if (next.ok)
21
+ current = next.value;
22
+ return next;
23
+ },
24
+ handle: (event, expectedRevision = current.revision) => {
25
+ const permitted = requireInteraction(interaction.value, options.interactionIntent?.(event) ?? 'mutate');
26
+ if (!permitted.ok)
27
+ return rejectRevisionInput(current, permitted.error);
28
+ const result = applyControllerEvent(current, expectedRevision, event, options.reducer, options.reconcile ?? ((_previous, proposed) => ({ ok: true, value: proposed })), options.notify ?? (() => undefined), options.toEffect);
29
+ if (result.ok)
30
+ current = result.snapshot;
31
+ return result;
32
+ },
33
+ reject: (code, message, details) => rejectRevisionInput(current, {
34
+ class: 'transition-rejection',
35
+ code,
36
+ message,
37
+ ...(details === undefined ? {} : { details }),
38
+ }),
39
+ }),
40
+ };
41
+ }
42
+ //# sourceMappingURL=semantic-controller.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"semantic-controller.js","sourceRoot":"","sources":["../../src/internal/semantic-controller.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,kBAAkB,GAEnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,yBAAyB,EACzB,mBAAmB,GAIpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAmBnF,MAAM,UAAU,wBAAwB,CACtC,OAAiE;IAEjE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC;IAChD,MAAM,WAAW,GAAG,yBAAyB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,IAAI,CAAC,WAAW,CAAC,EAAE;QAAE,OAAO,WAAW,CAAC;IACxC,MAAM,QAAQ,GAAG,yBAAyB,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClE,IAAI,CAAC,QAAQ,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAClC,IAAI,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7B,OAAO;QACL,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAA4B,EAAE,CAAC,OAAO;YACnD,OAAO,EAAE,CAAC,KAAoB,EAAmC,EAAE;gBACjE,MAAM,IAAI,GAAG,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACxD,IAAI,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;gBAClC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,EAAE,CACN,KAAY,EACZ,gBAAgB,GAAG,OAAO,CAAC,QAAQ,EACJ,EAAE;gBACjC,MAAM,SAAS,GAAG,kBAAkB,CAClC,WAAW,CAAC,KAAK,EACjB,OAAO,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,IAAI,QAAQ,CAC/C,CAAC;gBACF,IAAI,CAAC,SAAS,CAAC,EAAE;oBAAE,OAAO,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;gBACxE,MAAM,MAAM,GAAG,oBAAoB,CACjC,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAC/E,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,EACnC,OAAO,CAAC,QAAQ,CACjB,CAAC;gBACF,IAAI,MAAM,CAAC,EAAE;oBAAE,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC;gBACzC,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,MAAM,EAAE,CACN,IAAY,EACZ,OAAe,EACf,OAA2C,EACZ,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE;gBAC/D,KAAK,EAAE,sBAAsB;gBAC7B,IAAI;gBACJ,OAAO;gBACP,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;aAC9C,CAAC;SACH,CAAC;KACH,CAAC;AACJ,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { type TextEditingState } from '@sectile/core/text';
2
+ import type { TextElement, TextInput } from '../text.js';
3
+ export interface DOMTextElementBindingOptions {
4
+ readonly element: TextElement;
5
+ readonly getState: () => TextEditingState;
6
+ readonly dispatch: (input: TextInput) => boolean;
7
+ }
8
+ export declare class DOMTextElementBinding {
9
+ #private;
10
+ constructor(options: DOMTextElementBindingOptions);
11
+ get isComposing(): boolean;
12
+ handleBeforeInput(event: InputEvent): boolean;
13
+ render(): void;
14
+ disconnect(): void;
15
+ }
16
+ //# sourceMappingURL=text-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-element.d.ts","sourceRoot":"","sources":["../../src/internal/text-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAA2B,MAAM,oBAAoB,CAAC;AAC5G,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAClD;AAED,qBAAa,qBAAqB;;IAahC,YAAmB,OAAO,EAAE,4BAA4B,EAgCvD;IAED,IAAW,WAAW,IAAI,OAAO,CAEhC;IAEM,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CA+BnD;IAEM,MAAM,IAAI,IAAI,CAUpB;IAEM,UAAU,IAAI,IAAI,CAMxB;CA2DF"}