@threadlabs/looma 0.28.12 → 0.28.14

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 (427) hide show
  1. package/components/ui-affordance-scope/ui-affordance-scope.html +1 -1
  2. package/components/ui-avatar/ui-avatar.html +1 -1
  3. package/components/ui-combobox/ui-combobox.html +1 -1
  4. package/components/ui-disclosure/ui-disclosure.html +4 -4
  5. package/components/ui-editable/ui-editable.html +3 -3
  6. package/components/ui-menu/ui-menu.html +1 -1
  7. package/components/ui-popover/ui-popover.html +1 -1
  8. package/components/ui-sidebar/ui-sidebar.html +4 -4
  9. package/components/ui-switcher/ui-switcher.html +1 -1
  10. package/components/ui-tree-item/ui-tree-item.html +2 -2
  11. package/dist/index.js +1 -1
  12. package/editor/formatting-selection.d.ts +49 -0
  13. package/package.json +3 -3
  14. package/styles/ui-action-bar.css +1 -1
  15. package/styles/ui-affordance-scope.css +1 -1
  16. package/styles/ui-avatar-group.css +1 -1
  17. package/styles/ui-avatar.css +1 -1
  18. package/styles/ui-badge.css +1 -1
  19. package/styles/ui-breadcrumb-item.css +1 -1
  20. package/styles/ui-breadcrumbs.css +1 -1
  21. package/styles/ui-button.css +1 -1
  22. package/styles/ui-callout.css +1 -1
  23. package/styles/ui-card.css +1 -1
  24. package/styles/ui-checkbox.css +1 -1
  25. package/styles/ui-cluster.css +1 -1
  26. package/styles/ui-combobox.css +1 -1
  27. package/styles/ui-container.css +1 -1
  28. package/styles/ui-context-menu.css +1 -1
  29. package/styles/ui-cover.css +1 -1
  30. package/styles/ui-description-item.css +1 -1
  31. package/styles/ui-description-list.css +1 -1
  32. package/styles/ui-dialog.css +1 -1
  33. package/styles/ui-disclosure.css +2 -2
  34. package/styles/ui-editable.css +1 -1
  35. package/styles/ui-editor-block-actions.css +1 -1
  36. package/styles/ui-editor-chip-editor.css +1 -1
  37. package/styles/ui-editor-code-language.css +1 -1
  38. package/styles/ui-editor-image-toolbar.css +1 -1
  39. package/styles/ui-editor-insert-table-grid.css +1 -1
  40. package/styles/ui-editor-link-card.css +1 -1
  41. package/styles/ui-editor-link-form.css +1 -1
  42. package/styles/ui-editor-mention-menu-item.css +1 -1
  43. package/styles/ui-editor-mention-menu.css +1 -1
  44. package/styles/ui-editor-slash-menu-group.css +1 -1
  45. package/styles/ui-editor-slash-menu-item.css +1 -1
  46. package/styles/ui-editor-slash-menu.css +1 -1
  47. package/styles/ui-editor-surface.css +1 -1
  48. package/styles/ui-editor-table-context-menu.css +1 -1
  49. package/styles/ui-editor-table-overlay.css +1 -1
  50. package/styles/ui-editor-table-toolbar.css +1 -1
  51. package/styles/ui-editor-toolbar.css +1 -1
  52. package/styles/ui-floating-action-button.css +1 -1
  53. package/styles/ui-form-field.css +1 -1
  54. package/styles/ui-grid.css +1 -1
  55. package/styles/ui-icon-button.css +1 -1
  56. package/styles/ui-icon.css +1 -1
  57. package/styles/ui-image.css +1 -1
  58. package/styles/ui-input-group.css +1 -1
  59. package/styles/ui-input.css +1 -1
  60. package/styles/ui-list-item.css +1 -1
  61. package/styles/ui-list.css +1 -1
  62. package/styles/ui-listbox.css +1 -1
  63. package/styles/ui-menu-group.css +1 -1
  64. package/styles/ui-menu-item.css +1 -1
  65. package/styles/ui-menu.css +2 -2
  66. package/styles/ui-meter.css +1 -1
  67. package/styles/ui-nav-item.css +1 -1
  68. package/styles/ui-page-header.css +1 -1
  69. package/styles/ui-popover.css +2 -2
  70. package/styles/ui-radio-group.css +1 -1
  71. package/styles/ui-radio.css +1 -1
  72. package/styles/ui-reel.css +1 -1
  73. package/styles/ui-scroll-area.css +1 -1
  74. package/styles/ui-search-result-row.css +1 -1
  75. package/styles/ui-search-shell.css +1 -1
  76. package/styles/ui-section.css +1 -1
  77. package/styles/ui-select.css +1 -1
  78. package/styles/ui-separator.css +1 -1
  79. package/styles/ui-sidebar.css +2 -2
  80. package/styles/ui-spinner.css +1 -1
  81. package/styles/ui-stack.css +1 -1
  82. package/styles/ui-status-message.css +1 -1
  83. package/styles/ui-swatch.css +1 -1
  84. package/styles/ui-switch.css +1 -1
  85. package/styles/ui-switcher.css +1 -1
  86. package/styles/ui-table.css +1 -1
  87. package/styles/ui-tabs.css +1 -1
  88. package/styles/ui-text.css +1 -1
  89. package/styles/ui-textarea.css +1 -1
  90. package/styles/ui-toast-region.css +1 -1
  91. package/styles/ui-toast.css +1 -1
  92. package/styles/ui-tooltip.css +1 -1
  93. package/styles/ui-top-bar.css +1 -1
  94. package/styles/ui-tree-item.css +1 -1
  95. package/styles/ui-tree.css +1 -1
  96. package/vanilla/UiActionBar.d.ts +1 -1
  97. package/vanilla/UiActionBar.js +1 -1
  98. package/vanilla/UiAffordanceScope.d.ts +1 -1
  99. package/vanilla/UiAffordanceScope.js +2 -2
  100. package/vanilla/UiAvatar.d.ts +1 -1
  101. package/vanilla/UiAvatar.js +2 -2
  102. package/vanilla/UiAvatarGroup.d.ts +1 -1
  103. package/vanilla/UiAvatarGroup.js +2 -2
  104. package/vanilla/UiBadge.d.ts +1 -1
  105. package/vanilla/UiBadge.js +2 -2
  106. package/vanilla/UiBreadcrumbItem.d.ts +1 -1
  107. package/vanilla/UiBreadcrumbItem.js +2 -2
  108. package/vanilla/UiBreadcrumbs.d.ts +1 -1
  109. package/vanilla/UiBreadcrumbs.js +2 -2
  110. package/vanilla/UiButton.d.ts +1 -1
  111. package/vanilla/UiButton.js +3 -3
  112. package/vanilla/UiCallout.d.ts +1 -1
  113. package/vanilla/UiCallout.js +2 -2
  114. package/vanilla/UiCard.d.ts +1 -1
  115. package/vanilla/UiCard.js +3 -3
  116. package/vanilla/UiCheckbox.d.ts +1 -1
  117. package/vanilla/UiCheckbox.js +2 -2
  118. package/vanilla/UiCluster.d.ts +1 -1
  119. package/vanilla/UiCluster.js +2 -2
  120. package/vanilla/UiCombobox.d.ts +1 -1
  121. package/vanilla/UiCombobox.js +2 -2
  122. package/vanilla/UiContainer.d.ts +1 -1
  123. package/vanilla/UiContainer.js +2 -2
  124. package/vanilla/UiContextMenu.d.ts +1 -1
  125. package/vanilla/UiContextMenu.js +2 -2
  126. package/vanilla/UiCover.d.ts +1 -1
  127. package/vanilla/UiCover.js +2 -2
  128. package/vanilla/UiDescriptionItem.d.ts +1 -1
  129. package/vanilla/UiDescriptionItem.js +2 -2
  130. package/vanilla/UiDescriptionList.d.ts +1 -1
  131. package/vanilla/UiDescriptionList.js +2 -2
  132. package/vanilla/UiDialog.d.ts +1 -1
  133. package/vanilla/UiDialog.js +2 -2
  134. package/vanilla/UiDisclosure.d.ts +1 -1
  135. package/vanilla/UiDisclosure.js +2 -2
  136. package/vanilla/UiEditable.d.ts +1 -1
  137. package/vanilla/UiEditable.js +2 -2
  138. package/vanilla/UiEditorBlockActions.d.ts +1 -1
  139. package/vanilla/UiEditorBlockActions.js +2 -2
  140. package/vanilla/UiEditorChipEditor.d.ts +1 -1
  141. package/vanilla/UiEditorChipEditor.js +2 -2
  142. package/vanilla/UiEditorCodeLanguage.d.ts +1 -1
  143. package/vanilla/UiEditorCodeLanguage.js +2 -2
  144. package/vanilla/UiEditorImageToolbar.d.ts +1 -1
  145. package/vanilla/UiEditorImageToolbar.js +2 -2
  146. package/vanilla/UiEditorInsertTableGrid.d.ts +1 -1
  147. package/vanilla/UiEditorInsertTableGrid.js +2 -2
  148. package/vanilla/UiEditorLinkCard.d.ts +1 -1
  149. package/vanilla/UiEditorLinkCard.js +2 -2
  150. package/vanilla/UiEditorLinkForm.d.ts +1 -1
  151. package/vanilla/UiEditorLinkForm.js +2 -2
  152. package/vanilla/UiEditorMentionMenu.d.ts +1 -1
  153. package/vanilla/UiEditorMentionMenu.js +2 -2
  154. package/vanilla/UiEditorMentionMenuItem.d.ts +1 -1
  155. package/vanilla/UiEditorMentionMenuItem.js +3 -3
  156. package/vanilla/UiEditorSlashMenu.d.ts +1 -1
  157. package/vanilla/UiEditorSlashMenu.js +2 -2
  158. package/vanilla/UiEditorSlashMenuGroup.d.ts +1 -1
  159. package/vanilla/UiEditorSlashMenuGroup.js +2 -2
  160. package/vanilla/UiEditorSlashMenuItem.d.ts +1 -1
  161. package/vanilla/UiEditorSlashMenuItem.js +3 -3
  162. package/vanilla/UiEditorSurface.d.ts +1 -1
  163. package/vanilla/UiEditorSurface.js +2 -2
  164. package/vanilla/UiEditorTableContextMenu.d.ts +1 -1
  165. package/vanilla/UiEditorTableContextMenu.js +2 -2
  166. package/vanilla/UiEditorTableOverlay.d.ts +1 -1
  167. package/vanilla/UiEditorTableOverlay.js +2 -2
  168. package/vanilla/UiEditorTableToolbar.d.ts +1 -1
  169. package/vanilla/UiEditorTableToolbar.js +2 -2
  170. package/vanilla/UiEditorToolbar.d.ts +1 -1
  171. package/vanilla/UiEditorToolbar.js +2 -2
  172. package/vanilla/UiFloatingActionButton.d.ts +1 -1
  173. package/vanilla/UiFloatingActionButton.js +2 -2
  174. package/vanilla/UiFormField.d.ts +1 -1
  175. package/vanilla/UiFormField.js +2 -2
  176. package/vanilla/UiGrid.d.ts +1 -1
  177. package/vanilla/UiGrid.js +2 -2
  178. package/vanilla/UiIcon.d.ts +1 -1
  179. package/vanilla/UiIcon.js +2 -2
  180. package/vanilla/UiIconButton.d.ts +1 -1
  181. package/vanilla/UiIconButton.js +3 -3
  182. package/vanilla/UiImage.d.ts +1 -1
  183. package/vanilla/UiImage.js +2 -2
  184. package/vanilla/UiInput.d.ts +1 -1
  185. package/vanilla/UiInput.js +2 -2
  186. package/vanilla/UiInputGroup.d.ts +1 -1
  187. package/vanilla/UiInputGroup.js +2 -2
  188. package/vanilla/UiList.d.ts +1 -1
  189. package/vanilla/UiList.js +3 -3
  190. package/vanilla/UiListItem.d.ts +1 -1
  191. package/vanilla/UiListItem.js +2 -2
  192. package/vanilla/UiListbox.d.ts +1 -1
  193. package/vanilla/UiListbox.js +2 -2
  194. package/vanilla/UiMenu.d.ts +1 -1
  195. package/vanilla/UiMenu.js +2 -2
  196. package/vanilla/UiMenuGroup.d.ts +1 -1
  197. package/vanilla/UiMenuGroup.js +2 -2
  198. package/vanilla/UiMenuItem.d.ts +1 -1
  199. package/vanilla/UiMenuItem.js +4 -4
  200. package/vanilla/UiMeter.d.ts +1 -1
  201. package/vanilla/UiMeter.js +2 -2
  202. package/vanilla/UiNavItem.d.ts +1 -1
  203. package/vanilla/UiNavItem.js +3 -3
  204. package/vanilla/UiPageHeader.d.ts +1 -1
  205. package/vanilla/UiPageHeader.js +2 -2
  206. package/vanilla/UiPopover.d.ts +1 -1
  207. package/vanilla/UiPopover.js +2 -2
  208. package/vanilla/UiRadio.d.ts +1 -1
  209. package/vanilla/UiRadio.js +2 -2
  210. package/vanilla/UiRadioGroup.d.ts +1 -1
  211. package/vanilla/UiRadioGroup.js +2 -2
  212. package/vanilla/UiReel.d.ts +1 -1
  213. package/vanilla/UiReel.js +2 -2
  214. package/vanilla/UiScrollArea.d.ts +1 -1
  215. package/vanilla/UiScrollArea.js +2 -2
  216. package/vanilla/UiSearchResultRow.d.ts +1 -1
  217. package/vanilla/UiSearchResultRow.js +2 -2
  218. package/vanilla/UiSearchShell.d.ts +1 -1
  219. package/vanilla/UiSearchShell.js +2 -2
  220. package/vanilla/UiSection.d.ts +1 -1
  221. package/vanilla/UiSection.js +2 -2
  222. package/vanilla/UiSelect.d.ts +1 -1
  223. package/vanilla/UiSelect.js +2 -2
  224. package/vanilla/UiSeparator.d.ts +1 -1
  225. package/vanilla/UiSeparator.js +2 -2
  226. package/vanilla/UiSidebar.d.ts +1 -1
  227. package/vanilla/UiSidebar.js +2 -2
  228. package/vanilla/UiSpinner.d.ts +1 -1
  229. package/vanilla/UiSpinner.js +2 -2
  230. package/vanilla/UiStack.d.ts +1 -1
  231. package/vanilla/UiStack.js +2 -2
  232. package/vanilla/UiStatusMessage.d.ts +1 -1
  233. package/vanilla/UiStatusMessage.js +2 -2
  234. package/vanilla/UiSwatch.d.ts +1 -1
  235. package/vanilla/UiSwatch.js +2 -2
  236. package/vanilla/UiSwitch.d.ts +1 -1
  237. package/vanilla/UiSwitch.js +2 -2
  238. package/vanilla/UiSwitcher.d.ts +1 -1
  239. package/vanilla/UiSwitcher.js +2 -2
  240. package/vanilla/UiTable.d.ts +1 -1
  241. package/vanilla/UiTable.js +2 -2
  242. package/vanilla/UiTabs.d.ts +1 -1
  243. package/vanilla/UiTabs.js +2 -2
  244. package/vanilla/UiText.d.ts +1 -1
  245. package/vanilla/UiText.js +3 -3
  246. package/vanilla/UiTextarea.d.ts +1 -1
  247. package/vanilla/UiTextarea.js +2 -2
  248. package/vanilla/UiToast.d.ts +1 -1
  249. package/vanilla/UiToast.js +2 -2
  250. package/vanilla/UiToastRegion.d.ts +1 -1
  251. package/vanilla/UiToastRegion.js +2 -2
  252. package/vanilla/UiTooltip.d.ts +1 -1
  253. package/vanilla/UiTooltip.js +2 -2
  254. package/vanilla/UiTopBar.d.ts +1 -1
  255. package/vanilla/UiTopBar.js +1 -1
  256. package/vanilla/UiTree.d.ts +1 -1
  257. package/vanilla/UiTree.js +2 -2
  258. package/vanilla/UiTreeItem.d.ts +1 -1
  259. package/vanilla/UiTreeItem.js +3 -3
  260. package/vue/UiActionBar.vue +23 -15
  261. package/vue/UiAffordanceScope.vue +11 -9
  262. package/vue/UiAvatar.vue +34 -27
  263. package/vue/UiAvatarGroup.vue +22 -17
  264. package/vue/UiBadge.vue +78 -69
  265. package/vue/UiBreadcrumbItem.vue +17 -14
  266. package/vue/UiBreadcrumbs.vue +9 -7
  267. package/vue/UiButton.vue +150 -138
  268. package/vue/UiCallout.vue +68 -43
  269. package/vue/UiCard.vue +52 -44
  270. package/vue/UiCheckbox.vue +48 -40
  271. package/vue/UiCluster.vue +35 -33
  272. package/vue/UiCombobox.vue +158 -107
  273. package/vue/UiContainer.vue +16 -14
  274. package/vue/UiContextMenu.vue +24 -13
  275. package/vue/UiCover.vue +10 -8
  276. package/vue/UiDescriptionItem.vue +11 -9
  277. package/vue/UiDescriptionList.vue +20 -18
  278. package/vue/UiDialog.vue +41 -37
  279. package/vue/UiDisclosure.vue +65 -51
  280. package/vue/UiEditable.vue +34 -33
  281. package/vue/UiEditorBlockActions.vue +4 -3
  282. package/vue/UiEditorChipEditor.vue +4 -3
  283. package/vue/UiEditorCodeLanguage.vue +5 -4
  284. package/vue/UiEditorImageToolbar.vue +5 -4
  285. package/vue/UiEditorInsertTableGrid.vue +19 -18
  286. package/vue/UiEditorLinkCard.vue +7 -6
  287. package/vue/UiEditorLinkForm.vue +15 -14
  288. package/vue/UiEditorMentionMenu.vue +52 -37
  289. package/vue/UiEditorMentionMenuItem.vue +30 -20
  290. package/vue/UiEditorSlashMenu.vue +49 -36
  291. package/vue/UiEditorSlashMenuGroup.vue +16 -10
  292. package/vue/UiEditorSlashMenuItem.vue +36 -26
  293. package/vue/UiEditorSurface.vue +8 -6
  294. package/vue/UiEditorTableContextMenu.vue +26 -25
  295. package/vue/UiEditorTableOverlay.vue +56 -51
  296. package/vue/UiEditorTableToolbar.vue +37 -36
  297. package/vue/UiEditorToolbar.vue +24 -20
  298. package/vue/UiFloatingActionButton.vue +17 -15
  299. package/vue/UiFormField.vue +27 -22
  300. package/vue/UiGrid.vue +17 -15
  301. package/vue/UiIcon.vue +7 -6
  302. package/vue/UiIconButton.vue +75 -70
  303. package/vue/UiImage.vue +61 -46
  304. package/vue/UiInput.vue +28 -28
  305. package/vue/UiInputGroup.vue +48 -43
  306. package/vue/UiList.vue +25 -21
  307. package/vue/UiListItem.vue +54 -44
  308. package/vue/UiListbox.vue +29 -22
  309. package/vue/UiMenu.vue +25 -23
  310. package/vue/UiMenuGroup.vue +11 -7
  311. package/vue/UiMenuItem.vue +52 -43
  312. package/vue/UiMeter.vue +42 -41
  313. package/vue/UiNavItem.vue +60 -47
  314. package/vue/UiPageHeader.vue +27 -20
  315. package/vue/UiPopover.vue +21 -19
  316. package/vue/UiRadio.vue +32 -28
  317. package/vue/UiRadioGroup.vue +24 -19
  318. package/vue/UiReel.vue +24 -22
  319. package/vue/UiScrollArea.vue +30 -24
  320. package/vue/UiSearchResultRow.vue +41 -26
  321. package/vue/UiSearchShell.vue +37 -29
  322. package/vue/UiSection.vue +31 -24
  323. package/vue/UiSelect.vue +23 -21
  324. package/vue/UiSeparator.vue +14 -13
  325. package/vue/UiSidebar.vue +48 -40
  326. package/vue/UiSpinner.vue +14 -13
  327. package/vue/UiStack.vue +26 -24
  328. package/vue/UiStatusMessage.vue +26 -21
  329. package/vue/UiSwatch.vue +13 -12
  330. package/vue/UiSwitch.vue +37 -33
  331. package/vue/UiSwitcher.vue +27 -22
  332. package/vue/UiTable.vue +23 -19
  333. package/vue/UiTabs.vue +48 -33
  334. package/vue/UiText.vue +173 -151
  335. package/vue/UiTextarea.vue +27 -27
  336. package/vue/UiToast.vue +17 -15
  337. package/vue/UiToastRegion.vue +36 -31
  338. package/vue/UiTooltip.vue +40 -34
  339. package/vue/UiTopBar.vue +17 -13
  340. package/vue/UiTree.vue +17 -15
  341. package/vue/UiTreeItem.vue +202 -133
  342. package/vue/chunks/UiActionBar.js +21 -6
  343. package/vue/chunks/UiAffordanceScope.js +8 -6
  344. package/vue/chunks/UiAvatar.js +30 -20
  345. package/vue/chunks/UiAvatarGroup.js +16 -13
  346. package/vue/chunks/UiBadge.js +19 -13
  347. package/vue/chunks/UiBreadcrumbItem.js +13 -7
  348. package/vue/chunks/UiBreadcrumbs.js +9 -4
  349. package/vue/chunks/UiButton.js +158 -124
  350. package/vue/chunks/UiCallout.js +105 -37
  351. package/vue/chunks/UiCard.js +50 -42
  352. package/vue/chunks/UiCheckbox.js +32 -22
  353. package/vue/chunks/UiCluster.js +18 -16
  354. package/vue/chunks/UiCombobox.js +130 -73
  355. package/vue/chunks/UiContainer.js +10 -8
  356. package/vue/chunks/UiContextMenu.js +7 -4
  357. package/vue/chunks/UiCover.js +7 -5
  358. package/vue/chunks/UiDescriptionItem.js +9 -3
  359. package/vue/chunks/UiDescriptionList.js +10 -8
  360. package/vue/chunks/UiDialog.js +26 -19
  361. package/vue/chunks/UiDisclosure.js +43 -25
  362. package/vue/chunks/UiEditable.js +25 -24
  363. package/vue/chunks/UiEditorBlockActions.js +4 -3
  364. package/vue/chunks/UiEditorChipEditor.js +4 -3
  365. package/vue/chunks/UiEditorCodeLanguage.js +5 -4
  366. package/vue/chunks/UiEditorImageToolbar.js +7 -6
  367. package/vue/chunks/UiEditorInsertTableGrid.js +10 -9
  368. package/vue/chunks/UiEditorLinkCard.js +11 -10
  369. package/vue/chunks/UiEditorLinkForm.js +26 -25
  370. package/vue/chunks/UiEditorMentionMenu.js +41 -24
  371. package/vue/chunks/UiEditorMentionMenuItem.js +23 -11
  372. package/vue/chunks/UiEditorSlashMenu.js +41 -20
  373. package/vue/chunks/UiEditorSlashMenuGroup.js +16 -5
  374. package/vue/chunks/UiEditorSlashMenuItem.js +28 -14
  375. package/vue/chunks/UiEditorSurface.js +6 -4
  376. package/vue/chunks/UiEditorTableContextMenu.js +14 -13
  377. package/vue/chunks/UiEditorTableOverlay.js +6 -5
  378. package/vue/chunks/UiEditorTableToolbar.js +14 -13
  379. package/vue/chunks/UiEditorToolbar.js +8 -5
  380. package/vue/chunks/UiFloatingActionButton.js +11 -9
  381. package/vue/chunks/UiFormField.js +30 -16
  382. package/vue/chunks/UiGrid.js +10 -8
  383. package/vue/chunks/UiIcon.js +6 -3
  384. package/vue/chunks/UiIconButton.js +33 -26
  385. package/vue/chunks/UiImage.js +31 -22
  386. package/vue/chunks/UiInput.js +17 -16
  387. package/vue/chunks/UiInputGroup.js +30 -16
  388. package/vue/chunks/UiList.js +24 -20
  389. package/vue/chunks/UiListItem.js +39 -22
  390. package/vue/chunks/UiListbox.js +35 -25
  391. package/vue/chunks/UiMenu.js +22 -17
  392. package/vue/chunks/UiMenuGroup.js +7 -4
  393. package/vue/chunks/UiMenuItem.js +57 -38
  394. package/vue/chunks/UiMeter.js +22 -21
  395. package/vue/chunks/UiNavItem.js +78 -42
  396. package/vue/chunks/UiPageHeader.js +30 -10
  397. package/vue/chunks/UiPopover.js +16 -11
  398. package/vue/chunks/UiRadio.js +26 -16
  399. package/vue/chunks/UiRadioGroup.js +24 -19
  400. package/vue/chunks/UiReel.js +11 -9
  401. package/vue/chunks/UiScrollArea.js +16 -13
  402. package/vue/chunks/UiSearchResultRow.js +39 -19
  403. package/vue/chunks/UiSearchShell.js +36 -18
  404. package/vue/chunks/UiSection.js +31 -13
  405. package/vue/chunks/UiSelect.js +14 -12
  406. package/vue/chunks/UiSeparator.js +11 -10
  407. package/vue/chunks/UiSidebar.js +33 -23
  408. package/vue/chunks/UiSpinner.js +7 -6
  409. package/vue/chunks/UiStack.js +14 -12
  410. package/vue/chunks/UiStatusMessage.js +23 -11
  411. package/vue/chunks/UiSwatch.js +5 -4
  412. package/vue/chunks/UiSwitch.js +26 -16
  413. package/vue/chunks/UiSwitcher.js +13 -11
  414. package/vue/chunks/UiTable.js +9 -7
  415. package/vue/chunks/UiTabs.js +23 -18
  416. package/vue/chunks/UiText.js +277 -255
  417. package/vue/chunks/UiTextarea.js +21 -20
  418. package/vue/chunks/UiToast.js +13 -7
  419. package/vue/chunks/UiToastRegion.js +15 -8
  420. package/vue/chunks/UiTooltip.js +27 -19
  421. package/vue/chunks/UiTopBar.js +21 -6
  422. package/vue/chunks/UiTree.js +18 -16
  423. package/vue/chunks/UiTreeItem.js +82 -45
  424. package/vue/chunks/_plugin-vue_export-helper.js +17 -4
  425. package/vue/components.css +1507 -1479
  426. package/vue/editor/index.js +108 -65
  427. package/vue/host.ts +26 -6
package/vue/chunks/UiButton.js CHANGED
@@ -11,49 +11,67 @@ var _hoisted_1 = [
11
11
  "aria-disabled",
12
12
  "aria-busy",
13
13
  "tabindex",
14
- "data-align",
15
- "data-as",
16
- "data-disabled",
17
- "data-href",
18
- "data-loading",
19
- "data-pending",
20
- "data-rel",
21
- "data-shape",
22
- "data-size",
23
- "data-stretch",
24
- "data-target",
25
- "data-tone",
26
- "data-type",
27
- "data-variant",
14
+ "data-ui-button-prop-align",
15
+ "data-ui-button-prop-as",
16
+ "data-ui-button-prop-disabled",
17
+ "data-ui-button-prop-href",
18
+ "data-ui-button-prop-loading",
19
+ "data-ui-button-prop-pending",
20
+ "data-ui-button-prop-rel",
21
+ "data-ui-button-prop-shape",
22
+ "data-ui-button-prop-size",
23
+ "data-ui-button-prop-stretch",
24
+ "data-ui-button-prop-target",
25
+ "data-ui-button-prop-tone",
26
+ "data-ui-button-prop-type",
27
+ "data-ui-button-prop-variant",
28
28
  "data-ui-button-state"
29
29
  ];
30
- var _hoisted_2 = { class: "card-icon" };
31
- var _hoisted_3 = { class: "card-content" };
32
- var _hoisted_4 = { class: "card-action" };
30
+ var _hoisted_2 = {
31
+ class: "card-icon",
32
+ "data-hn-ui-button": ""
33
+ };
34
+ var _hoisted_3 = {
35
+ class: "card-content",
36
+ "data-hn-ui-button": ""
37
+ };
38
+ var _hoisted_4 = {
39
+ class: "card-action",
40
+ "data-hn-ui-button": ""
41
+ };
33
42
  var _hoisted_5 = [
34
43
  "type",
35
44
  "disabled",
36
45
  "aria-disabled",
37
46
  "aria-busy",
38
- "data-align",
39
- "data-as",
40
- "data-disabled",
41
- "data-href",
42
- "data-loading",
43
- "data-pending",
44
- "data-rel",
45
- "data-shape",
46
- "data-size",
47
- "data-stretch",
48
- "data-target",
49
- "data-tone",
50
- "data-type",
51
- "data-variant",
47
+ "data-ui-button-prop-align",
48
+ "data-ui-button-prop-as",
49
+ "data-ui-button-prop-disabled",
50
+ "data-ui-button-prop-href",
51
+ "data-ui-button-prop-loading",
52
+ "data-ui-button-prop-pending",
53
+ "data-ui-button-prop-rel",
54
+ "data-ui-button-prop-shape",
55
+ "data-ui-button-prop-size",
56
+ "data-ui-button-prop-stretch",
57
+ "data-ui-button-prop-target",
58
+ "data-ui-button-prop-tone",
59
+ "data-ui-button-prop-type",
60
+ "data-ui-button-prop-variant",
52
61
  "data-ui-button-state"
53
62
  ];
54
- var _hoisted_6 = { class: "card-icon" };
55
- var _hoisted_7 = { class: "card-content" };
56
- var _hoisted_8 = { class: "card-action" };
63
+ var _hoisted_6 = {
64
+ class: "card-icon",
65
+ "data-hn-ui-button": ""
66
+ };
67
+ var _hoisted_7 = {
68
+ class: "card-content",
69
+ "data-hn-ui-button": ""
70
+ };
71
+ var _hoisted_8 = {
72
+ class: "card-action",
73
+ "data-hn-ui-button": ""
74
+ };
57
75
  var _hoisted_9 = [
58
76
  "href",
59
77
  "target",
@@ -61,53 +79,61 @@ var _hoisted_9 = [
61
79
  "aria-disabled",
62
80
  "aria-busy",
63
81
  "tabindex",
64
- "data-align",
65
- "data-as",
66
- "data-disabled",
67
- "data-href",
68
- "data-loading",
69
- "data-pending",
70
- "data-rel",
71
- "data-shape",
72
- "data-size",
73
- "data-stretch",
74
- "data-target",
75
- "data-tone",
76
- "data-type",
77
- "data-variant",
82
+ "data-ui-button-prop-align",
83
+ "data-ui-button-prop-as",
84
+ "data-ui-button-prop-disabled",
85
+ "data-ui-button-prop-href",
86
+ "data-ui-button-prop-loading",
87
+ "data-ui-button-prop-pending",
88
+ "data-ui-button-prop-rel",
89
+ "data-ui-button-prop-shape",
90
+ "data-ui-button-prop-size",
91
+ "data-ui-button-prop-stretch",
92
+ "data-ui-button-prop-target",
93
+ "data-ui-button-prop-tone",
94
+ "data-ui-button-prop-type",
95
+ "data-ui-button-prop-variant",
78
96
  "data-ui-button-state"
79
97
  ];
80
98
  var _hoisted_10 = {
81
99
  key: 0,
82
- class: "spinner-wrap"
100
+ class: "spinner-wrap",
101
+ "data-hn-ui-button": ""
102
+ };
103
+ var _hoisted_11 = {
104
+ class: "badge",
105
+ "data-hn-ui-button": ""
83
106
  };
84
- var _hoisted_11 = { class: "badge" };
85
107
  var _hoisted_12 = [
86
108
  "type",
87
109
  "disabled",
88
110
  "aria-disabled",
89
111
  "aria-busy",
90
- "data-align",
91
- "data-as",
92
- "data-disabled",
93
- "data-href",
94
- "data-loading",
95
- "data-pending",
96
- "data-rel",
97
- "data-shape",
98
- "data-size",
99
- "data-stretch",
100
- "data-target",
101
- "data-tone",
102
- "data-type",
103
- "data-variant",
112
+ "data-ui-button-prop-align",
113
+ "data-ui-button-prop-as",
114
+ "data-ui-button-prop-disabled",
115
+ "data-ui-button-prop-href",
116
+ "data-ui-button-prop-loading",
117
+ "data-ui-button-prop-pending",
118
+ "data-ui-button-prop-rel",
119
+ "data-ui-button-prop-shape",
120
+ "data-ui-button-prop-size",
121
+ "data-ui-button-prop-stretch",
122
+ "data-ui-button-prop-target",
123
+ "data-ui-button-prop-tone",
124
+ "data-ui-button-prop-type",
125
+ "data-ui-button-prop-variant",
104
126
  "data-ui-button-state"
105
127
  ];
106
128
  var _hoisted_13 = {
107
129
  key: 0,
108
- class: "spinner-wrap"
130
+ class: "spinner-wrap",
131
+ "data-hn-ui-button": ""
132
+ };
133
+ var _hoisted_14 = {
134
+ class: "badge",
135
+ "data-hn-ui-button": ""
109
136
  };
110
- var _hoisted_14 = { class: "badge" };
111
137
  //#endregion
112
138
  //#region .build/vue/UiButton.vue
113
139
  var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -538,7 +564,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
538
564
  }, concat(checkedProps.value.loading || checkedProps.value.pending)));
539
565
  });
540
566
  checkHydratedRoot(checkedProps.value.variant === "card" && checkedProps.value.as === "a" ? "a" : checkedProps.value.variant === "card" ? "button" : checkedProps.value.as === "a" ? "a" : "button", "ui-button");
541
- /** The values the styles' :host-state() rules test. */
567
+ /** The values the styles' :host() prop and state rules test. */
542
568
  const hostState = computed(() => [
543
569
  checkedProps.value.align && "align",
544
570
  checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`,
@@ -594,26 +620,28 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
594
620
  key: 0,
595
621
  class: "ui-button"
596
622
  }, unref(nativeAttrs)(_ctx.$attrs), {
623
+ "data-hn": "",
624
+ "data-hn-ui-button": "",
597
625
  href: guarded.value,
598
626
  target: checkedProps.value.target ?? void 0,
599
627
  rel: checkedProps.value.rel ?? void 0,
600
628
  "aria-disabled": guardedBinding.value,
601
629
  "aria-busy": checkedProps.value.loading || checkedProps.value.pending,
602
630
  tabindex: guardedBinding2.value,
603
- "data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
604
- "data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
605
- "data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
606
- "data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
607
- "data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
608
- "data-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
609
- "data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
610
- "data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
611
- "data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
612
- "data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
613
- "data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
614
- "data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
615
- "data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
616
- "data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
631
+ "data-ui-button-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
632
+ "data-ui-button-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
633
+ "data-ui-button-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
634
+ "data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
635
+ "data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
636
+ "data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
637
+ "data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
638
+ "data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
639
+ "data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
640
+ "data-ui-button-prop-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
641
+ "data-ui-button-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
642
+ "data-ui-button-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
643
+ "data-ui-button-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
644
+ "data-ui-button-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
617
645
  "data-ui-button-state": hostState.value || void 0,
618
646
  ref: "@html-next/root"
619
647
  }), [
@@ -635,24 +663,26 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
635
663
  key: 1,
636
664
  class: "ui-button"
637
665
  }, unref(nativeAttrs)(_ctx.$attrs), {
666
+ "data-hn": "",
667
+ "data-hn-ui-button": "",
638
668
  type: checkedProps.value.type ?? void 0,
639
669
  disabled: checkedProps.value.disabled ?? void 0,
640
670
  "aria-disabled": guardedBinding3.value,
641
671
  "aria-busy": checkedProps.value.loading || checkedProps.value.pending,
642
- "data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
643
- "data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
644
- "data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
645
- "data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
646
- "data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
647
- "data-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
648
- "data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
649
- "data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
650
- "data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
651
- "data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
652
- "data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
653
- "data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
654
- "data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
655
- "data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
672
+ "data-ui-button-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
673
+ "data-ui-button-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
674
+ "data-ui-button-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
675
+ "data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
676
+ "data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
677
+ "data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
678
+ "data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
679
+ "data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
680
+ "data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
681
+ "data-ui-button-prop-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
682
+ "data-ui-button-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
683
+ "data-ui-button-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
684
+ "data-ui-button-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
685
+ "data-ui-button-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
656
686
  "data-ui-button-state": hostState.value || void 0,
657
687
  ref: "@html-next/root"
658
688
  }), [
@@ -674,26 +704,28 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
674
704
  key: 2,
675
705
  class: "ui-button"
676
706
  }, unref(nativeAttrs)(_ctx.$attrs), {
707
+ "data-hn": "",
708
+ "data-hn-ui-button": "",
677
709
  href: guardedBinding4.value,
678
710
  target: checkedProps.value.target ?? void 0,
679
711
  rel: checkedProps.value.rel ?? void 0,
680
712
  "aria-disabled": guardedBinding5.value,
681
713
  "aria-busy": checkedProps.value.loading || checkedProps.value.pending,
682
714
  tabindex: guardedBinding6.value,
683
- "data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
684
- "data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
685
- "data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
686
- "data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
687
- "data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
688
- "data-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
689
- "data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
690
- "data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
691
- "data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
692
- "data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
693
- "data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
694
- "data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
695
- "data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
696
- "data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
715
+ "data-ui-button-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
716
+ "data-ui-button-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
717
+ "data-ui-button-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
718
+ "data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
719
+ "data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
720
+ "data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
721
+ "data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
722
+ "data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
723
+ "data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
724
+ "data-ui-button-prop-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
725
+ "data-ui-button-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
726
+ "data-ui-button-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
727
+ "data-ui-button-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
728
+ "data-ui-button-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
697
729
  "data-ui-button-state": hostState.value || void 0,
698
730
  ref: "@html-next/root"
699
731
  }), [
@@ -710,24 +742,26 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
710
742
  key: 3,
711
743
  class: "ui-button"
712
744
  }, unref(nativeAttrs)(_ctx.$attrs), {
745
+ "data-hn": "",
746
+ "data-hn-ui-button": "",
713
747
  type: checkedProps.value.type ?? void 0,
714
748
  disabled: checkedProps.value.disabled ?? void 0,
715
749
  "aria-disabled": guardedBinding7.value,
716
750
  "aria-busy": checkedProps.value.loading || checkedProps.value.pending,
717
- "data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
718
- "data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
719
- "data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
720
- "data-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
721
- "data-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
722
- "data-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
723
- "data-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
724
- "data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
725
- "data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
726
- "data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
727
- "data-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
728
- "data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
729
- "data-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
730
- "data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
751
+ "data-ui-button-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
752
+ "data-ui-button-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
753
+ "data-ui-button-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
754
+ "data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
755
+ "data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
756
+ "data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
757
+ "data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
758
+ "data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
759
+ "data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
760
+ "data-ui-button-prop-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
761
+ "data-ui-button-prop-target": unref(reflectedProp)("target", "target", checkedProps.value.target, void 0, false),
762
+ "data-ui-button-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
763
+ "data-ui-button-prop-type": unref(reflectedProp)("type", "type", checkedProps.value.type, void 0, false),
764
+ "data-ui-button-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
731
765
  "data-ui-button-state": hostState.value || void 0,
732
766
  ref: "@html-next/root"
733
767
  }), [
@@ -743,6 +777,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
743
777
  }]]);
744
778
  };
745
779
  }
746
- }), [["__scopeId", "data-v-4a3c5494"]]);
780
+ }), [["__scopeId", "data-v-6f748c3b"]]);
747
781
  //#endregion
748
782
  export { UiButton_default as t };
package/vue/chunks/UiCallout.js CHANGED
@@ -3,13 +3,14 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
3
3
  import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
4
4
  //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
5
5
  var _hoisted_1 = [
6
- "data-heading",
7
- "data-tone",
6
+ "data-ui-callout-prop-heading",
7
+ "data-ui-callout-prop-tone",
8
8
  "data-ui-callout-state"
9
9
  ];
10
10
  var _hoisted_2 = {
11
11
  class: "icon",
12
- "aria-hidden": "true"
12
+ "aria-hidden": "true",
13
+ "data-hn-ui-callout": ""
13
14
  };
14
15
  var _hoisted_3 = {
15
16
  key: 0,
@@ -18,7 +19,8 @@ var _hoisted_3 = {
18
19
  stroke: "currentColor",
19
20
  "stroke-width": "2",
20
21
  "stroke-linecap": "round",
21
- "stroke-linejoin": "round"
22
+ "stroke-linejoin": "round",
23
+ "data-hn-ui-callout": ""
22
24
  };
23
25
  var _hoisted_4 = {
24
26
  key: 1,
@@ -27,7 +29,8 @@ var _hoisted_4 = {
27
29
  stroke: "currentColor",
28
30
  "stroke-width": "2",
29
31
  "stroke-linecap": "round",
30
- "stroke-linejoin": "round"
32
+ "stroke-linejoin": "round",
33
+ "data-hn-ui-callout": ""
31
34
  };
32
35
  var _hoisted_5 = {
33
36
  key: 2,
@@ -36,7 +39,8 @@ var _hoisted_5 = {
36
39
  stroke: "currentColor",
37
40
  "stroke-width": "2",
38
41
  "stroke-linecap": "round",
39
- "stroke-linejoin": "round"
42
+ "stroke-linejoin": "round",
43
+ "data-hn-ui-callout": ""
40
44
  };
41
45
  var _hoisted_6 = {
42
46
  key: 3,
@@ -45,7 +49,8 @@ var _hoisted_6 = {
45
49
  stroke: "currentColor",
46
50
  "stroke-width": "2",
47
51
  "stroke-linecap": "round",
48
- "stroke-linejoin": "round"
52
+ "stroke-linejoin": "round",
53
+ "data-hn-ui-callout": ""
49
54
  };
50
55
  var _hoisted_7 = {
51
56
  key: 4,
@@ -54,7 +59,8 @@ var _hoisted_7 = {
54
59
  stroke: "currentColor",
55
60
  "stroke-width": "2",
56
61
  "stroke-linecap": "round",
57
- "stroke-linejoin": "round"
62
+ "stroke-linejoin": "round",
63
+ "data-hn-ui-callout": ""
58
64
  };
59
65
  var _hoisted_8 = {
60
66
  key: 5,
@@ -63,7 +69,8 @@ var _hoisted_8 = {
63
69
  stroke: "currentColor",
64
70
  "stroke-width": "2",
65
71
  "stroke-linecap": "round",
66
- "stroke-linejoin": "round"
72
+ "stroke-linejoin": "round",
73
+ "data-hn-ui-callout": ""
67
74
  };
68
75
  var _hoisted_9 = {
69
76
  key: 6,
@@ -72,12 +79,17 @@ var _hoisted_9 = {
72
79
  stroke: "currentColor",
73
80
  "stroke-width": "2",
74
81
  "stroke-linecap": "round",
75
- "stroke-linejoin": "round"
82
+ "stroke-linejoin": "round",
83
+ "data-hn-ui-callout": ""
84
+ };
85
+ var _hoisted_10 = {
86
+ class: "content",
87
+ "data-hn-ui-callout": ""
76
88
  };
77
- var _hoisted_10 = { class: "content" };
78
89
  var _hoisted_11 = {
79
90
  key: 0,
80
- class: "heading"
91
+ class: "heading",
92
+ "data-hn-ui-callout": ""
81
93
  };
82
94
  //#endregion
83
95
  //#region .build/vue/UiCallout.vue
@@ -149,66 +161,122 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
149
161
  });
150
162
  const reflectedProp = useReflectedProp();
151
163
  checkHydratedRoot("div", "ui-callout");
152
- /** The values the styles' :host-state() rules test. */
164
+ /** The values the styles' :host() prop and state rules test. */
153
165
  const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
154
166
  return (_ctx, _cache) => {
155
167
  return withDirectives((openBlock(), createElementBlock("div", mergeProps({
156
168
  class: "ui-callout",
157
169
  role: "note"
158
170
  }, unref(nativeAttrs)(_ctx.$attrs), {
159
- "data-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
160
- "data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
171
+ "data-hn": "",
172
+ "data-hn-ui-callout": "",
173
+ "data-ui-callout-prop-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
174
+ "data-ui-callout-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
161
175
  "data-ui-callout-state": hostState.value || void 0
162
176
  }), [createElementVNode("span", _hoisted_2, [
163
177
  checkedProps.value.tone === "info" ? (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
164
178
  createElementVNode("circle", {
165
179
  cx: "12",
166
180
  cy: "12",
167
- r: "10"
181
+ r: "10",
182
+ "data-hn-ui-callout": ""
183
+ }, null, -1),
184
+ createElementVNode("path", {
185
+ d: "M12 16v-4",
186
+ "data-hn-ui-callout": ""
168
187
  }, null, -1),
169
- createElementVNode("path", { d: "M12 16v-4" }, null, -1),
170
- createElementVNode("path", { d: "M12 8h.01" }, null, -1)
188
+ createElementVNode("path", {
189
+ d: "M12 8h.01",
190
+ "data-hn-ui-callout": ""
191
+ }, null, -1)
171
192
  ])])) : createCommentVNode("v-if", true),
172
193
  checkedProps.value.tone === "neutral" || checkedProps.value.tone === "note" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
173
- createElementVNode("path", { d: "M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z" }, null, -1),
174
- createElementVNode("path", { d: "M13 2v7h7" }, null, -1),
175
- createElementVNode("path", { d: "m9.5 17.5 4-4 2 2-4 4H9.5v-2Z" }, null, -1)
194
+ createElementVNode("path", {
195
+ d: "M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z",
196
+ "data-hn-ui-callout": ""
197
+ }, null, -1),
198
+ createElementVNode("path", {
199
+ d: "M13 2v7h7",
200
+ "data-hn-ui-callout": ""
201
+ }, null, -1),
202
+ createElementVNode("path", {
203
+ d: "m9.5 17.5 4-4 2 2-4 4H9.5v-2Z",
204
+ "data-hn-ui-callout": ""
205
+ }, null, -1)
176
206
  ])])) : createCommentVNode("v-if", true),
177
207
  checkedProps.value.tone === "tip" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [
178
- createElementVNode("path", { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" }, null, -1),
179
- createElementVNode("path", { d: "M9 18h6" }, null, -1),
180
- createElementVNode("path", { d: "M10 22h4" }, null, -1)
208
+ createElementVNode("path", {
209
+ d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
210
+ "data-hn-ui-callout": ""
211
+ }, null, -1),
212
+ createElementVNode("path", {
213
+ d: "M9 18h6",
214
+ "data-hn-ui-callout": ""
215
+ }, null, -1),
216
+ createElementVNode("path", {
217
+ d: "M10 22h4",
218
+ "data-hn-ui-callout": ""
219
+ }, null, -1)
181
220
  ])])) : createCommentVNode("v-if", true),
182
221
  checkedProps.value.tone === "important" ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[3] || (_cache[3] = [
183
- createElementVNode("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }, null, -1),
184
- createElementVNode("path", { d: "M12 15h.01" }, null, -1),
185
- createElementVNode("path", { d: "M12 7v4" }, null, -1)
222
+ createElementVNode("path", {
223
+ d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
224
+ "data-hn-ui-callout": ""
225
+ }, null, -1),
226
+ createElementVNode("path", {
227
+ d: "M12 15h.01",
228
+ "data-hn-ui-callout": ""
229
+ }, null, -1),
230
+ createElementVNode("path", {
231
+ d: "M12 7v4",
232
+ "data-hn-ui-callout": ""
233
+ }, null, -1)
186
234
  ])])) : createCommentVNode("v-if", true),
187
235
  checkedProps.value.tone === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[4] || (_cache[4] = [
188
- createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }, null, -1),
189
- createElementVNode("path", { d: "M12 9v4" }, null, -1),
190
- createElementVNode("path", { d: "M12 17h.01" }, null, -1)
236
+ createElementVNode("path", {
237
+ d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
238
+ "data-hn-ui-callout": ""
239
+ }, null, -1),
240
+ createElementVNode("path", {
241
+ d: "M12 9v4",
242
+ "data-hn-ui-callout": ""
243
+ }, null, -1),
244
+ createElementVNode("path", {
245
+ d: "M12 17h.01",
246
+ "data-hn-ui-callout": ""
247
+ }, null, -1)
191
248
  ])])) : createCommentVNode("v-if", true),
192
249
  checkedProps.value.tone === "success" ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[5] || (_cache[5] = [createElementVNode("circle", {
193
250
  cx: "12",
194
251
  cy: "12",
195
- r: "10"
196
- }, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : createCommentVNode("v-if", true),
252
+ r: "10",
253
+ "data-hn-ui-callout": ""
254
+ }, null, -1), createElementVNode("path", {
255
+ d: "m9 12 2 2 4-4",
256
+ "data-hn-ui-callout": ""
257
+ }, null, -1)])])) : createCommentVNode("v-if", true),
197
258
  checkedProps.value.tone === "danger" || checkedProps.value.tone === "caution" ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[6] || (_cache[6] = [
198
259
  createElementVNode("circle", {
199
260
  cx: "12",
200
261
  cy: "12",
201
- r: "10"
262
+ r: "10",
263
+ "data-hn-ui-callout": ""
264
+ }, null, -1),
265
+ createElementVNode("path", {
266
+ d: "m15 9-6 6",
267
+ "data-hn-ui-callout": ""
202
268
  }, null, -1),
203
- createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
204
- createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
269
+ createElementVNode("path", {
270
+ d: "m9 9 6 6",
271
+ "data-hn-ui-callout": ""
272
+ }, null, -1)
205
273
  ])])) : createCommentVNode("v-if", true)
206
- ]), createElementVNode("div", _hoisted_10, [checkedProps.value.heading ? (openBlock(), createElementBlock("strong", _hoisted_11, toDisplayString(checkedProps.value.heading), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
274
+ ]), createElementVNode("div", _hoisted_10, [checkedProps.value.heading ? (openBlock(), createElementBlock("strong", _hoisted_11, toDisplayString(checkedProps.value.heading), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
207
275
  contract: propValidityContract,
208
276
  values: { ...props }
209
277
  }]]);
210
278
  };
211
279
  }
212
- }), [["__scopeId", "data-v-612d23a6"]]);
280
+ }), [["__scopeId", "data-v-8b1fcb50"]]);
213
281
  //#endregion
214
282
  export { UiCallout_default as t };