@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiEditorMentionMenu.js

@@ -1,5 +1,5 @@
 import { a as concat, 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, 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 { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorMentionMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -60,38 +60,15 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 	inheritAttrs: false,
 	__name: "UiEditorMentionMenu",
 	props: {
-		anchorRect: {
-			type: null,
-			default: null
-		},
-		items: {
-			type: null,
-			default: null
-		},
-		label: {
-			type: null,
-			default: "Mentions"
-		},
-		loading: {
-			type: null,
-			default: false
-		},
-		loadingLabel: {
-			type: null,
-			default: "Searching…"
-		},
-		open: {
-			type: null,
-			default: false
-		},
-		query: {
-			type: null,
-			default: ""
-		},
-		selectedIndex: {
-			type: null,
-			default: 0
-		}
+		anchorRect: { type: null },
+		items: { type: null },
+		label: { type: null },
+		loading: { type: null },
+		loadingLabel: { type: null },
+		open: { type: null },
+		query: { type: null },
+		selectedIndex: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
@@ -279,7 +256,7 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			anchorRect: null,
 			items: null,
 			label: "Mentions",
@@ -288,144 +265,169 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			open: false,
 			query: "",
 			selectedIndex: 0
-		};
-		const checkedProps = computed(() => ({
-			anchorRect: checkedProp(props["anchorRect"], {
-				kind: "object",
-				fields: [
-					{
-						name: "left",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "top",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "right",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "bottom",
-						type: {
-							kind: "terminal",
-							name: "number"
-						},
-						optional: true
-					},
-					{
-						name: "x",
-						type: {
-							kind: "terminal",
-							name: "number"
+		}, {
+			label: "Mentions",
+			loading: false,
+			loadingLabel: "Searching…",
+			open: false,
+			query: "",
+			selectedIndex: 0
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "anchorRect": return checkPropInput(value, {
+					kind: "object",
+					fields: [
+						{
+							name: "left",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "y",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "top",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "width",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "right",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					},
-					{
-						name: "height",
-						type: {
-							kind: "terminal",
-							name: "number"
+						{
+							name: "bottom",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: true
 						},
-						optional: true
-					}
-				],
-				open: false
-			}, false, "anchorRect", acceptedProps),
-			items: checkedProp(props["items"], {
-				kind: "list",
-				item: {
-					kind: "object",
-					fields: [
 						{
-							name: "id",
+							name: "x",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
-							optional: false
+							optional: true
 						},
 						{
-							name: "label",
+							name: "y",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
-							optional: false
+							optional: true
 						},
 						{
-							name: "detail",
+							name: "width",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
 							optional: true
 						},
 						{
-							name: "initials",
+							name: "height",
 							type: {
 								kind: "terminal",
-								name: "string"
+								name: "number"
 							},
 							optional: true
 						}
 					],
 					open: false
-				}
-			}, false, "items", acceptedProps),
-			label: checkedProp(props["label"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "label", acceptedProps),
-			loading: checkedProp(props["loading"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "loading", acceptedProps),
-			loadingLabel: checkedProp(props["loadingLabel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "loadingLabel", acceptedProps),
-			open: checkedProp(props["open"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "open", acceptedProps),
-			query: checkedProp(props["query"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "query", acceptedProps),
-			selectedIndex: checkedProp(props["selectedIndex"], {
-				kind: "terminal",
-				name: "integer"
-			}, false, "selectedIndex", acceptedProps)
-		}));
+				}, true, true);
+				case "items": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [
+							{
+								name: "id",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "label",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: false
+							},
+							{
+								name: "detail",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							},
+							{
+								name: "initials",
+								type: {
+									kind: "terminal",
+									name: "string"
+								},
+								optional: true
+							}
+						],
+						open: false
+					}
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "loading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "loadingLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "open": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "query": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "selectedIndex": return checkPropInput(value, {
+					kind: "terminal",
+					name: "integer"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				anchorRect: propInputs.value("anchorRect", props["anchorRect"], props[BINDING_INPUTS_PROP]),
+				items: propInputs.value("items", props["items"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
+				loadingLabel: propInputs.value("loadingLabel", props["loadingLabel"], props[BINDING_INPUTS_PROP]),
+				open: propInputs.value("open", props["open"], props[BINDING_INPUTS_PROP]),
+				query: propInputs.value("query", props["query"], props[BINDING_INPUTS_PROP]),
+				selectedIndex: propInputs.value("selectedIndex", props["selectedIndex"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -513,11 +515,20 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 					name: "string"
 				}
 			}[name], keys),
+			initials: {
+				visible: false,
+				rows: [],
+				searching: false,
+				active: 0,
+				prefix: "ui-editor-mention-menu"
+			},
 			controllerSource: {
 				specifier: "../components/ui-editor-mention-menu/ui-editor-mention-menu.js",
 				definition: "./components/ui-editor-mention-menu/ui-editor-mention-menu.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -601,6 +612,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1d0e386e"]]);
+}), [["__scopeId", "data-v-50afe49a"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };

package/vue/chunks/UiEditorMentionMenuItem.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, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorMentionMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -32,18 +32,10 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 	inheritAttrs: false,
 	__name: "UiEditorMentionMenuItem",
 	props: {
-		detail: {
-			type: null,
-			default: ""
-		},
-		initials: {
-			type: null,
-			default: ""
-		},
-		value: {
-			type: null,
-			default: ""
-		}
+		detail: { type: null },
+		initials: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -79,25 +71,42 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			detail: "",
 			initials: "",
 			value: ""
-		};
-		const checkedProps = computed(() => ({
-			detail: checkedProp(props["detail"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "detail", acceptedProps),
-			initials: checkedProp(props["initials"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "initials", acceptedProps),
-			value: checkedProp(props["value"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "value", acceptedProps)
-		}));
+		}, {
+			detail: "",
+			initials: "",
+			value: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "detail": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "initials": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, 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 {
+				detail: propInputs.value("detail", props["detail"], props[BINDING_INPUTS_PROP]),
+				initials: propInputs.value("initials", props["initials"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -126,6 +135,6 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-73154cbc"]]);
+}), [["__scopeId", "data-v-46a6622e"]]);
 //#endregion
 export { UiEditorMentionMenuItem_default as t };