@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiAvatar.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, 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
@@ -24,38 +24,15 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	inheritAttrs: false,
 	__name: "UiAvatar",
 	props: {
-		active: {
-			type: null,
-			default: false
-		},
-		alt: {
-			type: null,
-			default: ""
-		},
-		decorative: {
-			type: null,
-			default: false
-		},
-		fallback: {
-			type: null,
-			default: ""
-		},
-		name: {
-			type: null,
-			default: ""
-		},
-		shape: {
-			type: null,
-			default: "circle"
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		src: {
-			type: null,
-			default: null
-		}
+		active: { type: null },
+		alt: { type: null },
+		decorative: { type: null },
+		fallback: { type: null },
+		name: { type: null },
+		shape: { type: null },
+		size: { type: null },
+		src: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -146,7 +123,7 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			active: false,
 			alt: "",
 			decorative: false,
@@ -155,41 +132,67 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			shape: "circle",
 			size: "md",
 			src: null
-		};
-		const checkedProps = computed(() => ({
-			active: checkedProp(props["active"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "active", acceptedProps),
-			alt: checkedProp(props["alt"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "alt", acceptedProps),
-			decorative: checkedProp(props["decorative"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "decorative", acceptedProps),
-			fallback: checkedProp(props["fallback"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "fallback", acceptedProps),
-			name: checkedProp(props["name"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "name", acceptedProps),
-			shape: checkedProp(props["shape"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "shape", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			src: checkedProp(props["src"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "src", acceptedProps)
-		}));
+		}, {
+			active: false,
+			alt: "",
+			decorative: false,
+			fallback: "",
+			name: "",
+			shape: "circle",
+			size: "md"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "active": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "alt": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "decorative": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "fallback": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "name": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "shape": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "src": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				active: propInputs.value("active", props["active"], props[BINDING_INPUTS_PROP]),
+				alt: propInputs.value("alt", props["alt"], props[BINDING_INPUTS_PROP]),
+				decorative: propInputs.value("decorative", props["decorative"], props[BINDING_INPUTS_PROP]),
+				fallback: propInputs.value("fallback", props["fallback"], props[BINDING_INPUTS_PROP]),
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				src: propInputs.value("src", props["src"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -238,11 +241,19 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					name: "boolean"
 				}
 			}[name], keys),
+			initials: {
+				hasImage: false,
+				hasAuthoredImage: false,
+				initials: "?",
+				showGlyph: false
+			},
 			controllerSource: {
 				specifier: "../components/ui-avatar/ui-avatar.js",
 				definition: "./components/ui-avatar/ui-avatar.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -324,6 +335,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bea3455f"]]);
+}), [["__scopeId", "data-v-8fa4a68f"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -18,26 +18,12 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	inheritAttrs: false,
 	__name: "UiAvatarGroup",
 	props: {
-		label: {
-			type: null,
-			default: "People"
-		},
-		max: {
-			type: null,
-			default: 5
-		},
-		overflowLabel: {
-			type: null,
-			default: "{count} more"
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		total: {
-			type: null,
-			default: null
-		}
+		label: { type: null },
+		max: { type: null },
+		overflowLabel: { type: null },
+		size: { type: null },
+		total: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -97,35 +83,55 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			label: "People",
 			max: 5,
 			overflowLabel: "{count} more",
 			size: "md",
 			total: null
-		};
-		const checkedProps = computed(() => ({
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			max: checkedProp(props["max"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "max", acceptedProps),
-			overflowLabel: checkedProp(props["overflowLabel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "overflowLabel", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			total: checkedProp(props["total"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "total", acceptedProps)
-		}));
+		}, {
+			label: "People",
+			max: 5,
+			overflowLabel: "{count} more",
+			size: "md"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "max": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "overflowLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "total": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				max: propInputs.value("max", props["max"], props[BINDING_INPUTS_PROP]),
+				overflowLabel: propInputs.value("overflowLabel", props["overflowLabel"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				total: propInputs.value("total", props["total"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -155,11 +161,17 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				overflowCount: 0,
+				overflowAnnouncement: ""
+			},
 			controllerSource: {
 				specifier: "../components/ui-avatar-group/ui-avatar-group.js",
 				definition: "./components/ui-avatar-group/ui-avatar-group.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -216,6 +228,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-24eedda2"]]);
+}), [["__scopeId", "data-v-40ff6dd3"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -24,22 +24,11 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	inheritAttrs: false,
 	__name: "UiBadge",
 	props: {
-		shape: {
-			type: null,
-			default: "pill"
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		tone: {
-			type: null,
-			default: "neutral"
-		},
-		variant: {
-			type: null,
-			default: "subtle"
-		}
+		shape: { type: null },
+		size: { type: null },
+		tone: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -113,30 +102,49 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			shape: "pill",
 			size: "md",
 			tone: "neutral",
 			variant: "subtle"
-		};
-		const checkedProps = computed(() => ({
-			shape: checkedProp(props["shape"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "shape", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			shape: "pill",
+			size: "md",
+			tone: "neutral",
+			variant: "subtle"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "shape": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "tone": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -173,6 +181,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4a4096a9"]]);
+}), [["__scopeId", "data-v-e4b32eb6"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,5 +1,5 @@
 import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
@@ -22,10 +22,10 @@ var _hoisted_3 = {
 var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiBreadcrumbItem",
-	props: { current: {
-		type: null,
-		default: false
-	} },
+	props: {
+		current: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { current: {
 			type: {
@@ -38,11 +38,22 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			default: false
 		} } };
 		const props = __props;
-		const acceptedProps = { current: false };
-		const checkedProps = computed(() => ({ current: checkedProp(props["current"], {
-			kind: "terminal",
-			name: "boolean"
-		}, false, "current", acceptedProps) }));
+		const inputTracking = vuePropInputs({ current: false }, { current: false }, (name, value, source, values) => {
+			switch (name) {
+				case "current": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return { current: propInputs.value("current", props["current"], props[BINDING_INPUTS_PROP]) };
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -88,6 +99,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ad60ac51"]]);
+}), [["__scopeId", "data-v-ecc43ce5"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } 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-ui-breadcrumbs-prop-label"];
@@ -12,10 +12,10 @@ var _hoisted_2 = {
 var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiBreadcrumbs",
-	props: { label: {
-		type: null,
-		default: "Breadcrumb"
-	} },
+	props: {
+		label: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { label: {
 			type: {
@@ -28,11 +28,22 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			default: "Breadcrumb"
 		} } };
 		const props = __props;
-		const acceptedProps = { label: "Breadcrumb" };
-		const checkedProps = computed(() => ({ label: checkedProp(props["label"], {
-			kind: "terminal",
-			name: "string"
-		}, false, "label", acceptedProps) }));
+		const inputTracking = vuePropInputs({ label: "Breadcrumb" }, { label: "Breadcrumb" }, (name, value, source, values) => {
+			switch (name) {
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return { label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]) };
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -51,6 +62,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f80b35db"]]);
+}), [["__scopeId", "data-v-95b0734b"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };