@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
@@ -0,0 +1,313 @@
1
+ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
2
+ import { r as useComponentHost, t as createDispatch } from "./host.js";
3
+ import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
4
+ import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
5
+ //#region .build/vue/UiImage.vue?vue&type=script&setup=true&lang.ts
6
+ var _hoisted_1 = [
7
+ "data-alt",
8
+ "data-height",
9
+ "data-placement",
10
+ "data-resizable",
11
+ "data-selected",
12
+ "data-src",
13
+ "data-width",
14
+ "data-ui-image-state"
15
+ ];
16
+ var _hoisted_2 = {
17
+ class: "frame",
18
+ ref: "frame"
19
+ };
20
+ var _hoisted_3 = [
21
+ "src",
22
+ "alt",
23
+ "width",
24
+ "height"
25
+ ];
26
+ var _hoisted_4 = ["hidden"];
27
+ //#endregion
28
+ //#region .build/vue/UiImage.vue
29
+ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
30
+ inheritAttrs: false,
31
+ __name: "UiImage",
32
+ props: {
33
+ alt: {
34
+ type: null,
35
+ default: ""
36
+ },
37
+ height: {
38
+ type: null,
39
+ default: null
40
+ },
41
+ placement: {
42
+ type: null,
43
+ default: "block"
44
+ },
45
+ resizable: {
46
+ type: null,
47
+ default: false
48
+ },
49
+ selected: {
50
+ type: null,
51
+ default: false
52
+ },
53
+ src: {
54
+ type: null,
55
+ default: ""
56
+ },
57
+ width: {
58
+ type: null,
59
+ default: null
60
+ }
61
+ },
62
+ emits: [
63
+ "update:height",
64
+ "update:width",
65
+ "resize"
66
+ ],
67
+ setup(__props, { emit: __emit }) {
68
+ const propValidityContract = { props: {
69
+ alt: {
70
+ type: {
71
+ kind: "terminal",
72
+ name: "string"
73
+ },
74
+ required: false,
75
+ target: { attribute: "alt" },
76
+ description: "A text alternative for the image.",
77
+ default: ""
78
+ },
79
+ height: {
80
+ type: {
81
+ kind: "terminal",
82
+ name: "integer"
83
+ },
84
+ required: false,
85
+ target: { attribute: "height" },
86
+ description: "Image height in CSS pixels; resizing preserves the intrinsic aspect ratio."
87
+ },
88
+ placement: {
89
+ type: {
90
+ kind: "terminal",
91
+ name: "keyword"
92
+ },
93
+ required: false,
94
+ target: { attribute: "placement" },
95
+ description: "Block keeps text below; center centers the image; wrap-left and wrap-right let following text flow beside it.",
96
+ values: [
97
+ "block",
98
+ "center",
99
+ "wrap-left",
100
+ "wrap-right"
101
+ ],
102
+ default: "block"
103
+ },
104
+ resizable: {
105
+ type: {
106
+ kind: "terminal",
107
+ name: "boolean"
108
+ },
109
+ required: false,
110
+ target: { attribute: "resizable" },
111
+ description: "Shows four corner handles while selected. Drag to resize, or focus a handle and use arrow keys; Shift uses a larger increment.",
112
+ default: false
113
+ },
114
+ selected: {
115
+ type: {
116
+ kind: "terminal",
117
+ name: "boolean"
118
+ },
119
+ required: false,
120
+ target: { attribute: "selected" },
121
+ description: "Outlines the media as the current selection.",
122
+ default: false
123
+ },
124
+ src: {
125
+ type: {
126
+ kind: "terminal",
127
+ name: "string"
128
+ },
129
+ required: false,
130
+ target: { attribute: "src" },
131
+ description: "The image source, used by the default media.",
132
+ default: ""
133
+ },
134
+ width: {
135
+ type: {
136
+ kind: "terminal",
137
+ name: "integer"
138
+ },
139
+ required: false,
140
+ target: { attribute: "width" },
141
+ description: "Image width in CSS pixels; omitted uses intrinsic size in block/center placement or responsive sizing when wrapping."
142
+ }
143
+ } };
144
+ const props = __props;
145
+ const acceptedProps = {
146
+ alt: "",
147
+ height: null,
148
+ placement: "block",
149
+ resizable: false,
150
+ selected: false,
151
+ src: "",
152
+ width: null
153
+ };
154
+ const checkedProps = computed(() => ({
155
+ alt: checkedProp(props["alt"], {
156
+ kind: "terminal",
157
+ name: "string"
158
+ }, false, "alt", acceptedProps),
159
+ height: checkedProp(props["height"], {
160
+ kind: "terminal",
161
+ name: "integer"
162
+ }, false, "height", acceptedProps),
163
+ placement: checkedProp(props["placement"], {
164
+ kind: "terminal",
165
+ name: "keyword"
166
+ }, false, "placement", acceptedProps),
167
+ resizable: checkedProp(props["resizable"], {
168
+ kind: "terminal",
169
+ name: "boolean"
170
+ }, false, "resizable", acceptedProps),
171
+ selected: checkedProp(props["selected"], {
172
+ kind: "terminal",
173
+ name: "boolean"
174
+ }, false, "selected", acceptedProps),
175
+ src: checkedProp(props["src"], {
176
+ kind: "terminal",
177
+ name: "string"
178
+ }, false, "src", acceptedProps),
179
+ width: checkedProp(props["width"], {
180
+ kind: "terminal",
181
+ name: "integer"
182
+ }, false, "width", acceptedProps)
183
+ }));
184
+ checkedProps.value;
185
+ watchSyncEffect(() => {
186
+ checkedProps.value;
187
+ });
188
+ function nativeAttrs(attrs) {
189
+ const names = Object.keys(attrs);
190
+ if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
191
+ return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
192
+ }
193
+ const componentInstance = getCurrentInstance();
194
+ function reflectedProp(name, kebab, value, fallback, bound, separator) {
195
+ const incoming = componentInstance?.vnode.props;
196
+ if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
197
+ if (value === null || value === void 0) return void 0;
198
+ return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
199
+ }
200
+ const hydrationInstance = getCurrentInstance();
201
+ const emit = __emit;
202
+ const root = ref(null);
203
+ const frameElement = useTemplateRef("frame");
204
+ const hydrationNode = hydrationInstance?.vnode.el;
205
+ if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "figure")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-image> has an incompatible root."), {
206
+ name: "HtmlDiagnosticError",
207
+ diagnostic: Object.freeze({
208
+ code: "HR005",
209
+ message: "Server markup for <ui-image> has an incompatible root."
210
+ })
211
+ });
212
+ /** The values the styles' :host-state() rules test. */
213
+ const hostState = computed(() => [
214
+ checkedProps.value.placement && "placement",
215
+ checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`,
216
+ checkedProps.value.selected && "selected"
217
+ ].filter(Boolean).join(" "));
218
+ const isResizeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["width"]) && Number.isInteger(detail["height"]) && (detail["phase"] === "preview" || detail["phase"] === "commit" || detail["phase"] === "cancel") && (detail["trigger"] === "pointer" || detail["trigger"] === "keyboard") && Object.keys(detail).every((key) => [
219
+ "width",
220
+ "height",
221
+ "phase",
222
+ "trigger"
223
+ ].includes(key));
224
+ const dispatch = createDispatch(root, emit, {
225
+ checks: { resize: isResizeDetail },
226
+ modeled: ["height", "width"]
227
+ });
228
+ useComponentHost(() => import("@threadlabs/looma/components/ui-image/ui-image.js"), {
229
+ root,
230
+ dispatch,
231
+ controllerSource: {
232
+ specifier: "../components/ui-image/ui-image.js",
233
+ definition: "./components/ui-image/ui-image.html"
234
+ },
235
+ props: checkedProps,
236
+ propInputs: (name) => {
237
+ const incoming = hydrationInstance?.vnode.props;
238
+ const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
239
+ return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
240
+ },
241
+ propNames: [
242
+ "alt",
243
+ "height",
244
+ "placement",
245
+ "resizable",
246
+ "selected",
247
+ "src",
248
+ "width"
249
+ ],
250
+ propValidity: (name) => propValidityState({
251
+ contract: propValidityContract,
252
+ values: { ...props }
253
+ }, name),
254
+ refs: { frame: frameElement }
255
+ });
256
+ return (_ctx, _cache) => {
257
+ return withDirectives((openBlock(), createElementBlock("figure", mergeProps({ "data-component": "ui-image" }, nativeAttrs(_ctx.$attrs), {
258
+ "data-alt": reflectedProp("alt", "alt", checkedProps.value.alt, void 0, false),
259
+ "data-height": reflectedProp("height", "height", checkedProps.value.height, void 0, false),
260
+ "data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
261
+ "data-resizable": reflectedProp("resizable", "resizable", checkedProps.value.resizable, void 0, false),
262
+ "data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
263
+ "data-src": reflectedProp("src", "src", checkedProps.value.src, void 0, false),
264
+ "data-width": reflectedProp("width", "width", checkedProps.value.width, void 0, false),
265
+ "data-ui-image-state": hostState.value || void 0,
266
+ ref_key: "root",
267
+ ref: root
268
+ }), [createElementVNode("div", _hoisted_2, [
269
+ renderSlot(_ctx.$slots, "media", {}, () => [createElementVNode("img", {
270
+ src: checkedProps.value.src ?? void 0,
271
+ alt: checkedProps.value.alt ?? void 0,
272
+ width: checkedProps.value.width ?? void 0,
273
+ height: checkedProps.value.height ?? void 0
274
+ }, null, 8, _hoisted_3)]),
275
+ createElementVNode("div", {
276
+ class: "handles",
277
+ hidden: !(checkedProps.value.selected && checkedProps.value.resizable)
278
+ }, [..._cache[0] || (_cache[0] = [
279
+ createElementVNode("button", {
280
+ type: "button",
281
+ class: "handle",
282
+ "data-corner": "top-left",
283
+ "aria-label": "Resize image from top left"
284
+ }, null, -1),
285
+ createElementVNode("button", {
286
+ type: "button",
287
+ class: "handle",
288
+ "data-corner": "top-right",
289
+ "aria-label": "Resize image from top right"
290
+ }, null, -1),
291
+ createElementVNode("button", {
292
+ type: "button",
293
+ class: "handle",
294
+ "data-corner": "bottom-left",
295
+ "aria-label": "Resize image from bottom left"
296
+ }, null, -1),
297
+ createElementVNode("button", {
298
+ type: "button",
299
+ class: "handle",
300
+ "data-corner": "bottom-right",
301
+ "aria-label": "Resize image from bottom right"
302
+ }, null, -1)
303
+ ])], 8, _hoisted_4),
304
+ renderSlot(_ctx.$slots, "controls")
305
+ ], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
306
+ contract: propValidityContract,
307
+ values: { ...props }
308
+ }]]);
309
+ };
310
+ }
311
+ }), [["__scopeId", "data-v-2895fbac"]]);
312
+ //#endregion
313
+ export { UiImage_default as t };
@@ -690,6 +690,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
690
690
  }]]);
691
691
  };
692
692
  }
693
- }), [["__scopeId", "data-v-c57f4fb8"]]);
693
+ }), [["__scopeId", "data-v-7f73e77c"]]);
694
694
  //#endregion
695
695
  export { UiInput_default as t };
@@ -136,6 +136,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
136
136
  }]]);
137
137
  };
138
138
  }
139
- }), [["__scopeId", "data-v-2a5dd223"]]);
139
+ }), [["__scopeId", "data-v-7a86d183"]]);
140
140
  //#endregion
141
141
  export { UiInputGroup_default as t };
@@ -181,6 +181,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
181
181
  }]]);
182
182
  };
183
183
  }
184
- }), [["__scopeId", "data-v-42739f4e"]]);
184
+ }), [["__scopeId", "data-v-ee66c038"]]);
185
185
  //#endregion
186
186
  export { UiList_default as t };
@@ -157,6 +157,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
157
157
  }]]);
158
158
  };
159
159
  }
160
- }), [["__scopeId", "data-v-c89319d1"]]);
160
+ }), [["__scopeId", "data-v-bd2447f9"]]);
161
161
  //#endregion
162
162
  export { UiListItem_default as t };
@@ -473,6 +473,6 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
473
473
  }]]);
474
474
  };
475
475
  }
476
- }), [["__scopeId", "data-v-a67b553e"]]);
476
+ }), [["__scopeId", "data-v-0f4506dc"]]);
477
477
  //#endregion
478
478
  export { UiListbox_default as t };
@@ -259,6 +259,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
259
259
  }]]);
260
260
  };
261
261
  }
262
- }), [["__scopeId", "data-v-b7ecb5af"]]);
262
+ }), [["__scopeId", "data-v-b23f52c2"]]);
263
263
  //#endregion
264
264
  export { UiMenu_default as t };
@@ -70,6 +70,6 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
70
70
  }]]);
71
71
  };
72
72
  }
73
- }), [["__scopeId", "data-v-1b8b7c7e"]]);
73
+ }), [["__scopeId", "data-v-f3d61376"]]);
74
74
  //#endregion
75
75
  export { UiMenuGroup_default as t };
@@ -325,6 +325,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
325
325
  }]]);
326
326
  };
327
327
  }
328
- }), [["__scopeId", "data-v-3029feac"]]);
328
+ }), [["__scopeId", "data-v-eaccd603"]]);
329
329
  //#endregion
330
330
  export { UiMenuItem_default as t };
@@ -635,6 +635,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
635
635
  }]]);
636
636
  };
637
637
  }
638
- }), [["__scopeId", "data-v-7327e0b4"]]);
638
+ }), [["__scopeId", "data-v-5c9a13df"]]);
639
639
  //#endregion
640
640
  export { UiMeter_default as t };
@@ -357,6 +357,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
357
357
  }]]);
358
358
  };
359
359
  }
360
- }), [["__scopeId", "data-v-b4e6f259"]]);
360
+ }), [["__scopeId", "data-v-d6216e47"]]);
361
361
  //#endregion
362
362
  export { UiNavItem_default as t };
@@ -80,6 +80,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
80
80
  }]]);
81
81
  };
82
82
  }
83
- }), [["__scopeId", "data-v-78d3961d"]]);
83
+ }), [["__scopeId", "data-v-a7e33d0c"]]);
84
84
  //#endregion
85
85
  export { UiPageHeader_default as t };
@@ -214,6 +214,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
214
214
  }]]);
215
215
  };
216
216
  }
217
- }), [["__scopeId", "data-v-69d5aa6d"]]);
217
+ }), [["__scopeId", "data-v-92ec9841"]]);
218
218
  //#endregion
219
219
  export { UiPopover_default as t };
@@ -277,6 +277,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
277
277
  }]]);
278
278
  };
279
279
  }
280
- }), [["__scopeId", "data-v-b8d72e91"]]);
280
+ }), [["__scopeId", "data-v-39392095"]]);
281
281
  //#endregion
282
282
  export { UiRadio_default as t };
@@ -274,6 +274,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
274
274
  }]]);
275
275
  };
276
276
  }
277
- }), [["__scopeId", "data-v-f0dcec3f"]]);
277
+ }), [["__scopeId", "data-v-9a3dc67f"]]);
278
278
  //#endregion
279
279
  export { UiRadioGroup_default as t };
@@ -139,6 +139,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
139
139
  }]]);
140
140
  };
141
141
  }
142
- }), [["__scopeId", "data-v-a8b02965"]]);
142
+ }), [["__scopeId", "data-v-69e266a6"]]);
143
143
  //#endregion
144
144
  export { UiReel_default as t };
@@ -140,6 +140,6 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
140
140
  }]]);
141
141
  };
142
142
  }
143
- }), [["__scopeId", "data-v-18c5274a"]]);
143
+ }), [["__scopeId", "data-v-cda8f5cb"]]);
144
144
  //#endregion
145
145
  export { UiScrollArea_default as t };
@@ -144,6 +144,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
144
144
  }]]);
145
145
  };
146
146
  }
147
- }), [["__scopeId", "data-v-f2845661"]]);
147
+ }), [["__scopeId", "data-v-2a874cfc"]]);
148
148
  //#endregion
149
149
  export { UiSearchResultRow_default as t };
@@ -194,6 +194,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
194
194
  }]]);
195
195
  };
196
196
  }
197
- }), [["__scopeId", "data-v-55d2440f"]]);
197
+ }), [["__scopeId", "data-v-d317023c"]]);
198
198
  //#endregion
199
199
  export { UiSearchShell_default as t };
@@ -138,6 +138,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
138
138
  }]]);
139
139
  };
140
140
  }
141
- }), [["__scopeId", "data-v-5c0f31da"]]);
141
+ }), [["__scopeId", "data-v-bea5b33d"]]);
142
142
  //#endregion
143
143
  export { UiSection_default as t };
@@ -226,6 +226,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
226
226
  }]]);
227
227
  };
228
228
  }
229
- }), [["__scopeId", "data-v-6d549e5b"]]);
229
+ }), [["__scopeId", "data-v-53af9970"]]);
230
230
  //#endregion
231
231
  export { UiSelect_default as t };
@@ -2,34 +2,86 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
2
2
  import { i as vPropValidity, t as checkedProp } from "./props.js";
3
3
  import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
4
4
  //#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts
5
- var _hoisted_1 = ["aria-orientation", "data-orientation"];
5
+ var _hoisted_1 = [
6
+ "aria-orientation",
7
+ "data-orientation",
8
+ "data-selectable",
9
+ "data-selected",
10
+ "data-ui-separator-state"
11
+ ];
6
12
  //#endregion
7
13
  //#region .build/vue/UiSeparator.vue
8
14
  var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
9
15
  inheritAttrs: false,
10
16
  __name: "UiSeparator",
11
- props: { orientation: {
12
- type: null,
13
- default: "horizontal"
14
- } },
17
+ props: {
18
+ orientation: {
19
+ type: null,
20
+ default: "horizontal"
21
+ },
22
+ selectable: {
23
+ type: null,
24
+ default: false
25
+ },
26
+ selected: {
27
+ type: null,
28
+ default: false
29
+ }
30
+ },
15
31
  setup(__props) {
16
- const propValidityContract = { props: { orientation: {
17
- type: {
18
- kind: "terminal",
19
- name: "keyword"
32
+ const propValidityContract = { props: {
33
+ orientation: {
34
+ type: {
35
+ kind: "terminal",
36
+ name: "keyword"
37
+ },
38
+ required: false,
39
+ target: { attribute: "aria-orientation" },
40
+ description: "Whether the separator divides stacked content (horizontal) or inline content (vertical).",
41
+ values: ["horizontal", "vertical"],
42
+ default: "horizontal"
20
43
  },
21
- required: false,
22
- target: { attribute: "aria-orientation" },
23
- description: "Whether the separator divides stacked content (horizontal) or inline content (vertical).",
24
- values: ["horizontal", "vertical"],
25
- default: "horizontal"
26
- } } };
44
+ selectable: {
45
+ type: {
46
+ kind: "terminal",
47
+ name: "boolean"
48
+ },
49
+ required: false,
50
+ target: { attribute: "selectable" },
51
+ description: "Gives a document divider a pointer-sized hit area. The editor owns selection and deletion.",
52
+ default: false
53
+ },
54
+ selected: {
55
+ type: {
56
+ kind: "terminal",
57
+ name: "boolean"
58
+ },
59
+ required: false,
60
+ target: { attribute: "selected" },
61
+ description: "Shows the selected document divider. Selection does not change separator semantics.",
62
+ default: false
63
+ }
64
+ } };
27
65
  const props = __props;
28
- const acceptedProps = { orientation: "horizontal" };
29
- const checkedProps = computed(() => ({ orientation: checkedProp(props["orientation"], {
30
- kind: "terminal",
31
- name: "keyword"
32
- }, false, "orientation", acceptedProps) }));
66
+ const acceptedProps = {
67
+ orientation: "horizontal",
68
+ selectable: false,
69
+ selected: false
70
+ };
71
+ const checkedProps = computed(() => ({
72
+ orientation: checkedProp(props["orientation"], {
73
+ kind: "terminal",
74
+ name: "keyword"
75
+ }, false, "orientation", acceptedProps),
76
+ selectable: checkedProp(props["selectable"], {
77
+ kind: "terminal",
78
+ name: "boolean"
79
+ }, false, "selectable", acceptedProps),
80
+ selected: checkedProp(props["selected"], {
81
+ kind: "terminal",
82
+ name: "boolean"
83
+ }, false, "selected", acceptedProps)
84
+ }));
33
85
  checkedProps.value;
34
86
  watchSyncEffect(() => {
35
87
  checkedProps.value;
@@ -54,16 +106,21 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
54
106
  message: "Server markup for <ui-separator> has an incompatible root."
55
107
  })
56
108
  });
109
+ /** The values the styles' :host-state() rules test. */
110
+ const hostState = computed(() => [checkedProps.value.selectable && "selectable", checkedProps.value.selected && "selected"].filter(Boolean).join(" "));
57
111
  return (_ctx, _cache) => {
58
112
  return withDirectives((openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, nativeAttrs(_ctx.$attrs), {
59
113
  "aria-orientation": checkedProps.value.orientation ?? void 0,
60
- "data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false)
114
+ "data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
115
+ "data-selectable": reflectedProp("selectable", "selectable", checkedProps.value.selectable, void 0, false),
116
+ "data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
117
+ "data-ui-separator-state": hostState.value || void 0
61
118
  }), null, 16, _hoisted_1)), [[unref(vPropValidity), {
62
119
  contract: propValidityContract,
63
120
  values: { ...props }
64
121
  }]]);
65
122
  };
66
123
  }
67
- }), [["__scopeId", "data-v-df1632ab"]]);
124
+ }), [["__scopeId", "data-v-7451a37c"]]);
68
125
  //#endregion
69
126
  export { UiSeparator_default as t };
@@ -341,6 +341,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
341
341
  }]]);
342
342
  };
343
343
  }
344
- }), [["__scopeId", "data-v-c9d99468"]]);
344
+ }), [["__scopeId", "data-v-ce0201a7"]]);
345
345
  //#endregion
346
346
  export { UiSidebar_default as t };
@@ -201,6 +201,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
201
201
  }]]);
202
202
  };
203
203
  }
204
- }), [["__scopeId", "data-v-cbe9345e"]]);
204
+ }), [["__scopeId", "data-v-1012d0f2"]]);
205
205
  //#endregion
206
206
  export { UiSpinner_default as t };
@@ -142,6 +142,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
142
142
  }]]);
143
143
  };
144
144
  }
145
- }), [["__scopeId", "data-v-64cc4dab"]]);
145
+ }), [["__scopeId", "data-v-dc2b61ac"]]);
146
146
  //#endregion
147
147
  export { UiStack_default as t };
@@ -176,6 +176,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
176
176
  }]]);
177
177
  };
178
178
  }
179
- }), [["__scopeId", "data-v-e8addea5"]]);
179
+ }), [["__scopeId", "data-v-b0e54e56"]]);
180
180
  //#endregion
181
181
  export { UiStatusMessage_default as t };