@threadlabs/looma 0.5.2 → 0.6.0-rc.2

package/vue/chunks/UiTabs.js

@@ -20,6 +20,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiTabs",
 	props: {
+		density: { default: "comfortable" },
 		label: { default: "Tabs" },
 		orientation: { default: "horizontal" },
 		stretch: {
@@ -38,7 +39,11 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const internalValue = ref("");
 		const tabs = ref([]);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.stretch && "stretch", props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			props.density && `density density=${props.density}`,
+			props.stretch && "stretch",
+			props.orientation && `orientation orientation=${props.orientation}`
+		].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
 		function dispatch(name, detail) {
 			const declared = { select: {
@@ -167,6 +172,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-d4ecb8b6"]]);
+}), [["__scopeId", "data-v-b9e876c6"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTextarea.js

@@ -129,6 +129,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-3c990207"]]);
+}), [["__scopeId", "data-v-2b01ccc0"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToastRegion.js

@@ -188,6 +188,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), 128))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-d98878bd"]]);
+}), [["__scopeId", "data-v-7d8dab78"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -157,6 +157,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-78626a50"]]);
+}), [["__scopeId", "data-v-3099b119"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -20,6 +20,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-e785cef9"]]);
+}), [["__scopeId", "data-v-88437f08"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -1,12 +1,15 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-tree/ui-tree.js";
+//#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-tree-state"];
 //#endregion
 //#region .build/vue/UiTree.vue
 var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiTree",
 	props: {
+		density: { default: "comfortable" },
 		hoverExpandDelay: { default: 700 },
 		label: { default: "Tree" },
 		maxDepth: { default: 0 }
@@ -20,6 +23,8 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.density && `density density=${props.density}`].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
 		function dispatch(name, detail) {
 			const declared = {
@@ -135,11 +140,12 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-component": "ui-tree",
 				role: "tree"
 			}, _ctx.$attrs, {
+				"data-ui-tree-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-abe57610"]]);
+}), [["__scopeId", "data-v-e94f7a5c"]]);
 //#endregion
 export { UiTree_default as t };

package/vue/chunks/UiTreeItem.js

@@ -293,6 +293,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-554c49dd"]]);
+}), [["__scopeId", "data-v-b57a29c6"]]);
 //#endregion
 export { UiTreeItem_default as t };