@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiIcon.js

@@ -1,5 +1,5 @@
 import { d as list, i as checkHydratedRoot, p as nativeAttrs, r as attribute, s as cycleCheckedComputed, 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 { c as inputRead, f as vPropValidity, i as checkPropInput, p as vuePropInputs, s as inputComputed, t as BINDING_INPUTS_PROP } from "./props.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -42,14 +42,9 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiIcon",
 	props: {
-		name: {
-			type: null,
-			default: ""
-		},
-		tone: {
-			type: null,
-			default: "inherit"
-		}
+		name: { type: null },
+		tone: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -80,26 +75,41 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			name: "",
 			tone: "inherit"
-		};
-		const checkedProps = computed(() => ({
-			name: checkedProp(props["name"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "name", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps)
-		}));
+		}, {
+			name: "",
+			tone: "inherit"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "name": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "tone": 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 {
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
 		const reflectedProp = useReflectedProp();
-		const shapes = cycleCheckedComputed(() => ({
+		const shapes = inputComputed(() => ({
 			"align-center": [
 				{
 					tag: "path",
@@ -1191,7 +1201,10 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				tag: "path",
 				d: "m6 6 12 12"
 			}]
-		})[checkedProps.value.name]);
+		})[inputRead(checkedProps.value.name, propInputs.status("name"))], (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		});
 		checkHydratedRoot("span", "ui-icon");
 		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
@@ -1204,7 +1217,7 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-icon-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
 				"data-ui-icon-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-icon-state": hostState.value || void 0
-			}), [(openBlock(), createElementBlock("svg", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list)(unref(shapes)), (shape, index) => {
+			}), [(openBlock(), createElementBlock("svg", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list)(unref(shapes).get()), (shape, index) => {
 				return openBlock(), createElementBlock("g", { key: index }, [
 					shape.tag === "path" ? (openBlock(), createElementBlock("path", {
 						key: 0,
@@ -1239,6 +1252,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ad35ca89"]]);
+}), [["__scopeId", "data-v-5ac72998"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -1,5 +1,5 @@
 import { a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, 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 } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts
@@ -33,54 +33,19 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	inheritAttrs: false,
 	__name: "UiIconButton",
 	props: {
-		anticipatory: {
-			type: null,
-			default: false
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		guide: {
-			type: null,
-			default: "dot"
-		},
-		label: {
-			type: null,
-			default: null
-		},
-		loading: {
-			type: null,
-			default: false
-		},
-		matchButton: {
-			type: null,
-			default: false
-		},
-		pending: {
-			type: null,
-			default: false
-		},
-		revealed: {
-			type: null,
-			default: false
-		},
-		round: {
-			type: null,
-			default: false
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		tone: {
-			type: null,
-			default: null
-		},
-		variant: {
-			type: null,
-			default: "ghost"
-		}
+		anticipatory: { type: null },
+		disabled: { type: null },
+		guide: { type: null },
+		label: { type: null },
+		loading: { type: null },
+		matchButton: { type: null },
+		pending: { type: null },
+		revealed: { type: null },
+		round: { type: null },
+		size: { type: null },
+		tone: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -216,7 +181,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			anticipatory: false,
 			disabled: false,
 			guide: "dot",
@@ -229,57 +194,90 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			size: "md",
 			tone: null,
 			variant: "ghost"
-		};
-		const checkedProps = computed(() => ({
-			anticipatory: checkedProp(props["anticipatory"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "anticipatory", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			guide: checkedProp(props["guide"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "guide", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			loading: checkedProp(props["loading"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "loading", acceptedProps),
-			matchButton: checkedProp(props["matchButton"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "matchButton", acceptedProps),
-			pending: checkedProp(props["pending"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "pending", acceptedProps),
-			revealed: checkedProp(props["revealed"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "revealed", acceptedProps),
-			round: checkedProp(props["round"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "round", 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)
-		}));
+		}, {
+			anticipatory: false,
+			disabled: false,
+			guide: "dot",
+			loading: false,
+			matchButton: false,
+			pending: false,
+			revealed: false,
+			round: false,
+			size: "md",
+			variant: "ghost"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "anticipatory": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "guide": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "loading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "matchButton": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "pending": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "revealed": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "round": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, 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 {
+				anticipatory: propInputs.value("anticipatory", props["anticipatory"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				guide: propInputs.value("guide", props["guide"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
+				matchButton: propInputs.value("matchButton", props["matchButton"], props[BINDING_INPUTS_PROP]),
+				pending: propInputs.value("pending", props["pending"], props[BINDING_INPUTS_PROP]),
+				revealed: propInputs.value("revealed", props["revealed"], props[BINDING_INPUTS_PROP]),
+				round: propInputs.value("round", props["round"], 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;
@@ -331,6 +329,8 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				definition: "./components/ui-icon-button/ui-icon-button.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -396,6 +396,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-be7ffcbd"]]);
+}), [["__scopeId", "data-v-7e783aa8"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiImage.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 } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiImage.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -25,34 +25,14 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	inheritAttrs: false,
 	__name: "UiImage",
 	props: {
-		alt: {
-			type: null,
-			default: ""
-		},
-		height: {
-			type: null,
-			default: null
-		},
-		placement: {
-			type: null,
-			default: "block"
-		},
-		resizable: {
-			type: null,
-			default: false
-		},
-		selected: {
-			type: null,
-			default: false
-		},
-		src: {
-			type: null,
-			default: ""
-		},
-		width: {
-			type: null,
-			default: null
-		}
+		alt: { type: null },
+		height: { type: null },
+		placement: { type: null },
+		resizable: { type: null },
+		selected: { type: null },
+		src: { type: null },
+		width: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:height",
@@ -137,7 +117,7 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			alt: "",
 			height: null,
 			placement: "block",
@@ -145,37 +125,60 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			selected: false,
 			src: "",
 			width: null
-		};
-		const checkedProps = computed(() => ({
-			alt: checkedProp(props["alt"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "alt", acceptedProps),
-			height: checkedProp(props["height"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "height", acceptedProps),
-			placement: checkedProp(props["placement"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "placement", acceptedProps),
-			resizable: checkedProp(props["resizable"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "resizable", acceptedProps),
-			selected: checkedProp(props["selected"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "selected", acceptedProps),
-			src: checkedProp(props["src"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "src", acceptedProps),
-			width: checkedProp(props["width"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "width", acceptedProps)
-		}));
+		}, {
+			alt: "",
+			placement: "block",
+			resizable: false,
+			selected: false,
+			src: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "alt": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "height": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				case "placement": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "resizable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "selected": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "src": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "width": 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 {
+				alt: propInputs.value("alt", props["alt"], props[BINDING_INPUTS_PROP]),
+				height: propInputs.value("height", props["height"], props[BINDING_INPUTS_PROP]),
+				placement: propInputs.value("placement", props["placement"], props[BINDING_INPUTS_PROP]),
+				resizable: propInputs.value("resizable", props["resizable"], props[BINDING_INPUTS_PROP]),
+				selected: propInputs.value("selected", props["selected"], props[BINDING_INPUTS_PROP]),
+				src: propInputs.value("src", props["src"], props[BINDING_INPUTS_PROP]),
+				width: propInputs.value("width", props["width"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -210,6 +213,8 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				definition: "./components/ui-image/ui-image.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -301,6 +306,6 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b836c426"]]);
+}), [["__scopeId", "data-v-d5987fdc"]]);
 //#endregion
 export { UiImage_default as t };