@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.10

package/{cdn/assets/Bv_96nwOEMHN9Sa0.js → browser/esm/B0Wjc3lwtjKMwnvn.mjs}

@@ -1,47 +1,57 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
 var e = {
-	ACCRINTM: {
-		s: "Returns the accrued interest for a security that pays interest at maturity.",
+	DISC: {
+		s: "Returns the discount rate for a security.",
 		p: {
-			issue: { d: "is the security's issue date, expressed as a serial date number." },
-			settlement: { d: "is the security's maturity date, expressed as a serial date number." },
-			rate: { d: "is the security's annual coupon rate." },
-			par: { d: "is the security's par value." },
+			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
+			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
+			pr: { d: "is the security's price per $100 face value." },
+			redemption: { d: "is the security's redemption value per $100 face value." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	INTRATE: {
-		s: "Returns the interest rate for a fully invested security.",
+	PRICEDISC: {
+		s: "Returns the price per $100 face value of a discounted security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
-			investment: { d: "is the amount invested in the security." },
+			discount: { d: "is the security's discount rate." },
 			redemption: { d: "is the amount to be received at maturity." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	RECEIVED: {
-		s: "Returns the amount received at maturity for a fully invested security.",
+	YIELDDISC: {
+		s: "Returns the annual yield for a discounted security. For example, a treasury bill.",
+		p: {
+			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
+			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
+			pr: { d: "is the security's price per $100 face value." },
+			redemption: { d: "is the security's redemption value per $100 face value." },
+			basis: { d: "is the type of day count basis to use." }
+		}
+	},
+	INTRATE: {
+		s: "Returns the interest rate for a fully invested security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
 			investment: { d: "is the amount invested in the security." },
-			discount: { d: "is the security's discount rate." },
+			redemption: { d: "is the amount to be received at maturity." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	YIELDDISC: {
-		s: "Returns the annual yield for a discounted security. For example, a treasury bill.",
+	RECEIVED: {
+		s: "Returns the amount received at maturity for a fully invested security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
-			pr: { d: "is the security's price per $100 face value." },
-			redemption: { d: "is the security's redemption value per $100 face value." },
+			investment: { d: "is the amount invested in the security." },
+			discount: { d: "is the security's discount rate." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
@@ -66,18 +76,6 @@ var e = {
 			pr: { d: "is the security's price per $100 face value." },
 			basis: { d: "is the type of day count basis to use." }
 		}
-	},
-	AMORLINC: {
-		s: "Returns the prorated linear depreciation of an asset for each accounting period.",
-		p: {
-			cost: { d: "is the cost of the asset." },
-			datePurchased: { d: "is the date the asset is purchased." },
-			firstPeriod: { d: "is the date of the end of the first period." },
-			salvage: { d: "is the salvage value at the end of life of the asset." },
-			period: { d: "is the period." },
-			rate: { d: "is the rate of depreciation." },
-			basis: { d: "year basis : 0 for year of 360 days, 1 for actual, 3 for year of 365 days." }
-		}
 	}
 };
 export { e as default };

package/browser/esm/B3Ii8x6RquHW1jMc.mjs

@@ -0,0 +1,299 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { b as r } from "./CMxbiQ5J79M3n1tk.mjs";
+import { J as i, l as a, tt as o } from "./BThOwSja2ra4xejQ.mjs";
+import { n as s } from "./BCWTI3jdTPG37r8W.mjs";
+import { t as c } from "./DNCqTF9EbT-U1TdV.mjs";
+import { i as l, n as u, r as d } from "./BPrHgyAsm2Htx15h.mjs";
+var f = e(t(), 1), p = e(n(), 1), m = () => (0, p.jsxs)("svg", {
+	viewBox: "0 0 16 16",
+	width: 14,
+	height: 14,
+	"aria-hidden": !0,
+	children: [(0, p.jsx)("path", {
+		d: "M1.5 2.5h10l-4 5v5l-2 1v-6z",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.2,
+		strokeLinejoin: "round"
+	}), (0, p.jsx)("path", {
+		d: "M10.5 10l4 4M14.5 10l-4 4",
+		stroke: "currentColor",
+		strokeWidth: 1.2
+	})]
+}), h = () => (0, p.jsxs)("svg", {
+	viewBox: "0 0 16 16",
+	width: 14,
+	height: 14,
+	"aria-hidden": !0,
+	children: [(0, p.jsx)("path", {
+		d: "M1.5 3.5l1.5 1.5 2.5-3M1.5 10.5l1.5 1.5 2.5-3",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.2
+	}), (0, p.jsx)("path", {
+		d: "M8 4h7M8 11h7",
+		stroke: "currentColor",
+		strokeWidth: 1.2
+	})]
+}), g = (e) => {
+	let t = e?.getTheme().getFontScheme().getMinorFont();
+	return {
+		fontFamily: (t ? t.includes(" ") ? `"${t}", ` : `${t}, ` : "") + "sans-serif",
+		fontSize: "11pt"
+	};
+}, _ = (0, f.memo)((0, f.forwardRef)((e, t) => {
+	let { children: n, disabled: r, style: _, slicer: v, movable: y, zoom: b = 1, isDragging: x, onHide: S, onShow: C, onDragZone: w, adornmentHost: ee, flip: te, gesture: ne, ...T } = e, E = o(), D = i(), O = (c() ?? v.getTable()?.getSheet() ?? null)?.getStyles() ?? null, [k, A] = (0, f.useReducer)((e) => e + 1, 0);
+	s(v, {
+		onAnyChange: A,
+		onReferencesChange: A
+	}), (0, f.useEffect)(() => O?.addListeners({ onAnyChange: A }), [O]);
+	let [j, M] = (0, f.useState)([]);
+	(0, f.useEffect)(() => {
+		let e = !0;
+		if (!v.isDeleted()) return v.getItems().then((t) => {
+			e && M(t);
+		}).catch(() => {
+			e && M([]);
+		}), () => {
+			e = !1;
+		};
+	}, [v, k]);
+	let [N, P] = (0, f.useState)(!1), [F, I] = (0, f.useState)(null), L = (0, f.useRef)(null), R = (0, f.useRef)(null), z = (0, f.useRef)(null), [B, V] = (0, f.useState)(!1);
+	(0, f.useLayoutEffect)(() => {
+		let e = z.current;
+		if (!e) return;
+		let t = () => V(e.scrollHeight > e.clientHeight);
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [
+		j,
+		v.getRowHeight(),
+		v.getColumnCount(),
+		v.isShowCaption()
+	]), (0, f.useLayoutEffect)(() => {
+		w?.((e) => {
+			let t = e.target;
+			return !t || !z.current?.contains(t) && !t.closest?.("button");
+		});
+	}, [w]);
+	let H = (0, f.useRef)(!1), U = v.getColumnCount(), W = v.getRowHeight();
+	(0, f.useLayoutEffect)(() => {
+		if (H.current || j.length === 0 || !z.current) return;
+		H.current = !0;
+		let e = v.toJSON()?.startItem ?? 0;
+		e > 0 && (z.current.scrollTop = Math.floor(e / U) * (W + 4));
+	}, [
+		j,
+		U,
+		W
+	]);
+	let G = (0, f.useCallback)((e) => {
+		v.selectItems(e).catch((e) => D.showError(e));
+	}, [v, D]), K = (0, f.useCallback)((e, t) => {
+		if (r) return;
+		let n = j.map((e) => e.key), i = v.isFilterCleared() ? [] : j.filter((e) => e.isSelected).map((e) => e.key), a = L.current;
+		if (t.shiftKey && a !== null && n.includes(a)) {
+			let r = n.indexOf(a), o = n.indexOf(e.key), s = n.slice(Math.min(r, o), Math.max(r, o) + 1);
+			G(t.ctrlKey || t.metaKey ? [.../* @__PURE__ */ new Set([...i, ...s])] : s);
+		} else L.current = e.key, t.ctrlKey || t.metaKey || N ? i.length === 0 ? G([e.key]) : i.includes(e.key) ? G(i.filter((t) => t !== e.key)) : G([...i, e.key]) : G([e.key]);
+	}, [
+		v,
+		j,
+		N,
+		r,
+		G
+	]), q = a(t, () => ({ isSlicerEditor: () => !0 }), []), J = l(v.getStyle(), O), Y = (0, f.useMemo)(() => d(J?.wholeTable, O), [
+		J,
+		O,
+		k
+	]), X = (0, f.useMemo)(() => d(J?.headerRow, O), [
+		J,
+		O,
+		k
+	]);
+	if (v.isDeleted()) return null;
+	let Z = v.isFilterCleared(), Q = v.isShowCaption(), $ = {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: 22,
+		height: 22,
+		padding: 0,
+		margin: 0,
+		border: "1px solid transparent",
+		borderRadius: 2,
+		background: "none",
+		color: "inherit",
+		cursor: "pointer"
+	};
+	return (0, p.jsxs)("div", {
+		className: "slicer-editor",
+		...T,
+		ref: q,
+		style: {
+			width: "100%",
+			height: "100%",
+			zoom: b,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			position: "relative",
+			backgroundColor: "var(--sxl-color-base-100, white)",
+			border: "var(--sxl-color-neutral, grey) solid 1px",
+			...g(O),
+			...Y,
+			filter: r ? "blur(1px)" : void 0,
+			boxShadow: x ? "1px 1px 2px var(--sxl-color-shadow, rgba(0,0,0,.15))" : void 0,
+			..._
+		},
+		children: [Q ? (0, p.jsxs)("div", {
+			ref: R,
+			className: "slicer-caption",
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 2,
+				margin: "0 9px",
+				padding: "6px 0 4px 0",
+				flex: "none",
+				...X
+			},
+			children: [
+				(0, p.jsx)("span", {
+					style: {
+						flex: "1 1 auto",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: v.getCaption()
+				}),
+				(0, p.jsx)("button", {
+					type: "button",
+					className: "slicer-multi-select",
+					tabIndex: -1,
+					title: E("slicer.multiSelect"),
+					"aria-label": E("slicer.multiSelect"),
+					"aria-pressed": N,
+					style: {
+						...$,
+						borderColor: N ? "var(--sxl-color-neutral, grey)" : "transparent",
+						backgroundColor: N ? "var(--sxl-color-base-200, #eee)" : void 0
+					},
+					onClick: () => P((e) => !e),
+					children: (0, p.jsx)(h, {})
+				}),
+				(0, p.jsx)("button", {
+					type: "button",
+					className: "slicer-clear",
+					tabIndex: -1,
+					title: E("slicer.clearFilter"),
+					"aria-label": E("slicer.clearFilter"),
+					disabled: Z || r,
+					style: {
+						...$,
+						opacity: Z ? .4 : 1,
+						cursor: Z ? "default" : "pointer"
+					},
+					onClick: () => {
+						v.clearFilters().catch((e) => D.showError(e));
+					},
+					children: (0, p.jsx)(m, {})
+				})
+			]
+		}) : null, (0, p.jsx)("div", {
+			ref: z,
+			className: "slicer-items",
+			role: "listbox",
+			"aria-multiselectable": !0,
+			"aria-label": v.getCaption(),
+			style: {
+				flex: "1 1 auto",
+				minHeight: 0,
+				overflowY: "auto",
+				overflowX: "hidden",
+				overscrollBehavior: "contain",
+				"--scrollbar-width": "8px",
+				"--scrollbar-border-width": "1px",
+				display: "grid",
+				gridTemplateColumns: `repeat(${U}, minmax(0, 1fr))`,
+				gridAutoRows: `${W}px`,
+				alignContent: "start",
+				gap: 4,
+				margin: (Q ? 4 : 9) + "px 9px 9px 9px",
+				paddingRight: B ? 3 : 0
+			},
+			onPointerLeave: () => I(null),
+			children: j.map((e) => {
+				let t = u(e.isSelected, e.hasData, F === e.key);
+				return (0, p.jsx)("div", {
+					className: "slicer-item",
+					role: "option",
+					"aria-selected": e.isSelected,
+					"data-key": e.key,
+					"data-has-data": e.hasData || void 0,
+					title: e.name,
+					style: {
+						boxSizing: "border-box",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						padding: "0 4px",
+						overflow: "hidden",
+						whiteSpace: "nowrap",
+						textOverflow: "ellipsis",
+						userSelect: "none",
+						cursor: r ? void 0 : "pointer",
+						border: "1px solid transparent",
+						...d(J?.[t], O)
+					},
+					onPointerEnter: () => I(e.key),
+					onPointerDown: (e) => {
+						e.button === 0 && (e.stopPropagation(), e.preventDefault(), y && !y.isSelected() && y.select());
+					},
+					onClick: (t) => K(e, t),
+					children: (0, p.jsx)("span", {
+						style: {
+							overflow: "hidden",
+							textOverflow: "ellipsis"
+						},
+						children: e.name
+					})
+				}, e.key);
+			})
+		})]
+	});
+}));
+_.displayName = "SlicerEditor";
+var v = {
+	renderer: (e) => (0, p.jsx)(_, {
+		...e,
+		slicer: e.movable.getContent()
+	}),
+	commands: (e, t) => {
+		let { sheet: n, movable: i } = t, a = i.getContent(), o = () => ({
+			slicer: () => a,
+			styles: () => n.getStyles()
+		}), s = () => {
+			e.updateCommand("formatSlicerStyle", {
+				callback: (e) => {
+					e && a.setStyle(e);
+				},
+				state: a.getStyle(),
+				context: o,
+				disabledReasons: a.isReadOnly() ? [r("reason.sheetProtected")] : []
+			});
+		};
+		return s(), a.addListeners({ onAnyChange: s });
+	}
+};
+export { v as SlicerKind };