@threadlabs/looma 0.28.12 → 0.28.14

package/vue/chunks/UiStatusMessage.js

@@ -5,15 +5,24 @@ import { computed, createElementBlock, createElementVNode, createVNode, defineCo
 //#region .build/vue/UiStatusMessage.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
-	"data-heading",
-	"data-kind",
-	"data-layout",
+	"data-ui-status-message-prop-heading",
+	"data-ui-status-message-prop-kind",
+	"data-ui-status-message-prop-layout",
 	"data-ui-status-message-state"
 ];
-var _hoisted_2 = { class: "copy" };
+var _hoisted_2 = {
+	class: "copy",
+	"data-hn-ui-status-message": ""
+};
 var _hoisted_3 = ["hidden"];
-var _hoisted_4 = { class: "message" };
-var _hoisted_5 = { class: "action" };
+var _hoisted_4 = {
+	class: "message",
+	"data-hn-ui-status-message": ""
+};
+var _hoisted_5 = {
+	class: "action",
+	"data-hn-ui-status-message": ""
+};
 //#endregion
 //#region .build/vue/UiStatusMessage.vue
 var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -113,7 +122,7 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}, concat(checkedProps.value.kind === "error")));
 		});
 		checkHydratedRoot("div", "ui-status-message");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.kind && "kind",
 			checkedProps.value.kind != null && `kind=${encodeURIComponent(checkedProps.value.kind)}`,
@@ -122,10 +131,12 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-status-message" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-status-message": "",
 				role: guarded.value,
-				"data-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
-				"data-kind": unref(reflectedProp)("kind", "kind", checkedProps.value.kind, void 0, false),
-				"data-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-ui-status-message-prop-heading": unref(reflectedProp)("heading", "heading", checkedProps.value.heading, void 0, false),
+				"data-ui-status-message-prop-kind": unref(reflectedProp)("kind", "kind", checkedProps.value.kind, void 0, false),
+				"data-ui-status-message-prop-layout": unref(reflectedProp)("layout", "layout", checkedProps.value.layout, void 0, false),
 				"data-ui-status-message-state": hostState.value || void 0
 			}), [
 				createVNode(UiSpinner_default, {
@@ -135,6 +146,7 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				}, null, 8, ["hidden"]),
 				createElementVNode("span", _hoisted_2, [createElementVNode("strong", {
 					class: "heading",
+					"data-hn-ui-status-message": "",
 					hidden: !checkedProps.value.heading
 				}, toDisplayString(checkedProps.value.heading), 9, _hoisted_3), createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]),
 				createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "action", {}, void 0, true)])
@@ -144,6 +156,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0700f9fb"]]);
+}), [["__scopeId", "data-v-20e6b4c4"]]);
 //#endregion
 export { UiStatusMessage_default as t };

package/vue/chunks/UiSwatch.js

@@ -5,7 +5,7 @@ import { computed, createElementBlock, defineComponent, mergeProps, openBlock, u
 var _hoisted_1 = [
 	"^value",
 	"aria-label",
-	"data-tone",
+	"data-ui-swatch-prop-tone",
 	"data-ui-swatch-state"
 ];
 //#endregion
@@ -56,16 +56,17 @@ var UiSwatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			purple: "Purple"
 		})[checkedProps.value.tone]);
 		checkHydratedRoot("input", "ui-swatch");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("input", mergeProps({
 				class: "ui-swatch",
 				type: "radio"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
 				"^value": checkedProps.value.tone ?? void 0,
 				"aria-label": typeof unref(toneName) === "boolean" ? String(unref(toneName)) : unref(attribute)(unref(toneName)),
-				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-swatch-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-swatch-state": hostState.value || void 0
 			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -73,6 +74,6 @@ var UiSwatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-42e76006"]]);
+}), [["__scopeId", "data-v-652aa600"]]);
 //#endregion
 export { UiSwatch_default as t };

package/vue/chunks/UiSwitch.js

@@ -4,12 +4,12 @@ import { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-checked",
-	"data-disabled",
-	"data-name",
-	"data-required",
-	"data-size",
-	"data-value",
+	"data-ui-switch-prop-checked",
+	"data-ui-switch-prop-disabled",
+	"data-ui-switch-prop-name",
+	"data-ui-switch-prop-required",
+	"data-ui-switch-prop-size",
+	"data-ui-switch-prop-value",
 	"data-ui-switch-state"
 ];
 var _hoisted_2 = [
@@ -18,8 +18,14 @@ var _hoisted_2 = [
 	"name",
 	"^value"
 ];
-var _hoisted_3 = { class: "text" };
-var _hoisted_4 = { class: "label" };
+var _hoisted_3 = {
+	class: "text",
+	"data-hn-ui-switch": ""
+};
+var _hoisted_4 = {
+	class: "label",
+	"data-hn-ui-switch": ""
+};
 //#endregion
 //#region .build/vue/UiSwitch.vue
 var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -172,7 +178,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const internalChecked = ref(false);
 		provide("html-next:ui-switch:internalChecked", internalChecked);
 		checkHydratedRoot("label", "ui-switch");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.disabled && "disabled",
 			checkedProps.value.size && "size",
@@ -224,18 +230,21 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("label", mergeProps({ class: "ui-switch" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
-				"data-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
-				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
-				"data-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-switch": "",
+				"data-ui-switch-prop-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-ui-switch-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-switch-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-switch-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-switch-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-switch-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-switch-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [withDirectives(createElementVNode("input", {
 				type: "checkbox",
 				role: "switch",
+				"data-hn-ui-switch": "",
 				disabled: checkedProps.value.disabled ?? void 0,
 				required: checkedProps.value.required ?? void 0,
 				name: checkedProps.value.name ?? void 0,
@@ -251,6 +260,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
 				class: "description",
 				"aria-hidden": "true",
+				"data-hn-ui-switch": "",
 				ref_key: "descriptionElement",
 				ref: descriptionElement
 			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -259,6 +269,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ebf64e70"]]);
+}), [["__scopeId", "data-v-287c6f38"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -3,10 +3,10 @@ import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acce
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-align",
-	"data-gap",
-	"data-limit",
-	"data-threshold",
+	"data-ui-switcher-prop-align",
+	"data-ui-switcher-prop-gap",
+	"data-ui-switcher-prop-limit",
+	"data-ui-switcher-prop-threshold",
 	"data-ui-switcher-state"
 ];
 //#endregion
@@ -125,7 +125,7 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const overLimit = ref(false);
 		provide("html-next:ui-switcher:overLimit", overLimit);
 		checkHydratedRoot("div", "ui-switcher");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			overLimit.value && "overLimit",
 			checkedProps.value.gap && "gap",
@@ -167,19 +167,21 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-switcher" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
-				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-limit": unref(reflectedProp)("limit", "limit", checkedProps.value.limit, void 0, false),
-				"data-threshold": unref(reflectedProp)("threshold", "threshold", checkedProps.value.threshold, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-switcher": "",
+				"data-ui-switcher-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-ui-switcher-prop-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-ui-switcher-prop-limit": unref(reflectedProp)("limit", "limit", checkedProps.value.limit, void 0, false),
+				"data-ui-switcher-prop-threshold": unref(reflectedProp)("threshold", "threshold", checkedProps.value.threshold, void 0, false),
 				"data-ui-switcher-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-69307b88"]]);
+}), [["__scopeId", "data-v-6927f3ba"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTable.js

@@ -3,8 +3,8 @@ import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-density",
-	"data-sticky-header",
+	"data-ui-table-prop-density",
+	"data-ui-table-prop-sticky-header",
 	"data-ui-table-state"
 ];
 //#endregion
@@ -69,7 +69,7 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		checkHydratedRoot("div", "ui-table");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -97,17 +97,19 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-table" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-sticky-header": unref(reflectedProp)("stickyHeader", "sticky-header", checkedProps.value.stickyHeader, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-table": "",
+				"data-ui-table-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-table-prop-sticky-header": unref(reflectedProp)("stickyHeader", "sticky-header", checkedProps.value.stickyHeader, void 0, false),
 				"data-ui-table-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-35567462"]]);
+}), [["__scopeId", "data-v-fb313975"]]);
 //#endregion
 export { UiTable_default as t };

package/vue/chunks/UiTabs.js

@@ -3,13 +3,13 @@ import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acce
 import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-activation",
-	"data-density",
-	"data-group",
-	"data-label",
-	"data-orientation",
-	"data-stretch",
-	"data-value",
+	"data-ui-tabs-prop-activation",
+	"data-ui-tabs-prop-density",
+	"data-ui-tabs-prop-group",
+	"data-ui-tabs-prop-label",
+	"data-ui-tabs-prop-orientation",
+	"data-ui-tabs-prop-stretch",
+	"data-ui-tabs-prop-value",
 	"data-ui-tabs-state"
 ];
 var _hoisted_2 = ["aria-label", "aria-orientation"];
@@ -186,7 +186,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		provide("html-next:ui-tabs:internalValue", internalValue);
 		provide("html-next:ui-tabs:tabs", tabs);
 		checkHydratedRoot("div", "ui-tabs");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -268,19 +268,22 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-tabs" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-activation": unref(reflectedProp)("activation", "activation", checkedProps.value.activation, void 0, false),
-				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
-				"data-group": unref(reflectedProp)("group", "group", checkedProps.value.group, void 0, false),
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
-				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
-				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-tabs": "",
+				"data-ui-tabs-prop-activation": unref(reflectedProp)("activation", "activation", checkedProps.value.activation, void 0, false),
+				"data-ui-tabs-prop-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-ui-tabs-prop-group": unref(reflectedProp)("group", "group", checkedProps.value.group, void 0, false),
+				"data-ui-tabs-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-tabs-prop-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-ui-tabs-prop-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
+				"data-ui-tabs-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-tabs-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", {
 				class: "list",
 				role: "tablist",
+				"data-hn-ui-tabs": "",
 				"aria-label": checkedProps.value.label ?? void 0,
 				"aria-orientation": checkedProps.value.orientation ?? void 0,
 				ref_key: "listElement",
@@ -291,6 +294,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 						key: tab.id,
 						type: "button",
 						role: "tab",
+						"data-hn-ui-tabs": "",
 						id: unref(concat)(tab.id, "-tab"),
 						value: tab.id,
 						"aria-controls": tab.id,
@@ -298,16 +302,17 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					}, toDisplayString(tab.label), 9, _hoisted_3);
 				}), 128))]),
 				_: 1
-			})])], 8, _hoisted_2), createElementVNode("div", {
+			})], true)], 8, _hoisted_2), createElementVNode("div", {
 				class: "panels",
+				"data-hn-ui-tabs": "",
 				ref_key: "panelsElement",
 				ref: panelsElement
-			}, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-95306b0d"]]);
+}), [["__scopeId", "data-v-0d4a5525"]]);
 //#endregion
 export { UiTabs_default as t };