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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-tabs.js","names":["_sfc_main"],"sources":["../../src/components/sheet-tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CopyPlusIcon,\n  LockIcon,\n  PencilIcon,\n  PlusIcon,\n  TrashIcon,\n} from '@dou-ui/icons'\nimport { DouButton, isComposing, matchesHotkey, useSortable } from 'dou-ui'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport { useSheet } from '../context'\nimport { sheetKey } from '../core/transaction'\nimport { format } from '../locale'\nimport type { SheetMenuItem } from '../types'\nimport SheetMenu from './sheet-menu.vue'\n\ndefineOptions({ name: 'DouSheetTabs' })\n\nwithDefaults(\n  defineProps<{\n    /** Whether to show the button that adds a sheet; `true` by default. */\n    addable?: boolean\n  }>(),\n  { addable: true },\n)\n\nconst sheet = useSheet()\nconst { doc, sheetIndex, messages } = sheet\nconst uid = useId()\nconst hint = `${uid}-keys`\n\nconst editable = computed(() => !sheet.readonly.value)\n/** Whether sheets can be added, removed, moved and renamed: not while the workbook is protected. */\nconst structural = computed(() => editable.value && !doc.value.protect)\nconst isProtected = (key: string) => !!doc.value.sheets.find((s) => sheetKey(s) === key)?.protect\nconst keys = computed(() => doc.value.sheets.map(sheetKey))\n\n// Dragging tabs into another order --------------------------------------------------------\n\nconst order = computed({\n  get: () => keys.value,\n  set: () => {},\n})\nconst { container, list, listAttrs, itemAttrs, dragging } = useSortable<string>({\n  items: order,\n  key: (key) => key,\n  direction: () => 'horizontal',\n  disabled: () => !structural.value || renaming.value != null,\n  label: (key) => nameOf(key),\n  messages: () => ({\n    item: messages.value.sheets,\n    lifted: (label) => label,\n    moved: (label, index, count) =>\n      format(messages.value.sheetMoved, { name: label, index, count }),\n    dropped: (label, index, count) =>\n      format(messages.value.sheetMoved, { name: label, index, count }),\n    canceled: (label) => label,\n  }),\n  // the copy that follows the pointer sits outside the grid: it takes the tab's font along\n  ghost: (el) => {\n    const copy = el.cloneNode(true) as HTMLElement\n    const style = getComputedStyle(el)\n    for (const name of ['font-family', 'font-size', 'font-weight', 'line-height', 'color'])\n      copy.style.setProperty(name, style.getPropertyValue(name))\n    copy.style.backgroundColor = 'var(--dou-color-bg-surface)'\n    copy.style.borderColor = 'var(--dou-color-border)'\n    return copy\n  },\n  onSort: ({ item, newIndex }) => {\n    sheet.transact((tr) => tr.moveSheet(item, newIndex), { action: 'sheet' })\n  },\n})\n\nconst nameOf = (key: string) => doc.value.sheets.find((s) => sheetKey(s) === key)?.name ?? key\nconst indexOf = (key: string) => keys.value.indexOf(key)\n\n/**\n * What sortable puts on each tab, but its keys: the tabs keep their own, and\n * the press goes through `onPointerDown`.\n */\nfunction dragAttrs(key: string, index: number) {\n  const {\n    onKeydown: _keys,\n    onPointerdown: _press,\n    tabindex: _tabindex,\n    'aria-roledescription': _role,\n    ...rest\n  } = itemAttrs(key, index)\n  return rest\n}\n\n// Tabs past either side fade out there, so it shows that the strip scrolls\n\nconst more = ref({ start: false, end: false })\nfunction measureMore() {\n  const el = container.value\n  if (!el) return\n  const start = el.scrollLeft > 1\n  const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n  if (start !== more.value.start || end !== more.value.end) more.value = { start, end }\n}\nlet resize: ResizeObserver | undefined\nonMounted(() => {\n  measureMore()\n  if (typeof ResizeObserver === 'undefined' || !container.value) return\n  resize = new ResizeObserver(measureMore)\n  resize.observe(container.value)\n})\nonBeforeUnmount(() => resize?.disconnect())\nwatch(keys, () => void nextTick(measureMore))\n\n// Switching ------------------------------------------------------------------------------\n\nconst tabs = useTemplateRef<HTMLElement[]>('tab')\nconst tabOf = (index: number) =>\n  tabs.value?.find((el) => el.dataset.index === String(index)) ?? null\n\nfunction show(index: number, focusTab = false) {\n  if (index < 0 || index >= keys.value.length) return\n  if (index !== sheetIndex.value) {\n    sheet.showSheet(index)\n    sheet.announce(format(messages.value.sheetShown, { name: doc.value.sheets[index]!.name }))\n  }\n  if (focusTab) void nextTick(() => tabOf(index)?.focus())\n}\n\n// the tab shown is kept in view\nwatch(\n  sheetIndex,\n  (index) => {\n    void nextTick(() => tabOf(index)?.scrollIntoView({ block: 'nearest', inline: 'nearest' }))\n  },\n  { flush: 'post' },\n)\n\nlet lastPointer = 'mouse'\n/** When a finger last switched sheets: a tap right after is the same double tap. */\nlet switchedAt = 0\n/** A finger held still on a tab opens its menu; the click that follows is then spent. */\nlet holdTimer: ReturnType<typeof setTimeout> | undefined\nlet held = false\nconst HOLD = 500\n\nfunction onPointerDown(event: PointerEvent, key: string, index: number) {\n  lastPointer = event.pointerType\n  held = false\n  itemAttrs(key, index).onPointerdown(event)\n  if (event.pointerType !== 'touch' || !editable.value) return\n  const el = event.currentTarget as HTMLElement\n  const x0 = event.clientX\n  const y0 = event.clientY\n  const stop = () => {\n    clearTimeout(holdTimer)\n    window.removeEventListener('pointermove', onMove)\n    window.removeEventListener('pointerup', stop)\n    window.removeEventListener('pointercancel', stop)\n  }\n  const onMove = (e: PointerEvent) => {\n    if (Math.hypot(e.clientX - x0, e.clientY - y0) > 8) stop()\n  }\n  window.addEventListener('pointermove', onMove)\n  window.addEventListener('pointerup', stop)\n  window.addEventListener('pointercancel', stop)\n  holdTimer = setTimeout(() => {\n    stop()\n    if (dragging.value != null || renaming.value != null) return\n    held = true\n    navigator.vibrate?.(8)\n    const rect = el.getBoundingClientRect()\n    openMenu(indexOf(key), rect.left + rect.width / 2, rect.top)\n  }, HOLD)\n}\n\nfunction onClick(index: number, event: MouseEvent) {\n  if (renaming.value != null) return\n  if (held) {\n    held = false\n    return\n  }\n  if (lastPointer === 'touch' && index === sheetIndex.value) {\n    // a finger on the tab already shown opens its menu: phones have no right click\n    if (!editable.value || Date.now() - switchedAt < 400) return\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    return openMenu(index, rect.left + rect.width / 2, rect.top)\n  }\n  show(index)\n  if (lastPointer === 'touch') switchedAt = Date.now()\n  else sheet.focus()\n}\n\n/** A double click renames; a finger renames from the menu, as two taps also switch and open it. */\nfunction onDblClick(index: number) {\n  if (lastPointer !== 'touch') startRename(index)\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number) {\n  if (isComposing(event)) return\n  const count = keys.value.length\n  const key = event.key\n  let to = -1\n  if (key === 'ArrowLeft') to = (index - 1 + count) % count\n  else if (key === 'ArrowRight') to = (index + 1) % count\n  else if (key === 'Home') to = 0\n  else if (key === 'End') to = count - 1\n  if (to !== -1) {\n    event.preventDefault()\n    return show(to, true)\n  }\n  if (key === 'F2' && editable.value) {\n    event.preventDefault()\n    return startRename(index)\n  }\n  if (key === 'ContextMenu' || (key === 'F10' && event.shiftKey)) {\n    event.preventDefault()\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    return openMenu(index, rect.left + rect.width / 2, rect.top)\n  }\n  // what was just done to the tabs can be taken back from here too\n  if (matchesHotkey(event, 'mod+z')) {\n    event.preventDefault()\n    sheet.undo()\n    return keepFocus()\n  }\n  if (matchesHotkey(event, 'mod+shift+z') || matchesHotkey(event, 'mod+y')) {\n    event.preventDefault()\n    sheet.redo()\n    return keepFocus()\n  }\n  if (key === 'Enter' || key === 'ArrowUp') {\n    // into the grid of the sheet shown\n    event.preventDefault()\n    show(index)\n    sheet.focus()\n  }\n}\n\n/** Keeps the focus on the tabs, on the tab shown, after the tabs changed under it. */\nfunction keepFocus() {\n  void nextTick(() => tabOf(sheetIndex.value)?.focus())\n}\n\n// Adding ---------------------------------------------------------------------------------\n\n/** The first free name like `工作表3`. */\nfunction freeName() {\n  const taken = new Set(doc.value.sheets.map((s) => s.name))\n  let n = doc.value.sheets.length + 1\n  while (taken.has(format(messages.value.sheetName, { n }))) n++\n  return format(messages.value.sheetName, { n })\n}\n\nfunction addSheet() {\n  const name = freeName()\n  const at = sheetIndex.value + 1\n  const done = sheet.transact((tr) => tr.addSheet({ name }, at), { action: 'sheet' })\n  if (!done) return\n  show(at)\n  sheet.announce(format(messages.value.sheetAdded, { name }))\n  sheet.focus()\n}\n\n// Renaming -------------------------------------------------------------------------------\n\n/** The index of the tab being renamed, and what is typed. */\nconst renaming = ref<number | null>(null)\nconst draft = ref('')\nconst problem = ref('')\nconst input = useTemplateRef<HTMLInputElement[]>('input')\n\nfunction startRename(index: number) {\n  if (!structural.value) return\n  show(index)\n  renaming.value = index\n  draft.value = doc.value.sheets[index]!.name\n  problem.value = ''\n  void nextTick(() => {\n    const el = input.value?.[0]\n    el?.focus()\n    el?.select()\n  })\n}\n\nfunction check(name: string, index: number) {\n  if (!name) return messages.value.sheetNameEmpty\n  const taken = doc.value.sheets.some((s, i) => i !== index && s.name === name)\n  return taken ? format(messages.value.sheetNameTaken, { name }) : ''\n}\n\n/** Writes the new name; with `keep`, a name that won't do keeps the field open. */\nfunction finishRename(keep: boolean) {\n  const index = renaming.value\n  if (index == null) return\n  const name = draft.value.trim()\n  const wrong = check(name, index)\n  if (wrong && keep) {\n    problem.value = wrong\n    sheet.announce(wrong)\n    return\n  }\n  renaming.value = null\n  problem.value = ''\n  if (!wrong && name !== doc.value.sheets[index]!.name)\n    sheet.transact((tr) => tr.renameSheet(index, name), { action: 'sheet' })\n  if (keep) void nextTick(() => tabOf(index)?.focus())\n}\n\nfunction cancelRename() {\n  const index = renaming.value\n  renaming.value = null\n  problem.value = ''\n  if (index != null) void nextTick(() => tabOf(index)?.focus())\n}\n\nfunction onInputKey(event: KeyboardEvent) {\n  if (isComposing(event)) return\n  if (event.key === 'Enter') {\n    event.preventDefault()\n    finishRename(true)\n  } else if (event.key === 'Escape') {\n    event.preventDefault()\n    cancelRename()\n  }\n  // the tab's own keys are for the tabs, not the text\n  event.stopPropagation()\n}\n\nwatch(draft, () => (problem.value = ''))\n\n// The menu -------------------------------------------------------------------------------\n\nconst menu = useTemplateRef<InstanceType<typeof SheetMenu>>('menu')\nconst menuOpen = ref(false)\nconst menuItems = shallowRef<SheetMenuItem[]>([])\n\nfunction openMenu(index: number, x: number, y: number) {\n  if (!editable.value) return\n  show(index)\n  const m = messages.value\n  const count = keys.value.length\n  const name = doc.value.sheets[index]!.name\n  menuItems.value = [\n    {\n      key: 'rename',\n      label: m.renameSheet,\n      icon: PencilIcon,\n      disabled: !structural.value,\n      run: () => startRename(index),\n    },\n    {\n      key: 'duplicate',\n      label: m.duplicateSheet,\n      icon: CopyPlusIcon,\n      disabled: !structural.value,\n      run: () => {\n        const done = sheet.transact((tr) => tr.duplicateSheet(index), { action: 'sheet' })\n        if (done) show(index + 1)\n      },\n    },\n    {\n      key: 'left',\n      label: m.moveSheetLeft,\n      icon: ArrowLeftIcon,\n      divided: true,\n      disabled: !structural.value || index === 0,\n      run: () => moveTo(index, index - 1),\n    },\n    {\n      key: 'right',\n      label: m.moveSheetRight,\n      icon: ArrowRightIcon,\n      disabled: !structural.value || index === count - 1,\n      run: () => moveTo(index, index + 1),\n    },\n    {\n      key: 'delete',\n      label: m.deleteSheet,\n      icon: TrashIcon,\n      tone: 'danger',\n      divided: true,\n      disabled: !structural.value || count < 2,\n      run: () => {\n        const done = sheet.transact((tr) => tr.removeSheet(index), { action: 'sheet' })\n        if (done) sheet.announce(format(m.sheetDeleted, { name }))\n      },\n    },\n    ...(['protect.sheet', 'protect.workbook'] as const).map((command, i): SheetMenuItem => {\n      const info = sheet.commands.get(command)!\n      return {\n        key: command,\n        label: info.label,\n        icon: info.icon,\n        divided: i === 0,\n        disabled: !sheet.commands.can(command),\n        run: () => void sheet.commands.run(command),\n      }\n    }),\n  ]\n  menu.value?.open(x, y)\n}\n\nfunction moveTo(index: number, to: number) {\n  const name = doc.value.sheets[index]!.name\n  const done = sheet.transact((tr) => tr.moveSheet(index, to), { action: 'sheet' })\n  if (!done) return\n  sheet.announce(\n    format(messages.value.sheetMoved, { name, index: to + 1, count: keys.value.length }),\n  )\n  void nextTick(() => tabOf(to)?.focus())\n}\n\nfunction onMenuSelect(key: unknown) {\n  menuItems.value.find((item) => item.key === key)?.run?.()\n}\n\nfunction onContextMenu(event: MouseEvent, index: number) {\n  event.preventDefault()\n  if (lastPointer === 'touch' || renaming.value != null) return\n  openMenu(index, event.clientX, event.clientY)\n}\n</script>\n\n<template>\n  <div class=\"dou-sheet-tabs\">\n    <DouButton\n      v-if=\"addable && structural\"\n      class=\"dou-sheet-tabs__add\"\n      variant=\"ghost\"\n      size=\"sm\"\n      :aria-label=\"messages.addSheet\"\n      :title=\"messages.addSheet\"\n      @click=\"addSheet\"\n    >\n      <PlusIcon />\n    </DouButton>\n    <div\n      ref=\"container\"\n      class=\"dou-sheet-tabs__list\"\n      :class=\"{ 'has-more-start': more.start, 'has-more-end': more.end }\"\n      role=\"tablist\"\n      :aria-label=\"messages.sheets\"\n      v-bind=\"listAttrs\"\n      @scroll.passive=\"measureMore\"\n    >\n      <div\n        v-for=\"(key, index) in list\"\n        :key=\"key\"\n        ref=\"tab\"\n        class=\"dou-sheet-tabs__tab\"\n        :class=\"{\n          'is-active': indexOf(key) === sheetIndex,\n          'is-renaming': renaming === indexOf(key),\n        }\"\n        role=\"tab\"\n        :data-index=\"indexOf(key)\"\n        :aria-selected=\"indexOf(key) === sheetIndex\"\n        :tabindex=\"indexOf(key) === sheetIndex ? 0 : -1\"\n        :aria-describedby=\"hint\"\n        v-bind=\"dragAttrs(key, index)\"\n        @pointerdown=\"onPointerDown($event, key, index)\"\n        @click=\"onClick(indexOf(key), $event)\"\n        @dblclick=\"onDblClick(indexOf(key))\"\n        @keydown=\"onKeydown($event, indexOf(key))\"\n        @contextmenu=\"onContextMenu($event, indexOf(key))\"\n      >\n        <template v-if=\"renaming === indexOf(key)\">\n          <!-- the hidden copy sizes the field to its text -->\n          <span class=\"dou-sheet-tabs__size\" aria-hidden=\"true\">{{ draft || ' ' }}</span>\n          <input\n            ref=\"input\"\n            v-model=\"draft\"\n            class=\"dou-sheet-tabs__input\"\n            :aria-label=\"messages.renameSheet\"\n            :aria-invalid=\"problem ? true : undefined\"\n            :title=\"problem || undefined\"\n            maxlength=\"100\"\n            spellcheck=\"false\"\n            @keydown=\"onInputKey\"\n            @blur=\"finishRename(false)\"\n            @pointerdown.stop\n            @click.stop\n            @dblclick.stop\n          />\n        </template>\n        <template v-else>\n          <LockIcon v-if=\"isProtected(key)\" class=\"dou-sheet-tabs__lock\" aria-hidden=\"true\" />\n          <span class=\"dou-sheet-tabs__name\">{{ nameOf(key) }}</span>\n          <span v-if=\"isProtected(key)\" class=\"dou-sheet__sr-only\">\n            {{ messages.protect.protectedSheet }}\n          </span>\n        </template>\n      </div>\n    </div>\n    <span :id=\"hint\" class=\"dou-sheet__sr-only\">{{ messages.sheetTabKeys }}</span>\n    <div v-if=\"problem\" class=\"dou-sheet-tabs__problem\" role=\"alert\">{{ problem }}</div>\n    <SheetMenu ref=\"menu\" v-model:open=\"menuOpen\" :items=\"menuItems\" @select=\"onMenuSelect\" />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,487 @@
+import { sheetKey } from "../core/transaction.js";
+import { format } from "../locale.js";
+import sheet_menu_default from "./sheet-menu.js";
+import { useSheet } from "../context.js";
+import { DouButton, isComposing, matchesHotkey, useSortable } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useId, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { ArrowLeftIcon, ArrowRightIcon, CopyPlusIcon, LockIcon, PencilIcon, PlusIcon, TrashIcon } from "@dou-ui/icons";
+// src/components/sheet-tabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-sheet-tabs" };
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = [
+	"data-index",
+	"aria-selected",
+	"tabindex",
+	"onPointerdown",
+	"onClick",
+	"onDblclick",
+	"onKeydown",
+	"onContextmenu"
+];
+var _hoisted_4 = {
+	class: "dou-sheet-tabs__size",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = [
+	"aria-label",
+	"aria-invalid",
+	"title"
+];
+var _hoisted_6 = { class: "dou-sheet-tabs__name" };
+var _hoisted_7 = {
+	key: 1,
+	class: "dou-sheet__sr-only"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "dou-sheet-tabs__problem",
+	role: "alert"
+};
+var HOLD = 500;
+var sheet_tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouSheetTabs",
+	__name: "sheet-tabs",
+	props: { addable: {
+		type: Boolean,
+		default: true
+	} },
+	setup(__props) {
+		const sheet = useSheet();
+		const { doc, sheetIndex, messages } = sheet;
+		const hint = `${useId()}-keys`;
+		const editable = computed(() => !sheet.readonly.value);
+		/** Whether sheets can be added, removed, moved and renamed: not while the workbook is protected. */
+		const structural = computed(() => editable.value && !doc.value.protect);
+		const isProtected = (key) => !!doc.value.sheets.find((s) => sheetKey(s) === key)?.protect;
+		const keys = computed(() => doc.value.sheets.map(sheetKey));
+		const order = computed({
+			get: () => keys.value,
+			set: () => {}
+		});
+		const { container, list, listAttrs, itemAttrs, dragging } = useSortable({
+			items: order,
+			key: (key) => key,
+			direction: () => "horizontal",
+			disabled: () => !structural.value || renaming.value != null,
+			label: (key) => nameOf(key),
+			messages: () => ({
+				item: messages.value.sheets,
+				lifted: (label) => label,
+				moved: (label, index, count) => format(messages.value.sheetMoved, {
+					name: label,
+					index,
+					count
+				}),
+				dropped: (label, index, count) => format(messages.value.sheetMoved, {
+					name: label,
+					index,
+					count
+				}),
+				canceled: (label) => label
+			}),
+			ghost: (el) => {
+				const copy = el.cloneNode(true);
+				const style = getComputedStyle(el);
+				for (const name of [
+					"font-family",
+					"font-size",
+					"font-weight",
+					"line-height",
+					"color"
+				]) copy.style.setProperty(name, style.getPropertyValue(name));
+				copy.style.backgroundColor = "var(--dou-color-bg-surface)";
+				copy.style.borderColor = "var(--dou-color-border)";
+				return copy;
+			},
+			onSort: ({ item, newIndex }) => {
+				sheet.transact((tr) => tr.moveSheet(item, newIndex), { action: "sheet" });
+			}
+		});
+		const nameOf = (key) => doc.value.sheets.find((s) => sheetKey(s) === key)?.name ?? key;
+		const indexOf = (key) => keys.value.indexOf(key);
+		/**
+		* What sortable puts on each tab, but its keys: the tabs keep their own, and
+		* the press goes through `onPointerDown`.
+		*/
+		function dragAttrs(key, index) {
+			const { onKeydown: _keys, onPointerdown: _press, tabindex: _tabindex, "aria-roledescription": _role, ...rest } = itemAttrs(key, index);
+			return rest;
+		}
+		const more = ref({
+			start: false,
+			end: false
+		});
+		function measureMore() {
+			const el = container.value;
+			if (!el) return;
+			const start = el.scrollLeft > 1;
+			const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
+			if (start !== more.value.start || end !== more.value.end) more.value = {
+				start,
+				end
+			};
+		}
+		let resize;
+		onMounted(() => {
+			measureMore();
+			if (typeof ResizeObserver === "undefined" || !container.value) return;
+			resize = new ResizeObserver(measureMore);
+			resize.observe(container.value);
+		});
+		onBeforeUnmount(() => resize?.disconnect());
+		watch(keys, () => void nextTick(measureMore));
+		const tabs = useTemplateRef("tab");
+		const tabOf = (index) => tabs.value?.find((el) => el.dataset.index === String(index)) ?? null;
+		function show(index, focusTab = false) {
+			if (index < 0 || index >= keys.value.length) return;
+			if (index !== sheetIndex.value) {
+				sheet.showSheet(index);
+				sheet.announce(format(messages.value.sheetShown, { name: doc.value.sheets[index].name }));
+			}
+			if (focusTab) nextTick(() => tabOf(index)?.focus());
+		}
+		watch(sheetIndex, (index) => {
+			nextTick(() => tabOf(index)?.scrollIntoView({
+				block: "nearest",
+				inline: "nearest"
+			}));
+		}, { flush: "post" });
+		let lastPointer = "mouse";
+		/** When a finger last switched sheets: a tap right after is the same double tap. */
+		let switchedAt = 0;
+		/** A finger held still on a tab opens its menu; the click that follows is then spent. */
+		let holdTimer;
+		let held = false;
+		function onPointerDown(event, key, index) {
+			lastPointer = event.pointerType;
+			held = false;
+			itemAttrs(key, index).onPointerdown(event);
+			if (event.pointerType !== "touch" || !editable.value) return;
+			const el = event.currentTarget;
+			const x0 = event.clientX;
+			const y0 = event.clientY;
+			const stop = () => {
+				clearTimeout(holdTimer);
+				window.removeEventListener("pointermove", onMove);
+				window.removeEventListener("pointerup", stop);
+				window.removeEventListener("pointercancel", stop);
+			};
+			const onMove = (e) => {
+				if (Math.hypot(e.clientX - x0, e.clientY - y0) > 8) stop();
+			};
+			window.addEventListener("pointermove", onMove);
+			window.addEventListener("pointerup", stop);
+			window.addEventListener("pointercancel", stop);
+			holdTimer = setTimeout(() => {
+				stop();
+				if (dragging.value != null || renaming.value != null) return;
+				held = true;
+				navigator.vibrate?.(8);
+				const rect = el.getBoundingClientRect();
+				openMenu(indexOf(key), rect.left + rect.width / 2, rect.top);
+			}, HOLD);
+		}
+		function onClick(index, event) {
+			if (renaming.value != null) return;
+			if (held) {
+				held = false;
+				return;
+			}
+			if (lastPointer === "touch" && index === sheetIndex.value) {
+				if (!editable.value || Date.now() - switchedAt < 400) return;
+				const rect = event.currentTarget.getBoundingClientRect();
+				return openMenu(index, rect.left + rect.width / 2, rect.top);
+			}
+			show(index);
+			if (lastPointer === "touch") switchedAt = Date.now();
+			else sheet.focus();
+		}
+		/** A double click renames; a finger renames from the menu, as two taps also switch and open it. */
+		function onDblClick(index) {
+			if (lastPointer !== "touch") startRename(index);
+		}
+		function onKeydown(event, index) {
+			if (isComposing(event)) return;
+			const count = keys.value.length;
+			const key = event.key;
+			let to = -1;
+			if (key === "ArrowLeft") to = (index - 1 + count) % count;
+			else if (key === "ArrowRight") to = (index + 1) % count;
+			else if (key === "Home") to = 0;
+			else if (key === "End") to = count - 1;
+			if (to !== -1) {
+				event.preventDefault();
+				return show(to, true);
+			}
+			if (key === "F2" && editable.value) {
+				event.preventDefault();
+				return startRename(index);
+			}
+			if (key === "ContextMenu" || key === "F10" && event.shiftKey) {
+				event.preventDefault();
+				const rect = event.currentTarget.getBoundingClientRect();
+				return openMenu(index, rect.left + rect.width / 2, rect.top);
+			}
+			if (matchesHotkey(event, "mod+z")) {
+				event.preventDefault();
+				sheet.undo();
+				return keepFocus();
+			}
+			if (matchesHotkey(event, "mod+shift+z") || matchesHotkey(event, "mod+y")) {
+				event.preventDefault();
+				sheet.redo();
+				return keepFocus();
+			}
+			if (key === "Enter" || key === "ArrowUp") {
+				event.preventDefault();
+				show(index);
+				sheet.focus();
+			}
+		}
+		/** Keeps the focus on the tabs, on the tab shown, after the tabs changed under it. */
+		function keepFocus() {
+			nextTick(() => tabOf(sheetIndex.value)?.focus());
+		}
+		/** The first free name like `工作表3`. */
+		function freeName() {
+			const taken = new Set(doc.value.sheets.map((s) => s.name));
+			let n = doc.value.sheets.length + 1;
+			while (taken.has(format(messages.value.sheetName, { n }))) n++;
+			return format(messages.value.sheetName, { n });
+		}
+		function addSheet() {
+			const name = freeName();
+			const at = sheetIndex.value + 1;
+			if (!sheet.transact((tr) => tr.addSheet({ name }, at), { action: "sheet" })) return;
+			show(at);
+			sheet.announce(format(messages.value.sheetAdded, { name }));
+			sheet.focus();
+		}
+		/** The index of the tab being renamed, and what is typed. */
+		const renaming = ref(null);
+		const draft = ref("");
+		const problem = ref("");
+		const input = useTemplateRef("input");
+		function startRename(index) {
+			if (!structural.value) return;
+			show(index);
+			renaming.value = index;
+			draft.value = doc.value.sheets[index].name;
+			problem.value = "";
+			nextTick(() => {
+				const el = input.value?.[0];
+				el?.focus();
+				el?.select();
+			});
+		}
+		function check(name, index) {
+			if (!name) return messages.value.sheetNameEmpty;
+			return doc.value.sheets.some((s, i) => i !== index && s.name === name) ? format(messages.value.sheetNameTaken, { name }) : "";
+		}
+		/** Writes the new name; with `keep`, a name that won't do keeps the field open. */
+		function finishRename(keep) {
+			const index = renaming.value;
+			if (index == null) return;
+			const name = draft.value.trim();
+			const wrong = check(name, index);
+			if (wrong && keep) {
+				problem.value = wrong;
+				sheet.announce(wrong);
+				return;
+			}
+			renaming.value = null;
+			problem.value = "";
+			if (!wrong && name !== doc.value.sheets[index].name) sheet.transact((tr) => tr.renameSheet(index, name), { action: "sheet" });
+			if (keep) nextTick(() => tabOf(index)?.focus());
+		}
+		function cancelRename() {
+			const index = renaming.value;
+			renaming.value = null;
+			problem.value = "";
+			if (index != null) nextTick(() => tabOf(index)?.focus());
+		}
+		function onInputKey(event) {
+			if (isComposing(event)) return;
+			if (event.key === "Enter") {
+				event.preventDefault();
+				finishRename(true);
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				cancelRename();
+			}
+			event.stopPropagation();
+		}
+		watch(draft, () => problem.value = "");
+		const menu = useTemplateRef("menu");
+		const menuOpen = ref(false);
+		const menuItems = shallowRef([]);
+		function openMenu(index, x, y) {
+			if (!editable.value) return;
+			show(index);
+			const m = messages.value;
+			const count = keys.value.length;
+			const name = doc.value.sheets[index].name;
+			menuItems.value = [
+				{
+					key: "rename",
+					label: m.renameSheet,
+					icon: PencilIcon,
+					disabled: !structural.value,
+					run: () => startRename(index)
+				},
+				{
+					key: "duplicate",
+					label: m.duplicateSheet,
+					icon: CopyPlusIcon,
+					disabled: !structural.value,
+					run: () => {
+						if (sheet.transact((tr) => tr.duplicateSheet(index), { action: "sheet" })) show(index + 1);
+					}
+				},
+				{
+					key: "left",
+					label: m.moveSheetLeft,
+					icon: ArrowLeftIcon,
+					divided: true,
+					disabled: !structural.value || index === 0,
+					run: () => moveTo(index, index - 1)
+				},
+				{
+					key: "right",
+					label: m.moveSheetRight,
+					icon: ArrowRightIcon,
+					disabled: !structural.value || index === count - 1,
+					run: () => moveTo(index, index + 1)
+				},
+				{
+					key: "delete",
+					label: m.deleteSheet,
+					icon: TrashIcon,
+					tone: "danger",
+					divided: true,
+					disabled: !structural.value || count < 2,
+					run: () => {
+						if (sheet.transact((tr) => tr.removeSheet(index), { action: "sheet" })) sheet.announce(format(m.sheetDeleted, { name }));
+					}
+				},
+				...["protect.sheet", "protect.workbook"].map((command, i) => {
+					const info = sheet.commands.get(command);
+					return {
+						key: command,
+						label: info.label,
+						icon: info.icon,
+						divided: i === 0,
+						disabled: !sheet.commands.can(command),
+						run: () => void sheet.commands.run(command)
+					};
+				})
+			];
+			menu.value?.open(x, y);
+		}
+		function moveTo(index, to) {
+			const name = doc.value.sheets[index].name;
+			if (!sheet.transact((tr) => tr.moveSheet(index, to), { action: "sheet" })) return;
+			sheet.announce(format(messages.value.sheetMoved, {
+				name,
+				index: to + 1,
+				count: keys.value.length
+			}));
+			nextTick(() => tabOf(to)?.focus());
+		}
+		function onMenuSelect(key) {
+			menuItems.value.find((item) => item.key === key)?.run?.();
+		}
+		function onContextMenu(event, index) {
+			event.preventDefault();
+			if (lastPointer === "touch" || renaming.value != null) return;
+			openMenu(index, event.clientX, event.clientY);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				__props.addable && structural.value ? (openBlock(), createBlock(unref(DouButton), {
+					key: 0,
+					class: "dou-sheet-tabs__add",
+					variant: "ghost",
+					size: "sm",
+					"aria-label": unref(messages).addSheet,
+					title: unref(messages).addSheet,
+					onClick: addSheet
+				}, {
+					default: withCtx(() => [createVNode(unref(PlusIcon))]),
+					_: 1
+				}, 8, ["aria-label", "title"])) : createCommentVNode("", true),
+				createElementVNode("div", mergeProps({
+					ref_key: "container",
+					ref: container,
+					class: ["dou-sheet-tabs__list", {
+						"has-more-start": more.value.start,
+						"has-more-end": more.value.end
+					}],
+					role: "tablist",
+					"aria-label": unref(messages).sheets
+				}, unref(listAttrs), { onScrollPassive: measureMore }), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (key, index) => {
+					return openBlock(), createElementBlock("div", mergeProps({
+						key,
+						ref_for: true,
+						ref: "tab",
+						class: ["dou-sheet-tabs__tab", {
+							"is-active": indexOf(key) === unref(sheetIndex),
+							"is-renaming": renaming.value === indexOf(key)
+						}],
+						role: "tab",
+						"data-index": indexOf(key),
+						"aria-selected": indexOf(key) === unref(sheetIndex),
+						tabindex: indexOf(key) === unref(sheetIndex) ? 0 : -1,
+						"aria-describedby": hint
+					}, { ref_for: true }, dragAttrs(key, index), {
+						onPointerdown: ($event) => onPointerDown($event, key, index),
+						onClick: ($event) => onClick(indexOf(key), $event),
+						onDblclick: ($event) => onDblClick(indexOf(key)),
+						onKeydown: ($event) => onKeydown($event, indexOf(key)),
+						onContextmenu: ($event) => onContextMenu($event, indexOf(key))
+					}), [renaming.value === indexOf(key) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_4, toDisplayString(draft.value || " "), 1), withDirectives(createElementVNode("input", {
+						ref_for: true,
+						ref_key: "input",
+						ref: input,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+						class: "dou-sheet-tabs__input",
+						"aria-label": unref(messages).renameSheet,
+						"aria-invalid": problem.value ? true : void 0,
+						title: problem.value || void 0,
+						maxlength: "100",
+						spellcheck: "false",
+						onKeydown: onInputKey,
+						onBlur: _cache[1] || (_cache[1] = ($event) => finishRename(false)),
+						onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+						onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
+						onDblclick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+					}, null, 40, _hoisted_5), [[vModelText, draft.value]])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						isProtected(key) ? (openBlock(), createBlock(unref(LockIcon), {
+							key: 0,
+							class: "dou-sheet-tabs__lock",
+							"aria-hidden": "true"
+						})) : createCommentVNode("", true),
+						createElementVNode("span", _hoisted_6, toDisplayString(nameOf(key)), 1),
+						isProtected(key) ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref(messages).protect.protectedSheet), 1)) : createCommentVNode("", true)
+					], 64))], 16, _hoisted_3);
+				}), 128))], 16, _hoisted_2),
+				createElementVNode("span", {
+					id: hint,
+					class: "dou-sheet__sr-only"
+				}, toDisplayString(unref(messages).sheetTabKeys), 1),
+				problem.value ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(problem.value), 1)) : createCommentVNode("", true),
+				createVNode(sheet_menu_default, {
+					ref_key: "menu",
+					ref: menu,
+					open: menuOpen.value,
+					"onUpdate:open": _cache[5] || (_cache[5] = ($event) => menuOpen.value = $event),
+					items: menuItems.value,
+					onSelect: onMenuSelect
+				}, null, 8, ["open", "items"])
+			]);
+		};
+	}
+});
+export { sheet_tabs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-tabs.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-tabs.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_withCtx","_createVNode","_createCommentVNode","_createElementVNode","_mergeProps","_Fragment","_renderList","_toDisplayString","_withDirectives","_withModifiers","_vModelText","SheetMenu"],"sources":["../../src/components/sheet-tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CopyPlusIcon,\n  LockIcon,\n  PencilIcon,\n  PlusIcon,\n  TrashIcon,\n} from '@dou-ui/icons'\nimport { DouButton, isComposing, matchesHotkey, useSortable } from 'dou-ui'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport { useSheet } from '../context'\nimport { sheetKey } from '../core/transaction'\nimport { format } from '../locale'\nimport type { SheetMenuItem } from '../types'\nimport SheetMenu from './sheet-menu.vue'\n\ndefineOptions({ name: 'DouSheetTabs' })\n\nwithDefaults(\n  defineProps<{\n    /** Whether to show the button that adds a sheet; `true` by default. */\n    addable?: boolean\n  }>(),\n  { addable: true },\n)\n\nconst sheet = useSheet()\nconst { doc, sheetIndex, messages } = sheet\nconst uid = useId()\nconst hint = `${uid}-keys`\n\nconst editable = computed(() => !sheet.readonly.value)\n/** Whether sheets can be added, removed, moved and renamed: not while the workbook is protected. */\nconst structural = computed(() => editable.value && !doc.value.protect)\nconst isProtected = (key: string) => !!doc.value.sheets.find((s) => sheetKey(s) === key)?.protect\nconst keys = computed(() => doc.value.sheets.map(sheetKey))\n\n// Dragging tabs into another order --------------------------------------------------------\n\nconst order = computed({\n  get: () => keys.value,\n  set: () => {},\n})\nconst { container, list, listAttrs, itemAttrs, dragging } = useSortable<string>({\n  items: order,\n  key: (key) => key,\n  direction: () => 'horizontal',\n  disabled: () => !structural.value || renaming.value != null,\n  label: (key) => nameOf(key),\n  messages: () => ({\n    item: messages.value.sheets,\n    lifted: (label) => label,\n    moved: (label, index, count) =>\n      format(messages.value.sheetMoved, { name: label, index, count }),\n    dropped: (label, index, count) =>\n      format(messages.value.sheetMoved, { name: label, index, count }),\n    canceled: (label) => label,\n  }),\n  // the copy that follows the pointer sits outside the grid: it takes the tab's font along\n  ghost: (el) => {\n    const copy = el.cloneNode(true) as HTMLElement\n    const style = getComputedStyle(el)\n    for (const name of ['font-family', 'font-size', 'font-weight', 'line-height', 'color'])\n      copy.style.setProperty(name, style.getPropertyValue(name))\n    copy.style.backgroundColor = 'var(--dou-color-bg-surface)'\n    copy.style.borderColor = 'var(--dou-color-border)'\n    return copy\n  },\n  onSort: ({ item, newIndex }) => {\n    sheet.transact((tr) => tr.moveSheet(item, newIndex), { action: 'sheet' })\n  },\n})\n\nconst nameOf = (key: string) => doc.value.sheets.find((s) => sheetKey(s) === key)?.name ?? key\nconst indexOf = (key: string) => keys.value.indexOf(key)\n\n/**\n * What sortable puts on each tab, but its keys: the tabs keep their own, and\n * the press goes through `onPointerDown`.\n */\nfunction dragAttrs(key: string, index: number) {\n  const {\n    onKeydown: _keys,\n    onPointerdown: _press,\n    tabindex: _tabindex,\n    'aria-roledescription': _role,\n    ...rest\n  } = itemAttrs(key, index)\n  return rest\n}\n\n// Tabs past either side fade out there, so it shows that the strip scrolls\n\nconst more = ref({ start: false, end: false })\nfunction measureMore() {\n  const el = container.value\n  if (!el) return\n  const start = el.scrollLeft > 1\n  const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n  if (start !== more.value.start || end !== more.value.end) more.value = { start, end }\n}\nlet resize: ResizeObserver | undefined\nonMounted(() => {\n  measureMore()\n  if (typeof ResizeObserver === 'undefined' || !container.value) return\n  resize = new ResizeObserver(measureMore)\n  resize.observe(container.value)\n})\nonBeforeUnmount(() => resize?.disconnect())\nwatch(keys, () => void nextTick(measureMore))\n\n// Switching ------------------------------------------------------------------------------\n\nconst tabs = useTemplateRef<HTMLElement[]>('tab')\nconst tabOf = (index: number) =>\n  tabs.value?.find((el) => el.dataset.index === String(index)) ?? null\n\nfunction show(index: number, focusTab = false) {\n  if (index < 0 || index >= keys.value.length) return\n  if (index !== sheetIndex.value) {\n    sheet.showSheet(index)\n    sheet.announce(format(messages.value.sheetShown, { name: doc.value.sheets[index]!.name }))\n  }\n  if (focusTab) void nextTick(() => tabOf(index)?.focus())\n}\n\n// the tab shown is kept in view\nwatch(\n  sheetIndex,\n  (index) => {\n    void nextTick(() => tabOf(index)?.scrollIntoView({ block: 'nearest', inline: 'nearest' }))\n  },\n  { flush: 'post' },\n)\n\nlet lastPointer = 'mouse'\n/** When a finger last switched sheets: a tap right after is the same double tap. */\nlet switchedAt = 0\n/** A finger held still on a tab opens its menu; the click that follows is then spent. */\nlet holdTimer: ReturnType<typeof setTimeout> | undefined\nlet held = false\nconst HOLD = 500\n\nfunction onPointerDown(event: PointerEvent, key: string, index: number) {\n  lastPointer = event.pointerType\n  held = false\n  itemAttrs(key, index).onPointerdown(event)\n  if (event.pointerType !== 'touch' || !editable.value) return\n  const el = event.currentTarget as HTMLElement\n  const x0 = event.clientX\n  const y0 = event.clientY\n  const stop = () => {\n    clearTimeout(holdTimer)\n    window.removeEventListener('pointermove', onMove)\n    window.removeEventListener('pointerup', stop)\n    window.removeEventListener('pointercancel', stop)\n  }\n  const onMove = (e: PointerEvent) => {\n    if (Math.hypot(e.clientX - x0, e.clientY - y0) > 8) stop()\n  }\n  window.addEventListener('pointermove', onMove)\n  window.addEventListener('pointerup', stop)\n  window.addEventListener('pointercancel', stop)\n  holdTimer = setTimeout(() => {\n    stop()\n    if (dragging.value != null || renaming.value != null) return\n    held = true\n    navigator.vibrate?.(8)\n    const rect = el.getBoundingClientRect()\n    openMenu(indexOf(key), rect.left + rect.width / 2, rect.top)\n  }, HOLD)\n}\n\nfunction onClick(index: number, event: MouseEvent) {\n  if (renaming.value != null) return\n  if (held) {\n    held = false\n    return\n  }\n  if (lastPointer === 'touch' && index === sheetIndex.value) {\n    // a finger on the tab already shown opens its menu: phones have no right click\n    if (!editable.value || Date.now() - switchedAt < 400) return\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    return openMenu(index, rect.left + rect.width / 2, rect.top)\n  }\n  show(index)\n  if (lastPointer === 'touch') switchedAt = Date.now()\n  else sheet.focus()\n}\n\n/** A double click renames; a finger renames from the menu, as two taps also switch and open it. */\nfunction onDblClick(index: number) {\n  if (lastPointer !== 'touch') startRename(index)\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number) {\n  if (isComposing(event)) return\n  const count = keys.value.length\n  const key = event.key\n  let to = -1\n  if (key === 'ArrowLeft') to = (index - 1 + count) % count\n  else if (key === 'ArrowRight') to = (index + 1) % count\n  else if (key === 'Home') to = 0\n  else if (key === 'End') to = count - 1\n  if (to !== -1) {\n    event.preventDefault()\n    return show(to, true)\n  }\n  if (key === 'F2' && editable.value) {\n    event.preventDefault()\n    return startRename(index)\n  }\n  if (key === 'ContextMenu' || (key === 'F10' && event.shiftKey)) {\n    event.preventDefault()\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    return openMenu(index, rect.left + rect.width / 2, rect.top)\n  }\n  // what was just done to the tabs can be taken back from here too\n  if (matchesHotkey(event, 'mod+z')) {\n    event.preventDefault()\n    sheet.undo()\n    return keepFocus()\n  }\n  if (matchesHotkey(event, 'mod+shift+z') || matchesHotkey(event, 'mod+y')) {\n    event.preventDefault()\n    sheet.redo()\n    return keepFocus()\n  }\n  if (key === 'Enter' || key === 'ArrowUp') {\n    // into the grid of the sheet shown\n    event.preventDefault()\n    show(index)\n    sheet.focus()\n  }\n}\n\n/** Keeps the focus on the tabs, on the tab shown, after the tabs changed under it. */\nfunction keepFocus() {\n  void nextTick(() => tabOf(sheetIndex.value)?.focus())\n}\n\n// Adding ---------------------------------------------------------------------------------\n\n/** The first free name like `工作表3`. */\nfunction freeName() {\n  const taken = new Set(doc.value.sheets.map((s) => s.name))\n  let n = doc.value.sheets.length + 1\n  while (taken.has(format(messages.value.sheetName, { n }))) n++\n  return format(messages.value.sheetName, { n })\n}\n\nfunction addSheet() {\n  const name = freeName()\n  const at = sheetIndex.value + 1\n  const done = sheet.transact((tr) => tr.addSheet({ name }, at), { action: 'sheet' })\n  if (!done) return\n  show(at)\n  sheet.announce(format(messages.value.sheetAdded, { name }))\n  sheet.focus()\n}\n\n// Renaming -------------------------------------------------------------------------------\n\n/** The index of the tab being renamed, and what is typed. */\nconst renaming = ref<number | null>(null)\nconst draft = ref('')\nconst problem = ref('')\nconst input = useTemplateRef<HTMLInputElement[]>('input')\n\nfunction startRename(index: number) {\n  if (!structural.value) return\n  show(index)\n  renaming.value = index\n  draft.value = doc.value.sheets[index]!.name\n  problem.value = ''\n  void nextTick(() => {\n    const el = input.value?.[0]\n    el?.focus()\n    el?.select()\n  })\n}\n\nfunction check(name: string, index: number) {\n  if (!name) return messages.value.sheetNameEmpty\n  const taken = doc.value.sheets.some((s, i) => i !== index && s.name === name)\n  return taken ? format(messages.value.sheetNameTaken, { name }) : ''\n}\n\n/** Writes the new name; with `keep`, a name that won't do keeps the field open. */\nfunction finishRename(keep: boolean) {\n  const index = renaming.value\n  if (index == null) return\n  const name = draft.value.trim()\n  const wrong = check(name, index)\n  if (wrong && keep) {\n    problem.value = wrong\n    sheet.announce(wrong)\n    return\n  }\n  renaming.value = null\n  problem.value = ''\n  if (!wrong && name !== doc.value.sheets[index]!.name)\n    sheet.transact((tr) => tr.renameSheet(index, name), { action: 'sheet' })\n  if (keep) void nextTick(() => tabOf(index)?.focus())\n}\n\nfunction cancelRename() {\n  const index = renaming.value\n  renaming.value = null\n  problem.value = ''\n  if (index != null) void nextTick(() => tabOf(index)?.focus())\n}\n\nfunction onInputKey(event: KeyboardEvent) {\n  if (isComposing(event)) return\n  if (event.key === 'Enter') {\n    event.preventDefault()\n    finishRename(true)\n  } else if (event.key === 'Escape') {\n    event.preventDefault()\n    cancelRename()\n  }\n  // the tab's own keys are for the tabs, not the text\n  event.stopPropagation()\n}\n\nwatch(draft, () => (problem.value = ''))\n\n// The menu -------------------------------------------------------------------------------\n\nconst menu = useTemplateRef<InstanceType<typeof SheetMenu>>('menu')\nconst menuOpen = ref(false)\nconst menuItems = shallowRef<SheetMenuItem[]>([])\n\nfunction openMenu(index: number, x: number, y: number) {\n  if (!editable.value) return\n  show(index)\n  const m = messages.value\n  const count = keys.value.length\n  const name = doc.value.sheets[index]!.name\n  menuItems.value = [\n    {\n      key: 'rename',\n      label: m.renameSheet,\n      icon: PencilIcon,\n      disabled: !structural.value,\n      run: () => startRename(index),\n    },\n    {\n      key: 'duplicate',\n      label: m.duplicateSheet,\n      icon: CopyPlusIcon,\n      disabled: !structural.value,\n      run: () => {\n        const done = sheet.transact((tr) => tr.duplicateSheet(index), { action: 'sheet' })\n        if (done) show(index + 1)\n      },\n    },\n    {\n      key: 'left',\n      label: m.moveSheetLeft,\n      icon: ArrowLeftIcon,\n      divided: true,\n      disabled: !structural.value || index === 0,\n      run: () => moveTo(index, index - 1),\n    },\n    {\n      key: 'right',\n      label: m.moveSheetRight,\n      icon: ArrowRightIcon,\n      disabled: !structural.value || index === count - 1,\n      run: () => moveTo(index, index + 1),\n    },\n    {\n      key: 'delete',\n      label: m.deleteSheet,\n      icon: TrashIcon,\n      tone: 'danger',\n      divided: true,\n      disabled: !structural.value || count < 2,\n      run: () => {\n        const done = sheet.transact((tr) => tr.removeSheet(index), { action: 'sheet' })\n        if (done) sheet.announce(format(m.sheetDeleted, { name }))\n      },\n    },\n    ...(['protect.sheet', 'protect.workbook'] as const).map((command, i): SheetMenuItem => {\n      const info = sheet.commands.get(command)!\n      return {\n        key: command,\n        label: info.label,\n        icon: info.icon,\n        divided: i === 0,\n        disabled: !sheet.commands.can(command),\n        run: () => void sheet.commands.run(command),\n      }\n    }),\n  ]\n  menu.value?.open(x, y)\n}\n\nfunction moveTo(index: number, to: number) {\n  const name = doc.value.sheets[index]!.name\n  const done = sheet.transact((tr) => tr.moveSheet(index, to), { action: 'sheet' })\n  if (!done) return\n  sheet.announce(\n    format(messages.value.sheetMoved, { name, index: to + 1, count: keys.value.length }),\n  )\n  void nextTick(() => tabOf(to)?.focus())\n}\n\nfunction onMenuSelect(key: unknown) {\n  menuItems.value.find((item) => item.key === key)?.run?.()\n}\n\nfunction onContextMenu(event: MouseEvent, index: number) {\n  event.preventDefault()\n  if (lastPointer === 'touch' || renaming.value != null) return\n  openMenu(index, event.clientX, event.clientY)\n}\n</script>\n\n<template>\n  <div class=\"dou-sheet-tabs\">\n    <DouButton\n      v-if=\"addable && structural\"\n      class=\"dou-sheet-tabs__add\"\n      variant=\"ghost\"\n      size=\"sm\"\n      :aria-label=\"messages.addSheet\"\n      :title=\"messages.addSheet\"\n      @click=\"addSheet\"\n    >\n      <PlusIcon />\n    </DouButton>\n    <div\n      ref=\"container\"\n      class=\"dou-sheet-tabs__list\"\n      :class=\"{ 'has-more-start': more.start, 'has-more-end': more.end }\"\n      role=\"tablist\"\n      :aria-label=\"messages.sheets\"\n      v-bind=\"listAttrs\"\n      @scroll.passive=\"measureMore\"\n    >\n      <div\n        v-for=\"(key, index) in list\"\n        :key=\"key\"\n        ref=\"tab\"\n        class=\"dou-sheet-tabs__tab\"\n        :class=\"{\n          'is-active': indexOf(key) === sheetIndex,\n          'is-renaming': renaming === indexOf(key),\n        }\"\n        role=\"tab\"\n        :data-index=\"indexOf(key)\"\n        :aria-selected=\"indexOf(key) === sheetIndex\"\n        :tabindex=\"indexOf(key) === sheetIndex ? 0 : -1\"\n        :aria-describedby=\"hint\"\n        v-bind=\"dragAttrs(key, index)\"\n        @pointerdown=\"onPointerDown($event, key, index)\"\n        @click=\"onClick(indexOf(key), $event)\"\n        @dblclick=\"onDblClick(indexOf(key))\"\n        @keydown=\"onKeydown($event, indexOf(key))\"\n        @contextmenu=\"onContextMenu($event, indexOf(key))\"\n      >\n        <template v-if=\"renaming === indexOf(key)\">\n          <!-- the hidden copy sizes the field to its text -->\n          <span class=\"dou-sheet-tabs__size\" aria-hidden=\"true\">{{ draft || ' ' }}</span>\n          <input\n            ref=\"input\"\n            v-model=\"draft\"\n            class=\"dou-sheet-tabs__input\"\n            :aria-label=\"messages.renameSheet\"\n            :aria-invalid=\"problem ? true : undefined\"\n            :title=\"problem || undefined\"\n            maxlength=\"100\"\n            spellcheck=\"false\"\n            @keydown=\"onInputKey\"\n            @blur=\"finishRename(false)\"\n            @pointerdown.stop\n            @click.stop\n            @dblclick.stop\n          />\n        </template>\n        <template v-else>\n          <LockIcon v-if=\"isProtected(key)\" class=\"dou-sheet-tabs__lock\" aria-hidden=\"true\" />\n          <span class=\"dou-sheet-tabs__name\">{{ nameOf(key) }}</span>\n          <span v-if=\"isProtected(key)\" class=\"dou-sheet__sr-only\">\n            {{ messages.protect.protectedSheet }}\n          </span>\n        </template>\n      </div>\n    </div>\n    <span :id=\"hint\" class=\"dou-sheet__sr-only\">{{ messages.sheetTabKeys }}</span>\n    <div v-if=\"problem\" class=\"dou-sheet-tabs__problem\" role=\"alert\">{{ problem }}</div>\n    <SheetMenu ref=\"menu\" v-model:open=\"menuOpen\" :items=\"menuItems\" @select=\"onMenuSelect\" />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/sheet-toolbar.js

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