@vonage/vivid 5.19.0 → 5.20.0

package/bundled/vivid-element.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/interfaces.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/interfaces.js
 var e, t = "fast-kernel";
 try {
 	if (document.currentScript) e = document.currentScript.getAttribute(t);
@@ -37,7 +37,11 @@ switch (e) {
 		});
 		break;
 }
-var r = (e) => typeof e == "function", i = (e) => typeof e == "string", a = () => void 0;
+var r;
+(function(e) {
+	e[e.needsArrayObservation = 1101] = "needsArrayObservation", e[e.onlySetDOMPolicyOnce = 1201] = "onlySetDOMPolicyOnce", e[e.bindingInnerHTMLRequiresTrustedTypes = 1202] = "bindingInnerHTMLRequiresTrustedTypes", e[e.twoWayBindingRequiresObservables = 1203] = "twoWayBindingRequiresObservables", e[e.hostBindingWithoutHost = 1204] = "hostBindingWithoutHost", e[e.unsupportedBindingBehavior = 1205] = "unsupportedBindingBehavior", e[e.directCallToHTMLTagNotAllowed = 1206] = "directCallToHTMLTagNotAllowed", e[e.onlySetTemplatePolicyOnce = 1207] = "onlySetTemplatePolicyOnce", e[e.cannotSetTemplatePolicyAfterCompilation = 1208] = "cannotSetTemplatePolicyAfterCompilation", e[e.blockedByDOMPolicy = 1209] = "blockedByDOMPolicy", e[e.missingElementDefinition = 1401] = "missingElementDefinition", e[e.noRegistrationForContext = 1501] = "noRegistrationForContext", e[e.noFactoryForResolver = 1502] = "noFactoryForResolver", e[e.invalidResolverStrategy = 1503] = "invalidResolverStrategy", e[e.cannotAutoregisterDependency = 1504] = "cannotAutoregisterDependency", e[e.cannotResolveKey = 1505] = "cannotResolveKey", e[e.cannotConstructNativeFunction = 1506] = "cannotConstructNativeFunction", e[e.cannotJITRegisterNonConstructor = 1507] = "cannotJITRegisterNonConstructor", e[e.cannotJITRegisterIntrinsic = 1508] = "cannotJITRegisterIntrinsic", e[e.cannotJITRegisterInterface = 1509] = "cannotJITRegisterInterface", e[e.invalidResolver = 1510] = "invalidResolver", e[e.invalidKey = 1511] = "invalidKey", e[e.noDefaultResolver = 1512] = "noDefaultResolver", e[e.cyclicDependency = 1513] = "cyclicDependency", e[e.connectUpdateRequiresController = 1514] = "connectUpdateRequiresController";
+})(r ||= {});
+var i = (e) => typeof e == "function", a = (e) => typeof e == "string", o = () => void 0;
 (function() {
 	if (!(typeof globalThis < "u")) if (typeof global < "u") global.globalThis = global;
 	else if (typeof self < "u") self.globalThis = self;
@@ -60,30 +64,30 @@ var r = (e) => typeof e == "function", i = (e) => typeof e == "string", a = () =
 	});
 })();
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/platform.js
-var o = {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/platform.js
+var s = {
 	configurable: !1,
 	enumerable: !1,
 	writable: !1
 };
-globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: Object.create(null) }, o));
-var s = globalThis.FAST;
-if (s.getById === void 0) {
+globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: Object.create(null) }, s));
+var c = globalThis.FAST;
+if (c.getById === void 0) {
 	let e = Object.create(null);
-	Reflect.defineProperty(s, "getById", Object.assign({ value(t, n) {
+	Reflect.defineProperty(c, "getById", Object.assign({ value(t, n) {
 		let r = e[t];
 		return r === void 0 && (r = n ? e[t] = n() : null), r;
-	} }, o));
+	} }, s));
 }
-s.error === void 0 && Object.assign(s, {
+c.error === void 0 && Object.assign(c, {
 	warn() {},
 	error(e) {
 		return /* @__PURE__ */ Error(`Error ${e}`);
 	},
 	addMessages() {}
 });
-var c = Object.freeze([]);
-function l() {
+var l = Object.freeze([]);
+function u() {
 	let e = /* @__PURE__ */ new Map();
 	return Object.freeze({
 		register(t) {
@@ -97,7 +101,7 @@ function l() {
 		}
 	});
 }
-function u() {
+function d() {
 	let e = /* @__PURE__ */ new WeakMap();
 	return function(t) {
 		let n = e.get(t);
@@ -109,12 +113,12 @@ function u() {
 		return n;
 	};
 }
-function d(e) {
-	e.prototype.toJSON = a;
+function f(e) {
+	e.prototype.toJSON = o;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/dom.js
-var f = Object.freeze({
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/dom.js
+var p = Object.freeze({
 	none: 0,
 	attribute: 1,
 	booleanAttribute: 2,
@@ -122,20 +126,20 @@ var f = Object.freeze({
 	content: 4,
 	tokenList: 5,
 	event: 6
-}), p = (e) => e, ee = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: p }) : { createHTML: p }, m = Object.freeze({
+}), m = (e) => e, ee = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: m }) : { createHTML: m }, h = Object.freeze({
 	createHTML(e) {
 		return ee.createHTML(e);
 	},
 	protect(e, t, n, r) {
 		return r;
 	}
-}), te = m, h = Object.freeze({
+}), te = h, g = Object.freeze({
 	get policy() {
-		return m;
+		return h;
 	},
 	setPolicy(e) {
-		if (m !== te) throw s.error(1201);
-		m = e;
+		if (h !== te) throw c.error(r.onlySetDOMPolicyOnce);
+		h = e;
 	},
 	setAttribute(e, t, n) {
 		n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
@@ -143,36 +147,6 @@ var f = Object.freeze({
 	setBooleanAttribute(e, t, n) {
 		n ? e.setAttribute(t, "") : e.removeAttribute(t);
 	}
-}), g = s.getById(n.updateQueue, () => {
-	let e = [], t = [], n = globalThis.requestAnimationFrame, r = !0;
-	function i() {
-		if (t.length) throw t.shift();
-	}
-	function a(n) {
-		try {
-			n.call();
-		} catch (n) {
-			if (r) t.push(n), setTimeout(i, 0);
-			else throw e.length = 0, n;
-		}
-	}
-	function o() {
-		let t = 0;
-		for (; t < e.length;) if (a(e[t]), t++, t > 1024) {
-			for (let n = 0, r = e.length - t; n < r; n++) e[n] = e[n + t];
-			e.length -= t, t = 0;
-		}
-		e.length = 0;
-	}
-	function s(t) {
-		e.push(t), e.length < 2 && (r ? n(o) : o());
-	}
-	return Object.freeze({
-		enqueue: s,
-		next: () => new Promise(s),
-		process: o,
-		setMode: (e) => r = e
-	});
 }), _ = class {
 	constructor(e, t) {
 		this.sub1 = void 0, this.sub2 = void 0, this.spillover = void 0, this.subject = e, this.sub1 = t;
@@ -230,35 +204,65 @@ var f = Object.freeze({
 		var n, r;
 		t ? (n = this.subscribers[t]) == null || n.unsubscribe(e) : (r = this.subjectSubscribers) == null || r.unsubscribe(e);
 	}
-}, v = Object.freeze({
+}, re = c.getById(n.updateQueue, () => {
+	let e = [], t = [], n = globalThis.requestAnimationFrame, r = !0;
+	function i() {
+		if (t.length) throw t.shift();
+	}
+	function a(n) {
+		try {
+			n.call();
+		} catch (n) {
+			if (r) t.push(n), setTimeout(i, 0);
+			else throw e.length = 0, n;
+		}
+	}
+	function o() {
+		let t = 0;
+		for (; t < e.length;) if (a(e[t]), t++, t > 1024) {
+			for (let n = 0, r = e.length - t; n < r; n++) e[n] = e[n + t];
+			e.length -= t, t = 0;
+		}
+		e.length = 0;
+	}
+	function s(t) {
+		e.push(t), e.length < 2 && (r ? n(o) : o());
+	}
+	return Object.freeze({
+		enqueue: s,
+		next: () => new Promise(s),
+		process: o,
+		setMode: (e) => r = e
+	});
+}), v = Object.freeze({
 	unknown: void 0,
 	coupled: 1
-}), y = s.getById(n.observable, () => {
-	let e = g.enqueue, t = /(:|&&|\|\||if|\?\.)/, n = /* @__PURE__ */ new WeakMap(), a, o = (e) => {
-		throw s.error(1101);
+}), y = c.getById(n.observable, () => {
+	let e = re.enqueue, t = /(:|&&|\|\||if|\?\.)/, n = /* @__PURE__ */ new WeakMap(), o, s = (e) => {
+		throw c.error(r.needsArrayObservation);
 	};
-	function c(e) {
+	function l(e) {
 		let t = e.$fastController ?? n.get(e);
-		return t === void 0 && (Array.isArray(e) ? t = o(e) : n.set(e, t = new ne(e))), t;
+		return t === void 0 && (Array.isArray(e) ? t = s(e) : n.set(e, t = new ne(e))), t;
 	}
-	let l = u();
-	class f {
+	let u = d();
+	class p {
 		constructor(e) {
 			this.name = e, this.field = `_${e}`, this.callback = `${e}Changed`;
 		}
 		getValue(e) {
-			return a !== void 0 && a.watch(e, this.name), e[this.field];
+			return o !== void 0 && o.watch(e, this.name), e[this.field];
 		}
 		setValue(e, t) {
-			let n = this.field, i = e[n];
-			if (i !== t) {
+			let n = this.field, r = e[n];
+			if (r !== t) {
 				e[n] = t;
 				let a = e[this.callback];
-				r(a) && a.call(e, i, t), c(e).notify(this.name);
+				i(a) && a.call(e, r, t), l(e).notify(this.name);
 			}
 		}
 	}
-	class p extends _ {
+	class m extends _ {
 		constructor(e, t, n = !1) {
 			super(e, t), this.expression = e, this.isVolatileBinding = n, this.needsRefresh = !0, this.needsQueue = !0, this.isAsync = !0, this.first = this, this.last = null, this.propertySource = void 0, this.propertyName = void 0, this.notifier = void 0, this.next = void 0;
 		}
@@ -278,13 +282,13 @@ var f = Object.freeze({
 		}
 		observe(e, t) {
 			this.needsRefresh && this.last !== null && this.dispose();
-			let n = a;
-			a = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding;
+			let n = o;
+			o = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding;
 			let r;
 			try {
 				r = this.expression(e, t);
 			} finally {
-				a = n;
+				o = n;
 			}
 			return r;
 		}
@@ -299,11 +303,11 @@ var f = Object.freeze({
 			}
 		}
 		watch(e, t) {
-			let n = this.last, r = c(e), i = n === null ? this.first : {};
+			let n = this.last, r = l(e), i = n === null ? this.first : {};
 			if (i.propertySource = e, i.propertyName = t, i.notifier = r, r.subscribe(this, t), n !== null) {
 				if (!this.needsRefresh) {
 					let t;
-					a = void 0, t = n.propertySource[n.propertyName], a = this, e === t && (this.needsRefresh = !0);
+					o = void 0, t = n.propertySource[n.propertyName], o = this, e === t && (this.needsRefresh = !0);
 				}
 				n.next = i;
 			}
@@ -320,22 +324,22 @@ var f = Object.freeze({
 			for (; e !== void 0;) yield e, e = e.next;
 		}
 	}
-	return d(p), Object.freeze({
+	return f(m), Object.freeze({
 		setArrayObserverFactory(e) {
-			o = e;
+			s = e;
 		},
-		getNotifier: c,
+		getNotifier: l,
 		track(e, t) {
-			a && a.watch(e, t);
+			o && o.watch(e, t);
 		},
 		trackVolatile() {
-			a && (a.needsRefresh = !0);
+			o && (o.needsRefresh = !0);
 		},
 		notify(e, t) {
-			c(e).notify(t);
+			l(e).notify(t);
 		},
 		defineProperty(e, t) {
-			i(t) && (t = new f(t)), l(e).push(t), Reflect.defineProperty(e, t.name, {
+			a(t) && (t = new p(t)), u(e).push(t), Reflect.defineProperty(e, t.name, {
 				enumerable: !0,
 				get() {
 					return t.getValue(this);
@@ -345,24 +349,24 @@ var f = Object.freeze({
 				}
 			});
 		},
-		getAccessors: l,
+		getAccessors: u,
 		binding(e, t, n = this.isVolatileBinding(e)) {
-			return new p(e, t, n);
+			return new m(e, t, n);
 		},
 		isVolatileBinding(e) {
 			return t.test(e.toString());
 		}
 	});
 });
-function re(e, t) {
+function ie(e, t) {
 	y.defineProperty(e, t);
 }
-function ie(e, t, n) {
+function ae(e, t, n) {
 	return Object.assign({}, n, { get() {
 		return y.trackVolatile(), n.get.apply(this);
 	} });
 }
-var ae = s.getById(n.contextEvent, () => {
+var oe = c.getById(n.contextEvent, () => {
 	let e = null;
 	return {
 		get() {
@@ -387,25 +391,25 @@ var ae = s.getById(n.contextEvent, () => {
 		}
 	},
 	getEvent() {
-		return ae.get();
+		return oe.get();
 	},
 	setEvent(e) {
-		ae.set(e);
+		oe.set(e);
 	}
 }), x = class {
 	constructor(e, t, n = !1) {
 		this.evaluate = e, this.policy = t, this.isVolatile = n;
 	}
-}, oe = class extends x {
+}, se = class extends x {
 	createObserver(e) {
 		return y.binding(this.evaluate, e, this.isVolatile);
 	}
 };
-function se(e, t, n = y.isVolatileBinding(e)) {
-	return new oe(e, t, n);
+function S(e, t, n = y.isVolatileBinding(e)) {
+	return new se(e, t, n);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/binding/one-time.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/binding/one-time.js
 var ce = class extends x {
 	createObserver() {
 		return this;
@@ -414,23 +418,23 @@ var ce = class extends x {
 		return this.evaluate(e.source, e.context);
 	}
 };
-d(ce);
-function le(e, t) {
+f(ce);
+function C(e, t) {
 	return new ce(e, t);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/styles/element-styles.js
-var ue;
-function de(e) {
-	return e.map((e) => e instanceof S ? de(e.styles) : [e]).reduce((e, t) => e.concat(t), []);
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/styles/element-styles.js
+var le;
+function ue(e) {
+	return e.map((e) => e instanceof w ? ue(e.styles) : [e]).reduce((e, t) => e.concat(t), []);
 }
-var S = class e {
+var w = class e {
+	get strategy() {
+		return this._strategy === null && this.withStrategy(le), this._strategy;
+	}
 	constructor(t) {
 		this.styles = t, this.targets = /* @__PURE__ */ new WeakSet(), this._strategy = null, this.behaviors = t.map((t) => t instanceof e ? t.behaviors : null).reduce((e, t) => t === null ? e : e === null ? t : e.concat(t), null);
 	}
-	get strategy() {
-		return this._strategy === null && this.withStrategy(ue), this._strategy;
-	}
 	addStylesTo(e) {
 		this.strategy.addStylesTo(e), this.targets.add(e);
 	}
@@ -444,24 +448,83 @@ var S = class e {
 		return this.behaviors = this.behaviors === null ? e : this.behaviors.concat(e), this;
 	}
 	withStrategy(e) {
-		return this._strategy = new e(de(this.styles)), this;
+		return this._strategy = new e(ue(this.styles)), this;
 	}
 	static setDefaultStrategy(e) {
-		ue = e;
+		le = e;
 	}
 	static normalize(t) {
 		return t === void 0 ? void 0 : Array.isArray(t) ? new e(t) : t instanceof e ? t : new e([t]);
 	}
 };
-S.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
+w.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/hydration.js
-var fe = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, pe = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, me = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, he = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, ge = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, _e = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
-function ve(e) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/markup.js
+var T = `fast-${Math.random().toString(36).substring(2, 8)}`, E = `${T}{`, D = `}${T}`, de = D.length, fe = 0, O = () => `${T}-${++fe}`, pe = Object.freeze({
+	interpolation: (e) => `${E}${e}${D}`,
+	attribute: (e) => `${O()}="${E}${e}${D}"`,
+	comment: (e) => `<!--${E}${e}${D}-->`
+}), k = Object.freeze({ parse(e, t) {
+	let n = e.split(E);
+	if (n.length === 1) return null;
+	let r = [];
+	for (let e = 0, i = n.length; e < i; ++e) {
+		let i = n[e], a = i.indexOf(D), o;
+		if (a === -1) o = i;
+		else {
+			let e = i.substring(0, a);
+			r.push(t[e]), o = i.substring(a + de);
+		}
+		o !== "" && r.push(o);
+	}
+	return r;
+} }), me = u(), A = Object.freeze({
+	getForInstance: me.getForInstance,
+	getByType: me.getByType,
+	define(e, t) {
+		return t ||= {}, t.type = e, me.register(t), e;
+	},
+	assignAspect(e, t) {
+		if (!t) {
+			e.aspectType = p.content;
+			return;
+		}
+		switch (e.sourceAspect = t, t[0]) {
+			case ":":
+				e.targetAspect = t.substring(1), e.aspectType = e.targetAspect === "classList" ? p.tokenList : p.property;
+				break;
+			case "?":
+				e.targetAspect = t.substring(1), e.aspectType = p.booleanAttribute;
+				break;
+			case "@":
+				e.targetAspect = t.substring(1), e.aspectType = p.event;
+				break;
+			default:
+				e.targetAspect = t, e.aspectType = p.attribute;
+				break;
+		}
+	}
+}), he = class {
+	constructor(e) {
+		this.options = e;
+	}
+	createHTML(e) {
+		return pe.attribute(e(this));
+	}
+	createBehavior() {
+		return this;
+	}
+};
+f(he);
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/components/hydration.js
+var ge = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, _e = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, ve = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, ye = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, be = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, xe = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
+function Se(e) {
 	return e && e.nodeType === Node.COMMENT_NODE;
 }
-var C = Object.freeze({
+var j = Object.freeze({
 	attributeMarkerName: "data-fe-b",
+	compactAttributeMarkerName: "data-fe-c",
 	attributeBindingSeparator: " ",
 	contentBindingStartMarker(e, t) {
 		return `fe-b$$start$$${e}$$${t}$$fe-b`;
@@ -476,22 +539,22 @@ var C = Object.freeze({
 		return `fe-repeat$$end$$${e}$$fe-repeat`;
 	},
 	isContentBindingStartMarker(e) {
-		return fe.test(e);
+		return ge.test(e);
 	},
 	isContentBindingEndMarker(e) {
-		return pe.test(e);
+		return _e.test(e);
 	},
 	isRepeatViewStartMarker(e) {
-		return me.test(e);
+		return ve.test(e);
 	},
 	isRepeatViewEndMarker(e) {
-		return he.test(e);
+		return ye.test(e);
 	},
 	isElementBoundaryStartMarker(e) {
-		return ve(e) && ge.test(e.data.trim());
+		return Se(e) && be.test(e.data.trim());
 	},
 	isElementBoundaryEndMarker(e) {
-		return ve(e) && _e.test(e.data);
+		return Se(e) && xe.test(e.data);
 	},
 	parseAttributeBinding(e) {
 		let t = e.getAttribute(this.attributeMarkerName);
@@ -502,199 +565,160 @@ var C = Object.freeze({
 		for (let i of e.getAttributeNames()) if (i.startsWith(r)) {
 			let e = Number(i.slice(n));
 			if (!Number.isNaN(e)) t.push(e);
-			else throw Error(`Invalid attribute marker name: ${i}. Expected format is ${r}<number>.`);
+			else throw c.error(1601, {
+				name: i,
+				expectedFormat: `${r}<number>`
+			});
 		}
 		return t.length === 0 ? null : t;
 	},
+	parseCompactAttributeBinding(e) {
+		let t = `${this.compactAttributeMarkerName}-`, n = e.getAttributeNames().find((e) => e.startsWith(t));
+		if (!n) return null;
+		let r = n.slice(t.length).split("-"), i = parseInt(r[0], 10), a = parseInt(r[1], 10);
+		if (r.length !== 2 || Number.isNaN(i) || Number.isNaN(a) || i < 0 || a < 1) throw c.error(1604, {
+			name: n,
+			expectedFormat: `${this.compactAttributeMarkerName}-{index}-{count}`
+		});
+		let o = [];
+		for (let e = 0; e < a; e++) o.push(i + e);
+		return o;
+	},
 	parseContentBindingStartMarker(e) {
-		return xe(fe, e);
+		return Te(ge, e);
 	},
 	parseContentBindingEndMarker(e) {
-		return xe(pe, e);
+		return Te(_e, e);
 	},
 	parseRepeatStartMarker(e) {
-		return ye(me, e);
+		return Ce(ve, e);
 	},
 	parseRepeatEndMarker(e) {
-		return ye(he, e);
+		return Ce(ye, e);
 	},
 	parseElementBoundaryStartMarker(e) {
-		return be(ge, e.trim());
+		return we(be, e.trim());
 	},
 	parseElementBoundaryEndMarker(e) {
-		return be(_e, e);
+		return we(xe, e);
 	}
 });
-function ye(e, t) {
+function Ce(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : parseInt(n[1]);
 }
-function be(e, t) {
+function we(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : n[1];
 }
-function xe(e, t) {
+function Te(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : [parseInt(n[1]), n[2]];
 }
-var w = Symbol.for("fe-hydration");
-function T(e) {
-	return e[w] === w;
+var M = Symbol.for("fe-hydration");
+function N(e) {
+	return e[M] === M;
 }
-//#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/markup.js
-var Se = `fast-${Math.random().toString(36).substring(2, 8)}`, E = `${Se}{`, D = `}${Se}`, Ce = D.length, we = 0, O = () => `${Se}-${++we}`, Te = Object.freeze({
-	interpolation: (e) => `${E}${e}${D}`,
-	attribute: (e) => `${O()}="${E}${e}${D}"`,
-	comment: (e) => `<!--${E}${e}${D}-->`
-}), k = Object.freeze({ parse(e, t) {
-	let n = e.split(E);
-	if (n.length === 1) return null;
-	let r = [];
-	for (let e = 0, i = n.length; e < i; ++e) {
-		let i = n[e], a = i.indexOf(D), o;
-		if (a === -1) o = i;
-		else {
-			let e = i.substring(0, a);
-			r.push(t[e]), o = i.substring(a + Ce);
-		}
-		o !== "" && r.push(o);
-	}
-	return r;
-} }), A = l(), j = Object.freeze({
-	getForInstance: A.getForInstance,
-	getByType: A.getByType,
-	define(e, t) {
-		return t ||= {}, t.type = e, A.register(t), e;
-	},
-	assignAspect(e, t) {
-		if (!t) {
-			e.aspectType = f.content;
-			return;
-		}
-		switch (e.sourceAspect = t, t[0]) {
-			case ":":
-				e.targetAspect = t.substring(1), e.aspectType = e.targetAspect === "classList" ? f.tokenList : f.property;
-				break;
-			case "?":
-				e.targetAspect = t.substring(1), e.aspectType = f.booleanAttribute;
-				break;
-			case "@":
-				e.targetAspect = t.substring(1), e.aspectType = f.event;
-				break;
-			default:
-				e.targetAspect = t, e.aspectType = f.attribute;
-				break;
-		}
-	}
-}), Ee = class {
-	constructor(e) {
-		this.options = e;
-	}
-	createHTML(e) {
-		return Te.attribute(e(this));
-	}
-	createBehavior() {
-		return this;
-	}
-};
-d(Ee);
-//#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/hydration/target-builder.js
-var De = class extends Error {
+var Ee = "defer-hydration", De = class extends Error {
 	constructor(e, t, n) {
 		super(e), this.factories = t, this.node = n;
 	}
 };
-function M(e) {
+function Oe(e) {
 	return e.nodeType === Node.COMMENT_NODE;
 }
-function Oe(e) {
+function ke(e) {
 	return e.nodeType === Node.TEXT_NODE;
 }
-function ke(e, t) {
+function Ae(e, t) {
 	let n = document.createRange();
-	return n.setStart(e, 0), n.setEnd(t, M(t) || Oe(t) ? t.data.length : t.childNodes.length), n;
+	return n.setStart(e, 0), n.setEnd(t, Oe(t) || ke(t) ? t.data.length : t.childNodes.length), n;
 }
-function Ae(e) {
+function je(e) {
 	return e instanceof DocumentFragment && "mode" in e;
 }
-function je(e, t, n) {
-	let r = ke(e, t), i = r.commonAncestorContainer, a = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, { acceptNode(e) {
+function Me(e, t, n) {
+	let r = Ae(e, t), i = r.commonAncestorContainer, a = Ie(n), o = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, { acceptNode(e) {
 		return r.comparePoint(e, 0) === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-	} }), o = {}, s = {}, c = a.currentNode = e;
-	for (; c !== null;) {
-		switch (c.nodeType) {
+	} }), s = {}, c = {}, l = o.currentNode = e;
+	for (; l !== null;) {
+		switch (l.nodeType) {
 			case Node.ELEMENT_NODE:
-				Me(c, n, o);
+				Ne(l, n, s, a);
 				break;
 			case Node.COMMENT_NODE:
-				Ne(c, a, n, o, s);
+				Pe(l, o, n, s, c, a);
 				break;
 		}
-		c = a.nextNode();
+		l = o.nextNode();
 	}
 	return r.detach(), {
-		targets: o,
-		boundaries: s
+		targets: s,
+		boundaries: c
 	};
 }
-function Me(e, t, n) {
-	let r = C.parseAttributeBinding(e) ?? C.parseEnumeratedAttributeBinding(e);
-	if (r !== null) {
-		for (let i of r) {
-			if (!t[i]) throw new De(`HydrationView was unable to successfully target factory on ${e.nodeName} inside ${e.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, t, e);
-			N(t[i], e, n);
+function Ne(e, t, n, r) {
+	let i = j.parseAttributeBinding(e) ?? j.parseEnumeratedAttributeBinding(e) ?? j.parseCompactAttributeBinding(e);
+	if (i !== null) {
+		for (let a of i) {
+			let i = t[a + r];
+			if (!i) throw new De(`HydrationView was unable to successfully target factory on ${e.nodeName} inside ${e.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, t, e);
+			P(i, e, n);
 		}
-		e.removeAttribute(C.attributeMarkerName);
+		e.removeAttribute(j.attributeMarkerName);
 	}
 }
-function Ne(e, t, n, r, i) {
-	if (C.isElementBoundaryStartMarker(e)) {
-		Pe(e, t);
+function Pe(e, t, n, r, i, a) {
+	if (j.isElementBoundaryStartMarker(e)) {
+		Fe(e, t);
 		return;
 	}
-	if (C.isContentBindingStartMarker(e.data)) {
-		let a = C.parseContentBindingStartMarker(e.data);
-		if (a === null) return;
-		let [o, s] = a, c = n[o], l = [], u = t.nextSibling();
+	if (j.isContentBindingStartMarker(e.data)) {
+		let o = j.parseContentBindingStartMarker(e.data);
+		if (o === null) return;
+		let [s, c] = o, l = n[s + a], u = [], d = t.nextSibling();
 		e.data = "";
-		let d = u;
-		for (; u !== null;) {
-			if (M(u)) {
-				let e = C.parseContentBindingEndMarker(u.data);
-				if (e && e[1] === s) break;
+		let f = d;
+		for (; d !== null;) {
+			if (Oe(d)) {
+				let e = j.parseContentBindingEndMarker(d.data);
+				if (e && e[1] === c) break;
 			}
-			l.push(u), u = t.nextSibling();
+			u.push(d), d = t.nextSibling();
 		}
-		if (u === null) {
+		if (d === null) {
 			let t = e.getRootNode();
-			throw Error(`Error hydrating Comment node inside "${Ae(t) ? t.host.nodeName : t.nodeName}".`);
+			throw Error(`Error hydrating Comment node inside "${je(t) ? t.host.nodeName : t.nodeName}".`);
 		}
-		u.data = "", l.length === 1 && Oe(l[0]) ? N(c, l[0], r) : (u !== d && u.previousSibling !== null && (i[c.targetNodeId] = {
-			first: d,
-			last: u.previousSibling
-		}), N(c, u.parentNode.insertBefore(document.createTextNode(""), u), r));
+		d.data = "", u.length === 1 && ke(u[0]) ? P(l, u[0], r) : (d !== f && d.previousSibling !== null && (i[l.targetNodeId] = {
+			first: f,
+			last: d.previousSibling
+		}), P(l, d.parentNode.insertBefore(document.createTextNode(""), d), r));
 	}
 }
-function Pe(e, t) {
-	let n = C.parseElementBoundaryStartMarker(e.data), r = t.nextSibling();
+function Fe(e, t) {
+	let n = j.parseElementBoundaryStartMarker(e.data), r = t.nextSibling();
 	for (; r !== null;) {
-		if (M(r)) {
-			let e = C.parseElementBoundaryEndMarker(r.data);
+		if (Oe(r)) {
+			let e = j.parseElementBoundaryEndMarker(r.data);
 			if (e && e === n) break;
 		}
 		r = t.nextSibling();
 	}
 }
-function N(e, t, n) {
+function Ie(e) {
+	let t = 0;
+	for (let n = 0, r = e.length; n < r && e[n].targetNodeId === "h"; ++n) t++;
+	return t;
+}
+function P(e, t, n) {
 	if (e.targetNodeId === void 0) throw Error("Factory could not be target to the node");
 	n[e.targetNodeId] = t;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/view.js
-var Fe;
-function P(e, t) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/view.js
+var Le;
+function Re(e, t) {
 	let n = e.parentNode, r = e, i;
 	for (; r !== t;) {
 		if (i = r.nextSibling, !i) throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);
@@ -702,7 +726,7 @@ function P(e, t) {
 	}
 	n.removeChild(t);
 }
-var Ie = class {
+var ze = class {
 	constructor() {
 		this.index = 0, this.length = 0;
 	}
@@ -730,7 +754,7 @@ var Ie = class {
 	eventTarget() {
 		return this.event.target;
 	}
-}, F = class extends Ie {
+}, F = class extends ze {
 	constructor(e, t, n) {
 		super(), this.fragment = e, this.factories = t, this.targets = n, this.behaviors = null, this.unbindables = [], this.source = null, this.isBound = !1, this.sourceLifetime = v.unknown, this.context = this, this.firstChild = e.firstChild, this.lastChild = e.lastChild;
 	}
@@ -753,7 +777,7 @@ var Ie = class {
 		e.appendChild(t);
 	}
 	dispose() {
-		P(this.firstChild, this.lastChild), this.unbind();
+		Re(this.firstChild, this.lastChild), this.unbind();
 	}
 	onUnbind(e) {
 		this.unbindables.push(e);
@@ -784,24 +808,21 @@ var Ie = class {
 	}
 	static disposeContiguousBatch(e) {
 		if (e.length !== 0) {
-			P(e[0].firstChild, e[e.length - 1].lastChild);
+			Re(e[0].firstChild, e[e.length - 1].lastChild);
 			for (let t = 0, n = e.length; t < n; ++t) e[t].unbind();
 		}
 	}
 };
-d(F), y.defineProperty(F.prototype, "index"), y.defineProperty(F.prototype, "length");
+f(F), y.defineProperty(F.prototype, "index"), y.defineProperty(F.prototype, "length");
 var I = {
 	unhydrated: "unhydrated",
 	hydrating: "hydrating",
 	hydrated: "hydrated"
-}, Le = class extends Error {
+}, Be = class extends Error {
 	constructor(e, t, n, r) {
 		super(e), this.factory = t, this.fragment = n, this.templateString = r;
 	}
-}, Re = class extends Ie {
-	constructor(e, t, n, r) {
-		super(), this.firstChild = e, this.lastChild = t, this.sourceTemplate = n, this.hostBindingTarget = r, this[Fe] = w, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = v.unknown, this.unbindables = [], this.fragment = null, this.behaviors = null, this._hydrationStage = I.unhydrated, this._bindingViewBoundaries = {}, this._targets = {}, this.factories = n.compile().factories;
-	}
+}, Ve = class extends ze {
 	get hydrationStage() {
 		return this._hydrationStage;
 	}
@@ -811,6 +832,9 @@ var I = {
 	get bindingViewBoundaries() {
 		return this._bindingViewBoundaries;
 	}
+	constructor(e, t, n, r) {
+		super(), this.firstChild = e, this.lastChild = t, this.sourceTemplate = n, this.hostBindingTarget = r, this[Le] = M, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = v.unknown, this.unbindables = [], this.fragment = null, this.behaviors = null, this._hydrationStage = I.unhydrated, this._bindingViewBoundaries = {}, this._targets = {}, this.factories = n.compile().factories;
+	}
 	insertBefore(e) {
 		if (this.fragment !== null) if (this.fragment.hasChildNodes()) e.parentNode.insertBefore(this.fragment, e);
 		else {
@@ -838,7 +862,7 @@ var I = {
 		if (n === null) {
 			this.source = e, this.context = t;
 			try {
-				let { targets: e, boundaries: t } = je(this.firstChild, this.lastChild, this.factories);
+				let { targets: e, boundaries: t } = Me(this.firstChild, this.lastChild, this.factories);
 				this._targets = e, this._bindingViewBoundaries = t;
 			} catch (e) {
 				if (e instanceof De) {
@@ -851,7 +875,7 @@ var I = {
 			let r = this.factories;
 			for (let e = 0, t = r.length; e < t; ++e) {
 				let t = r[e];
-				if (t.targetNodeId === "h" && this.hostBindingTarget && N(t, this.hostBindingTarget, this._targets), t.targetNodeId in this.targets) {
+				if (t.targetNodeId === "h" && this.hostBindingTarget && P(t, this.hostBindingTarget, this._targets), t.targetNodeId in this.targets) {
 					let r = t.createBehavior();
 					r.bind(this), n[e] = r;
 				} else {
@@ -863,7 +887,7 @@ var I = {
 						`  - Expected target node ID: "${t.targetNodeId}"`,
 						`  - Available target IDs: [${Object.keys(this.targets).join(", ") || "none"}]`
 					];
-					throw t.targetTagName && i.push(`  - Expected tag name: "${t.targetTagName}"`), r.sourceAspect && i.push(`  - Source aspect: "${r.sourceAspect}"`), r.aspectType !== void 0 && i.push(`  - Aspect type: ${r.aspectType}`), i.push("\nThis usually means:", "  1. The server-rendered HTML doesn't match the client template", "  2. The hydration markers are missing or corrupted", "  3. The DOM structure was modified before hydration", `\nTemplate: ${e.slice(0, 200)}${e.length > 200 ? "..." : ""}`), new Le(i.join("\n"), t, ke(this.firstChild, this.lastChild).cloneContents(), e);
+					throw t.targetTagName && i.push(`  - Expected tag name: "${t.targetTagName}"`), r.sourceAspect && i.push(`  - Source aspect: "${r.sourceAspect}"`), r.aspectType !== void 0 && i.push(`  - Aspect type: ${r.aspectType}`), i.push("\nThis usually means:", "  1. The server-rendered HTML doesn't match the client template", "  2. The hydration markers are missing or corrupted", "  3. The DOM structure was modified before hydration", `\nTemplate: ${e.slice(0, 200)}${e.length > 200 ? "..." : ""}`), new Be(i.join("\n"), t, Ae(this.firstChild, this.lastChild).cloneContents(), e);
 				}
 			}
 		} else {
@@ -876,7 +900,7 @@ var I = {
 		!this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
 	}
 	dispose() {
-		P(this.firstChild, this.lastChild), this.unbind();
+		Re(this.firstChild, this.lastChild), this.unbind();
 	}
 	onUnbind(e) {
 		this.unbindables.push(e);
@@ -887,17 +911,17 @@ var I = {
 		e.length = 0;
 	}
 };
-Fe = w, d(Re);
+Le = M, f(Ve);
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/html-binding-directive.js
-function ze(e) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/html-binding-directive.js
+function He(e) {
 	return e.create !== void 0;
 }
-function Be(e, t, n, r) {
-	if (n ??= "", ze(n)) {
+function Ue(e, t, n, r) {
+	if (n ??= "", He(n)) {
 		e.textContent = "";
 		let t = e.$fastView;
-		if (t === void 0) if (T(r) && T(n) && r.bindingViewBoundaries[this.targetNodeId] !== void 0 && r.hydrationStage !== I.hydrated) {
+		if (t === void 0) if (N(r) && N(n) && r.bindingViewBoundaries[this.targetNodeId] !== void 0 && r.hydrationStage !== I.hydrated) {
 			let e = r.bindingViewBoundaries[this.targetNodeId];
 			t = n.hydrate(e.first, e.last);
 		} else t = n.create();
@@ -908,7 +932,7 @@ function Be(e, t, n, r) {
 		t !== void 0 && t.isComposed && (t.isComposed = !1, t.remove(), t.needsBindOnly ? t.needsBindOnly = !1 : t.unbind()), e.textContent = n;
 	}
 }
-function Ve(e, t, n) {
+function We(e, t, n) {
 	let r = `${this.id}-t`, i = e[r] ?? (e[r] = {
 		v: 0,
 		cv: Object.create(null)
@@ -925,43 +949,44 @@ function Ve(e, t, n) {
 		for (let e in a) a[e] === o && s.remove(e);
 	}
 }
-var He = {
-	[f.attribute]: h.setAttribute,
-	[f.booleanAttribute]: h.setBooleanAttribute,
-	[f.property]: (e, t, n) => e[t] = n,
-	[f.content]: Be,
-	[f.tokenList]: Ve,
-	[f.event]: () => void 0
+var Ge = {
+	[p.attribute]: g.setAttribute,
+	[p.booleanAttribute]: g.setBooleanAttribute,
+	[p.property]: (e, t, n) => e[t] = n,
+	[p.content]: Ue,
+	[p.tokenList]: We,
+	[p.event]: () => void 0
 }, L = class {
 	constructor(e) {
-		this.dataBinding = e, this.updateTarget = null, this.aspectType = f.content;
+		this.dataBinding = e, this.updateTarget = null, this.aspectType = p.content;
 	}
 	createHTML(e) {
-		return Te.interpolation(e(this));
+		return pe.interpolation(e(this));
 	}
 	createBehavior() {
 		if (this.updateTarget === null) {
-			let e = He[this.aspectType], t = this.dataBinding.policy ?? this.policy;
-			if (!e) throw s.error(1205);
+			let e = Ge[this.aspectType], t = this.dataBinding.policy ?? this.policy;
+			if (!e) throw c.error(r.unsupportedBindingBehavior);
 			this.data = `${this.id}-d`, this.updateTarget = t.protect(this.targetTagName, this.aspectType, this.targetAspect, e);
 		}
 		return this;
 	}
 	bind(e) {
-		let t = e.targets[this.targetNodeId], n = T(e) && e.hydrationStage && e.hydrationStage !== I.hydrated;
+		let t = e.targets[this.targetNodeId], n = N(e) && e.hydrationStage && e.hydrationStage !== I.hydrated;
 		switch (this.aspectType) {
-			case f.event:
+			case p.event:
 				t[this.data] = e, t.addEventListener(this.targetAspect, this, this.dataBinding.options);
 				break;
-			case f.content: e.onUnbind(this);
-			default:
+			case p.content: e.onUnbind(this);
+			default: {
 				let r = t[this.data] ?? (t[this.data] = this.dataBinding.createObserver(this, this));
-				if (r.target = t, r.controller = e, n && (this.aspectType === f.attribute || this.aspectType === f.booleanAttribute)) {
+				if (r.target = t, r.controller = e, n && (this.aspectType === p.attribute || this.aspectType === p.booleanAttribute)) {
 					r.bind(e);
 					break;
 				}
 				this.updateTarget(t, this.targetAspect, r.bind(e), e);
 				break;
+			}
 		}
 	}
 	unbind(e) {
@@ -977,30 +1002,32 @@ var He = {
 		}
 	}
 	handleChange(e, t) {
-		let n = t.target, r = t.controller;
-		this.updateTarget(n, this.targetAspect, t.bind(r), r);
+		let n = t.controller;
+		if (!n.isBound) return;
+		let r = t.target;
+		this.updateTarget(r, this.targetAspect, t.bind(n), n);
 	}
 };
-j.define(L, { aspected: !0 });
+A.define(L, { aspected: !0 });
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/compiler.js
-var Ue = (e, t) => `${e}.${t}`, We = {}, R = {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/compiler.js
+var Ke = (e, t) => `${e}.${t}`, qe = {}, R = {
 	index: 0,
 	node: null
 };
-function Ge(e) {
-	e.startsWith("fast-") || s.warn(1204, { name: e });
+function Je(e) {
+	e.startsWith("fast-") || c.warn(r.hostBindingWithoutHost, { name: e });
 }
-var Ke = new Proxy(document.createElement("div"), {
+var Ye = new Proxy(document.createElement("div"), {
 	get(e, t) {
-		Ge(t);
+		Je(t);
 		let n = Reflect.get(e, t);
-		return r(n) ? n.bind(e) : n;
+		return i(n) ? n.bind(e) : n;
 	},
 	set(e, t, n) {
-		return Ge(t), Reflect.set(e, t, n);
+		return Je(t), Reflect.set(e, t, n);
 	}
-}), qe = class {
+}), Xe = class {
 	constructor(e, t, n) {
 		this.fragment = e, this.directives = t, this.policy = n, this.proto = null, this.nodeIds = /* @__PURE__ */ new Set(), this.descriptors = {}, this.factories = [];
 	}
@@ -1014,13 +1041,13 @@ var Ke = new Proxy(document.createElement("div"), {
 		let r = this.descriptors;
 		if (t === "r" || t === "h" || r[t]) return;
 		if (!r[e]) {
-			let t = e.lastIndexOf("."), n = e.substring(0, t), r = parseInt(e.substring(t + 1));
+			let t = e.lastIndexOf("."), n = e.substring(0, t), r = parseInt(e.substring(t + 1), 10);
 			this.addTargetDescriptor(n, e, r);
 		}
-		let i = We[t];
+		let i = qe[t];
 		if (!i) {
 			let r = `_${t}`;
-			We[t] = i = { get() {
+			qe[t] = i = { get() {
 				return this[r] ?? (this[r] = this[e].childNodes[n]);
 			} };
 		}
@@ -1028,143 +1055,78 @@ var Ke = new Proxy(document.createElement("div"), {
 	}
 	createView(e) {
 		let t = this.fragment.cloneNode(!0), n = Object.create(this.proto);
-		n.r = t, n.h = e ?? Ke;
-		for (let e of this.nodeIds) n[e];
+		n.r = t, n.h = e ?? Ye;
+		for (let e of this.nodeIds) Reflect.get(n, e);
 		return new F(t, this.factories, n);
 	}
 };
-function Je(e, t, n, r, i, a = !1) {
+function Ze(e, t, n, r, i, a = !1) {
 	let o = n.attributes, s = e.directives;
 	for (let c = 0, l = o.length; c < l; ++c) {
 		let u = o[c], d = u.value, f = k.parse(d, s), p = null;
-		f === null ? a && (p = new L(le(() => d, e.policy)), j.assignAspect(p, u.name)) : p = z.aggregate(f, e.policy), p !== null && (n.removeAttributeNode(u), c--, l--, e.addFactory(p, t, r, i, n.tagName));
+		f === null ? a && (p = new L(C(() => d, e.policy)), A.assignAspect(p, u.name)) : p = z.aggregate(f, e.policy), p !== null && (n.removeAttributeNode(u), c--, l--, e.addFactory(p, t, r, i, n.tagName));
 	}
 }
-function Ye(e, t, n, r, a) {
+function Qe(e, t, n, r, i) {
 	let o = k.parse(t.textContent, e.directives);
-	if (o === null) return R.node = t.nextSibling, R.index = a + 1, R;
+	if (o === null) return R.node = t.nextSibling, R.index = i + 1, R;
 	let s, c = s = t;
 	for (let t = 0, l = o.length; t < l; ++t) {
 		let l = o[t];
-		t !== 0 && (a++, r = Ue(n, a), s = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), i(l) ? s.textContent = l : (s.textContent = " ", j.assignAspect(l), e.addFactory(l, n, r, a, null)), c = s;
+		t !== 0 && (i++, r = Ke(n, i), s = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), a(l) ? s.textContent = l : (s.textContent = " ", A.assignAspect(l), e.addFactory(l, n, r, i, null)), c = s;
 	}
-	return R.index = a + 1, R.node = c.nextSibling, R;
+	return R.index = i + 1, R.node = c.nextSibling, R;
 }
-function Xe(e, t, n) {
+function $e(e, t, n) {
 	let r = 0, i = t.firstChild;
 	for (; i;) {
-		let t = Ze(e, n, i, r);
+		let t = et(e, n, i, r);
 		i = t.node, r = t.index;
 	}
 }
-function Ze(e, t, n, r) {
-	let i = Ue(t, r);
+function et(e, t, n, r) {
+	let i = Ke(t, r);
 	switch (n.nodeType) {
 		case 1:
-			Je(e, t, n, i, r), Xe(e, n, i);
+			Ze(e, t, n, i, r), $e(e, n, i);
 			break;
-		case 3: return Ye(e, n, t, i, r);
-		case 8:
+		case 3: return Qe(e, n, t, i, r);
+		case 8: {
 			let a = k.parse(n.data, e.directives);
 			a !== null && e.addFactory(z.aggregate(a), t, i, r, null);
 			break;
+		}
 	}
 	return R.index = r + 1, R.node = n.nextSibling, R;
 }
-function Qe(e, t) {
-	return e && e.nodeType == 8 && k.parse(e.data, t) !== null;
+function tt(e, t) {
+	return e && e.nodeType === 8 && k.parse(e.data, t) !== null;
 }
-var $e = "TEMPLATE", z = {
-	compile(e, t, n = h.policy) {
+var nt = "TEMPLATE", z = {
+	compile(e, t, n = g.policy) {
 		let r;
-		if (i(e)) {
-			r = document.createElement($e), r.innerHTML = n.createHTML(e);
+		if (a(e)) {
+			r = document.createElement(nt), r.innerHTML = n.createHTML(e);
 			let t = r.content.firstElementChild;
-			t !== null && t.tagName === $e && (r = t);
+			t !== null && t.tagName === nt && (r = t);
 		} else r = e;
 		!r.content.firstChild && !r.content.lastChild && r.content.appendChild(document.createComment(""));
-		let a = document.adoptNode(r.content), o = new qe(a, t, n);
-		return Je(o, "", r, "h", 0, !0), (Qe(a.firstChild, t) || a.childNodes.length === 1 && Object.keys(t).length > 0) && a.insertBefore(document.createComment(""), a.firstChild), Xe(o, a, "r"), R.node = null, o.freeze();
+		let i = document.adoptNode(r.content), o = new Xe(i, t, n);
+		return Ze(o, "", r, "h", 0, !0), (tt(i.firstChild, t) || i.childNodes.length === 1 && Object.keys(t).length > 0) && i.insertBefore(document.createComment(""), i.firstChild), $e(o, i, "r"), R.node = null, o.freeze();
 	},
 	setDefaultStrategy(e) {
 		this.compile = e;
 	},
-	aggregate(e, t = h.policy) {
+	aggregate(e, t = g.policy) {
 		if (e.length === 1) return e[0];
-		let n, r = !1, a, o = e.length, s = e.map((e) => i(e) ? () => e : (n = e.sourceAspect || n, r ||= e.dataBinding.isVolatile, a ||= e.dataBinding.policy, e.dataBinding.evaluate)), c = new L(se((e, t) => {
+		let n, r = !1, i, o = e.length, s = e.map((e) => a(e) ? () => e : (n = e.sourceAspect || n, r ||= e.dataBinding.isVolatile, i ||= e.dataBinding.policy, e.dataBinding.evaluate)), c = new L(S((e, t) => {
 			let n = "";
 			for (let r = 0; r < o; ++r) n += s[r](e, t);
 			return n;
-		}, a ?? t, r));
-		return j.assignAspect(c, n), c;
-	}
-}, et = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/, tt = Object.create(null), B = class {
-	constructor(e, t = tt) {
-		this.html = e, this.factories = t;
-	}
-	createHTML(e) {
-		let t = this.factories;
-		for (let n in t) e(t[n]);
-		return this.html;
-	}
-};
-B.empty = new B(""), j.define(B);
-function nt(e, t, n, r = j.getForInstance(e)) {
-	if (r.aspected) {
-		let n = et.exec(t);
-		n !== null && j.assignAspect(e, n[2]);
-	}
-	return e.createHTML(n);
-}
-var rt = class e {
-	constructor(e, t = {}, n) {
-		this.policy = n, this.result = null, this.html = e, this.factories = t;
-	}
-	compile() {
-		return this.result === null && (this.result = z.compile(this.html, this.factories, this.policy)), this.result;
-	}
-	create(e) {
-		return this.compile().createView(e);
-	}
-	inline() {
-		return new B(i(this.html) ? this.html : this.html.innerHTML, this.factories);
+		}, i ?? t, r));
+		return A.assignAspect(c, n), c;
 	}
-	withPolicy(e) {
-		if (this.result) throw s.error(1208);
-		if (this.policy) throw s.error(1207);
-		return this.policy = e, this;
-	}
-	render(e, t, n) {
-		let r = this.create(n);
-		return r.bind(e), r.appendTo(t), r;
-	}
-	static create(t, n, i) {
-		let a = "", o = Object.create(null), s = (e) => {
-			let t = e.id ??= O();
-			return o[t] = e, t;
-		};
-		for (let e = 0, i = t.length - 1; e < i; ++e) {
-			let i = t[e], o = n[e], c;
-			if (a += i, r(o)) o = new L(se(o));
-			else if (o instanceof x) o = new L(o);
-			else if (!(c = j.getForInstance(o))) {
-				let e = o;
-				o = new L(le(() => e));
-			}
-			a += nt(o, i, s, c);
-		}
-		return new e(a + t[t.length - 1], o, i);
-	}
-};
-d(rt);
-var V = ((e, ...t) => {
-	if (Array.isArray(e) && Array.isArray(e.raw)) return rt.create(e, t);
-	throw s.error(1206);
-});
-V.partial = (e) => new B(e);
-//#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/attributes.js
-var it = "boolean", at = "reflect", ot = Object.freeze({ locate: u() }), st = {
+}, rt = "boolean", it = "reflect", at = Object.freeze({ locate: d() }), ot = {
 	toView(e) {
 		return e ? "true" : "false";
 	},
@@ -1172,20 +1134,20 @@ var it = "boolean", at = "reflect", ot = Object.freeze({ locate: u() }), st = {
 		return !(e == null || e === "false" || e === !1 || e === 0);
 	}
 };
-function ct(e) {
+function st(e) {
 	if (e == null) return null;
 	let t = e * 1;
 	return isNaN(t) ? null : t;
 }
-var lt = {
+var ct = {
 	toView(e) {
-		let t = ct(e);
+		let t = st(e);
 		return t && t.toString();
 	},
-	fromView: ct
-}, ut = class e {
-	constructor(e, t, n = t.toLowerCase(), r = at, i) {
-		this.guards = /* @__PURE__ */ new Set(), this.Owner = e, this.name = t, this.attribute = n, this.mode = r, this.converter = i, this.fieldName = `_${t}`, this.callbackName = `${t}Changed`, this.hasCallback = this.callbackName in e.prototype, r === it && i === void 0 && (this.converter = st);
+	fromView: st
+}, lt = class e {
+	constructor(e, t, n = t.toLowerCase(), r = it, i) {
+		this.guards = /* @__PURE__ */ new Set(), this.Owner = e, this.name = t, this.attribute = n, this.mode = r, this.converter = i, this.fieldName = `_${t}`, this.callbackName = `${t}Changed`, this.hasCallback = this.callbackName in e.prototype, r === rt && i === void 0 && (this.converter = ot);
 	}
 	setValue(e, t) {
 		let n = e[this.fieldName], r = this.converter;
@@ -1199,16 +1161,16 @@ var lt = {
 	}
 	tryReflectToAttribute(e) {
 		let t = this.mode, n = this.guards;
-		n.has(e) || t === "fromView" || g.enqueue(() => {
+		n.has(e) || t === "fromView" || re.enqueue(() => {
 			n.add(e);
 			let r = e[this.fieldName];
 			switch (t) {
-				case at:
+				case it:
 					let t = this.converter;
-					h.setAttribute(e, this.attribute, t === void 0 ? r : t.toView(r));
+					g.setAttribute(e, this.attribute, t === void 0 ? r : t.toView(r));
 					break;
-				case it:
-					h.setBooleanAttribute(e, this.attribute, r);
+				case rt:
+					g.setBooleanAttribute(e, this.attribute, r);
 					break;
 			}
 			n.delete(e);
@@ -1216,21 +1178,21 @@ var lt = {
 	}
 	static collect(t, ...n) {
 		let r = [];
-		n.push(ot.locate(t));
-		for (let a = 0, o = n.length; a < o; ++a) {
-			let o = n[a];
-			if (o !== void 0) for (let n = 0, a = o.length; n < a; ++n) {
-				let a = o[n];
-				i(a) ? r.push(new e(t, a)) : r.push(new e(t, a.property, a.attribute, a.mode, a.converter));
+		n.push(at.locate(t));
+		for (let i = 0, o = n.length; i < o; ++i) {
+			let o = n[i];
+			if (o !== void 0) for (let n = 0, i = o.length; n < i; ++n) {
+				let i = o[n];
+				a(i) ? r.push(new e(t, i)) : r.push(new e(t, i.property, i.attribute, i.mode, i.converter));
 			}
 		}
 		return r;
 	}
 };
-function dt(e, t) {
+function ut(e, t) {
 	let n;
 	function r(e, t) {
-		arguments.length > 1 && (n.property = t), ot.locate(e.constructor).push(n);
+		arguments.length > 1 && (n.property = t), at.locate(e.constructor).push(n);
 	}
 	if (arguments.length > 1) {
 		n = {}, r(e, t);
@@ -1239,8 +1201,8 @@ function dt(e, t) {
 	return n = e === void 0 ? {} : e, r;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/fast-definitions.js
-var ft = function(e, t, n, r) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/components/fast-definitions.js
+var dt = function(e, t, n, r) {
 	function i(e) {
 		return e instanceof n ? e : new n(function(t) {
 			t(e);
@@ -1266,52 +1228,118 @@ var ft = function(e, t, n, r) {
 		}
 		c((r = r.apply(e, t || [])).next());
 	});
-}, pt = { mode: "open" }, mt = {}, H = /* @__PURE__ */ new Set(), U = s.getById(n.elementRegistry, () => l()), ht = { deferAndHydrate: "defer-and-hydrate" }, W = class e {
-	constructor(t, n = t.definition) {
-		this.platformDefined = !1, i(n) && (n = { name: n }), this.type = t, this.name = n.name, this.template = n.template, this.templateOptions = n.templateOptions, this.registry = n.registry ?? customElements;
-		let r = t.prototype, a = ut.collect(t, n.attributes), o = Array(a.length), s = {}, c = {};
-		for (let e = 0, t = a.length; e < t; ++e) {
-			let t = a[e];
-			o[e] = t.attribute, s[t.name] = t, c[t.attribute] = t, y.defineProperty(r, t);
-		}
-		Reflect.defineProperty(t, "observedAttributes", {
-			value: o,
-			enumerable: !0
-		}), this.attributes = a, this.propertyLookup = s, this.attributeLookup = c, this.shadowOptions = n.shadowOptions === void 0 ? pt : n.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, pt), n.shadowOptions), this.elementOptions = n.elementOptions === void 0 ? mt : Object.assign(Object.assign({}, mt), n.elementOptions), this.styles = S.normalize(n.styles), U.register(this), y.defineProperty(e.isRegistered, this.name), e.isRegistered[this.name] = this.type;
-	}
+}, B, ft = { mode: "open" }, pt = {}, V = /* @__PURE__ */ new Set(), H = c.getById(n.elementRegistry, () => u()), mt = { deferAndHydrate: "defer-and-hydrate" }, U = class {
 	get isDefined() {
 		return this.platformDefined;
 	}
+	constructor(e, t = e.definition) {
+		this.platformDefined = !1, a(t) && (t = { name: t }), this.type = e, this.name = t.name, this.template = t.template, this.templateOptions = t.templateOptions, this.registry = t.registry ?? customElements;
+		let n = e.prototype, r = lt.collect(e, t.attributes), i = Array(r.length), o = {}, s = {};
+		for (let e = 0, t = r.length; e < t; ++e) {
+			let t = r[e];
+			i[e] = t.attribute, o[t.name] = t, s[t.attribute] = t, y.defineProperty(n, t);
+		}
+		Reflect.defineProperty(e, "observedAttributes", {
+			value: i,
+			enumerable: !0
+		}), this.attributes = r, this.propertyLookup = o, this.attributeLookup = s, this.shadowOptions = t.shadowOptions === void 0 ? ft : t.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, ft), t.shadowOptions), this.elementOptions = t.elementOptions === void 0 ? pt : Object.assign(Object.assign({}, pt), t.elementOptions), this.styles = w.normalize(t.styles), H.register(this), y.defineProperty(B.isRegistered, this.name), B.isRegistered[this.name] = this.type;
+	}
 	define(e = this.registry) {
 		var t, n;
 		let r = this.type;
 		return e.get(this.name) || (this.platformDefined = !0, e.define(this.name, r, this.elementOptions), (n = (t = this.lifecycleCallbacks)?.elementDidDefine) == null || n.call(t, this.name)), this;
 	}
-	static compose(t, n) {
-		return H.has(t) || U.getByType(t) ? new e(class extends t {}, n) : new e(t, n);
+	static compose(e, t) {
+		return V.has(e) || H.getByType(e) ? new B(class extends e {}, t) : new B(e, t);
 	}
 	static registerBaseType(e) {
-		H.add(e);
+		V.add(e);
 	}
-	static composeAsync(t, n) {
-		return new Promise((r) => {
-			(H.has(t) || U.getByType(t)) && r(new e(class extends t {}, n));
-			let i = new e(t, n);
-			y.getNotifier(i).subscribe({ handleChange: () => {
+	static composeAsync(e, t) {
+		return new Promise((n) => {
+			(V.has(e) || H.getByType(e)) && n(new B(class extends e {}, t));
+			let r = new B(e, t);
+			y.getNotifier(r).subscribe({ handleChange: () => {
 				var e, t;
-				(t = (e = i.lifecycleCallbacks)?.templateDidUpdate) == null || t.call(e, i.name), r(i);
+				(t = (e = r.lifecycleCallbacks)?.templateDidUpdate) == null || t.call(e, r.name), n(r);
 			} }, "template");
 		});
 	}
 };
-W.isRegistered = {}, W.getByType = U.getByType, W.getForInstance = U.getForInstance, W.registerAsync = (e) => ft(void 0, void 0, void 0, function* () {
+B = U, U.isRegistered = {}, U.getByType = H.getByType, U.getForInstance = H.getForInstance, U.registerAsync = (e) => dt(void 0, void 0, void 0, function* () {
 	return new Promise((t) => {
-		W.isRegistered[e] && t(W.isRegistered[e]), y.getNotifier(W.isRegistered).subscribe({ handleChange: () => t(W.isRegistered[e]) }, e);
+		B.isRegistered[e] && t(B.isRegistered[e]), y.getNotifier(B.isRegistered).subscribe({ handleChange: () => t(B.isRegistered[e]) }, e);
 	});
-}), y.defineProperty(W.prototype, "template");
+}), y.defineProperty(U.prototype, "template");
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/utilities.js
-var gt = class extends MutationObserver {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/template.js
+var ht = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/, gt = Object.create(null), W = class {
+	constructor(e, t = gt) {
+		this.html = e, this.factories = t;
+	}
+	createHTML(e) {
+		let t = this.factories;
+		for (let n in t) e(t[n]);
+		return this.html;
+	}
+};
+W.empty = new W(""), A.define(W);
+function _t(e, t, n, r = A.getForInstance(e)) {
+	if (r.aspected) {
+		let n = ht.exec(t);
+		n !== null && A.assignAspect(e, n[2]);
+	}
+	return e.createHTML(n);
+}
+var vt = class e {
+	constructor(e, t = {}, n) {
+		this.policy = n, this.result = null, this.html = e, this.factories = t;
+	}
+	compile() {
+		return this.result === null && (this.result = z.compile(this.html, this.factories, this.policy)), this.result;
+	}
+	create(e) {
+		return this.compile().createView(e);
+	}
+	inline() {
+		return new W(a(this.html) ? this.html : this.html.innerHTML, this.factories);
+	}
+	withPolicy(e) {
+		if (this.result) throw c.error(r.cannotSetTemplatePolicyAfterCompilation);
+		if (this.policy) throw c.error(r.onlySetTemplatePolicyOnce);
+		return this.policy = e, this;
+	}
+	render(e, t, n) {
+		let r = this.create(n);
+		return r.bind(e), r.appendTo(t), r;
+	}
+	static create(t, n, r) {
+		let a = "", o = Object.create(null), s = (e) => {
+			let t = e.id ??= O();
+			return o[t] = e, t;
+		};
+		for (let e = 0, r = t.length - 1; e < r; ++e) {
+			let r = t[e], o = n[e], c;
+			if (a += r, i(o)) o = new L(S(o));
+			else if (o instanceof x) o = new L(o);
+			else if (!(c = A.getForInstance(o))) {
+				let e = o;
+				o = new L(C(() => e));
+			}
+			a += _t(o, r, s, c);
+		}
+		return new e(a + t[t.length - 1], o, r);
+	}
+};
+f(vt);
+var yt = ((e, ...t) => {
+	if (Array.isArray(e) && Array.isArray(e.raw)) return vt.create(e, t);
+	throw c.error(r.directCallToHTMLTagNotAllowed);
+});
+yt.partial = (e) => new W(e);
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/utilities.js
+var bt = class extends MutationObserver {
 	constructor(e) {
 		function t(e) {
 			this.callback.call(null, e.filter((e) => this.observedNodes.has(e.target)));
@@ -1324,7 +1352,7 @@ var gt = class extends MutationObserver {
 	unobserve(e) {
 		this.observedNodes.delete(e), this.observedNodes.size < 1 && this.disconnect();
 	}
-}, _t = Object.freeze({ create(e) {
+}, xt = Object.freeze({ create(e) {
 	let t = [], n = {}, r = null, i = !1;
 	return {
 		source: e,
@@ -1335,7 +1363,7 @@ var gt = class extends MutationObserver {
 		},
 		addBehaviorFactory(e, t) {
 			let n = e;
-			n.id = n.id ?? O(), n.targetNodeId = n.targetNodeId ?? O(), n.targetTagName = t.tagName ?? null, n.policy = n.policy ?? h.policy, this.addTarget(n.targetNodeId, t), this.addBehavior(n.createBehavior());
+			n.id = n.id ?? O(), n.targetNodeId = n.targetNodeId ?? O(), n.targetTagName = t.tagName ?? null, n.policy = n.policy ?? g.policy, this.addTarget(n.targetNodeId, t), this.addBehavior(n.createBehavior());
 		},
 		addTarget(e, t) {
 			n[e] = t;
@@ -1353,28 +1381,21 @@ var gt = class extends MutationObserver {
 			i && (i = !1, r !== null && r.forEach((e) => e.unbind(this)));
 		}
 	};
-} }), vt = {
+} }), St = {
 	bubbles: !0,
 	composed: !0,
 	cancelable: !0
-}, G = "isConnected", yt = /* @__PURE__ */ new WeakMap();
+}, G = "isConnected", Ct = /* @__PURE__ */ new WeakMap();
 function K(e) {
-	return e.shadowRoot ?? yt.get(e) ?? null;
+	return e.shadowRoot ?? Ct.get(e) ?? null;
 }
-var bt, q = class e extends ne {
-	constructor(e, t) {
-		super(e), this.boundObservables = null, this.needsInitialization = !0, this.hasExistingShadowRoot = !1, this._template = null, this.stage = 3, this.guardBehaviorConnection = !1, this.behaviors = null, this.behaviorsConnected = !1, this._mainStyles = null, this.$fastController = this, this.view = null, this.source = e, this.definition = t, this.shadowOptions = t.shadowOptions;
-		let n = y.getAccessors(e);
-		if (n.length > 0) {
-			let t = this.boundObservables = Object.create(null);
-			for (let r = 0, i = n.length; r < i; ++r) {
-				let i = n[r].name, a = e[i];
-				a !== void 0 && (delete e[i], t[i] = a);
-			}
-		}
-	}
+var wt, q;
+(function(e) {
+	e[e.connecting = 0] = "connecting", e[e.connected = 1] = "connected", e[e.disconnecting = 2] = "disconnecting", e[e.disconnected = 3] = "disconnected";
+})(q ||= {});
+var J = class e extends ne {
 	get isConnected() {
-		return y.track(this, G), this.stage === 1;
+		return y.track(this, G), this.stage === q.connected;
 	}
 	get context() {
 		return this.view?.context ?? b.default;
@@ -1402,7 +1423,7 @@ var bt, q = class e extends ne {
 		if (this._shadowRootOptions === void 0 && e !== void 0) {
 			this._shadowRootOptions = e;
 			let t = this.source.shadowRoot;
-			t ? this.hasExistingShadowRoot = !0 : (t = this.source.attachShadow(e), e.mode === "closed" && yt.set(this.source, t));
+			t ? this.hasExistingShadowRoot = !0 : (t = this.source.attachShadow(e), e.mode === "closed" && Ct.set(this.source, t));
 		}
 	}
 	get mainStyles() {
@@ -1415,19 +1436,30 @@ var bt, q = class e extends ne {
 	set mainStyles(e) {
 		this._mainStyles !== e && (this._mainStyles !== null && this.removeStyles(this._mainStyles), this._mainStyles = e, this.needsInitialization || this.addStyles(e));
 	}
+	constructor(e, t) {
+		super(e), this.boundObservables = null, this.needsInitialization = !0, this.hasExistingShadowRoot = !1, this._template = null, this.stage = q.disconnected, this.guardBehaviorConnection = !1, this.behaviors = null, this.behaviorsConnected = !1, this._mainStyles = null, this.$fastController = this, this.view = null, this.source = e, this.definition = t, this.shadowOptions = t.shadowOptions;
+		let n = y.getAccessors(e);
+		if (n.length > 0) {
+			let t = this.boundObservables = Object.create(null);
+			for (let r = 0, i = n.length; r < i; ++r) {
+				let i = n[r].name, a = e[i];
+				a !== void 0 && (delete e[i], t[i] = a);
+			}
+		}
+	}
 	onUnbind(e) {
 		var t;
 		(t = this.view) == null || t.onUnbind(e);
 	}
 	addBehavior(e) {
 		let t = this.behaviors ??= /* @__PURE__ */ new Map(), n = t.get(e) ?? 0;
-		n === 0 ? (t.set(e, 1), e.addedCallback && e.addedCallback(this), e.connectedCallback && !this.guardBehaviorConnection && (this.stage === 1 || this.stage === 0) && e.connectedCallback(this)) : t.set(e, n + 1);
+		n === 0 ? (t.set(e, 1), e.addedCallback && e.addedCallback(this), e.connectedCallback && !this.guardBehaviorConnection && (this.stage === q.connected || this.stage === q.connecting) && e.connectedCallback(this)) : t.set(e, n + 1);
 	}
 	removeBehavior(e, t = !1) {
 		let n = this.behaviors;
 		if (n === null) return;
 		let r = n.get(e);
-		r !== void 0 && (r === 1 || t ? (n.delete(e), e.disconnectedCallback && this.stage !== 3 && e.disconnectedCallback(this), e.removedCallback && e.removedCallback(this)) : n.set(e, r - 1));
+		r !== void 0 && (r === 1 || t ? (n.delete(e), e.disconnectedCallback && this.stage !== q.disconnected && e.disconnectedCallback(this), e.removedCallback && e.removedCallback(this)) : n.set(e, r - 1));
 	}
 	addStyles(e) {
 		if (!e) return;
@@ -1448,7 +1480,7 @@ var bt, q = class e extends ne {
 		}
 	}
 	connect() {
-		this.stage === 3 && (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.needsInitialization ? (this.renderTemplate(this.template), this.addStyles(this.mainStyles), this.needsInitialization = !1) : this.view !== null && this.view.bind(this.source), this.stage = 1, y.notify(this, G));
+		this.stage === q.disconnected && (this.stage = q.connecting, this.bindObservables(), this.connectBehaviors(), this.needsInitialization ? (this.renderTemplate(this.template), this.addStyles(this.mainStyles), this.needsInitialization = !1) : this.view !== null && this.view.bind(this.source), this.stage = q.connected, y.notify(this, G));
 	}
 	bindObservables() {
 		if (this.boundObservables !== null) {
@@ -1479,14 +1511,14 @@ var bt, q = class e extends ne {
 		}
 	}
 	disconnect() {
-		this.stage === 1 && (this.stage = 2, y.notify(this, G), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
+		this.stage === q.connected && (this.stage = q.disconnecting, y.notify(this, G), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = q.disconnected);
 	}
 	onAttributeChangedCallback(e, t, n) {
 		let r = this.definition.attributeLookup[e];
 		r !== void 0 && r.onAttributeChangedCallback(this.source, n);
 	}
 	emit(e, t, n) {
-		return this.stage === 1 ? this.source.dispatchEvent(new CustomEvent(e, Object.assign(Object.assign({ detail: t }, vt), n))) : !1;
+		return this.stage === q.connected ? this.source.dispatchEvent(new CustomEvent(e, Object.assign(Object.assign({ detail: t }, St), n))) : !1;
 	}
 	renderTemplate(e) {
 		let t = this.source, n = K(t) ?? t;
@@ -1498,25 +1530,25 @@ var bt, q = class e extends ne {
 		e && (this.view = e.render(t, n, t), this.view.sourceLifetime = v.coupled);
 	}
 	static forCustomElement(t, n = !1) {
-		let r = t.$fastController;
-		if (r !== void 0 && !n) return r;
-		let i = W.getForInstance(t);
-		if (i === void 0) throw s.error(1401);
-		return y.getNotifier(i).subscribe({ handleChange: () => {
+		let i = t.$fastController;
+		if (i !== void 0 && !n) return i;
+		let a = U.getForInstance(t);
+		if (a === void 0) throw c.error(r.missingElementDefinition);
+		return y.getNotifier(a).subscribe({ handleChange: () => {
 			e.forCustomElement(t, !0), t.$fastController.connect();
-		} }, "template"), y.getNotifier(i).subscribe({ handleChange: () => {
+		} }, "template"), y.getNotifier(a).subscribe({ handleChange: () => {
 			e.forCustomElement(t, !0), t.$fastController.connect();
-		} }, "shadowOptions"), t.$fastController = new bt(t, i);
+		} }, "shadowOptions"), t.$fastController = new wt(t, a);
 	}
 	static setStrategy(e) {
-		bt = e;
+		wt = e;
 	}
 };
-d(q), q.setStrategy(q);
-function J(e) {
+f(J), J.setStrategy(J);
+function Y(e) {
 	return "adoptedStyleSheets" in e ? e : K(e) ?? e.getRootNode();
 }
-var xt = class e {
+var Tt = class e {
 	constructor(t) {
 		let n = e.styleSheetCache;
 		this.sheets = t.map((e) => {
@@ -1526,23 +1558,23 @@ var xt = class e {
 		});
 	}
 	addStylesTo(e) {
-		Et(J(e), this.sheets);
+		At(Y(e), this.sheets);
 	}
 	removeStylesFrom(e) {
-		Dt(J(e), this.sheets);
+		jt(Y(e), this.sheets);
 	}
 };
-xt.styleSheetCache = /* @__PURE__ */ new Map();
-var St = 0, Ct = () => `fast-${++St}`;
-function wt(e) {
+Tt.styleSheetCache = /* @__PURE__ */ new Map();
+var Et = 0, Dt = () => `fast-${++Et}`;
+function Ot(e) {
 	return e === document ? document.body : e;
 }
-var Tt = class {
+var kt = class {
 	constructor(e) {
-		this.styles = e, this.styleClass = Ct();
+		this.styles = e, this.styleClass = Dt();
 	}
 	addStylesTo(e) {
-		e = wt(J(e));
+		e = Ot(Y(e));
 		let t = this.styles, n = this.styleClass;
 		for (let r = 0; r < t.length; r++) {
 			let i = document.createElement("style");
@@ -1550,34 +1582,34 @@ var Tt = class {
 		}
 	}
 	removeStylesFrom(e) {
-		e = wt(J(e));
+		e = Ot(Y(e));
 		let t = e.querySelectorAll(`.${this.styleClass}`);
 		for (let n = 0, r = t.length; n < r; ++n) e.removeChild(t[n]);
 	}
-}, Et = (e, t) => {
+}, At = (e, t) => {
 	e.adoptedStyleSheets = [...e.adoptedStyleSheets, ...t];
-}, Dt = (e, t) => {
+}, jt = (e, t) => {
 	e.adoptedStyleSheets = e.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
 };
-if (S.supportsAdoptedStyleSheets) {
+if (w.supportsAdoptedStyleSheets) {
 	try {
-		document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), Et = (e, t) => {
+		document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), At = (e, t) => {
 			e.adoptedStyleSheets.push(...t);
-		}, Dt = (e, t) => {
+		}, jt = (e, t) => {
 			for (let n of t) {
 				let t = e.adoptedStyleSheets.indexOf(n);
 				t !== -1 && e.adoptedStyleSheets.splice(t, 1);
 			}
 		};
 	} catch {}
-	S.setDefaultStrategy(xt);
-} else S.setDefaultStrategy(Tt);
-var Ot = "defer-hydration", kt = "needs-hydration", Y = class e extends q {
+	w.setDefaultStrategy(Tt);
+} else w.setDefaultStrategy(kt);
+var Mt = "needs-hydration", X = class e extends J {
 	get shadowOptions() {
 		return super.shadowOptions;
 	}
 	set shadowOptions(e) {
-		super.shadowOptions = e, (this.hasExistingShadowRoot || e !== void 0 && !this.template) && this.definition.templateOptions === ht.deferAndHydrate && (this.source.toggleAttribute(Ot, !0), this.source.toggleAttribute(kt, !0));
+		super.shadowOptions = e, (this.hasExistingShadowRoot || e !== void 0 && !this.template) && this.definition.templateOptions === mt.deferAndHydrate && (this.source.toggleAttribute(Ee, !0), this.source.toggleAttribute(Mt, !0));
 	}
 	addHydratingInstance() {
 		if (!e.hydratingInstances) return;
@@ -1596,46 +1628,63 @@ var Ot = "defer-hydration", kt = "needs-hydration", Y = class e extends q {
 			e.idleCallbackId = requestIdleCallback(e.checkHydrationComplete, { timeout: 50 });
 			return;
 		}
-		e.hydratingInstances?.size === 0 && ((r = (n = e.lifecycleCallbacks)?.hydrationComplete) == null || r.call(n), q.setStrategy(q));
+		if (e.hydratingInstances?.size === 0) {
+			try {
+				(r = (n = e.lifecycleCallbacks).hydrationComplete) == null || r.call(n);
+			} catch {}
+			J.setStrategy(J);
+		}
 	}
 	connect() {
-		var t, n, r;
-		if (this.needsHydration = this.needsHydration ?? this.source.hasAttribute(kt), this.needsHydration && ((n = (t = e.lifecycleCallbacks)?.elementWillHydrate) == null || n.call(t, this.definition.name)), this.source.hasAttribute("defer-hydration")) {
-			this.addHydratingInstance(), e.hydrationObserver.observe(this.source, { attributeFilter: [Ot] });
+		var t, n, r, i, a;
+		if (this.needsHydration = this.needsHydration ?? this.source.hasAttribute(Mt), this.needsHydration && this.addHydratingInstance(), this.source.hasAttribute("defer-hydration")) {
+			this.addHydratingInstance(), e.hydrationObserver.observe(this.source, { attributeFilter: [Ee] });
 			return;
 		}
 		if (!this.needsHydration) {
 			super.connect(), this.removeHydratingInstance();
 			return;
 		}
-		if (this.stage === 3) {
-			if (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.template) if (T(this.template)) {
-				let e = this.source, t = K(e) ?? e, n = t.firstChild, i = t.lastChild;
-				e.shadowRoot === null && (C.isElementBoundaryStartMarker(n) && (n.data = "", n = n.nextSibling), C.isElementBoundaryEndMarker(i) && (i.data = "", i = i.previousSibling)), this.view = this.template.hydrate(n, i, e), (r = this.view) == null || r.bind(this.source);
+		if (this.stage === q.disconnected) {
+			if (!e.hydrationStarted) {
+				e.hydrationStarted = !0;
+				try {
+					(n = (t = e.lifecycleCallbacks).hydrationStarted) == null || n.call(t);
+				} catch {}
+			}
+			try {
+				(i = (r = e.lifecycleCallbacks).elementWillHydrate) == null || i.call(r, this.source);
+			} catch {}
+			if (this.stage = q.connecting, this.bindObservables(), this.connectBehaviors(), this.template) if (N(this.template)) {
+				let e = this.source, t = K(e) ?? e, n = t.firstChild, r = t.lastChild;
+				e.shadowRoot === null && (j.isElementBoundaryStartMarker(n) && (n.data = "", n = n.nextSibling), j.isElementBoundaryEndMarker(r) && (r.data = "", r = r.previousSibling)), this.view = this.template.hydrate(n, r, e), (a = this.view) == null || a.bind(this.source);
 			} else this.renderTemplate(this.template);
-			this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(kt), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), y.notify(this, G);
+			this.addStyles(this.mainStyles), this.stage = q.connected, this.source.removeAttribute(Mt), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), y.notify(this, G);
 		}
 	}
 	removeHydratingInstance() {
 		var t, n;
 		if (!e.hydratingInstances) return;
+		try {
+			(n = (t = e.lifecycleCallbacks).elementDidHydrate) == null || n.call(t, this.source);
+		} catch {}
 		let r = this.definition.name, i = e.hydratingInstances.get(r);
-		(n = (t = e.lifecycleCallbacks)?.elementDidHydrate) == null || n.call(t, this.definition.name), i && (i.delete(this.source), i.size || e.hydratingInstances.delete(r), e.idleCallbackId && cancelIdleCallback(e.idleCallbackId), e.idleCallbackId = requestIdleCallback(e.checkHydrationComplete, { timeout: 50 }));
+		i && (i.delete(this.source), i.size || e.hydratingInstances.delete(r), e.idleCallbackId && cancelIdleCallback(e.idleCallbackId), e.idleCallbackId = requestIdleCallback(e.checkHydrationComplete, { timeout: 50 }));
 	}
 	disconnect() {
 		super.disconnect(), e.hydrationObserver.unobserve(this.source);
 	}
 	static install() {
-		q.setStrategy(e);
+		J.setStrategy(e);
 	}
 };
-Y.hydrationObserver = new gt(Y.hydrationObserverHandler), Y.idleCallbackId = null, Y.hydratingInstances = /* @__PURE__ */ new Map();
+X.hydrationObserver = new bt(X.hydrationObserverHandler), X.lifecycleCallbacks = {}, X.hydrationStarted = !1, X.idleCallbackId = null, X.hydratingInstances = /* @__PURE__ */ new Map();
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js
-function At(e) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js
+function Nt(e) {
 	let t = class extends e {
 		constructor() {
-			super(), q.forCustomElement(this);
+			super(), J.forCustomElement(this);
 		}
 		$emit(e, t, n) {
 			return this.$fastController.emit(e, t, n);
@@ -1650,123 +1699,150 @@ function At(e) {
 			this.$fastController.onAttributeChangedCallback(e, t, n);
 		}
 	};
-	return W.registerBaseType(t), t;
+	return U.registerBaseType(t), t;
 }
-function jt(e, t) {
-	return r(e) ? W.compose(e, t) : W.compose(this, e);
+function Pt(e, t) {
+	return i(e) ? U.compose(e, t) : U.compose(this, e);
 }
-function Mt(e, t) {
-	return r(e) ? new Promise((n) => {
-		W.composeAsync(e, t).then((e) => {
+function Ft(e, t) {
+	return i(e) ? new Promise((n) => {
+		U.composeAsync(e, t).then((e) => {
 			n(e);
 		});
 	}).then((e) => e.define().type) : new Promise((t) => {
-		W.composeAsync(this, e).then((e) => {
+		U.composeAsync(this, e).then((e) => {
 			t(e);
 		});
 	}).then((e) => e.define().type);
 }
-function Nt(e, t) {
-	return r(e) ? W.compose(e, t).define().type : W.compose(this, e).define().type;
+function It(e, t) {
+	return i(e) ? U.compose(e, t).define().type : U.compose(this, e).define().type;
 }
-function Pt(e) {
-	return At(e);
+function Lt(e) {
+	return Nt(e);
 }
-var Ft = Object.assign(At(HTMLElement), {
-	from: Pt,
-	define: Nt,
-	compose: jt,
-	defineAsync: Mt
+var Rt = Object.assign(Nt(HTMLElement), {
+	from: Lt,
+	define: It,
+	compose: Pt,
+	defineAsync: Ft
 });
 //#endregion
 //#region src/shared/design-system/createRegisterFunction.ts
-function It(e, t) {
+function zt(e, t) {
 	return e instanceof Function ? e(t) : e;
 }
-var Lt = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Map(), Rt = (e) => (t = "vwc") => {
+var Bt = /* @__PURE__ */ new Set(), Vt = /* @__PURE__ */ new Map(), Ht = (e) => (t = "vwc") => {
 	let n = (e) => `${t}-${e}`, r = (e) => {
 		let i = n(e.name), a = e.type;
-		if (a.componentName = e.name, Lt.has(i)) return;
-		X.has(a) && X.get(a) !== i && (a = class extends a {}), Lt.add(i), X.set(a, i);
+		if (a.componentName = e.name, Bt.has(i)) return;
+		Vt.has(a) && Vt.get(a) !== i && (a = class extends a {}), Bt.add(i), Vt.set(a, i);
 		for (let t of e.dependencies) r(t);
 		let o = new Map([[e.type, i], ...e.dependencies.map((e) => [e.type, n(e.name)])]), s = {
 			tagFor: (t, n) => {
 				if (!o.has(t)) throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);
 				let r = o.get(t);
-				return n ? r : V.partial(r);
+				return n ? r : yt.partial(r);
 			},
 			tagForNonDependency(e) {
 				return n(e);
 			}
 		};
-		W.compose(a, {
+		U.compose(a, {
 			...e.options,
-			template: It(e.template, s),
+			template: zt(e.template, s),
 			name: `${t}-${e.name}`
 		}).define();
 	};
 	r(e);
-}, zt = (e, t, n, r, i) => ({
+}, Ut = (e, t, n, r, i) => ({
 	name: e,
 	type: t,
 	template: n,
 	dependencies: r,
 	options: i
-}), Bt = /* @__PURE__ */ new WeakMap(), Z = (e) => {
-	let t = Bt.get(e);
-	return t || (t = [], Bt.set(e, t)), t;
-}, Vt = (e, t) => {
+}), Wt = /* @__PURE__ */ new WeakMap(), Z = (e) => {
+	let t = Wt.get(e);
+	return t || (t = [], Wt.set(e, t)), t;
+}, Gt = (e, t) => {
 	Z(e).push(t);
-}, Ht = (e, t) => {
+}, Kt = (e, t) => {
 	Z(e).splice(Z(e).indexOf(t), 1);
-}, Ut = (e, t) => {
+}, qt = (e, t) => {
 	Z(e).forEach((n) => n(e, t));
-}, Wt = (e) => e === "delegate", Gt = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, Kt = (e, t) => {
-	if (Wt(e._vividAriaBehaviour)) {
+}, Jt = (e) => e === "delegate", Yt = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, Xt = (e, t) => {
+	if (Jt(e._vividAriaBehaviour)) {
 		let n = e[t];
-		e[`_${t}`] = null, e.removeAttribute($(t)), e[`_${t}`] = n, e[t] === null ? delete e.dataset[Gt(t)] : e.dataset[Gt(t)] = e[t];
-	} else h.setAttribute(e, $(t), e[t]);
-}, Q = /* @__PURE__ */ new WeakMap(), qt = (e, t) => {
+		e[`_${t}`] = null, e.removeAttribute($(t)), e[`_${t}`] = n, e[t] === null ? delete e.dataset[Yt(t)] : e.dataset[Yt(t)] = e[t];
+	} else g.setAttribute(e, $(t), e[t]);
+}, Q = /* @__PURE__ */ new WeakMap(), Zt = (e, t) => {
 	let n = Q.get(e);
 	n ? n.add(t) : Q.set(e, new Set([t]));
-}, Jt = (e, t) => {
-	e.isConnected ? Kt(e, t) : qt(e, t);
-}, Yt = (e) => {
+}, Qt = (e, t) => {
+	e.isConnected ? Xt(e, t) : Zt(e, t);
+}, $t = (e) => {
 	let t = Q.get(e);
 	if (t) {
-		for (let n of t) Kt(e, n);
+		for (let n of t) Xt(e, n);
 		Q.delete(e);
 	}
-}, Xt = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant".split("."), $ = (e) => e.replace("aria", "aria-").toLowerCase(), Zt = (e) => {
+}, en = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant".split("."), tn = [
+	"ariaControls",
+	"ariaDescribedBy",
+	"ariaDetails",
+	"ariaErrorMessage",
+	"ariaFlowTo",
+	"ariaLabelledBy",
+	"ariaOwns"
+], nn = [...en, ...tn], $ = (e) => e.replace("aria", "aria-").toLowerCase(), rn = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "default";
-			for (let e of Xt) this[`_${e}`] = null;
+			for (let e of nn) this[`_${e}`] = null;
 		}
 		connectedCallback() {
-			super.connectedCallback(), Yt(this);
+			super.connectedCallback(), $t(this);
 		}
 	}
-	for (let e of Xt) dt({
+	for (let e of nn) ut({
 		attribute: $(e),
 		mode: "fromView"
 	})(t.prototype, e), t.prototype[`${e}Changed`] = function() {
-		Jt(this, e), this._vividAriaBehaviour !== "default" && Ut(this, e);
+		Qt(this, e), this._vividAriaBehaviour !== "default" && qt(this, e);
 	};
 	return t;
+}, an = (e) => {
+	class t extends e {
+		#e = /* @__PURE__ */ new Set();
+		_addController(e) {
+			this.#e.add(e), this.$fastController.isConnected && e.hostConnected?.();
+		}
+		_removeController(e) {
+			this.#e.delete(e);
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			for (let e of this.#e) e.hostConnected?.();
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			for (let e of this.#e) e.hostDisconnected?.();
+		}
+	}
+	return t;
 };
 //#endregion
 //#region src/shared/deprecation/replaced-props.ts
-function Qt() {
+function on() {
 	let e = /* @__PURE__ */ new WeakMap();
 	return (t) => (e.has(t) || e.set(t, []), e.get(t));
 }
-var $t = Qt(), en = (e) => (t, n) => {
-	$t(t.constructor).push({
+var sn = on(), cn = (e) => (t, n) => {
+	sn(t.constructor).push({
 		newPropertyName: n,
 		...e
 	});
-}, tn = (e) => {
+}, ln = (e) => {
 	class t extends e {
 		#e(e) {
 			let t = !1, n = !1, r = (t) => n && e.fromDeprecated(t[e.deprecatedPropertyName]) === t[e.newPropertyName], i = (n) => t && e.toDeprecated && e.toDeprecated(n[e.newPropertyName]) === n[e.deprecatedPropertyName], a = { handleChange(a, o) {
@@ -1783,13 +1859,13 @@ var $t = Qt(), en = (e) => (t, n) => {
 		}
 		constructor(...e) {
 			super(...e);
-			for (let e of $t(this.constructor)) this.#e(e);
+			for (let e of sn(this.constructor)) this.#e(e);
 		}
 	}
 	return t;
-}, nn = class extends Zt(tn(Ft)) {
+}, un = class extends rn(ln(an(Rt))) {
 	static {
-		this.VIVID_VERSION = "5.19.0";
+		this.VIVID_VERSION = "5.20.0";
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -1798,4 +1874,4 @@ var $t = Qt(), en = (e) => (t, n) => {
 	}
 };
 //#endregion
-export { g as A, se as C, re as D, y as E, a as F, c as M, r as N, ie as O, i as P, le as S, b as T, Ee as _, Vt as a, T as b, Rt as c, lt as d, V as f, j as g, I as h, Xt as i, h as j, _ as k, _t as l, F as m, en as n, Ht as o, L as p, $ as r, zt as s, nn as t, dt as u, Te as v, x as w, S as x, C as y };
+export { ie as A, pe as C, x as D, S as E, l as F, i as I, a as L, re as M, _ as N, b as O, g as P, o as R, he as S, C as T, F as _, en as a, N as b, Gt as c, Ht as d, xt as f, L as g, ct as h, tn as i, ae as j, y as k, Kt as l, ut as m, cn as n, Qt as o, yt as p, $ as r, qt as s, un as t, Ut as u, I as v, w, A as x, j as y };