@threadlabs/looma 0.30.1 → 0.30.3

package/vue/chunks/UiEditorTableOverlay.js

@@ -1,5 +1,5 @@
 import { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, x as warnUnless, 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/UiEditorTableOverlay.vue?vue&type=script&setup=true&lang.ts
@@ -43,14 +43,9 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 	inheritAttrs: false,
 	__name: "UiEditorTableOverlay",
 	props: {
-		geometry: {
-			type: null,
-			default: null
-		},
-		open: {
-			type: null,
-			default: false
-		}
+		geometry: { type: null },
+		open: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: [
 		"add-row-before",
@@ -96,128 +91,116 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						{
 							name: "activeCell",
 							type: {
-								kind: "union",
-								members: [{
-									kind: "object",
-									fields: [
-										{
-											name: "left",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+								kind: "object",
+								fields: [
+									{
+										name: "left",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "top",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "top",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "width",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "width",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "height",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "height",
+										type: {
+											kind: "terminal",
+											name: "number"
+										},
+										optional: false
+									},
+									{
+										name: "rowIndex",
+										type: {
+											kind: "terminal",
+											name: "integer"
 										},
-										{
-											name: "rowIndex",
-											type: {
-												kind: "terminal",
-												name: "integer"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "columnIndex",
+										type: {
+											kind: "terminal",
+											name: "integer"
 										},
-										{
-											name: "columnIndex",
-											type: {
-												kind: "terminal",
-												name: "integer"
-											},
-											optional: false
-										}
-									],
-									open: false
-								}, {
-									kind: "terminal",
-									name: "null"
-								}]
+										optional: false
+									}
+								],
+								open: false
 							},
-							optional: false
+							optional: true
 						},
 						{
 							name: "hoveredCell",
 							type: {
-								kind: "union",
-								members: [{
-									kind: "object",
-									fields: [
-										{
-											name: "left",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+								kind: "object",
+								fields: [
+									{
+										name: "left",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "top",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "top",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "width",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "width",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "height",
-											type: {
-												kind: "terminal",
-												name: "number"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "height",
+										type: {
+											kind: "terminal",
+											name: "number"
 										},
-										{
-											name: "rowIndex",
-											type: {
-												kind: "terminal",
-												name: "integer"
-											},
-											optional: false
+										optional: false
+									},
+									{
+										name: "rowIndex",
+										type: {
+											kind: "terminal",
+											name: "integer"
 										},
-										{
-											name: "columnIndex",
-											type: {
-												kind: "terminal",
-												name: "integer"
-											},
-											optional: false
-										}
-									],
-									open: false
-								}, {
-									kind: "terminal",
-									name: "null"
-								}]
+										optional: false
+									},
+									{
+										name: "columnIndex",
+										type: {
+											kind: "terminal",
+											name: "integer"
+										},
+										optional: false
+									}
+								],
+								open: false
 							},
 							optional: true
 						}
@@ -240,41 +223,39 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			geometry: null,
 			open: false
-		};
-		const checkedProps = computed(() => ({
-			geometry: checkedProp(props["geometry"], {
-				kind: "object",
-				fields: [
-					{
-						name: "rowBoundaries",
-						type: {
-							kind: "list",
-							item: {
-								kind: "terminal",
-								name: "number"
-							}
+		}, { open: false }, (name, value, source, values) => {
+			switch (name) {
+				case "geometry": return checkPropInput(value, {
+					kind: "object",
+					fields: [
+						{
+							name: "rowBoundaries",
+							type: {
+								kind: "list",
+								item: {
+									kind: "terminal",
+									name: "number"
+								}
+							},
+							optional: false
 						},
-						optional: false
-					},
-					{
-						name: "columnBoundaries",
-						type: {
-							kind: "list",
-							item: {
-								kind: "terminal",
-								name: "number"
-							}
+						{
+							name: "columnBoundaries",
+							type: {
+								kind: "list",
+								item: {
+									kind: "terminal",
+									name: "number"
+								}
+							},
+							optional: false
 						},
-						optional: false
-					},
-					{
-						name: "activeCell",
-						type: {
-							kind: "union",
-							members: [{
+						{
+							name: "activeCell",
+							type: {
 								kind: "object",
 								fields: [
 									{
@@ -327,18 +308,12 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 									}
 								],
 								open: false
-							}, {
-								kind: "terminal",
-								name: "null"
-							}]
+							},
+							optional: true
 						},
-						optional: false
-					},
-					{
-						name: "hoveredCell",
-						type: {
-							kind: "union",
-							members: [{
+						{
+							name: "hoveredCell",
+							type: {
 								kind: "object",
 								fields: [
 									{
@@ -391,21 +366,29 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 									}
 								],
 								open: false
-							}, {
-								kind: "terminal",
-								name: "null"
-							}]
-						},
-						optional: true
-					}
-				],
-				open: false
-			}, false, "geometry", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps)
-		}));
+							},
+							optional: true
+						}
+					],
+					open: false
+				}, 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 {
+				geometry: propInputs.value("geometry", props["geometry"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -646,167 +629,162 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					}
 				},
 				hovered: {
-					kind: "union",
-					members: [{
-						kind: "object",
-						fields: [
-							{
-								name: "left",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "top",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "width",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "width",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "height",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "height",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "rowIndex",
-								type: {
-									kind: "terminal",
-									name: "integer"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "rowIndex",
+							type: {
+								kind: "terminal",
+								name: "integer"
 							},
-							{
-								name: "columnIndex",
-								type: {
-									kind: "terminal",
-									name: "integer"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "columnIndex",
+							type: {
+								kind: "terminal",
+								name: "integer"
 							},
-							{
-								name: "rowOffset",
-								type: {
-									kind: "terminal",
-									name: "string"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "rowOffset",
+							type: {
+								kind: "terminal",
+								name: "string"
 							},
-							{
-								name: "columnOffset",
-								type: {
-									kind: "terminal",
-									name: "string"
-								},
-								optional: false
-							}
-						],
-						open: false
-					}, {
-						kind: "terminal",
-						name: "null"
-					}]
+							optional: false
+						},
+						{
+							name: "columnOffset",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						}
+					],
+					open: false
 				},
 				active: {
-					kind: "union",
-					members: [{
-						kind: "object",
-						fields: [
-							{
-								name: "left",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "top",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "width",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "width",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "height",
-								type: {
-									kind: "terminal",
-									name: "number"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "height",
+							type: {
+								kind: "terminal",
+								name: "number"
 							},
-							{
-								name: "rowIndex",
-								type: {
-									kind: "terminal",
-									name: "integer"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "rowIndex",
+							type: {
+								kind: "terminal",
+								name: "integer"
 							},
-							{
-								name: "columnIndex",
-								type: {
-									kind: "terminal",
-									name: "integer"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "columnIndex",
+							type: {
+								kind: "terminal",
+								name: "integer"
 							},
-							{
-								name: "menuLeft",
-								type: {
-									kind: "terminal",
-									name: "string"
-								},
-								optional: false
+							optional: false
+						},
+						{
+							name: "menuLeft",
+							type: {
+								kind: "terminal",
+								name: "string"
 							},
-							{
-								name: "menuTop",
-								type: {
-									kind: "terminal",
-									name: "string"
-								},
-								optional: false
-							}
-						],
-						open: false
-					}, {
-						kind: "terminal",
-						name: "null"
-					}]
+							optional: false
+						},
+						{
+							name: "menuTop",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						}
+					],
+					open: false
 				},
 				activeKey: {
 					kind: "terminal",
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				rows: [],
+				cols: [],
+				activeKey: ""
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-table-overlay/ui-editor-table-overlay.js",
 				definition: "./components/ui-editor-table-overlay/ui-editor-table-overlay.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -975,6 +953,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4b5158d8"]]);
+}), [["__scopeId", "data-v-89a81611"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };