@telia-ace/widget-core-flamingo 1.1.66-rc.1 → 1.1.66-rc.2

package/index.mjs

@@ -1,45 +1,45 @@
-var ft = function(r, t) {
+var ft = function(s, t) {
   return ft = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
     e.__proto__ = i;
   } || function(e, i) {
-    for (var s in i)
-      Object.prototype.hasOwnProperty.call(i, s) && (e[s] = i[s]);
-  }, ft(r, t);
+    for (var r in i)
+      Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
+  }, ft(s, t);
 };
-function B(r, t) {
+function B(s, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  ft(r, t);
+  ft(s, t);
   function e() {
-    this.constructor = r;
+    this.constructor = s;
   }
-  r.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
+  s.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
 }
-function gt(r) {
-  var t = typeof Symbol == "function" && Symbol.iterator, e = t && r[t], i = 0;
+function gt(s) {
+  var t = typeof Symbol == "function" && Symbol.iterator, e = t && s[t], i = 0;
   if (e)
-    return e.call(r);
-  if (r && typeof r.length == "number")
+    return e.call(s);
+  if (s && typeof s.length == "number")
     return {
       next: function() {
-        return r && i >= r.length && (r = void 0), { value: r && r[i++], done: !r };
+        return s && i >= s.length && (s = void 0), { value: s && s[i++], done: !s };
       }
     };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function K(r, t) {
-  var e = typeof Symbol == "function" && r[Symbol.iterator];
+function K(s, t) {
+  var e = typeof Symbol == "function" && s[Symbol.iterator];
   if (!e)
-    return r;
-  var i = e.call(r), s, n = [], o;
+    return s;
+  var i = e.call(s), r, n = [], o;
   try {
-    for (; (t === void 0 || t-- > 0) && !(s = i.next()).done; )
-      n.push(s.value);
+    for (; (t === void 0 || t-- > 0) && !(r = i.next()).done; )
+      n.push(r.value);
   } catch (a) {
     o = { error: a };
   } finally {
     try {
-      s && !s.done && (e = i.return) && e.call(i);
+      r && !r.done && (e = i.return) && e.call(i);
     } finally {
       if (o)
         throw o.error;
@@ -47,42 +47,42 @@ function K(r, t) {
   }
   return n;
 }
-function G(r, t, e) {
+function G(s, t, e) {
   if (e || arguments.length === 2)
-    for (var i = 0, s = t.length, n; i < s; i++)
+    for (var i = 0, r = t.length, n; i < r; i++)
       (n || !(i in t)) && (n || (n = Array.prototype.slice.call(t, 0, i)), n[i] = t[i]);
-  return r.concat(n || Array.prototype.slice.call(t));
+  return s.concat(n || Array.prototype.slice.call(t));
 }
-function b(r) {
-  return typeof r == "function";
+function b(s) {
+  return typeof s == "function";
 }
-function Gt(r) {
+function Zt(s) {
   var t = function(i) {
     Error.call(i), i.stack = new Error().stack;
-  }, e = r(t);
+  }, e = s(t);
   return e.prototype = Object.create(Error.prototype), e.prototype.constructor = e, e;
 }
-var nt = Gt(function(r) {
+var nt = Zt(function(s) {
   return function(e) {
-    r(this), this.message = e ? e.length + ` errors occurred during unsubscription:
-` + e.map(function(i, s) {
-      return s + 1 + ") " + i.toString();
+    s(this), this.message = e ? e.length + ` errors occurred during unsubscription:
+` + e.map(function(i, r) {
+      return r + 1 + ") " + i.toString();
     }).join(`
   `) : "", this.name = "UnsubscriptionError", this.errors = e;
   };
 });
-function mt(r, t) {
-  if (r) {
-    var e = r.indexOf(t);
-    0 <= e && r.splice(e, 1);
+function mt(s, t) {
+  if (s) {
+    var e = s.indexOf(t);
+    0 <= e && s.splice(e, 1);
   }
 }
 var tt = function() {
-  function r(t) {
+  function s(t) {
     this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
-  return r.prototype.unsubscribe = function() {
-    var t, e, i, s, n;
+  return s.prototype.unsubscribe = function() {
+    var t, e, i, r, n;
     if (!this.closed) {
       this.closed = !0;
       var o = this._parentage;
@@ -116,10 +116,10 @@ var tt = function() {
       if (p) {
         this._finalizers = null;
         try {
-          for (var f = gt(p), u = f.next(); !u.done; u = f.next()) {
-            var g = u.value;
+          for (var f = gt(p), d = f.next(); !d.done; d = f.next()) {
+            var g = d.value;
             try {
-              xt(g);
+              St(g);
             } catch (v) {
               n = n ?? [], v instanceof nt ? n = G(G([], K(n)), K(v.errors)) : n.push(v);
             }
@@ -128,7 +128,7 @@ var tt = function() {
           i = { error: v };
         } finally {
           try {
-            u && !u.done && (s = f.return) && s.call(f);
+            d && !d.done && (r = f.return) && r.call(f);
           } finally {
             if (i)
               throw i.error;
@@ -138,79 +138,79 @@ var tt = function() {
       if (n)
         throw new nt(n);
     }
-  }, r.prototype.add = function(t) {
+  }, s.prototype.add = function(t) {
     var e;
     if (t && t !== this)
       if (this.closed)
-        xt(t);
+        St(t);
       else {
-        if (t instanceof r) {
+        if (t instanceof s) {
           if (t.closed || t._hasParent(this))
             return;
           t._addParent(this);
         }
         (this._finalizers = (e = this._finalizers) !== null && e !== void 0 ? e : []).push(t);
       }
-  }, r.prototype._hasParent = function(t) {
+  }, s.prototype._hasParent = function(t) {
     var e = this._parentage;
     return e === t || Array.isArray(e) && e.includes(t);
-  }, r.prototype._addParent = function(t) {
+  }, s.prototype._addParent = function(t) {
     var e = this._parentage;
     this._parentage = Array.isArray(e) ? (e.push(t), e) : e ? [e, t] : t;
-  }, r.prototype._removeParent = function(t) {
+  }, s.prototype._removeParent = function(t) {
     var e = this._parentage;
     e === t ? this._parentage = null : Array.isArray(e) && mt(e, t);
-  }, r.prototype.remove = function(t) {
+  }, s.prototype.remove = function(t) {
     var e = this._finalizers;
-    e && mt(e, t), t instanceof r && t._removeParent(this);
-  }, r.EMPTY = function() {
-    var t = new r();
+    e && mt(e, t), t instanceof s && t._removeParent(this);
+  }, s.EMPTY = function() {
+    var t = new s();
     return t.closed = !0, t;
-  }(), r;
-}(), Zt = tt.EMPTY;
-function Jt(r) {
-  return r instanceof tt || r && "closed" in r && b(r.remove) && b(r.add) && b(r.unsubscribe);
+  }(), s;
+}(), Jt = tt.EMPTY;
+function Xt(s) {
+  return s instanceof tt || s && "closed" in s && b(s.remove) && b(s.add) && b(s.unsubscribe);
 }
-function xt(r) {
-  b(r) ? r() : r.unsubscribe();
+function St(s) {
+  b(s) ? s() : s.unsubscribe();
 }
-var Xt = {
+var Qt = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
 }, vt = {
-  setTimeout: function(r, t) {
+  setTimeout: function(s, t) {
     for (var e = [], i = 2; i < arguments.length; i++)
       e[i - 2] = arguments[i];
-    var s = vt.delegate;
-    return s != null && s.setTimeout ? s.setTimeout.apply(s, G([r, t], K(e))) : setTimeout.apply(void 0, G([r, t], K(e)));
+    var r = vt.delegate;
+    return r != null && r.setTimeout ? r.setTimeout.apply(r, G([s, t], K(e))) : setTimeout.apply(void 0, G([s, t], K(e)));
   },
-  clearTimeout: function(r) {
+  clearTimeout: function(s) {
     var t = vt.delegate;
-    return ((t == null ? void 0 : t.clearTimeout) || clearTimeout)(r);
+    return ((t == null ? void 0 : t.clearTimeout) || clearTimeout)(s);
   },
   delegate: void 0
 };
-function ve(r) {
+function ye(s) {
   vt.setTimeout(function() {
-    throw r;
+    throw s;
   });
 }
 function Et() {
 }
-function q(r) {
-  r();
+function V(s) {
+  s();
 }
-var Qt = function(r) {
-  B(t, r);
+var te = function(s) {
+  B(t, s);
   function t(e) {
-    var i = r.call(this) || this;
-    return i.isStopped = !1, e ? (i.destination = e, Jt(e) && e.add(i)) : i.destination = _e, i;
+    var i = s.call(this) || this;
+    return i.isStopped = !1, e ? (i.destination = e, Xt(e) && e.add(i)) : i.destination = we, i;
   }
-  return t.create = function(e, i, s) {
-    return new yt(e, i, s);
+  return t.create = function(e, i, r) {
+    return new yt(e, i, r);
   }, t.prototype.next = function(e) {
     this.isStopped || this._next(e);
   }, t.prototype.error = function(e) {
@@ -218,7 +218,7 @@ var Qt = function(r) {
   }, t.prototype.complete = function() {
     this.isStopped || (this.isStopped = !0, this._complete());
   }, t.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, r.prototype.unsubscribe.call(this), this.destination = null);
+    this.closed || (this.isStopped = !0, s.prototype.unsubscribe.call(this), this.destination = null);
   }, t.prototype._next = function(e) {
     this.destination.next(e);
   }, t.prototype._error = function(e) {
@@ -234,15 +234,15 @@ var Qt = function(r) {
       this.unsubscribe();
     }
   }, t;
-}(tt), ye = Function.prototype.bind;
-function ot(r, t) {
-  return ye.call(r, t);
+}(tt), be = Function.prototype.bind;
+function ot(s, t) {
+  return be.call(s, t);
 }
-var be = function() {
-  function r(t) {
+var $e = function() {
+  function s(t) {
     this.partialObserver = t;
   }
-  return r.prototype.next = function(t) {
+  return s.prototype.next = function(t) {
     var e = this.partialObserver;
     if (e.next)
       try {
@@ -250,7 +250,7 @@ var be = function() {
       } catch (i) {
         F(i);
       }
-  }, r.prototype.error = function(t) {
+  }, s.prototype.error = function(t) {
     var e = this.partialObserver;
     if (e.error)
       try {
@@ -260,7 +260,7 @@ var be = function() {
       }
     else
       F(t);
-  }, r.prototype.complete = function() {
+  }, s.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
@@ -268,20 +268,20 @@ var be = function() {
       } catch (e) {
         F(e);
       }
-  }, r;
-}(), yt = function(r) {
-  B(t, r);
-  function t(e, i, s) {
-    var n = r.call(this) || this, o;
+  }, s;
+}(), yt = function(s) {
+  B(t, s);
+  function t(e, i, r) {
+    var n = s.call(this) || this, o;
     if (b(e) || !e)
       o = {
         next: e ?? void 0,
         error: i ?? void 0,
-        complete: s ?? void 0
+        complete: r ?? void 0
       };
     else {
       var a;
-      n && Xt.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
+      n && Qt.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
         return n.unsubscribe();
       }, o = {
         next: e.next && ot(e.next, a),
@@ -289,56 +289,56 @@ var be = function() {
         complete: e.complete && ot(e.complete, a)
       }) : o = e;
     }
-    return n.destination = new be(o), n;
+    return n.destination = new $e(o), n;
   }
   return t;
-}(Qt);
-function F(r) {
-  ve(r);
+}(te);
+function F(s) {
+  ye(s);
 }
-function $e(r) {
-  throw r;
+function _e(s) {
+  throw s;
 }
-var _e = {
+var we = {
   closed: !0,
   next: Et,
-  error: $e,
+  error: _e,
   complete: Et
-}, we = function() {
+}, Ae = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function Ae(r) {
-  return r;
+function xe(s) {
+  return s;
 }
-function Ce(r) {
-  return r.length === 0 ? Ae : r.length === 1 ? r[0] : function(e) {
-    return r.reduce(function(i, s) {
-      return s(i);
+function Ce(s) {
+  return s.length === 0 ? xe : s.length === 1 ? s[0] : function(e) {
+    return s.reduce(function(i, r) {
+      return r(i);
     }, e);
   };
 }
 var Pt = function() {
-  function r(t) {
+  function s(t) {
     t && (this._subscribe = t);
   }
-  return r.prototype.lift = function(t) {
-    var e = new r();
+  return s.prototype.lift = function(t) {
+    var e = new s();
     return e.source = this, e.operator = t, e;
-  }, r.prototype.subscribe = function(t, e, i) {
-    var s = this, n = xe(t) ? t : new yt(t, e, i);
-    return q(function() {
-      var o = s, a = o.operator, c = o.source;
-      n.add(a ? a.call(n, c) : c ? s._subscribe(n) : s._trySubscribe(n));
+  }, s.prototype.subscribe = function(t, e, i) {
+    var r = this, n = Ee(t) ? t : new yt(t, e, i);
+    return V(function() {
+      var o = r, a = o.operator, c = o.source;
+      n.add(a ? a.call(n, c) : c ? r._subscribe(n) : r._trySubscribe(n));
     }), n;
-  }, r.prototype._trySubscribe = function(t) {
+  }, s.prototype._trySubscribe = function(t) {
     try {
       return this._subscribe(t);
     } catch (e) {
       t.error(e);
     }
-  }, r.prototype.forEach = function(t, e) {
+  }, s.prototype.forEach = function(t, e) {
     var i = this;
-    return e = Ot(e), new e(function(s, n) {
+    return e = Ot(e), new e(function(r, n) {
       var o = new yt({
         next: function(a) {
           try {
@@ -348,53 +348,53 @@ var Pt = function() {
           }
         },
         error: n,
-        complete: s
+        complete: r
       });
       i.subscribe(o);
     });
-  }, r.prototype._subscribe = function(t) {
+  }, s.prototype._subscribe = function(t) {
     var e;
     return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
-  }, r.prototype[we] = function() {
+  }, s.prototype[Ae] = function() {
     return this;
-  }, r.prototype.pipe = function() {
+  }, s.prototype.pipe = function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
     return Ce(t)(this);
-  }, r.prototype.toPromise = function(t) {
+  }, s.prototype.toPromise = function(t) {
     var e = this;
-    return t = Ot(t), new t(function(i, s) {
+    return t = Ot(t), new t(function(i, r) {
       var n;
       e.subscribe(function(o) {
         return n = o;
       }, function(o) {
-        return s(o);
+        return r(o);
       }, function() {
         return i(n);
       });
     });
-  }, r.create = function(t) {
-    return new r(t);
-  }, r;
+  }, s.create = function(t) {
+    return new s(t);
+  }, s;
 }();
-function Ot(r) {
+function Ot(s) {
   var t;
-  return (t = r ?? Xt.Promise) !== null && t !== void 0 ? t : Promise;
+  return (t = s ?? Qt.Promise) !== null && t !== void 0 ? t : Promise;
 }
-function Se(r) {
-  return r && b(r.next) && b(r.error) && b(r.complete);
+function Se(s) {
+  return s && b(s.next) && b(s.error) && b(s.complete);
 }
-function xe(r) {
-  return r && r instanceof Qt || Se(r) && Jt(r);
+function Ee(s) {
+  return s && s instanceof te || Se(s) && Xt(s);
 }
-var Ee = Gt(function(r) {
+var Pe = Zt(function(s) {
   return function() {
-    r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
+    s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), te = function(r) {
-  B(t, r);
+}), ee = function(s) {
+  B(t, s);
   function t() {
-    var e = r.call(this) || this;
+    var e = s.call(this) || this;
     return e.closed = !1, e.currentObservers = null, e.observers = [], e.isStopped = !1, e.hasError = !1, e.thrownError = null, e;
   }
   return t.prototype.lift = function(e) {
@@ -402,11 +402,11 @@ var Ee = Gt(function(r) {
     return i.operator = e, i;
   }, t.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Ee();
+      throw new Pe();
   }, t.prototype.next = function(e) {
     var i = this;
-    q(function() {
-      var s, n;
+    V(function() {
+      var r, n;
       if (i._throwIfClosed(), !i.isStopped) {
         i.currentObservers || (i.currentObservers = Array.from(i.observers));
         try {
@@ -415,29 +415,29 @@ var Ee = Gt(function(r) {
             c.next(e);
           }
         } catch (h) {
-          s = { error: h };
+          r = { error: h };
         } finally {
           try {
             a && !a.done && (n = o.return) && n.call(o);
           } finally {
-            if (s)
-              throw s.error;
+            if (r)
+              throw r.error;
           }
         }
       }
     });
   }, t.prototype.error = function(e) {
     var i = this;
-    q(function() {
+    V(function() {
       if (i._throwIfClosed(), !i.isStopped) {
         i.hasError = i.isStopped = !0, i.thrownError = e;
-        for (var s = i.observers; s.length; )
-          s.shift().error(e);
+        for (var r = i.observers; r.length; )
+          r.shift().error(e);
       }
     });
   }, t.prototype.complete = function() {
     var e = this;
-    q(function() {
+    V(function() {
       if (e._throwIfClosed(), !e.isStopped) {
         e.isStopped = !0;
         for (var i = e.observers; i.length; )
@@ -454,46 +454,46 @@ var Ee = Gt(function(r) {
     enumerable: !1,
     configurable: !0
   }), t.prototype._trySubscribe = function(e) {
-    return this._throwIfClosed(), r.prototype._trySubscribe.call(this, e);
+    return this._throwIfClosed(), s.prototype._trySubscribe.call(this, e);
   }, t.prototype._subscribe = function(e) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(e), this._innerSubscribe(e);
   }, t.prototype._innerSubscribe = function(e) {
-    var i = this, s = this, n = s.hasError, o = s.isStopped, a = s.observers;
-    return n || o ? Zt : (this.currentObservers = null, a.push(e), new tt(function() {
+    var i = this, r = this, n = r.hasError, o = r.isStopped, a = r.observers;
+    return n || o ? Jt : (this.currentObservers = null, a.push(e), new tt(function() {
       i.currentObservers = null, mt(a, e);
     }));
   }, t.prototype._checkFinalizedStatuses = function(e) {
-    var i = this, s = i.hasError, n = i.thrownError, o = i.isStopped;
-    s ? e.error(n) : o && e.complete();
+    var i = this, r = i.hasError, n = i.thrownError, o = i.isStopped;
+    r ? e.error(n) : o && e.complete();
   }, t.prototype.asObservable = function() {
     var e = new Pt();
     return e.source = this, e;
   }, t.create = function(e, i) {
     return new Tt(e, i);
   }, t;
-}(Pt), Tt = function(r) {
-  B(t, r);
+}(Pt), Tt = function(s) {
+  B(t, s);
   function t(e, i) {
-    var s = r.call(this) || this;
-    return s.destination = e, s.source = i, s;
+    var r = s.call(this) || this;
+    return r.destination = e, r.source = i, r;
   }
   return t.prototype.next = function(e) {
-    var i, s;
-    (s = (i = this.destination) === null || i === void 0 ? void 0 : i.next) === null || s === void 0 || s.call(i, e);
+    var i, r;
+    (r = (i = this.destination) === null || i === void 0 ? void 0 : i.next) === null || r === void 0 || r.call(i, e);
   }, t.prototype.error = function(e) {
-    var i, s;
-    (s = (i = this.destination) === null || i === void 0 ? void 0 : i.error) === null || s === void 0 || s.call(i, e);
+    var i, r;
+    (r = (i = this.destination) === null || i === void 0 ? void 0 : i.error) === null || r === void 0 || r.call(i, e);
   }, t.prototype.complete = function() {
     var e, i;
     (i = (e = this.destination) === null || e === void 0 ? void 0 : e.complete) === null || i === void 0 || i.call(e);
   }, t.prototype._subscribe = function(e) {
-    var i, s;
-    return (s = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && s !== void 0 ? s : Zt;
+    var i, r;
+    return (r = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && r !== void 0 ? r : Jt;
   }, t;
-}(te), Pe = function(r) {
-  B(t, r);
+}(ee), Oe = function(s) {
+  B(t, s);
   function t(e) {
-    var i = r.call(this) || this;
+    var i = s.call(this) || this;
     return i._value = e, i;
   }
   return Object.defineProperty(t.prototype, "value", {
@@ -503,20 +503,20 @@ var Ee = Gt(function(r) {
     enumerable: !1,
     configurable: !0
   }), t.prototype._subscribe = function(e) {
-    var i = r.prototype._subscribe.call(this, e);
+    var i = s.prototype._subscribe.call(this, e);
     return !i.closed && e.next(this._value), i;
   }, t.prototype.getValue = function() {
-    var e = this, i = e.hasError, s = e.thrownError, n = e._value;
+    var e = this, i = e.hasError, r = e.thrownError, n = e._value;
     if (i)
-      throw s;
+      throw r;
     return this._throwIfClosed(), n;
   }, t.prototype.next = function(e) {
-    r.prototype.next.call(this, this._value = e);
+    s.prototype.next.call(this, this._value = e);
   }, t;
-}(te), ee = /* @__PURE__ */ ((r) => (r.Loading = "loading", r.Ready = "ready", r))(ee || {});
+}(ee), ie = /* @__PURE__ */ ((s) => (s.Loading = "loading", s.Ready = "ready", s))(ie || {});
 class Rt {
   constructor(t, e) {
-    this.state = new Pe(
+    this.state = new Oe(
       "loading"
       /* Loading */
     ), this.resolvers = /* @__PURE__ */ new Map(), this.name = t, this.environment = e, this.state.next(
@@ -539,8 +539,8 @@ class Rt {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const V = globalThis, bt = V.ShadowRoot && (V.ShadyCSS === void 0 || V.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $t = Symbol(), Ut = /* @__PURE__ */ new WeakMap();
-let ie = class {
+const q = globalThis, bt = q.ShadowRoot && (q.ShadyCSS === void 0 || q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $t = Symbol(), Ut = /* @__PURE__ */ new WeakMap();
+let se = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== $t)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -559,63 +559,63 @@ let ie = class {
     return this.cssText;
   }
 };
-const Oe = (r) => new ie(typeof r == "string" ? r : r + "", void 0, $t), U = (r, ...t) => {
-  const e = r.length === 1 ? r[0] : t.reduce((i, s, n) => i + ((o) => {
+const Te = (s) => new se(typeof s == "string" ? s : s + "", void 0, $t), U = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, r, n) => i + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
     if (typeof o == "number")
       return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s) + r[n + 1], r[0]);
-  return new ie(e, r, $t);
-}, Te = (r, t) => {
+  })(r) + s[n + 1], s[0]);
+  return new se(e, s, $t);
+}, Re = (s, t) => {
   if (bt)
-    r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+    s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
-      const i = document.createElement("style"), s = V.litNonce;
-      s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+      const i = document.createElement("style"), r = q.litNonce;
+      r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
     }
-}, It = bt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, It = bt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return Oe(e);
-})(r) : r;
+  return Te(e);
+})(s) : s;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Re, defineProperty: Ue, getOwnPropertyDescriptor: Ie, getOwnPropertyNames: Ne, getOwnPropertySymbols: je, getPrototypeOf: ke } = Object, w = globalThis, Nt = w.trustedTypes, Me = Nt ? Nt.emptyScript : "", at = w.reactiveElementPolyfillSupport, N = (r, t) => r, Z = { toAttribute(r, t) {
+const { is: Ue, defineProperty: Ie, getOwnPropertyDescriptor: ke, getOwnPropertyNames: je, getOwnPropertySymbols: Me, getPrototypeOf: Ne } = Object, w = globalThis, kt = w.trustedTypes, Le = kt ? kt.emptyScript : "", at = w.reactiveElementPolyfillSupport, k = (s, t) => s, Z = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      r = r ? Me : null;
+      s = s ? Le : null;
       break;
     case Object:
     case Array:
-      r = r == null ? r : JSON.stringify(r);
+      s = s == null ? s : JSON.stringify(s);
   }
-  return r;
-}, fromAttribute(r, t) {
-  let e = r;
+  return s;
+}, fromAttribute(s, t) {
+  let e = s;
   switch (t) {
     case Boolean:
-      e = r !== null;
+      e = s !== null;
       break;
     case Number:
-      e = r === null ? null : Number(r);
+      e = s === null ? null : Number(s);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(r);
+        e = JSON.parse(s);
       } catch {
         e = null;
       }
   }
   return e;
-} }, _t = (r, t) => !Re(r, t), jt = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: _t };
+} }, _t = (s, t) => !Ue(s, t), jt = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: _t };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let O = class extends HTMLElement {
   static addInitializer(t) {
@@ -626,20 +626,20 @@ let O = class extends HTMLElement {
   }
   static createProperty(t, e = jt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
-      s !== void 0 && Ue(this.prototype, t, s);
+      const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
+      r !== void 0 && Ie(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: s, set: n } = Ie(this.prototype, t) ?? { get() {
+    const { get: r, set: n } = ke(this.prototype, t) ?? { get() {
       return this[e];
     }, set(o) {
       this[e] = o;
     } };
     return { get() {
-      return s == null ? void 0 : s.call(this);
+      return r == null ? void 0 : r.call(this);
     }, set(o) {
-      const a = s == null ? void 0 : s.call(this);
+      const a = r == null ? void 0 : r.call(this);
       n.call(this, o), this.requestUpdate(t, a, i);
     }, configurable: !0, enumerable: !0 };
   }
@@ -647,30 +647,30 @@ let O = class extends HTMLElement {
     return this.elementProperties.get(t) ?? jt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(N("elementProperties")))
+    if (this.hasOwnProperty(k("elementProperties")))
       return;
-    const t = ke(this);
+    const t = Ne(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(N("finalized")))
+    if (this.hasOwnProperty(k("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(N("properties"))) {
-      const e = this.properties, i = [...Ne(e), ...je(e)];
-      for (const s of i)
-        this.createProperty(s, e[s]);
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(k("properties"))) {
+      const e = this.properties, i = [...je(e), ...Me(e)];
+      for (const r of i)
+        this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
       if (e !== void 0)
-        for (const [i, s] of e)
-          this.elementProperties.set(i, s);
+        for (const [i, r] of e)
+          this.elementProperties.set(i, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, i] of this.elementProperties) {
-      const s = this._$Eu(e, i);
-      s !== void 0 && this._$Eh.set(s, e);
+      const r = this._$Eu(e, i);
+      r !== void 0 && this._$Eh.set(r, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -678,8 +678,8 @@ let O = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i)
-        e.unshift(It(s));
+      for (const r of i)
+        e.unshift(It(r));
     } else
       t !== void 0 && e.push(It(t));
     return e;
@@ -711,7 +711,7 @@ let O = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Te(t, this.constructor.elementStyles), t;
+    return Re(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -734,18 +734,18 @@ let O = class extends HTMLElement {
   }
   _$EC(t, e) {
     var n;
-    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
-    if (s !== void 0 && i.reflect === !0) {
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
       const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : Z).toAttribute(e, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
     }
   }
   _$AK(t, e) {
     var n;
-    const i = this.constructor, s = i._$Eh.get(t);
-    if (s !== void 0 && this._$Em !== s) {
-      const o = i.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : Z;
-      this._$Em = s, this[s] = a.fromAttribute(e, o.type), this._$Em = null;
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const o = i.getPropertyOptions(r), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : Z;
+      this._$Em = r, this[r] = a.fromAttribute(e, o.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, i) {
@@ -782,20 +782,20 @@ let O = class extends HTMLElement {
           this[n] = o;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0)
-        for (const [n, o] of s)
+      const r = this.constructor.elementProperties;
+      if (r.size > 0)
+        for (const [n, o] of r)
           o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((s) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
         var n;
-        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
+        return (n = r.hostUpdate) == null ? void 0 : n.call(r);
       }), this.update(e)) : this._$EU();
-    } catch (s) {
-      throw t = !1, this._$EU(), s;
+    } catch (r) {
+      throw t = !1, this._$EU(), r;
     }
     t && this._$AE(e);
   }
@@ -804,8 +804,8 @@ let O = class extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((i) => {
-      var s;
-      return (s = i.hostUpdated) == null ? void 0 : s.call(i);
+      var r;
+      return (r = i.hostUpdated) == null ? void 0 : r.call(i);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -828,67 +828,67 @@ let O = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[N("elementProperties")] = /* @__PURE__ */ new Map(), O[N("finalized")] = /* @__PURE__ */ new Map(), at == null || at({ ReactiveElement: O }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
+O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[k("elementProperties")] = /* @__PURE__ */ new Map(), O[k("finalized")] = /* @__PURE__ */ new Map(), at == null || at({ ReactiveElement: O }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = globalThis, J = j.trustedTypes, kt = J ? J.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, re = "$lit$", _ = `lit$${(Math.random() + "").slice(9)}$`, se = "?" + _, Le = `<${se}>`, E = document, M = () => E.createComment(""), L = (r) => r === null || typeof r != "object" && typeof r != "function", ne = Array.isArray, He = (r) => ne(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", ct = `[ 	
-\f\r]`, I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Mt = /-->/g, Lt = />/g, C = RegExp(`>|${ct}(?:([^\\s"'>=/]+)(${ct}*=${ct}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Bt = /"/g, oe = /^(?:script|style|textarea|title)$/i, Be = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), T = Be(1), P = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), x = E.createTreeWalker(E, 129);
-function ae(r, t) {
-  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+const j = globalThis, J = j.trustedTypes, Mt = J ? J.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, re = "$lit$", _ = `lit$${(Math.random() + "").slice(9)}$`, ne = "?" + _, He = `<${ne}>`, E = document, N = () => E.createComment(""), L = (s) => s === null || typeof s != "object" && typeof s != "function", oe = Array.isArray, Be = (s) => oe(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ct = `[ 	
+\f\r]`, I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Nt = /-->/g, Lt = />/g, x = RegExp(`>|${ct}(?:([^\\s"'>=/]+)(${ct}*=${ct}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Bt = /"/g, ae = /^(?:script|style|textarea|title)$/i, De = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), T = De(1), P = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), S = E.createTreeWalker(E, 129);
+function ce(s, t) {
+  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return kt !== void 0 ? kt.createHTML(t) : t;
+  return Mt !== void 0 ? Mt.createHTML(t) : t;
 }
-const De = (r, t) => {
-  const e = r.length - 1, i = [];
-  let s, n = t === 2 ? "<svg>" : "", o = I;
+const ze = (s, t) => {
+  const e = s.length - 1, i = [];
+  let r, n = t === 2 ? "<svg>" : "", o = I;
   for (let a = 0; a < e; a++) {
-    const c = r[a];
+    const c = s[a];
     let h, l, p = -1, f = 0;
     for (; f < c.length && (o.lastIndex = f, l = o.exec(c), l !== null); )
-      f = o.lastIndex, o === I ? l[1] === "!--" ? o = Mt : l[1] !== void 0 ? o = Lt : l[2] !== void 0 ? (oe.test(l[2]) && (s = RegExp("</" + l[2], "g")), o = C) : l[3] !== void 0 && (o = C) : o === C ? l[0] === ">" ? (o = s ?? I, p = -1) : l[1] === void 0 ? p = -2 : (p = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? C : l[3] === '"' ? Bt : Ht) : o === Bt || o === Ht ? o = C : o === Mt || o === Lt ? o = I : (o = C, s = void 0);
-    const u = o === C && r[a + 1].startsWith("/>") ? " " : "";
-    n += o === I ? c + Le : p >= 0 ? (i.push(h), c.slice(0, p) + re + c.slice(p) + _ + u) : c + _ + (p === -2 ? a : u);
+      f = o.lastIndex, o === I ? l[1] === "!--" ? o = Nt : l[1] !== void 0 ? o = Lt : l[2] !== void 0 ? (ae.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = x) : l[3] !== void 0 && (o = x) : o === x ? l[0] === ">" ? (o = r ?? I, p = -1) : l[1] === void 0 ? p = -2 : (p = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? x : l[3] === '"' ? Bt : Ht) : o === Bt || o === Ht ? o = x : o === Nt || o === Lt ? o = I : (o = x, r = void 0);
+    const d = o === x && s[a + 1].startsWith("/>") ? " " : "";
+    n += o === I ? c + He : p >= 0 ? (i.push(h), c.slice(0, p) + re + c.slice(p) + _ + d) : c + _ + (p === -2 ? a : d);
   }
-  return [ae(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [ce(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
 class H {
   constructor({ strings: t, _$litType$: e }, i) {
-    let s;
+    let r;
     this.parts = [];
     let n = 0, o = 0;
-    const a = t.length - 1, c = this.parts, [h, l] = De(t, e);
-    if (this.el = H.createElement(h, i), x.currentNode = this.el.content, e === 2) {
+    const a = t.length - 1, c = this.parts, [h, l] = ze(t, e);
+    if (this.el = H.createElement(h, i), S.currentNode = this.el.content, e === 2) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (s = x.nextNode()) !== null && c.length < a; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes())
-          for (const p of s.getAttributeNames())
+    for (; (r = S.nextNode()) !== null && c.length < a; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes())
+          for (const p of r.getAttributeNames())
             if (p.endsWith(re)) {
-              const f = l[o++], u = s.getAttribute(p).split(_), g = /([.?@])?(.*)/.exec(f);
-              c.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? We : g[1] === "?" ? Fe : g[1] === "@" ? Ye : et }), s.removeAttribute(p);
+              const f = l[o++], d = r.getAttribute(p).split(_), g = /([.?@])?(.*)/.exec(f);
+              c.push({ type: 1, index: n, name: g[2], strings: d, ctor: g[1] === "." ? Fe : g[1] === "?" ? Ye : g[1] === "@" ? Ve : et }), r.removeAttribute(p);
             } else
-              p.startsWith(_) && (c.push({ type: 6, index: n }), s.removeAttribute(p));
-        if (oe.test(s.tagName)) {
-          const p = s.textContent.split(_), f = p.length - 1;
+              p.startsWith(_) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
+        if (ae.test(r.tagName)) {
+          const p = r.textContent.split(_), f = p.length - 1;
           if (f > 0) {
-            s.textContent = J ? J.emptyScript : "";
-            for (let u = 0; u < f; u++)
-              s.append(p[u], M()), x.nextNode(), c.push({ type: 2, index: ++n });
-            s.append(p[f], M());
+            r.textContent = J ? J.emptyScript : "";
+            for (let d = 0; d < f; d++)
+              r.append(p[d], N()), S.nextNode(), c.push({ type: 2, index: ++n });
+            r.append(p[f], N());
           }
         }
-      } else if (s.nodeType === 8)
-        if (s.data === se)
+      } else if (r.nodeType === 8)
+        if (r.data === ne)
           c.push({ type: 2, index: n });
         else {
           let p = -1;
-          for (; (p = s.data.indexOf(_, p + 1)) !== -1; )
+          for (; (p = r.data.indexOf(_, p + 1)) !== -1; )
             c.push({ type: 7, index: n }), p += _.length - 1;
         }
       n++;
@@ -899,15 +899,15 @@ class H {
     return i.innerHTML = t, i;
   }
 }
-function R(r, t, e = r, i) {
+function R(s, t, e = s, i) {
   var o, a;
   if (t === P)
     return t;
-  let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
+  let r = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
   const n = L(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = R(r, s._$AS(r, t.values), s, i)), t;
+  return (r == null ? void 0 : r.constructor) !== n && ((a = r == null ? void 0 : r._$AO) == null || a.call(r, !1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = R(s, r._$AS(s, t.values), r, i)), t;
 }
-class ze {
+class We {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -918,17 +918,17 @@ class ze {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? E).importNode(e, !0);
-    x.currentNode = s;
-    let n = x.nextNode(), o = 0, a = 0, c = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? E).importNode(e, !0);
+    S.currentNode = r;
+    let n = S.nextNode(), o = 0, a = 0, c = i[0];
     for (; c !== void 0; ) {
       if (o === c.index) {
         let h;
         c.type === 2 ? h = new D(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new qe(n, this, t)), this._$AV.push(h), c = i[++a];
       }
-      o !== (c == null ? void 0 : c.index) && (n = x.nextNode(), o++);
+      o !== (c == null ? void 0 : c.index) && (n = S.nextNode(), o++);
     }
-    return x.currentNode = E, s;
+    return S.currentNode = E, r;
   }
   p(t) {
     let e = 0;
@@ -941,8 +941,8 @@ class D {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, i, s) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+  constructor(t, e, i, r) {
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -956,7 +956,7 @@ class D {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = R(this, t, e), L(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : He(t) ? this.k(t) : this._(t);
+    t = R(this, t, e), L(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Be(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -965,15 +965,15 @@ class D {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== d && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var n;
-    const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = H.createElement(ae(i.h, i.h[0]), this.options)), i);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
+    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = H.createElement(ce(i.h, i.h[0]), this.options)), i);
+    if (((n = this._$AH) == null ? void 0 : n._$AD) === r)
       this._$AH.p(e);
     else {
-      const o = new ze(s, this), a = o.u(this.options);
+      const o = new We(r, this), a = o.u(this.options);
       o.p(e), this.T(a), this._$AH = o;
     }
   }
@@ -982,18 +982,18 @@ class D {
     return e === void 0 && Dt.set(t.strings, e = new H(t)), e;
   }
   k(t) {
-    ne(this._$AH) || (this._$AH = [], this._$AR());
+    oe(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let i, s = 0;
+    let i, r = 0;
     for (const n of t)
-      s === e.length ? e.push(i = new D(this.S(M()), this.S(M()), this, this.options)) : i = e[s], i._$AI(n), s++;
-    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+      r === e.length ? e.push(i = new D(this.S(N()), this.S(N()), this, this.options)) : i = e[r], i._$AI(n), r++;
+    r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     var i;
     for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
+      const r = t.nextSibling;
+      t.remove(), t = r;
     }
   }
   setConnected(t) {
@@ -1008,10 +1008,10 @@ class et {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, i, s, n) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
+  constructor(t, e, i, r, n) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
   }
-  _$AI(t, e = this, i, s) {
+  _$AI(t, e = this, i, r) {
     const n = this.strings;
     let o = !1;
     if (n === void 0)
@@ -1020,39 +1020,39 @@ class et {
       const a = t;
       let c, h;
       for (t = n[0], c = 0; c < n.length - 1; c++)
-        h = R(this, a[i + c], e, c), h === P && (h = this._$AH[c]), o || (o = !L(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
+        h = R(this, a[i + c], e, c), h === P && (h = this._$AH[c]), o || (o = !L(h) || h !== this._$AH[c]), h === u ? t = u : t !== u && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
     }
-    o && !s && this.j(t);
+    o && !r && this.j(t);
   }
   j(t) {
-    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class We extends et {
+class Fe extends et {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === d ? void 0 : t;
+    this.element[this.name] = t === u ? void 0 : t;
   }
 }
-class Fe extends et {
+class Ye extends et {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
+    this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
-class Ye extends et {
-  constructor(t, e, i, s, n) {
-    super(t, e, i, s, n), this.type = 5;
+class Ve extends et {
+  constructor(t, e, i, r, n) {
+    super(t, e, i, r, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = R(this, t, e, 0) ?? d) === P)
+    if ((t = R(this, t, e, 0) ?? u) === P)
       return;
-    const i = this._$AH, s = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || s);
-    s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const i = this._$AH, r = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== u && (i === u || r);
+    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
@@ -1072,14 +1072,14 @@ class qe {
 }
 const ht = j.litHtmlPolyfillSupport;
 ht == null || ht(H, D), (j.litHtmlVersions ?? (j.litHtmlVersions = [])).push("3.1.2");
-const Ve = (r, t, e) => {
+const Ke = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
-  let s = i._$litPart$;
-  if (s === void 0) {
+  let r = i._$litPart$;
+  if (r === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = s = new D(t.insertBefore(M(), n), n, void 0, e ?? {});
+    i._$litPart$ = r = new D(t.insertBefore(N(), n), n, void 0, e ?? {});
   }
-  return s._$AI(r), s;
+  return r._$AI(s), r;
 };
 /**
  * @license
@@ -1097,7 +1097,7 @@ let $ = class extends O {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ve(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ke(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -1111,8 +1111,8 @@ let $ = class extends O {
     return P;
   }
 };
-var Kt;
-$._$litElement$ = !0, $.finalized = !0, (Kt = globalThis.litElementHydrateSupport) == null || Kt.call(globalThis, { LitElement: $ });
+var Gt;
+$._$litElement$ = !0, $.finalized = !0, (Gt = globalThis.litElementHydrateSupport) == null || Gt.call(globalThis, { LitElement: $ });
 const lt = globalThis.litElementPolyfillSupport;
 lt == null || lt({ LitElement: $ });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
@@ -1121,45 +1121,45 @@ lt == null || lt({ LitElement: $ });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ke = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: _t }, Ge = (r = Ke, t, e) => {
-  const { kind: i, metadata: s } = e;
-  let n = globalThis.litPropertyMetadata.get(s);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, r), i === "accessor") {
+const Ge = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: _t }, Ze = (s = Ge, t, e) => {
+  const { kind: i, metadata: r } = e;
+  let n = globalThis.litPropertyMetadata.get(r);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(e.name, s), i === "accessor") {
     const { name: o } = e;
     return { set(a) {
       const c = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(o, c, r);
+      t.set.call(this, a), this.requestUpdate(o, c, s);
     }, init(a) {
-      return a !== void 0 && this.P(o, void 0, r), a;
+      return a !== void 0 && this.P(o, void 0, s), a;
     } };
   }
   if (i === "setter") {
     const { name: o } = e;
     return function(a) {
       const c = this[o];
-      t.call(this, a), this.requestUpdate(o, c, r);
+      t.call(this, a), this.requestUpdate(o, c, s);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function m(r) {
-  return (t, e) => typeof e == "object" ? Ge(r, t, e) : ((i, s, n) => {
-    const o = s.hasOwnProperty(n);
-    return s.constructor.createProperty(n, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
-  })(r, t, e);
+function m(s) {
+  return (t, e) => typeof e == "object" ? Ze(s, t, e) : ((i, r, n) => {
+    const o = r.hasOwnProperty(n);
+    return r.constructor.createProperty(n, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
+  })(s, t, e);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function z(r) {
-  return m({ ...r, state: !0, attribute: !1 });
+function z(s) {
+  return m({ ...s, state: !0, attribute: !1 });
 }
-var Ze = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Xe = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Je(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Ze(t, e, s), s;
+var Je = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, Qe = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? Xe(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  return i && r && Je(t, e, r), r;
 };
 class it extends $ {
   constructor() {
@@ -1170,7 +1170,7 @@ class it extends $ {
     return (e = this.shadowRoot) == null || e.appendChild(t), t;
   }
   render() {
-    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), d;
+    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), u;
   }
 }
 it.styles = [
@@ -1192,7 +1192,7 @@ it.styles = [
       }
     `
 ];
-Xe([
+Qe([
   m({ attribute: !0 })
 ], it.prototype, "anchor", 2);
 /**
@@ -1200,8 +1200,8 @@ Xe([
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const wt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, At = (r) => (...t) => ({ _$litDirective$: r, values: t });
-let ce = class {
+const wt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, At = (s) => (...t) => ({ _$litDirective$: s, values: t });
+let he = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1222,68 +1222,68 @@ let ce = class {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Qe = (r) => r.strings === void 0;
+const ti = (s) => s.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const k = (r, t) => {
+const M = (s, t) => {
   var i;
-  const e = r._$AN;
+  const e = s._$AN;
   if (e === void 0)
     return !1;
-  for (const s of e)
-    (i = s._$AO) == null || i.call(s, t, !1), k(s, t);
+  for (const r of e)
+    (i = r._$AO) == null || i.call(r, t, !1), M(r, t);
   return !0;
-}, X = (r) => {
+}, X = (s) => {
   let t, e;
   do {
-    if ((t = r._$AM) === void 0)
+    if ((t = s._$AM) === void 0)
       break;
-    e = t._$AN, e.delete(r), r = t;
+    e = t._$AN, e.delete(s), s = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, he = (r) => {
-  for (let t; t = r._$AM; r = t) {
+}, le = (s) => {
+  for (let t; t = s._$AM; s = t) {
     let e = t._$AN;
     if (e === void 0)
       t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(r))
+    else if (e.has(s))
       break;
-    e.add(r), ii(t);
+    e.add(s), si(t);
   }
 };
-function ti(r) {
-  this._$AN !== void 0 ? (X(this), this._$AM = r, he(this)) : this._$AM = r;
+function ei(s) {
+  this._$AN !== void 0 ? (X(this), this._$AM = s, le(this)) : this._$AM = s;
 }
-function ei(r, t = !1, e = 0) {
-  const i = this._$AH, s = this._$AN;
-  if (s !== void 0 && s.size !== 0)
+function ii(s, t = !1, e = 0) {
+  const i = this._$AH, r = this._$AN;
+  if (r !== void 0 && r.size !== 0)
     if (t)
       if (Array.isArray(i))
         for (let n = e; n < i.length; n++)
-          k(i[n], !1), X(i[n]);
+          M(i[n], !1), X(i[n]);
       else
-        i != null && (k(i, !1), X(i));
+        i != null && (M(i, !1), X(i));
     else
-      k(this, r);
+      M(this, s);
 }
-const ii = (r) => {
-  r.type == wt.CHILD && (r._$AP ?? (r._$AP = ei), r._$AQ ?? (r._$AQ = ti));
+const si = (s) => {
+  s.type == wt.CHILD && (s._$AP ?? (s._$AP = ii), s._$AQ ?? (s._$AQ = ei));
 };
-class le extends ce {
+class pe extends he {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, i) {
-    super._$AT(t, e, i), he(this), this.isConnected = t._$AU;
+    super._$AT(t, e, i), le(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
-    var i, s;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (s = this.disconnected) == null || s.call(this)), e && (k(this, t), X(this));
+    var i, r;
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (r = this.disconnected) == null || r.call(this)), e && (M(this, t), X(this));
   }
   setValue(t) {
-    if (Qe(this._$Ct))
+    if (ti(this._$Ct))
       this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
@@ -1297,30 +1297,30 @@ class le extends ce {
 }
 const ri = /* @__PURE__ */ new WeakMap();
 let zt = 0;
-const pt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new WeakSet(), Ft = () => new Promise((r) => requestAnimationFrame(r)), si = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Yt = (r, t) => {
-  const e = r - t;
+const pt = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new WeakSet(), Ft = () => new Promise((s) => requestAnimationFrame(s)), ni = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Yt = (s, t) => {
+  const e = s - t;
   return e === 0 ? void 0 : e;
-}, qt = (r, t) => {
-  const e = r / t;
+}, Vt = (s, t) => {
+  const e = s / t;
   return e === 1 ? void 0 : e;
-}, dt = { left: (r, t) => {
-  const e = Yt(r, t);
+}, ut = { left: (s, t) => {
+  const e = Yt(s, t);
   return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateX(${e}px)` };
-}, top: (r, t) => {
-  const e = Yt(r, t);
+}, top: (s, t) => {
+  const e = Yt(s, t);
   return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateY(${e}px)` };
-}, width: (r, t) => {
+}, width: (s, t) => {
   let e;
   t === 0 && (t = 1, e = { width: "1px" });
-  const i = qt(r, t);
+  const i = Vt(s, t);
   return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
-}, height: (r, t) => {
+}, height: (s, t) => {
   let e;
   t === 0 && (t = 1, e = { height: "1px" });
-  const i = qt(r, t);
+  const i = Vt(s, t);
   return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, ni = { duration: 333, easing: "ease-in-out" }, oi = ["left", "top", "width", "height", "opacity", "color", "background"], Vt = /* @__PURE__ */ new WeakMap();
-class ai extends le {
+} }, oi = { duration: 333, easing: "ease-in-out" }, ai = ["left", "top", "width", "height", "opacity", "color", "background"], qt = /* @__PURE__ */ new WeakMap();
+class ci extends pe {
   constructor(t) {
     if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === wt.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
@@ -1337,7 +1337,7 @@ class ai extends le {
     (t = this.l) == null || t.call(this), this.l = void 0;
   }
   render(t) {
-    return d;
+    return u;
   }
   getController() {
     return ri.get(this.u);
@@ -1347,29 +1347,29 @@ class ai extends le {
     return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
   }
   update(t, [e]) {
-    var s;
+    var r;
     const i = this.u === void 0;
-    return i && (this.u = (s = t.options) == null ? void 0 : s.host, this.u.addController(this), this.u.updateComplete.then((n) => this.t = !0), this.element = t.element, Vt.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
+    return i && (this.u = (r = t.options) == null ? void 0 : r.host, this.u.addController(this), this.u.updateComplete.then((n) => this.t = !0), this.element = t.element, qt.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
   }
   p(t) {
     t = t ?? {};
     const e = this.getController();
-    e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = oi), this.options = t;
+    e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = ai), this.options = t;
   }
   m() {
     const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
-    return this.options.properties.forEach((s) => {
-      const n = e[s] ?? (dt[s] ? void 0 : i[s]), o = Number(n);
-      t[s] = isNaN(o) ? n + "" : o;
+    return this.options.properties.forEach((r) => {
+      const n = e[r] ?? (ut[r] ? void 0 : i[r]), o = Number(n);
+      t[r] = isNaN(o) ? n + "" : o;
     }), t;
   }
   v() {
     let t, e = !0;
-    return this.options.guard && (t = this.options.guard(), e = ((i, s) => {
+    return this.options.guard && (t = this.options.guard(), e = ((i, r) => {
       if (Array.isArray(i)) {
-        if (Array.isArray(s) && s.length === i.length && i.every((n, o) => n === s[o]))
+        if (Array.isArray(r) && r.length === i.length && i.every((n, o) => n === r[o]))
           return !1;
-      } else if (s === i)
+      } else if (r === i)
         return !1;
       return !0;
     })(t, this._)), this.h = this.t && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.h && (this._ = Array.isArray(t) ? Array.from(t) : t), this.h;
@@ -1382,15 +1382,15 @@ class ai extends le {
       return;
     let t;
     this.prepare(), await Ft;
-    const e = this.O(), i = this.j(this.options.keyframeOptions, e), s = this.m();
+    const e = this.O(), i = this.j(this.options.keyframeOptions, e), r = this.m();
     if (this.A !== void 0) {
-      const { from: n, to: o } = this.N(this.A, s, e);
-      this.log("measured", [this.A, s, n, o]), t = this.calculateKeyframes(n, o);
+      const { from: n, to: o } = this.N(this.A, r, e);
+      this.log("measured", [this.A, r, n, o]), t = this.calculateKeyframes(n, o);
     } else {
       const n = pt.get(this.options.inId);
       if (n) {
         pt.delete(this.options.inId);
-        const { from: o, to: a } = this.N(n, s, e);
+        const { from: o, to: a } = this.N(n, r, e);
         t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, zt++, t.forEach((c) => c.zIndex = zt);
       } else
         this.options.in && (t = [...this.options.in, {}]);
@@ -1413,9 +1413,9 @@ class ai extends le {
     if (this.prepare(), await Ft(), (e = this.i) == null ? void 0 : e.isConnected) {
       const i = this.o && this.o.parentNode === this.i ? this.o : null;
       if (this.i.insertBefore(this.element, i), this.options.stabilizeOut) {
-        const s = this.m();
+        const r = this.m();
         this.log("stabilizing out");
-        const n = this.A.left - s.left, o = this.A.top - s.top;
+        const n = this.A.left - r.left, o = this.A.top - r.top;
         getComputedStyle(this.element).position !== "static" || n === 0 && o === 0 || (this.element.style.position = "relative"), n !== 0 && (this.element.style.left = n + "px"), o !== 0 && (this.element.style.top = o + "px");
       }
     }
@@ -1436,7 +1436,7 @@ class ai extends le {
   O() {
     const t = [];
     for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
-      const i = Vt.get(e);
+      const i = qt.get(e);
       i && !i.isDisabled() && i && t.push(i);
     }
     return t;
@@ -1448,46 +1448,46 @@ class ai extends le {
     }), t;
   }
   j(t, e = this.O()) {
-    const i = { ...ni };
-    return e.forEach((s) => Object.assign(i, s.options.keyframeOptions)), Object.assign(i, t), i;
+    const i = { ...oi };
+    return e.forEach((r) => Object.assign(i, r.options.keyframeOptions)), Object.assign(i, t), i;
   }
   N(t, e, i) {
     t = { ...t }, e = { ...e };
-    const s = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
+    const r = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
     let n = 1, o = 1;
-    return s.length > 0 && (s.forEach((a) => {
+    return r.length > 0 && (r.forEach((a) => {
       a.width && (n /= a.width), a.height && (o /= a.height);
     }), t.left !== void 0 && e.left !== void 0 && (t.left = n * t.left, e.left = n * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = o * t.top, e.top = o * e.top)), { from: t, to: e };
   }
   calculateKeyframes(t, e, i = !1) {
-    const s = {}, n = {};
+    const r = {}, n = {};
     let o = !1;
     const a = {};
     for (const c in e) {
       const h = t[c], l = e[c];
-      if (c in dt) {
-        const p = dt[c];
+      if (c in ut) {
+        const p = ut[c];
         if (h === void 0 || l === void 0)
           continue;
         const f = p(h, l);
-        f.transform !== void 0 && (a[c] = f.value, o = !0, s.transform = `${s.transform ?? ""} ${f.transform}`, f.overrideFrom !== void 0 && Object.assign(s, f.overrideFrom));
+        f.transform !== void 0 && (a[c] = f.value, o = !0, r.transform = `${r.transform ?? ""} ${f.transform}`, f.overrideFrom !== void 0 && Object.assign(r, f.overrideFrom));
       } else
-        h !== l && h !== void 0 && l !== void 0 && (o = !0, s[c] = h, n[c] = l);
+        h !== l && h !== void 0 && l !== void 0 && (o = !0, r[c] = h, n[c] = l);
     }
-    return s.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [s, n] : void 0;
+    return r.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [r, n] : void 0;
   }
   async animate(t, e = this.options.keyframeOptions) {
     this.start(), this.frames = t;
     let i = !1;
     if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
       this.log("animate", [t, e]), i = !0, this.webAnimation = this.element.animate(t, e);
-      const s = this.getController();
-      s == null || s.add(this);
+      const r = this.getController();
+      r == null || r.add(this);
       try {
         await this.webAnimation.finished;
       } catch {
       }
-      s == null || s.remove(this);
+      r == null || r.remove(this);
     }
     return this.didFinish(i), i;
   }
@@ -1499,52 +1499,52 @@ class ai extends le {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const ci = At(ai), hi = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' };
+const hi = At(ci), li = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' };
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const li = At(class extends ce {
-  constructor(r) {
+const pi = At(class extends he {
+  constructor(s) {
     var t;
-    if (super(r), r.type !== wt.ATTRIBUTE || r.name !== "class" || ((t = r.strings) == null ? void 0 : t.length) > 2)
+    if (super(s), s.type !== wt.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
       throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
-  render(r) {
-    return " " + Object.keys(r).filter((t) => r[t]).join(" ") + " ";
+  render(s) {
+    return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
   }
-  update(r, [t]) {
-    var i, s;
+  update(s, [t]) {
+    var i, r;
     if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.nt = new Set(r.strings.join(" ").split(/\s/).filter((n) => n !== "")));
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((n) => n !== "")));
       for (const n in t)
         t[n] && !((i = this.nt) != null && i.has(n)) && this.st.add(n);
       return this.render(t);
     }
-    const e = r.element.classList;
+    const e = s.element.classList;
     for (const n of this.st)
       n in t || (e.remove(n), this.st.delete(n));
     for (const n in t) {
       const o = !!t[n];
-      o === this.st.has(n) || (s = this.nt) != null && s.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
+      o === this.st.has(n) || (r = this.nt) != null && r.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
     }
     return P;
   }
-}), Y = (r, t, e) => {
-  r && e.style.setProperty(t, r);
-}, pe = (r, t) => {
-  var e, i, s, n;
-  Y((e = r.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), Y(
-    (i = r.colors) == null ? void 0 : i.textOnPrimaryBackground,
+}), Y = (s, t, e) => {
+  s && e.style.setProperty(t, s);
+}, ue = (s, t) => {
+  var e, i, r, n;
+  Y((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), Y(
+    (i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
   ), Y(
-    (s = r.colors) == null ? void 0 : s.secondaryBackground,
+    (r = s.colors) == null ? void 0 : r.secondaryBackground,
     "--secondary-background",
     t
   ), Y(
-    (n = r.colors) == null ? void 0 : n.textOnSecondaryBackground,
+    (n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
   );
@@ -1554,29 +1554,29 @@ const li = At(class extends ce {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const de = () => new pi();
-class pi {
+const de = () => new ui();
+class ui {
 }
-const ut = /* @__PURE__ */ new WeakMap(), ue = At(class extends le {
-  render(r) {
-    return d;
+const dt = /* @__PURE__ */ new WeakMap(), fe = At(class extends pe {
+  render(s) {
+    return u;
   }
-  update(r, [t]) {
+  update(s, [t]) {
     var i;
     const e = t !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (i = r.options) == null ? void 0 : i.host, this.rt(this.ct = r.element)), d;
+    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), u;
   }
-  rt(r) {
+  rt(s) {
     if (typeof this.Y == "function") {
       const t = this.ht ?? globalThis;
-      let e = ut.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), ut.set(t, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, r), r !== void 0 && this.Y.call(this.ht, r);
+      let e = dt.get(t);
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), dt.set(t, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, s), s !== void 0 && this.Y.call(this.ht, s);
     } else
-      this.Y.value = r;
+      this.Y.value = s;
   }
   get lt() {
-    var r, t;
-    return typeof this.Y == "function" ? (r = ut.get(this.ht ?? globalThis)) == null ? void 0 : r.get(this.Y) : (t = this.Y) == null ? void 0 : t.value;
+    var s, t;
+    return typeof this.Y == "function" ? (s = dt.get(this.ht ?? globalThis)) == null ? void 0 : s.get(this.Y) : (t = this.Y) == null ? void 0 : t.value;
   }
   disconnected() {
     this.lt === this.ct && this.rt(void 0);
@@ -1585,10 +1585,10 @@ const ut = /* @__PURE__ */ new WeakMap(), ue = At(class extends le {
     this.rt(this.ct);
   }
 });
-var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, rt = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? ui(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && di(t, e, s), s;
+var di = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, st = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? fi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  return i && r && di(t, e, r), r;
 };
 class A extends $ {
   constructor() {
@@ -1609,7 +1609,7 @@ class A extends $ {
   }
   _applyBranding() {
     var t;
-    (t = this.application) != null && t.settings && pe(this.application.settings.branding, this);
+    (t = this.application) != null && t.settings && ue(this.application.settings.branding, this);
   }
   async _renderSymbol() {
     var a, c, h;
@@ -1618,43 +1618,43 @@ class A extends $ {
       return T` <img src=${e} class="trigger-icon" alt="" /> `;
     const i = (h = this.application) == null ? void 0 : h.triggerIcon;
     if (!i)
-      return d;
-    const s = async (l) => hi, { type: n, content: o } = i;
+      return u;
+    const r = async (l) => li, { type: n, content: o } = i;
     switch (n) {
       case "Telia": {
-        const l = await s();
+        const l = await r();
         return l ? T`<telia-icon
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
-          ></telia-icon>` : d;
+          ></telia-icon>` : u;
       }
       default:
-        return d;
+        return u;
     }
   }
   render() {
-    var t, e, i, s;
-    return T`<div class="trigger-container" ${ue(this.containerRef)}>
-      ${!this.active && ((s = (i = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : i.other) != null && s.showButtonLabel) ? T`
+    var t, e, i, r;
+    return T`<div class="trigger-container" ${fe(this.containerRef)}>
+      ${!this.active && ((r = (i = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : i.other) != null && r.showButtonLabel) ? T`
             <button
               label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
               class="trigger-label"
               @click=${this.toggleActive}
-              ${ci({
+              ${hi({
       keyframeOptions: {},
-      in: si,
+      in: ni,
       stabilizeOut: !0,
       skipInitial: !1
     })}
             >
               ${this.application.settings.branding.other.buttonLabelText}
             </button>
-          ` : d}
+          ` : u}
 
       <button
         label="Widget trigger"
-        class=${li({
+        class=${pi({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
@@ -1800,25 +1800,25 @@ A.styles = [
       }
     `
 ];
-rt([
+st([
   m({ attribute: !1 })
 ], A.prototype, "application", 2);
-rt([
+st([
   z()
 ], A.prototype, "active", 2);
-rt([
+st([
   z()
 ], A.prototype, "loaded", 2);
-rt([
+st([
   z()
 ], A.prototype, "icon", 2);
-var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, S = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? gi(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && fi(t, e, s), s;
+var gi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, C = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? mi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  return i && r && gi(t, e, r), r;
 };
-const mi = (r) => {
-  class t extends r {
+const vi = (s) => {
+  class t extends s {
     constructor() {
       super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
     }
@@ -1856,28 +1856,28 @@ const mi = (r) => {
           box-sizing: border-box;
         }
       `
-  ], S([
+  ], C([
     m()
-  ], t.prototype, "properties", 2), S([
+  ], t.prototype, "properties", 2), C([
     m()
-  ], t.prototype, "context", 2), S([
+  ], t.prototype, "context", 2), C([
     m()
-  ], t.prototype, "layout", 2), S([
+  ], t.prototype, "layout", 2), C([
     m()
-  ], t.prototype, "name", 2), S([
+  ], t.prototype, "name", 2), C([
     m()
-  ], t.prototype, "type", 2), S([
+  ], t.prototype, "type", 2), C([
     m({ attribute: !1 })
-  ], t.prototype, "application", 2), S([
+  ], t.prototype, "application", 2), C([
     m({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class Ct extends mi($) {
+class xt extends vi($) {
   render() {
     return T`Non resolved component`;
   }
 }
-Ct.styles = [
+xt.styles = [
   U`
       :host {
         display: block;
@@ -1889,19 +1889,147 @@ Ct.styles = [
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* vi(r, t) {
-  if (r !== void 0) {
+function* yi(s, t) {
+  if (s !== void 0) {
     let e = 0;
-    for (const i of r)
+    for (const i of s)
       yield t(i, e++);
   }
 }
-var y = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r))(y || {}), yi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, $i = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? bi(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && yi(t, e, s), s;
+var y = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s))(y || {});
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let bi = class extends Event {
+  constructor(t, e, i) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = i ?? !1;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class $i {
+  get value() {
+    return this.o;
+  }
+  set value(t) {
+    this.setValue(t);
+  }
+  setValue(t, e = !1) {
+    const i = e || !Object.is(t, this.o);
+    this.o = t, i && this.updateObservers();
+  }
+  constructor(t) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [e, { disposer: i }] of this.subscriptions)
+        e(this.o, i);
+    }, t !== void 0 && (this.value = t);
+  }
+  addCallback(t, e, i) {
+    if (!i)
+      return void t(this.value);
+    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
+      this.subscriptions.delete(t);
+    }, consumerHost: e });
+    const { disposer: r } = this.subscriptions.get(t);
+    t(this.value, r);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let _i = class extends Event {
+  constructor(t) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
+  }
+};
+class Kt extends $i {
+  constructor(t, e, i) {
+    var r, n;
+    super(e.context !== void 0 ? e.initialValue : i), this.onContextRequest = (o) => {
+      const a = o.composedPath()[0];
+      o.context === this.context && a !== this.host && (o.stopPropagation(), this.addCallback(o.callback, a, o.subscribe));
+    }, this.onProviderRequest = (o) => {
+      const a = o.composedPath()[0];
+      if (o.context !== this.context || a === this.host)
+        return;
+      const c = /* @__PURE__ */ new Set();
+      for (const [h, { consumerHost: l }] of this.subscriptions)
+        c.has(h) || (c.add(h), l.dispatchEvent(new bi(this.context, h, !0)));
+      o.stopPropagation();
+    }, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (n = (r = this.host).addController) == null || n.call(r, this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new _i(this.context));
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function wi({ context: s }) {
+  return (t, e) => {
+    const i = /* @__PURE__ */ new WeakMap();
+    if (typeof e == "object")
+      return e.addInitializer(function() {
+        i.set(this, new Kt(this, { context: s }));
+      }), { get() {
+        return t.get.call(this);
+      }, set(r) {
+        var n;
+        return (n = i.get(this)) == null || n.setValue(r), t.set.call(this, r);
+      }, init(r) {
+        var n;
+        return (n = i.get(this)) == null || n.setValue(r), r;
+      } };
+    {
+      t.constructor.addInitializer((o) => {
+        i.set(o, new Kt(o, { context: s }));
+      });
+      const r = Object.getOwnPropertyDescriptor(t, e);
+      let n;
+      if (r === void 0) {
+        const o = /* @__PURE__ */ new WeakMap();
+        n = { get: function() {
+          return o.get(this);
+        }, set: function(a) {
+          i.get(this).setValue(a), o.set(this, a);
+        }, configurable: !0, enumerable: !0 };
+      } else {
+        const o = r.set;
+        n = { ...r, set: function(a) {
+          i.get(this).setValue(a), o == null || o.call(this, a);
+        } };
+      }
+      return void Object.defineProperty(t, e, n);
+    }
+  };
+}
+var Ai = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Ci = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? xi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  return i && r && Ai(t, e, r), r;
 };
-class st extends $ {
+const Si = "application";
+class rt extends $ {
   constructor() {
     super(...arguments), this.nodes = [], this.wrapperRef = de();
   }
@@ -1912,26 +2040,26 @@ class st extends $ {
     if (!this.wrapperRef.value)
       return;
     const t = this.application.settings;
-    t != null && t.branding && pe(t.branding, this.wrapperRef.value);
+    t != null && t.branding && ue(t.branding, this.wrapperRef.value);
   }
   applyStyles() {
     if (!this.wrapperRef.value)
       return;
     const t = this.application.styles(), e = this.wrapperRef.value;
-    Object.entries(t).forEach(([i, s]) => {
-      e.style.setProperty(`--${i}`, s);
+    Object.entries(t).forEach(([i, r]) => {
+      e.style.setProperty(`--${i}`, r);
     });
   }
   firstUpdated(t) {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === y.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), T`<div class="widget-container" ${ue(this.wrapperRef)}>
-      ${vi(this.nodes, (t) => t)}
+    return this.application.renderStrategy === y.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), T`<div class="widget-container" ${fe(this.wrapperRef)}>
+      ${yi(this.nodes, (t) => t)}
     </div>`;
   }
 }
-st.styles = U`
+rt.styles = U`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -1940,15 +2068,22 @@ st.styles = U`
       --spacing-lg: 1.2rem;
       --spacing-xl: 1.8rem;
 
+      --inverted-spacing-lg: -1.2rem;
+
       --text-color: #222222;
       --link-color: #990ae3;
       --gray-color: #f3f3f8;
+      --white-color: #fff;
       --gray-dark-color: #a6a6a6;
 
       --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
       --border-radius: var(--spacing-sm);
       --border-radius-sm: var(--spacing-sm);
+      --border-radius-lg: var(--spacing-lg);
+      --border-radius-xl: var(--spacing-xl);
       --gap: var(--spacing-sm);
+
+      --header-height: 69px;
     }
     :host {
       --voca-rem-multiplier: 0.625;
@@ -2029,10 +2164,11 @@ st.styles = U`
       animation: slideDown 0.3s linear;
     }
   `;
-$i([
-  m({ attribute: !1 })
-], st.prototype, "application", 2);
-class _i {
+Ci([
+  m({ attribute: !1 }),
+  wi({ context: Si })
+], rt.prototype, "application", 2);
+class Ei {
   constructor() {
     this.root = this.createRoot();
   }
@@ -2050,36 +2186,36 @@ class _i {
         definitionId: a,
         overrides: []
       };
-    }, s = (a, c, h, l) => {
+    }, r = (a, c, h, l) => {
       h.forEach((p) => {
-        const f = i(p), u = l[f.definitionId];
-        if (!u) {
+        const f = i(p), d = l[f.definitionId];
+        if (!d) {
           console.error(
             `No definition found for component type '${f.definitionId}'.`
           );
           return;
         }
-        const g = a.createNode(u.type, u.type);
-        g && (g.name = f.definitionId, g.application = e, u.properties && g.writeProperties(u.properties), u.context && g.writeContext(u.context), u.layout && g.writeLayout(u.layout), c.addChild(g), u.children && s(
+        const g = a.createNode(d.type, d.type);
+        g && (g.name = f.definitionId, g.application = e, d.properties && g.writeProperties(d.properties), d.context && g.writeContext(d.context), d.layout && g.writeLayout(d.layout), c.addChild(g), d.children && r(
           a,
           g,
-          u.children,
+          d.children,
           l
           // views
         ));
       });
     }, { entry: n, components: o } = t;
-    return s(this, this.root, [n], o), this.root;
+    return r(this, this.root, [n], o), this.root;
   }
   createRoot() {
-    return new st();
+    return new rt();
   }
   createNode(t, e) {
     const i = this.resolveComponent(e);
     if (!i)
-      return console.warn(`Unable to resolve component: ${e}`), new Ct();
-    const s = new i();
-    return s.type = e, s.name = t, s;
+      return console.warn(`Unable to resolve component: ${e}`), new xt();
+    const r = new i();
+    return r.type = e, r.name = t, r;
   }
   resolveComponent(t) {
     return customElements.get(`ace-${t}`);
@@ -2088,33 +2224,33 @@ class _i {
     return this.root;
   }
 }
-const fe = class {
+const ge = class {
   constructor() {
     this.components = /* @__PURE__ */ new Map();
   }
-  getComponent(r) {
-    const t = this.components.get(r);
+  getComponent(s) {
+    const t = this.components.get(s);
     return t || console.warn(
-      `Unable to resolve component: ${r}. You most likely forgot to register the required plugin.`
+      `Unable to resolve component: ${s}. You most likely forgot to register the required plugin.`
     ), t;
   }
-  registerComponent(r, t) {
-    this.components.set(r, t);
+  registerComponent(s, t) {
+    this.components.set(s, t);
   }
   async loadComponents() {
-    const r = [...this.components.entries()].map(([t, e]) => e.then((i) => {
+    const s = [...this.components.entries()].map(([t, e]) => e.then((i) => {
       this.defineAsWebComponent(t, i.default);
     }));
-    await Promise.all(r);
+    await Promise.all(s);
   }
-  defineAsWebComponent(r, t) {
-    const e = fe.ResolveWebComponentName(r);
+  defineAsWebComponent(s, t) {
+    const e = ge.ResolveWebComponentName(s);
     customElements.get(e) || customElements.define(e, t);
   }
 };
-let ge = fe;
-ge.ResolveWebComponentName = (r) => `ace-${r}`;
-class wi {
+let me = ge;
+me.ResolveWebComponentName = (s) => `ace-${s}`;
+class Pi {
   constructor(t) {
     this.widgetId = t;
   }
@@ -2135,7 +2271,7 @@ class wi {
     }
   }
 }
-class Ai {
+class Oi {
   constructor() {
     this.texts = /* @__PURE__ */ new Map();
   }
@@ -2150,12 +2286,12 @@ class Ai {
     return this.texts.get(t) || e;
   }
 }
-class Ci {
-  constructor(t, e, i, s, n) {
-    this.id = t, this.name = e, this.container = i, this.settings = s, this.options = n, this.platform = new _i(), this.texts = new Ai(), this.renderStrategy = y.Inline, this.anchor = "BottomRight", this.autoActivate = !1, this.plugins = [], this.componentResolver = new ge(), this.components = [], this.trigger = null, this.renderStrategy = this.options.renderStrategy || y.Inline, this.triggerIcon = this.options.triggerIcon, this.storage = new wi(this.id), typeof n.autoActivate == "boolean" && (this.autoActivate = n.autoActivate), n.anchor && (this.anchor = n.anchor), this.container.register("$settings", s), this.texts.loadTexts(s.texts || {});
+class Ti {
+  constructor(t, e, i, r, n) {
+    this.id = t, this.name = e, this.container = i, this.settings = r, this.options = n, this.platform = new Ei(), this.texts = new Oi(), this.renderStrategy = y.Inline, this.anchor = "BottomRight", this.autoActivate = !1, this.plugins = [], this.componentResolver = new me(), this.components = [], this.trigger = null, this.renderStrategy = this.options.renderStrategy || y.Inline, this.triggerIcon = this.options.triggerIcon, this.storage = new Pi(this.id), typeof n.autoActivate == "boolean" && (this.autoActivate = n.autoActivate), n.anchor && (this.anchor = n.anchor), this.container.register("$settings", r), this.texts.loadTexts(r.texts || {});
   }
   async activate() {
-    if (await this.loadPlugins(), await this.componentResolver.loadComponents(), this.root = this.platform.createComponentModel(this.settings, this), this.container.setState(ee.Ready), this.autoActivate) {
+    if (await this.loadPlugins(), await this.componentResolver.loadComponents(), this.root = this.platform.createComponentModel(this.settings, this), this.container.setState(ie.Ready), this.autoActivate) {
       const t = this.render();
       t && this._getTargetElement().appendChild(t);
     }
@@ -2216,22 +2352,22 @@ class Ci {
     return this.root;
   }
 }
-const Ii = (r) => new Q(r), me = class {
+const Di = (s) => new Q(s), ve = class {
   // TODO:
   // private static endpoint = 'http://localhost:5299/api'; // TODO:
-  constructor(r = me.endpoint) {
-    this._endpoint = r;
+  constructor(s = ve.endpoint) {
+    this._endpoint = s;
   }
-  async getSite(r) {
-    const e = await (await fetch(r)).json();
+  async getSite(s) {
+    const e = await (await fetch(s)).json();
     return e ? {
       id: e.id,
       apps: e.widgets.map((i) => {
-        let s = y.Inline;
-        return i.renderStrategy === "Trigger" && (s = y.Trigger), {
+        let r = y.Inline;
+        return i.renderStrategy === "Trigger" && (r = y.Trigger), {
           id: i.id,
           widgetId: i.widgetId,
-          renderStrategy: s,
+          renderStrategy: r,
           autoActivate: i.autoActivate,
           anchor: i.anchor,
           triggerIcon: {
@@ -2242,17 +2378,17 @@ const Ii = (r) => new Q(r), me = class {
       })
     } : null;
   }
-  async getWidget(r) {
-    const e = await (await fetch(`${this._endpoint}/widget/${r}`)).json();
+  async getWidget(s) {
+    const e = await (await fetch(`${this._endpoint}/widget/${s}`)).json();
     return e ? {
       name: e.name,
       config: JSON.parse(e.configuration)
     } : null;
   }
 };
-let Q = me;
+let Q = ve;
 Q.endpoint = "https://widgets.ace.teliacompany.net/api";
-class Si {
+class Ri {
   constructor() {
     this.applications = [], this.container = new Rt("environment", this), setTimeout(() => {
       this.notifyWidgetsOfCreation();
@@ -2270,7 +2406,7 @@ class Si {
   }
   notifyWidgetsOfCreation() {
     document.querySelectorAll("ace-widget").forEach((e) => {
-      const i = this.applications.find((s) => s.name === e.name);
+      const i = this.applications.find((r) => r.name === e.name);
       i && e.dispatchEvent(
         new CustomEvent("environment-created", {
           detail: { widget: i }
@@ -2278,8 +2414,8 @@ class Si {
       );
     });
   }
-  registerApp(t, e, i, s) {
-    const n = new Rt(e, this), o = new Ci(t, e, n, i, s);
+  registerApp(t, e, i, r) {
+    const n = new Rt(e, this), o = new Ti(t, e, n, i, r);
     this.applications.push(o);
   }
   plugin(t) {
@@ -2288,7 +2424,7 @@ class Si {
     }), this;
   }
 }
-class xi {
+class Ui {
   constructor(t) {
     this.configurations = [], this.httpClient = new Q(), this.httpClient = new Q(), typeof t == "string" ? this.url = t : (t.httpClient && (this.httpClient = t.httpClient), this.loadFromConfig(t));
   }
@@ -2315,13 +2451,13 @@ class xi {
   }
   async bootstrap(t) {
     var e;
-    this.url && await this.load(this.url), this.environment = new Si(), this.addGlobal(this.environment);
+    this.url && await this.load(this.url), this.environment = new Ri(), this.addGlobal(this.environment);
     for await (const i of this.configurations) {
-      const s = await this.httpClient.getWidget(i.widgetId);
-      s && ((e = this.environment) == null || e.registerApp(
+      const r = await this.httpClient.getWidget(i.widgetId);
+      r && ((e = this.environment) == null || e.registerApp(
         i.widgetId,
-        s.name,
-        s.config,
+        r.name,
+        r.config,
         {
           renderStrategy: i.renderStrategy,
           triggerIcon: i.triggerIcon,
@@ -2336,10 +2472,10 @@ class xi {
     globalThis.widgets = t;
   }
 }
-var Ei = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, St = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Pi(t, e) : t, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
-  return i && s && Ei(t, e, s), s;
+var Ii = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Ct = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? ki(t, e) : t, n = s.length - 1, o; n >= 0; n--)
+    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  return i && r && Ii(t, e, r), r;
 };
 class W extends $ {
   constructor() {
@@ -2365,7 +2501,7 @@ class W extends $ {
   }
   render() {
     if (!this.widget || this.status !== "activated")
-      return d;
+      return u;
     if (this.widget.renderStrategy === y.Trigger) {
       const t = new A();
       return t.application = this.widget, t;
@@ -2380,33 +2516,34 @@ W.styles = [
       }
     `
 ];
-St([
+Ct([
   m({ attribute: !0 })
 ], W.prototype, "name", 2);
-St([
+Ct([
   z()
 ], W.prototype, "widget", 2);
-St([
+Ct([
   z()
 ], W.prototype, "status", 2);
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", it);
 customElements.get("ace-trigger") || customElements.define("ace-trigger", A);
-customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", Ct);
-customElements.get("ace-wrapper") || customElements.define("ace-wrapper", st);
+customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", xt);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", rt);
 customElements.get("ace-widget") || customElements.define("ace-widget", W);
-const Ni = async (r, t) => {
-  await new xi(r).bootstrap(t);
+const zi = async (s, t) => {
+  await new Ui(s).bootstrap(t);
 };
 export {
   W as AceWidget,
-  Ci as Application,
+  Ti as Application,
   Rt as Container,
-  Si as Environment,
+  Ri as Environment,
   Q as HttpClient,
-  xi as Site,
-  wi as StorageService,
+  Ui as Site,
+  Pi as StorageService,
   A as Trigger,
-  mi as WidgetComponent,
-  Ni as bootstrap,
-  Ii as createHttpClient
+  vi as WidgetComponent,
+  Si as applicationContext,
+  zi as bootstrap,
+  Di as createHttpClient
 };