@telia-ace/widget-components-area-flamingo 1.1.75 → 1.1.76-rc.0

package/{area-0debe139.mjs → area-3b36f4f8.mjs}

@@ -23,14 +23,14 @@ let Kt = class {
     return this.cssText;
   }
 };
-const ge = (s) => new Kt(typeof s == "string" ? s : s + "", void 0, vt), P = (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]);
+const ge = (s) => new Kt(typeof s == "string" ? s : s + "", void 0, vt), O = (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 Kt(e, s, vt);
 }, ve = (s, t) => {
   if (gt)
@@ -51,7 +51,7 @@ const ge = (s) => new Kt(typeof s == "string" ? s : s + "", void 0, vt), P = (s,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: me, defineProperty: ye, getOwnPropertyDescriptor: be, getOwnPropertyNames: $e, getOwnPropertySymbols: _e, getPrototypeOf: we } = Object, $ = globalThis, Et = $.trustedTypes, Ae = Et ? Et.emptyScript : "", et = $.reactiveElementPolyfillSupport, j = (s, t) => s, Z = { toAttribute(s, t) {
+const { is: me, defineProperty: ye, getOwnPropertyDescriptor: be, getOwnPropertyNames: $e, getOwnPropertySymbols: _e, getPrototypeOf: we } = Object, _ = globalThis, Et = _.trustedTypes, Ae = Et ? Et.emptyScript : "", et = _.reactiveElementPolyfillSupport, M = (s, t) => s, Z = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
       s = s ? Ae : null;
@@ -80,8 +80,8 @@ const { is: me, defineProperty: ye, getOwnPropertyDescriptor: be, getOwnProperty
   }
   return e;
 } }, mt = (s, t) => !me(s, t), Pt = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let T = class extends HTMLElement {
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), _.litPropertyMetadata ?? (_.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let k = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -95,31 +95,31 @@ let T = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = be(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = be(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) ?? Pt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(j("elementProperties")))
+    if (this.hasOwnProperty(M("elementProperties")))
       return;
     const t = we(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(j("finalized")))
+    if (this.hasOwnProperty(M("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
       const e = this.properties, i = [...$e(e), ..._e(e)];
       for (const r of i)
         this.createProperty(r, e[r]);
@@ -197,19 +197,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 : Z).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 : Z).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 : Z;
-      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 : Z;
+      this._$Em = r, this[r] = a.fromAttribute(e, n.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, i) {
@@ -242,21 +242,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;
@@ -292,15 +292,15 @@ 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(), et == null || et({ ReactiveElement: T }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[M("elementProperties")] = /* @__PURE__ */ new Map(), k[M("finalized")] = /* @__PURE__ */ new Map(), et == null || et({ ReactiveElement: k }), (_.reactiveElementVersions ?? (_.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, K = M.trustedTypes, Ot = K ? K.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Gt = "$lit$", b = `lit$${(Math.random() + "").slice(9)}$`, Xt = "?" + b, xe = `<${Xt}>`, S = document, L = () => S.createComment(""), H = (s) => s === null || typeof s != "object" && typeof s != "function", Jt = Array.isArray, Ce = (s) => Jt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", it = `[ 	
-\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, Ut = />/g, w = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), kt = /'/g, Rt = /"/g, Qt = /^(?:script|style|textarea|title)$/i, Se = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), x = Se(1), E = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), C = S.createTreeWalker(S, 129);
+const N = globalThis, K = N.trustedTypes, Ot = K ? K.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Gt = "$lit$", $ = `lit$${(Math.random() + "").slice(9)}$`, Xt = "?" + $, xe = `<${Xt}>`, E = document, H = () => E.createComment(""), I = (s) => s === null || typeof s != "object" && typeof s != "function", Jt = Array.isArray, Ce = (s) => Jt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", it = `[ 	
+\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, kt = />/g, A = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ut = /'/g, Rt = /"/g, Qt = /^(?:script|style|textarea|title)$/i, Se = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), C = Se(1), P = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), S = E.createTreeWalker(E, 129);
 function te(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -308,68 +308,68 @@ function te(s, t) {
 }
 const Ee = (s, t) => {
   const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : "", o = R;
+  let r, o = t === 2 ? "<svg>" : "", n = j;
   for (let a = 0; a < e; a++) {
     const c = s[a];
     let h, l, p = -1, d = 0;
-    for (; d < c.length && (o.lastIndex = d, l = o.exec(c), l !== null); )
-      d = o.lastIndex, o === R ? l[1] === "!--" ? o = Tt : l[1] !== void 0 ? o = Ut : l[2] !== void 0 ? (Qt.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = w) : l[3] !== void 0 && (o = w) : o === w ? l[0] === ">" ? (o = r ?? R, p = -1) : l[1] === void 0 ? p = -2 : (p = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? w : l[3] === '"' ? Rt : kt) : o === Rt || o === kt ? o = w : o === Tt || o === Ut ? o = R : (o = w, r = void 0);
-    const f = o === w && s[a + 1].startsWith("/>") ? " " : "";
-    n += o === R ? c + xe : p >= 0 ? (i.push(h), c.slice(0, p) + Gt + c.slice(p) + b + f) : c + b + (p === -2 ? a : f);
+    for (; d < c.length && (n.lastIndex = d, l = n.exec(c), l !== null); )
+      d = n.lastIndex, n === j ? l[1] === "!--" ? n = Tt : l[1] !== void 0 ? n = kt : l[2] !== void 0 ? (Qt.test(l[2]) && (r = RegExp("</" + l[2], "g")), n = A) : l[3] !== void 0 && (n = A) : n === A ? l[0] === ">" ? (n = r ?? j, p = -1) : l[1] === void 0 ? p = -2 : (p = n.lastIndex - l[2].length, h = l[1], n = l[3] === void 0 ? A : l[3] === '"' ? Rt : Ut) : n === Rt || n === Ut ? n = A : n === Tt || n === kt ? n = j : (n = A, r = void 0);
+    const f = n === A && s[a + 1].startsWith("/>") ? " " : "";
+    o += n === j ? c + xe : p >= 0 ? (i.push(h), c.slice(0, p) + Gt + c.slice(p) + $ + f) : c + $ + (p === -2 ? a : f);
   }
-  return [te(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [te(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class I {
+class D {
   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] = Ee(t, e);
-    if (this.el = I.createElement(h, i), C.currentNode = this.el.content, e === 2) {
+    if (this.el = D.createElement(h, i), S.currentNode = this.el.content, e === 2) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (r = C.nextNode()) !== null && c.length < a; ) {
+    for (; (r = S.nextNode()) !== null && c.length < a; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes())
           for (const p of r.getAttributeNames())
             if (p.endsWith(Gt)) {
-              const d = l[o++], f = r.getAttribute(p).split(b), O = /([.?@])?(.*)/.exec(d);
-              c.push({ type: 1, index: n, name: O[2], strings: f, ctor: O[1] === "." ? Oe : O[1] === "?" ? Te : O[1] === "@" ? Ue : Q }), r.removeAttribute(p);
+              const d = l[n++], f = r.getAttribute(p).split($), T = /([.?@])?(.*)/.exec(d);
+              c.push({ type: 1, index: o, name: T[2], strings: f, ctor: T[1] === "." ? Oe : T[1] === "?" ? Te : T[1] === "@" ? ke : Q }), r.removeAttribute(p);
             } else
-              p.startsWith(b) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
+              p.startsWith($) && (c.push({ type: 6, index: o }), r.removeAttribute(p));
         if (Qt.test(r.tagName)) {
-          const p = r.textContent.split(b), d = p.length - 1;
+          const p = r.textContent.split($), d = p.length - 1;
           if (d > 0) {
             r.textContent = K ? K.emptyScript : "";
             for (let f = 0; f < d; f++)
-              r.append(p[f], L()), C.nextNode(), c.push({ type: 2, index: ++n });
-            r.append(p[d], L());
+              r.append(p[f], H()), S.nextNode(), c.push({ type: 2, index: ++o });
+            r.append(p[d], H());
           }
         }
       } else if (r.nodeType === 8)
         if (r.data === Xt)
-          c.push({ type: 2, index: n });
+          c.push({ type: 2, index: o });
         else {
           let p = -1;
-          for (; (p = r.data.indexOf(b, p + 1)) !== -1; )
-            c.push({ type: 7, index: n }), p += b.length - 1;
+          for (; (p = r.data.indexOf($, p + 1)) !== -1; )
+            c.push({ type: 7, index: o }), p += $.length - 1;
         }
-      n++;
+      o++;
     }
   }
   static createElement(t, e) {
-    const i = S.createElement("template");
+    const i = E.createElement("template");
     return i.innerHTML = t, i;
   }
 }
 function U(s, t, e = s, i) {
-  var o, a;
-  if (t === E)
+  var n, a;
+  if (t === P)
     return t;
-  let r = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
-  const n = H(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 = U(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 = I(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 = U(s, r._$AS(s, t.values), r, i)), t;
 }
 class Pe {
   constructor(t, e) {
@@ -382,17 +382,17 @@ class Pe {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? S).importNode(e, !0);
-    C.currentNode = r;
-    let n = C.nextNode(), o = 0, a = 0, c = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? E).importNode(e, !0);
+    S.currentNode = r;
+    let o = S.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 D(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new ke(n, this, t)), this._$AV.push(h), c = i[++a];
+        c.type === 2 ? h = new B(o, o.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (h = new Ue(o, this, t)), this._$AV.push(h), c = i[++a];
       }
-      o !== (c == null ? void 0 : c.index) && (n = C.nextNode(), o++);
+      n !== (c == null ? void 0 : c.index) && (o = S.nextNode(), n++);
     }
-    return C.currentNode = S, r;
+    return S.currentNode = E, r;
   }
   p(t) {
     let e = 0;
@@ -400,7 +400,7 @@ class Pe {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class D {
+class B {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -420,7 +420,7 @@ class D {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = U(this, t, e), H(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ce(t) ? this.k(t) : this._(t);
+    t = U(this, t, e), I(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ce(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -429,28 +429,28 @@ class D {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== u && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(S.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && I(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.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 = I.createElement(te(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 = D.createElement(te(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 Pe(r, this), a = o.u(this.options);
-      o.p(e), this.T(a), this._$AH = o;
+      const n = new Pe(r, this), a = n.u(this.options);
+      n.p(e), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
     let e = jt.get(t.strings);
-    return e === void 0 && jt.set(t.strings, e = new I(t)), e;
+    return e === void 0 && jt.set(t.strings, e = new D(t)), e;
   }
   k(t) {
     Jt(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 D(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 B(this.S(H()), this.S(H()), 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) {
@@ -472,21 +472,21 @@ class Q {
   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 = U(this, t, e, 0), o = !H(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0)
+      t = U(this, t, e, 0), n = !I(t) || t !== this._$AH && t !== P, n && (this._$AH = t);
     else {
       const a = t;
       let c, h;
-      for (t = n[0], c = 0; c < n.length - 1; c++)
-        h = U(this, a[i + c], e, c), h === E && (h = this._$AH[c]), o || (o = !H(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 = U(this, a[i + c], e, c), h === P && (h = this._$AH[c]), n || (n = !I(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 ?? "");
@@ -508,22 +508,22 @@ class Te extends Q {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
-class Ue extends Q {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
+class ke extends Q {
+  constructor(t, e, i, r, o) {
+    super(t, e, i, r, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = U(this, t, e, 0) ?? u) === E)
+    if ((t = U(this, t, e, 0) ?? u) === P)
       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;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class ke {
+class Ue {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -534,14 +534,14 @@ class ke {
     U(this, t);
   }
 }
-const st = M.litHtmlPolyfillSupport;
-st == null || st(I, D), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.1.2");
+const st = N.litHtmlPolyfillSupport;
+st == null || st(D, B), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.1.2");
 const Re = (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 D(t.insertBefore(L(), n), n, void 0, e ?? {});
+    const o = (e == null ? void 0 : e.renderBefore) ?? null;
+    i._$litPart$ = r = new B(t.insertBefore(H(), o), o, void 0, e ?? {});
   }
   return r._$AI(s), r;
 };
@@ -550,7 +550,7 @@ const Re = (s, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let m = class extends T {
+let m = class extends k {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -572,7 +572,7 @@ let m = class extends T {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return E;
+    return P;
   }
 };
 var Zt;
@@ -600,7 +600,7 @@ var lt = function(s, t) {
       Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
   }, lt(s, t);
 };
-function B(s, t) {
+function z(s, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
   lt(s, t);
@@ -625,29 +625,29 @@ function G(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 X(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 y(s) {
+function b(s) {
   return typeof s == "function";
 }
 function ie(s) {
@@ -656,7 +656,7 @@ function ie(s) {
   }, e = s(t);
   return e.prototype = Object.create(Error.prototype), e.prototype.constructor = e, e;
 }
-var nt = ie(function(s) {
+var ot = ie(function(s) {
   return function(e) {
     s(this), this.message = e ? e.length + ` errors occurred during unsubscription:
 ` + e.map(function(i, r) {
@@ -676,14 +676,14 @@ var tt = 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 = pt(o), c = a.next(); !c.done; c = a.next()) {
+            for (var a = pt(n), c = a.next(); !c.done; c = a.next()) {
               var h = c.value;
               h.remove(this);
             }
@@ -698,24 +698,24 @@ var tt = function() {
             }
           }
         else
-          o.remove(this);
+          n.remove(this);
       var l = this.initialTeardown;
-      if (y(l))
+      if (b(l))
         try {
           l();
         } catch (v) {
-          n = v instanceof nt ? v.errors : [v];
+          o = v instanceof ot ? v.errors : [v];
         }
       var p = this._finalizers;
       if (p) {
         this._finalizers = null;
         try {
           for (var d = pt(p), f = d.next(); !f.done; f = d.next()) {
-            var O = f.value;
+            var T = f.value;
             try {
-              Mt(O);
+              Mt(T);
             } catch (v) {
-              n = n ?? [], v instanceof nt ? n = X(X([], G(n)), G(v.errors)) : n.push(v);
+              o = o ?? [], v instanceof ot ? o = X(X([], G(o)), G(v.errors)) : o.push(v);
             }
           }
         } catch (v) {
@@ -729,8 +729,8 @@ var tt = function() {
           }
         }
       }
-      if (n)
-        throw new nt(n);
+      if (o)
+        throw new ot(o);
     }
   }, s.prototype.add = function(t) {
     var e;
@@ -763,12 +763,12 @@ var tt = function() {
   }(), s;
 }(), se = tt.EMPTY;
 function re(s) {
-  return s instanceof tt || s && "closed" in s && y(s.remove) && y(s.add) && y(s.unsubscribe);
+  return s instanceof tt || s && "closed" in s && b(s.remove) && b(s.add) && b(s.unsubscribe);
 }
 function Mt(s) {
-  y(s) ? s() : s.unsubscribe();
+  b(s) ? s() : s.unsubscribe();
 }
-var ne = {
+var oe = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
@@ -797,8 +797,8 @@ function Nt() {
 function q(s) {
   s();
 }
-var oe = function(s) {
-  B(t, s);
+var ne = function(s) {
+  z(t, s);
   function t(e) {
     var i = s.call(this) || this;
     return i.isStopped = !1, e ? (i.destination = e, re(e) && e.add(i)) : i.destination = He, i;
@@ -829,7 +829,7 @@ var oe = function(s) {
     }
   }, t;
 }(tt), Me = Function.prototype.bind;
-function ot(s, t) {
+function nt(s, t) {
   return Me.call(s, t);
 }
 var Ne = function() {
@@ -842,7 +842,7 @@ var Ne = function() {
       try {
         e.next(t);
       } catch (i) {
-        W(i);
+        F(i);
       }
   }, s.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -850,44 +850,44 @@ var Ne = function() {
       try {
         e.error(t);
       } catch (i) {
-        W(i);
+        F(i);
       }
     else
-      W(t);
+      F(t);
   }, s.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        W(e);
+        F(e);
       }
   }, s;
 }(), ft = function(s) {
-  B(t, s);
+  z(t, s);
   function t(e, i, r) {
-    var n = s.call(this) || this, o;
-    if (y(e) || !e)
-      o = {
+    var o = s.call(this) || this, n;
+    if (b(e) || !e)
+      n = {
         next: e ?? void 0,
         error: i ?? void 0,
         complete: r ?? void 0
       };
     else {
       var a;
-      n && ne.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
-        return n.unsubscribe();
-      }, o = {
-        next: e.next && ot(e.next, a),
-        error: e.error && ot(e.error, a),
-        complete: e.complete && ot(e.complete, a)
-      }) : o = e;
+      o && oe.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
+        return o.unsubscribe();
+      }, n = {
+        next: e.next && nt(e.next, a),
+        error: e.error && nt(e.error, a),
+        complete: e.complete && nt(e.complete, a)
+      }) : n = e;
     }
-    return n.destination = new Ne(o), n;
+    return o.destination = new Ne(n), o;
   }
   return t;
-}(oe);
-function W(s) {
+}(ne);
+function F(s) {
   je(s);
 }
 function Le(s) {
@@ -919,11 +919,11 @@ var Lt = function() {
     var e = new s();
     return e.source = this, e.operator = t, e;
   }, s.prototype.subscribe = function(t, e, i) {
-    var r = this, n = Ve(t) ? t : new ft(t, e, i);
+    var r = this, o = Ve(t) ? t : new ft(t, e, i);
     return q(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);
@@ -932,19 +932,19 @@ var Lt = function() {
     }
   }, s.prototype.forEach = function(t, e) {
     var i = this;
-    return e = Ht(e), new e(function(r, n) {
-      var o = new ft({
+    return e = Ht(e), new e(function(r, o) {
+      var n = new ft({
         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;
@@ -958,13 +958,13 @@ var Lt = function() {
   }, s.prototype.toPromise = function(t) {
     var e = this;
     return t = Ht(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) {
@@ -973,20 +973,20 @@ var Lt = function() {
 }();
 function Ht(s) {
   var t;
-  return (t = s ?? ne.Promise) !== null && t !== void 0 ? t : Promise;
+  return (t = s ?? oe.Promise) !== null && t !== void 0 ? t : Promise;
 }
 function ze(s) {
-  return s && y(s.next) && y(s.error) && y(s.complete);
+  return s && b(s.next) && b(s.error) && b(s.complete);
 }
 function Ve(s) {
-  return s && s instanceof oe || ze(s) && re(s);
+  return s && s instanceof ne || ze(s) && re(s);
 }
 var We = ie(function(s) {
   return function() {
     s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
 }), yt = function(s) {
-  B(t, s);
+  z(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;
@@ -1000,11 +1000,11 @@ var We = ie(function(s) {
   }, t.prototype.next = function(e) {
     var i = this;
     q(function() {
-      var r, n;
+      var r, o;
       if (i._throwIfClosed(), !i.isStopped) {
         i.currentObservers || (i.currentObservers = Array.from(i.observers));
         try {
-          for (var o = pt(i.currentObservers), a = o.next(); !a.done; a = o.next()) {
+          for (var n = pt(i.currentObservers), a = n.next(); !a.done; a = n.next()) {
             var c = a.value;
             c.next(e);
           }
@@ -1012,7 +1012,7 @@ var We = ie(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;
@@ -1052,13 +1052,13 @@ var We = ie(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 ? se : (this.currentObservers = null, a.push(e), new tt(function() {
+    var i = this, r = this, o = r.hasError, n = r.isStopped, a = r.observers;
+    return o || n ? se : (this.currentObservers = null, a.push(e), new tt(function() {
       i.currentObservers = null, ut(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 Lt();
     return e.source = this, e;
@@ -1066,7 +1066,7 @@ var We = ie(function(s) {
     return new It(e, i);
   }, t;
 }(Lt), It = function(s) {
-  B(t, s);
+  z(t, s);
   function t(e, i) {
     var r = s.call(this) || this;
     return r.destination = e, r.source = i, r;
@@ -1085,7 +1085,7 @@ var We = ie(function(s) {
     return (r = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && r !== void 0 ? r : se;
   }, t;
 }(yt), Fe = function(s) {
-  B(t, s);
+  z(t, s);
   function t(e) {
     var i = s.call(this) || this;
     return i._value = e, i;
@@ -1100,10 +1100,10 @@ var We = ie(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;
@@ -1115,29 +1115,29 @@ var We = ie(function(s) {
  */
 const Ye = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt }, qe = (s = Ye, 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 g(s) {
-  return (t, e) => typeof e == "object" ? qe(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" ? qe(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);
 }
 /**
@@ -1145,12 +1145,12 @@ function g(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function k(s) {
+function R(s) {
   return g({ ...s, state: !0, attribute: !1 });
 }
 var Ze = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, Ge = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ke(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 ? Ke(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 && Ze(t, e, r), r;
 };
 class bt extends m {
@@ -1166,7 +1166,7 @@ class bt extends m {
   }
 }
 bt.styles = [
-  P`
+  O`
       :host {
         position: fixed;
         display: flex;
@@ -1220,13 +1220,13 @@ const Xe = (s) => s.strings === void 0;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = (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), N(r, t);
+    (i = r._$AO) == null || i.call(r, t, !1), L(r, t);
   return !0;
 }, J = (s) => {
   let t, e;
@@ -1253,12 +1253,12 @@ function Qe(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++)
-          N(i[n], !1), J(i[n]);
+        for (let o = e; o < i.length; o++)
+          L(i[o], !1), J(i[o]);
       else
-        i != null && (N(i, !1), J(i));
+        i != null && (L(i, !1), J(i));
     else
-      N(this, s);
+      L(this, s);
 }
 const ti = (s) => {
   s.type == $t.CHILD && (s._$AP ?? (s._$AP = Qe), s._$AQ ?? (s._$AQ = Je));
@@ -1272,7 +1272,7 @@ class he extends ae {
   }
   _$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 && (N(this, t), J(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), J(this));
   }
   setValue(t) {
     if (Xe(this._$Ct))
@@ -1312,7 +1312,7 @@ const at = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new WeakSet(), zt = (
   const i = Wt(s, t);
   return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
 } }, si = { duration: 333, easing: "ease-in-out" }, ri = ["left", "top", "width", "height", "opacity", "color", "background"], Ft = /* @__PURE__ */ new WeakMap();
-class ni extends he {
+class oi extends he {
   constructor(t) {
     if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === $t.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
@@ -1341,7 +1341,7 @@ class ni extends he {
   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, Ft.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, Ft.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
   }
   p(t) {
     t = t ?? {};
@@ -1351,15 +1351,15 @@ class ni extends he {
   m() {
     const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
     return this.options.properties.forEach((r) => {
-      const n = e[r] ?? (ct[r] ? void 0 : i[r]), o = Number(n);
-      t[r] = isNaN(o) ? n + "" : o;
+      const o = e[r] ?? (ct[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;
@@ -1376,14 +1376,14 @@ class ni extends he {
     this.prepare(), await zt;
     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 = at.get(this.options.inId);
-      if (n) {
+      const o = at.get(this.options.inId);
+      if (o) {
         at.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, Dt++, t.forEach((c) => c.zIndex = Dt);
+        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, Dt++, t.forEach((c) => c.zIndex = Dt);
       } else
         this.options.in && (t = [...this.options.in, {}]);
     }
@@ -1407,8 +1407,8 @@ class ni extends he {
       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);
@@ -1446,14 +1446,14 @@ class ni extends he {
   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];
@@ -1462,11 +1462,11 @@ class ni extends he {
         if (h === void 0 || l === void 0)
           continue;
         const d = p(h, l);
-        d.transform !== void 0 && (a[c] = d.value, o = !0, r.transform = `${r.transform ?? ""} ${d.transform}`, d.overrideFrom !== void 0 && Object.assign(r, d.overrideFrom));
+        d.transform !== void 0 && (a[c] = d.value, n = !0, r.transform = `${r.transform ?? ""} ${d.transform}`, d.overrideFrom !== void 0 && Object.assign(r, d.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;
@@ -1491,7 +1491,7 @@ class ni extends he {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const oi = _t(ni), ai = { 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 ni = _t(oi), ai = { 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
@@ -1509,37 +1509,53 @@ const Yt = _t(class extends ae {
   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 E;
+    return P;
   }
-}), F = (s, t, e) => {
+}), y = (s, t, e) => {
   s && e.style.setProperty(t, s);
 }, le = (s, t) => {
-  var e, i, r, n;
-  F((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), F(
+  var e, i, r, o, n, a, c, h, l;
+  y((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), y(
     (i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
-  ), F(
+  ), y(
     (r = s.colors) == null ? void 0 : r.secondaryBackground,
     "--secondary-background",
     t
-  ), F(
-    (n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
+  ), y(
+    (o = s.colors) == null ? void 0 : o.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
-  );
+  ), y(
+    (n = s.colors) == null ? void 0 : n.interactiveDestructiveBackground,
+    "--destructive-color",
+    t
+  ), y(
+    (a = s.colors) == null ? void 0 : a.interactiveTextOnDestructiveBackground,
+    "--text-on-destructive-color",
+    t
+  ), y(
+    (c = s.colors) == null ? void 0 : c.interactivePrimaryBackground,
+    "--interactive-primary-background",
+    t
+  ), y(
+    (h = s.colors) == null ? void 0 : h.interactiveTextOnPrimaryBackground,
+    "--interactive-text-on-primary-background",
+    t
+  ), y((l = s.colors) == null ? void 0 : l.focusColor, "--focus-color", t);
 };
 /**
  * @license
@@ -1577,12 +1593,12 @@ const ht = /* @__PURE__ */ new WeakMap(), ue = _t(class extends he {
     this.rt(this.ct);
   }
 });
-var hi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? li(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+var hi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, V = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? li(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 && hi(t, e, r), r;
 };
-class _ extends m {
+class w extends m {
   constructor() {
     super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = pe(), this.widgetActive$ = new Fe(!1), this.componentIsDestroyed$ = new yt();
   }
@@ -1600,7 +1616,7 @@ class _ extends m {
       );
       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;
@@ -1610,15 +1626,15 @@ class _ extends m {
     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 x` <img src=${e} class="trigger-icon" alt="" /> `;
+      return C` <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) => ai, { type: n, content: o } = i;
-    switch (n) {
+    const r = async (l) => ai, { type: o, content: n } = i;
+    switch (o) {
       case "Telia": {
         const l = await r();
-        return l ? x`<telia-icon
+        return l ? C`<telia-icon
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
@@ -1636,19 +1652,19 @@ class _ extends m {
   }
   render() {
     var t, e, i, r;
-    return x`<div
+    return C`<div
       class=${Yt({
       "trigger-container": !0,
       hidden: !this.triggerVisible
     })}
       ${ue(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) ? x`
+      ${!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) ? C`
             <button
               label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
               class="trigger-label"
               @click=${this.toggleActive}
-              ${oi({
+              ${ni({
       keyframeOptions: {},
       in: ii,
       stabilizeOut: !0,
@@ -1700,23 +1716,27 @@ class _ extends m {
     </div>`;
   }
 }
-_.styles = [
-  P`
+w.styles = [
+  O`
       :host {
         --voca-rem-multiplier: 0.625;
         --trigger-label-bg: #f5e0ff;
         --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;
       }
@@ -1734,26 +1754,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);
@@ -1766,8 +1794,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;
@@ -1781,8 +1813,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 {
@@ -1791,8 +1827,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;
@@ -1812,24 +1848,24 @@ _.styles = [
       }
     `
 ];
-z([
+V([
   g({ attribute: !1 })
-], _.prototype, "application", 2);
-z([
-  k()
-], _.prototype, "active", 2);
-z([
-  k()
-], _.prototype, "triggerVisible", 2);
-z([
-  k()
-], _.prototype, "loaded", 2);
-z([
-  k()
-], _.prototype, "icon", 2);
-var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, A = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? ui(t, e) : t, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
+], w.prototype, "application", 2);
+V([
+  R()
+], w.prototype, "active", 2);
+V([
+  R()
+], w.prototype, "triggerVisible", 2);
+V([
+  R()
+], w.prototype, "loaded", 2);
+V([
+  R()
+], w.prototype, "icon", 2);
+var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, x = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? ui(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 && pi(t, e, r), r;
 };
 const de = (s) => {
@@ -1858,7 +1894,7 @@ const de = (s) => {
   }
   return t.styles = [
     // (superClass as unknown as typeof LitElement).styles ?? [],
-    P`
+    O`
         :host {
           font-family: var(--font-family);
           grid-column: span var(--width);
@@ -1871,29 +1907,29 @@ const de = (s) => {
           box-sizing: border-box;
         }
       `
-  ], A([
+  ], x([
     g()
-  ], t.prototype, "properties", 2), A([
+  ], t.prototype, "properties", 2), x([
     g()
-  ], t.prototype, "context", 2), A([
+  ], t.prototype, "context", 2), x([
     g()
-  ], t.prototype, "layout", 2), A([
+  ], t.prototype, "layout", 2), x([
     g()
-  ], t.prototype, "name", 2), A([
+  ], t.prototype, "name", 2), x([
     g()
-  ], t.prototype, "type", 2), A([
+  ], t.prototype, "type", 2), x([
     g({ attribute: !1 })
-  ], t.prototype, "application", 2), A([
+  ], t.prototype, "application", 2), x([
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
 class fe extends de(m) {
   render() {
-    return x`Non resolved component`;
+    return C`Non resolved component`;
   }
 }
 fe.styles = [
-  P`
+  O`
       :host {
         display: block;
       }
@@ -1962,19 +1998,19 @@ let gi = class extends Event {
 };
 class qt extends fi {
   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 di(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);
@@ -1997,38 +2033,38 @@ function vi({ 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 qt(o, { context: s }));
+      t.constructor.addInitializer((n) => {
+        i.set(n, new qt(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 mi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, bi = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? yi(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 ? yi(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 $i = "application";
@@ -2059,12 +2095,12 @@ class At extends m {
   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 === wt.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")), x`<div class="widget-container" ${ue(this.wrapperRef)}>
-      ${ee(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 === wt.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")), C`<div class="widget-container" ${ue(this.wrapperRef)}>
+      ${ee(this.nodes, (o) => o)}
     </div>`;
   }
 }
-At.styles = P`
+At.styles = O`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -2080,6 +2116,7 @@ At.styles = P`
       --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);
@@ -2090,6 +2127,7 @@ At.styles = P`
 
       --header-height: 69px;
     }
+
     :host {
       --voca-rem-multiplier: 0.625;
       box-sizing: border-box;
@@ -2106,23 +2144,27 @@ At.styles = P`
       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;
@@ -2131,11 +2173,13 @@ At.styles = P`
         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;
       }
     }
 
@@ -2151,14 +2195,14 @@ At.styles = P`
     * {
       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);
@@ -2169,6 +2213,7 @@ At.styles = P`
         opacity: 0;
       }
     }
+
     @keyframes slideUp {
       from {
         transform: translateY(100%);
@@ -2179,10 +2224,12 @@ At.styles = P`
         opacity: 1;
       }
     }
+
     :host(.expanded) {
       opacity: 1;
       animation: slideUp 0.3s linear;
     }
+
     :host(.hidden) {
       opacity: 0;
       animation: slideDown 0.3s linear;
@@ -2194,11 +2241,11 @@ bi([
   vi({ context: $i })
 ], At.prototype, "application", 2);
 var _i = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, xt = (s, t, e, i) => {
-  for (var r = i > 1 ? void 0 : i ? wi(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 ? 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 V extends m {
+class W extends m {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -2224,14 +2271,14 @@ class V extends m {
     if (!this.widget || this.status !== "activated")
       return u;
     if (this.widget.renderStrategy === wt.Trigger) {
-      const t = new _();
+      const t = new w();
       return t.application = this.widget, t;
     }
     return this.widget.render();
   }
 }
-V.styles = [
-  P`
+W.styles = [
+  O`
       :host {
         display: block;
       }
@@ -2239,18 +2286,18 @@ V.styles = [
 ];
 xt([
   g({ attribute: !0 })
-], V.prototype, "name", 2);
+], W.prototype, "name", 2);
 xt([
-  k()
-], V.prototype, "widget", 2);
+  R()
+], W.prototype, "widget", 2);
 xt([
-  k()
-], V.prototype, "status", 2);
+  R()
+], W.prototype, "status", 2);
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", bt);
-customElements.get("ace-trigger") || customElements.define("ace-trigger", _);
+customElements.get("ace-trigger") || customElements.define("ace-trigger", w);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", fe);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", At);
-customElements.get("ace-widget") || customElements.define("ace-widget", V);
+customElements.get("ace-widget") || customElements.define("ace-widget", W);
 const Ai = (s) => {
   const t = {};
   return Object.keys(s).forEach((e) => {
@@ -2271,11 +2318,11 @@ class Ci extends de(m) {
     return xi(this.renderRoot.host, this.properties), this.renderRoot.host.style.setProperty(
       "--columns",
       ((t = this.properties.columns) == null ? void 0 : t.toString()) || "1"
-    ), x`${ee(this.nodes, (e) => e)}`;
+    ), C`${ee(this.nodes, (e) => e)}`;
   }
 }
 Ci.styles = [
-  P`
+  O`
       :host {
         height: 100%;
         display: grid;