@docentjs/dom 0.6.0 → 0.7.0

package/dist/index.cjs

@@ -118,6 +118,41 @@ function warnIfInvalid(tour) {
 	}).catch(() => {});
 }
 //#endregion
+//#region src/looks.ts
+const BUILT_IN_LOOKS = {
+	/** The default: a dimmed page, a soft cutout, a small caret. */
+	spotlight: {},
+	/**
+	* A light touch for tips beside a feature: the page stays usable and
+	* clickable, with a glowing ring and a drawn curve instead of a scrim.
+	*/
+	hint: {
+		overlay: { style: "none" },
+		spotlight: {
+			ring: "glow",
+			padding: 6
+		},
+		arrow: "curve",
+		theme: { width: 300 }
+	},
+	/**
+	* For something to read rather than something to do: the page blurs away,
+	* nothing points anywhere, and the card is wider.
+	*/
+	announcement: {
+		overlay: {
+			style: "blur",
+			blur: 6
+		},
+		spotlight: {
+			ring: "none",
+			padding: 10
+		},
+		arrow: "none",
+		theme: { width: 420 }
+	}
+};
+//#endregion
 //#region src/occlusion.ts
 function isPinned(el) {
 	const view = el.ownerDocument.defaultView;
@@ -1254,9 +1289,11 @@ var DomRenderer = class {
 		win.addEventListener("scrollend", finish, { once: true });
 		this.cleanups.push(stop);
 	}
+	/** The tour's template: one the app registered, or a built-in look. */
 	template(ctx) {
 		const name = ctx.tour.options?.template ?? this.options.template;
-		return name === void 0 ? void 0 : this.options.templates?.[name];
+		if (name === void 0) return void 0;
+		return this.options.templates?.[name] ?? BUILT_IN_LOOKS[name];
 	}
 	buildDefault(ctx, host, template) {
 		const slots = {
@@ -1650,6 +1687,7 @@ function createDocent(options = {}) {
 	return docent;
 }
 //#endregion
+exports.BUILT_IN_LOOKS = BUILT_IN_LOOKS;
 exports.CONNECTOR_STYLES = require_arrows.CONNECTOR_STYLES;
 exports.DEFAULT_LABELS = DEFAULT_LABELS;
 exports.DomRenderer = DomRenderer;