@telia-ace/widget-conversation-flamingo 1.0.3 → 1.0.5

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,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"}
+{"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,0BA4HpB;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;CA6DhB;AAED,eAAe,qBAAqB,CAAC"}

package/dist/{conversation-e1b55f28.js → conversation-d8f60ca8.js}

@@ -26,7 +26,7 @@ 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, d as cs, B as ds, u as hs } from "./index-246b0d35.js";
+import { C as mt, m as cs, V as ds, f as hs } from "./index-b38e12e1.js";
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -2160,33 +2160,35 @@ let H = class extends _ {
     })}
     >
       <div class="conversation-content" ${Rs(this.conversationContentRef)}>
-        ${(this.properties.messages || []).map(
+        <div class="conversation-content-inner">
+          ${(this.properties.messages || []).map(
       (s) => f`<div class="conversation-entry" tabindex="-1">
-              <conversation-component-message
-                .message=${s}
-                ${ue({
+                <conversation-component-message
+                  .message=${s}
+                  ${ue({
         keyframeOptions: {},
         in: ae,
         out: le,
         stabilizeOut: !0,
         skipInitial: !1
       })}
-              >
-              </conversation-component-message>
-            </div>`
+                >
+                </conversation-component-message>
+              </div>`
     )}
-        ${this.properties.loading ? f`<div
-              class="loader"
-              ${ue({
+          ${this.properties.loading ? f`<div
+                class="loader"
+                ${ue({
       in: ae,
       out: le,
       skipInitial: !1
     })}
-            >
-              <div></div>
-              <div></div>
-              <div></div>
-            </div>` : p}
+              >
+                <div></div>
+                <div></div>
+                <div></div>
+              </div>` : p}
+        </div>
       </div>
       <form class="conversation-bottom" @submit=${this._onSendMessage}>
         <div class="conversation-bottom-left">
@@ -2213,6 +2215,7 @@ H.styles = z`
       box-sizing: border-box;
       font-family: var(--font-family);
       --send-icon-color: var(--gray-dark-color, #a6a6a6);
+      --conversation-bg: #fafafa;
 
       scrollbar-width: thin; /* Firefox */
       scrollbar-color: #7f7f7f transparent; /* Firefox */
@@ -2234,8 +2237,10 @@ H.styles = z`
     }
 
     .conversation {
-      display: flex;
-      flex-direction: column;
+      display: grid;
+      grid-template-rows: 1fr auto;
+      height: 100%;
+      background-color: var(--conversation-bg);
     }
 
     .conversation.input-has-text {
@@ -2243,13 +2248,18 @@ H.styles = z`
     }
 
     .conversation-content {
-      height: 400px;
-      display: flex;
-      flex-direction: column;
+      flex: 1;
+
       padding: var(--spacing-md);
       overflow-y: auto;
       overflow-x: hidden;
     }
+    .conversation-content-inner {
+      display: flex;
+      flex-direction: column;
+      justify-content: end;
+      min-height: 100%;
+    }
     .conversation-bottom {
       border-top: 1px solid var(--gray-color);
       background-color: #fff;
@@ -2344,4 +2354,4 @@ export {
   H as ConversationComponent,
   pn as default
 };
-//# sourceMappingURL=conversation-e1b55f28.js.map
+//# sourceMappingURL=conversation-d8f60ca8.js.map