@threadlabs/looma 0.21.6 → 0.22.1

package/vue/chunks/UiToastRegion.js

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-duration",
@@ -34,23 +34,46 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	},
 	emits: ["dismiss"],
 	setup(__props, { expose: __expose, emit: __emit }) {
+		const propValidityContract = { props: {
+			duration: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "duration" },
+				description: "Default milliseconds for toasts added with show() or the show command; 0 keeps each until dismissed. Hover or focus pauses a timer.",
+				default: 0
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Screen edge where the stack appears. Start and end follow the writing direction.",
+				values: [
+					"top",
+					"top-start",
+					"top-end",
+					"bottom",
+					"bottom-start",
+					"bottom-end"
+				],
+				default: "top"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			duration: checkedProp(props["duration"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "duration", void 0, void 0),
+			}, false, "duration"),
 			placement: checkedProp(props["placement"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "placement", void 0, [
-				"top",
-				"top-start",
-				"top-end",
-				"bottom",
-				"bottom-start",
-				"bottom-end"
-			])
+			}, false, "placement")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -96,6 +119,7 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const emit = __emit;
 		const root = ref(null);
 		const toasts = ref([]);
+		provide("html-next:ui-toast-region:toasts", toasts);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-toast-region> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -163,7 +187,7 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-toast-region",
 				role: "region",
 				"aria-label": "Notifications",
@@ -197,9 +221,12 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
 				}), 128))]),
 				_: 1
-			})], 16, _hoisted_1);
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9cfc9c40"]]);
+}), [["__scopeId", "data-v-bc20d0af"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -57,53 +57,127 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "ID of the control described and visually anchored by the tooltip.",
+				default: ""
+			},
+			hideDelay: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "hidedelay" },
+				description: "Waits this many milliseconds before hiding after pointer exit.",
+				default: 100
+			},
+			inverse: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "inverse" },
+				description: "Use the high-contrast inverse surface (dark on light themes, light on dark themes).",
+				default: false
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Whether the tooltip is open initially or when set externally.",
+				default: false
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Positions the description around its trigger. Start and end on top or bottom follow the writing direction.",
+				values: [
+					"top",
+					"top-start",
+					"top-end",
+					"bottom",
+					"bottom-start",
+					"bottom-end",
+					"left",
+					"left-start",
+					"left-end",
+					"right",
+					"right-start",
+					"right-end"
+				],
+				default: "top"
+			},
+			showDelay: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "showdelay" },
+				description: "Waits this many milliseconds before showing after pointer entry.",
+				default: 500
+			},
+			trigger: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "trigger" },
+				description: "How the trigger opens it. hover also opens on keyboard focus; click toggles it and suits a help button, where hovering a question mark says nothing; focus\n      opens only while the trigger holds focus.",
+				values: [
+					"hover",
+					"click",
+					"focus"
+				],
+				default: "hover"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			for: checkedProp(props["for"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "for", void 0, void 0),
+			}, false, "for"),
 			hideDelay: checkedProp(props["hideDelay"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "hideDelay", void 0, void 0),
+			}, false, "hideDelay"),
 			inverse: checkedProp(props["inverse"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "inverse", void 0, void 0),
+			}, false, "inverse"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0),
+			}, false, "open"),
 			placement: checkedProp(props["placement"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "placement", void 0, [
-				"top",
-				"top-start",
-				"top-end",
-				"bottom",
-				"bottom-start",
-				"bottom-end",
-				"left",
-				"left-start",
-				"left-end",
-				"right",
-				"right-start",
-				"right-end"
-			]),
+			}, false, "placement"),
 			showDelay: checkedProp(props["showDelay"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "showDelay", void 0, void 0),
+			}, false, "showDelay"),
 			trigger: checkedProp(props["trigger"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "trigger", void 0, [
-				"hover",
-				"click",
-				"focus"
-			])
+			}, false, "trigger")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -125,6 +199,12 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(internalOpen.value == null || typeof internalOpen.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = !internalOpen.value;
+		});
+		provide("html-next:ui-tooltip:internalOpen", internalOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-tooltip> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -158,11 +238,11 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-tooltip",
 				role: "tooltip"
 			}, nativeAttrs(_ctx.$attrs), {
-				hidden: !internalOpen.value,
+				hidden: guarded.value,
 				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
 				"data-hide-delay": reflectedProp("hideDelay", "hide-delay", checkedProps.value.hideDelay, void 0, false),
 				"data-inverse": reflectedProp("inverse", "inverse", checkedProps.value.inverse, void 0, false),
@@ -173,9 +253,12 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-ui-tooltip-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-de8ecc6a"]]);
+}), [["__scopeId", "data-v-ce376d75"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -33,6 +33,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-dca91b5b"]]);
+}), [["__scopeId", "data-v-4003ab99"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-density",
@@ -50,36 +50,100 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		"select"
 	],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "Compact trades padding and type size for rows that fit more on screen.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
+			hoverExpandDelay: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "hoverexpanddelay" },
+				description: "How long, in milliseconds, a dragged item must hover over the middle of a collapsed branch before the branch opens to receive it. 0 opens it at\n      once.",
+				default: 700
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "label" },
+				description: "The tree's accessible name, announced when focus enters it. Name what the tree holds.",
+				default: "Tree"
+			},
+			marquee: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "marquee" },
+				description: "Scrolls a name too long for its row while that row is hovered or keyboard focused, rests at the end, then scrolls it again. Off by default: a tree of names\n      that fit should not move. An item may set its own marquee to opt in or out on its own.",
+				default: false
+			},
+			maxDepth: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "maxdepth" },
+				description: "The deepest level a drag may produce, counting the top level as 1. A drop that would place the dragged item, or any item beneath it, deeper than this is\n      refused and reported as reorder-rejected. 0 means no limit.",
+				default: 0
+			},
+			selection: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "selection" },
+				description: "How selection works. None keeps rows for navigation and expansion; single requests one selected item; multiple shows checkboxes and requests an item with\n      its descendants. The application owns each Tree Item's selected state and responds to select.",
+				values: [
+					"none",
+					"single",
+					"multiple"
+				],
+				default: "none"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			density: checkedProp(props["density"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "density", void 0, ["comfortable", "compact"]),
+			}, false, "density"),
 			hoverExpandDelay: checkedProp(props["hoverExpandDelay"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "hoverExpandDelay", void 0, void 0),
+			}, false, "hoverExpandDelay"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			marquee: checkedProp(props["marquee"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "marquee", void 0, void 0),
+			}, false, "marquee"),
 			maxDepth: checkedProp(props["maxDepth"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "maxDepth", void 0, void 0),
+			}, false, "maxDepth"),
 			selection: checkedProp(props["selection"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "selection", void 0, [
-				"none",
-				"single",
-				"multiple"
-			])
+			}, false, "selection")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -152,7 +216,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			props: checkedProps
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-tree",
 				role: "tree"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -165,9 +229,12 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-tree-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3ae125ad"]]);
+}), [["__scopeId", "data-v-9e62850b"]]);
 //#endregion
 export { UiTree_default as t };