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

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

@@ -0,0 +1,91 @@
+import { formatCell, parseRange, splitSheet } from "../core/address.js";
+import { format } from "../locale.js";
+import { useSheet } from "../context.js";
+import { computed, createElementBlock, defineComponent, nextTick, normalizeClass, openBlock, ref, unref, useTemplateRef } from "vue";
+// src/components/sheet-name-box.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"value",
+	"aria-label",
+	"aria-invalid"
+];
+/** The formula bar's name box: the active cell's name, or a cell or range to go to. */
+var sheet_name_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouSheetNameBox",
+	__name: "sheet-name-box",
+	setup(__props) {
+		const sheet = useSheet();
+		const { editor, messages: m } = sheet;
+		const nameInput = useTemplateRef("name");
+		const nameTyping = ref(null);
+		/** Whether the text in the name box is no cell or range; it stays there to fix, or Escape. */
+		const nameInvalid = ref(false);
+		const cellName = computed(() => {
+			const e = editor.cell.value;
+			return formatCell(e ?? sheet.active.value);
+		});
+		const nameText = computed(() => nameTyping.value ?? cellName.value);
+		function goTo() {
+			const text = (nameTyping.value ?? "").trim();
+			if (!text) {
+				nameTyping.value = null;
+				return sheet.focus();
+			}
+			const { sheet: name, ref: target } = splitSheet(text);
+			const range = parseRange(target);
+			const at = name == null ? sheet.sheetIndex.value : sheet.doc.value.sheets.findIndex((s) => s.name.toLowerCase() === name.toLowerCase());
+			if (!range || at === -1) {
+				nameInvalid.value = true;
+				sheet.announce(format(m.value.badAddress, { text }));
+				nameInput.value?.select();
+				return;
+			}
+			nameTyping.value = null;
+			nameInvalid.value = false;
+			if (at !== sheet.sheetIndex.value) sheet.showSheet(at);
+			nextTick(() => {
+				sheet.select(target);
+				sheet.focus();
+			});
+		}
+		function onNameInput(event) {
+			nameTyping.value = event.target.value;
+			nameInvalid.value = false;
+		}
+		/** Leaving the box shows the active cell again. */
+		function onNameBlur() {
+			nameTyping.value = null;
+			nameInvalid.value = false;
+		}
+		function onNameKey(event) {
+			if (event.isComposing) return;
+			if (event.key === "Enter") {
+				event.preventDefault();
+				goTo();
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				nameTyping.value = null;
+				nameInvalid.value = false;
+				sheet.focus();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				ref: "name",
+				class: normalizeClass(["dou-sheet-formula-bar__name", { "is-invalid": nameInvalid.value }]),
+				value: nameText.value,
+				"aria-label": unref(m).nameBox,
+				"aria-invalid": nameInvalid.value || void 0,
+				autocomplete: "off",
+				autocapitalize: "off",
+				spellcheck: "false",
+				onFocus: _cache[0] || (_cache[0] = ($event) => $event.target.select()),
+				onInput: onNameInput,
+				onKeydown: onNameKey,
+				onBlur: onNameBlur
+			}, null, 42, _hoisted_1);
+		};
+	}
+});
+export { sheet_name_box_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-name-box.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-name-box.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"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":";;;;;;;;;;;;;;;EASA,MAAM,QAAQ,SAAS;EACvB,MAAM,EAAE,QAAQ,UAAU,MAAM;EAChC,MAAM,YAAY,eAAiC,MAAM;EAEzD,MAAM,aAAa,IAAmB,IAAI;;EAE1C,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,WAAW,eAAe;GAC9B,MAAM,IAAI,OAAO,KAAK;GACtB,OAAO,WAAW,KAAK,MAAM,OAAO,KAAK;EAC3C,CAAC;EACD,MAAM,WAAW,eAAe,WAAW,SAAS,SAAS,KAAK;EAElE,SAAS,OAAO;GACd,MAAM,QAAQ,WAAW,SAAS,GAAA,CAAI,KAAK;GAC3C,IAAI,CAAC,MAAM;IACT,WAAW,QAAQ;IACnB,OAAO,MAAM,MAAM;GACrB;GACA,MAAM,EAAE,OAAO,MAAM,KAAK,WAAW,WAAW,IAAI;GACpD,MAAM,QAAQ,WAAW,MAAM;GAC/B,MAAM,KACJ,QAAQ,OACJ,MAAM,WAAW,QACjB,MAAM,IAAI,MAAM,OAAO,WAAW,MAAM,EAAE,KAAK,YAAY,MAAM,KAAK,YAAY,CAAC;GACzF,IAAI,CAAC,SAAS,OAAO,IAAI;IACvB,YAAY,QAAQ;IACpB,MAAM,SAAS,OAAO,EAAE,MAAM,YAAY,EAAE,KAAK,CAAC,CAAC;IACnD,UAAU,OAAO,OAAO;IACxB;GACF;GACA,WAAW,QAAQ;GACnB,YAAY,QAAQ;GACpB,IAAI,OAAO,MAAM,WAAW,OAAO,MAAM,UAAU,EAAE;GACrD,eAAoB;IAClB,MAAM,OAAO,MAAM;IACnB,MAAM,MAAM;GACd,CAAC;EACH;EAEA,SAAS,YAAY,OAAc;GACjC,WAAW,QAAS,MAAM,OAA4B;GACtD,YAAY,QAAQ;EACtB;;EAGA,SAAS,aAAa;GACpB,WAAW,QAAQ;GACnB,YAAY,QAAQ;EACtB;EAEA,SAAS,UAAU,OAAsB;GACvC,IAAI,MAAM,aAAa;GACvB,IAAI,MAAM,QAAQ,SAAS;IACzB,MAAM,eAAe;IACrB,KAAK;GACP,OAAO,IAAI,MAAM,QAAQ,UAAU;IACjC,MAAM,eAAe;IACrB,WAAW,QAAQ;IACnB,YAAY,QAAQ;IACpB,MAAM,MAAM;GACd;EACF;;GAIE,OAAAA,UAAA,GAAAC,mBAcE,SAAA;IAbA,KAAI;IACJ,OAAKC,eAAA,CAAC,+BAA6B,EAAA,cAEX,YAAA,MAAW,CAAA,CAAA;IADlC,OAAO,SAAA;IAEP,cAAYC,MAAA,CAAA,CAAC,CAAC;IACd,gBAAc,YAAA,SAAe,KAAA;IAC9B,cAAa;IACb,gBAAe;IACf,YAAW;IACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAG,OAAO,OAA4B,OAAM;IACjD,SAAO;IACP,WAAS;IACT,QAAM"}

package/dist/components/sheet-note.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-note.js","names":["_sfc_main"],"sources":["../../src/components/sheet-note.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouButton, useFloating, useZIndex, type VirtualElement } from 'dou-ui'\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\nimport type { SheetNoteMessages } from '../locale'\n\n/*\n * A cell's note, beside the cell: read when the pointer rests on the cell\n * or a finger taps it, or written in the box when it is being edited.\n */\n\nconst props = defineProps<{\n  /** The cell the note belongs to. */\n  anchor: VirtualElement\n  note: string\n  editing: boolean\n  messages: SheetNoteMessages\n}>()\n\nconst emit = defineEmits<{\n  /** `leaving` when focus left the box for something else. */\n  save: [note: string, leaving: boolean]\n  cancel: [leaving: boolean]\n  /** The pointer came onto the note, or left it. */\n  hover: [inside: boolean]\n}>()\n\nconst box = useTemplateRef<HTMLElement>('box')\nconst input = useTemplateRef<HTMLTextAreaElement>('input')\nconst draft = ref(props.note)\n\nconst { style, placement, update } = useFloating(() => props.anchor, box, {\n  open: true,\n  placement: 'right-start',\n  offset: 6,\n})\nconst zIndex = useZIndex().next()\n\n/** Grows the box with the text, up to the height the styles allow. */\nfunction fit() {\n  const el = input.value\n  if (!el) return\n  el.style.height = 'auto'\n  el.style.height = `${el.scrollHeight}px`\n  void nextTick(update)\n}\n\nwatch(\n  () => props.editing,\n  async (editing) => {\n    draft.value = props.note\n    if (!editing) return\n    await nextTick()\n    fit()\n    const el = input.value\n    el?.focus({ preventScroll: true })\n    el?.setSelectionRange(el.value.length, el.value.length)\n  },\n  { immediate: true, flush: 'post' },\n)\n\nconst changed = computed(() => draft.value !== props.note)\nlet done = false\n\nfunction save(leaving = false) {\n  if (done) return\n  done = true\n  emit('save', draft.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' && (event.ctrlKey || event.metaKey)) {\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\ndefineExpose({ focus: () => input.value?.focus({ preventScroll: true }) })\n</script>\n\n<template>\n  <Transition name=\"dou-floating\" appear>\n    <div\n      ref=\"box\"\n      class=\"dou-dropdown dou-floating dou-sheet__note\"\n      :class=\"{ 'is-editing': editing }\"\n      :style=\"[style, { zIndex }]\"\n      :data-placement=\"placement\"\n      :role=\"editing ? 'dialog' : undefined\"\n      :aria-label=\"editing ? messages.label : undefined\"\n      @pointerenter=\"emit('hover', true)\"\n      @pointerleave=\"emit('hover', false)\"\n      @pointerdown.stop\n      @focusout=\"editing && onFocusout($event)\"\n      @contextmenu.stop\n      @wheel.stop\n    >\n      <template v-if=\"editing\">\n        <textarea\n          ref=\"input\"\n          v-model=\"draft\"\n          class=\"dou-sheet__note-input\"\n          :aria-label=\"messages.label\"\n          :placeholder=\"messages.placeholder\"\n          rows=\"3\"\n          @input=\"fit\"\n          @keydown=\"onKeydown\"\n        />\n        <!-- pressing a button leaves focus in the box, so it isn't taken as leaving -->\n        <div class=\"dou-sheet__note-actions\" @mousedown.prevent>\n          <DouButton size=\"sm\" variant=\"ghost\" @keydown=\"onKeydown\" @click=\"cancel()\">\n            {{ messages.cancel }}\n          </DouButton>\n          <DouButton size=\"sm\" variant=\"solid\" @keydown=\"onKeydown\" @click=\"save()\">\n            {{ messages.save }}\n          </DouButton>\n        </div>\n      </template>\n      <p v-else class=\"dou-sheet__note-text\">{{ note }}</p>\n    </div>\n  </Transition>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,146 @@
+import { DouButton, useFloating, useZIndex } from "dou-ui";
+import { Fragment, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, unref, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+// src/components/sheet-note.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-placement",
+	"role",
+	"aria-label"
+];
+var _hoisted_2 = ["aria-label", "placeholder"];
+var _hoisted_3 = {
+	key: 1,
+	class: "dou-sheet__note-text"
+};
+var sheet_note_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sheet-note",
+	props: {
+		anchor: {},
+		note: {},
+		editing: { type: Boolean },
+		messages: {}
+	},
+	emits: [
+		"save",
+		"cancel",
+		"hover"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const box = useTemplateRef("box");
+		const input = useTemplateRef("input");
+		const draft = ref(props.note);
+		const { style, placement, update } = useFloating(() => props.anchor, box, {
+			open: true,
+			placement: "right-start",
+			offset: 6
+		});
+		const zIndex = useZIndex().next();
+		/** Grows the box with the text, up to the height the styles allow. */
+		function fit() {
+			const el = input.value;
+			if (!el) return;
+			el.style.height = "auto";
+			el.style.height = `${el.scrollHeight}px`;
+			nextTick(update);
+		}
+		watch(() => props.editing, async (editing) => {
+			draft.value = props.note;
+			if (!editing) return;
+			await nextTick();
+			fit();
+			const el = input.value;
+			el?.focus({ preventScroll: true });
+			el?.setSelectionRange(el.value.length, el.value.length);
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		const changed = computed(() => draft.value !== props.note);
+		let done = false;
+		function save(leaving = false) {
+			if (done) return;
+			done = true;
+			emit("save", draft.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.ctrlKey || event.metaKey)) {
+				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);
+		}
+		__expose({ focus: () => input.value?.focus({ preventScroll: true }) });
+		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__note", { "is-editing": __props.editing }]),
+					style: normalizeStyle([unref(style), { zIndex: unref(zIndex) }]),
+					"data-placement": unref(placement),
+					role: __props.editing ? "dialog" : void 0,
+					"aria-label": __props.editing ? __props.messages.label : void 0,
+					onPointerenter: _cache[4] || (_cache[4] = ($event) => emit("hover", true)),
+					onPointerleave: _cache[5] || (_cache[5] = ($event) => emit("hover", false)),
+					onPointerdown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
+					onFocusout: _cache[7] || (_cache[7] = ($event) => __props.editing && onFocusout($event)),
+					onContextmenu: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
+					onWheel: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
+				}, [__props.editing ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [withDirectives(createElementVNode("textarea", {
+					ref_key: "input",
+					ref: input,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+					class: "dou-sheet__note-input",
+					"aria-label": __props.messages.label,
+					placeholder: __props.messages.placeholder,
+					rows: "3",
+					onInput: fit,
+					onKeydown
+				}, null, 40, _hoisted_2), [[vModelText, draft.value]]), createElementVNode("div", {
+					class: "dou-sheet__note-actions",
+					onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"]))
+				}, [createVNode(unref(DouButton), {
+					size: "sm",
+					variant: "ghost",
+					onKeydown,
+					onClick: _cache[1] || (_cache[1] = ($event) => cancel())
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.messages.cancel), 1)]),
+					_: 1
+				}), createVNode(unref(DouButton), {
+					size: "sm",
+					variant: "solid",
+					onKeydown,
+					onClick: _cache[2] || (_cache[2] = ($event) => save())
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.messages.save), 1)]),
+					_: 1
+				})], 32)], 64)) : (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.note), 1))], 46, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+export { sheet_note_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-note.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-note.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_unref","_withModifiers","_createElementBlock","_Fragment","_withDirectives","_vModelText","_createVNode","_createTextVNode","_toDisplayString"],"sources":["../../src/components/sheet-note.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouButton, useFloating, useZIndex, type VirtualElement } from 'dou-ui'\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\nimport type { SheetNoteMessages } from '../locale'\n\n/*\n * A cell's note, beside the cell: read when the pointer rests on the cell\n * or a finger taps it, or written in the box when it is being edited.\n */\n\nconst props = defineProps<{\n  /** The cell the note belongs to. */\n  anchor: VirtualElement\n  note: string\n  editing: boolean\n  messages: SheetNoteMessages\n}>()\n\nconst emit = defineEmits<{\n  /** `leaving` when focus left the box for something else. */\n  save: [note: string, leaving: boolean]\n  cancel: [leaving: boolean]\n  /** The pointer came onto the note, or left it. */\n  hover: [inside: boolean]\n}>()\n\nconst box = useTemplateRef<HTMLElement>('box')\nconst input = useTemplateRef<HTMLTextAreaElement>('input')\nconst draft = ref(props.note)\n\nconst { style, placement, update } = useFloating(() => props.anchor, box, {\n  open: true,\n  placement: 'right-start',\n  offset: 6,\n})\nconst zIndex = useZIndex().next()\n\n/** Grows the box with the text, up to the height the styles allow. */\nfunction fit() {\n  const el = input.value\n  if (!el) return\n  el.style.height = 'auto'\n  el.style.height = `${el.scrollHeight}px`\n  void nextTick(update)\n}\n\nwatch(\n  () => props.editing,\n  async (editing) => {\n    draft.value = props.note\n    if (!editing) return\n    await nextTick()\n    fit()\n    const el = input.value\n    el?.focus({ preventScroll: true })\n    el?.setSelectionRange(el.value.length, el.value.length)\n  },\n  { immediate: true, flush: 'post' },\n)\n\nconst changed = computed(() => draft.value !== props.note)\nlet done = false\n\nfunction save(leaving = false) {\n  if (done) return\n  done = true\n  emit('save', draft.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' && (event.ctrlKey || event.metaKey)) {\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\ndefineExpose({ focus: () => input.value?.focus({ preventScroll: true }) })\n</script>\n\n<template>\n  <Transition name=\"dou-floating\" appear>\n    <div\n      ref=\"box\"\n      class=\"dou-dropdown dou-floating dou-sheet__note\"\n      :class=\"{ 'is-editing': editing }\"\n      :style=\"[style, { zIndex }]\"\n      :data-placement=\"placement\"\n      :role=\"editing ? 'dialog' : undefined\"\n      :aria-label=\"editing ? messages.label : undefined\"\n      @pointerenter=\"emit('hover', true)\"\n      @pointerleave=\"emit('hover', false)\"\n      @pointerdown.stop\n      @focusout=\"editing && onFocusout($event)\"\n      @contextmenu.stop\n      @wheel.stop\n    >\n      <template v-if=\"editing\">\n        <textarea\n          ref=\"input\"\n          v-model=\"draft\"\n          class=\"dou-sheet__note-input\"\n          :aria-label=\"messages.label\"\n          :placeholder=\"messages.placeholder\"\n          rows=\"3\"\n          @input=\"fit\"\n          @keydown=\"onKeydown\"\n        />\n        <!-- pressing a button leaves focus in the box, so it isn't taken as leaving -->\n        <div class=\"dou-sheet__note-actions\" @mousedown.prevent>\n          <DouButton size=\"sm\" variant=\"ghost\" @keydown=\"onKeydown\" @click=\"cancel()\">\n            {{ messages.cancel }}\n          </DouButton>\n          <DouButton size=\"sm\" variant=\"solid\" @keydown=\"onKeydown\" @click=\"save()\">\n            {{ messages.save }}\n          </DouButton>\n        </div>\n      </template>\n      <p v-else class=\"dou-sheet__note-text\">{{ note }}</p>\n    </div>\n  </Transition>\n</template>\n"],"mappings":"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"}

package/dist/components/sheet-outline.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-outline.js","names":["_sfc_main"],"sources":["../../src/components/sheet-outline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MinusIcon, PlusIcon } from '@dou-ui/icons'\nimport { computed } from 'vue'\nimport type { SheetAxis } from '../core/axis'\nimport {\n  OUTLINE_LANE as LANE,\n  type SheetGroupAxis,\n  type SheetGroupLines,\n  type SheetGroupSummary,\n} from '../core/group'\n\n/*\n * The outline beside the row (or column) headers: a lane per depth, a line\n * along each group with a button on its summary line, and the level\n * buttons by the headers. It follows the grid's scroll from outside it.\n */\n\nconst props = defineProps<{\n  axis: 'row' | 'col'\n  groups: SheetGroupAxis\n  /** Which side of a group its button is on. */\n  summary: SheetGroupSummary\n  lines: SheetAxis\n  /** Frozen lines, which don't scroll. */\n  frozen: number\n  /** The header before the first line: the column letters for rows. */\n  head: number\n  scroll: number\n  /** The grid's size along the axis. */\n  view: number\n  /** Whether to show the level buttons by the headers. */\n  levels: boolean\n  /** The room before the outline along the axis, the other outline's corner, which a finger may reach into. */\n  before: number\n  /** Labels of the buttons. */\n  label: (group: SheetGroupLines) => string\n  levelLabel: (level: number) => string\n}>()\n\nconst emit = defineEmits<{\n  toggle: [group: SheetGroupLines]\n  level: [level: number]\n  wheel: [event: WheelEvent]\n}>()\n\n/** How big the buttons in the lanes are. */\nconst BUTTON = 14\n\nconst frozenSize = computed(() => props.lines.offset(props.frozen))\n\ninterface Mark {\n  key: string\n  group: SheetGroupLines\n  /** Across the lanes: the lane's middle. */\n  lane: number\n  /** The line along the group, from `from` to `to`, with its end tick at `tick`. */\n  from: number\n  to: number\n  tick: 'start' | 'end' | null\n  /** The middle of the button's line; `null` without a button. */\n  button: number | null\n  /** Whether the button's line is frozen: its button is drawn with the frozen lines alone. */\n  frozenButton: boolean\n}\n\nconst marks = computed(() => {\n  const { lines, groups } = props\n  const out: Mark[] = []\n  for (const g of groups.list) {\n    const at = groups.buttonLine(g, lines.count, props.summary)\n    // inside a folded group, or on a hidden line: nothing to show\n    if (at >= 0 && lines.hidden(at)) continue\n    const lane = (g.depth - 1) * LANE + LANE / 2\n    const button = at >= 0 ? lines.offset(at) + lines.size(at) / 2 : null\n    const start = lines.offset(g.start)\n    const end = lines.offset(g.end + 1)\n    // without a line along it, a mark is just its button\n    const alone = button ?? start\n    const mark: Mark = {\n      key: `${g.start}:${g.end}`,\n      group: g,\n      lane,\n      from: alone,\n      to: alone,\n      tick: null,\n      button,\n      frozenButton: at >= 0 && at < props.frozen,\n    }\n    if (!g.collapsed && end > start) {\n      if (button == null) Object.assign(mark, { from: start + 2, to: end - 2 })\n      else if (at < g.start)\n        Object.assign(mark, { from: button + BUTTON / 2, to: end - 2, tick: 'end' })\n      else Object.assign(mark, { from: start + 2, to: button - BUTTON / 2, tick: 'start' })\n    }\n    out.push(mark)\n  }\n  return out\n})\n\n/** The marks within `from`–`to` along the axis. */\nfunction within(from: number, to: number) {\n  return marks.value.filter((m) => {\n    const lo = Math.min(m.from, m.button ?? m.from) - BUTTON\n    const hi = Math.max(m.to, m.button ?? m.to) + BUTTON\n    return hi >= from && lo <= to\n  })\n}\n\nconst frozenMarks = computed(() => (frozenSize.value ? within(0, frozenSize.value) : []))\n/** How far past the edges marks are still drawn, so a quick scroll doesn't show gaps. */\nconst OVERSCAN = 64\n\nconst bodyMarks = computed(() => {\n  // before the grid has a size, all of them\n  if (props.view <= 0) return marks.value\n  const from = frozenSize.value + props.scroll\n  return within(from - OVERSCAN, from + props.view + OVERSCAN)\n})\n\nconst width = computed(() => (props.groups.depth + (props.levels ? 1 : 0)) * LANE)\n\n/** A box placed along the axis at `pos` and across it at `lane`. */\nfunction place(pos: number, lane: number, along: number, across: number) {\n  return props.axis === 'row'\n    ? `top:${pos}px;left:${lane}px;height:${along}px;width:${across}px`\n    : `left:${pos}px;top:${lane}px;width:${along}px;height:${across}px`\n}\n\nfunction lineStyle(m: Mark) {\n  return place(m.from, m.lane, Math.max(0, m.to - m.from), 6)\n}\n\n/** How far a finger's touch reaches from a button's middle, at most: 40px across. */\nconst REACH = 20\n\n/**\n * The touch target around a button, as an inset: as far as `REACH` each\n * way, and only halfway to a button nearby, so neighbours don't overlap.\n */\nfunction reach(before: number, after: number, start: number, end: number) {\n  const half = BUTTON / 2\n  // the inset counts from inside the button's 1px border\n  const [a1, a2, c1, c2] = [before, after, start, end].map((n) => -(Math.max(half, n) - half + 1))\n  return props.axis === 'row'\n    ? `--dou-sheet-hit:${a1}px ${c2}px ${a2}px ${c1}px`\n    : `--dou-sheet-hit:${c1}px ${a2}px ${c2}px ${a1}px`\n}\n\nconst hits = computed(() => {\n  const out = new Map<string, string>()\n  const buttons = marks.value.filter((m) => m.button != null)\n  for (const m of buttons) {\n    let before = REACH\n    let after = REACH\n    let start = REACH\n    let end = REACH\n    for (const o of buttons) {\n      if (o === m) continue\n      const along = o.button! - m.button!\n      const across = o.lane - m.lane\n      if (across === 0) {\n        if (along > 0) after = Math.min(after, along / 2)\n        else before = Math.min(before, -along / 2)\n      } else if (Math.abs(along) < REACH * 2) {\n        if (across > 0) end = Math.min(end, across / 2)\n        else start = Math.min(start, -across / 2)\n      }\n    }\n    out.set(m.key, reach(before, after, start, end))\n  }\n  return out\n})\n\nfunction buttonStyle(m: Mark) {\n  return `${place(m.button! - BUTTON / 2, m.lane - BUTTON / 2, BUTTON, BUTTON)};${hits.value.get(m.key)}`\n}\n\n/** Where a mark's button shows along the outline, or `null` when it is scrolled away. */\nfunction shownAt(m: Mark) {\n  if (m.button == null) return null\n  if (m.frozenButton) return props.head + m.button\n  const at = props.head + m.button - props.scroll\n  return at >= props.head + frozenSize.value ? at : null\n}\n\n/**\n * A level button: side by side with the others across the lanes. Along the\n * axis it reaches into the corner before it and, for what it can't get\n * there, further toward the lines, short of the group buttons in its lane.\n * The outline doesn't clip, so the reach can leave the levels' band.\n */\nfunction levelStyle(level: number) {\n  const middle = props.head / 2\n  const box = place(middle - BUTTON / 2, (level - 1) * LANE + (LANE - BUTTON) / 2, BUTTON, BUTTON)\n  const lane = (level - 1) * LANE + LANE / 2\n  let room = Infinity\n  for (const m of marks.value) {\n    const at = m.lane === lane ? shownAt(m) : null\n    if (at != null) room = Math.min(room, (at - middle) / 2)\n  }\n  const before = Math.min(REACH, middle + props.before)\n  const after = Math.min(REACH * 2 - before, room)\n  // across, the lane alone: past it are the sheet's edge, the other levels and the headers\n  return `${box};${reach(before, after, LANE / 2, LANE / 2)}`\n}\n\nconst levelList = computed(() =>\n  props.levels ? Array.from({ length: props.groups.depth + 1 }, (_, i) => i + 1) : [],\n)\n\nconst layerStyle = (from: number, size?: number) =>\n  props.axis === 'row'\n    ? `top:${from}px;${size == null ? 'bottom:0' : `height:${size}px`};width:${width.value}px`\n    : `left:${from}px;${size == null ? 'right:0' : `width:${size}px`};height:${width.value}px`\n\nconst shift = computed(() => {\n  const by = -(frozenSize.value + props.scroll)\n  return props.axis === 'row' ? `transform:translateY(${by}px)` : `transform:translateX(${by}px)`\n})\n\ndefineExpose({ size: width })\n</script>\n\n<template>\n  <div\n    class=\"dou-sheet__outline\"\n    :class=\"`is-${axis}`\"\n    :style=\"axis === 'row' ? `width:${width}px` : `height:${width}px`\"\n    @wheel=\"emit('wheel', $event)\"\n  >\n    <div\n      v-if=\"levelList.length && head\"\n      class=\"dou-sheet__outline-levels\"\n      :style=\"layerStyle(0, head)\"\n    >\n      <button\n        v-for=\"level in levelList\"\n        :key=\"level\"\n        type=\"button\"\n        class=\"dou-sheet__outline-button is-level\"\n        :style=\"levelStyle(level)\"\n        :aria-label=\"levelLabel(level)\"\n        tabindex=\"-1\"\n        @click=\"emit('level', level)\"\n      >\n        {{ level }}\n      </button>\n    </div>\n    <div\n      v-for=\"layer in [\n        { key: 'frozen', list: frozenMarks, style: layerStyle(head, frozenSize), inner: '' },\n        { key: 'body', list: bodyMarks, style: layerStyle(head + frozenSize), inner: shift },\n      ]\"\n      :key=\"layer.key\"\n      class=\"dou-sheet__outline-layer\"\n      :style=\"layer.style\"\n    >\n      <div v-if=\"layer.list.length\" class=\"dou-sheet__outline-inner\" :style=\"layer.inner\">\n        <template v-for=\"m in layer.list\" :key=\"m.key\">\n          <span\n            v-if=\"m.to > m.from\"\n            class=\"dou-sheet__outline-line\"\n            :class=\"m.tick && `is-tick-${m.tick}`\"\n            :style=\"lineStyle(m)\"\n            aria-hidden=\"true\"\n          />\n          <button\n            v-if=\"m.button != null && m.frozenButton === (layer.key === 'frozen')\"\n            type=\"button\"\n            class=\"dou-sheet__outline-button\"\n            :style=\"buttonStyle(m)\"\n            :aria-label=\"label(m.group)\"\n            :aria-expanded=\"!m.group.collapsed\"\n            tabindex=\"-1\"\n            @click=\"emit('toggle', m.group)\"\n          >\n            <PlusIcon v-if=\"m.group.collapsed\" />\n            <MinusIcon v-else />\n          </button>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,237 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref } from "vue";
+import { MinusIcon, PlusIcon } from "@dou-ui/icons";
+// src/components/sheet-outline.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "onClick"];
+var _hoisted_2 = [
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+];
+var BUTTON = 14;
+var OVERSCAN = 64;
+var REACH = 20;
+/**
+* The touch target around a button, as an inset: as far as `REACH` each
+* way, and only halfway to a button nearby, so neighbours don't overlap.
+*/
+var sheet_outline_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sheet-outline",
+	props: {
+		axis: {},
+		groups: {},
+		summary: {},
+		lines: {},
+		frozen: {},
+		head: {},
+		scroll: {},
+		view: {},
+		levels: { type: Boolean },
+		before: {},
+		label: { type: Function },
+		levelLabel: { type: Function }
+	},
+	emits: [
+		"toggle",
+		"level",
+		"wheel"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/** How big the buttons in the lanes are. */
+		const frozenSize = computed(() => props.lines.offset(props.frozen));
+		const marks = computed(() => {
+			const { lines, groups } = props;
+			const out = [];
+			for (const g of groups.list) {
+				const at = groups.buttonLine(g, lines.count, props.summary);
+				if (at >= 0 && lines.hidden(at)) continue;
+				const lane = (g.depth - 1) * 16 + 8;
+				const button = at >= 0 ? lines.offset(at) + lines.size(at) / 2 : null;
+				const start = lines.offset(g.start);
+				const end = lines.offset(g.end + 1);
+				const alone = button ?? start;
+				const mark = {
+					key: `${g.start}:${g.end}`,
+					group: g,
+					lane,
+					from: alone,
+					to: alone,
+					tick: null,
+					button,
+					frozenButton: at >= 0 && at < props.frozen
+				};
+				if (!g.collapsed && end > start) {
+					if (button == null) Object.assign(mark, {
+						from: start + 2,
+						to: end - 2
+					});
+					else if (at < g.start) Object.assign(mark, {
+						from: button + BUTTON / 2,
+						to: end - 2,
+						tick: "end"
+					});
+					else Object.assign(mark, {
+						from: start + 2,
+						to: button - BUTTON / 2,
+						tick: "start"
+					});
+				}
+				out.push(mark);
+			}
+			return out;
+		});
+		/** The marks within `from`–`to` along the axis. */
+		function within(from, to) {
+			return marks.value.filter((m) => {
+				const lo = Math.min(m.from, m.button ?? m.from) - BUTTON;
+				return Math.max(m.to, m.button ?? m.to) + BUTTON >= from && lo <= to;
+			});
+		}
+		const frozenMarks = computed(() => frozenSize.value ? within(0, frozenSize.value) : []);
+		/** How far past the edges marks are still drawn, so a quick scroll doesn't show gaps. */
+		const bodyMarks = computed(() => {
+			if (props.view <= 0) return marks.value;
+			const from = frozenSize.value + props.scroll;
+			return within(from - OVERSCAN, from + props.view + OVERSCAN);
+		});
+		const width = computed(() => (props.groups.depth + (props.levels ? 1 : 0)) * 16);
+		/** A box placed along the axis at `pos` and across it at `lane`. */
+		function place(pos, lane, along, across) {
+			return props.axis === "row" ? `top:${pos}px;left:${lane}px;height:${along}px;width:${across}px` : `left:${pos}px;top:${lane}px;width:${along}px;height:${across}px`;
+		}
+		function lineStyle(m) {
+			return place(m.from, m.lane, Math.max(0, m.to - m.from), 6);
+		}
+		/** How far a finger's touch reaches from a button's middle, at most: 40px across. */
+		function reach(before, after, start, end) {
+			const half = BUTTON / 2;
+			const [a1, a2, c1, c2] = [
+				before,
+				after,
+				start,
+				end
+			].map((n) => -(Math.max(half, n) - half + 1));
+			return props.axis === "row" ? `--dou-sheet-hit:${a1}px ${c2}px ${a2}px ${c1}px` : `--dou-sheet-hit:${c1}px ${a2}px ${c2}px ${a1}px`;
+		}
+		const hits = computed(() => {
+			const out = /* @__PURE__ */ new Map();
+			const buttons = marks.value.filter((m) => m.button != null);
+			for (const m of buttons) {
+				let before = REACH;
+				let after = REACH;
+				let start = REACH;
+				let end = REACH;
+				for (const o of buttons) {
+					if (o === m) continue;
+					const along = o.button - m.button;
+					const across = o.lane - m.lane;
+					if (across === 0) {
+						if (along > 0) after = Math.min(after, along / 2);
+						else before = Math.min(before, -along / 2);
+					} else if (Math.abs(along) < 40) {
+						if (across > 0) end = Math.min(end, across / 2);
+						else start = Math.min(start, -across / 2);
+					}
+				}
+				out.set(m.key, reach(before, after, start, end));
+			}
+			return out;
+		});
+		function buttonStyle(m) {
+			return `${place(m.button - BUTTON / 2, m.lane - BUTTON / 2, BUTTON, BUTTON)};${hits.value.get(m.key)}`;
+		}
+		/** Where a mark's button shows along the outline, or `null` when it is scrolled away. */
+		function shownAt(m) {
+			if (m.button == null) return null;
+			if (m.frozenButton) return props.head + m.button;
+			const at = props.head + m.button - props.scroll;
+			return at >= props.head + frozenSize.value ? at : null;
+		}
+		/**
+		* A level button: side by side with the others across the lanes. Along the
+		* axis it reaches into the corner before it and, for what it can't get
+		* there, further toward the lines, short of the group buttons in its lane.
+		* The outline doesn't clip, so the reach can leave the levels' band.
+		*/
+		function levelStyle(level) {
+			const middle = props.head / 2;
+			const box = place(middle - BUTTON / 2, (level - 1) * 16 + (16 - BUTTON) / 2, BUTTON, BUTTON);
+			const lane = (level - 1) * 16 + 8;
+			let room = Infinity;
+			for (const m of marks.value) {
+				const at = m.lane === lane ? shownAt(m) : null;
+				if (at != null) room = Math.min(room, (at - middle) / 2);
+			}
+			const before = Math.min(REACH, middle + props.before);
+			return `${box};${reach(before, Math.min(40 - before, room), 8, 8)}`;
+		}
+		const levelList = computed(() => props.levels ? Array.from({ length: props.groups.depth + 1 }, (_, i) => i + 1) : []);
+		const layerStyle = (from, size) => props.axis === "row" ? `top:${from}px;${size == null ? "bottom:0" : `height:${size}px`};width:${width.value}px` : `left:${from}px;${size == null ? "right:0" : `width:${size}px`};height:${width.value}px`;
+		const shift = computed(() => {
+			const by = -(frozenSize.value + props.scroll);
+			return props.axis === "row" ? `transform:translateY(${by}px)` : `transform:translateX(${by}px)`;
+		});
+		__expose({ size: width });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["dou-sheet__outline", `is-${__props.axis}`]),
+				style: normalizeStyle(__props.axis === "row" ? `width:${width.value}px` : `height:${width.value}px`),
+				onWheel: _cache[0] || (_cache[0] = ($event) => emit("wheel", $event))
+			}, [levelList.value.length && __props.head ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "dou-sheet__outline-levels",
+				style: normalizeStyle(layerStyle(0, __props.head))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(levelList.value, (level) => {
+				return openBlock(), createElementBlock("button", {
+					key: level,
+					type: "button",
+					class: "dou-sheet__outline-button is-level",
+					style: normalizeStyle(levelStyle(level)),
+					"aria-label": __props.levelLabel(level),
+					tabindex: "-1",
+					onClick: ($event) => emit("level", level)
+				}, toDisplayString(level), 13, _hoisted_1);
+			}), 128))], 4)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList([{
+				key: "frozen",
+				list: frozenMarks.value,
+				style: layerStyle(__props.head, frozenSize.value),
+				inner: ""
+			}, {
+				key: "body",
+				list: bodyMarks.value,
+				style: layerStyle(__props.head + frozenSize.value),
+				inner: shift.value
+			}], (layer) => {
+				return openBlock(), createElementBlock("div", {
+					key: layer.key,
+					class: "dou-sheet__outline-layer",
+					style: normalizeStyle(layer.style)
+				}, [layer.list.length ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "dou-sheet__outline-inner",
+					style: normalizeStyle(layer.inner)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(layer.list, (m) => {
+					return openBlock(), createElementBlock(Fragment, { key: m.key }, [m.to > m.from ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["dou-sheet__outline-line", m.tick && `is-tick-${m.tick}`]),
+						style: normalizeStyle(lineStyle(m)),
+						"aria-hidden": "true"
+					}, null, 6)) : createCommentVNode("", true), m.button != null && m.frozenButton === (layer.key === "frozen") ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "dou-sheet__outline-button",
+						style: normalizeStyle(buttonStyle(m)),
+						"aria-label": __props.label(m.group),
+						"aria-expanded": !m.group.collapsed,
+						tabindex: "-1",
+						onClick: ($event) => emit("toggle", m.group)
+					}, [m.group.collapsed ? (openBlock(), createBlock(unref(PlusIcon), { key: 0 })) : (openBlock(), createBlock(unref(MinusIcon), { key: 1 }))], 12, _hoisted_2)) : createCommentVNode("", true)], 64);
+				}), 128))], 4)) : createCommentVNode("", true)], 4);
+			}), 128))], 38);
+		};
+	}
+});
+export { sheet_outline_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=sheet-outline.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-outline.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createBlock","_unref"],"sources":["../../src/components/sheet-outline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MinusIcon, PlusIcon } from '@dou-ui/icons'\nimport { computed } from 'vue'\nimport type { SheetAxis } from '../core/axis'\nimport {\n  OUTLINE_LANE as LANE,\n  type SheetGroupAxis,\n  type SheetGroupLines,\n  type SheetGroupSummary,\n} from '../core/group'\n\n/*\n * The outline beside the row (or column) headers: a lane per depth, a line\n * along each group with a button on its summary line, and the level\n * buttons by the headers. It follows the grid's scroll from outside it.\n */\n\nconst props = defineProps<{\n  axis: 'row' | 'col'\n  groups: SheetGroupAxis\n  /** Which side of a group its button is on. */\n  summary: SheetGroupSummary\n  lines: SheetAxis\n  /** Frozen lines, which don't scroll. */\n  frozen: number\n  /** The header before the first line: the column letters for rows. */\n  head: number\n  scroll: number\n  /** The grid's size along the axis. */\n  view: number\n  /** Whether to show the level buttons by the headers. */\n  levels: boolean\n  /** The room before the outline along the axis, the other outline's corner, which a finger may reach into. */\n  before: number\n  /** Labels of the buttons. */\n  label: (group: SheetGroupLines) => string\n  levelLabel: (level: number) => string\n}>()\n\nconst emit = defineEmits<{\n  toggle: [group: SheetGroupLines]\n  level: [level: number]\n  wheel: [event: WheelEvent]\n}>()\n\n/** How big the buttons in the lanes are. */\nconst BUTTON = 14\n\nconst frozenSize = computed(() => props.lines.offset(props.frozen))\n\ninterface Mark {\n  key: string\n  group: SheetGroupLines\n  /** Across the lanes: the lane's middle. */\n  lane: number\n  /** The line along the group, from `from` to `to`, with its end tick at `tick`. */\n  from: number\n  to: number\n  tick: 'start' | 'end' | null\n  /** The middle of the button's line; `null` without a button. */\n  button: number | null\n  /** Whether the button's line is frozen: its button is drawn with the frozen lines alone. */\n  frozenButton: boolean\n}\n\nconst marks = computed(() => {\n  const { lines, groups } = props\n  const out: Mark[] = []\n  for (const g of groups.list) {\n    const at = groups.buttonLine(g, lines.count, props.summary)\n    // inside a folded group, or on a hidden line: nothing to show\n    if (at >= 0 && lines.hidden(at)) continue\n    const lane = (g.depth - 1) * LANE + LANE / 2\n    const button = at >= 0 ? lines.offset(at) + lines.size(at) / 2 : null\n    const start = lines.offset(g.start)\n    const end = lines.offset(g.end + 1)\n    // without a line along it, a mark is just its button\n    const alone = button ?? start\n    const mark: Mark = {\n      key: `${g.start}:${g.end}`,\n      group: g,\n      lane,\n      from: alone,\n      to: alone,\n      tick: null,\n      button,\n      frozenButton: at >= 0 && at < props.frozen,\n    }\n    if (!g.collapsed && end > start) {\n      if (button == null) Object.assign(mark, { from: start + 2, to: end - 2 })\n      else if (at < g.start)\n        Object.assign(mark, { from: button + BUTTON / 2, to: end - 2, tick: 'end' })\n      else Object.assign(mark, { from: start + 2, to: button - BUTTON / 2, tick: 'start' })\n    }\n    out.push(mark)\n  }\n  return out\n})\n\n/** The marks within `from`–`to` along the axis. */\nfunction within(from: number, to: number) {\n  return marks.value.filter((m) => {\n    const lo = Math.min(m.from, m.button ?? m.from) - BUTTON\n    const hi = Math.max(m.to, m.button ?? m.to) + BUTTON\n    return hi >= from && lo <= to\n  })\n}\n\nconst frozenMarks = computed(() => (frozenSize.value ? within(0, frozenSize.value) : []))\n/** How far past the edges marks are still drawn, so a quick scroll doesn't show gaps. */\nconst OVERSCAN = 64\n\nconst bodyMarks = computed(() => {\n  // before the grid has a size, all of them\n  if (props.view <= 0) return marks.value\n  const from = frozenSize.value + props.scroll\n  return within(from - OVERSCAN, from + props.view + OVERSCAN)\n})\n\nconst width = computed(() => (props.groups.depth + (props.levels ? 1 : 0)) * LANE)\n\n/** A box placed along the axis at `pos` and across it at `lane`. */\nfunction place(pos: number, lane: number, along: number, across: number) {\n  return props.axis === 'row'\n    ? `top:${pos}px;left:${lane}px;height:${along}px;width:${across}px`\n    : `left:${pos}px;top:${lane}px;width:${along}px;height:${across}px`\n}\n\nfunction lineStyle(m: Mark) {\n  return place(m.from, m.lane, Math.max(0, m.to - m.from), 6)\n}\n\n/** How far a finger's touch reaches from a button's middle, at most: 40px across. */\nconst REACH = 20\n\n/**\n * The touch target around a button, as an inset: as far as `REACH` each\n * way, and only halfway to a button nearby, so neighbours don't overlap.\n */\nfunction reach(before: number, after: number, start: number, end: number) {\n  const half = BUTTON / 2\n  // the inset counts from inside the button's 1px border\n  const [a1, a2, c1, c2] = [before, after, start, end].map((n) => -(Math.max(half, n) - half + 1))\n  return props.axis === 'row'\n    ? `--dou-sheet-hit:${a1}px ${c2}px ${a2}px ${c1}px`\n    : `--dou-sheet-hit:${c1}px ${a2}px ${c2}px ${a1}px`\n}\n\nconst hits = computed(() => {\n  const out = new Map<string, string>()\n  const buttons = marks.value.filter((m) => m.button != null)\n  for (const m of buttons) {\n    let before = REACH\n    let after = REACH\n    let start = REACH\n    let end = REACH\n    for (const o of buttons) {\n      if (o === m) continue\n      const along = o.button! - m.button!\n      const across = o.lane - m.lane\n      if (across === 0) {\n        if (along > 0) after = Math.min(after, along / 2)\n        else before = Math.min(before, -along / 2)\n      } else if (Math.abs(along) < REACH * 2) {\n        if (across > 0) end = Math.min(end, across / 2)\n        else start = Math.min(start, -across / 2)\n      }\n    }\n    out.set(m.key, reach(before, after, start, end))\n  }\n  return out\n})\n\nfunction buttonStyle(m: Mark) {\n  return `${place(m.button! - BUTTON / 2, m.lane - BUTTON / 2, BUTTON, BUTTON)};${hits.value.get(m.key)}`\n}\n\n/** Where a mark's button shows along the outline, or `null` when it is scrolled away. */\nfunction shownAt(m: Mark) {\n  if (m.button == null) return null\n  if (m.frozenButton) return props.head + m.button\n  const at = props.head + m.button - props.scroll\n  return at >= props.head + frozenSize.value ? at : null\n}\n\n/**\n * A level button: side by side with the others across the lanes. Along the\n * axis it reaches into the corner before it and, for what it can't get\n * there, further toward the lines, short of the group buttons in its lane.\n * The outline doesn't clip, so the reach can leave the levels' band.\n */\nfunction levelStyle(level: number) {\n  const middle = props.head / 2\n  const box = place(middle - BUTTON / 2, (level - 1) * LANE + (LANE - BUTTON) / 2, BUTTON, BUTTON)\n  const lane = (level - 1) * LANE + LANE / 2\n  let room = Infinity\n  for (const m of marks.value) {\n    const at = m.lane === lane ? shownAt(m) : null\n    if (at != null) room = Math.min(room, (at - middle) / 2)\n  }\n  const before = Math.min(REACH, middle + props.before)\n  const after = Math.min(REACH * 2 - before, room)\n  // across, the lane alone: past it are the sheet's edge, the other levels and the headers\n  return `${box};${reach(before, after, LANE / 2, LANE / 2)}`\n}\n\nconst levelList = computed(() =>\n  props.levels ? Array.from({ length: props.groups.depth + 1 }, (_, i) => i + 1) : [],\n)\n\nconst layerStyle = (from: number, size?: number) =>\n  props.axis === 'row'\n    ? `top:${from}px;${size == null ? 'bottom:0' : `height:${size}px`};width:${width.value}px`\n    : `left:${from}px;${size == null ? 'right:0' : `width:${size}px`};height:${width.value}px`\n\nconst shift = computed(() => {\n  const by = -(frozenSize.value + props.scroll)\n  return props.axis === 'row' ? `transform:translateY(${by}px)` : `transform:translateX(${by}px)`\n})\n\ndefineExpose({ size: width })\n</script>\n\n<template>\n  <div\n    class=\"dou-sheet__outline\"\n    :class=\"`is-${axis}`\"\n    :style=\"axis === 'row' ? `width:${width}px` : `height:${width}px`\"\n    @wheel=\"emit('wheel', $event)\"\n  >\n    <div\n      v-if=\"levelList.length && head\"\n      class=\"dou-sheet__outline-levels\"\n      :style=\"layerStyle(0, head)\"\n    >\n      <button\n        v-for=\"level in levelList\"\n        :key=\"level\"\n        type=\"button\"\n        class=\"dou-sheet__outline-button is-level\"\n        :style=\"levelStyle(level)\"\n        :aria-label=\"levelLabel(level)\"\n        tabindex=\"-1\"\n        @click=\"emit('level', level)\"\n      >\n        {{ level }}\n      </button>\n    </div>\n    <div\n      v-for=\"layer in [\n        { key: 'frozen', list: frozenMarks, style: layerStyle(head, frozenSize), inner: '' },\n        { key: 'body', list: bodyMarks, style: layerStyle(head + frozenSize), inner: shift },\n      ]\"\n      :key=\"layer.key\"\n      class=\"dou-sheet__outline-layer\"\n      :style=\"layer.style\"\n    >\n      <div v-if=\"layer.list.length\" class=\"dou-sheet__outline-inner\" :style=\"layer.inner\">\n        <template v-for=\"m in layer.list\" :key=\"m.key\">\n          <span\n            v-if=\"m.to > m.from\"\n            class=\"dou-sheet__outline-line\"\n            :class=\"m.tick && `is-tick-${m.tick}`\"\n            :style=\"lineStyle(m)\"\n            aria-hidden=\"true\"\n          />\n          <button\n            v-if=\"m.button != null && m.frozenButton === (layer.key === 'frozen')\"\n            type=\"button\"\n            class=\"dou-sheet__outline-button\"\n            :style=\"buttonStyle(m)\"\n            :aria-label=\"label(m.group)\"\n            :aria-expanded=\"!m.group.collapsed\"\n            tabindex=\"-1\"\n            @click=\"emit('toggle', m.group)\"\n          >\n            <PlusIcon v-if=\"m.group.collapsed\" />\n            <MinusIcon v-else />\n          </button>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/sheet-tabs.js

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