ev-interactivity-player 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1670 @@
+import { getVisibleInteractions, resolveAction } from "ev-interactivity-core";
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/element-internals.js
+/**
+* @license
+* Copyright 2023 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const ElementInternalsShim = class ElementInternals {
+	get shadowRoot() {
+		return this.__host.__shadowRoot;
+	}
+	constructor(_host) {
+		this.ariaActiveDescendantElement = null;
+		this.ariaAtomic = "";
+		this.ariaAutoComplete = "";
+		this.ariaBrailleLabel = "";
+		this.ariaBrailleRoleDescription = "";
+		this.ariaBusy = "";
+		this.ariaChecked = "";
+		this.ariaColCount = "";
+		this.ariaColIndex = "";
+		this.ariaColIndexText = "";
+		this.ariaColSpan = "";
+		this.ariaControlsElements = null;
+		this.ariaCurrent = "";
+		this.ariaDescribedByElements = null;
+		this.ariaDescription = "";
+		this.ariaDetailsElements = null;
+		this.ariaDisabled = "";
+		this.ariaErrorMessageElements = null;
+		this.ariaExpanded = "";
+		this.ariaFlowToElements = null;
+		this.ariaHasPopup = "";
+		this.ariaHidden = "";
+		this.ariaInvalid = "";
+		this.ariaKeyShortcuts = "";
+		this.ariaLabel = "";
+		this.ariaLabelledByElements = null;
+		this.ariaLevel = "";
+		this.ariaLive = "";
+		this.ariaModal = "";
+		this.ariaMultiLine = "";
+		this.ariaMultiSelectable = "";
+		this.ariaOrientation = "";
+		this.ariaOwnsElements = null;
+		this.ariaPlaceholder = "";
+		this.ariaPosInSet = "";
+		this.ariaPressed = "";
+		this.ariaReadOnly = "";
+		this.ariaRelevant = "";
+		this.ariaRequired = "";
+		this.ariaRoleDescription = "";
+		this.ariaRowCount = "";
+		this.ariaRowIndex = "";
+		this.ariaRowIndexText = "";
+		this.ariaRowSpan = "";
+		this.ariaSelected = "";
+		this.ariaSetSize = "";
+		this.ariaSort = "";
+		this.ariaValueMax = "";
+		this.ariaValueMin = "";
+		this.ariaValueNow = "";
+		this.ariaValueText = "";
+		this.role = "";
+		this.form = null;
+		this.labels = [];
+		this.states = /* @__PURE__ */ new Set();
+		this.validationMessage = "";
+		this.validity = {};
+		this.willValidate = true;
+		this.__host = _host;
+	}
+	checkValidity() {
+		console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true.");
+		return true;
+	}
+	reportValidity() {
+		return true;
+	}
+	setFormValue() {}
+	setValidity() {}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/events.js
+/**
+* @license
+* Copyright 2023 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var __classPrivateFieldSet = function(receiver, state, value, kind, f) {
+	if (kind === "m") throw new TypeError("Private method is not writable");
+	if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+	if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+	return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = function(receiver, state, kind, f) {
+	if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+	if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+	return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Event_cancelable, _Event_bubbles, _Event_composed, _Event_defaultPrevented, _Event_timestamp, _Event_propagationStopped, _Event_type, _Event_target, _Event_isBeingDispatched, _a$1, _CustomEvent_detail, _b;
+const NONE = 0;
+const CAPTURING_PHASE = 1;
+const AT_TARGET = 2;
+const BUBBLING_PHASE = 3;
+const enumerableProperty$1 = { __proto__: null };
+enumerableProperty$1.enumerable = true;
+Object.freeze(enumerableProperty$1);
+const EventShim = (_a$1 = class Event {
+	constructor(type, options = {}) {
+		_Event_cancelable.set(this, false);
+		_Event_bubbles.set(this, false);
+		_Event_composed.set(this, false);
+		_Event_defaultPrevented.set(this, false);
+		_Event_timestamp.set(this, Date.now());
+		_Event_propagationStopped.set(this, false);
+		_Event_type.set(this, void 0);
+		_Event_target.set(this, void 0);
+		_Event_isBeingDispatched.set(this, void 0);
+		this.NONE = NONE;
+		this.CAPTURING_PHASE = CAPTURING_PHASE;
+		this.AT_TARGET = AT_TARGET;
+		this.BUBBLING_PHASE = BUBBLING_PHASE;
+		if (arguments.length === 0) throw new Error(`The type argument must be specified`);
+		if (typeof options !== "object" || !options) throw new Error(`The "options" argument must be an object`);
+		const { bubbles, cancelable, composed } = options;
+		__classPrivateFieldSet(this, _Event_cancelable, !!cancelable, "f");
+		__classPrivateFieldSet(this, _Event_bubbles, !!bubbles, "f");
+		__classPrivateFieldSet(this, _Event_composed, !!composed, "f");
+		__classPrivateFieldSet(this, _Event_type, `${type}`, "f");
+		__classPrivateFieldSet(this, _Event_target, null, "f");
+		__classPrivateFieldSet(this, _Event_isBeingDispatched, false, "f");
+	}
+	initEvent(_type, _bubbles, _cancelable) {
+		throw new Error("Method not implemented.");
+	}
+	stopImmediatePropagation() {
+		this.stopPropagation();
+	}
+	preventDefault() {
+		__classPrivateFieldSet(this, _Event_defaultPrevented, true, "f");
+	}
+	get target() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get currentTarget() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get srcElement() {
+		return __classPrivateFieldGet(this, _Event_target, "f");
+	}
+	get type() {
+		return __classPrivateFieldGet(this, _Event_type, "f");
+	}
+	get cancelable() {
+		return __classPrivateFieldGet(this, _Event_cancelable, "f");
+	}
+	get defaultPrevented() {
+		return __classPrivateFieldGet(this, _Event_cancelable, "f") && __classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+	}
+	get timeStamp() {
+		return __classPrivateFieldGet(this, _Event_timestamp, "f");
+	}
+	composedPath() {
+		return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? [__classPrivateFieldGet(this, _Event_target, "f")] : [];
+	}
+	get returnValue() {
+		return !__classPrivateFieldGet(this, _Event_cancelable, "f") || !__classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+	}
+	get bubbles() {
+		return __classPrivateFieldGet(this, _Event_bubbles, "f");
+	}
+	get composed() {
+		return __classPrivateFieldGet(this, _Event_composed, "f");
+	}
+	get eventPhase() {
+		return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? _a$1.AT_TARGET : _a$1.NONE;
+	}
+	get cancelBubble() {
+		return __classPrivateFieldGet(this, _Event_propagationStopped, "f");
+	}
+	set cancelBubble(value) {
+		if (value) __classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+	}
+	stopPropagation() {
+		__classPrivateFieldSet(this, _Event_propagationStopped, true, "f");
+	}
+	get isTrusted() {
+		return false;
+	}
+}, _Event_cancelable = /* @__PURE__ */ new WeakMap(), _Event_bubbles = /* @__PURE__ */ new WeakMap(), _Event_composed = /* @__PURE__ */ new WeakMap(), _Event_defaultPrevented = /* @__PURE__ */ new WeakMap(), _Event_timestamp = /* @__PURE__ */ new WeakMap(), _Event_propagationStopped = /* @__PURE__ */ new WeakMap(), _Event_type = /* @__PURE__ */ new WeakMap(), _Event_target = /* @__PURE__ */ new WeakMap(), _Event_isBeingDispatched = /* @__PURE__ */ new WeakMap(), _a$1.NONE = NONE, _a$1.CAPTURING_PHASE = CAPTURING_PHASE, _a$1.AT_TARGET = AT_TARGET, _a$1.BUBBLING_PHASE = BUBBLING_PHASE, _a$1);
+Object.defineProperties(EventShim.prototype, {
+	initEvent: enumerableProperty$1,
+	stopImmediatePropagation: enumerableProperty$1,
+	preventDefault: enumerableProperty$1,
+	target: enumerableProperty$1,
+	currentTarget: enumerableProperty$1,
+	srcElement: enumerableProperty$1,
+	type: enumerableProperty$1,
+	cancelable: enumerableProperty$1,
+	defaultPrevented: enumerableProperty$1,
+	timeStamp: enumerableProperty$1,
+	composedPath: enumerableProperty$1,
+	returnValue: enumerableProperty$1,
+	bubbles: enumerableProperty$1,
+	composed: enumerableProperty$1,
+	eventPhase: enumerableProperty$1,
+	cancelBubble: enumerableProperty$1,
+	stopPropagation: enumerableProperty$1,
+	isTrusted: enumerableProperty$1
+});
+const CustomEventShim = (_b = class CustomEvent extends EventShim {
+	constructor(type, options = {}) {
+		var _options$detail;
+		super(type, options);
+		_CustomEvent_detail.set(this, void 0);
+		__classPrivateFieldSet(this, _CustomEvent_detail, (_options$detail = options === null || options === void 0 ? void 0 : options.detail) !== null && _options$detail !== void 0 ? _options$detail : null, "f");
+	}
+	initCustomEvent(_type, _bubbles, _cancelable, _detail) {
+		throw new Error("Method not implemented.");
+	}
+	get detail() {
+		return __classPrivateFieldGet(this, _CustomEvent_detail, "f");
+	}
+}, _CustomEvent_detail = /* @__PURE__ */ new WeakMap(), _b);
+Object.defineProperties(CustomEventShim.prototype, { detail: enumerableProperty$1 });
+const EventShimWithRealType = EventShim;
+const CustomEventShimWithRealType = CustomEventShim;
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/lib/css.js
+/**
+* @license
+* Copyright 2024 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var _a = class CSSRule {
+	constructor() {
+		this.STYLE_RULE = 1;
+		this.CHARSET_RULE = 2;
+		this.IMPORT_RULE = 3;
+		this.MEDIA_RULE = 4;
+		this.FONT_FACE_RULE = 5;
+		this.PAGE_RULE = 6;
+		this.NAMESPACE_RULE = 10;
+		this.KEYFRAMES_RULE = 7;
+		this.KEYFRAME_RULE = 8;
+		this.SUPPORTS_RULE = 12;
+		this.COUNTER_STYLE_RULE = 11;
+		this.FONT_FEATURE_VALUES_RULE = 14;
+		this.MARGIN_RULE = 9;
+		this.__parentStyleSheet = null;
+		this.cssText = "";
+	}
+	get parentRule() {
+		return null;
+	}
+	get parentStyleSheet() {
+		return this.__parentStyleSheet;
+	}
+	get type() {
+		return 0;
+	}
+};
+_a.STYLE_RULE = 1, _a.CHARSET_RULE = 2, _a.IMPORT_RULE = 3, _a.MEDIA_RULE = 4, _a.FONT_FACE_RULE = 5, _a.PAGE_RULE = 6, _a.NAMESPACE_RULE = 10, _a.KEYFRAMES_RULE = 7, _a.KEYFRAME_RULE = 8, _a.SUPPORTS_RULE = 12, _a.COUNTER_STYLE_RULE = 11, _a.FONT_FEATURE_VALUES_RULE = 14, _a.MARGIN_RULE = 9;
+//#endregion
+//#region ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.6.0/node_modules/@lit-labs/ssr-dom-shim/index.js
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var _globalThis, _globalThis$Event, _globalThis2, _globalThis2$CustomEv, _globalThis3, _globalThis3$litServe;
+(_globalThis$Event = (_globalThis = globalThis).Event) !== null && _globalThis$Event !== void 0 || (_globalThis.Event = EventShimWithRealType);
+(_globalThis2$CustomEv = (_globalThis2 = globalThis).CustomEvent) !== null && _globalThis2$CustomEv !== void 0 || (_globalThis2.CustomEvent = CustomEventShimWithRealType);
+const constructionToken = Symbol();
+const isCaptureEventListener = (options) => {
+	var _options$capture;
+	return typeof options === "boolean" ? options : (_options$capture = options === null || options === void 0 ? void 0 : options.capture) !== null && _options$capture !== void 0 ? _options$capture : false;
+};
+const enumerableProperty = { __proto__: null };
+enumerableProperty.enumerable = true;
+Object.freeze(enumerableProperty);
+/**
+* This is a basic implementation of an EventTarget.
+*
+* This is not fully spec compliant (e.g. validation),
+* but should work well enough for our use cases.
+*
+* @see https://dom.spec.whatwg.org/#eventtarget
+*
+* Example Event Path
+* ------------------
+*
+* Note that this depends on the logic in `packages/labs/ssr/src/lib/render-value.ts`.
+* Any element that is not a custom element or a slot element is skipped in the chain.
+*
+* <main>
+*   <my-el1>
+*     #shadow-dom (open)
+*       <div>
+*         <slot></slot>
+*         <my-el2>
+*           #shadow-dom (closed)
+*             <slot></slot>
+*             <event-dispatcher3></event-dispatcher3>
+*           <slot name="nested"></slot>
+*         </my-el2>
+*       </div>
+*     <event-dispatcher1></event-dispatcher1>
+*     <event-dispatcher2 slot="nested"></event-dispatcher2>
+*   </my-el1>
+* </main>
+*
+* Given the previous structure, the event path of this shim would be as follows,
+* for the given dispatcher with an event that bubbles (document-fragment
+* represents a ShadowRoot/#shadow-dom instance):
+*
+* <event-dispatcher1>:
+* [event-dispatcher1, slot{my-el1}, document-fragment{my-el1}, my-el1, document]
+*
+* <event-dispatcher2>:
+* [
+*   event-dispatcher2,
+*   slot[name="nested"]{my-el1},
+*   slot{my-el2},
+*   document-fragment{my-el2},
+*   my-el2,
+*   document-fragment{my-el1},
+*   my-el1,
+*   document
+* ]
+*
+* <event-dispatcher3> (without composed):
+* [event-dispatcher3, document-fragment{my-el2}]
+*
+* <event-dispatcher3> (composed):
+* [
+*   event-dispatcher3,
+*   document-fragment{my-el2},
+*   my-el2,
+*   document-fragment{my-el1},
+*   my-el1,
+*   document
+* ]
+*/
+var EventTarget = class {
+	constructor() {
+		this.__eventListeners = /* @__PURE__ */ new Map();
+		this.__captureEventListeners = /* @__PURE__ */ new Map();
+	}
+	addEventListener(type, callback, options) {
+		var _normalizedOptions$si;
+		if (callback === void 0 || callback === null) return;
+		const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+		let eventListeners = eventListenersMap.get(type);
+		if (eventListeners === void 0) {
+			eventListeners = /* @__PURE__ */ new Map();
+			eventListenersMap.set(type, eventListeners);
+		} else if (eventListeners.has(callback)) return;
+		const normalizedOptions = typeof options === "object" && options ? options : {};
+		(_normalizedOptions$si = normalizedOptions.signal) === null || _normalizedOptions$si === void 0 || _normalizedOptions$si.addEventListener("abort", () => this.removeEventListener(type, callback, options));
+		eventListeners.set(callback, normalizedOptions !== null && normalizedOptions !== void 0 ? normalizedOptions : {});
+	}
+	removeEventListener(type, callback, options) {
+		if (callback === void 0 || callback === null) return;
+		const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+		const eventListeners = eventListenersMap.get(type);
+		if (eventListeners !== void 0) {
+			eventListeners.delete(callback);
+			if (!eventListeners.size) eventListenersMap.delete(type);
+		}
+	}
+	dispatchEvent(event) {
+		let composedPath = this.__resolveFullEventPath();
+		if (!event.composed && this.__host) composedPath = composedPath.slice(0, composedPath.indexOf(this.__host));
+		let stopPropagation = false;
+		let stopImmediatePropagation = false;
+		let eventPhase = EventShimWithRealType.NONE;
+		let target = null;
+		let tmpTarget = null;
+		let currentTarget = null;
+		const originalStopPropagation = event.stopPropagation;
+		const originalStopImmediatePropagation = event.stopImmediatePropagation;
+		Object.defineProperties(event, {
+			target: {
+				get() {
+					var _target;
+					return (_target = target) !== null && _target !== void 0 ? _target : tmpTarget;
+				},
+				...enumerableProperty
+			},
+			srcElement: {
+				get() {
+					return event.target;
+				},
+				...enumerableProperty
+			},
+			currentTarget: {
+				get() {
+					return currentTarget;
+				},
+				...enumerableProperty
+			},
+			eventPhase: {
+				get() {
+					return eventPhase;
+				},
+				...enumerableProperty
+			},
+			composedPath: {
+				value: () => composedPath,
+				...enumerableProperty
+			},
+			stopPropagation: {
+				value: () => {
+					stopPropagation = true;
+					originalStopPropagation.call(event);
+				},
+				...enumerableProperty
+			},
+			stopImmediatePropagation: {
+				value: () => {
+					stopImmediatePropagation = true;
+					originalStopImmediatePropagation.call(event);
+				},
+				...enumerableProperty
+			}
+		});
+		const invokeEventListener = (listener, options, eventListenerMap) => {
+			if (typeof listener === "function") listener(event);
+			else if (typeof (listener === null || listener === void 0 ? void 0 : listener.handleEvent) === "function") listener.handleEvent(event);
+			if (options.once) eventListenerMap.delete(listener);
+		};
+		const finishDispatch = () => {
+			currentTarget = null;
+			eventPhase = EventShimWithRealType.NONE;
+			return !event.defaultPrevented;
+		};
+		const captureEventPath = composedPath.slice().reverse();
+		target = !this.__host || !event.composed ? this : null;
+		const retarget = (eventTargets) => {
+			tmpTarget = this;
+			while (tmpTarget.__host && eventTargets.includes(tmpTarget.__host)) tmpTarget = tmpTarget.__host;
+		};
+		for (const eventTarget of captureEventPath) {
+			if (!target && (!tmpTarget || tmpTarget === eventTarget.__host)) retarget(captureEventPath.slice(captureEventPath.indexOf(eventTarget)));
+			currentTarget = eventTarget;
+			eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.CAPTURING_PHASE;
+			const captureEventListeners = eventTarget.__captureEventListeners.get(event.type);
+			if (captureEventListeners) for (const [listener, options] of captureEventListeners) {
+				invokeEventListener(listener, options, captureEventListeners);
+				if (stopImmediatePropagation) return finishDispatch();
+			}
+			if (stopPropagation) return finishDispatch();
+		}
+		const bubbleEventPath = event.bubbles ? composedPath : [this];
+		tmpTarget = null;
+		for (const eventTarget of bubbleEventPath) {
+			if (!target && (!tmpTarget || eventTarget === tmpTarget.__host)) retarget(bubbleEventPath.slice(0, bubbleEventPath.indexOf(eventTarget) + 1));
+			currentTarget = eventTarget;
+			eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.BUBBLING_PHASE;
+			const eventListeners = eventTarget.__eventListeners.get(event.type);
+			if (eventListeners) for (const [listener, options] of eventListeners) {
+				invokeEventListener(listener, options, eventListeners);
+				if (stopImmediatePropagation) return finishDispatch();
+			}
+			if (stopPropagation) return finishDispatch();
+		}
+		return finishDispatch();
+	}
+	__resolveFullEventPath() {
+		if (this.__eventPathCache) return this.__eventPathCache;
+		else if (!this.__eventTargetParent) return this.__eventPathCache = [
+			this,
+			documentShim,
+			windowShim
+		];
+		else return this.__eventPathCache = [this, ...this.__eventTargetParent.__resolveFullEventPath()];
+	}
+};
+const attributes = /* @__PURE__ */ new WeakMap();
+const attributesForElement = (element) => {
+	let attrs = attributes.get(element);
+	if (attrs === void 0) attributes.set(element, attrs = /* @__PURE__ */ new Map());
+	return attrs;
+};
+const NodeShim = class Node extends EventTarget {
+	getRootNode(options) {
+		var _host$__shadowRoot;
+		if (options === null || options === void 0 ? void 0 : options.composed) return document$1;
+		const host = this.__host;
+		return (_host$__shadowRoot = host === null || host === void 0 ? void 0 : host.__shadowRoot) !== null && _host$__shadowRoot !== void 0 ? _host$__shadowRoot : document$1;
+	}
+};
+const DocumentShim = class Document extends NodeShim {
+	get adoptedStyleSheets() {
+		return [];
+	}
+	createTreeWalker() {
+		return {};
+	}
+	createTextNode() {
+		return {};
+	}
+	createElement() {
+		return {};
+	}
+};
+const documentShim = new DocumentShim();
+const document$1 = documentShim;
+const WindowShim = class Window extends NodeShim {
+	constructor(token) {
+		super();
+		if (token !== constructionToken) throw new TypeError("Illegal constructor");
+		Object.assign(this, globalThis, {
+			CustomElementRegistry,
+			customElements: customElements$1,
+			document: document$1,
+			Document: DocumentShim,
+			Element: ElementShim,
+			EventTarget,
+			HTMLElement: HTMLElementShim,
+			Node: NodeShim,
+			ShadowRoot: ShadowRootShim,
+			window: this,
+			Window: WindowShim
+		});
+	}
+};
+const ElementShim = class Element extends NodeShim {
+	constructor() {
+		super(...arguments);
+		this.__shadowRootMode = null;
+		this.__shadowRoot = null;
+		this.__internals = null;
+	}
+	get attributes() {
+		return Array.from(attributesForElement(this)).map(([name, value]) => ({
+			name,
+			value
+		}));
+	}
+	get shadowRoot() {
+		if (this.__shadowRootMode === "closed") return null;
+		return this.__shadowRoot;
+	}
+	get localName() {
+		return this.constructor.__localName;
+	}
+	get tagName() {
+		var _this$localName;
+		return (_this$localName = this.localName) === null || _this$localName === void 0 ? void 0 : _this$localName.toUpperCase();
+	}
+	setAttribute(name, value) {
+		attributesForElement(this).set(name, String(value));
+	}
+	removeAttribute(name) {
+		attributesForElement(this).delete(name);
+	}
+	toggleAttribute(name, force) {
+		if (this.hasAttribute(name)) {
+			if (force === void 0 || !force) {
+				this.removeAttribute(name);
+				return false;
+			}
+		} else if (force === void 0 || force) {
+			this.setAttribute(name, "");
+			return true;
+		} else return false;
+		return true;
+	}
+	hasAttribute(name) {
+		return attributesForElement(this).has(name);
+	}
+	attachShadow(init) {
+		this.__shadowRootMode = init.mode;
+		const shadowRoot = new ShadowRootShim(constructionToken, init);
+		shadowRoot.__eventTargetParent = this;
+		shadowRoot.__host = this;
+		return this.__shadowRoot = shadowRoot;
+	}
+	attachInternals() {
+		if (this.__internals !== null) throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
+		const internals = new ElementInternalsShim(this);
+		this.__internals = internals;
+		return internals;
+	}
+	getAttribute(name) {
+		const value = attributesForElement(this).get(name);
+		return value !== null && value !== void 0 ? value : null;
+	}
+};
+const HTMLElementShim = class HTMLElement extends ElementShim {};
+const HTMLElementShimWithRealType = HTMLElementShim;
+const ShadowRootShim = class ShadowRoot extends NodeShim {
+	get host() {
+		return this.__host;
+	}
+	constructor(constructionToken, init) {
+		super();
+		if (constructionToken !== constructionToken) throw new TypeError("Illegal constructor");
+		this.mode = init.mode;
+	}
+};
+(_globalThis3$litServe = (_globalThis3 = globalThis).litServerRoot) !== null && _globalThis3$litServe !== void 0 || (_globalThis3.litServerRoot = Object.defineProperty(new HTMLElementShimWithRealType(), "localName", { get() {
+	return "lit-server-root";
+} }));
+function promiseWithResolvers() {
+	let resolve;
+	let reject;
+	return {
+		promise: new Promise((res, rej) => {
+			resolve = res;
+			reject = rej;
+		}),
+		resolve,
+		reject
+	};
+}
+var CustomElementRegistry = class {
+	constructor() {
+		this.__definitions = /* @__PURE__ */ new Map();
+		this.__reverseDefinitions = /* @__PURE__ */ new Map();
+		this.__pendingWhenDefineds = /* @__PURE__ */ new Map();
+	}
+	define(name, ctor) {
+		var _ctor$observedAttribu, _this$__pendingWhenDe;
+		if (this.__definitions.has(name)) if (process.env.NODE_ENV === "development") console.warn(`'CustomElementRegistry' already has "${name}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.\nMake sure to test your application with a production build as repeat registrations will throw in production.`);
+		else throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${name}" has already been used with this registry`);
+		if (this.__reverseDefinitions.has(ctor)) throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the constructor has already been used with this registry for the tag name ${this.__reverseDefinitions.get(ctor)}`);
+		ctor.__localName = name;
+		this.__definitions.set(name, {
+			ctor,
+			observedAttributes: (_ctor$observedAttribu = ctor.observedAttributes) !== null && _ctor$observedAttribu !== void 0 ? _ctor$observedAttribu : []
+		});
+		this.__reverseDefinitions.set(ctor, name);
+		(_this$__pendingWhenDe = this.__pendingWhenDefineds.get(name)) === null || _this$__pendingWhenDe === void 0 || _this$__pendingWhenDe.resolve(ctor);
+		this.__pendingWhenDefineds.delete(name);
+	}
+	get(name) {
+		const definition = this.__definitions.get(name);
+		return definition === null || definition === void 0 ? void 0 : definition.ctor;
+	}
+	getName(ctor) {
+		var _this$__reverseDefini;
+		return (_this$__reverseDefini = this.__reverseDefinitions.get(ctor)) !== null && _this$__reverseDefini !== void 0 ? _this$__reverseDefini : null;
+	}
+	initialize(_root) {
+		throw new Error("customElements.initialize is not currently supported in SSR. Please file a bug if you need it.");
+	}
+	upgrade(_element) {
+		throw new Error("customElements.upgrade is not currently supported in SSR. Please file a bug if you need it.");
+	}
+	async whenDefined(name) {
+		const definition = this.__definitions.get(name);
+		if (definition) return definition.ctor;
+		let withResolvers = this.__pendingWhenDefineds.get(name);
+		if (!withResolvers) {
+			withResolvers = promiseWithResolvers();
+			this.__pendingWhenDefineds.set(name, withResolvers);
+		}
+		return withResolvers.promise;
+	}
+};
+const customElements$1 = new CustomElementRegistry();
+const windowShim = new WindowShim(constructionToken);
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/css-tag.js
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t$2 = globalThis, e$1 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$4 = /* @__PURE__ */ new WeakMap();
+var n$3 = class {
+	constructor(t, e, o) {
+		if (this._$cssResult$ = !0, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = t, this.t = e;
+	}
+	get styleSheet() {
+		let t = this.o;
+		const s = this.t;
+		if (e$1 && void 0 === t) {
+			const e = void 0 !== s && 1 === s.length;
+			e && (t = o$4.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && o$4.set(s, t));
+		}
+		return t;
+	}
+	toString() {
+		return this.cssText;
+	}
+};
+const r$4 = (t) => new n$3("string" == typeof t ? t : t + "", void 0, s$2), i$2 = (t, ...e) => {
+	return new n$3(1 === t.length ? t[0] : e.reduce((e, s, o) => e + ((t) => {
+		if (!0 === t._$cssResult$) return t.cssText;
+		if ("number" == typeof t) return t;
+		throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+	})(s) + t[o + 1], t[0]), t, s$2);
+}, S$1 = (s, o) => {
+	if (e$1) s.adoptedStyleSheets = o.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+	else for (const e of o) {
+		const o = document.createElement("style"), n = t$2.litNonce;
+		void 0 !== n && o.setAttribute("nonce", n), o.textContent = e.cssText, s.appendChild(o);
+	}
+}, c$2 = e$1 || void 0 === t$2.CSSStyleSheet ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((t) => {
+	let e = "";
+	for (const s of t.cssRules) e += s.cssText;
+	return r$4(e);
+})(t) : t;
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/reactive-element.js
+var _l$customElements, _Symbol, _Symbol$metadata, _l$litPropertyMetadat, _globalThis$HTMLEleme, _l$reactiveElementVer;
+const { is: h$1, defineProperty: r$3, getOwnPropertyDescriptor: o$3, getOwnPropertyNames: n$2, getOwnPropertySymbols: a$1, getPrototypeOf: c$1 } = Object, l$1 = globalThis;
+(_l$customElements = l$1.customElements) !== null && _l$customElements !== void 0 || (l$1.customElements = customElements$1);
+const p$1 = l$1.trustedTypes, d$1 = p$1 ? p$1.emptyScript : "", u$1 = l$1.reactiveElementPolyfillSupport, f$1 = (t, s) => t, b$1 = {
+	toAttribute(t, s) {
+		switch (s) {
+			case Boolean:
+				t = t ? d$1 : null;
+				break;
+			case Object:
+			case Array: t = null == t ? t : JSON.stringify(t);
+		}
+		return t;
+	},
+	fromAttribute(t, s) {
+		let i = t;
+		switch (s) {
+			case Boolean:
+				i = null !== t;
+				break;
+			case Number:
+				i = null === t ? null : Number(t);
+				break;
+			case Object:
+			case Array: try {
+				i = JSON.parse(t);
+			} catch (t) {
+				i = null;
+			}
+		}
+		return i;
+	}
+}, m$1 = (t, s) => !h$1(t, s), y$1 = {
+	attribute: !0,
+	type: String,
+	converter: b$1,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: m$1
+};
+(_Symbol$metadata = (_Symbol = Symbol).metadata) !== null && _Symbol$metadata !== void 0 || (_Symbol.metadata = Symbol("metadata")), (_l$litPropertyMetadat = l$1.litPropertyMetadata) !== null && _l$litPropertyMetadat !== void 0 || (l$1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+var g$1 = class extends ((_globalThis$HTMLEleme = globalThis.HTMLElement) !== null && _globalThis$HTMLEleme !== void 0 ? _globalThis$HTMLEleme : HTMLElementShimWithRealType) {
+	static addInitializer(t) {
+		var _this$l;
+		this._$Ei(), ((_this$l = this.l) !== null && _this$l !== void 0 ? _this$l : this.l = []).push(t);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(t, s = y$1) {
+		if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
+			const i = Symbol(), e = this.getPropertyDescriptor(t, i, s);
+			void 0 !== e && r$3(this.prototype, t, e);
+		}
+	}
+	static getPropertyDescriptor(t, s, i) {
+		var _o;
+		const { get: e, set: h } = (_o = o$3(this.prototype, t)) !== null && _o !== void 0 ? _o : {
+			get() {
+				return this[s];
+			},
+			set(t) {
+				this[s] = t;
+			}
+		};
+		return {
+			get: e,
+			set(s) {
+				const r = e === null || e === void 0 ? void 0 : e.call(this);
+				h === null || h === void 0 || h.call(this, s), this.requestUpdate(t, r, i);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(t) {
+		var _this$elementProperti;
+		return (_this$elementProperti = this.elementProperties.get(t)) !== null && _this$elementProperti !== void 0 ? _this$elementProperti : y$1;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(f$1("elementProperties"))) return;
+		const t = c$1(this);
+		t.finalize(), void 0 !== t.l && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(f$1("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(f$1("properties"))) {
+			const t = this.properties, s = [...n$2(t), ...a$1(t)];
+			for (const i of s) this.createProperty(i, t[i]);
+		}
+		const t = this[Symbol.metadata];
+		if (null !== t) {
+			const s = litPropertyMetadata.get(t);
+			if (void 0 !== s) for (const [t, i] of s) this.elementProperties.set(t, i);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (const [t, s] of this.elementProperties) {
+			const i = this._$Eu(t, s);
+			void 0 !== i && this._$Eh.set(i, t);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(t) {
+		const s = [];
+		if (Array.isArray(t)) {
+			const e = new Set(t.flat(Infinity).reverse());
+			for (const t of e) s.unshift(c$2(t));
+		} else void 0 !== t && s.push(c$2(t));
+		return s;
+	}
+	static _$Eu(t, s) {
+		const i = s.attribute;
+		return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		var _this$constructor$l;
+		this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (_this$constructor$l = this.constructor.l) === null || _this$constructor$l === void 0 || _this$constructor$l.forEach((t) => t(this));
+	}
+	addController(t) {
+		var _this$_$EO, _t$hostConnected;
+		((_this$_$EO = this._$EO) !== null && _this$_$EO !== void 0 ? _this$_$EO : this._$EO = /* @__PURE__ */ new Set()).add(t), void 0 !== this.renderRoot && this.isConnected && ((_t$hostConnected = t.hostConnected) === null || _t$hostConnected === void 0 || _t$hostConnected.call(t));
+	}
+	removeController(t) {
+		var _this$_$EO2;
+		(_this$_$EO2 = this._$EO) === null || _this$_$EO2 === void 0 || _this$_$EO2.delete(t);
+	}
+	_$E_() {
+		const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
+		for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+		t.size > 0 && (this._$Ep = t);
+	}
+	createRenderRoot() {
+		var _this$shadowRoot;
+		const t = (_this$shadowRoot = this.shadowRoot) !== null && _this$shadowRoot !== void 0 ? _this$shadowRoot : this.attachShadow(this.constructor.shadowRootOptions);
+		return S$1(t, this.constructor.elementStyles), t;
+	}
+	connectedCallback() {
+		var _this$renderRoot, _this$_$EO3;
+		(_this$renderRoot = this.renderRoot) !== null && _this$renderRoot !== void 0 || (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (_this$_$EO3 = this._$EO) === null || _this$_$EO3 === void 0 || _this$_$EO3.forEach((t) => {
+			var _t$hostConnected2;
+			return (_t$hostConnected2 = t.hostConnected) === null || _t$hostConnected2 === void 0 ? void 0 : _t$hostConnected2.call(t);
+		});
+	}
+	enableUpdating(t) {}
+	disconnectedCallback() {
+		var _this$_$EO4;
+		(_this$_$EO4 = this._$EO) === null || _this$_$EO4 === void 0 || _this$_$EO4.forEach((t) => {
+			var _t$hostDisconnected;
+			return (_t$hostDisconnected = t.hostDisconnected) === null || _t$hostDisconnected === void 0 ? void 0 : _t$hostDisconnected.call(t);
+		});
+	}
+	attributeChangedCallback(t, s, i) {
+		this._$AK(t, i);
+	}
+	_$ET(t, s) {
+		const i = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, i);
+		if (void 0 !== e && !0 === i.reflect) {
+			var _i$converter;
+			const h = (void 0 !== ((_i$converter = i.converter) === null || _i$converter === void 0 ? void 0 : _i$converter.toAttribute) ? i.converter : b$1).toAttribute(s, i.type);
+			this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
+		}
+	}
+	_$AK(t, s) {
+		const i = this.constructor, e = i._$Eh.get(t);
+		if (void 0 !== e && this._$Em !== e) {
+			var _t$converter, _ref, _this$_$Ej;
+			const t = i.getPropertyOptions(e), h = "function" == typeof t.converter ? { fromAttribute: t.converter } : void 0 !== ((_t$converter = t.converter) === null || _t$converter === void 0 ? void 0 : _t$converter.fromAttribute) ? t.converter : b$1;
+			this._$Em = e;
+			const r = h.fromAttribute(s, t.type);
+			this[e] = (_ref = r !== null && r !== void 0 ? r : (_this$_$Ej = this._$Ej) === null || _this$_$Ej === void 0 ? void 0 : _this$_$Ej.get(e)) !== null && _ref !== void 0 ? _ref : r, this._$Em = null;
+		}
+	}
+	requestUpdate(t, s, i, e = !1, h) {
+		if (void 0 !== t) {
+			var _i, _i$hasChanged, _this$_$Ej2;
+			const r = this.constructor;
+			if (!1 === e && (h = this[t]), (_i = i) !== null && _i !== void 0 || (i = r.getPropertyOptions(t)), !(((_i$hasChanged = i.hasChanged) !== null && _i$hasChanged !== void 0 ? _i$hasChanged : m$1)(h, s) || i.useDefault && i.reflect && h === ((_this$_$Ej2 = this._$Ej) === null || _this$_$Ej2 === void 0 ? void 0 : _this$_$Ej2.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
+			this.C(t, s, i);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(t, s, { useDefault: i, reflect: e, wrapped: h }, r) {
+		var _this$_$Ej3, _ref2, _this$_$Eq;
+		i && !((_this$_$Ej3 = this._$Ej) !== null && _this$_$Ej3 !== void 0 ? _this$_$Ej3 : this._$Ej = /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, (_ref2 = r !== null && r !== void 0 ? r : s) !== null && _ref2 !== void 0 ? _ref2 : this[t]), !0 !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), !0 === e && this._$Em !== t && ((_this$_$Eq = this._$Eq) !== null && _this$_$Eq !== void 0 ? _this$_$Eq : this._$Eq = /* @__PURE__ */ new Set()).add(t));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (t) {
+			Promise.reject(t);
+		}
+		const t = this.scheduleUpdate();
+		return null != t && await t, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			var _this$renderRoot2;
+			if ((_this$renderRoot2 = this.renderRoot) !== null && _this$renderRoot2 !== void 0 || (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+				for (const [t, s] of this._$Ep) this[t] = s;
+				this._$Ep = void 0;
+			}
+			const t = this.constructor.elementProperties;
+			if (t.size > 0) for (const [s, i] of t) {
+				const { wrapped: t } = i, e = this[s];
+				!0 !== t || this._$AL.has(s) || void 0 === e || this.C(s, void 0, i, e);
+			}
+		}
+		let t = !1;
+		const s = this._$AL;
+		try {
+			var _this$_$EO5;
+			t = this.shouldUpdate(s), t ? (this.willUpdate(s), (_this$_$EO5 = this._$EO) === null || _this$_$EO5 === void 0 || _this$_$EO5.forEach((t) => {
+				var _t$hostUpdate;
+				return (_t$hostUpdate = t.hostUpdate) === null || _t$hostUpdate === void 0 ? void 0 : _t$hostUpdate.call(t);
+			}), this.update(s)) : this._$EM();
+		} catch (s) {
+			throw t = !1, this._$EM(), s;
+		}
+		t && this._$AE(s);
+	}
+	willUpdate(t) {}
+	_$AE(t) {
+		var _this$_$EO6;
+		(_this$_$EO6 = this._$EO) === null || _this$_$EO6 === void 0 || _this$_$EO6.forEach((t) => {
+			var _t$hostUpdated;
+			return (_t$hostUpdated = t.hostUpdated) === null || _t$hostUpdated === void 0 ? void 0 : _t$hostUpdated.call(t);
+		}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(t) {
+		return !0;
+	}
+	update(t) {
+		this._$Eq && (this._$Eq = this._$Eq.forEach((t) => this._$ET(t, this[t]))), this._$EM();
+	}
+	updated(t) {}
+	firstUpdated(t) {}
+};
+g$1.elementStyles = [], g$1.shadowRootOptions = { mode: "open" }, g$1[f$1("elementProperties")] = /* @__PURE__ */ new Map(), g$1[f$1("finalized")] = /* @__PURE__ */ new Map(), u$1 === null || u$1 === void 0 || u$1({ ReactiveElement: g$1 }), ((_l$reactiveElementVer = l$1.reactiveElementVersions) !== null && _l$reactiveElementVer !== void 0 ? _l$reactiveElementVer : l$1.reactiveElementVersions = []).push("2.1.2");
+//#endregion
+//#region ../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/node/lit-html.js
+var _t$litHtmlVersions;
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t$1 = globalThis, i$1 = (t) => t, s$1 = t$1.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, h = "$lit$", o$2 = `lit$${Math.random().toFixed(9).slice(2)}$`, n$1 = "?" + o$2, r$2 = `<${n$1}>`, l = void 0 === t$1.document ? { createTreeWalker: () => ({}) } : document, c = () => l.createComment(""), a = (t) => null === t || "object" != typeof t && "function" != typeof t, u = Array.isArray, d = (t) => u(t) || "function" == typeof (t === null || t === void 0 ? void 0 : t[Symbol.iterator]), f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, x = (t) => (i, ...s) => ({
+	_$litType$: t,
+	strings: i,
+	values: s
+}), T = x(1), E = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
+function V(t, i) {
+	if (!u(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return void 0 !== e ? e.createHTML(i) : i;
+}
+const N = (t, i) => {
+	const s = t.length - 1, e = [];
+	let n, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = v;
+	for (let i = 0; i < s; i++) {
+		var _n;
+		const s = t[i];
+		let a, u, d = -1, f = 0;
+		for (; f < s.length && (c.lastIndex = f, u = c.exec(s), null !== u);) f = c.lastIndex, c === v ? "!--" === u[1] ? c = _ : void 0 !== u[1] ? c = m : void 0 !== u[2] ? (y.test(u[2]) && (n = RegExp("</" + u[2], "g")), c = p) : void 0 !== u[3] && (c = p) : c === p ? ">" === u[0] ? (c = (_n = n) !== null && _n !== void 0 ? _n : v, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? p : "\"" === u[3] ? $ : g) : c === $ || c === g ? c = p : c === _ || c === m ? c = v : (c = p, n = void 0);
+		const x = c === p && t[i + 1].startsWith("/>") ? " " : "";
+		l += c === v ? s + r$2 : d >= 0 ? (e.push(a), s.slice(0, d) + h + s.slice(d) + o$2 + x) : s + o$2 + (-2 === d ? i : x);
+	}
+	return [V(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")), e];
+};
+var S = class S {
+	constructor({ strings: t, _$litType$: i }, e) {
+		let r;
+		this.parts = [];
+		let l = 0, a = 0;
+		const u = t.length - 1, d = this.parts, [f, v] = N(t, i);
+		if (this.el = S.createElement(f, e), P.currentNode = this.el.content, 2 === i || 3 === i) {
+			const t = this.el.content.firstChild;
+			t.replaceWith(...t.childNodes);
+		}
+		for (; null !== (r = P.nextNode()) && d.length < u;) {
+			if (1 === r.nodeType) {
+				if (r.hasAttributes()) for (const t of r.getAttributeNames()) if (t.endsWith(h)) {
+					const i = v[a++], s = r.getAttribute(t).split(o$2), e = /([.?@])?(.*)/.exec(i);
+					d.push({
+						type: 1,
+						index: l,
+						name: e[2],
+						strings: s,
+						ctor: "." === e[1] ? I : "?" === e[1] ? L : "@" === e[1] ? z : H
+					}), r.removeAttribute(t);
+				} else t.startsWith(o$2) && (d.push({
+					type: 6,
+					index: l
+				}), r.removeAttribute(t));
+				if (y.test(r.tagName)) {
+					const t = r.textContent.split(o$2), i = t.length - 1;
+					if (i > 0) {
+						r.textContent = s$1 ? s$1.emptyScript : "";
+						for (let s = 0; s < i; s++) r.append(t[s], c()), P.nextNode(), d.push({
+							type: 2,
+							index: ++l
+						});
+						r.append(t[i], c());
+					}
+				}
+			} else if (8 === r.nodeType) if (r.data === n$1) d.push({
+				type: 2,
+				index: l
+			});
+			else {
+				let t = -1;
+				for (; -1 !== (t = r.data.indexOf(o$2, t + 1));) d.push({
+					type: 7,
+					index: l
+				}), t += o$2.length - 1;
+			}
+			l++;
+		}
+	}
+	static createElement(t, i) {
+		const s = l.createElement("template");
+		return s.innerHTML = t, s;
+	}
+};
+function M(t, i, s = t, e) {
+	var _s$_$Co, _h$_$AO, _s$_$Co2;
+	if (i === E) return i;
+	let h = void 0 !== e ? (_s$_$Co = s._$Co) === null || _s$_$Co === void 0 ? void 0 : _s$_$Co[e] : s._$Cl;
+	const o = a(i) ? void 0 : i._$litDirective$;
+	return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 || (_h$_$AO = h._$AO) === null || _h$_$AO === void 0 || _h$_$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((_s$_$Co2 = s._$Co) !== null && _s$_$Co2 !== void 0 ? _s$_$Co2 : s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = M(t, h._$AS(t, i.values), h, e)), i;
+}
+var k = class {
+	constructor(t, i) {
+		this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(t) {
+		var _t$creationScope;
+		const { el: { content: i }, parts: s } = this._$AD, e = ((_t$creationScope = t === null || t === void 0 ? void 0 : t.creationScope) !== null && _t$creationScope !== void 0 ? _t$creationScope : l).importNode(i, !0);
+		P.currentNode = e;
+		let h = P.nextNode(), o = 0, n = 0, r = s[0];
+		for (; void 0 !== r;) {
+			if (o === r.index) {
+				let i;
+				2 === r.type ? i = new R(h, h.nextSibling, this, t) : 1 === r.type ? i = new r.ctor(h, r.name, r.strings, this, t) : 6 === r.type && (i = new W(h, this, t)), this._$AV.push(i), r = s[++n];
+			}
+			o !== (r === null || r === void 0 ? void 0 : r.index) && (h = P.nextNode(), o++);
+		}
+		return P.currentNode = l, e;
+	}
+	p(t) {
+		let i = 0;
+		for (const s of this._$AV) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+	}
+};
+var R = class R {
+	get _$AU() {
+		var _this$_$AM$_$AU, _this$_$AM;
+		return (_this$_$AM$_$AU = (_this$_$AM = this._$AM) === null || _this$_$AM === void 0 ? void 0 : _this$_$AM._$AU) !== null && _this$_$AM$_$AU !== void 0 ? _this$_$AM$_$AU : this._$Cv;
+	}
+	constructor(t, i, s, e) {
+		var _e$isConnected;
+		this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e$isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e$isConnected !== void 0 ? _e$isConnected : !0;
+	}
+	get parentNode() {
+		let t = this._$AA.parentNode;
+		const i = this._$AM;
+		return void 0 !== i && 11 === (t === null || t === void 0 ? void 0 : t.nodeType) && (t = i.parentNode), t;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(t, i = this) {
+		t = M(this, t, i), a(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== E && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : d(t) ? this.k(t) : this._(t);
+	}
+	O(t) {
+		return this._$AA.parentNode.insertBefore(t, this._$AB);
+	}
+	T(t) {
+		this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+	}
+	_(t) {
+		this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t : this.T(l.createTextNode(t)), this._$AH = t;
+	}
+	$(t) {
+		var _this$_$AH;
+		const { values: i, _$litType$: s } = t, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = S.createElement(V(s.h, s.h[0]), this.options)), s);
+		if (((_this$_$AH = this._$AH) === null || _this$_$AH === void 0 ? void 0 : _this$_$AH._$AD) === e) this._$AH.p(i);
+		else {
+			const t = new k(e, this), s = t.u(this.options);
+			t.p(i), this.T(s), this._$AH = t;
+		}
+	}
+	_$AC(t) {
+		let i = C.get(t.strings);
+		return void 0 === i && C.set(t.strings, i = new S(t)), i;
+	}
+	k(t) {
+		u(this._$AH) || (this._$AH = [], this._$AR());
+		const i = this._$AH;
+		let s, e = 0;
+		for (const h of t) e === i.length ? i.push(s = new R(this.O(c()), this.O(c()), this, this.options)) : s = i[e], s._$AI(h), e++;
+		e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
+	}
+	_$AR(t = this._$AA.nextSibling, s) {
+		var _this$_$AP;
+		for ((_this$_$AP = this._$AP) === null || _this$_$AP === void 0 || _this$_$AP.call(this, !1, !0, s); t !== this._$AB;) {
+			const s = i$1(t).nextSibling;
+			i$1(t).remove(), t = s;
+		}
+	}
+	setConnected(t) {
+		var _this$_$AP2;
+		void 0 === this._$AM && (this._$Cv = t, (_this$_$AP2 = this._$AP) === null || _this$_$AP2 === void 0 || _this$_$AP2.call(this, t));
+	}
+};
+var H = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(t, i, s, e, h) {
+		this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(/* @__PURE__ */ new String()), this.strings = s) : this._$AH = A;
+	}
+	_$AI(t, i = this, s, e) {
+		const h = this.strings;
+		let o = !1;
+		if (void 0 === h) t = M(this, t, i, 0), o = !a(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+		else {
+			var _r;
+			const e = t;
+			let n, r;
+			for (t = h[0], n = 0; n < h.length - 1; n++) r = M(this, e[s + n], i, n), r === E && (r = this._$AH[n]), o || (o = !a(r) || r !== this._$AH[n]), r === A ? t = A : t !== A && (t += ((_r = r) !== null && _r !== void 0 ? _r : "") + h[n + 1]), this._$AH[n] = r;
+		}
+		o && !e && this.j(t);
+	}
+	j(t) {
+		t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+	}
+};
+var I = class extends H {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(t) {
+		this.element[this.name] = t === A ? void 0 : t;
+	}
+};
+var L = class extends H {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(t) {
+		this.element.toggleAttribute(this.name, !!t && t !== A);
+	}
+};
+var z = class extends H {
+	constructor(t, i, s, e, h) {
+		super(t, i, s, e, h), this.type = 5;
+	}
+	_$AI(t, i = this) {
+		var _M;
+		if ((t = (_M = M(this, t, i, 0)) !== null && _M !== void 0 ? _M : A) === E) return;
+		const s = this._$AH, e = t === A && s !== A || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== A && (s === A || e);
+		e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
+	}
+	handleEvent(t) {
+		var _this$options$host, _this$options;
+		"function" == typeof this._$AH ? this._$AH.call((_this$options$host = (_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.host) !== null && _this$options$host !== void 0 ? _this$options$host : this.element, t) : this._$AH.handleEvent(t);
+	}
+};
+var W = class {
+	constructor(t, i, s) {
+		this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(t) {
+		M(this, t);
+	}
+};
+const j = t$1.litHtmlPolyfillSupport;
+j === null || j === void 0 || j(S, R), ((_t$litHtmlVersions = t$1.litHtmlVersions) !== null && _t$litHtmlVersions !== void 0 ? _t$litHtmlVersions : t$1.litHtmlVersions = []).push("3.3.3");
+const B = (t, i, s) => {
+	var _s$renderBefore;
+	const e = (_s$renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s$renderBefore !== void 0 ? _s$renderBefore : i;
+	let h = e._$litPart$;
+	if (void 0 === h) {
+		var _s$renderBefore2;
+		const t = (_s$renderBefore2 = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s$renderBefore2 !== void 0 ? _s$renderBefore2 : null;
+		e._$litPart$ = h = new R(i.insertBefore(c(), t), t, void 0, s !== null && s !== void 0 ? s : {});
+	}
+	return h._$AI(t), h;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js
+var _s$litElementHydrateS, _s$litElementVersions;
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/ const s = globalThis;
+var i = class extends g$1 {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		var _this$renderOptions, _this$renderOptions$r;
+		const t = super.createRenderRoot();
+		return (_this$renderOptions$r = (_this$renderOptions = this.renderOptions).renderBefore) !== null && _this$renderOptions$r !== void 0 || (_this$renderOptions.renderBefore = t.firstChild), t;
+	}
+	update(t) {
+		const r = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = B(r, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		var _this$_$Do;
+		super.connectedCallback(), (_this$_$Do = this._$Do) === null || _this$_$Do === void 0 || _this$_$Do.setConnected(!0);
+	}
+	disconnectedCallback() {
+		var _this$_$Do2;
+		super.disconnectedCallback(), (_this$_$Do2 = this._$Do) === null || _this$_$Do2 === void 0 || _this$_$Do2.setConnected(!1);
+	}
+	render() {
+		return E;
+	}
+};
+i._$litElement$ = !0, i["finalized"] = !0, (_s$litElementHydrateS = s.litElementHydrateSupport) === null || _s$litElementHydrateS === void 0 || _s$litElementHydrateS.call(s, { LitElement: i });
+const o$1 = s.litElementPolyfillSupport;
+o$1 === null || o$1 === void 0 || o$1({ LitElement: i });
+((_s$litElementVersions = s.litElementVersions) !== null && _s$litElementVersions !== void 0 ? _s$litElementVersions : s.litElementVersions = []).push("4.2.2");
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/custom-element.js
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t = (t) => (e, o) => {
+	void 0 !== o ? o.addInitializer(() => {
+		customElements.define(t, e);
+	}) : customElements.define(t, e);
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/property.js
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/ const o = {
+	attribute: !0,
+	type: String,
+	converter: b$1,
+	reflect: !1,
+	hasChanged: m$1
+}, r$1 = (t = o, e, r) => {
+	const { kind: n, metadata: i } = r;
+	let s = globalThis.litPropertyMetadata.get(i);
+	if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), "setter" === n && ((t = Object.create(t)).wrapped = !0), s.set(r.name, t), "accessor" === n) {
+		const { name: o } = r;
+		return {
+			set(r) {
+				const n = e.get.call(this);
+				e.set.call(this, r), this.requestUpdate(o, n, t, !0, r);
+			},
+			init(e) {
+				return void 0 !== e && this.C(o, void 0, t, e), e;
+			}
+		};
+	}
+	if ("setter" === n) {
+		const { name: o } = r;
+		return function(r) {
+			const n = this[o];
+			e.call(this, r), this.requestUpdate(o, n, t, !0, r);
+		};
+	}
+	throw Error("Unsupported decorator location: " + n);
+};
+function n(t) {
+	return (e, o) => "object" == typeof o ? r$1(t, e, o) : ((t, e, o) => {
+		const r = e.hasOwnProperty(o);
+		return e.constructor.createProperty(o, t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
+	})(t, e, o);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/state.js
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/ function r(r) {
+	return n({
+		...r,
+		state: !0,
+		attribute: !1
+	});
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+//#region src/element.ts
+let EgPlayer = class EgPlayer extends i {
+	constructor(..._args) {
+		super(..._args);
+		this.scenes = [];
+		this.currentSceneId = null;
+		this.currentTime = 0;
+		this.sceneDuration = 0;
+		this._visible = [];
+		this._answers = /* @__PURE__ */ new Map();
+		this._completed = /* @__PURE__ */ new Set();
+		this._prevVisibleIds = /* @__PURE__ */ new Set();
+		this._autoAdvancedSceneId = null;
+		this._prevSeekable = null;
+	}
+	willUpdate() {
+		var _scene$interactions, _scene$interactions2;
+		const scene = this.scenes.find((s) => s.id === this.currentSceneId);
+		const visible = getVisibleInteractions(scene, this.currentTime);
+		const visibleIds = new Set(visible.map((i) => i.id));
+		for (const i of visible) if ((i.waitForClick || i.required) && !this._prevVisibleIds.has(i.id)) this.dispatchEvent(new CustomEvent("intent", {
+			detail: { type: "pause" },
+			bubbles: true,
+			composed: true
+		}));
+		this._prevVisibleIds = visibleIds;
+		this._visible = visible;
+		const seekable = !(scene === null || scene === void 0 || (_scene$interactions = scene.interactions) === null || _scene$interactions === void 0 ? void 0 : _scene$interactions.some((i) => "waitForClick" in i && i.waitForClick));
+		if (this._prevSeekable !== seekable) {
+			this._prevSeekable = seekable;
+			this.dispatchEvent(new CustomEvent("seekabilitychange", {
+				detail: { seekable },
+				bubbles: true,
+				composed: true
+			}));
+		}
+		const hasWaitForClickInteraction = scene === null || scene === void 0 || (_scene$interactions2 = scene.interactions) === null || _scene$interactions2 === void 0 ? void 0 : _scene$interactions2.some((i) => "waitForClick" in i && i.waitForClick);
+		const hasBlockingVisible = visible.some((i) => (i.waitForClick || i.required) && !this._completed.has(i.id));
+		if (this.sceneDuration > 0 && this.currentTime >= this.sceneDuration && !hasWaitForClickInteraction && !hasBlockingVisible && this.currentSceneId && this._autoAdvancedSceneId !== this.currentSceneId) {
+			this._autoAdvancedSceneId = this.currentSceneId;
+			const currentScene = this.scenes.find((s) => s.id === this.currentSceneId);
+			const nextScene = currentScene ? this.scenes.filter((s) => s.order > currentScene.order).sort((a, b) => a.order - b.order)[0] : void 0;
+			const intent = nextScene ? {
+				type: "navigate",
+				sceneId: nextScene.id
+			} : {
+				type: "navigate",
+				sceneId: null
+			};
+			this.dispatchEvent(new CustomEvent("intent", {
+				detail: intent,
+				bubbles: true,
+				composed: true
+			}));
+		}
+		if (this.currentSceneId !== this._autoAdvancedSceneId) this._autoAdvancedSceneId = null;
+	}
+	render() {
+		return T`
+      <div class="overlay-root">
+        ${this._visible.map((i) => i.type === "button" ? this.renderButton(i) : this.renderQuiz(i))}
+      </div>
+    `;
+	}
+	renderButton(i) {
+		return T`<button class="btn" style=${`
+      left: ${i.position.x}%;
+      top: ${i.position.y}%;
+      width: ${i.position.w}%;
+      height: ${i.position.h}%;
+      --btn-bg: ${i.style.btnBg};
+      color: ${i.style.textBg};
+    `} @click=${() => this.emitIntentForAction(i)}>
+      <span class="btn__bg"></span>
+      <span class="btn__label">${i.label}</span>
+    </button>`;
+	}
+	renderQuiz(i) {
+		var _i$options$find$corre, _i$options$find;
+		const style = `
+      left: ${i.position.x}%;
+      top: ${i.position.y}%;
+      width: ${i.position.w}%;
+    `;
+		const answeredId = this._answers.get(i.id);
+		const answered = answeredId != null;
+		const gotItRight = answered && ((_i$options$find$corre = (_i$options$find = i.options.find((o) => o.id === answeredId)) === null || _i$options$find === void 0 ? void 0 : _i$options$find.correct) !== null && _i$options$find$corre !== void 0 ? _i$options$find$corre : false);
+		return T`
+      <div class="quiz" style=${style} role="group" aria-label=${i.question}>
+        <p class="quiz__question">${i.question}</p>
+        <div class="quiz__options">
+          ${i.options.map((o) => {
+			const chosen = o.id === answeredId;
+			const reveal = answered && o.correct;
+			return T`<button class=${[
+				"quiz__option",
+				reveal ? "is-correct" : "",
+				answered && chosen && !o.correct ? "is-wrong" : "",
+				answered && !chosen && !o.correct ? "is-muted" : ""
+			].filter(Boolean).join(" ")} ?disabled=${answered} @click=${() => this.answer(i.id, o.id)}>
+              <span class="quiz__mark">${reveal ? "✓" : chosen ? "✗" : ""}</span>
+              <span>${o.label}</span>
+            </button>`;
+		})}
+        </div>
+        ${answered ? T`
+              <p class="quiz__feedback ${gotItRight ? "is-correct" : "is-wrong"}">
+                ${gotItRight ? "Correct!" : "Not quite."}
+              </p>
+              <button class="quiz__continue" @click=${() => this.emitIntentForAction(i)}>Continue</button>
+            ` : null}
+      </div>
+    `;
+	}
+	answer(interactionId, optionId) {
+		if (this._answers.has(interactionId)) return;
+		const next = new Map(this._answers);
+		next.set(interactionId, optionId);
+		this._answers = next;
+	}
+	emitIntentForAction(i) {
+		if (!this.currentSceneId) return;
+		if ((i.required || i.waitForClick) && !this._completed.has(i.id)) {
+			const next = new Set(this._completed);
+			next.add(i.id);
+			this._completed = next;
+			this.dispatchEvent(new CustomEvent("satisfied", {
+				detail: { id: i.id },
+				bubbles: true,
+				composed: true
+			}));
+		}
+		const intent = resolveAction(this.scenes, this.currentSceneId, i.action);
+		this.dispatchEvent(new CustomEvent("intent", {
+			detail: intent,
+			bubbles: true,
+			composed: true
+		}));
+	}
+};
+EgPlayer.styles = i$2`
+    :host {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      display: block;
+      font-family: inherit;
+    }
+    /* Container-query context: all sizes below are % of the canvas width (cqw),
+       so elements look identical at every host size. 1cqw = 1% of canvas width. */
+    .overlay-root {
+      position: absolute;
+      inset: 0;
+      container-type: inline-size;
+    }
+    button {
+      font: inherit;
+      cursor: pointer;
+      border: 0;
+    }
+    /* Button styling scales with the button's own size (container-type: size),
+       matching the PIXI render on the editor canvas:
+       radius = 12% of height, font-size = max(12px, 40% of height). */
+    .btn {
+      position: absolute;
+      pointer-events: auto;
+      container-type: size;
+      border: 0;
+      padding: 0;
+      background: transparent;
+      display: grid;
+      place-items: center;
+      font: inherit;
+    }
+    .btn__bg {
+      position: absolute;
+      inset: 0;
+      background: var(--btn-bg);
+      border-radius: 12cqh;
+      pointer-events: none;
+      overflow: hidden;
+    }
+    /* Shimmer cue: a diagonal band sweeps across the button to signal "click me".
+       Mode 1 (current): always while the button is visible. To switch to mode 2
+       (only while playback is waiting on this interaction), gate this rule on a
+       runtime-applied class, e.g. .btn.is-waiting .btn__bg::after. */
+    .btn__bg::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+        115deg,
+        transparent 35%,
+        rgba(255, 255, 255, 0.45) 50%,
+        transparent 65%
+      );
+      background-size: 200% 100%;
+      animation: btn-shimmer 2.4s linear infinite;
+      pointer-events: none;
+    }
+    /* Seamless loop: movement (200%) equals the gradient period
+       (background-size: 200%), so the visible state at 0% and 100% is identical
+       and the wrap is invisible. */
+    @keyframes btn-shimmer {
+      0%   { background-position: 100% 0; }
+      100% { background-position: -100% 0; }
+    }
+    .btn__label {
+      position: relative;
+      font-size: max(12px, 40cqh);
+      font-weight: 600;
+      line-height: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 96%;
+      padding: 0 4cqh;
+      box-sizing: border-box;
+    }
+
+    /* Quiz card */
+    .quiz {
+      position: absolute;
+      pointer-events: auto;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      gap: 0.9cqw;
+      padding: 1.4cqw;
+      border-radius: 0.9cqw;
+      background: rgba(17, 24, 39, 0.92);
+      color: #fff;
+      box-shadow: 0 0.5cqw 1.5cqw rgba(0, 0, 0, 0.35);
+      backdrop-filter: blur(2px);
+    }
+    .quiz__question {
+      margin: 0;
+      font-size: 1.5cqw;
+      font-weight: 700;
+      line-height: 1.3;
+    }
+    .quiz__options {
+      display: flex;
+      flex-direction: column;
+      gap: 0.6cqw;
+    }
+    .quiz__option {
+      display: flex;
+      align-items: center;
+      gap: 0.7cqw;
+      width: 100%;
+      text-align: left;
+      padding: 0.8cqw 1cqw;
+      border-radius: 0.6cqw;
+      background: #fff;
+      color: #111827;
+      border: 0.15cqw solid transparent;
+      font-size: 1.3cqw;
+      transition: background 0.15s, border-color 0.15s, opacity 0.15s;
+    }
+    .quiz__option:hover:not(:disabled) {
+      background: #eef2ff;
+    }
+    .quiz__option:disabled {
+      cursor: default;
+    }
+    .quiz__option.is-correct {
+      background: #ecfdf5;
+      border-color: #10b981;
+      color: #065f46;
+    }
+    .quiz__option.is-wrong {
+      background: #fef2f2;
+      border-color: #ef4444;
+      color: #991b1b;
+    }
+    .quiz__option.is-muted {
+      opacity: 0.55;
+    }
+    .quiz__mark {
+      flex: 0 0 auto;
+      width: 1.4cqw;
+      height: 1.4cqw;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.1cqw;
+      font-weight: 700;
+    }
+    .quiz__feedback {
+      margin: 0;
+      font-size: 1.2cqw;
+      font-weight: 600;
+    }
+    .quiz__feedback.is-correct {
+      color: #6ee7b7;
+    }
+    .quiz__feedback.is-wrong {
+      color: #fca5a5;
+    }
+    .quiz__continue {
+      align-self: flex-end;
+      padding: 0.7cqw 1.4cqw;
+      border-radius: 0.6cqw;
+      background: #65c86d;
+      color: #fff;
+      font-weight: 600;
+      font-size: 1.3cqw;
+    }
+    .quiz__continue:hover {
+      background: #4fb358;
+    }
+  `;
+__decorate([n({ attribute: false })], EgPlayer.prototype, "scenes", void 0);
+__decorate([n({ attribute: false })], EgPlayer.prototype, "currentSceneId", void 0);
+__decorate([n({ type: Number })], EgPlayer.prototype, "currentTime", void 0);
+__decorate([n({ type: Number })], EgPlayer.prototype, "sceneDuration", void 0);
+__decorate([r()], EgPlayer.prototype, "_visible", void 0);
+__decorate([r()], EgPlayer.prototype, "_answers", void 0);
+__decorate([r()], EgPlayer.prototype, "_completed", void 0);
+EgPlayer = __decorate([t("eg-player")], EgPlayer);
+//#endregion
+export { EgPlayer };
+
+//# sourceMappingURL=index.mjs.map