@threadlabs/looma 0.6.1 → 0.6.3

package/vue/chunks/UiCombobox.js

@@ -6,16 +6,17 @@ import * as controllerModule from "@threadlabs/looma/components/ui-combobox/ui-c
 //#region .build/vue/UiCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-combobox-state"];
 var _hoisted_2 = ["for"];
-var _hoisted_3 = {
+var _hoisted_3 = { class: "control" };
+var _hoisted_4 = {
 	class: "field",
 	ref: "field"
 };
-var _hoisted_4 = [
+var _hoisted_5 = [
 	"data-index",
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_5 = [
+var _hoisted_6 = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
@@ -28,45 +29,45 @@ var _hoisted_5 = [
 	"readonly",
 	"required"
 ];
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 1,
 	type: "button",
 	"data-combobox-action": "clear",
 	"aria-label": "Clear"
 };
-var _hoisted_7 = ["id", "disabled"];
 var _hoisted_8 = ["aria-controls"];
-var _hoisted_9 = ["hidden"];
-var _hoisted_10 = [
+var _hoisted_9 = ["id", "disabled"];
+var _hoisted_10 = ["hidden"];
+var _hoisted_11 = [
 	"id",
 	"aria-label",
 	"aria-busy"
 ];
-var _hoisted_11 = ["role", "aria-label"];
-var _hoisted_12 = {
+var _hoisted_12 = ["role", "aria-label"];
+var _hoisted_13 = {
 	key: 0,
 	class: "group"
 };
-var _hoisted_13 = [
+var _hoisted_14 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"data-index"
 ];
-var _hoisted_14 = { class: "primary" };
-var _hoisted_15 = ["id", "data-index"];
-var _hoisted_16 = {
+var _hoisted_15 = { class: "primary" };
+var _hoisted_16 = ["id", "data-index"];
+var _hoisted_17 = {
 	key: 1,
 	class: "message"
 };
-var _hoisted_17 = ["id", "hidden"];
-var _hoisted_18 = {
+var _hoisted_18 = ["id", "hidden"];
+var _hoisted_19 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_19 = {
+var _hoisted_20 = {
 	class: "authored-options",
 	hidden: "",
 	"aria-hidden": "true",
@@ -143,6 +144,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const popupElement = useTemplateRef("popup");
 		const listboxElement = useTemplateRef("listbox");
 		const optionsElement = useTemplateRef("options");
+		const internalItems = ref([]);
 		const raw = ref("");
 		const display = ref("");
 		const selected = ref(null);
@@ -327,6 +329,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			})) ?? true;
 		}
 		function read(name) {
+			if (name === "internalItems") return internalItems.value;
 			if (name === "raw") return raw.value;
 			if (name === "display") return display.value;
 			if (name === "selected") return selected.value;
@@ -347,6 +350,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return props[name];
 		}
 		function write(name, value) {
+			if (name === "internalItems") {
+				internalItems.value = value;
+				return true;
+			}
 			if (name === "raw") {
 				raw.value = value;
 				return true;
@@ -512,9 +519,9 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					for: `${uid.value}-input`,
 					class: normalizeClass({ "sr-only": __props.labelVisibility === "sr-only" })
 				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" *")], 64)) : createCommentVNode("v-if", true)], 10, _hoisted_2),
-				createElementVNode("div", _hoisted_3, [
+				createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [
 					renderSlot(_ctx.$slots, "start", {}, void 0, true),
-					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.items, (item, index) => {
+					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(internalItems.value, (item, index) => {
 						return openBlock(), createElementBlock("button", {
 							key: item.id,
 							class: "item",
@@ -526,7 +533,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						}, [renderSlot(_ctx.$slots, `item-${item.id}`, {}, () => [createVNode(UiBadge_default, null, {
 							default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 							_: 2
-						}, 1024)], true)], 8, _hoisted_4);
+						}, 1024)], true)], 8, _hoisted_5);
 					}), 128)) : createCommentVNode("v-if", true),
 					createElementVNode("input", {
 						role: "combobox",
@@ -544,8 +551,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						readonly: __props.readonly,
 						required: __props.required,
 						ref: "input"
-					}, null, 40, _hoisted_5),
-					__props.clearable ? (openBlock(), createElementBlock("button", _hoisted_6, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					}, null, 40, _hoisted_6),
+					__props.clearable ? (openBlock(), createElementBlock("button", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24",
@@ -554,21 +561,14 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-width": "2",
 						"stroke-linecap": "round"
 					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])])) : createCommentVNode("v-if", true),
-					__props.help ? (openBlock(), createElementBlock("button", {
-						key: 2,
-						type: "button",
-						"aria-label": "Help",
-						id: `${uid.value}-help`,
-						disabled: __props.disabled
-					}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { "aria-hidden": "true" }, "?", -1)])], 8, _hoisted_7)) : createCommentVNode("v-if", true),
 					__props.disclosure ? (openBlock(), createElementBlock("button", {
-						key: 3,
+						key: 2,
 						type: "button",
 						"data-combobox-action": "disclosure",
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
 						"aria-controls": `${uid.value}-listbox`
-					}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24",
@@ -578,9 +578,34 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_8)) : createCommentVNode("v-if", true)
-				], 512),
+				], 512), __props.help ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "help",
+					type: "button",
+					"aria-label": "Help",
+					id: `${uid.value}-help`,
+					disabled: __props.disabled
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					class: "help-icon",
+					"aria-hidden": "true",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [
+					createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					createElementVNode("path", { d: "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3" }),
+					createElementVNode("path", { d: "M12 17h.01" })
+				], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true)]),
 				__props.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
+					trigger: "click",
 					id: `${uid.value}-help-text`,
 					for: `${uid.value}-help`
 				}, {
@@ -603,7 +628,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							key: group.name,
 							role: group.role,
 							"aria-label": group.label ?? void 0
-						}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row) => {
+						}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row) => {
 							return openBlock(), createElementBlock("div", {
 								key: row.id,
 								class: normalizeClass(["option", { active: row.index === active.value }]),
@@ -612,8 +637,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								"aria-selected": row.value === selected.value,
 								"aria-disabled": row.disabled,
 								"data-index": row.index
-							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_14, toDisplayString(row.label), 1)], true)], 10, _hoisted_13);
-						}), 128))], 8, _hoisted_11);
+							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_15, toDisplayString(row.label), 1)], true)], 10, _hoisted_14);
+						}), 128))], 8, _hoisted_12);
 					}), 128)),
 					creatable.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -622,21 +647,21 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"aria-selected": "false",
 						id: `${uid.value}-option-${createIndex.value}`,
 						"data-index": createIndex.value
-					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_15)) : createCommentVNode("v-if", true),
-					message.value ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
-				], 8, _hoisted_10), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_9),
+					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_16)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_11), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_10),
 				createElementVNode("div", {
 					class: "message",
 					id: `${uid.value}-validation`,
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, index) => {
 					return openBlock(), createElementBlock("div", { key: index }, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_17),
-				createElementVNode("div", _hoisted_18, toDisplayString(statusText.value), 1),
-				createElementVNode("div", _hoisted_19, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
+				}), 128))], 8, _hoisted_18),
+				createElementVNode("div", _hoisted_19, toDisplayString(statusText.value), 1),
+				createElementVNode("div", _hoisted_20, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-147b231f"]]);
+}), [["__scopeId", "data-v-f1d9bb8a"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiMenuItem.js

@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-deb5a674"]]);
+}), [["__scopeId", "data-v-69407da9"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiTabs.js

@@ -172,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-b9e876c6"]]);
+}), [["__scopeId", "data-v-3e89baea"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTooltip.js

@@ -21,10 +21,12 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			default: false
 		},
 		placement: { default: "top-start" },
-		showDelay: { default: 500 }
+		showDelay: { default: 500 },
+		trigger: { default: "hover" }
 	},
 	emits: [
 		"update:open",
+		"update:trigger",
 		"open",
 		"close"
 	],
@@ -69,6 +71,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			const emitEvent = emit;
 			emitEvent(name, detail);
 			if (detail !== null && typeof detail === "object" && "open" in detail) emitEvent("update:open", detail["open"]);
+			if (detail !== null && typeof detail === "object" && "trigger" in detail) emitEvent("update:trigger", detail["trigger"]);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
@@ -157,6 +160,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-3099b119"]]);
+}), [["__scopeId", "data-v-3af2132e"]]);
 //#endregion
 export { UiTooltip_default as t };