hanc-webrtc-widgets 1.0.2 → 1.1.1

package/dist/hanc-webrtc-widgets.es.js

@@ -3,16 +3,16 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = globalThis, Pt = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, It = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
+const at = globalThis, It = at.ShadowRoot && (at.ShadyCSS === void 0 || at.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, At = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
 let $n = class {
   constructor(r, t, c) {
-    if (this._$cssResult$ = !0, c !== It) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, c !== At) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = r, this.t = t;
   }
   get styleSheet() {
     let r = this.o;
     const t = this.t;
-    if (Pt && r === void 0) {
+    if (It && r === void 0) {
       const c = t !== void 0 && t.length === 1;
       c && (r = Lt.get(t)), r === void 0 && ((this.o = r = new CSSStyleSheet()).replaceSync(this.cssText), c && Lt.set(t, r));
     }
@@ -22,20 +22,20 @@ let $n = class {
     return this.cssText;
   }
 };
-const ar = (w) => new $n(typeof w == "string" ? w : w + "", void 0, It), At = (w, ...r) => {
+const ar = (w) => new $n(typeof w == "string" ? w : w + "", void 0, At), kt = (w, ...r) => {
   const t = w.length === 1 ? w[0] : r.reduce((c, l, g) => c + ((y) => {
     if (y._$cssResult$ === !0) return y.cssText;
     if (typeof y == "number") return y;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + y + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(l) + w[g + 1], w[0]);
-  return new $n(t, w, It);
+  return new $n(t, w, At);
 }, sr = (w, r) => {
-  if (Pt) w.adoptedStyleSheets = r.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  if (It) w.adoptedStyleSheets = r.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of r) {
-    const c = document.createElement("style"), l = rt.litNonce;
+    const c = document.createElement("style"), l = at.litNonce;
     l !== void 0 && c.setAttribute("nonce", l), c.textContent = t.cssText, w.appendChild(c);
   }
-}, jt = Pt ? (w) => w : (w) => w instanceof CSSStyleSheet ? ((r) => {
+}, jt = It ? (w) => w : (w) => w instanceof CSSStyleSheet ? ((r) => {
   let t = "";
   for (const c of r.cssRules) t += c.cssText;
   return ar(t);
@@ -45,7 +45,7 @@ const ar = (w) => new $n(typeof w == "string" ? w : w + "", void 0, It), At = (w
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: cr, defineProperty: ur, getOwnPropertyDescriptor: lr, getOwnPropertyNames: dr, getOwnPropertySymbols: fr, getPrototypeOf: pr } = Object, fe = globalThis, Ut = fe.trustedTypes, hr = Ut ? Ut.emptyScript : "", ft = fe.reactiveElementPolyfillSupport, Fe = (w, r) => w, ot = { toAttribute(w, r) {
+const { is: cr, defineProperty: ur, getOwnPropertyDescriptor: lr, getOwnPropertyNames: dr, getOwnPropertySymbols: fr, getPrototypeOf: pr } = Object, pe = globalThis, Ut = pe.trustedTypes, hr = Ut ? Ut.emptyScript : "", pt = pe.reactiveElementPolyfillSupport, Be = (w, r) => w, ct = { toAttribute(w, r) {
   switch (r) {
     case Boolean:
       w = w ? hr : null;
@@ -73,9 +73,9 @@ const { is: cr, defineProperty: ur, getOwnPropertyDescriptor: lr, getOwnProperty
       }
   }
   return t;
-} }, kt = (w, r) => !cr(w, r), Nt = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: kt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), fe.litPropertyMetadata ?? (fe.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class Pe extends HTMLElement {
+} }, Rt = (w, r) => !cr(w, r), Nt = { attribute: !0, type: String, converter: ct, reflect: !1, hasChanged: Rt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), pe.litPropertyMetadata ?? (pe.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class Re extends HTMLElement {
   static addInitializer(r) {
     this._$Ei(), (this.l ?? (this.l = [])).push(r);
   }
@@ -105,13 +105,13 @@ class Pe extends HTMLElement {
     return this.elementProperties.get(r) ?? Nt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Fe("elementProperties"))) return;
+    if (this.hasOwnProperty(Be("elementProperties"))) return;
     const r = pr(this);
     r.finalize(), r.l !== void 0 && (this.l = [...r.l]), this.elementProperties = new Map(r.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Fe("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Fe("properties"))) {
+    if (this.hasOwnProperty(Be("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Be("properties"))) {
       const t = this.properties, c = [...dr(t), ...fr(t)];
       for (const l of c) this.createProperty(l, t[l]);
     }
@@ -186,7 +186,7 @@ class Pe extends HTMLElement {
     var g;
     const c = this.constructor.elementProperties.get(r), l = this.constructor._$Eu(r, c);
     if (l !== void 0 && c.reflect === !0) {
-      const y = (((g = c.converter) == null ? void 0 : g.toAttribute) !== void 0 ? c.converter : ot).toAttribute(t, c.type);
+      const y = (((g = c.converter) == null ? void 0 : g.toAttribute) !== void 0 ? c.converter : ct).toAttribute(t, c.type);
       this._$Em = r, y == null ? this.removeAttribute(l) : this.setAttribute(l, y), this._$Em = null;
     }
   }
@@ -194,13 +194,13 @@ class Pe extends HTMLElement {
     var g;
     const c = this.constructor, l = c._$Eh.get(r);
     if (l !== void 0 && this._$Em !== l) {
-      const y = c.getPropertyOptions(l), _ = typeof y.converter == "function" ? { fromAttribute: y.converter } : ((g = y.converter) == null ? void 0 : g.fromAttribute) !== void 0 ? y.converter : ot;
+      const y = c.getPropertyOptions(l), _ = typeof y.converter == "function" ? { fromAttribute: y.converter } : ((g = y.converter) == null ? void 0 : g.fromAttribute) !== void 0 ? y.converter : ct;
       this._$Em = l, this[l] = _.fromAttribute(t, y.type), this._$Em = null;
     }
   }
   requestUpdate(r, t, c) {
     if (r !== void 0) {
-      if (c ?? (c = this.constructor.getPropertyOptions(r)), !(c.hasChanged ?? kt)(this[r], t)) return;
+      if (c ?? (c = this.constructor.getPropertyOptions(r)), !(c.hasChanged ?? Rt)(this[r], t)) return;
       this.P(r, t, c);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -273,74 +273,74 @@ class Pe extends HTMLElement {
   firstUpdated(r) {
   }
 }
-Pe.elementStyles = [], Pe.shadowRootOptions = { mode: "open" }, Pe[Fe("elementProperties")] = /* @__PURE__ */ new Map(), Pe[Fe("finalized")] = /* @__PURE__ */ new Map(), ft == null || ft({ ReactiveElement: Pe }), (fe.reactiveElementVersions ?? (fe.reactiveElementVersions = [])).push("2.0.4");
+Re.elementStyles = [], Re.shadowRootOptions = { mode: "open" }, Re[Be("elementProperties")] = /* @__PURE__ */ new Map(), Re[Be("finalized")] = /* @__PURE__ */ new Map(), pt == null || pt({ ReactiveElement: Re }), (pe.reactiveElementVersions ?? (pe.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $e = globalThis, at = $e.trustedTypes, Ft = at ? at.createPolicy("lit-html", { createHTML: (w) => w }) : void 0, Bn = "$lit$", de = `lit$${Math.random().toFixed(9).slice(2)}$`, qn = "?" + de, vr = `<${qn}>`, _e = document, Be = () => _e.createComment(""), qe = (w) => w === null || typeof w != "object" && typeof w != "function", Rt = Array.isArray, gr = (w) => Rt(w) || typeof (w == null ? void 0 : w[Symbol.iterator]) == "function", pt = `[ 	
-\f\r]`, Me = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, Bt = />/g, he = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, Hn = /^(?:script|style|textarea|title)$/i, mr = (w) => (r, ...t) => ({ _$litType$: w, strings: r, values: t }), Ie = mr(1), ke = Symbol.for("lit-noChange"), V = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), me = _e.createTreeWalker(_e, 129);
+const qe = globalThis, ut = qe.trustedTypes, Ft = ut ? ut.createPolicy("lit-html", { createHTML: (w) => w }) : void 0, Bn = "$lit$", fe = `lit$${Math.random().toFixed(9).slice(2)}$`, qn = "?" + fe, vr = `<${qn}>`, ye = document, He = () => ye.createComment(""), We = (w) => w === null || typeof w != "object" && typeof w != "function", xt = Array.isArray, gr = (w) => xt(w) || typeof (w == null ? void 0 : w[Symbol.iterator]) == "function", ht = `[ 	
+\f\r]`, je = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, Bt = />/g, ve = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, Hn = /^(?:script|style|textarea|title)$/i, mr = (w) => (r, ...t) => ({ _$litType$: w, strings: r, values: t }), xe = mr(1), Oe = Symbol.for("lit-noChange"), V = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), _e = ye.createTreeWalker(ye, 129);
 function Wn(w, r) {
-  if (!Rt(w) || !w.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!xt(w) || !w.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Ft !== void 0 ? Ft.createHTML(r) : r;
 }
 const _r = (w, r) => {
   const t = w.length - 1, c = [];
-  let l, g = r === 2 ? "<svg>" : r === 3 ? "<math>" : "", y = Me;
+  let l, g = r === 2 ? "<svg>" : r === 3 ? "<math>" : "", y = je;
   for (let _ = 0; _ < t; _++) {
     const E = w[_];
     let C, S, m = -1, u = 0;
-    for (; u < E.length && (y.lastIndex = u, S = y.exec(E), S !== null); ) u = y.lastIndex, y === Me ? S[1] === "!--" ? y = $t : S[1] !== void 0 ? y = Bt : S[2] !== void 0 ? (Hn.test(S[2]) && (l = RegExp("</" + S[2], "g")), y = he) : S[3] !== void 0 && (y = he) : y === he ? S[0] === ">" ? (y = l ?? Me, m = -1) : S[1] === void 0 ? m = -2 : (m = y.lastIndex - S[2].length, C = S[1], y = S[3] === void 0 ? he : S[3] === '"' ? Ht : qt) : y === Ht || y === qt ? y = he : y === $t || y === Bt ? y = Me : (y = he, l = void 0);
-    const b = y === he && w[_ + 1].startsWith("/>") ? " " : "";
-    g += y === Me ? E + vr : m >= 0 ? (c.push(C), E.slice(0, m) + Bn + E.slice(m) + de + b) : E + de + (m === -2 ? _ : b);
+    for (; u < E.length && (y.lastIndex = u, S = y.exec(E), S !== null); ) u = y.lastIndex, y === je ? S[1] === "!--" ? y = $t : S[1] !== void 0 ? y = Bt : S[2] !== void 0 ? (Hn.test(S[2]) && (l = RegExp("</" + S[2], "g")), y = ve) : S[3] !== void 0 && (y = ve) : y === ve ? S[0] === ">" ? (y = l ?? je, m = -1) : S[1] === void 0 ? m = -2 : (m = y.lastIndex - S[2].length, C = S[1], y = S[3] === void 0 ? ve : S[3] === '"' ? Ht : qt) : y === Ht || y === qt ? y = ve : y === $t || y === Bt ? y = je : (y = ve, l = void 0);
+    const b = y === ve && w[_ + 1].startsWith("/>") ? " " : "";
+    g += y === je ? E + vr : m >= 0 ? (c.push(C), E.slice(0, m) + Bn + E.slice(m) + fe + b) : E + fe + (m === -2 ? _ : b);
   }
   return [Wn(w, g + (w[t] || "<?>") + (r === 2 ? "</svg>" : r === 3 ? "</math>" : "")), c];
 };
-class He {
+class Ve {
   constructor({ strings: r, _$litType$: t }, c) {
     let l;
     this.parts = [];
     let g = 0, y = 0;
     const _ = r.length - 1, E = this.parts, [C, S] = _r(r, t);
-    if (this.el = He.createElement(C, c), me.currentNode = this.el.content, t === 2 || t === 3) {
+    if (this.el = Ve.createElement(C, c), _e.currentNode = this.el.content, t === 2 || t === 3) {
       const m = this.el.content.firstChild;
       m.replaceWith(...m.childNodes);
     }
-    for (; (l = me.nextNode()) !== null && E.length < _; ) {
+    for (; (l = _e.nextNode()) !== null && E.length < _; ) {
       if (l.nodeType === 1) {
         if (l.hasAttributes()) for (const m of l.getAttributeNames()) if (m.endsWith(Bn)) {
-          const u = S[y++], b = l.getAttribute(m).split(de), n = /([.?@])?(.*)/.exec(u);
-          E.push({ type: 1, index: g, name: n[2], strings: b, ctor: n[1] === "." ? br : n[1] === "?" ? Sr : n[1] === "@" ? wr : st }), l.removeAttribute(m);
-        } else m.startsWith(de) && (E.push({ type: 6, index: g }), l.removeAttribute(m));
+          const u = S[y++], b = l.getAttribute(m).split(fe), n = /([.?@])?(.*)/.exec(u);
+          E.push({ type: 1, index: g, name: n[2], strings: b, ctor: n[1] === "." ? br : n[1] === "?" ? Sr : n[1] === "@" ? wr : lt }), l.removeAttribute(m);
+        } else m.startsWith(fe) && (E.push({ type: 6, index: g }), l.removeAttribute(m));
         if (Hn.test(l.tagName)) {
-          const m = l.textContent.split(de), u = m.length - 1;
+          const m = l.textContent.split(fe), u = m.length - 1;
           if (u > 0) {
-            l.textContent = at ? at.emptyScript : "";
-            for (let b = 0; b < u; b++) l.append(m[b], Be()), me.nextNode(), E.push({ type: 2, index: ++g });
-            l.append(m[u], Be());
+            l.textContent = ut ? ut.emptyScript : "";
+            for (let b = 0; b < u; b++) l.append(m[b], He()), _e.nextNode(), E.push({ type: 2, index: ++g });
+            l.append(m[u], He());
           }
         }
       } else if (l.nodeType === 8) if (l.data === qn) E.push({ type: 2, index: g });
       else {
         let m = -1;
-        for (; (m = l.data.indexOf(de, m + 1)) !== -1; ) E.push({ type: 7, index: g }), m += de.length - 1;
+        for (; (m = l.data.indexOf(fe, m + 1)) !== -1; ) E.push({ type: 7, index: g }), m += fe.length - 1;
       }
       g++;
     }
   }
   static createElement(r, t) {
-    const c = _e.createElement("template");
+    const c = ye.createElement("template");
     return c.innerHTML = r, c;
   }
 }
-function Re(w, r, t = w, c) {
+function Me(w, r, t = w, c) {
   var y, _;
-  if (r === ke) return r;
+  if (r === Oe) return r;
   let l = c !== void 0 ? (y = t._$Co) == null ? void 0 : y[c] : t._$Cl;
-  const g = qe(r) ? void 0 : r._$litDirective$;
-  return (l == null ? void 0 : l.constructor) !== g && ((_ = l == null ? void 0 : l._$AO) == null || _.call(l, !1), g === void 0 ? l = void 0 : (l = new g(w), l._$AT(w, t, c)), c !== void 0 ? (t._$Co ?? (t._$Co = []))[c] = l : t._$Cl = l), l !== void 0 && (r = Re(w, l._$AS(w, r.values), l, c)), r;
+  const g = We(r) ? void 0 : r._$litDirective$;
+  return (l == null ? void 0 : l.constructor) !== g && ((_ = l == null ? void 0 : l._$AO) == null || _.call(l, !1), g === void 0 ? l = void 0 : (l = new g(w), l._$AT(w, t, c)), c !== void 0 ? (t._$Co ?? (t._$Co = []))[c] = l : t._$Cl = l), l !== void 0 && (r = Me(w, l._$AS(w, r.values), l, c)), r;
 }
 class yr {
   constructor(r, t) {
@@ -353,24 +353,24 @@ class yr {
     return this._$AM._$AU;
   }
   u(r) {
-    const { el: { content: t }, parts: c } = this._$AD, l = ((r == null ? void 0 : r.creationScope) ?? _e).importNode(t, !0);
-    me.currentNode = l;
-    let g = me.nextNode(), y = 0, _ = 0, E = c[0];
+    const { el: { content: t }, parts: c } = this._$AD, l = ((r == null ? void 0 : r.creationScope) ?? ye).importNode(t, !0);
+    _e.currentNode = l;
+    let g = _e.nextNode(), y = 0, _ = 0, E = c[0];
     for (; E !== void 0; ) {
       if (y === E.index) {
         let C;
-        E.type === 2 ? C = new We(g, g.nextSibling, this, r) : E.type === 1 ? C = new E.ctor(g, E.name, E.strings, this, r) : E.type === 6 && (C = new Cr(g, this, r)), this._$AV.push(C), E = c[++_];
+        E.type === 2 ? C = new Ge(g, g.nextSibling, this, r) : E.type === 1 ? C = new E.ctor(g, E.name, E.strings, this, r) : E.type === 6 && (C = new Cr(g, this, r)), this._$AV.push(C), E = c[++_];
       }
-      y !== (E == null ? void 0 : E.index) && (g = me.nextNode(), y++);
+      y !== (E == null ? void 0 : E.index) && (g = _e.nextNode(), y++);
     }
-    return me.currentNode = _e, l;
+    return _e.currentNode = ye, l;
   }
   p(r) {
     let t = 0;
     for (const c of this._$AV) c !== void 0 && (c.strings !== void 0 ? (c._$AI(r, c, t), t += c.strings.length - 2) : c._$AI(r[t])), t++;
   }
 }
-class We {
+class Ge {
   get _$AU() {
     var r;
     return ((r = this._$AM) == null ? void 0 : r._$AU) ?? this._$Cv;
@@ -390,7 +390,7 @@ class We {
     return this._$AB;
   }
   _$AI(r, t = this) {
-    r = Re(this, r, t), qe(r) ? r === V || r == null || r === "" ? (this._$AH !== V && this._$AR(), this._$AH = V) : r !== this._$AH && r !== ke && this._(r) : r._$litType$ !== void 0 ? this.$(r) : r.nodeType !== void 0 ? this.T(r) : gr(r) ? this.k(r) : this._(r);
+    r = Me(this, r, t), We(r) ? r === V || r == null || r === "" ? (this._$AH !== V && this._$AR(), this._$AH = V) : r !== this._$AH && r !== Oe && this._(r) : r._$litType$ !== void 0 ? this.$(r) : r.nodeType !== void 0 ? this.T(r) : gr(r) ? this.k(r) : this._(r);
   }
   O(r) {
     return this._$AA.parentNode.insertBefore(r, this._$AB);
@@ -399,11 +399,11 @@ class We {
     this._$AH !== r && (this._$AR(), this._$AH = this.O(r));
   }
   _(r) {
-    this._$AH !== V && qe(this._$AH) ? this._$AA.nextSibling.data = r : this.T(_e.createTextNode(r)), this._$AH = r;
+    this._$AH !== V && We(this._$AH) ? this._$AA.nextSibling.data = r : this.T(ye.createTextNode(r)), this._$AH = r;
   }
   $(r) {
     var g;
-    const { values: t, _$litType$: c } = r, l = typeof c == "number" ? this._$AC(r) : (c.el === void 0 && (c.el = He.createElement(Wn(c.h, c.h[0]), this.options)), c);
+    const { values: t, _$litType$: c } = r, l = typeof c == "number" ? this._$AC(r) : (c.el === void 0 && (c.el = Ve.createElement(Wn(c.h, c.h[0]), this.options)), c);
     if (((g = this._$AH) == null ? void 0 : g._$AD) === l) this._$AH.p(t);
     else {
       const y = new yr(l, this), _ = y.u(this.options);
@@ -412,13 +412,13 @@ class We {
   }
   _$AC(r) {
     let t = Wt.get(r.strings);
-    return t === void 0 && Wt.set(r.strings, t = new He(r)), t;
+    return t === void 0 && Wt.set(r.strings, t = new Ve(r)), t;
   }
   k(r) {
-    Rt(this._$AH) || (this._$AH = [], this._$AR());
+    xt(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let c, l = 0;
-    for (const g of r) l === t.length ? t.push(c = new We(this.O(Be()), this.O(Be()), this, this.options)) : c = t[l], c._$AI(g), l++;
+    for (const g of r) l === t.length ? t.push(c = new Ge(this.O(He()), this.O(He()), this, this.options)) : c = t[l], c._$AI(g), l++;
     l < t.length && (this._$AR(c && c._$AB.nextSibling, l), t.length = l);
   }
   _$AR(r = this._$AA.nextSibling, t) {
@@ -433,7 +433,7 @@ class We {
     this._$AM === void 0 && (this._$Cv = r, (t = this._$AP) == null || t.call(this, r));
   }
 }
-class st {
+class lt {
   get tagName() {
     return this.element.tagName;
   }
@@ -446,11 +446,11 @@ class st {
   _$AI(r, t = this, c, l) {
     const g = this.strings;
     let y = !1;
-    if (g === void 0) r = Re(this, r, t, 0), y = !qe(r) || r !== this._$AH && r !== ke, y && (this._$AH = r);
+    if (g === void 0) r = Me(this, r, t, 0), y = !We(r) || r !== this._$AH && r !== Oe, y && (this._$AH = r);
     else {
       const _ = r;
       let E, C;
-      for (r = g[0], E = 0; E < g.length - 1; E++) C = Re(this, _[c + E], t, E), C === ke && (C = this._$AH[E]), y || (y = !qe(C) || C !== this._$AH[E]), C === V ? r = V : r !== V && (r += (C ?? "") + g[E + 1]), this._$AH[E] = C;
+      for (r = g[0], E = 0; E < g.length - 1; E++) C = Me(this, _[c + E], t, E), C === Oe && (C = this._$AH[E]), y || (y = !We(C) || C !== this._$AH[E]), C === V ? r = V : r !== V && (r += (C ?? "") + g[E + 1]), this._$AH[E] = C;
     }
     y && !l && this.j(r);
   }
@@ -458,7 +458,7 @@ class st {
     r === V ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, r ?? "");
   }
 }
-class br extends st {
+class br extends lt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -466,7 +466,7 @@ class br extends st {
     this.element[this.name] = r === V ? void 0 : r;
   }
 }
-class Sr extends st {
+class Sr extends lt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -474,12 +474,12 @@ class Sr extends st {
     this.element.toggleAttribute(this.name, !!r && r !== V);
   }
 }
-class wr extends st {
+class wr extends lt {
   constructor(r, t, c, l, g) {
     super(r, t, c, l, g), this.type = 5;
   }
   _$AI(r, t = this) {
-    if ((r = Re(this, r, t, 0) ?? V) === ke) return;
+    if ((r = Me(this, r, t, 0) ?? V) === Oe) return;
     const c = this._$AH, l = r === V && c !== V || r.capture !== c.capture || r.once !== c.once || r.passive !== c.passive, g = r !== V && (c === V || l);
     l && this.element.removeEventListener(this.name, this, c), g && this.element.addEventListener(this.name, this, r), this._$AH = r;
   }
@@ -496,17 +496,17 @@ class Cr {
     return this._$AM._$AU;
   }
   _$AI(r) {
-    Re(this, r);
+    Me(this, r);
   }
 }
-const ht = $e.litHtmlPolyfillSupport;
-ht == null || ht(He, We), ($e.litHtmlVersions ?? ($e.litHtmlVersions = [])).push("3.2.1");
+const vt = qe.litHtmlPolyfillSupport;
+vt == null || vt(Ve, Ge), (qe.litHtmlVersions ?? (qe.litHtmlVersions = [])).push("3.2.1");
 const Er = (w, r, t) => {
   const c = (t == null ? void 0 : t.renderBefore) ?? r;
   let l = c._$litPart$;
   if (l === void 0) {
     const g = (t == null ? void 0 : t.renderBefore) ?? null;
-    c._$litPart$ = l = new We(r.insertBefore(Be(), g), g, void 0, t ?? {});
+    c._$litPart$ = l = new Ge(r.insertBefore(He(), g), g, void 0, t ?? {});
   }
   return l._$AI(w), l;
 };
@@ -515,7 +515,7 @@ const Er = (w, r, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Ae = class extends Pe {
+let De = class extends Re {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -537,13 +537,13 @@ let Ae = class extends Pe {
     super.disconnectedCallback(), (r = this._$Do) == null || r.setConnected(!1);
   }
   render() {
-    return ke;
+    return Oe;
   }
 };
 var Fn;
-Ae._$litElement$ = !0, Ae.finalized = !0, (Fn = globalThis.litElementHydrateSupport) == null || Fn.call(globalThis, { LitElement: Ae });
-const vt = globalThis.litElementPolyfillSupport;
-vt == null || vt({ LitElement: Ae });
+De._$litElement$ = !0, De.finalized = !0, (Fn = globalThis.litElementHydrateSupport) == null || Fn.call(globalThis, { LitElement: De });
+const gt = globalThis.litElementPolyfillSupport;
+gt == null || gt({ LitElement: De });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
 /**
  * @license
@@ -560,7 +560,7 @@ const Vn = (w) => (r, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Tr = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: kt }, Pr = (w = Tr, r, t) => {
+const Tr = { attribute: !0, type: String, converter: ct, reflect: !1, hasChanged: Rt }, Pr = (w = Tr, r, t) => {
   const { kind: c, metadata: l } = t;
   let g = globalThis.litPropertyMetadata.get(l);
   if (g === void 0 && globalThis.litPropertyMetadata.set(l, g = /* @__PURE__ */ new Map()), g.set(t.name, w), c === "accessor") {
@@ -581,7 +581,7 @@ const Tr = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + c);
 };
-function xt(w) {
+function Se(w) {
   return (r, t) => typeof t == "object" ? Pr(w, r, t) : ((c, l, g) => {
     const y = l.hasOwnProperty(g);
     return l.constructor.createProperty(g, y ? { ...c, wrapped: !0 } : c), y ? Object.getOwnPropertyDescriptor(l, g) : void 0;
@@ -593,7 +593,7 @@ function xt(w) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function Gn(w) {
-  return xt({ ...w, state: !0, attribute: !1 });
+  return Se({ ...w, state: !0, attribute: !1 });
 }
 /**
  * @license
@@ -617,7 +617,7 @@ function zn(w, r) {
     } });
   };
 }
-const Ar = At`
+const Ar = kt`
   .wrapper {
     position: relative;
     overflow: hidden;
@@ -652,14 +652,14 @@ const Ar = At`
   }
 
   .filter-gradient {
-    background: linear-gradient(to right, #63b3ed, #06b6d4, #2563eb);
+    background: linear-gradient(to right, #6e46a3, #3d89ff, #00f7fe);
     background-size: 200% 200%;
     animation: gradientAnimation 8s ease infinite;
     mix-blend-mode: overlay;
   }
 
   .filter-overlay {
-    background: linear-gradient(to right, #63b3ed, #06b6d4, #2563eb);
+    background: linear-gradient(to right, #6e46a3, #3d89ff, #00f7fe);
     background-size: 200% 200%;
     animation: gradientAnimation 8s ease infinite;
     transition: opacity 0.5s;
@@ -709,7 +709,7 @@ const Ar = At`
     font-size: 1.25rem;
     border: none;
     cursor: pointer;
-    background-color: #dc2626;
+    background-color: #d03175;
     color: white;
   }
 
@@ -719,7 +719,7 @@ const Ar = At`
   }
 
   .button[data-calling='false']:hover {
-    background-color: #b91c1c;
+    background-color: #b2236f;
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
@@ -759,17 +759,23 @@ const Ar = At`
     align-items: center;
     justify-content: center;
   }
-`, Jn = At`
+`, Jn = kt`
   * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     border: 0;
   }
+
+  button {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+  }
 `;
-var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, gt = {}, ce = {}, Ve = { exports: {} }, Vt;
+var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, mt = {}, ue = {}, Je = { exports: {} }, Vt;
 function ee() {
-  if (Vt) return Ve.exports;
+  if (Vt) return Je.exports;
   Vt = 1;
   var w = typeof Reflect == "object" ? Reflect : null, r = w && typeof w.apply == "function" ? w.apply : function(s, h, I) {
     return Function.prototype.apply.call(s, h, I);
@@ -788,7 +794,7 @@ function ee() {
   function g() {
     g.init.call(this);
   }
-  Ve.exports = g, Ve.exports.once = o, g.EventEmitter = g, g.prototype._events = void 0, g.prototype._eventsCount = 0, g.prototype._maxListeners = void 0;
+  Je.exports = g, Je.exports.once = o, g.EventEmitter = g, g.prototype._events = void 0, g.prototype._eventsCount = 0, g.prototype._maxListeners = void 0;
   var y = 10;
   function _(d) {
     if (typeof d != "function")
@@ -977,13 +983,13 @@ function ee() {
     else
       throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof d);
   }
-  return Ve.exports;
+  return Je.exports;
 }
-var Se = {}, Gt;
+var Te = {}, Gt;
 function Kn() {
-  if (Gt) return Se;
+  if (Gt) return Te;
   Gt = 1;
-  var w = Se && Se.__extends || /* @__PURE__ */ function() {
+  var w = Te && Te.__extends || /* @__PURE__ */ function() {
     var c = function(l, g) {
       return c = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(y, _) {
         y.__proto__ = _;
@@ -999,7 +1005,7 @@ function Kn() {
       l.prototype = g === null ? Object.create(g) : (y.prototype = g.prototype, new y());
     };
   }();
-  Object.defineProperty(Se, "__esModule", { value: !0 });
+  Object.defineProperty(Te, "__esModule", { value: !0 });
   var r = ee(), t = (
     /** @class */
     function(c) {
@@ -1042,9 +1048,9 @@ function Kn() {
       }, l;
     }(r.EventEmitter)
   );
-  return Se.default = t, Se;
+  return Te.default = t, Te;
 }
-var Q = {}, it = { exports: {} }, kr = it.exports, zt;
+var Q = {}, st = { exports: {} }, kr = st.exports, zt;
 function Qn() {
   return zt || (zt = 1, function(w) {
     (function(r, t) {
@@ -1169,13 +1175,13 @@ function Qn() {
         return b;
       }, u;
     });
-  }(it)), it.exports;
+  }(st)), st.exports;
 }
-var te = {}, Le = {}, je = {}, we = {}, Jt;
+var te = {}, Ue = {}, Ne = {}, Pe = {}, Jt;
 function Rr() {
-  if (Jt) return we;
+  if (Jt) return Pe;
   Jt = 1;
-  var w = we && we.__extends || /* @__PURE__ */ function() {
+  var w = Pe && Pe.__extends || /* @__PURE__ */ function() {
     var t = function(c, l) {
       return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(g, y) {
         g.__proto__ = y;
@@ -1191,7 +1197,7 @@ function Rr() {
       c.prototype = l === null ? Object.create(l) : (g.prototype = l.prototype, new g());
     };
   }();
-  Object.defineProperty(we, "__esModule", { value: !0 });
+  Object.defineProperty(Pe, "__esModule", { value: !0 });
   var r = (
     /** @class */
     function(t) {
@@ -1205,12 +1211,12 @@ function Rr() {
       return c;
     }(Error)
   );
-  return we.default = r, we;
+  return Pe.default = r, Pe;
 }
 var Kt;
 function xr() {
   return Kt || (Kt = 1, function(w) {
-    var r = je && je.__extends || /* @__PURE__ */ function() {
+    var r = Ne && Ne.__extends || /* @__PURE__ */ function() {
       var u = function(b, n) {
         return u = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
           e.__proto__ = i;
@@ -1909,12 +1915,12 @@ function xr() {
       [53402, m.ClientRemoteDescFailed],
       [53405, m.ConnectionError]
     ]), Object.freeze(w.errorsByCode);
-  }(je)), je;
+  }(Ne)), Ne;
 }
 var Qt;
 function z() {
   return Qt || (Qt = 1, function(w) {
-    var r = Le && Le.__extends || /* @__PURE__ */ function() {
+    var r = Ue && Ue.__extends || /* @__PURE__ */ function() {
       var S = function(m, u) {
         return S = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(b, n) {
           b.__proto__ = n;
@@ -2044,10 +2050,10 @@ function z() {
       return t.errorsByCode.has(S);
     }
     w.hasErrorByCode = C;
-  }(Le)), Le;
+  }(Ue)), Ue;
 }
-var ue = {}, J = {}, Xt;
-function Oe() {
+var le = {}, J = {}, Xt;
+function Le() {
   if (Xt) return J;
   Xt = 1, Object.defineProperty(J, "__esModule", { value: !0 }), J.SOUNDS_BASE_URL = J.RELEASE_VERSION = J.PACKAGE_NAME = J.ECHO_TEST_DURATION = J.COWBELL_AUDIO_URL = void 0;
   var w = "@twilio/voice-sdk";
@@ -2063,17 +2069,17 @@ function Oe() {
 }
 var Yt;
 function X() {
-  if (Yt) return ue;
+  if (Yt) return le;
   Yt = 1;
-  var w = ue && ue.__spreadArrays || function() {
+  var w = le && le.__spreadArrays || function() {
     for (var l = 0, g = 0, y = arguments.length; g < y; g++) l += arguments[g].length;
     for (var _ = Array(l), E = 0, g = 0; g < y; g++)
       for (var C = arguments[g], S = 0, m = C.length; S < m; S++, E++)
         _[E] = C[S];
     return _;
   };
-  Object.defineProperty(ue, "__esModule", { value: !0 }), ue.Logger = void 0;
-  var r = Qn(), t = Oe(), c = (
+  Object.defineProperty(le, "__esModule", { value: !0 }), le.Logger = void 0;
+  var r = Qn(), t = Le(), c = (
     /** @class */
     function() {
       function l(g, y) {
@@ -2108,13 +2114,13 @@ function X() {
       }, l.levels = r.levels, l;
     }()
   );
-  return ue.Logger = c.getLogLevelInstance(), ue.default = c, ue;
+  return le.Logger = c.getLogLevelInstance(), le.default = c, le;
 }
-var Ge = {}, Zt;
+var Ke = {}, Zt;
 function Dr() {
-  if (Zt) return Ge;
-  Zt = 1, Object.defineProperty(Ge, "__esModule", { value: !0 });
-  var w = Oe(), r = z(), t = X(), c = w.SOUNDS_BASE_URL + "/outgoing.mp3", l = (
+  if (Zt) return Ke;
+  Zt = 1, Object.defineProperty(Ke, "__esModule", { value: !0 });
+  var w = Le(), r = z(), t = X(), c = w.SOUNDS_BASE_URL + "/outgoing.mp3", l = (
     /** @class */
     function() {
       function g(y, _, E, C) {
@@ -2160,12 +2166,12 @@ function Dr() {
       }, g;
     }()
   );
-  return Ge.default = l, Ge;
+  return Ke.default = l, Ke;
 }
-var ze = {}, en;
+var Qe = {}, en;
 function Or() {
-  if (en) return ze;
-  en = 1, Object.defineProperty(ze, "__esModule", { value: !0 });
+  if (en) return Qe;
+  en = 1, Object.defineProperty(Qe, "__esModule", { value: !0 });
   var w = (
     /** @class */
     /* @__PURE__ */ function() {
@@ -2188,10 +2194,10 @@ function Or() {
       return r;
     }()
   );
-  return ze.default = w, ze;
+  return Qe.default = w, Qe;
 }
 var H = {}, tn;
-function pe() {
+function he() {
   if (tn) return H;
   tn = 1, Object.defineProperty(H, "__esModule", { value: !0 }), H.promisifyEvents = H.flatMap = H.queryToJson = H.isUnifiedPlanDefault = H.isSafari = H.isLegacyEdge = H.isFirefox = H.isChrome = H.isElectron = H.difference = H.average = H.Exception = void 0;
   function w(b) {
@@ -2228,11 +2234,11 @@ function pe() {
   }
   H.isChrome = l;
   function g(b) {
-    return b = b || (typeof window > "u" ? Tt.navigator : window.navigator), !!b && typeof b.userAgent == "string" && /firefox|fxios/i.test(b.userAgent);
+    return b = b || (typeof window > "u" ? Pt.navigator : window.navigator), !!b && typeof b.userAgent == "string" && /firefox|fxios/i.test(b.userAgent);
   }
   H.isFirefox = g;
   function y(b) {
-    return b = b || (typeof window > "u" ? Tt.navigator : window.navigator), !!b && typeof b.userAgent == "string" && /edge\/\d+/i.test(b.userAgent);
+    return b = b || (typeof window > "u" ? Pt.navigator : window.navigator), !!b && typeof b.userAgent == "string" && /edge\/\d+/i.test(b.userAgent);
   }
   H.isLegacyEdge = y;
   function _(b) {
@@ -2397,7 +2403,7 @@ function Mr() {
     }
   };
   Object.defineProperty(te, "__esModule", { value: !0 });
-  var c = ee(), l = ct(), g = z(), y = X(), _ = Dr(), E = Or(), C = pe(), S = {
+  var c = ee(), l = dt(), g = z(), y = X(), _ = Dr(), E = Or(), C = he(), S = {
     audioinput: "Audio Input",
     audiooutput: "Audio Output"
   }, m = (
@@ -2700,11 +2706,11 @@ function Mr() {
   );
   return m || (m = {}), te.default = m, te;
 }
-var ve = {}, rn;
+var ge = {}, rn;
 function Lr() {
-  if (rn) return ve;
+  if (rn) return ge;
   rn = 1;
-  var w = ve && ve.__extends || /* @__PURE__ */ function() {
+  var w = ge && ge.__extends || /* @__PURE__ */ function() {
     var l = function(g, y) {
       return l = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(_, E) {
         _.__proto__ = E;
@@ -2720,7 +2726,7 @@ function Lr() {
       g.prototype = y === null ? Object.create(y) : (_.prototype = y.prototype, new _());
     };
   }();
-  Object.defineProperty(ve, "__esModule", { value: !0 }), ve.AudioProcessorEventObserver = void 0;
+  Object.defineProperty(ge, "__esModule", { value: !0 }), ge.AudioProcessorEventObserver = void 0;
   var r = ee(), t = X(), c = (
     /** @class */
     function(l) {
@@ -2746,12 +2752,12 @@ function Lr() {
       }, g;
     }(r.EventEmitter)
   );
-  return ve.AudioProcessorEventObserver = c, ve;
+  return ge.AudioProcessorEventObserver = c, ge;
 }
-var Je = {}, on;
+var Xe = {}, on;
 function jr() {
-  if (on) return Je;
-  on = 1, Object.defineProperty(Je, "__esModule", { value: !0 });
+  if (on) return Xe;
+  on = 1, Object.defineProperty(Xe, "__esModule", { value: !0 });
   var w = z(), r = {
     dtmf0: [1360, 960],
     dtmf1: [1230, 720],
@@ -2797,12 +2803,12 @@ function jr() {
       }, c;
     }()
   );
-  return Je.default = t, Je;
+  return Xe.default = t, Xe;
 }
-var Ce = {}, Ke = {}, an;
+var Ie = {}, Ye = {}, an;
 function Ur() {
-  if (an) return Ke;
-  an = 1, Object.defineProperty(Ke, "__esModule", { value: !0 });
+  if (an) return Ye;
+  an = 1, Object.defineProperty(Ye, "__esModule", { value: !0 });
   function w(t, c, l) {
     var g = JSON.stringify(c.body || {}), y = new Headers();
     c.headers = c.headers || [], Object.entries(c.headers).forEach(function(_) {
@@ -2819,13 +2825,13 @@ function Ur() {
     return new this("GET", c, l);
   }, r.post = function(c, l) {
     return new this("POST", c, l);
-  }, Ke.default = r, Ke;
+  }, Ye.default = r, Ye;
 }
 var sn;
 function Nr() {
-  if (sn) return Ce;
+  if (sn) return Ie;
   sn = 1;
-  var w = Ce && Ce.__extends || /* @__PURE__ */ function() {
+  var w = Ie && Ie.__extends || /* @__PURE__ */ function() {
     var y = function(_, E) {
       return y = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(C, S) {
         C.__proto__ = S;
@@ -2841,7 +2847,7 @@ function Nr() {
       _.prototype = E === null ? Object.create(E) : (C.prototype = E.prototype, new C());
     };
   }();
-  Object.defineProperty(Ce, "__esModule", { value: !0 });
+  Object.defineProperty(Ie, "__esModule", { value: !0 });
   var r = ee(), t = X(), c = Ur(), l = (
     /** @class */
     function(y) {
@@ -2981,12 +2987,12 @@ function Nr() {
       total_packets_sent: y.totals.packetsSent
     };
   }
-  return Ce.default = l, Ce;
+  return Ie.default = l, Ie;
 }
-var Y = {}, oe = {}, Qe = {}, cn;
+var Y = {}, oe = {}, Ze = {}, cn;
 function Fr() {
-  if (cn) return Qe;
-  cn = 1, Object.defineProperty(Qe, "__esModule", { value: !0 });
+  if (cn) return Ze;
+  cn = 1, Object.defineProperty(Ze, "__esModule", { value: !0 });
   var w = 32767, r = typeof window < "u" ? window.RTCStatsReport : void 0;
   function t(f) {
     if (!(this instanceof t))
@@ -3257,7 +3263,7 @@ function Fr() {
     var s = f.stat(d);
     return typeof s < "u" && s !== "";
   }
-  return Qe.default = t, Qe;
+  return Ze.default = t, Ze;
 }
 var un;
 function Xn() {
@@ -3489,7 +3495,7 @@ function Yn() {
       }
     };
     Object.defineProperty(w, "__esModule", { value: !0 }), w.PreflightTest = void 0;
-    var g = ee(), y = Ot(), _ = ct(), E = z(), C = X(), S = Xn(), m = Oe(), u = (
+    var g = ee(), y = Ot(), _ = dt(), E = z(), C = X(), S = Xn(), m = Le(), u = (
       /** @class */
       function(b) {
         r(n, b);
@@ -3761,10 +3767,10 @@ function Yn() {
     }(u = w.PreflightTest || (w.PreflightTest = {})), w.PreflightTest = u;
   }(Y)), Y;
 }
-var Ee = {}, ge = {}, dn;
+var Ae = {}, me = {}, dn;
 function $r() {
   return dn || (dn = 1, function(w) {
-    var r = ge && ge.__extends || /* @__PURE__ */ function() {
+    var r = me && me.__extends || /* @__PURE__ */ function() {
       var o = function(a, f) {
         return o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d, s) {
           d.__proto__ = s;
@@ -3779,7 +3785,7 @@ function $r() {
         }
         a.prototype = f === null ? Object.create(f) : (d.prototype = f.prototype, new d());
       };
-    }(), t = ge && ge.__assign || function() {
+    }(), t = me && me.__assign || function() {
       return t = Object.assign || function(o) {
         for (var a, f = 1, d = arguments.length; f < d; f++) {
           a = arguments[f];
@@ -3986,13 +3992,13 @@ function $r() {
       }(c.EventEmitter)
     );
     w.default = i;
-  }(ge)), ge;
+  }(me)), me;
 }
 var fn;
 function Br() {
-  if (fn) return Ee;
+  if (fn) return Ae;
   fn = 1;
-  var w = Ee && Ee.__extends || /* @__PURE__ */ function() {
+  var w = Ae && Ae.__extends || /* @__PURE__ */ function() {
     var S = function(m, u) {
       return S = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(b, n) {
         b.__proto__ = n;
@@ -4008,8 +4014,8 @@ function Br() {
       m.prototype = u === null ? Object.create(u) : (b.prototype = u.prototype, new b());
     };
   }();
-  Object.defineProperty(Ee, "__esModule", { value: !0 });
-  var r = ee(), t = Oe(), c = z(), l = X(), g = $r(), y = "1.6", _ = 30, E = (
+  Object.defineProperty(Ae, "__esModule", { value: !0 });
+  var r = ee(), t = Le(), c = z(), l = X(), g = $r(), y = "1.6", _ = 30, E = (
     /** @class */
     function(S) {
       w(m, S);
@@ -4159,9 +4165,9 @@ function Br() {
     };
     return m;
   }
-  return Ee.default = E, Ee;
+  return Ae.default = E, Ae;
 }
-var mt = {}, pn;
+var _t = {}, pn;
 function qr() {
   return pn || (pn = 1, function(w) {
     var r;
@@ -4219,13 +4225,13 @@ function qr() {
       return w.regionShortcodes[m] || null;
     }
     w.getRegionShortcode = S;
-  }(mt)), mt;
+  }(_t)), _t;
 }
-var ae = {}, Xe = {}, Ye = {}, Z = {}, hn;
+var ae = {}, et = {}, tt = {}, Z = {}, hn;
 function Dt() {
   if (hn) return Z;
   hn = 1, Object.defineProperty(Z, "__esModule", { value: !0 }), Z.setMaxAverageBitrate = Z.setIceAggressiveNomination = Z.setCodecPreferences = Z.getPreferredCodecInfo = void 0;
-  var w = pe(), r = {
+  var w = he(), r = {
     0: "PCMU",
     8: "PCMA"
   }, t = 111, c = 51e4, l = 6e3;
@@ -4313,7 +4319,7 @@ m=`).slice(1).map(function(a) {
   }
   return Z;
 }
-var _t = { exports: {} }, vn;
+var yt = { exports: {} }, vn;
 function Hr() {
   return vn || (vn = 1, function(w) {
     var r = {};
@@ -4725,11 +4731,11 @@ t=0 0\r
           return !1;
       return !0;
     }, w.exports = r;
-  }(_t)), _t.exports;
+  }(yt)), yt.exports;
 }
-var yt, gn;
+var bt, gn;
 function Wr() {
-  if (gn) return yt;
+  if (gn) return bt;
   gn = 1;
   var w = Hr();
   function r(_, E, C, S, m) {
@@ -4839,7 +4845,7 @@ function Wr() {
     var C = new Error(E);
     return C.name = _, C;
   }
-  return yt = function(_, E) {
+  return bt = function(_, E) {
     function C(n, e) {
       e.addTrack(n), e.dispatchEvent(new _.MediaStreamTrackEvent(
         "addtrack",
@@ -5216,7 +5222,7 @@ function Wr() {
           I,
           "a=end-of-candidates",
           f
-        ).length > 0, ye = w.matchPrefix(I, "a=candidate:").map(function(K) {
+        ).length > 0, Ce = w.matchPrefix(I, "a=candidate:").map(function(K) {
           return w.parseCandidate(K);
         }).filter(function(K) {
           return K.component === 1;
@@ -5229,7 +5235,7 @@ function Wr() {
           A = e.transceivers[v] || e._createTransceiver(T), A.mid = j, A.iceGatherer || (A.iceGatherer = e._createIceGatherer(
             v,
             s
-          )), ye.length && A.iceTransport.state === "new" && (ie && (!s || v === 0) ? A.iceTransport.setRemoteCandidates(ye) : ye.forEach(function(K) {
+          )), Ce.length && A.iceTransport.state === "new" && (ie && (!s || v === 0) ? A.iceTransport.setRemoteCandidates(Ce) : Ce.forEach(function(K) {
             g(A.iceTransport, K);
           })), F = _.RTCRtpReceiver.getCapabilities(T), E < 15019 && (F.codecs = F.codecs.filter(
             function(K) {
@@ -5238,10 +5244,10 @@ function Wr() {
           )), M = A.sendEncodingParameters || [{
             ssrc: (2 * v + 2) * 1001
           }];
-          var dt = !1;
+          var ft = !1;
           if (R === "sendrecv" || R === "sendonly") {
-            if (dt = !A.rtpReceiver, x = A.rtpReceiver || new _.RTCRtpReceiver(A.dtlsTransport, T), dt) {
-              var be;
+            if (ft = !A.rtpReceiver, x = A.rtpReceiver || new _.RTCRtpReceiver(A.dtlsTransport, T), ft) {
+              var Ee;
               $ = x.track, p && p.stream === "-" || (p ? (i[p.stream] || (i[p.stream] = new _.MediaStream(), Object.defineProperty(i[p.stream], "id", {
                 get: function() {
                   return p.stream;
@@ -5250,7 +5256,7 @@ function Wr() {
                 get: function() {
                   return p.track;
                 }
-              }), be = i[p.stream]) : (i.default || (i.default = new _.MediaStream()), be = i.default)), be && (C($, be), A.associatedRemoteMediaStreams.push(be)), o.push([$, x, be]);
+              }), Ee = i[p.stream]) : (i.default || (i.default = new _.MediaStream()), Ee = i.default)), Ee && (C($, Ee), A.associatedRemoteMediaStreams.push(Ee)), o.push([$, x, Ee]);
             }
           } else A.rtpReceiver && A.rtpReceiver.track && (A.associatedRemoteMediaStreams.forEach(function(K) {
             var Mt = K.getTracks().find(function(or) {
@@ -5261,9 +5267,9 @@ function Wr() {
           A.localCapabilities = F, A.remoteCapabilities = B, A.rtpReceiver = x, A.rtcpParameters = G, A.sendEncodingParameters = M, A.recvEncodingParameters = L, e._transceive(
             e.transceivers[v],
             !1,
-            dt
+            ft
           );
-        } else n.type === "answer" && !k && (A = e.transceivers[v], N = A.iceGatherer, D = A.iceTransport, U = A.dtlsTransport, x = A.rtpReceiver, M = A.sendEncodingParameters, F = A.localCapabilities, e.transceivers[v].recvEncodingParameters = L, e.transceivers[v].remoteCapabilities = B, e.transceivers[v].rtcpParameters = G, ye.length && D.state === "new" && ((d || ie) && (!s || v === 0) ? D.setRemoteCandidates(ye) : ye.forEach(function(K) {
+        } else n.type === "answer" && !k && (A = e.transceivers[v], N = A.iceGatherer, D = A.iceTransport, U = A.dtlsTransport, x = A.rtpReceiver, M = A.sendEncodingParameters, F = A.localCapabilities, e.transceivers[v].recvEncodingParameters = L, e.transceivers[v].remoteCapabilities = B, e.transceivers[v].rtcpParameters = G, Ce.length && D.state === "new" && ((d || ie) && (!s || v === 0) ? D.setRemoteCandidates(Ce) : Ce.forEach(function(K) {
           g(A.iceTransport, K);
         })), (!s || v === 0) && (D.state === "new" && D.start(
           N,
@@ -5575,19 +5581,19 @@ a=mid:` + a.mid + `\r
         }) : e.apply(this, arguments);
       };
     }), u;
-  }, yt;
+  }, bt;
 }
 var mn;
 function Zn() {
-  if (mn) return Ye;
-  mn = 1, Object.defineProperty(Ye, "__esModule", { value: !0 });
-  var w = X(), r = pe(), t = Dt(), c = Wr();
+  if (mn) return tt;
+  mn = 1, Object.defineProperty(tt, "__esModule", { value: !0 });
+  var w = X(), r = he(), t = Dt(), c = Wr();
   function l(E) {
     if (typeof window > "u") {
       this.log.info("No RTCPeerConnection implementation available. The window object was not found.");
       return;
     }
-    E && E.RTCPeerConnection ? this.RTCPeerConnection = E.RTCPeerConnection : r.isLegacyEdge() ? this.RTCPeerConnection = new c(typeof window < "u" ? window : Tt) : typeof window.RTCPeerConnection == "function" ? this.RTCPeerConnection = window.RTCPeerConnection : typeof window.webkitRTCPeerConnection == "function" ? this.RTCPeerConnection = webkitRTCPeerConnection : typeof window.mozRTCPeerConnection == "function" ? (this.RTCPeerConnection = mozRTCPeerConnection, window.RTCSessionDescription = mozRTCSessionDescription, window.RTCIceCandidate = mozRTCIceCandidate) : this.log.info("No RTCPeerConnection implementation available");
+    E && E.RTCPeerConnection ? this.RTCPeerConnection = E.RTCPeerConnection : r.isLegacyEdge() ? this.RTCPeerConnection = new c(typeof window < "u" ? window : Pt) : typeof window.RTCPeerConnection == "function" ? this.RTCPeerConnection = window.RTCPeerConnection : typeof window.webkitRTCPeerConnection == "function" ? this.RTCPeerConnection = webkitRTCPeerConnection : typeof window.mozRTCPeerConnection == "function" ? (this.RTCPeerConnection = mozRTCPeerConnection, window.RTCSessionDescription = mozRTCSessionDescription, window.RTCIceCandidate = mozRTCIceCandidate) : this.log.info("No RTCPeerConnection implementation available");
   }
   l.prototype.create = function(E) {
     this.log = new w.default("RTCPC"), this.pc = new this.RTCPeerConnection(E);
@@ -5678,13 +5684,13 @@ function Zn() {
   function _(E, C) {
     return g(E, C, !1, !1);
   }
-  return Ye.default = l, Ye;
+  return tt.default = l, tt;
 }
 var _n;
 function Vr() {
-  if (_n) return Xe;
-  _n = 1, Object.defineProperty(Xe, "__esModule", { value: !0 });
-  var w = z(), r = X(), t = pe(), c = Zn(), l = Dt(), g = 15e3, y = "none", _ = "timeout", E = "new", C = 50;
+  if (_n) return et;
+  _n = 1, Object.defineProperty(et, "__esModule", { value: !0 });
+  var w = z(), r = X(), t = he(), c = Zn(), l = Dt(), g = 15e3, y = "none", _ = "timeout", E = "new", C = 50;
   function S(e, i, o) {
     if (!e || !i)
       throw new w.InvalidArgumentError("Audiohelper, and pstream are required arguments");
@@ -6103,7 +6109,7 @@ function Vr() {
       return !1;
     return !0;
   }
-  return S.enabled = c.default.test(), Xe.default = S, Xe;
+  return S.enabled = c.default.test(), et.default = S, et;
 }
 var yn;
 function er() {
@@ -6121,11 +6127,11 @@ function er() {
   }
   return ae.getMediaEngine = c, ae;
 }
-var Ze = {}, bn;
+var nt = {}, bn;
 function Gr() {
-  if (bn) return Ze;
-  bn = 1, Object.defineProperty(Ze, "__esModule", { value: !0 });
-  var w = z(), r = pe();
+  if (bn) return nt;
+  bn = 1, Object.defineProperty(nt, "__esModule", { value: !0 });
+  var w = z(), r = he();
   function t(c, l) {
     return l = l || {}, l.util = l.util || r, l.navigator = l.navigator || (typeof navigator < "u" ? navigator : null), new Promise(function(g, y) {
       if (!l.navigator)
@@ -6147,12 +6153,12 @@ function Gr() {
 Related Bugzilla thread: https://bugzilla.mozilla.org/show_bug.cgi?id=1299324`) : g;
     });
   }
-  return Ze.default = t, Ze;
+  return nt.default = t, nt;
 }
-var et = {}, se = {}, tt = {}, Sn;
+var rt = {}, se = {}, it = {}, Sn;
 function zr() {
-  if (Sn) return tt;
-  Sn = 1, Object.defineProperty(tt, "__esModule", { value: !0 });
+  if (Sn) return it;
+  Sn = 1, Object.defineProperty(it, "__esModule", { value: !0 });
   var w = (
     /** @class */
     function() {
@@ -6178,7 +6184,7 @@ function zr() {
       }, r;
     }()
   );
-  return tt.default = w, tt;
+  return it.default = w, it;
 }
 var wn;
 function Jr() {
@@ -6309,10 +6315,10 @@ function Jr() {
   );
   return se.AsyncQueue = c, se;
 }
-var ne = {}, nt = {}, Cn;
+var ne = {}, ot = {}, Cn;
 function Kr() {
-  if (Cn) return nt;
-  Cn = 1, Object.defineProperty(nt, "__esModule", { value: !0 });
+  if (Cn) return ot;
+  Cn = 1, Object.defineProperty(ot, "__esModule", { value: !0 });
   var w = (
     /** @class */
     function() {
@@ -6337,20 +6343,20 @@ function Kr() {
       }), r;
     }()
   );
-  return nt.default = w, nt;
+  return ot.default = w, ot;
 }
-var Te = {}, En;
+var ke = {}, En;
 function Qr() {
-  if (En) return Te;
+  if (En) return ke;
   En = 1;
-  var w = Te && Te.__spreadArrays || function() {
+  var w = ke && ke.__spreadArrays || function() {
     for (var c = 0, l = 0, g = arguments.length; l < g; l++) c += arguments[l].length;
     for (var y = Array(c), _ = 0, l = 0; l < g; l++)
       for (var E = arguments[l], C = 0, S = E.length; C < S; C++, _++)
         y[_] = E[C];
     return y;
   };
-  Object.defineProperty(Te, "__esModule", { value: !0 });
+  Object.defineProperty(ke, "__esModule", { value: !0 });
   var r = ee(), t = (
     /** @class */
     function() {
@@ -6368,7 +6374,7 @@ function Qr() {
       }, c;
     }()
   );
-  return Te.default = t, Te;
+  return ke.default = t, ke;
 }
 var Tn;
 function Xr() {
@@ -6678,8 +6684,8 @@ function Xr() {
 }
 var Pn;
 function Yr() {
-  if (Pn) return et;
-  Pn = 1, Object.defineProperty(et, "__esModule", { value: !0 });
+  if (Pn) return rt;
+  Pn = 1, Object.defineProperty(rt, "__esModule", { value: !0 });
   var w = Jr(), r = Xr(), t = z();
   function c(g, y, _) {
     if (!(this instanceof c))
@@ -6768,9 +6774,9 @@ function Yr() {
     return this._operations.enqueue(function() {
       return y._play();
     });
-  }, et.default = c, et;
+  }, rt.default = c, rt;
 }
-var Ue = {}, bt = { exports: {} }, St = { exports: {} }, In;
+var Fe = {}, St = { exports: {} }, wt = { exports: {} }, In;
 function Zr() {
   return In || (In = 1, function() {
     var w = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", r = {
@@ -6835,12 +6841,12 @@ function Zr() {
         return c;
       }
     };
-    St.exports = r;
-  }()), St.exports;
+    wt.exports = r;
+  }()), wt.exports;
 }
-var wt, An;
+var Ct, An;
 function kn() {
-  if (An) return wt;
+  if (An) return Ct;
   An = 1;
   var w = {
     // UTF-8 encoding
@@ -6870,7 +6876,7 @@ function kn() {
       }
     }
   };
-  return wt = w, wt;
+  return Ct = w, Ct;
 }
 /*!
  * Determine if an object is a Buffer
@@ -6878,10 +6884,10 @@ function kn() {
  * @author   Feross Aboukhadijeh <https://feross.org>
  * @license  MIT
  */
-var Ct, Rn;
+var Et, Rn;
 function ei() {
-  if (Rn) return Ct;
-  Rn = 1, Ct = function(t) {
+  if (Rn) return Et;
+  Rn = 1, Et = function(t) {
     return t != null && (w(t) || r(t) || !!t._isBuffer);
   };
   function w(t) {
@@ -6890,7 +6896,7 @@ function ei() {
   function r(t) {
     return typeof t.readFloatLE == "function" && typeof t.slice == "function" && w(t.slice(0, 0));
   }
-  return Ct;
+  return Et;
 }
 var xn;
 function ti() {
@@ -6918,18 +6924,18 @@ function ti() {
     }, l._ii = function(g, y, _, E, C, S, m) {
       var u = g + (_ ^ (y | ~E)) + (C >>> 0) + m;
       return (u << S | u >>> 32 - S) + y;
-    }, l._blocksize = 16, l._digestsize = 16, bt.exports = function(g, y) {
+    }, l._blocksize = 16, l._digestsize = 16, St.exports = function(g, y) {
       if (g == null)
         throw new Error("Illegal argument " + g);
       var _ = w.wordsToBytes(l(g, y));
       return y && y.asBytes ? _ : y && y.asString ? c.bytesToString(_) : w.bytesToHex(_);
     };
-  }()), bt.exports;
+  }()), St.exports;
 }
 var Dn;
 function tr() {
-  if (Dn) return Ue;
-  Dn = 1, Object.defineProperty(Ue, "__esModule", { value: !0 }), Ue.generateVoiceEventSid = void 0;
+  if (Dn) return Fe;
+  Dn = 1, Object.defineProperty(Fe, "__esModule", { value: !0 }), Fe.generateVoiceEventSid = void 0;
   var w = ti(), r = z(), t = typeof w == "function" ? w : w.default;
   function c() {
     if (typeof window != "object")
@@ -6952,10 +6958,10 @@ function tr() {
   function l() {
     return "KX" + c();
   }
-  return Ue.generateVoiceEventSid = l, Ue;
+  return Fe.generateVoiceEventSid = l, Fe;
 }
 var On;
-function ct() {
+function dt() {
   if (On) return Q;
   On = 1;
   var w = Q && Q.__extends || /* @__PURE__ */ function() {
@@ -7068,7 +7074,7 @@ function ct() {
     }
   };
   Object.defineProperty(Q, "__esModule", { value: !0 });
-  var l = ee(), g = Qn(), y = Mr(), _ = Lr(), E = Ot(), C = Oe(), S = jr(), m = z(), u = Nr(), b = X(), n = Yn(), e = Br(), i = qr(), o = er(), a = Gr(), f = Yr(), d = pe(), s = tr(), h = 3e4, I = 2e3, v = "twilio-js-sdk", O = 'Parameter "token" must be of type "string".', T = (
+  var l = ee(), g = Qn(), y = Mr(), _ = Lr(), E = Ot(), C = Le(), S = jr(), m = z(), u = Nr(), b = X(), n = Yn(), e = Br(), i = qr(), o = er(), a = Gr(), f = Yr(), d = he(), s = tr(), h = 3e4, I = 2e3, v = "twilio-js-sdk", O = 'Parameter "token" must be of type "string".', T = (
     /** @class */
     function(k) {
       w(P, k);
@@ -7770,10 +7776,10 @@ function ct() {
     }(k.SoundName || (k.SoundName = {}));
   }(T || (T = {})), Q.default = T, Q;
 }
-var Ne = {}, Mn;
+var $e = {}, Mn;
 function ni() {
-  if (Mn) return Ne;
-  Mn = 1, Object.defineProperty(Ne, "__esModule", { value: !0 }), Ne.IceCandidate = void 0;
+  if (Mn) return $e;
+  Mn = 1, Object.defineProperty($e, "__esModule", { value: !0 }), $e.IceCandidate = void 0;
   var w = (
     /** @class */
     function() {
@@ -7800,12 +7806,12 @@ function ni() {
       }, r;
     }()
   );
-  return Ne.IceCandidate = w, Ne;
+  return $e.IceCandidate = w, $e;
 }
-var re = {}, le = {}, Ln;
+var re = {}, de = {}, Ln;
 function ri() {
-  if (Ln) return le;
-  Ln = 1, Object.defineProperty(le, "__esModule", { value: !0 }), le.isNonNegativeNumber = le.calculate = void 0;
+  if (Ln) return de;
+  Ln = 1, Object.defineProperty(de, "__esModule", { value: !0 }), de.isNonNegativeNumber = de.calculate = void 0;
   var w = 94.768;
   function r(c, l, g) {
     if (typeof c != "number" || typeof l != "number" || typeof g != "number" || !t(c) || !t(l) || !t(g))
@@ -7830,14 +7836,14 @@ function ri() {
     var E = 1 + 0.035 * _ + 7e-6 * _ * (_ - 60) * (100 - _);
     return E;
   }
-  le.calculate = r;
+  de.calculate = r;
   function t(c) {
     return typeof c == "number" && !isNaN(c) && isFinite(c) && c >= 0;
   }
-  return le.isNonNegativeNumber = t, le.default = {
+  return de.isNonNegativeNumber = t, de.default = {
     calculate: r,
     isNonNegativeNumber: t
-  }, le;
+  }, de;
 }
 var jn;
 function ii() {
@@ -7874,7 +7880,7 @@ function ii() {
     return h;
   };
   Object.defineProperty(re, "__esModule", { value: !0 });
-  var c = ee(), l = z(), g = ri(), y = Xn(), _ = pe(), E = 5, C = 0, S = 3, m = 1e3, u = 5 * 1e3, b = {
+  var c = ee(), l = z(), g = ri(), y = Xn(), _ = he(), E = 5, C = 0, S = 3, m = 1e3, u = 5 * 1e3, b = {
     audioInputLevel: { minStandardDeviation: 327.67, sampleCount: 10 },
     audioOutputLevel: { minStandardDeviation: 327.67, sampleCount: 10 },
     bytesReceived: { clearCount: 2, min: 1, raiseCount: 3, sampleCount: 3 },
@@ -8073,9 +8079,9 @@ function ii() {
 }
 var Un;
 function Ot() {
-  if (Un) return ce;
+  if (Un) return ue;
   Un = 1;
-  var w = ce && ce.__extends || /* @__PURE__ */ function() {
+  var w = ue && ue.__extends || /* @__PURE__ */ function() {
     var T = function(k, P) {
       return T = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(R, p) {
         R.__proto__ = p;
@@ -8090,7 +8096,7 @@ function Ot() {
       }
       k.prototype = P === null ? Object.create(P) : (R.prototype = P.prototype, new R());
     };
-  }(), r = ce && ce.__assign || function() {
+  }(), r = ue && ue.__assign || function() {
     return r = Object.assign || function(T) {
       for (var k, P = 1, R = arguments.length; P < R; P++) {
         k = arguments[P];
@@ -8099,8 +8105,8 @@ function Ot() {
       return T;
     }, r.apply(this, arguments);
   };
-  Object.defineProperty(ce, "__esModule", { value: !0 });
-  var t = ee(), c = Kn(), l = ct(), g = z(), y = X(), _ = er(), E = ni(), C = Dt(), S = ii(), m = pe(), u = tr(), b = Oe(), n = {
+  Object.defineProperty(ue, "__esModule", { value: !0 });
+  var t = ee(), c = Kn(), l = dt(), g = z(), y = X(), _ = er(), E = ni(), C = Dt(), S = ii(), m = he(), u = tr(), b = Le(), n = {
     factor: 1.1,
     jitter: 0.5,
     max: 3e4,
@@ -8619,7 +8625,7 @@ function Ot() {
       return P.toString(16);
     });
   }
-  return ce.default = v, ce;
+  return ue.default = v, ue;
 }
 var Nn;
 function oi() {
@@ -8627,7 +8633,7 @@ function oi() {
     Object.defineProperty(w, "__esModule", { value: !0 }), w.TwilioError = w.Logger = w.PreflightTest = w.Device = w.Call = void 0;
     var r = Ot();
     w.Call = r.default;
-    var t = ct();
+    var t = dt();
     w.Device = t.default;
     var c = z();
     w.TwilioError = c;
@@ -8639,9 +8645,9 @@ function oi() {
     Object.defineProperty(w, "PreflightTest", { enumerable: !0, get: function() {
       return g.PreflightTest;
     } });
-  }(gt)), gt;
+  }(mt)), mt;
 }
-var Et = oi();
+var Tt = oi();
 class nr extends EventTarget {
   constructor() {
     super(...arguments), this.device = null, this.activeCall = null, this.callStatus = "idle", this.isReady = !1, this.error = null;
@@ -8671,9 +8677,9 @@ class nr extends EventTarget {
           "https://voice.dev.hanc.me/token"
         );
         if (!c.ok) throw new Error(await c.text());
-        const { token: l } = await c.json(), g = new Et.Device(l, {
+        const { token: l } = await c.json(), g = new Tt.Device(l, {
           logLevel: 1,
-          codecPreferences: [Et.Call.Codec.Opus, Et.Call.Codec.PCMU],
+          codecPreferences: [Tt.Call.Codec.Opus, Tt.Call.Codec.PCMU],
           enableImprovedSignalingErrorPrecision: !0,
           edge: "dublin"
         });
@@ -8712,7 +8718,7 @@ class nr extends EventTarget {
     this.activeCall ? (this.updateStatus("disconnecting"), this.activeCall.disconnect(), this.activeCall = null, (r = this.device) == null || r.destroy(), this.device = null) : this.device && (this.device.disconnectAll(), this.updateStatus("disconnecting"), this.device.destroy(), this.device = null);
   }
 }
-const rr = Ie`
+const rr = xe`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="22"
@@ -8733,7 +8739,7 @@ const rr = Ie`
          0 0 2.81.7A2 2 0 0 1 22 16.92z"
     />
   </svg>
-`, ir = Ie`
+`, ir = xe`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="22"
@@ -8757,14 +8763,14 @@ const rr = Ie`
     <line x1="22" x2="2" y1="2" y2="22" />
   </svg>
 `;
-var ai = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ut = (w, r, t, c) => {
+var ai = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ze = (w, r, t, c) => {
   for (var l = c > 1 ? void 0 : c ? si(r, t) : r, g = w.length - 1, y; g >= 0; g--)
     (y = w[g]) && (l = (c ? y(r, t, l) : y(l)) || l);
   return c && l && ai(r, t, l), l;
 };
-let xe = class extends Ae {
+let be = class extends De {
   constructor() {
-    super(...arguments), this.callManager = new nr(), this.isCalling = !1, this.handleStatusChange = (w) => {
+    super(...arguments), this.callManager = new nr(), this.isCalling = !1, this.buttonStartText = "Start Call with ai", this.handleStatusChange = (w) => {
       const r = w.detail;
       (r === "disconnected" || r === "error") && (this.isCalling = !1);
     }, this.toggleCall = async () => {
@@ -8791,7 +8797,7 @@ let xe = class extends Ae {
     super.updated(w), w.has("agentId") && (this.callManager.hangUp(), this.isCalling = !1);
   }
   render() {
-    return Ie`
+    return xe`
       <div class="wrapper" part="wrapper">
         <div class="filter-light" part="filter-light"></div>
         <div class="filter-gradient" part="filter-gradient"></div>
@@ -8815,11 +8821,11 @@ let xe = class extends Ae {
             class="button"
             data-calling=${String(this.isCalling)}
           >
-            ${this.isCalling ? Ie`<div part="call-off-icon" class="call-off-icon">
+            ${this.isCalling ? xe`<div part="call-off-icon" class="call-off-icon">
                   ${ir}
-                </div>` : Ie`
+                </div>` : xe`
                   <div part="icon-button" class="icon-button">${rr}</div>
-                  <span part="button-text">Click to speak to AI</span>
+                  <span part="button-text">${this.buttonStartText}</span>
                 `}
           </button>
         </div>
@@ -8827,20 +8833,23 @@ let xe = class extends Ae {
     `;
   }
 };
-xe.styles = [Jn, Ar];
-ut([
-  xt({ type: String, attribute: "agent-id" })
-], xe.prototype, "agentId", 2);
-ut([
+be.styles = [Jn, Ar];
+ze([
+  Se({ type: String, attribute: "agent-id" })
+], be.prototype, "agentId", 2);
+ze([
   Gn()
-], xe.prototype, "isCalling", 2);
-ut([
+], be.prototype, "isCalling", 2);
+ze([
   zn("video")
-], xe.prototype, "videoElement", 2);
-xe = ut([
-  Vn("hanc-ai-call-control")
-], xe);
-const ci = At`
+], be.prototype, "videoElement", 2);
+ze([
+  Se({ type: String, attribute: "button-start-text" })
+], be.prototype, "buttonStartText", 2);
+be = ze([
+  Vn("hanc-ai-inline-call")
+], be);
+const ci = kt`
   .root {
     position: fixed;
     right: 24px;
@@ -8896,19 +8905,17 @@ const ci = At`
   }
 
   .filter-gradient {
-    background: linear-gradient(to right, #63b3ed, #06b6d4, #2563eb);
+    background: linear-gradient(to right, #6e46a3, #3d89ff, #00f7fe);
     background-size: 200% 200%;
     animation: gradientAnimation 8s ease infinite;
     mix-blend-mode: overlay;
-    z-index: 11;
   }
 
   .filter-overlay {
-    background: linear-gradient(to right, #63b3ed, #06b6d4, #2563eb);
+    background: linear-gradient(to right, #6e46a3, #3d89ff, #00f7fe);
     background-size: 200% 200%;
     animation: gradientAnimation 8s ease infinite;
     transition: opacity 0.5s;
-    z-index: 12;
   }
 
   .filter-overlay[data-calling='true'] {
@@ -8945,7 +8952,7 @@ const ci = At`
   }
 
   .button {
-    background: #000;
+    background: #5266eb;
     border-radius: 9999px;
     color: #fff;
     display: flex;
@@ -8963,7 +8970,7 @@ const ci = At`
   }
 
   .button:hover {
-    background: #6e6e6e;
+    background: #3d55e6;
   }
 
   .icon-button {
@@ -8977,14 +8984,14 @@ const ci = At`
     height: 16px;
   }
 `;
-var ui = Object.defineProperty, li = Object.getOwnPropertyDescriptor, lt = (w, r, t, c) => {
+var ui = Object.defineProperty, li = Object.getOwnPropertyDescriptor, we = (w, r, t, c) => {
   for (var l = c > 1 ? void 0 : c ? li(r, t) : r, g = w.length - 1, y; g >= 0; g--)
     (y = w[g]) && (l = (c ? y(r, t, l) : y(l)) || l);
   return c && l && ui(r, t, l), l;
 };
-let De = class extends Ae {
+let ce = class extends De {
   constructor() {
-    super(...arguments), this.callManager = new nr(), this.isCalling = !1, this.handleStatusChange = (w) => {
+    super(...arguments), this.callManager = new nr(), this.isCalling = !1, this.labelText = "Need a help?", this.buttonStartText = "Start Call with ai", this.buttonEndText = "End call", this.handleStatusChange = (w) => {
       const r = w.detail;
       (r === "disconnected" || r === "error") && (this.isCalling = !1);
     }, this.toggleCall = async () => {
@@ -9011,7 +9018,7 @@ let De = class extends Ae {
     super.updated(w), w.has("agentId") && (this.callManager.hangUp(), this.isCalling = !1);
   }
   render() {
-    return Ie`
+    return xe`
       <div class="root" part="root">
         <div class="avatar-wrapper" part="avatar-wrapper">
           <div class="filter-light" part="filter-light"></div>
@@ -9030,7 +9037,7 @@ let De = class extends Ae {
           ></video>
         </div>
         <div class="content" part="content">
-          <div class="title" part="title">Need help?</div>
+          <div class="title" part="title">${this.labelText}</div>
           <button
             part="button"
             @click=${this.toggleCall}
@@ -9041,7 +9048,7 @@ let De = class extends Ae {
               ${this.isCalling ? ir : rr}
             </div>
             <span part="button-text">
-              ${this.isCalling ? "End call" : "Start a call"}
+              ${this.isCalling ? this.buttonEndText : this.buttonStartText}
             </span>
           </button>
         </div>
@@ -9049,20 +9056,29 @@ let De = class extends Ae {
     `;
   }
 };
-De.styles = [Jn, ci];
-lt([
-  xt({ type: String, attribute: "agent-id" })
-], De.prototype, "agentId", 2);
-lt([
+ce.styles = [Jn, ci];
+we([
+  Se({ type: String, attribute: "agent-id" })
+], ce.prototype, "agentId", 2);
+we([
   Gn()
-], De.prototype, "isCalling", 2);
-lt([
+], ce.prototype, "isCalling", 2);
+we([
   zn("video")
-], De.prototype, "videoElement", 2);
-De = lt([
+], ce.prototype, "videoElement", 2);
+we([
+  Se({ type: String, attribute: "label-text" })
+], ce.prototype, "labelText", 2);
+we([
+  Se({ type: String, attribute: "button-start-text" })
+], ce.prototype, "buttonStartText", 2);
+we([
+  Se({ type: String, attribute: "button-end-text" })
+], ce.prototype, "buttonEndText", 2);
+ce = we([
   Vn("hanc-ai-floating-call")
-], De);
+], ce);
 export {
-  xe as CallControl,
-  De as FloatingCall
+  ce as FloatingCall,
+  be as InlineCall
 };