@vonage/vivid 5.15.0 → 5.15.1

package/bundled/vivid-element.js

@@ -38,18 +38,23 @@ switch (F) {
     });
     break;
 }
-const E = (i) => typeof i == "function", B = (i) => typeof i == "string", pe = () => {
+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 ci(i) {
+function ui(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-function di(i) {
-  if (i.__esModule) return 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() {
-      return this instanceof s ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
+      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 = {};
@@ -63,45 +68,48 @@ function di(i) {
     });
   }), e;
 }
-(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);
-  });
-})();
-const Ht = {
+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
 };
-globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: /* @__PURE__ */ Object.create(null) }, Ht));
+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;
-  } }, Ht));
+  } }, zt));
 }
 v.error === void 0 && Object.assign(v, {
   warn() {
@@ -112,8 +120,8 @@ v.error === void 0 && Object.assign(v, {
   addMessages() {
   }
 });
-const hi = Object.freeze([]);
-function Pt() {
+const pi = Object.freeze([]);
+function Ut() {
   const i = /* @__PURE__ */ new Map();
   return Object.freeze({
     register(t) {
@@ -128,7 +136,7 @@ function Pt() {
     }
   });
 }
-function zt() {
+function qt() {
   const i = /* @__PURE__ */ new WeakMap();
   return function(t) {
     let e = i.get(t);
@@ -142,7 +150,7 @@ function zt() {
   };
 }
 function x(i) {
-  i.prototype.toJSON = pe;
+  i.prototype.toJSON = ge;
 }
 const y = Object.freeze({
   /**
@@ -173,21 +181,21 @@ const y = Object.freeze({
    * An event.
    */
   event: 6
-}), pt = (i) => i, be = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: pt }) : { createHTML: pt };
-let D = Object.freeze({
+}), gt = (i) => i, ve = globalThis.trustedTypes ? globalThis.trustedTypes.createPolicy("fast-html", { createHTML: gt }) : { createHTML: gt };
+let P = Object.freeze({
   createHTML(i) {
-    return be.createHTML(i);
+    return ve.createHTML(i);
   },
   protect(i, t, e, s) {
     return s;
   }
 });
-const ge = D, T = Object.freeze({
+const me = P, T = Object.freeze({
   /**
    * Gets the dom policy used by the templating system.
    */
   get policy() {
-    return D;
+    return P;
   },
   /**
    * Sets the dom policy used by the templating system.
@@ -197,12 +205,12 @@ const ge = D, T = Object.freeze({
    * called by the application developer at the start of their program.
    */
   setPolicy(i) {
-    if (D !== ge)
+    if (P !== me)
       throw v.error(
         1201
         /* Message.onlySetDOMPolicyOnce */
       );
-    D = i;
+    P = i;
   },
   /**
    * Sets an attribute value on an element.
@@ -227,7 +235,7 @@ const ge = D, T = Object.freeze({
   setBooleanAttribute(i, t, e) {
     e ? i.setAttribute(t, "") : i.removeAttribute(t);
   }
-}), Ut = v.getById(N.updateQueue, () => {
+}), Wt = v.getById(N.updateQueue, () => {
   const i = [], t = [], e = globalThis.requestAnimationFrame;
   let s = !0;
   function n() {
@@ -328,7 +336,7 @@ class rt {
         e[n].handleChange(s, t);
   }
 }
-class qt {
+class Qt {
   /**
    * Creates an instance of PropertyChangeNotifier for the specified subject.
    * @param subject - The object that subscribers will receive notifications for.
@@ -375,7 +383,7 @@ const J = Object.freeze({
    */
   coupled: 1
 }), g = v.getById(N.observable, () => {
-  const i = Ut.enqueue, t = /(:|&&|\|\||if|\?\.)/, e = /* @__PURE__ */ new WeakMap();
+  const i = Wt.enqueue, t = /(:|&&|\|\||if|\?\.)/, e = /* @__PURE__ */ new WeakMap();
   let s, n = (l) => {
     throw v.error(
       1101
@@ -385,9 +393,9 @@ const J = Object.freeze({
   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;
+    return h === void 0 && (Array.isArray(l) ? h = n(l) : e.set(l, h = new Qt(l))), h;
   }
-  const o = zt();
+  const o = qt();
   class c {
     constructor(a) {
       this.name = a, this.field = `_${a}`, this.callback = `${a}Changed`;
@@ -548,17 +556,17 @@ const J = Object.freeze({
     }
   });
 });
-function ui(i, t) {
+function bi(i, t) {
   g.defineProperty(i, t);
 }
-function fi(i, t, e) {
+function gi(i, t, e) {
   return Object.assign({}, e, {
     get() {
       return g.trackVolatile(), e.get.apply(this);
     }
   });
 }
-const bt = v.getById(N.contextEvent, () => {
+const yt = v.getById(N.contextEvent, () => {
   let i = null;
   return {
     get() {
@@ -590,14 +598,14 @@ const bt = v.getById(N.contextEvent, () => {
    * @returns An event object.
    */
   getEvent() {
-    return bt.get();
+    return yt.get();
   },
   /**
    * Sets the current event.
    * @param event - An event object.
    */
   setEvent(i) {
-    bt.set(i);
+    yt.set(i);
   }
 });
 class lt {
@@ -611,15 +619,15 @@ class lt {
     this.evaluate = t, this.policy = e, this.isVolatile = s;
   }
 }
-class ye extends lt {
+class we extends lt {
   createObserver(t) {
     return g.binding(this.evaluate, t, this.isVolatile);
   }
 }
-function Wt(i, t, e = g.isVolatileBinding(i)) {
-  return new ye(i, t, e);
+function Gt(i, t, e = g.isVolatileBinding(i)) {
+  return new we(i, t, e);
 }
-class Qt extends lt {
+class Jt extends lt {
   createObserver() {
     return this;
   }
@@ -627,13 +635,13 @@ class Qt extends lt {
     return this.evaluate(t.source, t.context);
   }
 }
-x(Qt);
-function Gt(i, t) {
-  return new Qt(i, t);
+x(Jt);
+function Kt(i, t) {
+  return new Jt(i, t);
 }
-let gt;
-function Jt(i) {
-  return i.map((t) => t instanceof m ? Jt(t.styles) : [t]).reduce((t, e) => t.concat(e), []);
+let vt;
+function Xt(i) {
+  return i.map((t) => t instanceof m ? Xt(t.styles) : [t]).reduce((t, e) => t.concat(e), []);
 }
 class m {
   /**
@@ -647,7 +655,7 @@ class m {
    * Gets the StyleStrategy associated with these element styles.
    */
   get strategy() {
-    return this._strategy === null && this.withStrategy(gt), this._strategy;
+    return this._strategy === null && this.withStrategy(vt), this._strategy;
   }
   /** @internal */
   addStylesTo(t) {
@@ -673,14 +681,14 @@ class m {
    * @param strategy - The strategy to use.
    */
   withStrategy(t) {
-    return this._strategy = new t(Jt(this.styles)), this;
+    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) {
-    gt = t;
+    vt = t;
   }
   /**
    * Normalizes a set of composable style options.
@@ -692,8 +700,8 @@ class m {
   }
 }
 m.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
-const yt = /fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/, vt = /fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/, mt = /fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/, wt = /fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/, St = /^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/, Ct = /fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;
-function kt(i) {
+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({
@@ -712,22 +720,22 @@ const w = Object.freeze({
     return `fe-repeat$$end$$${i}$$fe-repeat`;
   },
   isContentBindingStartMarker(i) {
-    return yt.test(i);
+    return mt.test(i);
   },
   isContentBindingEndMarker(i) {
-    return vt.test(i);
+    return wt.test(i);
   },
   isRepeatViewStartMarker(i) {
-    return mt.test(i);
+    return St.test(i);
   },
   isRepeatViewEndMarker(i) {
-    return wt.test(i);
+    return Ct.test(i);
   },
   isElementBoundaryStartMarker(i) {
-    return kt(i) && St.test(i.data.trim());
+    return $t(i) && kt.test(i.data.trim());
   },
   isElementBoundaryEndMarker(i) {
-    return kt(i) && Ct.test(i.data);
+    return $t(i) && Tt.test(i.data);
   },
   /**
    * Returns the indexes of the ViewBehaviorFactories affecting
@@ -760,49 +768,49 @@ const w = Object.freeze({
    * the binding index or null if the index cannot be retrieved.
    */
   parseContentBindingStartMarker(i) {
-    return Nt(yt, i);
+    return xt(mt, i);
   },
   parseContentBindingEndMarker(i) {
-    return Nt(vt, i);
+    return xt(wt, i);
   },
   /**
    * Parses the index of a repeat directive from a content string.
    */
   parseRepeatStartMarker(i) {
-    return Tt(mt, i);
+    return Nt(St, i);
   },
   parseRepeatEndMarker(i) {
-    return Tt(wt, i);
+    return Nt(Ct, i);
   },
   /**
    * Parses element Id from element boundary markers
    */
   parseElementBoundaryStartMarker(i) {
-    return $t(St, i.trim());
+    return Bt(kt, i.trim());
   },
   parseElementBoundaryEndMarker(i) {
-    return $t(Ct, i);
+    return Bt(Tt, i);
   }
 });
-function Tt(i, t) {
+function Nt(i, t) {
   const e = i.exec(t);
   return e === null ? e : parseInt(e[1]);
 }
-function $t(i, t) {
+function Bt(i, t) {
   const e = i.exec(t);
   return e === null ? e : e[1];
 }
-function Nt(i, t) {
+function xt(i, t) {
   const e = i.exec(t);
   return e === null ? e : [parseInt(e[1]), e[2]];
 }
-const z = Symbol.for("fe-hydration");
+const z = /* @__PURE__ */ Symbol.for("fe-hydration");
 function U(i) {
   return i[z] === z;
 }
-const ct = `fast-${Math.random().toString(36).substring(2, 8)}`, H = `${ct}{`, R = `}${ct}`, ve = R.length;
-let me = 0;
-const j = () => `${ct}-${++me}`, Kt = Object.freeze({
+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.
@@ -810,7 +818,7 @@ const j = () => `${ct}-${++me}`, Kt = Object.freeze({
    * @remarks
    * Used internally by binding directives.
    */
-  interpolation: (i) => `${H}${i}${R}`,
+  interpolation: (i) => `${D}${i}${R}`,
   /**
    * Creates a placeholder that manifests itself as an attribute on an
    * element.
@@ -819,14 +827,14 @@ const j = () => `${ct}-${++me}`, Kt = Object.freeze({
    * @remarks
    * Used internally by attribute directives such as `ref`, `slotted`, and `children`.
    */
-  attribute: (i) => `${j()}="${H}${i}${R}"`,
+  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) => `<!--${H}${i}${R}-->`
+  comment: (i) => `<!--${D}${i}${R}-->`
 }), K = Object.freeze({
   /**
    * Parses text content or HTML attribute content, separating out the static strings
@@ -837,7 +845,7 @@ const j = () => `${ct}-${++me}`, Kt = Object.freeze({
    * directives or null if no directives are found in the string.
    */
   parse(i, t) {
-    const e = i.split(H);
+    const e = i.split(D);
     if (e.length === 1)
       return null;
     const s = [];
@@ -848,13 +856,13 @@ const j = () => `${ct}-${++me}`, Kt = Object.freeze({
         d = o;
       else {
         const l = o.substring(0, c);
-        s.push(t[l]), d = o.substring(c + ve);
+        s.push(t[l]), d = o.substring(c + Se);
       }
       d !== "" && s.push(d);
     }
     return s;
   }
-}), et = Pt(), $ = Object.freeze({
+}), et = Ut(), $ = Object.freeze({
   /**
    * Gets the directive definition associated with the instance.
    * @param instance - The directive instance to retrieve the definition for.
@@ -901,7 +909,7 @@ const j = () => `${ct}-${++me}`, Kt = Object.freeze({
     }
   }
 });
-class we {
+class ke {
   /**
    * Creates an instance of RefDirective.
    * @param options - The options to use in configuring the directive.
@@ -916,7 +924,7 @@ class we {
    * Creates a custom attribute placeholder.
    */
   createHTML(t) {
-    return Kt.attribute(t(this));
+    return Yt.attribute(t(this));
   }
   /**
    * Creates a behavior.
@@ -926,8 +934,8 @@ class we {
     return this;
   }
 }
-x(we);
-class Xt extends Error {
+x(ke);
+class Zt extends Error {
   constructor(t, e, s) {
     super(t), this.factories = e, this.node = s;
   }
@@ -935,18 +943,18 @@ class Xt extends Error {
 function dt(i) {
   return i.nodeType === Node.COMMENT_NODE;
 }
-function Yt(i) {
+function te(i) {
   return i.nodeType === Node.TEXT_NODE;
 }
-function Zt(i, t) {
+function ee(i, t) {
   const e = document.createRange();
-  return e.setStart(i, 0), e.setEnd(t, dt(t) || Yt(t) ? t.data.length : t.childNodes.length), e;
+  return e.setStart(i, 0), e.setEnd(t, dt(t) || te(t) ? t.data.length : t.childNodes.length), e;
 }
-function Se(i) {
+function Te(i) {
   return i instanceof DocumentFragment && "mode" in i;
 }
-function Ce(i, t, e) {
-  const s = Zt(i, t), n = s.commonAncestorContainer, r = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT, {
+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;
     }
@@ -955,11 +963,11 @@ function Ce(i, t, e) {
   for (; d !== null; ) {
     switch (d.nodeType) {
       case Node.ELEMENT_NODE: {
-        ke(d, e, o);
+        Ne(d, e, o);
         break;
       }
       case Node.COMMENT_NODE: {
-        Te(d, r, e, o, c);
+        Be(d, r, e, o, c);
         break;
       }
     }
@@ -967,21 +975,21 @@ function Ce(i, t, e) {
   }
   return s.detach(), { targets: o, boundaries: c };
 }
-function ke(i, t, e) {
+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 Xt(`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);
+        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 Te(i, t, e, s, n) {
+function Be(i, t, e, s, n) {
   if (w.isElementBoundaryStartMarker(i)) {
-    $e(i, t);
+    xe(i, t);
     return;
   }
   if (w.isContentBindingStartMarker(i.data)) {
@@ -1002,9 +1010,9 @@ function Te(i, t, e, s, n) {
     }
     if (a === null) {
       const u = i.getRootNode();
-      throw new Error(`Error hydrating Comment node inside "${Se(u) ? u.host.nodeName : u.nodeName}".`);
+      throw new Error(`Error hydrating Comment node inside "${Te(u) ? u.host.nodeName : u.nodeName}".`);
     }
-    if (a.data = "", l.length === 1 && Yt(l[0]))
+    if (a.data = "", l.length === 1 && te(l[0]))
       q(d, l[0], s);
     else {
       a !== h && a.previousSibling !== null && (n[d.targetNodeId] = {
@@ -1016,7 +1024,7 @@ function Te(i, t, e, s, n) {
     }
   }
 }
-function $e(i, t) {
+function xe(i, t) {
   const e = w.parseElementBoundaryStartMarker(i.data);
   let s = t.nextSibling();
   for (; s !== null; ) {
@@ -1033,7 +1041,7 @@ function q(i, t, e) {
     throw new Error("Factory could not be target to the node");
   e[i.targetNodeId] = t;
 }
-var te;
+var ie;
 function at(i, t) {
   const e = i.parentNode;
   let s = i, n;
@@ -1044,7 +1052,7 @@ function at(i, t) {
   }
   e.removeChild(t);
 }
-class ee {
+class se {
   constructor() {
     this.index = 0, this.length = 0;
   }
@@ -1102,7 +1110,7 @@ class ee {
     return this.event.target;
   }
 }
-class X extends ee {
+class X extends se {
   /**
    * Constructs an instance of HTMLView.
    * @param fragment - The html fragment that contains the nodes for this view.
@@ -1212,14 +1220,14 @@ const A = {
   hydrating: "hydrating",
   hydrated: "hydrated"
 };
-class Ne extends Error {
+class Ae extends Error {
   constructor(t, e, s, n) {
     super(t), this.factory = e, this.fragment = s, this.templateString = n;
   }
 }
-class Be extends ee {
+class Me extends se {
   constructor(t, e, s, n) {
-    super(), this.firstChild = t, this.lastChild = e, this.sourceTemplate = s, this.hostBindingTarget = n, this[te] = 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;
+    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;
@@ -1275,10 +1283,10 @@ class Be extends ee {
     if (n === null) {
       this.source = t, this.context = e;
       try {
-        const { targets: o, boundaries: c } = Ce(this.firstChild, this.lastChild, this.factories);
+        const { targets: o, boundaries: c } = $e(this.firstChild, this.lastChild, this.factories);
         this._targets = o, this._bindingViewBoundaries = c;
       } catch (o) {
-        if (o instanceof Xt) {
+        if (o instanceof Zt) {
           let c = this.sourceTemplate.html;
           typeof c != "string" && (c = c.innerHTML), o.templateString = c;
         }
@@ -1303,8 +1311,8 @@ Mismatch Details:`,
           ];
           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 Ne(b.join(`
-`), d, Zt(this.firstChild, this.lastChild).cloneContents(), l);
+Template: ${l.slice(0, 200)}${l.length > 200 ? "..." : ""}`), new Ae(b.join(`
+`), d, ee(this.firstChild, this.lastChild).cloneContents(), l);
         }
       }
     } else {
@@ -1334,13 +1342,13 @@ Template: ${l.slice(0, 200)}${l.length > 200 ? "..." : ""}`), new Ne(b.join(`
     t.length = 0;
   }
 }
-te = z;
-x(Be);
-function xe(i) {
+ie = z;
+x(Me);
+function Oe(i) {
   return i.create !== void 0;
 }
-function Ae(i, t, e, s) {
-  if (e == null && (e = ""), xe(e)) {
+function Ee(i, t, e, s) {
+  if (e == null && (e = ""), Oe(e)) {
     i.textContent = "";
     let n = i.$fastView;
     if (n === void 0)
@@ -1357,7 +1365,7 @@ function Ae(i, t, e, s) {
     n !== void 0 && n.isComposed && (n.isComposed = !1, n.remove(), n.needsBindOnly ? n.needsBindOnly = !1 : n.unbind()), i.textContent = e;
   }
 }
-function Me(i, t, 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;
@@ -1375,12 +1383,12 @@ function Me(i, t, e) {
       o[l] === c && d.remove(l);
   }
 }
-const Oe = {
+const _e = {
   [y.attribute]: T.setAttribute,
   [y.booleanAttribute]: T.setBooleanAttribute,
   [y.property]: (i, t, e) => i[t] = e,
-  [y.content]: Ae,
-  [y.tokenList]: Me,
+  [y.content]: Ee,
+  [y.tokenList]: Re,
   [y.event]: () => {
   }
 };
@@ -1397,7 +1405,7 @@ class M {
    * @param add - Can be used to add  behavior factories to a template.
    */
   createHTML(t) {
-    return Kt.interpolation(t(this));
+    return Yt.interpolation(t(this));
   }
   /**
    * Creates a behavior.
@@ -1405,7 +1413,7 @@ class M {
   createBehavior() {
     var t;
     if (this.updateTarget === null) {
-      const e = Oe[this.aspectType], s = (t = this.dataBinding.policy) !== null && t !== void 0 ? t : this.policy;
+      const e = _e[this.aspectType], s = (t = this.dataBinding.policy) !== null && t !== void 0 ? t : this.policy;
       if (!e)
         throw v.error(
           1205
@@ -1425,6 +1433,7 @@ class M {
         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)) {
@@ -1456,24 +1465,24 @@ class M {
   }
 }
 $.define(M, { aspected: !0 });
-const ie = (i, t) => `${i}.${t}`, Bt = {}, C = {
+const ne = (i, t) => `${i}.${t}`, At = {}, C = {
   index: 0,
   node: null
 };
-function xt(i) {
+function Mt(i) {
   i.startsWith("fast-") || v.warn(1204, { name: i });
 }
-const Ee = new Proxy(document.createElement("div"), {
+const Ie = new Proxy(document.createElement("div"), {
   get(i, t) {
-    xt(t);
+    Mt(t);
     const e = Reflect.get(i, t);
     return E(e) ? e.bind(i) : e;
   },
   set(i, t, e) {
-    return xt(t), Reflect.set(i, t, e);
+    return Mt(t), Reflect.set(i, t, e);
   }
 });
-class Re {
+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 = [];
   }
@@ -1494,10 +1503,10 @@ class Re {
       const o = t.lastIndexOf("."), c = t.substring(0, o), d = parseInt(t.substring(o + 1));
       this.addTargetDescriptor(c, t, d);
     }
-    let r = Bt[e];
+    let r = At[e];
     if (!r) {
       const o = `_${e}`;
-      Bt[e] = r = {
+      At[e] = r = {
         get() {
           var c;
           return (c = this[o]) !== null && c !== void 0 ? c : this[o] = this[t].childNodes[s];
@@ -1508,46 +1517,46 @@ class Re {
   }
   createView(t) {
     const e = this.fragment.cloneNode(!0), s = Object.create(this.proto);
-    s.r = e, s.h = t ?? Ee;
+    s.r = e, s.h = t ?? Ie;
     for (const n of this.nodeIds)
       s[n];
     return new X(e, this.factories, s);
   }
 }
-function se(i, t, e, s, n, r = !1) {
+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(Gt(() => 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));
+    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 _e(i, t, e, s, n) {
+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 = ie(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;
+    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 ne(i, t, e) {
+function ae(i, t, e) {
   let s = 0, n = t.firstChild;
   for (; n; ) {
-    const r = Ie(i, e, n, s);
+    const r = Ve(i, e, n, s);
     n = r.node, s = r.index;
   }
 }
-function Ie(i, t, e, s) {
-  const n = ie(t, s);
+function Ve(i, t, e, s) {
+  const n = ne(t, s);
   switch (e.nodeType) {
     case 1:
-      se(i, t, e, n, s), ne(i, e, n);
+      re(i, t, e, n, s), ae(i, e, n);
       break;
     case 3:
-      return _e(i, e, t, n, s);
+      return Le(i, e, t, n, s);
     case 8:
       const r = K.parse(e.data, i.directives);
       r !== null && i.addFactory(
@@ -1562,10 +1571,10 @@ function Ie(i, t, e, s) {
   }
   return C.index = s + 1, C.node = e.nextSibling, C;
 }
-function je(i, t) {
+function Fe(i, t) {
   return i && i.nodeType == 8 && K.parse(i.data, t) !== null;
 }
-const At = "TEMPLATE", ht = {
+const Ot = "TEMPLATE", ht = {
   /**
    * Compiles a template and associated directives into a compilation
    * result which can be used to create views.
@@ -1581,14 +1590,14 @@ const At = "TEMPLATE", ht = {
   compile(i, t, e = T.policy) {
     let s;
     if (B(i)) {
-      s = document.createElement(At), s.innerHTML = e.createHTML(i);
+      s = document.createElement(Ot), s.innerHTML = e.createHTML(i);
       const o = s.content.firstElementChild;
-      o !== null && o.tagName === At && (s = o);
+      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 Re(n, t, e);
-    return se(
+    const n = document.adoptNode(s.content), r = new je(n, t, e);
+    return re(
       r,
       "",
       s,
@@ -1600,10 +1609,10 @@ const At = "TEMPLATE", ht = {
     // 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.
-    (je(n.firstChild, t) || // Or if there is only one node and a directive, it means the template's content
+    (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), ne(
+    n.childNodes.length === 1 && Object.keys(t).length > 0) && n.insertBefore(document.createComment(""), n.firstChild), ae(
       r,
       n,
       /* root */
@@ -1634,19 +1643,19 @@ const At = "TEMPLATE", ht = {
       for (let u = 0; u < r; ++u)
         h += o[u](l, a);
       return h;
-    }, d = new M(Wt(c, n ?? t, s));
+    }, d = new M(Gt(c, n ?? t, s));
     return $.assignAspect(d, e), d;
   }
-}, Le = (
+}, 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"'`<>=]*|"[^"]*|'[^']*))$/
-), Ve = /* @__PURE__ */ Object.create(null);
+), De = /* @__PURE__ */ Object.create(null);
 class L {
   /**
    * Creates an instance of InlineTemplateDirective.
    * @param template - The template to inline.
    */
-  constructor(t, e = Ve) {
+  constructor(t, e = De) {
     this.html = t, this.factories = e;
   }
   /**
@@ -1662,9 +1671,9 @@ class L {
 }
 L.empty = new L("");
 $.define(L);
-function Fe(i, t, e, s = $.getForInstance(i)) {
+function He(i, t, e, s = $.getForInstance(i)) {
   if (s.aspected) {
-    const n = Le.exec(t);
+    const n = Pe.exec(t);
     n !== null && $.assignAspect(i, n[2]);
   }
   return i.createHTML(e);
@@ -1754,34 +1763,34 @@ class Y {
       const l = t[c];
       let a = e[c], h;
       if (n += l, E(a))
-        a = new M(Wt(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(Gt(() => u));
+        a = new M(Kt(() => u));
       }
-      n += Fe(a, l, o, h);
+      n += He(a, l, o, h);
     }
     return new Y(n + t[t.length - 1], r, s);
   }
 }
 x(Y);
-const re = (i, ...t) => {
+const oe = ((i, ...t) => {
   if (Array.isArray(i) && Array.isArray(i.raw))
     return Y.create(i, t);
   throw v.error(
     1206
     /* Message.directCallToHTMLTagNotAllowed */
   );
-};
-re.partial = (i) => new L(i);
-const Mt = "boolean", Ot = "reflect", ae = Object.freeze({
+});
+oe.partial = (i) => new L(i);
+const Et = "boolean", Rt = "reflect", le = Object.freeze({
   /**
    * Locates all attribute configurations associated with a type.
    */
-  locate: zt()
-}), De = {
+  locate: qt()
+}), ze = {
   toView(i) {
     return i ? "true" : "false";
   },
@@ -1789,18 +1798,18 @@ const Mt = "boolean", Ot = "reflect", ae = Object.freeze({
     return !(i == null || i === "false" || i === !1 || i === 0);
   }
 };
-function Et(i) {
+function _t(i) {
   if (i == null)
     return null;
   const t = i * 1;
   return isNaN(t) ? null : t;
 }
-const pi = {
+const yi = {
   toView(i) {
-    const t = Et(i);
+    const t = _t(i);
     return t && t.toString();
   },
-  fromView: Et
+  fromView: _t
 };
 class W {
   /**
@@ -1812,8 +1821,8 @@ class W {
    * @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 = Ot, 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 === Mt && r === void 0 && (this.converter = De);
+  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.
@@ -1837,15 +1846,15 @@ class W {
   }
   tryReflectToAttribute(t) {
     const e = this.mode, s = this.guards;
-    s.has(t) || e === "fromView" || Ut.enqueue(() => {
+    s.has(t) || e === "fromView" || Wt.enqueue(() => {
       s.add(t);
       const n = t[this.fieldName];
       switch (e) {
-        case Ot:
+        case Rt:
           const r = this.converter;
           T.setAttribute(t, this.attribute, r !== void 0 ? r.toView(n) : n);
           break;
-        case Mt:
+        case Et:
           T.setBooleanAttribute(t, this.attribute, n);
           break;
       }
@@ -1860,7 +1869,7 @@ class W {
    */
   static collect(t, ...e) {
     const s = [];
-    e.push(ae.locate(t));
+    e.push(le.locate(t));
     for (let n = 0, r = e.length; n < r; ++n) {
       const o = e[n];
       if (o !== void 0)
@@ -1872,10 +1881,10 @@ class W {
     return s;
   }
 }
-function He(i, t) {
+function Ue(i, t) {
   let e;
   function s(n, r) {
-    arguments.length > 1 && (e.property = r), ae.locate(n.constructor).push(e);
+    arguments.length > 1 && (e.property = r), le.locate(n.constructor).push(e);
   }
   if (arguments.length > 1) {
     e = {}, s(i, t);
@@ -1883,7 +1892,7 @@ function He(i, t) {
   }
   return e = i === void 0 ? {} : i, s;
 }
-var Pe = function(i, t, e, s) {
+var qe = function(i, t, e, s) {
   function n(r) {
     return r instanceof e ? r : new e(function(o) {
       o(r);
@@ -1910,7 +1919,7 @@ var Pe = function(i, t, e, s) {
     l((s = s.apply(i, t || [])).next());
   });
 };
-const Rt = { mode: "open" }, _t = {}, it = /* @__PURE__ */ new Set(), _ = v.getById(N.elementRegistry, () => Pt()), ze = {
+const It = { mode: "open" }, jt = {}, it = /* @__PURE__ */ new Set(), _ = v.getById(N.elementRegistry, () => Ut()), We = {
   deferAndHydrate: "defer-and-hydrate"
 };
 class p {
@@ -1925,7 +1934,7 @@ class p {
     Reflect.defineProperty(t, "observedAttributes", {
       value: o,
       enumerable: !0
-    }), this.attributes = r, this.propertyLookup = c, this.attributeLookup = d, this.shadowOptions = e.shadowOptions === void 0 ? Rt : e.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, Rt), e.shadowOptions), this.elementOptions = e.elementOptions === void 0 ? _t : Object.assign(Object.assign({}, _t), e.elementOptions), this.styles = m.normalize(e.styles), _.register(this), g.defineProperty(p.isRegistered, this.name), p.isRegistered[this.name] = this.type;
+    }), 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.
@@ -1988,13 +1997,13 @@ class p {
 p.isRegistered = {};
 p.getByType = _.getByType;
 p.getForInstance = _.getForInstance;
-p.registerAsync = (i) => Pe(void 0, void 0, void 0, function* () {
+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 Ue extends MutationObserver {
+class Qe extends MutationObserver {
   /**
    * Creates an instance of UnobservableMutationObserver.
    * @param callback - The callback to invoke when observed nodes are changed.
@@ -2012,7 +2021,7 @@ class Ue extends MutationObserver {
     this.observedNodes.delete(t), this.observedNodes.size < 1 && this.disconnect();
   }
 }
-const bi = Object.freeze({
+const vi = Object.freeze({
   /**
    * Creates a ViewBehaviorOrchestrator.
    * @param source - The source to to associate behaviors with.
@@ -2050,17 +2059,17 @@ const bi = Object.freeze({
       }
     };
   }
-}), qe = {
+}), Ge = {
   bubbles: !0,
   composed: !0,
   cancelable: !0
-}, P = "isConnected", oe = /* @__PURE__ */ new WeakMap();
+}, H = "isConnected", ce = /* @__PURE__ */ new WeakMap();
 function I(i) {
   var t, e;
-  return (e = (t = i.shadowRoot) !== null && t !== void 0 ? t : oe.get(i)) !== null && e !== void 0 ? e : null;
+  return (e = (t = i.shadowRoot) !== null && t !== void 0 ? t : ce.get(i)) !== null && e !== void 0 ? e : null;
 }
-let It;
-class S extends qt {
+let Lt;
+class S extends Qt {
   /**
    * Creates a Controller to control the specified element.
    * @param element - The element to be controlled by this controller.
@@ -2084,7 +2093,7 @@ class S extends qt {
    * connected to the document.
    */
   get isConnected() {
-    return g.track(this, P), this.stage === 1;
+    return g.track(this, H), this.stage === 1;
   }
   /**
    * The context the expression is evaluated against.
@@ -2133,7 +2142,7 @@ class S extends qt {
     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" && oe.set(this.source, e));
+      e ? this.hasExistingShadowRoot = !0 : (e = this.source.attachShadow(t), t.mode === "closed" && ce.set(this.source, e));
     }
   }
   /**
@@ -2220,7 +2229,7 @@ class S extends qt {
    * 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, P));
+    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.
@@ -2266,7 +2275,7 @@ class S extends qt {
    * Runs disconnected lifecycle behavior on the associated element.
    */
   disconnect() {
-    this.stage === 1 && (this.stage = 2, g.notify(this, P), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
+    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.
@@ -2287,7 +2296,7 @@ class S extends qt {
    * 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 }, qe), s))) : !1;
+    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.
@@ -2335,7 +2344,7 @@ class S extends qt {
       handleChange: () => {
         S.forCustomElement(t, !0), t.$fastController.connect();
       }
-    }, "shadowOptions"), t.$fastController = new It(t, n);
+    }, "shadowOptions"), t.$fastController = new Lt(t, n);
   }
   /**
    * Sets the strategy that ElementController.forCustomElement uses to construct
@@ -2343,7 +2352,7 @@ class S extends qt {
    * @param strategy - The strategy to use.
    */
   static setStrategy(t) {
-    It = t;
+    Lt = t;
   }
 }
 x(S);
@@ -2363,24 +2372,24 @@ class Z {
     });
   }
   addStylesTo(t) {
-    le(Q(t), this.sheets);
+    de(Q(t), this.sheets);
   }
   removeStylesFrom(t) {
-    ce(Q(t), this.sheets);
+    he(Q(t), this.sheets);
   }
 }
 Z.styleSheetCache = /* @__PURE__ */ new Map();
-let We = 0;
-const Qe = () => `fast-${++We}`;
-function jt(i) {
+let Je = 0;
+const Ke = () => `fast-${++Je}`;
+function Vt(i) {
   return i === document ? document.body : i;
 }
-class Ge {
+class Xe {
   constructor(t) {
-    this.styles = t, this.styleClass = Qe();
+    this.styles = t, this.styleClass = Ke();
   }
   addStylesTo(t) {
-    t = jt(Q(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");
@@ -2388,22 +2397,22 @@ class Ge {
     }
   }
   removeStylesFrom(t) {
-    t = jt(Q(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 le = (i, t) => {
+let de = (i, t) => {
   i.adoptedStyleSheets = [...i.adoptedStyleSheets, ...t];
-}, ce = (i, t) => {
+}, he = (i, t) => {
   i.adoptedStyleSheets = i.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
 };
 if (m.supportsAdoptedStyleSheets) {
   try {
-    document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), le = (i, t) => {
+    document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), de = (i, t) => {
       i.adoptedStyleSheets.push(...t);
-    }, ce = (i, t) => {
+    }, he = (i, t) => {
       for (const e of t) {
         const s = i.adoptedStyleSheets.indexOf(e);
         s !== -1 && i.adoptedStyleSheets.splice(s, 1);
@@ -2413,7 +2422,7 @@ if (m.supportsAdoptedStyleSheets) {
   }
   m.setDefaultStrategy(Z);
 } else
-  m.setDefaultStrategy(Ge);
+  m.setDefaultStrategy(Xe);
 const V = "defer-hydration", st = "needs-hydration";
 class f extends S {
   /**
@@ -2423,7 +2432,7 @@ class f extends S {
     return super.shadowOptions;
   }
   set shadowOptions(t) {
-    super.shadowOptions = t, (this.hasExistingShadowRoot || t !== void 0 && !this.template) && this.definition.templateOptions === ze.deferAndHydrate && (this.source.toggleAttribute(V, !0), this.source.toggleAttribute(st, !0));
+    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
@@ -2483,7 +2492,7 @@ class f extends S {
           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, P);
+      this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(st), this.needsInitialization = this.needsHydration = !1, this.removeHydratingInstance(), g.notify(this, H);
     }
   }
   /**
@@ -2512,10 +2521,10 @@ class f extends S {
     S.setStrategy(f);
   }
 }
-f.hydrationObserver = new Ue(f.hydrationObserverHandler);
+f.hydrationObserver = new Qe(f.hydrationObserverHandler);
 f.idleCallbackId = null;
 f.hydratingInstances = /* @__PURE__ */ new Map();
-function de(i) {
+function ue(i) {
   const t = class extends i {
     constructor() {
       super(), S.forCustomElement(this);
@@ -2535,10 +2544,10 @@ function de(i) {
   };
   return p.registerBaseType(t), t;
 }
-function Je(i, t) {
+function Ye(i, t) {
   return E(i) ? p.compose(i, t) : p.compose(this, i);
 }
-function Ke(i, t) {
+function Ze(i, t) {
   return E(i) ? new Promise((e) => {
     p.composeAsync(i, t).then((s) => {
       e(s);
@@ -2549,48 +2558,48 @@ function Ke(i, t) {
     });
   }).then((e) => e.define().type);
 }
-function Xe(i, t) {
+function ti(i, t) {
   return E(i) ? p.compose(i, t).define().type : p.compose(this, i).define().type;
 }
-function Ye(i) {
-  return de(i);
+function ei(i) {
+  return ue(i);
 }
-const Ze = Object.assign(de(HTMLElement), {
+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: Ye,
+  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: Xe,
+  define: ti,
   /**
    * Defines metadata for a FASTElement which can be used to later define the element.
    * @public
    */
-  compose: Je,
+  compose: Ye,
   /**
    * Defines metadata for a FASTElement which can be used after it has been resolved to define the element.
    * @alpha
    */
-  defineAsync: Ke
+  defineAsync: Ze
 });
-function ti(i, t) {
+function si(i, t) {
   return i instanceof Function ? i(t) : i;
 }
-const Lt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), gi = (i) => (t = "vwc") => {
+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, Lt.has(r))
+    if (o.componentName = n.name, Ft.has(r))
       return;
     nt.has(o) && nt.get(o) !== r && (o = class extends o {
-    }), Lt.add(r), nt.set(o, r);
+    }), Ft.add(r), nt.set(o, r);
     for (const a of n.dependencies)
       s(a);
     const c = new Map([
@@ -2605,7 +2614,7 @@ const Lt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), gi = (i) =
             `Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`
           );
         const u = c.get(a);
-        return h ? u : re.partial(u);
+        return h ? u : oe.partial(u);
       },
       tagForNonDependency(a) {
         return e(a);
@@ -2613,7 +2622,7 @@ const Lt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), gi = (i) =
     };
     p.compose(o, {
       ...n.options,
-      template: ti(
+      template: si(
         n.template,
         l
       ),
@@ -2621,42 +2630,42 @@ const Lt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), gi = (i) =
     }).define();
   };
   s(i);
-}, yi = (i, t, e, s, n) => ({
+}, wi = (i, t, e, s, n) => ({
   name: i,
   type: t,
   template: e,
   dependencies: s,
   options: n
-}), Vt = /* @__PURE__ */ new WeakMap(), he = (i) => {
-  let t = Vt.get(i);
-  return t || (t = [], Vt.set(i, t)), t;
-}, vi = (i, t) => {
-  he(i).push(t);
-}, ei = (i, t) => {
-  he(i).forEach((e) => e(i, t));
-}, ii = (i) => i === "delegate", Ft = (i) => `vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`, ue = (i, t) => {
-  if (ii(i._vividAriaBehaviour)) {
+}), 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[Ft(t)] = i[t] : delete i.dataset[Ft(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(), si = (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]));
-}, ni = (i, t) => {
-  i.isConnected ? ue(i, t) : si(i, t);
-}, ri = (i) => {
+}, 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)
-      ue(i, e);
+      pe(i, e);
     G.delete(i);
   }
-}, Dt = [
+}, Ht = [
   "role",
   "ariaAtomic",
   "ariaAutoComplete",
@@ -2700,36 +2709,36 @@ const Lt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), gi = (i) =
   "ariaValueText",
   "ariaRelevant"
   // Non-standard
-], ot = (i) => i.replace("aria", "aria-").toLowerCase(), ai = (i) => {
+], ot = (i) => i.replace("aria", "aria-").toLowerCase(), ci = (i) => {
   class t extends i {
     constructor(...s) {
       super(...s), this._vividAriaBehaviour = "default";
-      for (const n of Dt)
+      for (const n of Ht)
         this[`_${n}`] = null;
     }
     connectedCallback() {
-      super.connectedCallback(), ri(this);
+      super.connectedCallback(), li(this);
     }
   }
-  for (const e of Dt)
-    He({
+  for (const e of Ht)
+    Ue({
       attribute: ot(e),
       mode: "fromView"
     })(t.prototype, e), t.prototype[`${e}Changed`] = function() {
-      ni(this, e), this._vividAriaBehaviour !== "default" && ei(this, e);
+      oi(this, e), this._vividAriaBehaviour !== "default" && ni(this, e);
     };
   return t;
 };
-function oi() {
+function di() {
   const i = /* @__PURE__ */ new WeakMap();
   return (t) => (i.has(t) || i.set(t, []), i.get(t));
 }
-const fe = oi(), mi = (i) => (t, e) => {
-  fe(t.constructor).push({
+const be = di(), Ci = (i) => (t, e) => {
+  be(t.constructor).push({
     newPropertyName: e,
     ...i
   });
-}, li = (i) => {
+}, hi = (i) => {
   class t extends i {
     #t(s) {
       let n = !1, r = !1;
@@ -2755,15 +2764,15 @@ const fe = oi(), mi = (i) => (t, e) => {
     }
     constructor(...s) {
       super(...s);
-      for (const n of fe(this.constructor))
+      for (const n of be(this.constructor))
         this.#t(n);
     }
   }
   return t;
 };
-class wi extends ai(li(Ze)) {
+class ki extends ci(hi(ii)) {
   static {
-    this.VIVID_VERSION = "5.15.0";
+    this.VIVID_VERSION = "5.15.1";
   }
   /**
    * Add data-vvd-component attribute with component name globally,
@@ -2776,40 +2785,40 @@ class wi extends ai(li(Ze)) {
   }
 }
 export {
-  di as A,
+  fi as A,
   lt as B,
   T as D,
   O as E,
   $ as H,
-  Kt as M,
+  Yt as M,
   g as O,
-  we as S,
-  Ut as U,
-  wi as V,
-  He as a,
-  bi as b,
-  gi as c,
-  yi as d,
-  hi as e,
+  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,
-  Wt as g,
-  re as h,
+  Gt as g,
+  oe as h,
   B as i,
   ot as j,
-  Dt as k,
+  Ht as k,
   rt as l,
   U as m,
-  pi as n,
-  ui as o,
+  yi as n,
+  bi as o,
   A as p,
   X as q,
-  mi as r,
-  vi as s,
+  Ci as r,
+  Si as s,
   w as t,
-  Gt as u,
-  fi as v,
+  Kt as u,
+  gi as v,
   m as w,
-  pe as x,
-  ci as y,
-  tt as z
+  ge as x,
+  tt as y,
+  ui as z
 };