@threadlabs/looma 0.9.2 → 0.10.1

package/vue/chunks/UiCombobox.js

@@ -25,50 +25,54 @@ var _hoisted_6 = [
 	"aria-busy",
 	".value",
 	"placeholder",
-	"name",
 	"disabled",
 	"readonly",
 	"required"
 ];
-var _hoisted_7 = {
-	key: 1,
-	type: "button",
-	"data-combobox-action": "clear",
-	"aria-label": "Clear"
-};
-var _hoisted_8 = ["aria-controls"];
-var _hoisted_9 = ["id", "disabled"];
-var _hoisted_10 = ["hidden"];
-var _hoisted_11 = [
+var _hoisted_7 = [
+	"name",
+	"value",
+	"disabled"
+];
+var _hoisted_8 = [
+	"name",
+	"value",
+	"disabled"
+];
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = ["aria-controls", "disabled"];
+var _hoisted_11 = ["id", "disabled"];
+var _hoisted_12 = ["hidden"];
+var _hoisted_13 = [
 	"id",
 	"aria-label",
 	"aria-busy"
 ];
-var _hoisted_12 = ["role", "aria-label"];
-var _hoisted_13 = {
+var _hoisted_14 = ["role", "aria-label"];
+var _hoisted_15 = {
 	key: 0,
 	class: "group"
 };
-var _hoisted_14 = [
+var _hoisted_16 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"data-index"
 ];
-var _hoisted_15 = { class: "primary" };
-var _hoisted_16 = ["id", "data-index"];
-var _hoisted_17 = {
+var _hoisted_17 = { class: "primary" };
+var _hoisted_18 = ["id", "data-index"];
+var _hoisted_19 = {
 	key: 1,
 	class: "message"
 };
-var _hoisted_18 = ["id", "hidden"];
-var _hoisted_19 = {
+var _hoisted_20 = ["id", "hidden"];
+var _hoisted_21 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_20 = {
+var _hoisted_22 = {
 	class: "authored-options",
 	hidden: "",
 	"aria-hidden": "true",
@@ -162,6 +166,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			issues: []
 		});
 		const uid = ref("");
+		const submitted = ref("");
 		const groups = ref([]);
 		const creatable = ref(false);
 		const createIndex = ref(0);
@@ -280,6 +285,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				lookupError,
 				validation,
 				uid,
+				submitted,
 				groups,
 				creatable,
 				createIndex,
@@ -335,13 +341,34 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"aria-busy": validationStatus.value === "pending",
 						".value": display.value,
 						placeholder: __props.placeholder,
-						name: __props.name,
 						disabled: __props.disabled,
 						readonly: __props.readonly,
-						required: __props.required,
+						required: __props.required && !(__props.multiple && internalItems.value[0]),
 						ref: "input"
 					}, null, 40, _hoisted_6),
-					__props.clearable ? (openBlock(), createElementBlock("button", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					__props.name && !__props.multiple ? (openBlock(), createElementBlock("input", {
+						key: 1,
+						type: "hidden",
+						name: __props.name,
+						value: submitted.value,
+						disabled: __props.disabled
+					}, null, 8, _hoisted_7)) : createCommentVNode("v-if", true),
+					__props.name && __props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(internalItems.value, (item) => {
+						return openBlock(), createElementBlock("input", {
+							key: item.id,
+							type: "hidden",
+							name: __props.name,
+							value: item.value,
+							disabled: __props.disabled
+						}, null, 8, _hoisted_8);
+					}), 128)) : createCommentVNode("v-if", true),
+					__props.clearable ? (openBlock(), createElementBlock("button", {
+						key: 3,
+						type: "button",
+						"data-combobox-action": "clear",
+						"aria-label": "Clear",
+						disabled: __props.disabled || __props.readonly
+					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
 						viewBox: "0 0 24 24",
@@ -349,14 +376,15 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						stroke: "currentColor",
 						"stroke-width": "2",
 						"stroke-linecap": "round"
-					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])])) : createCommentVNode("v-if", true),
+					}, [createElementVNode("path", { d: "M7 7l10 10M17 7 7 17" })], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true),
 					__props.disclosure ? (openBlock(), createElementBlock("button", {
-						key: 2,
+						key: 4,
 						type: "button",
 						"data-combobox-action": "disclosure",
 						tabindex: "-1",
 						"aria-label": "Show suggestions",
-						"aria-controls": `${uid.value}-listbox`
+						"aria-controls": `${uid.value}-listbox`,
+						disabled: __props.disabled || __props.readonly
 					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						class: "affordance-icon",
 						"aria-hidden": "true",
@@ -366,7 +394,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"stroke-width": "2.25",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_8)) : createCommentVNode("v-if", true)
+					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true)
 				], 512), __props.help ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "help",
@@ -391,7 +419,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}),
 					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)]),
+				], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]),
 				__props.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
 					trigger: "click",
@@ -417,7 +445,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_13, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row) => {
+						}, [group.name ? (openBlock(), createElementBlock("div", _hoisted_15, 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 }]),
@@ -426,8 +454,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								"aria-selected": row.selected,
 								"aria-disabled": row.disabled,
 								"data-index": row.index
-							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_15, toDisplayString(row.label), 1)], true)], 10, _hoisted_14);
-						}), 128))], 8, _hoisted_12);
+							}, [renderSlot(_ctx.$slots, `option-${row.id}`, {}, () => [createElementVNode("span", _hoisted_17, toDisplayString(row.label), 1)], true)], 10, _hoisted_16);
+						}), 128))], 8, _hoisted_14);
 					}), 128)),
 					creatable.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -436,21 +464,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_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),
+					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_18)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_13), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_12),
 				createElementVNode("div", {
 					class: "message",
 					id: `${uid.value}-validation`,
-					hidden: !validation.value.issues.length
+					hidden: !validation.value.issues[0]
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, index) => {
 					return openBlock(), createElementBlock("div", { key: index }, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_18),
-				createElementVNode("div", _hoisted_19, toDisplayString(statusText.value), 1),
-				createElementVNode("div", _hoisted_20, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
+				}), 128))], 8, _hoisted_20),
+				createElementVNode("div", _hoisted_21, toDisplayString(statusText.value), 1),
+				createElementVNode("div", _hoisted_22, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-3b8b0ecf"]]);
+}), [["__scopeId", "data-v-cd33b9b7"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -1,7 +1,13 @@
+import { n as useComponentHost, t as createDispatch } from "./host.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-editor-toolbar/ui-editor-toolbar.js";
 //#region .build/vue/UiEditorToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editor-toolbar-state"];
+var _hoisted_2 = {
+	class: "strip",
+	ref: "strip"
+};
 //#endregion
 //#region .build/vue/UiEditorToolbar.vue
 var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -13,16 +19,39 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	} },
 	setup(__props) {
 		const props = __props;
+		const root = ref(null);
+		const stripElement = useTemplateRef("strip");
+		const overflowStart = ref(false);
+		const overflowEnd = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.floating && "floating"].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			overflowStart.value && "overflowStart",
+			overflowEnd.value && "overflowEnd",
+			props.floating && "floating"
+		].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			refs: { strip: stripElement },
+			state: {
+				overflowStart,
+				overflowEnd
+			}
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-toolbar",
 				role: "toolbar",
 				"aria-label": "Editor toolbar"
-			}, _ctx.$attrs, { "data-ui-editor-toolbar-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			}, _ctx.$attrs, {
+				"data-ui-editor-toolbar-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b71db5ba"]]);
+}), [["__scopeId", "data-v-e776f060"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -3,7 +3,11 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/ui-radio-group.js";
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-radio-group-state"];
+var _hoisted_1 = [
+	"aria-required",
+	"disabled",
+	"data-ui-radio-group-state"
+];
 //#endregion
 //#region .build/vue/UiRadioGroup.vue
 var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -63,12 +67,14 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-component": "ui-radio-group",
 				role: "radiogroup"
 			}, _ctx.$attrs, {
+				"aria-required": __props.required,
+				disabled: __props.disabled,
 				"data-ui-radio-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("legend", null, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-cd639df6"]]);
+}), [["__scopeId", "data-v-f54344c6"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -1,7 +1,11 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
 //#region .build/vue/UiSearchResultRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["disabled", "data-ui-search-result-row-state"];
+var _hoisted_1 = [
+	"disabled",
+	"aria-current",
+	"data-ui-search-result-row-state"
+];
 var _hoisted_2 = { class: "leading" };
 var _hoisted_3 = { class: "content" };
 var _hoisted_4 = { class: "title" };
@@ -33,6 +37,7 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				type: "button"
 			}, _ctx.$attrs, {
 				disabled: __props.disabled,
+				"aria-current": __props.selected,
 				"data-ui-search-result-row-state": hostState.value || void 0
 			}), [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
@@ -45,6 +50,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9f29c4b0"]]);
+}), [["__scopeId", "data-v-c2562cce"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSwitch.js

@@ -8,6 +8,7 @@ var _hoisted_2 = [
 	".checked",
 	"disabled",
 	"required",
+	"name",
 	"value"
 ];
 var _hoisted_3 = { class: "label" };
@@ -25,6 +26,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: false
 		},
+		name: { default: "" },
 		required: {
 			type: Boolean,
 			default: false
@@ -71,11 +73,12 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				".checked": internalChecked.value,
 				disabled: __props.disabled,
 				required: __props.required,
+				name: __props.name,
 				value: __props.value,
 				ref: "input"
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-529fe437"]]);
+}), [["__scopeId", "data-v-aeb44053"]]);
 //#endregion
 export { UiSwitch_default as t };