@telia-ace/widget-conversation-flamingo 1.0.0 → 1.0.2

package/dist/components/conversation/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAsB,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAa,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAM5D,OAAO,gDAAgD,CAAC;AAQxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAE3B,oBAAoB;AACpB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC;AAGnD,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BA4GpB;IAIK,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAE5C,OAAO,CAAC,QAAQ,CAA+B;IAEzC,QAAQ,CAAC,CAAC,EAAE,KAAK;IAKjB,cAAc,CAAC,CAAC,EAAE,KAAK;IAO7B,aAAa,CAAC,CAAC,EAAE,GAAG;IAIpB,cAAc,CACZ,CAAC,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAA;KAAE,CAAC;IAM9E,OAAO,EAAE,MAAM,CAAM;IAErB,sBAAsB,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAEjD,OAAO,CACd,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAcE,MAAM;CA2DhB;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAsB,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAa,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAM5D,OAAO,gDAAgD,CAAC;AAQxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAE3B,oBAAoB;AACpB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC;AAGnD,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAoHpB;IAIK,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAE5C,OAAO,CAAC,QAAQ,CAA+B;IAEzC,QAAQ,CAAC,CAAC,EAAE,KAAK;IAKjB,cAAc,CAAC,CAAC,EAAE,KAAK;IAO7B,aAAa,CAAC,CAAC,EAAE,GAAG;IAIpB,cAAc,CACZ,CAAC,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAA;KAAE,CAAC;IAM9E,OAAO,EAAE,MAAM,CAAM;IAErB,sBAAsB,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAEjD,OAAO,CACd,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAcE,MAAM;CA2DhB;AAED,eAAe,qBAAqB,CAAC"}

package/dist/components/conversation/ui/message-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-list.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/ui/message-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAUpB;IAGF,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,EAAE,CAAM;IAE5C,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,sBAAsB;IAWrB,MAAM;CA4BhB"}
+{"version":3,"file":"message-list.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/ui/message-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAcpB;IAGF,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,EAAE,CAAM;IAE5C,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,sBAAsB;IAWrB,MAAM;CA4BhB"}

package/dist/components/conversation/ui/message-types/message-type-html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-type-html.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAOpB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAErE,MAAM;CAKhB"}
+{"version":3,"file":"message-type-html.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAcpB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAErE,MAAM;CAKhB"}

package/dist/components/conversation/ui/message-types/message-type-link-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-type-link-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-link-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAmCpB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAElF,YAAY,CAAC,IAAI,EAAE,GAAG;IAYb,MAAM;CAkBhB"}
+{"version":3,"file":"message-type-link-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-link-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAyCpB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAElF,YAAY,CAAC,IAAI,EAAE,GAAG;IAYb,MAAM;CAkBhB"}

package/dist/components/conversation/ui/message-types/message-type-separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-type-separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAOpB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;IAE1E,MAAM;CAGhB"}
+{"version":3,"file":"message-type-separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/conversation/ui/message-types/message-type-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,mBAAmB,CAAC;AAE3B,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAapB;IAGF,OAAO,EAAG,wBAAwB,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC;IAE1E,MAAM;CAGhB"}

package/dist/components/conversation/ui/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/ui/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAGvD,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BA4EpB;IAGF,OAAO,EAAG,0BAA0B,CAAC;IAErC,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI;IA0B9C,MAAM;CA2DhB"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/ui/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAGvD,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAgFpB;IAGF,OAAO,EAAG,0BAA0B,CAAC;IAErC,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI;IA0B9C,MAAM;CA2DhB"}

package/dist/components/conversation/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,SAAU,WAAW,SAI7D,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,SAAU,WAAW,SAQ7D,CAAC"}

package/dist/{conversation-31b48ff2.js → conversation-2192822c.js}

@@ -26,14 +26,14 @@ var b = (s, t, e) => new Promise((i, n) => {
   }, l = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(o, r);
   l((e = e.apply(s, t)).next());
 });
-import { C as mt, W as cs, y as ds, V as hs } from "./index-d8edc7b3.js";
+import { C as mt, _ as cs, g as ds, j as hs } from "./index-1ee7f7b5.js";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const J = window, Ut = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, jt = Symbol(), Zt = /* @__PURE__ */ new WeakMap();
-let xe = class {
+let we = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== jt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -52,7 +52,7 @@ let xe = class {
     return this.cssText;
   }
 };
-const us = (s) => new xe(typeof s == "string" ? s : s + "", void 0, jt), B = (s, ...t) => {
+const us = (s) => new we(typeof s == "string" ? s : s + "", void 0, jt), z = (s, ...t) => {
   const e = s.length === 1 ? s[0] : t.reduce((i, n, o) => i + ((r) => {
     if (r._$cssResult$ === !0)
       return r.cssText;
@@ -60,7 +60,7 @@ const us = (s) => new xe(typeof s == "string" ? s : s + "", void 0, jt), B = (s,
       return r;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + s[o + 1], s[0]);
-  return new xe(e, s, jt);
+  return new we(e, s, jt);
 }, ps = (s, t) => {
   Ut ? s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
     const i = document.createElement("style"), n = J.litNonce;
@@ -295,9 +295,9 @@ L[Ot] = !0, L.elementProperties = /* @__PURE__ */ new Map(), L.elementStyles = [
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var _t;
-const tt = window, I = tt.trustedTypes, Yt = I ? I.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pt = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + w, fs = `<${Ce}>`, O = document, G = () => O.createComment(""), Z = (s) => s === null || typeof s != "object" && typeof s != "function", ke = Array.isArray, vs = (s) => ke(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", At = `[ 	
+const tt = window, I = tt.trustedTypes, Yt = I ? I.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pt = "$lit$", x = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + x, fs = `<${Ce}>`, O = document, G = () => O.createComment(""), Z = (s) => s === null || typeof s != "object" && typeof s != "function", ke = Array.isArray, vs = (s) => ke(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", At = `[ 	
 \f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Xt = /-->/g, Jt = />/g, k = RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Vt = /'/g, te = /"/g, Te = /^(?:script|style|textarea|title)$/i, gs = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), f = gs(1), x = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), ee = /* @__PURE__ */ new WeakMap(), T = O.createTreeWalker(O, 129, null, !1);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Vt = /'/g, te = /"/g, Te = /^(?:script|style|textarea|title)$/i, gs = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), f = gs(1), w = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), ee = /* @__PURE__ */ new WeakMap(), T = O.createTreeWalker(O, 129, null, !1);
 function Oe(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -312,7 +312,7 @@ const ms = (s, t) => {
     for (; u < a.length && (r.lastIndex = u, d = r.exec(a), d !== null); )
       u = r.lastIndex, r === F ? d[1] === "!--" ? r = Xt : d[1] !== void 0 ? r = Jt : d[2] !== void 0 ? (Te.test(d[2]) && (n = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = n != null ? n : F, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? te : Vt) : r === te || r === Vt ? r = k : r === Xt || r === Jt ? r = F : (r = k, n = void 0);
     const $ = r === k && s[l + 1].startsWith("/>") ? " " : "";
-    o += r === F ? a + fs : h >= 0 ? (i.push(c), a.slice(0, h) + Pt + a.slice(h) + w + $) : a + w + (h === -2 ? (i.push(void 0), l) : $);
+    o += r === F ? a + fs : h >= 0 ? (i.push(c), a.slice(0, h) + Pt + a.slice(h) + x + $) : a + x + (h === -2 ? (i.push(void 0), l) : $);
   }
   return [Oe(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
@@ -331,10 +331,10 @@ let Ht = class Pe {
         if (n.hasAttributes()) {
           const h = [];
           for (const u of n.getAttributeNames())
-            if (u.endsWith(Pt) || u.startsWith(w)) {
+            if (u.endsWith(Pt) || u.startsWith(x)) {
               const $ = d[r++];
               if (h.push(u), $ !== void 0) {
-                const C = n.getAttribute($.toLowerCase() + Pt).split(w), S = /([.?@])?(.*)/.exec($);
+                const C = n.getAttribute($.toLowerCase() + Pt).split(x), S = /([.?@])?(.*)/.exec($);
                 a.push({ type: 1, index: o, name: S[2], strings: C, ctor: S[1] === "." ? bs : S[1] === "?" ? As : S[1] === "@" ? Ss : ht });
               } else
                 a.push({ type: 6, index: o });
@@ -343,7 +343,7 @@ let Ht = class Pe {
             n.removeAttribute(u);
         }
         if (Te.test(n.tagName)) {
-          const h = n.textContent.split(w), u = h.length - 1;
+          const h = n.textContent.split(x), u = h.length - 1;
           if (u > 0) {
             n.textContent = I ? I.emptyScript : "";
             for (let $ = 0; $ < u; $++)
@@ -356,8 +356,8 @@ let Ht = class Pe {
           a.push({ type: 2, index: o });
         else {
           let h = -1;
-          for (; (h = n.data.indexOf(w, h + 1)) !== -1; )
-            a.push({ type: 7, index: o }), h += w.length - 1;
+          for (; (h = n.data.indexOf(x, h + 1)) !== -1; )
+            a.push({ type: 7, index: o }), h += x.length - 1;
         }
       o++;
     }
@@ -369,7 +369,7 @@ let Ht = class Pe {
 };
 function D(s, t, e = s, i) {
   var n, o, r, l;
-  if (t === x)
+  if (t === w)
     return t;
   let a = i !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[i] : e._$Cl;
   const c = Z(t) ? void 0 : t._$litDirective$;
@@ -393,7 +393,7 @@ class ys {
     for (; c !== void 0; ) {
       if (l === c.index) {
         let d;
-        c.type === 2 ? d = new K(r, r.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (d = new ws(r, this, t)), this._$AV.push(d), c = n[++a];
+        c.type === 2 ? d = new K(r, r.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (d = new xs(r, this, t)), this._$AV.push(d), c = n[++a];
       }
       l !== (c == null ? void 0 : c.index) && (r = T.nextNode(), l++);
     }
@@ -426,7 +426,7 @@ class K {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = D(this, t, e), Z(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : vs(t) ? this.T(t) : this._(t);
+    t = D(this, t, e), Z(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== w && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : vs(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -485,12 +485,12 @@ class ht {
     const o = this.strings;
     let r = !1;
     if (o === void 0)
-      t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== x, r && (this._$AH = t);
+      t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== w, r && (this._$AH = t);
     else {
       const l = t;
       let a, c;
       for (t = o[0], a = 0; a < o.length - 1; a++)
-        c = D(this, l[i + a], e, a), c === x && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === p ? t = p : t !== p && (t += (c != null ? c : "") + o[a + 1]), this._$AH[a] = c;
+        c = D(this, l[i + a], e, a), c === w && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === p ? t = p : t !== p && (t += (c != null ? c : "") + o[a + 1]), this._$AH[a] = c;
     }
     r && !n && this.j(t);
   }
@@ -521,7 +521,7 @@ class Ss extends ht {
   }
   _$AI(t, e = this) {
     var i;
-    if ((t = (i = D(this, t, e, 0)) !== null && i !== void 0 ? i : p) === x)
+    if ((t = (i = D(this, t, e, 0)) !== null && i !== void 0 ? i : p) === w)
       return;
     const n = this._$AH, o = t === p && n !== p || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, r = t !== p && (n === p || o);
     o && this.element.removeEventListener(this.name, this, n), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
@@ -531,7 +531,7 @@ class Ss extends ht {
     typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class ws {
+class xs {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -544,7 +544,7 @@ class ws {
 }
 const se = tt.litHtmlPolyfillSupport;
 se == null || se(Ht, K), ((_t = tt.litHtmlVersions) !== null && _t !== void 0 ? _t : tt.litHtmlVersions = []).push("2.8.0");
-const xs = (s, t, e) => {
+const ws = (s, t, e) => {
   var i, n;
   const o = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
   let r = o._$litPart$;
@@ -559,7 +559,7 @@ const xs = (s, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var St, wt;
+var St, xt;
 let _ = class extends L {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -571,7 +571,7 @@ let _ = class extends L {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = xs(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ws(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -582,19 +582,19 @@ let _ = class extends L {
     super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
   }
   render() {
-    return x;
+    return w;
   }
 };
 _.finalized = !0, _._$litElement$ = !0, (St = globalThis.litElementHydrateSupport) === null || St === void 0 || St.call(globalThis, { LitElement: _ });
 const ie = globalThis.litElementPolyfillSupport;
 ie == null || ie({ LitElement: _ });
-((wt = globalThis.litElementVersions) !== null && wt !== void 0 ? wt : globalThis.litElementVersions = []).push("3.3.3");
+((xt = globalThis.litElementVersions) !== null && xt !== void 0 ? xt : globalThis.litElementVersions = []).push("3.3.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
+const B = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
   const { kind: n, elements: o } = i;
   return { kind: n, elements: o, finisher(r) {
     customElements.define(e, r);
@@ -648,8 +648,8 @@ const Ts = ({ finisher: s, descriptor: t }) => (e, i) => {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var xt;
-((xt = window.HTMLSlotElement) === null || xt === void 0 ? void 0 : xt.prototype.assignedElements) != null;
+var wt;
+((wt = window.HTMLSlotElement) === null || wt === void 0 ? void 0 : wt.prototype.assignedElements) != null;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -1004,7 +1004,7 @@ class Ds extends Le {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const ue = pt(Ds), Bs = { name: "grid-view", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 8H28C29.1046 8 30 8.89543 30 10V28C30 29.1046 29.1046 30 28 30H10C8.89543 30 8 29.1046 8 28V10C8 8.89543 8.89543 8 10 8ZM12 12V26H26V12H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 34H28C29.1046 34 30 34.8954 30 36V54C30 55.1046 29.1046 56 28 56H10C8.89543 56 8 55.1046 8 54V36C8 34.8954 8.89543 34 10 34ZM12 38V52H26V38H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54 8H36C34.8954 8 34 8.89543 34 10V28C34 29.1046 34.8954 30 36 30H54C55.1046 30 56 29.1046 56 28V10C56 8.89543 55.1046 8 54 8ZM38 26V12H52V26H38Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36 34H54C55.1046 34 56 34.8954 56 36V54C56 55.1046 55.1046 56 54 56H36C34.8954 56 34 55.1046 34 54V36C34 34.8954 34.8954 34 36 34ZM38 38V52H52V38H38Z"/></svg>' }, zs = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' };
+const ue = pt(Ds), zs = { name: "grid-view", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 8H28C29.1046 8 30 8.89543 30 10V28C30 29.1046 29.1046 30 28 30H10C8.89543 30 8 29.1046 8 28V10C8 8.89543 8.89543 8 10 8ZM12 12V26H26V12H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 34H28C29.1046 34 30 34.8954 30 36V54C30 55.1046 29.1046 56 28 56H10C8.89543 56 8 55.1046 8 54V36C8 34.8954 8.89543 34 10 34ZM12 38V52H26V38H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54 8H36C34.8954 8 34 8.89543 34 10V28C34 29.1046 34.8954 30 36 30H54C55.1046 30 56 29.1046 56 28V10C56 8.89543 55.1046 8 54 8ZM38 26V12H52V26H38Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36 34H54C55.1046 34 56 34.8954 56 36V54C56 55.1046 55.1046 56 54 56H36C34.8954 56 34 55.1046 34 54V36C34 34.8954 34.8954 34 36 34ZM38 38V52H52V38H38Z"/></svg>' }, Bs = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' };
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -1035,7 +1035,7 @@ const Ne = pt(class extends It {
       const r = !!t[o];
       r === this.it.has(o) || !((i = this.nt) === null || i === void 0) && i.has(o) || (r ? (n.add(o), this.it.add(o)) : (n.remove(o), this.it.delete(o)));
     }
-    return x;
+    return w;
   }
 }), N = {
   allRenderFn: !1,
@@ -1179,11 +1179,11 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
 }, Xs = (s) => {
   const t = s.$cmpMeta$, e = s.$hostElement$, i = t.$flags$, n = P("attachStyles", t.$tagName$), o = Ys(e.shadowRoot ? e.shadowRoot : e.getRootNode(), t, s.$modeName$);
   i & 10 && (e["s-sc"] = o, e.classList.add(o + "-h"), i & 2 && e.classList.add(o + "-s")), n();
-}, Ie = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), Js = (s) => Ei.map((t) => t(s)).find((t) => !!t), ve = {}, Vs = "http://www.w3.org/2000/svg", ti = "http://www.w3.org/1999/xhtml", ei = (s) => s != null, Bt = (s) => (s = typeof s, s === "object" || s === "function"), U = (s, t, ...e) => {
+}, Ie = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), Js = (s) => Ei.map((t) => t(s)).find((t) => !!t), ve = {}, Vs = "http://www.w3.org/2000/svg", ti = "http://www.w3.org/1999/xhtml", ei = (s) => s != null, zt = (s) => (s = typeof s, s === "object" || s === "function"), U = (s, t, ...e) => {
   let i = null, n = null, o = null, r = !1, l = !1, a = [];
   const c = (h) => {
     for (let u = 0; u < h.length; u++)
-      i = h[u], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !Bt(i)) && (i = String(i)), r && l ? a[a.length - 1].$text$ += i : a.push(r ? it(null, i) : i), l = r);
+      i = h[u], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !zt(i)) && (i = String(i)), r && l ? a[a.length - 1].$text$ += i : a.push(r ? it(null, i) : i), l = r);
   };
   if (c(e), t) {
     t.key && (n = t.key), t.name && (o = t.name);
@@ -1205,7 +1205,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
     $children$: null
   };
   return e.$attrs$ = null, e.$key$ = null, e.$name$ = null, e;
-}, zt = {}, si = (s) => s && s.$tag$ === zt, ii = {
+}, Bt = {}, si = (s) => s && s.$tag$ === Bt, ii = {
   forEach: (s, t) => s.map(ge).forEach(t),
   map: (s, t) => s.map(ge).map(t).map(ni)
 }, ge = (s) => ({
@@ -1239,7 +1239,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
       else if (!s.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
         t[2] === "-" ? t = t.slice(3) : Ae(ft, l) ? t = l.slice(2) : t = l[2] + t.slice(3), e && v.rel(s, t, e, !1), i && v.ael(s, t, i, !1);
       else {
-        const a = Bt(i);
+        const a = zt(i);
         if ((r || a && i !== null) && !n)
           try {
             if (s.tagName.includes("-"))
@@ -1287,11 +1287,11 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
     n["s-hn"] !== $t && n["s-ol"] && (Fe(n).insertBefore(n, Ft(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Dt = !0), t && q(n, t);
   }
   v.$flags$ &= -2;
-}, Be = (s, t, e, i, n, o) => {
+}, ze = (s, t, e, i, n, o) => {
   let r = s["s-cr"] && s["s-cr"].parentNode || s, l;
   for (r.shadowRoot && r.tagName === $t && (r = r.shadowRoot); n <= o; ++n)
     i[n] && (l = nt(null, e, n, s), l && (i[n].$elm$ = l, r.insertBefore(l, Ft(t))));
-}, ze = (s, t, e, i, n) => {
+}, Be = (s, t, e, i, n) => {
   for (; t <= e; ++t)
     (i = s[t]) && (n = i.$elm$, Ze(i), st = !0, n["s-ol"] ? n["s-ol"].remove() : q(n, !0), n.remove());
 }, ri = (s, t, e, i) => {
@@ -1321,11 +1321,11 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
         }
       r >= 0 ? (S = t[r], S.$tag$ !== u.$tag$ ? C = nt(t && t[o], e, r, s) : (R(S, u), t[r] = void 0, C = S.$elm$), u = i[++o]) : (C = nt(t && t[o], e, o, s), u = i[++o]), C && Fe(c.$elm$).insertBefore(C, Ft(c.$elm$));
     }
-  n > a ? Be(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && ze(t, n, a);
+  n > a ? ze(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && Be(t, n, a);
 }, X = (s, t) => s.$tag$ === t.$tag$ ? s.$tag$ === "slot" ? s.$name$ === t.$name$ : s.$key$ === t.$key$ : !1, Ft = (s) => s && s["s-ol"] || s, Fe = (s) => (s["s-ol"] ? s["s-ol"] : s).parentNode, R = (s, t) => {
   const e = t.$elm$ = s.$elm$, i = s.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
   let l;
-  r === null ? (m = o === "svg" ? !0 : o === "foreignObject" ? !1 : m, o === "slot" || De(s, t, m), i !== null && n !== null ? ri(e, i, t, n) : n !== null ? (s.$text$ !== null && (e.textContent = ""), Be(e, null, t, n, 0, n.length - 1)) : i !== null && ze(i, 0, i.length - 1), m && o === "svg" && (m = !1)) : (l = e["s-cr"]) ? l.parentNode.textContent = r : s.$text$ !== r && (e.data = r);
+  r === null ? (m = o === "svg" ? !0 : o === "foreignObject" ? !1 : m, o === "slot" || De(s, t, m), i !== null && n !== null ? ri(e, i, t, n) : n !== null ? (s.$text$ !== null && (e.textContent = ""), ze(e, null, t, n, 0, n.length - 1)) : i !== null && Be(i, 0, i.length - 1), m && o === "svg" && (m = !1)) : (l = e["s-cr"]) ? l.parentNode.textContent = r : s.$text$ !== r && (e.data = r);
 }, We = (s) => {
   let t = s.childNodes, e, i, n, o, r, l;
   for (i = 0, n = t.length; i < n; i++)
@@ -1423,7 +1423,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
     } catch (i) {
       Q(i);
     }
-}, _e = (s, t) => s && s.then ? s.then(t) : t(), vi = (s, t) => s != null && !Bt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, gi = (s, t) => vt(s).$instanceValues$.get(t), mi = (s, t, e, i) => {
+}, _e = (s, t) => s && s.then ? s.then(t) : t(), vi = (s, t) => s != null && !zt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, gi = (s, t) => vt(s).$instanceValues$.get(t), mi = (s, t, e, i) => {
   const n = vt(s), o = s, r = n.$instanceValues$.get(t), l = n.$flags$, a = o;
   e = vi(e, i.$members$[t][0]);
   const c = Number.isNaN(r) && Number.isNaN(e);
@@ -1509,7 +1509,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
 }, Si = (s) => {
   const t = s["s-cr"] = A.createComment("");
   t["s-cn"] = !0, s.insertBefore(t, s.firstChild);
-}, wi = (s) => {
+}, xi = (s) => {
   if (!(v.$flags$ & 1)) {
     const t = vt(s);
     t.$rmListeners$ && (t.$rmListeners$.map((e) => e()), t.$rmListeners$ = void 0);
@@ -1523,13 +1523,13 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
   const i = s.prototype.connectedCallback, n = s.prototype.disconnectedCallback;
   return Object.assign(s.prototype, {
     __registerHost() {
-      xi(this, e);
+      wi(this, e);
     },
     connectedCallback() {
       Ai(this), i && i.call(this);
     },
     disconnectedCallback() {
-      wi(this), n && n.call(this);
+      xi(this), n && n.call(this);
     },
     __attachShadow() {
       this.attachShadow({
@@ -1538,7 +1538,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
       });
     }
   }), s.is = e.$tagName$, yi(s, e);
-}, Qe = /* @__PURE__ */ new WeakMap(), vt = (s) => Qe.get(s), xi = (s, t) => {
+}, Qe = /* @__PURE__ */ new WeakMap(), vt = (s) => Qe.get(s), wi = (s, t) => {
   const e = {
     $flags$: 0,
     $hostElement$: s,
@@ -1548,7 +1548,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
   return je(s, e, t.$listeners$), Qe.set(s, e);
 }, Ae = (s, t) => t in s, Q = (s, t) => (0, console.error)(s, t), ot = /* @__PURE__ */ new Map(), Ei = [], Se = [], Ye = [], Ci = (s, t) => (e) => {
   s.push(e), Lt || (Lt = !0, t && v.$flags$ & 4 ? ki(Nt) : v.raf(Nt));
-}, we = (s) => {
+}, xe = (s) => {
   for (let t = 0; t < s.length; t++)
     try {
       s[t](performance.now());
@@ -1557,7 +1557,7 @@ const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head
     }
   s.length = 0;
 }, Nt = () => {
-  we(Se), we(Ye), (Lt = Se.length > 0) && v.raf(Nt);
+  xe(Se), xe(Ye), (Lt = Se.length > 0) && v.raf(Nt);
 }, ki = (s) => Ws().then(s), Ti = /* @__PURE__ */ Ci(Ye, !0), Oi = (s = {}) => {
   const { content: t = "", title: e, attributes: i = [] } = s;
   let n = "", o = [
@@ -1583,7 +1583,7 @@ const Ni = "telia-vst{display:none}", Mi = /* @__PURE__ */ Ke(class extends Ue {
     this.vocaInternalUStats.emit(new Li(this.dataTrackingId));
   }
   render() {
-    return U(zt, null);
+    return U(Bt, null);
   }
   static get style() {
     return Ni;
@@ -1642,7 +1642,7 @@ const ji = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       attributes: t,
       title: this.allyTitle
     });
-    return U(zt, { class: `telia-icon telia-icon--${this.size}` }, U("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), U("telia-vst", { dataTrackingId: this.dataTrackingId }));
+    return U(Bt, { class: `telia-icon telia-icon--${this.size}` }, U("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), U("telia-vst", { dataTrackingId: this.dataTrackingId }));
   }
   static get style() {
     return ji;
@@ -1674,7 +1674,7 @@ Di();
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let Bi = class extends Event {
+let zi = class extends Event {
   constructor(t, e, i) {
     super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = i != null && i;
   }
@@ -1684,7 +1684,7 @@ let Bi = class extends Event {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class zi {
+class Bi {
   constructor(t, e, i, n) {
     var o;
     if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, l) => {
@@ -1703,7 +1703,7 @@ class zi {
     this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
   }
   dispatchRequest() {
-    this.host.dispatchEvent(new Bi(this.context, this.t, this.subscribe));
+    this.host.dispatchEvent(new zi(this.context, this.t, this.subscribe));
   }
 }
 /**
@@ -1714,7 +1714,7 @@ class zi {
 function Je({ context: s, subscribe: t }) {
   return Ts({ finisher: (e, i) => {
     e.addInitializer((n) => {
-      new zi(n, { context: s, callback: (o) => {
+      new Bi(n, { context: s, callback: (o) => {
         n[i] = o;
       }, subscribe: t });
     });
@@ -1796,10 +1796,14 @@ let rt = class extends _ {
     }
   }
 };
-rt.styles = B`
+rt.styles = z`
     :host {
+      box-sizing: border-box;
       display: block;
     }
+    * {
+      box-sizing: border-box;
+    }
     .message-content {
       padding: var(--spacing-md);
       display: inline-block;
@@ -1877,7 +1881,7 @@ Ve([
   E()
 ], rt.prototype, "message", 2);
 rt = Ve([
-  z("conversation-component-message")
+  B("conversation-component-message")
 ], rt);
 var Gi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ts = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? Zi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
@@ -1920,11 +1924,15 @@ let lt = class extends _ {
     </div>`;
   }
 };
-lt.styles = B`
+lt.styles = z`
     :host {
+      box-sizing: border-box;
       display: block;
       color: var(--text-color);
     }
+    * {
+      box-sizing: border-box;
+    }
     .message-list {
       display: flex;
       flex-direction: column;
@@ -1935,7 +1943,7 @@ ts([
   E()
 ], lt.prototype, "items", 2);
 lt = ts([
-  z("conversation-component-message-list")
+  B("conversation-component-message-list")
 ], lt);
 /**
  * @license
@@ -1950,7 +1958,7 @@ class Rt extends It {
   render(t) {
     if (t === p || t == null)
       return this.ft = void 0, this.et = t;
-    if (t === x)
+    if (t === w)
       return t;
     if (typeof t != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -1976,10 +1984,17 @@ let at = class extends _ {
   }
 };
 at.styles = [
-  B`
+  z`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
       p {
         margin: 0;
         padding: 0;
+        word-break: break-word;
       }
     `
 ];
@@ -1987,7 +2002,7 @@ es([
   E()
 ], at.prototype, "message", 2);
 at = es([
-  z("message-type-html")
+  B("message-type-html")
 ], at);
 var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, ss = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? Xi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
@@ -2026,7 +2041,13 @@ let ct = class extends _ {
   }
 };
 ct.styles = [
-  B`
+  z`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
       h1 {
         font-size: 1.1rem;
         margin: 0 0 var(--spacing-sm);
@@ -2065,7 +2086,7 @@ ss([
   E()
 ], ct.prototype, "message", 2);
 ct = ss([
-  z("message-type-link-list")
+  B("message-type-link-list")
 ], ct);
 var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, is = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? Vi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
@@ -2078,7 +2099,13 @@ let dt = class extends _ {
   }
 };
 dt.styles = [
-  B`
+  z`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
       .message-type-separator {
         border-bottom: 1px solid var(--gray-color);
         width: 100%;
@@ -2086,14 +2113,14 @@ dt.styles = [
     `
 ];
 is([
-  E()
+  E({ attribute: !1 })
 ], dt.prototype, "message", 2);
 dt = is([
-  z("message-type-separator")
+  B("message-type-separator")
 ], dt);
 const tn = (s) => {
   setTimeout(() => {
-    s.scrollTop = s.scrollHeight;
+    s.scrollTo ? s.scrollTo({ top: s.scrollHeight, behavior: "smooth" }) : s.scrollTop = s.scrollHeight;
   }, 1e3);
 };
 var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, gt = (s, t, e, i) => {
@@ -2164,7 +2191,7 @@ let H = class extends _ {
       <form class="conversation-bottom" @submit=${this._onSendMessage}>
         <div class="conversation-bottom-left">
           <button class="circle" @click=${this._onClick} type="button">
-            <telia-icon svg=${Bs.svg} size="sm"></telia-icon>
+            <telia-icon svg=${zs.svg} size="sm"></telia-icon>
           </button>
         </div>
         <input
@@ -2174,21 +2201,25 @@ let H = class extends _ {
         />
         <div class="conversation-actions">
           <button class="conversation-send-button" type="submit">
-            <telia-icon svg=${zs.svg}></telia-icon>
+            <telia-icon svg=${Bs.svg}></telia-icon>
           </button>
         </div>
       </form>
     </div>`;
   }
 };
-H.styles = B`
+H.styles = z`
     :host {
+      box-sizing: border-box;
       font-family: var(--font-family);
       --send-icon-color: var(--gray-dark-color, #a6a6a6);
 
       scrollbar-width: thin; /* Firefox */
       scrollbar-color: #7f7f7f transparent; /* Firefox */
     }
+    * {
+      box-sizing: border-box;
+    }
     ::-webkit-scrollbar {
       width: 3px !important;
       background-color: transparent;
@@ -2227,6 +2258,7 @@ H.styles = B`
       display: flex;
       align-items: center;
       padding: 0 var(--spacing-md);
+      margin: 0;
     }
     .conversation-bottom-left {
       border-right: 1px solid var(--gray-color);
@@ -2237,6 +2269,9 @@ H.styles = B`
       color: #fff;
       padding: var(--spacing-sm, 5px);
       border: none;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
     .conversation-send-button {
       border: none;
@@ -2302,11 +2337,11 @@ gt([
   ks()
 ], H.prototype, "message", 2);
 H = gt([
-  z("conversation-component")
+  B("conversation-component")
 ], H);
 const pn = H;
 export {
   H as ConversationComponent,
   pn as default
 };
-//# sourceMappingURL=conversation-31b48ff2.js.map
+//# sourceMappingURL=conversation-2192822c.js.map