@vonage/vivid 5.15.1 → 5.17.0

package/bundled/vivid-element.js

@@ -1,2824 +1,1799 @@
-let F;
-const ft = "fast-kernel";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/interfaces.js
+var e, t = "fast-kernel";
 try {
-  if (document.currentScript)
-    F = document.currentScript.getAttribute(ft);
-  else {
-    const i = document.getElementsByTagName("script");
-    F = i[i.length - 1].getAttribute(ft);
-  }
+	if (document.currentScript) e = document.currentScript.getAttribute(t);
+	else {
+		let n = document.getElementsByTagName("script");
+		e = n[n.length - 1].getAttribute(t);
+	}
 } catch {
-  F = "isolate";
-}
-let N;
-switch (F) {
-  case "share":
-    N = Object.freeze({
-      updateQueue: 1,
-      observable: 2,
-      contextEvent: 3,
-      elementRegistry: 4
-    });
-    break;
-  case "share-v2":
-    N = Object.freeze({
-      updateQueue: 1.2,
-      observable: 2.2,
-      contextEvent: 3.2,
-      elementRegistry: 4.2
-    });
-    break;
-  default:
-    const i = `-${Math.random().toString(36).substring(2, 8)}`;
-    N = Object.freeze({
-      updateQueue: `1.2${i}`,
-      observable: `2.2${i}`,
-      contextEvent: `3.2${i}`,
-      elementRegistry: `4.2${i}`
-    });
-    break;
-}
-const E = (i) => typeof i == "function", B = (i) => typeof i == "string", ge = () => {
-};
-var tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ui(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
-}
-function fi(i) {
-  if (Object.prototype.hasOwnProperty.call(i, "__esModule")) return i;
-  var t = i.default;
-  if (typeof t == "function") {
-    var e = function s() {
-      var n = !1;
-      try {
-        n = this instanceof s;
-      } catch {
-      }
-      return n ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
-    };
-    e.prototype = t.prototype;
-  } else e = {};
-  return Object.defineProperty(e, "__esModule", { value: !0 }), Object.keys(i).forEach(function(s) {
-    var n = Object.getOwnPropertyDescriptor(i, s);
-    Object.defineProperty(e, s, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return i[s];
-      }
-    });
-  }), e;
-}
-var pt = {}, bt;
-function ye() {
-  return bt || (bt = 1, (function() {
-    if (!(typeof globalThis < "u"))
-      if (typeof tt < "u")
-        tt.globalThis = tt;
-      else if (typeof self < "u")
-        self.globalThis = self;
-      else if (typeof window < "u")
-        window.globalThis = window;
-      else {
-        const t = new Function("return this")();
-        t.globalThis = t;
-      }
-  })(), (function() {
-    "requestIdleCallback" in globalThis || (globalThis.requestIdleCallback = function(e, s) {
-      const n = Date.now();
-      return setTimeout(() => {
-        e({
-          didTimeout: s?.timeout ? Date.now() - n >= s.timeout : !1,
-          timeRemaining: () => 0
-        });
-      }, 1);
-    }, globalThis.cancelIdleCallback = function(e) {
-      clearTimeout(e);
-    });
-  })()), pt;
-}
-ye();
-const zt = {
-  configurable: !1,
-  enumerable: !1,
-  writable: !1
+	e = "isolate";
+}
+var n;
+switch (e) {
+	case "share":
+		n = Object.freeze({
+			updateQueue: 1,
+			observable: 2,
+			contextEvent: 3,
+			elementRegistry: 4
+		});
+		break;
+	case "share-v2":
+		n = Object.freeze({
+			updateQueue: 1.2,
+			observable: 2.2,
+			contextEvent: 3.2,
+			elementRegistry: 4.2
+		});
+		break;
+	default:
+		let e = `-${Math.random().toString(36).substring(2, 8)}`;
+		n = Object.freeze({
+			updateQueue: `1.2${e}`,
+			observable: `2.2${e}`,
+			contextEvent: `3.2${e}`,
+			elementRegistry: `4.2${e}`
+		});
+		break;
+}
+var r = (e) => typeof e == "function", i = (e) => typeof e == "string", a = () => 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;
+	}
+})(), (function() {
+	"requestIdleCallback" in globalThis || (globalThis.requestIdleCallback = function(e, t) {
+		let n = Date.now();
+		return setTimeout(() => {
+			e({
+				didTimeout: t?.timeout ? Date.now() - n >= t.timeout : !1,
+				timeRemaining: () => 0
+			});
+		}, 1);
+	}, globalThis.cancelIdleCallback = function(e) {
+		clearTimeout(e);
+	});
+})();
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/platform.js
+var o = {
+	configurable: !1,
+	enumerable: !1,
+	writable: !1
 };
-globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: /* @__PURE__ */ Object.create(null) }, zt));
-const v = globalThis.FAST;
-if (v.getById === void 0) {
-  const i = /* @__PURE__ */ Object.create(null);
-  Reflect.defineProperty(v, "getById", Object.assign({ value(t, e) {
-    let s = i[t];
-    return s === void 0 && (s = e ? i[t] = e() : null), s;
-  } }, zt));
-}
-v.error === void 0 && Object.assign(v, {
-  warn() {
-  },
-  error(i) {
-    return new Error(`Error ${i}`);
-  },
-  addMessages() {
-  }
-});
-const pi = Object.freeze([]);
-function Ut() {
-  const i = /* @__PURE__ */ new Map();
-  return Object.freeze({
-    register(t) {
-      return i.has(t.type) ? !1 : (i.set(t.type, t), !0);
-    },
-    getByType(t) {
-      return i.get(t);
-    },
-    getForInstance(t) {
-      if (t != null)
-        return i.get(t.constructor);
-    }
-  });
-}
-function qt() {
-  const i = /* @__PURE__ */ new WeakMap();
-  return function(t) {
-    let e = i.get(t);
-    if (e === void 0) {
-      let s = Reflect.getPrototypeOf(t);
-      for (; e === void 0 && s !== null; )
-        e = i.get(s), s = Reflect.getPrototypeOf(s);
-      e = e === void 0 ? [] : e.slice(0), i.set(t, e);
-    }
-    return e;
-  };
-}
-function x(i) {
-  i.prototype.toJSON = ge;
-}
-const y = Object.freeze({
-  /**
-   * Not aspected.
-   */
-  none: 0,
-  /**
-   * An attribute.
-   */
-  attribute: 1,
-  /**
-   * A boolean attribute.
-   */
-  booleanAttribute: 2,
-  /**
-   * A property.
-   */
-  property: 3,
-  /**
-   * Content
-   */
-  content: 4,
-  /**
-   * A token list.
-   */
-  tokenList: 5,
-  /**
-   * An event.
-   */
-  event: 6
-}), gt = (i) => i, ve = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: gt }) : { createHTML: gt };
-let P = Object.freeze({
-  createHTML(i) {
-    return ve.createHTML(i);
-  },
-  protect(i, t, e, s) {
-    return s;
-  }
-});
-const me = P, T = Object.freeze({
-  /**
-   * Gets the dom policy used by the templating system.
-   */
-  get policy() {
-    return P;
-  },
-  /**
-   * Sets the dom policy used by the templating system.
-   * @param policy - The policy to set.
-   * @remarks
-   * This API can only be called once, for security reasons. It should be
-   * called by the application developer at the start of their program.
-   */
-  setPolicy(i) {
-    if (P !== me)
-      throw v.error(
-        1201
-        /* Message.onlySetDOMPolicyOnce */
-      );
-    P = i;
-  },
-  /**
-   * Sets an attribute value on an element.
-   * @param element - The element to set the attribute value on.
-   * @param attributeName - The attribute name to set.
-   * @param value - The value of the attribute to set.
-   * @remarks
-   * If the value is `null` or `undefined`, the attribute is removed, otherwise
-   * it is set to the provided value using the standard `setAttribute` API.
-   */
-  setAttribute(i, t, e) {
-    e == null ? i.removeAttribute(t) : i.setAttribute(t, e);
-  },
-  /**
-   * Sets a boolean attribute value.
-   * @param element - The element to set the boolean attribute value on.
-   * @param attributeName - The attribute name to set.
-   * @param value - The value of the attribute to set.
-   * @remarks
-   * If the value is true, the attribute is added; otherwise it is removed.
-   */
-  setBooleanAttribute(i, t, e) {
-    e ? i.setAttribute(t, "") : i.removeAttribute(t);
-  }
-}), Wt = v.getById(N.updateQueue, () => {
-  const i = [], t = [], e = globalThis.requestAnimationFrame;
-  let s = !0;
-  function n() {
-    if (t.length)
-      throw t.shift();
-  }
-  function r(d) {
-    try {
-      d.call();
-    } catch (l) {
-      if (s)
-        t.push(l), setTimeout(n, 0);
-      else
-        throw i.length = 0, l;
-    }
-  }
-  function o() {
-    let l = 0;
-    for (; l < i.length; )
-      if (r(i[l]), l++, l > 1024) {
-        for (let a = 0, h = i.length - l; a < h; a++)
-          i[a] = i[a + l];
-        i.length -= l, l = 0;
-      }
-    i.length = 0;
-  }
-  function c(d) {
-    i.push(d), i.length < 2 && (s ? e(o) : o());
-  }
-  return Object.freeze({
-    enqueue: c,
-    next: () => new Promise(c),
-    process: o,
-    setMode: (d) => s = d
-  });
+globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: Object.create(null) }, o));
+var s = globalThis.FAST;
+if (s.getById === void 0) {
+	let e = Object.create(null);
+	Reflect.defineProperty(s, "getById", Object.assign({ value(t, n) {
+		let r = e[t];
+		return r === void 0 && (r = n ? e[t] = n() : null), r;
+	} }, o));
+}
+s.error === void 0 && Object.assign(s, {
+	warn() {},
+	error(e) {
+		return /* @__PURE__ */ Error(`Error ${e}`);
+	},
+	addMessages() {}
 });
-class rt {
-  /**
-   * Creates an instance of SubscriberSet for the specified subject.
-   * @param subject - The subject that subscribers will receive notifications from.
-   * @param initialSubscriber - An initial subscriber to changes.
-   */
-  constructor(t, e) {
-    this.sub1 = void 0, this.sub2 = void 0, this.spillover = void 0, this.subject = t, this.sub1 = e;
-  }
-  /**
-   * Checks whether the provided subscriber has been added to this set.
-   * @param subscriber - The subscriber to test for inclusion in this set.
-   */
-  has(t) {
-    return this.spillover === void 0 ? this.sub1 === t || this.sub2 === t : this.spillover.indexOf(t) !== -1;
-  }
-  /**
-   * Subscribes to notification of changes in an object's state.
-   * @param subscriber - The object that is subscribing for change notification.
-   */
-  subscribe(t) {
-    const e = this.spillover;
-    if (e === void 0) {
-      if (this.has(t))
-        return;
-      if (this.sub1 === void 0) {
-        this.sub1 = t;
-        return;
-      }
-      if (this.sub2 === void 0) {
-        this.sub2 = t;
-        return;
-      }
-      this.spillover = [this.sub1, this.sub2, t], this.sub1 = void 0, this.sub2 = void 0;
-    } else
-      e.indexOf(t) === -1 && e.push(t);
-  }
-  /**
-   * Unsubscribes from notification of changes in an object's state.
-   * @param subscriber - The object that is unsubscribing from change notification.
-   */
-  unsubscribe(t) {
-    const e = this.spillover;
-    if (e === void 0)
-      this.sub1 === t ? this.sub1 = void 0 : this.sub2 === t && (this.sub2 = void 0);
-    else {
-      const s = e.indexOf(t);
-      s !== -1 && e.splice(s, 1);
-    }
-  }
-  /**
-   * Notifies all subscribers.
-   * @param args - Data passed along to subscribers during notification.
-   */
-  notify(t) {
-    const e = this.spillover, s = this.subject;
-    if (e === void 0) {
-      const n = this.sub1, r = this.sub2;
-      n !== void 0 && n.handleChange(s, t), r !== void 0 && r.handleChange(s, t);
-    } else
-      for (let n = 0, r = e.length; n < r; ++n)
-        e[n].handleChange(s, t);
-  }
-}
-class Qt {
-  /**
-   * Creates an instance of PropertyChangeNotifier for the specified subject.
-   * @param subject - The object that subscribers will receive notifications for.
-   */
-  constructor(t) {
-    this.subscribers = {}, this.subjectSubscribers = null, this.subject = t;
-  }
-  /**
-   * Notifies all subscribers, based on the specified property.
-   * @param propertyName - The property name, passed along to subscribers during notification.
-   */
-  notify(t) {
-    var e, s;
-    (e = this.subscribers[t]) === null || e === void 0 || e.notify(t), (s = this.subjectSubscribers) === null || s === void 0 || s.notify(t);
-  }
-  /**
-   * Subscribes to notification of changes in an object's state.
-   * @param subscriber - The object that is subscribing for change notification.
-   * @param propertyToWatch - The name of the property that the subscriber is interested in watching for changes.
-   */
-  subscribe(t, e) {
-    var s, n;
-    let r;
-    e ? r = (s = this.subscribers[e]) !== null && s !== void 0 ? s : this.subscribers[e] = new rt(this.subject) : r = (n = this.subjectSubscribers) !== null && n !== void 0 ? n : this.subjectSubscribers = new rt(this.subject), r.subscribe(t);
-  }
-  /**
-   * Unsubscribes from notification of changes in an object's state.
-   * @param subscriber - The object that is unsubscribing from change notification.
-   * @param propertyToUnwatch - The name of the property that the subscriber is no longer interested in watching.
-   */
-  unsubscribe(t, e) {
-    var s, n;
-    e ? (s = this.subscribers[e]) === null || s === void 0 || s.unsubscribe(t) : (n = this.subjectSubscribers) === null || n === void 0 || n.unsubscribe(t);
-  }
-}
-const J = Object.freeze({
-  /**
-   * The source to controller lifetime relationship is unknown.
-   */
-  unknown: void 0,
-  /**
-   * The source and controller lifetimes are coupled to one another.
-   * They can/will be GC'd together.
-   */
-  coupled: 1
-}), g = v.getById(N.observable, () => {
-  const i = Wt.enqueue, t = /(:|&&|\|\||if|\?\.)/, e = /* @__PURE__ */ new WeakMap();
-  let s, n = (l) => {
-    throw v.error(
-      1101
-      /* Message.needsArrayObservation */
-    );
-  };
-  function r(l) {
-    var a;
-    let h = (a = l.$fastController) !== null && a !== void 0 ? a : e.get(l);
-    return h === void 0 && (Array.isArray(l) ? h = n(l) : e.set(l, h = new Qt(l))), h;
-  }
-  const o = qt();
-  class c {
-    constructor(a) {
-      this.name = a, this.field = `_${a}`, this.callback = `${a}Changed`;
-    }
-    getValue(a) {
-      return s !== void 0 && s.watch(a, this.name), a[this.field];
-    }
-    setValue(a, h) {
-      const u = this.field, b = a[u];
-      if (b !== h) {
-        a[u] = h;
-        const k = a[this.callback];
-        E(k) && k.call(a, b, h), r(a).notify(this.name);
-      }
-    }
-  }
-  class d extends rt {
-    constructor(a, h, u = !1) {
-      super(a, h), this.expression = a, this.isVolatileBinding = u, this.needsRefresh = !0, this.needsQueue = !0, this.isAsync = !0, this.first = this, this.last = null, this.propertySource = void 0, this.propertyName = void 0, this.notifier = void 0, this.next = void 0;
-    }
-    setMode(a) {
-      this.isAsync = this.needsQueue = a;
-    }
-    bind(a) {
-      this.controller = a;
-      const h = this.observe(a.source, a.context);
-      return !a.isBound && this.requiresUnbind(a) && a.onUnbind(this), h;
-    }
-    requiresUnbind(a) {
-      return a.sourceLifetime !== J.coupled || this.first !== this.last || this.first.propertySource !== a.source;
-    }
-    unbind(a) {
-      this.dispose();
-    }
-    observe(a, h) {
-      this.needsRefresh && this.last !== null && this.dispose();
-      const u = s;
-      s = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding;
-      let b;
-      try {
-        b = this.expression(a, h);
-      } finally {
-        s = u;
-      }
-      return b;
-    }
-    // backwards compat with v1 kernel
-    disconnect() {
-      this.dispose();
-    }
-    dispose() {
-      if (this.last !== null) {
-        let a = this.first;
-        for (; a !== void 0; )
-          a.notifier.unsubscribe(this, a.propertyName), a = a.next;
-        this.last = null, this.needsRefresh = this.needsQueue = this.isAsync;
-      }
-    }
-    watch(a, h) {
-      const u = this.last, b = r(a), k = u === null ? this.first : {};
-      if (k.propertySource = a, k.propertyName = h, k.notifier = b, b.subscribe(this, h), u !== null) {
-        if (!this.needsRefresh) {
-          let ut;
-          s = void 0, ut = u.propertySource[u.propertyName], s = this, a === ut && (this.needsRefresh = !0);
-        }
-        u.next = k;
-      }
-      this.last = k;
-    }
-    handleChange() {
-      this.needsQueue ? (this.needsQueue = !1, i(this)) : this.isAsync || this.call();
-    }
-    call() {
-      this.last !== null && (this.needsQueue = this.isAsync, this.notify(this));
-    }
-    *records() {
-      let a = this.first;
-      for (; a !== void 0; )
-        yield a, a = a.next;
-    }
-  }
-  return x(d), Object.freeze({
-    /**
-     * @internal
-     * @param factory - The factory used to create array observers.
-     */
-    setArrayObserverFactory(l) {
-      n = l;
-    },
-    /**
-     * Gets a notifier for an object or Array.
-     * @param source - The object or Array to get the notifier for.
-     */
-    getNotifier: r,
-    /**
-     * Records a property change for a source object.
-     * @param source - The object to record the change against.
-     * @param propertyName - The property to track as changed.
-     */
-    track(l, a) {
-      s && s.watch(l, a);
-    },
-    /**
-     * Notifies watchers that the currently executing property getter or function is volatile
-     * with respect to its observable dependencies.
-     */
-    trackVolatile() {
-      s && (s.needsRefresh = !0);
-    },
-    /**
-     * Notifies subscribers of a source object of changes.
-     * @param source - the object to notify of changes.
-     * @param args - The change args to pass to subscribers.
-     */
-    notify(l, a) {
-      r(l).notify(a);
-    },
-    /**
-     * Defines an observable property on an object or prototype.
-     * @param target - The target object to define the observable on.
-     * @param nameOrAccessor - The name of the property to define as observable;
-     * or a custom accessor that specifies the property name and accessor implementation.
-     */
-    defineProperty(l, a) {
-      B(a) && (a = new c(a)), o(l).push(a), Reflect.defineProperty(l, a.name, {
-        enumerable: !0,
-        get() {
-          return a.getValue(this);
-        },
-        set(h) {
-          a.setValue(this, h);
-        }
-      });
-    },
-    /**
-     * Finds all the observable accessors defined on the target,
-     * including its prototype chain.
-     * @param target - The target object to search for accessor on.
-     */
-    getAccessors: o,
-    /**
-     * Creates a {@link ExpressionNotifier} that can watch the
-     * provided {@link Expression} for changes.
-     * @param expression - The binding to observe.
-     * @param initialSubscriber - An initial subscriber to changes in the binding value.
-     * @param isVolatileBinding - Indicates whether the binding's dependency list must be re-evaluated on every value evaluation.
-     */
-    binding(l, a, h = this.isVolatileBinding(l)) {
-      return new d(l, a, h);
-    },
-    /**
-     * Determines whether a binding expression is volatile and needs to have its dependency list re-evaluated
-     * on every evaluation of the value.
-     * @param expression - The binding to inspect.
-     */
-    isVolatileBinding(l) {
-      return t.test(l.toString());
-    }
-  });
-});
-function bi(i, t) {
-  g.defineProperty(i, t);
-}
-function gi(i, t, e) {
-  return Object.assign({}, e, {
-    get() {
-      return g.trackVolatile(), e.get.apply(this);
-    }
-  });
-}
-const yt = v.getById(N.contextEvent, () => {
-  let i = null;
-  return {
-    get() {
-      return i;
-    },
-    set(t) {
-      i = t;
-    }
-  };
-}), O = Object.freeze({
-  /**
-   * A default execution context.
-   */
-  default: {
-    index: 0,
-    length: 0,
-    get event() {
-      return O.getEvent();
-    },
-    eventDetail() {
-      return this.event.detail;
-    },
-    eventTarget() {
-      return this.event.target;
-    }
-  },
-  /**
-   * Gets the current event.
-   * @returns An event object.
-   */
-  getEvent() {
-    return yt.get();
-  },
-  /**
-   * Sets the current event.
-   * @param event - An event object.
-   */
-  setEvent(i) {
-    yt.set(i);
-  }
+var c = Object.freeze([]);
+function l() {
+	let e = /* @__PURE__ */ new Map();
+	return Object.freeze({
+		register(t) {
+			return e.has(t.type) ? !1 : (e.set(t.type, t), !0);
+		},
+		getByType(t) {
+			return e.get(t);
+		},
+		getForInstance(t) {
+			if (t != null) return e.get(t.constructor);
+		}
+	});
+}
+function u() {
+	let e = /* @__PURE__ */ new WeakMap();
+	return function(t) {
+		let n = e.get(t);
+		if (n === void 0) {
+			let r = Reflect.getPrototypeOf(t);
+			for (; n === void 0 && r !== null;) n = e.get(r), r = Reflect.getPrototypeOf(r);
+			n = n === void 0 ? [] : n.slice(0), e.set(t, n);
+		}
+		return n;
+	};
+}
+function d(e) {
+	e.prototype.toJSON = a;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/dom.js
+var f = Object.freeze({
+	none: 0,
+	attribute: 1,
+	booleanAttribute: 2,
+	property: 3,
+	content: 4,
+	tokenList: 5,
+	event: 6
+}), p = (e) => e, ee = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: p }) : { createHTML: p }, m = Object.freeze({
+	createHTML(e) {
+		return ee.createHTML(e);
+	},
+	protect(e, t, n, r) {
+		return r;
+	}
+}), te = m, h = Object.freeze({
+	get policy() {
+		return m;
+	},
+	setPolicy(e) {
+		if (m !== te) throw s.error(1201);
+		m = e;
+	},
+	setAttribute(e, t, n) {
+		n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+	},
+	setBooleanAttribute(e, t, n) {
+		n ? e.setAttribute(t, "") : e.removeAttribute(t);
+	}
+}), g = s.getById(n.updateQueue, () => {
+	let e = [], t = [], n = globalThis.requestAnimationFrame, r = !0;
+	function i() {
+		if (t.length) throw t.shift();
+	}
+	function a(n) {
+		try {
+			n.call();
+		} catch (n) {
+			if (r) t.push(n), setTimeout(i, 0);
+			else throw e.length = 0, n;
+		}
+	}
+	function o() {
+		let t = 0;
+		for (; t < e.length;) if (a(e[t]), t++, t > 1024) {
+			for (let n = 0, r = e.length - t; n < r; n++) e[n] = e[n + t];
+			e.length -= t, t = 0;
+		}
+		e.length = 0;
+	}
+	function s(t) {
+		e.push(t), e.length < 2 && (r ? n(o) : o());
+	}
+	return Object.freeze({
+		enqueue: s,
+		next: () => new Promise(s),
+		process: o,
+		setMode: (e) => r = e
+	});
+}), _ = class {
+	constructor(e, t) {
+		this.sub1 = void 0, this.sub2 = void 0, this.spillover = void 0, this.subject = e, this.sub1 = t;
+	}
+	has(e) {
+		return this.spillover === void 0 ? this.sub1 === e || this.sub2 === e : this.spillover.indexOf(e) !== -1;
+	}
+	subscribe(e) {
+		let t = this.spillover;
+		if (t === void 0) {
+			if (this.has(e)) return;
+			if (this.sub1 === void 0) {
+				this.sub1 = e;
+				return;
+			}
+			if (this.sub2 === void 0) {
+				this.sub2 = e;
+				return;
+			}
+			this.spillover = [
+				this.sub1,
+				this.sub2,
+				e
+			], this.sub1 = void 0, this.sub2 = void 0;
+		} else t.indexOf(e) === -1 && t.push(e);
+	}
+	unsubscribe(e) {
+		let t = this.spillover;
+		if (t === void 0) this.sub1 === e ? this.sub1 = void 0 : this.sub2 === e && (this.sub2 = void 0);
+		else {
+			let n = t.indexOf(e);
+			n !== -1 && t.splice(n, 1);
+		}
+	}
+	notify(e) {
+		let t = this.spillover, n = this.subject;
+		if (t === void 0) {
+			let t = this.sub1, r = this.sub2;
+			t !== void 0 && t.handleChange(n, e), r !== void 0 && r.handleChange(n, e);
+		} else for (let r = 0, i = t.length; r < i; ++r) t[r].handleChange(n, e);
+	}
+}, ne = class {
+	constructor(e) {
+		this.subscribers = {}, this.subjectSubscribers = null, this.subject = e;
+	}
+	notify(e) {
+		var t, n;
+		(t = this.subscribers[e]) == null || t.notify(e), (n = this.subjectSubscribers) == null || n.notify(e);
+	}
+	subscribe(e, t) {
+		let n;
+		n = t ? this.subscribers[t] ?? (this.subscribers[t] = new _(this.subject)) : this.subjectSubscribers ??= new _(this.subject), n.subscribe(e);
+	}
+	unsubscribe(e, t) {
+		var n, r;
+		t ? (n = this.subscribers[t]) == null || n.unsubscribe(e) : (r = this.subjectSubscribers) == null || r.unsubscribe(e);
+	}
+}, v = Object.freeze({
+	unknown: void 0,
+	coupled: 1
+}), y = s.getById(n.observable, () => {
+	let e = g.enqueue, t = /(:|&&|\|\||if|\?\.)/, n = /* @__PURE__ */ new WeakMap(), a, o = (e) => {
+		throw s.error(1101);
+	};
+	function c(e) {
+		let t = e.$fastController ?? n.get(e);
+		return t === void 0 && (Array.isArray(e) ? t = o(e) : n.set(e, t = new ne(e))), t;
+	}
+	let l = u();
+	class f {
+		constructor(e) {
+			this.name = e, this.field = `_${e}`, this.callback = `${e}Changed`;
+		}
+		getValue(e) {
+			return a !== void 0 && a.watch(e, this.name), e[this.field];
+		}
+		setValue(e, t) {
+			let n = this.field, i = e[n];
+			if (i !== t) {
+				e[n] = t;
+				let a = e[this.callback];
+				r(a) && a.call(e, i, t), c(e).notify(this.name);
+			}
+		}
+	}
+	class p extends _ {
+		constructor(e, t, n = !1) {
+			super(e, t), this.expression = e, this.isVolatileBinding = n, this.needsRefresh = !0, this.needsQueue = !0, this.isAsync = !0, this.first = this, this.last = null, this.propertySource = void 0, this.propertyName = void 0, this.notifier = void 0, this.next = void 0;
+		}
+		setMode(e) {
+			this.isAsync = this.needsQueue = e;
+		}
+		bind(e) {
+			this.controller = e;
+			let t = this.observe(e.source, e.context);
+			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;
+		}
+		unbind(e) {
+			this.dispose();
+		}
+		observe(e, t) {
+			this.needsRefresh && this.last !== null && this.dispose();
+			let n = a;
+			a = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding;
+			let r;
+			try {
+				r = this.expression(e, t);
+			} finally {
+				a = n;
+			}
+			return r;
+		}
+		disconnect() {
+			this.dispose();
+		}
+		dispose() {
+			if (this.last !== null) {
+				let e = this.first;
+				for (; e !== void 0;) e.notifier.unsubscribe(this, e.propertyName), e = e.next;
+				this.last = null, this.needsRefresh = this.needsQueue = this.isAsync;
+			}
+		}
+		watch(e, t) {
+			let n = this.last, r = c(e), i = n === null ? this.first : {};
+			if (i.propertySource = e, i.propertyName = t, i.notifier = r, r.subscribe(this, t), n !== null) {
+				if (!this.needsRefresh) {
+					let t;
+					a = void 0, t = n.propertySource[n.propertyName], a = this, e === t && (this.needsRefresh = !0);
+				}
+				n.next = i;
+			}
+			this.last = i;
+		}
+		handleChange() {
+			this.needsQueue ? (this.needsQueue = !1, e(this)) : this.isAsync || this.call();
+		}
+		call() {
+			this.last !== null && (this.needsQueue = this.isAsync, this.notify(this));
+		}
+		*records() {
+			let e = this.first;
+			for (; e !== void 0;) yield e, e = e.next;
+		}
+	}
+	return d(p), Object.freeze({
+		setArrayObserverFactory(e) {
+			o = e;
+		},
+		getNotifier: c,
+		track(e, t) {
+			a && a.watch(e, t);
+		},
+		trackVolatile() {
+			a && (a.needsRefresh = !0);
+		},
+		notify(e, t) {
+			c(e).notify(t);
+		},
+		defineProperty(e, t) {
+			i(t) && (t = new f(t)), l(e).push(t), Reflect.defineProperty(e, t.name, {
+				enumerable: !0,
+				get() {
+					return t.getValue(this);
+				},
+				set(e) {
+					t.setValue(this, e);
+				}
+			});
+		},
+		getAccessors: l,
+		binding(e, t, n = this.isVolatileBinding(e)) {
+			return new p(e, t, n);
+		},
+		isVolatileBinding(e) {
+			return t.test(e.toString());
+		}
+	});
 });
-class lt {
-  /**
-   * Creates a binding.
-   * @param evaluate - Evaluates the binding.
-   * @param policy - The security policy to associate with this binding.
-   * @param isVolatile - Indicates whether the binding is volatile.
-   */
-  constructor(t, e, s = !1) {
-    this.evaluate = t, this.policy = e, this.isVolatile = s;
-  }
-}
-class we extends lt {
-  createObserver(t) {
-    return g.binding(this.evaluate, t, this.isVolatile);
-  }
-}
-function Gt(i, t, e = g.isVolatileBinding(i)) {
-  return new we(i, t, e);
-}
-class Jt extends lt {
-  createObserver() {
-    return this;
-  }
-  bind(t) {
-    return this.evaluate(t.source, t.context);
-  }
-}
-x(Jt);
-function Kt(i, t) {
-  return new Jt(i, t);
-}
-let vt;
-function Xt(i) {
-  return i.map((t) => t instanceof m ? Xt(t.styles) : [t]).reduce((t, e) => t.concat(e), []);
-}
-class m {
-  /**
-   * Creates an instance of ElementStyles.
-   * @param styles - The styles that will be associated with elements.
-   */
-  constructor(t) {
-    this.styles = t, this.targets = /* @__PURE__ */ new WeakSet(), this._strategy = null, this.behaviors = t.map((e) => e instanceof m ? e.behaviors : null).reduce((e, s) => s === null ? e : e === null ? s : e.concat(s), null);
-  }
-  /**
-   * Gets the StyleStrategy associated with these element styles.
-   */
-  get strategy() {
-    return this._strategy === null && this.withStrategy(vt), this._strategy;
-  }
-  /** @internal */
-  addStylesTo(t) {
-    this.strategy.addStylesTo(t), this.targets.add(t);
-  }
-  /** @internal */
-  removeStylesFrom(t) {
-    this.strategy.removeStylesFrom(t), this.targets.delete(t);
-  }
-  /** @internal */
-  isAttachedTo(t) {
-    return this.targets.has(t);
-  }
-  /**
-   * Associates behaviors with this set of styles.
-   * @param behaviors - The behaviors to associate.
-   */
-  withBehaviors(...t) {
-    return this.behaviors = this.behaviors === null ? t : this.behaviors.concat(t), this;
-  }
-  /**
-   * Sets the strategy that handles adding/removing these styles for an element.
-   * @param strategy - The strategy to use.
-   */
-  withStrategy(t) {
-    return this._strategy = new t(Xt(this.styles)), this;
-  }
-  /**
-   * Sets the default strategy type to use when creating style strategies.
-   * @param Strategy - The strategy type to construct.
-   */
-  static setDefaultStrategy(t) {
-    vt = t;
-  }
-  /**
-   * Normalizes a set of composable style options.
-   * @param styles - The style options to normalize.
-   * @returns A singular ElementStyles instance or undefined.
-   */
-  static normalize(t) {
-    return t === void 0 ? void 0 : Array.isArray(t) ? new m(t) : t instanceof m ? t : new m([t]);
-  }
-}
-m.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
-const mt = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, wt = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, St = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, Ct = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, kt = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, Tt = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
-function $t(i) {
-  return i && i.nodeType === Node.COMMENT_NODE;
-}
-const w = Object.freeze({
-  attributeMarkerName: "data-fe-b",
-  attributeBindingSeparator: " ",
-  contentBindingStartMarker(i, t) {
-    return `fe-b$$start$$${i}$$${t}$$fe-b`;
-  },
-  contentBindingEndMarker(i, t) {
-    return `fe-b$$end$$${i}$$${t}$$fe-b`;
-  },
-  repeatStartMarker(i) {
-    return `fe-repeat$$start$$${i}$$fe-repeat`;
-  },
-  repeatEndMarker(i) {
-    return `fe-repeat$$end$$${i}$$fe-repeat`;
-  },
-  isContentBindingStartMarker(i) {
-    return mt.test(i);
-  },
-  isContentBindingEndMarker(i) {
-    return wt.test(i);
-  },
-  isRepeatViewStartMarker(i) {
-    return St.test(i);
-  },
-  isRepeatViewEndMarker(i) {
-    return Ct.test(i);
-  },
-  isElementBoundaryStartMarker(i) {
-    return $t(i) && kt.test(i.data.trim());
-  },
-  isElementBoundaryEndMarker(i) {
-    return $t(i) && Tt.test(i.data);
-  },
-  /**
-   * Returns the indexes of the ViewBehaviorFactories affecting
-   * attributes for the element, or null if no factories were found.
-   */
-  parseAttributeBinding(i) {
-    const t = i.getAttribute(this.attributeMarkerName);
-    return t === null ? t : t.split(this.attributeBindingSeparator).map((e) => parseInt(e));
-  },
-  /**
-   * Returns the indexes of the ViewBehaviorFactories affecting
-   * attributes for the element, or null if no factories were found.
-   *
-   * Uses the alternative syntax of data-fe-b-<number>
-   */
-  parseEnumeratedAttributeBinding(i) {
-    const t = [], e = this.attributeMarkerName.length + 1, s = `${this.attributeMarkerName}-`;
-    for (const n of i.getAttributeNames())
-      if (n.startsWith(s)) {
-        const r = Number(n.slice(e));
-        if (!Number.isNaN(r))
-          t.push(r);
-        else
-          throw new Error(`Invalid attribute marker name: ${n}. Expected format is ${s}<number>.`);
-      }
-    return t.length === 0 ? null : t;
-  },
-  /**
-   * Parses the ViewBehaviorFactory index from string data. Returns
-   * the binding index or null if the index cannot be retrieved.
-   */
-  parseContentBindingStartMarker(i) {
-    return xt(mt, i);
-  },
-  parseContentBindingEndMarker(i) {
-    return xt(wt, i);
-  },
-  /**
-   * Parses the index of a repeat directive from a content string.
-   */
-  parseRepeatStartMarker(i) {
-    return Nt(St, i);
-  },
-  parseRepeatEndMarker(i) {
-    return Nt(Ct, i);
-  },
-  /**
-   * Parses element Id from element boundary markers
-   */
-  parseElementBoundaryStartMarker(i) {
-    return Bt(kt, i.trim());
-  },
-  parseElementBoundaryEndMarker(i) {
-    return Bt(Tt, i);
-  }
-});
-function Nt(i, t) {
-  const e = i.exec(t);
-  return e === null ? e : parseInt(e[1]);
-}
-function Bt(i, t) {
-  const e = i.exec(t);
-  return e === null ? e : e[1];
-}
-function xt(i, t) {
-  const e = i.exec(t);
-  return e === null ? e : [parseInt(e[1]), e[2]];
-}
-const z = /* @__PURE__ */ Symbol.for("fe-hydration");
-function U(i) {
-  return i[z] === z;
-}
-const ct = `fast-${Math.random().toString(36).substring(2, 8)}`, D = `${ct}{`, R = `}${ct}`, Se = R.length;
-let Ce = 0;
-const j = () => `${ct}-${++Ce}`, Yt = Object.freeze({
-  /**
-   * Creates a placeholder string suitable for marking out a location *within*
-   * an attribute value or HTML content.
-   * @param index - The directive index to create the placeholder for.
-   * @remarks
-   * Used internally by binding directives.
-   */
-  interpolation: (i) => `${D}${i}${R}`,
-  /**
-   * Creates a placeholder that manifests itself as an attribute on an
-   * element.
-   * @param attributeName - The name of the custom attribute.
-   * @param index - The directive index to create the placeholder for.
-   * @remarks
-   * Used internally by attribute directives such as `ref`, `slotted`, and `children`.
-   */
-  attribute: (i) => `${j()}="${D}${i}${R}"`,
-  /**
-   * Creates a placeholder that manifests itself as a marker within the DOM structure.
-   * @param index - The directive index to create the placeholder for.
-   * @remarks
-   * Used internally by structural directives such as `repeat`.
-   */
-  comment: (i) => `<!--${D}${i}${R}-->`
-}), K = Object.freeze({
-  /**
-   * Parses text content or HTML attribute content, separating out the static strings
-   * from the directives.
-   * @param value - The content or attribute string to parse.
-   * @param factories - A list of directives to search for in the string.
-   * @returns A heterogeneous array of static strings interspersed with
-   * directives or null if no directives are found in the string.
-   */
-  parse(i, t) {
-    const e = i.split(D);
-    if (e.length === 1)
-      return null;
-    const s = [];
-    for (let n = 0, r = e.length; n < r; ++n) {
-      const o = e[n], c = o.indexOf(R);
-      let d;
-      if (c === -1)
-        d = o;
-      else {
-        const l = o.substring(0, c);
-        s.push(t[l]), d = o.substring(c + Se);
-      }
-      d !== "" && s.push(d);
-    }
-    return s;
-  }
-}), et = Ut(), $ = Object.freeze({
-  /**
-   * Gets the directive definition associated with the instance.
-   * @param instance - The directive instance to retrieve the definition for.
-   */
-  getForInstance: et.getForInstance,
-  /**
-   * Gets the directive definition associated with the specified type.
-   * @param type - The directive type to retrieve the definition for.
-   */
-  getByType: et.getByType,
-  /**
-   * Defines an HTMLDirective based on the options.
-   * @param type - The type to define as a directive.
-   * @param options - Options that specify the directive's application.
-   */
-  define(i, t) {
-    return t = t || {}, t.type = i, et.register(t), i;
-  },
-  /**
-   *
-   * @param directive - The directive to assign the aspect to.
-   * @param value - The value to base the aspect determination on.
-   * @remarks
-   * If a falsy value is provided, then the content aspect will be assigned.
-   */
-  assignAspect(i, t) {
-    if (!t) {
-      i.aspectType = y.content;
-      return;
-    }
-    switch (i.sourceAspect = t, t[0]) {
-      case ":":
-        i.targetAspect = t.substring(1), i.aspectType = i.targetAspect === "classList" ? y.tokenList : y.property;
-        break;
-      case "?":
-        i.targetAspect = t.substring(1), i.aspectType = y.booleanAttribute;
-        break;
-      case "@":
-        i.targetAspect = t.substring(1), i.aspectType = y.event;
-        break;
-      default:
-        i.targetAspect = t, i.aspectType = y.attribute;
-        break;
-    }
-  }
-});
-class ke {
-  /**
-   * Creates an instance of RefDirective.
-   * @param options - The options to use in configuring the directive.
-   */
-  constructor(t) {
-    this.options = t;
-  }
-  /**
-   * Creates a placeholder string based on the directive's index within the template.
-   * @param index - The index of the directive within the template.
-   * @remarks
-   * Creates a custom attribute placeholder.
-   */
-  createHTML(t) {
-    return Yt.attribute(t(this));
-  }
-  /**
-   * Creates a behavior.
-   * @param targets - The targets available for behaviors to be attached to.
-   */
-  createBehavior() {
-    return this;
-  }
-}
-x(ke);
-class Zt extends Error {
-  constructor(t, e, s) {
-    super(t), this.factories = e, this.node = s;
-  }
-}
-function dt(i) {
-  return i.nodeType === Node.COMMENT_NODE;
-}
-function te(i) {
-  return i.nodeType === Node.TEXT_NODE;
-}
-function ee(i, t) {
-  const e = document.createRange();
-  return e.setStart(i, 0), e.setEnd(t, dt(t) || te(t) ? t.data.length : t.childNodes.length), e;
-}
-function Te(i) {
-  return i instanceof DocumentFragment && "mode" in i;
-}
-function $e(i, t, e) {
-  const s = ee(i, t), n = s.commonAncestorContainer, r = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, {
-    acceptNode(l) {
-      return s.comparePoint(l, 0) === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-    }
-  }), o = {}, c = {};
-  let d = r.currentNode = i;
-  for (; d !== null; ) {
-    switch (d.nodeType) {
-      case Node.ELEMENT_NODE: {
-        Ne(d, e, o);
-        break;
-      }
-      case Node.COMMENT_NODE: {
-        Be(d, r, e, o, c);
-        break;
-      }
-    }
-    d = r.nextNode();
-  }
-  return s.detach(), { targets: o, boundaries: c };
-}
-function Ne(i, t, e) {
-  var s;
-  const n = (s = w.parseAttributeBinding(i)) !== null && s !== void 0 ? s : w.parseEnumeratedAttributeBinding(i);
-  if (n !== null) {
-    for (const r of n) {
-      if (!t[r])
-        throw new Zt(`HydrationView was unable to successfully target factory on ${i.nodeName} inside ${i.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, t, i);
-      q(t[r], i, e);
-    }
-    i.removeAttribute(w.attributeMarkerName);
-  }
-}
-function Be(i, t, e, s, n) {
-  if (w.isElementBoundaryStartMarker(i)) {
-    xe(i, t);
-    return;
-  }
-  if (w.isContentBindingStartMarker(i.data)) {
-    const r = w.parseContentBindingStartMarker(i.data);
-    if (r === null)
-      return;
-    const [o, c] = r, d = e[o], l = [];
-    let a = t.nextSibling();
-    i.data = "";
-    const h = a;
-    for (; a !== null; ) {
-      if (dt(a)) {
-        const u = w.parseContentBindingEndMarker(a.data);
-        if (u && u[1] === c)
-          break;
-      }
-      l.push(a), a = t.nextSibling();
-    }
-    if (a === null) {
-      const u = i.getRootNode();
-      throw new Error(`Error hydrating Comment node inside "${Te(u) ? u.host.nodeName : u.nodeName}".`);
-    }
-    if (a.data = "", l.length === 1 && te(l[0]))
-      q(d, l[0], s);
-    else {
-      a !== h && a.previousSibling !== null && (n[d.targetNodeId] = {
-        first: h,
-        last: a.previousSibling
-      });
-      const u = a.parentNode.insertBefore(document.createTextNode(""), a);
-      q(d, u, s);
-    }
-  }
-}
-function xe(i, t) {
-  const e = w.parseElementBoundaryStartMarker(i.data);
-  let s = t.nextSibling();
-  for (; s !== null; ) {
-    if (dt(s)) {
-      const n = w.parseElementBoundaryEndMarker(s.data);
-      if (n && n === e)
-        break;
-    }
-    s = t.nextSibling();
-  }
-}
-function q(i, t, e) {
-  if (i.targetNodeId === void 0)
-    throw new Error("Factory could not be target to the node");
-  e[i.targetNodeId] = t;
-}
-var ie;
-function at(i, t) {
-  const e = i.parentNode;
-  let s = i, n;
-  for (; s !== t; ) {
-    if (n = s.nextSibling, !n)
-      throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);
-    e.removeChild(s), s = n;
-  }
-  e.removeChild(t);
-}
-class se {
-  constructor() {
-    this.index = 0, this.length = 0;
-  }
-  /**
-   * The current event within an event handler.
-   */
-  get event() {
-    return O.getEvent();
-  }
-  /**
-   * Indicates whether the current item within a repeat context
-   * has an even index.
-   */
-  get isEven() {
-    return this.index % 2 === 0;
-  }
-  /**
-   * Indicates whether the current item within a repeat context
-   * has an odd index.
-   */
-  get isOdd() {
-    return this.index % 2 !== 0;
-  }
-  /**
-   * Indicates whether the current item within a repeat context
-   * is the first item in the collection.
-   */
-  get isFirst() {
-    return this.index === 0;
-  }
-  /**
-   * Indicates whether the current item within a repeat context
-   * is somewhere in the middle of the collection.
-   */
-  get isInMiddle() {
-    return !this.isFirst && !this.isLast;
-  }
-  /**
-   * Indicates whether the current item within a repeat context
-   * is the last item in the collection.
-   */
-  get isLast() {
-    return this.index === this.length - 1;
-  }
-  /**
-   * Returns the typed event detail of a custom event.
-   */
-  eventDetail() {
-    return this.event.detail;
-  }
-  /**
-   * Returns the typed event target of the event.
-   */
-  eventTarget() {
-    return this.event.target;
-  }
-}
-class X extends se {
-  /**
-   * Constructs an instance of HTMLView.
-   * @param fragment - The html fragment that contains the nodes for this view.
-   * @param behaviors - The behaviors to be applied to this view.
-   */
-  constructor(t, e, s) {
-    super(), this.fragment = t, this.factories = e, this.targets = s, this.behaviors = null, this.unbindables = [], this.source = null, this.isBound = !1, this.sourceLifetime = J.unknown, this.context = this, this.firstChild = t.firstChild, this.lastChild = t.lastChild;
-  }
-  /**
-   * Appends the view's DOM nodes to the referenced node.
-   * @param node - The parent node to append the view's DOM nodes to.
-   */
-  appendTo(t) {
-    t.appendChild(this.fragment);
-  }
-  /**
-   * Inserts the view's DOM nodes before the referenced node.
-   * @param node - The node to insert the view's DOM before.
-   */
-  insertBefore(t) {
-    if (this.fragment.hasChildNodes())
-      t.parentNode.insertBefore(this.fragment, t);
-    else {
-      const e = this.lastChild;
-      if (t.previousSibling === e)
-        return;
-      const s = t.parentNode;
-      let n = this.firstChild, r;
-      for (; n !== e; )
-        r = n.nextSibling, s.insertBefore(n, t), n = r;
-      s.insertBefore(e, t);
-    }
-  }
-  /**
-   * Removes the view's DOM nodes.
-   * The nodes are not disposed and the view can later be re-inserted.
-   */
-  remove() {
-    const t = this.fragment, e = this.lastChild;
-    let s = this.firstChild, n;
-    for (; s !== e; )
-      n = s.nextSibling, t.appendChild(s), s = n;
-    t.appendChild(e);
-  }
-  /**
-   * Removes the view and unbinds its behaviors, disposing of DOM nodes afterward.
-   * Once a view has been disposed, it cannot be inserted or bound again.
-   */
-  dispose() {
-    at(this.firstChild, this.lastChild), this.unbind();
-  }
-  onUnbind(t) {
-    this.unbindables.push(t);
-  }
-  /**
-   * Binds a view's behaviors to its binding source.
-   * @param source - The binding source for the view's binding behaviors.
-   * @param context - The execution context to run the behaviors within.
-   */
-  bind(t, e = this) {
-    if (this.source === t)
-      return;
-    let s = this.behaviors;
-    if (s === null) {
-      this.source = t, this.context = e, this.behaviors = s = new Array(this.factories.length);
-      const n = this.factories;
-      for (let r = 0, o = n.length; r < o; ++r) {
-        const c = n[r].createBehavior();
-        c.bind(this), s[r] = c;
-      }
-    } else {
-      this.source !== null && this.evaluateUnbindables(), this.isBound = !1, this.source = t, this.context = e;
-      for (let n = 0, r = s.length; n < r; ++n)
-        s[n].bind(this);
-    }
-    this.isBound = !0;
-  }
-  /**
-   * Unbinds a view's behaviors from its binding source.
-   */
-  unbind() {
-    !this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
-  }
-  evaluateUnbindables() {
-    const t = this.unbindables;
-    for (let e = 0, s = t.length; e < s; ++e)
-      t[e].unbind(this);
-    t.length = 0;
-  }
-  /**
-   * Efficiently disposes of a contiguous range of synthetic view instances.
-   * @param views - A contiguous range of views to be disposed.
-   */
-  static disposeContiguousBatch(t) {
-    if (t.length !== 0) {
-      at(t[0].firstChild, t[t.length - 1].lastChild);
-      for (let e = 0, s = t.length; e < s; ++e)
-        t[e].unbind();
-    }
-  }
-}
-x(X);
-g.defineProperty(X.prototype, "index");
-g.defineProperty(X.prototype, "length");
-const A = {
-  unhydrated: "unhydrated",
-  hydrating: "hydrating",
-  hydrated: "hydrated"
+function re(e, t) {
+	y.defineProperty(e, t);
+}
+function ie(e, t, n) {
+	return Object.assign({}, n, { get() {
+		return y.trackVolatile(), n.get.apply(this);
+	} });
+}
+var ae = s.getById(n.contextEvent, () => {
+	let e = null;
+	return {
+		get() {
+			return e;
+		},
+		set(t) {
+			e = t;
+		}
+	};
+}), b = Object.freeze({
+	default: {
+		index: 0,
+		length: 0,
+		get event() {
+			return b.getEvent();
+		},
+		eventDetail() {
+			return this.event.detail;
+		},
+		eventTarget() {
+			return this.event.target;
+		}
+	},
+	getEvent() {
+		return ae.get();
+	},
+	setEvent(e) {
+		ae.set(e);
+	}
+}), x = class {
+	constructor(e, t, n = !1) {
+		this.evaluate = e, this.policy = t, this.isVolatile = n;
+	}
+}, oe = class extends x {
+	createObserver(e) {
+		return y.binding(this.evaluate, e, this.isVolatile);
+	}
 };
-class Ae extends Error {
-  constructor(t, e, s, n) {
-    super(t), this.factory = e, this.fragment = s, this.templateString = n;
-  }
-}
-class Me extends se {
-  constructor(t, e, s, n) {
-    super(), this.firstChild = t, this.lastChild = e, this.sourceTemplate = s, this.hostBindingTarget = n, this[ie] = z, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = J.unknown, this.unbindables = [], this.fragment = null, this.behaviors = null, this._hydrationStage = A.unhydrated, this._bindingViewBoundaries = {}, this._targets = {}, this.factories = s.compile().factories;
-  }
-  get hydrationStage() {
-    return this._hydrationStage;
-  }
-  get targets() {
-    return this._targets;
-  }
-  get bindingViewBoundaries() {
-    return this._bindingViewBoundaries;
-  }
-  /**
-   * no-op. Hydrated views are don't need to be moved from a documentFragment
-   * to the target node.
-   */
-  insertBefore(t) {
-    if (this.fragment !== null)
-      if (this.fragment.hasChildNodes())
-        t.parentNode.insertBefore(this.fragment, t);
-      else {
-        const e = this.lastChild;
-        if (t.previousSibling === e)
-          return;
-        const s = t.parentNode;
-        let n = this.firstChild, r;
-        for (; n !== e; )
-          r = n.nextSibling, s.insertBefore(n, t), n = r;
-        s.insertBefore(e, t);
-      }
-  }
-  /**
-   * Appends the view to a node. In cases where this is called before the
-   * view has been removed, the method will no-op.
-   * @param node - the node to append the view to.
-   */
-  appendTo(t) {
-    this.fragment !== null && t.appendChild(this.fragment);
-  }
-  remove() {
-    const t = this.fragment || (this.fragment = document.createDocumentFragment()), e = this.lastChild;
-    let s = this.firstChild, n;
-    for (; s !== e; ) {
-      if (n = s.nextSibling, !n)
-        throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);
-      t.appendChild(s), s = n;
-    }
-    t.appendChild(e);
-  }
-  bind(t, e = this) {
-    var s;
-    if (this.hydrationStage !== A.hydrated && (this._hydrationStage = A.hydrating), this.source === t)
-      return;
-    let n = this.behaviors;
-    if (n === null) {
-      this.source = t, this.context = e;
-      try {
-        const { targets: o, boundaries: c } = $e(this.firstChild, this.lastChild, this.factories);
-        this._targets = o, this._bindingViewBoundaries = c;
-      } catch (o) {
-        if (o instanceof Zt) {
-          let c = this.sourceTemplate.html;
-          typeof c != "string" && (c = c.innerHTML), o.templateString = c;
-        }
-        throw o;
-      }
-      this.behaviors = n = new Array(this.factories.length);
-      const r = this.factories;
-      for (let o = 0, c = r.length; o < c; ++o) {
-        const d = r[o];
-        if (d.targetNodeId === "h" && this.hostBindingTarget && q(d, this.hostBindingTarget, this._targets), d.targetNodeId in this.targets) {
-          const l = d.createBehavior();
-          l.bind(this), n[o] = l;
-        } else {
-          let l = this.sourceTemplate.html;
-          typeof l != "string" && (l = l.innerHTML);
-          const a = ((s = this.firstChild) === null || s === void 0 ? void 0 : s.getRootNode()).host, h = a?.nodeName || "unknown", u = d, b = [
-            `HydrationView was unable to successfully target bindings inside "<${h.toLowerCase()}>".`,
-            `
-Mismatch Details:`,
-            `  - Expected target node ID: "${d.targetNodeId}"`,
-            `  - Available target IDs: [${Object.keys(this.targets).join(", ") || "none"}]`
-          ];
-          throw d.targetTagName && b.push(`  - Expected tag name: "${d.targetTagName}"`), u.sourceAspect && b.push(`  - Source aspect: "${u.sourceAspect}"`), u.aspectType !== void 0 && b.push(`  - Aspect type: ${u.aspectType}`), b.push(`
-This 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", `
-Template: ${l.slice(0, 200)}${l.length > 200 ? "..." : ""}`), new Ae(b.join(`
-`), d, ee(this.firstChild, this.lastChild).cloneContents(), l);
-        }
-      }
-    } else {
-      this.source !== null && this.evaluateUnbindables(), this.isBound = !1, this.source = t, this.context = e;
-      for (let r = 0, o = n.length; r < o; ++r)
-        n[r].bind(this);
-    }
-    this.isBound = !0, this._hydrationStage = A.hydrated;
-  }
-  unbind() {
-    !this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
-  }
-  /**
-   * Removes the view and unbinds its behaviors, disposing of DOM nodes afterward.
-   * Once a view has been disposed, it cannot be inserted or bound again.
-   */
-  dispose() {
-    at(this.firstChild, this.lastChild), this.unbind();
-  }
-  onUnbind(t) {
-    this.unbindables.push(t);
-  }
-  evaluateUnbindables() {
-    const t = this.unbindables;
-    for (let e = 0, s = t.length; e < s; ++e)
-      t[e].unbind(this);
-    t.length = 0;
-  }
-}
-ie = z;
-x(Me);
-function Oe(i) {
-  return i.create !== void 0;
-}
-function Ee(i, t, e, s) {
-  if (e == null && (e = ""), Oe(e)) {
-    i.textContent = "";
-    let n = i.$fastView;
-    if (n === void 0)
-      if (U(s) && U(e) && s.bindingViewBoundaries[this.targetNodeId] !== void 0 && s.hydrationStage !== A.hydrated) {
-        const r = s.bindingViewBoundaries[this.targetNodeId];
-        n = e.hydrate(r.first, r.last);
-      } else
-        n = e.create();
-    else
-      i.$fastTemplate !== e && (n.isComposed && (n.remove(), n.unbind()), n = e.create());
-    n.isComposed ? n.needsBindOnly && (n.needsBindOnly = !1, n.bind(s.source, s.context)) : (n.isComposed = !0, n.bind(s.source, s.context), n.insertBefore(i), i.$fastView = n, i.$fastTemplate = e);
-  } else {
-    const n = i.$fastView;
-    n !== void 0 && n.isComposed && (n.isComposed = !1, n.remove(), n.needsBindOnly ? n.needsBindOnly = !1 : n.unbind()), i.textContent = e;
-  }
-}
-function Re(i, t, e) {
-  var s;
-  const n = `${this.id}-t`, r = (s = i[n]) !== null && s !== void 0 ? s : i[n] = { v: 0, cv: /* @__PURE__ */ Object.create(null) }, o = r.cv;
-  let c = r.v;
-  const d = i[t];
-  if (e != null && e.length) {
-    const l = e.split(/\s+/);
-    for (let a = 0, h = l.length; a < h; ++a) {
-      const u = l[a];
-      u !== "" && (o[u] = c, d.add(u));
-    }
-  }
-  if (r.v = c + 1, c !== 0) {
-    c -= 1;
-    for (const l in o)
-      o[l] === c && d.remove(l);
-  }
-}
-const _e = {
-  [y.attribute]: T.setAttribute,
-  [y.booleanAttribute]: T.setBooleanAttribute,
-  [y.property]: (i, t, e) => i[t] = e,
-  [y.content]: Ee,
-  [y.tokenList]: Re,
-  [y.event]: () => {
-  }
+function se(e, t, n = y.isVolatileBinding(e)) {
+	return new oe(e, t, n);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/binding/one-time.js
+var ce = class extends x {
+	createObserver() {
+		return this;
+	}
+	bind(e) {
+		return this.evaluate(e.source, e.context);
+	}
 };
-class M {
-  /**
-   * Creates an instance of HTMLBindingDirective.
-   * @param dataBinding - The binding configuration to apply.
-   */
-  constructor(t) {
-    this.dataBinding = t, this.updateTarget = null, this.aspectType = y.content;
-  }
-  /**
-   * Creates HTML to be used within a template.
-   * @param add - Can be used to add  behavior factories to a template.
-   */
-  createHTML(t) {
-    return Yt.interpolation(t(this));
-  }
-  /**
-   * Creates a behavior.
-   */
-  createBehavior() {
-    var t;
-    if (this.updateTarget === null) {
-      const e = _e[this.aspectType], s = (t = this.dataBinding.policy) !== null && t !== void 0 ? t : this.policy;
-      if (!e)
-        throw v.error(
-          1205
-          /* Message.unsupportedBindingBehavior */
-        );
-      this.data = `${this.id}-d`, this.updateTarget = s.protect(this.targetTagName, this.aspectType, this.targetAspect, e);
-    }
-    return this;
-  }
-  /** @internal */
-  bind(t) {
-    var e;
-    const s = t.targets[this.targetNodeId], n = U(t) && t.hydrationStage && t.hydrationStage !== A.hydrated;
-    switch (this.aspectType) {
-      case y.event:
-        s[this.data] = t, s.addEventListener(this.targetAspect, this, this.dataBinding.options);
-        break;
-      case y.content:
-        t.onUnbind(this);
-      // intentional fall through
-      default:
-        const r = (e = s[this.data]) !== null && e !== void 0 ? e : s[this.data] = this.dataBinding.createObserver(this, this);
-        if (r.target = s, r.controller = t, n && (this.aspectType === y.attribute || this.aspectType === y.booleanAttribute)) {
-          r.bind(t);
-          break;
-        }
-        this.updateTarget(s, this.targetAspect, r.bind(t), t);
-        break;
-    }
-  }
-  /** @internal */
-  unbind(t) {
-    const s = t.targets[this.targetNodeId].$fastView;
-    s !== void 0 && s.isComposed && (s.unbind(), s.needsBindOnly = !0);
-  }
-  /** @internal */
-  handleEvent(t) {
-    const e = t.currentTarget[this.data];
-    if (e.isBound) {
-      O.setEvent(t);
-      const s = this.dataBinding.evaluate(e.source, e.context);
-      O.setEvent(null), s !== !0 && t.preventDefault();
-    }
-  }
-  /** @internal */
-  handleChange(t, e) {
-    const s = e.target, n = e.controller;
-    this.updateTarget(s, this.targetAspect, e.bind(n), n);
-  }
-}
-$.define(M, { aspected: !0 });
-const ne = (i, t) => `${i}.${t}`, At = {}, C = {
-  index: 0,
-  node: null
+d(ce);
+function le(e, t) {
+	return new ce(e, t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/styles/element-styles.js
+var ue;
+function de(e) {
+	return e.map((e) => e instanceof S ? de(e.styles) : [e]).reduce((e, t) => e.concat(t), []);
+}
+var S = class e {
+	constructor(t) {
+		this.styles = t, this.targets = /* @__PURE__ */ new WeakSet(), this._strategy = null, this.behaviors = t.map((t) => t instanceof e ? t.behaviors : null).reduce((e, t) => t === null ? e : e === null ? t : e.concat(t), null);
+	}
+	get strategy() {
+		return this._strategy === null && this.withStrategy(ue), this._strategy;
+	}
+	addStylesTo(e) {
+		this.strategy.addStylesTo(e), this.targets.add(e);
+	}
+	removeStylesFrom(e) {
+		this.strategy.removeStylesFrom(e), this.targets.delete(e);
+	}
+	isAttachedTo(e) {
+		return this.targets.has(e);
+	}
+	withBehaviors(...e) {
+		return this.behaviors = this.behaviors === null ? e : this.behaviors.concat(e), this;
+	}
+	withStrategy(e) {
+		return this._strategy = new e(de(this.styles)), this;
+	}
+	static setDefaultStrategy(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]);
+	}
 };
-function Mt(i) {
-  i.startsWith("fast-") || v.warn(1204, { name: i });
-}
-const Ie = new Proxy(document.createElement("div"), {
-  get(i, t) {
-    Mt(t);
-    const e = Reflect.get(i, t);
-    return E(e) ? e.bind(i) : e;
-  },
-  set(i, t, e) {
-    return Mt(t), Reflect.set(i, t, e);
-  }
-});
-class je {
-  constructor(t, e, s) {
-    this.fragment = t, this.directives = e, this.policy = s, this.proto = null, this.nodeIds = /* @__PURE__ */ new Set(), this.descriptors = {}, this.factories = [];
-  }
-  addFactory(t, e, s, n, r) {
-    var o, c;
-    this.nodeIds.has(s) || (this.nodeIds.add(s), this.addTargetDescriptor(e, s, n)), t.id = (o = t.id) !== null && o !== void 0 ? o : j(), t.targetNodeId = s, t.targetTagName = r, t.policy = (c = t.policy) !== null && c !== void 0 ? c : this.policy, this.factories.push(t);
-  }
-  freeze() {
-    return this.proto = Object.create(null, this.descriptors), this;
-  }
-  addTargetDescriptor(t, e, s) {
-    const n = this.descriptors;
-    if (e === "r" || // root
-    e === "h" || // host
-    n[e])
-      return;
-    if (!n[t]) {
-      const o = t.lastIndexOf("."), c = t.substring(0, o), d = parseInt(t.substring(o + 1));
-      this.addTargetDescriptor(c, t, d);
-    }
-    let r = At[e];
-    if (!r) {
-      const o = `_${e}`;
-      At[e] = r = {
-        get() {
-          var c;
-          return (c = this[o]) !== null && c !== void 0 ? c : this[o] = this[t].childNodes[s];
-        }
-      };
-    }
-    n[e] = r;
-  }
-  createView(t) {
-    const e = this.fragment.cloneNode(!0), s = Object.create(this.proto);
-    s.r = e, s.h = t ?? Ie;
-    for (const n of this.nodeIds)
-      s[n];
-    return new X(e, this.factories, s);
-  }
-}
-function re(i, t, e, s, n, r = !1) {
-  const o = e.attributes, c = i.directives;
-  for (let d = 0, l = o.length; d < l; ++d) {
-    const a = o[d], h = a.value, u = K.parse(h, c);
-    let b = null;
-    u === null ? r && (b = new M(Kt(() => h, i.policy)), $.assignAspect(b, a.name)) : b = ht.aggregate(u, i.policy), b !== null && (e.removeAttributeNode(a), d--, l--, i.addFactory(b, t, s, n, e.tagName));
-  }
-}
-function Le(i, t, e, s, n) {
-  const r = K.parse(t.textContent, i.directives);
-  if (r === null)
-    return C.node = t.nextSibling, C.index = n + 1, C;
-  let o, c = o = t;
-  for (let d = 0, l = r.length; d < l; ++d) {
-    const a = r[d];
-    d !== 0 && (n++, s = ne(e, n), o = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), B(a) ? o.textContent = a : (o.textContent = " ", $.assignAspect(a), i.addFactory(a, e, s, n, null)), c = o;
-  }
-  return C.index = n + 1, C.node = c.nextSibling, C;
-}
-function ae(i, t, e) {
-  let s = 0, n = t.firstChild;
-  for (; n; ) {
-    const r = Ve(i, e, n, s);
-    n = r.node, s = r.index;
-  }
-}
-function Ve(i, t, e, s) {
-  const n = ne(t, s);
-  switch (e.nodeType) {
-    case 1:
-      re(i, t, e, n, s), ae(i, e, n);
-      break;
-    case 3:
-      return Le(i, e, t, n, s);
-    case 8:
-      const r = K.parse(e.data, i.directives);
-      r !== null && i.addFactory(
-        /* eslint-disable-next-line @typescript-eslint/no-use-before-define */
-        ht.aggregate(r),
-        t,
-        n,
-        s,
-        null
-      );
-      break;
-  }
-  return C.index = s + 1, C.node = e.nextSibling, C;
-}
-function Fe(i, t) {
-  return i && i.nodeType == 8 && K.parse(i.data, t) !== null;
-}
-const Ot = "TEMPLATE", ht = {
-  /**
-   * Compiles a template and associated directives into a compilation
-   * result which can be used to create views.
-   * @param html - The html string or template element to compile.
-   * @param factories - The behavior factories referenced by the template.
-   * @param policy - The security policy to compile the html with.
-   * @remarks
-   * The template that is provided for compilation is altered in-place
-   * and cannot be compiled again. If the original template must be preserved,
-   * it is recommended that you clone the original and pass the clone to this API.
-   * @public
-   */
-  compile(i, t, e = T.policy) {
-    let s;
-    if (B(i)) {
-      s = document.createElement(Ot), s.innerHTML = e.createHTML(i);
-      const o = s.content.firstElementChild;
-      o !== null && o.tagName === Ot && (s = o);
-    } else
-      s = i;
-    !s.content.firstChild && !s.content.lastChild && s.content.appendChild(document.createComment(""));
-    const n = document.adoptNode(s.content), r = new je(n, t, e);
-    return re(
-      r,
-      "",
-      s,
-      /* host */
-      "h",
-      0,
-      !0
-    ), // If the first node in a fragment is a marker, that means it's an unstable first node,
-    // because something like a when, repeat, etc. could add nodes before the marker.
-    // To mitigate this, we insert a stable first node. However, if we insert a node,
-    // that will alter the result of the TreeWalker. So, we also need to offset the target index.
-    (Fe(n.firstChild, t) || // Or if there is only one node and a directive, it means the template's content
-    // is *only* the directive. In that case, HTMLView.dispose() misses any nodes inserted by
-    // the directive. Inserting a new node ensures proper disposal of nodes added by the directive.
-    n.childNodes.length === 1 && Object.keys(t).length > 0) && n.insertBefore(document.createComment(""), n.firstChild), ae(
-      r,
-      n,
-      /* root */
-      "r"
-    ), C.node = null, r.freeze();
-  },
-  /**
-   * Sets the default compilation strategy that will be used by the ViewTemplate whenever
-   * it needs to compile a view preprocessed with the html template function.
-   * @param strategy - The compilation strategy to use when compiling templates.
-   */
-  setDefaultStrategy(i) {
-    this.compile = i;
-  },
-  /**
-   * Aggregates an array of strings and directives into a single directive.
-   * @param parts - A heterogeneous array of static strings interspersed with
-   * directives.
-   * @param policy - The security policy to use with the aggregated bindings.
-   * @returns A single inline directive that aggregates the behavior of all the parts.
-   */
-  aggregate(i, t = T.policy) {
-    if (i.length === 1)
-      return i[0];
-    let e, s = !1, n;
-    const r = i.length, o = i.map((l) => B(l) ? () => l : (e = l.sourceAspect || e, s = s || l.dataBinding.isVolatile, n = n || l.dataBinding.policy, l.dataBinding.evaluate)), c = (l, a) => {
-      let h = "";
-      for (let u = 0; u < r; ++u)
-        h += o[u](l, a);
-      return h;
-    }, d = new M(Gt(c, n ?? t, s));
-    return $.assignAspect(d, e), d;
-  }
-}, Pe = (
-  /* eslint-disable-next-line no-control-regex, max-len */
-  /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/
-), De = /* @__PURE__ */ Object.create(null);
-class L {
-  /**
-   * Creates an instance of InlineTemplateDirective.
-   * @param template - The template to inline.
-   */
-  constructor(t, e = De) {
-    this.html = t, this.factories = e;
-  }
-  /**
-   * Creates HTML to be used within a template.
-   * @param add - Can be used to add  behavior factories to a template.
-   */
-  createHTML(t) {
-    const e = this.factories;
-    for (const s in e)
-      t(e[s]);
-    return this.html;
-  }
-}
-L.empty = new L("");
-$.define(L);
-function He(i, t, e, s = $.getForInstance(i)) {
-  if (s.aspected) {
-    const n = Pe.exec(t);
-    n !== null && $.assignAspect(i, n[2]);
-  }
-  return i.createHTML(e);
-}
-class Y {
-  /**
-   * Creates an instance of ViewTemplate.
-   * @param html - The html representing what this template will instantiate, including placeholders for directives.
-   * @param factories - The directives that will be connected to placeholders in the html.
-   * @param policy - The security policy to use when compiling this template.
-   */
-  constructor(t, e = {}, s) {
-    this.policy = s, this.result = null, this.html = t, this.factories = e;
-  }
-  /**
-   * @internal
-   */
-  compile() {
-    return this.result === null && (this.result = ht.compile(this.html, this.factories, this.policy)), this.result;
-  }
-  /**
-   * Creates an HTMLView instance based on this template definition.
-   * @param hostBindingTarget - The element that host behaviors will be bound to.
-   */
-  create(t) {
-    return this.compile().createView(t);
-  }
-  /**
-   * Returns a directive that can inline the template.
-   */
-  inline() {
-    return new L(B(this.html) ? this.html : this.html.innerHTML, this.factories);
-  }
-  /**
-   * Sets the DOMPolicy for this template.
-   * @param policy - The policy to associated with this template.
-   * @returns The modified template instance.
-   * @remarks
-   * The DOMPolicy can only be set once for a template and cannot be
-   * set after the template is compiled.
-   */
-  withPolicy(t) {
-    if (this.result)
-      throw v.error(
-        1208
-        /* Message.cannotSetTemplatePolicyAfterCompilation */
-      );
-    if (this.policy)
-      throw v.error(
-        1207
-        /* Message.onlySetTemplatePolicyOnce */
-      );
-    return this.policy = t, this;
-  }
-  /**
-   * Creates an HTMLView from this template, binds it to the source, and then appends it to the host.
-   * @param source - The data source to bind the template to.
-   * @param host - The Element where the template will be rendered.
-   * @param hostBindingTarget - An HTML element to target the host bindings at if different from the
-   * host that the template is being attached to.
-   */
-  render(t, e, s) {
-    const n = this.create(s);
-    return n.bind(t), n.appendTo(e), n;
-  }
-  /**
-   * Creates a template based on a set of static strings and dynamic values.
-   * @param strings - The static strings to create the template with.
-   * @param values - The dynamic values to create the template with.
-   * @param policy - The DOMPolicy to associated with the template.
-   * @returns A ViewTemplate.
-   * @remarks
-   * This API should not be used directly under normal circumstances because constructing
-   * a template in this way, if not done properly, can open up the application to XSS
-   * attacks. When using this API, provide a strong DOMPolicy that can properly sanitize
-   * and also be sure to manually sanitize all static strings particularly if they can
-   * come from user input.
-   */
-  static create(t, e, s) {
-    let n = "";
-    const r = /* @__PURE__ */ Object.create(null), o = (c) => {
-      var d;
-      const l = (d = c.id) !== null && d !== void 0 ? d : c.id = j();
-      return r[l] = c, l;
-    };
-    for (let c = 0, d = t.length - 1; c < d; ++c) {
-      const l = t[c];
-      let a = e[c], h;
-      if (n += l, E(a))
-        a = new M(Gt(a));
-      else if (a instanceof lt)
-        a = new M(a);
-      else if (!(h = $.getForInstance(a))) {
-        const u = a;
-        a = new M(Kt(() => u));
-      }
-      n += He(a, l, o, h);
-    }
-    return new Y(n + t[t.length - 1], r, s);
-  }
-}
-x(Y);
-const oe = ((i, ...t) => {
-  if (Array.isArray(i) && Array.isArray(i.raw))
-    return Y.create(i, t);
-  throw v.error(
-    1206
-    /* Message.directCallToHTMLTagNotAllowed */
-  );
+S.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/hydration.js
+var fe = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, pe = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, me = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, he = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, ge = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, _e = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
+function ve(e) {
+	return e && e.nodeType === Node.COMMENT_NODE;
+}
+var C = Object.freeze({
+	attributeMarkerName: "data-fe-b",
+	attributeBindingSeparator: " ",
+	contentBindingStartMarker(e, t) {
+		return `fe-b$$start$$${e}$$${t}$$fe-b`;
+	},
+	contentBindingEndMarker(e, t) {
+		return `fe-b$$end$$${e}$$${t}$$fe-b`;
+	},
+	repeatStartMarker(e) {
+		return `fe-repeat$$start$$${e}$$fe-repeat`;
+	},
+	repeatEndMarker(e) {
+		return `fe-repeat$$end$$${e}$$fe-repeat`;
+	},
+	isContentBindingStartMarker(e) {
+		return fe.test(e);
+	},
+	isContentBindingEndMarker(e) {
+		return pe.test(e);
+	},
+	isRepeatViewStartMarker(e) {
+		return me.test(e);
+	},
+	isRepeatViewEndMarker(e) {
+		return he.test(e);
+	},
+	isElementBoundaryStartMarker(e) {
+		return ve(e) && ge.test(e.data.trim());
+	},
+	isElementBoundaryEndMarker(e) {
+		return ve(e) && _e.test(e.data);
+	},
+	parseAttributeBinding(e) {
+		let t = e.getAttribute(this.attributeMarkerName);
+		return t === null ? t : t.split(this.attributeBindingSeparator).map((e) => parseInt(e));
+	},
+	parseEnumeratedAttributeBinding(e) {
+		let t = [], n = this.attributeMarkerName.length + 1, r = `${this.attributeMarkerName}-`;
+		for (let i of e.getAttributeNames()) if (i.startsWith(r)) {
+			let e = Number(i.slice(n));
+			if (!Number.isNaN(e)) t.push(e);
+			else throw Error(`Invalid attribute marker name: ${i}. Expected format is ${r}<number>.`);
+		}
+		return t.length === 0 ? null : t;
+	},
+	parseContentBindingStartMarker(e) {
+		return xe(fe, e);
+	},
+	parseContentBindingEndMarker(e) {
+		return xe(pe, e);
+	},
+	parseRepeatStartMarker(e) {
+		return ye(me, e);
+	},
+	parseRepeatEndMarker(e) {
+		return ye(he, e);
+	},
+	parseElementBoundaryStartMarker(e) {
+		return be(ge, e.trim());
+	},
+	parseElementBoundaryEndMarker(e) {
+		return be(_e, e);
+	}
 });
-oe.partial = (i) => new L(i);
-const Et = "boolean", Rt = "reflect", le = Object.freeze({
-  /**
-   * Locates all attribute configurations associated with a type.
-   */
-  locate: qt()
-}), ze = {
-  toView(i) {
-    return i ? "true" : "false";
-  },
-  fromView(i) {
-    return !(i == null || i === "false" || i === !1 || i === 0);
-  }
+function ye(e, t) {
+	let n = e.exec(t);
+	return n === null ? n : parseInt(n[1]);
+}
+function be(e, t) {
+	let n = e.exec(t);
+	return n === null ? n : n[1];
+}
+function xe(e, t) {
+	let n = e.exec(t);
+	return n === null ? n : [parseInt(n[1]), n[2]];
+}
+var w = Symbol.for("fe-hydration");
+function T(e) {
+	return e[w] === w;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/markup.js
+var Se = `fast-${Math.random().toString(36).substring(2, 8)}`, E = `${Se}{`, D = `}${Se}`, Ce = D.length, we = 0, O = () => `${Se}-${++we}`, Te = Object.freeze({
+	interpolation: (e) => `${E}${e}${D}`,
+	attribute: (e) => `${O()}="${E}${e}${D}"`,
+	comment: (e) => `<!--${E}${e}${D}-->`
+}), k = Object.freeze({ parse(e, t) {
+	let n = e.split(E);
+	if (n.length === 1) return null;
+	let r = [];
+	for (let e = 0, i = n.length; e < i; ++e) {
+		let i = n[e], a = i.indexOf(D), o;
+		if (a === -1) o = i;
+		else {
+			let e = i.substring(0, a);
+			r.push(t[e]), o = i.substring(a + Ce);
+		}
+		o !== "" && r.push(o);
+	}
+	return r;
+} }), A = l(), j = Object.freeze({
+	getForInstance: A.getForInstance,
+	getByType: A.getByType,
+	define(e, t) {
+		return t ||= {}, t.type = e, A.register(t), e;
+	},
+	assignAspect(e, t) {
+		if (!t) {
+			e.aspectType = f.content;
+			return;
+		}
+		switch (e.sourceAspect = t, t[0]) {
+			case ":":
+				e.targetAspect = t.substring(1), e.aspectType = e.targetAspect === "classList" ? f.tokenList : f.property;
+				break;
+			case "?":
+				e.targetAspect = t.substring(1), e.aspectType = f.booleanAttribute;
+				break;
+			case "@":
+				e.targetAspect = t.substring(1), e.aspectType = f.event;
+				break;
+			default:
+				e.targetAspect = t, e.aspectType = f.attribute;
+				break;
+		}
+	}
+}), Ee = class {
+	constructor(e) {
+		this.options = e;
+	}
+	createHTML(e) {
+		return Te.attribute(e(this));
+	}
+	createBehavior() {
+		return this;
+	}
 };
-function _t(i) {
-  if (i == null)
-    return null;
-  const t = i * 1;
-  return isNaN(t) ? null : t;
-}
-const yi = {
-  toView(i) {
-    const t = _t(i);
-    return t && t.toString();
-  },
-  fromView: _t
+d(Ee);
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/hydration/target-builder.js
+var De = class extends Error {
+	constructor(e, t, n) {
+		super(e), this.factories = t, this.node = n;
+	}
 };
-class W {
-  /**
-   * Creates an instance of AttributeDefinition.
-   * @param Owner - The class constructor that owns this attribute.
-   * @param name - The name of the property associated with the attribute.
-   * @param attribute - The name of the attribute in HTML.
-   * @param mode - The {@link AttributeMode} that describes the behavior of this attribute.
-   * @param converter - A {@link ValueConverter} that integrates with the property getter/setter
-   * to convert values to and from a DOM string.
-   */
-  constructor(t, e, s = e.toLowerCase(), n = Rt, r) {
-    this.guards = /* @__PURE__ */ new Set(), this.Owner = t, this.name = e, this.attribute = s, this.mode = n, this.converter = r, this.fieldName = `_${e}`, this.callbackName = `${e}Changed`, this.hasCallback = this.callbackName in t.prototype, n === Et && r === void 0 && (this.converter = ze);
-  }
-  /**
-   * Sets the value of the attribute/property on the source element.
-   * @param source - The source element to access.
-   * @param newValue - The value to set the attribute/property to.
-   */
-  setValue(t, e) {
-    const s = t[this.fieldName], n = this.converter;
-    n !== void 0 && (e = n.fromView(e)), s !== e && (t[this.fieldName] = e, this.tryReflectToAttribute(t), this.hasCallback && t[this.callbackName](s, e), t.$fastController.notify(this.name));
-  }
-  /**
-   * Gets the value of the attribute/property on the source element.
-   * @param source - The source element to access.
-   */
-  getValue(t) {
-    return g.track(t, this.name), t[this.fieldName];
-  }
-  /** @internal */
-  onAttributeChangedCallback(t, e) {
-    this.guards.has(t) || (this.guards.add(t), this.setValue(t, e), this.guards.delete(t));
-  }
-  tryReflectToAttribute(t) {
-    const e = this.mode, s = this.guards;
-    s.has(t) || e === "fromView" || Wt.enqueue(() => {
-      s.add(t);
-      const n = t[this.fieldName];
-      switch (e) {
-        case Rt:
-          const r = this.converter;
-          T.setAttribute(t, this.attribute, r !== void 0 ? r.toView(n) : n);
-          break;
-        case Et:
-          T.setBooleanAttribute(t, this.attribute, n);
-          break;
-      }
-      s.delete(t);
-    });
-  }
-  /**
-   * Collects all attribute definitions associated with the owner.
-   * @param Owner - The class constructor to collect attribute for.
-   * @param attributeLists - Any existing attributes to collect and merge with those associated with the owner.
-   * @internal
-   */
-  static collect(t, ...e) {
-    const s = [];
-    e.push(le.locate(t));
-    for (let n = 0, r = e.length; n < r; ++n) {
-      const o = e[n];
-      if (o !== void 0)
-        for (let c = 0, d = o.length; c < d; ++c) {
-          const l = o[c];
-          B(l) ? s.push(new W(t, l)) : s.push(new W(t, l.property, l.attribute, l.mode, l.converter));
-        }
-    }
-    return s;
-  }
-}
-function Ue(i, t) {
-  let e;
-  function s(n, r) {
-    arguments.length > 1 && (e.property = r), le.locate(n.constructor).push(e);
-  }
-  if (arguments.length > 1) {
-    e = {}, s(i, t);
-    return;
-  }
-  return e = i === void 0 ? {} : i, s;
-}
-var qe = function(i, t, e, s) {
-  function n(r) {
-    return r instanceof e ? r : new e(function(o) {
-      o(r);
-    });
-  }
-  return new (e || (e = Promise))(function(r, o) {
-    function c(a) {
-      try {
-        l(s.next(a));
-      } catch (h) {
-        o(h);
-      }
-    }
-    function d(a) {
-      try {
-        l(s.throw(a));
-      } catch (h) {
-        o(h);
-      }
-    }
-    function l(a) {
-      a.done ? r(a.value) : n(a.value).then(c, d);
-    }
-    l((s = s.apply(i, t || [])).next());
-  });
+function M(e) {
+	return e.nodeType === Node.COMMENT_NODE;
+}
+function Oe(e) {
+	return e.nodeType === Node.TEXT_NODE;
+}
+function ke(e, t) {
+	let n = document.createRange();
+	return n.setStart(e, 0), n.setEnd(t, M(t) || Oe(t) ? t.data.length : t.childNodes.length), n;
+}
+function Ae(e) {
+	return e instanceof DocumentFragment && "mode" in e;
+}
+function je(e, t, n) {
+	let r = ke(e, t), i = r.commonAncestorContainer, a = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, { acceptNode(e) {
+		return r.comparePoint(e, 0) === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+	} }), o = {}, s = {}, c = a.currentNode = e;
+	for (; c !== null;) {
+		switch (c.nodeType) {
+			case Node.ELEMENT_NODE:
+				Me(c, n, o);
+				break;
+			case Node.COMMENT_NODE:
+				Ne(c, a, n, o, s);
+				break;
+		}
+		c = a.nextNode();
+	}
+	return r.detach(), {
+		targets: o,
+		boundaries: s
+	};
+}
+function Me(e, t, n) {
+	let r = C.parseAttributeBinding(e) ?? C.parseEnumeratedAttributeBinding(e);
+	if (r !== null) {
+		for (let i of r) {
+			if (!t[i]) throw new De(`HydrationView was unable to successfully target factory on ${e.nodeName} inside ${e.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`, t, e);
+			N(t[i], e, n);
+		}
+		e.removeAttribute(C.attributeMarkerName);
+	}
+}
+function Ne(e, t, n, r, i) {
+	if (C.isElementBoundaryStartMarker(e)) {
+		Pe(e, t);
+		return;
+	}
+	if (C.isContentBindingStartMarker(e.data)) {
+		let a = C.parseContentBindingStartMarker(e.data);
+		if (a === null) return;
+		let [o, s] = a, c = n[o], l = [], u = t.nextSibling();
+		e.data = "";
+		let d = u;
+		for (; u !== null;) {
+			if (M(u)) {
+				let e = C.parseContentBindingEndMarker(u.data);
+				if (e && e[1] === s) break;
+			}
+			l.push(u), u = t.nextSibling();
+		}
+		if (u === null) {
+			let t = e.getRootNode();
+			throw Error(`Error hydrating Comment node inside "${Ae(t) ? t.host.nodeName : t.nodeName}".`);
+		}
+		u.data = "", l.length === 1 && Oe(l[0]) ? N(c, l[0], r) : (u !== d && u.previousSibling !== null && (i[c.targetNodeId] = {
+			first: d,
+			last: u.previousSibling
+		}), N(c, u.parentNode.insertBefore(document.createTextNode(""), u), r));
+	}
+}
+function Pe(e, t) {
+	let n = C.parseElementBoundaryStartMarker(e.data), r = t.nextSibling();
+	for (; r !== null;) {
+		if (M(r)) {
+			let e = C.parseElementBoundaryEndMarker(r.data);
+			if (e && e === n) break;
+		}
+		r = t.nextSibling();
+	}
+}
+function N(e, t, n) {
+	if (e.targetNodeId === void 0) throw Error("Factory could not be target to the node");
+	n[e.targetNodeId] = t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/view.js
+var Fe;
+function P(e, t) {
+	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}".`);
+		n.removeChild(r), r = i;
+	}
+	n.removeChild(t);
+}
+var Ie = class {
+	constructor() {
+		this.index = 0, this.length = 0;
+	}
+	get event() {
+		return b.getEvent();
+	}
+	get isEven() {
+		return this.index % 2 == 0;
+	}
+	get isOdd() {
+		return this.index % 2 != 0;
+	}
+	get isFirst() {
+		return this.index === 0;
+	}
+	get isInMiddle() {
+		return !this.isFirst && !this.isLast;
+	}
+	get isLast() {
+		return this.index === this.length - 1;
+	}
+	eventDetail() {
+		return this.event.detail;
+	}
+	eventTarget() {
+		return this.event.target;
+	}
+}, F = 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;
+	}
+	appendTo(e) {
+		e.appendChild(this.fragment);
+	}
+	insertBefore(e) {
+		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);
+		}
+	}
+	remove() {
+		let e = this.fragment, t = this.lastChild, n = this.firstChild, r;
+		for (; n !== t;) r = n.nextSibling, e.appendChild(n), n = r;
+		e.appendChild(t);
+	}
+	dispose() {
+		P(this.firstChild, this.lastChild), this.unbind();
+	}
+	onUnbind(e) {
+		this.unbindables.push(e);
+	}
+	bind(e, t = this) {
+		if (this.source === e) return;
+		let n = this.behaviors;
+		if (n === null) {
+			this.source = e, this.context = t, this.behaviors = n = Array(this.factories.length);
+			let r = this.factories;
+			for (let e = 0, t = r.length; e < t; ++e) {
+				let t = r[e].createBehavior();
+				t.bind(this), n[e] = t;
+			}
+		} 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;
+	}
+	unbind() {
+		!this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
+	}
+	evaluateUnbindables() {
+		let e = this.unbindables;
+		for (let t = 0, n = e.length; t < n; ++t) e[t].unbind(this);
+		e.length = 0;
+	}
+	static disposeContiguousBatch(e) {
+		if (e.length !== 0) {
+			P(e[0].firstChild, e[e.length - 1].lastChild);
+			for (let t = 0, n = e.length; t < n; ++t) e[t].unbind();
+		}
+	}
 };
-const It = { mode: "open" }, jt = {}, it = /* @__PURE__ */ new Set(), _ = v.getById(N.elementRegistry, () => Ut()), We = {
-  deferAndHydrate: "defer-and-hydrate"
+d(F), y.defineProperty(F.prototype, "index"), y.defineProperty(F.prototype, "length");
+var I = {
+	unhydrated: "unhydrated",
+	hydrating: "hydrating",
+	hydrated: "hydrated"
+}, Le = class extends Error {
+	constructor(e, t, n, r) {
+		super(e), this.factory = t, this.fragment = n, this.templateString = r;
+	}
+}, Re = class extends Ie {
+	constructor(e, t, n, r) {
+		super(), this.firstChild = e, this.lastChild = t, this.sourceTemplate = n, this.hostBindingTarget = r, this[Fe] = w, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = v.unknown, this.unbindables = [], this.fragment = null, this.behaviors = null, this._hydrationStage = I.unhydrated, this._bindingViewBoundaries = {}, this._targets = {}, this.factories = n.compile().factories;
+	}
+	get hydrationStage() {
+		return this._hydrationStage;
+	}
+	get targets() {
+		return this._targets;
+	}
+	get bindingViewBoundaries() {
+		return this._bindingViewBoundaries;
+	}
+	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);
+		}
+	}
+	appendTo(e) {
+		this.fragment !== null && e.appendChild(this.fragment);
+	}
+	remove() {
+		let e = this.fragment ||= document.createDocumentFragment(), t = this.lastChild, n = this.firstChild, r;
+		for (; n !== t;) {
+			if (r = n.nextSibling, !r) throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);
+			e.appendChild(n), n = r;
+		}
+		e.appendChild(t);
+	}
+	bind(e, t = this) {
+		if (this.hydrationStage !== I.hydrated && (this._hydrationStage = I.hydrating), this.source === e) return;
+		let n = this.behaviors;
+		if (n === null) {
+			this.source = e, this.context = t;
+			try {
+				let { targets: e, boundaries: t } = je(this.firstChild, this.lastChild, this.factories);
+				this._targets = e, this._bindingViewBoundaries = t;
+			} catch (e) {
+				if (e instanceof De) {
+					let t = this.sourceTemplate.html;
+					typeof t != "string" && (t = t.innerHTML), e.templateString = t;
+				}
+				throw e;
+			}
+			this.behaviors = n = Array(this.factories.length);
+			let r = this.factories;
+			for (let e = 0, t = r.length; e < t; ++e) {
+				let t = r[e];
+				if (t.targetNodeId === "h" && this.hostBindingTarget && N(t, this.hostBindingTarget, this._targets), t.targetNodeId in this.targets) {
+					let r = t.createBehavior();
+					r.bind(this), n[e] = r;
+				} else {
+					let e = this.sourceTemplate.html;
+					typeof e != "string" && (e = e.innerHTML);
+					let n = (this.firstChild?.getRootNode()).host?.nodeName || "unknown", r = t, i = [
+						`HydrationView was unable to successfully target bindings inside "<${n.toLowerCase()}>".`,
+						"\nMismatch Details:",
+						`  - Expected target node ID: "${t.targetNodeId}"`,
+						`  - Available target IDs: [${Object.keys(this.targets).join(", ") || "none"}]`
+					];
+					throw t.targetTagName && i.push(`  - Expected tag name: "${t.targetTagName}"`), r.sourceAspect && i.push(`  - Source aspect: "${r.sourceAspect}"`), r.aspectType !== void 0 && i.push(`  - Aspect type: ${r.aspectType}`), i.push("\nThis usually means:", "  1. The server-rendered HTML doesn't match the client template", "  2. The hydration markers are missing or corrupted", "  3. The DOM structure was modified before hydration", `\nTemplate: ${e.slice(0, 200)}${e.length > 200 ? "..." : ""}`), new Le(i.join("\n"), t, ke(this.firstChild, this.lastChild).cloneContents(), e);
+				}
+			}
+		} 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;
+	}
+	unbind() {
+		!this.isBound || this.source === null || (this.evaluateUnbindables(), this.source = null, this.context = this, this.isBound = !1);
+	}
+	dispose() {
+		P(this.firstChild, this.lastChild), this.unbind();
+	}
+	onUnbind(e) {
+		this.unbindables.push(e);
+	}
+	evaluateUnbindables() {
+		let e = this.unbindables;
+		for (let t = 0, n = e.length; t < n; ++t) e[t].unbind(this);
+		e.length = 0;
+	}
 };
-class p {
-  constructor(t, e = t.definition) {
-    var s;
-    this.platformDefined = !1, B(e) && (e = { name: e }), this.type = t, this.name = e.name, this.template = e.template, this.templateOptions = e.templateOptions, this.registry = (s = e.registry) !== null && s !== void 0 ? s : customElements;
-    const n = t.prototype, r = W.collect(t, e.attributes), o = new Array(r.length), c = {}, d = {};
-    for (let l = 0, a = r.length; l < a; ++l) {
-      const h = r[l];
-      o[l] = h.attribute, c[h.name] = h, d[h.attribute] = h, g.defineProperty(n, h);
-    }
-    Reflect.defineProperty(t, "observedAttributes", {
-      value: o,
-      enumerable: !0
-    }), this.attributes = r, this.propertyLookup = c, this.attributeLookup = d, this.shadowOptions = e.shadowOptions === void 0 ? It : e.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, It), e.shadowOptions), this.elementOptions = e.elementOptions === void 0 ? jt : Object.assign(Object.assign({}, jt), e.elementOptions), this.styles = m.normalize(e.styles), _.register(this), g.defineProperty(p.isRegistered, this.name), p.isRegistered[this.name] = this.type;
-  }
-  /**
-   * Indicates if this element has been defined in at least one registry.
-   */
-  get isDefined() {
-    return this.platformDefined;
-  }
-  /**
-   * Defines a custom element based on this definition.
-   * @param registry - The element registry to define the element in.
-   * @remarks
-   * This operation is idempotent per registry.
-   */
-  define(t = this.registry) {
-    var e, s;
-    const n = this.type;
-    return t.get(this.name) || (this.platformDefined = !0, t.define(this.name, n, this.elementOptions), (s = (e = this.lifecycleCallbacks) === null || e === void 0 ? void 0 : e.elementDidDefine) === null || s === void 0 || s.call(e, this.name)), this;
-  }
-  /**
-   * Creates an instance of FASTElementDefinition.
-   * @param type - The type this definition is being created for.
-   * @param nameOrDef - The name of the element to define or a config object
-   * that describes the element to define.
-   */
-  static compose(t, e) {
-    return it.has(t) || _.getByType(t) ? new p(class extends t {
-    }, e) : new p(t, e);
-  }
-  /**
-   * Registers a FASTElement base type.
-   * @param type - The type to register as a base type.
-   * @internal
-   */
-  static registerBaseType(t) {
-    it.add(t);
-  }
-  /**
-   * Creates an instance of FASTElementDefinition asynchronously. This option assumes
-   * that a template and shadowOptions will be provided and completes when those requirements
-   * are met.
-   * @param type - The type this definition is being created for.
-   * @param nameOrDef - The name of the element to define or a config object
-   * that describes the element to define.
-   * @alpha
-   */
-  static composeAsync(t, e) {
-    return new Promise((s) => {
-      (it.has(t) || _.getByType(t)) && s(new p(class extends t {
-      }, e));
-      const n = new p(t, e);
-      g.getNotifier(n).subscribe({
-        handleChange: () => {
-          var r, o;
-          (o = (r = n.lifecycleCallbacks) === null || r === void 0 ? void 0 : r.templateDidUpdate) === null || o === void 0 || o.call(r, n.name), s(n);
-        }
-      }, "template");
-    });
-  }
-}
-p.isRegistered = {};
-p.getByType = _.getByType;
-p.getForInstance = _.getForInstance;
-p.registerAsync = (i) => qe(void 0, void 0, void 0, function* () {
-  return new Promise((t) => {
-    p.isRegistered[i] && t(p.isRegistered[i]), g.getNotifier(p.isRegistered).subscribe({ handleChange: () => t(p.isRegistered[i]) }, i);
-  });
-});
-g.defineProperty(p.prototype, "template");
-class Qe extends MutationObserver {
-  /**
-   * Creates an instance of UnobservableMutationObserver.
-   * @param callback - The callback to invoke when observed nodes are changed.
-   */
-  constructor(t) {
-    function e(s) {
-      this.callback.call(null, s.filter((n) => this.observedNodes.has(n.target)));
-    }
-    super(e), this.callback = t, this.observedNodes = /* @__PURE__ */ new Set();
-  }
-  observe(t, e) {
-    this.observedNodes.add(t), super.observe(t, e);
-  }
-  unobserve(t) {
-    this.observedNodes.delete(t), this.observedNodes.size < 1 && this.disconnect();
-  }
-}
-const vi = Object.freeze({
-  /**
-   * Creates a ViewBehaviorOrchestrator.
-   * @param source - The source to to associate behaviors with.
-   * @returns A ViewBehaviorOrchestrator.
-   */
-  create(i) {
-    const t = [], e = {};
-    let s = null, n = !1;
-    return {
-      source: i,
-      context: O.default,
-      targets: e,
-      get isBound() {
-        return n;
-      },
-      addBehaviorFactory(r, o) {
-        var c, d, l, a;
-        const h = r;
-        h.id = (c = h.id) !== null && c !== void 0 ? c : j(), h.targetNodeId = (d = h.targetNodeId) !== null && d !== void 0 ? d : j(), h.targetTagName = (l = o.tagName) !== null && l !== void 0 ? l : null, h.policy = (a = h.policy) !== null && a !== void 0 ? a : T.policy, this.addTarget(h.targetNodeId, o), this.addBehavior(h.createBehavior());
-      },
-      addTarget(r, o) {
-        e[r] = o;
-      },
-      addBehavior(r) {
-        t.push(r), n && r.bind(this);
-      },
-      onUnbind(r) {
-        s === null && (s = []), s.push(r);
-      },
-      connectedCallback(r) {
-        n || (n = !0, t.forEach((o) => o.bind(this)));
-      },
-      disconnectedCallback(r) {
-        n && (n = !1, s !== null && s.forEach((o) => o.unbind(this)));
-      }
-    };
-  }
-}), Ge = {
-  bubbles: !0,
-  composed: !0,
-  cancelable: !0
-}, H = "isConnected", ce = /* @__PURE__ */ new WeakMap();
-function I(i) {
-  var t, e;
-  return (e = (t = i.shadowRoot) !== null && t !== void 0 ? t : ce.get(i)) !== null && e !== void 0 ? e : null;
-}
-let Lt;
-class S extends Qt {
-  /**
-   * Creates a Controller to control the specified element.
-   * @param element - The element to be controlled by this controller.
-   * @param definition - The element definition metadata that instructs this
-   * controller in how to handle rendering and other platform integrations.
-   * @internal
-   */
-  constructor(t, e) {
-    super(t), this.boundObservables = null, this.needsInitialization = !0, this.hasExistingShadowRoot = !1, this._template = null, this.stage = 3, this.guardBehaviorConnection = !1, this.behaviors = null, this.behaviorsConnected = !1, this._mainStyles = null, this.$fastController = this, this.view = null, this.source = t, this.definition = e, this.shadowOptions = e.shadowOptions;
-    const s = g.getAccessors(t);
-    if (s.length > 0) {
-      const n = this.boundObservables = /* @__PURE__ */ Object.create(null);
-      for (let r = 0, o = s.length; r < o; ++r) {
-        const c = s[r].name, d = t[c];
-        d !== void 0 && (delete t[c], n[c] = d);
-      }
-    }
-  }
-  /**
-   * Indicates whether or not the custom element has been
-   * connected to the document.
-   */
-  get isConnected() {
-    return g.track(this, H), this.stage === 1;
-  }
-  /**
-   * The context the expression is evaluated against.
-   */
-  get context() {
-    var t, e;
-    return (e = (t = this.view) === null || t === void 0 ? void 0 : t.context) !== null && e !== void 0 ? e : O.default;
-  }
-  /**
-   * Indicates whether the controller is bound.
-   */
-  get isBound() {
-    var t, e;
-    return (e = (t = this.view) === null || t === void 0 ? void 0 : t.isBound) !== null && e !== void 0 ? e : !1;
-  }
-  /**
-   * Indicates how the source's lifetime relates to the controller's lifetime.
-   */
-  get sourceLifetime() {
-    var t;
-    return (t = this.view) === null || t === void 0 ? void 0 : t.sourceLifetime;
-  }
-  /**
-   * Gets/sets the template used to render the component.
-   * @remarks
-   * This value can only be accurately read after connect but can be set at any time.
-   */
-  get template() {
-    var t;
-    if (this._template === null) {
-      const e = this.definition;
-      this.source.resolveTemplate ? this._template = this.source.resolveTemplate() : e.template && (this._template = (t = e.template) !== null && t !== void 0 ? t : null);
-    }
-    return this._template;
-  }
-  set template(t) {
-    this._template !== t && (this._template = t, this.needsInitialization || this.renderTemplate(t));
-  }
-  /**
-   * The shadow root options for the component.
-   */
-  get shadowOptions() {
-    return this._shadowRootOptions;
-  }
-  set shadowOptions(t) {
-    if (this._shadowRootOptions === void 0 && t !== void 0) {
-      this._shadowRootOptions = t;
-      let e = this.source.shadowRoot;
-      e ? this.hasExistingShadowRoot = !0 : (e = this.source.attachShadow(t), t.mode === "closed" && ce.set(this.source, e));
-    }
-  }
-  /**
-   * The main set of styles used for the component, independent
-   * of any dynamically added styles.
-   */
-  get mainStyles() {
-    var t;
-    if (this._mainStyles === null) {
-      const e = this.definition;
-      this.source.resolveStyles ? this._mainStyles = this.source.resolveStyles() : e.styles && (this._mainStyles = (t = e.styles) !== null && t !== void 0 ? t : null);
-    }
-    return this._mainStyles;
-  }
-  set mainStyles(t) {
-    this._mainStyles !== t && (this._mainStyles !== null && this.removeStyles(this._mainStyles), this._mainStyles = t, this.needsInitialization || this.addStyles(t));
-  }
-  /**
-   * Registers an unbind handler with the controller.
-   * @param behavior - An object to call when the controller unbinds.
-   */
-  onUnbind(t) {
-    var e;
-    (e = this.view) === null || e === void 0 || e.onUnbind(t);
-  }
-  /**
-   * Adds the behavior to the component.
-   * @param behavior - The behavior to add.
-   */
-  addBehavior(t) {
-    var e, s;
-    const n = (e = this.behaviors) !== null && e !== void 0 ? e : this.behaviors = /* @__PURE__ */ new Map(), r = (s = n.get(t)) !== null && s !== void 0 ? s : 0;
-    r === 0 ? (n.set(t, 1), t.addedCallback && t.addedCallback(this), t.connectedCallback && !this.guardBehaviorConnection && (this.stage === 1 || this.stage === 0) && t.connectedCallback(this)) : n.set(t, r + 1);
-  }
-  /**
-   * Removes the behavior from the component.
-   * @param behavior - The behavior to remove.
-   * @param force - Forces removal even if this behavior was added more than once.
-   */
-  removeBehavior(t, e = !1) {
-    const s = this.behaviors;
-    if (s === null)
-      return;
-    const n = s.get(t);
-    n !== void 0 && (n === 1 || e ? (s.delete(t), t.disconnectedCallback && this.stage !== 3 && t.disconnectedCallback(this), t.removedCallback && t.removedCallback(this)) : s.set(t, n - 1));
-  }
-  /**
-   * Adds styles to this element. Providing an HTMLStyleElement will attach the element instance to the shadowRoot.
-   * @param styles - The styles to add.
-   */
-  addStyles(t) {
-    var e;
-    if (!t)
-      return;
-    const s = this.source;
-    if (t instanceof HTMLElement)
-      ((e = I(s)) !== null && e !== void 0 ? e : this.source).append(t);
-    else if (!t.isAttachedTo(s)) {
-      const n = t.behaviors;
-      if (t.addStylesTo(s), n !== null)
-        for (let r = 0, o = n.length; r < o; ++r)
-          this.addBehavior(n[r]);
-    }
-  }
-  /**
-   * Removes styles from this element. Providing an HTMLStyleElement will detach the element instance from the shadowRoot.
-   * @param styles - the styles to remove.
-   */
-  removeStyles(t) {
-    var e;
-    if (!t)
-      return;
-    const s = this.source;
-    if (t instanceof HTMLElement)
-      ((e = I(s)) !== null && e !== void 0 ? e : s).removeChild(t);
-    else if (t.isAttachedTo(s)) {
-      const n = t.behaviors;
-      if (t.removeStylesFrom(s), n !== null)
-        for (let r = 0, o = n.length; r < o; ++r)
-          this.removeBehavior(n[r]);
-    }
-  }
-  /**
-   * Runs connected lifecycle behavior on the associated element.
-   */
-  connect() {
-    this.stage === 3 && (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.needsInitialization ? (this.renderTemplate(this.template), this.addStyles(this.mainStyles), this.needsInitialization = !1) : this.view !== null && this.view.bind(this.source), this.stage = 1, g.notify(this, H));
-  }
-  /**
-   * Binds any observables that were set before upgrade.
-   */
-  bindObservables() {
-    if (this.boundObservables !== null) {
-      const t = this.source, e = this.boundObservables, s = Object.keys(e);
-      for (let n = 0, r = s.length; n < r; ++n) {
-        const o = s[n];
-        t[o] = e[o];
-      }
-      this.boundObservables = null;
-    }
-  }
-  /**
-   * Connects any existing behaviors on the associated element.
-   */
-  connectBehaviors() {
-    if (this.behaviorsConnected === !1) {
-      const t = this.behaviors;
-      if (t !== null) {
-        this.guardBehaviorConnection = !0;
-        for (const e of t.keys())
-          e.connectedCallback && e.connectedCallback(this);
-        this.guardBehaviorConnection = !1;
-      }
-      this.behaviorsConnected = !0;
-    }
-  }
-  /**
-   * Disconnects any behaviors on the associated element.
-   */
-  disconnectBehaviors() {
-    if (this.behaviorsConnected === !0) {
-      const t = this.behaviors;
-      if (t !== null)
-        for (const e of t.keys())
-          e.disconnectedCallback && e.disconnectedCallback(this);
-      this.behaviorsConnected = !1;
-    }
-  }
-  /**
-   * Runs disconnected lifecycle behavior on the associated element.
-   */
-  disconnect() {
-    this.stage === 1 && (this.stage = 2, g.notify(this, H), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
-  }
-  /**
-   * Runs the attribute changed callback for the associated element.
-   * @param name - The name of the attribute that changed.
-   * @param oldValue - The previous value of the attribute.
-   * @param newValue - The new value of the attribute.
-   */
-  onAttributeChangedCallback(t, e, s) {
-    const n = this.definition.attributeLookup[t];
-    n !== void 0 && n.onAttributeChangedCallback(this.source, s);
-  }
-  /**
-   * Emits a custom HTML event.
-   * @param type - The type name of the event.
-   * @param detail - The event detail object to send with the event.
-   * @param options - The event options. By default bubbles and composed.
-   * @remarks
-   * Only emits events if connected.
-   */
-  emit(t, e, s) {
-    return this.stage === 1 ? this.source.dispatchEvent(new CustomEvent(t, Object.assign(Object.assign({ detail: e }, Ge), s))) : !1;
-  }
-  /**
-   * Renders the provided template to the element.
-   *
-   * @param template - The template to render.
-   * @remarks
-   * If `null` is provided, any existing view will be removed.
-   */
-  renderTemplate(t) {
-    var e;
-    const s = this.source, n = (e = I(s)) !== null && e !== void 0 ? e : s;
-    if (this.view !== null)
-      this.view.dispose(), this.view = null;
-    else if (!this.needsInitialization || this.hasExistingShadowRoot) {
-      this.hasExistingShadowRoot = !1;
-      for (let r = n.firstChild; r !== null; r = n.firstChild)
-        n.removeChild(r);
-    }
-    t && (this.view = t.render(s, n, s), this.view.sourceLifetime = J.coupled);
-  }
-  /**
-   * Locates or creates a controller for the specified element.
-   * @param element - The element to return the controller for.
-   * @param override - Reset the controller even if one has been defined.
-   * @remarks
-   * The specified element must have a {@link FASTElementDefinition}
-   * registered either through the use of the {@link customElement}
-   * decorator or a call to `FASTElement.define`.
-   */
-  static forCustomElement(t, e = !1) {
-    const s = t.$fastController;
-    if (s !== void 0 && !e)
-      return s;
-    const n = p.getForInstance(t);
-    if (n === void 0)
-      throw v.error(
-        1401
-        /* Message.missingElementDefinition */
-      );
-    return g.getNotifier(n).subscribe({
-      handleChange: () => {
-        S.forCustomElement(t, !0), t.$fastController.connect();
-      }
-    }, "template"), g.getNotifier(n).subscribe({
-      handleChange: () => {
-        S.forCustomElement(t, !0), t.$fastController.connect();
-      }
-    }, "shadowOptions"), t.$fastController = new Lt(t, n);
-  }
-  /**
-   * Sets the strategy that ElementController.forCustomElement uses to construct
-   * ElementController instances for an element.
-   * @param strategy - The strategy to use.
-   */
-  static setStrategy(t) {
-    Lt = t;
-  }
-}
-x(S);
-S.setStrategy(S);
-function Q(i) {
-  var t;
-  return "adoptedStyleSheets" in i ? i : (t = I(i)) !== null && t !== void 0 ? t : i.getRootNode();
-}
-class Z {
-  constructor(t) {
-    const e = Z.styleSheetCache;
-    this.sheets = t.map((s) => {
-      if (s instanceof CSSStyleSheet)
-        return s;
-      let n = e.get(s);
-      return n === void 0 && (n = new CSSStyleSheet(), n.replaceSync(s), e.set(s, n)), n;
-    });
-  }
-  addStylesTo(t) {
-    de(Q(t), this.sheets);
-  }
-  removeStylesFrom(t) {
-    he(Q(t), this.sheets);
-  }
-}
-Z.styleSheetCache = /* @__PURE__ */ new Map();
-let Je = 0;
-const Ke = () => `fast-${++Je}`;
-function Vt(i) {
-  return i === document ? document.body : i;
-}
-class Xe {
-  constructor(t) {
-    this.styles = t, this.styleClass = Ke();
-  }
-  addStylesTo(t) {
-    t = Vt(Q(t));
-    const e = this.styles, s = this.styleClass;
-    for (let n = 0; n < e.length; n++) {
-      const r = document.createElement("style");
-      r.innerHTML = e[n], r.className = s, t.append(r);
-    }
-  }
-  removeStylesFrom(t) {
-    t = Vt(Q(t));
-    const e = t.querySelectorAll(`.${this.styleClass}`);
-    for (let s = 0, n = e.length; s < n; ++s)
-      t.removeChild(e[s]);
-  }
-}
-let de = (i, t) => {
-  i.adoptedStyleSheets = [...i.adoptedStyleSheets, ...t];
-}, he = (i, t) => {
-  i.adoptedStyleSheets = i.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
+Fe = w, d(Re);
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/html-binding-directive.js
+function ze(e) {
+	return e.create !== void 0;
+}
+function Be(e, t, n, r) {
+	if (n ??= "", ze(n)) {
+		e.textContent = "";
+		let t = e.$fastView;
+		if (t === void 0) if (T(r) && T(n) && r.bindingViewBoundaries[this.targetNodeId] !== void 0 && r.hydrationStage !== I.hydrated) {
+			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 Ve(e, t, n) {
+	let r = `${this.id}-t`, i = e[r] ?? (e[r] = {
+		v: 0,
+		cv: Object.create(null)
+	}), a = i.cv, o = i.v, s = e[t];
+	if (n != null && n.length) {
+		let e = n.split(/\s+/);
+		for (let t = 0, n = e.length; t < n; ++t) {
+			let n = e[t];
+			n !== "" && (a[n] = o, s.add(n));
+		}
+	}
+	if (i.v = o + 1, o !== 0) {
+		--o;
+		for (let e in a) a[e] === o && s.remove(e);
+	}
+}
+var He = {
+	[f.attribute]: h.setAttribute,
+	[f.booleanAttribute]: h.setBooleanAttribute,
+	[f.property]: (e, t, n) => e[t] = n,
+	[f.content]: Be,
+	[f.tokenList]: Ve,
+	[f.event]: () => void 0
+}, L = class {
+	constructor(e) {
+		this.dataBinding = e, this.updateTarget = null, this.aspectType = f.content;
+	}
+	createHTML(e) {
+		return Te.interpolation(e(this));
+	}
+	createBehavior() {
+		if (this.updateTarget === null) {
+			let e = He[this.aspectType], t = this.dataBinding.policy ?? this.policy;
+			if (!e) throw s.error(1205);
+			this.data = `${this.id}-d`, this.updateTarget = t.protect(this.targetTagName, this.aspectType, this.targetAspect, e);
+		}
+		return this;
+	}
+	bind(e) {
+		let t = e.targets[this.targetNodeId], n = T(e) && e.hydrationStage && e.hydrationStage !== I.hydrated;
+		switch (this.aspectType) {
+			case f.event:
+				t[this.data] = e, t.addEventListener(this.targetAspect, this, this.dataBinding.options);
+				break;
+			case f.content: e.onUnbind(this);
+			default:
+				let r = t[this.data] ?? (t[this.data] = this.dataBinding.createObserver(this, this));
+				if (r.target = t, r.controller = e, n && (this.aspectType === f.attribute || this.aspectType === f.booleanAttribute)) {
+					r.bind(e);
+					break;
+				}
+				this.updateTarget(t, this.targetAspect, r.bind(e), e);
+				break;
+		}
+	}
+	unbind(e) {
+		let t = e.targets[this.targetNodeId].$fastView;
+		t !== void 0 && t.isComposed && (t.unbind(), t.needsBindOnly = !0);
+	}
+	handleEvent(e) {
+		let t = e.currentTarget[this.data];
+		if (t.isBound) {
+			b.setEvent(e);
+			let n = this.dataBinding.evaluate(t.source, t.context);
+			b.setEvent(null), n !== !0 && e.preventDefault();
+		}
+	}
+	handleChange(e, t) {
+		let n = t.target, r = t.controller;
+		this.updateTarget(n, this.targetAspect, t.bind(r), r);
+	}
 };
-if (m.supportsAdoptedStyleSheets) {
-  try {
-    document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), de = (i, t) => {
-      i.adoptedStyleSheets.push(...t);
-    }, he = (i, t) => {
-      for (const e of t) {
-        const s = i.adoptedStyleSheets.indexOf(e);
-        s !== -1 && i.adoptedStyleSheets.splice(s, 1);
-      }
-    };
-  } catch {
-  }
-  m.setDefaultStrategy(Z);
-} else
-  m.setDefaultStrategy(Xe);
-const V = "defer-hydration", st = "needs-hydration";
-class f extends S {
-  /**
-   * {@inheritdoc ElementController.shadowOptions}
-   */
-  get shadowOptions() {
-    return super.shadowOptions;
-  }
-  set shadowOptions(t) {
-    super.shadowOptions = t, (this.hasExistingShadowRoot || t !== void 0 && !this.template) && this.definition.templateOptions === We.deferAndHydrate && (this.source.toggleAttribute(V, !0), this.source.toggleAttribute(st, !0));
-  }
-  /**
-   * Adds the current element instance to the hydrating instances map
-   */
-  addHydratingInstance() {
-    if (!f.hydratingInstances)
-      return;
-    const t = this.definition.name;
-    let e = f.hydratingInstances.get(t);
-    e || (e = /* @__PURE__ */ new Set(), f.hydratingInstances.set(t, e)), e.add(this.source);
-  }
-  /**
-   * Configure lifecycle callbacks for hydration events
-   */
-  static config(t) {
-    return f.lifecycleCallbacks = t, this;
-  }
-  static hydrationObserverHandler(t) {
-    for (const e of t)
-      e.target.hasAttribute(V) || (f.hydrationObserver.unobserve(e.target), e.target.$fastController.connect());
-  }
-  /**
-   * Checks to see if hydration is complete and if so, invokes the hydrationComplete callback.
-   * Then resets the ElementController strategy to the default so that future elements
-   * don't use the HydratableElementController.
-   *
-   * @param deadline - the idle deadline object
-   */
-  static checkHydrationComplete(t) {
-    var e, s, n;
-    if (t.didTimeout) {
-      f.idleCallbackId = requestIdleCallback(f.checkHydrationComplete, { timeout: 50 });
-      return;
-    }
-    ((e = f.hydratingInstances) === null || e === void 0 ? void 0 : e.size) === 0 && ((n = (s = f.lifecycleCallbacks) === null || s === void 0 ? void 0 : s.hydrationComplete) === null || n === void 0 || n.call(s), S.setStrategy(S));
-  }
-  /**
-   * Runs connected lifecycle behavior on the associated element.
-   */
-  connect() {
-    var t, e, s, n, r;
-    if (this.needsHydration = (t = this.needsHydration) !== null && t !== void 0 ? t : this.source.hasAttribute(st), this.needsHydration && ((s = (e = f.lifecycleCallbacks) === null || e === void 0 ? void 0 : e.elementWillHydrate) === null || s === void 0 || s.call(e, this.definition.name)), this.source.hasAttribute(V)) {
-      this.addHydratingInstance(), f.hydrationObserver.observe(this.source, {
-        attributeFilter: [V]
-      });
-      return;
-    }
-    if (!this.needsHydration) {
-      super.connect(), this.removeHydratingInstance();
-      return;
-    }
-    if (this.stage === 3) {
-      if (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.template)
-        if (U(this.template)) {
-          const o = this.source, c = (n = I(o)) !== null && n !== void 0 ? n : o;
-          let d = c.firstChild, l = c.lastChild;
-          o.shadowRoot === null && (w.isElementBoundaryStartMarker(d) && (d.data = "", d = d.nextSibling), w.isElementBoundaryEndMarker(l) && (l.data = "", l = l.previousSibling)), this.view = this.template.hydrate(d, l, o), (r = this.view) === null || r === void 0 || r.bind(this.source);
-        } else
-          this.renderTemplate(this.template);
-      this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(st), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), g.notify(this, H);
-    }
-  }
-  /**
-   * Removes the current element instance from the hydrating instances map
-   */
-  removeHydratingInstance() {
-    var t, e;
-    if (!f.hydratingInstances)
-      return;
-    const s = this.definition.name, n = f.hydratingInstances.get(s);
-    (e = (t = f.lifecycleCallbacks) === null || t === void 0 ? void 0 : t.elementDidHydrate) === null || e === void 0 || e.call(t, this.definition.name), n && (n.delete(this.source), n.size || f.hydratingInstances.delete(s), f.idleCallbackId && cancelIdleCallback(f.idleCallbackId), f.idleCallbackId = requestIdleCallback(f.checkHydrationComplete, { timeout: 50 }));
-  }
-  /**
-   * Unregisters the hydration observer when the element is disconnected.
-   */
-  disconnect() {
-    super.disconnect(), f.hydrationObserver.unobserve(this.source);
-  }
-  /**
-   * Sets the ElementController strategy to HydratableElementController.
-   * @remarks
-   * This method is typically called during application startup to enable
-   * hydration support for FAST elements.
-   */
-  static install() {
-    S.setStrategy(f);
-  }
-}
-f.hydrationObserver = new Qe(f.hydrationObserverHandler);
-f.idleCallbackId = null;
-f.hydratingInstances = /* @__PURE__ */ new Map();
-function ue(i) {
-  const t = class extends i {
-    constructor() {
-      super(), S.forCustomElement(this);
-    }
-    $emit(e, s, n) {
-      return this.$fastController.emit(e, s, n);
-    }
-    connectedCallback() {
-      this.$fastController.connect();
-    }
-    disconnectedCallback() {
-      this.$fastController.disconnect();
-    }
-    attributeChangedCallback(e, s, n) {
-      this.$fastController.onAttributeChangedCallback(e, s, n);
-    }
-  };
-  return p.registerBaseType(t), t;
-}
-function Ye(i, t) {
-  return E(i) ? p.compose(i, t) : p.compose(this, i);
-}
-function Ze(i, t) {
-  return E(i) ? new Promise((e) => {
-    p.composeAsync(i, t).then((s) => {
-      e(s);
-    });
-  }).then((e) => e.define().type) : new Promise((e) => {
-    p.composeAsync(this, i).then((s) => {
-      e(s);
-    });
-  }).then((e) => e.define().type);
-}
-function ti(i, t) {
-  return E(i) ? p.compose(i, t).define().type : p.compose(this, i).define().type;
-}
-function ei(i) {
-  return ue(i);
-}
-const ii = Object.assign(ue(HTMLElement), {
-  /**
-   * Creates a new FASTElement base class inherited from the
-   * provided base type.
-   * @param BaseType - The base element type to inherit from.
-   */
-  from: ei,
-  /**
-   * Defines a platform custom element based on the provided type and definition.
-   * @param type - The custom element type to define.
-   * @param nameOrDef - The name of the element to define or a definition object
-   * that describes the element to define.
-   */
-  define: ti,
-  /**
-   * Defines metadata for a FASTElement which can be used to later define the element.
-   * @public
-   */
-  compose: Ye,
-  /**
-   * Defines metadata for a FASTElement which can be used after it has been resolved to define the element.
-   * @alpha
-   */
-  defineAsync: Ze
+j.define(L, { aspected: !0 });
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/compiler.js
+var Ue = (e, t) => `${e}.${t}`, We = {}, R = {
+	index: 0,
+	node: null
+};
+function Ge(e) {
+	e.startsWith("fast-") || s.warn(1204, { name: e });
+}
+var Ke = new Proxy(document.createElement("div"), {
+	get(e, t) {
+		Ge(t);
+		let n = Reflect.get(e, t);
+		return r(n) ? n.bind(e) : n;
+	},
+	set(e, t, n) {
+		return Ge(t), Reflect.set(e, t, n);
+	}
+}), 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);
+	}
+	freeze() {
+		return this.proto = Object.create(null, this.descriptors), this;
+	}
+	addTargetDescriptor(e, t, n) {
+		let r = this.descriptors;
+		if (t === "r" || t === "h" || r[t]) return;
+		if (!r[e]) {
+			let t = e.lastIndexOf("."), n = e.substring(0, t), r = parseInt(e.substring(t + 1));
+			this.addTargetDescriptor(n, e, r);
+		}
+		let i = We[t];
+		if (!i) {
+			let r = `_${t}`;
+			We[t] = i = { get() {
+				return this[r] ?? (this[r] = this[e].childNodes[n]);
+			} };
+		}
+		r[t] = i;
+	}
+	createView(e) {
+		let t = this.fragment.cloneNode(!0), n = Object.create(this.proto);
+		n.r = t, n.h = e ?? Ke;
+		for (let e of this.nodeIds) n[e];
+		return new F(t, this.factories, n);
+	}
+};
+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(le(() => d, e.policy)), j.assignAspect(p, u.name)) : p = z.aggregate(f, e.policy), p !== null && (n.removeAttributeNode(u), c--, l--, e.addFactory(p, t, r, i, n.tagName));
+	}
+}
+function Ye(e, t, n, r, a) {
+	let o = k.parse(t.textContent, e.directives);
+	if (o === null) return R.node = t.nextSibling, R.index = a + 1, R;
+	let s, c = s = t;
+	for (let t = 0, l = o.length; t < l; ++t) {
+		let l = o[t];
+		t !== 0 && (a++, r = Ue(n, a), s = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), i(l) ? s.textContent = l : (s.textContent = " ", j.assignAspect(l), e.addFactory(l, n, r, a, null)), c = s;
+	}
+	return R.index = a + 1, R.node = c.nextSibling, R;
+}
+function Xe(e, t, n) {
+	let r = 0, i = t.firstChild;
+	for (; i;) {
+		let t = Ze(e, n, i, r);
+		i = t.node, r = t.index;
+	}
+}
+function Ze(e, t, n, r) {
+	let i = Ue(t, r);
+	switch (n.nodeType) {
+		case 1:
+			Je(e, t, n, i, r), Xe(e, n, i);
+			break;
+		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);
+			break;
+	}
+	return R.index = r + 1, R.node = n.nextSibling, R;
+}
+function Qe(e, t) {
+	return e && e.nodeType == 8 && k.parse(e.data, t) !== null;
+}
+var $e = "TEMPLATE", z = {
+	compile(e, t, n = h.policy) {
+		let r;
+		if (i(e)) {
+			r = document.createElement($e), r.innerHTML = n.createHTML(e);
+			let t = r.content.firstElementChild;
+			t !== null && t.tagName === $e && (r = t);
+		} else r = e;
+		!r.content.firstChild && !r.content.lastChild && r.content.appendChild(document.createComment(""));
+		let a = document.adoptNode(r.content), o = new qe(a, t, n);
+		return Je(o, "", r, "h", 0, !0), (Qe(a.firstChild, t) || a.childNodes.length === 1 && Object.keys(t).length > 0) && a.insertBefore(document.createComment(""), a.firstChild), Xe(o, a, "r"), R.node = null, o.freeze();
+	},
+	setDefaultStrategy(e) {
+		this.compile = e;
+	},
+	aggregate(e, t = h.policy) {
+		if (e.length === 1) return e[0];
+		let n, r = !1, a, o = e.length, s = e.map((e) => i(e) ? () => e : (n = e.sourceAspect || n, r ||= e.dataBinding.isVolatile, a ||= e.dataBinding.policy, e.dataBinding.evaluate)), c = new L(se((e, t) => {
+			let n = "";
+			for (let r = 0; r < o; ++r) n += s[r](e, t);
+			return n;
+		}, a ?? t, r));
+		return j.assignAspect(c, n), c;
+	}
+}, et = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/, tt = Object.create(null), B = class {
+	constructor(e, t = tt) {
+		this.html = e, this.factories = t;
+	}
+	createHTML(e) {
+		let t = this.factories;
+		for (let n in t) e(t[n]);
+		return this.html;
+	}
+};
+B.empty = new B(""), j.define(B);
+function nt(e, t, n, r = j.getForInstance(e)) {
+	if (r.aspected) {
+		let n = et.exec(t);
+		n !== null && j.assignAspect(e, n[2]);
+	}
+	return e.createHTML(n);
+}
+var rt = class e {
+	constructor(e, t = {}, n) {
+		this.policy = n, this.result = null, this.html = e, this.factories = t;
+	}
+	compile() {
+		return this.result === null && (this.result = z.compile(this.html, this.factories, this.policy)), this.result;
+	}
+	create(e) {
+		return this.compile().createView(e);
+	}
+	inline() {
+		return new B(i(this.html) ? this.html : this.html.innerHTML, this.factories);
+	}
+	withPolicy(e) {
+		if (this.result) throw s.error(1208);
+		if (this.policy) throw s.error(1207);
+		return this.policy = e, this;
+	}
+	render(e, t, n) {
+		let r = this.create(n);
+		return r.bind(e), r.appendTo(t), r;
+	}
+	static create(t, n, i) {
+		let a = "", o = Object.create(null), s = (e) => {
+			let t = e.id ??= O();
+			return o[t] = e, t;
+		};
+		for (let e = 0, i = t.length - 1; e < i; ++e) {
+			let i = t[e], o = n[e], c;
+			if (a += i, r(o)) o = new L(se(o));
+			else if (o instanceof x) o = new L(o);
+			else if (!(c = j.getForInstance(o))) {
+				let e = o;
+				o = new L(le(() => e));
+			}
+			a += nt(o, i, s, c);
+		}
+		return new e(a + t[t.length - 1], o, i);
+	}
+};
+d(rt);
+var V = ((e, ...t) => {
+	if (Array.isArray(e) && Array.isArray(e.raw)) return rt.create(e, t);
+	throw s.error(1206);
 });
-function si(i, t) {
-  return i instanceof Function ? i(t) : i;
-}
-const Ft = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), mi = (i) => (t = "vwc") => {
-  const e = (n) => `${t}-${n}`, s = (n) => {
-    const r = e(n.name);
-    let o = n.type;
-    if (o.componentName = n.name, Ft.has(r))
-      return;
-    nt.has(o) && nt.get(o) !== r && (o = class extends o {
-    }), Ft.add(r), nt.set(o, r);
-    for (const a of n.dependencies)
-      s(a);
-    const c = new Map([
-      [n.type, r],
-      ...n.dependencies.map(
-        (a) => [a.type, e(a.name)]
-      )
-    ]), l = {
-      tagFor: (a, h) => {
-        if (!c.has(a))
-          throw new Error(
-            `Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`
-          );
-        const u = c.get(a);
-        return h ? u : oe.partial(u);
-      },
-      tagForNonDependency(a) {
-        return e(a);
-      }
-    };
-    p.compose(o, {
-      ...n.options,
-      template: si(
-        n.template,
-        l
-      ),
-      name: `${t}-${n.name}`
-    }).define();
-  };
-  s(i);
-}, wi = (i, t, e, s, n) => ({
-  name: i,
-  type: t,
-  template: e,
-  dependencies: s,
-  options: n
-}), Pt = /* @__PURE__ */ new WeakMap(), fe = (i) => {
-  let t = Pt.get(i);
-  return t || (t = [], Pt.set(i, t)), t;
-}, Si = (i, t) => {
-  fe(i).push(t);
-}, ni = (i, t) => {
-  fe(i).forEach((e) => e(i, t));
-}, ri = (i) => i === "delegate", Dt = (i) => `vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`, pe = (i, t) => {
-  if (ri(i._vividAriaBehaviour)) {
-    const e = i[t];
-    i[`_${t}`] = null, i.removeAttribute(ot(t)), i[`_${t}`] = e, i[t] !== null ? i.dataset[Dt(t)] = i[t] : delete i.dataset[Dt(t)];
-  } else
-    T.setAttribute(
-      i,
-      ot(t),
-      i[t]
-    );
-}, G = /* @__PURE__ */ new WeakMap(), ai = (i, t) => {
-  const e = G.get(i);
-  e ? e.add(t) : G.set(i, /* @__PURE__ */ new Set([t]));
-}, oi = (i, t) => {
-  i.isConnected ? pe(i, t) : ai(i, t);
-}, li = (i) => {
-  const t = G.get(i);
-  if (t) {
-    for (const e of t)
-      pe(i, e);
-    G.delete(i);
-  }
-}, Ht = [
-  "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"
-  // Non-standard
-], ot = (i) => i.replace("aria", "aria-").toLowerCase(), ci = (i) => {
-  class t extends i {
-    constructor(...s) {
-      super(...s), this._vividAriaBehaviour = "default";
-      for (const n of Ht)
-        this[`_${n}`] = null;
-    }
-    connectedCallback() {
-      super.connectedCallback(), li(this);
-    }
-  }
-  for (const e of Ht)
-    Ue({
-      attribute: ot(e),
-      mode: "fromView"
-    })(t.prototype, e), t.prototype[`${e}Changed`] = function() {
-      oi(this, e), this._vividAriaBehaviour !== "default" && ni(this, e);
-    };
-  return t;
+V.partial = (e) => new B(e);
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/attributes.js
+var it = "boolean", at = "reflect", ot = Object.freeze({ locate: u() }), st = {
+	toView(e) {
+		return e ? "true" : "false";
+	},
+	fromView(e) {
+		return !(e == null || e === "false" || e === !1 || e === 0);
+	}
 };
-function di() {
-  const i = /* @__PURE__ */ new WeakMap();
-  return (t) => (i.has(t) || i.set(t, []), i.get(t));
-}
-const be = di(), Ci = (i) => (t, e) => {
-  be(t.constructor).push({
-    newPropertyName: e,
-    ...i
-  });
-}, hi = (i) => {
-  class t extends i {
-    #t(s) {
-      let n = !1, r = !1;
-      const o = (a) => r && s.fromDeprecated(
-        a[s.deprecatedPropertyName]
-      ) === a[s.newPropertyName], c = (a) => n && s.toDeprecated && s.toDeprecated(a[s.newPropertyName]) === a[s.deprecatedPropertyName], d = {
-        handleChange(a, h) {
-          if (h === s.newPropertyName) {
-            if (n = !0, !s.toDeprecated || o(a))
-              return;
-            a[s.deprecatedPropertyName] = s.toDeprecated(a[s.newPropertyName]);
-          }
-          if (h === s.deprecatedPropertyName) {
-            if (r = !0, c(a))
-              return;
-            a[s.newPropertyName] = s.fromDeprecated(
-              a[s.deprecatedPropertyName]
-            );
-          }
-        }
-      }, l = g.getNotifier(this);
-      l.subscribe(d, s.newPropertyName), l.subscribe(d, s.deprecatedPropertyName);
-    }
-    constructor(...s) {
-      super(...s);
-      for (const n of be(this.constructor))
-        this.#t(n);
-    }
-  }
-  return t;
+function ct(e) {
+	if (e == null) return null;
+	let t = e * 1;
+	return isNaN(t) ? null : t;
+}
+var lt = {
+	toView(e) {
+		let t = ct(e);
+		return t && t.toString();
+	},
+	fromView: ct
+}, ut = class e {
+	constructor(e, t, n = t.toLowerCase(), r = at, i) {
+		this.guards = /* @__PURE__ */ new Set(), this.Owner = e, this.name = t, this.attribute = n, this.mode = r, this.converter = i, this.fieldName = `_${t}`, this.callbackName = `${t}Changed`, this.hasCallback = this.callbackName in e.prototype, r === it && i === void 0 && (this.converter = st);
+	}
+	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];
+	}
+	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" || g.enqueue(() => {
+			n.add(e);
+			let r = e[this.fieldName];
+			switch (t) {
+				case at:
+					let t = this.converter;
+					h.setAttribute(e, this.attribute, t === void 0 ? r : t.toView(r));
+					break;
+				case it:
+					h.setBooleanAttribute(e, this.attribute, r);
+					break;
+			}
+			n.delete(e);
+		});
+	}
+	static collect(t, ...n) {
+		let r = [];
+		n.push(ot.locate(t));
+		for (let a = 0, o = n.length; a < o; ++a) {
+			let o = n[a];
+			if (o !== void 0) for (let n = 0, a = o.length; n < a; ++n) {
+				let a = o[n];
+				i(a) ? r.push(new e(t, a)) : r.push(new e(t, a.property, a.attribute, a.mode, a.converter));
+			}
+		}
+		return r;
+	}
 };
-class ki extends ci(hi(ii)) {
-  static {
-    this.VIVID_VERSION = "5.15.1";
-  }
-  /**
-   * Add data-vvd-component attribute with component name globally,
-   * for referring to the elements in CSS, testing or debugging
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    const t = this.constructor.componentName;
-    this.setAttribute("data-vvd-component", t);
-  }
-}
-export {
-  fi as A,
-  lt as B,
-  T as D,
-  O as E,
-  $ as H,
-  Yt as M,
-  g as O,
-  ke as S,
-  Wt as U,
-  ki as V,
-  Ue as a,
-  vi as b,
-  mi as c,
-  wi as d,
-  pi as e,
-  E as f,
-  Gt as g,
-  oe as h,
-  B as i,
-  ot as j,
-  Ht as k,
-  rt as l,
-  U as m,
-  yi as n,
-  bi as o,
-  A as p,
-  X as q,
-  Ci as r,
-  Si as s,
-  w as t,
-  Kt as u,
-  gi as v,
-  m as w,
-  ge as x,
-  tt as y,
-  ui as z
+function dt(e, t) {
+	let n;
+	function r(e, t) {
+		arguments.length > 1 && (n.property = t), ot.locate(e.constructor).push(n);
+	}
+	if (arguments.length > 1) {
+		n = {}, r(e, t);
+		return;
+	}
+	return n = e === void 0 ? {} : e, r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/fast-definitions.js
+var ft = function(e, t, n, r) {
+	function i(e) {
+		return e instanceof n ? e : new n(function(t) {
+			t(e);
+		});
+	}
+	return new (n ||= Promise)(function(n, a) {
+		function o(e) {
+			try {
+				c(r.next(e));
+			} catch (e) {
+				a(e);
+			}
+		}
+		function s(e) {
+			try {
+				c(r.throw(e));
+			} catch (e) {
+				a(e);
+			}
+		}
+		function c(e) {
+			e.done ? n(e.value) : i(e.value).then(o, s);
+		}
+		c((r = r.apply(e, t || [])).next());
+	});
+}, pt = { mode: "open" }, mt = {}, H = /* @__PURE__ */ new Set(), U = s.getById(n.elementRegistry, () => l()), ht = { deferAndHydrate: "defer-and-hydrate" }, W = class e {
+	constructor(t, n = t.definition) {
+		this.platformDefined = !1, i(n) && (n = { name: n }), this.type = t, this.name = n.name, this.template = n.template, this.templateOptions = n.templateOptions, this.registry = n.registry ?? customElements;
+		let r = t.prototype, a = ut.collect(t, n.attributes), o = Array(a.length), s = {}, c = {};
+		for (let e = 0, t = a.length; e < t; ++e) {
+			let t = a[e];
+			o[e] = t.attribute, s[t.name] = t, c[t.attribute] = t, y.defineProperty(r, t);
+		}
+		Reflect.defineProperty(t, "observedAttributes", {
+			value: o,
+			enumerable: !0
+		}), this.attributes = a, this.propertyLookup = s, this.attributeLookup = c, this.shadowOptions = n.shadowOptions === void 0 ? pt : n.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, pt), n.shadowOptions), this.elementOptions = n.elementOptions === void 0 ? mt : Object.assign(Object.assign({}, mt), n.elementOptions), this.styles = S.normalize(n.styles), U.register(this), y.defineProperty(e.isRegistered, this.name), e.isRegistered[this.name] = this.type;
+	}
+	get isDefined() {
+		return this.platformDefined;
+	}
+	define(e = this.registry) {
+		var t, n;
+		let r = this.type;
+		return e.get(this.name) || (this.platformDefined = !0, e.define(this.name, r, this.elementOptions), (n = (t = this.lifecycleCallbacks)?.elementDidDefine) == null || n.call(t, this.name)), this;
+	}
+	static compose(t, n) {
+		return H.has(t) || U.getByType(t) ? new e(class extends t {}, n) : new e(t, n);
+	}
+	static registerBaseType(e) {
+		H.add(e);
+	}
+	static composeAsync(t, n) {
+		return new Promise((r) => {
+			(H.has(t) || U.getByType(t)) && r(new e(class extends t {}, n));
+			let i = new e(t, n);
+			y.getNotifier(i).subscribe({ handleChange: () => {
+				var e, t;
+				(t = (e = i.lifecycleCallbacks)?.templateDidUpdate) == null || t.call(e, i.name), r(i);
+			} }, "template");
+		});
+	}
+};
+W.isRegistered = {}, W.getByType = U.getByType, W.getForInstance = U.getForInstance, W.registerAsync = (e) => ft(void 0, void 0, void 0, function* () {
+	return new Promise((t) => {
+		W.isRegistered[e] && t(W.isRegistered[e]), y.getNotifier(W.isRegistered).subscribe({ handleChange: () => t(W.isRegistered[e]) }, e);
+	});
+}), y.defineProperty(W.prototype, "template");
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/utilities.js
+var gt = class extends MutationObserver {
+	constructor(e) {
+		function t(e) {
+			this.callback.call(null, e.filter((e) => this.observedNodes.has(e.target)));
+		}
+		super(t), this.callback = e, this.observedNodes = /* @__PURE__ */ new Set();
+	}
+	observe(e, t) {
+		this.observedNodes.add(e), super.observe(e, t);
+	}
+	unobserve(e) {
+		this.observedNodes.delete(e), this.observedNodes.size < 1 && this.disconnect();
+	}
+}, _t = Object.freeze({ create(e) {
+	let t = [], n = {}, r = null, i = !1;
+	return {
+		source: e,
+		context: b.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 ?? h.policy, this.addTarget(n.targetNodeId, t), this.addBehavior(n.createBehavior());
+		},
+		addTarget(e, t) {
+			n[e] = t;
+		},
+		addBehavior(e) {
+			t.push(e), i && e.bind(this);
+		},
+		onUnbind(e) {
+			r === null && (r = []), r.push(e);
+		},
+		connectedCallback(e) {
+			i || (i = !0, t.forEach((e) => e.bind(this)));
+		},
+		disconnectedCallback(e) {
+			i && (i = !1, r !== null && r.forEach((e) => e.unbind(this)));
+		}
+	};
+} }), vt = {
+	bubbles: !0,
+	composed: !0,
+	cancelable: !0
+}, G = "isConnected", yt = /* @__PURE__ */ new WeakMap();
+function K(e) {
+	return e.shadowRoot ?? yt.get(e) ?? null;
+}
+var bt, q = class e extends ne {
+	constructor(e, t) {
+		super(e), this.boundObservables = null, this.needsInitialization = !0, this.hasExistingShadowRoot = !1, this._template = null, this.stage = 3, this.guardBehaviorConnection = !1, this.behaviors = null, this.behaviorsConnected = !1, this._mainStyles = null, this.$fastController = this, this.view = null, this.source = e, this.definition = t, this.shadowOptions = t.shadowOptions;
+		let n = y.getAccessors(e);
+		if (n.length > 0) {
+			let t = this.boundObservables = Object.create(null);
+			for (let r = 0, i = n.length; r < i; ++r) {
+				let i = n[r].name, a = e[i];
+				a !== void 0 && (delete e[i], t[i] = a);
+			}
+		}
+	}
+	get isConnected() {
+		return y.track(this, G), this.stage === 1;
+	}
+	get context() {
+		return this.view?.context ?? b.default;
+	}
+	get isBound() {
+		return this.view?.isBound ?? !1;
+	}
+	get sourceLifetime() {
+		return this.view?.sourceLifetime;
+	}
+	get template() {
+		if (this._template === null) {
+			let e = this.definition;
+			this.source.resolveTemplate ? this._template = this.source.resolveTemplate() : e.template && (this._template = e.template ?? null);
+		}
+		return this._template;
+	}
+	set template(e) {
+		this._template !== e && (this._template = e, this.needsInitialization || this.renderTemplate(e));
+	}
+	get shadowOptions() {
+		return this._shadowRootOptions;
+	}
+	set shadowOptions(e) {
+		if (this._shadowRootOptions === void 0 && e !== void 0) {
+			this._shadowRootOptions = e;
+			let t = this.source.shadowRoot;
+			t ? this.hasExistingShadowRoot = !0 : (t = this.source.attachShadow(e), e.mode === "closed" && yt.set(this.source, t));
+		}
+	}
+	get mainStyles() {
+		if (this._mainStyles === null) {
+			let e = this.definition;
+			this.source.resolveStyles ? this._mainStyles = this.source.resolveStyles() : e.styles && (this._mainStyles = e.styles ?? null);
+		}
+		return this._mainStyles;
+	}
+	set mainStyles(e) {
+		this._mainStyles !== e && (this._mainStyles !== null && this.removeStyles(this._mainStyles), this._mainStyles = e, this.needsInitialization || this.addStyles(e));
+	}
+	onUnbind(e) {
+		var t;
+		(t = this.view) == null || t.onUnbind(e);
+	}
+	addBehavior(e) {
+		let t = this.behaviors ??= /* @__PURE__ */ new Map(), n = t.get(e) ?? 0;
+		n === 0 ? (t.set(e, 1), e.addedCallback && e.addedCallback(this), e.connectedCallback && !this.guardBehaviorConnection && (this.stage === 1 || this.stage === 0) && e.connectedCallback(this)) : t.set(e, n + 1);
+	}
+	removeBehavior(e, t = !1) {
+		let n = this.behaviors;
+		if (n === null) return;
+		let r = n.get(e);
+		r !== void 0 && (r === 1 || t ? (n.delete(e), e.disconnectedCallback && this.stage !== 3 && e.disconnectedCallback(this), e.removedCallback && e.removedCallback(this)) : n.set(e, r - 1));
+	}
+	addStyles(e) {
+		if (!e) return;
+		let t = this.source;
+		if (e instanceof HTMLElement) (K(t) ?? this.source).append(e);
+		else if (!e.isAttachedTo(t)) {
+			let n = e.behaviors;
+			if (e.addStylesTo(t), n !== null) for (let e = 0, t = n.length; e < t; ++e) this.addBehavior(n[e]);
+		}
+	}
+	removeStyles(e) {
+		if (!e) return;
+		let t = this.source;
+		if (e instanceof HTMLElement) (K(t) ?? t).removeChild(e);
+		else if (e.isAttachedTo(t)) {
+			let n = e.behaviors;
+			if (e.removeStylesFrom(t), n !== null) for (let e = 0, t = n.length; e < t; ++e) this.removeBehavior(n[e]);
+		}
+	}
+	connect() {
+		this.stage === 3 && (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.needsInitialization ? (this.renderTemplate(this.template), this.addStyles(this.mainStyles), this.needsInitialization = !1) : this.view !== null && this.view.bind(this.source), this.stage = 1, y.notify(this, G));
+	}
+	bindObservables() {
+		if (this.boundObservables !== null) {
+			let e = this.source, t = this.boundObservables, n = Object.keys(t);
+			for (let r = 0, i = n.length; r < i; ++r) {
+				let i = n[r];
+				e[i] = t[i];
+			}
+			this.boundObservables = null;
+		}
+	}
+	connectBehaviors() {
+		if (this.behaviorsConnected === !1) {
+			let e = this.behaviors;
+			if (e !== null) {
+				this.guardBehaviorConnection = !0;
+				for (let t of e.keys()) t.connectedCallback && t.connectedCallback(this);
+				this.guardBehaviorConnection = !1;
+			}
+			this.behaviorsConnected = !0;
+		}
+	}
+	disconnectBehaviors() {
+		if (this.behaviorsConnected === !0) {
+			let e = this.behaviors;
+			if (e !== null) for (let t of e.keys()) t.disconnectedCallback && t.disconnectedCallback(this);
+			this.behaviorsConnected = !1;
+		}
+	}
+	disconnect() {
+		this.stage === 1 && (this.stage = 2, y.notify(this, G), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
+	}
+	onAttributeChangedCallback(e, t, n) {
+		let r = this.definition.attributeLookup[e];
+		r !== void 0 && r.onAttributeChangedCallback(this.source, n);
+	}
+	emit(e, t, n) {
+		return this.stage === 1 ? this.source.dispatchEvent(new CustomEvent(e, Object.assign(Object.assign({ detail: t }, vt), n))) : !1;
+	}
+	renderTemplate(e) {
+		let t = this.source, n = K(t) ?? t;
+		if (this.view !== null) this.view.dispose(), this.view = null;
+		else if (!this.needsInitialization || this.hasExistingShadowRoot) {
+			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);
+	}
+	static forCustomElement(t, n = !1) {
+		let r = t.$fastController;
+		if (r !== void 0 && !n) return r;
+		let i = W.getForInstance(t);
+		if (i === void 0) throw s.error(1401);
+		return y.getNotifier(i).subscribe({ handleChange: () => {
+			e.forCustomElement(t, !0), t.$fastController.connect();
+		} }, "template"), y.getNotifier(i).subscribe({ handleChange: () => {
+			e.forCustomElement(t, !0), t.$fastController.connect();
+		} }, "shadowOptions"), t.$fastController = new bt(t, i);
+	}
+	static setStrategy(e) {
+		bt = e;
+	}
+};
+d(q), q.setStrategy(q);
+function J(e) {
+	return "adoptedStyleSheets" in e ? e : K(e) ?? e.getRootNode();
+}
+var xt = class e {
+	constructor(t) {
+		let n = e.styleSheetCache;
+		this.sheets = t.map((e) => {
+			if (e instanceof CSSStyleSheet) return e;
+			let t = n.get(e);
+			return t === void 0 && (t = new CSSStyleSheet(), t.replaceSync(e), n.set(e, t)), t;
+		});
+	}
+	addStylesTo(e) {
+		Et(J(e), this.sheets);
+	}
+	removeStylesFrom(e) {
+		Dt(J(e), this.sheets);
+	}
+};
+xt.styleSheetCache = /* @__PURE__ */ new Map();
+var St = 0, Ct = () => `fast-${++St}`;
+function wt(e) {
+	return e === document ? document.body : e;
+}
+var Tt = class {
+	constructor(e) {
+		this.styles = e, this.styleClass = Ct();
+	}
+	addStylesTo(e) {
+		e = wt(J(e));
+		let t = this.styles, n = this.styleClass;
+		for (let r = 0; r < t.length; r++) {
+			let i = document.createElement("style");
+			i.innerHTML = t[r], i.className = n, e.append(i);
+		}
+	}
+	removeStylesFrom(e) {
+		e = wt(J(e));
+		let t = e.querySelectorAll(`.${this.styleClass}`);
+		for (let n = 0, r = t.length; n < r; ++n) e.removeChild(t[n]);
+	}
+}, Et = (e, t) => {
+	e.adoptedStyleSheets = [...e.adoptedStyleSheets, ...t];
+}, Dt = (e, t) => {
+	e.adoptedStyleSheets = e.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
+};
+if (S.supportsAdoptedStyleSheets) {
+	try {
+		document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), Et = (e, t) => {
+			e.adoptedStyleSheets.push(...t);
+		}, Dt = (e, t) => {
+			for (let n of t) {
+				let t = e.adoptedStyleSheets.indexOf(n);
+				t !== -1 && e.adoptedStyleSheets.splice(t, 1);
+			}
+		};
+	} catch {}
+	S.setDefaultStrategy(xt);
+} else S.setDefaultStrategy(Tt);
+var Ot = "defer-hydration", kt = "needs-hydration", Y = class e extends q {
+	get shadowOptions() {
+		return super.shadowOptions;
+	}
+	set shadowOptions(e) {
+		super.shadowOptions = e, (this.hasExistingShadowRoot || e !== void 0 && !this.template) && this.definition.templateOptions === ht.deferAndHydrate && (this.source.toggleAttribute(Ot, !0), this.source.toggleAttribute(kt, !0));
+	}
+	addHydratingInstance() {
+		if (!e.hydratingInstances) return;
+		let t = this.definition.name, n = e.hydratingInstances.get(t);
+		n || (n = /* @__PURE__ */ new Set(), e.hydratingInstances.set(t, n)), n.add(this.source);
+	}
+	static config(t) {
+		return e.lifecycleCallbacks = t, this;
+	}
+	static hydrationObserverHandler(t) {
+		for (let n of t) n.target.hasAttribute("defer-hydration") || (e.hydrationObserver.unobserve(n.target), n.target.$fastController.connect());
+	}
+	static checkHydrationComplete(t) {
+		var n, r;
+		if (t.didTimeout) {
+			e.idleCallbackId = requestIdleCallback(e.checkHydrationComplete, { timeout: 50 });
+			return;
+		}
+		e.hydratingInstances?.size === 0 && ((r = (n = e.lifecycleCallbacks)?.hydrationComplete) == null || r.call(n), q.setStrategy(q));
+	}
+	connect() {
+		var t, n, r;
+		if (this.needsHydration = this.needsHydration ?? this.source.hasAttribute(kt), this.needsHydration && ((n = (t = e.lifecycleCallbacks)?.elementWillHydrate) == null || n.call(t, this.definition.name)), this.source.hasAttribute("defer-hydration")) {
+			this.addHydratingInstance(), e.hydrationObserver.observe(this.source, { attributeFilter: [Ot] });
+			return;
+		}
+		if (!this.needsHydration) {
+			super.connect(), this.removeHydratingInstance();
+			return;
+		}
+		if (this.stage === 3) {
+			if (this.stage = 0, this.bindObservables(), this.connectBehaviors(), this.template) if (T(this.template)) {
+				let e = this.source, t = K(e) ?? e, n = t.firstChild, i = t.lastChild;
+				e.shadowRoot === null && (C.isElementBoundaryStartMarker(n) && (n.data = "", n = n.nextSibling), C.isElementBoundaryEndMarker(i) && (i.data = "", i = i.previousSibling)), this.view = this.template.hydrate(n, i, e), (r = this.view) == null || r.bind(this.source);
+			} else this.renderTemplate(this.template);
+			this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(kt), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), y.notify(this, G);
+		}
+	}
+	removeHydratingInstance() {
+		var t, n;
+		if (!e.hydratingInstances) return;
+		let r = this.definition.name, i = e.hydratingInstances.get(r);
+		(n = (t = e.lifecycleCallbacks)?.elementDidHydrate) == null || n.call(t, this.definition.name), i && (i.delete(this.source), i.size || e.hydratingInstances.delete(r), e.idleCallbackId && cancelIdleCallback(e.idleCallbackId), e.idleCallbackId = requestIdleCallback(e.checkHydrationComplete, { timeout: 50 }));
+	}
+	disconnect() {
+		super.disconnect(), e.hydrationObserver.unobserve(this.source);
+	}
+	static install() {
+		q.setStrategy(e);
+	}
+};
+Y.hydrationObserver = new gt(Y.hydrationObserverHandler), Y.idleCallbackId = null, Y.hydratingInstances = /* @__PURE__ */ new Map();
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js
+function At(e) {
+	let t = class extends e {
+		constructor() {
+			super(), q.forCustomElement(this);
+		}
+		$emit(e, t, n) {
+			return this.$fastController.emit(e, t, n);
+		}
+		connectedCallback() {
+			this.$fastController.connect();
+		}
+		disconnectedCallback() {
+			this.$fastController.disconnect();
+		}
+		attributeChangedCallback(e, t, n) {
+			this.$fastController.onAttributeChangedCallback(e, t, n);
+		}
+	};
+	return W.registerBaseType(t), t;
+}
+function jt(e, t) {
+	return r(e) ? W.compose(e, t) : W.compose(this, e);
+}
+function Mt(e, t) {
+	return r(e) ? new Promise((n) => {
+		W.composeAsync(e, t).then((e) => {
+			n(e);
+		});
+	}).then((e) => e.define().type) : new Promise((t) => {
+		W.composeAsync(this, e).then((e) => {
+			t(e);
+		});
+	}).then((e) => e.define().type);
+}
+function Nt(e, t) {
+	return r(e) ? W.compose(e, t).define().type : W.compose(this, e).define().type;
+}
+function Pt(e) {
+	return At(e);
+}
+var Ft = Object.assign(At(HTMLElement), {
+	from: Pt,
+	define: Nt,
+	compose: jt,
+	defineAsync: Mt
+});
+//#endregion
+//#region src/shared/design-system/createRegisterFunction.ts
+function It(e, t) {
+	return e instanceof Function ? e(t) : e;
+}
+var Lt = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new Map(), Rt = (e) => (t = "vwc") => {
+	let n = (e) => `${t}-${e}`, r = (e) => {
+		let i = n(e.name), a = e.type;
+		if (a.componentName = e.name, Lt.has(i)) return;
+		X.has(a) && X.get(a) !== i && (a = class extends a {}), Lt.add(i), X.set(a, i);
+		for (let t of e.dependencies) r(t);
+		let o = new Map([[e.type, i], ...e.dependencies.map((e) => [e.type, n(e.name)])]), s = {
+			tagFor: (t, n) => {
+				if (!o.has(t)) throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);
+				let r = o.get(t);
+				return n ? r : V.partial(r);
+			},
+			tagForNonDependency(e) {
+				return n(e);
+			}
+		};
+		W.compose(a, {
+			...e.options,
+			template: It(e.template, s),
+			name: `${t}-${e.name}`
+		}).define();
+	};
+	r(e);
+}, zt = (e, t, n, r, i) => ({
+	name: e,
+	type: t,
+	template: n,
+	dependencies: r,
+	options: i
+}), Bt = /* @__PURE__ */ new WeakMap(), Vt = (e) => {
+	let t = Bt.get(e);
+	return t || (t = [], Bt.set(e, t)), t;
+}, Ht = (e, t) => {
+	Vt(e).push(t);
+}, Ut = (e, t) => {
+	Vt(e).forEach((n) => n(e, t));
+}, Wt = (e) => e === "delegate", Gt = (e) => `vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`, Kt = (e, t) => {
+	if (Wt(e._vividAriaBehaviour)) {
+		let n = e[t];
+		e[`_${t}`] = null, e.removeAttribute($(t)), e[`_${t}`] = n, e[t] === null ? delete e.dataset[Gt(t)] : e.dataset[Gt(t)] = e[t];
+	} else h.setAttribute(e, $(t), e[t]);
+}, Z = /* @__PURE__ */ new WeakMap(), qt = (e, t) => {
+	let n = Z.get(e);
+	n ? n.add(t) : Z.set(e, new Set([t]));
+}, Jt = (e, t) => {
+	e.isConnected ? Kt(e, t) : qt(e, t);
+}, Yt = (e) => {
+	let t = Z.get(e);
+	if (t) {
+		for (let n of t) Kt(e, n);
+		Z.delete(e);
+	}
+}, Q = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant".split("."), $ = (e) => e.replace("aria", "aria-").toLowerCase(), Xt = (e) => {
+	class t extends e {
+		constructor(...e) {
+			super(...e), this._vividAriaBehaviour = "default";
+			for (let e of Q) this[`_${e}`] = null;
+		}
+		connectedCallback() {
+			super.connectedCallback(), Yt(this);
+		}
+	}
+	for (let e of Q) dt({
+		attribute: $(e),
+		mode: "fromView"
+	})(t.prototype, e), t.prototype[`${e}Changed`] = function() {
+		Jt(this, e), this._vividAriaBehaviour !== "default" && Ut(this, e);
+	};
+	return t;
+};
+//#endregion
+//#region src/shared/deprecation/replaced-props.ts
+function Zt() {
+	let e = /* @__PURE__ */ new WeakMap();
+	return (t) => (e.has(t) || e.set(t, []), e.get(t));
+}
+var Qt = Zt(), $t = (e) => (t, n) => {
+	Qt(t.constructor).push({
+		newPropertyName: n,
+		...e
+	});
+}, en = (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) {
+				if (o === e.newPropertyName) {
+					if (t = !0, !e.toDeprecated || r(a)) return;
+					a[e.deprecatedPropertyName] = e.toDeprecated(a[e.newPropertyName]);
+				}
+				if (o === e.deprecatedPropertyName) {
+					if (n = !0, i(a)) return;
+					a[e.newPropertyName] = e.fromDeprecated(a[e.deprecatedPropertyName]);
+				}
+			} }, o = y.getNotifier(this);
+			o.subscribe(a, e.newPropertyName), o.subscribe(a, e.deprecatedPropertyName);
+		}
+		constructor(...e) {
+			super(...e);
+			for (let e of Qt(this.constructor)) this.#e(e);
+		}
+	}
+	return t;
+}, tn = class extends Xt(en(Ft)) {
+	static {
+		this.VIVID_VERSION = "5.17.0";
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let e = this.constructor.componentName;
+		this.setAttribute("data-vvd-component", e);
+	}
 };
+//#endregion
+export { c as A, b as C, _ as D, ie as E, i as M, a as N, g as O, x as S, re as T, C as _, Ht as a, le as b, _t as c, V as d, F as f, Te as g, Ee as h, Q as i, r as j, h as k, dt as l, j as m, $t as n, zt as o, I as p, $ as r, Rt as s, tn as t, lt as u, T as v, y as w, se as x, S as y };