@threadlabs/looma 0.19.1 → 0.20.0

package/vue/chunks/UiEditorSlashMenu.js

@@ -1,10 +1,18 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
-import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-editor-slash-menu/ui-editor-slash-menu.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect } from "vue";
 //#region .build/vue/UiEditorSlashMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["hidden"];
+var _hoisted_1 = [
+	"hidden",
+	"data-anchor-rect",
+	"data-items",
+	"data-label",
+	"data-open",
+	"data-query",
+	"data-selected-index"
+];
 var _hoisted_2 = { class: "header" };
 var _hoisted_3 = {
 	class: "list",
@@ -33,34 +41,207 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenu",
 	props: {
-		anchorRect: {},
-		items: {},
-		label: { default: "Insert block" },
+		anchorRect: {
+			type: null,
+			default: null
+		},
+		items: {
+			type: null,
+			default: null
+		},
+		label: {
+			type: null,
+			default: "Insert block"
+		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		query: { default: "" },
-		selectedIndex: { default: 0 }
+		query: {
+			type: null,
+			default: ""
+		},
+		selectedIndex: {
+			type: null,
+			default: 0
+		}
 	},
 	emits: ["highlight", "select"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		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"
+						},
+						optional: true
+					},
+					{
+						name: "y",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "width",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					},
+					{
+						name: "height",
+						type: {
+							kind: "terminal",
+							name: "number"
+						},
+						optional: true
+					}
+				],
+				open: false
+			}, false, "anchorRect", void 0, void 0),
+			items: checkedProp(props["items"], {
+				kind: "list",
+				item: {
+					kind: "object",
+					fields: [
+						{
+							name: "value",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: true
+						},
+						{
+							name: "title",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						},
+						{
+							name: "description",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						},
+						{
+							name: "icon",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: false
+						}
+					],
+					open: false
+				}
+			}, false, "items", void 0, void 0),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0),
+			query: checkedProp(props["query"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "query", void 0, void 0),
+			selectedIndex: checkedProp(props["selectedIndex"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "selectedIndex", void 0, void 0)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const emptyElement = useTemplateRef("empty");
 		const visible = ref(false);
 		const active = ref(0);
 		const rows = ref([]);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-slash-menu> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-slash-menu> has an incompatible root."
+			})
+		});
 		const isHighlightDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["index"]) && typeof detail["value"] === "string" && Object.keys(detail).every((key) => ["index", "value"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: {
 			highlight: isHighlightDetail,
 			select: isHighlightDetail
 		} });
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-slash-menu/ui-editor-slash-menu.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-editor-slash-menu/ui-editor-slash-menu.js",
+				definition: "./components/ui-editor-slash-menu/ui-editor-slash-menu.html"
+			},
+			props: checkedProps,
 			refs: { empty: emptyElement },
 			state: {
 				visible,
@@ -72,8 +253,14 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-slash-menu",
 				role: "listbox"
-			}, _ctx.$attrs, {
+			}, nativeAttrs(_ctx.$attrs), {
 				hidden: !visible.value,
+				"data-anchor-rect": reflectedProp("anchorRect", "anchor-rect", checkedProps.value.anchorRect, void 0, false),
+				"data-items": reflectedProp("items", "items", checkedProps.value.items, void 0, false),
+				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
+				"data-selected-index": reflectedProp("selectedIndex", "selected-index", checkedProps.value.selectedIndex, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [
@@ -93,6 +280,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7a9fc28e"]]);
+}), [["__scopeId", "data-v-f9698527"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorSlashMenuGroup.js

@@ -1,26 +1,60 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
 //#region .build/vue/UiEditorSlashMenuGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = { class: "heading" };
-var _hoisted_3 = { role: "presentation" };
+var _hoisted_1 = ["data-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = { class: "heading" };
+var _hoisted_4 = { role: "presentation" };
 //#endregion
 //#region .build/vue/UiEditorSlashMenuGroup.vue
 var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenuGroup",
-	props: { label: { default: "" } },
+	props: { label: {
+		type: null,
+		default: ""
+	} },
 	setup(__props) {
+		const props = __props;
+		const checkedProps = computed(() => ({ label: checkedProp(props["label"], {
+			kind: "terminal",
+			name: "string"
+		}, false, "label", void 0, void 0) }));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-slash-menu-group> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-slash-menu-group> has an incompatible root."
+			})
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-slash-menu-group",
 				role: "presentation"
-			}, _ctx.$attrs), [createElementVNode("div", {
+			}, nativeAttrs(_ctx.$attrs), { "data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false) }), [createElementVNode("div", {
 				role: "group",
-				"aria-label": __props.label
-			}, [createElementVNode("div", _hoisted_2, toDisplayString(__props.label), 1), createElementVNode("ul", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_1)], 16);
+				"aria-label": checkedProps.value.label ?? void 0
+			}, [createElementVNode("div", _hoisted_3, toDisplayString(checkedProps.value.label), 1), createElementVNode("ul", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7603f4ce"]]);
+}), [["__scopeId", "data-v-1905b6cf"]]);
 //#endregion
 export { UiEditorSlashMenuGroup_default as t };

package/vue/chunks/UiEditorSlashMenuItem.js

@@ -1,11 +1,15 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
 //#region .build/vue/UiEditorSlashMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-disabled",
-	"data-value",
-	"data-keywords"
+	"data-description",
+	"data-disabled",
+	"data-icon",
+	"data-keywords",
+	"data-value"
 ];
 var _hoisted_2 = {
 	key: 0,
@@ -24,28 +28,90 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 	inheritAttrs: false,
 	__name: "UiEditorSlashMenuItem",
 	props: {
-		description: { default: "" },
+		description: {
+			type: null,
+			default: ""
+		},
 		disabled: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		icon: { default: "" },
-		keywords: { default: "" },
-		value: { default: "" }
+		icon: {
+			type: null,
+			default: ""
+		},
+		keywords: {
+			type: null,
+			default: ""
+		},
+		value: {
+			type: null,
+			default: ""
+		}
 	},
 	setup(__props) {
+		const props = __props;
+		const checkedProps = computed(() => ({
+			description: checkedProp(props["description"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "description", void 0, void 0),
+			disabled: checkedProp(props["disabled"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "disabled", void 0, void 0),
+			icon: checkedProp(props["icon"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "icon", void 0, void 0),
+			keywords: checkedProp(props["keywords"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "keywords", void 0, void 0),
+			value: checkedProp(props["value"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "value", void 0, void 0)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-slash-menu-item> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-editor-slash-menu-item> has an incompatible root."
+			})
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", mergeProps({
 				"data-component": "ui-editor-slash-menu-item",
 				role: "option",
 				tabindex: "-1"
-			}, _ctx.$attrs, {
-				"aria-disabled": __props.disabled,
-				"data-value": __props.value,
-				"data-keywords": __props.keywords
-			}), [__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: __props.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
+			}, nativeAttrs(_ctx.$attrs), {
+				"aria-disabled": checkedProps.value.disabled ?? void 0,
+				"data-description": reflectedProp("description", "description", checkedProps.value.description, void 0, false),
+				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-icon": reflectedProp("icon", "icon", checkedProps.value.icon, void 0, false),
+				"data-keywords": reflectedProp("keywords", "keywords", checkedProps.value.keywords, void 0, true),
+				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true)
+			}), [checkedProps.value.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: checkedProps.value.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), checkedProps.value.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(checkedProps.value.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-730aa445"]]);
+}), [["__scopeId", "data-v-e93a8aa0"]]);
 //#endregion
 export { UiEditorSlashMenuItem_default as t };