@cssints/apg-specs 0.0.0-stage → 0.5.1

package/dist/apg/alert.bridge.d.mts

@@ -0,0 +1,22 @@
+import { ActionStep, Probe, ScenarioConfig, SpecBridge } from "../scenario.mjs";
+//#region src/apg/alert.bridge.d.ts
+/**
+ * Scenario `config` -> what both targets are mounted with. `titleId` /
+ * `descriptionId` are static label associations the alert carries.
+ */
+export interface AlertConfig {
+  readonly titleId: string | undefined;
+  readonly descriptionId: string | undefined;
+}
+export declare const alertConfig: (config: ScenarioConfig) => AlertConfig;
+/**
+ * Alert vocabulary <-> `specs/apg/alert.qnt`. The spec part is `alert`; the
+ * fixtures also carry the library containers (`toast`/`root`, `content`).
+ * Clicking `add`/`add-high` shows a message, `close`/`dismiss` closes it. Static
+ * label wiring is not spec state.
+ */
+export declare const alertBridge: SpecBridge;
+/** The user-level steps a differential walk draws from. */
+export declare const alertSteps: ReadonlyArray<ActionStep>;
+export declare const alertProbe: Probe;
+//#endregion

package/dist/apg/alert.bridge.mjs

@@ -0,0 +1,86 @@
+import { Unsupported } from "../scenario.mjs";
+//#region src/apg/alert.bridge.ts
+const specEvent = (tag) => ({ _tag: tag });
+const asString = (key, value) => {
+	if (typeof value === "string") return value;
+	throw new Unsupported(`config ${key}=${JSON.stringify(value)}`);
+};
+const alertConfig = (config) => {
+	let titleId;
+	let descriptionId;
+	for (const [key, value] of Object.entries(config)) if (key === "titleId") titleId = asString(key, value);
+	else if (key === "descriptionId") descriptionId = asString(key, value);
+	else throw new Unsupported(`config ${key}=${JSON.stringify(value)}`);
+	return {
+		titleId,
+		descriptionId
+	};
+};
+const partOf = (target) => (target ?? "alert").replace(/:0$/, "");
+const LIVE_PARTS = /* @__PURE__ */ new Set(["alert", "content"]);
+const DIALOG_PARTS = /* @__PURE__ */ new Set(["toast", "root"]);
+const mounted = (state) => state["mounted"] === true;
+/**
+* Alert vocabulary <-> `specs/apg/alert.qnt`. The spec part is `alert`; the
+* fixtures also carry the library containers (`toast`/`root`, `content`).
+* Clicking `add`/`add-high` shows a message, `close`/`dismiss` closes it. Static
+* label wiring is not spec state.
+*/
+const alertBridge = {
+	setup: () => [],
+	event: (step) => {
+		if (step.event === "click") {
+			const part = partOf(step.target);
+			if (part === "add" || part === "add-high") return [specEvent("show")];
+			if (part === "close" || part === "dismiss") return [specEvent("dismiss")];
+			throw new Unsupported(`click on ${part}`);
+		}
+		if (step.event === "prop") {
+			if (step.prop === "show") return [specEvent("show")];
+			if (step.prop === "dismiss") return [specEvent("dismiss")];
+			if (step.prop === "load") return [specEvent("load")];
+			throw new Unsupported(`prop ${step.prop ?? ""}`);
+		}
+		throw new Unsupported(`event ${step.event}`);
+	},
+	focus: () => null,
+	attr: (state, target, name) => {
+		const part = partOf(target);
+		if (LIVE_PARTS.has(part)) {
+			if (name === "role") return mounted(state) ? "alert" : null;
+			if (name === "aria-atomic") return mounted(state) ? "true" : null;
+		} else if (DIALOG_PARTS.has(part)) {
+			if (name === "role") return mounted(state) ? "alertdialog" : null;
+			if (name === "aria-modal") return mounted(state) ? "false" : null;
+		} else if (part === "close" && name === "aria-label") return "Close";
+		throw new Unsupported(`attribute ${name} on ${target}`);
+	},
+	visible: () => [],
+	events: () => []
+};
+/** The user-level steps a differential walk draws from. */
+const alertSteps = [
+	{
+		event: "prop",
+		prop: "show"
+	},
+	{
+		event: "prop",
+		prop: "dismiss"
+	},
+	{
+		event: "prop",
+		prop: "load"
+	}
+];
+const alertProbe = {
+	attrs: [
+		["alert", "role"],
+		["alert", "aria-atomic"],
+		["toast", "role"],
+		["toast", "aria-modal"]
+	],
+	events: []
+};
+//#endregion
+export { alertBridge, alertConfig, alertProbe, alertSteps };