@k2b/ui 0.33.0 → 0.35.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 (310) hide show
  1. package/dist/base.css +14 -1
  2. package/dist/browser/actions/ContextMenu.js +13 -0
  3. package/dist/browser/actions/ContextMenu.js.map +1 -1
  4. package/dist/browser/actions/Dropdown.js +16 -4
  5. package/dist/browser/actions/Dropdown.js.map +1 -1
  6. package/dist/browser/actions/SelectionToolbar.js +129 -0
  7. package/dist/browser/actions/SelectionToolbar.js.map +1 -0
  8. package/dist/browser/actions/index.js +1 -0
  9. package/dist/browser/actions/index.js.map +1 -1
  10. package/dist/browser/charts.js +6 -0
  11. package/dist/browser/charts.js.map +1 -0
  12. package/dist/browser/chat/ChatComposer.js +525 -407
  13. package/dist/browser/chat/ChatComposer.js.map +1 -1
  14. package/dist/browser/chat/chat-messages.js +4 -0
  15. package/dist/browser/chat/chat-messages.js.map +1 -1
  16. package/dist/browser/chat/composer-document.js +19 -0
  17. package/dist/browser/chat/composer-document.js.map +1 -1
  18. package/dist/browser/chat/index.js.map +1 -1
  19. package/dist/browser/content/Chart.js +8 -0
  20. package/dist/browser/content/Chart.js.map +1 -1
  21. package/dist/browser/content/FileGrid.js +231 -9
  22. package/dist/browser/content/FileGrid.js.map +1 -1
  23. package/dist/browser/content/FileTypeIcon.js +15 -0
  24. package/dist/browser/content/FileTypeIcon.js.map +1 -1
  25. package/dist/browser/content/FileView.js +11 -4
  26. package/dist/browser/content/FileView.js.map +1 -1
  27. package/dist/browser/content/MatchText.js +61 -0
  28. package/dist/browser/content/MatchText.js.map +1 -0
  29. package/dist/browser/content/MessageRow.js +73 -53
  30. package/dist/browser/content/MessageRow.js.map +1 -1
  31. package/dist/browser/content/ReactionBar.js +3 -1
  32. package/dist/browser/content/ReactionBar.js.map +1 -1
  33. package/dist/browser/content/calendar-day-scroll.js +4 -3
  34. package/dist/browser/content/calendar-day-scroll.js.map +1 -1
  35. package/dist/browser/content/chart-bar.js +476 -0
  36. package/dist/browser/content/chart-bar.js.map +1 -0
  37. package/dist/browser/content/file-list-messages.js +52 -0
  38. package/dist/browser/content/file-list-messages.js.map +1 -0
  39. package/dist/browser/content/index.js +2 -1
  40. package/dist/browser/content/index.js.map +1 -1
  41. package/dist/browser/feedback/Tooltip.js +31 -14
  42. package/dist/browser/feedback/Tooltip.js.map +1 -1
  43. package/dist/browser/inputs/ChoiceList.js +178 -0
  44. package/dist/browser/inputs/ChoiceList.js.map +1 -0
  45. package/dist/browser/inputs/ChoiceSlider.js +314 -0
  46. package/dist/browser/inputs/ChoiceSlider.js.map +1 -0
  47. package/dist/browser/inputs/ChoiceTiles.js +135 -0
  48. package/dist/browser/inputs/ChoiceTiles.js.map +1 -0
  49. package/dist/browser/inputs/ColorChoices.js +120 -0
  50. package/dist/browser/inputs/ColorChoices.js.map +1 -0
  51. package/dist/browser/inputs/QrScanner.js +95 -13
  52. package/dist/browser/inputs/QrScanner.js.map +1 -1
  53. package/dist/browser/inputs/TextInput.js +15 -13
  54. package/dist/browser/inputs/TextInput.js.map +1 -1
  55. package/dist/browser/inputs/index.js +4 -0
  56. package/dist/browser/inputs/index.js.map +1 -1
  57. package/dist/browser/inputs/qr-messages.js +2 -0
  58. package/dist/browser/inputs/qr-messages.js.map +1 -1
  59. package/dist/browser/internal/radio-keys.js +13 -0
  60. package/dist/browser/internal/radio-keys.js.map +1 -0
  61. package/dist/browser/layout/AnchoredPopover.js +180 -0
  62. package/dist/browser/layout/AnchoredPopover.js.map +1 -0
  63. package/dist/browser/layout/AppWorkspace.js +155 -20
  64. package/dist/browser/layout/AppWorkspace.js.map +1 -1
  65. package/dist/browser/layout/DetailPanel.js +443 -333
  66. package/dist/browser/layout/DetailPanel.js.map +1 -1
  67. package/dist/browser/layout/MobileShell.js +21 -7
  68. package/dist/browser/layout/MobileShell.js.map +1 -1
  69. package/dist/browser/layout/Settings.js +283 -175
  70. package/dist/browser/layout/Settings.js.map +1 -1
  71. package/dist/browser/layout/SidebarRailHint.js +79 -0
  72. package/dist/browser/layout/SidebarRailHint.js.map +1 -0
  73. package/dist/browser/layout/SidebarSwitcher.js +79 -66
  74. package/dist/browser/layout/SidebarSwitcher.js.map +1 -1
  75. package/dist/browser/layout/TabBar.js +18 -4
  76. package/dist/browser/layout/TabBar.js.map +1 -1
  77. package/dist/browser/layout/app-workspace-controller.js +11 -4
  78. package/dist/browser/layout/app-workspace-controller.js.map +1 -1
  79. package/dist/browser/layout/detail-panel-messages.js +4 -2
  80. package/dist/browser/layout/detail-panel-messages.js.map +1 -1
  81. package/dist/browser/layout/index.js +2 -1
  82. package/dist/browser/layout/index.js.map +1 -1
  83. package/dist/browser/layout/settings-messages.js +26 -2
  84. package/dist/browser/layout/settings-messages.js.map +1 -1
  85. package/dist/browser/surfaces/Avatar.js +2 -14
  86. package/dist/browser/surfaces/Avatar.js.map +1 -1
  87. package/dist/browser/surfaces/DotStrip.js +70 -0
  88. package/dist/browser/surfaces/DotStrip.js.map +1 -0
  89. package/dist/browser/surfaces/ProgressRing.js +3 -0
  90. package/dist/browser/surfaces/ProgressRing.js.map +1 -1
  91. package/dist/browser/surfaces/ResourceCard.js +125 -68
  92. package/dist/browser/surfaces/ResourceCard.js.map +1 -1
  93. package/dist/browser/surfaces/index.js +2 -0
  94. package/dist/browser/surfaces/index.js.map +1 -1
  95. package/dist/browser/surfaces/person-color.js +18 -0
  96. package/dist/browser/surfaces/person-color.js.map +1 -0
  97. package/dist/browser/surfaces/resource-messages.js +6 -2
  98. package/dist/browser/surfaces/resource-messages.js.map +1 -1
  99. package/dist/browser/text-editor/TextEditor.js +1358 -0
  100. package/dist/browser/text-editor/TextEditor.js.map +1 -0
  101. package/dist/browser/text-editor/clipboard-html.js +152 -0
  102. package/dist/browser/text-editor/clipboard-html.js.map +1 -0
  103. package/dist/browser/text-editor/clipboard-loading.js +68 -0
  104. package/dist/browser/text-editor/clipboard-loading.js.map +1 -0
  105. package/dist/browser/text-editor/clipboard.js +51 -0
  106. package/dist/browser/text-editor/clipboard.js.map +1 -0
  107. package/dist/browser/text-editor/engine.js +125 -0
  108. package/dist/browser/text-editor/engine.js.map +1 -0
  109. package/dist/browser/text-editor/format.js +218 -0
  110. package/dist/browser/text-editor/format.js.map +1 -0
  111. package/dist/browser/text-editor/formatted.js +164 -0
  112. package/dist/browser/text-editor/formatted.js.map +1 -0
  113. package/dist/browser/text-editor/language.js +19 -0
  114. package/dist/browser/text-editor/language.js.map +1 -0
  115. package/dist/browser/text-editor/markdown-table.js +563 -0
  116. package/dist/browser/text-editor/markdown-table.js.map +1 -0
  117. package/dist/browser/text-editor/messages.js +233 -0
  118. package/dist/browser/text-editor/messages.js.map +1 -0
  119. package/dist/browser/text-editor/paste.js +115 -0
  120. package/dist/browser/text-editor/paste.js.map +1 -0
  121. package/dist/browser/text-editor/table.js +1760 -0
  122. package/dist/browser/text-editor/table.js.map +1 -0
  123. package/dist/browser/text-editor.js +5 -0
  124. package/dist/browser/text-editor.js.map +1 -0
  125. package/dist/browser/widgets/Widget.js +3 -2
  126. package/dist/browser/widgets/Widget.js.map +1 -1
  127. package/dist/ssr/actions/ContextMenu.js +9 -0
  128. package/dist/ssr/actions/ContextMenu.js.map +1 -1
  129. package/dist/ssr/actions/Dropdown.js +15 -4
  130. package/dist/ssr/actions/Dropdown.js.map +1 -1
  131. package/dist/ssr/actions/SelectionToolbar.js +104 -0
  132. package/dist/ssr/actions/SelectionToolbar.js.map +1 -0
  133. package/dist/ssr/actions/index.js +1 -0
  134. package/dist/ssr/actions/index.js.map +1 -1
  135. package/dist/ssr/charts.js +6 -0
  136. package/dist/ssr/charts.js.map +1 -0
  137. package/dist/ssr/chat/ChatComposer.js +132 -53
  138. package/dist/ssr/chat/ChatComposer.js.map +1 -1
  139. package/dist/ssr/chat/chat-messages.js +4 -0
  140. package/dist/ssr/chat/chat-messages.js.map +1 -1
  141. package/dist/ssr/chat/composer-document.js +19 -0
  142. package/dist/ssr/chat/composer-document.js.map +1 -1
  143. package/dist/ssr/chat/index.js.map +1 -1
  144. package/dist/ssr/content/Chart.js +8 -0
  145. package/dist/ssr/content/Chart.js.map +1 -1
  146. package/dist/ssr/content/FileGrid.js +132 -5
  147. package/dist/ssr/content/FileGrid.js.map +1 -1
  148. package/dist/ssr/content/FileTypeIcon.js +15 -0
  149. package/dist/ssr/content/FileTypeIcon.js.map +1 -1
  150. package/dist/ssr/content/FileView.js +11 -4
  151. package/dist/ssr/content/FileView.js.map +1 -1
  152. package/dist/ssr/content/MatchText.js +56 -0
  153. package/dist/ssr/content/MatchText.js.map +1 -0
  154. package/dist/ssr/content/MessageRow.js +16 -6
  155. package/dist/ssr/content/MessageRow.js.map +1 -1
  156. package/dist/ssr/content/ReactionBar.js +3 -1
  157. package/dist/ssr/content/ReactionBar.js.map +1 -1
  158. package/dist/ssr/content/calendar-day-scroll.js +4 -3
  159. package/dist/ssr/content/calendar-day-scroll.js.map +1 -1
  160. package/dist/ssr/content/chart-bar.js +476 -0
  161. package/dist/ssr/content/chart-bar.js.map +1 -0
  162. package/dist/ssr/content/file-list-messages.js +52 -0
  163. package/dist/ssr/content/file-list-messages.js.map +1 -0
  164. package/dist/ssr/content/index.js +2 -1
  165. package/dist/ssr/content/index.js.map +1 -1
  166. package/dist/ssr/feedback/Tooltip.js +31 -14
  167. package/dist/ssr/feedback/Tooltip.js.map +1 -1
  168. package/dist/ssr/inputs/ChoiceList.js +95 -0
  169. package/dist/ssr/inputs/ChoiceList.js.map +1 -0
  170. package/dist/ssr/inputs/ChoiceSlider.js +191 -0
  171. package/dist/ssr/inputs/ChoiceSlider.js.map +1 -0
  172. package/dist/ssr/inputs/ChoiceTiles.js +61 -0
  173. package/dist/ssr/inputs/ChoiceTiles.js.map +1 -0
  174. package/dist/ssr/inputs/ColorChoices.js +60 -0
  175. package/dist/ssr/inputs/ColorChoices.js.map +1 -0
  176. package/dist/ssr/inputs/QrScanner.js +89 -10
  177. package/dist/ssr/inputs/QrScanner.js.map +1 -1
  178. package/dist/ssr/inputs/TextInput.js +13 -1
  179. package/dist/ssr/inputs/TextInput.js.map +1 -1
  180. package/dist/ssr/inputs/index.js +4 -0
  181. package/dist/ssr/inputs/index.js.map +1 -1
  182. package/dist/ssr/inputs/qr-messages.js +2 -0
  183. package/dist/ssr/inputs/qr-messages.js.map +1 -1
  184. package/dist/ssr/internal/radio-keys.js +13 -0
  185. package/dist/ssr/internal/radio-keys.js.map +1 -0
  186. package/dist/ssr/layout/AnchoredPopover.js +142 -0
  187. package/dist/ssr/layout/AnchoredPopover.js.map +1 -0
  188. package/dist/ssr/layout/AppWorkspace.js +154 -20
  189. package/dist/ssr/layout/AppWorkspace.js.map +1 -1
  190. package/dist/ssr/layout/DetailPanel.js +181 -108
  191. package/dist/ssr/layout/DetailPanel.js.map +1 -1
  192. package/dist/ssr/layout/MobileShell.js +20 -6
  193. package/dist/ssr/layout/MobileShell.js.map +1 -1
  194. package/dist/ssr/layout/Settings.js +122 -45
  195. package/dist/ssr/layout/Settings.js.map +1 -1
  196. package/dist/ssr/layout/SidebarRailHint.js +79 -0
  197. package/dist/ssr/layout/SidebarRailHint.js.map +1 -0
  198. package/dist/ssr/layout/SidebarSwitcher.js +13 -3
  199. package/dist/ssr/layout/SidebarSwitcher.js.map +1 -1
  200. package/dist/ssr/layout/TabBar.js +11 -3
  201. package/dist/ssr/layout/TabBar.js.map +1 -1
  202. package/dist/ssr/layout/app-workspace-controller.js +11 -4
  203. package/dist/ssr/layout/app-workspace-controller.js.map +1 -1
  204. package/dist/ssr/layout/detail-panel-messages.js +4 -2
  205. package/dist/ssr/layout/detail-panel-messages.js.map +1 -1
  206. package/dist/ssr/layout/index.js +2 -1
  207. package/dist/ssr/layout/index.js.map +1 -1
  208. package/dist/ssr/layout/settings-messages.js +26 -2
  209. package/dist/ssr/layout/settings-messages.js.map +1 -1
  210. package/dist/ssr/surfaces/Avatar.js +2 -14
  211. package/dist/ssr/surfaces/Avatar.js.map +1 -1
  212. package/dist/ssr/surfaces/DotStrip.js +31 -0
  213. package/dist/ssr/surfaces/DotStrip.js.map +1 -0
  214. package/dist/ssr/surfaces/ProgressRing.js +3 -0
  215. package/dist/ssr/surfaces/ProgressRing.js.map +1 -1
  216. package/dist/ssr/surfaces/ResourceCard.js +40 -15
  217. package/dist/ssr/surfaces/ResourceCard.js.map +1 -1
  218. package/dist/ssr/surfaces/index.js +2 -0
  219. package/dist/ssr/surfaces/index.js.map +1 -1
  220. package/dist/ssr/surfaces/person-color.js +18 -0
  221. package/dist/ssr/surfaces/person-color.js.map +1 -0
  222. package/dist/ssr/surfaces/resource-messages.js +6 -2
  223. package/dist/ssr/surfaces/resource-messages.js.map +1 -1
  224. package/dist/ssr/text-editor/TextEditor.js +1155 -0
  225. package/dist/ssr/text-editor/TextEditor.js.map +1 -0
  226. package/dist/ssr/text-editor/clipboard-html.js +152 -0
  227. package/dist/ssr/text-editor/clipboard-html.js.map +1 -0
  228. package/dist/ssr/text-editor/clipboard-loading.js +68 -0
  229. package/dist/ssr/text-editor/clipboard-loading.js.map +1 -0
  230. package/dist/ssr/text-editor/clipboard.js +51 -0
  231. package/dist/ssr/text-editor/clipboard.js.map +1 -0
  232. package/dist/ssr/text-editor/engine.js +125 -0
  233. package/dist/ssr/text-editor/engine.js.map +1 -0
  234. package/dist/ssr/text-editor/format.js +218 -0
  235. package/dist/ssr/text-editor/format.js.map +1 -0
  236. package/dist/ssr/text-editor/formatted.js +164 -0
  237. package/dist/ssr/text-editor/formatted.js.map +1 -0
  238. package/dist/ssr/text-editor/language.js +19 -0
  239. package/dist/ssr/text-editor/language.js.map +1 -0
  240. package/dist/ssr/text-editor/markdown-table.js +563 -0
  241. package/dist/ssr/text-editor/markdown-table.js.map +1 -0
  242. package/dist/ssr/text-editor/messages.js +233 -0
  243. package/dist/ssr/text-editor/messages.js.map +1 -0
  244. package/dist/ssr/text-editor/paste.js +115 -0
  245. package/dist/ssr/text-editor/paste.js.map +1 -0
  246. package/dist/ssr/text-editor/table.js +1760 -0
  247. package/dist/ssr/text-editor/table.js.map +1 -0
  248. package/dist/ssr/text-editor.js +5 -0
  249. package/dist/ssr/text-editor.js.map +1 -0
  250. package/dist/ssr/widgets/Widget.js +3 -2
  251. package/dist/ssr/widgets/Widget.js.map +1 -1
  252. package/dist/styles.css +1 -1
  253. package/dist/types/actions/ContextMenu.d.ts +5 -0
  254. package/dist/types/actions/Dropdown.d.ts +7 -0
  255. package/dist/types/actions/SelectionToolbar.d.ts +38 -0
  256. package/dist/types/actions/index.d.ts +2 -0
  257. package/dist/types/charts.d.ts +5 -0
  258. package/dist/types/chat/ChatComposer.d.ts +15 -0
  259. package/dist/types/chat/chat-messages.d.ts +2 -0
  260. package/dist/types/chat/composer-document.d.ts +5 -0
  261. package/dist/types/chat/index.d.ts +1 -1
  262. package/dist/types/content/Chart.d.ts +2 -1
  263. package/dist/types/content/FileGrid.d.ts +43 -3
  264. package/dist/types/content/FileTypeIcon.d.ts +10 -0
  265. package/dist/types/content/FileView.d.ts +5 -1
  266. package/dist/types/content/MatchText.d.ts +21 -0
  267. package/dist/types/content/MessageRow.d.ts +2 -0
  268. package/dist/types/content/calendar-day-scroll.d.ts +2 -1
  269. package/dist/types/content/chart-bar.d.ts +60 -0
  270. package/dist/types/content/file-list-messages.d.ts +24 -0
  271. package/dist/types/content/index.d.ts +3 -2
  272. package/dist/types/feedback/Tooltip.d.ts +8 -2
  273. package/dist/types/inputs/ChoiceList.d.ts +28 -0
  274. package/dist/types/inputs/ChoiceSlider.d.ts +36 -0
  275. package/dist/types/inputs/ChoiceTiles.d.ts +25 -0
  276. package/dist/types/inputs/ColorChoices.d.ts +19 -0
  277. package/dist/types/inputs/index.d.ts +8 -0
  278. package/dist/types/inputs/qr-messages.d.ts +1 -0
  279. package/dist/types/internal/radio-keys.d.ts +5 -0
  280. package/dist/types/layout/AnchoredPopover.d.ts +31 -0
  281. package/dist/types/layout/AppWorkspace.d.ts +10 -0
  282. package/dist/types/layout/DetailPanel.d.ts +17 -0
  283. package/dist/types/layout/MobileShell.d.ts +5 -2
  284. package/dist/types/layout/Settings.d.ts +22 -0
  285. package/dist/types/layout/SidebarRailHint.d.ts +26 -0
  286. package/dist/types/layout/TabBar.d.ts +5 -0
  287. package/dist/types/layout/detail-panel-messages.d.ts +1 -0
  288. package/dist/types/layout/index.d.ts +3 -2
  289. package/dist/types/layout/settings-messages.d.ts +12 -0
  290. package/dist/types/surfaces/DotStrip.d.ts +22 -0
  291. package/dist/types/surfaces/ProgressRing.d.ts +2 -1
  292. package/dist/types/surfaces/ResourceCard.d.ts +9 -0
  293. package/dist/types/surfaces/index.d.ts +4 -1
  294. package/dist/types/surfaces/person-color.d.ts +10 -0
  295. package/dist/types/surfaces/resource-messages.d.ts +2 -0
  296. package/dist/types/text-editor/TextEditor.d.ts +69 -0
  297. package/dist/types/text-editor/clipboard-html.d.ts +9 -0
  298. package/dist/types/text-editor/clipboard-loading.d.ts +8 -0
  299. package/dist/types/text-editor/clipboard.d.ts +20 -0
  300. package/dist/types/text-editor/engine.d.ts +34 -0
  301. package/dist/types/text-editor/format.d.ts +34 -0
  302. package/dist/types/text-editor/formatted.d.ts +1 -0
  303. package/dist/types/text-editor/language.d.ts +8 -0
  304. package/dist/types/text-editor/markdown-table.d.ts +105 -0
  305. package/dist/types/text-editor/messages.d.ts +113 -0
  306. package/dist/types/text-editor/paste.d.ts +6 -0
  307. package/dist/types/text-editor/table.d.ts +81 -0
  308. package/dist/types/text-editor.d.ts +4 -0
  309. package/dist/types/widgets/Widget.d.ts +3 -2
  310. package/package.json +28 -3
@@ -15,7 +15,7 @@ export { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocR
15
15
  export { FileBrowserPanel, openFileBrowser } from "./FileBrowser";
16
16
  export { FileGrid } from "./FileGrid";
17
17
  export { default as FileTree } from "./FileTree";
18
- export { FileTypeIcon, fileTypeOf } from "./FileTypeIcon";
18
+ export { FileTypeIcon, fileKindLabel, fileTypeOf } from "./FileTypeIcon";
19
19
  export { canPreviewFile, default as FileView, formatFileViewSize, getFileViewPreviewKind } from "./FileView";
20
20
  export { Kbd } from "./Kbd";
21
21
  export { LabelChip } from "./LabelChip";
@@ -25,6 +25,7 @@ export { MapAttribution } from "./MapAttribution";
25
25
  export { MapView } from "./MapView";
26
26
  export { MapViewFrame } from "./MapViewFrame";
27
27
  export { default as MarkdownView, renderSafeMarkdown } from "./MarkdownView";
28
+ export { MatchText, matchParts } from "./MatchText";
28
29
  export { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from "./MessageRow";
29
30
  export { mapPalette } from "./map-palette";
30
31
  export { mapAttribution, mapStyle } from "./map-style";
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n CalendarAttendee,\n CalendarCommand,\n CalendarController,\n CalendarCustomView,\n CalendarDayBadge,\n CalendarEvent,\n CalendarEventColor,\n CalendarEventRenderContext,\n CalendarEventTimeChange,\n CalendarExternalDrag,\n CalendarLabels,\n CalendarProps,\n CalendarQuickCreateControls,\n CalendarRange,\n CalendarRecurrence,\n CalendarResource,\n CalendarSelectionControls,\n CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n ChartExplorerCharts,\n ChartExplorerController,\n ChartExplorerData,\n ChartExplorerOptions,\n ChartExplorerRequest,\n ChartExplorerRow,\n ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n StateTimelineChartOptions,\n StateTimelineDomain,\n StateTimelineInterval,\n StateTimelineRow,\n StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { highlightSql } from \"./code-highlight\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n DataTableColumn,\n DataTableControlsProps,\n DataTableFooter,\n DataTableHeaderProps,\n DataTablePanelFooterProps,\n DataTablePanelProps,\n DataTableProps,\n DataTableRenderCell,\n DataTableRenderHeader,\n DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n canPreviewFile,\n default as FileView,\n type FileViewContent,\n type FileViewFile,\n type FileViewPreviewKind,\n type FileViewProps,\n type FileViewRenderer,\n type FileViewRendererProps,\n formatFileViewSize,\n getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { MapAttribution } from \"./MapAttribution\";\nexport { MapView } from \"./MapView\";\nexport { MapViewFrame } from \"./MapViewFrame\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport type {\n MessageEventGroupProps,\n MessageEventRowProps,\n MessageGroupEntry,\n MessageRowAction,\n MessageRowAttachment,\n MessageRowAuthor,\n MessageRowFile,\n MessageRowMedia,\n MessageRowOrigin,\n MessageRowProgress,\n MessageRowProps,\n MessageRowQuote,\n MessageRowReaction,\n MessageRowStatus,\n MessageRowThread,\n MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\nexport { type MapStyleOptions, mapAttribution, mapStyle } from \"./map-style\";\nexport type {\n MapViewArea,\n MapViewFit,\n MapViewFrameProps,\n MapViewLine,\n MapViewLineTone,\n MapViewMarker,\n MapViewOwnLocation,\n MapViewPoint,\n MapViewProps,\n MapViewStyle,\n MapViewStyleSource,\n MapViewTone,\n} from \"./map-view-types\";\nexport {\n MARKDOWN_CALLOUT_CLASSES,\n MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n type MarkdownInfoBlock,\n type MarkdownInfoBlockRenderInput,\n type MarkdownInfoBlockType,\n markdownInfoBlocks,\n renderMarkdownInfoBlock,\n scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n type MarkdownLinkInput,\n type MarkdownReference,\n type MarkdownReferenceKind,\n type MarkdownReferenceType,\n markdownLinkReference,\n markdownReferenceIcon,\n markdownReferenceType,\n markdownReferenceTypeLabel,\n markStandaloneLinks,\n renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n ReferenceChipObjectProps,\n ReferenceChipPersonProps,\n ReferenceChipProps,\n ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAS,YAAY,QAAQ,kBAAkB;AAC/C,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,UAAU,QAAQ,gBAAgB;AAChG,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,OAAO,QAAQ,WAAW;AACnC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAmBhI,SAAS,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AACnH,SAA+C,UAAU,QAAQ,eAAe;AAChF,SAA+B,cAAc,EAAE,QAAQ,QAAQ,aAAa;AAe5E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n CalendarAttendee,\n CalendarCommand,\n CalendarController,\n CalendarCustomView,\n CalendarDayBadge,\n CalendarEvent,\n CalendarEventColor,\n CalendarEventRenderContext,\n CalendarEventTimeChange,\n CalendarExternalDrag,\n CalendarLabels,\n CalendarProps,\n CalendarQuickCreateControls,\n CalendarRange,\n CalendarRecurrence,\n CalendarResource,\n CalendarSelectionControls,\n CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps, ChartLegendEntry } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n ChartExplorerCharts,\n ChartExplorerController,\n ChartExplorerData,\n ChartExplorerOptions,\n ChartExplorerRequest,\n ChartExplorerRow,\n ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection-core\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n StateTimelineChartOptions,\n StateTimelineDomain,\n StateTimelineInterval,\n StateTimelineRow,\n StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { highlightSql } from \"./code-highlight\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n DataTableColumn,\n DataTableControlsProps,\n DataTableFooter,\n DataTableHeaderProps,\n DataTablePanelFooterProps,\n DataTablePanelProps,\n DataTableProps,\n DataTableRenderCell,\n DataTableRenderHeader,\n DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridGroup, type FileGridOpenProps, type FileGridProps, type FileGridSelectableProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport { type FileType, FileTypeIcon, type FileTypeIconProps, fileKindLabel, fileTypeOf } from \"./FileTypeIcon\";\nexport {\n canPreviewFile,\n default as FileView,\n type FileViewContent,\n type FileViewFile,\n type FileViewPreviewKind,\n type FileViewProps,\n type FileViewRenderer,\n type FileViewRendererProps,\n formatFileViewSize,\n getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { KbdProps } from \"./Kbd\";\nexport { Kbd } from \"./Kbd\";\nexport type { LabelChipProps } from \"./LabelChip\";\nexport { LabelChip } from \"./LabelChip\";\nexport type { LightboxAction, LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { MapAttribution } from \"./MapAttribution\";\nexport { MapView } from \"./MapView\";\nexport { MapViewFrame } from \"./MapViewFrame\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport { type MatchRange, MatchText, type MatchTextProps, matchParts } from \"./MatchText\";\nexport type {\n MessageEventGroupProps,\n MessageEventRowProps,\n MessageGroupEntry,\n MessageRowAction,\n MessageRowAttachment,\n MessageRowAuthor,\n MessageRowFile,\n MessageRowMedia,\n MessageRowOrigin,\n MessageRowProgress,\n MessageRowProps,\n MessageRowQuote,\n MessageRowReaction,\n MessageRowStatus,\n MessageRowThread,\n MessageSystemRowProps,\n} from \"./MessageRow\";\nexport { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from \"./MessageRow\";\nexport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\nexport { type MapStyleOptions, mapAttribution, mapStyle } from \"./map-style\";\nexport type {\n MapViewArea,\n MapViewFit,\n MapViewFrameProps,\n MapViewLine,\n MapViewLineTone,\n MapViewMarker,\n MapViewOwnLocation,\n MapViewPoint,\n MapViewProps,\n MapViewStyle,\n MapViewStyleSource,\n MapViewTone,\n} from \"./map-view-types\";\nexport {\n MARKDOWN_CALLOUT_CLASSES,\n MARKDOWN_CALLOUT_ICON_ATTRIBUTES,\n type MarkdownInfoBlock,\n type MarkdownInfoBlockRenderInput,\n type MarkdownInfoBlockType,\n markdownInfoBlocks,\n renderMarkdownInfoBlock,\n scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport {\n type MarkdownLinkInput,\n type MarkdownReference,\n type MarkdownReferenceKind,\n type MarkdownReferenceType,\n markdownLinkReference,\n markdownReferenceIcon,\n markdownReferenceType,\n markdownReferenceTypeLabel,\n markStandaloneLinks,\n renderMarkdownLink,\n} from \"./markdown-links\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport { ReactionBar, type ReactionBarItem, type ReactionBarProps } from \"./ReactionBar\";\nexport type {\n ReferenceChipObjectProps,\n ReferenceChipPersonProps,\n ReferenceChipProps,\n ReferenceChipTimeProps,\n} from \"./ReferenceChip\";\nexport { REFERENCE_CHIP_MAX_CHARACTERS, ReferenceChip, truncateMiddle } from \"./ReferenceChip\";\nexport type { StepsProps } from \"./Steps\";\nexport { Steps } from \"./Steps\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { TimelineColor, TimelineController, TimelineItem, TimelineProps } from \"./Timeline\";\nexport { default as Timeline } from \"./Timeline\";\nexport { VideoPlayer, type VideoPlayerProps } from \"./VideoPlayer\";\nexport type { VirtualFeedController, VirtualFeedProps, VirtualFeedScrollOptions } from \"./VirtualFeed\";\nexport { VirtualFeed } from \"./VirtualFeed\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAoBA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAS,YAAY,QAAQ,kBAAkB;AAC/C,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAAsG,YAAY;AACnI,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SAAwB,YAAY,EAA0B,aAAa,EAAE,UAAU,QAAQ,gBAAgB;AAC/G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,GAAG,QAAQ,OAAO;AAE3B,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,OAAO,QAAQ,WAAW;AACnC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAChI,SAA0B,SAAS,EAAuB,UAAU,QAAQ,aAAa;AAmBzF,SAAS,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,QAAQ,cAAc;AACnH,SAA+C,UAAU,QAAQ,eAAe;AAChF,SAA+B,cAAc,EAAE,QAAQ,QAAQ,aAAa;AAe5E,SACE,wBAAwB,EACxB,gCAAgC,EAIhC,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAKE,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,QACb,kBAAkB;AACzB,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAAS,WAAW,QAAqD,eAAe;AAOxF,SAAS,6BAA6B,EAAE,aAAa,EAAE,cAAc,QAAQ,iBAAiB;AAE9F,SAAS,KAAK,QAAQ,SAAS;AAE/B,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAChD,SAAS,WAAW,QAA+B,eAAe;AAElE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
@@ -48,6 +48,7 @@ function TooltipSurface(props) {
48
48
  };
49
49
  function dismissOnEscape(event) {
50
50
  if (event.key !== "Escape" || !surface?.matches(":popover-open")) return;
51
+ event.preventDefault();
51
52
  dismissedUntilLeave = true;
52
53
  close();
53
54
  }
@@ -89,18 +90,25 @@ function TooltipSurface(props) {
89
90
  onMount(() => {
90
91
  target = props.target();
91
92
  if (!target) return;
93
+ const focusHost = props.focusTarget?.() ?? target;
92
94
 
93
95
  // Server HTML may carry a native title as the no-JavaScript hint; once
94
96
  // hydrated, this surface replaces it so the hint does not appear twice.
95
97
  const originalTitle = target.getAttribute("title");
96
98
  target.removeAttribute("title");
97
99
  // A hint that only repeats the control's accessible name adds nothing for
98
- // assistive technology, so it does not become a description.
99
- const repeatsName = surface?.textContent?.trim() === target.getAttribute("aria-label")?.trim();
100
- const originalDescription = target.getAttribute("aria-describedby");
100
+ // assistive technology, so it does not become a description. A focus
101
+ // container without an aria-label is named by the target's own label text.
102
+ const hint = surface?.textContent?.trim();
103
+ const label = focusHost.getAttribute("aria-label");
104
+ const repeatsName = label !== null ? hint === label.trim() : Boolean(props.focusTarget && hint && target.textContent?.includes(hint));
105
+ const originalDescription = focusHost.getAttribute("aria-describedby");
101
106
  const descriptions = new Set(originalDescription?.split(/\s+/).filter(Boolean) ?? []);
102
107
  if (!repeatsName) descriptions.add(tooltipId);
103
- if (descriptions.size > 0) target.setAttribute("aria-describedby", [...descriptions].join(" "));
108
+ // A focus container named by its content, such as a tree item, would read
109
+ // the open hint as part of its name; a description still reads it.
110
+ if (surface && focusHost !== target && focusHost.contains(surface)) surface.setAttribute("aria-hidden", "true");
111
+ if (descriptions.size > 0) focusHost.setAttribute("aria-describedby", [...descriptions].join(" "));
104
112
 
105
113
  // Touch has no hover, so a tap never opens the hint; the label stays the
106
114
  // accessible name.
@@ -110,33 +118,42 @@ function TooltipSurface(props) {
110
118
  // Only visible focus, as from the keyboard, opens the hint. Focus that a
111
119
  // click or tap gives, or that a closing overlay returns silently, does not.
112
120
  const focusIn = event => {
113
- if (event.target?.matches?.(":focus-visible")) open();
121
+ const focused = event.target;
122
+ if ((focusHost === target || focused === focusHost) && focused?.matches?.(":focus-visible")) open();
114
123
  };
115
124
  const leave = () => {
116
125
  dismissedUntilLeave = false;
117
126
  close();
118
127
  };
119
128
  const focusOut = event => {
120
- if (!target?.contains(event.relatedTarget)) leave();
129
+ if (focusHost === target ? !target.contains(event.relatedTarget) : event.target === focusHost) leave();
121
130
  };
122
- const pointerDown = () => {
131
+ const dismissForUse = () => {
123
132
  dismissedUntilLeave = true;
124
133
  close();
125
134
  };
135
+
136
+ // Keyboard activation uses the control just as a pointer press does. Capture it before
137
+ // a local handler (for example drag pickup) stops propagation.
138
+ const keyDown = event => {
139
+ if (event.key === " " || event.key === "Enter") dismissForUse();
140
+ };
141
+ focusHost.addEventListener("keydown", keyDown, true);
126
142
  target.addEventListener("pointerenter", enter);
127
143
  target.addEventListener("pointerleave", leave);
128
- target.addEventListener("pointerdown", pointerDown);
129
- target.addEventListener("focusin", focusIn);
130
- target.addEventListener("focusout", focusOut);
144
+ target.addEventListener("pointerdown", dismissForUse);
145
+ focusHost.addEventListener("focusin", focusIn);
146
+ focusHost.addEventListener("focusout", focusOut);
131
147
  onCleanup(() => {
132
148
  close();
133
149
  if (originalTitle !== null) target?.setAttribute("title", originalTitle);
134
- if (originalDescription) target?.setAttribute("aria-describedby", originalDescription);else target?.removeAttribute("aria-describedby");
150
+ if (originalDescription) focusHost.setAttribute("aria-describedby", originalDescription);else focusHost.removeAttribute("aria-describedby");
151
+ focusHost.removeEventListener("keydown", keyDown, true);
135
152
  target?.removeEventListener("pointerenter", enter);
136
153
  target?.removeEventListener("pointerleave", leave);
137
- target?.removeEventListener("pointerdown", pointerDown);
138
- target?.removeEventListener("focusin", focusIn);
139
- target?.removeEventListener("focusout", focusOut);
154
+ target?.removeEventListener("pointerdown", dismissForUse);
155
+ focusHost.removeEventListener("focusin", focusIn);
156
+ focusHost.removeEventListener("focusout", focusOut);
140
157
  });
141
158
  });
142
159
  return (() => {
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createContext, createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps, useContext } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n content: JSX.Element;\n target: () => HTMLElement | undefined;\n placement?: TooltipPlacement;\n delay?: number;\n disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */\nconst AnchorContext = createContext(false);\n\n/**\n * The hint an icon-only control shows by default: its label, unless the caller\n * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already\n * owns the hint.\n */\nexport const useLabelTooltip = (tooltip: () => JSX.Element | false | undefined, label: () => string | undefined) => {\n const anchored = useContext(AnchorContext);\n return (): JSX.Element | false | undefined => {\n const explicit = tooltip();\n if (explicit !== undefined) return explicit;\n return anchored ? false : label();\n };\n};\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n let surface: HTMLSpanElement | undefined;\n let target: HTMLElement | undefined;\n let openTimer: ReturnType<typeof setTimeout> | undefined;\n let dismissedUntilLeave = false;\n\n const clearTimer = () => {\n if (openTimer) clearTimeout(openTimer);\n openTimer = undefined;\n };\n\n function dismissOnEscape(event: KeyboardEvent) {\n if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n dismissedUntilLeave = true;\n close();\n }\n\n function close() {\n clearTimer();\n if (surface?.matches(\":popover-open\")) {\n try {\n surface.hidePopover();\n } catch {\n // The surface may disconnect during cleanup.\n }\n }\n document.removeEventListener(\"keydown\", dismissOnEscape);\n window.removeEventListener(\"scroll\", close, true);\n window.removeEventListener(\"resize\", close);\n }\n\n const open = () => {\n clearTimer();\n if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n const show = () => {\n openTimer = undefined;\n if (props.disabled || !surface?.isConnected || !target) return;\n try {\n surface.showPopover();\n } catch {\n return;\n }\n positionTooltipSurface(surface, target, props.placement);\n document.addEventListener(\"keydown\", dismissOnEscape);\n window.addEventListener(\"scroll\", close, true);\n window.addEventListener(\"resize\", close);\n };\n const delay = props.delay ?? 250;\n if (delay <= 0) show();\n else openTimer = setTimeout(show, delay);\n };\n\n createEffect(() => {\n if (props.disabled) close();\n });\n\n onMount(() => {\n target = props.target();\n if (!target) return;\n\n // Server HTML may carry a native title as the no-JavaScript hint; once\n // hydrated, this surface replaces it so the hint does not appear twice.\n const originalTitle = target.getAttribute(\"title\");\n target.removeAttribute(\"title\");\n // A hint that only repeats the control's accessible name adds nothing for\n // assistive technology, so it does not become a description.\n const repeatsName = surface?.textContent?.trim() === target.getAttribute(\"aria-label\")?.trim();\n const originalDescription = target.getAttribute(\"aria-describedby\");\n const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n if (!repeatsName) descriptions.add(tooltipId);\n if (descriptions.size > 0) target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n // Touch has no hover, so a tap never opens the hint; the label stays the\n // accessible name.\n const enter = (event: PointerEvent) => {\n if (event.pointerType !== \"touch\") open();\n };\n // Only visible focus, as from the keyboard, opens the hint. Focus that a\n // click or tap gives, or that a closing overlay returns silently, does not.\n const focusIn = (event: FocusEvent) => {\n if ((event.target as Element | null)?.matches?.(\":focus-visible\")) open();\n };\n const leave = () => {\n dismissedUntilLeave = false;\n close();\n };\n const focusOut = (event: FocusEvent) => {\n if (!target?.contains(event.relatedTarget as Node | null)) leave();\n };\n const pointerDown = () => {\n dismissedUntilLeave = true;\n close();\n };\n\n target.addEventListener(\"pointerenter\", enter);\n target.addEventListener(\"pointerleave\", leave);\n target.addEventListener(\"pointerdown\", pointerDown);\n target.addEventListener(\"focusin\", focusIn);\n target.addEventListener(\"focusout\", focusOut);\n\n onCleanup(() => {\n close();\n if (originalTitle !== null) target?.setAttribute(\"title\", originalTitle);\n if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n else target?.removeAttribute(\"aria-describedby\");\n target?.removeEventListener(\"pointerenter\", enter);\n target?.removeEventListener(\"pointerleave\", leave);\n target?.removeEventListener(\"pointerdown\", pointerDown);\n target?.removeEventListener(\"focusin\", focusIn);\n target?.removeEventListener(\"focusout\", focusOut);\n });\n });\n\n return (\n <span\n ref={surface}\n id={tooltipId}\n role=\"tooltip\"\n popover=\"manual\"\n class=\"k2b-tooltip\"\n data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n >\n {props.content}\n </span>\n );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n let target: HTMLSpanElement | undefined;\n\n return (\n <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n <AnchorContext.Provider value={true}>{local.children}</AnchorContext.Provider>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </span>\n );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n let target: HTMLButtonElement | undefined;\n const register = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n return (\n <>\n <button {...rest} ref={register} disabled={local.disabled}>\n {local.children}\n </button>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </>\n );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n Anchor: (props: TooltipAnchorProps) => JSX.Element;\n Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createContext, createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps, useContext } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n content: JSX.Element;\n target: () => HTMLElement | undefined;\n placement?: TooltipPlacement;\n delay?: number;\n disabled?: boolean;\n /**\n * The element whose keyboard focus opens the hint, when a container holds\n * the focus instead of `target` (a tree item around its row). Defaults to\n * `target`.\n */\n focusTarget?: () => HTMLElement | undefined;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\" | \"focusTarget\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> &\n Omit<TooltipProps, \"target\" | \"focusTarget\">;\n\n/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */\nconst AnchorContext = createContext(false);\n\n/**\n * The hint an icon-only control shows by default: its label, unless the caller\n * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already\n * owns the hint.\n */\nexport const useLabelTooltip = (tooltip: () => JSX.Element | false | undefined, label: () => string | undefined) => {\n const anchored = useContext(AnchorContext);\n return (): JSX.Element | false | undefined => {\n const explicit = tooltip();\n if (explicit !== undefined) return explicit;\n return anchored ? false : label();\n };\n};\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n let surface: HTMLSpanElement | undefined;\n let target: HTMLElement | undefined;\n let openTimer: ReturnType<typeof setTimeout> | undefined;\n let dismissedUntilLeave = false;\n\n const clearTimer = () => {\n if (openTimer) clearTimeout(openTimer);\n openTimer = undefined;\n };\n\n function dismissOnEscape(event: KeyboardEvent) {\n if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n event.preventDefault();\n dismissedUntilLeave = true;\n close();\n }\n\n function close() {\n clearTimer();\n if (surface?.matches(\":popover-open\")) {\n try {\n surface.hidePopover();\n } catch {\n // The surface may disconnect during cleanup.\n }\n }\n document.removeEventListener(\"keydown\", dismissOnEscape);\n window.removeEventListener(\"scroll\", close, true);\n window.removeEventListener(\"resize\", close);\n }\n\n const open = () => {\n clearTimer();\n if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n const show = () => {\n openTimer = undefined;\n if (props.disabled || !surface?.isConnected || !target) return;\n try {\n surface.showPopover();\n } catch {\n return;\n }\n positionTooltipSurface(surface, target, props.placement);\n document.addEventListener(\"keydown\", dismissOnEscape);\n window.addEventListener(\"scroll\", close, true);\n window.addEventListener(\"resize\", close);\n };\n const delay = props.delay ?? 250;\n if (delay <= 0) show();\n else openTimer = setTimeout(show, delay);\n };\n\n createEffect(() => {\n if (props.disabled) close();\n });\n\n onMount(() => {\n target = props.target();\n if (!target) return;\n const focusHost = props.focusTarget?.() ?? target;\n\n // Server HTML may carry a native title as the no-JavaScript hint; once\n // hydrated, this surface replaces it so the hint does not appear twice.\n const originalTitle = target.getAttribute(\"title\");\n target.removeAttribute(\"title\");\n // A hint that only repeats the control's accessible name adds nothing for\n // assistive technology, so it does not become a description. A focus\n // container without an aria-label is named by the target's own label text.\n const hint = surface?.textContent?.trim();\n const label = focusHost.getAttribute(\"aria-label\");\n const repeatsName = label !== null ? hint === label.trim() : Boolean(props.focusTarget && hint && target.textContent?.includes(hint));\n const originalDescription = focusHost.getAttribute(\"aria-describedby\");\n const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n if (!repeatsName) descriptions.add(tooltipId);\n // A focus container named by its content, such as a tree item, would read\n // the open hint as part of its name; a description still reads it.\n if (surface && focusHost !== target && focusHost.contains(surface)) surface.setAttribute(\"aria-hidden\", \"true\");\n if (descriptions.size > 0) focusHost.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n // Touch has no hover, so a tap never opens the hint; the label stays the\n // accessible name.\n const enter = (event: PointerEvent) => {\n if (event.pointerType !== \"touch\") open();\n };\n // Only visible focus, as from the keyboard, opens the hint. Focus that a\n // click or tap gives, or that a closing overlay returns silently, does not.\n const focusIn = (event: FocusEvent) => {\n const focused = event.target as Element | null;\n if ((focusHost === target || focused === focusHost) && focused?.matches?.(\":focus-visible\")) open();\n };\n const leave = () => {\n dismissedUntilLeave = false;\n close();\n };\n const focusOut = (event: FocusEvent) => {\n if (focusHost === target ? !target.contains(event.relatedTarget as Node | null) : event.target === focusHost) leave();\n };\n const dismissForUse = () => {\n dismissedUntilLeave = true;\n close();\n };\n\n // Keyboard activation uses the control just as a pointer press does. Capture it before\n // a local handler (for example drag pickup) stops propagation.\n const keyDown = (event: KeyboardEvent) => {\n if (event.key === \" \" || event.key === \"Enter\") dismissForUse();\n };\n\n focusHost.addEventListener(\"keydown\", keyDown, true);\n target.addEventListener(\"pointerenter\", enter);\n target.addEventListener(\"pointerleave\", leave);\n target.addEventListener(\"pointerdown\", dismissForUse);\n focusHost.addEventListener(\"focusin\", focusIn);\n focusHost.addEventListener(\"focusout\", focusOut);\n\n onCleanup(() => {\n close();\n if (originalTitle !== null) target?.setAttribute(\"title\", originalTitle);\n if (originalDescription) focusHost.setAttribute(\"aria-describedby\", originalDescription);\n else focusHost.removeAttribute(\"aria-describedby\");\n focusHost.removeEventListener(\"keydown\", keyDown, true);\n target?.removeEventListener(\"pointerenter\", enter);\n target?.removeEventListener(\"pointerleave\", leave);\n target?.removeEventListener(\"pointerdown\", dismissForUse);\n focusHost.removeEventListener(\"focusin\", focusIn);\n focusHost.removeEventListener(\"focusout\", focusOut);\n });\n });\n\n return (\n <span\n ref={surface}\n id={tooltipId}\n role=\"tooltip\"\n popover=\"manual\"\n class=\"k2b-tooltip\"\n data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n >\n {props.content}\n </span>\n );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n let target: HTMLSpanElement | undefined;\n\n return (\n <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n <AnchorContext.Provider value={true}>{local.children}</AnchorContext.Provider>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </span>\n );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n let target: HTMLButtonElement | undefined;\n const register = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n return (\n <>\n <button {...rest} ref={register} disabled={local.disabled}>\n {local.children}\n </button>\n <TooltipSurface\n content={local.content}\n target={() => target}\n delay={local.delay}\n disabled={local.disabled}\n placement={local.placement}\n />\n </>\n );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n Anchor: (props: TooltipAnchorProps) => JSX.Element;\n Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,178 @@
1
+ import { template as _$template } from "solid-js/web";
2
+ import { delegateEvents as _$delegateEvents } from "solid-js/web";
3
+ import { setProperty as _$setProperty } from "solid-js/web";
4
+ import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
5
+ import { getNextMarker as _$getNextMarker } from "solid-js/web";
6
+ import { memo as _$memo } from "solid-js/web";
7
+ import { setAttribute as _$setAttribute } from "solid-js/web";
8
+ import { effect as _$effect } from "solid-js/web";
9
+ import { getNextElement as _$getNextElement } from "solid-js/web";
10
+ import { insert as _$insert } from "solid-js/web";
11
+ import { createComponent as _$createComponent } from "solid-js/web";
12
+ import { use as _$use } from "solid-js/web";
13
+ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-choice-list role=radiogroup>`),
14
+ _tmpl$2 = /*#__PURE__*/_$template(`<i class="ti ti-loader-2 k2b-spin"role=img>`),
15
+ _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-choice-list__description>`),
16
+ _tmpl$4 = /*#__PURE__*/_$template(`<button type=button role=radio class=k2b-choice-list__option><span class=k2b-choice-list__radio aria-hidden=true></span><span class=k2b-choice-list__text><span class=k2b-choice-list__label><!$><!/><!$><!/><span class=k2b-choice-list__busy></span></span><!$><!/>`),
17
+ _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-choice-list__details>`),
18
+ _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-choice-list__marker>`);
19
+ import { Index, Show } from "solid-js";
20
+ import { createFieldMeta, Field, fieldDescribedBy } from "../internal/field";
21
+ import { radioKeyTarget } from "../internal/radio-keys";
22
+ import { resolveMaybeAccessor } from "./field-contract";
23
+ /**
24
+ * A labeled single choice shown as a short list of rows, each with a radio, a label and one sentence on what it
25
+ * means, for a few choices whose consequences need words. Choosing changes only paint, so no row moves; `details`
26
+ * opens under the chosen row. Use `ChoiceChips` for quick picks without explanation, `RichSelect` for longer lists
27
+ * in a dropdown, and `ChoiceTiles` when a preview decides.
28
+ */
29
+ export function ChoiceList(props) {
30
+ const meta = createFieldMeta(props.id);
31
+ let group;
32
+ const value = () => resolveMaybeAccessor(props.value) ?? null;
33
+ const tabStop = (option, index) => value() === option.value || index === 0 && !props.options.some(candidate => candidate.value === value());
34
+ const choose = (index, focus = false) => {
35
+ const option = props.options[index];
36
+ if (!option || props.disabled) return;
37
+ props.onValueChange?.(option.value);
38
+ props.onValueCommit?.(option.value);
39
+ if (focus) queueMicrotask(() => group?.querySelectorAll('[role="radio"]')[index]?.focus());
40
+ };
41
+ return _$createComponent(Field, {
42
+ meta: meta,
43
+ labelFor: false,
44
+ get ["class"]() {
45
+ return props.class;
46
+ },
47
+ get label() {
48
+ return props.label;
49
+ },
50
+ get description() {
51
+ return props.description;
52
+ },
53
+ get error() {
54
+ return props.error;
55
+ },
56
+ get required() {
57
+ return props.required;
58
+ },
59
+ get disabled() {
60
+ return props.disabled;
61
+ },
62
+ get children() {
63
+ var _el$ = _$getNextElement(_tmpl$);
64
+ var _ref$ = group;
65
+ typeof _ref$ === "function" ? _$use(_ref$, _el$) : group = _el$;
66
+ _$insert(_el$, _$createComponent(Index, {
67
+ get each() {
68
+ return props.options;
69
+ },
70
+ children: (option, index) => {
71
+ const checked = () => value() === option().value;
72
+ const descriptionId = `${meta.controlId}-option-${index}`;
73
+ return [(() => {
74
+ var _el$2 = _$getNextElement(_tmpl$4),
75
+ _el$3 = _el$2.firstChild,
76
+ _el$4 = _el$3.nextSibling,
77
+ _el$5 = _el$4.firstChild,
78
+ _el$8 = _el$5.firstChild,
79
+ [_el$9, _co$] = _$getNextMarker(_el$8.nextSibling),
80
+ _el$0 = _el$9.nextSibling,
81
+ [_el$1, _co$2] = _$getNextMarker(_el$0.nextSibling),
82
+ _el$6 = _el$1.nextSibling,
83
+ _el$11 = _el$5.nextSibling,
84
+ [_el$12, _co$3] = _$getNextMarker(_el$11.nextSibling);
85
+ _el$2.$$keydown = event => {
86
+ const target = radioKeyTarget(event.key, index, props.options.length);
87
+ if (target === undefined) return;
88
+ event.preventDefault();
89
+ choose(target, true);
90
+ };
91
+ _el$2.$$click = () => choose(index);
92
+ _$insert(_el$5, () => option().label, _el$9, _co$);
93
+ _$insert(_el$5, _$createComponent(Show, {
94
+ get when() {
95
+ return option().marker;
96
+ },
97
+ children: marker => (() => {
98
+ var _el$14 = _$getNextElement(_tmpl$6);
99
+ _$insert(_el$14, marker);
100
+ return _el$14;
101
+ })()
102
+ }), _el$1, _co$2);
103
+ _$insert(_el$6, _$createComponent(Show, {
104
+ get when() {
105
+ return _$memo(() => !!checked())() && props.busy;
106
+ },
107
+ get children() {
108
+ var _el$7 = _$getNextElement(_tmpl$2);
109
+ _$effect(() => _$setAttribute(_el$7, "aria-label", props.busyLabel));
110
+ return _el$7;
111
+ }
112
+ }));
113
+ _$insert(_el$4, _$createComponent(Show, {
114
+ get when() {
115
+ return option().description;
116
+ },
117
+ get children() {
118
+ var _el$10 = _$getNextElement(_tmpl$3);
119
+ _$setAttribute(_el$10, "id", descriptionId);
120
+ _$insert(_el$10, () => option().description);
121
+ return _el$10;
122
+ }
123
+ }), _el$12, _co$3);
124
+ _$effect(_p$ => {
125
+ var _v$6 = checked(),
126
+ _v$7 = option().description ? descriptionId : undefined,
127
+ _v$8 = props.disabled,
128
+ _v$9 = tabStop(option(), index) ? 0 : -1;
129
+ _v$6 !== _p$.e && _$setAttribute(_el$2, "aria-checked", _p$.e = _v$6);
130
+ _v$7 !== _p$.t && _$setAttribute(_el$2, "aria-describedby", _p$.t = _v$7);
131
+ _v$8 !== _p$.a && _$setProperty(_el$2, "disabled", _p$.a = _v$8);
132
+ _v$9 !== _p$.o && _$setAttribute(_el$2, "tabindex", _p$.o = _v$9);
133
+ return _p$;
134
+ }, {
135
+ e: undefined,
136
+ t: undefined,
137
+ a: undefined,
138
+ o: undefined
139
+ });
140
+ _$runHydrationEvents();
141
+ return _el$2;
142
+ })(), _$createComponent(Show, {
143
+ get when() {
144
+ return _$memo(() => !!checked())() && props.details;
145
+ },
146
+ get children() {
147
+ var _el$13 = _$getNextElement(_tmpl$5);
148
+ _$insert(_el$13, () => props.details);
149
+ return _el$13;
150
+ }
151
+ })];
152
+ }
153
+ }));
154
+ _$effect(_p$ => {
155
+ var _v$ = props.label ? undefined : props["aria-label"],
156
+ _v$2 = props.label ? meta.labelId : undefined,
157
+ _v$3 = fieldDescribedBy(meta, props),
158
+ _v$4 = props.disabled ? "true" : undefined,
159
+ _v$5 = props.busy ? "true" : undefined;
160
+ _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
161
+ _v$2 !== _p$.t && _$setAttribute(_el$, "aria-labelledby", _p$.t = _v$2);
162
+ _v$3 !== _p$.a && _$setAttribute(_el$, "aria-describedby", _p$.a = _v$3);
163
+ _v$4 !== _p$.o && _$setAttribute(_el$, "aria-disabled", _p$.o = _v$4);
164
+ _v$5 !== _p$.i && _$setAttribute(_el$, "aria-busy", _p$.i = _v$5);
165
+ return _p$;
166
+ }, {
167
+ e: undefined,
168
+ t: undefined,
169
+ a: undefined,
170
+ o: undefined,
171
+ i: undefined
172
+ });
173
+ return _el$;
174
+ }
175
+ });
176
+ }
177
+ _$delegateEvents(["click", "keydown"]);
178
+ //# sourceMappingURL=ChoiceList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["inputs/ChoiceList.tsx"],"sourcesContent":["import { Index, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldDescribedBy } from \"../internal/field\";\nimport { radioKeyTarget } from \"../internal/radio-keys\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type ChoiceListOption<T extends string = string> = {\n value: T;\n label: string;\n /** One sentence on what the choice means. */\n description?: string;\n /** A quiet tag after the label, such as \"Default\" for the choice that applies without one. */\n marker?: string;\n};\n\nexport type ChoiceListProps<T extends string = string> = Omit<ValueFieldProps<T | null>, \"onValueChange\" | \"onValueCommit\"> & {\n options: readonly ChoiceListOption<T>[];\n /** The chosen value is being saved: a spinner beside its label, and the group is busy. Choosing again is still possible. */\n busy?: boolean;\n /** Busy spinner's name for screen readers, such as \"Saving\". */\n busyLabel?: string;\n /** Follow-up controls for the chosen option, shown under it and indented to its text, such as a duration. */\n details?: JSX.Element;\n onValueChange?: (value: T) => void;\n onValueCommit?: (value: T) => void;\n};\n\n/**\n * A labeled single choice shown as a short list of rows, each with a radio, a label and one sentence on what it\n * means, for a few choices whose consequences need words. Choosing changes only paint, so no row moves; `details`\n * opens under the chosen row. Use `ChoiceChips` for quick picks without explanation, `RichSelect` for longer lists\n * in a dropdown, and `ChoiceTiles` when a preview decides.\n */\nexport function ChoiceList<T extends string = string>(props: ChoiceListProps<T>): JSX.Element {\n const meta = createFieldMeta(props.id);\n let group: HTMLDivElement | undefined;\n const value = () => resolveMaybeAccessor(props.value) ?? null;\n const tabStop = (option: ChoiceListOption<T>, index: number) =>\n value() === option.value || (index === 0 && !props.options.some((candidate) => candidate.value === value()));\n const choose = (index: number, focus = false) => {\n const option = props.options[index];\n if (!option || props.disabled) return;\n props.onValueChange?.(option.value);\n props.onValueCommit?.(option.value);\n if (focus) queueMicrotask(() => group?.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')[index]?.focus());\n };\n return (\n <Field\n meta={meta}\n labelFor={false}\n class={props.class}\n label={props.label}\n description={props.description}\n error={props.error}\n required={props.required}\n disabled={props.disabled}\n >\n <div\n class=\"k2b-choice-list\"\n ref={group}\n role=\"radiogroup\"\n aria-label={props.label ? undefined : props[\"aria-label\"]}\n aria-labelledby={props.label ? meta.labelId : undefined}\n aria-describedby={fieldDescribedBy(meta, props)}\n aria-disabled={props.disabled ? \"true\" : undefined}\n aria-busy={props.busy ? \"true\" : undefined}\n >\n {/* Rows stay by position, so options rebuilt with new objects keep their buttons and the focus on them. */}\n <Index each={props.options}>\n {(option, index) => {\n const checked = () => value() === option().value;\n const descriptionId = `${meta.controlId}-option-${index}`;\n return (\n <>\n <button\n type=\"button\"\n role=\"radio\"\n class=\"k2b-choice-list__option\"\n aria-checked={checked()}\n aria-describedby={option().description ? descriptionId : undefined}\n disabled={props.disabled}\n tabIndex={tabStop(option(), index) ? 0 : -1}\n onClick={() => choose(index)}\n onKeyDown={(event) => {\n const target = radioKeyTarget(event.key, index, props.options.length);\n if (target === undefined) return;\n event.preventDefault();\n choose(target, true);\n }}\n >\n <span class=\"k2b-choice-list__radio\" aria-hidden=\"true\" />\n <span class=\"k2b-choice-list__text\">\n <span class=\"k2b-choice-list__label\">\n {option().label}\n <Show when={option().marker}>{(marker) => <span class=\"k2b-choice-list__marker\">{marker()}</span>}</Show>\n {/* The spinner's place is always there, so a save starting or ending moves nothing. */}\n <span class=\"k2b-choice-list__busy\">\n <Show when={checked() && props.busy}>\n <i class=\"ti ti-loader-2 k2b-spin\" role=\"img\" aria-label={props.busyLabel} />\n </Show>\n </span>\n </span>\n <Show when={option().description}>\n <span class=\"k2b-choice-list__description\" id={descriptionId}>\n {option().description}\n </span>\n </Show>\n </span>\n </button>\n <Show when={checked() && props.details}>\n <div class=\"k2b-choice-list__details\">{props.details}</div>\n </Show>\n </>\n );\n }}\n </Index>\n </div>\n </Field>\n );\n}\n"],"mappings":"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","ignoreList":[]}