@threadlabs/looma 0.31.0 → 0.31.1

package/vue/UiIcon.vue

@@ -409,6 +409,10 @@ const shapes: ReturnType<typeof inputComputed<any>> = inputComputed<any>(
         tag: 'path',
         d: 'M14 12a4 4 0 0 1 0 8H6',
       }, { tag: 'line', x1: '4', x2: '20', y1: '12', y2: '12' }],
+      superscript: [{ tag: 'path', d: 'm4 19 8-8' }, { tag: 'path', d: 'm12 19-8-8' }, {
+        tag: 'path',
+        d: 'M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06',
+      }],
       table: [{
         tag: 'path',
         d: 'M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18',

package/vue/chunks/UiEditorFootnoteEditor.js

@@ -0,0 +1,306 @@
+import { a as concat, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { c as inputRead, f as vPropValidity, i as checkPropInput, l as propValidityState, n as READY_INPUT, o as evaluateInput, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as requireInputStatus } from "./props.js";
+import { t as UiButton_default } from "./UiButton.js";
+import { t as UiInput_default } from "./UiInput.js";
+import { t as UiStack_default } from "./UiStack.js";
+import { t as UiFormField_default } from "./UiFormField.js";
+import { t as UiInputGroup_default } from "./UiInputGroup.js";
+import { t as UiTextarea_default } from "./UiTextarea.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiEditorFootnoteEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-ui-editor-footnote-editor-prop-editable",
+	"data-ui-editor-footnote-editor-prop-error",
+	"data-ui-editor-footnote-editor-prop-label",
+	"data-ui-editor-footnote-editor-prop-note"
+];
+var _hoisted_2 = ["for"];
+var _hoisted_3 = { slot: "error" };
+var _hoisted_4 = ["for"];
+var _hoisted_5 = {
+	key: 0,
+	slot: "help"
+};
+//#endregion
+//#region .build/vue/UiEditorFootnoteEditor.vue
+var UiEditorFootnoteEditor_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorFootnoteEditor",
+	props: {
+		editable: { type: null },
+		error: { type: null },
+		label: { type: null },
+		note: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
+	emits: [
+		"update:label",
+		"text",
+		"label",
+		"go",
+		"done"
+	],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			editable: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "editable" },
+				description: "Whether the note's text can be edited here. A note with formatting or more than one block shows its text read-only; Go to note edits it in the\n      document.",
+				default: false
+			},
+			error: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "error" },
+				description: "Why the label field's label was not used. While set, the field is invalid and shows it.",
+				default: ""
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "The footnote's label, which its references and its note share, shown between [^ and ].",
+				default: ""
+			},
+			note: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "The note's text, shown in the note field, with each block of a longer note on its own line.",
+				default: ""
+			}
+		} };
+		const props = __props;
+		const inputTracking = vuePropInputs({
+			editable: false,
+			error: "",
+			label: "",
+			note: ""
+		}, {
+			editable: false,
+			error: "",
+			label: "",
+			note: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "editable": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "error": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "note": 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 {
+				editable: propInputs.value("editable", props["editable"], props[BINDING_INPUTS_PROP]),
+				error: propInputs.value("error", props["error"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				note: propInputs.value("note", props["note"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
+		};
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		const base = ref("ui-editor-footnote-editor");
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			const candidate = concat(base.value, "-label");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = candidate;
+		});
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
+			const candidate = concat(base.value, "-label");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = candidate;
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			const candidate = concat(base.value, "-note");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = candidate;
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			const candidate = concat(base.value, "-note");
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = candidate;
+		});
+		provide("html-next:ui-editor-footnote-editor:base", base);
+		checkHydratedRoot("div", "ui-editor-footnote-editor");
+		const isTextDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["text"] === "string" && Object.keys(detail).every((key) => ["text"].includes(key));
+		const isLabelDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["label"] === "string" && Object.keys(detail).every((key) => ["label"].includes(key));
+		const isGoDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Object.values(detail).every((item) => true);
+		const dispatch = createDispatch(root, emit, {
+			checks: {
+				text: isTextDetail,
+				label: isLabelDetail,
+				go: isGoDetail,
+				done: isGoDetail
+			},
+			modeled: ["label"]
+		});
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-footnote-editor/ui-editor-footnote-editor.js"), {
+			root,
+			module: true,
+			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { base: {
+				kind: "terminal",
+				name: "string"
+			} }[name], keys),
+			initials: { base: "ui-editor-footnote-editor" },
+			controllerSource: {
+				specifier: "../components/ui-editor-footnote-editor/ui-editor-footnote-editor.js",
+				definition: "./components/ui-editor-footnote-editor/ui-editor-footnote-editor.html"
+			},
+			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"editable",
+				"error",
+				"label",
+				"note"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
+			state: { base }
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
+				role: "dialog",
+				"aria-label": "Edit footnote"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-ui-editor-footnote-editor-prop-editable": unref(reflectedProp)("editable", "editable", checkedProps.value.editable, void 0, false),
+				"data-ui-editor-footnote-editor-prop-error": unref(reflectedProp)("error", "error", checkedProps.value.error, void 0, false),
+				"data-ui-editor-footnote-editor-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-editor-footnote-editor-prop-note": unref(reflectedProp)("note", "note", checkedProps.value.note, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiStack_default, { gap: "s" }, {
+				default: withCtx(() => [
+					(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => unref(inputRead)(checkedProps.value.error, inputStatus("error", true)) !== "", unref(READY_INPUT))], (boundInput) => {
+						return openBlock(), createBlock(UiFormField_default, mergeProps({ invalid: boundInput.value }, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { invalid: () => boundInput } }), {
+							label: withCtx(() => [createElementVNode("label", {
+								slot: "label",
+								for: guarded.value
+							}, "Label", 8, _hoisted_2)]),
+							error: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(checkedProps.value.error), 1)]),
+							default: withCtx(() => [createVNode(UiInputGroup_default, null, {
+								prefix: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", { slot: "prefix" }, "[^", -1)])]),
+								suffix: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("span", { slot: "suffix" }, "]", -1)])]),
+								default: withCtx(() => [createVNode(UiInput_default, mergeProps({
+									"data-footnote-label": "",
+									size: "sm",
+									autocomplete: "off",
+									id: guardedBinding.value,
+									value: checkedProps.value.label
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: { value: () => ({
+									value: checkedProps.value.label,
+									status: inputStatus("label", true)
+								}) } }), null, 16, ["id", "value"])]),
+								_: 1
+							})]),
+							_: 1
+						}, 16, ["invalid"]);
+					}), 256)),
+					_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
+					createVNode(UiFormField_default, null, {
+						label: withCtx(() => [createElementVNode("label", {
+							slot: "label",
+							for: guardedBinding2.value
+						}, "Note", 8, _hoisted_4)]),
+						help: withCtx(() => [!checkedProps.value.editable ? (openBlock(), createElementBlock("span", _hoisted_5, "This note has formatting, so it is edited in the document.")) : createCommentVNode("v-if", true)]),
+						default: withCtx(() => [createVNode(UiInputGroup_default, { multiline: true }, {
+							action: withCtx(() => [createVNode(UiButton_default, {
+								slot: "action",
+								size: "sm",
+								"data-footnote-go": ""
+							}, {
+								default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Go to note", -1)])]),
+								_: 1
+							})]),
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => !unref(inputRead)(checkedProps.value.editable, inputStatus("editable", true)), unref(READY_INPUT))], (boundInputSnapshot) => {
+								return openBlock(), createBlock(UiTextarea_default, mergeProps({
+									"data-footnote-note": "",
+									size: "sm",
+									rows: 2,
+									autosize: true,
+									placeholder: "Write the note",
+									id: guardedBinding3.value,
+									readonly: boundInputSnapshot.value,
+									value: checkedProps.value.note
+								}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: {
+									readonly: () => boundInputSnapshot,
+									value: () => ({
+										value: checkedProps.value.note,
+										status: inputStatus("note", true)
+									})
+								} }), null, 16, [
+									"id",
+									"readonly",
+									"value"
+								]);
+							}), 256))]),
+							_: 1
+						})]),
+						_: 1
+					})
+				]),
+				_: 1
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorFootnoteEditor_default as t };

package/vue/chunks/UiEditorImageToolbar.js

@@ -6,8 +6,8 @@ import { t as UiCluster_default } from "./UiCluster.js";
 import { t as UiTooltip_default } from "./UiTooltip.js";
 import { t as UiInput_default } from "./UiInput.js";
 import { t as UiStack_default } from "./UiStack.js";
-import { t as UiEditorToolbar_default } from "./UiEditorToolbar.js";
 import { t as UiFormField_default } from "./UiFormField.js";
+import { t as UiEditorToolbar_default } from "./UiEditorToolbar.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { t as UiPopover_default } from "./UiPopover.js";
 import { t as UiText_default } from "./UiText.js";

package/vue/chunks/UiEditorLinkForm.js

@@ -6,9 +6,9 @@ import { t as UiScrollArea_default } from "./UiScrollArea.js";
 import { t as UiInput_default } from "./UiInput.js";
 import { t as UiStack_default } from "./UiStack.js";
 import { t as UiFormField_default } from "./UiFormField.js";
+import { t as UiInputGroup_default } from "./UiInputGroup.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
 import { t as UiText_default } from "./UiText.js";
-import { t as UiInputGroup_default } from "./UiInputGroup.js";
 import { t as UiSearchResultRow_default } from "./UiSearchResultRow.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorLinkForm.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiIcon.js

@@ -1034,6 +1034,20 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					y2: "12"
 				}
 			],
+			superscript: [
+				{
+					tag: "path",
+					d: "m4 19 8-8"
+				},
+				{
+					tag: "path",
+					d: "m12 19-8-8"
+				},
+				{
+					tag: "path",
+					d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06"
+				}
+			],
 			table: [{
 				tag: "path",
 				d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"
@@ -1252,6 +1266,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-37fb8577"]]);
+}), [["__scopeId", "data-v-efb2c459"]]);
 //#endregion
 export { UiIcon_default as t };