@telia-ace/widget-core-flamingo 1.1.75 → 1.1.76-rc.1

package/index.mjs

@@ -6,7 +6,7 @@ var gt = function(s, t) {
       Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
   }, gt(s, t);
 };
-function z(s, t) {
+function W(s, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
   gt(s, t);
@@ -27,33 +27,33 @@ function mt(s) {
     };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function G(s, t) {
+function J(s, t) {
   var e = typeof Symbol == "function" && s[Symbol.iterator];
   if (!e)
     return s;
-  var i = e.call(s), r, n = [], o;
+  var i = e.call(s), r, o = [], n;
   try {
     for (; (t === void 0 || t-- > 0) && !(r = i.next()).done; )
-      n.push(r.value);
+      o.push(r.value);
   } catch (a) {
-    o = { error: a };
+    n = { error: a };
   } finally {
     try {
       r && !r.done && (e = i.return) && e.call(i);
     } finally {
-      if (o)
-        throw o.error;
+      if (n)
+        throw n.error;
     }
   }
-  return n;
+  return o;
 }
-function J(s, t, e) {
+function G(s, t, e) {
   if (e || arguments.length === 2)
-    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 s.concat(n || Array.prototype.slice.call(t));
+    for (var i = 0, r = t.length, o; i < r; i++)
+      (o || !(i in t)) && (o || (o = Array.prototype.slice.call(t, 0, i)), o[i] = t[i]);
+  return s.concat(o || Array.prototype.slice.call(t));
 }
-function $(s) {
+function w(s) {
   return typeof s == "function";
 }
 function Qt(s) {
@@ -62,7 +62,7 @@ function Qt(s) {
   }, e = s(t);
   return e.prototype = Object.create(Error.prototype), e.prototype.constructor = e, e;
 }
-var ot = Qt(function(s) {
+var nt = Qt(function(s) {
   return function(e) {
     s(this), this.message = e ? e.length + ` errors occurred during unsubscription:
 ` + e.map(function(i, r) {
@@ -82,14 +82,14 @@ var it = function() {
     this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
   return s.prototype.unsubscribe = function() {
-    var t, e, i, r, n;
+    var t, e, i, r, o;
     if (!this.closed) {
       this.closed = !0;
-      var o = this._parentage;
-      if (o)
-        if (this._parentage = null, Array.isArray(o))
+      var n = this._parentage;
+      if (n)
+        if (this._parentage = null, Array.isArray(n))
           try {
-            for (var a = mt(o), c = a.next(); !c.done; c = a.next()) {
+            for (var a = mt(n), c = a.next(); !c.done; c = a.next()) {
               var h = c.value;
               h.remove(this);
             }
@@ -104,39 +104,39 @@ var it = function() {
             }
           }
         else
-          o.remove(this);
+          n.remove(this);
       var l = this.initialTeardown;
-      if ($(l))
+      if (w(l))
         try {
           l();
         } catch (v) {
-          n = v instanceof ot ? v.errors : [v];
+          o = v instanceof nt ? v.errors : [v];
         }
-      var p = this._finalizers;
-      if (p) {
+      var d = this._finalizers;
+      if (d) {
         this._finalizers = null;
         try {
-          for (var f = mt(p), u = f.next(); !u.done; u = f.next()) {
-            var g = u.value;
+          for (var p = mt(d), f = p.next(); !f.done; f = p.next()) {
+            var g = f.value;
             try {
               Pt(g);
             } catch (v) {
-              n = n ?? [], v instanceof ot ? n = J(J([], G(n)), G(v.errors)) : n.push(v);
+              o = o ?? [], v instanceof nt ? o = G(G([], J(o)), J(v.errors)) : o.push(v);
             }
           }
         } catch (v) {
           i = { error: v };
         } finally {
           try {
-            u && !u.done && (r = f.return) && r.call(f);
+            f && !f.done && (r = p.return) && r.call(p);
           } finally {
             if (i)
               throw i.error;
           }
         }
       }
-      if (n)
-        throw new ot(n);
+      if (o)
+        throw new nt(o);
     }
   }, s.prototype.add = function(t) {
     var e;
@@ -169,10 +169,10 @@ var it = function() {
   }(), s;
 }(), te = it.EMPTY;
 function ee(s) {
-  return s instanceof it || s && "closed" in s && $(s.remove) && $(s.add) && $(s.unsubscribe);
+  return s instanceof it || s && "closed" in s && w(s.remove) && w(s.add) && w(s.unsubscribe);
 }
 function Pt(s) {
-  $(s) ? s() : s.unsubscribe();
+  w(s) ? s() : s.unsubscribe();
 }
 var ie = {
   onUnhandledError: null,
@@ -185,7 +185,7 @@ var ie = {
     for (var e = [], i = 2; i < arguments.length; i++)
       e[i - 2] = arguments[i];
     var r = yt.delegate;
-    return r != null && r.setTimeout ? r.setTimeout.apply(r, J([s, t], G(e))) : setTimeout.apply(void 0, J([s, t], G(e)));
+    return r != null && r.setTimeout ? r.setTimeout.apply(r, G([s, t], J(e))) : setTimeout.apply(void 0, G([s, t], J(e)));
   },
   clearTimeout: function(s) {
     var t = yt.delegate;
@@ -204,7 +204,7 @@ function K(s) {
   s();
 }
 var se = function(s) {
-  z(t, s);
+  W(t, s);
   function t(e) {
     var i = s.call(this) || this;
     return i.isStopped = !1, e ? (i.destination = e, ee(e) && e.add(i)) : i.destination = Ce, i;
@@ -248,7 +248,7 @@ var Ae = function() {
       try {
         e.next(t);
       } catch (i) {
-        Y(i);
+        q(i);
       }
   }, s.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -256,44 +256,44 @@ var Ae = function() {
       try {
         e.error(t);
       } catch (i) {
-        Y(i);
+        q(i);
       }
     else
-      Y(t);
+      q(t);
   }, s.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        Y(e);
+        q(e);
       }
   }, s;
 }(), bt = function(s) {
-  z(t, s);
+  W(t, s);
   function t(e, i, r) {
-    var n = s.call(this) || this, o;
-    if ($(e) || !e)
-      o = {
+    var o = s.call(this) || this, n;
+    if (w(e) || !e)
+      n = {
         next: e ?? void 0,
         error: i ?? void 0,
         complete: r ?? void 0
       };
     else {
       var a;
-      n && ie.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
-        return n.unsubscribe();
-      }, o = {
+      o && ie.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
+        return o.unsubscribe();
+      }, n = {
         next: e.next && at(e.next, a),
         error: e.error && at(e.error, a),
         complete: e.complete && at(e.complete, a)
-      }) : o = e;
+      }) : n = e;
     }
-    return n.destination = new Ae(o), n;
+    return o.destination = new Ae(n), o;
   }
   return t;
 }(se);
-function Y(s) {
+function q(s) {
   we(s);
 }
 function xe(s) {
@@ -325,11 +325,11 @@ var Tt = function() {
     var e = new s();
     return e.source = this, e.operator = t, e;
   }, s.prototype.subscribe = function(t, e, i) {
-    var r = this, n = Te(t) ? t : new bt(t, e, i);
+    var r = this, o = Te(t) ? t : new bt(t, e, i);
     return K(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;
+      var n = r, a = n.operator, c = n.source;
+      o.add(a ? a.call(o, c) : c ? r._subscribe(o) : r._trySubscribe(o));
+    }), o;
   }, s.prototype._trySubscribe = function(t) {
     try {
       return this._subscribe(t);
@@ -338,19 +338,19 @@ var Tt = function() {
     }
   }, s.prototype.forEach = function(t, e) {
     var i = this;
-    return e = It(e), new e(function(r, n) {
-      var o = new bt({
+    return e = It(e), new e(function(r, o) {
+      var n = new bt({
         next: function(a) {
           try {
             t(a);
           } catch (c) {
-            n(c), o.unsubscribe();
+            o(c), n.unsubscribe();
           }
         },
-        error: n,
+        error: o,
         complete: r
       });
-      i.subscribe(o);
+      i.subscribe(n);
     });
   }, s.prototype._subscribe = function(t) {
     var e;
@@ -364,13 +364,13 @@ var Tt = function() {
   }, s.prototype.toPromise = function(t) {
     var e = this;
     return t = It(t), new t(function(i, r) {
-      var n;
-      e.subscribe(function(o) {
-        return n = o;
-      }, function(o) {
-        return r(o);
+      var o;
+      e.subscribe(function(n) {
+        return o = n;
+      }, function(n) {
+        return r(n);
       }, function() {
-        return i(n);
+        return i(o);
       });
     });
   }, s.create = function(t) {
@@ -382,7 +382,7 @@ function It(s) {
   return (t = s ?? ie.Promise) !== null && t !== void 0 ? t : Promise;
 }
 function Oe(s) {
-  return s && $(s.next) && $(s.error) && $(s.complete);
+  return s && w(s.next) && w(s.error) && w(s.complete);
 }
 function Te(s) {
   return s && s instanceof se || Oe(s) && ee(s);
@@ -392,7 +392,7 @@ var Ie = Qt(function(s) {
     s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
 }), $t = function(s) {
-  z(t, s);
+  W(t, s);
   function t() {
     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;
@@ -406,11 +406,11 @@ var Ie = Qt(function(s) {
   }, t.prototype.next = function(e) {
     var i = this;
     K(function() {
-      var r, n;
+      var r, o;
       if (i._throwIfClosed(), !i.isStopped) {
         i.currentObservers || (i.currentObservers = Array.from(i.observers));
         try {
-          for (var o = mt(i.currentObservers), a = o.next(); !a.done; a = o.next()) {
+          for (var n = mt(i.currentObservers), a = n.next(); !a.done; a = n.next()) {
             var c = a.value;
             c.next(e);
           }
@@ -418,7 +418,7 @@ var Ie = Qt(function(s) {
           r = { error: h };
         } finally {
           try {
-            a && !a.done && (n = o.return) && n.call(o);
+            a && !a.done && (o = n.return) && o.call(n);
           } finally {
             if (r)
               throw r.error;
@@ -458,13 +458,13 @@ var Ie = Qt(function(s) {
   }, t.prototype._subscribe = function(e) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(e), this._innerSubscribe(e);
   }, t.prototype._innerSubscribe = function(e) {
-    var i = this, r = this, n = r.hasError, o = r.isStopped, a = r.observers;
-    return n || o ? te : (this.currentObservers = null, a.push(e), new it(function() {
+    var i = this, r = this, o = r.hasError, n = r.isStopped, a = r.observers;
+    return o || n ? te : (this.currentObservers = null, a.push(e), new it(function() {
       i.currentObservers = null, vt(a, e);
     }));
   }, t.prototype._checkFinalizedStatuses = function(e) {
-    var i = this, r = i.hasError, n = i.thrownError, o = i.isStopped;
-    r ? e.error(n) : o && e.complete();
+    var i = this, r = i.hasError, o = i.thrownError, n = i.isStopped;
+    r ? e.error(o) : n && e.complete();
   }, t.prototype.asObservable = function() {
     var e = new Tt();
     return e.source = this, e;
@@ -472,7 +472,7 @@ var Ie = Qt(function(s) {
     return new Rt(e, i);
   }, t;
 }(Tt), Rt = function(s) {
-  z(t, s);
+  W(t, s);
   function t(e, i) {
     var r = s.call(this) || this;
     return r.destination = e, r.source = i, r;
@@ -491,7 +491,7 @@ var Ie = Qt(function(s) {
     return (r = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && r !== void 0 ? r : te;
   }, t;
 }($t), re = function(s) {
-  z(t, s);
+  W(t, s);
   function t(e) {
     var i = s.call(this) || this;
     return i._value = e, i;
@@ -506,15 +506,15 @@ var Ie = Qt(function(s) {
     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, r = e.thrownError, n = e._value;
+    var e = this, i = e.hasError, r = e.thrownError, o = e._value;
     if (i)
       throw r;
-    return this._throwIfClosed(), n;
+    return this._throwIfClosed(), o;
   }, t.prototype.next = function(e) {
     s.prototype.next.call(this, this._value = e);
   }, t;
-}($t), ne = /* @__PURE__ */ ((s) => (s.Loading = "loading", s.Ready = "ready", s))(ne || {});
-class Nt {
+}($t), oe = /* @__PURE__ */ ((s) => (s.Loading = "loading", s.Ready = "ready", s))(oe || {});
+class kt {
   constructor(t, e) {
     this.state = new re(
       "loading"
@@ -539,8 +539,8 @@ class Nt {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Z = globalThis, wt = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, _t = Symbol(), Ut = /* @__PURE__ */ new WeakMap();
-let oe = class {
+const Z = globalThis, wt = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, _t = Symbol(), Nt = /* @__PURE__ */ new WeakMap();
+let ne = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== _t)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -551,7 +551,7 @@ let oe = class {
     const e = this.t;
     if (wt && t === void 0) {
       const i = e !== void 0 && e.length === 1;
-      i && (t = Ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ut.set(e, t));
+      i && (t = Nt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Nt.set(e, t));
     }
     return t;
   }
@@ -559,16 +559,16 @@ let oe = class {
     return this.cssText;
   }
 };
-const Re = (s) => new oe(typeof s == "string" ? s : s + "", void 0, _t), N = (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.");
-  })(r) + s[n + 1], s[0]);
-  return new oe(e, s, _t);
-}, Ne = (s, t) => {
+const Re = (s) => new ne(typeof s == "string" ? s : s + "", void 0, _t), N = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, r, o) => i + ((n) => {
+    if (n._$cssResult$ === !0)
+      return n.cssText;
+    if (typeof n == "number")
+      return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(r) + s[o + 1], s[0]);
+  return new ne(e, s, _t);
+}, ke = (s, t) => {
   if (wt)
     s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
@@ -576,7 +576,7 @@ const Re = (s) => new oe(typeof s == "string" ? s : s + "", void 0, _t), N = (s,
       const i = document.createElement("style"), r = Z.litNonce;
       r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
     }
-}, kt = wt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, Ut = wt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
@@ -587,7 +587,7 @@ const Re = (s) => new oe(typeof s == "string" ? s : s + "", void 0, _t), N = (s,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ue, defineProperty: ke, getOwnPropertyDescriptor: je, getOwnPropertyNames: Me, getOwnPropertySymbols: He, getPrototypeOf: Le } = Object, x = globalThis, jt = x.trustedTypes, De = jt ? jt.emptyScript : "", ct = x.reactiveElementPolyfillSupport, j = (s, t) => s, X = { toAttribute(s, t) {
+const { is: Ne, defineProperty: Ue, getOwnPropertyDescriptor: Me, getOwnPropertyNames: je, getOwnPropertySymbols: He, getPrototypeOf: Le } = Object, C = globalThis, Mt = C.trustedTypes, De = Mt ? Mt.emptyScript : "", ct = C.reactiveElementPolyfillSupport, j = (s, t) => s, X = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
       s = s ? De : null;
@@ -615,36 +615,36 @@ const { is: Ue, defineProperty: ke, getOwnPropertyDescriptor: je, getOwnProperty
       }
   }
   return e;
-} }, At = (s, t) => !Ue(s, t), Mt = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let T = class extends HTMLElement {
+} }, At = (s, t) => !Ne(s, t), jt = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let I = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = Mt) {
+  static createProperty(t, e = jt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
-      r !== void 0 && ke(this.prototype, t, r);
+      r !== void 0 && Ue(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = je(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = Me(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(o) {
-      this[e] = o;
+    }, set(n) {
+      this[e] = n;
     } };
     return { get() {
       return r == null ? void 0 : r.call(this);
-    }, set(o) {
+    }, set(n) {
       const a = r == null ? void 0 : r.call(this);
-      n.call(this, o), this.requestUpdate(t, a, i);
+      o.call(this, n), this.requestUpdate(t, a, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Mt;
+    return this.elementProperties.get(t) ?? jt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(j("elementProperties")))
@@ -656,7 +656,7 @@ let T = class extends HTMLElement {
     if (this.hasOwnProperty(j("finalized")))
       return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
-      const e = this.properties, i = [...Me(e), ...He(e)];
+      const e = this.properties, i = [...je(e), ...He(e)];
       for (const r of i)
         this.createProperty(r, e[r]);
     }
@@ -679,9 +679,9 @@ let T = class extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const r of i)
-        e.unshift(kt(r));
+        e.unshift(Ut(r));
     } else
-      t !== void 0 && e.push(kt(t));
+      t !== void 0 && e.push(Ut(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -711,7 +711,7 @@ let T = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ne(t, this.constructor.elementStyles), t;
+    return ke(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -733,19 +733,19 @@ let T = class extends HTMLElement {
     this._$AK(t, i);
   }
   _$EC(t, e) {
-    var n;
+    var o;
     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 : X).toAttribute(e, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+      const n = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : X).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var n;
+    var o;
     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 : X;
-      this._$Em = r, this[r] = a.fromAttribute(e, o.type), this._$Em = null;
+      const n = i.getPropertyOptions(r), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((o = n.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? n.converter : X;
+      this._$Em = r, this[r] = a.fromAttribute(e, n.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, i) {
@@ -778,21 +778,21 @@ let T = class extends HTMLElement {
       return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep)
-          this[n] = o;
+        for (const [o, n] of this._$Ep)
+          this[o] = n;
         this._$Ep = void 0;
       }
       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);
+        for (const [o, n] of r)
+          n.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.P(o, this[o], n);
     }
     let t = !1;
     const e = this._$AL;
     try {
       t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
-        var n;
-        return (n = r.hostUpdate) == null ? void 0 : n.call(r);
+        var o;
+        return (o = r.hostUpdate) == null ? void 0 : o.call(r);
       }), this.update(e)) : this._$EU();
     } catch (r) {
       throw t = !1, this._$EU(), r;
@@ -828,84 +828,84 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[j("elementProperties")] = /* @__PURE__ */ new Map(), T[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: T }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.0.4");
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[j("elementProperties")] = /* @__PURE__ */ new Map(), I[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: I }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, Q = M.trustedTypes, Ht = Q ? Q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ae = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, ce = "?" + A, Be = `<${ce}>`, P = document, L = () => P.createComment(""), D = (s) => s === null || typeof s != "object" && typeof s != "function", he = Array.isArray, ze = (s) => he(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ht = `[ 	
-\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Lt = /-->/g, Dt = />/g, C = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, le = /^(?:script|style|textarea|title)$/i, We = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), I = We(1), O = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), E = P.createTreeWalker(P, 129);
-function pe(s, t) {
+const H = globalThis, Q = H.trustedTypes, Ht = Q ? Q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ae = "$lit$", x = `lit$${(Math.random() + "").slice(9)}$`, ce = "?" + x, Be = `<${ce}>`, O = document, D = () => O.createComment(""), B = (s) => s === null || typeof s != "object" && typeof s != "function", he = Array.isArray, ze = (s) => he(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ht = `[ 	
+\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Lt = /-->/g, Dt = />/g, S = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, le = /^(?:script|style|textarea|title)$/i, We = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), R = We(1), T = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), P = O.createTreeWalker(O, 129);
+function de(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return Ht !== void 0 ? Ht.createHTML(t) : t;
 }
 const Fe = (s, t) => {
   const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : "", o = k;
+  let r, o = t === 2 ? "<svg>" : "", n = M;
   for (let a = 0; a < e; 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 === k ? l[1] === "!--" ? o = Lt : l[1] !== void 0 ? o = Dt : l[2] !== void 0 ? (le.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = C) : l[3] !== void 0 && (o = C) : o === C ? l[0] === ">" ? (o = r ?? k, 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] === '"' ? zt : Bt) : o === zt || o === Bt ? o = C : o === Lt || o === Dt ? o = k : (o = C, r = void 0);
-    const u = o === C && s[a + 1].startsWith("/>") ? " " : "";
-    n += o === k ? c + Be : p >= 0 ? (i.push(h), c.slice(0, p) + ae + c.slice(p) + A + u) : c + A + (p === -2 ? a : u);
+    let h, l, d = -1, p = 0;
+    for (; p < c.length && (n.lastIndex = p, l = n.exec(c), l !== null); )
+      p = n.lastIndex, n === M ? l[1] === "!--" ? n = Lt : l[1] !== void 0 ? n = Dt : l[2] !== void 0 ? (le.test(l[2]) && (r = RegExp("</" + l[2], "g")), n = S) : l[3] !== void 0 && (n = S) : n === S ? l[0] === ">" ? (n = r ?? M, d = -1) : l[1] === void 0 ? d = -2 : (d = n.lastIndex - l[2].length, h = l[1], n = l[3] === void 0 ? S : l[3] === '"' ? zt : Bt) : n === zt || n === Bt ? n = S : n === Lt || n === Dt ? n = M : (n = S, r = void 0);
+    const f = n === S && s[a + 1].startsWith("/>") ? " " : "";
+    o += n === M ? c + Be : d >= 0 ? (i.push(h), c.slice(0, d) + ae + c.slice(d) + x + f) : c + x + (d === -2 ? a : f);
   }
-  return [pe(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [de(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class B {
+class z {
   constructor({ strings: t, _$litType$: e }, i) {
     let r;
     this.parts = [];
-    let n = 0, o = 0;
+    let o = 0, n = 0;
     const a = t.length - 1, c = this.parts, [h, l] = Fe(t, e);
-    if (this.el = B.createElement(h, i), E.currentNode = this.el.content, e === 2) {
-      const p = this.el.content.firstChild;
-      p.replaceWith(...p.childNodes);
+    if (this.el = z.createElement(h, i), P.currentNode = this.el.content, e === 2) {
+      const d = this.el.content.firstChild;
+      d.replaceWith(...d.childNodes);
     }
-    for (; (r = E.nextNode()) !== null && c.length < a; ) {
+    for (; (r = P.nextNode()) !== null && c.length < a; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes())
-          for (const p of r.getAttributeNames())
-            if (p.endsWith(ae)) {
-              const f = l[o++], u = r.getAttribute(p).split(A), g = /([.?@])?(.*)/.exec(f);
-              c.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Ye : g[1] === "?" ? qe : g[1] === "@" ? Ke : st }), r.removeAttribute(p);
+          for (const d of r.getAttributeNames())
+            if (d.endsWith(ae)) {
+              const p = l[n++], f = r.getAttribute(d).split(x), g = /([.?@])?(.*)/.exec(p);
+              c.push({ type: 1, index: o, name: g[2], strings: f, ctor: g[1] === "." ? Ye : g[1] === "?" ? qe : g[1] === "@" ? Ke : st }), r.removeAttribute(d);
             } else
-              p.startsWith(A) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
+              d.startsWith(x) && (c.push({ type: 6, index: o }), r.removeAttribute(d));
         if (le.test(r.tagName)) {
-          const p = r.textContent.split(A), f = p.length - 1;
-          if (f > 0) {
+          const d = r.textContent.split(x), p = d.length - 1;
+          if (p > 0) {
             r.textContent = Q ? Q.emptyScript : "";
-            for (let u = 0; u < f; u++)
-              r.append(p[u], L()), E.nextNode(), c.push({ type: 2, index: ++n });
-            r.append(p[f], L());
+            for (let f = 0; f < p; f++)
+              r.append(d[f], D()), P.nextNode(), c.push({ type: 2, index: ++o });
+            r.append(d[p], D());
           }
         }
       } else if (r.nodeType === 8)
         if (r.data === ce)
-          c.push({ type: 2, index: n });
+          c.push({ type: 2, index: o });
         else {
-          let p = -1;
-          for (; (p = r.data.indexOf(A, p + 1)) !== -1; )
-            c.push({ type: 7, index: n }), p += A.length - 1;
+          let d = -1;
+          for (; (d = r.data.indexOf(x, d + 1)) !== -1; )
+            c.push({ type: 7, index: o }), d += x.length - 1;
         }
-      n++;
+      o++;
     }
   }
   static createElement(t, e) {
-    const i = P.createElement("template");
+    const i = O.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function R(s, t, e = s, i) {
-  var o, a;
-  if (t === O)
+function k(s, t, e = s, i) {
+  var n, a;
+  if (t === T)
     return t;
-  let r = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
-  const n = D(t) ? void 0 : t._$litDirective$;
-  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;
+  let r = i !== void 0 ? (n = e._$Co) == null ? void 0 : n[i] : e._$Cl;
+  const o = B(t) ? void 0 : t._$litDirective$;
+  return (r == null ? void 0 : r.constructor) !== o && ((a = r == null ? void 0 : r._$AO) == null || a.call(r, !1), o === void 0 ? r = void 0 : (r = new o(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = k(s, r._$AS(s, t.values), r, i)), t;
 }
 class Ve {
   constructor(t, e) {
@@ -918,17 +918,17 @@ class Ve {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? P).importNode(e, !0);
-    E.currentNode = r;
-    let n = E.nextNode(), o = 0, a = 0, c = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
+    P.currentNode = r;
+    let o = P.nextNode(), n = 0, a = 0, c = i[0];
     for (; c !== void 0; ) {
-      if (o === c.index) {
+      if (n === c.index) {
         let h;
-        c.type === 2 ? h = new W(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new Ze(n, this, t)), this._$AV.push(h), c = i[++a];
+        c.type === 2 ? h = new F(o, o.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (h = new Ze(o, this, t)), this._$AV.push(h), c = i[++a];
       }
-      o !== (c == null ? void 0 : c.index) && (n = E.nextNode(), o++);
+      n !== (c == null ? void 0 : c.index) && (o = P.nextNode(), n++);
     }
-    return E.currentNode = P, r;
+    return P.currentNode = O, r;
   }
   p(t) {
     let e = 0;
@@ -936,13 +936,13 @@ class Ve {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class W {
+class F {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, i, r) {
-    this.type = 2, this._$AH = d, 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;
+    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 W {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = R(this, t, e), D(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ze(t) ? this.k(t) : this._(t);
+    t = k(this, t, e), B(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ze(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -965,28 +965,28 @@ class W {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== d && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && B(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    var n;
-    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = B.createElement(pe(i.h, i.h[0]), this.options)), i);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === r)
+    var o;
+    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = z.createElement(de(i.h, i.h[0]), this.options)), i);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === r)
       this._$AH.p(e);
     else {
-      const o = new Ve(r, this), a = o.u(this.options);
-      o.p(e), this.T(a), this._$AH = o;
+      const n = new Ve(r, this), a = n.u(this.options);
+      n.p(e), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
     let e = Wt.get(t.strings);
-    return e === void 0 && Wt.set(t.strings, e = new B(t)), e;
+    return e === void 0 && Wt.set(t.strings, e = new z(t)), e;
   }
   k(t) {
     he(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, r = 0;
-    for (const n of t)
-      r === e.length ? e.push(i = new W(this.S(L()), this.S(L()), this, this.options)) : i = e[r], i._$AI(n), r++;
+    for (const o of t)
+      r === e.length ? e.push(i = new F(this.S(D()), this.S(D()), this, this.options)) : i = e[r], i._$AI(o), r++;
     r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -1008,24 +1008,24 @@ class st {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, i, r, n) {
-    this.type = 1, this._$AH = d, 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 = d;
+  constructor(t, e, i, r, o) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, 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, r) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0)
-      t = R(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0)
+      t = k(this, t, e, 0), n = !B(t) || t !== this._$AH && t !== T, n && (this._$AH = t);
     else {
       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 === O && (h = this._$AH[c]), o || (o = !D(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
+      for (t = o[0], c = 0; c < o.length - 1; c++)
+        h = k(this, a[i + c], e, c), h === T && (h = this._$AH[c]), n || (n = !B(h) || h !== this._$AH[c]), h === u ? t = u : t !== u && (t += (h ?? "") + o[c + 1]), this._$AH[c] = h;
     }
-    o && !r && this.j(t);
+    n && !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 Ye extends st {
@@ -1033,7 +1033,7 @@ class Ye extends st {
     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 qe extends st {
@@ -1041,18 +1041,18 @@ class qe extends st {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
+    this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
 class Ke extends st {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
+  constructor(t, e, i, r, o) {
+    super(t, e, i, r, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = R(this, t, e, 0) ?? d) === O)
+    if ((t = k(this, t, e, 0) ?? u) === T)
       return;
-    const i = this._$AH, r = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || r);
-    r && 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, o = t !== u && (i === u || r);
+    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
@@ -1067,17 +1067,17 @@ class Ze {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    R(this, t);
+    k(this, t);
   }
 }
-const lt = M.litHtmlPolyfillSupport;
-lt == null || lt(B, W), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.1.2");
-const Ge = (s, t, e) => {
+const lt = H.litHtmlPolyfillSupport;
+lt == null || lt(z, F), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.1.2");
+const Je = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
   let r = i._$litPart$;
   if (r === void 0) {
-    const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = r = new W(t.insertBefore(L(), n), n, void 0, e ?? {});
+    const o = (e == null ? void 0 : e.renderBefore) ?? null;
+    i._$litPart$ = r = new F(t.insertBefore(D(), o), o, void 0, e ?? {});
   }
   return r._$AI(s), r;
 };
@@ -1086,7 +1086,7 @@ const Ge = (s, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let w = class extends T {
+let _ = class extends I {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1097,7 +1097,7 @@ let w = class extends T {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ge(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Je(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -1108,44 +1108,44 @@ let w = class extends T {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return O;
+    return T;
   }
 };
 var Xt;
-w._$litElement$ = !0, w.finalized = !0, (Xt = globalThis.litElementHydrateSupport) == null || Xt.call(globalThis, { LitElement: w });
-const pt = globalThis.litElementPolyfillSupport;
-pt == null || pt({ LitElement: w });
+_._$litElement$ = !0, _.finalized = !0, (Xt = globalThis.litElementHydrateSupport) == null || Xt.call(globalThis, { LitElement: _ });
+const dt = globalThis.litElementPolyfillSupport;
+dt == null || dt({ LitElement: _ });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Je = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At }, Xe = (s = Je, t, e) => {
+const Ge = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At }, Xe = (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;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), o.set(e.name, s), i === "accessor") {
+    const { name: n } = e;
     return { set(a) {
       const c = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(o, c, s);
+      t.set.call(this, a), this.requestUpdate(n, c, s);
     }, init(a) {
-      return a !== void 0 && this.P(o, void 0, s), a;
+      return a !== void 0 && this.P(n, void 0, s), a;
     } };
   }
   if (i === "setter") {
-    const { name: o } = e;
+    const { name: n } = e;
     return function(a) {
-      const c = this[o];
-      t.call(this, a), this.requestUpdate(o, c, s);
+      const c = this[n];
+      t.call(this, a), this.requestUpdate(n, c, s);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function m(s) {
-  return (t, e) => typeof e == "object" ? Xe(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;
+  return (t, e) => typeof e == "object" ? Xe(s, t, e) : ((i, r, o) => {
+    const n = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
   })(s, t, e);
 }
 /**
@@ -1157,11 +1157,11 @@ function U(s) {
   return m({ ...s, state: !0, attribute: !1 });
 }
 var Qe = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ei = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? ti(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? ti(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
   return i && r && Qe(t, e, r), r;
 };
-class rt extends w {
+class rt extends _ {
   constructor() {
     super(...arguments), this.anchor = "BottomRight";
   }
@@ -1170,7 +1170,7 @@ class rt extends w {
     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;
   }
 }
 rt.styles = [
@@ -1201,7 +1201,7 @@ ei([
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const xt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Ct = (s) => (...t) => ({ _$litDirective$: s, values: t });
-let de = class {
+let pe = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1228,13 +1228,13 @@ const ii = (s) => s.strings === void 0;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const H = (s, t) => {
+const L = (s, t) => {
   var i;
   const e = s._$AN;
   if (e === void 0)
     return !1;
   for (const r of e)
-    (i = r._$AO) == null || i.call(r, t, !1), H(r, t);
+    (i = r._$AO) == null || i.call(r, t, !1), L(r, t);
   return !0;
 }, tt = (s) => {
   let t, e;
@@ -1250,7 +1250,7 @@ const H = (s, t) => {
       t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(s))
       break;
-    e.add(s), ni(t);
+    e.add(s), oi(t);
   }
 };
 function si(s) {
@@ -1261,17 +1261,17 @@ function ri(s, t = !1, e = 0) {
   if (r !== void 0 && r.size !== 0)
     if (t)
       if (Array.isArray(i))
-        for (let n = e; n < i.length; n++)
-          H(i[n], !1), tt(i[n]);
+        for (let o = e; o < i.length; o++)
+          L(i[o], !1), tt(i[o]);
       else
-        i != null && (H(i, !1), tt(i));
+        i != null && (L(i, !1), tt(i));
     else
-      H(this, s);
+      L(this, s);
 }
-const ni = (s) => {
+const oi = (s) => {
   s.type == xt.CHILD && (s._$AP ?? (s._$AP = ri), s._$AQ ?? (s._$AQ = si));
 };
-class fe extends de {
+class fe extends pe {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -1280,7 +1280,7 @@ class fe extends de {
   }
   _$AO(t, e = !0) {
     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 && (H(this, t), tt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (r = this.disconnected) == null || r.call(this)), e && (L(this, t), tt(this));
   }
   setValue(t) {
     if (ii(this._$Ct))
@@ -1295,9 +1295,9 @@ class fe extends de {
   reconnected() {
   }
 }
-const oi = /* @__PURE__ */ new WeakMap();
+const ni = /* @__PURE__ */ new WeakMap();
 let Ft = 0;
-const dt = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new WeakSet(), Yt = () => new Promise((s) => requestAnimationFrame(s)), ai = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], qt = (s, t) => {
+const pt = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new WeakSet(), Yt = () => new Promise((s) => requestAnimationFrame(s)), ai = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], qt = (s, t) => {
   const e = s - t;
   return e === 0 ? void 0 : e;
 }, Kt = (s, t) => {
@@ -1337,10 +1337,10 @@ class li extends fe {
     (t = this.l) == null || t.call(this), this.l = void 0;
   }
   render(t) {
-    return d;
+    return u;
   }
   getController() {
-    return oi.get(this.u);
+    return ni.get(this.u);
   }
   isDisabled() {
     var t;
@@ -1349,7 +1349,7 @@ class li extends fe {
   update(t, [e]) {
     var r;
     const i = this.u === void 0;
-    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, Zt.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((o) => this.t = !0), this.element = t.element, Zt.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
   }
   p(t) {
     t = t ?? {};
@@ -1359,15 +1359,15 @@ class li extends fe {
   m() {
     const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
     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;
+      const o = e[r] ?? (ut[r] ? void 0 : i[r]), n = Number(o);
+      t[r] = isNaN(n) ? o + "" : n;
     }), t;
   }
   v() {
     let t, e = !0;
     return this.options.guard && (t = this.options.guard(), e = ((i, r) => {
       if (Array.isArray(i)) {
-        if (Array.isArray(r) && r.length === i.length && i.every((n, o) => n === r[o]))
+        if (Array.isArray(r) && r.length === i.length && i.every((o, n) => o === r[n]))
           return !1;
       } else if (r === i)
         return !1;
@@ -1384,14 +1384,14 @@ class li extends fe {
     this.prepare(), await Yt;
     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, r, e);
-      this.log("measured", [this.A, r, n, o]), t = this.calculateKeyframes(n, o);
+      const { from: o, to: n } = this.N(this.A, r, e);
+      this.log("measured", [this.A, r, o, n]), t = this.calculateKeyframes(o, n);
     } else {
-      const n = dt.get(this.options.inId);
-      if (n) {
-        dt.delete(this.options.inId);
-        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, Ft++, t.forEach((c) => c.zIndex = Ft);
+      const o = pt.get(this.options.inId);
+      if (o) {
+        pt.delete(this.options.inId);
+        const { from: n, to: a } = this.N(o, r, e);
+        t = this.calculateKeyframes(n, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, Ft++, t.forEach((c) => c.zIndex = Ft);
       } else
         this.options.in && (t = [...this.options.in, {}]);
     }
@@ -1408,15 +1408,15 @@ class li extends fe {
   }
   async disconnected() {
     var e;
-    if (!this.h || (this.options.id !== void 0 && dt.set(this.options.id, this.A), this.options.out === void 0))
+    if (!this.h || (this.options.id !== void 0 && pt.set(this.options.id, this.A), this.options.out === void 0))
       return;
     if (this.prepare(), await Yt(), (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 r = this.m();
         this.log("stabilizing out");
-        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");
+        const o = this.A.left - r.left, n = this.A.top - r.top;
+        getComputedStyle(this.element).position !== "static" || o === 0 && n === 0 || (this.element.style.position = "relative"), o !== 0 && (this.element.style.left = o + "px"), n !== 0 && (this.element.style.top = n + "px");
       }
     }
     const t = this.j(this.options.keyframeOptions);
@@ -1454,27 +1454,27 @@ class li extends fe {
   N(t, e, i) {
     t = { ...t }, e = { ...e };
     const r = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
-    let n = 1, o = 1;
+    let o = 1, n = 1;
     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 };
+      a.width && (o /= a.width), a.height && (n /= a.height);
+    }), t.left !== void 0 && e.left !== void 0 && (t.left = o * t.left, e.left = o * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = n * t.top, e.top = n * e.top)), { from: t, to: e };
   }
   calculateKeyframes(t, e, i = !1) {
-    const r = {}, n = {};
-    let o = !1;
+    const r = {}, o = {};
+    let n = !1;
     const a = {};
     for (const c in e) {
       const h = t[c], l = e[c];
       if (c in ut) {
-        const p = ut[c];
+        const d = 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, r.transform = `${r.transform ?? ""} ${f.transform}`, f.overrideFrom !== void 0 && Object.assign(r, f.overrideFrom));
+        const p = d(h, l);
+        p.transform !== void 0 && (a[c] = p.value, n = !0, r.transform = `${r.transform ?? ""} ${p.transform}`, p.overrideFrom !== void 0 && Object.assign(r, p.overrideFrom));
       } else
-        h !== l && h !== void 0 && l !== void 0 && (o = !0, r[c] = h, n[c] = l);
+        h !== l && h !== void 0 && l !== void 0 && (n = !0, r[c] = h, o[c] = l);
     }
-    return r.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [r, n] : void 0;
+    return r.transformOrigin = o.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, n ? [r, o] : void 0;
   }
   async animate(t, e = this.options.keyframeOptions) {
     this.start(), this.frames = t;
@@ -1499,13 +1499,13 @@ class li extends fe {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const pi = Ct(li), di = { 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 di = Ct(li), pi = { 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 Gt = Ct(class extends de {
+const Jt = Ct(class extends pe {
   constructor(s) {
     var t;
     if (super(s), s.type !== xt.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
@@ -1517,37 +1517,53 @@ const Gt = Ct(class extends de {
   update(s, [t]) {
     var i, r;
     if (this.st === void 0) {
-      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);
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((o) => o !== "")));
+      for (const o in t)
+        t[o] && !((i = this.nt) != null && i.has(o)) && this.st.add(o);
       return this.render(t);
     }
     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) || (r = this.nt) != null && r.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
+    for (const o of this.st)
+      o in t || (e.remove(o), this.st.delete(o));
+    for (const o in t) {
+      const n = !!t[o];
+      n === this.st.has(o) || (r = this.nt) != null && r.has(o) || (n ? (e.add(o), this.st.add(o)) : (e.remove(o), this.st.delete(o)));
     }
-    return O;
+    return T;
   }
-}), q = (s, t, e) => {
+}), b = (s, t, e) => {
   s && e.style.setProperty(t, s);
 }, ge = (s, t) => {
-  var e, i, r, n;
-  q((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), q(
+  var e, i, r, o, n, a, c, h, l;
+  b((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), b(
     (i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
-  ), q(
+  ), b(
     (r = s.colors) == null ? void 0 : r.secondaryBackground,
     "--secondary-background",
     t
-  ), q(
-    (n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
+  ), b(
+    (o = s.colors) == null ? void 0 : o.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
-  );
+  ), b(
+    (n = s.colors) == null ? void 0 : n.interactiveDestructiveBackground,
+    "--destructive-color",
+    t
+  ), b(
+    (a = s.colors) == null ? void 0 : a.interactiveTextOnDestructiveBackground,
+    "--text-on-destructive-color",
+    t
+  ), b(
+    (c = s.colors) == null ? void 0 : c.interactivePrimaryBackground,
+    "--interactive-primary-background",
+    t
+  ), b(
+    (h = s.colors) == null ? void 0 : h.interactiveTextOnPrimaryBackground,
+    "--interactive-text-on-primary-background",
+    t
+  ), b((l = s.colors) == null ? void 0 : l.focusColor, "--focus-color", t);
 };
 /**
  * @license
@@ -1559,12 +1575,12 @@ class ui {
 }
 const ft = /* @__PURE__ */ new WeakMap(), ve = Ct(class extends fe {
   render(s) {
-    return d;
+    return u;
   }
   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 = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.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(s) {
     if (typeof this.Y == "function") {
@@ -1585,12 +1601,12 @@ const ft = /* @__PURE__ */ new WeakMap(), ve = Ct(class extends fe {
     this.rt(this.ct);
   }
 });
-var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, F = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? gi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, V = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? gi(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
   return i && r && fi(t, e, r), r;
 };
-class _ extends w {
+class A extends _ {
   constructor() {
     super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = me(), this.widgetActive$ = new re(!1), this.componentIsDestroyed$ = new $t();
   }
@@ -1608,7 +1624,7 @@ class _ extends w {
       );
       return;
     }
-    this.active = !this.active, this.active ? (this.application.appendToDOM(), this.widgetActive$.next(!0)) : (this.application.hide(), this.widgetActive$.next(!1));
+    this.active = !this.active, this.active ? (this.application.appendToDOM(), this.widgetActive$.next(!0), this.hideTrigger()) : (this.application.hide(), this.widgetActive$.next(!1), this.showTrigger());
   }
   _applyBranding() {
     var t;
@@ -1618,22 +1634,22 @@ class _ extends w {
     var a, c, h;
     const t = (a = this.application) == null ? void 0 : a.branding(), e = (c = t == null ? void 0 : t.graphics) == null ? void 0 : c.trigger;
     if (e)
-      return I` <img src=${e} class="trigger-icon" alt="" /> `;
+      return R` <img src=${e} class="trigger-icon" alt="" /> `;
     const i = (h = this.application) == null ? void 0 : h.triggerIcon;
     if (!i)
-      return d;
-    const r = async (l) => di, { type: n, content: o } = i;
-    switch (n) {
+      return u;
+    const r = async (l) => pi, { type: o, content: n } = i;
+    switch (o) {
       case "Telia": {
         const l = await r();
-        return l ? I`<telia-icon
+        return l ? R`<telia-icon
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
-          ></telia-icon>` : d;
+          ></telia-icon>` : u;
       }
       default:
-        return d;
+        return u;
     }
   }
   hideTrigger() {
@@ -1644,19 +1660,19 @@ class _ extends w {
   }
   render() {
     var t, e, i, r;
-    return I`<div
-      class=${Gt({
+    return R`<div
+      class=${Jt({
       "trigger-container": !0,
       hidden: !this.triggerVisible
     })}
       ${ve(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) ? I`
+      ${!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) ? R`
             <button
               label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
               class="trigger-label"
               @click=${this.toggleActive}
-              ${pi({
+              ${di({
       keyframeOptions: {},
       in: ai,
       stabilizeOut: !0,
@@ -1665,11 +1681,11 @@ class _ extends w {
             >
               ${this.application.settings.branding.other.buttonLabelText}
             </button>
-          ` : d}
+          ` : u}
 
       <button
         label="Widget trigger"
-        class=${Gt({
+        class=${Jt({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
@@ -1708,7 +1724,7 @@ class _ extends w {
     </div>`;
   }
 }
-_.styles = [
+A.styles = [
   N`
       :host {
         --voca-rem-multiplier: 0.625;
@@ -1716,15 +1732,19 @@ _.styles = [
         --trigger-label-text-color: rgba(0, 0, 0, 0.8);
         display: block;
         box-sizing: border-box;
-        /* font-family: var(--font-family); */
         font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       }
 
+      :focus {
+        outline-color: var(--focus-color);
+      }
+
       .trigger-container {
         display: flex;
         align-items: center;
         gap: 1rem;
       }
+
       .trigger-container.hidden {
         display: none;
       }
@@ -1742,26 +1762,34 @@ _.styles = [
         width: 55px;
         border-radius: 55px;
         cursor: pointer;
-        background-color: var(--trigger-bg, var(--primary-background));
+        background-color: var(
+          --interactive-primary-background,
+          var(--primary-background)
+        );
         font-family: Lato;
         text-decoration: none;
         border: 3px dashed transparent;
         box-sizing: border-box;
         transition: transform 200ms ease-out;
       }
+
       .trigger:active {
         transform: scale(0.8) !important;
       }
+
       .trigger:hover:not(:active) {
         transform: scale(1.1) !important;
       }
+
       .trigger.rendered {
         transform: scale(1);
       }
+
       .trigger.active .trigger-icon {
         opacity: 0;
         transform: rotate(-180deg) scale(0);
       }
+
       .trigger.active .trigger-close {
         opacity: 1;
         transform: rotate(0deg) scale(1);
@@ -1774,8 +1802,12 @@ _.styles = [
         opacity: 1;
         transform: rotate(0deg) scale(1);
         transition: opacity 200ms ease-out, transform 200ms ease-out;
-        color: var(--trigger-text-color, var(--text-on-primary-background));
+        color: var(
+          --interactive-text-on-primary-background,
+          var(--text-on-primary-background)
+        );
       }
+
       .trigger-close {
         opacity: 0;
         transition: transform 200ms ease-out;
@@ -1789,8 +1821,12 @@ _.styles = [
         justify-content: center;
         align-items: center;
       }
+
       .trigger-close svg path {
-        fill: var(--trigger-text-color, var(--text-on-primary-background));
+        fill: var(
+          --interactive-text-on-primary-background,
+          var(--text-on-primary-background)
+        );
       }
 
       img {
@@ -1799,8 +1835,8 @@ _.styles = [
 
       .trigger-label {
         box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
-        background-color: var(--trigger-label-bg);
-        color: var(--trigger-label-text-color);
+        background-color: var(--secondary-background);
+        color: var(--text-on-secondary-background);
         white-space: nowrap;
         padding: 0.7rem 1rem;
         border-radius: 0.3rem;
@@ -1820,24 +1856,24 @@ _.styles = [
       }
     `
 ];
-F([
+V([
   m({ attribute: !1 })
-], _.prototype, "application", 2);
-F([
+], A.prototype, "application", 2);
+V([
   U()
-], _.prototype, "active", 2);
-F([
+], A.prototype, "active", 2);
+V([
   U()
-], _.prototype, "triggerVisible", 2);
-F([
+], A.prototype, "triggerVisible", 2);
+V([
   U()
-], _.prototype, "loaded", 2);
-F([
+], A.prototype, "loaded", 2);
+V([
   U()
-], _.prototype, "icon", 2);
-var mi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, S = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? vi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+], A.prototype, "icon", 2);
+var mi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, E = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? vi(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
   return i && r && mi(t, e, r), r;
 };
 const yi = (s) => {
@@ -1879,25 +1915,25 @@ const yi = (s) => {
           box-sizing: border-box;
         }
       `
-  ], S([
+  ], E([
     m()
-  ], t.prototype, "properties", 2), S([
+  ], t.prototype, "properties", 2), E([
     m()
-  ], t.prototype, "context", 2), S([
+  ], t.prototype, "context", 2), E([
     m()
-  ], t.prototype, "layout", 2), S([
+  ], t.prototype, "layout", 2), E([
     m()
-  ], t.prototype, "name", 2), S([
+  ], t.prototype, "name", 2), E([
     m()
-  ], t.prototype, "type", 2), S([
+  ], t.prototype, "type", 2), E([
     m({ attribute: !1 })
-  ], t.prototype, "application", 2), S([
+  ], t.prototype, "application", 2), E([
     m({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class St extends yi(w) {
+class St extends yi(_) {
   render() {
-    return I`Non resolved component`;
+    return R`Non resolved component`;
   }
 }
 St.styles = [
@@ -1919,7 +1955,7 @@ function* bi(s, t) {
       yield t(i, e++);
   }
 }
-var b = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s))(b || {});
+var $ = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s))($ || {});
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -1980,21 +2016,21 @@ let _i = class extends Event {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
   }
 };
-class Jt extends wi {
+class Gt extends wi {
   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)
+    var r, o;
+    super(e.context !== void 0 ? e.initialValue : i), this.onContextRequest = (n) => {
+      const a = n.composedPath()[0];
+      n.context === this.context && a !== this.host && (n.stopPropagation(), this.addCallback(n.callback, a, n.subscribe));
+    }, this.onProviderRequest = (n) => {
+      const a = n.composedPath()[0];
+      if (n.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 $i(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);
+      n.stopPropagation();
+    }, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (o = (r = this.host).addController) == null || o.call(r, this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -2013,46 +2049,46 @@ function Ai({ context: s }) {
     const i = /* @__PURE__ */ new WeakMap();
     if (typeof e == "object")
       return e.addInitializer(function() {
-        i.set(this, new Jt(this, { context: s }));
+        i.set(this, new Gt(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);
+        var o;
+        return (o = i.get(this)) == null || o.setValue(r), t.set.call(this, r);
       }, init(r) {
-        var n;
-        return (n = i.get(this)) == null || n.setValue(r), r;
+        var o;
+        return (o = i.get(this)) == null || o.setValue(r), r;
       } };
     {
-      t.constructor.addInitializer((o) => {
-        i.set(o, new Jt(o, { context: s }));
+      t.constructor.addInitializer((n) => {
+        i.set(n, new Gt(n, { context: s }));
       });
       const r = Object.getOwnPropertyDescriptor(t, e);
-      let n;
+      let o;
       if (r === void 0) {
-        const o = /* @__PURE__ */ new WeakMap();
-        n = { get: function() {
-          return o.get(this);
+        const n = /* @__PURE__ */ new WeakMap();
+        o = { get: function() {
+          return n.get(this);
         }, set: function(a) {
-          i.get(this).setValue(a), o.set(this, a);
+          i.get(this).setValue(a), n.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);
+        const n = r.set;
+        o = { ...r, set: function(a) {
+          i.get(this).setValue(a), n == null || n.call(this, a);
         } };
       }
-      return void Object.defineProperty(t, e, n);
+      return void Object.defineProperty(t, e, o);
     }
   };
 }
 var xi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Si = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ci(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? Ci(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
   return i && r && xi(t, e, r), r;
 };
 const Ei = "application";
-class nt extends w {
+class ot extends _ {
   constructor() {
     super(...arguments), this.nodes = [], this.wrapperRef = me();
   }
@@ -2079,12 +2115,12 @@ class nt extends w {
   render() {
     var i, r;
     const t = this.application.settings.components.conversation;
-    return ((r = (i = t == null ? void 0 : t.properties) == null ? void 0 : i.chat) == null ? void 0 : r.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === b.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")), I`<div class="widget-container" ${ve(this.wrapperRef)}>
-      ${bi(this.nodes, (n) => n)}
+    return ((r = (i = t == null ? void 0 : t.properties) == null ? void 0 : i.chat) == null ? void 0 : r.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === $.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")), R`<div class="widget-container" ${ve(this.wrapperRef)}>
+      ${bi(this.nodes, (o) => o)}
     </div>`;
   }
 }
-nt.styles = N`
+ot.styles = N`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -2100,6 +2136,7 @@ nt.styles = N`
       --gray-color: #f3f3f8;
       --white-color: #fff;
       --gray-dark-color: #a6a6a6;
+      --black-border-color: #00000054;
 
       --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
       --border-radius: var(--spacing-sm);
@@ -2110,6 +2147,7 @@ nt.styles = N`
 
       --header-height: 69px;
     }
+
     :host {
       --voca-rem-multiplier: 0.625;
       box-sizing: border-box;
@@ -2126,23 +2164,27 @@ nt.styles = N`
       z-index: 6;
       position: fixed;
     }
+
     @media screen and (max-width: 800px) {
       :host(.floating) {
-        inset: 0 0 95px 0;
+        inset: 0;
         height: 100%;
       }
+
       :host(.third-party) {
-        inset: 0 0 95px 0;
+        inset: 0;
         height: 100vh;
       }
     }
+
     @media screen and (min-width: 801px) {
       :host(.floating) {
-        inset: auto 20px 95px auto;
+        inset: auto 20px 20px auto;
         max-height: calc(100vh - 120px);
         width: 400px;
-        height: 700px;
+        height: 775px;
       }
+
       :host(.third-party) {
         max-width: 1000px;
         height: 100vh;
@@ -2151,11 +2193,13 @@ nt.styles = N`
         transform: translateX(-50%);
         margin: -10px 0;
       }
+
       :host(.floating.bottom-right) {
-        inset: auto 20px 95px auto;
+        inset: auto 20px 20px auto;
       }
+
       :host(.floating.bottom-left) {
-        inset: auto auto 95px 20px;
+        inset: auto auto 20px 20px;
       }
     }
 
@@ -2171,14 +2215,14 @@ nt.styles = N`
     * {
       box-sizing: border-box;
     }
+
     .widget-container {
       height: 100%;
       background-color: var(--primary-background);
       padding: var(--spacing-sm);
       border: var(--widget-border, none);
-      border-left: 1px solid #00000054;
-      border-right: 1px solid #00000054;
     }
+
     @keyframes slideDown {
       from {
         transform: translateY(0);
@@ -2189,6 +2233,7 @@ nt.styles = N`
         opacity: 0;
       }
     }
+
     @keyframes slideUp {
       from {
         transform: translateY(100%);
@@ -2199,10 +2244,12 @@ nt.styles = N`
         opacity: 1;
       }
     }
+
     :host(.expanded) {
       opacity: 1;
       animation: slideUp 0.3s linear;
     }
+
     :host(.hidden) {
       opacity: 0;
       animation: slideDown 0.3s linear;
@@ -2212,7 +2259,7 @@ nt.styles = N`
 Si([
   m({ attribute: !1 }),
   Ai({ context: Ei })
-], nt.prototype, "application", 2);
+], ot.prototype, "application", 2);
 class Pi {
   constructor() {
     this.root = this.createRoot();
@@ -2232,28 +2279,28 @@ class Pi {
         overrides: []
       };
     }, r = (a, c, h, l) => {
-      h.forEach((p) => {
-        const f = i(p), u = l[f.definitionId];
-        if (!u) {
+      h.forEach((d) => {
+        const p = i(d), f = l[p.definitionId];
+        if (!f) {
           console.error(
-            `No definition found for component type '${f.definitionId}'.`
+            `No definition found for component type '${p.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 && r(
+        const g = a.createNode(f.type, f.type);
+        g && (g.name = p.definitionId, g.application = e, f.properties && g.writeProperties(f.properties), f.context && g.writeContext(f.context), f.layout && g.writeLayout(f.layout), c.addChild(g), f.children && r(
           a,
           g,
-          u.children,
+          f.children,
           l
           // views
         ));
       });
-    }, { entry: n, components: o } = t;
-    return r(this, this.root, [n], o), this.root;
+    }, { entry: o, components: n } = t;
+    return r(this, this.root, [o], n), this.root;
   }
   createRoot() {
-    return new nt();
+    return new ot();
   }
   createNode(t, e) {
     const i = this.resolveComponent(e);
@@ -2373,17 +2420,17 @@ class Ii {
   }
 }
 class Ri {
-  constructor(t, e, i, r, n) {
-    this.id = t, this.name = e, this.container = i, this.settings = r, this.options = n, this.platform = new Pi(), this.texts = new Ti(), this.renderStrategy = b.Inline, this.anchor = "BottomRight", this.autoActivate = !1, this.plugins = [], this.componentResolver = new be(), this.components = [], this.trigger = null, this.api = new Ii(this), this.renderStrategy = this.options.renderStrategy || b.Inline, this.triggerIcon = this.options.triggerIcon;
-    const o = {
+  constructor(t, e, i, r, o) {
+    this.id = t, this.name = e, this.container = i, this.settings = r, this.options = o, this.platform = new Pi(), this.texts = new Ti(), this.renderStrategy = $.Inline, this.anchor = "BottomRight", this.autoActivate = !1, this.plugins = [], this.componentResolver = new be(), this.components = [], this.trigger = null, this.api = new Ii(this), this.renderStrategy = this.options.renderStrategy || $.Inline, this.triggerIcon = this.options.triggerIcon;
+    const n = {
       [y.Necessary]: !0,
       [y.Functional]: !0,
       [y.Analytics]: !0
     };
-    this.storage = new Oi(this.id, "sessionStorage", o), typeof n.autoActivate == "boolean" && (this.autoActivate = n.autoActivate), n.anchor && (this.anchor = n.anchor), this.container.register("$settings", r), this.texts.loadTexts(r.texts || {});
+    this.storage = new Oi(this.id, "sessionStorage", n), typeof o.autoActivate == "boolean" && (this.autoActivate = o.autoActivate), o.anchor && (this.anchor = o.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(ne.Ready), this.autoActivate) {
+    if (await this.loadPlugins(), await this.componentResolver.loadComponents(), this.root = this.platform.createComponentModel(this.settings, this), this.container.setState(oe.Ready), this.autoActivate) {
       const t = this.render();
       t && this._getTargetElement().appendChild(t);
     }
@@ -2435,7 +2482,7 @@ class Ri {
   }
   _getTargetElement() {
     let t = "bottom-right";
-    if (this.anchor === "BottomRight" ? t = "bottom-right" : this.anchor === "BottomLeft" && (t = "bottom-left"), this.renderStrategy === b.Trigger) {
+    if (this.anchor === "BottomRight" ? t = "bottom-right" : this.anchor === "BottomLeft" && (t = "bottom-left"), this.renderStrategy === $.Trigger) {
       let e = document.querySelector(
         `ace-trigger-slot.${t}`
       );
@@ -2444,8 +2491,8 @@ class Ri {
     return document.body;
   }
   render() {
-    if (this.renderStrategy === b.Trigger) {
-      const t = new _();
+    if (this.renderStrategy === $.Trigger) {
+      const t = new A();
       return t.application = this, this.trigger = t, this.storage.get("open") && this.trigger.toggleActive(), t;
     }
     return this.root;
@@ -2461,9 +2508,10 @@ const Fi = (s) => new et(s), $e = class {
     const e = await (await fetch(s)).json();
     return e ? {
       id: e.id,
+      triggers: e.triggers || [],
       apps: e.widgets.map((i) => {
-        let r = b.Inline;
-        return i.renderStrategy === "Trigger" && (r = b.Trigger), {
+        let r = $.Inline;
+        return i.renderStrategy === "Trigger" && (r = $.Trigger), {
           id: i.id,
           widgetId: i.widgetId,
           renderStrategy: r,
@@ -2487,7 +2535,7 @@ const Fi = (s) => new et(s), $e = class {
 };
 let et = $e;
 et.endpoint = "https://widgets.ace.teliacompany.net/api";
-class Ni {
+class ki {
   constructor(t) {
     this.site = t;
   }
@@ -2495,12 +2543,12 @@ class Ni {
     var i;
     (((i = this.site.environment) == null ? void 0 : i.applications) || []).forEach((r) => {
       if (r.storage) {
-        const n = {
+        const o = {
           [y.Analytics]: t.includes("analytics"),
           [y.Necessary]: t.includes("necessary"),
           [y.Functional]: t.includes("functional")
         };
-        r.storage.updatePolicy(n);
+        r.storage.updatePolicy(o);
       }
     });
   }
@@ -2511,9 +2559,9 @@ class Ni {
     });
   }
 }
-class Ui {
+class Ni {
   constructor() {
-    this.applications = [], this.container = new Nt("environment", this), this.bootstrapped = !1, this.site = null, this.widgetAPIHandlers = /* @__PURE__ */ new Map(), this.siteConfigurationHandlers = [], setTimeout(() => {
+    this.applications = [], this.container = new kt("environment", this), this.bootstrapped = !1, this.site = null, this.widgetAPIHandlers = /* @__PURE__ */ new Map(), this.siteConfigurationHandlers = [], setTimeout(() => {
       this.notifyWidgetsOfCreation();
     }, 1e3);
   }
@@ -2528,11 +2576,34 @@ class Ui {
     this.bootstrapped = !0;
   }
   async activate() {
+    var e;
     const t = this.applications.filter(
-      (e) => e.autoActivate
+      (i) => i.autoActivate
     );
-    for await (const e of t)
-      await e.activate();
+    (((e = this.site) == null ? void 0 : e.triggers) || []).filter((i) => i.triggerType === "visit").forEach((i) => {
+      const r = window.location.pathname, o = i.condition.outputs || [];
+      i.condition.type === "url" && o.forEach((n) => {
+        const a = n.action.type === "render_widget";
+        if ((n.value === r || n.value === "*") && a) {
+          let h = { widgetId: "" };
+          try {
+            h = JSON.parse(n.action.data);
+          } catch {
+            h = {
+              widgetId: ""
+            };
+          }
+          const l = t.findIndex(
+            (p) => p.id === h.widgetId
+          ) > -1, d = this.applications.find(
+            (p) => p.id === h.widgetId
+          );
+          d && !l && (d.autoActivate = !0, t.push(d));
+        }
+      });
+    });
+    for await (const i of t)
+      await i.activate();
   }
   notifyWidgetsOfCreation() {
     document.querySelectorAll("ace-widget").forEach((e) => {
@@ -2556,16 +2627,16 @@ class Ui {
     if (!i) {
       const r = this.widgetAPIHandlers.get(t) || [];
       r.push(() => {
-        const n = this.applications.find((o) => o.name === t);
-        e(n == null ? void 0 : n.api);
+        const o = this.applications.find((n) => n.name === t);
+        e(o == null ? void 0 : o.api);
       }), this.widgetAPIHandlers.set(t, r);
       return;
     }
     e(i == null ? void 0 : i.api);
   }
   registerApp(t, e, i, r) {
-    const n = new Nt(e, this), o = new Ri(t, e, n, i, r);
-    this.applications.push(o);
+    const o = new kt(e, this), n = new Ri(t, e, o, i, r);
+    this.applications.push(n);
   }
   registerSite(t) {
     this.site = t;
@@ -2576,9 +2647,9 @@ class Ui {
     }), this;
   }
 }
-class ki {
+class Ui {
   constructor(t) {
-    this.configurations = [], this.httpClient = new et(), this.api = new Ni(this), this.httpClient = new et(), typeof t == "string" ? this.url = t : (t.httpClient && (this.httpClient = t.httpClient), this.loadFromConfig(t));
+    this.configurations = [], this.httpClient = new et(), this.api = new ki(this), this.triggers = [], this.httpClient = new et(), typeof t == "string" ? this.url = t : (t.httpClient && (this.httpClient = t.httpClient), this.loadFromConfig(t));
   }
   async load(t) {
     const e = await this.httpClient.getSite(t);
@@ -2586,7 +2657,7 @@ class ki {
       console.warn(`Unable to load site from the url provided: ${t}`);
       return;
     }
-    this.configurations = e.apps;
+    this.configurations = e.apps, this.triggers = e.triggers || [];
   }
   loadFromConfig(t) {
     this.configurations = t.apps.map((e) => ({
@@ -2601,9 +2672,12 @@ class ki {
       }
     }));
   }
+  setHttpClient(t) {
+    this.httpClient = t;
+  }
   async bootstrap(t) {
     var e;
-    this.url && await this.load(this.url), this.environment = new Ui(), this.addGlobal(this.environment);
+    this.url && await this.load(this.url), this.environment = new Ni(), this.addGlobal(this.environment);
     for await (const i of this.configurations) {
       const r = await this.httpClient.getWidget(i.widgetId);
       r && ((e = this.environment) == null || e.registerApp(
@@ -2629,12 +2703,12 @@ class ki {
     }), globalThis.ace = t;
   }
 }
-var ji = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, Et = (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 && ji(t, e, r), r;
+var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Et = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? ji(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
+  return i && r && Mi(t, e, r), r;
 };
-class V extends w {
+class Y extends _ {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -2658,15 +2732,15 @@ class V extends w {
   }
   render() {
     if (!this.widget || this.status !== "activated")
-      return d;
-    if (this.widget.renderStrategy === b.Trigger) {
-      const t = new _();
+      return u;
+    if (this.widget.renderStrategy === $.Trigger) {
+      const t = new A();
       return t.application = this.widget, t;
     }
     return this.widget.render();
   }
 }
-V.styles = [
+Y.styles = [
   N`
       :host {
         display: block;
@@ -2675,31 +2749,32 @@ V.styles = [
 ];
 Et([
   m({ attribute: !0 })
-], V.prototype, "name", 2);
+], Y.prototype, "name", 2);
 Et([
   U()
-], V.prototype, "widget", 2);
+], Y.prototype, "widget", 2);
 Et([
   U()
-], V.prototype, "status", 2);
+], Y.prototype, "status", 2);
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", rt);
-customElements.get("ace-trigger") || customElements.define("ace-trigger", _);
+customElements.get("ace-trigger") || customElements.define("ace-trigger", A);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", St);
-customElements.get("ace-wrapper") || customElements.define("ace-wrapper", nt);
-customElements.get("ace-widget") || customElements.define("ace-widget", V);
-const Vi = async (s, t) => {
-  await new ki(s).bootstrap(t);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", ot);
+customElements.get("ace-widget") || customElements.define("ace-widget", Y);
+const Vi = async (s, t, e = {}) => {
+  const i = new Ui(s);
+  e.httpClient && i.setHttpClient(e.httpClient), await i.bootstrap(t);
 };
 export {
-  V as AceWidget,
+  Y as AceWidget,
   Ri as Application,
-  Nt as Container,
-  Ui as Environment,
+  kt as Container,
+  Ni as Environment,
   et as HttpClient,
-  ki as Site,
+  Ui as Site,
   y as StorageCategory,
   Oi as StorageService,
-  _ as Trigger,
+  A as Trigger,
   yi as WidgetComponent,
   Ei as applicationContext,
   Vi as bootstrap,