@threadlabs/looma 0.30.2 → 0.30.4

package/vue/chunks/UiText.js

@@ -1,5 +1,5 @@
 import { h as preserveRootFocus, 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, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiText.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -162,50 +162,18 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiText",
 	props: {
-		align: {
-			type: null,
-			default: "start"
-		},
-		as: {
-			type: null,
-			default: "p"
-		},
-		font: {
-			type: null,
-			default: "inherit"
-		},
-		grow: {
-			type: null,
-			default: false
-		},
-		size: {
-			type: null,
-			default: "inherit"
-		},
-		tone: {
-			type: null,
-			default: "default"
-		},
-		trim: {
-			type: null,
-			default: false
-		},
-		truncate: {
-			type: null,
-			default: false
-		},
-		variant: {
-			type: null,
-			default: "body"
-		},
-		weight: {
-			type: null,
-			default: "inherit"
-		},
-		wrap: {
-			type: null,
-			default: "normal"
-		}
+		align: { type: null },
+		as: { type: null },
+		font: { type: null },
+		grow: { type: null },
+		size: { type: null },
+		tone: { type: null },
+		trim: { type: null },
+		truncate: { type: null },
+		variant: { type: null },
+		weight: { type: null },
+		wrap: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -365,7 +333,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			align: "start",
 			as: "p",
 			font: "inherit",
@@ -377,53 +345,86 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			variant: "body",
 			weight: "inherit",
 			wrap: "normal"
-		};
-		const checkedProps = computed(() => ({
-			align: checkedProp(props["align"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "align", acceptedProps),
-			as: checkedProp(props["as"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "as", acceptedProps),
-			font: checkedProp(props["font"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "font", acceptedProps),
-			grow: checkedProp(props["grow"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "grow", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			trim: checkedProp(props["trim"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "trim", acceptedProps),
-			truncate: checkedProp(props["truncate"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "truncate", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps),
-			weight: checkedProp(props["weight"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "weight", acceptedProps),
-			wrap: checkedProp(props["wrap"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "wrap", acceptedProps)
-		}));
+		}, {
+			align: "start",
+			as: "p",
+			font: "inherit",
+			grow: false,
+			size: "inherit",
+			tone: "default",
+			trim: false,
+			truncate: false,
+			variant: "body",
+			weight: "inherit",
+			wrap: "normal"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "align": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "as": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "font": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "grow": 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 "trim": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "truncate": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "weight": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "wrap": 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 {
+				align: propInputs.value("align", props["align"], props[BINDING_INPUTS_PROP]),
+				as: propInputs.value("as", props["as"], props[BINDING_INPUTS_PROP]),
+				font: propInputs.value("font", props["font"], props[BINDING_INPUTS_PROP]),
+				grow: propInputs.value("grow", props["grow"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				trim: propInputs.value("trim", props["trim"], props[BINDING_INPUTS_PROP]),
+				truncate: propInputs.value("truncate", props["truncate"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP]),
+				weight: propInputs.value("weight", props["weight"], props[BINDING_INPUTS_PROP]),
+				wrap: propInputs.value("wrap", props["wrap"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -698,6 +699,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1c015f24"]]);
+}), [["__scopeId", "data-v-448ded26"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.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 { a as checkedProp, 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/UiTextarea.vue?vue&type=script&setup=true&lang.ts
@@ -26,42 +26,16 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiTextarea",
 	props: {
-		autosize: {
-			type: null,
-			default: false
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		maxRows: {
-			type: null,
-			default: null
-		},
-		readonly: {
-			type: null,
-			default: false
-		},
-		required: {
-			type: null,
-			default: false
-		},
-		rows: {
-			type: null,
-			default: 4
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		value: {
-			type: null,
-			default: null
-		},
+		autosize: { type: null },
+		disabled: { type: null },
+		invalid: { type: null },
+		maxRows: { type: null },
+		readonly: { type: null },
+		required: { type: null },
+		rows: { type: null },
+		size: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null },
 		modelValue: { type: null }
 	},
 	emits: ["update:modelValue"],
@@ -173,48 +147,76 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			size: "md",
 			value: null
 		};
-		const checkedProps = computed(() => ({
-			autosize: checkedProp(props["autosize"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "autosize", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			invalid: checkedProp(props["invalid"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "invalid", acceptedProps),
-			maxRows: checkedProp(props["maxRows"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "maxRows", acceptedProps),
-			readonly: checkedProp(props["readonly"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "readonly", acceptedProps),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps),
-			rows: checkedProp(props["rows"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "rows", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps),
-			modelValue: checkedProp(props.modelValue, {
-				kind: "terminal",
-				name: "string"
-			}, false, "modelValue", acceptedProps)
-		}));
+		const inputTracking = vuePropInputs(acceptedProps, {
+			autosize: false,
+			disabled: false,
+			invalid: false,
+			readonly: false,
+			required: false,
+			rows: 4,
+			size: "md"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "autosize": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "invalid": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "maxRows": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, 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 "rows": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "value": 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 {
+				autosize: propInputs.value("autosize", props["autosize"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
+				maxRows: propInputs.value("maxRows", props["maxRows"], props[BINDING_INPUTS_PROP]),
+				readonly: propInputs.value("readonly", props["readonly"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
+				rows: propInputs.value("rows", props["rows"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP]),
+				modelValue: checkedProp(props.modelValue, {
+					kind: "terminal",
+					name: "string"
+				}, false, "modelValue", acceptedProps)
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -245,6 +247,8 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				definition: "./components/ui-textarea/ui-textarea.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -303,6 +307,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e9c54464"]]);
+}), [["__scopeId", "data-v-e9f4adb4"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToast.js

@@ -1,5 +1,5 @@
 import { 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 UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -20,14 +20,9 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	inheritAttrs: false,
 	__name: "UiToast",
 	props: {
-		duration: {
-			type: null,
-			default: 0
-		},
-		tone: {
-			type: null,
-			default: "neutral"
-		}
+		duration: { type: null },
+		tone: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["dismiss"],
 	setup(__props, { emit: __emit }) {
@@ -61,20 +56,35 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			duration: 0,
 			tone: "neutral"
-		};
-		const checkedProps = computed(() => ({
-			duration: checkedProp(props["duration"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "duration", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps)
-		}));
+		}, {
+			duration: 0,
+			tone: "neutral"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "duration": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, 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 {
+				duration: propInputs.value("duration", props["duration"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -101,6 +111,8 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				definition: "./components/ui-toast/ui-toast.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -156,6 +168,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3d934282"]]);
+}), [["__scopeId", "data-v-40370224"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, 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 { t as UiIconButton_default } from "./UiIconButton.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -25,14 +25,9 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	inheritAttrs: false,
 	__name: "UiToastRegion",
 	props: {
-		duration: {
-			type: null,
-			default: 0
-		},
-		placement: {
-			type: null,
-			default: "top"
-		}
+		duration: { type: null },
+		placement: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:duration",
@@ -71,20 +66,35 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			duration: 0,
 			placement: "top"
-		};
-		const checkedProps = computed(() => ({
-			duration: checkedProp(props["duration"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "duration", acceptedProps),
-			placement: checkedProp(props["placement"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "placement", acceptedProps)
-		}));
+		}, {
+			duration: 0,
+			placement: "top"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "duration": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "placement": 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 {
+				duration: propInputs.value("duration", props["duration"], props[BINDING_INPUTS_PROP]),
+				placement: propInputs.value("placement", props["placement"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -103,7 +113,7 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			"reason",
 			"trigger"
 		].includes(key));
-		const isShowToastDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["message"] === "string" && (detail["id"] === void 0 || typeof detail["id"] === "string") && (detail["tone"] === void 0 || detail["tone"] === "neutral" || detail["tone"] === "info" || detail["tone"] === "success" || detail["tone"] === "warning" || detail["tone"] === "danger") && (detail["duration"] === void 0 || typeof detail["duration"] === "number" && Number.isFinite(detail["duration"])) && Object.keys(detail).every((key) => [
+		const isShowToastDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["message"] === "string" && (detail["id"] == null || typeof detail["id"] === "string") && (detail["tone"] == null || detail["tone"] === "neutral" || detail["tone"] === "info" || detail["tone"] === "success" || detail["tone"] === "warning" || detail["tone"] === "danger") && (detail["duration"] == null || typeof detail["duration"] === "number" && Number.isFinite(detail["duration"])) && Object.keys(detail).every((key) => [
 			"message",
 			"id",
 			"tone",
@@ -182,11 +192,14 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 					open: false
 				}
 			} }[name], keys),
+			initials: { toasts: [] },
 			controllerSource: {
 				specifier: "../components/ui-toast-region/ui-toast-region.js",
 				definition: "./components/ui-toast-region/ui-toast-region.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -256,6 +269,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f81961a9"]]);
+}), [["__scopeId", "data-v-695dd959"]]);
 //#endregion
 export { UiToastRegion_default as t };