@threadlabs/looma 0.28.12 → 0.28.14

package/vue/chunks/UiCard.js

@@ -3,35 +3,35 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-as",
-	"data-padding",
-	"data-size",
-	"data-tone",
-	"data-variant",
+	"data-ui-card-prop-as",
+	"data-ui-card-prop-padding",
+	"data-ui-card-prop-size",
+	"data-ui-card-prop-tone",
+	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
 var _hoisted_2 = [
-	"data-as",
-	"data-padding",
-	"data-size",
-	"data-tone",
-	"data-variant",
+	"data-ui-card-prop-as",
+	"data-ui-card-prop-padding",
+	"data-ui-card-prop-size",
+	"data-ui-card-prop-tone",
+	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
 var _hoisted_3 = [
-	"data-as",
-	"data-padding",
-	"data-size",
-	"data-tone",
-	"data-variant",
+	"data-ui-card-prop-as",
+	"data-ui-card-prop-padding",
+	"data-ui-card-prop-size",
+	"data-ui-card-prop-tone",
+	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
 var _hoisted_4 = [
-	"data-as",
-	"data-padding",
-	"data-size",
-	"data-tone",
-	"data-variant",
+	"data-ui-card-prop-as",
+	"data-ui-card-prop-padding",
+	"data-ui-card-prop-size",
+	"data-ui-card-prop-tone",
+	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
 //#endregion
@@ -183,7 +183,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
 		checkHydratedRoot(checkedProps.value.as === "section" ? "section" : checkedProps.value.as === "article" ? "article" : checkedProps.value.as === "aside" ? "aside" : "div", "ui-card");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.padding && "padding",
 			checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`,
@@ -199,11 +199,13 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				key: 0,
 				class: "ui-card"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, 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-card": "",
+				"data-ui-card-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -213,11 +215,13 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				key: 1,
 				class: "ui-card"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, 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-card": "",
+				"data-ui-card-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_2)), [[unref(vPropValidity), {
@@ -227,11 +231,13 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				key: 2,
 				class: "ui-card"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, 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-card": "",
+				"data-ui-card-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_3)), [[unref(vPropValidity), {
@@ -241,11 +247,13 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				key: 3,
 				class: "ui-card"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, 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-card": "",
+				"data-ui-card-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_4)), [[unref(vPropValidity), {
@@ -254,6 +262,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-21693816"]]);
+}), [["__scopeId", "data-v-18331b81"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -4,15 +4,15 @@ 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/UiCheckbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-checked",
-	"data-disabled",
-	"data-indeterminate",
-	"data-invalid",
-	"data-label",
-	"data-name",
-	"data-required",
-	"data-size",
-	"data-value",
+	"data-ui-checkbox-prop-checked",
+	"data-ui-checkbox-prop-disabled",
+	"data-ui-checkbox-prop-indeterminate",
+	"data-ui-checkbox-prop-invalid",
+	"data-ui-checkbox-prop-label",
+	"data-ui-checkbox-prop-name",
+	"data-ui-checkbox-prop-required",
+	"data-ui-checkbox-prop-size",
+	"data-ui-checkbox-prop-value",
 	"data-ui-checkbox-state"
 ];
 var _hoisted_2 = [
@@ -24,8 +24,14 @@ var _hoisted_2 = [
 	"name",
 	"^value"
 ];
-var _hoisted_3 = { class: "text" };
-var _hoisted_4 = { class: "label" };
+var _hoisted_3 = {
+	class: "text",
+	"data-hn-ui-checkbox": ""
+};
+var _hoisted_4 = {
+	class: "label",
+	"data-hn-ui-checkbox": ""
+};
 //#endregion
 //#region .build/vue/UiCheckbox.vue
 var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -235,7 +241,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const internalChecked = ref(false);
 		provide("html-next:ui-checkbox:internalChecked", internalChecked);
 		checkHydratedRoot("label", "ui-checkbox");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.invalid && "invalid",
 			checkedProps.value.disabled && "disabled",
@@ -291,20 +297,23 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("label", mergeProps({ class: "ui-checkbox" }, 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-indeterminate": unref(reflectedProp)("indeterminate", "indeterminate", checkedProps.value.indeterminate, void 0, false),
-				"data-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
-				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, 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-checkbox": "",
+				"data-ui-checkbox-prop-checked": unref(reflectedProp)("checked", "checked", checkedProps.value.checked, void 0, false),
+				"data-ui-checkbox-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-checkbox-prop-indeterminate": unref(reflectedProp)("indeterminate", "indeterminate", checkedProps.value.indeterminate, void 0, false),
+				"data-ui-checkbox-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-ui-checkbox-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-checkbox-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-checkbox-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
+				"data-ui-checkbox-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-checkbox-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-checkbox-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [withDirectives(createElementVNode("input", {
 				type: "checkbox",
+				"data-hn-ui-checkbox": "",
 				"aria-label": checkedProps.value.label ?? void 0,
 				".indeterminate": checkedProps.value.indeterminate,
 				disabled: checkedProps.value.disabled ?? void 0,
@@ -323,6 +332,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]), 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-checkbox": "",
 				ref_key: "descriptionElement",
 				ref: descriptionElement
 			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -331,6 +341,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9ee4a683"]]);
+}), [["__scopeId", "data-v-084399a9"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -3,13 +3,13 @@ import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
-	"data-align",
-	"data-fixed",
-	"data-gap",
-	"data-justify",
-	"data-padding",
-	"data-padding-end",
-	"data-wrap",
+	"data-ui-cluster-prop-align",
+	"data-ui-cluster-prop-fixed",
+	"data-ui-cluster-prop-gap",
+	"data-ui-cluster-prop-justify",
+	"data-ui-cluster-prop-padding",
+	"data-ui-cluster-prop-padding-end",
+	"data-ui-cluster-prop-wrap",
 	"data-ui-cluster-state"
 ];
 //#endregion
@@ -196,7 +196,7 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-cluster");
-		/** The values the styles' :host-state() rules test. */
+		/** The values the styles' :host() prop and state rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fixed && "fixed",
 			checkedProps.value.padding && "padding",
@@ -214,13 +214,15 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-cluster" }, unref(nativeAttrs)(_ctx.$attrs), {
-				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
-				"data-fixed": unref(reflectedProp)("fixed", "fixed", checkedProps.value.fixed, void 0, false),
-				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
-				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
-				"data-padding-end": unref(reflectedProp)("paddingEnd", "padding-end", checkedProps.value.paddingEnd, void 0, false),
-				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				"data-hn": "",
+				"data-hn-ui-cluster": "",
+				"data-ui-cluster-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-ui-cluster-prop-fixed": unref(reflectedProp)("fixed", "fixed", checkedProps.value.fixed, void 0, false),
+				"data-ui-cluster-prop-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-ui-cluster-prop-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
+				"data-ui-cluster-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-ui-cluster-prop-padding-end": unref(reflectedProp)("paddingEnd", "padding-end", checkedProps.value.paddingEnd, void 0, false),
+				"data-ui-cluster-prop-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-cluster-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -228,6 +230,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f7de4d76"]]);
+}), [["__scopeId", "data-v-71a31514"]]);
 //#endregion
 export { UiCluster_default as t };