@threadlabs/looma 0.17.0 → 0.17.2

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 (229) hide show
  1. package/components/ui-avatar-group/ui-avatar-group.html +8 -5
  2. package/components/ui-avatar-group/ui-avatar-group.js +3 -3
  3. package/components/ui-badge/ui-badge.html +10 -5
  4. package/components/ui-breadcrumb-item/ui-breadcrumb-item.html +2 -1
  5. package/components/ui-button/ui-button.html +33 -26
  6. package/components/ui-button/ui-button.js +2 -2
  7. package/components/ui-callout/ui-callout.html +3 -1
  8. package/components/ui-card/ui-card.html +5 -3
  9. package/components/ui-checkbox/ui-checkbox.html +36 -8
  10. package/components/ui-combobox/ui-combobox.html +72 -45
  11. package/components/ui-combobox/ui-combobox.js +7 -2
  12. package/components/ui-context-menu/ui-context-menu.html +2 -2
  13. package/components/ui-description-item/ui-description-item.html +1 -1
  14. package/components/ui-description-list/ui-description-list.html +2 -0
  15. package/components/ui-dialog/ui-dialog.html +3 -23
  16. package/components/ui-disclosure/ui-disclosure.html +2 -2
  17. package/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html +2 -2
  18. package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +3 -3
  19. package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +4 -4
  20. package/components/ui-editor-slash-menu-item/ui-editor-slash-menu-item.html +6 -1
  21. package/components/ui-editor-table-context-menu/ui-editor-table-context-menu.html +2 -2
  22. package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +4 -4
  23. package/components/ui-editor-toolbar/ui-editor-toolbar.html +5 -5
  24. package/components/ui-floating-action-button/ui-floating-action-button.html +4 -2
  25. package/components/ui-icon-button/ui-icon-button.html +57 -17
  26. package/components/ui-icon-button/ui-icon-button.js +1 -1
  27. package/components/ui-list/ui-list.html +46 -6
  28. package/components/ui-list-item/ui-list-item.html +1 -1
  29. package/components/ui-menu/ui-menu.html +4 -3
  30. package/components/ui-menu/ui-menu.js +9 -3
  31. package/components/ui-menu-item/ui-menu-item.html +43 -6
  32. package/components/ui-meter/ui-meter.html +4 -1
  33. package/components/ui-nav-item/ui-nav-item.html +0 -1
  34. package/components/ui-page-header/ui-page-header.html +1 -0
  35. package/components/ui-popover/ui-popover.html +1 -1
  36. package/components/ui-radio/ui-radio.html +5 -2
  37. package/components/ui-scroll-area/ui-scroll-area.html +9 -14
  38. package/components/ui-scroll-area/ui-scroll-area.js +32 -0
  39. package/components/ui-search-result-row/ui-search-result-row.html +5 -3
  40. package/components/ui-search-shell/ui-search-shell.html +8 -8
  41. package/components/ui-section/ui-section.html +5 -3
  42. package/components/ui-separator/ui-separator.html +2 -2
  43. package/components/ui-sidebar/ui-sidebar.html +2 -2
  44. package/components/ui-spinner/ui-spinner.html +28 -8
  45. package/components/ui-status-message/ui-status-message.html +1 -1
  46. package/components/ui-switch/ui-switch.html +17 -8
  47. package/components/ui-table/ui-table.html +1 -1
  48. package/components/ui-tabs/ui-tabs.html +21 -12
  49. package/components/ui-toast/ui-toast.html +1 -1
  50. package/components/ui-toast-region/ui-toast-region.html +1 -1
  51. package/components/ui-tooltip/ui-tooltip.html +12 -12
  52. package/components/ui-tooltip/ui-tooltip.js +1 -1
  53. package/components/ui-top-bar/ui-top-bar.html +1 -1
  54. package/components/ui-tree/ui-tree.js +4 -1
  55. package/components/ui-tree-item/ui-tree-item.html +2 -1
  56. package/dist/index.js +15 -14
  57. package/editor/chunks/extensions.js +12 -2
  58. package/editor/extensions/preset.d.ts +6 -1
  59. package/package.json +1 -1
  60. package/styles/ui-avatar-group.css +8 -5
  61. package/styles/ui-badge.css +10 -5
  62. package/styles/ui-breadcrumb-item.css +2 -1
  63. package/styles/ui-button.css +19 -25
  64. package/styles/ui-callout.css +3 -1
  65. package/styles/ui-card.css +4 -2
  66. package/styles/ui-checkbox.css +38 -8
  67. package/styles/ui-combobox.css +27 -8
  68. package/styles/ui-context-menu.css +2 -2
  69. package/styles/ui-description-item.css +1 -1
  70. package/styles/ui-description-list.css +2 -0
  71. package/styles/ui-dialog.css +1 -22
  72. package/styles/ui-disclosure.css +2 -2
  73. package/styles/ui-editor-insert-table-grid.css +2 -2
  74. package/styles/ui-editor-mention-menu.css +3 -3
  75. package/styles/ui-editor-slash-menu-item.css +6 -1
  76. package/styles/ui-editor-slash-menu.css +4 -4
  77. package/styles/ui-editor-table-context-menu.css +2 -2
  78. package/styles/ui-editor-table-toolbar.css +4 -4
  79. package/styles/ui-editor-toolbar.css +5 -5
  80. package/styles/ui-floating-action-button.css +3 -1
  81. package/styles/ui-icon-button.css +53 -18
  82. package/styles/ui-list-item.css +1 -1
  83. package/styles/ui-list.css +41 -6
  84. package/styles/ui-menu-item.css +43 -5
  85. package/styles/ui-menu.css +3 -3
  86. package/styles/ui-meter.css +4 -1
  87. package/styles/ui-nav-item.css +0 -1
  88. package/styles/ui-page-header.css +1 -0
  89. package/styles/ui-popover.css +1 -1
  90. package/styles/ui-radio.css +5 -2
  91. package/styles/ui-scroll-area.css +10 -16
  92. package/styles/ui-search-result-row.css +3 -2
  93. package/styles/ui-search-shell.css +7 -7
  94. package/styles/ui-section.css +5 -3
  95. package/styles/ui-separator.css +2 -2
  96. package/styles/ui-sidebar.css +2 -2
  97. package/styles/ui-spinner.css +27 -6
  98. package/styles/ui-status-message.css +1 -1
  99. package/styles/ui-switch.css +17 -8
  100. package/styles/ui-table.css +1 -1
  101. package/styles/ui-tabs.css +60 -51
  102. package/styles/ui-toast-region.css +1 -1
  103. package/styles/ui-toast.css +1 -1
  104. package/styles/ui-tooltip.css +12 -12
  105. package/styles/ui-top-bar.css +1 -1
  106. package/styles/ui-tree-item.css +2 -1
  107. package/theme-dark.css +4 -4
  108. package/theme-light.css +3 -3
  109. package/tokens.css +9 -6
  110. package/vanilla/UiButton.d.ts +1 -0
  111. package/vanilla/UiButton.js +17 -19
  112. package/vanilla/UiCombobox.js +162 -159
  113. package/vanilla/UiDialog.js +2 -2
  114. package/vanilla/UiIconButton.d.ts +1 -0
  115. package/vanilla/UiIconButton.js +1 -4
  116. package/vanilla/UiList.d.ts +3 -1
  117. package/vanilla/UiList.js +36 -19
  118. package/vanilla/UiMenu.d.ts +1 -0
  119. package/vanilla/UiMenu.js +1 -1
  120. package/vanilla/UiMenuItem.js +10 -13
  121. package/vanilla/UiScrollArea.js +11 -6
  122. package/vanilla/UiSearchShell.js +2 -2
  123. package/vanilla/UiSpinner.js +2 -4
  124. package/vue/UiAvatarGroup.vue +8 -5
  125. package/vue/UiBadge.vue +10 -5
  126. package/vue/UiBreadcrumbItem.vue +2 -1
  127. package/vue/UiButton.d.ts +2 -0
  128. package/vue/UiButton.vue +31 -28
  129. package/vue/UiCallout.vue +3 -2
  130. package/vue/UiCard.vue +4 -2
  131. package/vue/UiCheckbox.vue +36 -8
  132. package/vue/UiCombobox.d.ts +1 -1
  133. package/vue/UiCombobox.vue +55 -35
  134. package/vue/UiContextMenu.vue +2 -2
  135. package/vue/UiDescriptionItem.vue +1 -1
  136. package/vue/UiDescriptionList.vue +2 -0
  137. package/vue/UiDialog.d.ts +3 -3
  138. package/vue/UiDialog.vue +3 -27
  139. package/vue/UiDisclosure.vue +2 -2
  140. package/vue/UiEditorInsertTableGrid.vue +2 -2
  141. package/vue/UiEditorMentionMenu.d.ts +1 -1
  142. package/vue/UiEditorMentionMenu.vue +4 -3
  143. package/vue/UiEditorSlashMenu.vue +6 -4
  144. package/vue/UiEditorSlashMenuItem.vue +6 -1
  145. package/vue/UiEditorTableContextMenu.vue +2 -2
  146. package/vue/UiEditorTableToolbar.vue +4 -4
  147. package/vue/UiEditorToolbar.vue +5 -5
  148. package/vue/UiFloatingActionButton.vue +3 -1
  149. package/vue/UiIconButton.d.ts +2 -0
  150. package/vue/UiIconButton.vue +61 -19
  151. package/vue/UiList.d.ts +7 -1
  152. package/vue/UiList.vue +57 -6
  153. package/vue/UiListItem.vue +1 -1
  154. package/vue/UiMenu.d.ts +2 -0
  155. package/vue/UiMenu.vue +6 -3
  156. package/vue/UiMenuItem.d.ts +3 -3
  157. package/vue/UiMenuItem.vue +47 -7
  158. package/vue/UiMeter.vue +4 -1
  159. package/vue/UiNavItem.vue +0 -1
  160. package/vue/UiPageHeader.vue +1 -0
  161. package/vue/UiPopover.vue +1 -1
  162. package/vue/UiRadio.vue +5 -2
  163. package/vue/UiScrollArea.vue +24 -18
  164. package/vue/UiSearchResultRow.vue +3 -2
  165. package/vue/UiSearchShell.vue +8 -8
  166. package/vue/UiSection.vue +5 -3
  167. package/vue/UiSeparator.vue +2 -2
  168. package/vue/UiSidebar.vue +2 -2
  169. package/vue/UiSpinner.vue +28 -7
  170. package/vue/UiStatusMessage.vue +1 -1
  171. package/vue/UiSwitch.vue +20 -9
  172. package/vue/UiTable.vue +1 -1
  173. package/vue/UiTabs.vue +25 -12
  174. package/vue/UiToast.vue +1 -1
  175. package/vue/UiToastRegion.vue +1 -1
  176. package/vue/UiTooltip.vue +12 -12
  177. package/vue/UiTopBar.vue +1 -1
  178. package/vue/UiTreeItem.vue +2 -1
  179. package/vue/chunks/UiAvatarGroup.js +1 -1
  180. package/vue/chunks/UiBadge.js +1 -1
  181. package/vue/chunks/UiBreadcrumbItem.js +1 -1
  182. package/vue/chunks/UiButton.js +28 -23
  183. package/vue/chunks/UiCallout.js +1 -1
  184. package/vue/chunks/UiCard.js +1 -1
  185. package/vue/chunks/UiCheckbox.js +1 -1
  186. package/vue/chunks/UiCombobox.js +80 -77
  187. package/vue/chunks/UiContextMenu.js +1 -1
  188. package/vue/chunks/UiDescriptionItem.js +1 -1
  189. package/vue/chunks/UiDescriptionList.js +1 -1
  190. package/vue/chunks/UiDialog.js +7 -4
  191. package/vue/chunks/UiDisclosure.js +1 -1
  192. package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
  193. package/vue/chunks/UiEditorMentionMenu.js +1 -1
  194. package/vue/chunks/UiEditorSlashMenu.js +1 -1
  195. package/vue/chunks/UiEditorSlashMenuItem.js +1 -1
  196. package/vue/chunks/UiEditorTableContextMenu.js +1 -1
  197. package/vue/chunks/UiEditorTableToolbar.js +1 -1
  198. package/vue/chunks/UiEditorToolbar.js +1 -1
  199. package/vue/chunks/UiFloatingActionButton.js +1 -1
  200. package/vue/chunks/UiIconButton.js +13 -8
  201. package/vue/chunks/UiList.js +17 -5
  202. package/vue/chunks/UiListItem.js +1 -1
  203. package/vue/chunks/UiMenu.js +10 -2
  204. package/vue/chunks/UiMenuItem.js +1 -4
  205. package/vue/chunks/UiMeter.js +1 -1
  206. package/vue/chunks/UiNavItem.js +1 -1
  207. package/vue/chunks/UiPageHeader.js +1 -1
  208. package/vue/chunks/UiPopover.js +1 -1
  209. package/vue/chunks/UiRadio.js +1 -1
  210. package/vue/chunks/UiScrollArea.js +22 -3
  211. package/vue/chunks/UiSearchResultRow.js +1 -1
  212. package/vue/chunks/UiSearchShell.js +2 -2
  213. package/vue/chunks/UiSection.js +1 -1
  214. package/vue/chunks/UiSeparator.js +1 -1
  215. package/vue/chunks/UiSidebar.js +1 -1
  216. package/vue/chunks/UiSpinner.js +7 -5
  217. package/vue/chunks/UiStatusMessage.js +1 -1
  218. package/vue/chunks/UiSwitch.js +1 -1
  219. package/vue/chunks/UiTable.js +1 -1
  220. package/vue/chunks/UiTabs.js +1 -1
  221. package/vue/chunks/UiToast.js +1 -1
  222. package/vue/chunks/UiToastRegion.js +1 -1
  223. package/vue/chunks/UiTooltip.js +1 -1
  224. package/vue/chunks/UiTopBar.js +1 -1
  225. package/vue/chunks/UiTreeItem.js +1 -1
  226. package/vue/components.css +1231 -1032
  227. package/vue/editor/code-block-view.d.ts +29 -0
  228. package/vue/editor/index.js +70 -4
  229. package/vue/index.js +1 -1
@@ -110,6 +110,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
110
110
  }, [createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_5)], 16, _hoisted_1);
111
111
  };
112
112
  }
113
- }), [["__scopeId", "data-v-a496a6e7"]]);
113
+ }), [["__scopeId", "data-v-4db3405f"]]);
114
114
  //#endregion
115
115
  export { UiDisclosure_default as t };
@@ -101,6 +101,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
101
101
  ], 16, _hoisted_1);
102
102
  };
103
103
  }
104
- }), [["__scopeId", "data-v-2dd6031b"]]);
104
+ }), [["__scopeId", "data-v-9cb47d02"]]);
105
105
  //#endregion
106
106
  export { UiEditorInsertTableGrid_default as t };
@@ -112,6 +112,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
112
112
  ], 16, _hoisted_1);
113
113
  };
114
114
  }
115
- }), [["__scopeId", "data-v-a5ae5970"]]);
115
+ }), [["__scopeId", "data-v-7c9d6d0a"]]);
116
116
  //#endregion
117
117
  export { UiEditorMentionMenu_default as t };
@@ -93,6 +93,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
93
93
  ], 16, _hoisted_1);
94
94
  };
95
95
  }
96
- }), [["__scopeId", "data-v-3f70d2bc"]]);
96
+ }), [["__scopeId", "data-v-7a9fc28e"]]);
97
97
  //#endregion
98
98
  export { UiEditorSlashMenu_default as t };
@@ -46,6 +46,6 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
46
46
  }), [__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: __props.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
47
47
  };
48
48
  }
49
- }), [["__scopeId", "data-v-44e2b2b8"]]);
49
+ }), [["__scopeId", "data-v-730aa445"]]);
50
50
  //#endregion
51
51
  export { UiEditorSlashMenuItem_default as t };
@@ -127,6 +127,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
127
127
  }), 128))], 16, _hoisted_1);
128
128
  };
129
129
  }
130
- }), [["__scopeId", "data-v-a7b775b0"]]);
130
+ }), [["__scopeId", "data-v-0d95ddb1"]]);
131
131
  //#endregion
132
132
  export { UiEditorTableContextMenu_default as t };
@@ -208,6 +208,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
208
208
  ], 16, _hoisted_1);
209
209
  };
210
210
  }
211
- }), [["__scopeId", "data-v-330c3a7b"]]);
211
+ }), [["__scopeId", "data-v-26c35c0d"]]);
212
212
  //#endregion
213
213
  export { UiEditorTableToolbar_default as t };
@@ -42,6 +42,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
42
42
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
43
43
  };
44
44
  }
45
- }), [["__scopeId", "data-v-47c74ab3"]]);
45
+ }), [["__scopeId", "data-v-2600c9ad"]]);
46
46
  //#endregion
47
47
  export { UiEditorToolbar_default as t };
@@ -37,6 +37,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
37
37
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
38
38
  };
39
39
  }
40
- }), [["__scopeId", "data-v-70304a1a"]]);
40
+ }), [["__scopeId", "data-v-610f67a7"]]);
41
41
  //#endregion
42
42
  export { UiFloatingActionButton_default as t };
@@ -27,6 +27,10 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
27
27
  default: false
28
28
  },
29
29
  label: {},
30
+ loading: {
31
+ type: Boolean,
32
+ default: false
33
+ },
30
34
  pending: {
31
35
  type: Boolean,
32
36
  default: false
@@ -45,9 +49,10 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
45
49
  const hostState = computed(() => [
46
50
  props.anticipatory && "anticipatory",
47
51
  props.variant && `variant variant=${props.variant}`,
52
+ props.loading && "loading",
53
+ props.pending && "pending",
48
54
  props.size && `size size=${props.size}`,
49
- props.round && "round",
50
- props.pending && "pending"
55
+ props.round && "round"
51
56
  ].filter(Boolean).join(" "));
52
57
  const dispatch = createDispatch(root);
53
58
  useComponentHost(controllerModule.default, {
@@ -73,23 +78,23 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
73
78
  "aria-disabled": typeof {
74
79
  true: "true",
75
80
  false: null
76
- }[`${__props.pending}`] === "boolean" ? String({
81
+ }[`${__props.loading || __props.pending}`] === "boolean" ? String({
77
82
  true: "true",
78
83
  false: null
79
- }[`${__props.pending}`]) : attribute({
84
+ }[`${__props.loading || __props.pending}`]) : attribute({
80
85
  true: "true",
81
86
  false: null
82
- }[`${__props.pending}`]),
83
- "aria-busy": __props.pending,
87
+ }[`${__props.loading || __props.pending}`]),
88
+ "aria-busy": __props.loading || __props.pending,
84
89
  "data-ui-icon-button-state": hostState.value || void 0,
85
90
  ref_key: "root",
86
91
  ref: root
87
- }), [__props.pending ? (openBlock(), createBlock(UiSpinner_default, {
92
+ }), [__props.loading || __props.pending ? (openBlock(), createBlock(UiSpinner_default, {
88
93
  key: 0,
89
94
  size: "sm"
90
95
  })) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
91
96
  };
92
97
  }
93
- }), [["__scopeId", "data-v-c62d95c3"]]);
98
+ }), [["__scopeId", "data-v-e99fb642"]]);
94
99
  //#endregion
95
100
  export { UiIconButton_default as t };
@@ -2,26 +2,38 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
2
2
  import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
3
3
  //#region .build/vue/UiList.vue?vue&type=script&setup=true&lang.ts
4
4
  var _hoisted_1 = ["data-ui-list-state"];
5
+ var _hoisted_2 = ["data-ui-list-state"];
5
6
  //#endregion
6
7
  //#region .build/vue/UiList.vue
7
8
  var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
8
9
  inheritAttrs: false,
9
10
  __name: "UiList",
10
11
  props: {
12
+ as: { default: "ul" },
11
13
  density: { default: "comfortable" },
12
- layout: { default: "rows" }
14
+ layout: { default: "rows" },
15
+ markers: { default: "none" }
13
16
  },
14
17
  setup(__props) {
15
18
  const props = __props;
16
19
  /** The values the styles' :host-state() rules test. */
17
- const hostState = computed(() => [props.density && `density density=${props.density}`, props.layout && `layout layout=${props.layout}`].filter(Boolean).join(" "));
20
+ const hostState = computed(() => [
21
+ props.as && `as as=${props.as}`,
22
+ props.markers && `markers markers=${props.markers}`,
23
+ props.density && `density density=${props.density}`,
24
+ props.layout && `layout layout=${props.layout}`
25
+ ].filter(Boolean).join(" "));
18
26
  return (_ctx, _cache) => {
19
- return openBlock(), createElementBlock("ul", mergeProps({
27
+ return __props.as === "ol" ? (openBlock(), createElementBlock("ol", mergeProps({
28
+ key: 0,
29
+ "data-component": "ui-list"
30
+ }, _ctx.$attrs, { "data-ui-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)) : (openBlock(), createElementBlock("ul", mergeProps({
31
+ key: 1,
20
32
  "data-component": "ui-list",
21
33
  role: "list"
22
- }, _ctx.$attrs, { "data-ui-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
34
+ }, _ctx.$attrs, { "data-ui-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2));
23
35
  };
24
36
  }
25
- }), [["__scopeId", "data-v-6baf8e3a"]]);
37
+ }), [["__scopeId", "data-v-5f1964f2"]]);
26
38
  //#endregion
27
39
  export { UiList_default as t };
@@ -34,6 +34,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
34
34
  ], 16, _hoisted_1);
35
35
  };
36
36
  }
37
- }), [["__scopeId", "data-v-f1b47502"]]);
37
+ }), [["__scopeId", "data-v-3d168104"]]);
38
38
  //#endregion
39
39
  export { UiListItem_default as t };
@@ -13,6 +13,10 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
13
13
  props: {
14
14
  density: { default: "comfortable" },
15
15
  for: { default: "" },
16
+ inline: {
17
+ type: Boolean,
18
+ default: false
19
+ },
16
20
  open: {
17
21
  type: Boolean,
18
22
  default: false
@@ -31,7 +35,11 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
31
35
  const root = ref(null);
32
36
  const internalOpen = ref(false);
33
37
  /** The values the styles' :host-state() rules test. */
34
- const hostState = computed(() => [props.density && `density density=${props.density}`, internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
38
+ const hostState = computed(() => [
39
+ props.density && `density density=${props.density}`,
40
+ internalOpen.value && "internalOpen",
41
+ props.inline && "inline"
42
+ ].filter(Boolean).join(" "));
35
43
  const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["checked"] === void 0 || typeof detail["checked"] === "boolean") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
36
44
  "value",
37
45
  "checked",
@@ -73,6 +81,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
73
81
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
74
82
  };
75
83
  }
76
- }), [["__scopeId", "data-v-2007b7d0"]]);
84
+ }), [["__scopeId", "data-v-bdedd263"]]);
77
85
  //#endregion
78
86
  export { UiMenu_default as t };
@@ -138,15 +138,12 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
138
138
  createElementVNode("span", _hoisted_5, [__props.type === "checkbox" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
139
139
  key: 0,
140
140
  name: "check"
141
- })) : createCommentVNode("v-if", true), __props.type === "radio" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
142
- key: 1,
143
- name: "circle-dot"
144
141
  })) : createCommentVNode("v-if", true)]),
145
142
  createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
146
143
  createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
147
144
  ], 16, _hoisted_4));
148
145
  };
149
146
  }
150
- }), [["__scopeId", "data-v-bbdeb8c5"]]);
147
+ }), [["__scopeId", "data-v-6b7f9bed"]]);
151
148
  //#endregion
152
149
  export { UiMenuItem_default as t };
@@ -83,6 +83,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
83
83
  }, null, 4)], 16, _hoisted_1);
84
84
  };
85
85
  }
86
- }), [["__scopeId", "data-v-c0b7936e"]]);
86
+ }), [["__scopeId", "data-v-fd7200cc"]]);
87
87
  //#endregion
88
88
  export { UiMeter_default as t };
@@ -106,6 +106,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
106
106
  ], 16, _hoisted_6));
107
107
  };
108
108
  }
109
- }), [["__scopeId", "data-v-7f1c22fc"]]);
109
+ }), [["__scopeId", "data-v-7c04111b"]]);
110
110
  //#endregion
111
111
  export { UiNavItem_default as t };
@@ -30,6 +30,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
30
30
  ], 16, _hoisted_1);
31
31
  };
32
32
  }
33
- }), [["__scopeId", "data-v-271adfba"]]);
33
+ }), [["__scopeId", "data-v-db66b0a4"]]);
34
34
  //#endregion
35
35
  export { UiPageHeader_default as t };
@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
56
56
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
57
57
  };
58
58
  }
59
- }), [["__scopeId", "data-v-bc4517c7"]]);
59
+ }), [["__scopeId", "data-v-dc71213c"]]);
60
60
  //#endregion
61
61
  export { UiPopover_default as t };
@@ -89,6 +89,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
89
89
  }, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
90
90
  };
91
91
  }
92
- }), [["__scopeId", "data-v-02111ebf"]]);
92
+ }), [["__scopeId", "data-v-4e6e9ccd"]]);
93
93
  //#endregion
94
94
  export { UiRadio_default as t };
@@ -1,7 +1,13 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
2
- import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
2
+ import { n as useComponentHost, t as createDispatch } from "./host.js";
3
+ import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
4
+ import * as controllerModule from "@threadlabs/looma/components/ui-scroll-area/ui-scroll-area.js";
3
5
  //#region .build/vue/UiScrollArea.vue?vue&type=script&setup=true&lang.ts
4
6
  var _hoisted_1 = ["data-ui-scroll-area-state"];
7
+ var _hoisted_2 = {
8
+ class: "content",
9
+ ref: "content"
10
+ };
5
11
  //#endregion
6
12
  //#region .build/vue/UiScrollArea.vue
7
13
  var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -10,12 +16,25 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
10
16
  props: { orientation: { default: "vertical" } },
11
17
  setup(__props) {
12
18
  const props = __props;
19
+ const root = ref(null);
20
+ const contentElement = useTemplateRef("content");
13
21
  /** The values the styles' :host-state() rules test. */
14
22
  const hostState = computed(() => [props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
23
+ const dispatch = createDispatch(root);
24
+ useComponentHost(controllerModule.default, {
25
+ root,
26
+ dispatch,
27
+ props,
28
+ refs: { content: contentElement }
29
+ });
15
30
  return (_ctx, _cache) => {
16
- return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-scroll-area" }, _ctx.$attrs, { "data-ui-scroll-area-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
31
+ return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-scroll-area" }, _ctx.$attrs, {
32
+ "data-ui-scroll-area-state": hostState.value || void 0,
33
+ ref_key: "root",
34
+ ref: root
35
+ }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1);
17
36
  };
18
37
  }
19
- }), [["__scopeId", "data-v-1275c7dd"]]);
38
+ }), [["__scopeId", "data-v-719a7115"]]);
20
39
  //#endregion
21
40
  export { UiScrollArea_default as t };
@@ -50,6 +50,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
50
50
  ], 16, _hoisted_1);
51
51
  };
52
52
  }
53
- }), [["__scopeId", "data-v-c7d2b6d4"]]);
53
+ }), [["__scopeId", "data-v-5a2d6e2a"]]);
54
54
  //#endregion
55
55
  export { UiSearchResultRow_default as t };
@@ -8,7 +8,7 @@ var _hoisted_2 = { class: "panel" };
8
8
  var _hoisted_3 = { class: "search" };
9
9
  var _hoisted_4 = { class: "status" };
10
10
  var _hoisted_5 = { class: "body" };
11
- var _hoisted_6 = { class: "footer" };
11
+ var _hoisted_6 = { class: "actions" };
12
12
  //#endregion
13
13
  //#region .build/vue/UiSearchShell.vue
14
14
  var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
67
67
  ])], 8, _hoisted_1)], 16);
68
68
  };
69
69
  }
70
- }), [["__scopeId", "data-v-20a7b8e3"]]);
70
+ }), [["__scopeId", "data-v-089e37ee"]]);
71
71
  //#endregion
72
72
  export { UiSearchShell_default as t };
@@ -29,6 +29,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
29
29
  }, toDisplayString(__props.heading), 9, _hoisted_4), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)])]), createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])]), createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
30
30
  };
31
31
  }
32
- }), [["__scopeId", "data-v-06416e2f"]]);
32
+ }), [["__scopeId", "data-v-39aaec7c"]]);
33
33
  //#endregion
34
34
  export { UiSection_default as t };
@@ -13,6 +13,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
13
13
  return openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, _ctx.$attrs, { "aria-orientation": __props.orientation }), null, 16, _hoisted_1);
14
14
  };
15
15
  }
16
- }), [["__scopeId", "data-v-6c15dbac"]]);
16
+ }), [["__scopeId", "data-v-d12933d8"]]);
17
17
  //#endregion
18
18
  export { UiSeparator_default as t };
@@ -85,6 +85,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
85
85
  }, null, -1)])], 8, _hoisted_3)], 16, _hoisted_1);
86
86
  };
87
87
  }
88
- }), [["__scopeId", "data-v-6929aec9"]]);
88
+ }), [["__scopeId", "data-v-5707dc88"]]);
89
89
  //#endregion
90
90
  export { UiSidebar_default as t };
@@ -1,6 +1,5 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
2
- import { t as UiIcon_default } from "./UiIcon.js";
3
- import { computed, createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
2
+ import { computed, createElementBlock, defineComponent, mergeProps, openBlock } from "vue";
4
3
  //#region .build/vue/UiSpinner.vue?vue&type=script&setup=true&lang.ts
5
4
  var _hoisted_1 = [
6
5
  "role",
@@ -30,7 +29,10 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
30
29
  return value === true ? "" : text(value);
31
30
  }
32
31
  return (_ctx, _cache) => {
33
- return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-spinner" }, _ctx.$attrs, {
32
+ return openBlock(), createElementBlock("span", mergeProps({
33
+ "data-component": "ui-spinner",
34
+ class: "ring"
35
+ }, _ctx.$attrs, {
34
36
  role: attribute({
35
37
  true: "status",
36
38
  false: null
@@ -56,9 +58,9 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
56
58
  false: "true"
57
59
  }[`${__props.label !== ""}`]),
58
60
  "data-ui-spinner-state": hostState.value || void 0
59
- }), [createVNode(UiIcon_default, { name: "loader" })], 16, _hoisted_1);
61
+ }), null, 16, _hoisted_1);
60
62
  };
61
63
  }
62
- }), [["__scopeId", "data-v-d09b56f9"]]);
64
+ }), [["__scopeId", "data-v-1c74343f"]]);
63
65
  //#endregion
64
66
  export { UiSpinner_default as t };
@@ -49,6 +49,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
49
49
  ], 16, _hoisted_1);
50
50
  };
51
51
  }
52
- }), [["__scopeId", "data-v-6d36a4c2"]]);
52
+ }), [["__scopeId", "data-v-39f064f7"]]);
53
53
  //#endregion
54
54
  export { UiStatusMessage_default as t };
@@ -90,6 +90,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
90
90
  }, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
91
91
  };
92
92
  }
93
- }), [["__scopeId", "data-v-66d4f1f1"]]);
93
+ }), [["__scopeId", "data-v-52585e66"]]);
94
94
  //#endregion
95
95
  export { UiSwitch_default as t };
@@ -35,6 +35,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
35
35
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
36
36
  };
37
37
  }
38
- }), [["__scopeId", "data-v-9980d203"]]);
38
+ }), [["__scopeId", "data-v-a58b58d4"]]);
39
39
  //#endregion
40
40
  export { UiTable_default as t };
@@ -92,6 +92,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
92
92
  }), 128))])], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
93
93
  };
94
94
  }
95
- }), [["__scopeId", "data-v-d1626838"]]);
95
+ }), [["__scopeId", "data-v-cac80c15"]]);
96
96
  //#endregion
97
97
  export { UiTabs_default as t };
@@ -76,6 +76,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
76
76
  ], 16, _hoisted_1);
77
77
  };
78
78
  }
79
- }), [["__scopeId", "data-v-fdef5729"]]);
79
+ }), [["__scopeId", "data-v-55bfd2e0"]]);
80
80
  //#endregion
81
81
  export { UiToast_default as t };
@@ -79,6 +79,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
79
79
  }), 128))], 16, _hoisted_1);
80
80
  };
81
81
  }
82
- }), [["__scopeId", "data-v-a4727935"]]);
82
+ }), [["__scopeId", "data-v-41fb91b0"]]);
83
83
  //#endregion
84
84
  export { UiToastRegion_default as t };
@@ -68,6 +68,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
68
68
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
69
69
  };
70
70
  }
71
- }), [["__scopeId", "data-v-bb92970c"]]);
71
+ }), [["__scopeId", "data-v-8f81f4b2"]]);
72
72
  //#endregion
73
73
  export { UiTooltip_default as t };
@@ -20,6 +20,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
20
20
  ], 16);
21
21
  };
22
22
  }
23
- }), [["__scopeId", "data-v-e5e726b4"]]);
23
+ }), [["__scopeId", "data-v-28fc45f7"]]);
24
24
  //#endregion
25
25
  export { UiTopBar_default as t };
@@ -252,6 +252,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
252
252
  ], 16, _hoisted_1);
253
253
  };
254
254
  }
255
- }), [["__scopeId", "data-v-12522ec8"]]);
255
+ }), [["__scopeId", "data-v-78d948f0"]]);
256
256
  //#endregion
257
257
  export { UiTreeItem_default as t };