@vonage/vivid 5.25.0 → 5.28.0

package/bundled/vivid-element.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/interfaces.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/interfaces.js
 var e, t = "fast-kernel";
 try {
 	if (document.currentScript) e = document.currentScript.getAttribute(t);
@@ -35,7 +35,6 @@ switch (e) {
 			contextEvent: `3.2${e}`,
 			elementRegistry: `4.2${e}`
 		});
-		break;
 }
 var r;
 (function(e) {
@@ -43,12 +42,14 @@ var r;
 })(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;
-	else if (typeof window < "u") window.globalThis = window;
-	else {
-		let e = Function("return this")();
-		e.globalThis = e;
+	if (!(typeof globalThis < "u")) {
+		if (typeof global < "u") global.globalThis = global;
+		else if (typeof self < "u") self.globalThis = self;
+		else if (typeof window < "u") window.globalThis = window;
+		else {
+			let e = Function("return this")();
+			e.globalThis = e;
+		}
 	}
 })(), (function() {
 	"requestIdleCallback" in globalThis || (globalThis.requestIdleCallback = function(e, t) {
@@ -64,7 +65,7 @@ var i = (e) => typeof e == "function", a = (e) => typeof e == "string", o = () =
 	});
 })();
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/platform.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/platform.js
 var s = {
 	configurable: !1,
 	enumerable: !1,
@@ -91,7 +92,7 @@ function u() {
 	let e = /* @__PURE__ */ new Map();
 	return Object.freeze({
 		register(t) {
-			return e.has(t.type) ? !1 : (e.set(t.type, t), !0);
+			return !e.has(t.type) && (e.set(t.type, t), !0);
 		},
 		getByType(t) {
 			return e.get(t);
@@ -117,7 +118,7 @@ function f(e) {
 	e.prototype.toJSON = o;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/dom.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/dom.js
 var p = Object.freeze({
 	none: 0,
 	attribute: 1,
@@ -204,7 +205,7 @@ var p = Object.freeze({
 		var n, r;
 		t ? (n = this.subscribers[t]) == null || n.unsubscribe(e) : (r = this.subjectSubscribers) == null || r.unsubscribe(e);
 	}
-}, re = c.getById(n.updateQueue, () => {
+}, v = c.getById(n.updateQueue, () => {
 	let e = [], t = [], n = globalThis.requestAnimationFrame, r = !0;
 	function i() {
 		if (t.length) throw t.shift();
@@ -234,11 +235,11 @@ var p = Object.freeze({
 		process: o,
 		setMode: (e) => r = e
 	});
-}), v = Object.freeze({
+}), y = Object.freeze({
 	unknown: void 0,
 	coupled: 1
-}), y = c.getById(n.observable, () => {
-	let e = re.enqueue, t = /(:|&&|\|\||if|\?\.)/, n = /* @__PURE__ */ new WeakMap(), o, s = (e) => {
+}), b = c.getById(n.observable, () => {
+	let e = v.enqueue, t = /(:|&&|\|\||if|\?\.)/, n = /* @__PURE__ */ new WeakMap(), o, s = (e) => {
 		throw c.error(r.needsArrayObservation);
 	};
 	function l(e) {
@@ -275,7 +276,7 @@ var p = Object.freeze({
 			return !e.isBound && this.requiresUnbind(e) && e.onUnbind(this), t;
 		}
 		requiresUnbind(e) {
-			return e.sourceLifetime !== v.coupled || this.first !== this.last || this.first.propertySource !== e.source;
+			return e.sourceLifetime !== y.coupled || this.first !== this.last || this.first.propertySource !== e.source;
 		}
 		unbind(e) {
 			this.dispose();
@@ -358,15 +359,15 @@ var p = Object.freeze({
 		}
 	});
 });
-function ie(e, t) {
-	y.defineProperty(e, t);
+function re(e, t) {
+	b.defineProperty(e, t);
 }
-function ae(e, t, n) {
+function ie(e, t, n) {
 	return Object.assign({}, n, { get() {
-		return y.trackVolatile(), n.get.apply(this);
+		return b.trackVolatile(), n.get.apply(this);
 	} });
 }
-var oe = c.getById(n.contextEvent, () => {
+var ae = c.getById(n.contextEvent, () => {
 	let e = null;
 	return {
 		get() {
@@ -376,12 +377,12 @@ var oe = c.getById(n.contextEvent, () => {
 			e = t;
 		}
 	};
-}), b = Object.freeze({
+}), x = Object.freeze({
 	default: {
 		index: 0,
 		length: 0,
 		get event() {
-			return b.getEvent();
+			return x.getEvent();
 		},
 		eventDetail() {
 			return this.event.detail;
@@ -391,26 +392,26 @@ var oe = c.getById(n.contextEvent, () => {
 		}
 	},
 	getEvent() {
-		return oe.get();
+		return ae.get();
 	},
 	setEvent(e) {
-		oe.set(e);
+		ae.set(e);
 	}
-}), x = class {
+}), S = class {
 	constructor(e, t, n = !1) {
 		this.evaluate = e, this.policy = t, this.isVolatile = n;
 	}
-}, se = class extends x {
+}, oe = class extends S {
 	createObserver(e) {
-		return y.binding(this.evaluate, e, this.isVolatile);
+		return b.binding(this.evaluate, e, this.isVolatile);
 	}
 };
-function S(e, t, n = y.isVolatileBinding(e)) {
-	return new se(e, t, n);
+function se(e, t, n = b.isVolatileBinding(e)) {
+	return new oe(e, t, n);
 }
 //#endregion
-//#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 {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/binding/one-time.js
+var ce = class extends S {
 	createObserver() {
 		return this;
 	}
@@ -419,18 +420,18 @@ var ce = class extends x {
 	}
 };
 f(ce);
-function C(e, t) {
+function le(e, t) {
 	return new ce(e, t);
 }
 //#endregion
-//#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), []);
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/styles/element-styles.js
+var ue;
+function de(e) {
+	return e.map((e) => e instanceof C ? de(e.styles) : [e]).reduce((e, t) => e.concat(t), []);
 }
-var w = class e {
+var C = class e {
 	get strategy() {
-		return this._strategy === null && this.withStrategy(le), this._strategy;
+		return this._strategy === null && this.withStrategy(ue), 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);
@@ -448,41 +449,41 @@ var w = class e {
 		return this.behaviors = this.behaviors === null ? e : this.behaviors.concat(e), this;
 	}
 	withStrategy(e) {
-		return this._strategy = new e(ue(this.styles)), this;
+		return this._strategy = new e(de(this.styles)), this;
 	}
 	static setDefaultStrategy(e) {
-		le = e;
+		ue = e;
 	}
 	static normalize(t) {
 		return t === void 0 ? void 0 : Array.isArray(t) ? new e(t) : t instanceof e ? t : new e([t]);
 	}
 };
-w.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
+C.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
 //#endregion
-//#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}-->`
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/markup.js
+var w = `fast-${Math.random().toString(36).substring(2, 8)}`, T = `${w}{`, E = `}${w}`, fe = E.length, pe = 0, D = () => `${w}-${++pe}`, O = Object.freeze({
+	interpolation: (e) => `${T}${e}${E}`,
+	attribute: (e) => `${D()}="${T}${e}${E}"`,
+	comment: (e) => `<!--${T}${e}${E}-->`
 }), k = Object.freeze({ parse(e, t) {
-	let n = e.split(E);
+	let n = e.split(T);
 	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;
+		let i = n[e], a = i.indexOf(E), o;
 		if (a === -1) o = i;
 		else {
 			let e = i.substring(0, a);
-			r.push(t[e]), o = i.substring(a + de);
+			r.push(t[e]), o = i.substring(a + fe);
 		}
 		o !== "" && r.push(o);
 	}
 	return r;
-} }), me = u(), A = Object.freeze({
-	getForInstance: me.getForInstance,
-	getByType: me.getByType,
+} }), A = u(), j = Object.freeze({
+	getForInstance: A.getForInstance,
+	getByType: A.getByType,
 	define(e, t) {
-		return t ||= {}, t.type = e, me.register(t), e;
+		return t ||= {}, t.type = e, A.register(t), e;
 	},
 	assignAspect(e, t) {
 		if (!t) {
@@ -499,30 +500,28 @@ var T = `fast-${Math.random().toString(36).substring(2, 8)}`, E = `${T}{`, D = `
 			case "@":
 				e.targetAspect = t.substring(1), e.aspectType = p.event;
 				break;
-			default:
-				e.targetAspect = t, e.aspectType = p.attribute;
-				break;
+			default: e.targetAspect = t, e.aspectType = p.attribute;
 		}
 	}
-}), he = class {
+}), me = class {
 	constructor(e) {
 		this.options = e;
 	}
 	createHTML(e) {
-		return pe.attribute(e(this));
+		return O.attribute(e(this));
 	}
 	createBehavior() {
 		return this;
 	}
 };
-f(he);
+f(me);
 //#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) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/components/hydration.js
+var he = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, ge = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, _e = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, ve = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, ye = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, be = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
+function xe(e) {
 	return e && e.nodeType === Node.COMMENT_NODE;
 }
-var j = Object.freeze({
+var M = Object.freeze({
 	attributeMarkerName: "data-fe-b",
 	compactAttributeMarkerName: "data-fe-c",
 	attributeBindingSeparator: " ",
@@ -539,22 +538,22 @@ var j = Object.freeze({
 		return `fe-repeat$$end$$${e}$$fe-repeat`;
 	},
 	isContentBindingStartMarker(e) {
-		return ge.test(e);
+		return he.test(e);
 	},
 	isContentBindingEndMarker(e) {
-		return _e.test(e);
+		return ge.test(e);
 	},
 	isRepeatViewStartMarker(e) {
-		return ve.test(e);
+		return _e.test(e);
 	},
 	isRepeatViewEndMarker(e) {
-		return ye.test(e);
+		return ve.test(e);
 	},
 	isElementBoundaryStartMarker(e) {
-		return Se(e) && be.test(e.data.trim());
+		return xe(e) && ye.test(e.data.trim());
 	},
 	isElementBoundaryEndMarker(e) {
-		return Se(e) && xe.test(e.data);
+		return xe(e) && be.test(e.data);
 	},
 	parseAttributeBinding(e) {
 		let t = e.getAttribute(this.attributeMarkerName);
@@ -585,70 +584,68 @@ var j = Object.freeze({
 		return o;
 	},
 	parseContentBindingStartMarker(e) {
-		return Te(ge, e);
+		return we(he, e);
 	},
 	parseContentBindingEndMarker(e) {
-		return Te(_e, e);
+		return we(ge, e);
 	},
 	parseRepeatStartMarker(e) {
-		return Ce(ve, e);
+		return Se(_e, e);
 	},
 	parseRepeatEndMarker(e) {
-		return Ce(ye, e);
+		return Se(ve, e);
 	},
 	parseElementBoundaryStartMarker(e) {
-		return we(be, e.trim());
+		return Ce(ye, e.trim());
 	},
 	parseElementBoundaryEndMarker(e) {
-		return we(xe, e);
+		return Ce(be, e);
 	}
 });
-function Ce(e, t) {
+function Se(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : parseInt(n[1]);
 }
-function we(e, t) {
+function Ce(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : n[1];
 }
-function Te(e, t) {
+function we(e, t) {
 	let n = e.exec(t);
 	return n === null ? n : [parseInt(n[1]), n[2]];
 }
-var M = Symbol.for("fe-hydration");
-function N(e) {
-	return e[M] === M;
+var N = Symbol.for("fe-hydration");
+function P(e) {
+	return e[N] === N;
 }
-var Ee = "defer-hydration", De = class extends Error {
+var Te = "defer-hydration", Ee = class extends Error {
 	constructor(e, t, n) {
 		super(e), this.factories = t, this.node = n;
 	}
 };
-function Oe(e) {
+function F(e) {
 	return e.nodeType === Node.COMMENT_NODE;
 }
-function ke(e) {
+function De(e) {
 	return e.nodeType === Node.TEXT_NODE;
 }
-function Ae(e, t) {
+function Oe(e, t) {
 	let n = document.createRange();
-	return n.setStart(e, 0), n.setEnd(t, Oe(t) || ke(t) ? t.data.length : t.childNodes.length), n;
+	return n.setStart(e, 0), n.setEnd(t, F(t) || De(t) ? t.data.length : t.childNodes.length), n;
 }
-function je(e) {
+function ke(e) {
 	return e instanceof DocumentFragment && "mode" in 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) {
+function Ae(e, t, n) {
+	let r = Oe(e, t), i = r.commonAncestorContainer, a = Pe(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;
 	} }), s = {}, c = {}, l = o.currentNode = e;
 	for (; l !== null;) {
 		switch (l.nodeType) {
 			case Node.ELEMENT_NODE:
-				Ne(l, n, s, a);
-				break;
-			case Node.COMMENT_NODE:
-				Pe(l, o, n, s, c, a);
+				je(l, n, s, a);
 				break;
+			case Node.COMMENT_NODE: Me(l, o, n, s, c, a);
 		}
 		l = o.nextNode();
 	}
@@ -657,68 +654,68 @@ function Me(e, t, n) {
 		boundaries: c
 	};
 }
-function Ne(e, t, n, r) {
-	let i = j.parseAttributeBinding(e) ?? j.parseEnumeratedAttributeBinding(e) ?? j.parseCompactAttributeBinding(e);
+function je(e, t, n, r) {
+	let i = M.parseAttributeBinding(e) ?? M.parseEnumeratedAttributeBinding(e) ?? M.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);
+			if (!i) throw new Ee(`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);
+			I(i, e, n);
 		}
-		e.removeAttribute(j.attributeMarkerName);
+		e.removeAttribute(M.attributeMarkerName);
 	}
 }
-function Pe(e, t, n, r, i, a) {
-	if (j.isElementBoundaryStartMarker(e)) {
-		Fe(e, t);
+function Me(e, t, n, r, i, a) {
+	if (M.isElementBoundaryStartMarker(e)) {
+		Ne(e, t);
 		return;
 	}
-	if (j.isContentBindingStartMarker(e.data)) {
-		let o = j.parseContentBindingStartMarker(e.data);
+	if (M.isContentBindingStartMarker(e.data)) {
+		let o = M.parseContentBindingStartMarker(e.data);
 		if (o === null) return;
 		let [s, c] = o, l = n[s + a], u = [], d = t.nextSibling();
 		e.data = "";
 		let f = d;
 		for (; d !== null;) {
-			if (Oe(d)) {
-				let e = j.parseContentBindingEndMarker(d.data);
+			if (F(d)) {
+				let e = M.parseContentBindingEndMarker(d.data);
 				if (e && e[1] === c) break;
 			}
 			u.push(d), d = t.nextSibling();
 		}
 		if (d === null) {
 			let t = e.getRootNode();
-			throw Error(`Error hydrating Comment node inside "${je(t) ? t.host.nodeName : t.nodeName}".`);
+			throw Error(`Error hydrating Comment node inside "${ke(t) ? t.host.nodeName : t.nodeName}".`);
 		}
-		d.data = "", u.length === 1 && ke(u[0]) ? P(l, u[0], r) : (d !== f && d.previousSibling !== null && (i[l.targetNodeId] = {
+		d.data = "", u.length === 1 && De(u[0]) ? I(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));
+		}), I(l, d.parentNode.insertBefore(document.createTextNode(""), d), r));
 	}
 }
-function Fe(e, t) {
-	let n = j.parseElementBoundaryStartMarker(e.data), r = t.nextSibling();
+function Ne(e, t) {
+	let n = M.parseElementBoundaryStartMarker(e.data), r = t.nextSibling();
 	for (; r !== null;) {
-		if (Oe(r)) {
-			let e = j.parseElementBoundaryEndMarker(r.data);
+		if (F(r)) {
+			let e = M.parseElementBoundaryEndMarker(r.data);
 			if (e && e === n) break;
 		}
 		r = t.nextSibling();
 	}
 }
-function Ie(e) {
+function Pe(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) {
+function I(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.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/view.js
-var Le;
-function Re(e, t) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/view.js
+var Fe;
+function L(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}".`);
@@ -726,12 +723,12 @@ function Re(e, t) {
 	}
 	n.removeChild(t);
 }
-var ze = class {
+var Ie = class {
 	constructor() {
 		this.index = 0, this.length = 0;
 	}
 	get event() {
-		return b.getEvent();
+		return x.getEvent();
 	}
 	get isEven() {
 		return this.index % 2 == 0;
@@ -754,9 +751,9 @@ var ze = class {
 	eventTarget() {
 		return this.event.target;
 	}
-}, F = class extends ze {
+}, R = class extends Ie {
 	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;
+		super(), this.fragment = e, this.factories = t, this.targets = n, this.behaviors = null, this.unbindables = [], this.source = null, this.isBound = !1, this.sourceLifetime = y.unknown, this.context = this, this.firstChild = e.firstChild, this.lastChild = e.lastChild;
 	}
 	appendTo(e) {
 		e.appendChild(this.fragment);
@@ -777,7 +774,7 @@ var ze = class {
 		e.appendChild(t);
 	}
 	dispose() {
-		Re(this.firstChild, this.lastChild), this.unbind();
+		L(this.firstChild, this.lastChild), this.unbind();
 	}
 	onUnbind(e) {
 		this.unbindables.push(e);
@@ -808,21 +805,21 @@ var ze = class {
 	}
 	static disposeContiguousBatch(e) {
 		if (e.length !== 0) {
-			Re(e[0].firstChild, e[e.length - 1].lastChild);
+			L(e[0].firstChild, e[e.length - 1].lastChild);
 			for (let t = 0, n = e.length; t < n; ++t) e[t].unbind();
 		}
 	}
 };
-f(F), y.defineProperty(F.prototype, "index"), y.defineProperty(F.prototype, "length");
-var I = {
+f(R), b.defineProperty(R.prototype, "index"), b.defineProperty(R.prototype, "length");
+var z = {
 	unhydrated: "unhydrated",
 	hydrating: "hydrating",
 	hydrated: "hydrated"
-}, Be = class extends Error {
+}, Le = class extends Error {
 	constructor(e, t, n, r) {
 		super(e), this.factory = t, this.fragment = n, this.templateString = r;
 	}
-}, Ve = class extends ze {
+}, Re = class extends Ie {
 	get hydrationStage() {
 		return this._hydrationStage;
 	}
@@ -833,16 +830,18 @@ var I = {
 		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;
+		super(), this.firstChild = e, this.lastChild = t, this.sourceTemplate = n, this.hostBindingTarget = r, this[Fe] = N, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = y.unknown, this.unbindables = [], this.fragment = null, this.behaviors = null, this._hydrationStage = z.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 {
-			let t = this.lastChild;
-			if (e.previousSibling === t) return;
-			let n = e.parentNode, r = this.firstChild, i;
-			for (; r !== t;) i = r.nextSibling, n.insertBefore(r, e), r = i;
-			n.insertBefore(t, e);
+		if (this.fragment !== null) {
+			if (this.fragment.hasChildNodes()) e.parentNode.insertBefore(this.fragment, e);
+			else {
+				let t = this.lastChild;
+				if (e.previousSibling === t) return;
+				let n = e.parentNode, r = this.firstChild, i;
+				for (; r !== t;) i = r.nextSibling, n.insertBefore(r, e), r = i;
+				n.insertBefore(t, e);
+			}
 		}
 	}
 	appendTo(e) {
@@ -857,15 +856,15 @@ var I = {
 		e.appendChild(t);
 	}
 	bind(e, t = this) {
-		if (this.hydrationStage !== I.hydrated && (this._hydrationStage = I.hydrating), this.source === e) return;
+		if (this.hydrationStage !== z.hydrated && (this._hydrationStage = z.hydrating), this.source === e) return;
 		let n = this.behaviors;
 		if (n === null) {
 			this.source = e, this.context = t;
 			try {
-				let { targets: e, boundaries: t } = Me(this.firstChild, this.lastChild, this.factories);
+				let { targets: e, boundaries: t } = Ae(this.firstChild, this.lastChild, this.factories);
 				this._targets = e, this._bindingViewBoundaries = t;
 			} catch (e) {
-				if (e instanceof De) {
+				if (e instanceof Ee) {
 					let t = this.sourceTemplate.html;
 					typeof t != "string" && (t = t.innerHTML), e.templateString = t;
 				}
@@ -875,7 +874,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 && P(t, this.hostBindingTarget, this._targets), t.targetNodeId in this.targets) {
+				if (t.targetNodeId === "h" && this.hostBindingTarget && I(t, this.hostBindingTarget, this._targets), t.targetNodeId in this.targets) {
 					let r = t.createBehavior();
 					r.bind(this), n[e] = r;
 				} else {
@@ -887,20 +886,20 @@ 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 Be(i.join("\n"), t, Ae(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 Le(i.join("\n"), t, Oe(this.firstChild, this.lastChild).cloneContents(), e);
 				}
 			}
 		} else {
 			this.source !== null && this.evaluateUnbindables(), this.isBound = !1, this.source = e, this.context = t;
 			for (let e = 0, t = n.length; e < t; ++e) n[e].bind(this);
 		}
-		this.isBound = !0, this._hydrationStage = I.hydrated;
+		this.isBound = !0, this._hydrationStage = z.hydrated;
 	}
 	unbind() {
 		!this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
 	}
 	dispose() {
-		Re(this.firstChild, this.lastChild), this.unbind();
+		L(this.firstChild, this.lastChild), this.unbind();
 	}
 	onUnbind(e) {
 		this.unbindables.push(e);
@@ -911,28 +910,29 @@ var I = {
 		e.length = 0;
 	}
 };
-Le = M, f(Ve);
+Fe = N, f(Re);
 //#endregion
-//#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) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/html-binding-directive.js
+function ze(e) {
 	return e.create !== void 0;
 }
-function Ue(e, t, n, r) {
-	if (n ??= "", He(n)) {
+function Be(e, t, n, r) {
+	if (n ??= "", ze(n)) {
 		e.textContent = "";
 		let t = e.$fastView;
-		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();
-		else e.$fastTemplate !== n && (t.isComposed && (t.remove(), t.unbind()), t = n.create());
+		if (t === void 0) {
+			if (P(r) && P(n) && r.bindingViewBoundaries[this.targetNodeId] !== void 0 && r.hydrationStage !== z.hydrated) {
+				let e = r.bindingViewBoundaries[this.targetNodeId];
+				t = n.hydrate(e.first, e.last);
+			} else t = n.create();
+		} else e.$fastTemplate !== n && (t.isComposed && (t.remove(), t.unbind()), t = n.create());
 		t.isComposed ? t.needsBindOnly && (t.needsBindOnly = !1, t.bind(r.source, r.context)) : (t.isComposed = !0, t.bind(r.source, r.context), t.insertBefore(e), e.$fastView = t, e.$fastTemplate = n);
 	} else {
 		let t = e.$fastView;
 		t !== void 0 && t.isComposed && (t.isComposed = !1, t.remove(), t.needsBindOnly ? t.needsBindOnly = !1 : t.unbind()), e.textContent = n;
 	}
 }
-function We(e, t, n) {
+function Ve(e, t, n) {
 	let r = `${this.id}-t`, i = e[r] ?? (e[r] = {
 		v: 0,
 		cv: Object.create(null)
@@ -949,30 +949,30 @@ function We(e, t, n) {
 		for (let e in a) a[e] === o && s.remove(e);
 	}
 }
-var Ge = {
+var He = {
 	[p.attribute]: g.setAttribute,
 	[p.booleanAttribute]: g.setBooleanAttribute,
 	[p.property]: (e, t, n) => e[t] = n,
-	[p.content]: Ue,
-	[p.tokenList]: We,
+	[p.content]: Be,
+	[p.tokenList]: Ve,
 	[p.event]: () => void 0
-}, L = class {
+}, B = class {
 	constructor(e) {
 		this.dataBinding = e, this.updateTarget = null, this.aspectType = p.content;
 	}
 	createHTML(e) {
-		return pe.interpolation(e(this));
+		return O.interpolation(e(this));
 	}
 	createBehavior() {
 		if (this.updateTarget === null) {
-			let e = Ge[this.aspectType], t = this.dataBinding.policy ?? this.policy;
+			let e = He[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 = N(e) && e.hydrationStage && e.hydrationStage !== I.hydrated;
+		let t = e.targets[this.targetNodeId], n = P(e) && e.hydrationStage && e.hydrationStage !== z.hydrated;
 		switch (this.aspectType) {
 			case p.event:
 				t[this.data] = e, t.addEventListener(this.targetAspect, this, this.dataBinding.options);
@@ -996,9 +996,9 @@ var Ge = {
 	handleEvent(e) {
 		let t = e.currentTarget[this.data];
 		if (t.isBound) {
-			b.setEvent(e);
+			x.setEvent(e);
 			let n = this.dataBinding.evaluate(t.source, t.context);
-			b.setEvent(null), n !== !0 && e.preventDefault();
+			x.setEvent(null), n !== !0 && e.preventDefault();
 		}
 	}
 	handleChange(e, t) {
@@ -1008,31 +1008,31 @@ var Ge = {
 		this.updateTarget(r, this.targetAspect, t.bind(n), n);
 	}
 };
-A.define(L, { aspected: !0 });
+j.define(B, { aspected: !0 });
 //#endregion
-//#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 = {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/compiler.js
+var Ue = (e, t) => `${e}.${t}`, We = {}, V = {
 	index: 0,
 	node: null
 };
-function Je(e) {
+function Ge(e) {
 	e.startsWith("fast-") || c.warn(r.hostBindingWithoutHost, { name: e });
 }
-var Ye = new Proxy(document.createElement("div"), {
+var Ke = new Proxy(document.createElement("div"), {
 	get(e, t) {
-		Je(t);
+		Ge(t);
 		let n = Reflect.get(e, t);
 		return i(n) ? n.bind(e) : n;
 	},
 	set(e, t, n) {
-		return Je(t), Reflect.set(e, t, n);
+		return Ge(t), Reflect.set(e, t, n);
 	}
-}), Xe = class {
+}), qe = 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 = [];
 	}
 	addFactory(e, t, n, r, i) {
-		this.nodeIds.has(n) || (this.nodeIds.add(n), this.addTargetDescriptor(t, n, r)), e.id = e.id ?? O(), e.targetNodeId = n, e.targetTagName = i, e.policy = e.policy ?? this.policy, this.factories.push(e);
+		this.nodeIds.has(n) || (this.nodeIds.add(n), this.addTargetDescriptor(t, n, r)), e.id = e.id ?? D(), e.targetNodeId = n, e.targetTagName = i, e.policy = e.policy ?? this.policy, this.factories.push(e);
 	}
 	freeze() {
 		return this.proto = Object.create(null, this.descriptors), this;
@@ -1044,10 +1044,10 @@ var Ye = new Proxy(document.createElement("div"), {
 			let t = e.lastIndexOf("."), n = e.substring(0, t), r = parseInt(e.substring(t + 1), 10);
 			this.addTargetDescriptor(n, e, r);
 		}
-		let i = qe[t];
+		let i = We[t];
 		if (!i) {
 			let r = `_${t}`;
-			qe[t] = i = { get() {
+			We[t] = i = { get() {
 				return this[r] ?? (this[r] = this[e].childNodes[n]);
 			} };
 		}
@@ -1055,130 +1055,128 @@ var Ye = new Proxy(document.createElement("div"), {
 	}
 	createView(e) {
 		let t = this.fragment.cloneNode(!0), n = Object.create(this.proto);
-		n.r = t, n.h = e ?? Ye;
+		n.r = t, n.h = e ?? Ke;
 		for (let e of this.nodeIds) Reflect.get(n, e);
-		return new F(t, this.factories, n);
+		return new R(t, this.factories, n);
 	}
 };
-function Ze(e, t, n, r, i, a = !1) {
+function Je(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(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));
+		f === null ? a && (p = new B(le(() => d, e.policy)), j.assignAspect(p, u.name)) : p = et.aggregate(f, e.policy), p !== null && (n.removeAttributeNode(u), c--, l--, e.addFactory(p, t, r, i, n.tagName));
 	}
 }
-function Qe(e, t, n, r, i) {
+function Ye(e, t, n, r, i) {
 	let o = k.parse(t.textContent, e.directives);
-	if (o === null) return R.node = t.nextSibling, R.index = i + 1, R;
+	if (o === null) return V.node = t.nextSibling, V.index = i + 1, V;
 	let s, c = s = t;
 	for (let t = 0, l = o.length; t < l; ++t) {
 		let l = o[t];
-		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;
+		t !== 0 && (i++, r = Ue(n, i), s = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), a(l) ? s.textContent = l : (s.textContent = " ", j.assignAspect(l), e.addFactory(l, n, r, i, null)), c = s;
 	}
-	return R.index = i + 1, R.node = c.nextSibling, R;
+	return V.index = i + 1, V.node = c.nextSibling, V;
 }
-function $e(e, t, n) {
+function Xe(e, t, n) {
 	let r = 0, i = t.firstChild;
 	for (; i;) {
-		let t = et(e, n, i, r);
+		let t = Ze(e, n, i, r);
 		i = t.node, r = t.index;
 	}
 }
-function et(e, t, n, r) {
-	let i = Ke(t, r);
+function Ze(e, t, n, r) {
+	let i = Ue(t, r);
 	switch (n.nodeType) {
 		case 1:
-			Ze(e, t, n, i, r), $e(e, n, i);
+			Je(e, t, n, i, r), Xe(e, n, i);
 			break;
-		case 3: return Qe(e, n, t, i, r);
+		case 3: return Ye(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);
+			a !== null && e.addFactory(et.aggregate(a), t, i, r, null);
 			break;
 		}
 	}
-	return R.index = r + 1, R.node = n.nextSibling, R;
+	return V.index = r + 1, V.node = n.nextSibling, V;
 }
-function tt(e, t) {
+function Qe(e, t) {
 	return e && e.nodeType === 8 && k.parse(e.data, t) !== null;
 }
-var nt = "TEMPLATE", z = {
+var $e = "TEMPLATE", et = {
 	compile(e, t, n = g.policy) {
 		let r;
 		if (a(e)) {
-			r = document.createElement(nt), r.innerHTML = n.createHTML(e);
+			r = document.createElement($e), r.innerHTML = n.createHTML(e);
 			let t = r.content.firstElementChild;
-			t !== null && t.tagName === nt && (r = t);
+			t !== null && t.tagName === $e && (r = t);
 		} else r = e;
 		!r.content.firstChild && !r.content.lastChild && r.content.appendChild(document.createComment(""));
-		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();
+		let i = document.adoptNode(r.content), o = new qe(i, t, n);
+		return Je(o, "", r, "h", 0, !0), (Qe(i.firstChild, t) || i.childNodes.length === 1 && Object.keys(t).length > 0) && i.insertBefore(document.createComment(""), i.firstChild), Xe(o, i, "r"), V.node = null, o.freeze();
 	},
 	setDefaultStrategy(e) {
 		this.compile = e;
 	},
 	aggregate(e, t = g.policy) {
 		if (e.length === 1) return e[0];
-		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, 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 B(se((e, t) => {
 			let n = "";
 			for (let r = 0; r < o; ++r) n += s[r](e, t);
 			return n;
 		}, i ?? t, r));
-		return A.assignAspect(c, n), c;
+		return j.assignAspect(c, n), c;
 	}
-}, rt = "boolean", it = "reflect", at = Object.freeze({ locate: d() }), ot = {
+}, tt = "boolean", nt = "reflect", rt = Object.freeze({ locate: d() }), it = {
 	toView(e) {
 		return e ? "true" : "false";
 	},
 	fromView(e) {
-		return !(e == null || e === "false" || e === !1 || e === 0);
+		return e != null && e !== "false" && e !== !1 && e !== 0;
 	}
 };
-function st(e) {
+function at(e) {
 	if (e == null) return null;
 	let t = e * 1;
 	return isNaN(t) ? null : t;
 }
-var ct = {
+var ot = {
 	toView(e) {
-		let t = st(e);
+		let t = at(e);
 		return t && t.toString();
 	},
-	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);
+	fromView: at
+}, st = class e {
+	constructor(e, t, n = t.toLowerCase(), r = nt, 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 === tt && i === void 0 && (this.converter = it);
 	}
 	setValue(e, t) {
 		let n = e[this.fieldName], r = this.converter;
 		r !== void 0 && (t = r.fromView(t)), n !== t && (e[this.fieldName] = t, this.tryReflectToAttribute(e), this.hasCallback && e[this.callbackName](n, t), e.$fastController.notify(this.name));
 	}
 	getValue(e) {
-		return y.track(e, this.name), e[this.fieldName];
+		return b.track(e, this.name), e[this.fieldName];
 	}
 	onAttributeChangedCallback(e, t) {
 		this.guards.has(e) || (this.guards.add(e), this.setValue(e, t), this.guards.delete(e));
 	}
 	tryReflectToAttribute(e) {
 		let t = this.mode, n = this.guards;
-		n.has(e) || t === "fromView" || re.enqueue(() => {
+		n.has(e) || t === "fromView" || v.enqueue(() => {
 			n.add(e);
 			let r = e[this.fieldName];
 			switch (t) {
-				case it:
+				case nt:
 					let t = this.converter;
 					g.setAttribute(e, this.attribute, t === void 0 ? r : t.toView(r));
 					break;
-				case rt:
-					g.setBooleanAttribute(e, this.attribute, r);
-					break;
+				case tt: g.setBooleanAttribute(e, this.attribute, r);
 			}
 			n.delete(e);
 		});
 	}
 	static collect(t, ...n) {
 		let r = [];
-		n.push(at.locate(t));
+		n.push(rt.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) {
@@ -1189,10 +1187,10 @@ var ct = {
 		return r;
 	}
 };
-function ut(e, t) {
+function ct(e, t) {
 	let n;
 	function r(e, t) {
-		arguments.length > 1 && (n.property = t), at.locate(e.constructor).push(n);
+		arguments.length > 1 && (n.property = t), rt.locate(e.constructor).push(n);
 	}
 	if (arguments.length > 1) {
 		n = {}, r(e, t);
@@ -1201,8 +1199,8 @@ function ut(e, t) {
 	return n = e === void 0 ? {} : e, r;
 }
 //#endregion
-//#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) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/components/fast-definitions.js
+var lt = function(e, t, n, r) {
 	function i(e) {
 		return e instanceof n ? e : new n(function(t) {
 			t(e);
@@ -1228,53 +1226,53 @@ var dt = function(e, t, n, r) {
 		}
 		c((r = r.apply(e, t || [])).next());
 	});
-}, B, ft = { mode: "open" }, pt = {}, V = /* @__PURE__ */ new Set(), H = c.getById(n.elementRegistry, () => u()), mt = { deferAndHydrate: "defer-and-hydrate" }, U = class {
+}, ut = { mode: "open" }, dt = {}, ft = /* @__PURE__ */ new Set(), H = c.getById(n.elementRegistry, () => u()), pt = { deferAndHydrate: "defer-and-hydrate" }, U = class e {
 	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);
+	constructor(t, n = t.definition) {
+		this.platformDefined = !1, a(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, i = st.collect(t, n.attributes), o = Array(i.length), s = {}, c = {};
+		for (let e = 0, t = i.length; e < t; ++e) {
+			let t = i[e];
+			o[e] = t.attribute, s[t.name] = t, c[t.attribute] = t, b.defineProperty(r, t);
 		}
-		Reflect.defineProperty(e, "observedAttributes", {
-			value: i,
+		Reflect.defineProperty(t, "observedAttributes", {
+			value: o,
 			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;
+		}), this.attributes = i, this.propertyLookup = s, this.attributeLookup = c, this.shadowOptions = n.shadowOptions === void 0 ? ut : n.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, ut), n.shadowOptions), this.elementOptions = n.elementOptions === void 0 ? dt : Object.assign(Object.assign({}, dt), n.elementOptions), this.styles = C.normalize(n.styles), H.register(this), b.defineProperty(e.isRegistered, this.name), e.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(e, t) {
-		return V.has(e) || H.getByType(e) ? new B(class extends e {}, t) : new B(e, t);
+	static compose(t, n) {
+		return ft.has(t) || H.getByType(t) ? new e(class extends t {}, n) : new e(t, n);
 	}
 	static registerBaseType(e) {
-		V.add(e);
+		ft.add(e);
 	}
-	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: () => {
+	static composeAsync(t, n) {
+		return new Promise((r) => {
+			(ft.has(t) || H.getByType(t)) && r(new e(class extends t {}, n));
+			let i = new e(t, n);
+			b.getNotifier(i).subscribe({ handleChange: () => {
 				var e, t;
-				(t = (e = r.lifecycleCallbacks)?.templateDidUpdate) == null || t.call(e, r.name), n(r);
+				(t = (e = i.lifecycleCallbacks)?.templateDidUpdate) == null || t.call(e, i.name), r(i);
 			} }, "template");
 		});
 	}
 };
-B = U, U.isRegistered = {}, U.getByType = H.getByType, U.getForInstance = H.getForInstance, U.registerAsync = (e) => dt(void 0, void 0, void 0, function* () {
+U.isRegistered = {}, U.getByType = H.getByType, U.getForInstance = H.getForInstance, U.registerAsync = (e) => lt(void 0, void 0, void 0, function* () {
 	return new Promise((t) => {
-		B.isRegistered[e] && t(B.isRegistered[e]), y.getNotifier(B.isRegistered).subscribe({ handleChange: () => t(B.isRegistered[e]) }, e);
+		U.isRegistered[e] && t(U.isRegistered[e]), b.getNotifier(U.isRegistered).subscribe({ handleChange: () => t(U.isRegistered[e]) }, e);
 	});
-}), y.defineProperty(U.prototype, "template");
+}), b.defineProperty(U.prototype, "template");
 //#endregion
-//#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) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/template.js
+var mt = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/, ht = Object.create(null), W = class {
+	constructor(e, t = ht) {
 		this.html = e, this.factories = t;
 	}
 	createHTML(e) {
@@ -1283,20 +1281,20 @@ var ht = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*
 		return this.html;
 	}
 };
-W.empty = new W(""), A.define(W);
-function _t(e, t, n, r = A.getForInstance(e)) {
+W.empty = new W(""), j.define(W);
+function gt(e, t, n, r = j.getForInstance(e)) {
 	if (r.aspected) {
-		let n = ht.exec(t);
-		n !== null && A.assignAspect(e, n[2]);
+		let n = mt.exec(t);
+		n !== null && j.assignAspect(e, n[2]);
 	}
 	return e.createHTML(n);
 }
-var vt = class e {
+var _t = 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;
+		return this.result === null && (this.result = et.compile(this.html, this.factories, this.policy)), this.result;
 	}
 	create(e) {
 		return this.compile().createView(e);
@@ -1315,31 +1313,31 @@ var vt = class e {
 	}
 	static create(t, n, r) {
 		let a = "", o = Object.create(null), s = (e) => {
-			let t = e.id ??= O();
+			let t = e.id ??= D();
 			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))) {
+			if (a += r, i(o)) o = new B(se(o));
+			else if (o instanceof S) o = new B(o);
+			else if (!(c = j.getForInstance(o))) {
 				let e = o;
-				o = new L(C(() => e));
+				o = new B(le(() => e));
 			}
-			a += _t(o, r, s, c);
+			a += gt(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);
+f(_t);
+var vt = ((e, ...t) => {
+	if (Array.isArray(e) && Array.isArray(e.raw)) return _t.create(e, t);
 	throw c.error(r.directCallToHTMLTagNotAllowed);
 });
-yt.partial = (e) => new W(e);
+vt.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 {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/utilities.js
+var yt = class extends MutationObserver {
 	constructor(e) {
 		function t(e) {
 			this.callback.call(null, e.filter((e) => this.observedNodes.has(e.target)));
@@ -1352,18 +1350,18 @@ var bt = class extends MutationObserver {
 	unobserve(e) {
 		this.observedNodes.delete(e), this.observedNodes.size < 1 && this.disconnect();
 	}
-}, xt = Object.freeze({ create(e) {
+}, bt = Object.freeze({ create(e) {
 	let t = [], n = {}, r = null, i = !1;
 	return {
 		source: e,
-		context: b.default,
+		context: x.default,
 		targets: n,
 		get isBound() {
 			return i;
 		},
 		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 ?? g.policy, this.addTarget(n.targetNodeId, t), this.addBehavior(n.createBehavior());
+			n.id = n.id ?? D(), n.targetNodeId = n.targetNodeId ?? D(), 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;
@@ -1381,24 +1379,24 @@ var bt = class extends MutationObserver {
 			i && (i = !1, r !== null && r.forEach((e) => e.unbind(this)));
 		}
 	};
-} }), St = {
+} }), xt = {
 	bubbles: !0,
 	composed: !0,
 	cancelable: !0
-}, G = "isConnected", Ct = /* @__PURE__ */ new WeakMap();
+}, G = "isConnected", St = /* @__PURE__ */ new WeakMap();
 function K(e) {
-	return e.shadowRoot ?? Ct.get(e) ?? null;
+	return e.shadowRoot ?? St.get(e) ?? null;
 }
-var wt, q;
+var Ct, 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 === q.connected;
+		return b.track(this, G), this.stage === q.connected;
 	}
 	get context() {
-		return this.view?.context ?? b.default;
+		return this.view?.context ?? x.default;
 	}
 	get isBound() {
 		return this.view?.isBound ?? !1;
@@ -1423,7 +1421,7 @@ var J = 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" && Ct.set(this.source, t));
+			t ? this.hasExistingShadowRoot = !0 : (t = this.source.attachShadow(e), e.mode === "closed" && St.set(this.source, t));
 		}
 	}
 	get mainStyles() {
@@ -1438,7 +1436,7 @@ var J = class e extends ne {
 	}
 	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);
+		let n = b.getAccessors(e);
 		if (n.length > 0) {
 			let t = this.boundObservables = Object.create(null);
 			for (let r = 0, i = n.length; r < i; ++r) {
@@ -1480,7 +1478,7 @@ var J = class e extends ne {
 		}
 	}
 	connect() {
-		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));
+		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, b.notify(this, G));
 	}
 	bindObservables() {
 		if (this.boundObservables !== null) {
@@ -1511,14 +1509,14 @@ var J = class e extends ne {
 		}
 	}
 	disconnect() {
-		this.stage === q.connected && (this.stage = q.disconnecting, y.notify(this, G), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = q.disconnected);
+		this.stage === q.connected && (this.stage = q.disconnecting, b.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 === q.connected ? this.source.dispatchEvent(new CustomEvent(e, Object.assign(Object.assign({ detail: t }, St), n))) : !1;
+		return this.stage === q.connected && this.source.dispatchEvent(new CustomEvent(e, Object.assign(Object.assign({ detail: t }, xt), n)));
 	}
 	renderTemplate(e) {
 		let t = this.source, n = K(t) ?? t;
@@ -1527,28 +1525,28 @@ var J = class e extends ne {
 			this.hasExistingShadowRoot = !1;
 			for (let e = n.firstChild; e !== null; e = n.firstChild) n.removeChild(e);
 		}
-		e && (this.view = e.render(t, n, t), this.view.sourceLifetime = v.coupled);
+		e && (this.view = e.render(t, n, t), this.view.sourceLifetime = y.coupled);
 	}
 	static forCustomElement(t, n = !1) {
 		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: () => {
+		return b.getNotifier(a).subscribe({ handleChange: () => {
 			e.forCustomElement(t, !0), t.$fastController.connect();
-		} }, "template"), y.getNotifier(a).subscribe({ handleChange: () => {
+		} }, "template"), b.getNotifier(a).subscribe({ handleChange: () => {
 			e.forCustomElement(t, !0), t.$fastController.connect();
-		} }, "shadowOptions"), t.$fastController = new wt(t, a);
+		} }, "shadowOptions"), t.$fastController = new Ct(t, a);
 	}
 	static setStrategy(e) {
-		wt = e;
+		Ct = e;
 	}
 };
 f(J), J.setStrategy(J);
 function Y(e) {
 	return "adoptedStyleSheets" in e ? e : K(e) ?? e.getRootNode();
 }
-var Tt = class e {
+var wt = class e {
 	constructor(t) {
 		let n = e.styleSheetCache;
 		this.sheets = t.map((e) => {
@@ -1558,23 +1556,23 @@ var Tt = class e {
 		});
 	}
 	addStylesTo(e) {
-		At(Y(e), this.sheets);
+		kt(Y(e), this.sheets);
 	}
 	removeStylesFrom(e) {
-		jt(Y(e), this.sheets);
+		At(Y(e), this.sheets);
 	}
 };
-Tt.styleSheetCache = /* @__PURE__ */ new Map();
-var Et = 0, Dt = () => `fast-${++Et}`;
-function Ot(e) {
+wt.styleSheetCache = /* @__PURE__ */ new Map();
+var Tt = 0, Et = () => `fast-${++Tt}`;
+function Dt(e) {
 	return e === document ? document.body : e;
 }
-var kt = class {
+var Ot = class {
 	constructor(e) {
-		this.styles = e, this.styleClass = Dt();
+		this.styles = e, this.styleClass = Et();
 	}
 	addStylesTo(e) {
-		e = Ot(Y(e));
+		e = Dt(Y(e));
 		let t = this.styles, n = this.styleClass;
 		for (let r = 0; r < t.length; r++) {
 			let i = document.createElement("style");
@@ -1582,34 +1580,34 @@ var kt = class {
 		}
 	}
 	removeStylesFrom(e) {
-		e = Ot(Y(e));
+		e = Dt(Y(e));
 		let t = e.querySelectorAll(`.${this.styleClass}`);
 		for (let n = 0, r = t.length; n < r; ++n) e.removeChild(t[n]);
 	}
-}, At = (e, t) => {
+}, kt = (e, t) => {
 	e.adoptedStyleSheets = [...e.adoptedStyleSheets, ...t];
-}, jt = (e, t) => {
+}, At = (e, t) => {
 	e.adoptedStyleSheets = e.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
 };
-if (w.supportsAdoptedStyleSheets) {
+if (C.supportsAdoptedStyleSheets) {
 	try {
-		document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), At = (e, t) => {
+		document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), kt = (e, t) => {
 			e.adoptedStyleSheets.push(...t);
-		}, jt = (e, t) => {
+		}, At = (e, t) => {
 			for (let n of t) {
 				let t = e.adoptedStyleSheets.indexOf(n);
 				t !== -1 && e.adoptedStyleSheets.splice(t, 1);
 			}
 		};
 	} catch {}
-	w.setDefaultStrategy(Tt);
-} else w.setDefaultStrategy(kt);
-var Mt = "needs-hydration", X = class e extends J {
+	C.setDefaultStrategy(wt);
+} else C.setDefaultStrategy(Ot);
+var jt = "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 === mt.deferAndHydrate && (this.source.toggleAttribute(Ee, !0), this.source.toggleAttribute(Mt, !0));
+		super.shadowOptions = e, (this.hasExistingShadowRoot || e !== void 0 && !this.template) && this.definition.templateOptions === pt.deferAndHydrate && (this.source.toggleAttribute(Te, !0), this.source.toggleAttribute(jt, !0));
 	}
 	addHydratingInstance() {
 		if (!e.hydratingInstances) return;
@@ -1637,8 +1635,8 @@ var Mt = "needs-hydration", X = class e extends J {
 	}
 	connect() {
 		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] });
+		if (this.needsHydration = this.needsHydration ?? this.source.hasAttribute(jt), this.needsHydration && this.addHydratingInstance(), this.source.hasAttribute("defer-hydration")) {
+			this.addHydratingInstance(), e.hydrationObserver.observe(this.source, { attributeFilter: [Te] });
 			return;
 		}
 		if (!this.needsHydration) {
@@ -1655,11 +1653,13 @@ var Mt = "needs-hydration", X = class e extends J {
 			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 = q.connected, this.source.removeAttribute(Mt), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), y.notify(this, G);
+			if (this.stage = q.connecting, this.bindObservables(), this.connectBehaviors(), this.template) {
+				if (P(this.template)) {
+					let e = this.source, t = K(e) ?? e, n = t.firstChild, r = t.lastChild;
+					e.shadowRoot === null && (M.isElementBoundaryStartMarker(n) && (n.data = "", n = n.nextSibling), M.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 = q.connected, this.source.removeAttribute(jt), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), b.notify(this, G);
 		}
 	}
 	removeHydratingInstance() {
@@ -1678,10 +1678,10 @@ var Mt = "needs-hydration", X = class e extends J {
 		J.setStrategy(e);
 	}
 };
-X.hydrationObserver = new bt(X.hydrationObserverHandler), X.lifecycleCallbacks = {}, X.hydrationStarted = !1, X.idleCallbackId = null, X.hydratingInstances = /* @__PURE__ */ new Map();
+X.hydrationObserver = new yt(X.hydrationObserverHandler), X.lifecycleCallbacks = {}, X.hydrationStarted = !1, X.idleCallbackId = null, X.hydratingInstances = /* @__PURE__ */ new Map();
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js
-function Nt(e) {
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js
+function Mt(e) {
 	let t = class extends e {
 		constructor() {
 			super(), J.forCustomElement(this);
@@ -1701,10 +1701,10 @@ function Nt(e) {
 	};
 	return U.registerBaseType(t), t;
 }
-function Pt(e, t) {
+function Nt(e, t) {
 	return i(e) ? U.compose(e, t) : U.compose(this, e);
 }
-function Ft(e, t) {
+function Pt(e, t) {
 	return i(e) ? new Promise((n) => {
 		U.composeAsync(e, t).then((e) => {
 			n(e);
@@ -1715,34 +1715,34 @@ function Ft(e, t) {
 		});
 	}).then((e) => e.define().type);
 }
-function It(e, t) {
+function Ft(e, t) {
 	return i(e) ? U.compose(e, t).define().type : U.compose(this, e).define().type;
 }
-function Lt(e) {
-	return Nt(e);
+function It(e) {
+	return Mt(e);
 }
-var Rt = Object.assign(Nt(HTMLElement), {
-	from: Lt,
-	define: It,
-	compose: Pt,
-	defineAsync: Ft
+var Lt = Object.assign(Mt(HTMLElement), {
+	from: It,
+	define: Ft,
+	compose: Nt,
+	defineAsync: Pt
 });
 //#endregion
 //#region src/shared/design-system/createRegisterFunction.ts
-function zt(e, t) {
+function Rt(e, t) {
 	return e instanceof Function ? e(t) : e;
 }
-var Bt = /* @__PURE__ */ new Set(), Vt = /* @__PURE__ */ new Map(), Ht = (e) => (t = "vwc") => {
+var zt = /* @__PURE__ */ new Set(), Bt = /* @__PURE__ */ new Map(), Vt = (e) => (t = "vwc") => {
 	let n = (e) => `${t}-${e}`, r = (e) => {
 		let i = n(e.name), a = e.type;
-		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);
+		if (a.componentName = e.name, zt.has(i)) return;
+		Bt.has(a) && Bt.get(a) !== i && (a = class extends a {}), zt.add(i), Bt.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 : yt.partial(r);
+				return n ? r : vt.partial(r);
 			},
 			tagForNonDependency(e) {
 				return n(e);
@@ -1750,43 +1750,82 @@ var Bt = /* @__PURE__ */ new Set(), Vt = /* @__PURE__ */ new Map(), Ht = (e) =>
 		};
 		U.compose(a, {
 			...e.options,
-			template: zt(e.template, s),
+			template: Rt(e.template, s),
 			name: `${t}-${e.name}`
 		}).define();
 	};
 	r(e);
-}, Ut = (e, t, n, r, i) => ({
+}, Ht = [
+	"accent",
+	"warning",
+	"cta",
+	"success",
+	"alert",
+	"information",
+	"announcement"
+], Ut = [
+	"faint",
+	"soft",
+	"dim",
+	"pale",
+	"light",
+	"intermediate",
+	"firm",
+	"firm-all",
+	"fierce",
+	"fierce-primary",
+	"contrast",
+	"primary",
+	"primary-increment",
+	"primary-text"
+], Wt = /* @__PURE__ */ new Map();
+function Gt(e) {
+	let t = Wt.get(e);
+	if (t !== void 0) return t;
+	let n = Ht.map((t) => `.connotation-${t}{${Ut.map((n) => `--_connotation-override-${n}:var(--vvd-${e}-${t}-${n});`).join("")}}`).join("");
+	return Wt.set(e, n), n;
+}
+//#endregion
+//#region src/shared/styles/styles.scss?inline
+var Kt = ".connotation-accent{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-neutral-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-neutral-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-neutral-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.connotation-warning{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-warning-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-warning-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-warning-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-warning-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-warning-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-warning-300));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-warning-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-warning-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-warning-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-warning-300));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-warning-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-warning-300));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-warning-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas-text))}.connotation-cta{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-cta-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-cta-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-cta-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-cta-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-cta-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-cta-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-cta-500));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-cta-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.connotation-success{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-success-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-success-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-success-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-success-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-success-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-success-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-success-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-success-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-success-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-success-700));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-success-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-success-500));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-success-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.connotation-alert{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-alert-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-alert-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-alert-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-alert-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-alert-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-alert-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-alert-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-alert-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-alert-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-alert-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-alert-500));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-alert-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.connotation-information{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-information-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-information-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-information-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-information-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-information-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-information-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-information-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-information-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-information-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-information-700));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-information-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-information-500));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-information-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.connotation-announcement{--_connotation-color-faint:var(--_connotation-override-faint,var(--vvd-color-announcement-50));--_connotation-color-soft:var(--_connotation-override-soft,var(--vvd-color-announcement-100));--_connotation-color-dim:var(--_connotation-override-dim,var(--vvd-color-announcement-200));--_connotation-color-pale:var(--_connotation-override-pale,var(--vvd-color-announcement-300));--_connotation-color-light:var(--_connotation-override-light,var(--vvd-color-announcement-400));--_connotation-color-intermediate:var(--_connotation-override-intermediate,var(--vvd-color-announcement-500));--_connotation-color-firm:var(--_connotation-override-firm,var(--vvd-color-announcement-600));--_connotation-color-firm-all:var(--_connotation-override-firm-all,var(--vvd-color-announcement-600));--_connotation-color-fierce:var(--_connotation-override-fierce,var(--vvd-color-announcement-700));--_connotation-color-fierce-primary:var(--_connotation-override-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-contrast:var(--_connotation-override-contrast,var(--vvd-color-announcement-800));--_connotation-color-primary:var(--_connotation-override-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-increment:var(--_connotation-override-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-primary-text:var(--_connotation-override-primary-text,var(--vvd-color-canvas))}.appearance-filled{--_appearance-idle-text:var(--_connotation-color-primary-text);--_appearance-idle-fill:var(--_connotation-color-primary);--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-primary-text);--_appearance-hover-fill:var(--_connotation-color-primary-increment);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-primary-text);--_appearance-active-fill:var(--_connotation-color-fierce);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:var(--vvd-color-neutral-100);--_appearance-disabled-outline:transparent;--_appearance-readonly-text:var(--vvd-color-neutral-800);--_appearance-readonly-fill:var(--vvd-color-neutral-500);--_appearance-readonly-outline:transparent;--_appearance-selected-outline:transparent;--_appearance-selectedAndDisabled-text:var(--vvd-color-neutral-300);--_appearance-selectedAndDisabled-fill:var(--vvd-color-neutral-100);--_appearance-selectedAndDisabled-outline:transparent;--_appearance-checked-outline:transparent}.appearance-ghost{--_appearance-idle-text:var(--_connotation-color-firm);--_appearance-idle-fill:transparent;--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-firm);--_appearance-hover-fill:var(--_connotation-color-faint);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-firm);--_appearance-active-fill:var(--_connotation-color-soft);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:transparent;--_appearance-readonly-text:var(--vvd-color-neutral-600);--_appearance-readonly-fill:transparent;--_appearance-readonly-outline:transparent;--_appearance-selected-text:var(--_connotation-color-primary-text);--_appearance-selected-fill:var(--_connotation-color-primary);--_appearance-selected-outline:transparent;--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-selectedAndHover-outline:transparent;--_appearance-selectedAndDisabled-text:var(--vvd-color-neutral-300);--_appearance-selectedAndDisabled-fill:var(--vvd-color-neutral-200);--_appearance-selectedAndDisabled-outline:transparent;--_appearance-checked-text:var(--_connotation-color-primary-text);--_appearance-checked-fill:var(--_connotation-color-primary);--_appearance-checked-outline:transparent;--_appearance-checkedAndHover-text:var(--_connotation-color-primary-text);--_appearance-checkedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-checkedAndHover-outline:transparent;--_appearance-error-fill:var(--vvd-color-alert-50);--_appearance-error-outline:transparent;--_appearance-success-fill:var(--vvd-color-success-50);--_appearance-success-outline:transparent}.appearance-ghost-light{--_appearance-idle-text:var(--_connotation-color-firm);--_appearance-idle-fill:transparent;--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-fierce-primary);--_appearance-hover-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-fierce-primary);--_appearance-active-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 80%);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:transparent;--_appearance-readonly-text:var(--vvd-color-neutral-600);--_appearance-readonly-fill:transparent;--_appearance-readonly-outline:transparent;--_appearance-selected-text:var(--_connotation-color-primary-text);--_appearance-selected-fill:color-mix(in sRGB, var(--_connotation-color-firm), transparent 10%);--_appearance-selected-outline:transparent;--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:color-mix(in sRGB, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-selectedAndHover-outline:transparent;--_appearance-selectedAndDisabled-text:var(--vvd-color-neutral-300);--_appearance-selectedAndDisabled-fill:var(--vvd-color-neutral-200);--_appearance-selectedAndDisabled-outline:transparent;--_appearance-checked-text:var(--_connotation-color-primary-text);--_appearance-checked-fill:color-mix(in sRGB, var(--_connotation-color-firm), transparent 10%);--_appearance-checked-outline:transparent;--_appearance-checkedAndHover-text:var(--_connotation-color-primary-text);--_appearance-checkedAndHover-fill:color-mix(in sRGB, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-checkedAndHover-outline:transparent}.appearance-outlined{--_appearance-idle-text:var(--_connotation-color-firm);--_appearance-idle-fill:transparent;--_appearance-idle-outline:var(--vvd-color-neutral-300);--_appearance-hover-text:var(--_connotation-color-firm);--_appearance-hover-fill:var(--_connotation-color-faint);--_appearance-hover-outline:var(--vvd-color-neutral-300);--_appearance-active-text:var(--_connotation-color-firm);--_appearance-active-fill:var(--_connotation-color-soft);--_appearance-active-outline:var(--vvd-color-neutral-300);--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:var(--vvd-color-neutral-300);--_appearance-readonly-text:var(--vvd-color-neutral-600);--_appearance-readonly-fill:transparent;--_appearance-readonly-outline:var(--vvd-color-neutral-300)}.appearance-outlined-light{--_appearance-idle-text:var(--_connotation-color-firm);--_appearance-idle-fill:transparent;--_appearance-idle-outline:var(--vvd-color-neutral-300);--_appearance-hover-text:var(--_connotation-color-fierce-primary);--_appearance-hover-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 90%);--_appearance-hover-outline:var(--vvd-color-neutral-300);--_appearance-active-text:var(--_connotation-color-fierce-primary);--_appearance-active-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 80%);--_appearance-active-outline:var(--vvd-color-neutral-300);--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:var(--vvd-color-neutral-300);--_appearance-readonly-text:var(--vvd-color-neutral-600);--_appearance-readonly-fill:transparent;--_appearance-readonly-outline:var(--vvd-color-neutral-300);--_appearance-selected-text:var(--_connotation-color-primary-text);--_appearance-selected-fill:color-mix(in sRGB, var(--_connotation-color-firm), transparent 10%);--_appearance-selected-outline:var(--vvd-color-neutral-300);--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:color-mix(in sRGB, var(--_connotation-color-fierce-primary), transparent 20%);--_appearance-selectedAndHover-outline:var(--vvd-color-neutral-300)}.appearance-duotone{--_appearance-idle-text:var(--_connotation-color-firm-all);--_appearance-idle-fill:transparent;--_appearance-idle-outline:var(--_connotation-color-pale);--_appearance-hover-text:var(--_connotation-color-firm-all);--_appearance-hover-fill:transparent;--_appearance-hover-outline:var(--_connotation-color-firm-all);--_appearance-active-text:var(--_connotation-color-firm-all);--_appearance-active-fill:var(--_connotation-color-faint);--_appearance-active-outline:var(--_connotation-color-pale);--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:var(--vvd-color-neutral-100);--_appearance-selected-text:var(--_connotation-color-firm-all);--_appearance-selected-fill:var(--_connotation-color-soft);--_appearance-selected-outline:var(--_connotation-color-pale);--_appearance-selectedAndHover-text:var(--_connotation-color-firm-all);--_appearance-selectedAndHover-fill:var(--_connotation-color-faint);--_appearance-selectedAndHover-outline:var(--_connotation-color-firm-all);--_appearance-checked-text:var(--_connotation-color-firm-all);--_appearance-checked-fill:var(--_connotation-color-soft);--_appearance-checked-outline:var(--_connotation-color-pale);--_appearance-checkedAndHover-text:var(--_connotation-color-firm-all);--_appearance-checkedAndHover-fill:var(--_connotation-color-faint);--_appearance-checkedAndHover-outline:var(--_connotation-color-firm-all)}.appearance-fieldset{--_appearance-idle-text:var(--vvd-color-canvas-text);--_appearance-idle-fill:var(--vvd-color-canvas);--_appearance-idle-outline:var(--vvd-color-neutral-500);--_appearance-hover-text:var(--vvd-color-canvas-text);--_appearance-hover-fill:var(--vvd-color-canvas);--_appearance-hover-outline:var(--vvd-color-neutral-700);--_appearance-active-text:var(--vvd-color-canvas-text);--_appearance-active-fill:var(--vvd-color-canvas);--_appearance-active-outline:var(--_connotation-color-firm);--_appearance-disabled-text:var(--vvd-color-neutral-600);--_appearance-disabled-fill:var(--vvd-color-neutral-100);--_appearance-disabled-outline:var(--vvd-color-neutral-300);--_appearance-readonly-text:var(--vvd-color-canvas-text);--_appearance-readonly-fill:var(--vvd-color-neutral-200);--_appearance-readonly-outline:var(--vvd-color-neutral-400);--_appearance-selected-text:var(--_connotation-color-primary-text);--_appearance-selected-fill:var(--_connotation-color-primary);--_appearance-selected-outline:var(--_connotation-color-primary);--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-selectedAndHover-outline:var(--_connotation-color-primary-increment);--_appearance-selectedAndDisabled-text:var(--vvd-color-neutral-300);--_appearance-selectedAndDisabled-fill:var(--vvd-color-neutral-100);--_appearance-selectedAndDisabled-outline:var(--vvd-color-neutral-300);--_appearance-checked-text:var(--_connotation-color-primary-text);--_appearance-checked-fill:var(--_connotation-color-primary);--_appearance-checked-outline:var(--_connotation-color-primary);--_appearance-checkedAndHover-text:var(--_connotation-color-primary-text);--_appearance-checkedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-checkedAndHover-outline:var(--_connotation-color-primary-increment);--_appearance-error-fill:var(--vvd-color-alert-50);--_appearance-error-outline:var(--vvd-color-alert-500);--_appearance-success-fill:var(--vvd-color-success-50);--_appearance-success-outline:var(--vvd-color-success-500)}.appearance-subtle{--_appearance-idle-text:var(--_connotation-color-contrast);--_appearance-idle-fill:var(--_connotation-color-soft);--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-contrast);--_appearance-hover-fill:var(--_connotation-color-dim);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-contrast);--_appearance-active-fill:var(--_connotation-color-pale);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:var(--vvd-color-neutral-100);--_appearance-disabled-outline:transparent;--_appearance-selected-text:var(--_connotation-color-primary-text);--_appearance-selected-fill:var(--_connotation-color-primary);--_appearance-selected-outline:transparent;--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-selectedAndHover-outline:transparent;--_appearance-checked-text:var(--_connotation-color-primary-text);--_appearance-checked-fill:var(--_connotation-color-primary);--_appearance-checked-outline:transparent;--_appearance-checkedAndHover-text:var(--_connotation-color-primary-text);--_appearance-checkedAndHover-fill:var(--_connotation-color-primary-increment);--_appearance-checkedAndHover-outline:transparent}.appearance-subtle-light{--_appearance-idle-text:var(--_connotation-color-contrast);--_appearance-idle-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 85%);--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-contrast);--_appearance-hover-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 75%);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-contrast);--_appearance-active-fill:color-mix(in sRGB, var(--_connotation-color-primary), transparent 65%);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:var(--vvd-color-neutral-100);--_appearance-disabled-outline:transparent;--_appearance-selected-text:var(--vvd-color-canvas);--_appearance-selected-fill:var(--_connotation-color-firm);--_appearance-selected-outline:transparent;--_appearance-selectedAndHover-text:var(--_connotation-color-primary-text);--_appearance-selectedAndHover-fill:color-mix(in sRGB, var(--_connotation-color-fierce-primary), transparent 10%);--_appearance-selectedAndHover-outline:transparent;--_appearance-checked-text:var(--vvd-color-canvas);--_appearance-checked-fill:var(--_connotation-color-firm);--_appearance-checked-outline:transparent;--_appearance-checkedAndHover-text:var(--_connotation-color-primary-text);--_appearance-checkedAndHover-fill:color-mix(in sRGB, var(--_connotation-color-fierce-primary), transparent 10%);--_appearance-checkedAndHover-outline:transparent}.appearance-listitem{--_appearance-idle-text:var(--_connotation-color-firm);--_appearance-idle-fill:transparent;--_appearance-idle-outline:transparent;--_appearance-hover-text:var(--_connotation-color-firm);--_appearance-hover-fill:var(--_connotation-color-faint);--_appearance-hover-outline:transparent;--_appearance-active-text:var(--_connotation-color-firm);--_appearance-active-fill:var(--_connotation-color-soft);--_appearance-active-outline:transparent;--_appearance-disabled-text:var(--vvd-color-neutral-300);--_appearance-disabled-fill:transparent;--_appearance-disabled-outline:transparent;--_appearance-readonly-text:var(--vvd-color-neutral-600);--_appearance-readonly-fill:transparent;--_appearance-readonly-outline:transparent;--_appearance-selected-text:var(--_connotation-color-firm);--_appearance-selected-fill:var(--_connotation-color-soft);--_appearance-selected-outline:transparent;--_appearance-selectedAndHover-text:var(--_connotation-color-firm);--_appearance-selectedAndHover-fill:var(--_connotation-color-dim);--_appearance-selectedAndHover-outline:transparent;--_appearance-selectedAndDisabled-text:var(--vvd-color-neutral-300);--_appearance-selectedAndDisabled-fill:var(--vvd-color-neutral-200);--_appearance-selectedAndDisabled-outline:transparent;--_appearance-checked-text:var(--_connotation-color-firm);--_appearance-checked-fill:var(--_connotation-color-soft);--_appearance-checked-outline:transparent;--_appearance-checkedAndHover-text:var(--_connotation-color-firm);--_appearance-checkedAndHover-fill:var(--_connotation-color-dim);--_appearance-checkedAndHover-outline:transparent}.appearance-harmony{--_appearance-idle-text:var(--_connotation-color-fierce);--_appearance-idle-fill:var(--_connotation-color-faint);--_appearance-idle-outline:var(--_connotation-color-intermediate)}.state-idle{--_appearance-color-text:var(--_appearance-idle-text);--_appearance-color-fill:var(--_appearance-idle-fill);--_appearance-color-outline:var(--_appearance-idle-outline)}.state-hover{--_appearance-color-text:var(--_appearance-hover-text);--_appearance-color-fill:var(--_appearance-hover-fill);--_appearance-color-outline:var(--_appearance-hover-outline)}.state-active{--_appearance-color-text:var(--_appearance-active-text);--_appearance-color-fill:var(--_appearance-active-fill);--_appearance-color-outline:var(--_appearance-active-outline)}.state-disabled{--_appearance-color-text:var(--_appearance-disabled-text);--_appearance-color-fill:var(--_appearance-disabled-fill);--_appearance-color-outline:var(--_appearance-disabled-outline)}.state-readonly{--_appearance-color-text:var(--_appearance-readonly-text);--_appearance-color-fill:var(--_appearance-readonly-fill);--_appearance-color-outline:var(--_appearance-readonly-outline)}.state-selected{--_appearance-color-text:var(--_appearance-selected-text);--_appearance-color-fill:var(--_appearance-selected-fill);--_appearance-color-outline:var(--_appearance-selected-outline)}.state-selectedAndHover{--_appearance-color-text:var(--_appearance-selectedAndHover-text);--_appearance-color-fill:var(--_appearance-selectedAndHover-fill);--_appearance-color-outline:var(--_appearance-selectedAndHover-outline)}.state-selectedAndDisabled{--_appearance-color-text:var(--_appearance-selectedAndDisabled-text);--_appearance-color-fill:var(--_appearance-selectedAndDisabled-fill);--_appearance-color-outline:var(--_appearance-selectedAndDisabled-outline)}.state-checked{--_appearance-color-text:var(--_appearance-checked-text);--_appearance-color-fill:var(--_appearance-checked-fill);--_appearance-color-outline:var(--_appearance-checked-outline)}.state-checkedAndHover{--_appearance-color-text:var(--_appearance-checkedAndHover-text);--_appearance-color-fill:var(--_appearance-checkedAndHover-fill);--_appearance-color-outline:var(--_appearance-checkedAndHover-outline)}.state-error{--_appearance-color-text:var(--_appearance-error-text);--_appearance-color-fill:var(--_appearance-error-fill);--_appearance-color-outline:var(--_appearance-error-outline)}.state-success{--_appearance-color-text:var(--_appearance-success-text);--_appearance-color-fill:var(--_appearance-success-fill);--_appearance-color-outline:var(--_appearance-success-outline)}.with-idle{--_appearance-color-text:var(--_appearance-idle-text);--_appearance-color-fill:var(--_appearance-idle-fill);--_appearance-color-outline:var(--_appearance-idle-outline)}@media (hover:hover){.with-hover:where(:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-hover-text);--_appearance-color-fill:var(--_appearance-hover-fill);--_appearance-color-outline:var(--_appearance-hover-outline)}}.with-hover:where(.hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-hover-text);--_appearance-color-fill:var(--_appearance-hover-fill);--_appearance-color-outline:var(--_appearance-hover-outline)}.with-active:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-active-text);--_appearance-color-fill:var(--_appearance-active-fill);--_appearance-color-outline:var(--_appearance-active-outline)}.with-disabled:where(.disabled,:disabled){--_appearance-color-text:var(--_appearance-disabled-text);--_appearance-color-fill:var(--_appearance-disabled-fill);--_appearance-color-outline:var(--_appearance-disabled-outline)}.with-readonly:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-readonly-text);--_appearance-color-fill:var(--_appearance-readonly-fill);--_appearance-color-outline:var(--_appearance-readonly-outline)}.with-selected:where(.selected):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-selected-text);--_appearance-color-fill:var(--_appearance-selected-fill);--_appearance-color-outline:var(--_appearance-selected-outline)}@media (hover:hover){.with-selectedAndHover:where(.selected):where(:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-selectedAndHover-text);--_appearance-color-fill:var(--_appearance-selectedAndHover-fill);--_appearance-color-outline:var(--_appearance-selectedAndHover-outline)}}.with-selectedAndHover:where(.selected):where(.hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-selectedAndHover-text);--_appearance-color-fill:var(--_appearance-selectedAndHover-fill);--_appearance-color-outline:var(--_appearance-selectedAndHover-outline)}.with-selectedAndDisabled:where(.selected):where(.disabled,:disabled){--_appearance-color-text:var(--_appearance-selectedAndDisabled-text);--_appearance-color-fill:var(--_appearance-selectedAndDisabled-fill);--_appearance-color-outline:var(--_appearance-selectedAndDisabled-outline)}.with-checked:where(.checked,:checked):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-checked-text);--_appearance-color-fill:var(--_appearance-checked-fill);--_appearance-color-outline:var(--_appearance-checked-outline)}@media (hover:hover){.with-checkedAndHover:where(.checked,:checked):where(:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-checkedAndHover-text);--_appearance-color-fill:var(--_appearance-checkedAndHover-fill);--_appearance-color-outline:var(--_appearance-checkedAndHover-outline)}}.with-checkedAndHover:where(.checked,:checked):where(.hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_appearance-checkedAndHover-text);--_appearance-color-fill:var(--_appearance-checkedAndHover-fill);--_appearance-color-outline:var(--_appearance-checkedAndHover-outline)}.with-error:where(.error):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-error-text);--_appearance-color-fill:var(--_appearance-error-fill);--_appearance-color-outline:var(--_appearance-error-outline)}.with-success:where(.success):where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_appearance-success-text);--_appearance-color-fill:var(--_appearance-success-fill);--_appearance-color-outline:var(--_appearance-success-outline)}", qt = (e, t, n, r, i) => ({
 	name: e,
 	type: t,
 	template: n,
 	dependencies: r,
-	options: i
-}), Wt = /* @__PURE__ */ new WeakMap(), Z = (e) => {
-	let t = Wt.get(e);
-	return t || (t = [], Wt.set(e, t)), t;
-}, Gt = (e, t) => {
+	options: {
+		...i,
+		styles: [
+			Kt,
+			Gt(e),
+			...i.styles ? [i.styles].flat() : []
+		]
+	}
+}), Jt = /* @__PURE__ */ new WeakMap(), Z = (e) => {
+	let t = Jt.get(e);
+	return t || (t = [], Jt.set(e, t)), t;
+}, Yt = (e, t) => {
 	Z(e).push(t);
-}, Kt = (e, t) => {
+}, Xt = (e, t) => {
 	Z(e).splice(Z(e).indexOf(t), 1);
-}, qt = (e, t) => {
+}, Zt = (e, t) => {
 	Z(e).forEach((n) => n(e, t));
-}, Jt = (e) => e === "delegate", Yt = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, Xt = (e, t) => {
-	if (Jt(e._vividAriaBehaviour)) {
+}, Qt = (e) => e === "delegate", $t = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, en = (e, t) => {
+	if (Qt(e._vividAriaBehaviour)) {
 		let n = 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];
+		e[`_${t}`] = null, e.removeAttribute($(t)), e[`_${t}`] = n, e[t] === null ? delete e.dataset[$t(t)] : e.dataset[$t(t)] = e[t];
 	} else g.setAttribute(e, $(t), e[t]);
-}, Q = /* @__PURE__ */ new WeakMap(), Zt = (e, t) => {
+}, Q = /* @__PURE__ */ new WeakMap(), tn = (e, t) => {
 	let n = Q.get(e);
-	n ? n.add(t) : Q.set(e, new Set([t]));
-}, Qt = (e, t) => {
-	e.isConnected ? Xt(e, t) : Zt(e, t);
-}, $t = (e) => {
+	n ? n.add(t) : Q.set(e, /* @__PURE__ */ new Set([t]));
+}, nn = (e, t) => {
+	e.isConnected ? en(e, t) : tn(e, t);
+}, rn = (e) => {
 	let t = Q.get(e);
 	if (t) {
-		for (let n of t) Xt(e, n);
+		for (let n of t) en(e, n);
 		Q.delete(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 = [
+}, an = /* @__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("."), on = [
 	"ariaControls",
 	"ariaDescribedBy",
 	"ariaDetails",
@@ -1794,24 +1833,24 @@ var Bt = /* @__PURE__ */ new Set(), Vt = /* @__PURE__ */ new Map(), Ht = (e) =>
 	"ariaFlowTo",
 	"ariaLabelledBy",
 	"ariaOwns"
-], nn = [...en, ...tn], $ = (e) => e.replace("aria", "aria-").toLowerCase(), rn = (e) => {
+], sn = [...an, ...on], $ = (e) => e.replace("aria", "aria-").toLowerCase(), cn = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "default";
-			for (let e of nn) this[`_${e}`] = null;
+			for (let e of sn) this[`_${e}`] = null;
 		}
 		connectedCallback() {
-			super.connectedCallback(), $t(this);
+			super.connectedCallback(), rn(this);
 		}
 	}
-	for (let e of nn) ut({
+	for (let e of sn) ct({
 		attribute: $(e),
 		mode: "fromView"
 	})(t.prototype, e), t.prototype[`${e}Changed`] = function() {
-		Qt(this, e), this._vividAriaBehaviour !== "default" && qt(this, e);
+		nn(this, e), this._vividAriaBehaviour !== "default" && Zt(this, e);
 	};
 	return t;
-}, an = (e) => {
+}, ln = (e) => {
 	class t extends e {
 		#e = /* @__PURE__ */ new Set();
 		_addController(e) {
@@ -1833,16 +1872,16 @@ var Bt = /* @__PURE__ */ new Set(), Vt = /* @__PURE__ */ new Map(), Ht = (e) =>
 };
 //#endregion
 //#region src/shared/deprecation/replaced-props.ts
-function on() {
+function un() {
 	let e = /* @__PURE__ */ new WeakMap();
 	return (t) => (e.has(t) || e.set(t, []), e.get(t));
 }
-var sn = on(), cn = (e) => (t, n) => {
-	sn(t.constructor).push({
+var dn = un(), fn = (e) => (t, n) => {
+	dn(t.constructor).push({
 		newPropertyName: n,
 		...e
 	});
-}, ln = (e) => {
+}, pn = (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) {
@@ -1854,18 +1893,18 @@ var sn = on(), cn = (e) => (t, n) => {
 					if (n = !0, i(a)) return;
 					a[e.newPropertyName] = e.fromDeprecated(a[e.deprecatedPropertyName]);
 				}
-			} }, o = y.getNotifier(this);
+			} }, o = b.getNotifier(this);
 			o.subscribe(a, e.newPropertyName), o.subscribe(a, e.deprecatedPropertyName);
 		}
 		constructor(...e) {
 			super(...e);
-			for (let e of sn(this.constructor)) this.#e(e);
+			for (let e of dn(this.constructor)) this.#e(e);
 		}
 	}
 	return t;
-}, un = class extends rn(ln(an(Rt))) {
+}, mn = class extends cn(pn(ln(Lt))) {
 	static {
-		this.VIVID_VERSION = "5.25.0";
+		this.VIVID_VERSION = "5.28.0";
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -1882,4 +1921,4 @@ var sn = on(), cn = (e) => (t, n) => {
 	}
 };
 //#endregion
-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 };
+export { re as A, O as C, S as D, se as E, l as F, i as I, a as L, v as M, _ as N, x as O, g as P, o as R, me as S, le as T, R as _, an as a, P as b, Yt as c, Vt as d, bt as f, B as g, ot as h, on as i, ie as j, b as k, Xt as l, ct as m, fn as n, nn as o, vt as p, $ as r, Zt as s, mn as t, qt as u, z as v, C as w, j as x, M as y };