@pie-players/pie-assessment-toolkit 0.3.3 → 0.3.4

package/src/components/PieAssessmentToolkit.svelte

@@ -1,681 +0,0 @@
-<svelte:options
-	customElement={{
-		tag: "pie-assessment-toolkit",
-		shadow: "open",
-		props: {
-			assessmentId: { attribute: "assessment-id", type: "String" },
-			section: { attribute: "section", type: "Object" },
-			sectionId: { attribute: "section-id", type: "String" },
-			attemptId: { attribute: "attempt-id", type: "String" },
-			view: { attribute: "view", type: "String" },
-			env: { attribute: "env", type: "Object" },
-			lazyInit: { attribute: "lazy-init", type: "Boolean" },
-			tools: { attribute: "tools", type: "Object" },
-			accessibility: { attribute: "accessibility", type: "Object" },
-			player: { attribute: "player", type: "Object" },
-			playerType: { attribute: "player-type", type: "String" },
-			coordinator: { type: "Object", reflect: false },
-			createSectionController: { type: "Object", reflect: false },
-			isolation: { attribute: "isolation", type: "String" },
-		},
-	}}
-/>
-
-<script lang="ts">
-	import {
-		ContextProvider,
-		ContextRoot,
-		requestContext,
-	} from "@pie-players/pie-context";
-	import {
-		assessmentToolkitHostRuntimeContext,
-		assessmentToolkitRuntimeContext,
-		type AssessmentToolkitHostRuntimeContext,
-		type AssessmentToolkitRuntimeContext,
-		type ItemPlayerConfig,
-		type ItemPlayerType,
-	} from "../context/assessment-toolkit-context.js";
-	import { connectAssessmentToolkitHostRuntimeContext } from "../context/runtime-context-consumer.js";
-	import { ToolkitCoordinator } from "../services/ToolkitCoordinator.js";
-	import {
-		PIE_INTERNAL_CONTENT_LOADED_EVENT,
-		PIE_INTERNAL_ITEM_SESSION_CHANGED_EVENT,
-		PIE_INTERNAL_ITEM_PLAYER_ERROR_EVENT,
-		PIE_REGISTER_EVENT,
-		PIE_UNREGISTER_EVENT,
-		type InternalContentLoadedDetail,
-		type InternalItemSessionChangedDetail,
-		type InternalItemPlayerErrorDetail,
-		type RuntimeRegistrationDetail,
-	} from "../runtime/registration-events.js";
-	import { dispatchCrossBoundaryEvent } from "../runtime/tool-host-contract.js";
-	import { SectionRuntimeEngine } from "../runtime/SectionRuntimeEngine.js";
-	import {
-		createRuntimeId,
-	} from "../runtime/runtime-event-guards.js";
-	import {
-		createSessionEmitPolicyState,
-		resetSessionEmitPolicyState,
-		shouldEmitCanonicalSessionEvent,
-	} from "../runtime/session-event-emitter-policy.js";
-
-	type SessionChangedLike = {
-		eventDetail?: unknown;
-	};
-
-	type HostItemPlayerInput = Partial<
-		Pick<ItemPlayerConfig, "type" | "tagName" | "version" | "source">
-	> | null;
-
-	const runtimeId = createRuntimeId("toolkit");
-	const sectionEngine = new SectionRuntimeEngine();
-const DEFAULT_ENV = {
-	mode: "gather",
-	role: "student",
-} as const;
-	const DEFAULT_ITEM_PLAYER_BY_TYPE: Record<ItemPlayerType, string> = {
-		iife: "pie-item-player",
-		esm: "pie-item-player",
-	preloaded: "pie-item-player",
-		custom: "",
-	};
-
-	let {
-		assessmentId = "",
-		section = null,
-		sectionId = "",
-		attemptId = "",
-		view = "candidate",
-		env = {},
-		lazyInit = true,
-		tools = {},
-		accessibility = {},
-		player = null as HostItemPlayerInput,
-		playerType = "" as ItemPlayerType | "",
-		coordinator = null as ToolkitCoordinator | null,
-		createSectionController = null as null | (() => unknown),
-		isolation = "inherit",
-	} = $props();
-
-	let anchor = $state<HTMLDivElement | null>(null);
-	let ownedCoordinator = $state<ToolkitCoordinator | null>(null);
-	let inheritedRuntime = $state<AssessmentToolkitHostRuntimeContext | null>(null);
-	let lastOwnership = $state<"owned" | "inherited" | null>(null);
-	let provider: ContextProvider<typeof assessmentToolkitRuntimeContext> | null = null;
-	let contextRoot: ContextRoot | null = null;
-	let hostRuntimeProvider: ContextProvider<
-		typeof assessmentToolkitHostRuntimeContext
-	> | null = null;
-	let hostRuntimeRoot: ContextRoot | null = null;
-	let compositionVersion = $state(0);
-	let compositionModel = $state<unknown>(null);
-	let runtimeError = $state<unknown>(null);
-	let lastCompositionRevisionKey = $state("");
-	let pendingCompositionModel: unknown = null;
-	let pendingCompositionEmit = false;
-	let compositionEmitRaf: number | null = null;
-	const sessionEmitPolicyState = createSessionEmitPolicyState();
-
-	function getHostElement(): HTMLElement | null {
-		if (!anchor) return null;
-		const rootNode = anchor.getRootNode();
-		if (rootNode && "host" in rootNode) {
-			return (rootNode as ShadowRoot).host as HTMLElement;
-		}
-		return anchor.parentElement as HTMLElement | null;
-	}
-	const host = $derived.by(() => getHostElement());
-
-	function emit(name: string, detail: unknown): void {
-		if (!host) return;
-		dispatchCrossBoundaryEvent(host, name, detail);
-	}
-
-	function hashString(input: string): string {
-		let hash = 5381;
-		for (let index = 0; index < input.length; index += 1) {
-			hash = ((hash << 5) + hash) ^ input.charCodeAt(index);
-		}
-		return (hash >>> 0).toString(36);
-	}
-
-	function getCompositionRevisionKey(model: unknown): string {
-		const typed = (model || {}) as Record<string, unknown>;
-		const sectionId =
-			((typed.section as Record<string, unknown> | undefined)?.identifier as string) ||
-			(typed.sectionId as string) ||
-			"";
-		const currentItemIndex =
-			typeof typed.currentItemIndex === "number" ? typed.currentItemIndex : -1;
-		const renderables = Array.isArray(typed.renderables) ? typed.renderables : [];
-		const renderableSignature = renderables
-			.map((entry, index) => {
-				const row = (entry || {}) as Record<string, unknown>;
-				const entity = (row.entity || {}) as Record<string, unknown>;
-				const entityId =
-					(typeof entity.id === "string" && entity.id) || `renderable-${index}`;
-				const entityVersion =
-					(typeof entity.version === "string" && entity.version) ||
-					(typeof entity.version === "number" ? String(entity.version) : "") ||
-					(typeof (entity.config as Record<string, unknown> | undefined)?.version === "string"
-						? ((entity.config as Record<string, unknown>).version as string)
-						: "");
-				return `${entityId}:${entityVersion}`;
-			})
-			.join("|");
-		const sessionsByItem = (typed.itemSessionsByItemId || {}) as Record<string, unknown>;
-		const itemSessionSignature = Object.keys(sessionsByItem)
-			.sort((left, right) => left.localeCompare(right))
-			.map((itemId) => {
-				const session = sessionsByItem[itemId] as Record<string, unknown> | undefined;
-				const sessionId = (typeof session?.id === "string" && session.id) || "";
-				const dataPayload = Array.isArray(session?.data) ? session.data : [];
-				let payloadSignature = "";
-				try {
-					payloadSignature = hashString(JSON.stringify(dataPayload));
-				} catch {
-					payloadSignature = String(dataPayload.length);
-				}
-				return `${itemId}:${sessionId}:${payloadSignature}`;
-			})
-			.join("|");
-		return `${sectionId}|${currentItemIndex}|${renderableSignature}|${itemSessionSignature}`;
-	}
-
-	function isKnownPlayerType(value: unknown): value is ItemPlayerType {
-		return value === "iife" || value === "esm" || value === "preloaded" || value === "custom";
-	}
-
-	function normalizeItemPlayerConfig(
-		hostPlayer: HostItemPlayerInput,
-		hostPlayerType: ItemPlayerType | "",
-	): ItemPlayerConfig {
-		const typeFromConfig = hostPlayer?.type;
-		const rawType = isKnownPlayerType(typeFromConfig)
-			? typeFromConfig
-			: isKnownPlayerType(hostPlayerType)
-				? hostPlayerType
-				: hostPlayer?.tagName
-					? "custom"
-					: "iife";
-		const requestedTagName = hostPlayer?.tagName?.trim();
-		if (rawType === "custom" && !requestedTagName) {
-			return {
-				type: "iife",
-				tagName: DEFAULT_ITEM_PLAYER_BY_TYPE.iife,
-				version: undefined,
-				source: undefined,
-				isDefault: true,
-			};
-		}
-		return {
-			type: rawType,
-			tagName: requestedTagName || DEFAULT_ITEM_PLAYER_BY_TYPE[rawType],
-			version: hostPlayer?.version,
-			source: hostPlayer?.source,
-			isDefault: !hostPlayer && !hostPlayerType,
-		};
-	}
-
-	function normalizeEnv(input: unknown): { mode: string; role: string } {
-		const envValue = ((input || {}) as Record<string, unknown>) || {};
-		const mode =
-			typeof envValue.mode === "string" && envValue.mode.trim()
-				? envValue.mode.trim()
-				: DEFAULT_ENV.mode;
-		const role =
-			typeof envValue.role === "string" && envValue.role.trim()
-				? envValue.role.trim()
-				: DEFAULT_ENV.role;
-		return { mode, role };
-	}
-
-	function resolveSectionViewFromEnv(input: unknown): string {
-		const resolvedEnv = normalizeEnv(input);
-		if (resolvedEnv.mode === "author") return "author";
-		if (resolvedEnv.role === "instructor") return "scorer";
-		return "candidate";
-	}
-
-	async function createDefaultSectionController() {
-		if (createSectionController) {
-			return createSectionController() as any;
-		}
-		throw new Error(
-			"pie-assessment-toolkit requires createSectionController when no coordinator hook provides one",
-		);
-	}
-
-	function buildOwnedCoordinator(): ToolkitCoordinator {
-		const fallbackAssessmentId =
-			assessmentId ||
-			(section as any)?.identifier ||
-			`assessment-${Math.random().toString(16).slice(2)}`;
-		return new ToolkitCoordinator({
-			assessmentId: fallbackAssessmentId,
-			lazyInit,
-			tools: tools as any,
-			accessibility: accessibility as any,
-		});
-	}
-
-	const effectiveCoordinator = $derived.by(() => {
-		if (isolation !== "force" && inheritedRuntime?.coordinator) {
-			return inheritedRuntime.coordinator as ToolkitCoordinator;
-		}
-		return coordinator || ownedCoordinator;
-	});
-
-	$effect(() => {
-		if (coordinator) {
-			if (ownedCoordinator) {
-				ownedCoordinator = null;
-			}
-			return;
-		}
-		if (isolation !== "force" && inheritedRuntime?.coordinator) {
-			if (ownedCoordinator) {
-				ownedCoordinator = null;
-			}
-			return;
-		}
-		if (!ownedCoordinator) {
-			ownedCoordinator = buildOwnedCoordinator();
-		}
-	});
-
-	const effectiveAssessmentId = $derived(
-		assessmentId || effectiveCoordinator?.assessmentId || "",
-	);
-	const effectiveSectionId = $derived(
-		sectionId || (section as any)?.identifier || `section-${effectiveAssessmentId || "default"}`,
-	);
-	const effectiveEnv = $derived.by(() => normalizeEnv(env));
-	const effectiveSectionView = $derived.by(() => resolveSectionViewFromEnv(effectiveEnv));
-	const effectiveItemPlayer = $derived.by(() =>
-		normalizeItemPlayerConfig(player, playerType),
-	);
-	const runtimeContextValue = $derived.by((): AssessmentToolkitRuntimeContext | null => {
-		if (!effectiveCoordinator) return null;
-		const services = effectiveCoordinator.getServiceBundle();
-		return {
-			toolkitCoordinator: effectiveCoordinator,
-			toolCoordinator: effectiveCoordinator.toolCoordinator,
-			ttsService: services.ttsService,
-			highlightCoordinator: services.highlightCoordinator,
-			catalogResolver: services.catalogResolver,
-			elementToolStateStore: services.elementToolStateStore,
-			assessmentId: effectiveAssessmentId,
-			sectionId: effectiveSectionId,
-			itemPlayer: effectiveItemPlayer,
-			reportSessionChanged: (itemId: string, detail: unknown) => {
-				const result = sectionEngine.handleItemSessionChanged(itemId, detail);
-				emitNormalizedSessionChanged({
-					itemId,
-					result,
-					fallbackSession: detail,
-				});
-			},
-		};
-	});
-	const hostRuntimeContextValue = $derived.by(
-		(): AssessmentToolkitHostRuntimeContext | null => {
-			if (!effectiveCoordinator) return null;
-			return {
-				runtimeId,
-				coordinator: effectiveCoordinator,
-			};
-		},
-	);
-
-	function flushCompositionChanged(nextModel: unknown) {
-		const nextRevisionKey = getCompositionRevisionKey(nextModel);
-		if (nextRevisionKey === lastCompositionRevisionKey) {
-			return;
-		}
-		lastCompositionRevisionKey = nextRevisionKey;
-		compositionVersion += 1;
-		compositionModel = nextModel;
-		emit("composition-changed", {
-			composition: compositionModel,
-			version: compositionVersion,
-		});
-	}
-
-	function emitCompositionChanged(nextModel?: unknown) {
-		pendingCompositionModel = nextModel ?? sectionEngine.getCompositionModel();
-		if (pendingCompositionEmit) return;
-		pendingCompositionEmit = true;
-		const flush = () => {
-			pendingCompositionEmit = false;
-			compositionEmitRaf = null;
-			flushCompositionChanged(pendingCompositionModel);
-		};
-		if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
-			compositionEmitRaf = window.requestAnimationFrame(flush);
-			return;
-		}
-		queueMicrotask(flush);
-	}
-
-	function emitNormalizedSessionChanged(args: {
-		itemId: string;
-		canonicalItemId?: string;
-		result: unknown;
-		fallbackSession: unknown;
-	}) {
-		const normalized =
-			(args.result as SessionChangedLike | null)?.eventDetail || args.fallbackSession;
-		const payload = {
-			...(normalized as Record<string, unknown>),
-			itemId: args.itemId,
-			canonicalItemId: args.canonicalItemId || args.itemId,
-			sourceRuntimeId: runtimeId,
-		} as Record<string, unknown>;
-		if (
-			!shouldEmitCanonicalSessionEvent({
-				state: sessionEmitPolicyState,
-				itemId: args.itemId,
-				payload,
-			})
-		) {
-			return;
-		}
-		emit("session-changed", payload);
-	}
-
-	function isLocalToCurrentRuntime(eventTarget: EventTarget | null): boolean {
-		if (!(eventTarget instanceof HTMLElement)) return false;
-		const sourceRuntime = requestContext(
-			eventTarget,
-			assessmentToolkitHostRuntimeContext,
-		);
-		return sourceRuntime?.runtimeId === runtimeId;
-	}
-
-	$effect(() => {
-		if (!host) return;
-		if (isolation === "force") {
-			inheritedRuntime = null;
-			return;
-		}
-		return connectAssessmentToolkitHostRuntimeContext(host, (value) => {
-			if (value.runtimeId === runtimeId) {
-				return;
-			}
-			inheritedRuntime = value;
-		});
-	});
-
-	$effect(() => {
-		const parentRuntimeId =
-			isolation !== "force" && inheritedRuntime ? inheritedRuntime.runtimeId : null;
-		const ownership: "owned" | "inherited" = parentRuntimeId ? "inherited" : "owned";
-		if (ownership !== lastOwnership) {
-			lastOwnership = ownership;
-			emit(ownership === "inherited" ? "runtime-inherited" : "runtime-owned", {
-				runtimeId,
-				parentRuntimeId,
-			});
-		}
-	});
-
-	$effect(() => {
-		const currentSectionId = effectiveSectionId;
-		const currentAttemptId = attemptId || "";
-		void currentSectionId;
-		void currentAttemptId;
-		resetSessionEmitPolicyState(sessionEmitPolicyState);
-	});
-
-	$effect(() => {
-		if (!host || !hostRuntimeContextValue) return;
-		hostRuntimeProvider = new ContextProvider(host, {
-			context: assessmentToolkitHostRuntimeContext,
-			initialValue: hostRuntimeContextValue,
-		});
-		hostRuntimeProvider.connect();
-		hostRuntimeRoot = new ContextRoot(host);
-		hostRuntimeRoot.attach();
-
-		return () => {
-			hostRuntimeRoot?.detach();
-			hostRuntimeRoot = null;
-			hostRuntimeProvider?.disconnect();
-			hostRuntimeProvider = null;
-		};
-	});
-
-	$effect(() => {
-		if (!hostRuntimeContextValue) return;
-		hostRuntimeProvider?.setValue(hostRuntimeContextValue);
-	});
-
-	$effect(() => {
-		if (!host) return;
-		host.setAttribute("data-item-player-type", effectiveItemPlayer.type);
-		host.setAttribute("data-item-player-tag", effectiveItemPlayer.tagName);
-		host.setAttribute("data-env-mode", String((effectiveEnv as any)?.mode || ""));
-		host.setAttribute("data-env-role", String((effectiveEnv as any)?.role || ""));
-	});
-
-	$effect(() => {
-		if (!host || !runtimeContextValue) return;
-		provider = new ContextProvider(host, {
-			context: assessmentToolkitRuntimeContext,
-			initialValue: runtimeContextValue,
-		});
-		provider.connect();
-		contextRoot = new ContextRoot(host);
-		contextRoot.attach();
-
-		return () => {
-			contextRoot?.detach();
-			contextRoot = null;
-			provider?.disconnect();
-			provider = null;
-		};
-	});
-
-	$effect(() => {
-		if (runtimeContextValue) {
-			provider?.setValue(runtimeContextValue);
-		}
-	});
-
-	$effect(() => {
-		if (!section || !effectiveCoordinator) return;
-		let cancelled = false;
-
-		void sectionEngine
-			.initialize({
-				coordinator: effectiveCoordinator,
-				section,
-				sectionId: effectiveSectionId,
-				assessmentId: effectiveAssessmentId,
-				attemptId: attemptId || undefined,
-				view: effectiveSectionView,
-				createDefaultController: createDefaultSectionController,
-				onCompositionChanged: (nextComposition) => {
-					if (cancelled) return;
-					emitCompositionChanged(nextComposition);
-				},
-			})
-			.then(() => {
-				if (cancelled) return;
-				emit("toolkit-ready", {
-					runtimeId,
-					assessmentId: effectiveAssessmentId,
-					sectionId: effectiveSectionId,
-					itemPlayer: effectiveItemPlayer,
-					coordinator: effectiveCoordinator,
-				});
-				emit("section-ready", {
-					sectionId: effectiveSectionId,
-				});
-			})
-			.catch((error) => {
-				runtimeError = error;
-				sectionEngine.reportSectionError({
-					source: "section-runtime",
-					error,
-					timestamp: Date.now(),
-				});
-				emit("runtime-error", {
-					runtimeId,
-					error,
-				});
-			});
-
-		return () => {
-			cancelled = true;
-		};
-	});
-
-	$effect(() => {
-		if (!host) return;
-		const localHost = host;
-
-		const onRegister = (event: Event) => {
-			if (!isLocalToCurrentRuntime(event.target)) return;
-			const detail = (event as CustomEvent<RuntimeRegistrationDetail>).detail;
-			if (!detail?.element || !detail?.itemId) return;
-			const changed = sectionEngine.register(detail);
-			sectionEngine.handleContentRegistered(detail);
-			if (changed) emitCompositionChanged();
-		};
-
-		const onUnregister = (event: Event) => {
-			if (!isLocalToCurrentRuntime(event.target)) return;
-			const detail = (event as CustomEvent<RuntimeRegistrationDetail>).detail;
-			if (!detail?.itemId) return;
-			const changed = detail?.element
-				? sectionEngine.unregister(detail.element)
-				: false;
-			sectionEngine.handleContentUnregistered(detail);
-			if (changed) emitCompositionChanged();
-		};
-
-		const onItemSessionChanged = (event: Event) => {
-			if (!isLocalToCurrentRuntime(event.target)) return;
-			const detail = (event as CustomEvent<InternalItemSessionChangedDetail>).detail;
-			if (!detail?.itemId) return;
-			const result = sectionEngine.handleItemSessionChanged(detail.itemId, detail.session);
-			emitNormalizedSessionChanged({
-				itemId: detail.itemId,
-				canonicalItemId: sectionEngine.getCanonicalItemId(detail.itemId),
-				result,
-				fallbackSession: detail.session,
-			});
-		};
-		const onContentLoaded = (event: Event) => {
-			if (!isLocalToCurrentRuntime(event.target)) return;
-			const detail = (event as CustomEvent<InternalContentLoadedDetail>).detail;
-			if (!detail?.itemId) return;
-			sectionEngine.handleContentLoaded({
-				itemId: detail.itemId,
-				canonicalItemId: detail.canonicalItemId,
-				contentKind: detail.contentKind,
-				detail: detail.detail,
-				timestamp: Date.now(),
-			});
-		};
-		const onItemPlayerError = (event: Event) => {
-			if (!isLocalToCurrentRuntime(event.target)) return;
-			const detail = (event as CustomEvent<InternalItemPlayerErrorDetail>).detail;
-			if (!detail?.itemId) return;
-			sectionEngine.handleItemPlayerError({
-				itemId: detail.itemId,
-				canonicalItemId: detail.canonicalItemId,
-				contentKind: detail.contentKind,
-				error: detail.error,
-				timestamp: Date.now(),
-			});
-		};
-
-		localHost.addEventListener(PIE_REGISTER_EVENT, onRegister);
-		localHost.addEventListener(PIE_UNREGISTER_EVENT, onUnregister);
-		localHost.addEventListener(PIE_INTERNAL_ITEM_SESSION_CHANGED_EVENT, onItemSessionChanged);
-		localHost.addEventListener(PIE_INTERNAL_CONTENT_LOADED_EVENT, onContentLoaded);
-		localHost.addEventListener(PIE_INTERNAL_ITEM_PLAYER_ERROR_EVENT, onItemPlayerError);
-		return () => {
-			localHost.removeEventListener(PIE_REGISTER_EVENT, onRegister);
-			localHost.removeEventListener(PIE_UNREGISTER_EVENT, onUnregister);
-			localHost.removeEventListener(
-				PIE_INTERNAL_ITEM_SESSION_CHANGED_EVENT,
-				onItemSessionChanged,
-			);
-			localHost.removeEventListener(
-				PIE_INTERNAL_CONTENT_LOADED_EVENT,
-				onContentLoaded,
-			);
-			localHost.removeEventListener(
-				PIE_INTERNAL_ITEM_PLAYER_ERROR_EVENT,
-				onItemPlayerError,
-			);
-		};
-	});
-
-	export async function waitUntilReady(): Promise<void> {
-		if (!effectiveCoordinator) {
-			throw new Error("Coordinator not initialized");
-		}
-		await effectiveCoordinator.waitUntilReady();
-	}
-
-	export function getServiceBundle() {
-		if (!effectiveCoordinator) {
-			throw new Error("Coordinator not initialized");
-		}
-		return effectiveCoordinator.getServiceBundle();
-	}
-
-	export function setHooks(hooks: Record<string, unknown>): void {
-		if (!effectiveCoordinator) {
-			throw new Error("Coordinator not initialized");
-		}
-		effectiveCoordinator.setHooks(hooks as any);
-	}
-
-	export function navigateToItem(index: number): unknown {
-		return sectionEngine.navigateToItem(index);
-	}
-
-	export function getCompositionModel(): unknown {
-		return sectionEngine.getCompositionModel();
-	}
-
-	export function getItemPlayerConfig(): ItemPlayerConfig {
-		return effectiveItemPlayer;
-	}
-
-	export async function persist(): Promise<void> {
-		await sectionEngine.persist();
-	}
-
-	export async function hydrate(): Promise<void> {
-		await sectionEngine.hydrate();
-	}
-
-	$effect(() => {
-		return () => {
-			if (compositionEmitRaf !== null && typeof window !== "undefined") {
-				window.cancelAnimationFrame(compositionEmitRaf);
-				compositionEmitRaf = null;
-			}
-			pendingCompositionEmit = false;
-			void sectionEngine.dispose().catch((error) => {
-				runtimeError = error;
-			});
-		};
-	});
-</script>
-
-<div bind:this={anchor} class="pie-assessment-toolkit-anchor" aria-hidden="true"></div>
-<slot></slot>
-
-<style>
-	.pie-assessment-toolkit-anchor {
-		display: none;
-	}
-</style>