@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.1

package/dist/components/comment-card.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,104 @@
+import { editorKey } from "../editor.js";
+import { commentRange } from "../core/comments.js";
+import { DouCommentThread, useFloating, useLayer, useZIndex } from "dou-ui";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, nextTick, normalizeStyle, openBlock, shallowRef, unref, watch, withCtx } from "vue";
+// src/components/comment-card.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "data-placement"];
+var comment_card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "comment-card",
+	setup(__props) {
+		const { view, state, comments, messages } = inject(editorKey);
+		const panel = shallowRef(null);
+		const thread = computed(() => {
+			const id = comments.active.value;
+			return id && comments.threads.value.find((item) => item.id === id) || null;
+		});
+		const range = computed(() => {
+			if (comments.pending.value) return comments.pending.value;
+			const current = state.value;
+			return thread.value && current ? commentRange(current.doc, thread.value.id) : null;
+		});
+		const open = computed(() => !!range.value);
+		const anchor = { getBoundingClientRect() {
+			const current = view.value;
+			const at = range.value;
+			if (!current || !at) return new DOMRect();
+			const start = current.coordsAtPos(at.from, 1);
+			const end = current.coordsAtPos(at.to, -1);
+			const right = Math.abs(start.top - end.top) < 4 ? end.right : Math.max(start.left + 1, current.dom.getBoundingClientRect().right);
+			return new DOMRect(start.left, start.top, Math.max(1, right - start.left), end.bottom - start.top);
+		} };
+		const { style, placement, update } = useFloating(() => open.value ? anchor : null, panel, {
+			open,
+			placement: "bottom-start",
+			offset: 6
+		});
+		const { next } = useZIndex();
+		const zIndex = shallowRef(0);
+		watch(open, (value) => value && (zIndex.value = next()), { immediate: true });
+		watch(state, () => open.value && void nextTick(update));
+		const threadView = shallowRef(null);
+		/** Focus was in the card, or went nowhere when what held it went away. */
+		const focusLost = () => {
+			const el = document.activeElement;
+			return !el || el === document.body || !!panel.value?.contains(el);
+		};
+		function close() {
+			const refocus = focusLost();
+			comments.close();
+			if (refocus) view.value?.focus();
+		}
+		useLayer({
+			open,
+			elements: () => [panel.value, view.value?.dom],
+			onEscape: () => close(),
+			onOutside: () => comments.close()
+		});
+		watch(() => comments.focusRequest.value, async () => {
+			await nextTick();
+			await nextTick();
+			threadView.value?.focus();
+		});
+		function onClosed() {
+			const el = document.activeElement;
+			if (!el || el === document.body) view.value?.focus();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				name: "dou-floating",
+				onAfterLeave: onClosed
+			}, {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: panel,
+					class: "dou-floating dou-editor-comment",
+					role: "dialog",
+					"aria-label": unref(messages).commentThread,
+					style: normalizeStyle([unref(style), { zIndex: zIndex.value }]),
+					"data-placement": unref(placement)
+				}, [(openBlock(), createBlock(unref(DouCommentThread), {
+					ref_key: "threadView",
+					ref: threadView,
+					key: thread.value?.id ?? "new",
+					thread: thread.value,
+					author: unref(comments).author.value,
+					readonly: !unref(comments).writable.value,
+					autofocus: !thread.value,
+					onAction: unref(comments).apply,
+					onCancel: close
+				}, null, 8, [
+					"thread",
+					"author",
+					"readonly",
+					"autofocus",
+					"onAction"
+				]))], 12, _hoisted_1)) : createCommentVNode("", true)]),
+				_: 1
+			});
+		};
+	}
+});
+export { comment_card_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=comment-card.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/comment-card.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-card.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_createElementBlock","_unref","_normalizeStyle","_createCommentVNode"],"sources":["../../src/components/comment-card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouCommentThread,\n  useFloating,\n  useLayer,\n  useZIndex,\n  type CommentThread,\n  type VirtualElement,\n} from 'dou-ui'\nimport { computed, inject, nextTick, shallowRef, watch } from 'vue'\nimport { commentRange, type CommentRange } from '../core/comments'\nimport { editorKey } from '../editor'\n\n/*\n * The thread a piece of text is about, beside that text: opened by a\n * click on highlighted text or `v-model:activeComment`, or empty while\n * a new thread's first comment is being written.\n */\n\nconst { view, state, comments, messages } = inject(editorKey)!\nconst panel = shallowRef<HTMLElement | null>(null)\n\nconst thread = computed<CommentThread | null>(() => {\n  const id = comments.active.value\n  return (id && comments.threads.value.find((item) => item.id === id)) || null\n})\n\nconst range = computed<CommentRange | null>(() => {\n  if (comments.pending.value) return comments.pending.value\n  const current = state.value\n  return thread.value && current ? commentRange(current.doc, thread.value.id) : null\n})\n\nconst open = computed(() => !!range.value)\n\nconst anchor: VirtualElement = {\n  getBoundingClientRect() {\n    const current = view.value\n    const at = range.value\n    if (!current || !at) return new DOMRect()\n    const start = current.coordsAtPos(at.from, 1)\n    const end = current.coordsAtPos(at.to, -1)\n    // text over several lines: from its start to the editor's right edge\n    const right =\n      Math.abs(start.top - end.top) < 4\n        ? end.right\n        : Math.max(start.left + 1, current.dom.getBoundingClientRect().right)\n    return new DOMRect(\n      start.left,\n      start.top,\n      Math.max(1, right - start.left),\n      end.bottom - start.top,\n    )\n  },\n}\n\nconst { style, placement, update } = useFloating(() => (open.value ? anchor : null), panel, {\n  open,\n  placement: 'bottom-start',\n  offset: 6,\n})\nconst { next } = useZIndex()\nconst zIndex = shallowRef(0)\nwatch(open, (value) => value && (zIndex.value = next()), { immediate: true })\nwatch(state, () => open.value && void nextTick(update))\n\nconst threadView = shallowRef<InstanceType<typeof DouCommentThread> | null>(null)\n\n/** Focus was in the card, or went nowhere when what held it went away. */\nconst focusLost = () => {\n  const el = document.activeElement\n  return !el || el === document.body || !!panel.value?.contains(el)\n}\n\nfunction close() {\n  const refocus = focusLost()\n  comments.close()\n  if (refocus) view.value?.focus()\n}\n\n// the card is a layer: Escape goes to a menu opened from it first, and a\n// press on such a menu isn't outside. A press on the editor's text is the\n// editor's: it opens the thread there, or closes the card.\nuseLayer({\n  open,\n  elements: () => [panel.value, view.value?.dom],\n  onEscape: () => close(),\n  onOutside: () => comments.close(),\n})\n\n// asked to (by the keyboard shortcut, or a thread just started): the reply box\nwatch(\n  () => comments.focusRequest.value,\n  async () => {\n    await nextTick()\n    await nextTick()\n    threadView.value?.focus()\n  },\n)\n\n// a thread resolved or removed from the card: back to the text, once\n// the card is gone (focus can sit in it while it fades out)\nfunction onClosed() {\n  const el = document.activeElement\n  if (!el || el === document.body) view.value?.focus()\n}\n</script>\n\n<template>\n  <Transition name=\"dou-floating\" @after-leave=\"onClosed\">\n    <div\n      v-if=\"open\"\n      ref=\"panel\"\n      class=\"dou-floating dou-editor-comment\"\n      role=\"dialog\"\n      :aria-label=\"messages.commentThread\"\n      :style=\"[style, { zIndex }]\"\n      :data-placement=\"placement\"\n    >\n      <DouCommentThread\n        ref=\"threadView\"\n        :key=\"thread?.id ?? 'new'\"\n        :thread=\"thread\"\n        :author=\"comments.author.value\"\n        :readonly=\"!comments.writable.value\"\n        :autofocus=\"!thread\"\n        @action=\"comments.apply\"\n        @cancel=\"close\"\n      />\n    </div>\n  </Transition>\n</template>\n"],"mappings":"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"}

package/dist/components/menu-escape.js

@@ -0,0 +1,25 @@
+import { isComposing } from "dou-ui";
+import { onScopeDispose, watch } from "vue";
+// src/components/menu-escape.ts
+/**
+* Menus opened from the editor's own controls leave the focus in the text,
+* where the editor would take `Escape` for itself (selecting the block).
+* While one is open, `Escape` closes it first.
+*/
+function useMenuEscape(open, close) {
+	const onKeydown = (event) => {
+		if (event.key !== "Escape" || isComposing(event)) return;
+		event.preventDefault();
+		event.stopPropagation();
+		close();
+	};
+	const listen = (on) => {
+		if (on) window.addEventListener("keydown", onKeydown, true);
+		else window.removeEventListener("keydown", onKeydown, true);
+	};
+	watch(open, (value) => listen(value));
+	onScopeDispose(() => listen(false));
+}
+export { useMenuEscape };
+
+//# sourceMappingURL=menu-escape.js.map

package/dist/components/menu-escape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-escape.js","names":[],"sources":["../../src/components/menu-escape.ts"],"sourcesContent":["import { isComposing } from 'dou-ui'\nimport { onScopeDispose, watch, type Ref } from 'vue'\n\n/**\n * Menus opened from the editor's own controls leave the focus in the text,\n * where the editor would take `Escape` for itself (selecting the block).\n * While one is open, `Escape` closes it first.\n */\nexport function useMenuEscape(open: Ref<boolean>, close: () => void) {\n  const onKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || isComposing(event)) return\n    event.preventDefault()\n    event.stopPropagation()\n    close()\n  }\n  const listen = (on: boolean) => {\n    if (on) window.addEventListener('keydown', onKeydown, true)\n    else window.removeEventListener('keydown', onKeydown, true)\n  }\n  watch(open, (value) => listen(value))\n  onScopeDispose(() => listen(false))\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,cAAc,MAAoB,OAAmB;CACnE,MAAM,aAAa,UAAyB;EAC1C,IAAI,MAAM,QAAQ,YAAY,YAAY,KAAK,GAAG;EAClD,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,MAAM;CACR;CACA,MAAM,UAAU,OAAgB;EAC9B,IAAI,IAAI,OAAO,iBAAiB,WAAW,WAAW,IAAI;OACrD,OAAO,oBAAoB,WAAW,WAAW,IAAI;CAC5D;CACA,MAAM,OAAO,UAAU,OAAO,KAAK,CAAC;CACpC,qBAAqB,OAAO,KAAK,CAAC;AACpC"}

package/dist/components/search-bar.js

@@ -0,0 +1,6 @@
+import search_bar_vue_vue_type_script_setup_true_lang_default from "./search-bar.vue_vue_type_script_setup_true_lang.js";
+// src/components/search-bar.vue
+var search_bar_default = search_bar_vue_vue_type_script_setup_true_lang_default;
+export { search_bar_default as default };
+
+//# sourceMappingURL=search-bar.js.map

package/dist/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["_sfc_main"],"sources":["../../src/components/search-bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { LetterCaseIcon, RegexIcon, WholeWordIcon } from '@dou-ui/icons'\nimport { DouFindReplace, DouToggle, DouTooltip, useLocale } from 'dou-ui'\nimport type { Node as PMNode } from 'prosemirror-model'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  currentMatch,\n  matchAfter,\n  previewMatch,\n  replaceMatches,\n  searchDoc,\n  searchKey,\n  selectMatch,\n  setSearch,\n  type EditorSearchQuery,\n} from '../core/search'\nimport { useEditor } from '../editor'\n\ndefineOptions({ name: 'DouEditorSearchBar' })\n\nconst props = defineProps<{ readonly: boolean; skip: (node: PMNode) => boolean }>()\nconst emit = defineEmits<{ close: [] }>()\nconst replacing = defineModel<boolean>('replacing', { default: false })\n\nconst { view, state } = useEditor()\nconst { t } = useLocale()\nconst panel = ref<InstanceType<typeof DouFindReplace>>()\n\nconst search = computed(() => (state.value ? searchKey.getState(state.value) : undefined))\nconst query = computed<EditorSearchQuery>(() => search.value?.query ?? { search: '' })\nconst current = computed(() => (state.value ? currentMatch(state.value) : -1))\n\nconst options = [\n  { key: 'caseSensitive', icon: LetterCaseIcon },\n  { key: 'wholeWord', icon: WholeWordIcon },\n  { key: 'regexp', icon: RegexIcon },\n] as const\n\n/** Puts in a new query; a new search selects the first match from the cursor on, as a preview. */\nfunction setQuery(patch: Partial<EditorSearchQuery>) {\n  const v = view.value\n  if (!v) return\n  const next = { ...query.value, ...patch }\n  v.dispatch(setSearch(v.state.tr, { query: next }))\n  if (Object.keys(patch).every((key) => key === 'replace')) return\n  const preview = previewMatch(v.state)\n  if (preview) v.dispatch(preview)\n}\n\nfunction go(step: 1 | -1) {\n  const v = view.value\n  const s = v && searchKey.getState(v.state)\n  if (!v || !s?.matches.length) return\n  const list = s.matches\n  const i = currentMatch(v.state)\n  const from = i >= 0 ? i : matchAfter(list, v.state.selection.from)\n  const to = i >= 0 ? (i + step + list.length) % list.length : step > 0 ? from : from - 1\n  v.dispatch(selectMatch(v.state, list[(to + list.length) % list.length]!))\n}\n\nfunction replaceOne() {\n  const v = view.value\n  if (!v || props.readonly) return\n  const i = currentMatch(v.state)\n  if (i < 0) return go(1)\n  const m = searchKey.getState(v.state)!.matches[i]!\n  const tr = replaceMatches(v.state, [m], query.value)\n  // on to the next match after the replacement\n  const end = tr.mapping.map(m.to)\n  v.dispatch(tr)\n  const list = searchKey.getState(v.state)!.matches\n  if (list.length) v.dispatch(selectMatch(v.state, list[matchAfter(list, end)]!))\n}\n\nfunction replaceAll() {\n  const v = view.value\n  const s = v && searchKey.getState(v.state)\n  if (!v || !s?.matches.length || props.readonly) return\n  // every match, also past the number counted\n  const list = s.capped\n    ? searchDoc(v.state.doc, query.value, { limit: Infinity, skip: props.skip }).matches\n    : s.matches\n  v.dispatch(replaceMatches(v.state, list, query.value))\n}\n\n// The panel floats over the text: scrolling to a match keeps it below the panel, and a\n// match the panel still covers, as one in the first line, moves the panel down past it.\nconst shift = ref(0)\nlet margin: unknown\nonMounted(() => {\n  const v = view.value\n  const el = panel.value?.$el as HTMLElement | undefined\n  if (!v || !el) return\n  margin = v.someProp('scrollMargin')\n  const top = el.getBoundingClientRect().height + 16\n  v.setProps({ scrollMargin: { top, bottom: 8, left: 8, right: 8 } })\n})\nonBeforeUnmount(() => {\n  const v = view.value\n  if (v && !v.isDestroyed) v.setProps({ scrollMargin: margin as number | undefined })\n})\nwatch(\n  [current, state],\n  () => {\n    const v = view.value\n    const el = panel.value?.$el as HTMLElement | undefined\n    const m = current.value >= 0 ? search.value?.matches[current.value] : undefined\n    if (!v || !el || !m) return (shift.value = 0)\n    let start, end\n    try {\n      start = v.coordsAtPos(m.from)\n      end = v.coordsAtPos(m.to)\n    } catch {\n      return (shift.value = 0)\n    }\n    const box = el.getBoundingClientRect()\n    const top = box.top - shift.value\n    const bottom = box.bottom - shift.value\n    const covered =\n      start.top < bottom &&\n      end.bottom > top &&\n      Math.min(start.left, end.left) < box.right &&\n      Math.max(start.right, end.right) > box.left\n    shift.value = covered ? Math.ceil(Math.max(start.bottom, end.bottom) - top + 6) : 0\n  },\n  { flush: 'post' },\n)\n\ndefineExpose({\n  focus: (which?: 'find' | 'replace') => panel.value?.focus(which),\n  next: () => go(1),\n  previous: () => go(-1),\n})\n</script>\n\n<template>\n  <DouFindReplace\n    ref=\"panel\"\n    :style=\"shift ? { transform: `translateY(${shift}px)` } : undefined\"\n    v-model:replacing=\"replacing\"\n    :search=\"query.search\"\n    :replace=\"query.replace ?? ''\"\n    :count=\"search?.matches.length ?? 0\"\n    :current=\"current\"\n    :capped=\"search?.capped\"\n    :error=\"search?.error && t('findReplace.invalidRegexp')\"\n    :readonly=\"readonly\"\n    @update:search=\"setQuery({ search: $event })\"\n    @update:replace=\"setQuery({ replace: $event })\"\n    @next=\"go(1)\"\n    @previous=\"go(-1)\"\n    @replace-one=\"replaceOne\"\n    @replace-all=\"replaceAll\"\n    @close=\"emit('close')\"\n  >\n    <template #options>\n      <DouTooltip\n        v-for=\"option in options\"\n        :key=\"option.key\"\n        :content=\"t(`findReplace.${option.key}`)\"\n      >\n        <DouToggle\n          :pressed=\"!!query[option.key]\"\n          size=\"sm\"\n          :aria-label=\"t(`findReplace.${option.key}`)\"\n          @update:pressed=\"setQuery({ [option.key]: $event })\"\n        >\n          <component :is=\"option.icon\" />\n        </DouToggle>\n      </DouTooltip>\n    </template>\n  </DouFindReplace>\n</template>\n"],"mappings":""}

package/dist/components/search-bar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,192 @@
+import { useEditor } from "../editor.js";
+import { currentMatch, matchAfter, previewMatch, replaceMatches, searchDoc, searchKey, selectMatch, setSearch } from "../core/search.js";
+import { DouFindReplace, DouToggle, DouTooltip, useLocale } from "dou-ui";
+import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, mergeModels, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, resolveDynamicComponent, unref, useModel, watch, withCtx } from "vue";
+import { LetterCaseIcon, RegexIcon, WholeWordIcon } from "@dou-ui/icons";
+// src/components/search-bar.vue?vue&type=script&setup=true&lang.ts
+var search_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouEditorSearchBar",
+	__name: "search-bar",
+	props: /*@__PURE__*/ mergeModels({
+		readonly: { type: Boolean },
+		skip: { type: Function }
+	}, {
+		"replacing": {
+			type: Boolean,
+			default: false
+		},
+		"replacingModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close"], ["update:replacing"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const replacing = useModel(__props, "replacing");
+		const { view, state } = useEditor();
+		const { t } = useLocale();
+		const panel = ref();
+		const search = computed(() => state.value ? searchKey.getState(state.value) : void 0);
+		const query = computed(() => search.value?.query ?? { search: "" });
+		const current = computed(() => state.value ? currentMatch(state.value) : -1);
+		const options = [
+			{
+				key: "caseSensitive",
+				icon: LetterCaseIcon
+			},
+			{
+				key: "wholeWord",
+				icon: WholeWordIcon
+			},
+			{
+				key: "regexp",
+				icon: RegexIcon
+			}
+		];
+		/** Puts in a new query; a new search selects the first match from the cursor on, as a preview. */
+		function setQuery(patch) {
+			const v = view.value;
+			if (!v) return;
+			const next = {
+				...query.value,
+				...patch
+			};
+			v.dispatch(setSearch(v.state.tr, { query: next }));
+			if (Object.keys(patch).every((key) => key === "replace")) return;
+			const preview = previewMatch(v.state);
+			if (preview) v.dispatch(preview);
+		}
+		function go(step) {
+			const v = view.value;
+			const s = v && searchKey.getState(v.state);
+			if (!v || !s?.matches.length) return;
+			const list = s.matches;
+			const i = currentMatch(v.state);
+			const from = i >= 0 ? i : matchAfter(list, v.state.selection.from);
+			const to = i >= 0 ? (i + step + list.length) % list.length : step > 0 ? from : from - 1;
+			v.dispatch(selectMatch(v.state, list[(to + list.length) % list.length]));
+		}
+		function replaceOne() {
+			const v = view.value;
+			if (!v || props.readonly) return;
+			const i = currentMatch(v.state);
+			if (i < 0) return go(1);
+			const m = searchKey.getState(v.state).matches[i];
+			const tr = replaceMatches(v.state, [m], query.value);
+			const end = tr.mapping.map(m.to);
+			v.dispatch(tr);
+			const list = searchKey.getState(v.state).matches;
+			if (list.length) v.dispatch(selectMatch(v.state, list[matchAfter(list, end)]));
+		}
+		function replaceAll() {
+			const v = view.value;
+			const s = v && searchKey.getState(v.state);
+			if (!v || !s?.matches.length || props.readonly) return;
+			const list = s.capped ? searchDoc(v.state.doc, query.value, {
+				limit: Infinity,
+				skip: props.skip
+			}).matches : s.matches;
+			v.dispatch(replaceMatches(v.state, list, query.value));
+		}
+		const shift = ref(0);
+		let margin;
+		onMounted(() => {
+			const v = view.value;
+			const el = panel.value?.$el;
+			if (!v || !el) return;
+			margin = v.someProp("scrollMargin");
+			const top = el.getBoundingClientRect().height + 16;
+			v.setProps({ scrollMargin: {
+				top,
+				bottom: 8,
+				left: 8,
+				right: 8
+			} });
+		});
+		onBeforeUnmount(() => {
+			const v = view.value;
+			if (v && !v.isDestroyed) v.setProps({ scrollMargin: margin });
+		});
+		watch([current, state], () => {
+			const v = view.value;
+			const el = panel.value?.$el;
+			const m = current.value >= 0 ? search.value?.matches[current.value] : void 0;
+			if (!v || !el || !m) return shift.value = 0;
+			let start, end;
+			try {
+				start = v.coordsAtPos(m.from);
+				end = v.coordsAtPos(m.to);
+			} catch {
+				return shift.value = 0;
+			}
+			const box = el.getBoundingClientRect();
+			const top = box.top - shift.value;
+			const bottom = box.bottom - shift.value;
+			const covered = start.top < bottom && end.bottom > top && Math.min(start.left, end.left) < box.right && Math.max(start.right, end.right) > box.left;
+			shift.value = covered ? Math.ceil(Math.max(start.bottom, end.bottom) - top + 6) : 0;
+		}, { flush: "post" });
+		__expose({
+			focus: (which) => panel.value?.focus(which),
+			next: () => go(1),
+			previous: () => go(-1)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DouFindReplace), {
+				ref_key: "panel",
+				ref: panel,
+				style: normalizeStyle(shift.value ? { transform: `translateY(${shift.value}px)` } : void 0),
+				replacing: replacing.value,
+				"onUpdate:replacing": _cache[0] || (_cache[0] = ($event) => replacing.value = $event),
+				search: query.value.search,
+				replace: query.value.replace ?? "",
+				count: search.value?.matches.length ?? 0,
+				current: current.value,
+				capped: search.value?.capped,
+				error: search.value?.error && unref(t)("findReplace.invalidRegexp"),
+				readonly: __props.readonly,
+				"onUpdate:search": _cache[1] || (_cache[1] = ($event) => setQuery({ search: $event })),
+				"onUpdate:replace": _cache[2] || (_cache[2] = ($event) => setQuery({ replace: $event })),
+				onNext: _cache[3] || (_cache[3] = ($event) => go(1)),
+				onPrevious: _cache[4] || (_cache[4] = ($event) => go(-1)),
+				onReplaceOne: replaceOne,
+				onReplaceAll: replaceAll,
+				onClose: _cache[5] || (_cache[5] = ($event) => emit("close"))
+			}, {
+				options: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(options, (option) => {
+					return createVNode(unref(DouTooltip), {
+						key: option.key,
+						content: unref(t)(`findReplace.${option.key}`)
+					}, {
+						default: withCtx(() => [createVNode(unref(DouToggle), {
+							pressed: !!query.value[option.key],
+							size: "sm",
+							"aria-label": unref(t)(`findReplace.${option.key}`),
+							"onUpdate:pressed": ($event) => setQuery({ [option.key]: $event })
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(option.icon)))]),
+							_: 2
+						}, 1032, [
+							"pressed",
+							"aria-label",
+							"onUpdate:pressed"
+						])]),
+						_: 2
+					}, 1032, ["content"]);
+				}), 64))]),
+				_: 1
+			}, 8, [
+				"style",
+				"replacing",
+				"search",
+				"replace",
+				"count",
+				"current",
+				"capped",
+				"error",
+				"readonly"
+			]);
+		};
+	}
+});
+export { search_bar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=search-bar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/search-bar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createElementBlock","_Fragment","_renderList","_createVNode","_resolveDynamicComponent"],"sources":["../../src/components/search-bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { LetterCaseIcon, RegexIcon, WholeWordIcon } from '@dou-ui/icons'\nimport { DouFindReplace, DouToggle, DouTooltip, useLocale } from 'dou-ui'\nimport type { Node as PMNode } from 'prosemirror-model'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  currentMatch,\n  matchAfter,\n  previewMatch,\n  replaceMatches,\n  searchDoc,\n  searchKey,\n  selectMatch,\n  setSearch,\n  type EditorSearchQuery,\n} from '../core/search'\nimport { useEditor } from '../editor'\n\ndefineOptions({ name: 'DouEditorSearchBar' })\n\nconst props = defineProps<{ readonly: boolean; skip: (node: PMNode) => boolean }>()\nconst emit = defineEmits<{ close: [] }>()\nconst replacing = defineModel<boolean>('replacing', { default: false })\n\nconst { view, state } = useEditor()\nconst { t } = useLocale()\nconst panel = ref<InstanceType<typeof DouFindReplace>>()\n\nconst search = computed(() => (state.value ? searchKey.getState(state.value) : undefined))\nconst query = computed<EditorSearchQuery>(() => search.value?.query ?? { search: '' })\nconst current = computed(() => (state.value ? currentMatch(state.value) : -1))\n\nconst options = [\n  { key: 'caseSensitive', icon: LetterCaseIcon },\n  { key: 'wholeWord', icon: WholeWordIcon },\n  { key: 'regexp', icon: RegexIcon },\n] as const\n\n/** Puts in a new query; a new search selects the first match from the cursor on, as a preview. */\nfunction setQuery(patch: Partial<EditorSearchQuery>) {\n  const v = view.value\n  if (!v) return\n  const next = { ...query.value, ...patch }\n  v.dispatch(setSearch(v.state.tr, { query: next }))\n  if (Object.keys(patch).every((key) => key === 'replace')) return\n  const preview = previewMatch(v.state)\n  if (preview) v.dispatch(preview)\n}\n\nfunction go(step: 1 | -1) {\n  const v = view.value\n  const s = v && searchKey.getState(v.state)\n  if (!v || !s?.matches.length) return\n  const list = s.matches\n  const i = currentMatch(v.state)\n  const from = i >= 0 ? i : matchAfter(list, v.state.selection.from)\n  const to = i >= 0 ? (i + step + list.length) % list.length : step > 0 ? from : from - 1\n  v.dispatch(selectMatch(v.state, list[(to + list.length) % list.length]!))\n}\n\nfunction replaceOne() {\n  const v = view.value\n  if (!v || props.readonly) return\n  const i = currentMatch(v.state)\n  if (i < 0) return go(1)\n  const m = searchKey.getState(v.state)!.matches[i]!\n  const tr = replaceMatches(v.state, [m], query.value)\n  // on to the next match after the replacement\n  const end = tr.mapping.map(m.to)\n  v.dispatch(tr)\n  const list = searchKey.getState(v.state)!.matches\n  if (list.length) v.dispatch(selectMatch(v.state, list[matchAfter(list, end)]!))\n}\n\nfunction replaceAll() {\n  const v = view.value\n  const s = v && searchKey.getState(v.state)\n  if (!v || !s?.matches.length || props.readonly) return\n  // every match, also past the number counted\n  const list = s.capped\n    ? searchDoc(v.state.doc, query.value, { limit: Infinity, skip: props.skip }).matches\n    : s.matches\n  v.dispatch(replaceMatches(v.state, list, query.value))\n}\n\n// The panel floats over the text: scrolling to a match keeps it below the panel, and a\n// match the panel still covers, as one in the first line, moves the panel down past it.\nconst shift = ref(0)\nlet margin: unknown\nonMounted(() => {\n  const v = view.value\n  const el = panel.value?.$el as HTMLElement | undefined\n  if (!v || !el) return\n  margin = v.someProp('scrollMargin')\n  const top = el.getBoundingClientRect().height + 16\n  v.setProps({ scrollMargin: { top, bottom: 8, left: 8, right: 8 } })\n})\nonBeforeUnmount(() => {\n  const v = view.value\n  if (v && !v.isDestroyed) v.setProps({ scrollMargin: margin as number | undefined })\n})\nwatch(\n  [current, state],\n  () => {\n    const v = view.value\n    const el = panel.value?.$el as HTMLElement | undefined\n    const m = current.value >= 0 ? search.value?.matches[current.value] : undefined\n    if (!v || !el || !m) return (shift.value = 0)\n    let start, end\n    try {\n      start = v.coordsAtPos(m.from)\n      end = v.coordsAtPos(m.to)\n    } catch {\n      return (shift.value = 0)\n    }\n    const box = el.getBoundingClientRect()\n    const top = box.top - shift.value\n    const bottom = box.bottom - shift.value\n    const covered =\n      start.top < bottom &&\n      end.bottom > top &&\n      Math.min(start.left, end.left) < box.right &&\n      Math.max(start.right, end.right) > box.left\n    shift.value = covered ? Math.ceil(Math.max(start.bottom, end.bottom) - top + 6) : 0\n  },\n  { flush: 'post' },\n)\n\ndefineExpose({\n  focus: (which?: 'find' | 'replace') => panel.value?.focus(which),\n  next: () => go(1),\n  previous: () => go(-1),\n})\n</script>\n\n<template>\n  <DouFindReplace\n    ref=\"panel\"\n    :style=\"shift ? { transform: `translateY(${shift}px)` } : undefined\"\n    v-model:replacing=\"replacing\"\n    :search=\"query.search\"\n    :replace=\"query.replace ?? ''\"\n    :count=\"search?.matches.length ?? 0\"\n    :current=\"current\"\n    :capped=\"search?.capped\"\n    :error=\"search?.error && t('findReplace.invalidRegexp')\"\n    :readonly=\"readonly\"\n    @update:search=\"setQuery({ search: $event })\"\n    @update:replace=\"setQuery({ replace: $event })\"\n    @next=\"go(1)\"\n    @previous=\"go(-1)\"\n    @replace-one=\"replaceOne\"\n    @replace-all=\"replaceAll\"\n    @close=\"emit('close')\"\n  >\n    <template #options>\n      <DouTooltip\n        v-for=\"option in options\"\n        :key=\"option.key\"\n        :content=\"t(`findReplace.${option.key}`)\"\n      >\n        <DouToggle\n          :pressed=\"!!query[option.key]\"\n          size=\"sm\"\n          :aria-label=\"t(`findReplace.${option.key}`)\"\n          @update:pressed=\"setQuery({ [option.key]: $event })\"\n        >\n          <component :is=\"option.icon\" />\n        </DouToggle>\n      </DouTooltip>\n    </template>\n  </DouFindReplace>\n</template>\n"],"mappings":"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"}

package/dist/components/slash-menu.js

@@ -0,0 +1,6 @@
+import slash_menu_vue_vue_type_script_setup_true_lang_default from "./slash-menu.vue_vue_type_script_setup_true_lang.js";
+// src/components/slash-menu.vue
+var slash_menu_default = slash_menu_vue_vue_type_script_setup_true_lang_default;
+export { slash_menu_default as default };
+
+//# sourceMappingURL=slash-menu.js.map

package/dist/components/slash-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-menu.js","names":["_sfc_main"],"sources":["../../src/components/slash-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isComposing, useFloating, useLayer, useZIndex, type VirtualElement } from 'dou-ui'\nimport { computed, inject, nextTick, shallowRef, useId, useTemplateRef, watch } from 'vue'\nimport { filterOptions } from '../catalog'\nimport { labelOf, type BlockOption } from '../core/extension'\nimport { insertBlockAfter, setBlockType } from '../core/commands'\nimport { slashKey, type SlashState } from '../core/slash'\nimport { editorKey } from '../editor'\n\nconst props = defineProps<{ slash: SlashState | null }>()\n\nconst { view, messages, kit } = inject(editorKey)!\nconst id = `dou-editor-slash-${useId()}`\nconst panel = useTemplateRef<HTMLElement>('panel')\nconst active = shallowRef(0)\n\nconst options = computed(() =>\n  props.slash ? filterOptions(kit.blockOptions, props.slash.query, messages.value) : [],\n)\nconst open = computed(() => !!props.slash)\n\n// the menu hangs below the `/` that opened it\nconst anchor: VirtualElement = {\n  getBoundingClientRect() {\n    const current = view.value\n    const from = props.slash?.from\n    if (!current || from === undefined) return new DOMRect()\n    const { left, top, bottom } = current.coordsAtPos(from)\n    return new DOMRect(left, top, 0, bottom - top)\n  },\n}\nconst { style, placement, update } = useFloating(() => (open.value ? anchor : null), panel, {\n  open,\n  placement: 'bottom-start',\n  offset: 6,\n})\n// stacked like DouUI's own popups, above whatever opened before\nconst { next } = useZIndex()\nconst zIndex = shallowRef(0)\nwatch(open, (value) => value && (zIndex.value = next()), { immediate: true })\n// a press outside the editor and the menu closes it; inside, the cursor move does\nuseLayer({\n  open,\n  elements: () => [panel.value, view.value?.dom],\n  onOutside: () => close(),\n  onEscape: () => close(),\n})\n\nwatch(\n  () => props.slash?.query,\n  () => {\n    active.value = 0\n    void nextTick(update)\n  },\n)\n\n// the editor keeps focus; the active option is announced through it\nwatch(\n  [open, active, options],\n  () => {\n    const dom = view.value?.dom\n    if (!dom) return\n    const option = open.value && options.value.length ? `${id}-${active.value}` : null\n    if (open.value) {\n      dom.setAttribute('aria-controls', id)\n      dom.setAttribute('aria-expanded', 'true')\n    } else {\n      dom.removeAttribute('aria-controls')\n      dom.removeAttribute('aria-expanded')\n    }\n    if (option) dom.setAttribute('aria-activedescendant', option)\n    else dom.removeAttribute('aria-activedescendant')\n    if (option) document.getElementById(option)?.scrollIntoView({ block: 'nearest' })\n  },\n  { flush: 'post' },\n)\n\nfunction choose(option: BlockOption) {\n  const current = view.value\n  const slash = props.slash\n  if (!current || !slash) return\n  // remove the `/query`, then turn the block, or add one below when it has text\n  const removed = current.state.tr.delete(slash.from, current.state.selection.from)\n  current.dispatch(removed.setMeta(slashKey, null))\n  const { $from } = current.state.selection\n  if ($from.parent.content.size > 0) insertBlockAfter($from.pos)(current.state, current.dispatch)\n  if (option.type !== 'paragraph' || $from.parent.content.size === 0)\n    setBlockType(option.type, option.props)(current.state, current.dispatch)\n  current.focus()\n}\n\nfunction close() {\n  const current = view.value\n  if (current) current.dispatch(current.state.tr.setMeta(slashKey, null))\n}\n\n/** Keys the editor passes on while the menu is open. */\nfunction onKey(event: KeyboardEvent): boolean {\n  if (isComposing(event)) return false\n  const count = options.value.length\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowUp':\n      if (!count) return false\n      active.value = (active.value + (event.key === 'ArrowDown' ? 1 : -1) + count) % count\n      return true\n    case 'Enter':\n    case 'Tab': {\n      const option = options.value[active.value]\n      if (!option) {\n        close()\n        return false\n      }\n      choose(option)\n      return true\n    }\n    default:\n      return false\n  }\n}\n\ndefineExpose({ onKey })\n</script>\n\n<template>\n  <Transition name=\"dou-floating\">\n    <div\n      v-if=\"open\"\n      :id=\"id\"\n      ref=\"panel\"\n      role=\"listbox\"\n      :aria-label=\"messages.blockTypes\"\n      class=\"dou-dropdown dou-floating dou-editor-slash\"\n      :style=\"[style, { zIndex }]\"\n      :data-placement=\"placement\"\n      @mousedown.prevent\n    >\n      <div\n        v-for=\"(option, index) in options\"\n        :id=\"`${id}-${index}`\"\n        :key=\"option.key\"\n        role=\"option\"\n        :aria-selected=\"index === active\"\n        :class=\"['dou-dropdown__item', 'dou-editor-slash__item', { 'is-active': index === active }]\"\n        @pointermove=\"active = index\"\n        @click=\"choose(option)\"\n      >\n        <span class=\"dou-editor-slash__icon\"><component :is=\"option.icon\" /></span>\n        <span class=\"dou-editor-slash__text\">\n          <span class=\"dou-editor-slash__label\">{{ labelOf(option.label, messages) }}</span>\n          <span v-if=\"option.hint\" class=\"dou-editor-slash__hint\">{{\n            labelOf(option.hint, messages)\n          }}</span>\n        </span>\n        <kbd v-if=\"option.shortcut\" class=\"dou-editor-slash__shortcut\">{{ option.shortcut }}</kbd>\n      </div>\n      <div v-if=\"!options.length\" class=\"dou-editor-slash__empty\">{{ messages.noResults }}</div>\n    </div>\n  </Transition>\n</template>\n"],"mappings":""}

package/dist/components/slash-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,164 @@
+import { labelOf } from "../core/extension.js";
+import { filterOptions } from "../catalog.js";
+import { insertBlockAfter, setBlockType } from "../core/commands.js";
+import { slashKey } from "../core/slash.js";
+import { editorKey } from "../editor.js";
+import { isComposing, useFloating, useLayer, useZIndex } from "dou-ui";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+// src/components/slash-menu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "data-placement"];
+var _hoisted_2 = [
+	"id",
+	"aria-selected",
+	"onPointermove",
+	"onClick"
+];
+var _hoisted_3 = { class: "dou-editor-slash__icon" };
+var _hoisted_4 = { class: "dou-editor-slash__text" };
+var _hoisted_5 = { class: "dou-editor-slash__label" };
+var _hoisted_6 = {
+	key: 0,
+	class: "dou-editor-slash__hint"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "dou-editor-slash__shortcut"
+};
+var _hoisted_8 = {
+	key: 0,
+	class: "dou-editor-slash__empty"
+};
+var slash_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "slash-menu",
+	props: { slash: {} },
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { view, messages, kit } = inject(editorKey);
+		const id = `dou-editor-slash-${useId()}`;
+		const panel = useTemplateRef("panel");
+		const active = shallowRef(0);
+		const options = computed(() => props.slash ? filterOptions(kit.blockOptions, props.slash.query, messages.value) : []);
+		const open = computed(() => !!props.slash);
+		const anchor = { getBoundingClientRect() {
+			const current = view.value;
+			const from = props.slash?.from;
+			if (!current || from === void 0) return new DOMRect();
+			const { left, top, bottom } = current.coordsAtPos(from);
+			return new DOMRect(left, top, 0, bottom - top);
+		} };
+		const { style, placement, update } = useFloating(() => open.value ? anchor : null, panel, {
+			open,
+			placement: "bottom-start",
+			offset: 6
+		});
+		const { next } = useZIndex();
+		const zIndex = shallowRef(0);
+		watch(open, (value) => value && (zIndex.value = next()), { immediate: true });
+		useLayer({
+			open,
+			elements: () => [panel.value, view.value?.dom],
+			onOutside: () => close(),
+			onEscape: () => close()
+		});
+		watch(() => props.slash?.query, () => {
+			active.value = 0;
+			nextTick(update);
+		});
+		watch([
+			open,
+			active,
+			options
+		], () => {
+			const dom = view.value?.dom;
+			if (!dom) return;
+			const option = open.value && options.value.length ? `${id}-${active.value}` : null;
+			if (open.value) {
+				dom.setAttribute("aria-controls", id);
+				dom.setAttribute("aria-expanded", "true");
+			} else {
+				dom.removeAttribute("aria-controls");
+				dom.removeAttribute("aria-expanded");
+			}
+			if (option) dom.setAttribute("aria-activedescendant", option);
+			else dom.removeAttribute("aria-activedescendant");
+			if (option) document.getElementById(option)?.scrollIntoView({ block: "nearest" });
+		}, { flush: "post" });
+		function choose(option) {
+			const current = view.value;
+			const slash = props.slash;
+			if (!current || !slash) return;
+			const removed = current.state.tr.delete(slash.from, current.state.selection.from);
+			current.dispatch(removed.setMeta(slashKey, null));
+			const { $from } = current.state.selection;
+			if ($from.parent.content.size > 0) insertBlockAfter($from.pos)(current.state, current.dispatch);
+			if (option.type !== "paragraph" || $from.parent.content.size === 0) setBlockType(option.type, option.props)(current.state, current.dispatch);
+			current.focus();
+		}
+		function close() {
+			const current = view.value;
+			if (current) current.dispatch(current.state.tr.setMeta(slashKey, null));
+		}
+		/** Keys the editor passes on while the menu is open. */
+		function onKey(event) {
+			if (isComposing(event)) return false;
+			const count = options.value.length;
+			switch (event.key) {
+				case "ArrowDown":
+				case "ArrowUp":
+					if (!count) return false;
+					active.value = (active.value + (event.key === "ArrowDown" ? 1 : -1) + count) % count;
+					return true;
+				case "Enter":
+				case "Tab": {
+					const option = options.value[active.value];
+					if (!option) {
+						close();
+						return false;
+					}
+					choose(option);
+					return true;
+				}
+				default: return false;
+			}
+		}
+		__expose({ onKey });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, { name: "dou-floating" }, {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id,
+					ref_key: "panel",
+					ref: panel,
+					role: "listbox",
+					"aria-label": unref(messages).blockTypes,
+					class: "dou-dropdown dou-floating dou-editor-slash",
+					style: normalizeStyle([unref(style), { zIndex: zIndex.value }]),
+					"data-placement": unref(placement),
+					onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
+					return openBlock(), createElementBlock("div", {
+						id: `${id}-${index}`,
+						key: option.key,
+						role: "option",
+						"aria-selected": index === active.value,
+						class: normalizeClass([
+							"dou-dropdown__item",
+							"dou-editor-slash__item",
+							{ "is-active": index === active.value }
+						]),
+						onPointermove: ($event) => active.value = index,
+						onClick: ($event) => choose(option)
+					}, [
+						createElementVNode("span", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(option.icon)))]),
+						createElementVNode("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(unref(labelOf)(option.label, unref(messages))), 1), option.hint ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(labelOf)(option.hint, unref(messages))), 1)) : createCommentVNode("", true)]),
+						option.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_7, toDisplayString(option.shortcut), 1)) : createCommentVNode("", true)
+					], 42, _hoisted_2);
+				}), 128)), !options.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(unref(messages).noResults), 1)) : createCommentVNode("", true)], 44, _hoisted_1)) : createCommentVNode("", true)]),
+				_: 1
+			});
+		};
+	}
+});
+export { slash_menu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=slash-menu.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/slash-menu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-menu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_createElementBlock","_unref","_normalizeStyle","_withModifiers","_Fragment","_renderList","_normalizeClass","_createElementVNode","_resolveDynamicComponent","_toDisplayString","_createCommentVNode"],"sources":["../../src/components/slash-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isComposing, useFloating, useLayer, useZIndex, type VirtualElement } from 'dou-ui'\nimport { computed, inject, nextTick, shallowRef, useId, useTemplateRef, watch } from 'vue'\nimport { filterOptions } from '../catalog'\nimport { labelOf, type BlockOption } from '../core/extension'\nimport { insertBlockAfter, setBlockType } from '../core/commands'\nimport { slashKey, type SlashState } from '../core/slash'\nimport { editorKey } from '../editor'\n\nconst props = defineProps<{ slash: SlashState | null }>()\n\nconst { view, messages, kit } = inject(editorKey)!\nconst id = `dou-editor-slash-${useId()}`\nconst panel = useTemplateRef<HTMLElement>('panel')\nconst active = shallowRef(0)\n\nconst options = computed(() =>\n  props.slash ? filterOptions(kit.blockOptions, props.slash.query, messages.value) : [],\n)\nconst open = computed(() => !!props.slash)\n\n// the menu hangs below the `/` that opened it\nconst anchor: VirtualElement = {\n  getBoundingClientRect() {\n    const current = view.value\n    const from = props.slash?.from\n    if (!current || from === undefined) return new DOMRect()\n    const { left, top, bottom } = current.coordsAtPos(from)\n    return new DOMRect(left, top, 0, bottom - top)\n  },\n}\nconst { style, placement, update } = useFloating(() => (open.value ? anchor : null), panel, {\n  open,\n  placement: 'bottom-start',\n  offset: 6,\n})\n// stacked like DouUI's own popups, above whatever opened before\nconst { next } = useZIndex()\nconst zIndex = shallowRef(0)\nwatch(open, (value) => value && (zIndex.value = next()), { immediate: true })\n// a press outside the editor and the menu closes it; inside, the cursor move does\nuseLayer({\n  open,\n  elements: () => [panel.value, view.value?.dom],\n  onOutside: () => close(),\n  onEscape: () => close(),\n})\n\nwatch(\n  () => props.slash?.query,\n  () => {\n    active.value = 0\n    void nextTick(update)\n  },\n)\n\n// the editor keeps focus; the active option is announced through it\nwatch(\n  [open, active, options],\n  () => {\n    const dom = view.value?.dom\n    if (!dom) return\n    const option = open.value && options.value.length ? `${id}-${active.value}` : null\n    if (open.value) {\n      dom.setAttribute('aria-controls', id)\n      dom.setAttribute('aria-expanded', 'true')\n    } else {\n      dom.removeAttribute('aria-controls')\n      dom.removeAttribute('aria-expanded')\n    }\n    if (option) dom.setAttribute('aria-activedescendant', option)\n    else dom.removeAttribute('aria-activedescendant')\n    if (option) document.getElementById(option)?.scrollIntoView({ block: 'nearest' })\n  },\n  { flush: 'post' },\n)\n\nfunction choose(option: BlockOption) {\n  const current = view.value\n  const slash = props.slash\n  if (!current || !slash) return\n  // remove the `/query`, then turn the block, or add one below when it has text\n  const removed = current.state.tr.delete(slash.from, current.state.selection.from)\n  current.dispatch(removed.setMeta(slashKey, null))\n  const { $from } = current.state.selection\n  if ($from.parent.content.size > 0) insertBlockAfter($from.pos)(current.state, current.dispatch)\n  if (option.type !== 'paragraph' || $from.parent.content.size === 0)\n    setBlockType(option.type, option.props)(current.state, current.dispatch)\n  current.focus()\n}\n\nfunction close() {\n  const current = view.value\n  if (current) current.dispatch(current.state.tr.setMeta(slashKey, null))\n}\n\n/** Keys the editor passes on while the menu is open. */\nfunction onKey(event: KeyboardEvent): boolean {\n  if (isComposing(event)) return false\n  const count = options.value.length\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowUp':\n      if (!count) return false\n      active.value = (active.value + (event.key === 'ArrowDown' ? 1 : -1) + count) % count\n      return true\n    case 'Enter':\n    case 'Tab': {\n      const option = options.value[active.value]\n      if (!option) {\n        close()\n        return false\n      }\n      choose(option)\n      return true\n    }\n    default:\n      return false\n  }\n}\n\ndefineExpose({ onKey })\n</script>\n\n<template>\n  <Transition name=\"dou-floating\">\n    <div\n      v-if=\"open\"\n      :id=\"id\"\n      ref=\"panel\"\n      role=\"listbox\"\n      :aria-label=\"messages.blockTypes\"\n      class=\"dou-dropdown dou-floating dou-editor-slash\"\n      :style=\"[style, { zIndex }]\"\n      :data-placement=\"placement\"\n      @mousedown.prevent\n    >\n      <div\n        v-for=\"(option, index) in options\"\n        :id=\"`${id}-${index}`\"\n        :key=\"option.key\"\n        role=\"option\"\n        :aria-selected=\"index === active\"\n        :class=\"['dou-dropdown__item', 'dou-editor-slash__item', { 'is-active': index === active }]\"\n        @pointermove=\"active = index\"\n        @click=\"choose(option)\"\n      >\n        <span class=\"dou-editor-slash__icon\"><component :is=\"option.icon\" /></span>\n        <span class=\"dou-editor-slash__text\">\n          <span class=\"dou-editor-slash__label\">{{ labelOf(option.label, messages) }}</span>\n          <span v-if=\"option.hint\" class=\"dou-editor-slash__hint\">{{\n            labelOf(option.hint, messages)\n          }}</span>\n        </span>\n        <kbd v-if=\"option.shortcut\" class=\"dou-editor-slash__shortcut\">{{ option.shortcut }}</kbd>\n      </div>\n      <div v-if=\"!options.length\" class=\"dou-editor-slash__empty\">{{ messages.noResults }}</div>\n    </div>\n  </Transition>\n</template>\n"],"mappings":"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"}