@dou-ui/sheet 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/sheet-formula-bar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,124 @@
+import { formulaParts, formulaReferences, partClass } from "../formula/edit.js";
+import { useSheet } from "../context.js";
+import sheet_name_box_default from "./sheet-name-box.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, toDisplayString, unref, useTemplateRef, watch } from "vue";
+import { FunctionIcon } from "@dou-ui/icons";
+// src/components/sheet-formula-bar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-sheet-formula-bar" };
+var _hoisted_2 = {
+	class: "dou-sheet-formula-bar__mark",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = [
+	"value",
+	"aria-label",
+	"aria-autocomplete",
+	"aria-controls",
+	"readonly"
+];
+var sheet_formula_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouSheetFormulaBar",
+	__name: "sheet-formula-bar",
+	setup(__props) {
+		const sheet = useSheet();
+		const { editor, messages: m } = sheet;
+		const input = useTemplateRef("input");
+		const mirror = useTemplateRef("mirror");
+		const editingHere = computed(() => !!editor.cell.value);
+		const text = computed(() => editingHere.value ? editor.text.value : editor.textAt(sheet.active.value));
+		const marks = computed(() => editingHere.value ? formulaReferences(text.value) : []);
+		/** A formula is shown in its colors, under the box's clear text. */
+		const isFormula = computed(() => text.value.startsWith("="));
+		const parts = computed(() => isFormula.value ? formulaParts(text.value, marks.value) : []);
+		/** As many lines as the text has, up to five; more scroll. */
+		const lines = computed(() => Math.min(5, text.value.split("\n").length));
+		let composing = false;
+		const setComposing = (value) => composing = value;
+		function onInput(event) {
+			const el = event.target;
+			if (!editor.input(el.value, el.selectionStart)) el.value = text.value;
+			syncMirror();
+		}
+		function onKey(event) {
+			if (composing || event.isComposing) return;
+			if (editingHere.value) {
+				if (editor.key(event) && !editor.cell.value) sheet.focus();
+				return;
+			}
+			if (event.key === "Escape" || event.key === "Enter") {
+				event.preventDefault();
+				sheet.focus();
+			}
+		}
+		function syncCaret() {
+			const el = input.value;
+			if (el && editingHere.value) editor.moveCaret(el.selectionStart);
+			syncMirror();
+		}
+		function syncMirror() {
+			const el = input.value;
+			const shown = mirror.value;
+			if (!el || !shown) return;
+			shown.scrollLeft = el.scrollLeft;
+			shown.scrollTop = el.scrollTop;
+		}
+		function onBlur(event) {
+			const next = event.relatedTarget;
+			if (!editor.cell.value || !document.hasFocus()) return;
+			if (next?.closest(".dou-sheet__input, .dou-sheet__assist")) return;
+			editor.commit();
+		}
+		watch(text, () => void nextTick(syncMirror));
+		let detach;
+		onMounted(() => {
+			if (input.value) detach = editor.attach(input.value);
+		});
+		onBeforeUnmount(() => detach?.());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(sheet_name_box_default),
+				createElementVNode("span", _hoisted_2, [createVNode(unref(FunctionIcon))]),
+				createElementVNode("div", {
+					class: "dou-sheet-formula-bar__box",
+					style: normalizeStyle(`--dou-sheet-bar-lines:${lines.value}`)
+				}, [isFormula.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "mirror",
+					ref: mirror,
+					class: "dou-sheet-formula-bar__mirror",
+					"aria-hidden": "true"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, i) => {
+					return openBlock(), createElementBlock("span", {
+						key: i,
+						class: normalizeClass(unref(partClass)(part))
+					}, toDisplayString(part.text), 3);
+				}), 128))], 512)) : createCommentVNode("", true), createElementVNode("textarea", {
+					ref_key: "input",
+					ref: input,
+					class: normalizeClass(["dou-sheet-formula-bar__input", { "is-formula": isFormula.value }]),
+					value: text.value,
+					"aria-label": unref(m).formulaBox,
+					"aria-autocomplete": editingHere.value ? "list" : void 0,
+					"aria-controls": editingHere.value ? unref(editor).helpId : void 0,
+					readonly: unref(sheet).readonly.value,
+					rows: "1",
+					autocomplete: "off",
+					autocapitalize: "off",
+					spellcheck: "false",
+					onInput,
+					onKeydown: onKey,
+					onKeyup: syncCaret,
+					onClick: syncCaret,
+					onSelect: syncCaret,
+					onScroll: syncMirror,
+					onCompositionstart: _cache[0] || (_cache[0] = ($event) => setComposing(true)),
+					onCompositionend: _cache[1] || (_cache[1] = ($event) => setComposing(false)),
+					onBlur
+				}, null, 42, _hoisted_3)], 4)
+			]);
+		};
+	}
+});
+export { sheet_formula_bar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-formula-bar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/sheet-formula-bar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-formula-bar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","SheetNameBox","_createElementVNode","_unref","_normalizeStyle","_Fragment","_renderList","_normalizeClass","_toDisplayString","_createCommentVNode"],"sources":["../../src/components/sheet-formula-bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { FunctionIcon } from '@dou-ui/icons'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue'\nimport { useSheet } from '../context'\nimport SheetNameBox from './sheet-name-box.vue'\nimport { formulaParts, formulaReferences, partClass } from '../formula/edit'\n\ndefineOptions({ name: 'DouSheetFormulaBar' })\n\nconst sheet = useSheet()\nconst { editor, messages: m } = sheet\n\nconst input = useTemplateRef<HTMLTextAreaElement>('input')\nconst mirror = useTemplateRef<HTMLElement>('mirror')\n\n// The formula box: what the active cell holds, edited along with the cell ----------------------\n\nconst editingHere = computed(() => !!editor.cell.value)\nconst text = computed(() =>\n  editingHere.value ? editor.text.value : editor.textAt(sheet.active.value),\n)\nconst marks = computed(() => (editingHere.value ? formulaReferences(text.value) : []))\n/** A formula is shown in its colors, under the box's clear text. */\nconst isFormula = computed(() => text.value.startsWith('='))\nconst parts = computed(() => (isFormula.value ? formulaParts(text.value, marks.value) : []))\n\n/** As many lines as the text has, up to five; more scroll. */\nconst lines = computed(() => Math.min(5, text.value.split('\\n').length))\n\nlet composing = false\nconst setComposing = (value: boolean) => (composing = value)\n\nfunction onInput(event: Event) {\n  const el = event.target as HTMLTextAreaElement\n  if (!editor.input(el.value, el.selectionStart)) el.value = text.value\n  syncMirror()\n}\n\nfunction onKey(event: KeyboardEvent) {\n  if (composing || event.isComposing) return\n  if (editingHere.value) {\n    // Enter, Tab and Escape finish the edit as in the cell; completion and pointing too\n    if (editor.key(event) && !editor.cell.value) sheet.focus()\n    return\n  }\n  if (event.key === 'Escape' || event.key === 'Enter') {\n    event.preventDefault()\n    sheet.focus()\n  }\n}\n\nfunction syncCaret() {\n  const el = input.value\n  if (el && editingHere.value) editor.moveCaret(el.selectionStart)\n  syncMirror()\n}\n\nfunction syncMirror() {\n  const el = input.value\n  const shown = mirror.value\n  if (!el || !shown) return\n  shown.scrollLeft = el.scrollLeft\n  shown.scrollTop = el.scrollTop\n}\n\nfunction onBlur(event: FocusEvent) {\n  // a press on a cell finished the edit already; going elsewhere saves it, as leaving the cell does\n  const next = event.relatedTarget as Element | null\n  if (!editor.cell.value || !document.hasFocus()) return\n  if (next?.closest('.dou-sheet__input, .dou-sheet__assist')) return\n  editor.commit()\n}\n\nwatch(text, () => void nextTick(syncMirror))\n\nlet detach: (() => void) | undefined\nonMounted(() => {\n  if (input.value) detach = editor.attach(input.value)\n})\nonBeforeUnmount(() => detach?.())\n</script>\n\n<template>\n  <div class=\"dou-sheet-formula-bar\">\n    <SheetNameBox />\n    <span class=\"dou-sheet-formula-bar__mark\" aria-hidden=\"true\"><FunctionIcon /></span>\n    <div class=\"dou-sheet-formula-bar__box\" :style=\"`--dou-sheet-bar-lines:${lines}`\">\n      <div v-if=\"isFormula\" ref=\"mirror\" class=\"dou-sheet-formula-bar__mirror\" aria-hidden=\"true\">\n        <span v-for=\"(part, i) in parts\" :key=\"i\" :class=\"partClass(part)\">{{ part.text }}</span>\n      </div>\n      <textarea\n        ref=\"input\"\n        class=\"dou-sheet-formula-bar__input\"\n        :class=\"{ 'is-formula': isFormula }\"\n        :value=\"text\"\n        :aria-label=\"m.formulaBox\"\n        :aria-autocomplete=\"editingHere ? 'list' : undefined\"\n        :aria-controls=\"editingHere ? editor.helpId : undefined\"\n        :readonly=\"sheet.readonly.value\"\n        rows=\"1\"\n        autocomplete=\"off\"\n        autocapitalize=\"off\"\n        spellcheck=\"false\"\n        @input=\"onInput\"\n        @keydown=\"onKey\"\n        @keyup=\"syncCaret\"\n        @click=\"syncCaret\"\n        @select=\"syncCaret\"\n        @scroll=\"syncMirror\"\n        @compositionstart=\"setComposing(true)\"\n        @compositionend=\"setComposing(false)\"\n        @blur=\"onBlur\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/sheet-link.js

@@ -0,0 +1,6 @@
+import sheet_link_vue_vue_type_script_setup_true_lang_default from "./sheet-link.vue_vue_type_script_setup_true_lang.js";
+// src/components/sheet-link.vue
+var sheet_link_default = sheet_link_vue_vue_type_script_setup_true_lang_default;
+export { sheet_link_default as default };
+
+//# sourceMappingURL=sheet-link.js.map

package/dist/components/sheet-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-link.js","names":["_sfc_main"],"sources":["../../src/components/sheet-link.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouButton,\n  DouInput,\n  DouTooltip,\n  useFloating,\n  useZIndex,\n  type VirtualElement,\n} from 'dou-ui'\nimport { LinkIcon, PencilIcon, UnlinkIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, useTemplateRef, watch } from 'vue'\nimport { linkTarget } from '../core/link'\nimport type { SheetLinkMessages } from '../locale'\n\n/*\n * A cell's link, under the cell: where it goes, with buttons to open it,\n * change it and take it off; or, while it is being edited, the text and\n * address to write.\n */\n\nconst props = defineProps<{\n  /** The cell the link belongs to. */\n  anchor: VirtualElement\n  link: string\n  /** What the cell shows; `null` for a formula's cell, whose text isn't edited here. */\n  text: string | null\n  editing: boolean\n  /** At the grid's foot rather than under the cell, so a finger can still reach the cells around it. */\n  docked?: boolean\n  /** Whether the link can be changed: the grid is editable and the cell isn't locked. */\n  editable: boolean\n  /** Whether the cell has a link of its own to take off, not only a formula's. */\n  removable: boolean\n  messages: SheetLinkMessages\n}>()\n\nconst emit = defineEmits<{\n  /** Follows the link: opens a web address, or goes to the cells. */\n  open: []\n  edit: []\n  remove: []\n  /** `leaving` when focus left the box for something else. */\n  save: [link: string, text: string | null, leaving: boolean]\n  cancel: [leaving: boolean]\n}>()\n\nconst box = useTemplateRef<HTMLElement>('box')\ntype Focusable = { focus: () => void; select: () => void }\nconst textInput = useTemplateRef<Focusable>('textInput')\nconst addressInput = useTemplateRef<Focusable>('addressInput')\nconst address = ref(props.link)\nconst text = ref(props.text ?? '')\nconst tried = ref(false)\nconst id = useId()\n\nconst { style, placement } = useFloating(() => props.anchor, box, {\n  open: true,\n  placement: 'bottom-start',\n  offset: 6,\n})\nconst zIndex = useZIndex().next()\n\nconst target = computed(() => linkTarget(props.link))\nconst href = computed(() => (target.value?.kind === 'web' ? target.value.href : undefined))\n/** The address as shown: a web address without its scheme's slashes. */\nconst shown = computed(() => props.link.replace(/^https?:\\/\\//i, '').replace(/\\/$/, ''))\nconst bad = computed(() => !!address.value.trim() && !linkTarget(address.value))\n\nwatch(\n  () => props.editing,\n  async (editing) => {\n    address.value = props.link\n    text.value = props.text ?? ''\n    tried.value = false\n    if (!editing) return\n    await nextTick()\n    const first = textInput.value ?? addressInput.value\n    first?.focus()\n    first?.select()\n  },\n  { immediate: true, flush: 'post' },\n)\n\nconst changed = computed(\n  () => address.value !== props.link || (props.text !== null && text.value !== props.text),\n)\nlet done = false\n\nfunction save(leaving = false) {\n  if (done) return\n  if (bad.value) {\n    tried.value = true\n    if (leaving) cancel(true)\n    return\n  }\n  done = true\n  emit('save', address.value.trim(), props.text === null ? null : text.value, leaving)\n}\n\nfunction cancel(leaving = false) {\n  if (done) return\n  done = true\n  emit('cancel', leaving)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  // the grid's keys stay out of the box\n  event.stopPropagation()\n  if (event.isComposing) return\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    cancel()\n  } else if (event.key === 'Enter') {\n    event.preventDefault()\n    save()\n  }\n}\n\n/** Focus leaving the box keeps what was written, as clicking another cell does. */\nfunction onFocusout(event: FocusEvent) {\n  const next = event.relatedTarget\n  if (next instanceof Node && box.value?.contains(next)) return\n  if (changed.value) save(true)\n  else cancel(true)\n}\n\n/** A web address opens through the grid, so the app can take it over. */\nfunction onOpen(event: MouseEvent) {\n  event.preventDefault()\n  emit('open')\n}\n</script>\n\n<template>\n  <Transition name=\"dou-floating\" appear>\n    <div\n      ref=\"box\"\n      class=\"dou-dropdown dou-floating dou-sheet__link\"\n      :class=\"{ 'is-editing': editing, 'is-docked': docked }\"\n      :style=\"docked ? undefined : [style, { zIndex }]\"\n      :data-placement=\"placement\"\n      :role=\"editing ? 'dialog' : undefined\"\n      :aria-label=\"editing ? messages.label : undefined\"\n      @pointerdown.stop\n      @focusout=\"editing && onFocusout($event)\"\n      @keydown=\"editing && onKeydown($event)\"\n      @contextmenu.stop\n      @wheel.stop\n    >\n      <form v-if=\"editing\" class=\"dou-sheet__link-form\" @submit.prevent=\"save()\">\n        <label v-if=\"props.text !== null\" class=\"dou-sheet__link-field\">\n          <span class=\"dou-sheet__link-label\">{{ messages.text }}</span>\n          <DouInput ref=\"textInput\" v-model=\"text\" size=\"sm\" />\n        </label>\n        <label class=\"dou-sheet__link-field\">\n          <span class=\"dou-sheet__link-label\">{{ messages.address }}</span>\n          <DouInput\n            ref=\"addressInput\"\n            v-model=\"address\"\n            size=\"sm\"\n            type=\"url\"\n            :placeholder=\"messages.addressPlaceholder\"\n            :invalid=\"tried && bad\"\n            :aria-describedby=\"tried && bad ? `${id}-bad` : undefined\"\n          />\n        </label>\n        <p v-if=\"tried && bad\" :id=\"`${id}-bad`\" class=\"dou-sheet__link-problem\">\n          {{ messages.badAddress }}\n        </p>\n        <!-- pressing a button leaves focus in the box, so it isn't taken as leaving -->\n        <div class=\"dou-sheet__link-actions\" @mousedown.prevent>\n          <DouButton size=\"sm\" variant=\"ghost\" @click=\"cancel()\">{{ messages.cancel }}</DouButton>\n          <DouButton size=\"sm\" variant=\"solid\" native-type=\"submit\">{{ messages.save }}</DouButton>\n        </div>\n      </form>\n      <template v-else>\n        <span class=\"dou-sheet__link-icon\" aria-hidden=\"true\"><LinkIcon /></span>\n        <!-- a place in the workbook isn't a page: a button, so no router takes the click -->\n        <a\n          v-if=\"href\"\n          class=\"dou-sheet__link-address\"\n          :href=\"href\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          :title=\"`${messages.open}: ${link}`\"\n          @click=\"onOpen\"\n        >\n          {{ shown }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          class=\"dou-sheet__link-address\"\n          :title=\"`${messages.open}: ${link}`\"\n          @click=\"emit('open')\"\n        >\n          {{ shown }}\n        </button>\n        <div v-if=\"editable\" class=\"dou-sheet__link-buttons\">\n          <DouTooltip :content=\"messages.edit\" placement=\"top\">\n            <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.edit\" @click=\"emit('edit')\">\n              <PencilIcon />\n            </DouButton>\n          </DouTooltip>\n          <DouTooltip v-if=\"removable\" :content=\"messages.remove\" placement=\"top\">\n            <DouButton\n              size=\"sm\"\n              variant=\"ghost\"\n              :aria-label=\"messages.remove\"\n              @click=\"emit('remove')\"\n            >\n              <UnlinkIcon />\n            </DouButton>\n          </DouTooltip>\n        </div>\n      </template>\n    </div>\n  </Transition>\n</template>\n"],"mappings":""}

package/dist/components/sheet-link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,249 @@
+import { linkTarget } from "../core/link.js";
+import { DouButton, DouInput, DouTooltip, useFloating, useZIndex } from "dou-ui";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, unref, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { LinkIcon, PencilIcon, UnlinkIcon } from "@dou-ui/icons";
+// src/components/sheet-link.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-placement",
+	"role",
+	"aria-label"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "dou-sheet__link-field"
+};
+var _hoisted_3 = { class: "dou-sheet__link-label" };
+var _hoisted_4 = { class: "dou-sheet__link-field" };
+var _hoisted_5 = { class: "dou-sheet__link-label" };
+var _hoisted_6 = ["id"];
+var _hoisted_7 = {
+	class: "dou-sheet__link-icon",
+	"aria-hidden": "true"
+};
+var _hoisted_8 = ["href", "title"];
+var _hoisted_9 = ["title"];
+var _hoisted_10 = {
+	key: 2,
+	class: "dou-sheet__link-buttons"
+};
+var sheet_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sheet-link",
+	props: {
+		anchor: {},
+		link: {},
+		text: {},
+		editing: { type: Boolean },
+		docked: { type: Boolean },
+		editable: { type: Boolean },
+		removable: { type: Boolean },
+		messages: {}
+	},
+	emits: [
+		"open",
+		"edit",
+		"remove",
+		"save",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const box = useTemplateRef("box");
+		const textInput = useTemplateRef("textInput");
+		const addressInput = useTemplateRef("addressInput");
+		const address = ref(props.link);
+		const text = ref(props.text ?? "");
+		const tried = ref(false);
+		const id = useId();
+		const { style, placement } = useFloating(() => props.anchor, box, {
+			open: true,
+			placement: "bottom-start",
+			offset: 6
+		});
+		const zIndex = useZIndex().next();
+		const target = computed(() => linkTarget(props.link));
+		const href = computed(() => target.value?.kind === "web" ? target.value.href : void 0);
+		/** The address as shown: a web address without its scheme's slashes. */
+		const shown = computed(() => props.link.replace(/^https?:\/\//i, "").replace(/\/$/, ""));
+		const bad = computed(() => !!address.value.trim() && !linkTarget(address.value));
+		watch(() => props.editing, async (editing) => {
+			address.value = props.link;
+			text.value = props.text ?? "";
+			tried.value = false;
+			if (!editing) return;
+			await nextTick();
+			const first = textInput.value ?? addressInput.value;
+			first?.focus();
+			first?.select();
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		const changed = computed(() => address.value !== props.link || props.text !== null && text.value !== props.text);
+		let done = false;
+		function save(leaving = false) {
+			if (done) return;
+			if (bad.value) {
+				tried.value = true;
+				if (leaving) cancel(true);
+				return;
+			}
+			done = true;
+			emit("save", address.value.trim(), props.text === null ? null : text.value, leaving);
+		}
+		function cancel(leaving = false) {
+			if (done) return;
+			done = true;
+			emit("cancel", leaving);
+		}
+		function onKeydown(event) {
+			event.stopPropagation();
+			if (event.isComposing) return;
+			if (event.key === "Escape") {
+				event.preventDefault();
+				cancel();
+			} else if (event.key === "Enter") {
+				event.preventDefault();
+				save();
+			}
+		}
+		/** Focus leaving the box keeps what was written, as clicking another cell does. */
+		function onFocusout(event) {
+			const next = event.relatedTarget;
+			if (next instanceof Node && box.value?.contains(next)) return;
+			if (changed.value) save(true);
+			else cancel(true);
+		}
+		/** A web address opens through the grid, so the app can take it over. */
+		function onOpen(event) {
+			event.preventDefault();
+			emit("open");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				name: "dou-floating",
+				appear: ""
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "box",
+					ref: box,
+					class: normalizeClass(["dou-dropdown dou-floating dou-sheet__link", {
+						"is-editing": __props.editing,
+						"is-docked": __props.docked
+					}]),
+					style: normalizeStyle(__props.docked ? void 0 : [unref(style), { zIndex: unref(zIndex) }]),
+					"data-placement": unref(placement),
+					role: __props.editing ? "dialog" : void 0,
+					"aria-label": __props.editing ? __props.messages.label : void 0,
+					onPointerdown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
+					onFocusout: _cache[9] || (_cache[9] = ($event) => __props.editing && onFocusout($event)),
+					onKeydown: _cache[10] || (_cache[10] = ($event) => __props.editing && onKeydown($event)),
+					onContextmenu: _cache[11] || (_cache[11] = withModifiers(() => {}, ["stop"])),
+					onWheel: _cache[12] || (_cache[12] = withModifiers(() => {}, ["stop"]))
+				}, [__props.editing ? (openBlock(), createElementBlock("form", {
+					key: 0,
+					class: "dou-sheet__link-form",
+					onSubmit: _cache[4] || (_cache[4] = withModifiers(($event) => save(), ["prevent"]))
+				}, [
+					props.text !== null ? (openBlock(), createElementBlock("label", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.messages.text), 1), createVNode(unref(DouInput), {
+						ref_key: "textInput",
+						ref: textInput,
+						modelValue: text.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
+						size: "sm"
+					}, null, 8, ["modelValue"])])) : createCommentVNode("", true),
+					createElementVNode("label", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.messages.address), 1), createVNode(unref(DouInput), {
+						ref_key: "addressInput",
+						ref: addressInput,
+						modelValue: address.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => address.value = $event),
+						size: "sm",
+						type: "url",
+						placeholder: __props.messages.addressPlaceholder,
+						invalid: tried.value && bad.value,
+						"aria-describedby": tried.value && bad.value ? `${unref(id)}-bad` : void 0
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"invalid",
+						"aria-describedby"
+					])]),
+					tried.value && bad.value ? (openBlock(), createElementBlock("p", {
+						key: 1,
+						id: `${unref(id)}-bad`,
+						class: "dou-sheet__link-problem"
+					}, toDisplayString(__props.messages.badAddress), 9, _hoisted_6)) : createCommentVNode("", true),
+					createElementVNode("div", {
+						class: "dou-sheet__link-actions",
+						onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"]))
+					}, [createVNode(unref(DouButton), {
+						size: "sm",
+						variant: "ghost",
+						onClick: _cache[2] || (_cache[2] = ($event) => cancel())
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.messages.cancel), 1)]),
+						_: 1
+					}), createVNode(unref(DouButton), {
+						size: "sm",
+						variant: "solid",
+						"native-type": "submit"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.messages.save), 1)]),
+						_: 1
+					})], 32)
+				], 32)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					createElementVNode("span", _hoisted_7, [createVNode(unref(LinkIcon))]),
+					href.value ? (openBlock(), createElementBlock("a", {
+						key: 0,
+						class: "dou-sheet__link-address",
+						href: href.value,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						title: `${__props.messages.open}: ${__props.link}`,
+						onClick: onOpen
+					}, toDisplayString(shown.value), 9, _hoisted_8)) : (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "dou-sheet__link-address",
+						title: `${__props.messages.open}: ${__props.link}`,
+						onClick: _cache[5] || (_cache[5] = ($event) => emit("open"))
+					}, toDisplayString(shown.value), 9, _hoisted_9)),
+					__props.editable ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(DouTooltip), {
+						content: __props.messages.edit,
+						placement: "top"
+					}, {
+						default: withCtx(() => [createVNode(unref(DouButton), {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": __props.messages.edit,
+							onClick: _cache[6] || (_cache[6] = ($event) => emit("edit"))
+						}, {
+							default: withCtx(() => [createVNode(unref(PencilIcon))]),
+							_: 1
+						}, 8, ["aria-label"])]),
+						_: 1
+					}, 8, ["content"]), __props.removable ? (openBlock(), createBlock(unref(DouTooltip), {
+						key: 0,
+						content: __props.messages.remove,
+						placement: "top"
+					}, {
+						default: withCtx(() => [createVNode(unref(DouButton), {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": __props.messages.remove,
+							onClick: _cache[7] || (_cache[7] = ($event) => emit("remove"))
+						}, {
+							default: withCtx(() => [createVNode(unref(UnlinkIcon))]),
+							_: 1
+						}, 8, ["aria-label"])]),
+						_: 1
+					}, 8, ["content"])) : createCommentVNode("", true)])) : createCommentVNode("", true)
+				], 64))], 46, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+export { sheet_link_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-link.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/sheet-link.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-link.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_unref","_withModifiers","_createElementBlock","_toDisplayString","_createVNode","_createCommentVNode","_createTextVNode","_Fragment"],"sources":["../../src/components/sheet-link.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DouButton,\n  DouInput,\n  DouTooltip,\n  useFloating,\n  useZIndex,\n  type VirtualElement,\n} from 'dou-ui'\nimport { LinkIcon, PencilIcon, UnlinkIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, useTemplateRef, watch } from 'vue'\nimport { linkTarget } from '../core/link'\nimport type { SheetLinkMessages } from '../locale'\n\n/*\n * A cell's link, under the cell: where it goes, with buttons to open it,\n * change it and take it off; or, while it is being edited, the text and\n * address to write.\n */\n\nconst props = defineProps<{\n  /** The cell the link belongs to. */\n  anchor: VirtualElement\n  link: string\n  /** What the cell shows; `null` for a formula's cell, whose text isn't edited here. */\n  text: string | null\n  editing: boolean\n  /** At the grid's foot rather than under the cell, so a finger can still reach the cells around it. */\n  docked?: boolean\n  /** Whether the link can be changed: the grid is editable and the cell isn't locked. */\n  editable: boolean\n  /** Whether the cell has a link of its own to take off, not only a formula's. */\n  removable: boolean\n  messages: SheetLinkMessages\n}>()\n\nconst emit = defineEmits<{\n  /** Follows the link: opens a web address, or goes to the cells. */\n  open: []\n  edit: []\n  remove: []\n  /** `leaving` when focus left the box for something else. */\n  save: [link: string, text: string | null, leaving: boolean]\n  cancel: [leaving: boolean]\n}>()\n\nconst box = useTemplateRef<HTMLElement>('box')\ntype Focusable = { focus: () => void; select: () => void }\nconst textInput = useTemplateRef<Focusable>('textInput')\nconst addressInput = useTemplateRef<Focusable>('addressInput')\nconst address = ref(props.link)\nconst text = ref(props.text ?? '')\nconst tried = ref(false)\nconst id = useId()\n\nconst { style, placement } = useFloating(() => props.anchor, box, {\n  open: true,\n  placement: 'bottom-start',\n  offset: 6,\n})\nconst zIndex = useZIndex().next()\n\nconst target = computed(() => linkTarget(props.link))\nconst href = computed(() => (target.value?.kind === 'web' ? target.value.href : undefined))\n/** The address as shown: a web address without its scheme's slashes. */\nconst shown = computed(() => props.link.replace(/^https?:\\/\\//i, '').replace(/\\/$/, ''))\nconst bad = computed(() => !!address.value.trim() && !linkTarget(address.value))\n\nwatch(\n  () => props.editing,\n  async (editing) => {\n    address.value = props.link\n    text.value = props.text ?? ''\n    tried.value = false\n    if (!editing) return\n    await nextTick()\n    const first = textInput.value ?? addressInput.value\n    first?.focus()\n    first?.select()\n  },\n  { immediate: true, flush: 'post' },\n)\n\nconst changed = computed(\n  () => address.value !== props.link || (props.text !== null && text.value !== props.text),\n)\nlet done = false\n\nfunction save(leaving = false) {\n  if (done) return\n  if (bad.value) {\n    tried.value = true\n    if (leaving) cancel(true)\n    return\n  }\n  done = true\n  emit('save', address.value.trim(), props.text === null ? null : text.value, leaving)\n}\n\nfunction cancel(leaving = false) {\n  if (done) return\n  done = true\n  emit('cancel', leaving)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  // the grid's keys stay out of the box\n  event.stopPropagation()\n  if (event.isComposing) return\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    cancel()\n  } else if (event.key === 'Enter') {\n    event.preventDefault()\n    save()\n  }\n}\n\n/** Focus leaving the box keeps what was written, as clicking another cell does. */\nfunction onFocusout(event: FocusEvent) {\n  const next = event.relatedTarget\n  if (next instanceof Node && box.value?.contains(next)) return\n  if (changed.value) save(true)\n  else cancel(true)\n}\n\n/** A web address opens through the grid, so the app can take it over. */\nfunction onOpen(event: MouseEvent) {\n  event.preventDefault()\n  emit('open')\n}\n</script>\n\n<template>\n  <Transition name=\"dou-floating\" appear>\n    <div\n      ref=\"box\"\n      class=\"dou-dropdown dou-floating dou-sheet__link\"\n      :class=\"{ 'is-editing': editing, 'is-docked': docked }\"\n      :style=\"docked ? undefined : [style, { zIndex }]\"\n      :data-placement=\"placement\"\n      :role=\"editing ? 'dialog' : undefined\"\n      :aria-label=\"editing ? messages.label : undefined\"\n      @pointerdown.stop\n      @focusout=\"editing && onFocusout($event)\"\n      @keydown=\"editing && onKeydown($event)\"\n      @contextmenu.stop\n      @wheel.stop\n    >\n      <form v-if=\"editing\" class=\"dou-sheet__link-form\" @submit.prevent=\"save()\">\n        <label v-if=\"props.text !== null\" class=\"dou-sheet__link-field\">\n          <span class=\"dou-sheet__link-label\">{{ messages.text }}</span>\n          <DouInput ref=\"textInput\" v-model=\"text\" size=\"sm\" />\n        </label>\n        <label class=\"dou-sheet__link-field\">\n          <span class=\"dou-sheet__link-label\">{{ messages.address }}</span>\n          <DouInput\n            ref=\"addressInput\"\n            v-model=\"address\"\n            size=\"sm\"\n            type=\"url\"\n            :placeholder=\"messages.addressPlaceholder\"\n            :invalid=\"tried && bad\"\n            :aria-describedby=\"tried && bad ? `${id}-bad` : undefined\"\n          />\n        </label>\n        <p v-if=\"tried && bad\" :id=\"`${id}-bad`\" class=\"dou-sheet__link-problem\">\n          {{ messages.badAddress }}\n        </p>\n        <!-- pressing a button leaves focus in the box, so it isn't taken as leaving -->\n        <div class=\"dou-sheet__link-actions\" @mousedown.prevent>\n          <DouButton size=\"sm\" variant=\"ghost\" @click=\"cancel()\">{{ messages.cancel }}</DouButton>\n          <DouButton size=\"sm\" variant=\"solid\" native-type=\"submit\">{{ messages.save }}</DouButton>\n        </div>\n      </form>\n      <template v-else>\n        <span class=\"dou-sheet__link-icon\" aria-hidden=\"true\"><LinkIcon /></span>\n        <!-- a place in the workbook isn't a page: a button, so no router takes the click -->\n        <a\n          v-if=\"href\"\n          class=\"dou-sheet__link-address\"\n          :href=\"href\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          :title=\"`${messages.open}: ${link}`\"\n          @click=\"onOpen\"\n        >\n          {{ shown }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          class=\"dou-sheet__link-address\"\n          :title=\"`${messages.open}: ${link}`\"\n          @click=\"emit('open')\"\n        >\n          {{ shown }}\n        </button>\n        <div v-if=\"editable\" class=\"dou-sheet__link-buttons\">\n          <DouTooltip :content=\"messages.edit\" placement=\"top\">\n            <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.edit\" @click=\"emit('edit')\">\n              <PencilIcon />\n            </DouButton>\n          </DouTooltip>\n          <DouTooltip v-if=\"removable\" :content=\"messages.remove\" placement=\"top\">\n            <DouButton\n              size=\"sm\"\n              variant=\"ghost\"\n              :aria-label=\"messages.remove\"\n              @click=\"emit('remove')\"\n            >\n              <UnlinkIcon />\n            </DouButton>\n          </DouTooltip>\n        </div>\n      </template>\n    </div>\n  </Transition>\n</template>\n"],"mappings":"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"}

package/dist/components/sheet-menu.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-menu.js","names":["_sfc_main"],"sources":["../../src/components/sheet-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouContextMenu, DouDropdownItem, DouDropdownSub, DouIcon } from 'dou-ui'\nimport { onMounted, ref, useTemplateRef } from 'vue'\nimport type { SheetMenuItem } from '../types'\n\ndefineProps<{ items: SheetMenuItem[] }>()\nconst emit = defineEmits<{ select: [key: unknown] }>()\nconst open = defineModel<boolean>('open', { default: false })\n\n// shortcuts mean nothing without a keyboard\n// Read once mounted, so server-rendered markup matches the first render.\nconst coarse = ref(false)\nonMounted(() => {\n  coarse.value = typeof matchMedia !== 'undefined' && matchMedia('(pointer: coarse)').matches\n})\n\nconst menu = useTemplateRef<InstanceType<typeof DouContextMenu>>('menu')\n\ndefineExpose({\n  open: (x: number, y: number) => menu.value?.open(x, y),\n  close: () => menu.value?.close(),\n})\n</script>\n\n<template>\n  <!-- The grid opens the menu itself; the empty anchor only gives it a place in the page. -->\n  <DouContextMenu ref=\"menu\" v-model:open=\"open\" @select=\"emit('select', $event)\">\n    <span class=\"dou-sheet__menu-anchor\" aria-hidden=\"true\" />\n    <template #menu>\n      <template v-for=\"item in items\" :key=\"item.key\">\n        <DouDropdownSub\n          v-if=\"item.children?.length\"\n          :title=\"item.label\"\n          :disabled=\"item.disabled\"\n          :divided=\"item.divided\"\n        >\n          <template v-if=\"item.icon\" #prefix>\n            <DouIcon><component :is=\"item.icon\" /></DouIcon>\n          </template>\n          <DouDropdownItem\n            v-for=\"child in item.children\"\n            :key=\"child.key\"\n            :value=\"child.key\"\n            :disabled=\"child.disabled\"\n            :tone=\"child.tone\"\n            :divided=\"child.divided\"\n            :shortcut=\"coarse ? undefined : child.shortcut\"\n          >\n            <template v-if=\"child.icon\" #prefix>\n              <DouIcon><component :is=\"child.icon\" /></DouIcon>\n            </template>\n            {{ child.label }}\n          </DouDropdownItem>\n        </DouDropdownSub>\n        <DouDropdownItem\n          v-else\n          :value=\"item.key\"\n          :disabled=\"item.disabled\"\n          :tone=\"item.tone\"\n          :divided=\"item.divided\"\n          :shortcut=\"coarse ? undefined : item.shortcut\"\n        >\n          <template v-if=\"item.icon\" #prefix>\n            <DouIcon><component :is=\"item.icon\" /></DouIcon>\n          </template>\n          {{ item.label }}\n        </DouDropdownItem>\n      </template>\n    </template>\n  </DouContextMenu>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,115 @@
+import { DouContextMenu, DouDropdownItem, DouDropdownSub, DouIcon } from "dou-ui";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, onMounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useModel, useTemplateRef, withCtx } from "vue";
+// src/components/sheet-menu.vue?vue&type=script&setup=true&lang.ts
+var sheet_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sheet-menu",
+	props: /*@__PURE__*/ mergeModels({ items: {} }, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const open = useModel(__props, "open");
+		const coarse = ref(false);
+		onMounted(() => {
+			coarse.value = typeof matchMedia !== "undefined" && matchMedia("(pointer: coarse)").matches;
+		});
+		const menu = useTemplateRef("menu");
+		__expose({
+			open: (x, y) => menu.value?.open(x, y),
+			close: () => menu.value?.close()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DouContextMenu), {
+				ref_key: "menu",
+				ref: menu,
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+				onSelect: _cache[1] || (_cache[1] = ($event) => emit("select", $event))
+			}, {
+				menu: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+					return openBlock(), createElementBlock(Fragment, { key: item.key }, [item.children?.length ? (openBlock(), createBlock(unref(DouDropdownSub), {
+						key: 0,
+						title: item.label,
+						disabled: item.disabled,
+						divided: item.divided
+					}, createSlots({
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child) => {
+							return openBlock(), createBlock(unref(DouDropdownItem), {
+								key: child.key,
+								value: child.key,
+								disabled: child.disabled,
+								tone: child.tone,
+								divided: child.divided,
+								shortcut: coarse.value ? void 0 : child.shortcut
+							}, createSlots({
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(child.label), 1)]),
+								_: 2
+							}, [child.icon ? {
+								name: "prefix",
+								fn: withCtx(() => [createVNode(unref(DouIcon), null, {
+									default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(child.icon)))]),
+									_: 2
+								}, 1024)]),
+								key: "0"
+							} : void 0]), 1032, [
+								"value",
+								"disabled",
+								"tone",
+								"divided",
+								"shortcut"
+							]);
+						}), 128))]),
+						_: 2
+					}, [item.icon ? {
+						name: "prefix",
+						fn: withCtx(() => [createVNode(unref(DouIcon), null, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
+							_: 2
+						}, 1024)]),
+						key: "0"
+					} : void 0]), 1032, [
+						"title",
+						"disabled",
+						"divided"
+					])) : (openBlock(), createBlock(unref(DouDropdownItem), {
+						key: 1,
+						value: item.key,
+						disabled: item.disabled,
+						tone: item.tone,
+						divided: item.divided,
+						shortcut: coarse.value ? void 0 : item.shortcut
+					}, createSlots({
+						default: withCtx(() => [createTextVNode(" " + toDisplayString(item.label), 1)]),
+						_: 2
+					}, [item.icon ? {
+						name: "prefix",
+						fn: withCtx(() => [createVNode(unref(DouIcon), null, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
+							_: 2
+						}, 1024)]),
+						key: "0"
+					} : void 0]), 1032, [
+						"value",
+						"disabled",
+						"tone",
+						"divided",
+						"shortcut"
+					]))], 64);
+				}), 128))]),
+				default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("span", {
+					class: "dou-sheet__menu-anchor",
+					"aria-hidden": "true"
+				}, null, -1))]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+export { sheet_menu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-menu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-menu.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_unref","_withCtx","_createElementBlock","_Fragment","_renderList","_createSlots","_createTextVNode","_toDisplayString","_createVNode","_resolveDynamicComponent","_createElementVNode"],"sources":["../../src/components/sheet-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouContextMenu, DouDropdownItem, DouDropdownSub, DouIcon } from 'dou-ui'\nimport { onMounted, ref, useTemplateRef } from 'vue'\nimport type { SheetMenuItem } from '../types'\n\ndefineProps<{ items: SheetMenuItem[] }>()\nconst emit = defineEmits<{ select: [key: unknown] }>()\nconst open = defineModel<boolean>('open', { default: false })\n\n// shortcuts mean nothing without a keyboard\n// Read once mounted, so server-rendered markup matches the first render.\nconst coarse = ref(false)\nonMounted(() => {\n  coarse.value = typeof matchMedia !== 'undefined' && matchMedia('(pointer: coarse)').matches\n})\n\nconst menu = useTemplateRef<InstanceType<typeof DouContextMenu>>('menu')\n\ndefineExpose({\n  open: (x: number, y: number) => menu.value?.open(x, y),\n  close: () => menu.value?.close(),\n})\n</script>\n\n<template>\n  <!-- The grid opens the menu itself; the empty anchor only gives it a place in the page. -->\n  <DouContextMenu ref=\"menu\" v-model:open=\"open\" @select=\"emit('select', $event)\">\n    <span class=\"dou-sheet__menu-anchor\" aria-hidden=\"true\" />\n    <template #menu>\n      <template v-for=\"item in items\" :key=\"item.key\">\n        <DouDropdownSub\n          v-if=\"item.children?.length\"\n          :title=\"item.label\"\n          :disabled=\"item.disabled\"\n          :divided=\"item.divided\"\n        >\n          <template v-if=\"item.icon\" #prefix>\n            <DouIcon><component :is=\"item.icon\" /></DouIcon>\n          </template>\n          <DouDropdownItem\n            v-for=\"child in item.children\"\n            :key=\"child.key\"\n            :value=\"child.key\"\n            :disabled=\"child.disabled\"\n            :tone=\"child.tone\"\n            :divided=\"child.divided\"\n            :shortcut=\"coarse ? undefined : child.shortcut\"\n          >\n            <template v-if=\"child.icon\" #prefix>\n              <DouIcon><component :is=\"child.icon\" /></DouIcon>\n            </template>\n            {{ child.label }}\n          </DouDropdownItem>\n        </DouDropdownSub>\n        <DouDropdownItem\n          v-else\n          :value=\"item.key\"\n          :disabled=\"item.disabled\"\n          :tone=\"item.tone\"\n          :divided=\"item.divided\"\n          :shortcut=\"coarse ? undefined : item.shortcut\"\n        >\n          <template v-if=\"item.icon\" #prefix>\n            <DouIcon><component :is=\"item.icon\" /></DouIcon>\n          </template>\n          {{ item.label }}\n        </DouDropdownItem>\n      </template>\n    </template>\n  </DouContextMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAMA,MAAM,OAAO;EACb,MAAM,OAAOA,SAAoB,SAAC,MAA0B;EAI5D,MAAM,SAAS,IAAI,KAAK;EACxB,gBAAgB;GACd,OAAO,QAAQ,OAAO,eAAe,eAAe,WAAW,mBAAmB,CAAC,CAAC;EACtF,CAAC;EAED,MAAM,OAAO,eAAoD,MAAM;EAEvE,SAAa;GACX,OAAO,GAAW,MAAc,KAAK,OAAO,KAAK,GAAG,CAAC;GACrD,aAAa,KAAK,OAAO,MAAM;EACjC,CAAC;;GAKC,OAAAC,UAAA,GAAAC,YA2CiBC,MAAA,cAAA,GAAA;IA3CG,SAAA;IAAJ,KAAI;IAAe,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IAAG,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;;IAEhE,MAAIC,cACkB,EAA/BH,UAAA,IAAA,GAAAI,mBAsCWC,UAAA,MAAAC,WAtCc,QAAA,QAAR,SAAI;K,mDAAiB,KAAA,KAAK,I,IAEjC,KAAK,UAAU,UADvBN,UAAA,GAAAC,YAuBiBC,MAAA,cAAA,GAAA;;MArBd,OAAO,KAAK;MACZ,UAAU,KAAK;MACf,SAAS,KAAK;;MAMb,SAAAC,cAA8B,EADhCH,UAAA,IAAA,GAAAI,mBAakBC,UAAA,MAAAC,WAZA,KAAK,WAAd,UAAK;OADd,OAAAN,UAAA,GAAAC,YAakBC,MAAA,eAAA,GAAA;QAXf,KAAK,MAAM;QACX,OAAO,MAAM;QACb,UAAU,MAAM;QAChB,MAAM,MAAM;QACZ,SAAS,MAAM;QACf,UAAU,OAAA,QAAS,KAAA,IAAY,MAAM;;QAI3B,SAAAC,cACX,CADWK,gBAAA,MACXC,gBAAG,MAAM,KAAK,GAAA,CAAA,C;;O,IAHE,MAAM,O;QAAO,MAAA;QAC3B,IAAAN,cAAiD,CAAjDO,YAAiDR,MAAA,OAAA,GAAA,MAAA;SAAxC,SAAAC,cAA8B,EAA9BH,UAAA,GAAAC,YAA8BU,wBAAd,MAAM,IAAI,CAAA,E;;;;;;;;;;;;;K,IAbvB,KAAK,O;MAAO,MAAA;MAC1B,IAAAR,cAAgD,CAAhDO,YAAgDR,MAAA,OAAA,GAAA,MAAA;OAAvC,SAAAC,cAA6B,EAA7BH,UAAA,GAAAC,YAA6BU,wBAAb,KAAK,IAAI,CAAA,E;;;;;;;;K,OAiBtCX,UAAA,GAAAC,YAYkBC,MAAA,eAAA,GAAA;;MAVf,OAAO,KAAK;MACZ,UAAU,KAAK;MACf,MAAM,KAAK;MACX,SAAS,KAAK;MACd,UAAU,OAAA,QAAS,KAAA,IAAY,KAAK;;MAI1B,SAAAC,cACX,CADWK,gBAAA,MACXC,gBAAG,KAAK,KAAK,GAAA,CAAA,C;;K,IAHG,KAAK,O;MAAO,MAAA;MAC1B,IAAAN,cAAgD,CAAhDO,YAAgDR,MAAA,OAAA,GAAA,MAAA;OAAvC,SAAAC,cAA6B,EAA7BH,UAAA,GAAAC,YAA6BU,wBAAb,KAAK,IAAI,CAAA,E;;;;;;;;;;;;IApC1C,SAAAR,cAA0D,CAA1D,OAAA,OAAA,OAAA,KAAAS,mBAA0D,QAAA;KAApD,OAAM;KAAyB,eAAY"}

package/dist/components/sheet-name-box.js

@@ -0,0 +1,6 @@
+import sheet_name_box_vue_vue_type_script_setup_true_lang_default from "./sheet-name-box.vue_vue_type_script_setup_true_lang.js";
+// src/components/sheet-name-box.vue
+var sheet_name_box_default = sheet_name_box_vue_vue_type_script_setup_true_lang_default;
+export { sheet_name_box_default as default };
+
+//# sourceMappingURL=sheet-name-box.js.map

package/dist/components/sheet-name-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-name-box.js","names":["_sfc_main"],"sources":["../../src/components/sheet-name-box.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useTemplateRef } from 'vue'\nimport { useSheet } from '../context'\nimport { formatCell, parseRange, splitSheet } from '../core/address'\nimport { format } from '../locale'\n\n/** The formula bar's name box: the active cell's name, or a cell or range to go to. */\ndefineOptions({ name: 'DouSheetNameBox' })\n\nconst sheet = useSheet()\nconst { editor, messages: m } = sheet\nconst nameInput = useTemplateRef<HTMLInputElement>('name')\n\nconst nameTyping = ref<string | null>(null)\n/** Whether the text in the name box is no cell or range; it stays there to fix, or Escape. */\nconst nameInvalid = ref(false)\nconst cellName = computed(() => {\n  const e = editor.cell.value\n  return formatCell(e ?? sheet.active.value)\n})\nconst nameText = computed(() => nameTyping.value ?? cellName.value)\n\nfunction goTo() {\n  const text = (nameTyping.value ?? '').trim()\n  if (!text) {\n    nameTyping.value = null\n    return sheet.focus()\n  }\n  const { sheet: name, ref: target } = splitSheet(text)\n  const range = parseRange(target)\n  const at =\n    name == null\n      ? sheet.sheetIndex.value\n      : sheet.doc.value.sheets.findIndex((s) => s.name.toLowerCase() === name.toLowerCase())\n  if (!range || at === -1) {\n    nameInvalid.value = true\n    sheet.announce(format(m.value.badAddress, { text }))\n    nameInput.value?.select()\n    return\n  }\n  nameTyping.value = null\n  nameInvalid.value = false\n  if (at !== sheet.sheetIndex.value) sheet.showSheet(at)\n  void nextTick(() => {\n    sheet.select(target)\n    sheet.focus()\n  })\n}\n\nfunction onNameInput(event: Event) {\n  nameTyping.value = (event.target as HTMLInputElement).value\n  nameInvalid.value = false\n}\n\n/** Leaving the box shows the active cell again. */\nfunction onNameBlur() {\n  nameTyping.value = null\n  nameInvalid.value = false\n}\n\nfunction onNameKey(event: KeyboardEvent) {\n  if (event.isComposing) return\n  if (event.key === 'Enter') {\n    event.preventDefault()\n    goTo()\n  } else if (event.key === 'Escape') {\n    event.preventDefault()\n    nameTyping.value = null\n    nameInvalid.value = false\n    sheet.focus()\n  }\n}\n</script>\n\n<template>\n  <input\n    ref=\"name\"\n    class=\"dou-sheet-formula-bar__name\"\n    :value=\"nameText\"\n    :class=\"{ 'is-invalid': nameInvalid }\"\n    :aria-label=\"m.nameBox\"\n    :aria-invalid=\"nameInvalid || undefined\"\n    autocomplete=\"off\"\n    autocapitalize=\"off\"\n    spellcheck=\"false\"\n    @focus=\"($event.target as HTMLInputElement).select()\"\n    @input=\"onNameInput\"\n    @keydown=\"onNameKey\"\n    @blur=\"onNameBlur\"\n  />\n</template>\n"],"mappings":""}