@threadlabs/looma 0.5.2 → 0.6.0-rc.1

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 (174) hide show
  1. package/components/shared/overlay.js +3 -0
  2. package/components/ui-button/ui-button.html +14 -14
  3. package/components/ui-callout/ui-callout.html +1 -1
  4. package/components/ui-checkbox/ui-checkbox.html +1 -1
  5. package/components/ui-cluster/ui-cluster.html +6 -6
  6. package/components/ui-combobox/ui-combobox.html +23 -23
  7. package/components/ui-container/ui-container.html +4 -4
  8. package/components/ui-context-menu/ui-context-menu.html +2 -2
  9. package/components/ui-dialog/ui-dialog.html +12 -12
  10. package/components/ui-disclosure/ui-disclosure.html +19 -4
  11. package/components/ui-editable/ui-editable.html +6 -6
  12. package/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html +20 -20
  13. package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +25 -25
  14. package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +39 -39
  15. package/components/ui-editor-table-context-menu/ui-editor-table-context-menu.html +20 -20
  16. package/components/ui-editor-table-overlay/ui-editor-table-overlay.html +48 -48
  17. package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +34 -34
  18. package/components/ui-editor-toolbar/ui-editor-toolbar.html +9 -9
  19. package/components/ui-floating-action-button/ui-floating-action-button.html +16 -22
  20. package/components/ui-grid/ui-grid.html +6 -6
  21. package/components/ui-icon-button/ui-icon-button.html +42 -38
  22. package/components/ui-input/ui-input.html +2 -2
  23. package/components/ui-menu/ui-menu.html +15 -4
  24. package/components/ui-menu-item/ui-menu-item.html +5 -5
  25. package/components/ui-popover/ui-popover.html +3 -3
  26. package/components/ui-reel/ui-reel.html +6 -6
  27. package/components/ui-search-result-row/ui-search-result-row.html +9 -9
  28. package/components/ui-search-shell/ui-search-shell.html +3 -3
  29. package/components/ui-select/ui-select.html +2 -2
  30. package/components/ui-sidebar/ui-sidebar.html +11 -11
  31. package/components/ui-stack/ui-stack.html +6 -6
  32. package/components/ui-switcher/ui-switcher.html +6 -6
  33. package/components/ui-tabs/ui-tabs.html +18 -4
  34. package/components/ui-textarea/ui-textarea.html +2 -2
  35. package/components/ui-toast-region/ui-toast-region.html +2 -2
  36. package/components/ui-tooltip/ui-tooltip.html +1 -1
  37. package/components/ui-top-bar/ui-top-bar.html +5 -5
  38. package/components/ui-tree/ui-tree.html +7 -0
  39. package/components/ui-tree-item/ui-tree-item.html +15 -7
  40. package/dist/index.js +1 -1
  41. package/package.json +1 -1
  42. package/styles/ui-button.css +14 -14
  43. package/styles/ui-callout.css +1 -1
  44. package/styles/ui-checkbox.css +1 -1
  45. package/styles/ui-cluster.css +6 -6
  46. package/styles/ui-combobox.css +23 -23
  47. package/styles/ui-container.css +4 -4
  48. package/styles/ui-context-menu.css +2 -2
  49. package/styles/ui-dialog.css +12 -12
  50. package/styles/ui-disclosure.css +22 -6
  51. package/styles/ui-editable.css +6 -6
  52. package/styles/ui-editor-insert-table-grid.css +20 -20
  53. package/styles/ui-editor-mention-menu.css +25 -25
  54. package/styles/ui-editor-slash-menu.css +39 -39
  55. package/styles/ui-editor-table-context-menu.css +20 -20
  56. package/styles/ui-editor-table-overlay.css +48 -48
  57. package/styles/ui-editor-table-toolbar.css +34 -34
  58. package/styles/ui-editor-toolbar.css +9 -9
  59. package/styles/ui-floating-action-button.css +16 -22
  60. package/styles/ui-grid.css +6 -6
  61. package/styles/ui-icon-button.css +42 -38
  62. package/styles/ui-input.css +2 -2
  63. package/styles/ui-menu-item.css +5 -5
  64. package/styles/ui-menu.css +18 -6
  65. package/styles/ui-popover.css +3 -3
  66. package/styles/ui-reel.css +6 -6
  67. package/styles/ui-search-result-row.css +9 -9
  68. package/styles/ui-search-shell.css +3 -3
  69. package/styles/ui-select.css +2 -2
  70. package/styles/ui-sidebar.css +11 -11
  71. package/styles/ui-stack.css +6 -6
  72. package/styles/ui-switcher.css +6 -6
  73. package/styles/ui-tabs.css +20 -6
  74. package/styles/ui-textarea.css +2 -2
  75. package/styles/ui-toast-region.css +2 -2
  76. package/styles/ui-tooltip.css +1 -1
  77. package/styles/ui-top-bar.css +5 -5
  78. package/styles/ui-tree-item.css +21 -8
  79. package/styles/ui-tree.css +7 -1
  80. package/theme-dark.css +42 -103
  81. package/theme-high-contrast.css +18 -22
  82. package/theme-light.css +15 -41
  83. package/tokens.css +149 -201
  84. package/vanilla/UiDisclosure.d.ts +1 -0
  85. package/vanilla/UiDisclosure.js +1 -1
  86. package/vanilla/UiMenu.d.ts +1 -0
  87. package/vanilla/UiMenu.js +1 -1
  88. package/vanilla/UiTabs.d.ts +1 -0
  89. package/vanilla/UiTabs.js +1 -1
  90. package/vanilla/UiTree.d.ts +1 -0
  91. package/vanilla/UiTree.js +1 -1
  92. package/vue/UiButton.vue +20 -14
  93. package/vue/UiCallout.vue +1 -1
  94. package/vue/UiCheckbox.vue +1 -1
  95. package/vue/UiCluster.vue +6 -6
  96. package/vue/UiCombobox.vue +23 -23
  97. package/vue/UiContainer.vue +4 -4
  98. package/vue/UiContextMenu.vue +2 -2
  99. package/vue/UiDialog.vue +12 -12
  100. package/vue/UiDisclosure.d.ts +2 -0
  101. package/vue/UiDisclosure.vue +21 -4
  102. package/vue/UiEditable.vue +6 -6
  103. package/vue/UiEditorInsertTableGrid.vue +20 -20
  104. package/vue/UiEditorMentionMenu.vue +25 -25
  105. package/vue/UiEditorSlashMenu.vue +39 -39
  106. package/vue/UiEditorTableContextMenu.vue +20 -20
  107. package/vue/UiEditorTableOverlay.vue +48 -57
  108. package/vue/UiEditorTableToolbar.vue +34 -34
  109. package/vue/UiEditorToolbar.vue +9 -9
  110. package/vue/UiFloatingActionButton.vue +17 -22
  111. package/vue/UiGrid.vue +6 -6
  112. package/vue/UiIconButton.vue +46 -42
  113. package/vue/UiInput.vue +2 -2
  114. package/vue/UiMenu.d.ts +2 -0
  115. package/vue/UiMenu.vue +17 -7
  116. package/vue/UiMenuItem.vue +6 -5
  117. package/vue/UiPopover.vue +3 -3
  118. package/vue/UiReel.vue +6 -6
  119. package/vue/UiSearchResultRow.vue +10 -13
  120. package/vue/UiSearchShell.vue +3 -3
  121. package/vue/UiSelect.vue +2 -2
  122. package/vue/UiSidebar.vue +11 -16
  123. package/vue/UiStack.vue +6 -6
  124. package/vue/UiSwitcher.vue +6 -6
  125. package/vue/UiTabs.d.ts +2 -0
  126. package/vue/UiTabs.vue +21 -4
  127. package/vue/UiTextarea.vue +2 -2
  128. package/vue/UiToastRegion.vue +2 -2
  129. package/vue/UiTooltip.vue +1 -1
  130. package/vue/UiTopBar.vue +5 -5
  131. package/vue/UiTree.d.ts +2 -0
  132. package/vue/UiTree.vue +24 -1
  133. package/vue/UiTreeItem.vue +16 -8
  134. package/vue/chunks/UiButton.js +1 -1
  135. package/vue/chunks/UiCallout.js +1 -1
  136. package/vue/chunks/UiCheckbox.js +1 -1
  137. package/vue/chunks/UiCluster.js +1 -1
  138. package/vue/chunks/UiCombobox.js +1 -1
  139. package/vue/chunks/UiContainer.js +1 -1
  140. package/vue/chunks/UiContextMenu.js +1 -1
  141. package/vue/chunks/UiDialog.js +1 -1
  142. package/vue/chunks/UiDisclosure.js +3 -2
  143. package/vue/chunks/UiEditable.js +1 -1
  144. package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
  145. package/vue/chunks/UiEditorMentionMenu.js +1 -1
  146. package/vue/chunks/UiEditorSlashMenu.js +1 -1
  147. package/vue/chunks/UiEditorTableContextMenu.js +1 -1
  148. package/vue/chunks/UiEditorTableOverlay.js +1 -1
  149. package/vue/chunks/UiEditorTableToolbar.js +1 -1
  150. package/vue/chunks/UiEditorToolbar.js +1 -1
  151. package/vue/chunks/UiFloatingActionButton.js +1 -1
  152. package/vue/chunks/UiGrid.js +1 -1
  153. package/vue/chunks/UiIconButton.js +1 -1
  154. package/vue/chunks/UiInput.js +1 -1
  155. package/vue/chunks/UiMenu.js +3 -2
  156. package/vue/chunks/UiMenuItem.js +1 -1
  157. package/vue/chunks/UiPopover.js +1 -1
  158. package/vue/chunks/UiReel.js +1 -1
  159. package/vue/chunks/UiSearchResultRow.js +1 -1
  160. package/vue/chunks/UiSearchShell.js +1 -1
  161. package/vue/chunks/UiSelect.js +1 -1
  162. package/vue/chunks/UiSidebar.js +1 -1
  163. package/vue/chunks/UiStack.js +1 -1
  164. package/vue/chunks/UiSwitcher.js +1 -1
  165. package/vue/chunks/UiTabs.js +7 -2
  166. package/vue/chunks/UiTextarea.js +1 -1
  167. package/vue/chunks/UiToastRegion.js +1 -1
  168. package/vue/chunks/UiTooltip.js +1 -1
  169. package/vue/chunks/UiTopBar.js +1 -1
  170. package/vue/chunks/UiTree.js +8 -2
  171. package/vue/chunks/UiTreeItem.js +1 -1
  172. package/vue/components.css +1082 -1048
  173. package/vue/editor/LoomaEditor.d.ts +11 -0
  174. package/vue/editor/index.js +9 -0
@@ -198,6 +198,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
198
198
  ], 16, _hoisted_1);
199
199
  };
200
200
  }
201
- }), [["__scopeId", "data-v-daf13b61"]]);
201
+ }), [["__scopeId", "data-v-c4064690"]]);
202
202
  //#endregion
203
203
  export { UiEditorInsertTableGrid_default as t };
@@ -199,6 +199,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
199
199
  ], 16, _hoisted_1);
200
200
  };
201
201
  }
202
- }), [["__scopeId", "data-v-e6ede828"]]);
202
+ }), [["__scopeId", "data-v-2abe407e"]]);
203
203
  //#endregion
204
204
  export { UiEditorMentionMenu_default as t };
@@ -181,6 +181,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
181
181
  ], 16, _hoisted_1);
182
182
  };
183
183
  }
184
- }), [["__scopeId", "data-v-6616eea5"]]);
184
+ }), [["__scopeId", "data-v-aeee1d4f"]]);
185
185
  //#endregion
186
186
  export { UiEditorSlashMenu_default as t };
@@ -172,6 +172,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
172
172
  }), 128))], 16, _hoisted_1);
173
173
  };
174
174
  }
175
- }), [["__scopeId", "data-v-db07efb3"]]);
175
+ }), [["__scopeId", "data-v-7c984caf"]]);
176
176
  //#endregion
177
177
  export { UiEditorTableContextMenu_default as t };
@@ -272,6 +272,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
272
272
  ], 16, _hoisted_1);
273
273
  };
274
274
  }
275
- }), [["__scopeId", "data-v-a31eb11f"]]);
275
+ }), [["__scopeId", "data-v-d5963c35"]]);
276
276
  //#endregion
277
277
  export { UiEditorTableOverlay_default as t };
@@ -270,6 +270,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
270
270
  ], 16, _hoisted_1);
271
271
  };
272
272
  }
273
- }), [["__scopeId", "data-v-b2b27930"]]);
273
+ }), [["__scopeId", "data-v-c7ed049b"]]);
274
274
  //#endregion
275
275
  export { UiEditorTableToolbar_default as t };
@@ -23,6 +23,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
23
23
  }, _ctx.$attrs, { "data-ui-editor-toolbar-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
24
24
  };
25
25
  }
26
- }), [["__scopeId", "data-v-890a1e69"]]);
26
+ }), [["__scopeId", "data-v-472b5c16"]]);
27
27
  //#endregion
28
28
  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-a6b9e9ca"]]);
40
+ }), [["__scopeId", "data-v-b66a2428"]]);
41
41
  //#endregion
42
42
  export { UiFloatingActionButton_default as t };
@@ -19,6 +19,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
19
19
  return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
20
20
  };
21
21
  }
22
- }), [["__scopeId", "data-v-c390a71d"]]);
22
+ }), [["__scopeId", "data-v-356b2957"]]);
23
23
  //#endregion
24
24
  export { UiGrid_default as t };
@@ -124,6 +124,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
124
124
  }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
125
125
  };
126
126
  }
127
- }), [["__scopeId", "data-v-9ff7e192"]]);
127
+ }), [["__scopeId", "data-v-ab2df1cc"]]);
128
128
  //#endregion
129
129
  export { UiIconButton_default as t };
@@ -126,6 +126,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
126
126
  }), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
127
127
  };
128
128
  }
129
- }), [["__scopeId", "data-v-e80b5857"]]);
129
+ }), [["__scopeId", "data-v-f00d6a51"]]);
130
130
  //#endregion
131
131
  export { UiInput_default as t };
@@ -10,6 +10,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
10
10
  inheritAttrs: false,
11
11
  __name: "UiMenu",
12
12
  props: {
13
+ density: { default: "comfortable" },
13
14
  for: { default: "" },
14
15
  open: {
15
16
  type: Boolean,
@@ -29,7 +30,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
29
30
  const root = ref(null);
30
31
  const internalOpen = ref(false);
31
32
  /** The values the styles' :host-state() rules test. */
32
- const hostState = computed(() => [internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
33
+ const hostState = computed(() => [props.density && `density density=${props.density}`, internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
33
34
  /** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
34
35
  function dispatch(name, detail) {
35
36
  const declared = {
@@ -154,6 +155,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
154
155
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
155
156
  };
156
157
  }
157
- }), [["__scopeId", "data-v-3174acee"]]);
158
+ }), [["__scopeId", "data-v-09be9e37"]]);
158
159
  //#endregion
159
160
  export { UiMenu_default as t };
@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
26
26
  }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
27
27
  };
28
28
  }
29
- }), [["__scopeId", "data-v-732d4711"]]);
29
+ }), [["__scopeId", "data-v-deb5a674"]]);
30
30
  //#endregion
31
31
  export { UiMenuItem_default as t };
@@ -143,6 +143,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
143
143
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
144
144
  };
145
145
  }
146
- }), [["__scopeId", "data-v-49809509"]]);
146
+ }), [["__scopeId", "data-v-c16079f0"]]);
147
147
  //#endregion
148
148
  export { UiPopover_default as t };
@@ -28,6 +28,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
28
28
  }, _ctx.$attrs, { "data-ui-reel-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
29
29
  };
30
30
  }
31
- }), [["__scopeId", "data-v-8cc08968"]]);
31
+ }), [["__scopeId", "data-v-0dde8279"]]);
32
32
  //#endregion
33
33
  export { UiReel_default as t };
@@ -45,6 +45,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
45
45
  ], 16, _hoisted_1);
46
46
  };
47
47
  }
48
- }), [["__scopeId", "data-v-d2414aa2"]]);
48
+ }), [["__scopeId", "data-v-7d88a5d4"]]);
49
49
  //#endregion
50
50
  export { UiSearchResultRow_default as t };
@@ -144,6 +144,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
144
144
  ])], 8, _hoisted_1)], 16);
145
145
  };
146
146
  }
147
- }), [["__scopeId", "data-v-7aa92a93"]]);
147
+ }), [["__scopeId", "data-v-976b649d"]]);
148
148
  //#endregion
149
149
  export { UiSearchShell_default as t };
@@ -126,6 +126,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
126
126
  }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
127
127
  };
128
128
  }
129
- }), [["__scopeId", "data-v-b52cc131"]]);
129
+ }), [["__scopeId", "data-v-01335c35"]]);
130
130
  //#endregion
131
131
  export { UiSelect_default as t };
@@ -170,6 +170,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
170
170
  }, null, -1)])], 8, _hoisted_3)], 16, _hoisted_1);
171
171
  };
172
172
  }
173
- }), [["__scopeId", "data-v-fe11c9df"]]);
173
+ }), [["__scopeId", "data-v-a2e22569"]]);
174
174
  //#endregion
175
175
  export { UiSidebar_default as t };
@@ -24,6 +24,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
24
24
  return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, _ctx.$attrs, { "data-ui-stack-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
25
25
  };
26
26
  }
27
- }), [["__scopeId", "data-v-8ab460be"]]);
27
+ }), [["__scopeId", "data-v-aa8062a9"]]);
28
28
  //#endregion
29
29
  export { UiStack_default as t };
@@ -24,6 +24,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
24
24
  return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, { "data-ui-switcher-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
25
25
  };
26
26
  }
27
- }), [["__scopeId", "data-v-4c7859e6"]]);
27
+ }), [["__scopeId", "data-v-4ba623e1"]]);
28
28
  //#endregion
29
29
  export { UiSwitcher_default as t };
@@ -20,6 +20,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
20
20
  inheritAttrs: false,
21
21
  __name: "UiTabs",
22
22
  props: {
23
+ density: { default: "comfortable" },
23
24
  label: { default: "Tabs" },
24
25
  orientation: { default: "horizontal" },
25
26
  stretch: {
@@ -38,7 +39,11 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
38
39
  const internalValue = ref("");
39
40
  const tabs = ref([]);
40
41
  /** The values the styles' :host-state() rules test. */
41
- const hostState = computed(() => [props.stretch && "stretch", props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
42
+ const hostState = computed(() => [
43
+ props.density && `density density=${props.density}`,
44
+ props.stretch && "stretch",
45
+ props.orientation && `orientation orientation=${props.orientation}`
46
+ ].filter(Boolean).join(" "));
42
47
  /** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
43
48
  function dispatch(name, detail) {
44
49
  const declared = { select: {
@@ -167,6 +172,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
167
172
  }), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
168
173
  };
169
174
  }
170
- }), [["__scopeId", "data-v-d4ecb8b6"]]);
175
+ }), [["__scopeId", "data-v-b9e876c6"]]);
171
176
  //#endregion
172
177
  export { UiTabs_default as t };
@@ -129,6 +129,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
129
129
  }), null, 16, _hoisted_1)), [[vModelText, model.value]]);
130
130
  };
131
131
  }
132
- }), [["__scopeId", "data-v-3c990207"]]);
132
+ }), [["__scopeId", "data-v-2b01ccc0"]]);
133
133
  //#endregion
134
134
  export { UiTextarea_default as t };
@@ -188,6 +188,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
188
188
  }), 128))], 16);
189
189
  };
190
190
  }
191
- }), [["__scopeId", "data-v-d98878bd"]]);
191
+ }), [["__scopeId", "data-v-7d8dab78"]]);
192
192
  //#endregion
193
193
  export { UiToastRegion_default as t };
@@ -157,6 +157,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
157
157
  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
158
158
  };
159
159
  }
160
- }), [["__scopeId", "data-v-78626a50"]]);
160
+ }), [["__scopeId", "data-v-3099b119"]]);
161
161
  //#endregion
162
162
  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-e785cef9"]]);
23
+ }), [["__scopeId", "data-v-88437f08"]]);
24
24
  //#endregion
25
25
  export { UiTopBar_default as t };
@@ -1,12 +1,15 @@
1
1
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
2
2
  import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
3
3
  import * as controllerModule from "@threadlabs/looma/components/ui-tree/ui-tree.js";
4
+ //#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts
5
+ var _hoisted_1 = ["data-ui-tree-state"];
4
6
  //#endregion
5
7
  //#region .build/vue/UiTree.vue
6
8
  var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
7
9
  inheritAttrs: false,
8
10
  __name: "UiTree",
9
11
  props: {
12
+ density: { default: "comfortable" },
10
13
  hoverExpandDelay: { default: 700 },
11
14
  label: { default: "Tree" },
12
15
  maxDepth: { default: 0 }
@@ -20,6 +23,8 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
20
23
  const props = __props;
21
24
  const emit = __emit;
22
25
  const root = ref(null);
26
+ /** The values the styles' :host-state() rules test. */
27
+ const hostState = computed(() => [props.density && `density density=${props.density}`].filter(Boolean).join(" "));
23
28
  /** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
24
29
  function dispatch(name, detail) {
25
30
  const declared = {
@@ -135,11 +140,12 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
135
140
  "data-component": "ui-tree",
136
141
  role: "tree"
137
142
  }, _ctx.$attrs, {
143
+ "data-ui-tree-state": hostState.value || void 0,
138
144
  ref_key: "root",
139
145
  ref: root
140
- }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
146
+ }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
141
147
  };
142
148
  }
143
- }), [["__scopeId", "data-v-abe57610"]]);
149
+ }), [["__scopeId", "data-v-e94f7a5c"]]);
144
150
  //#endregion
145
151
  export { UiTree_default as t };
@@ -293,6 +293,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
293
293
  ], 16, _hoisted_1);
294
294
  };
295
295
  }
296
- }), [["__scopeId", "data-v-554c49dd"]]);
296
+ }), [["__scopeId", "data-v-b57a29c6"]]);
297
297
  //#endregion
298
298
  export { UiTreeItem_default as t };