@telia-ace/widget-core-flamingo 1.1.72-rc.24 → 1.1.72-rc.26

package/index.js

@@ -62,7 +62,7 @@
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const me=()=>new bi;class bi{}const ft=new WeakMap,ve=St(class extends fe{render(s){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)),u}rt(s){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=ft.get(t);e===void 0&&(e=new WeakMap,ft.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=s}get lt(){var s,t;return typeof this.Y=="function"?(s=ft.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)}reconnected(){this.rt(this.ct)}});var $i=Object.defineProperty,wi=Object.getOwnPropertyDescriptor,q=(s,t,e,i)=>{for(var r=i>1?void 0:i?wi(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&&$i(t,e,r),r};class b extends A{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=me(),this.widgetActive$=new re(!1),this.componentIsDestroyed$=new wt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?(this.application.appendToDOM(),this.widgetActive$.next(!0)):(this.application.hide(),this.widgetActive$.next(!1))}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&ge(this.application.settings.branding,this)}async _renderSymbol(){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 R` <img src=${e} class="trigger-icon" alt="" /> `;const i=(h=this.application)==null?void 0:h.triggerIcon;if(!i)return u;const r=async l=>yi,{type:o,content:n}=i;switch(o){case"Telia":{const l=await r();return l?R`<telia-icon
+ */const me=()=>new bi;class bi{}const ft=new WeakMap,ve=St(class extends fe{render(s){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)),u}rt(s){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=ft.get(t);e===void 0&&(e=new WeakMap,ft.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=s}get lt(){var s,t;return typeof this.Y=="function"?(s=ft.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)}reconnected(){this.rt(this.ct)}});var $i=Object.defineProperty,wi=Object.getOwnPropertyDescriptor,q=(s,t,e,i)=>{for(var r=i>1?void 0:i?wi(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&&$i(t,e,r),r};class b extends A{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=me(),this.widgetActive$=new re(!1),this.componentIsDestroyed$=new wt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}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;(t=this.application)!=null&&t.settings&&ge(this.application.settings.branding,this)}async _renderSymbol(){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 R` <img src=${e} class="trigger-icon" alt="" /> `;const i=(h=this.application)==null?void 0:h.triggerIcon;if(!i)return u;const r=async l=>yi,{type:o,content:n}=i;switch(o){case"Telia":{const l=await r();return l?R`<telia-icon
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
@@ -313,6 +313,7 @@
 
       --header-height: 69px;
     }
+
     :host {
       --voca-rem-multiplier: 0.625;
       box-sizing: border-box;
@@ -329,23 +330,27 @@
       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;
@@ -354,11 +359,13 @@
         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;
       }
     }
 
@@ -374,12 +381,14 @@
     * {
       box-sizing: border-box;
     }
+
     .widget-container {
       height: 100%;
       background-color: var(--primary-background);
       padding: var(--spacing-sm);
       border: var(--widget-border, none);
     }
+
     @keyframes slideDown {
       from {
         transform: translateY(0);
@@ -390,6 +399,7 @@
         opacity: 0;
       }
     }
+
     @keyframes slideUp {
       from {
         transform: translateY(100%);
@@ -400,10 +410,12 @@
         opacity: 1;
       }
     }
+
     :host(.expanded) {
       opacity: 1;
       animation: slideUp 0.3s linear;
     }
+
     :host(.hidden) {
       opacity: 0;
       animation: slideDown 0.3s linear;

package/index.mjs

@@ -31,27 +31,27 @@ 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 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 w(s) {
   return typeof s == "function";
@@ -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,13 +104,13 @@ var it = function() {
             }
           }
         else
-          o.remove(this);
+          n.remove(this);
       var l = this.initialTeardown;
       if (w(l))
         try {
           l();
         } catch (v) {
-          n = v instanceof ot ? v.errors : [v];
+          o = v instanceof nt ? v.errors : [v];
         }
       var d = this._finalizers;
       if (d) {
@@ -121,7 +121,7 @@ var it = function() {
             try {
               Pt(g);
             } catch (v) {
-              n = n ?? [], v instanceof ot ? n = G(G([], J(n)), J(v.errors)) : n.push(v);
+              o = o ?? [], v instanceof nt ? o = G(G([], J(o)), J(v.errors)) : o.push(v);
             }
           }
         } catch (v) {
@@ -135,8 +135,8 @@ var it = function() {
           }
         }
       }
-      if (n)
-        throw new ot(n);
+      if (o)
+        throw new nt(o);
     }
   }, s.prototype.add = function(t) {
     var e;
@@ -272,24 +272,24 @@ var Ae = function() {
 }(), bt = function(s) {
   W(t, s);
   function t(e, i, r) {
-    var n = s.call(this) || this, o;
+    var o = s.call(this) || this, n;
     if (w(e) || !e)
-      o = {
+      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);
@@ -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) {
@@ -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;
@@ -506,14 +506,14 @@ 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 || {});
+}($t), oe = /* @__PURE__ */ ((s) => (s.Loading = "loading", s.Ready = "ready", s))(oe || {});
 class kt {
   constructor(t, e) {
     this.state = new re(
@@ -540,7 +540,7 @@ class kt {
  * 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(), Nt = /* @__PURE__ */ new WeakMap();
-let oe = class {
+let ne = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== _t)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -559,15 +559,15 @@ 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);
+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);
@@ -631,16 +631,16 @@ let I = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = Me(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) {
@@ -733,19 +733,19 @@ let I = 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 I = 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;
@@ -844,22 +844,22 @@ function de(s, t) {
 }
 const Fe = (s, t) => {
   const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : "", o = M;
+  let r, o = t === 2 ? "<svg>" : "", n = M;
   for (let a = 0; a < e; a++) {
     const c = s[a];
     let h, l, d = -1, p = 0;
-    for (; p < c.length && (o.lastIndex = p, l = o.exec(c), l !== null); )
-      p = o.lastIndex, o === M ? l[1] === "!--" ? o = Lt : l[1] !== void 0 ? o = Dt : l[2] !== void 0 ? (le.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = S) : l[3] !== void 0 && (o = S) : o === S ? l[0] === ">" ? (o = r ?? M, d = -1) : l[1] === void 0 ? d = -2 : (d = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? S : l[3] === '"' ? zt : Bt) : o === zt || o === Bt ? o = S : o === Lt || o === Dt ? o = M : (o = S, r = void 0);
-    const f = o === S && s[a + 1].startsWith("/>") ? " " : "";
-    n += o === M ? c + Be : d >= 0 ? (i.push(h), c.slice(0, d) + ae + c.slice(d) + x + f) : c + x + (d === -2 ? a : f);
+    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 [de(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [de(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
 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 = z.createElement(h, i), P.currentNode = this.el.content, e === 2) {
       const d = this.el.content.firstChild;
@@ -870,28 +870,28 @@ class z {
         if (r.hasAttributes())
           for (const d of r.getAttributeNames())
             if (d.endsWith(ae)) {
-              const p = l[o++], f = r.getAttribute(d).split(x), g = /([.?@])?(.*)/.exec(p);
-              c.push({ type: 1, index: n, name: g[2], strings: f, ctor: g[1] === "." ? Ye : g[1] === "?" ? qe : g[1] === "@" ? Ke : st }), r.removeAttribute(d);
+              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
-              d.startsWith(x) && (c.push({ type: 6, index: n }), r.removeAttribute(d));
+              d.startsWith(x) && (c.push({ type: 6, index: o }), r.removeAttribute(d));
         if (le.test(r.tagName)) {
           const d = r.textContent.split(x), p = d.length - 1;
           if (p > 0) {
             r.textContent = Q ? Q.emptyScript : "";
             for (let f = 0; f < p; f++)
-              r.append(d[f], D()), P.nextNode(), c.push({ type: 2, index: ++n });
+              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 d = -1;
           for (; (d = r.data.indexOf(x, d + 1)) !== -1; )
-            c.push({ type: 7, index: n }), d += x.length - 1;
+            c.push({ type: 7, index: o }), d += x.length - 1;
         }
-      n++;
+      o++;
     }
   }
   static createElement(t, e) {
@@ -900,12 +900,12 @@ class z {
   }
 }
 function k(s, t, e = s, i) {
-  var o, a;
+  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 = B(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 = k(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) {
@@ -920,13 +920,13 @@ class Ve {
   u(t) {
     const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
     P.currentNode = r;
-    let n = P.nextNode(), o = 0, a = 0, c = i[0];
+    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 F(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 = P.nextNode(), o++);
+      n !== (c == null ? void 0 : c.index) && (o = P.nextNode(), n++);
     }
     return P.currentNode = O, r;
   }
@@ -968,13 +968,13 @@ class F {
     this._$AH !== u && B(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    var n;
+    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 (((n = this._$AH) == null ? void 0 : n._$AD) === r)
+    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) {
@@ -985,8 +985,8 @@ class F {
     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 F(this.S(D()), this.S(D()), 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,21 +1008,21 @@ class st {
   get _$AU() {
     return this._$AM._$AU;
   }
-  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;
+  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 = k(this, t, e, 0), o = !B(t) || t !== this._$AH && t !== T, 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 = k(this, a[i + c], e, c), h === T && (h = this._$AH[c]), o || (o = !B(h) || h !== this._$AH[c]), h === u ? t = u : t !== u && (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 === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -1045,14 +1045,14 @@ class qe extends st {
   }
 }
 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 = k(this, t, e, 0) ?? u) === T)
       return;
-    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;
+    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;
@@ -1076,8 +1076,8 @@ 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 F(t.insertBefore(D(), 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;
 };
@@ -1123,29 +1123,29 @@ dt == null || dt({ LitElement: _ });
  */
 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,8 +1157,8 @@ 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 _ {
@@ -1250,7 +1250,7 @@ const L = (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,14 +1261,14 @@ 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++)
-          L(i[n], !1), tt(i[n]);
+        for (let o = e; o < i.length; o++)
+          L(i[o], !1), tt(i[o]);
       else
         i != null && (L(i, !1), tt(i));
     else
       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 pe {
@@ -1295,7 +1295,7 @@ class fe extends pe {
   reconnected() {
   }
 }
-const oi = /* @__PURE__ */ new WeakMap();
+const ni = /* @__PURE__ */ new WeakMap();
 let Ft = 0;
 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;
@@ -1340,7 +1340,7 @@ class li extends fe {
     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 = pt.get(this.options.inId);
-      if (n) {
+      const o = pt.get(this.options.inId);
+      if (o) {
         pt.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 { 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, {}]);
     }
@@ -1415,8 +1415,8 @@ class li extends fe {
       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,14 +1454,14 @@ 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];
@@ -1470,11 +1470,11 @@ class li extends fe {
         if (h === void 0 || l === void 0)
           continue;
         const p = d(h, l);
-        p.transform !== void 0 && (a[c] = p.value, o = !0, r.transform = `${r.transform ?? ""} ${p.transform}`, p.overrideFrom !== void 0 && Object.assign(r, p.overrideFrom));
+        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;
@@ -1517,24 +1517,24 @@ const Jt = Ct(class extends pe {
   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 T;
   }
 }), b = (s, t, e) => {
   s && e.style.setProperty(t, s);
 }, ge = (s, t) => {
-  var e, i, r, n, o, a, c, h, l;
+  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",
@@ -1544,11 +1544,11 @@ const Jt = Ct(class extends pe {
     "--secondary-background",
     t
   ), b(
-    (n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
+    (o = s.colors) == null ? void 0 : o.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
   ), b(
-    (o = s.colors) == null ? void 0 : o.interactiveDestructiveBackground,
+    (n = s.colors) == null ? void 0 : n.interactiveDestructiveBackground,
     "--destructive-color",
     t
   ), b(
@@ -1602,8 +1602,8 @@ const ft = /* @__PURE__ */ new WeakMap(), ve = Ct(class extends fe {
   }
 });
 var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, V = (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);
+  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 A extends _ {
@@ -1624,7 +1624,7 @@ class A extends _ {
       );
       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;
@@ -1638,8 +1638,8 @@ class A extends _ {
     const i = (h = this.application) == null ? void 0 : h.triggerIcon;
     if (!i)
       return u;
-    const r = async (l) => pi, { type: n, content: o } = i;
-    switch (n) {
+    const r = async (l) => pi, { type: o, content: n } = i;
+    switch (o) {
       case "Telia": {
         const l = await r();
         return l ? R`<telia-icon
@@ -1872,8 +1872,8 @@ V([
   U()
 ], 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, 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 ? 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) => {
@@ -2018,19 +2018,19 @@ let _i = class extends Event {
 };
 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);
@@ -2053,42 +2053,42 @@ function Ai({ 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 Gt(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 _ {
+class ot extends _ {
   constructor() {
     super(...arguments), this.nodes = [], this.wrapperRef = me();
   }
@@ -2116,11 +2116,11 @@ class nt extends _ {
     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 === $.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, (n) => n)}
+      ${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;
@@ -2147,6 +2147,7 @@ nt.styles = N`
 
       --header-height: 69px;
     }
+
     :host {
       --voca-rem-multiplier: 0.625;
       box-sizing: border-box;
@@ -2163,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;
@@ -2188,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;
       }
     }
 
@@ -2208,12 +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);
     }
+
     @keyframes slideDown {
       from {
         transform: translateY(0);
@@ -2224,6 +2233,7 @@ nt.styles = N`
         opacity: 0;
       }
     }
+
     @keyframes slideUp {
       from {
         transform: translateY(100%);
@@ -2234,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;
@@ -2247,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();
@@ -2284,11 +2296,11 @@ class Pi {
           // 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);
@@ -2408,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 = $.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 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);
     }
@@ -2531,12 +2543,12 @@ class ki {
     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);
       }
     });
   }
@@ -2569,13 +2581,13 @@ class Ni {
       (i) => i.autoActivate
     );
     (((e = this.site) == null ? void 0 : e.triggers) || []).filter((i) => i.triggerType === "visit").forEach((i) => {
-      const r = window.location.pathname, n = i.condition.outputs || [];
-      i.condition.type === "url" && n.forEach((o) => {
-        const a = o.action.type === "render_widget";
-        if ((o.value === r || o.value === "*") && a) {
+      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(o.action.data);
+            h = JSON.parse(n.action.data);
           } catch {
             h = {
               widgetId: ""
@@ -2615,16 +2627,16 @@ class Ni {
     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 kt(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;
@@ -2692,8 +2704,8 @@ class Ui {
   }
 }
 var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Et = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? ji(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 ? 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 Y extends _ {
@@ -2747,7 +2759,7 @@ Et([
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", rt);
 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-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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-core-flamingo",
-  "version": "1.1.72-rc.24",
+  "version": "1.1.72-rc.26",
   "dependencies": {
     "lit": "^3.0.2",
     "@teliads/icons": "^8.4.0",