@threadlabs/looma 0.23.20 → 0.23.22

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 (414) hide show
  1. package/components/shared/overlay.js +1 -1
  2. package/components/ui-combobox/ui-combobox.html +7 -8
  3. package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +2 -2
  4. package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +1 -1
  5. package/components/ui-editor-table-context-menu/ui-editor-table-context-menu.html +3 -3
  6. package/components/ui-editor-table-overlay/ui-editor-table-overlay.html +2 -2
  7. package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +4 -4
  8. package/components/ui-image/ui-image.html +177 -0
  9. package/components/ui-image/ui-image.js +107 -0
  10. package/components/ui-listbox/ui-listbox.html +1 -1
  11. package/components/ui-menu/ui-menu.js +1 -1
  12. package/components/ui-popover/ui-popover.js +4 -1
  13. package/components/ui-separator/ui-separator.html +18 -0
  14. package/components/ui-toast-region/ui-toast-region.html +1 -1
  15. package/dist/index.js +24 -23
  16. package/editor/chunks/extensions.js +633 -20
  17. package/editor/extensions/block-selection.d.ts +6 -0
  18. package/editor/extensions/expand.d.ts +31 -0
  19. package/editor/extensions/image.d.ts +12 -0
  20. package/editor/extensions/index.d.ts +4 -1
  21. package/editor/extensions/index.js +2 -2
  22. package/editor/extensions/preset.d.ts +8 -0
  23. package/editor/extensions/slash-command.d.ts +31 -3
  24. package/editor/extensions/table-of-contents.d.ts +58 -0
  25. package/editor/index.js +2 -2
  26. package/package.json +2 -2
  27. package/styles/ui-action-bar.css +1 -1
  28. package/styles/ui-affordance-scope.css +1 -1
  29. package/styles/ui-avatar-group.css +1 -1
  30. package/styles/ui-avatar.css +1 -1
  31. package/styles/ui-badge.css +1 -1
  32. package/styles/ui-breadcrumb-item.css +1 -1
  33. package/styles/ui-breadcrumbs.css +1 -1
  34. package/styles/ui-button.css +1 -1
  35. package/styles/ui-callout.css +1 -1
  36. package/styles/ui-card.css +1 -1
  37. package/styles/ui-checkbox.css +1 -1
  38. package/styles/ui-cluster.css +1 -1
  39. package/styles/ui-combobox.css +1 -1
  40. package/styles/ui-container.css +1 -1
  41. package/styles/ui-context-menu.css +1 -1
  42. package/styles/ui-cover.css +1 -1
  43. package/styles/ui-description-item.css +1 -1
  44. package/styles/ui-description-list.css +1 -1
  45. package/styles/ui-dialog.css +1 -1
  46. package/styles/ui-disclosure.css +1 -1
  47. package/styles/ui-editable.css +1 -1
  48. package/styles/ui-editor-insert-table-grid.css +1 -1
  49. package/styles/ui-editor-mention-menu-item.css +1 -1
  50. package/styles/ui-editor-mention-menu.css +1 -1
  51. package/styles/ui-editor-slash-menu-group.css +1 -1
  52. package/styles/ui-editor-slash-menu-item.css +1 -1
  53. package/styles/ui-editor-slash-menu.css +1 -1
  54. package/styles/ui-editor-table-context-menu.css +1 -1
  55. package/styles/ui-editor-table-overlay.css +1 -1
  56. package/styles/ui-editor-table-toolbar.css +1 -1
  57. package/styles/ui-editor-toolbar.css +1 -1
  58. package/styles/ui-floating-action-button.css +1 -1
  59. package/styles/ui-form-field.css +1 -1
  60. package/styles/ui-grid.css +1 -1
  61. package/styles/ui-icon-button.css +1 -1
  62. package/styles/ui-icon.css +1 -1
  63. package/styles/ui-image.css +153 -0
  64. package/styles/ui-input-group.css +1 -1
  65. package/styles/ui-input.css +1 -1
  66. package/styles/ui-list-item.css +1 -1
  67. package/styles/ui-list.css +1 -1
  68. package/styles/ui-listbox.css +1 -1
  69. package/styles/ui-menu-group.css +1 -1
  70. package/styles/ui-menu-item.css +1 -1
  71. package/styles/ui-menu.css +1 -1
  72. package/styles/ui-meter.css +1 -1
  73. package/styles/ui-nav-item.css +1 -1
  74. package/styles/ui-page-header.css +1 -1
  75. package/styles/ui-popover.css +1 -1
  76. package/styles/ui-radio-group.css +1 -1
  77. package/styles/ui-radio.css +1 -1
  78. package/styles/ui-reel.css +1 -1
  79. package/styles/ui-scroll-area.css +1 -1
  80. package/styles/ui-search-result-row.css +1 -1
  81. package/styles/ui-search-shell.css +1 -1
  82. package/styles/ui-section.css +1 -1
  83. package/styles/ui-select.css +1 -1
  84. package/styles/ui-separator.css +17 -1
  85. package/styles/ui-sidebar.css +1 -1
  86. package/styles/ui-spinner.css +1 -1
  87. package/styles/ui-stack.css +1 -1
  88. package/styles/ui-status-message.css +1 -1
  89. package/styles/ui-switch.css +1 -1
  90. package/styles/ui-switcher.css +1 -1
  91. package/styles/ui-table.css +1 -1
  92. package/styles/ui-tabs.css +1 -1
  93. package/styles/ui-text.css +1 -1
  94. package/styles/ui-textarea.css +1 -1
  95. package/styles/ui-toast-region.css +1 -1
  96. package/styles/ui-toast.css +1 -1
  97. package/styles/ui-tooltip.css +1 -1
  98. package/styles/ui-top-bar.css +1 -1
  99. package/styles/ui-tree-item.css +1 -1
  100. package/styles/ui-tree.css +1 -1
  101. package/vanilla/UiActionBar.d.ts +1 -1
  102. package/vanilla/UiActionBar.js +1 -1
  103. package/vanilla/UiAffordanceScope.d.ts +1 -1
  104. package/vanilla/UiAffordanceScope.js +1 -1
  105. package/vanilla/UiAvatar.d.ts +1 -1
  106. package/vanilla/UiAvatar.js +1 -1
  107. package/vanilla/UiAvatarGroup.d.ts +1 -1
  108. package/vanilla/UiAvatarGroup.js +1 -1
  109. package/vanilla/UiBadge.d.ts +1 -1
  110. package/vanilla/UiBadge.js +1 -1
  111. package/vanilla/UiBreadcrumbItem.d.ts +1 -1
  112. package/vanilla/UiBreadcrumbItem.js +1 -1
  113. package/vanilla/UiBreadcrumbs.d.ts +1 -1
  114. package/vanilla/UiBreadcrumbs.js +1 -1
  115. package/vanilla/UiButton.d.ts +1 -1
  116. package/vanilla/UiButton.js +1 -1
  117. package/vanilla/UiCallout.d.ts +1 -1
  118. package/vanilla/UiCallout.js +1 -1
  119. package/vanilla/UiCard.d.ts +1 -1
  120. package/vanilla/UiCard.js +1 -1
  121. package/vanilla/UiCheckbox.d.ts +1 -1
  122. package/vanilla/UiCheckbox.js +1 -1
  123. package/vanilla/UiCluster.d.ts +1 -1
  124. package/vanilla/UiCluster.js +1 -1
  125. package/vanilla/UiCombobox.d.ts +1 -1
  126. package/vanilla/UiCombobox.js +181 -167
  127. package/vanilla/UiContainer.d.ts +1 -1
  128. package/vanilla/UiContainer.js +1 -1
  129. package/vanilla/UiContextMenu.d.ts +1 -1
  130. package/vanilla/UiContextMenu.js +1 -1
  131. package/vanilla/UiCover.d.ts +1 -1
  132. package/vanilla/UiCover.js +1 -1
  133. package/vanilla/UiDescriptionItem.d.ts +1 -1
  134. package/vanilla/UiDescriptionItem.js +1 -1
  135. package/vanilla/UiDescriptionList.d.ts +1 -1
  136. package/vanilla/UiDescriptionList.js +1 -1
  137. package/vanilla/UiDialog.d.ts +1 -1
  138. package/vanilla/UiDialog.js +1 -1
  139. package/vanilla/UiDisclosure.d.ts +1 -1
  140. package/vanilla/UiDisclosure.js +1 -1
  141. package/vanilla/UiEditable.d.ts +1 -1
  142. package/vanilla/UiEditable.js +1 -1
  143. package/vanilla/UiEditorInsertTableGrid.d.ts +1 -1
  144. package/vanilla/UiEditorInsertTableGrid.js +1 -1
  145. package/vanilla/UiEditorMentionMenu.d.ts +1 -1
  146. package/vanilla/UiEditorMentionMenu.js +19 -13
  147. package/vanilla/UiEditorMentionMenuItem.d.ts +1 -1
  148. package/vanilla/UiEditorMentionMenuItem.js +1 -1
  149. package/vanilla/UiEditorSlashMenu.d.ts +1 -1
  150. package/vanilla/UiEditorSlashMenu.js +17 -13
  151. package/vanilla/UiEditorSlashMenuGroup.d.ts +1 -1
  152. package/vanilla/UiEditorSlashMenuGroup.js +1 -1
  153. package/vanilla/UiEditorSlashMenuItem.d.ts +1 -1
  154. package/vanilla/UiEditorSlashMenuItem.js +1 -1
  155. package/vanilla/UiEditorTableContextMenu.d.ts +1 -1
  156. package/vanilla/UiEditorTableContextMenu.js +26 -20
  157. package/vanilla/UiEditorTableOverlay.d.ts +1 -1
  158. package/vanilla/UiEditorTableOverlay.js +69 -65
  159. package/vanilla/UiEditorTableToolbar.d.ts +1 -1
  160. package/vanilla/UiEditorTableToolbar.js +72 -64
  161. package/vanilla/UiEditorToolbar.d.ts +1 -1
  162. package/vanilla/UiEditorToolbar.js +1 -1
  163. package/vanilla/UiFloatingActionButton.d.ts +1 -1
  164. package/vanilla/UiFloatingActionButton.js +1 -1
  165. package/vanilla/UiFormField.d.ts +1 -1
  166. package/vanilla/UiFormField.js +1 -1
  167. package/vanilla/UiGrid.d.ts +1 -1
  168. package/vanilla/UiGrid.js +1 -1
  169. package/vanilla/UiIcon.d.ts +1 -1
  170. package/vanilla/UiIcon.js +1 -1
  171. package/vanilla/UiIconButton.d.ts +1 -1
  172. package/vanilla/UiIconButton.js +1 -1
  173. package/vanilla/UiImage.d.ts +21 -0
  174. package/vanilla/UiImage.js +84 -0
  175. package/vanilla/UiInput.d.ts +1 -1
  176. package/vanilla/UiInput.js +1 -1
  177. package/vanilla/UiInputGroup.d.ts +1 -1
  178. package/vanilla/UiInputGroup.js +1 -1
  179. package/vanilla/UiList.d.ts +1 -1
  180. package/vanilla/UiList.js +1 -1
  181. package/vanilla/UiListItem.d.ts +1 -1
  182. package/vanilla/UiListItem.js +1 -1
  183. package/vanilla/UiListbox.d.ts +1 -1
  184. package/vanilla/UiListbox.js +33 -31
  185. package/vanilla/UiMenu.d.ts +1 -1
  186. package/vanilla/UiMenu.js +1 -1
  187. package/vanilla/UiMenuGroup.d.ts +1 -1
  188. package/vanilla/UiMenuGroup.js +1 -1
  189. package/vanilla/UiMenuItem.d.ts +1 -1
  190. package/vanilla/UiMenuItem.js +1 -1
  191. package/vanilla/UiMeter.d.ts +1 -1
  192. package/vanilla/UiMeter.js +1 -1
  193. package/vanilla/UiNavItem.d.ts +1 -1
  194. package/vanilla/UiNavItem.js +1 -1
  195. package/vanilla/UiPageHeader.d.ts +1 -1
  196. package/vanilla/UiPageHeader.js +1 -1
  197. package/vanilla/UiPopover.d.ts +1 -1
  198. package/vanilla/UiPopover.js +1 -1
  199. package/vanilla/UiRadio.d.ts +1 -1
  200. package/vanilla/UiRadio.js +1 -1
  201. package/vanilla/UiRadioGroup.d.ts +1 -1
  202. package/vanilla/UiRadioGroup.js +1 -1
  203. package/vanilla/UiReel.d.ts +1 -1
  204. package/vanilla/UiReel.js +1 -1
  205. package/vanilla/UiScrollArea.d.ts +1 -1
  206. package/vanilla/UiScrollArea.js +1 -1
  207. package/vanilla/UiSearchResultRow.d.ts +1 -1
  208. package/vanilla/UiSearchResultRow.js +1 -1
  209. package/vanilla/UiSearchShell.d.ts +1 -1
  210. package/vanilla/UiSearchShell.js +1 -1
  211. package/vanilla/UiSection.d.ts +1 -1
  212. package/vanilla/UiSection.js +1 -1
  213. package/vanilla/UiSelect.d.ts +1 -1
  214. package/vanilla/UiSelect.js +1 -1
  215. package/vanilla/UiSeparator.d.ts +3 -1
  216. package/vanilla/UiSeparator.js +11 -3
  217. package/vanilla/UiSidebar.d.ts +1 -1
  218. package/vanilla/UiSidebar.js +1 -1
  219. package/vanilla/UiSpinner.d.ts +1 -1
  220. package/vanilla/UiSpinner.js +1 -1
  221. package/vanilla/UiStack.d.ts +1 -1
  222. package/vanilla/UiStack.js +1 -1
  223. package/vanilla/UiStatusMessage.d.ts +1 -1
  224. package/vanilla/UiStatusMessage.js +1 -1
  225. package/vanilla/UiSwitch.d.ts +1 -1
  226. package/vanilla/UiSwitch.js +1 -1
  227. package/vanilla/UiSwitcher.d.ts +1 -1
  228. package/vanilla/UiSwitcher.js +1 -1
  229. package/vanilla/UiTable.d.ts +1 -1
  230. package/vanilla/UiTable.js +1 -1
  231. package/vanilla/UiTabs.d.ts +1 -1
  232. package/vanilla/UiTabs.js +1 -1
  233. package/vanilla/UiText.d.ts +1 -1
  234. package/vanilla/UiText.js +1 -1
  235. package/vanilla/UiTextarea.d.ts +1 -1
  236. package/vanilla/UiTextarea.js +1 -1
  237. package/vanilla/UiToast.d.ts +1 -1
  238. package/vanilla/UiToast.js +1 -1
  239. package/vanilla/UiToastRegion.d.ts +1 -1
  240. package/vanilla/UiToastRegion.js +13 -11
  241. package/vanilla/UiTooltip.d.ts +1 -1
  242. package/vanilla/UiTooltip.js +1 -1
  243. package/vanilla/UiTopBar.d.ts +1 -1
  244. package/vanilla/UiTopBar.js +1 -1
  245. package/vanilla/UiTree.d.ts +1 -1
  246. package/vanilla/UiTree.js +1 -1
  247. package/vanilla/UiTreeItem.d.ts +1 -1
  248. package/vanilla/UiTreeItem.js +1 -1
  249. package/vanilla/index.js +1 -0
  250. package/vue/UiActionBar.vue +1 -1
  251. package/vue/UiAffordanceScope.vue +1 -1
  252. package/vue/UiAvatar.vue +1 -1
  253. package/vue/UiAvatarGroup.vue +2 -2
  254. package/vue/UiBadge.vue +1 -1
  255. package/vue/UiBreadcrumbItem.vue +1 -1
  256. package/vue/UiBreadcrumbs.vue +1 -1
  257. package/vue/UiButton.vue +1 -1
  258. package/vue/UiCallout.vue +1 -1
  259. package/vue/UiCard.vue +1 -1
  260. package/vue/UiCheckbox.vue +1 -1
  261. package/vue/UiCluster.vue +1 -1
  262. package/vue/UiCombobox.vue +1 -1
  263. package/vue/UiContainer.vue +1 -1
  264. package/vue/UiContextMenu.vue +1 -1
  265. package/vue/UiCover.vue +1 -1
  266. package/vue/UiDescriptionItem.vue +1 -1
  267. package/vue/UiDescriptionList.vue +1 -1
  268. package/vue/UiDialog.vue +1 -1
  269. package/vue/UiDisclosure.vue +1 -1
  270. package/vue/UiEditable.vue +1 -1
  271. package/vue/UiEditorInsertTableGrid.vue +1 -1
  272. package/vue/UiEditorMentionMenu.vue +1 -1
  273. package/vue/UiEditorMentionMenuItem.vue +1 -1
  274. package/vue/UiEditorSlashMenu.vue +1 -1
  275. package/vue/UiEditorSlashMenuGroup.vue +1 -1
  276. package/vue/UiEditorSlashMenuItem.vue +1 -1
  277. package/vue/UiEditorTableContextMenu.vue +1 -1
  278. package/vue/UiEditorTableOverlay.vue +1 -1
  279. package/vue/UiEditorTableToolbar.vue +1 -1
  280. package/vue/UiEditorToolbar.vue +1 -1
  281. package/vue/UiFloatingActionButton.vue +1 -1
  282. package/vue/UiFormField.vue +1 -1
  283. package/vue/UiGrid.vue +1 -1
  284. package/vue/UiIcon.vue +1 -1
  285. package/vue/UiIconButton.vue +1 -1
  286. package/vue/UiImage.d.ts +100 -0
  287. package/vue/UiImage.js +2 -0
  288. package/vue/UiImage.vue +463 -0
  289. package/vue/UiInput.vue +1 -1
  290. package/vue/UiInputGroup.vue +1 -1
  291. package/vue/UiList.vue +1 -1
  292. package/vue/UiListItem.vue +1 -1
  293. package/vue/UiListbox.vue +1 -1
  294. package/vue/UiMenu.vue +1 -1
  295. package/vue/UiMenuGroup.vue +1 -1
  296. package/vue/UiMenuItem.vue +1 -1
  297. package/vue/UiMeter.vue +1 -1
  298. package/vue/UiNavItem.vue +1 -1
  299. package/vue/UiPageHeader.vue +1 -1
  300. package/vue/UiPopover.vue +1 -1
  301. package/vue/UiRadio.vue +1 -1
  302. package/vue/UiRadioGroup.vue +1 -1
  303. package/vue/UiReel.vue +1 -1
  304. package/vue/UiScrollArea.vue +1 -1
  305. package/vue/UiSearchResultRow.vue +1 -1
  306. package/vue/UiSearchShell.vue +1 -1
  307. package/vue/UiSection.vue +1 -1
  308. package/vue/UiSelect.vue +1 -1
  309. package/vue/UiSeparator.d.ts +18 -0
  310. package/vue/UiSeparator.vue +67 -2
  311. package/vue/UiSidebar.d.ts +1 -1
  312. package/vue/UiSidebar.vue +1 -1
  313. package/vue/UiSpinner.vue +1 -1
  314. package/vue/UiStack.vue +1 -1
  315. package/vue/UiStatusMessage.vue +1 -1
  316. package/vue/UiSwitch.vue +1 -1
  317. package/vue/UiSwitcher.vue +1 -1
  318. package/vue/UiTable.vue +1 -1
  319. package/vue/UiTabs.vue +1 -1
  320. package/vue/UiText.vue +1 -1
  321. package/vue/UiTextarea.vue +1 -1
  322. package/vue/UiToast.vue +1 -1
  323. package/vue/UiToastRegion.vue +1 -1
  324. package/vue/UiTooltip.vue +1 -1
  325. package/vue/UiTopBar.vue +1 -1
  326. package/vue/UiTree.vue +1 -1
  327. package/vue/UiTreeItem.vue +1 -1
  328. package/vue/chunks/UiActionBar.js +1 -1
  329. package/vue/chunks/UiAffordanceScope.js +1 -1
  330. package/vue/chunks/UiAvatar.js +1 -1
  331. package/vue/chunks/UiAvatarGroup.js +2 -2
  332. package/vue/chunks/UiBadge.js +1 -1
  333. package/vue/chunks/UiBreadcrumbItem.js +1 -1
  334. package/vue/chunks/UiBreadcrumbs.js +1 -1
  335. package/vue/chunks/UiButton.js +1 -1
  336. package/vue/chunks/UiCallout.js +1 -1
  337. package/vue/chunks/UiCard.js +1 -1
  338. package/vue/chunks/UiCheckbox.js +1 -1
  339. package/vue/chunks/UiCluster.js +1 -1
  340. package/vue/chunks/UiCombobox.js +1 -1
  341. package/vue/chunks/UiContainer.js +1 -1
  342. package/vue/chunks/UiContextMenu.js +1 -1
  343. package/vue/chunks/UiCover.js +1 -1
  344. package/vue/chunks/UiDescriptionItem.js +1 -1
  345. package/vue/chunks/UiDescriptionList.js +1 -1
  346. package/vue/chunks/UiDialog.js +1 -1
  347. package/vue/chunks/UiDisclosure.js +1 -1
  348. package/vue/chunks/UiEditable.js +1 -1
  349. package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
  350. package/vue/chunks/UiEditorMentionMenu.js +1 -1
  351. package/vue/chunks/UiEditorMentionMenuItem.js +1 -1
  352. package/vue/chunks/UiEditorSlashMenu.js +1 -1
  353. package/vue/chunks/UiEditorSlashMenuGroup.js +1 -1
  354. package/vue/chunks/UiEditorSlashMenuItem.js +1 -1
  355. package/vue/chunks/UiEditorTableContextMenu.js +1 -1
  356. package/vue/chunks/UiEditorTableOverlay.js +1 -1
  357. package/vue/chunks/UiEditorTableToolbar.js +1 -1
  358. package/vue/chunks/UiEditorToolbar.js +1 -1
  359. package/vue/chunks/UiFloatingActionButton.js +1 -1
  360. package/vue/chunks/UiFormField.js +1 -1
  361. package/vue/chunks/UiGrid.js +1 -1
  362. package/vue/chunks/UiIcon.js +1 -1
  363. package/vue/chunks/UiIconButton.js +1 -1
  364. package/vue/chunks/UiImage.js +313 -0
  365. package/vue/chunks/UiInput.js +1 -1
  366. package/vue/chunks/UiInputGroup.js +1 -1
  367. package/vue/chunks/UiList.js +1 -1
  368. package/vue/chunks/UiListItem.js +1 -1
  369. package/vue/chunks/UiListbox.js +1 -1
  370. package/vue/chunks/UiMenu.js +1 -1
  371. package/vue/chunks/UiMenuGroup.js +1 -1
  372. package/vue/chunks/UiMenuItem.js +1 -1
  373. package/vue/chunks/UiMeter.js +1 -1
  374. package/vue/chunks/UiNavItem.js +1 -1
  375. package/vue/chunks/UiPageHeader.js +1 -1
  376. package/vue/chunks/UiPopover.js +1 -1
  377. package/vue/chunks/UiRadio.js +1 -1
  378. package/vue/chunks/UiRadioGroup.js +1 -1
  379. package/vue/chunks/UiReel.js +1 -1
  380. package/vue/chunks/UiScrollArea.js +1 -1
  381. package/vue/chunks/UiSearchResultRow.js +1 -1
  382. package/vue/chunks/UiSearchShell.js +1 -1
  383. package/vue/chunks/UiSection.js +1 -1
  384. package/vue/chunks/UiSelect.js +1 -1
  385. package/vue/chunks/UiSeparator.js +79 -22
  386. package/vue/chunks/UiSidebar.js +1 -1
  387. package/vue/chunks/UiSpinner.js +1 -1
  388. package/vue/chunks/UiStack.js +1 -1
  389. package/vue/chunks/UiStatusMessage.js +1 -1
  390. package/vue/chunks/UiSwitch.js +1 -1
  391. package/vue/chunks/UiSwitcher.js +1 -1
  392. package/vue/chunks/UiTable.js +1 -1
  393. package/vue/chunks/UiTabs.js +1 -1
  394. package/vue/chunks/UiText.js +1 -1
  395. package/vue/chunks/UiTextarea.js +1 -1
  396. package/vue/chunks/UiToast.js +1 -1
  397. package/vue/chunks/UiToastRegion.js +1 -1
  398. package/vue/chunks/UiTooltip.js +1 -1
  399. package/vue/chunks/UiTopBar.js +1 -1
  400. package/vue/chunks/UiTree.js +1 -1
  401. package/vue/chunks/UiTreeItem.js +1 -1
  402. package/vue/components.css +1469 -1309
  403. package/vue/editor/LoomaEditor.d.ts +19 -2
  404. package/vue/editor/divider.d.ts +6 -0
  405. package/vue/editor/expand.d.ts +7 -0
  406. package/vue/editor/image-controls.d.ts +19 -0
  407. package/vue/editor/image-delivery.d.ts +2 -2
  408. package/vue/editor/image.d.ts +7 -0
  409. package/vue/editor/index.d.ts +1 -1
  410. package/vue/editor/index.js +1188 -52
  411. package/vue/editor/table-of-contents.d.ts +7 -0
  412. package/vue/host.ts +1 -1
  413. package/vue/index.d.ts +1 -0
  414. package/vue/index.js +2 -1
@@ -1,9 +1,9 @@
1
- // Generated by HTML Next 1.0.0-alpha.25 for Vanilla DOM. Do not edit.
1
+ // Generated by HTML Next 1.0.0-alpha.26 for Vanilla DOM. Do not edit.
2
2
  import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
3
3
  import * as controller from "../components/ui-combobox/ui-combobox.js";
4
4
  import "../styles/ui-combobox.css";
5
5
 
6
- const definition = {...{"contract":{"tag":"ui-combobox","props":{"allowCreate":{"type":"boolean","required":false,"target":{"attribute":"allowcreate"},"default":false},"allowFreeText":{"type":"boolean","required":false,"target":{"attribute":"allowfreetext"},"default":false},"autoHighlight":{"type":{"kind":"terminal","name":"keyword"},"values":["none","single"],"required":false,"target":{"attribute":"autohighlight"},"default":"none"},"clearable":{"type":"boolean","required":false,"target":{"attribute":"clearable"},"default":false},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"disclosure":{"type":"boolean","required":false,"target":{"attribute":"disclosure"},"default":false},"filter":{"type":{"kind":"terminal","name":"keyword"},"values":["label","none"],"required":false,"target":{"attribute":"filter"},"default":"label"},"help":{"type":"string","required":false,"target":{"attribute":"help"},"default":""},"invalid":{"type":"boolean","required":false,"target":{"attribute":"invalid"},"default":false},"items":{"type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"required":false,"target":{"attribute":"items"}},"label":{"type":"string","required":false,"target":{"attribute":"label"},"default":""},"labelVisibility":{"type":{"kind":"terminal","name":"keyword"},"values":["visible","sr-only"],"required":false,"target":{"attribute":"labelvisibility"},"default":"visible"},"loading":{"type":"boolean","required":false,"target":{"attribute":"aria-busy"},"default":false},"multiple":{"type":"boolean","required":false,"target":{"attribute":"data-multiple"},"default":false},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"openOnFocus":{"type":"boolean","required":false,"target":{"attribute":"openonfocus"},"default":false},"placeholder":{"type":"string","required":false,"target":{"attribute":"placeholder"},"default":""},"query":{"type":"string","required":false,"target":{"attribute":"query"}},"readonly":{"type":"boolean","required":false,"target":{"attribute":"readonly"},"default":false},"required":{"type":"boolean","required":false,"target":{"attribute":"required"},"default":false},"selectOnTab":{"type":"boolean","required":false,"target":{"attribute":"selectontab"},"default":false},"selectedValues":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"selectedvalues"}},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"md"},"tokenSeparators":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"tokenseparators"}},"value":{"type":"string","required":false,"target":{"attribute":"value"}}}},"template":{"kind":"element","name":"div","attributes":[],"children":[{"kind":"element","name":"label","attributes":[{"kind":"attribute","name":"for","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"sr-only","expression":"labelVisibility = 'sr-only'","expressionPlan":{"source":"labelVisibility = 'sr-only'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"labelVisibility"},"right":{"kind":"literal","value":"sr-only"}},"dependencies":["labelVisibility"]},"target":"class"}],"children":[{"kind":"text","value":"$label","expressionPlan":{"source":"$label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"text","value":"\n *"}],"flow":{"kind":"if","test":"required","testPlan":{"source":"required","ast":{"kind":"id","name":"required"},"dependencies":["required"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"field"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"entry"}],"children":[{"kind":"slot","fallback":[],"name":"start"},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"item"},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"attribute","name":"data-index","expression":"index","expressionPlan":{"source":"index","ast":{"kind":"id","name":"index"},"dependencies":["index"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or item.disabled","expressionPlan":{"source":"disabled or readonly or item.disabled","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"member","object":{"kind":"id","name":"item"},"key":"disabled"}},"dependencies":["disabled","item.disabled","readonly"]}},{"kind":"attribute","name":"aria-label","expression":"concat(item.label, ', press Delete or Backspace to remove')","expressionPlan":{"source":"concat(item.label, ', press Delete or Backspace to remove')","ast":{"kind":"call","fn":"concat","args":[{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},{"kind":"literal","value":", press Delete or Backspace to remove"}]},"dependencies":["item.label"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-badge","attributes":[{"kind":"directive","name":"value","expression":"item.label","expressionPlan":{"source":"item.label","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},"dependencies":["item.label"]}}],"children":[]}],"nameExpression":{"source":"concat('item-', item.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"item-"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"}]},"dependencies":["item.id"]}}],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"index":"index","key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"multiple","testPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}}},{"kind":"element","name":"input","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"literal","name":"role","value":"combobox"},{"kind":"literal","name":"aria-autocomplete","value":"list"},{"kind":"literal","name":"autocomplete","value":"off"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-expanded","expression":"expanded","expressionPlan":{"source":"expanded","ast":{"kind":"id","name":"expanded"},"dependencies":["expanded"]}},{"kind":"attribute","name":"aria-invalid","expression":"invalid or validationStatus = 'error'","expressionPlan":{"source":"invalid or validationStatus = 'error'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"invalid"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"error"}}},"dependencies":["invalid","validationStatus"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or validationStatus = 'pending'","expressionPlan":{"source":"loading or validationStatus = 'pending'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"pending"}}},"dependencies":["loading","validationStatus"]}},{"kind":"property","key":"value","name":"value","expression":"display","expressionPlan":{"source":"display","ast":{"kind":"id","name":"display"},"dependencies":["display"]}},{"kind":"attribute","name":"placeholder","expression":"placeholder","expressionPlan":{"source":"placeholder","ast":{"kind":"id","name":"placeholder"},"dependencies":["placeholder"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"readonly","expression":"readonly","expressionPlan":{"source":"readonly","ast":{"kind":"id","name":"readonly"},"dependencies":["readonly"]}},{"kind":"attribute","name":"required","expression":"required and not (multiple and internalItems.0)","expressionPlan":{"source":"required and not (multiple and internalItems.0)","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"required"},"right":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"and","left":{"kind":"id","name":"multiple"},"right":{"kind":"index","object":{"kind":"id","name":"internalItems"},"index":{"kind":"literal","value":0}}}}},"dependencies":["internalItems.0","multiple","required"]}}],"children":[],"ref":"input"}]},{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"submitted","expressionPlan":{"source":"submitted","ast":{"kind":"id","name":"submitted"},"dependencies":["submitted"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"if","test":"name and not multiple","testPlan":{"source":"name and not multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"multiple"}}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"item.value","expressionPlan":{"source":"item.value","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"value"},"dependencies":["item.value"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"name and multiple","testPlan":{"source":"name and multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"id","name":"multiple"}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"clear"},{"kind":"literal","name":"aria-label","value":"Clear"},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or (not raw and (multiple or selected = null))","expressionPlan":{"source":"disabled or readonly or (not raw and (multiple or selected = null))","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"raw"}},"right":{"kind":"binary","op":"or","left":{"kind":"id","name":"multiple"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"selected"},"right":{"kind":"literal","value":null}}}}},"dependencies":["disabled","multiple","raw","readonly","selected"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M7 7l10 10M17 7 7 17"}],"children":[]}]}],"flow":{"kind":"if","test":"clearable","testPlan":{"source":"clearable","ast":{"kind":"id","name":"clearable"},"dependencies":["clearable"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"disclosure"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"literal","name":"aria-label","value":"Show suggestions"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2.25"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m6 9 6 6 6-6"}],"children":[]}]}],"flow":{"kind":"if","test":"disclosure","testPlan":{"source":"disclosure","ast":{"kind":"id","name":"disclosure"},"dependencies":["disclosure"]}}}],"ref":"field"},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"help"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"aria-label","value":"Help"},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"help-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}}]},{"kind":"element","name":"ui-tooltip","attributes":[{"kind":"literal","name":"trigger","value":"click"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help-text')","expressionPlan":{"source":"concat(uid, '-help-text')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help-text"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"for","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}}],"children":[{"kind":"text","value":"$help","expressionPlan":{"source":"$help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"popup"},{"kind":"attribute","name":"hidden","expression":"not expanded","expressionPlan":{"source":"not expanded","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"expanded"}},"dependencies":["expanded"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"listbox"},{"kind":"attribute","name":"id","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-label","expression":"concat(label, ' suggestions')","expressionPlan":{"source":"concat(label, ' suggestions')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"label"},{"kind":"literal","value":" suggestions"}]},"dependencies":["label"]}},{"kind":"attribute","name":"aria-busy","expression":"loading","expressionPlan":{"source":"loading","ast":{"kind":"id","name":"loading"},"dependencies":["loading"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"attribute","name":"role","expression":"group.role","expressionPlan":{"source":"group.role","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"role"},"dependencies":["group.role"]}},{"kind":"attribute","name":"aria-label","expression":"group.label","expressionPlan":{"source":"group.label","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"label"},"dependencies":["group.label"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"group"},{"kind":"directive","name":"value","expression":"group.name","expressionPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}],"children":[],"flow":{"kind":"if","test":"group.name","testPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"row.index = active","expressionPlan":{"source":"row.index = active","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"right":{"kind":"id","name":"active"}},"dependencies":["active","row.index"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index)","expressionPlan":{"source":"concat(uid, '-option-', row.index)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"}]},"dependencies":["row.index","uid"]}},{"kind":"attribute","name":"aria-selected","expression":"row.selected","expressionPlan":{"source":"row.selected","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"selected"},"dependencies":["row.selected"]}},{"kind":"attribute","name":"aria-disabled","expression":"row.disabled","expressionPlan":{"source":"row.disabled","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"disabled"},"dependencies":["row.disabled"]}},{"kind":"attribute","name":"data-index","expression":"row.index","expressionPlan":{"source":"row.index","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"dependencies":["row.index"]}},{"kind":"attribute","name":"aria-labelledby","expression":"row.labelledBy","expressionPlan":{"source":"row.labelledBy","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"labelledBy"},"dependencies":["row.labelledBy"]}},{"kind":"attribute","name":"aria-describedby","expression":"row.detail","expressionPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"detail"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-label')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-label')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-label"}]},"dependencies":["row.index","uid"]}},{"kind":"directive","name":"value","expression":"row.label","expressionPlan":{"source":"row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"children":[]},{"kind":"element","name":"ui-badge","attributes":[{"kind":"attribute","name":"tone","expression":"row.tag.tone","expressionPlan":{"source":"row.tag.tone","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"tone"},"dependencies":["row.tag.tone"]}},{"kind":"attribute","name":"--ui-badge-color","expression":"row.tag.color","expressionPlan":{"source":"row.tag.color","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"color"},"dependencies":["row.tag.color"]},"target":"style"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-tag')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-tag')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-tag"}]},"dependencies":["row.index","uid"]}},{"kind":"directive","name":"value","expression":"row.tag.label","expressionPlan":{"source":"row.tag.label","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"label"},"dependencies":["row.tag.label"]}}],"children":[]}],"flow":{"kind":"if","test":"row.tag","testPlan":{"source":"row.tag","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"dependencies":["row.tag"]}}}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"description"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-description')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-description')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-description"}]},"dependencies":["row.index","uid"]}},{"kind":"directive","name":"value","expression":"row.description","expressionPlan":{"source":"row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}],"children":[],"flow":{"kind":"if","test":"row.description","testPlan":{"source":"row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}}],"flow":{"kind":"if","test":"row.detail","testPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"directive","name":"value","expression":"row.label","expressionPlan":{"source":"row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"children":[],"flow":{"kind":"if","test":"not row.detail","testPlan":{"source":"not row.detail","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"}},"dependencies":["row.detail"]}}}],"nameExpression":{"source":"concat('option-', row.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"}]},"dependencies":["row.id"]}}],"flow":{"kind":"each","item":"row","list":"group.rows","listPlan":{"source":"group.rows","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"rows"},"dependencies":["group.rows"]},"key":"row.id","keyPlan":{"source":"row.id","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"},"dependencies":["row.id"]}}}],"flow":{"kind":"each","item":"group","list":"groups","listPlan":{"source":"groups","ast":{"kind":"id","name":"groups"},"dependencies":["groups"]},"key":"group.name","keyPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"createIndex = active","expressionPlan":{"source":"createIndex = active","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"createIndex"},"right":{"kind":"id","name":"active"}},"dependencies":["active","createIndex"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"literal","name":"aria-selected","value":"false"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', createIndex)","expressionPlan":{"source":"concat(uid, '-option-', createIndex)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"id","name":"createIndex"}]},"dependencies":["createIndex","uid"]}},{"kind":"attribute","name":"data-index","expression":"createIndex","expressionPlan":{"source":"createIndex","ast":{"kind":"id","name":"createIndex"},"dependencies":["createIndex"]}},{"kind":"directive","name":"value","expression":"concat('Create “', raw, '”')","expressionPlan":{"source":"concat('Create “', raw, '”')","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"Create “"},{"kind":"id","name":"raw"},{"kind":"literal","value":"”"}]},"dependencies":["raw"]}}],"children":[],"flow":{"kind":"if","test":"creatable","testPlan":{"source":"creatable","ast":{"kind":"id","name":"creatable"},"dependencies":["creatable"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"text","value":"$message","expressionPlan":{"source":"$message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}],"flow":{"kind":"if","test":"message","testPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"slot","fallback":[{"kind":"text","value":"No suggestions."}],"name":"empty"}],"flow":{"kind":"if","test":"not loading and not rows.0 and not creatable and not lookupError","testPlan":{"source":"not loading and not rows.0 and not creatable and not lookupError","ast":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"loading"}},"right":{"kind":"unary","op":"not","operand":{"kind":"index","object":{"kind":"id","name":"rows"},"index":{"kind":"literal","value":0}}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"creatable"}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"lookupError"}}},"dependencies":["creatable","loading","lookupError","rows.0"]}}}],"ref":"listbox"},{"kind":"slot","fallback":[],"name":"footer"}],"ref":"popup"},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"attribute","name":"id","expression":"concat(uid, '-validation')","expressionPlan":{"source":"concat(uid, '-validation')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-validation"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"hidden","expression":"not validation.issues.length","expressionPlan":{"source":"not validation.issues.length","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"key":"length"}},"dependencies":["validation.issues.length"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"directive","name":"value","expression":"issue.message","expressionPlan":{"source":"issue.message","ast":{"kind":"member","object":{"kind":"id","name":"issue"},"key":"message"},"dependencies":["issue.message"]}}],"children":[],"flow":{"kind":"each","item":"issue","list":"validation.issues","listPlan":{"source":"validation.issues","ast":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"dependencies":["validation.issues"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"sr-only"},{"kind":"literal","name":"role","value":"status"},{"kind":"literal","name":"aria-live","value":"polite"},{"kind":"literal","name":"aria-atomic","value":"true"}],"children":[{"kind":"text","value":"$statusText","expressionPlan":{"source":"$statusText","ast":{"kind":"id","name":"statusText"},"dependencies":["statusText"]}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"authored-options"},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"slot"}],"ref":"options"}]},"declarations":[{"kind":"state","name":"internalItems","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"raw","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"display","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"selected","type":"string"},{"kind":"state","name":"expanded","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"rows","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"active","type":"integer","value":"-1","expression":{"source":"-1","ast":{"kind":"unary","op":"-","operand":{"kind":"literal","value":1}},"dependencies":[]}},{"kind":"state","name":"helpOpen","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"lookupError","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validation","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"optional":false}],"open":true},"type":"object","value":"{ status: 'pristine', touched: false, dirty: false, issues: [] }","expression":{"source":"{\"status\":\"pristine\",\"touched\":false,\"dirty\":false,\"issues\":[]}","ast":{"kind":"object","pairs":[{"key":"status","value":{"kind":"literal","value":"pristine"}},{"key":"touched","value":{"kind":"literal","value":false}},{"key":"dirty","value":{"kind":"literal","value":false}},{"key":"issues","value":{"kind":"array","items":[]}}]},"dependencies":[]}},{"kind":"state","name":"uid","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"submitted","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"groups","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"name","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"role","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["group","presentation"]},"optional":false},{"name":"label","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"rows","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"labelledBy","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"detail","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false}],"open":false}},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"creatable","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"createIndex","type":"integer","value":"0","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"message","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"statusText","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validationStatus","type":"string","value":"pristine","expression":{"source":"\"pristine\"","ast":{"kind":"literal","value":"pristine"},"dependencies":[]}},{"kind":"event","name":"query-change","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"display","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"value-change","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"items-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"free-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"validation-change","type":"object","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"path","type":{"kind":"list","item":{"kind":"terminal","name":"unknown"}},"optional":true},{"name":"severity","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["error","warning"]},"optional":true}],"open":false}},"optional":false},{"name":"output","type":{"kind":"terminal","name":"unknown"},"optional":true}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"options-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"remove-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-item","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"selected-values-change","type":"object","shape":{"kind":"object","fields":[{"name":"selectedValues","type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"method","name":"validate","exportName":"validate","returns":"promise(unknown)"},{"kind":"method","name":"focusInput","exportName":"focusInput","returns":"promise(undefined)"}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
6
+ const definition = {...{"contract":{"tag":"ui-combobox","props":{"allowCreate":{"type":"boolean","required":false,"target":{"attribute":"allowcreate"},"default":false},"allowFreeText":{"type":"boolean","required":false,"target":{"attribute":"allowfreetext"},"default":false},"autoHighlight":{"type":{"kind":"terminal","name":"keyword"},"values":["none","single"],"required":false,"target":{"attribute":"autohighlight"},"default":"none"},"clearable":{"type":"boolean","required":false,"target":{"attribute":"clearable"},"default":false},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"disclosure":{"type":"boolean","required":false,"target":{"attribute":"disclosure"},"default":false},"filter":{"type":{"kind":"terminal","name":"keyword"},"values":["label","none"],"required":false,"target":{"attribute":"filter"},"default":"label"},"help":{"type":"string","required":false,"target":{"attribute":"help"},"default":""},"invalid":{"type":"boolean","required":false,"target":{"attribute":"invalid"},"default":false},"items":{"type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"required":false,"target":{"attribute":"items"}},"label":{"type":"string","required":false,"target":{"attribute":"label"},"default":""},"labelVisibility":{"type":{"kind":"terminal","name":"keyword"},"values":["visible","sr-only"],"required":false,"target":{"attribute":"labelvisibility"},"default":"visible"},"loading":{"type":"boolean","required":false,"target":{"attribute":"aria-busy"},"default":false},"multiple":{"type":"boolean","required":false,"target":{"attribute":"data-multiple"},"default":false},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"openOnFocus":{"type":"boolean","required":false,"target":{"attribute":"openonfocus"},"default":false},"placeholder":{"type":"string","required":false,"target":{"attribute":"placeholder"},"default":""},"query":{"type":"string","required":false,"target":{"attribute":"query"}},"readonly":{"type":"boolean","required":false,"target":{"attribute":"readonly"},"default":false},"required":{"type":"boolean","required":false,"target":{"attribute":"required"},"default":false},"selectOnTab":{"type":"boolean","required":false,"target":{"attribute":"selectontab"},"default":false},"selectedValues":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"selectedvalues"}},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"md"},"tokenSeparators":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"tokenseparators"}},"value":{"type":"string","required":false,"target":{"attribute":"value"}}}},"template":{"kind":"element","name":"div","attributes":[],"children":[{"kind":"element","name":"label","attributes":[{"kind":"attribute","name":"for","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"sr-only","expression":"labelVisibility = 'sr-only'","expressionPlan":{"source":"labelVisibility = 'sr-only'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"labelVisibility"},"right":{"kind":"literal","value":"sr-only"}},"dependencies":["labelVisibility"]},"target":"class"}],"children":[{"kind":"text","value":"$label","expressionPlan":{"source":"$label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"text","value":"\n *"}],"flow":{"kind":"if","test":"required","testPlan":{"source":"required","ast":{"kind":"id","name":"required"},"dependencies":["required"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"field"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"entry"}],"children":[{"kind":"slot","fallback":[],"name":"start"},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"item"},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"attribute","name":"data-index","expression":"index","expressionPlan":{"source":"index","ast":{"kind":"id","name":"index"},"dependencies":["index"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or item.disabled","expressionPlan":{"source":"disabled or readonly or item.disabled","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"member","object":{"kind":"id","name":"item"},"key":"disabled"}},"dependencies":["disabled","item.disabled","readonly"]}},{"kind":"attribute","name":"aria-label","expression":"concat(item.label, ', press Delete or Backspace to remove')","expressionPlan":{"source":"concat(item.label, ', press Delete or Backspace to remove')","ast":{"kind":"call","fn":"concat","args":[{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},{"kind":"literal","value":", press Delete or Backspace to remove"}]},"dependencies":["item.label"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-badge","attributes":[],"children":[{"kind":"text","value":"$item.label","expressionPlan":{"source":"$item.label","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},"dependencies":["item.label"]}}]}],"nameExpression":{"source":"concat('item-', item.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"item-"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"}]},"dependencies":["item.id"]}}],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"index":"index","key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"multiple","testPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}}},{"kind":"element","name":"input","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"literal","name":"role","value":"combobox"},{"kind":"literal","name":"aria-autocomplete","value":"list"},{"kind":"literal","name":"autocomplete","value":"off"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-expanded","expression":"expanded","expressionPlan":{"source":"expanded","ast":{"kind":"id","name":"expanded"},"dependencies":["expanded"]}},{"kind":"attribute","name":"aria-invalid","expression":"invalid or validationStatus = 'error'","expressionPlan":{"source":"invalid or validationStatus = 'error'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"invalid"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"error"}}},"dependencies":["invalid","validationStatus"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or validationStatus = 'pending'","expressionPlan":{"source":"loading or validationStatus = 'pending'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"pending"}}},"dependencies":["loading","validationStatus"]}},{"kind":"property","key":"value","name":"value","expression":"display","expressionPlan":{"source":"display","ast":{"kind":"id","name":"display"},"dependencies":["display"]}},{"kind":"attribute","name":"placeholder","expression":"placeholder","expressionPlan":{"source":"placeholder","ast":{"kind":"id","name":"placeholder"},"dependencies":["placeholder"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"readonly","expression":"readonly","expressionPlan":{"source":"readonly","ast":{"kind":"id","name":"readonly"},"dependencies":["readonly"]}},{"kind":"attribute","name":"required","expression":"required and not (multiple and internalItems.0)","expressionPlan":{"source":"required and not (multiple and internalItems.0)","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"required"},"right":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"and","left":{"kind":"id","name":"multiple"},"right":{"kind":"index","object":{"kind":"id","name":"internalItems"},"index":{"kind":"literal","value":0}}}}},"dependencies":["internalItems.0","multiple","required"]}}],"children":[],"ref":"input"}]},{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"submitted","expressionPlan":{"source":"submitted","ast":{"kind":"id","name":"submitted"},"dependencies":["submitted"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"if","test":"name and not multiple","testPlan":{"source":"name and not multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"multiple"}}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"item.value","expressionPlan":{"source":"item.value","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"value"},"dependencies":["item.value"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"name and multiple","testPlan":{"source":"name and multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"id","name":"multiple"}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"clear"},{"kind":"literal","name":"aria-label","value":"Clear"},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or (not raw and (multiple or selected = null))","expressionPlan":{"source":"disabled or readonly or (not raw and (multiple or selected = null))","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"raw"}},"right":{"kind":"binary","op":"or","left":{"kind":"id","name":"multiple"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"selected"},"right":{"kind":"literal","value":null}}}}},"dependencies":["disabled","multiple","raw","readonly","selected"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M7 7l10 10M17 7 7 17"}],"children":[]}]}],"flow":{"kind":"if","test":"clearable","testPlan":{"source":"clearable","ast":{"kind":"id","name":"clearable"},"dependencies":["clearable"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"disclosure"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"literal","name":"aria-label","value":"Show suggestions"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2.25"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m6 9 6 6 6-6"}],"children":[]}]}],"flow":{"kind":"if","test":"disclosure","testPlan":{"source":"disclosure","ast":{"kind":"id","name":"disclosure"},"dependencies":["disclosure"]}}}],"ref":"field"},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"help"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"aria-label","value":"Help"},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"help-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}}]},{"kind":"element","name":"ui-tooltip","attributes":[{"kind":"literal","name":"trigger","value":"click"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help-text')","expressionPlan":{"source":"concat(uid, '-help-text')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help-text"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"for","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}}],"children":[{"kind":"text","value":"$help","expressionPlan":{"source":"$help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"popup"},{"kind":"attribute","name":"hidden","expression":"not expanded","expressionPlan":{"source":"not expanded","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"expanded"}},"dependencies":["expanded"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"listbox"},{"kind":"attribute","name":"id","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-label","expression":"concat(label, ' suggestions')","expressionPlan":{"source":"concat(label, ' suggestions')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"label"},{"kind":"literal","value":" suggestions"}]},"dependencies":["label"]}},{"kind":"attribute","name":"aria-busy","expression":"loading","expressionPlan":{"source":"loading","ast":{"kind":"id","name":"loading"},"dependencies":["loading"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"attribute","name":"role","expression":"group.role","expressionPlan":{"source":"group.role","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"role"},"dependencies":["group.role"]}},{"kind":"attribute","name":"aria-label","expression":"group.label","expressionPlan":{"source":"group.label","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"label"},"dependencies":["group.label"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"group"}],"children":[{"kind":"text","value":"$group.name","expressionPlan":{"source":"$group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}],"flow":{"kind":"if","test":"group.name","testPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"row.index = active","expressionPlan":{"source":"row.index = active","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"right":{"kind":"id","name":"active"}},"dependencies":["active","row.index"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index)","expressionPlan":{"source":"concat(uid, '-option-', row.index)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"}]},"dependencies":["row.index","uid"]}},{"kind":"attribute","name":"aria-selected","expression":"row.selected","expressionPlan":{"source":"row.selected","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"selected"},"dependencies":["row.selected"]}},{"kind":"attribute","name":"aria-disabled","expression":"row.disabled","expressionPlan":{"source":"row.disabled","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"disabled"},"dependencies":["row.disabled"]}},{"kind":"attribute","name":"data-index","expression":"row.index","expressionPlan":{"source":"row.index","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"dependencies":["row.index"]}},{"kind":"attribute","name":"aria-labelledby","expression":"row.labelledBy","expressionPlan":{"source":"row.labelledBy","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"labelledBy"},"dependencies":["row.labelledBy"]}},{"kind":"attribute","name":"aria-describedby","expression":"row.detail","expressionPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"detail"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-label')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-label')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-label"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.label","expressionPlan":{"source":"$row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}]},{"kind":"element","name":"ui-badge","attributes":[{"kind":"attribute","name":"tone","expression":"row.tag.tone","expressionPlan":{"source":"row.tag.tone","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"tone"},"dependencies":["row.tag.tone"]}},{"kind":"attribute","name":"--ui-badge-color","expression":"row.tag.color","expressionPlan":{"source":"row.tag.color","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"color"},"dependencies":["row.tag.color"]},"target":"style"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-tag')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-tag')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-tag"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.tag.label","expressionPlan":{"source":"$row.tag.label","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"label"},"dependencies":["row.tag.label"]}}]}],"flow":{"kind":"if","test":"row.tag","testPlan":{"source":"row.tag","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"dependencies":["row.tag"]}}}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"description"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-description')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-description')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-description"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.description","expressionPlan":{"source":"$row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}],"flow":{"kind":"if","test":"row.description","testPlan":{"source":"row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}}],"flow":{"kind":"if","test":"row.detail","testPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"}],"children":[{"kind":"text","value":"$row.label","expressionPlan":{"source":"$row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"flow":{"kind":"if","test":"not row.detail","testPlan":{"source":"not row.detail","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"}},"dependencies":["row.detail"]}}}],"nameExpression":{"source":"concat('option-', row.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"}]},"dependencies":["row.id"]}}],"flow":{"kind":"each","item":"row","list":"group.rows","listPlan":{"source":"group.rows","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"rows"},"dependencies":["group.rows"]},"key":"row.id","keyPlan":{"source":"row.id","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"},"dependencies":["row.id"]}}}],"flow":{"kind":"each","item":"group","list":"groups","listPlan":{"source":"groups","ast":{"kind":"id","name":"groups"},"dependencies":["groups"]},"key":"group.name","keyPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"createIndex = active","expressionPlan":{"source":"createIndex = active","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"createIndex"},"right":{"kind":"id","name":"active"}},"dependencies":["active","createIndex"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"literal","name":"aria-selected","value":"false"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', createIndex)","expressionPlan":{"source":"concat(uid, '-option-', createIndex)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"id","name":"createIndex"}]},"dependencies":["createIndex","uid"]}},{"kind":"attribute","name":"data-index","expression":"createIndex","expressionPlan":{"source":"createIndex","ast":{"kind":"id","name":"createIndex"},"dependencies":["createIndex"]}},{"kind":"directive","name":"value","expression":"concat('Create “', raw, '”')","expressionPlan":{"source":"concat('Create “', raw, '”')","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"Create “"},{"kind":"id","name":"raw"},{"kind":"literal","value":"”"}]},"dependencies":["raw"]}}],"children":[],"flow":{"kind":"if","test":"creatable","testPlan":{"source":"creatable","ast":{"kind":"id","name":"creatable"},"dependencies":["creatable"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"text","value":"$message","expressionPlan":{"source":"$message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}],"flow":{"kind":"if","test":"message","testPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"slot","fallback":[{"kind":"text","value":"No suggestions."}],"name":"empty"}],"flow":{"kind":"if","test":"not loading and not rows.0 and not creatable and not lookupError","testPlan":{"source":"not loading and not rows.0 and not creatable and not lookupError","ast":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"loading"}},"right":{"kind":"unary","op":"not","operand":{"kind":"index","object":{"kind":"id","name":"rows"},"index":{"kind":"literal","value":0}}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"creatable"}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"lookupError"}}},"dependencies":["creatable","loading","lookupError","rows.0"]}}}],"ref":"listbox"},{"kind":"slot","fallback":[],"name":"footer"}],"ref":"popup"},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"attribute","name":"id","expression":"concat(uid, '-validation')","expressionPlan":{"source":"concat(uid, '-validation')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-validation"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"hidden","expression":"not validation.issues.length","expressionPlan":{"source":"not validation.issues.length","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"key":"length"}},"dependencies":["validation.issues.length"]}}],"children":[{"kind":"element","name":"div","attributes":[],"children":[{"kind":"text","value":"$issue.message","expressionPlan":{"source":"$issue.message","ast":{"kind":"member","object":{"kind":"id","name":"issue"},"key":"message"},"dependencies":["issue.message"]}}],"flow":{"kind":"each","item":"issue","list":"validation.issues","listPlan":{"source":"validation.issues","ast":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"dependencies":["validation.issues"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"sr-only"},{"kind":"literal","name":"role","value":"status"},{"kind":"literal","name":"aria-live","value":"polite"},{"kind":"literal","name":"aria-atomic","value":"true"}],"children":[{"kind":"text","value":"$statusText","expressionPlan":{"source":"$statusText","ast":{"kind":"id","name":"statusText"},"dependencies":["statusText"]}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"authored-options"},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"slot"}],"ref":"options"}]},"declarations":[{"kind":"state","name":"internalItems","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"raw","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"display","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"selected","type":"string"},{"kind":"state","name":"expanded","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"rows","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"active","type":"integer","value":"-1","expression":{"source":"-1","ast":{"kind":"unary","op":"-","operand":{"kind":"literal","value":1}},"dependencies":[]}},{"kind":"state","name":"helpOpen","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"lookupError","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validation","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"optional":false}],"open":true},"type":"object","value":"{ status: 'pristine', touched: false, dirty: false, issues: [] }","expression":{"source":"{\"status\":\"pristine\",\"touched\":false,\"dirty\":false,\"issues\":[]}","ast":{"kind":"object","pairs":[{"key":"status","value":{"kind":"literal","value":"pristine"}},{"key":"touched","value":{"kind":"literal","value":false}},{"key":"dirty","value":{"kind":"literal","value":false}},{"key":"issues","value":{"kind":"array","items":[]}}]},"dependencies":[]}},{"kind":"state","name":"uid","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"submitted","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"groups","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"name","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"role","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["group","presentation"]},"optional":false},{"name":"label","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"rows","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"labelledBy","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"detail","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false}],"open":false}},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"creatable","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"createIndex","type":"integer","value":"0","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"message","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"statusText","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validationStatus","type":"string","value":"pristine","expression":{"source":"\"pristine\"","ast":{"kind":"literal","value":"pristine"},"dependencies":[]}},{"kind":"event","name":"query-change","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"display","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"value-change","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"items-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"free-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"validation-change","type":"object","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"path","type":{"kind":"list","item":{"kind":"terminal","name":"unknown"}},"optional":true},{"name":"severity","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["error","warning"]},"optional":true}],"open":false}},"optional":false},{"name":"output","type":{"kind":"terminal","name":"unknown"},"optional":true}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"options-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"remove-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-item","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"selected-values-change","type":"object","shape":{"kind":"object","fields":[{"name":"selectedValues","type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"method","name":"validate","exportName":"validate","returns":"promise(unknown)"},{"kind":"method","name":"focusInput","exportName":"focusInput","returns":"promise(undefined)"}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
7
7
 
8
8
  export function createUiCombobox(options = {}) {
9
9
  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -50,230 +50,244 @@ export function createUiCombobox(options = {}) {
50
50
  }
51
51
  } else {
52
52
  const element8 = document.createElement("ui-badge");
53
+ const text9 = document.createTextNode("");
54
+ element8.append(text9);
53
55
  element7.append(element8);
54
56
  }
55
57
  element6.append(element7);
56
58
  element5.append(element6);
57
- const element9 = document.createElement("input");
58
- element9.setAttribute("role", "combobox");
59
- element9.setAttribute("aria-autocomplete", "list");
60
- element9.setAttribute("autocomplete", "off");
59
+ const element10 = document.createElement("input");
60
+ element10.setAttribute("role", "combobox");
61
+ element10.setAttribute("aria-autocomplete", "list");
62
+ element10.setAttribute("autocomplete", "off");
61
63
  const value0 = componentProps["placeholder"] === undefined ? "" : componentProps["placeholder"];
62
- if (value0 === null || value0 === undefined) element9.removeAttribute("placeholder");
63
- else element9.setAttribute("placeholder", String(value0));
64
+ if (value0 === null || value0 === undefined) element10.removeAttribute("placeholder");
65
+ else element10.setAttribute("placeholder", String(value0));
64
66
  const value1 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
65
- if (value1 === true) element9.setAttribute("disabled", "");
66
- else element9.removeAttribute("disabled");
67
+ if (value1 === true) element10.setAttribute("disabled", "");
68
+ else element10.removeAttribute("disabled");
67
69
  const value2 = componentProps["readonly"] === undefined ? false : componentProps["readonly"];
68
- if (value2 === true) element9.setAttribute("readonly", "");
69
- else element9.removeAttribute("readonly");
70
- element5.append(element9);
70
+ if (value2 === true) element10.setAttribute("readonly", "");
71
+ else element10.removeAttribute("readonly");
72
+ element5.append(element10);
71
73
  element4.append(element5);
72
- const element10 = document.createElement("input");
73
- element10.setAttribute("type", "hidden");
74
+ const element11 = document.createElement("input");
75
+ element11.setAttribute("type", "hidden");
74
76
  const value3 = componentProps["name"] === undefined ? "" : componentProps["name"];
75
- if (value3 === null || value3 === undefined) element10.removeAttribute("name");
76
- else element10.setAttribute("name", String(value3));
77
+ if (value3 === null || value3 === undefined) element11.removeAttribute("name");
78
+ else element11.setAttribute("name", String(value3));
77
79
  const value4 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
78
- if (value4 === true) element10.setAttribute("disabled", "");
79
- else element10.removeAttribute("disabled");
80
- element4.append(element10);
81
- const element11 = document.createElement("template");
82
- const element12 = document.createElement("input");
83
- element12.setAttribute("type", "hidden");
80
+ if (value4 === true) element11.setAttribute("disabled", "");
81
+ else element11.removeAttribute("disabled");
82
+ element4.append(element11);
83
+ const element12 = document.createElement("template");
84
+ const element13 = document.createElement("input");
85
+ element13.setAttribute("type", "hidden");
84
86
  const value5 = componentProps["name"] === undefined ? "" : componentProps["name"];
85
- if (value5 === null || value5 === undefined) element12.removeAttribute("name");
86
- else element12.setAttribute("name", String(value5));
87
+ if (value5 === null || value5 === undefined) element13.removeAttribute("name");
88
+ else element13.setAttribute("name", String(value5));
87
89
  const value6 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
88
- if (value6 === true) element12.setAttribute("disabled", "");
89
- else element12.removeAttribute("disabled");
90
- element11.append(element12);
91
- element4.append(element11);
92
- const element13 = document.createElement("button");
93
- element13.setAttribute("type", "button");
94
- element13.setAttribute("data-combobox-action", "clear");
95
- element13.setAttribute("aria-label", "Clear");
96
- const element14 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
97
- element14.setAttribute("class", "affordance-icon");
98
- element14.setAttribute("aria-hidden", "true");
99
- element14.setAttribute("viewBox", "0 0 24 24");
100
- element14.setAttribute("fill", "none");
101
- element14.setAttribute("stroke", "currentColor");
102
- element14.setAttribute("stroke-width", "2");
103
- element14.setAttribute("stroke-linecap", "round");
104
- const element15 = document.createElementNS("http://www.w3.org/2000/svg", "path");
105
- element15.setAttribute("d", "M7 7l10 10M17 7 7 17");
90
+ if (value6 === true) element13.setAttribute("disabled", "");
91
+ else element13.removeAttribute("disabled");
92
+ element12.append(element13);
93
+ element4.append(element12);
94
+ const element14 = document.createElement("button");
95
+ element14.setAttribute("type", "button");
96
+ element14.setAttribute("data-combobox-action", "clear");
97
+ element14.setAttribute("aria-label", "Clear");
98
+ const element15 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
99
+ element15.setAttribute("class", "affordance-icon");
100
+ element15.setAttribute("aria-hidden", "true");
101
+ element15.setAttribute("viewBox", "0 0 24 24");
102
+ element15.setAttribute("fill", "none");
103
+ element15.setAttribute("stroke", "currentColor");
104
+ element15.setAttribute("stroke-width", "2");
105
+ element15.setAttribute("stroke-linecap", "round");
106
+ const element16 = document.createElementNS("http://www.w3.org/2000/svg", "path");
107
+ element16.setAttribute("d", "M7 7l10 10M17 7 7 17");
108
+ element15.append(element16);
106
109
  element14.append(element15);
107
- element13.append(element14);
108
- element4.append(element13);
109
- const element16 = document.createElement("button");
110
- element16.setAttribute("type", "button");
111
- element16.setAttribute("data-combobox-action", "disclosure");
112
- element16.setAttribute("tabindex", "-1");
113
- element16.setAttribute("aria-label", "Show suggestions");
114
- const element17 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
115
- element17.setAttribute("class", "affordance-icon");
116
- element17.setAttribute("aria-hidden", "true");
117
- element17.setAttribute("viewBox", "0 0 24 24");
118
- element17.setAttribute("fill", "none");
119
- element17.setAttribute("stroke", "currentColor");
120
- element17.setAttribute("stroke-width", "2.25");
121
- element17.setAttribute("stroke-linecap", "round");
122
- element17.setAttribute("stroke-linejoin", "round");
123
- const element18 = document.createElementNS("http://www.w3.org/2000/svg", "path");
124
- element18.setAttribute("d", "m6 9 6 6 6-6");
110
+ element4.append(element14);
111
+ const element17 = document.createElement("button");
112
+ element17.setAttribute("type", "button");
113
+ element17.setAttribute("data-combobox-action", "disclosure");
114
+ element17.setAttribute("tabindex", "-1");
115
+ element17.setAttribute("aria-label", "Show suggestions");
116
+ const element18 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
117
+ element18.setAttribute("class", "affordance-icon");
118
+ element18.setAttribute("aria-hidden", "true");
119
+ element18.setAttribute("viewBox", "0 0 24 24");
120
+ element18.setAttribute("fill", "none");
121
+ element18.setAttribute("stroke", "currentColor");
122
+ element18.setAttribute("stroke-width", "2.25");
123
+ element18.setAttribute("stroke-linecap", "round");
124
+ element18.setAttribute("stroke-linejoin", "round");
125
+ const element19 = document.createElementNS("http://www.w3.org/2000/svg", "path");
126
+ element19.setAttribute("d", "m6 9 6 6 6-6");
127
+ element18.append(element19);
125
128
  element17.append(element18);
126
- element16.append(element17);
127
- element4.append(element16);
129
+ element4.append(element17);
128
130
  element3.append(element4);
129
- const element19 = document.createElement("button");
130
- element19.setAttribute("class", "help");
131
- element19.setAttribute("type", "button");
132
- element19.setAttribute("aria-label", "Help");
131
+ const element20 = document.createElement("button");
132
+ element20.setAttribute("class", "help");
133
+ element20.setAttribute("type", "button");
134
+ element20.setAttribute("aria-label", "Help");
133
135
  const value7 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
134
- if (value7 === true) element19.setAttribute("disabled", "");
135
- else element19.removeAttribute("disabled");
136
- const element20 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
137
- element20.setAttribute("class", "help-icon");
138
- element20.setAttribute("aria-hidden", "true");
139
- element20.setAttribute("viewBox", "0 0 24 24");
140
- element20.setAttribute("fill", "none");
141
- element20.setAttribute("stroke", "currentColor");
142
- element20.setAttribute("stroke-width", "2");
143
- element20.setAttribute("stroke-linecap", "round");
144
- element20.setAttribute("stroke-linejoin", "round");
145
- const element21 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
146
- element21.setAttribute("cx", "12");
147
- element21.setAttribute("cy", "12");
148
- element21.setAttribute("r", "10");
149
- element20.append(element21);
150
- const element22 = document.createElementNS("http://www.w3.org/2000/svg", "path");
151
- element22.setAttribute("d", "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3");
152
- element20.append(element22);
136
+ if (value7 === true) element20.setAttribute("disabled", "");
137
+ else element20.removeAttribute("disabled");
138
+ const element21 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
139
+ element21.setAttribute("class", "help-icon");
140
+ element21.setAttribute("aria-hidden", "true");
141
+ element21.setAttribute("viewBox", "0 0 24 24");
142
+ element21.setAttribute("fill", "none");
143
+ element21.setAttribute("stroke", "currentColor");
144
+ element21.setAttribute("stroke-width", "2");
145
+ element21.setAttribute("stroke-linecap", "round");
146
+ element21.setAttribute("stroke-linejoin", "round");
147
+ const element22 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
148
+ element22.setAttribute("cx", "12");
149
+ element22.setAttribute("cy", "12");
150
+ element22.setAttribute("r", "10");
151
+ element21.append(element22);
153
152
  const element23 = document.createElementNS("http://www.w3.org/2000/svg", "path");
154
- element23.setAttribute("d", "M12 17h.01");
155
- element20.append(element23);
156
- element19.append(element20);
157
- element3.append(element19);
153
+ element23.setAttribute("d", "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3");
154
+ element21.append(element23);
155
+ const element24 = document.createElementNS("http://www.w3.org/2000/svg", "path");
156
+ element24.setAttribute("d", "M12 17h.01");
157
+ element21.append(element24);
158
+ element20.append(element21);
159
+ element3.append(element20);
158
160
  element.append(element3);
159
- const element24 = document.createElement("ui-tooltip");
160
- element24.setAttribute("trigger", "click");
161
- const text25 = document.createTextNode("");
162
- element24.append(text25);
163
- element.append(element24);
164
- const element26 = document.createElement("div");
165
- element26.setAttribute("class", "popup");
161
+ const element25 = document.createElement("ui-tooltip");
162
+ element25.setAttribute("trigger", "click");
163
+ const text26 = document.createTextNode("");
164
+ element25.append(text26);
165
+ element.append(element25);
166
166
  const element27 = document.createElement("div");
167
- element27.setAttribute("role", "listbox");
168
- const value8 = componentProps["loading"] === undefined ? false : componentProps["loading"];
169
- if (typeof value8 === "boolean") element27.setAttribute("aria-busy", String(value8));
170
- else element27.removeAttribute("aria-busy");
167
+ element27.setAttribute("class", "popup");
171
168
  const element28 = document.createElement("div");
169
+ element28.setAttribute("role", "listbox");
170
+ const value8 = componentProps["loading"] === undefined ? false : componentProps["loading"];
171
+ if (typeof value8 === "boolean") element28.setAttribute("aria-busy", String(value8));
172
+ else element28.removeAttribute("aria-busy");
172
173
  const element29 = document.createElement("div");
173
- element29.setAttribute("class", "group");
174
- element28.append(element29);
175
174
  const element30 = document.createElement("div");
176
- element30.setAttribute("class", "option");
177
- element30.setAttribute("role", "option");
178
- element30.setAttribute("data-ui-choice-option", "");
175
+ element30.setAttribute("class", "group");
176
+ const text31 = document.createTextNode("");
177
+ element30.append(text31);
178
+ element29.append(element30);
179
+ const element32 = document.createElement("div");
180
+ element32.setAttribute("class", "option");
181
+ element32.setAttribute("role", "option");
182
+ element32.setAttribute("data-ui-choice-option", "");
179
183
  const value9 = componentProps["multiple"] === undefined ? false : componentProps["multiple"];
180
- if (value9 === true) element30.setAttribute("data-multiple", "");
181
- else element30.removeAttribute("data-multiple");
184
+ if (value9 === true) element32.setAttribute("data-multiple", "");
185
+ else element32.removeAttribute("data-multiple");
182
186
  if (children.length > 0) {
183
187
  for (const child of children) {
184
188
  const node = typeof child === "string" ? document.createTextNode(child) : child;
185
189
  if (node.nodeType === 1) node.setAttribute("data-slotted", "");
186
190
  projected.push([node, ""]);
187
- element30.append(node);
191
+ element32.append(node);
188
192
  }
189
193
  } else {
190
- const element31 = document.createElement("span");
191
- element31.setAttribute("class", "detail");
192
- const element32 = document.createElement("span");
193
- element32.setAttribute("class", "line");
194
194
  const element33 = document.createElement("span");
195
- element33.setAttribute("class", "primary");
196
- element32.append(element33);
197
- const element34 = document.createElement("ui-badge");
195
+ element33.setAttribute("class", "detail");
196
+ const element34 = document.createElement("span");
197
+ element34.setAttribute("class", "line");
198
198
  const element35 = document.createElement("span");
199
+ element35.setAttribute("class", "primary");
200
+ const text36 = document.createTextNode("");
201
+ element35.append(text36);
199
202
  element34.append(element35);
200
- element32.append(element34);
201
- element31.append(element32);
202
- const element36 = document.createElement("span");
203
- element36.setAttribute("class", "description");
204
- element31.append(element36);
205
- element30.append(element31);
206
- const element37 = document.createElement("span");
207
- element37.setAttribute("class", "primary");
208
- element30.append(element37);
203
+ const element37 = document.createElement("ui-badge");
204
+ const element38 = document.createElement("span");
205
+ const text39 = document.createTextNode("");
206
+ element38.append(text39);
207
+ element37.append(element38);
208
+ element34.append(element37);
209
+ element33.append(element34);
210
+ const element40 = document.createElement("span");
211
+ element40.setAttribute("class", "description");
212
+ const text41 = document.createTextNode("");
213
+ element40.append(text41);
214
+ element33.append(element40);
215
+ element32.append(element33);
216
+ const element42 = document.createElement("span");
217
+ element42.setAttribute("class", "primary");
218
+ const text43 = document.createTextNode("");
219
+ element42.append(text43);
220
+ element32.append(element42);
209
221
  }
210
- element28.append(element30);
211
- element27.append(element28);
212
- const element38 = document.createElement("div");
213
- element38.setAttribute("class", "option");
214
- element38.setAttribute("role", "option");
215
- element38.setAttribute("data-ui-choice-option", "");
222
+ element29.append(element32);
223
+ element28.append(element29);
224
+ const element44 = document.createElement("div");
225
+ element44.setAttribute("class", "option");
226
+ element44.setAttribute("role", "option");
227
+ element44.setAttribute("data-ui-choice-option", "");
216
228
  const value10 = componentProps["multiple"] === undefined ? false : componentProps["multiple"];
217
- if (value10 === true) element38.setAttribute("data-multiple", "");
218
- else element38.removeAttribute("data-multiple");
219
- element38.setAttribute("aria-selected", "false");
220
- element27.append(element38);
221
- const element39 = document.createElement("div");
222
- element39.setAttribute("class", "message");
223
- const text40 = document.createTextNode("");
224
- element39.append(text40);
225
- element27.append(element39);
226
- const element41 = document.createElement("div");
227
- element41.setAttribute("class", "message");
229
+ if (value10 === true) element44.setAttribute("data-multiple", "");
230
+ else element44.removeAttribute("data-multiple");
231
+ element44.setAttribute("aria-selected", "false");
232
+ element28.append(element44);
233
+ const element45 = document.createElement("div");
234
+ element45.setAttribute("class", "message");
235
+ const text46 = document.createTextNode("");
236
+ element45.append(text46);
237
+ element28.append(element45);
238
+ const element47 = document.createElement("div");
239
+ element47.setAttribute("class", "message");
228
240
  if (slots["empty"] ?? [].length > 0) {
229
241
  for (const child of slots["empty"] ?? []) {
230
242
  const node = typeof child === "string" ? document.createTextNode(child) : child;
231
243
  if (node.nodeType === 1) node.setAttribute("data-slotted", "");
232
244
  projected.push([node, "empty"]);
233
- element41.append(node);
245
+ element47.append(node);
234
246
  }
235
247
  } else {
236
- element41.append("No suggestions.");
248
+ element47.append("No suggestions.");
237
249
  }
238
- element27.append(element41);
239
- element26.append(element27);
250
+ element28.append(element47);
251
+ element27.append(element28);
240
252
  if (slots["footer"] ?? [].length > 0) {
241
253
  for (const child of slots["footer"] ?? []) {
242
254
  const node = typeof child === "string" ? document.createTextNode(child) : child;
243
255
  if (node.nodeType === 1) node.setAttribute("data-slotted", "");
244
256
  projected.push([node, "footer"]);
245
- element26.append(node);
257
+ element27.append(node);
246
258
  }
247
259
  } else {
248
260
  }
249
- element.append(element26);
250
- const element42 = document.createElement("div");
251
- element42.setAttribute("class", "message");
252
- const element43 = document.createElement("div");
253
- element42.append(element43);
254
- element.append(element42);
255
- const element44 = document.createElement("div");
256
- element44.setAttribute("class", "sr-only");
257
- element44.setAttribute("role", "status");
258
- element44.setAttribute("aria-live", "polite");
259
- element44.setAttribute("aria-atomic", "true");
260
- const text45 = document.createTextNode("");
261
- element44.append(text45);
262
- element.append(element44);
263
- const element46 = document.createElement("div");
264
- element46.setAttribute("class", "authored-options");
265
- element46.setAttribute("hidden", "");
266
- element46.setAttribute("aria-hidden", "true");
261
+ element.append(element27);
262
+ const element48 = document.createElement("div");
263
+ element48.setAttribute("class", "message");
264
+ const element49 = document.createElement("div");
265
+ const text50 = document.createTextNode("");
266
+ element49.append(text50);
267
+ element48.append(element49);
268
+ element.append(element48);
269
+ const element51 = document.createElement("div");
270
+ element51.setAttribute("class", "sr-only");
271
+ element51.setAttribute("role", "status");
272
+ element51.setAttribute("aria-live", "polite");
273
+ element51.setAttribute("aria-atomic", "true");
274
+ const text52 = document.createTextNode("");
275
+ element51.append(text52);
276
+ element.append(element51);
277
+ const element53 = document.createElement("div");
278
+ element53.setAttribute("class", "authored-options");
279
+ element53.setAttribute("hidden", "");
280
+ element53.setAttribute("aria-hidden", "true");
267
281
  if (children.length > 0) {
268
282
  for (const child of children) {
269
283
  const node = typeof child === "string" ? document.createTextNode(child) : child;
270
284
  if (node.nodeType === 1) node.setAttribute("data-slotted", "");
271
285
  projected.push([node, ""]);
272
- element46.append(node);
286
+ element53.append(node);
273
287
  }
274
288
  } else {
275
289
  }
276
- element.append(element46);
290
+ element.append(element53);
277
291
  manageComponentLifecycle(element, definition, { props: componentProps, projected,
278
292
  controller,
279
293
  });