@vonage/vivid 5.3.0 → 5.4.0

package/bundled/vivid-element.js

@@ -1,19 +1,19 @@
-let F;
+let I;
 const ft = "fast-kernel";
 try {
   if (document.currentScript)
-    F = document.currentScript.getAttribute(ft);
+    I = document.currentScript.getAttribute(ft);
   else {
     const i = document.getElementsByTagName("script");
-    F = i[i.length - 1].getAttribute(ft);
+    I = i[i.length - 1].getAttribute(ft);
   }
 } catch {
-  F = "isolate";
+  I = "isolate";
 }
-let k;
-switch (F) {
+let N;
+switch (I) {
   case "share":
-    k = Object.freeze({
+    N = Object.freeze({
       updateQueue: 1,
       observable: 2,
       contextEvent: 3,
@@ -21,7 +21,7 @@ switch (F) {
     });
     break;
   case "share-v2":
-    k = Object.freeze({
+    N = Object.freeze({
       updateQueue: 1.2,
       observable: 2.2,
       contextEvent: 3.2,
@@ -30,7 +30,7 @@ switch (F) {
     break;
   default:
     const i = `-${Math.random().toString(36).substring(2, 8)}`;
-    k = Object.freeze({
+    N = Object.freeze({
       updateQueue: `1.2${i}`,
       observable: `2.2${i}`,
       contextEvent: `3.2${i}`,
@@ -40,11 +40,11 @@ switch (F) {
 }
 const O = (i) => typeof i == "function", B = (i) => typeof i == "string", pe = () => {
 };
-var Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function li(i) {
+var tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function di(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-function ci(i) {
+function hi(i) {
   if (i.__esModule) return i;
   var t = i.default;
   if (typeof t == "function") {
@@ -65,8 +65,8 @@ function ci(i) {
 }
 (function() {
   if (!(typeof globalThis < "u"))
-    if (typeof Z < "u")
-      Z.globalThis = Z;
+    if (typeof tt < "u")
+      tt.globalThis = tt;
     else if (typeof self < "u")
       self.globalThis = self;
     else if (typeof window < "u")
@@ -76,21 +76,21 @@ function ci(i) {
       t.globalThis = t;
     }
 })();
-const Pt = {
+const Dt = {
   configurable: !1,
   enumerable: !1,
   writable: !1
 };
-globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: /* @__PURE__ */ Object.create(null) }, Pt));
-const g = globalThis.FAST;
-if (g.getById === void 0) {
+globalThis.FAST === void 0 && Reflect.defineProperty(globalThis, "FAST", Object.assign({ value: /* @__PURE__ */ Object.create(null) }, Dt));
+const y = globalThis.FAST;
+if (y.getById === void 0) {
   const i = /* @__PURE__ */ Object.create(null);
-  Reflect.defineProperty(g, "getById", Object.assign({ value(t, e) {
+  Reflect.defineProperty(y, "getById", Object.assign({ value(t, e) {
     let s = i[t];
     return s === void 0 && (s = e ? i[t] = e() : null), s;
-  } }, Pt));
+  } }, Dt));
 }
-g.error === void 0 && Object.assign(g, {
+y.error === void 0 && Object.assign(y, {
   warn() {
   },
   error(i) {
@@ -99,8 +99,8 @@ g.error === void 0 && Object.assign(g, {
   addMessages() {
   }
 });
-const di = Object.freeze([]);
-function Dt() {
+const ui = Object.freeze([]);
+function Pt() {
   const i = /* @__PURE__ */ new Map();
   return Object.freeze({
     register(t) {
@@ -131,7 +131,7 @@ function zt() {
 function x(i) {
   i.prototype.toJSON = pe;
 }
-const b = Object.freeze({
+const g = Object.freeze({
   /**
    * Not aspected.
    */
@@ -169,7 +169,7 @@ let H = Object.freeze({
     return s;
   }
 });
-const ge = H, $ = Object.freeze({
+const ge = H, T = Object.freeze({
   /**
    * Gets the dom policy used by the templating system.
    */
@@ -185,7 +185,7 @@ const ge = H, $ = Object.freeze({
    */
   setPolicy(i) {
     if (H !== ge)
-      throw g.error(
+      throw y.error(
         1201
         /* Message.onlySetDOMPolicyOnce */
       );
@@ -214,7 +214,7 @@ const ge = H, $ = Object.freeze({
   setBooleanAttribute(i, t, e) {
     e ? i.setAttribute(t, "") : i.removeAttribute(t);
   }
-}), Ut = g.getById(k.updateQueue, () => {
+}), Ut = y.getById(N.updateQueue, () => {
   const i = [], t = [], e = globalThis.requestAnimationFrame;
   let s = !0;
   function n() {
@@ -351,7 +351,7 @@ class Wt {
     e ? (s = this.subscribers[e]) === null || s === void 0 || s.unsubscribe(t) : (n = this.subjectSubscribers) === null || n === void 0 || n.unsubscribe(t);
   }
 }
-const G = Object.freeze({
+const J = Object.freeze({
   /**
    * The source to controller lifetime relationship is unknown.
    */
@@ -361,10 +361,10 @@ const G = Object.freeze({
    * They can/will be GC'd together.
    */
   coupled: 1
-}), p = g.getById(k.observable, () => {
+}), b = y.getById(N.observable, () => {
   const i = Ut.enqueue, t = /(:|&&|\|\||if|\?\.)/, e = /* @__PURE__ */ new WeakMap();
   let s, n = (l) => {
-    throw g.error(
+    throw y.error(
       1101
       /* Message.needsArrayObservation */
     );
@@ -383,11 +383,11 @@ const G = Object.freeze({
       return s !== void 0 && s.watch(o, this.name), o[this.field];
     }
     setValue(o, h) {
-      const u = this.field, y = o[u];
-      if (y !== h) {
+      const u = this.field, p = o[u];
+      if (p !== h) {
         o[u] = h;
-        const C = o[this.callback];
-        O(C) && C.call(o, y, h), r(o).notify(this.name);
+        const $ = o[this.callback];
+        O($) && $.call(o, p, h), r(o).notify(this.name);
       }
     }
   }
@@ -404,7 +404,7 @@ const G = Object.freeze({
       return !o.isBound && this.requiresUnbind(o) && o.onUnbind(this), h;
     }
     requiresUnbind(o) {
-      return o.sourceLifetime !== G.coupled || this.first !== this.last || this.first.propertySource !== o.source;
+      return o.sourceLifetime !== J.coupled || this.first !== this.last || this.first.propertySource !== o.source;
     }
     unbind(o) {
       this.dispose();
@@ -413,13 +413,13 @@ const G = Object.freeze({
       this.needsRefresh && this.last !== null && this.dispose();
       const u = s;
       s = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding;
-      let y;
+      let p;
       try {
-        y = this.expression(o, h);
+        p = this.expression(o, h);
       } finally {
         s = u;
       }
-      return y;
+      return p;
     }
     // backwards compat with v1 kernel
     disconnect() {
@@ -434,15 +434,15 @@ const G = Object.freeze({
       }
     }
     watch(o, h) {
-      const u = this.last, y = r(o), C = u === null ? this.first : {};
-      if (C.propertySource = o, C.propertyName = h, C.notifier = y, y.subscribe(this, h), u !== null) {
+      const u = this.last, p = r(o), $ = u === null ? this.first : {};
+      if ($.propertySource = o, $.propertyName = h, $.notifier = p, p.subscribe(this, h), u !== null) {
         if (!this.needsRefresh) {
           let ut;
           s = void 0, ut = u.propertySource[u.propertyName], s = this, o === ut && (this.needsRefresh = !0);
         }
-        u.next = C;
+        u.next = $;
       }
-      this.last = C;
+      this.last = $;
     }
     handleChange() {
       this.needsQueue ? (this.needsQueue = !1, i(this)) : this.isAsync || this.call();
@@ -535,17 +535,17 @@ const G = Object.freeze({
     }
   });
 });
-function hi(i, t) {
-  p.defineProperty(i, t);
+function fi(i, t) {
+  b.defineProperty(i, t);
 }
-function ui(i, t, e) {
+function pi(i, t, e) {
   return Object.assign({}, e, {
     get() {
-      return p.trackVolatile(), e.get.apply(this);
+      return b.trackVolatile(), e.get.apply(this);
     }
   });
 }
-const bt = g.getById(k.contextEvent, () => {
+const bt = y.getById(N.contextEvent, () => {
   let i = null;
   return {
     get() {
@@ -555,7 +555,7 @@ const bt = g.getById(k.contextEvent, () => {
       i = t;
     }
   };
-}), M = Object.freeze({
+}), E = Object.freeze({
   /**
    * A default execution context.
    */
@@ -563,7 +563,7 @@ const bt = g.getById(k.contextEvent, () => {
     index: 0,
     length: 0,
     get event() {
-      return M.getEvent();
+      return E.getEvent();
     },
     eventDetail() {
       return this.event.detail;
@@ -600,10 +600,10 @@ class lt {
 }
 class ye extends lt {
   createObserver(t) {
-    return p.binding(this.evaluate, t, this.isVolatile);
+    return b.binding(this.evaluate, t, this.isVolatile);
   }
 }
-function qt(i, t, e = p.isVolatileBinding(i)) {
+function qt(i, t, e = b.isVolatileBinding(i)) {
   return new ye(i, t, e);
 }
 class Qt extends lt {
@@ -620,15 +620,15 @@ function Gt(i, t) {
 }
 let gt;
 function Jt(i) {
-  return i.map((t) => t instanceof v ? Jt(t.styles) : [t]).reduce((t, e) => t.concat(e), []);
+  return i.map((t) => t instanceof m ? Jt(t.styles) : [t]).reduce((t, e) => t.concat(e), []);
 }
-class v {
+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 v ? e.behaviors : null).reduce((e, s) => s === null ? e : e === null ? s : e.concat(s), null);
+    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.
@@ -675,15 +675,15 @@ class v {
    * @returns A singular ElementStyles instance or undefined.
    */
   static normalize(t) {
-    return t === void 0 ? void 0 : Array.isArray(t) ? new v(t) : t instanceof v ? t : new v([t]);
+    return t === void 0 ? void 0 : Array.isArray(t) ? new m(t) : t instanceof m ? t : new m([t]);
   }
 }
-v.supportsAdoptedStyleSheets = Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype;
+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 $t(i) {
   return i && i.nodeType === Node.COMMENT_NODE;
 }
-const m = Object.freeze({
+const w = Object.freeze({
   attributeMarkerName: "data-fe-b",
   attributeBindingSeparator: " ",
   contentBindingStartMarker(i, t) {
@@ -747,10 +747,10 @@ const m = Object.freeze({
    * the binding index or null if the index cannot be retrieved.
    */
   parseContentBindingStartMarker(i) {
-    return kt(yt, i);
+    return Nt(yt, i);
   },
   parseContentBindingEndMarker(i) {
-    return kt(vt, i);
+    return Nt(vt, i);
   },
   /**
    * Parses the index of a repeat directive from a content string.
@@ -765,29 +765,29 @@ const m = Object.freeze({
    * Parses element Id from element boundary markers
    */
   parseElementBoundaryStartMarker(i) {
-    return Nt(St, i.trim());
+    return kt(St, i.trim());
   },
   parseElementBoundaryEndMarker(i) {
-    return Nt(Ct, i);
+    return kt(Ct, i);
   }
 });
 function Tt(i, t) {
   const e = i.exec(t);
   return e === null ? e : parseInt(e[1]);
 }
-function Nt(i, t) {
+function kt(i, t) {
   const e = i.exec(t);
   return e === null ? e : e[1];
 }
-function kt(i, t) {
+function Nt(i, t) {
   const e = i.exec(t);
   return e === null ? e : [parseInt(e[1]), e[2]];
 }
-const D = Symbol.for("fe-hydration");
-function z(i) {
-  return i[D] === D;
+const z = Symbol.for("fe-hydration");
+function U(i) {
+  return i[z] === z;
 }
-const ct = `fast-${Math.random().toString(36).substring(2, 8)}`, I = `${ct}{`, _ = `}${ct}`, ve = _.length;
+const ct = `fast-${Math.random().toString(36).substring(2, 8)}`, D = `${ct}{`, _ = `}${ct}`, ve = _.length;
 let me = 0;
 const L = () => `${ct}-${++me}`, Kt = Object.freeze({
   /**
@@ -797,7 +797,7 @@ const L = () => `${ct}-${++me}`, Kt = Object.freeze({
    * @remarks
    * Used internally by binding directives.
    */
-  interpolation: (i) => `${I}${i}${_}`,
+  interpolation: (i) => `${D}${i}${_}`,
   /**
    * Creates a placeholder that manifests itself as an attribute on an
    * element.
@@ -806,15 +806,15 @@ const L = () => `${ct}-${++me}`, Kt = Object.freeze({
    * @remarks
    * Used internally by attribute directives such as `ref`, `slotted`, and `children`.
    */
-  attribute: (i) => `${L()}="${I}${i}${_}"`,
+  attribute: (i) => `${L()}="${D}${i}${_}"`,
   /**
    * 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) => `<!--${I}${i}${_}-->`
-}), J = Object.freeze({
+  comment: (i) => `<!--${D}${i}${_}-->`
+}), K = Object.freeze({
   /**
    * Parses text content or HTML attribute content, separating out the static strings
    * from the directives.
@@ -824,7 +824,7 @@ const L = () => `${ct}-${++me}`, Kt = Object.freeze({
    * directives or null if no directives are found in the string.
    */
   parse(i, t) {
-    const e = i.split(I);
+    const e = i.split(D);
     if (e.length === 1)
       return null;
     const s = [];
@@ -841,24 +841,24 @@ const L = () => `${ct}-${++me}`, Kt = Object.freeze({
     }
     return s;
   }
-}), tt = Dt(), T = Object.freeze({
+}), et = Pt(), k = Object.freeze({
   /**
    * Gets the directive definition associated with the instance.
    * @param instance - The directive instance to retrieve the definition for.
    */
-  getForInstance: tt.getForInstance,
+  getForInstance: et.getForInstance,
   /**
    * Gets the directive definition associated with the specified type.
    * @param type - The directive type to retrieve the definition for.
    */
-  getByType: tt.getByType,
+  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, tt.register(t), i;
+    return t = t || {}, t.type = i, et.register(t), i;
   },
   /**
    *
@@ -869,21 +869,21 @@ const L = () => `${ct}-${++me}`, Kt = Object.freeze({
    */
   assignAspect(i, t) {
     if (!t) {
-      i.aspectType = b.content;
+      i.aspectType = g.content;
       return;
     }
     switch (i.sourceAspect = t, t[0]) {
       case ":":
-        i.targetAspect = t.substring(1), i.aspectType = i.targetAspect === "classList" ? b.tokenList : b.property;
+        i.targetAspect = t.substring(1), i.aspectType = i.targetAspect === "classList" ? g.tokenList : g.property;
         break;
       case "?":
-        i.targetAspect = t.substring(1), i.aspectType = b.booleanAttribute;
+        i.targetAspect = t.substring(1), i.aspectType = g.booleanAttribute;
         break;
       case "@":
-        i.targetAspect = t.substring(1), i.aspectType = b.event;
+        i.targetAspect = t.substring(1), i.aspectType = g.event;
         break;
       default:
-        i.targetAspect = t, i.aspectType = b.attribute;
+        i.targetAspect = t, i.aspectType = g.attribute;
         break;
     }
   }
@@ -956,23 +956,23 @@ function Ce(i, t, e) {
 }
 function $e(i, t, e) {
   var s;
-  const n = (s = m.parseAttributeBinding(i)) !== null && s !== void 0 ? s : m.parseEnumeratedAttributeBinding(i);
+  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);
-      U(t[r], i, e);
+      W(t[r], i, e);
     }
-    i.removeAttribute(m.attributeMarkerName);
+    i.removeAttribute(w.attributeMarkerName);
   }
 }
 function Te(i, t, e, s, n) {
-  if (m.isElementBoundaryStartMarker(i)) {
-    Ne(i, t);
+  if (w.isElementBoundaryStartMarker(i)) {
+    ke(i, t);
     return;
   }
-  if (m.isContentBindingStartMarker(i.data)) {
-    const r = m.parseContentBindingStartMarker(i.data);
+  if (w.isContentBindingStartMarker(i.data)) {
+    const r = w.parseContentBindingStartMarker(i.data);
     if (r === null)
       return;
     const [a, c] = r, d = e[a], l = [];
@@ -981,7 +981,7 @@ function Te(i, t, e, s, n) {
     const h = o;
     for (; o !== null; ) {
       if (dt(o)) {
-        const u = m.parseContentBindingEndMarker(o.data);
+        const u = w.parseContentBindingEndMarker(o.data);
         if (u && u[1] === c)
           break;
       }
@@ -992,30 +992,30 @@ function Te(i, t, e, s, n) {
       throw new Error(`Error hydrating Comment node inside "${Se(u) ? u.host.nodeName : u.nodeName}".`);
     }
     if (o.data = "", l.length === 1 && Yt(l[0]))
-      U(d, l[0], s);
+      W(d, l[0], s);
     else {
       o !== h && o.previousSibling !== null && (n[d.targetNodeId] = {
         first: h,
         last: o.previousSibling
       });
       const u = o.parentNode.insertBefore(document.createTextNode(""), o);
-      U(d, u, s);
+      W(d, u, s);
     }
   }
 }
-function Ne(i, t) {
-  const e = m.parseElementBoundaryStartMarker(i.data);
+function ke(i, t) {
+  const e = w.parseElementBoundaryStartMarker(i.data);
   let s = t.nextSibling();
   for (; s !== null; ) {
     if (dt(s)) {
-      const n = m.parseElementBoundaryEndMarker(s.data);
+      const n = w.parseElementBoundaryEndMarker(s.data);
       if (n && n === e)
         break;
     }
     s = t.nextSibling();
   }
 }
-function U(i, t, e) {
+function W(i, t, e) {
   if (i.targetNodeId === void 0)
     throw new Error("Factory could not be target to the node");
   e[i.targetNodeId] = t;
@@ -1039,7 +1039,7 @@ class ee {
    * The current event within an event handler.
    */
   get event() {
-    return M.getEvent();
+    return E.getEvent();
   }
   /**
    * Indicates whether the current item within a repeat context
@@ -1089,14 +1089,14 @@ class ee {
     return this.event.target;
   }
 }
-class K extends ee {
+class X extends ee {
   /**
    * 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 = G.unknown, this.context = this, this.firstChild = t.firstChild, this.lastChild = t.lastChild;
+    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.
@@ -1191,22 +1191,22 @@ class K extends ee {
     }
   }
 }
-x(K);
-p.defineProperty(K.prototype, "index");
-p.defineProperty(K.prototype, "length");
+x(X);
+b.defineProperty(X.prototype, "index");
+b.defineProperty(X.prototype, "length");
 const A = {
   unhydrated: "unhydrated",
   hydrating: "hydrating",
   hydrated: "hydrated"
 };
-class ke extends Error {
+class Ne extends Error {
   constructor(t, e, s, n) {
     super(t), this.factory = e, this.fragment = s, this.templateString = n;
   }
 }
 class Be extends ee {
   constructor(t, e, s, n) {
-    super(), this.firstChild = t, this.lastChild = e, this.sourceTemplate = s, this.hostBindingTarget = n, this[te] = D, this.context = this, this.source = null, this.isBound = !1, this.sourceLifetime = G.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[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;
   }
   get hydrationStage() {
     return this._hydrationStage;
@@ -1255,38 +1255,49 @@ class Be extends ee {
     t.appendChild(e);
   }
   bind(t, e = this) {
-    var s, n;
+    var s;
     if (this.hydrationStage !== A.hydrated && (this._hydrationStage = A.hydrating), this.source === t)
       return;
-    let r = this.behaviors;
-    if (r === null) {
+    let n = this.behaviors;
+    if (n === null) {
       this.source = t, this.context = e;
       try {
-        const { targets: c, boundaries: d } = Ce(this.firstChild, this.lastChild, this.factories);
-        this._targets = c, this._bindingViewBoundaries = d;
-      } catch (c) {
-        if (c instanceof Xt) {
-          let d = this.sourceTemplate.html;
-          typeof d != "string" && (d = d.innerHTML), c.templateString = d;
+        const { targets: a, boundaries: c } = Ce(this.firstChild, this.lastChild, this.factories);
+        this._targets = a, this._bindingViewBoundaries = c;
+      } catch (a) {
+        if (a instanceof Xt) {
+          let c = this.sourceTemplate.html;
+          typeof c != "string" && (c = c.innerHTML), a.templateString = c;
         }
-        throw c;
+        throw a;
       }
-      this.behaviors = r = new Array(this.factories.length);
-      const a = this.factories;
-      for (let c = 0, d = a.length; c < d; ++c) {
-        const l = a[c];
-        if (l.targetNodeId === "h" && this.hostBindingTarget && U(l, this.hostBindingTarget, this._targets), l.targetNodeId in this.targets) {
-          const o = l.createBehavior();
-          o.bind(this), r[c] = o;
+      this.behaviors = n = new Array(this.factories.length);
+      const r = this.factories;
+      for (let a = 0, c = r.length; a < c; ++a) {
+        const d = r[a];
+        if (d.targetNodeId === "h" && this.hostBindingTarget && W(d, this.hostBindingTarget, this._targets), d.targetNodeId in this.targets) {
+          const l = d.createBehavior();
+          l.bind(this), n[a] = l;
         } else {
-          let o = this.sourceTemplate.html;
-          throw typeof o != "string" && (o = o.innerHTML), new ke(`HydrationView was unable to successfully target bindings inside "${(n = ((s = this.firstChild) === null || s === void 0 ? void 0 : s.getRootNode()).host) === null || n === void 0 ? void 0 : n.nodeName}".`, l, Zt(this.firstChild, this.lastChild).cloneContents(), o);
+          let l = this.sourceTemplate.html;
+          typeof l != "string" && (l = l.innerHTML);
+          const o = ((s = this.firstChild) === null || s === void 0 ? void 0 : s.getRootNode()).host, h = o?.nodeName || "unknown", u = d, p = [
+            `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 && p.push(`  - Expected tag name: "${d.targetTagName}"`), u.sourceAspect && p.push(`  - Source aspect: "${u.sourceAspect}"`), u.aspectType !== void 0 && p.push(`  - Aspect type: ${u.aspectType}`), p.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(p.join(`
+`), d, Zt(this.firstChild, this.lastChild).cloneContents(), l);
         }
       }
     } else {
       this.source !== null && this.evaluateUnbindables(), this.isBound = !1, this.source = t, this.context = e;
-      for (let a = 0, c = r.length; a < c; ++a)
-        r[a].bind(this);
+      for (let r = 0, a = n.length; r < a; ++r)
+        n[r].bind(this);
     }
     this.isBound = !0, this._hydrationStage = A.hydrated;
   }
@@ -1310,7 +1321,7 @@ class Be extends ee {
     t.length = 0;
   }
 }
-te = D;
+te = z;
 x(Be);
 function xe(i) {
   return i.create !== void 0;
@@ -1320,7 +1331,7 @@ function Ae(i, t, e, s) {
     i.textContent = "";
     let n = i.$fastView;
     if (n === void 0)
-      if (z(s) && z(e) && s.bindingViewBoundaries[this.targetNodeId] !== void 0 && s.hydrationStage !== A.hydrated) {
+      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
@@ -1333,7 +1344,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 Ee(i, t, e) {
+function Me(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) }, a = r.cv;
   let c = r.v;
@@ -1351,22 +1362,22 @@ function Ee(i, t, e) {
       a[l] === c && d.remove(l);
   }
 }
-const Me = {
-  [b.attribute]: $.setAttribute,
-  [b.booleanAttribute]: $.setBooleanAttribute,
-  [b.property]: (i, t, e) => i[t] = e,
-  [b.content]: Ae,
-  [b.tokenList]: Ee,
-  [b.event]: () => {
+const Ee = {
+  [g.attribute]: T.setAttribute,
+  [g.booleanAttribute]: T.setBooleanAttribute,
+  [g.property]: (i, t, e) => i[t] = e,
+  [g.content]: Ae,
+  [g.tokenList]: Me,
+  [g.event]: () => {
   }
 };
-class E {
+class M {
   /**
    * Creates an instance of HTMLBindingDirective.
    * @param dataBinding - The binding configuration to apply.
    */
   constructor(t) {
-    this.dataBinding = t, this.updateTarget = null, this.aspectType = b.content;
+    this.dataBinding = t, this.updateTarget = null, this.aspectType = g.content;
   }
   /**
    * Creates HTML to be used within a template.
@@ -1381,9 +1392,9 @@ class E {
   createBehavior() {
     var t;
     if (this.updateTarget === null) {
-      const e = Me[this.aspectType], s = (t = this.dataBinding.policy) !== null && t !== void 0 ? t : this.policy;
+      const e = Ee[this.aspectType], s = (t = this.dataBinding.policy) !== null && t !== void 0 ? t : this.policy;
       if (!e)
-        throw g.error(
+        throw y.error(
           1205
           /* Message.unsupportedBindingBehavior */
         );
@@ -1394,16 +1405,16 @@ class E {
   /** @internal */
   bind(t) {
     var e;
-    const s = t.targets[this.targetNodeId], n = z(t) && t.hydrationStage && t.hydrationStage !== A.hydrated;
+    const s = t.targets[this.targetNodeId], n = U(t) && t.hydrationStage && t.hydrationStage !== A.hydrated;
     switch (this.aspectType) {
-      case b.event:
+      case g.event:
         s[this.data] = t, s.addEventListener(this.targetAspect, this, this.dataBinding.options);
         break;
-      case b.content:
+      case g.content:
         t.onUnbind(this);
       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 === b.attribute || this.aspectType === b.booleanAttribute)) {
+        if (r.target = s, r.controller = t, n && (this.aspectType === g.attribute || this.aspectType === g.booleanAttribute)) {
           r.bind(t);
           break;
         }
@@ -1420,9 +1431,9 @@ class E {
   handleEvent(t) {
     const e = t.currentTarget[this.data];
     if (e.isBound) {
-      M.setEvent(t);
+      E.setEvent(t);
       const s = this.dataBinding.evaluate(e.source, e.context);
-      M.setEvent(null), s !== !0 && t.preventDefault();
+      E.setEvent(null), s !== !0 && t.preventDefault();
     }
   }
   /** @internal */
@@ -1431,13 +1442,13 @@ class E {
     this.updateTarget(s, this.targetAspect, e.bind(n), n);
   }
 }
-T.define(E, { aspected: !0 });
-const ie = (i, t) => `${i}.${t}`, Bt = {}, w = {
+k.define(M, { aspected: !0 });
+const ie = (i, t) => `${i}.${t}`, Bt = {}, S = {
   index: 0,
   node: null
 };
 function xt(i) {
-  i.startsWith("fast-") || g.warn(1204, { name: i });
+  i.startsWith("fast-") || y.warn(1204, { name: i });
 }
 const Oe = new Proxy(document.createElement("div"), {
   get(i, t) {
@@ -1487,36 +1498,36 @@ class _e {
     s.r = e, s.h = t ?? Oe;
     for (const n of this.nodeIds)
       s[n];
-    return new K(e, this.factories, s);
+    return new X(e, this.factories, s);
   }
 }
 function se(i, t, e, s, n, r = !1) {
   const a = e.attributes, c = i.directives;
   for (let d = 0, l = a.length; d < l; ++d) {
-    const o = a[d], h = o.value, u = J.parse(h, c);
-    let y = null;
-    u === null ? r && (y = new E(Gt(() => h, i.policy)), T.assignAspect(y, o.name)) : y = ht.aggregate(u, i.policy), y !== null && (e.removeAttributeNode(o), d--, l--, i.addFactory(y, t, s, n, e.tagName));
+    const o = a[d], h = o.value, u = K.parse(h, c);
+    let p = null;
+    u === null ? r && (p = new M(Gt(() => h, i.policy)), k.assignAspect(p, o.name)) : p = ht.aggregate(u, i.policy), p !== null && (e.removeAttributeNode(o), d--, l--, i.addFactory(p, t, s, n, e.tagName));
   }
 }
 function Re(i, t, e, s, n) {
-  const r = J.parse(t.textContent, i.directives);
+  const r = K.parse(t.textContent, i.directives);
   if (r === null)
-    return w.node = t.nextSibling, w.index = n + 1, w;
+    return S.node = t.nextSibling, S.index = n + 1, S;
   let a, c = a = t;
   for (let d = 0, l = r.length; d < l; ++d) {
     const o = r[d];
-    d !== 0 && (n++, s = ie(e, n), a = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), B(o) ? a.textContent = o : (a.textContent = " ", T.assignAspect(o), i.addFactory(o, e, s, n, null)), c = a;
+    d !== 0 && (n++, s = ie(e, n), a = c.parentNode.insertBefore(document.createTextNode(""), c.nextSibling)), B(o) ? a.textContent = o : (a.textContent = " ", k.assignAspect(o), i.addFactory(o, e, s, n, null)), c = a;
   }
-  return w.index = n + 1, w.node = c.nextSibling, w;
+  return S.index = n + 1, S.node = c.nextSibling, S;
 }
 function ne(i, t, e) {
   let s = 0, n = t.firstChild;
   for (; n; ) {
-    const r = Ve(i, e, n, s);
+    const r = je(i, e, n, s);
     n = r.node, s = r.index;
   }
 }
-function Ve(i, t, e, s) {
+function je(i, t, e, s) {
   const n = ie(t, s);
   switch (e.nodeType) {
     case 1:
@@ -1525,7 +1536,7 @@ function Ve(i, t, e, s) {
     case 3:
       return Re(i, e, t, n, s);
     case 8:
-      const r = J.parse(e.data, i.directives);
+      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),
@@ -1536,10 +1547,10 @@ function Ve(i, t, e, s) {
       );
       break;
   }
-  return w.index = s + 1, w.node = e.nextSibling, w;
+  return S.index = s + 1, S.node = e.nextSibling, S;
 }
 function Le(i, t) {
-  return i && i.nodeType == 8 && J.parse(i.data, t) !== null;
+  return i && i.nodeType == 8 && K.parse(i.data, t) !== null;
 }
 const At = "TEMPLATE", ht = {
   /**
@@ -1554,7 +1565,7 @@ const At = "TEMPLATE", ht = {
    * it is recommended that you clone the original and pass the clone to this API.
    * @public
    */
-  compile(i, t, e = $.policy) {
+  compile(i, t, e = T.policy) {
     let s;
     if (B(i)) {
       s = document.createElement(At), s.innerHTML = e.createHTML(i);
@@ -1584,7 +1595,7 @@ const At = "TEMPLATE", ht = {
       n,
       /* root */
       "r"
-    ), w.node = null, r.freeze();
+    ), S.node = null, r.freeze();
   },
   /**
    * Sets the default compilation strategy that will be used by the ViewTemplate whenever
@@ -1601,7 +1612,7 @@ const At = "TEMPLATE", ht = {
    * @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 = $.policy) {
+  aggregate(i, t = T.policy) {
     if (i.length === 1)
       return i[0];
     let e, s = !1, n;
@@ -1610,14 +1621,14 @@ const At = "TEMPLATE", ht = {
       for (let u = 0; u < r; ++u)
         h += a[u](l, o);
       return h;
-    }, d = new E(qt(c, n ?? t, s));
-    return T.assignAspect(d, e), d;
+    }, d = new M(qt(c, n ?? t, s));
+    return k.assignAspect(d, e), d;
   }
-}, je = (
+}, Ve = (
   /* 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"'`<>=]*|"[^"]*|'[^']*))$/
 ), Fe = /* @__PURE__ */ Object.create(null);
-class j {
+class V {
   /**
    * Creates an instance of InlineTemplateDirective.
    * @param template - The template to inline.
@@ -1636,16 +1647,16 @@ class j {
     return this.html;
   }
 }
-j.empty = new j("");
-T.define(j);
-function He(i, t, e, s = T.getForInstance(i)) {
+V.empty = new V("");
+k.define(V);
+function Ie(i, t, e, s = k.getForInstance(i)) {
   if (s.aspected) {
-    const n = je.exec(t);
-    n !== null && T.assignAspect(i, n[2]);
+    const n = Ve.exec(t);
+    n !== null && k.assignAspect(i, n[2]);
   }
   return i.createHTML(e);
 }
-class X {
+class Y {
   /**
    * Creates an instance of ViewTemplate.
    * @param html - The html representing what this template will instantiate, including placeholders for directives.
@@ -1672,7 +1683,7 @@ class X {
    * Returns a directive that can inline the template.
    */
   inline() {
-    return new j(B(this.html) ? this.html : this.html.innerHTML, this.factories);
+    return new V(B(this.html) ? this.html : this.html.innerHTML, this.factories);
   }
   /**
    * Sets the DOMPolicy for this template.
@@ -1684,12 +1695,12 @@ class X {
    */
   withPolicy(t) {
     if (this.result)
-      throw g.error(
+      throw y.error(
         1208
         /* Message.cannotSetTemplatePolicyAfterCompilation */
       );
     if (this.policy)
-      throw g.error(
+      throw y.error(
         1207
         /* Message.onlySetTemplatePolicyOnce */
       );
@@ -1730,34 +1741,34 @@ class X {
       const l = t[c];
       let o = e[c], h;
       if (n += l, O(o))
-        o = new E(qt(o));
+        o = new M(qt(o));
       else if (o instanceof lt)
-        o = new E(o);
-      else if (!(h = T.getForInstance(o))) {
+        o = new M(o);
+      else if (!(h = k.getForInstance(o))) {
         const u = o;
-        o = new E(Gt(() => u));
+        o = new M(Gt(() => u));
       }
-      n += He(o, l, a, h);
+      n += Ie(o, l, a, h);
     }
-    return new X(n + t[t.length - 1], r, s);
+    return new Y(n + t[t.length - 1], r, s);
   }
 }
-x(X);
+x(Y);
 const re = (i, ...t) => {
   if (Array.isArray(i) && Array.isArray(i.raw))
-    return X.create(i, t);
-  throw g.error(
+    return Y.create(i, t);
+  throw y.error(
     1206
     /* Message.directCallToHTMLTagNotAllowed */
   );
 };
-re.partial = (i) => new j(i);
-const Et = "boolean", Mt = "reflect", oe = Object.freeze({
+re.partial = (i) => new V(i);
+const Mt = "boolean", Et = "reflect", oe = Object.freeze({
   /**
    * Locates all attribute configurations associated with a type.
    */
   locate: zt()
-}), Ie = {
+}), He = {
   toView(i) {
     return i ? "true" : "false";
   },
@@ -1771,14 +1782,14 @@ function Ot(i) {
   const t = i * 1;
   return isNaN(t) ? null : t;
 }
-const fi = {
+const bi = {
   toView(i) {
     const t = Ot(i);
     return t && t.toString();
   },
   fromView: Ot
 };
-class W {
+class q {
   /**
    * Creates an instance of AttributeDefinition.
    * @param Owner - The class constructor that owns this attribute.
@@ -1788,8 +1799,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 = Mt, 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 = Ie);
+  constructor(t, e, s = e.toLowerCase(), n = Et, 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 = He);
   }
   /**
    * Sets the value of the attribute/property on the source element.
@@ -1805,7 +1816,7 @@ class W {
    * @param source - The source element to access.
    */
   getValue(t) {
-    return p.track(t, this.name), t[this.fieldName];
+    return b.track(t, this.name), t[this.fieldName];
   }
   /** @internal */
   onAttributeChangedCallback(t, e) {
@@ -1817,12 +1828,12 @@ class W {
       s.add(t);
       const n = t[this.fieldName];
       switch (e) {
-        case Mt:
+        case Et:
           const r = this.converter;
-          $.setAttribute(t, this.attribute, r !== void 0 ? r.toView(n) : n);
+          T.setAttribute(t, this.attribute, r !== void 0 ? r.toView(n) : n);
           break;
-        case Et:
-          $.setBooleanAttribute(t, this.attribute, n);
+        case Mt:
+          T.setBooleanAttribute(t, this.attribute, n);
           break;
       }
       s.delete(t);
@@ -1842,13 +1853,13 @@ class W {
       if (a !== void 0)
         for (let c = 0, d = a.length; c < d; ++c) {
           const l = a[c];
-          B(l) ? s.push(new W(t, l)) : s.push(new W(t, l.property, l.attribute, l.mode, l.converter));
+          B(l) ? s.push(new q(t, l)) : s.push(new q(t, l.property, l.attribute, l.mode, l.converter));
         }
     }
     return s;
   }
 }
-function Pe(i, t) {
+function De(i, t) {
   let e;
   function s(n, r) {
     arguments.length > 1 && (e.property = r), oe.locate(n.constructor).push(e);
@@ -1859,7 +1870,7 @@ function Pe(i, t) {
   }
   return e = i === void 0 ? {} : i, s;
 }
-var De = function(i, t, e, s) {
+var Pe = function(i, t, e, s) {
   function n(r) {
     return r instanceof e ? r : new e(function(a) {
       a(r);
@@ -1886,20 +1897,22 @@ var De = function(i, t, e, s) {
     l((s = s.apply(i, t || [])).next());
   });
 };
-const _t = { mode: "open" }, Rt = {}, et = /* @__PURE__ */ new Set(), R = g.getById(k.elementRegistry, () => Dt());
+const _t = { mode: "open" }, Rt = {}, it = /* @__PURE__ */ new Set(), R = y.getById(N.elementRegistry, () => Pt()), ze = {
+  deferAndHydrate: "defer-and-hydrate"
+};
 class f {
   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), a = new Array(r.length), c = {}, d = {};
+    const n = t.prototype, r = q.collect(t, e.attributes), a = new Array(r.length), c = {}, d = {};
     for (let l = 0, o = r.length; l < o; ++l) {
       const h = r[l];
-      a[l] = h.attribute, c[h.name] = h, d[h.attribute] = h, p.defineProperty(n, h);
+      a[l] = h.attribute, c[h.name] = h, d[h.attribute] = h, b.defineProperty(n, h);
     }
     Reflect.defineProperty(t, "observedAttributes", {
       value: a,
       enumerable: !0
-    }), this.attributes = r, this.propertyLookup = c, this.attributeLookup = d, this.shadowOptions = e.shadowOptions === void 0 ? _t : e.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, _t), e.shadowOptions), this.elementOptions = e.elementOptions === void 0 ? Rt : Object.assign(Object.assign({}, Rt), e.elementOptions), this.styles = v.normalize(e.styles), R.register(this), p.defineProperty(f.isRegistered, this.name), f.isRegistered[this.name] = this.type;
+    }), this.attributes = r, this.propertyLookup = c, this.attributeLookup = d, this.shadowOptions = e.shadowOptions === void 0 ? _t : e.shadowOptions === null ? void 0 : Object.assign(Object.assign({}, _t), e.shadowOptions), this.elementOptions = e.elementOptions === void 0 ? Rt : Object.assign(Object.assign({}, Rt), e.elementOptions), this.styles = m.normalize(e.styles), R.register(this), b.defineProperty(f.isRegistered, this.name), f.isRegistered[this.name] = this.type;
   }
   /**
    * Indicates if this element has been defined in at least one registry.
@@ -1914,8 +1927,9 @@ class f {
    * This operation is idempotent per registry.
    */
   define(t = this.registry) {
-    const e = this.type;
-    return t.get(this.name) || (this.platformDefined = !0, t.define(this.name, e, this.elementOptions)), this;
+    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.
@@ -1924,7 +1938,7 @@ class f {
    * that describes the element to define.
    */
   static compose(t, e) {
-    return et.has(t) || R.getByType(t) ? new f(class extends t {
+    return it.has(t) || R.getByType(t) ? new f(class extends t {
     }, e) : new f(t, e);
   }
   /**
@@ -1933,7 +1947,7 @@ class f {
    * @internal
    */
   static registerBaseType(t) {
-    et.add(t);
+    it.add(t);
   }
   /**
    * Creates an instance of FASTElementDefinition asynchronously. This option assumes
@@ -1946,33 +1960,28 @@ class f {
    */
   static composeAsync(t, e) {
     return new Promise((s) => {
-      (et.has(t) || R.getByType(t)) && s(new f(class extends t {
+      (it.has(t) || R.getByType(t)) && s(new f(class extends t {
       }, e));
       const n = new f(t, e);
-      Promise.all([
-        new Promise((r) => {
-          p.getNotifier(n).subscribe({
-            handleChange: () => r()
-          }, "template");
-        })
-      ]).then(() => {
-        s(n);
-      });
+      b.getNotifier(n).subscribe({
+        handleChange: () => {
+          var r, a;
+          (a = (r = n.lifecycleCallbacks) === null || r === void 0 ? void 0 : r.templateDidUpdate) === null || a === void 0 || a.call(r, n.name), s(n);
+        }
+      }, "template");
     });
   }
 }
 f.isRegistered = {};
 f.getByType = R.getByType;
 f.getForInstance = R.getForInstance;
-f.registerAsync = (i) => De(void 0, void 0, void 0, function* () {
+f.registerAsync = (i) => Pe(void 0, void 0, void 0, function* () {
   return new Promise((t) => {
-    f.isRegistered[i] && t(f.isRegistered[i]), p.getNotifier(f.isRegistered).subscribe({
-      handleChange: () => t(f.isRegistered[i])
-    }, i);
+    f.isRegistered[i] && t(f.isRegistered[i]), b.getNotifier(f.isRegistered).subscribe({ handleChange: () => t(f.isRegistered[i]) }, i);
   });
 });
-p.defineProperty(f.prototype, "template");
-class ze extends MutationObserver {
+b.defineProperty(f.prototype, "template");
+class Ue extends MutationObserver {
   /**
    * Creates an instance of UnobservableMutationObserver.
    * @param callback - The callback to invoke when observed nodes are changed.
@@ -1990,7 +1999,7 @@ class ze extends MutationObserver {
     this.observedNodes.delete(t), this.observedNodes.size < 1 && this.disconnect();
   }
 }
-const pi = Object.freeze({
+const gi = Object.freeze({
   /**
    * Creates a ViewBehaviorOrchestrator.
    * @param source - The source to to associate behaviors with.
@@ -2001,7 +2010,7 @@ const pi = Object.freeze({
     let s = null, n = !1;
     return {
       source: i,
-      context: M.default,
+      context: E.default,
       targets: e,
       get isBound() {
         return n;
@@ -2009,7 +2018,7 @@ const pi = Object.freeze({
       addBehaviorFactory(r, a) {
         var c, d, l, o;
         const h = r;
-        h.id = (c = h.id) !== null && c !== void 0 ? c : L(), h.targetNodeId = (d = h.targetNodeId) !== null && d !== void 0 ? d : L(), h.targetTagName = (l = a.tagName) !== null && l !== void 0 ? l : null, h.policy = (o = h.policy) !== null && o !== void 0 ? o : $.policy, this.addTarget(h.targetNodeId, a), this.addBehavior(h.createBehavior());
+        h.id = (c = h.id) !== null && c !== void 0 ? c : L(), h.targetNodeId = (d = h.targetNodeId) !== null && d !== void 0 ? d : L(), h.targetTagName = (l = a.tagName) !== null && l !== void 0 ? l : null, h.policy = (o = h.policy) !== null && o !== void 0 ? o : T.policy, this.addTarget(h.targetNodeId, a), this.addBehavior(h.createBehavior());
       },
       addTarget(r, a) {
         e[r] = a;
@@ -2028,17 +2037,17 @@ const pi = Object.freeze({
       }
     };
   }
-}), Ue = {
+}), We = {
   bubbles: !0,
   composed: !0,
   cancelable: !0
 }, P = "isConnected", ae = /* @__PURE__ */ new WeakMap();
-function V(i) {
+function j(i) {
   var t, e;
   return (e = (t = i.shadowRoot) !== null && t !== void 0 ? t : ae.get(i)) !== null && e !== void 0 ? e : null;
 }
-let Vt;
-class S extends Wt {
+let jt;
+class C extends Wt {
   /**
    * Creates a Controller to control the specified element.
    * @param element - The element to be controlled by this controller.
@@ -2048,7 +2057,7 @@ class S extends Wt {
    */
   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 = p.getAccessors(t);
+    const s = b.getAccessors(t);
     if (s.length > 0) {
       const n = this.boundObservables = /* @__PURE__ */ Object.create(null);
       for (let r = 0, a = s.length; r < a; ++r) {
@@ -2062,14 +2071,14 @@ class S extends Wt {
    * connected to the document.
    */
   get isConnected() {
-    return p.track(this, P), this.stage === 1;
+    return b.track(this, P), 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 : M.default;
+    return (e = (t = this.view) === null || t === void 0 ? void 0 : t.context) !== null && e !== void 0 ? e : E.default;
   }
   /**
    * Indicates whether the controller is bound.
@@ -2165,7 +2174,7 @@ class S extends Wt {
       return;
     const s = this.source;
     if (t instanceof HTMLElement)
-      ((e = V(s)) !== null && e !== void 0 ? e : this.source).append(t);
+      ((e = j(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)
@@ -2183,7 +2192,7 @@ class S extends Wt {
       return;
     const s = this.source;
     if (t instanceof HTMLElement)
-      ((e = V(s)) !== null && e !== void 0 ? e : s).removeChild(t);
+      ((e = j(s)) !== null && e !== void 0 ? e : s).removeChild(t);
     else if (t.isAttachedTo(s)) {
       const n = t.behaviors;
       if (t.removeStylesFrom(s), n !== null)
@@ -2195,7 +2204,7 @@ class S extends Wt {
    * 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, p.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, b.notify(this, P));
   }
   bindObservables() {
     if (this.boundObservables !== null) {
@@ -2232,7 +2241,7 @@ class S extends Wt {
    * Runs disconnected lifecycle behavior on the associated element.
    */
   disconnect() {
-    this.stage === 1 && (this.stage = 2, p.notify(this, P), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
+    this.stage === 1 && (this.stage = 2, b.notify(this, P), this.view !== null && this.view.unbind(), this.disconnectBehaviors(), this.stage = 3);
   }
   /**
    * Runs the attribute changed callback for the associated element.
@@ -2253,11 +2262,11 @@ class S extends Wt {
    * 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 }, Ue), s))) : !1;
+    return this.stage === 1 ? this.source.dispatchEvent(new CustomEvent(t, Object.assign(Object.assign({ detail: e }, We), s))) : !1;
   }
   renderTemplate(t) {
     var e;
-    const s = this.source, n = (e = V(s)) !== null && e !== void 0 ? e : s;
+    const s = this.source, n = (e = j(s)) !== null && e !== void 0 ? e : s;
     if (this.view !== null)
       this.view.dispose(), this.view = null;
     else if (!this.needsInitialization || this.hasExistingShadowRoot) {
@@ -2265,7 +2274,7 @@ class S extends Wt {
       for (let r = n.firstChild; r !== null; r = n.firstChild)
         n.removeChild(r);
     }
-    t && (this.view = t.render(s, n, s), this.view.sourceLifetime = G.coupled);
+    t && (this.view = t.render(s, n, s), this.view.sourceLifetime = J.coupled);
   }
   /**
    * Locates or creates a controller for the specified element.
@@ -2282,19 +2291,19 @@ class S extends Wt {
       return s;
     const n = f.getForInstance(t);
     if (n === void 0)
-      throw g.error(
+      throw y.error(
         1401
         /* Message.missingElementDefinition */
       );
-    return p.getNotifier(n).subscribe({
+    return b.getNotifier(n).subscribe({
       handleChange: () => {
-        S.forCustomElement(t, !0), t.$fastController.connect();
+        C.forCustomElement(t, !0), t.$fastController.connect();
       }
-    }, "template"), p.getNotifier(n).subscribe({
+    }, "template"), b.getNotifier(n).subscribe({
       handleChange: () => {
-        S.forCustomElement(t, !0), t.$fastController.connect();
+        C.forCustomElement(t, !0), t.$fastController.connect();
       }
-    }, "shadowOptions"), t.$fastController = new Vt(t, n);
+    }, "shadowOptions"), t.$fastController = new jt(t, n);
   }
   /**
    * Sets the strategy that ElementController.forCustomElement uses to construct
@@ -2302,18 +2311,18 @@ class S extends Wt {
    * @param strategy - The strategy to use.
    */
   static setStrategy(t) {
-    Vt = t;
+    jt = t;
   }
 }
-x(S);
-S.setStrategy(S);
-function q(i) {
+x(C);
+C.setStrategy(C);
+function Q(i) {
   var t;
-  return "adoptedStyleSheets" in i ? i : (t = V(i)) !== null && t !== void 0 ? t : i.getRootNode();
+  return "adoptedStyleSheets" in i ? i : (t = j(i)) !== null && t !== void 0 ? t : i.getRootNode();
 }
-class Y {
+class Z {
   constructor(t) {
-    const e = Y.styleSheetCache;
+    const e = Z.styleSheetCache;
     this.sheets = t.map((s) => {
       if (s instanceof CSSStyleSheet)
         return s;
@@ -2322,24 +2331,24 @@ class Y {
     });
   }
   addStylesTo(t) {
-    le(q(t), this.sheets);
+    le(Q(t), this.sheets);
   }
   removeStylesFrom(t) {
-    ce(q(t), this.sheets);
+    ce(Q(t), this.sheets);
   }
 }
-Y.styleSheetCache = /* @__PURE__ */ new Map();
-let We = 0;
-const qe = () => `fast-${++We}`;
+Z.styleSheetCache = /* @__PURE__ */ new Map();
+let qe = 0;
+const Qe = () => `fast-${++qe}`;
 function Lt(i) {
   return i === document ? document.body : i;
 }
-class Qe {
+class Ge {
   constructor(t) {
-    this.styles = t, this.styleClass = qe();
+    this.styles = t, this.styleClass = Qe();
   }
   addStylesTo(t) {
-    t = Lt(q(t));
+    t = Lt(Q(t));
     const e = this.styles, s = this.styleClass;
     for (let n = 0; n < e.length; n++) {
       const r = document.createElement("style");
@@ -2347,7 +2356,7 @@ class Qe {
     }
   }
   removeStylesFrom(t) {
-    t = Lt(q(t));
+    t = Lt(Q(t));
     const e = t.querySelectorAll(`.${this.styleClass}`);
     for (let s = 0, n = e.length; s < n; ++s)
       t.removeChild(e[s]);
@@ -2358,7 +2367,7 @@ let le = (i, t) => {
 }, ce = (i, t) => {
   i.adoptedStyleSheets = i.adoptedStyleSheets.filter((e) => t.indexOf(e) === -1);
 };
-if (v.supportsAdoptedStyleSheets) {
+if (m.supportsAdoptedStyleSheets) {
   try {
     document.adoptedStyleSheets.push(), document.adoptedStyleSheets.splice(), le = (i, t) => {
       i.adoptedStyleSheets.push(...t);
@@ -2370,24 +2379,37 @@ if (v.supportsAdoptedStyleSheets) {
     };
   } catch {
   }
-  v.setDefaultStrategy(Y);
+  m.setDefaultStrategy(Z);
 } else
-  v.setDefaultStrategy(Qe);
-const it = "defer-hydration", st = "needs-hydration";
-class N extends S {
+  m.setDefaultStrategy(Ge);
+const st = "defer-hydration", F = "needs-hydration";
+class v extends C {
+  /**
+   * Configure lifecycle callbacks for hydration events
+   */
+  static config(t) {
+    return v.lifecycleCallbacks = t, this;
+  }
   static hydrationObserverHandler(t) {
     for (const e of t)
-      N.hydrationObserver.unobserve(e.target), e.target.$fastController.connect();
+      v.hydrationObserver.unobserve(e.target), e.target.$fastController.connect();
+  }
+  /**
+   * Checks if all elements have completed hydration and dispatches event if complete
+   */
+  static checkHydrationComplete() {
+    var t, e;
+    document.querySelector(`[${F}]`) || (e = (t = v.lifecycleCallbacks) === null || t === void 0 ? void 0 : t.hydrationComplete) === null || e === void 0 || e.call(t);
   }
   static forCustomElement(t, e) {
     const s = f.getForInstance(t);
-    return s !== void 0 && s.templateOptions === "defer-and-hydrate" && !s.template && (t.setAttribute(it, ""), t.setAttribute(st, "")), super.forCustomElement(t, e);
+    return s?.templateOptions === ze.deferAndHydrate && !s.template && (t.toggleAttribute(st, !0), t.toggleAttribute(F, !0)), super.forCustomElement(t, e);
   }
   connect() {
-    var t, e;
-    if (this.needsHydration === void 0 && (this.needsHydration = this.source.getAttribute(st) !== null), this.source.hasAttribute(it)) {
-      N.hydrationObserver.observe(this.source, {
-        attributeFilter: [it]
+    var t, e, s, n, r, a;
+    if (this.needsHydration === void 0 && (this.needsHydration = this.source.getAttribute(F) !== null), this.source.hasAttribute(st)) {
+      v.hydrationObserver.observe(this.source, {
+        attributeFilter: [st]
       });
       return;
     }
@@ -2397,28 +2419,55 @@ class N extends S {
     }
     if (this.stage !== 3)
       return;
-    this.stage = 0, this.bindObservables(), this.connectBehaviors();
-    const s = this.source, n = (t = V(s)) !== null && t !== void 0 ? t : s;
+    (e = (t = v.lifecycleCallbacks) === null || t === void 0 ? void 0 : t.elementWillHydrate) === null || e === void 0 || e.call(t, this.definition.name), this.stage = 0, this.bindObservables(), this.connectBehaviors();
+    const c = this.source, d = (s = j(c)) !== null && s !== void 0 ? s : c;
     if (this.template)
-      if (z(this.template)) {
-        let r = n.firstChild, a = n.lastChild;
-        s.shadowRoot === null && (m.isElementBoundaryStartMarker(r) && (r.data = "", r = r.nextSibling), m.isElementBoundaryEndMarker(a) && (a.data = "", a = a.previousSibling)), this.view = this.template.hydrate(r, a, s), (e = this.view) === null || e === void 0 || e.bind(this.source);
+      if (U(this.template)) {
+        let l = d.firstChild, o = d.lastChild;
+        c.shadowRoot === null && (w.isElementBoundaryStartMarker(l) && (l.data = "", l = l.nextSibling), w.isElementBoundaryEndMarker(o) && (o.data = "", o = o.previousSibling)), this.view = this.template.hydrate(l, o, c), (n = this.view) === null || n === void 0 || n.bind(this.source);
       } else
         this.renderTemplate(this.template);
-    this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(st), this.needsInitialization = this.needsHydration = !1, p.notify(this, P);
+    this.addStyles(this.mainStyles), this.stage = 1, this.source.removeAttribute(F), this.needsInitialization = this.needsHydration = !1, b.notify(this, P), (a = (r = v.lifecycleCallbacks) === null || r === void 0 ? void 0 : r.elementDidHydrate) === null || a === void 0 || a.call(r, this.definition.name), v.checkHydrationComplete();
   }
   disconnect() {
-    super.disconnect(), N.hydrationObserver.unobserve(this.source);
+    super.disconnect(), v.hydrationObserver.unobserve(this.source);
   }
   static install() {
-    S.setStrategy(N);
+    C.setStrategy(v);
   }
 }
-N.hydrationObserver = new ze(N.hydrationObserverHandler);
+v.hydrationObserver = new Ue(v.hydrationObserverHandler);
+var Je = function(i, t, e, s) {
+  function n(r) {
+    return r instanceof e ? r : new e(function(a) {
+      a(r);
+    });
+  }
+  return new (e || (e = Promise))(function(r, a) {
+    function c(o) {
+      try {
+        l(s.next(o));
+      } catch (h) {
+        a(h);
+      }
+    }
+    function d(o) {
+      try {
+        l(s.throw(o));
+      } catch (h) {
+        a(h);
+      }
+    }
+    function l(o) {
+      o.done ? r(o.value) : n(o.value).then(c, d);
+    }
+    l((s = s.apply(i, t || [])).next());
+  });
+};
 function de(i) {
   const t = class extends i {
     constructor() {
-      super(), S.forCustomElement(this);
+      super(), C.forCustomElement(this);
     }
     $emit(e, s, n) {
       return this.$fastController.emit(e, s, n);
@@ -2435,62 +2484,56 @@ function de(i) {
   };
   return f.registerBaseType(t), t;
 }
-function Ge(i, t) {
+function Ke(i, t) {
   return O(i) ? f.compose(i, t) : f.compose(this, i);
 }
-function Je(i, t) {
-  return O(i) ? new Promise((e) => {
-    f.composeAsync(i, t).then((s) => {
-      e(s);
-    });
-  }).then((e) => e.define().type) : new Promise((e) => {
-    f.composeAsync(this, i).then((s) => {
-      e(s);
-    });
-  }).then((e) => e.define().type);
+function Xe(i, t) {
+  return Je(this, void 0, void 0, function* () {
+    return O(i) ? (yield f.composeAsync(i, t)).define().type : (yield f.composeAsync(this, i)).define().type;
+  });
 }
-function Ke(i, t) {
+function Ye(i, t) {
   return O(i) ? f.compose(i, t).define().type : f.compose(this, i).define().type;
 }
-function Xe(i) {
+function Ze(i) {
   return de(i);
 }
-const Ye = Object.assign(de(HTMLElement), {
+const ti = Object.assign(de(HTMLElement), {
   /**
    * Creates a new FASTElement base class inherited from the
    * provided base type.
    * @param BaseType - The base element type to inherit from.
    */
-  from: Xe,
+  from: Ze,
   /**
    * 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: Ke,
+  define: Ye,
   /**
    * Defines metadata for a FASTElement which can be used to later define the element.
    * @public
    */
-  compose: Ge,
+  compose: Ke,
   /**
    * Defines metadata for a FASTElement which can be used after it has been resolved to define the element.
    * @alpha
    */
-  defineAsync: Je
+  defineAsync: Xe
 });
-function Ze(i, t) {
+function ei(i, t) {
   return i instanceof Function ? i(t) : i;
 }
-const jt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), bi = (i) => (t = "vwc") => {
+const Vt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), yi = (i) => (t = "vwc") => {
   const e = (n) => `${t}-${n}`, s = (n) => {
     const r = e(n.name);
     let a = n.type;
-    if (a.componentName = n.name, jt.has(r))
+    if (a.componentName = n.name, Vt.has(r))
       return;
     nt.has(a) && nt.get(a) !== r && (a = class extends a {
-    }), jt.add(r), nt.set(a, r);
+    }), Vt.add(r), nt.set(a, r);
     for (const o of n.dependencies)
       s(o);
     const c = new Map([
@@ -2513,7 +2556,7 @@ const jt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), bi = (i) =
     };
     f.compose(a, {
       ...n.options,
-      template: Ze(
+      template: ei(
         n.template,
         l
       ),
@@ -2521,7 +2564,7 @@ const jt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), bi = (i) =
     }).define();
   };
   s(i);
-}, gi = (i, t, e, s, n) => ({
+}, vi = (i, t, e, s, n) => ({
   name: i,
   type: t,
   template: e,
@@ -2530,33 +2573,33 @@ const jt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), bi = (i) =
 }), Ft = /* @__PURE__ */ new WeakMap(), he = (i) => {
   let t = Ft.get(i);
   return t || (t = [], Ft.set(i, t)), t;
-}, yi = (i, t) => {
+}, mi = (i, t) => {
   he(i).push(t);
-}, ti = (i, t) => {
+}, ii = (i, t) => {
   he(i).forEach((e) => e(i, t));
-}, ei = (i) => i === "delegate", Ht = (i) => `vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`, ue = (i, t) => {
-  if (ei(i._vividAriaBehaviour)) {
+}, si = (i) => i === "delegate", It = (i) => `vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`, ue = (i, t) => {
+  if (si(i._vividAriaBehaviour)) {
     const e = i[t];
-    i[`_${t}`] = null, i.removeAttribute(at(t)), i[`_${t}`] = e, i[t] !== null ? i.dataset[Ht(t)] = i[t] : delete i.dataset[Ht(t)];
+    i[`_${t}`] = null, i.removeAttribute(at(t)), i[`_${t}`] = e, i[t] !== null ? i.dataset[It(t)] = i[t] : delete i.dataset[It(t)];
   } else
-    $.setAttribute(
+    T.setAttribute(
       i,
       at(t),
       i[t]
     );
-}, Q = /* @__PURE__ */ new WeakMap(), ii = (i, t) => {
-  const e = Q.get(i);
-  e ? e.add(t) : Q.set(i, /* @__PURE__ */ new Set([t]));
-}, si = (i, t) => {
-  i.isConnected ? ue(i, t) : ii(i, t);
-}, ni = (i) => {
-  const t = Q.get(i);
+}, G = /* @__PURE__ */ new WeakMap(), ni = (i, t) => {
+  const e = G.get(i);
+  e ? e.add(t) : G.set(i, /* @__PURE__ */ new Set([t]));
+}, ri = (i, t) => {
+  i.isConnected ? ue(i, t) : ni(i, t);
+}, oi = (i) => {
+  const t = G.get(i);
   if (t) {
     for (const e of t)
       ue(i, e);
-    Q.delete(i);
+    G.delete(i);
   }
-}, It = [
+}, Ht = [
   "role",
   "ariaAtomic",
   "ariaAutoComplete",
@@ -2600,36 +2643,36 @@ const jt = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Map(), bi = (i) =
   "ariaValueText",
   "ariaRelevant"
   // Non-standard
-], at = (i) => i.replace("aria", "aria-").toLowerCase(), ri = (i) => {
+], at = (i) => i.replace("aria", "aria-").toLowerCase(), ai = (i) => {
   class t extends i {
     constructor(...s) {
       super(...s), this._vividAriaBehaviour = "default";
-      for (const n of It)
+      for (const n of Ht)
         this[`_${n}`] = null;
     }
     connectedCallback() {
-      super.connectedCallback(), ni(this);
+      super.connectedCallback(), oi(this);
     }
   }
-  for (const e of It)
-    Pe({
+  for (const e of Ht)
+    De({
       attribute: at(e),
       mode: "fromView"
     })(t.prototype, e), t.prototype[`${e}Changed`] = function() {
-      si(this, e), this._vividAriaBehaviour !== "default" && ti(this, e);
+      ri(this, e), this._vividAriaBehaviour !== "default" && ii(this, e);
     };
   return t;
 };
-function oi() {
+function li() {
   const i = /* @__PURE__ */ new WeakMap();
   return (t) => (i.has(t) || i.set(t, []), i.get(t));
 }
-const fe = oi(), vi = (i) => (t, e) => {
+const fe = li(), wi = (i) => (t, e) => {
   fe(t.constructor).push({
     newPropertyName: e,
     ...i
   });
-}, ai = (i) => {
+}, ci = (i) => {
   class t extends i {
     #t(s) {
       let n = !1, r = !1;
@@ -2650,7 +2693,7 @@ const fe = oi(), vi = (i) => (t, e) => {
             );
           }
         }
-      }, l = p.getNotifier(this);
+      }, l = b.getNotifier(this);
       l.subscribe(d, s.newPropertyName), l.subscribe(d, s.deprecatedPropertyName);
     }
     constructor(...s) {
@@ -2661,9 +2704,9 @@ const fe = oi(), vi = (i) => (t, e) => {
   }
   return t;
 };
-class mi extends ri(ai(Ye)) {
+class Si extends ai(ci(ti)) {
   static {
-    this.VIVID_VERSION = "5.3.0";
+    this.VIVID_VERSION = "5.4.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,
@@ -2676,40 +2719,40 @@ class mi extends ri(ai(Ye)) {
   }
 }
 export {
-  ci as A,
+  hi as A,
   lt as B,
-  $ as D,
-  M as E,
-  T as H,
+  T as D,
+  E,
+  k as H,
   Kt as M,
-  p as O,
+  b as O,
   we as S,
   Ut as U,
-  mi as V,
-  Pe as a,
-  pi as b,
-  bi as c,
-  gi as d,
-  di as e,
+  Si as V,
+  De as a,
+  gi as b,
+  yi as c,
+  vi as d,
+  ui as e,
   O as f,
   qt as g,
   re as h,
   B as i,
   at as j,
-  It as k,
+  Ht as k,
   rt as l,
-  z as m,
-  fi as n,
-  hi as o,
+  U as m,
+  bi as n,
+  fi as o,
   A as p,
-  K as q,
-  vi as r,
-  yi as s,
-  m as t,
+  X as q,
+  wi as r,
+  mi as s,
+  w as t,
   Gt as u,
-  ui as v,
-  v as w,
+  pi as v,
+  m as w,
   pe as x,
-  li as y,
-  Z as z
+  di as y,
+  tt as z
 };