@telia-ace/widget-conversation-flamingo 1.1.11 → 1.1.12-rc.1

package/{conversation-b2f9f789.js → conversation-5265abc7.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-ecfa0fe7.js"),Vt=require("./send-eb8b9428.js");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-5cf6726d.js"),Vt=require("./send-eb8b9428.js");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -298,7 +298,7 @@
       </div>
       <form class="conversation-bottom" @submit=${this._onSendMessage}>
         <input
-          placeholder="Type your message here..."
+          placeholder=${this.properties.inputPlaceholder||"Type your message here..."}
           .value=${this.message}
           @input=${this._inputHandler}
         />

package/{conversation-17a64990.mjs → conversation-8c2255c2.mjs}

@@ -1,11 +1,11 @@
-import { p as Dt, P as ue, h as fe, i as w, n as x, r as k, E as ft, a as Nt, t as at, e as lt, T as p, s as L, x as f, C as V, b as Ht, w as pe } from "./index-ffd77508.mjs";
+import { p as Dt, P as ue, h as pe, i as w, n as x, r as k, E as pt, a as Nt, t as at, e as lt, T as f, s as A, x as p, C as V, b as Ht, w as fe } from "./index-836222bd.mjs";
 import { s as $e } from "./send-18482cae.mjs";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const P = (e) => (t, s) => {
+const L = (e) => (t, s) => {
   s !== void 0 ? s.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -30,7 +30,7 @@ let zt = class extends Event {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let pt = class {
+let ft = class {
   constructor(t, s, i, n) {
     if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (o, r) => {
       this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = o, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(o, r)), this.unsubscribe = r;
@@ -125,11 +125,11 @@ let me = class extends Event {
 function ve({ context: e, subscribe: t }) {
   return (s, i) => {
     typeof i == "object" ? i.addInitializer(function() {
-      new pt(this, { context: e, callback: (n) => {
+      new ft(this, { context: e, callback: (n) => {
         this[i.name] = n;
       }, subscribe: t });
     }) : s.constructor.addInitializer((n) => {
-      new pt(n, { context: e, callback: (o) => {
+      new ft(n, { context: e, callback: (o) => {
         n[i] = o;
       }, subscribe: t });
     });
@@ -160,7 +160,7 @@ class Ce {
     );
     await i.actions(
       n,
-      this._descriptor.type || fe()
+      this._descriptor.type || pe()
     ).dispatch(t, s);
   }
 }
@@ -175,12 +175,12 @@ const Se = (e) => {
     e.style.setProperty(i.replace("css-", ""), n);
   });
 };
-var Oe = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, y = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ae(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+var Oe = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, y = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Pe(t, s) : t, o = e.length - 1, r; o >= 0; o--)
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Oe(t, s, n), n;
 };
-const Le = (e) => {
+const Ae = (e) => {
   class t extends e {
     constructor() {
       super(...arguments), this.entry = "", this._descriptorProvider = new j(
@@ -212,8 +212,8 @@ const Le = (e) => {
               }
             );
             const a = "default";
-            this._unmountNode = n.mount(this.container), this._setDescriptor(ft(n, a)), this._setProperties(n.attributes.properties), this._setContext(n.attributes.context), this._setLayout(this.layout);
-            const l = n.getChildren(a).map((h) => ft(h));
+            this._unmountNode = n.mount(this.container), this._setDescriptor(pt(n, a)), this._setProperties(n.attributes.properties), this._setContext(n.attributes.context), this._setLayout(this.layout);
+            const l = n.getChildren(a).map((h) => pt(h));
             this._childrenProvider.setValue(l);
             const c = await this.container.getAsync("componentResolver");
             if (((o = this.descriptor) == null ? void 0 : o.type) === "area")
@@ -287,7 +287,7 @@ const Le = (e) => {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Pe = (e) => e.strings === void 0;
+const Le = (e) => e.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -348,7 +348,7 @@ let Ft = class extends Nt {
     t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), s && (I(this, t), M(this));
   }
   setValue(t) {
-    if (Pe(this._$Ct))
+    if (Le(this._$Ct))
       this._$Ct._$AI(t, this);
     else {
       const s = [...this._$Ct._$AH];
@@ -370,12 +370,12 @@ let De = class {
 };
 const tt = /* @__PURE__ */ new WeakMap(), Ne = lt(class extends Ft {
   render(e) {
-    return p;
+    return f;
   }
   update(e, [t]) {
     var i;
     const s = t !== this.G;
-    return s && this.G !== void 0 && this.ot(void 0), (s || this.rt !== this.lt) && (this.G = t, this.ct = (i = e.options) == null ? void 0 : i.host, this.ot(this.lt = e.element)), p;
+    return s && this.G !== void 0 && this.ot(void 0), (s || this.rt !== this.lt) && (this.G = t, this.ct = (i = e.options) == null ? void 0 : i.host, this.ot(this.lt = e.element)), f;
   }
   ot(e) {
     if (typeof this.G == "function") {
@@ -437,7 +437,7 @@ class Fe extends Ft {
     (t = this.h) == null || t.call(this), this.h = void 0;
   }
   render(t) {
-    return p;
+    return f;
   }
   getController() {
     return He.get(this.l);
@@ -784,11 +784,11 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
   }
   const t = U(e.vtag, e.vtext);
   return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
-}, At = (e, t, s, i, n, o) => {
+}, Pt = (e, t, s, i, n, o) => {
   if (s !== i) {
     let r = jt(e, t), a = t.toLowerCase();
     if (t === "class") {
-      const l = e.classList, c = Lt(s), d = Lt(i);
+      const l = e.classList, c = At(s), d = At(i);
       l.remove(...c.filter((h) => h && !d.includes(h))), l.add(...d.filter((h) => h && !c.includes(h)));
     } else if (t === "style") {
       for (const l in s)
@@ -816,12 +816,12 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
         a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(Ct, t) : e.removeAttribute(t)) : (!r || o & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(Ct, t, i) : e.setAttribute(t, i));
       }
   }
-}, ns = /\s/, Lt = (e) => e ? e.split(ns) : [], Kt = (e, t, s, i) => {
+}, ns = /\s/, At = (e) => e ? e.split(ns) : [], Kt = (e, t, s, i) => {
   const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Tt, r = t.$attrs$ || Tt;
   for (i in o)
-    i in r || At(n, i, o[i], void 0, s, t.$flags$);
+    i in r || Pt(n, i, o[i], void 0, s, t.$flags$);
   for (i in r)
-    At(n, i, o[i], r[i], s, t.$flags$);
+    Pt(n, i, o[i], r[i], s, t.$flags$);
 }, B = (e, t, s, i) => {
   let n = t.$children$[s], o = 0, r, a, l;
   if (Bt || (ct = !0, n.$tag$ === "slot" && (S && i.classList.add(S + "-s"), n.$flags$ |= n.$children$ ? (
@@ -911,17 +911,17 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
   for (; a < c; a++) {
     if (t = l[a], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
       for (i = s.parentNode.childNodes, n = t["s-sn"], r = i.length - 1; r >= 0; r--)
-        s = i[r], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (Pt(s, n) ? (o = v.find((d) => d.$nodeToRelocate$ === s), F = !0, s["s-sn"] = s["s-sn"] || n, o ? o.$slotRefNode$ = t : v.push({
+        s = i[r], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (Lt(s, n) ? (o = v.find((d) => d.$nodeToRelocate$ === s), F = !0, s["s-sn"] = s["s-sn"] || n, o ? o.$slotRefNode$ = t : v.push({
           $slotRefNode$: t,
           $nodeToRelocate$: s
         }), s["s-sr"] && v.map((d) => {
-          Pt(d.$nodeToRelocate$, s["s-sn"]) && (o = v.find((h) => h.$nodeToRelocate$ === s), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
+          Lt(d.$nodeToRelocate$, s["s-sn"]) && (o = v.find((h) => h.$nodeToRelocate$ === s), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
         })) : v.some((d) => d.$nodeToRelocate$ === s) || v.push({
           $nodeToRelocate$: s
         }));
     t.nodeType === 1 && Zt(t);
   }
-}, Pt = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Vt = (e) => {
+}, Lt = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Vt = (e) => {
   e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Vt);
 }, rs = (e, t) => {
   const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || U(null, null), o = es(t) ? t : O(null, null, t);
@@ -962,23 +962,23 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
 }, te = (e, t) => (e.$flags$ |= 16, ds(e, e.$ancestorComponent$), Os(() => hs(e, t))), hs = (e, t) => {
   const s = e.$hostElement$, i = _("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
   let o;
-  return t ? o = A(n, "componentWillLoad") : o = A(n, "componentWillUpdate"), o = Et(o, () => A(n, "componentWillRender")), i(), Et(o, () => us(e, n, t));
+  return t ? o = P(n, "componentWillLoad") : o = P(n, "componentWillUpdate"), o = Et(o, () => P(n, "componentWillRender")), i(), Et(o, () => us(e, n, t));
 }, us = async (e, t, s) => {
   const i = e.$hostElement$, n = _("update", e.$cmpMeta$.$tagName$);
   i["s-rc"], s && Ye(e);
   const o = _("render", e.$cmpMeta$.$tagName$);
-  fs(e, t, i), o(), n(), ps(e);
-}, fs = (e, t, s) => {
+  ps(e, t, i), o(), n(), fs(e);
+}, ps = (e, t, s) => {
   try {
     kt = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (C.hasRenderFn || C.reflect) && (C.vdomRender || C.reflect) && (C.hydrateServerSide || rs(e, t));
   } catch (a) {
     N(a, e.$hostElement$);
   }
   return kt = null, null;
-}, ps = (e) => {
+}, fs = (e) => {
   const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = _("postUpdate", t), n = s;
-  e.$ancestorComponent$, A(n, "componentDidRender"), e.$flags$ & 64 ? (A(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, A(n, "componentDidLoad"), i());
-}, A = (e, t, s) => {
+  e.$ancestorComponent$, P(n, "componentDidRender"), e.$flags$ & 64 ? (P(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, P(n, "componentDidLoad"), i());
+}, P = (e, t, s) => {
   if (e && e[t])
     try {
       return e[t](s);
@@ -1120,7 +1120,7 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
   e.length = 0;
 }, nt = () => {
   Rt(It), Rt(ie), (it = It.length > 0) && $.raf(nt);
-}, Ts = (e) => Be().then(e), Os = /* @__PURE__ */ Ss(ie, !0), As = (e = {}) => {
+}, Ts = (e) => Be().then(e), Os = /* @__PURE__ */ Ss(ie, !0), Ps = (e = {}) => {
   const { content: t = "", title: s, attributes: i = [] } = e;
   let n = "", o = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
@@ -1128,13 +1128,13 @@ const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt
     ...i
   ];
   return s && (n = `<title>${s}</title>`), `<svg ${o.map((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
-}, Ls = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function Ps(e) {
+}, As = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+function Ls(e) {
   return `${e.getFullYear()}.${e.getMonth() + 1}`;
 }
 class Es {
   constructor(t) {
-    this.voca_component = t, this.voca_added = Ps(/* @__PURE__ */ new Date());
+    this.voca_component = t, this.voca_added = Ls(/* @__PURE__ */ new Date());
   }
 }
 const js = "telia-vst{display:none}", Is = /* @__PURE__ */ ee(class extends Wt {
@@ -1199,8 +1199,8 @@ const Ns = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       ...t,
       { name: "aria-hidden", value: "true" }
     ];
-    const s = As({
-      content: Ls(e),
+    const s = Ps({
+      content: As(e),
       attributes: t,
       title: this.allyTitle
     });
@@ -1236,16 +1236,16 @@ var Ms = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, oe = (e, t
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Ms(t, s, n), n;
 };
-let q = class extends L {
+let q = class extends A {
   _renderTimestamp(e, t) {
     if (!e && !t)
-      return p;
+      return f;
     const s = (n) => new Date(n).toLocaleTimeString([], {
       hour: "2-digit",
       minute: "2-digit"
     });
     let i = "";
-    return e ? t ? i = `${e}: ${s(t)}` : i = e : t && (i = s(t)), f`<p class="conversation-timestamp">${i}</p>`;
+    return e ? t ? i = `${e}: ${s(t)}` : i = e : t && (i = s(t)), p`<p class="conversation-timestamp">${i}</p>`;
   }
   render() {
     var e, t;
@@ -1253,19 +1253,19 @@ let q = class extends L {
       case V.System:
         return "";
       case V.Agent:
-        return f`<div
+        return p`<div
           class=${Ht({
           "conversation-agent-message": !0,
           "has-avatar": !!((e = this.message.sender) != null && e.avatar)
         })}
         >
-          ${typeof ((t = this.message.sender) == null ? void 0 : t.avatar) == "string" ? f`<div class="avatar">
+          ${typeof ((t = this.message.sender) == null ? void 0 : t.avatar) == "string" ? p`<div class="avatar">
                 <img src=${this.message.sender.avatar} />
-              </div>` : p}
+              </div>` : f}
 
           <div class="content-bundle">
             ${this.message.content.map(
-          (s) => f`
+          (s) => p`
                 <div class="message-container">
                   <div class="message-content">
                     <conversation-component-message-list
@@ -1282,10 +1282,10 @@ let q = class extends L {
         )}
         </div>`;
       case V.User:
-        return f`<div class="conversation-user-message">
+        return p`<div class="conversation-user-message">
           <div class="content-bundle">
             ${this.message.content.map(
-          (s) => f`
+          (s) => p`
                 <div class="message-container">
                   <div class="message-content">
                     <conversation-component-message-list
@@ -1303,7 +1303,7 @@ let q = class extends L {
         )}
         </div>`;
       default:
-        return p;
+        return f;
     }
   }
 };
@@ -1394,14 +1394,14 @@ oe([
   x()
 ], q.prototype, "message", 2);
 q = oe([
-  P("conversation-component-message")
+  L("conversation-component-message")
 ], q);
 var Us = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, re = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Bs(t, s) : t, o = e.length - 1, r; o >= 0; o--)
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Us(t, s, n), n;
 };
-let G = class extends L {
+let G = class extends A {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -1414,24 +1414,24 @@ let G = class extends L {
       const i = new s();
       return i.message = t, i;
     }
-    return p;
+    return f;
   }
   render() {
-    return f` <div class="message-list">
+    return p` <div class="message-list">
       ${this.items.map(
-      ([e, t]) => f`
-          ${e === "html" ? f`
+      ([e, t]) => p`
+          ${e === "html" ? p`
                 <message-type-html .message=${t}> </message-type-html>
-              ` : p}
-          ${e === "link-list" ? f`
+              ` : f}
+          ${e === "link-list" ? p`
                 <message-type-link-list .message=${t}>
                 </message-type-link-list>
-              ` : p}
-          ${e === "separator" ? f`
+              ` : f}
+          ${e === "separator" ? p`
                 <message-type-separator .message=${t}>
                 </message-type-separator>
-              ` : p}
-          ${this._isCustomComponent(e) ? this._createCustomComponent(e, t) : p}
+              ` : f}
+          ${this._isCustomComponent(e) ? this._createCustomComponent(e, t) : f}
         `
     )}
     </div>`;
@@ -1455,7 +1455,7 @@ re([
   x()
 ], G.prototype, "items", 2);
 G = re([
-  P("conversation-component-message-list")
+  L("conversation-component-message-list")
 ], G);
 /**
  * @license
@@ -1464,13 +1464,13 @@ G = re([
  */
 class rt extends Nt {
   constructor(t) {
-    if (super(t), this.et = p, t.type !== at.CHILD)
+    if (super(t), this.et = f, t.type !== at.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
-    if (t === p || t == null)
+    if (t === f || t == null)
       return this.vt = void 0, this.et = t;
-    if (t === pe)
+    if (t === fe)
       return t;
     if (typeof t != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -1488,9 +1488,9 @@ var qs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, ae = (e, t
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && qs(t, s, n), n;
 };
-let K = class extends L {
+let K = class extends A {
   render() {
-    return f`<div class="message-type-html">
+    return p`<div class="message-type-html">
       ${Ws(this.message.body)}
     </div>`;
   }
@@ -1514,14 +1514,14 @@ ae([
   x({ attribute: !1 })
 ], K.prototype, "message", 2);
 K = ae([
-  P("message-type-html")
+  L("message-type-html")
 ], K);
 var Ks = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, le = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Qs(t, s) : t, o = e.length - 1, r; o >= 0; o--)
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Ks(t, s, n), n;
 };
-let Q = class extends L {
+let Q = class extends A {
   _onItemClick(e) {
     const t = new CustomEvent("action", {
       bubbles: !0,
@@ -1534,12 +1534,12 @@ let Q = class extends L {
     this.dispatchEvent(t);
   }
   render() {
-    return f`
+    return p`
       <div class="message-type-link-list">
-        ${this.message.header ? f`<h1>${this.message.header}</h1>` : p}
+        ${this.message.header ? p`<h1>${this.message.header}</h1>` : f}
         <ul>
           ${this.message.actions.map(
-      (e) => f`
+      (e) => p`
               <li>
                 <button @click=${() => this._onItemClick(e)}>
                   ${e.label}
@@ -1598,16 +1598,16 @@ le([
   x({ attribute: !1 })
 ], Q.prototype, "message", 2);
 Q = le([
-  P("message-type-link-list")
+  L("message-type-link-list")
 ], Q);
 var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, ce = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Ys(t, s) : t, o = e.length - 1, r; o >= 0; o--)
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Xs(t, s, n), n;
 };
-let X = class extends L {
+let X = class extends A {
   render() {
-    return f`<div class="message-type-separator"></div>`;
+    return p`<div class="message-type-separator"></div>`;
   }
 };
 X.styles = [
@@ -1628,7 +1628,7 @@ ce([
   x({ attribute: !1 })
 ], X.prototype, "message", 2);
 X = ce([
-  P("message-type-separator")
+  L("message-type-separator")
 ], X);
 const Js = (e) => {
   e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
@@ -1638,7 +1638,7 @@ var Zs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, de = (e, t
     (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
   return i && n && Zs(t, s, n), n;
 };
-const he = Le(L);
+const he = Ae(A);
 let D = class extends he {
   constructor() {
     super(...arguments), this.message = "", this.conversationContentRef = Re(), this.chatScrollHeight = 0;
@@ -1660,7 +1660,7 @@ let D = class extends he {
     }, 1e3);
   }
   render() {
-    return f` <div
+    return p` <div
       @action=${this._actionHandler}
       class=${Ht({
       conversation: !0,
@@ -1670,7 +1670,7 @@ let D = class extends he {
       <div class="conversation-content" ${Ne(this.conversationContentRef)}>
         <div class="conversation-content-inner">
           ${(this.properties.messages || []).map(
-      (e) => f`<div class="conversation-entry" tabindex="-1">
+      (e) => p`<div class="conversation-entry" tabindex="-1">
                 <conversation-component-message
                   .message=${e}
                   ${wt({
@@ -1684,7 +1684,7 @@ let D = class extends he {
                 </conversation-component-message>
               </div>`
     )}
-          ${this.properties.loading ? f`<div
+          ${this.properties.loading ? p`<div
                 class="loader"
                 ${wt({
       in: bt,
@@ -1695,12 +1695,12 @@ let D = class extends he {
                 <div></div>
                 <div></div>
                 <div></div>
-              </div>` : p}
+              </div>` : f}
         </div>
       </div>
       <form class="conversation-bottom" @submit=${this._onSendMessage}>
         <input
-          placeholder="Type your message here..."
+          placeholder=${this.properties.inputPlaceholder || "Type your message here..."}
           .value=${this.message}
           @input=${this._inputHandler}
         />
@@ -1856,7 +1856,7 @@ de([
   k()
 ], D.prototype, "message", 2);
 D = de([
-  P("ace-conversation")
+  L("ace-conversation")
 ], D);
 const ci = D;
 export {

package/{index-ecfa0fe7.js → index-5cf6726d.js}

@@ -153,4 +153,4 @@ ${e}`:t.length?`${t} ${e}`:e}dispose(){this.subscriptions.forEach(t=>{t()})}}cla
         align-items: center;
         fill: var(--trigger-text-color, var(--text-on-primary-background));
       }
-    `];at([St({attribute:!1})],Q.prototype,"symbol",2);at([St({attribute:!1})],Q.prototype,"container",2);at([Ot()],Q.prototype,"active",2);at([Ot()],Q.prototype,"loaded",2);at([Ot()],Q.prototype,"icon",2);const mi=(n,t,e,s,i)=>n.getAsync("componentResolver").then(r=>(r.registerComponent(t,e),bn(n,t,s||(()=>{}),t,i))),vi=(n,t)=>n.reduce((e,s,i)=>{var o,a;const r={...s,content:[{...s.content,key:s.key}]};if(e.length>0&&s.type!==F.System){const c=e[e.length-1];if((!t&&t!==0||Math.abs(c.timestamp-s.timestamp)<t)&&((o=c.sender)==null?void 0:o.name)===((a=s.sender)==null?void 0:a.name)&&c.type===s.type)return c.timestamp=s.timestamp,c.content.push({...s.content,key:s.key}),e}return e.push(r),e},[]),fi=async n=>mi(n,"conversation",Promise.resolve().then(()=>require("./conversation-b2f9f789.js")),async t=>{const e=await Ct.getInstance(n),{rehydrate:s=!1}=t.properties(),i="component",r=await e.createController(i,{rehydrate:s}),o=e.registerController(r,t),a=3*60*1e3,c=l=>{const{providers:p=[]}=l;if(p){const u=Array.isArray(p)?p:[p];return r.setProviders(u),u}};c(t.properties(c)),r.setComponentMountedState(!0);const h=l=>{const{loading:p,typingActors:u,messages:g}=l;t.writeProperties({loading:p,typingActors:u,messages:vi(g,a)})};h(r.getMessageStream()),o&&(t.writeProperties({conversationControllerId:r.id}),t.actions.create("user-submit",(l,p)=>{if(p){const{preventDefault:u,validationPromise:g}=p;if(u){g&&g().then(A=>{A&&r.user.print(A)});return}}r.user.print(l.text)}),t.actions.create("user-typing",(l,p)=>{}),t.actions.create("form",(l,p)=>{}),t.actions.create("action",(l,p)=>{}),t.actions.create("overlay-mounted",(l,p)=>{}),t.actions.create("show-overlay",(l,p)=>{t.writeProperties({overlay:{conversation:!1,secondary:!1}})}),t.actions.create("hide-overlay",(l,p)=>{t.writeProperties({overlay:null})}),t.actions.create("show-overlay-conversation",(l,p)=>{t.writeProperties({overlay:{conversation:!0,secondary:!1}})}),t.actions.create("hide-overlay-conversation",(l,p)=>{t.writeProperties({overlay:{conversation:!1,secondary:!1}})}));const d=r.events.subscribe("conversation:updated",(l,p)=>{h(p)});return()=>{r.setComponentMountedState(!1),d(),r.active||h({messages:[],typingActors:[],loading:!1})}},{reuseController:!0});var As=(n=>(n.LinkList="link-list",n.Separator="separator",n.ButtonList="button-list",n.ItemList="item-list",n.Text="text",n.HTML="html",n.VideoRequest="video-request",n))(As||{});const yi=async(n,t,e)=>{await e};exports.ConversationComponent=fi;exports.ConversationController=ds;exports.ConversationEndedBehavior=xt;exports.ConversationEntry=ls;exports.ConversationMessageListItemType=As;exports.ConversationMessageType=F;exports.ConversationPlatform=Ct;exports.Et=$n;exports.P=wt;exports.T=m;exports.e=bs;exports.e$1=_s;exports.ht=H;exports.i=us;exports.i$1=ws;exports.n=St;exports.pt=ne;exports.r=Ot;exports.registerCustomMessageComponent=yi;exports.s=V;exports.t=$s;exports.w=I;exports.x=G;
+    `];at([St({attribute:!1})],Q.prototype,"symbol",2);at([St({attribute:!1})],Q.prototype,"container",2);at([Ot()],Q.prototype,"active",2);at([Ot()],Q.prototype,"loaded",2);at([Ot()],Q.prototype,"icon",2);const mi=(n,t,e,s,i)=>n.getAsync("componentResolver").then(r=>(r.registerComponent(t,e),bn(n,t,s||(()=>{}),t,i))),vi=(n,t)=>n.reduce((e,s,i)=>{var o,a;const r={...s,content:[{...s.content,key:s.key}]};if(e.length>0&&s.type!==F.System){const c=e[e.length-1];if((!t&&t!==0||Math.abs(c.timestamp-s.timestamp)<t)&&((o=c.sender)==null?void 0:o.name)===((a=s.sender)==null?void 0:a.name)&&c.type===s.type)return c.timestamp=s.timestamp,c.content.push({...s.content,key:s.key}),e}return e.push(r),e},[]),fi=async n=>mi(n,"conversation",Promise.resolve().then(()=>require("./conversation-5265abc7.js")),async t=>{const e=await Ct.getInstance(n),{rehydrate:s=!1}=t.properties(),i="component",r=await e.createController(i,{rehydrate:s}),o=e.registerController(r,t),a=3*60*1e3,c=l=>{const{providers:p=[]}=l;if(p){const u=Array.isArray(p)?p:[p];return r.setProviders(u),u}};c(t.properties(c)),r.setComponentMountedState(!0);const h=l=>{const{loading:p,typingActors:u,messages:g}=l;t.writeProperties({loading:p,typingActors:u,messages:vi(g,a)})};h(r.getMessageStream()),o&&(t.writeProperties({conversationControllerId:r.id}),t.actions.create("user-submit",(l,p)=>{if(p){const{preventDefault:u,validationPromise:g}=p;if(u){g&&g().then(A=>{A&&r.user.print(A)});return}}r.user.print(l.text)}),t.actions.create("user-typing",(l,p)=>{}),t.actions.create("form",(l,p)=>{}),t.actions.create("action",(l,p)=>{}),t.actions.create("overlay-mounted",(l,p)=>{}),t.actions.create("show-overlay",(l,p)=>{t.writeProperties({overlay:{conversation:!1,secondary:!1}})}),t.actions.create("hide-overlay",(l,p)=>{t.writeProperties({overlay:null})}),t.actions.create("show-overlay-conversation",(l,p)=>{t.writeProperties({overlay:{conversation:!0,secondary:!1}})}),t.actions.create("hide-overlay-conversation",(l,p)=>{t.writeProperties({overlay:{conversation:!1,secondary:!1}})}));const d=r.events.subscribe("conversation:updated",(l,p)=>{h(p)});return()=>{r.setComponentMountedState(!1),d(),r.active||h({messages:[],typingActors:[],loading:!1})}},{reuseController:!0});var As=(n=>(n.LinkList="link-list",n.Separator="separator",n.ButtonList="button-list",n.ItemList="item-list",n.Text="text",n.HTML="html",n.VideoRequest="video-request",n))(As||{});const yi=async(n,t,e)=>{await e};exports.ConversationComponent=fi;exports.ConversationController=ds;exports.ConversationEndedBehavior=xt;exports.ConversationEntry=ls;exports.ConversationMessageListItemType=As;exports.ConversationMessageType=F;exports.ConversationPlatform=Ct;exports.Et=$n;exports.P=wt;exports.T=m;exports.e=bs;exports.e$1=_s;exports.ht=H;exports.i=us;exports.i$1=ws;exports.n=St;exports.pt=ne;exports.r=Ot;exports.registerCustomMessageComponent=yi;exports.s=V;exports.t=$s;exports.w=I;exports.x=G;

package/{index-ffd77508.mjs → index-836222bd.mjs}

@@ -3815,7 +3815,7 @@ const ui = (n, t, e, s, i) => n.getAsync("componentResolver").then((r) => (r.reg
 }, []), Mi = async (n) => ui(
   n,
   "conversation",
-  import("./conversation-17a64990.mjs"),
+  import("./conversation-8c2255c2.mjs"),
   async (t) => {
     const e = await re.getInstance(n), { rehydrate: s = !1 } = t.properties(), i = "component", r = await e.createController(i, { rehydrate: s }), o = e.registerController(
       r,

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ecfa0fe7.js");exports.ConversationComponent=e.ConversationComponent;exports.ConversationController=e.ConversationController;exports.ConversationEndedBehavior=e.ConversationEndedBehavior;exports.ConversationEntry=e.ConversationEntry;exports.ConversationMessageListItemType=e.ConversationMessageListItemType;exports.ConversationMessageType=e.ConversationMessageType;exports.ConversationPlatform=e.ConversationPlatform;exports.registerCustomMessageComponent=e.registerCustomMessageComponent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5cf6726d.js");exports.ConversationComponent=e.ConversationComponent;exports.ConversationController=e.ConversationController;exports.ConversationEndedBehavior=e.ConversationEndedBehavior;exports.ConversationEntry=e.ConversationEntry;exports.ConversationMessageListItemType=e.ConversationMessageListItemType;exports.ConversationMessageType=e.ConversationMessageType;exports.ConversationPlatform=e.ConversationPlatform;exports.registerCustomMessageComponent=e.registerCustomMessageComponent;

package/index.mjs

@@ -1,4 +1,4 @@
-import { f as s, g as n, d as a, j as t, k as r, C, c as i, l as v } from "./index-ffd77508.mjs";
+import { f as s, g as n, d as a, j as t, k as r, C, c as i, l as v } from "./index-836222bd.mjs";
 export {
   s as ConversationComponent,
   n as ConversationController,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-conversation-flamingo",
-  "version": "1.1.11",
+  "version": "1.1.12-rc.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -10,7 +10,7 @@
     "@lit-labs/motion": "^1.0.4",
     "@teliads/icons": "^8.4.0",
     "@teliads/components": "^22.1.1",
-    "@telia-ace/widget-runtime-flamingo": "1.1.11",
+    "@telia-ace/widget-runtime-flamingo": "1.1.12-rc.1",
     "@webprovisions/platform": "^1.1.3",
     "@telia-ace/widget-core": "^1.0.27",
     "@telia-ace/widget-services": "^1.0.27"