@threadlabs/looma 0.30.2 → 0.30.4

package/vue/chunks/UiEditorChipEditor.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, 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, u as requireInputStatus } from "./props.js";
 import { t as UiInput_default } from "./UiInput.js";
 import { t as UiRadioGroup_default } from "./UiRadioGroup.js";
 import { t as UiStack_default } from "./UiStack.js";
@@ -13,14 +13,9 @@ var UiEditorChipEditor_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorChipEditor",
 	props: {
-		color: {
-			type: null,
-			default: "neutral"
-		},
-		label: {
-			type: null,
-			default: ""
-		}
+		color: { type: null },
+		label: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"update:color",
@@ -61,20 +56,40 @@ var UiEditorChipEditor_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			color: "neutral",
 			label: ""
+		}, {
+			color: "neutral",
+			label: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "color": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				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 {
+				color: propInputs.value("color", props["color"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			color: checkedProp(props["color"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "color", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -103,6 +118,8 @@ var UiEditorChipEditor_default = /* @__PURE__ */ defineComponent({
 				definition: "./components/ui-editor-chip-editor/ui-editor-chip-editor.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -126,19 +143,25 @@ var UiEditorChipEditor_default = /* @__PURE__ */ defineComponent({
 				ref: root
 			}), [createVNode(UiStack_default, { gap: "s" }, {
 				default: withCtx(() => [
-					createVNode(UiInput_default, {
+					createVNode(UiInput_default, mergeProps({
 						"data-chip-label": "",
 						size: "sm",
 						placeholder: "Set a label",
 						"aria-label": "Chip text",
 						value: checkedProps.value.label
-					}, null, 8, ["value"]),
+					}, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+						value: checkedProps.value.label,
+						status: inputStatus("label", true)
+					}) } }), null, 16, ["value"]),
 					_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
-					createVNode(UiRadioGroup_default, {
+					createVNode(UiRadioGroup_default, mergeProps({
 						label: "Chip color",
 						"label-visibility": "sr-only",
 						value: checkedProps.value.color
-					}, {
+					}, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+						value: checkedProps.value.color,
+						status: inputStatus("color", true)
+					}) } }), {
 						default: withCtx(() => [
 							createVNode(UiSwatch_default, { tone: "neutral" }),
 							_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
@@ -153,7 +176,7 @@ var UiEditorChipEditor_default = /* @__PURE__ */ defineComponent({
 							createVNode(UiSwatch_default, { tone: "purple" })
 						]),
 						_: 1
-					}, 8, ["value"])
+					}, 16, ["value"])
 				]),
 				_: 1
 			})], 16, _hoisted_1)), [[unref(vPropValidity), {

package/vue/chunks/UiEditorCodeLanguage.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, 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, u as requireInputStatus } from "./props.js";
 import { t as UiCombobox_default } from "./UiCombobox.js";
 import { Fragment, computed, createElementBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorCodeLanguage.vue?vue&type=script&setup=true&lang.ts
@@ -11,14 +11,9 @@ var UiEditorCodeLanguage_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorCodeLanguage",
 	props: {
-		languages: {
-			type: null,
-			default: null
-		},
-		value: {
-			type: null,
-			default: "auto"
-		}
+		languages: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["update:value", "language"],
 	setup(__props, { emit: __emit }) {
@@ -62,38 +57,55 @@ var UiEditorCodeLanguage_default = /* @__PURE__ */ defineComponent({
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			languages: null,
 			value: "auto"
+		}, { value: "auto" }, (name, value, source, values) => {
+			switch (name) {
+				case "languages": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [{
+							name: "value",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						}, {
+							name: "label",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						}],
+						open: false
+					}
+				}, 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 {
+				languages: propInputs.value("languages", props["languages"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
 		};
-		const checkedProps = computed(() => ({
-			languages: checkedProp(props["languages"], {
-				kind: "list",
-				item: {
-					kind: "object",
-					fields: [{
-						name: "value",
-						type: {
-							kind: "terminal",
-							name: "string"
-						},
-						optional: false
-					}, {
-						name: "label",
-						type: {
-							kind: "terminal",
-							name: "string"
-						},
-						optional: false
-					}],
-					open: false
-				}
-			}, false, "languages", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -116,6 +128,8 @@ var UiEditorCodeLanguage_default = /* @__PURE__ */ defineComponent({
 				definition: "./components/ui-editor-code-language/ui-editor-code-language.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -134,14 +148,17 @@ var UiEditorCodeLanguage_default = /* @__PURE__ */ defineComponent({
 				"data-ui-editor-code-language-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				ref_key: "root",
 				ref: root
-			}), [createVNode(UiCombobox_default, {
+			}), [createVNode(UiCombobox_default, mergeProps({
 				label: "Code language",
 				"label-visibility": "sr-only",
 				size: "sm",
 				disclosure: true,
 				filter: "label",
 				value: checkedProps.value.value
-			}, {
+			}, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+				value: checkedProps.value.value,
+				status: inputStatus("value", true)
+			}) } }), {
 				default: withCtx(() => [createVNode(unref(KeyedBoundary), null, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(checkedProps.value.languages ?? [], (language, index, loop) => language.value), (language) => {
 						return openBlock(), createElementBlock("option", {
@@ -152,7 +169,7 @@ var UiEditorCodeLanguage_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["value"])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, 16, ["value"])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);