@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiEditorTableToolbar.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, a as concat, i as checkHydratedRoot, n as KeyedBoundary, 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, 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 { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorTableToolbar.vue?vue&type=script&setup=true&lang.ts
@@ -79,30 +79,13 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 	inheritAttrs: false,
 	__name: "UiEditorTableToolbar",
 	props: {
-		actions: {
-			type: null,
-			default: null
-		},
-		cellAlignment: {
-			type: null,
-			default: "left"
-		},
-		cellBackground: {
-			type: null,
-			default: ""
-		},
-		headerColumn: {
-			type: null,
-			default: false
-		},
-		headerRow: {
-			type: null,
-			default: false
-		},
-		open: {
-			type: null,
-			default: false
-		}
+		actions: { type: null },
+		cellAlignment: { type: null },
+		cellBackground: { type: null },
+		headerColumn: { type: null },
+		headerRow: { type: null },
+		open: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
@@ -206,73 +189,95 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			actions: null,
 			cellAlignment: "left",
 			cellBackground: "",
 			headerColumn: false,
 			headerRow: false,
 			open: false
-		};
-		const checkedProps = computed(() => ({
-			actions: checkedProp(props["actions"], {
-				kind: "list",
-				item: {
-					kind: "constrained",
-					base: {
-						kind: "terminal",
-						name: "keyword"
-					},
-					values: [
-						"align-left",
-						"align-center",
-						"align-right",
-						"background-none",
-						"background-gray",
-						"background-yellow",
-						"background-blue",
-						"background-green",
-						"background-red",
-						"add-row-before",
-						"add-row-after",
-						"add-column-before",
-						"add-column-after",
-						"toggle-header-row",
-						"toggle-header-column",
-						"move-row-up",
-						"move-row-down",
-						"move-column-left",
-						"move-column-right",
-						"clear-cells",
-						"merge-cells",
-						"split-cell",
-						"delete-row",
-						"delete-column",
-						"delete-table"
-					]
-				}
-			}, false, "actions", acceptedProps),
-			cellAlignment: checkedProp(props["cellAlignment"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "cellAlignment", acceptedProps),
-			cellBackground: checkedProp(props["cellBackground"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "cellBackground", acceptedProps),
-			headerColumn: checkedProp(props["headerColumn"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "headerColumn", acceptedProps),
-			headerRow: checkedProp(props["headerRow"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "headerRow", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps)
-		}));
+		}, {
+			cellAlignment: "left",
+			cellBackground: "",
+			headerColumn: false,
+			headerRow: false,
+			open: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "actions": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "constrained",
+						base: {
+							kind: "terminal",
+							name: "keyword"
+						},
+						values: [
+							"align-left",
+							"align-center",
+							"align-right",
+							"background-none",
+							"background-gray",
+							"background-yellow",
+							"background-blue",
+							"background-green",
+							"background-red",
+							"add-row-before",
+							"add-row-after",
+							"add-column-before",
+							"add-column-after",
+							"toggle-header-row",
+							"toggle-header-column",
+							"move-row-up",
+							"move-row-down",
+							"move-column-left",
+							"move-column-right",
+							"clear-cells",
+							"merge-cells",
+							"split-cell",
+							"delete-row",
+							"delete-column",
+							"delete-table"
+						]
+					}
+				}, true, true);
+				case "cellAlignment": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "cellBackground": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "headerColumn": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "headerRow": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "open": 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 {
+				actions: propInputs.value("actions", props["actions"], props[BINDING_INPUTS_PROP]),
+				cellAlignment: propInputs.value("cellAlignment", props["cellAlignment"], props[BINDING_INPUTS_PROP]),
+				cellBackground: propInputs.value("cellBackground", props["cellBackground"], props[BINDING_INPUTS_PROP]),
+				headerColumn: propInputs.value("headerColumn", props["headerColumn"], props[BINDING_INPUTS_PROP]),
+				headerRow: propInputs.value("headerRow", props["headerRow"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -503,11 +508,21 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					name: "boolean"
 				}
 			}[name], keys),
+			initials: {
+				alignments: [],
+				structure: [],
+				swatches: [],
+				sections: [],
+				hasOverflow: false,
+				overflowOpen: false
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js",
 				definition: "./components/ui-editor-table-toolbar/ui-editor-table-toolbar.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -686,6 +701,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bb390d8a"]]);
+}), [["__scopeId", "data-v-eddcc3bb"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.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, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editor-toolbar-prop-floating", "data-ui-editor-toolbar-state"];
@@ -8,10 +8,10 @@ var _hoisted_1 = ["data-ui-editor-toolbar-prop-floating", "data-ui-editor-toolba
 var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorToolbar",
-	props: { floating: {
-		type: null,
-		default: false
-	} },
+	props: {
+		floating: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
 	setup(__props) {
 		const propValidityContract = { props: { floating: {
 			type: {
@@ -24,11 +24,22 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			default: false
 		} } };
 		const props = __props;
-		const acceptedProps = { floating: false };
-		const checkedProps = computed(() => ({ floating: checkedProp(props["floating"], {
-			kind: "terminal",
-			name: "boolean"
-		}, false, "floating", acceptedProps) }));
+		const inputTracking = vuePropInputs({ floating: false }, { floating: false }, (name, value, source, values) => {
+			switch (name) {
+				case "floating": 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 { floating: propInputs.value("floating", props["floating"], props[BINDING_INPUTS_PROP]) };
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -49,6 +60,8 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				definition: "./components/ui-editor-toolbar/ui-editor-toolbar.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -84,6 +97,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0d195603"]]);
+}), [["__scopeId", "data-v-8bce9448"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.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, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiFloatingActionButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -16,18 +16,10 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 	inheritAttrs: false,
 	__name: "UiFloatingActionButton",
 	props: {
-		disabled: {
-			type: null,
-			default: false
-		},
-		label: {
-			type: null,
-			default: ""
-		},
-		mobileOnly: {
-			type: null,
-			default: false
-		}
+		disabled: { type: null },
+		label: { type: null },
+		mobileOnly: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -63,25 +55,42 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			disabled: false,
 			label: "",
 			mobileOnly: false
-		};
-		const checkedProps = computed(() => ({
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			mobileOnly: checkedProp(props["mobileOnly"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "mobileOnly", acceptedProps)
-		}));
+		}, {
+			disabled: false,
+			label: "",
+			mobileOnly: false
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "mobileOnly": 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 {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				mobileOnly: propInputs.value("mobileOnly", props["mobileOnly"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -109,6 +118,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dc1bb283"]]);
+}), [["__scopeId", "data-v-17cd2420"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.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, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -30,18 +30,10 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	inheritAttrs: false,
 	__name: "UiFormField",
 	props: {
-		disabled: {
-			type: null,
-			default: false
-		},
-		invalid: {
-			type: null,
-			default: false
-		},
-		required: {
-			type: null,
-			default: false
-		}
+		disabled: { type: null },
+		invalid: { type: null },
+		required: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -77,25 +69,42 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			disabled: false,
 			invalid: false,
 			required: false
-		};
-		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),
-			required: checkedProp(props["required"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "required", acceptedProps)
-		}));
+		}, {
+			disabled: false,
+			invalid: false,
+			required: false
+		}, (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 "required": 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 {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
+				required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -115,6 +124,8 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				definition: "./components/ui-form-field/ui-form-field.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -155,6 +166,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-34ce3159"]]);
+}), [["__scopeId", "data-v-17ff8ff2"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.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, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -14,18 +14,10 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiGrid",
 	props: {
-		columns: {
-			type: null,
-			default: null
-		},
-		gap: {
-			type: null,
-			default: null
-		},
-		min: {
-			type: null,
-			default: null
-		}
+		columns: { type: null },
+		gap: { type: null },
+		min: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -70,25 +62,38 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			columns: null,
 			gap: null,
 			min: null
-		};
-		const checkedProps = computed(() => ({
-			columns: checkedProp(props["columns"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "columns", acceptedProps),
-			gap: checkedProp(props["gap"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "gap", acceptedProps),
-			min: checkedProp(props["min"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "min", acceptedProps)
-		}));
+		}, {}, (name, value, source, values) => {
+			switch (name) {
+				case "columns": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				case "gap": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "min": 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 {
+				columns: propInputs.value("columns", props["columns"], props[BINDING_INPUTS_PROP]),
+				gap: propInputs.value("gap", props["gap"], props[BINDING_INPUTS_PROP]),
+				min: propInputs.value("min", props["min"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -117,6 +122,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9c48ced1"]]);
+}), [["__scopeId", "data-v-ac443c75"]]);
 //#endregion
 export { UiGrid_default as t };