@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiInput.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, i as selectedPropNode, n as checkedProp, r as propValidityState } from "./props.js";
+import { a as checkedProp, d as selectedPropNode, f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { n as readBoundControl, r as vBindControl } from "./control.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiInput.vue?vue&type=script&setup=true&lang.ts
@@ -24,34 +24,14 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	inheritAttrs: false,
 	__name: "UiInput",
 	props: {
-		disabled: {
-			type: null,
-			default: false
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		readonly: {
-			type: null,
-			default: false
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		type: {
-			type: null,
-			default: "text"
-		},
-		value: {
-			type: null,
-			default: null
-		},
+		disabled: { type: null },
+		invalid: { type: null },
+		readonly: { type: null },
+		required: { type: null },
+		size: { type: null },
+		type: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null },
 		modelValue: { type: null }
 	},
 	emits: ["update:modelValue"],
@@ -376,252 +356,271 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			type: "text",
 			value: null
 		};
-		const checkedProps = computed(() => ({
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			invalid: checkedProp(props["invalid"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "invalid", acceptedProps),
-			readonly: checkedProp(props["readonly"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "readonly", acceptedProps),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			type: checkedProp(props["type"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "type", acceptedProps),
-			value: checkedProp(props["value"], selectedPropNode(checkedProp(props["type"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "type", acceptedProps), [
-				{
-					value: "text",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "search",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "tel",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "url",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "email",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "password",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "date",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "month",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "week",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "time",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "datetime-local",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "number",
-					type: {
-						kind: "terminal",
-						name: "number"
-					}
-				},
-				{
-					value: "range",
-					type: {
-						kind: "terminal",
-						name: "number"
-					}
-				},
-				{
-					value: "color",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "file",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				}
-			]), false, "value", acceptedProps),
-			modelValue: checkedProp(props.modelValue, selectedPropNode(checkedProp(props["type"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "type", acceptedProps), [
-				{
-					value: "text",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "search",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "tel",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "url",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "email",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "password",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "date",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "month",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "week",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "time",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "datetime-local",
-					type: {
-						kind: "terminal",
-						name: "string"
-					}
-				},
-				{
-					value: "number",
-					type: {
-						kind: "terminal",
-						name: "number"
-					}
-				},
-				{
-					value: "range",
-					type: {
-						kind: "terminal",
-						name: "number"
-					}
-				},
-				{
-					value: "color",
-					type: {
-						kind: "terminal",
-						name: "string"
+		const inputTracking = vuePropInputs(acceptedProps, {
+			disabled: false,
+			invalid: false,
+			readonly: false,
+			required: false,
+			size: "md",
+			type: "text"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "invalid": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "readonly": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "required": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "type": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "value": return checkPropInput(value, selectedPropNode(values["type"], [
+					{
+						value: "text",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "search",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "tel",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "url",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "email",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "password",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "date",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "month",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "week",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "time",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "datetime-local",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "number",
+						type: {
+							kind: "terminal",
+							name: "number"
+						}
+					},
+					{
+						value: "range",
+						type: {
+							kind: "terminal",
+							name: "number"
+						}
+					},
+					{
+						value: "color",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "file",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
 					}
-				},
-				{
-					value: "file",
-					type: {
-						kind: "terminal",
-						name: "string"
+				]), true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
+				readonly: propInputs.value("readonly", props["readonly"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				type: propInputs.value("type", props["type"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP]),
+				modelValue: checkedProp(props.modelValue, selectedPropNode(propInputs.value("type", props["type"], props[BINDING_INPUTS_PROP]), [
+					{
+						value: "text",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "search",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "tel",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "url",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "email",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "password",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "date",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "month",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "week",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "time",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "datetime-local",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "number",
+						type: {
+							kind: "terminal",
+							name: "number"
+						}
+					},
+					{
+						value: "range",
+						type: {
+							kind: "terminal",
+							name: "number"
+						}
+					},
+					{
+						value: "color",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
+					},
+					{
+						value: "file",
+						type: {
+							kind: "terminal",
+							name: "string"
+						}
 					}
-				}
-			]), false, "modelValue", acceptedProps)
-		}));
+				]), false, "modelValue", acceptedProps)
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -646,6 +645,8 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				definition: "./components/ui-input/ui-input.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -702,6 +703,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b49fbdd3"]]);
+}), [["__scopeId", "data-v-850d9b92"]]);
 //#endregion
 export { UiInput_default as t };