@threadlabs/looma 0.28.13 → 0.28.15

package/vue/chunks/UiActionBar.js

@@ -1,10 +1,22 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
 //#region .build/vue/UiActionBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "bar" };
-var _hoisted_2 = { class: "tertiary" };
-var _hoisted_3 = { class: "secondary" };
-var _hoisted_4 = { class: "primary" };
+var _hoisted_1 = {
+	class: "bar",
+	"data-hn-ui-action-bar": ""
+};
+var _hoisted_2 = {
+	class: "tertiary",
+	"data-hn-ui-action-bar": ""
+};
+var _hoisted_3 = {
+	class: "secondary",
+	"data-hn-ui-action-bar": ""
+};
+var _hoisted_4 = {
+	class: "primary",
+	"data-hn-ui-action-bar": ""
+};
 //#endregion
 //#region .build/vue/UiActionBar.vue
 var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -13,13 +25,16 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		checkHydratedRoot("div", "ui-action-bar");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ class: "ui-action-bar" }, unref(nativeAttrs)(_ctx.$attrs)), [createElementVNode("div", _hoisted_1, [
+			return openBlock(), createElementBlock("div", mergeProps({ class: "ui-action-bar" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-action-bar": ""
+			}), [createElementVNode("div", _hoisted_1, [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "tertiary", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "secondary", {}, void 0, true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "primary", {}, void 0, true)])
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-acb39d80"]]);
+}), [["__scopeId", "data-v-407235b8"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -3,8 +3,8 @@ 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/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-guide",
-	"data-near-radius",
+	"data-ui-affordance-scope-prop-guide",
+	"data-ui-affordance-scope-prop-near-radius",
 	"data-ui-affordance-scope-state"
 ];
 //#endregion
@@ -71,7 +71,7 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const engaged = ref(false);
 		provide("html-next:ui-affordance-scope:engaged", engaged);
 		checkHydratedRoot("span", "ui-affordance-scope");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			engaged.value && "engaged",
 			checkedProps.value.guide && "guide",
@@ -104,8 +104,10 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-affordance-scope" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-guide": unref(reflectedProp)("guide", "guide", checkedProps.value.guide, void 0, false),
-				"data-near-radius": unref(reflectedProp)("nearRadius", "near-radius", checkedProps.value.nearRadius, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-affordance-scope": "",
+				"data-ui-affordance-scope-prop-guide": unref(reflectedProp)("guide", "guide", checkedProps.value.guide, void 0, false),
+				"data-ui-affordance-scope-prop-near-radius": unref(reflectedProp)("nearRadius", "near-radius", checkedProps.value.nearRadius, void 0, false),
 				"data-ui-affordance-scope-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -115,6 +117,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a532020d"]]);
+}), [["__scopeId", "data-v-ee0a9e87"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -4,14 +4,14 @@ import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-active",
-	"data-alt",
-	"data-decorative",
-	"data-fallback",
-	"data-name",
-	"data-shape",
-	"data-size",
-	"data-src",
+	"data-ui-avatar-prop-active",
+	"data-ui-avatar-prop-alt",
+	"data-ui-avatar-prop-decorative",
+	"data-ui-avatar-prop-fallback",
+	"data-ui-avatar-prop-name",
+	"data-ui-avatar-prop-shape",
+	"data-ui-avatar-prop-size",
+	"data-ui-avatar-prop-src",
 	"data-ui-avatar-state"
 ];
 var _hoisted_2 = ["src", "hidden"];
@@ -207,7 +207,7 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		provide("html-next:ui-avatar:initials", initials);
 		provide("html-next:ui-avatar:showGlyph", showGlyph);
 		checkHydratedRoot("span", "ui-avatar");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -272,23 +272,26 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-avatar" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-active": unref(reflectedProp)("active", "active", checkedProps.value.active, void 0, false),
-				"data-alt": unref(reflectedProp)("alt", "alt", checkedProps.value.alt, void 0, false),
-				"data-decorative": unref(reflectedProp)("decorative", "decorative", checkedProps.value.decorative, void 0, false),
-				"data-fallback": unref(reflectedProp)("fallback", "fallback", checkedProps.value.fallback, void 0, false),
-				"data-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
-				"data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-src": unref(reflectedProp)("src", "src", checkedProps.value.src, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-avatar": "",
+				"data-ui-avatar-prop-active": unref(reflectedProp)("active", "active", checkedProps.value.active, void 0, false),
+				"data-ui-avatar-prop-alt": unref(reflectedProp)("alt", "alt", checkedProps.value.alt, void 0, false),
+				"data-ui-avatar-prop-decorative": unref(reflectedProp)("decorative", "decorative", checkedProps.value.decorative, void 0, false),
+				"data-ui-avatar-prop-fallback": unref(reflectedProp)("fallback", "fallback", checkedProps.value.fallback, void 0, false),
+				"data-ui-avatar-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-avatar-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
+				"data-ui-avatar-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-avatar-prop-src": unref(reflectedProp)("src", "src", checkedProps.value.src, void 0, false),
 				"data-ui-avatar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [
-				renderSlot(_ctx.$slots, "default"),
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
 				createElementVNode("img", {
 					class: "image",
 					alt: "",
 					"aria-hidden": "true",
+					"data-hn-ui-avatar": "",
 					src: checkedProps.value.src ?? void 0,
 					hidden: hasAuthoredImage.value || !hasImage.value,
 					ref_key: "imageElement",
@@ -296,9 +299,16 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				}, null, 8, _hoisted_2),
 				createElementVNode("span", {
 					class: "fallback",
+					"data-hn-ui-avatar": "",
 					"aria-hidden": hasImage.value,
 					hidden: hasImage.value
-				}, [createElementVNode("span", { hidden: showGlyph.value }, toDisplayString(initials.value), 9, _hoisted_4), createElementVNode("span", { hidden: !showGlyph.value }, [createVNode(UiIcon_default, {
+				}, [createElementVNode("span", {
+					"data-hn-ui-avatar": "",
+					hidden: showGlyph.value
+				}, toDisplayString(initials.value), 9, _hoisted_4), createElementVNode("span", {
+					"data-hn-ui-avatar": "",
+					hidden: !showGlyph.value
+				}, [createVNode(UiIcon_default, {
 					class: "ui-icon",
 					name: "user-round"
 				})], 8, _hoisted_5)], 8, _hoisted_3)
@@ -308,6 +318,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-35a9bbd0"]]);
+}), [["__scopeId", "data-v-e2e8f040"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -4,11 +4,11 @@ import { computed, createElementBlock, createElementVNode, defineComponent, getC
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-label",
-	"data-label",
-	"data-max",
-	"data-overflow-label",
-	"data-size",
-	"data-total",
+	"data-ui-avatar-group-prop-label",
+	"data-ui-avatar-group-prop-max",
+	"data-ui-avatar-group-prop-overflow-label",
+	"data-ui-avatar-group-prop-size",
+	"data-ui-avatar-group-prop-total",
 	"data-ui-avatar-group-state"
 ];
 var _hoisted_2 = ["hidden", "aria-label"];
@@ -139,7 +139,7 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		provide("html-next:ui-avatar-group:overflowCount", overflowCount);
 		provide("html-next:ui-avatar-group:overflowAnnouncement", overflowAnnouncement);
 		checkHydratedRoot("div", "ui-avatar-group");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js"), {
@@ -187,18 +187,21 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				class: "ui-avatar-group",
 				role: "group"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-avatar-group": "",
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
-				"data-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
-				"data-overflow-label": unref(reflectedProp)("overflowLabel", "overflow-label", checkedProps.value.overflowLabel, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-total": unref(reflectedProp)("total", "total", checkedProps.value.total, void 0, false),
+				"data-ui-avatar-group-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-avatar-group-prop-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
+				"data-ui-avatar-group-prop-overflow-label": unref(reflectedProp)("overflowLabel", "overflow-label", checkedProps.value.overflowLabel, void 0, false),
+				"data-ui-avatar-group-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-avatar-group-prop-total": unref(reflectedProp)("total", "total", checkedProps.value.total, void 0, false),
 				"data-ui-avatar-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("span", {
 				class: "overflow",
 				role: "img",
+				"data-hn-ui-avatar-group": "",
 				hidden: !overflowCount.value,
 				"aria-label": overflowAnnouncement.value,
 				ref_key: "overflowElement",
@@ -209,6 +212,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5e2aa6c5"]]);
+}), [["__scopeId", "data-v-06054946"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -3,17 +3,21 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-shape",
-	"data-size",
-	"data-tone",
-	"data-variant",
+	"data-ui-badge-prop-shape",
+	"data-ui-badge-prop-size",
+	"data-ui-badge-prop-tone",
+	"data-ui-badge-prop-variant",
 	"data-ui-badge-state"
 ];
 var _hoisted_2 = {
 	class: "icon",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-badge": ""
+};
+var _hoisted_3 = {
+	class: "label",
+	"data-hn-ui-badge": ""
 };
-var _hoisted_3 = { class: "label" };
 //#endregion
 //#region .build/vue/UiBadge.vue
 var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -139,7 +143,7 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("span", "ui-badge");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -152,17 +156,19 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-badge" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
-				"data-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
-				"data-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
-				"data-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-badge": "",
+				"data-ui-badge-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
+				"data-ui-badge-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-badge-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-badge-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-badge-state": hostState.value || void 0
-			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon")]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dcfe59e7"]]);
+}), [["__scopeId", "data-v-65cdfa27"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -5,14 +5,18 @@ import { computed, createElementBlock, createElementVNode, createVNode, defineCo
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
-	"data-current",
+	"data-ui-breadcrumb-item-prop-current",
 	"data-ui-breadcrumb-item-state"
 ];
 var _hoisted_2 = {
 	class: "separator",
-	"aria-hidden": "true"
+	"aria-hidden": "true",
+	"data-hn-ui-breadcrumb-item": ""
+};
+var _hoisted_3 = {
+	class: "content",
+	"data-hn-ui-breadcrumb-item": ""
 };
-var _hoisted_3 = { class: "content" };
 //#endregion
 //#region .build/vue/UiBreadcrumbItem.vue
 var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -62,22 +66,24 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}, concat(checkedProps.value.current)));
 		});
 		checkHydratedRoot("li", "ui-breadcrumb-item");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [checkedProps.value.current && "current"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ class: "ui-breadcrumb-item" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-breadcrumb-item": "",
 				"aria-current": guarded.value,
-				"data-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
+				"data-ui-breadcrumb-item-prop-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
 				"data-ui-breadcrumb-item-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, {
 				class: "ui-icon",
 				name: "chevron-right"
-			})]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			})]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0626068f"]]);
+}), [["__scopeId", "data-v-455821a1"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -2,8 +2,11 @@ import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helpe
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "data-label"];
-var _hoisted_2 = { role: "list" };
+var _hoisted_1 = ["aria-label", "data-ui-breadcrumbs-prop-label"];
+var _hoisted_2 = {
+	role: "list",
+	"data-hn-ui-breadcrumbs": ""
+};
 //#endregion
 //#region .build/vue/UiBreadcrumbs.vue
 var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -38,14 +41,16 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		checkHydratedRoot("nav", "ui-breadcrumbs");
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("nav", mergeProps({ class: "ui-breadcrumbs" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-breadcrumbs": "",
 				"aria-label": checkedProps.value.label ?? void 0,
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false)
+				"data-ui-breadcrumbs-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false)
 			}), [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0c4dea62"]]);
+}), [["__scopeId", "data-v-a2797000"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };