@threadlabs/looma 0.31.0 → 0.31.2

package/vue/UiEditorFootnoteEditor.vue

@@ -0,0 +1,304 @@
+<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<script setup lang="ts">
+import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
+import type { PropType } from 'vue'
+import {
+  checkHydratedRoot,
+  concat,
+  createDispatch,
+  nativeAttrs,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
+import { acceptsControllerWrite } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  evaluateInput,
+  type InputBindings,
+  inputDefault,
+  inputRead,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
+import UiButton from './UiButton.vue'
+import UiFormField from './UiFormField.vue'
+import UiInput from './UiInput.vue'
+import UiInputGroup from './UiInputGroup.vue'
+import UiStack from './UiStack.vue'
+import UiTextarea from './UiTextarea.vue'
+
+defineOptions({ inheritAttrs: false })
+
+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: '',
+    },
+  },
+} as const
+const props = defineProps({
+  editable: { type: null as unknown as PropType<boolean | null> },
+  error: { type: null as unknown as PropType<string | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  note: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
+})
+const acceptedProps: Record<string, unknown> = { editable: false, error: '', label: '', note: '' }
+const inputTracking = vuePropInputs(acceptedProps, {
+  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 }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    editable: propInputs.value<boolean | null>(
+      'editable',
+      props['editable'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    error: propInputs.value<string | null>(
+      'error',
+      props['error'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    note: propInputs.value<string | null>(
+      'note',
+      props['note'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
+void checkedProps.value
+watchSyncEffect(() => {
+  void checkedProps.value
+})
+const reflectedProp = useReflectedProp()
+const hydrationInstance = getCurrentInstance()
+const emit = defineEmits<{
+  'update:label': [value: string]
+  text: [event: CustomEvent<{ readonly text: string }>]
+  label: [event: CustomEvent<{ readonly label: string }>]
+  go: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+  done: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+}>()
+
+const root = ref<HTMLElement | null>(null)
+const base = ref('ui-editor-footnote-editor')
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  const candidate: any = concat(base.value, '-label')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedPrevious
+  return guardedPrevious = candidate
+})
+let guardedBindingPrevious: any = null
+const guardedBinding = computed(() => {
+  const candidate: any = concat(base.value, '-label')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBindingPrevious
+  return guardedBindingPrevious = candidate
+})
+let guardedBinding2Previous: any = null
+const guardedBinding2 = computed(() => {
+  const candidate: any = concat(base.value, '-note')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding2Previous
+  return guardedBinding2Previous = candidate
+})
+let guardedBinding3Previous: any = null
+const guardedBinding3 = computed(() => {
+  const candidate: any = 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: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && typeof (detail as Record<string, unknown>)['text'] === 'string'
+  && Object.keys(detail as object).every((key) => ['text'].includes(key)))
+const isLabelDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && typeof (detail as Record<string, unknown>)['label'] === 'string'
+  && Object.keys(detail as object).every((key) => ['label'].includes(key)))
+const isGoDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && Object.values(detail as object).every((item: unknown) => true))
+const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
+  checks: {
+    text: isTextDetail,
+    label: isLabelDetail,
+    go: isGoDetail,
+    done: isGoDetail,
+  },
+  modeled: ['label'],
+})
+
+useComponentHost(
+  () => import('../components/ui-editor-footnote-editor/ui-editor-footnote-editor.js'),
+  {
+    root,
+    module: true,
+    dispatch,
+    acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+      acceptsControllerWrite(
+        value,
+        ({ base: { kind: 'terminal', name: 'string' } } as Record<string, any>)[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: string) => {
+      const incoming = hydrationInstance?.vnode.props
+      const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+      return incoming !== null && incoming !== undefined
+        ? (incoming[name] ?? incoming[kebab] ?? null)
+        : null
+    },
+    propNames: ['editable', 'error', 'label', 'note'],
+    propValidity: (name: string) =>
+      propValidityState({ contract: propValidityContract, values: { ...props } }, name),
+    state: { base },
+  },
+)
+</script>
+
+<template>
+  <div
+    role="dialog"
+    aria-label="Edit footnote"
+    v-bind="nativeAttrs($attrs)"
+    data-hn
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-ui-editor-footnote-editor-prop-editable="reflectedProp('editable', 'editable', checkedProps.editable, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-error="reflectedProp('error', 'error', checkedProps.error, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-note="reflectedProp('note', 'note', checkedProps.note, undefined, false)"
+    ref="root"
+  >
+    <UiStack gap="s"><template
+        v-for="boundInput in [evaluateInput(
+          () => (inputRead(checkedProps.error, inputStatus('error', true)) !== '') as any,
+          READY_INPUT,
+        )]"
+      ><UiFormField
+          :invalid="boundInput.value"
+          v-bind="{ [BINDING_INPUTS_PROP]: { invalid: () => boundInput } }"
+        ><UiInputGroup><UiInput
+              data-footnote-label=""
+              size="sm"
+              autocomplete="off"
+              :id="guardedBinding"
+              :value="checkedProps.label"
+              v-bind="{
+                [BINDING_INPUTS_PROP]: {
+                  value: () => ({ value: checkedProps.label, status: inputStatus('label', true) }),
+                },
+              }"
+            />
+            <template #prefix><span slot="prefix">[^</span></template>
+            <template #suffix><span slot="suffix">]</span></template></UiInputGroup>
+          <template #label><label slot="label" :for="guarded">Label</label></template>
+          <template #error><span slot="error">{{
+              checkedProps.error
+            }}</span></template></UiFormField></template>{{ ' ' }}<UiFormField><UiInputGroup
+          :multiline="true"
+        ><template
+            v-for="boundInputSnapshot in [evaluateInput(
+              () => (!inputRead(checkedProps.editable, inputStatus('editable', true))) as any,
+              READY_INPUT,
+            )]"
+          ><UiTextarea
+              data-footnote-note=""
+              size="sm"
+              :rows="2"
+              :autosize="true"
+              placeholder="Write the note"
+              :id="guardedBinding3"
+              :readonly="boundInputSnapshot.value"
+              :value="checkedProps.note"
+              v-bind="{
+                [BINDING_INPUTS_PROP]: {
+                  readonly: () => boundInputSnapshot,
+                  value: () => ({ value: checkedProps.note, status: inputStatus('note', true) }),
+                },
+              }"
+            /></template>
+          <template #action><UiButton slot="action" size="sm" data-footnote-go=""
+            >Go to note</UiButton></template></UiInputGroup>
+        <template #label><label slot="label" :for="guardedBinding2">Note</label></template>
+        <template #help><span v-if="!checkedProps.editable" slot="help"
+          >This note has formatting, so it is edited in the
+            document.</span></template></UiFormField></UiStack>
+  </div>
+</template>

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 };