@svgrid/enterprise 3.0.2 → 3.0.3

package/dist/wc/row-resize-limG_N1z.js

@@ -0,0 +1,111 @@
+//#region ../grid/dist/row-resize.js
+var e = "sv-grid-row-resize-handle";
+function t(t, n) {
+	let r = n, i = null, a = null;
+	function o(e, t) {
+		let n = r.min ?? 20, i = r.max ?? 320;
+		e.setAttribute("aria-valuemin", String(n)), e.setAttribute("aria-valuemax", String(i)), e.setAttribute("aria-valuenow", String(Math.round(Math.max(n, Math.min(i, t || n)))));
+	}
+	function s(e) {
+		let t = e.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		return t == null ? NaN : Number(t);
+	}
+	function c(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		i.trEl.style.height = `${Math.round(a)}px`, o(i.strip, a), r.onResizeMove?.(i.rowIndex, Math.round(a));
+	}
+	function l(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		r.onResize(i.rowIndex, Math.round(a)), i.strip.classList.remove("is-resizing");
+		try {
+			i.trEl.releasePointerCapture(e.pointerId);
+		} catch {}
+		i = null, window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), document.body.style.cursor = "";
+	}
+	function u(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let i = t.shiftKey ? 1 : 10, a = 0;
+		if (t.key === "ArrowUp") a = -i;
+		else if (t.key === "ArrowDown") a = i;
+		else return;
+		let c = n.closest("tr.sv-grid-row");
+		if (!c) return;
+		let l = s(c);
+		if (!Number.isFinite(l)) return;
+		t.preventDefault(), t.stopPropagation();
+		let u = r.min ?? 20, d = r.max ?? 320, f = Math.round(Math.max(u, Math.min(d, c.getBoundingClientRect().height + a)));
+		c.style.height = `${f}px`, o(n, f), r.onResizeMove?.(l, f), r.onResize(l, f);
+	}
+	function d(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let o = n.closest("tr.sv-grid-row");
+		if (!o) return;
+		let u = s(o);
+		if (!Number.isFinite(u)) return;
+		t.preventDefault(), t.stopPropagation();
+		let d = t.timeStamp, f = a !== null && a.rowIndex === u && d - a.at < 400;
+		if (a = {
+			rowIndex: u,
+			at: d
+		}, f && r.onAutosize) {
+			a = null, r.onAutosize(u);
+			return;
+		}
+		n.classList.add("is-resizing"), i = {
+			rowIndex: u,
+			startY: t.clientY,
+			startHeight: o.getBoundingClientRect().height,
+			trEl: o,
+			strip: n
+		};
+		try {
+			o.setPointerCapture(t.pointerId);
+		} catch {}
+		document.body.style.cursor = "row-resize", window.addEventListener("pointermove", c), window.addEventListener("pointerup", l);
+	}
+	function f() {
+		if (r.disabled) {
+			p();
+			return;
+		}
+		let n = t.querySelectorAll("tr.sv-grid-row");
+		for (let t of n) {
+			if (t.classList.contains("sv-grid-header-row") || t.classList.contains("sv-grid-row-spacer")) continue;
+			let n = t.querySelector(".sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell") ?? (r.anchor === "row" ? t.querySelector(".sv-grid-cell") : null);
+			if (!n) continue;
+			let i = n.querySelector(`:scope > .${e}`);
+			if (i) {
+				o(i, t.getBoundingClientRect().height);
+				continue;
+			}
+			getComputedStyle(n).position === "static" && (n.style.position = "relative"), n.style.overflow = "visible";
+			let a = document.createElement("div");
+			a.className = e, a.setAttribute("role", "separator"), a.setAttribute("aria-orientation", "horizontal"), a.setAttribute("aria-label", "Resize row"), a.tabIndex = 0, o(a, t.getBoundingClientRect().height), a.style.cssText = "position:absolute;left:0;right:0;bottom:0;height:5px;cursor:row-resize;user-select:none;z-index:60;pointer-events:auto;", n.appendChild(a);
+		}
+	}
+	function p() {
+		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
+	}
+	t.addEventListener("pointerdown", d, { capture: !0 }), t.addEventListener("keydown", u, { capture: !0 });
+	let m = new MutationObserver(() => f());
+	return m.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), f(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && f();
+		},
+		destroy() {
+			t.removeEventListener("pointerdown", d, { capture: !0 }), t.removeEventListener("keydown", u, { capture: !0 }), window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), m.disconnect(), p();
+		}
+	};
+}
+//#endregion
+export { t as rowResize };

package/dist/wc/sv-sheet-element.d.ts

@@ -0,0 +1,97 @@
+/**
+ * AUTO-GENERATED by scripts/generate-sheet-surface.mjs - DO NOT EDIT.
+ * Regenerate: pnpm --filter @svgrid/enterprise generate:wc
+ *
+ * Type declarations for the <sv-sheet> custom element.
+ */
+
+/**
+ * The element's own surface. The document, the workbook and the formats
+ * are `unknown` here rather than wrong: import their types from
+ * `@svgrid/enterprise` when you want them checked.
+ */
+export interface SvSheetElement extends HTMLElement {
+  /** property only - an attribute cannot hold this */
+  document: unknown
+  /** property only - an attribute cannot hold this */
+  workbook: unknown
+  /** property only - an attribute cannot hold this */
+  data: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  gridSheets: unknown
+  /** attribute `rows` */
+  rows: number
+  /** attribute `columns` */
+  columns: number
+  /** attribute `height` */
+  height: number | "100%"
+  /** attribute `column-width` */
+  columnWidth: number
+  /** attribute `row-height` */
+  rowHeight: number
+  /** attribute `look` */
+  look: "excel" | "theme"
+  /** property only - an attribute cannot hold this */
+  columnWidths: unknown
+  /** property only - an attribute cannot hold this */
+  formats: unknown
+  /** property only - an attribute cannot hold this */
+  extras: readonly unknown[]
+  /** property only - an attribute cannot hold this */
+  localization: unknown
+  /** attribute `comment-author` */
+  commentAuthor: string
+  /** attribute `show-ribbon` */
+  showRibbon: boolean
+  /** attribute `show-formula-bar` */
+  showFormulaBar: boolean
+  /** attribute `show-tabs` */
+  showTabs: boolean
+  /** attribute `show-status-bar` */
+  showStatusBar: boolean
+  /** property only - an attribute cannot hold this */
+  presence: readonly unknown[]
+  /** The grid api, set before `ready` fires. */
+  api: unknown
+  /** The sheet document, set before `ready` fires. */
+  document: unknown
+  /** The document as plain JSON. */
+  getState(): SheetState
+  /** Put a saved document back. */
+  setState(state: SheetState): void
+  /** Repaint after a write the shell could not see. */
+  refresh(): void
+  /** Run a ribbon action as if its button had been clicked. */
+  act(action: RibbonActionId): void
+  /** Replace the document with an .xlsx, .ods or .csv file. */
+  open(file: Blob & { name?: string }): Promise<void>
+  /** The document as an .xlsx Blob. */
+  toXlsx(): Promise<Blob>
+  /** The document as an .ods Blob, which LibreOffice Calc opens. */
+  toOds(): Promise<Blob>
+  /** The document as an .xls Blob, which Excel 97-2003 opens. */
+  toXls(): Blob
+  /** The active sheet as CSV. */
+  toCsv(): string
+  /** Start over with one empty sheet. */
+  newWorkbook(): void
+  /** The active sheet in the print dialog. */
+  print(): void
+  /** The page File > Print would open. */
+  printHtml(): string
+}
+
+/** `detail` of each event. `action` is cancelable: `preventDefault()` takes the action over, as returning true from `onAction` does. */
+export interface SvSheetEventMap {
+  action: CustomEvent<{ action: unknown; cmd: unknown }>
+  cellaction: CustomEvent<unknown>
+  ready: CustomEvent<{ api: unknown; document: unknown }>
+  change: CustomEvent<unknown>
+  presence: CustomEvent<unknown>
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'sv-sheet': SvSheetElement
+  }
+}