@telia-ace/widget-conversation-flamingo 1.1.18 → 1.1.19-rc.1

package/{conversation-9745531a.js → conversation-8e0ad5eb.js}

@@ -1,4 +1,4 @@
-"use strict";const xt=require("./index-b34f590f.js");/**
+"use strict";const xt=require("./index-f74815a8.js");/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -48,9 +48,9 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Wt=bt(class extends Ft{constructor(e){var t;if(super(e),e.type!==yt.ATTRIBUTE||e.name!=="class"||((t=e.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){var i,n;if(this.it===void 0){this.it=new Set,e.strings!==void 0&&(this.st=new Set(e.strings.join(" ").split(/\s/).filter(r=>r!=="")));for(const r in t)t[r]&&!((i=this.st)!=null&&i.has(r))&&this.it.add(r);return this.render(t)}const s=e.element.classList;for(const r of this.it)r in t||(s.remove(r),this.it.delete(r));for(const r in t){const o=!!t[r];o===this.it.has(r)||(n=this.st)!=null&&n.has(r)||(o?(s.add(r),this.it.add(r)):(s.remove(r),this.it.delete(r)))}return C}}),it=(e,t,s)=>{e&&s.style.setProperty(t,e)},ts=(e,t)=>{var s,i,n,r;it((s=e.colors)==null?void 0:s.primaryBackground,"--primary-background",t),it((i=e.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),it((n=e.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),it((r=e.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Pi=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,_t=(e,t,s,i)=>{for(var n=i>1?void 0:i?Li(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(n=(i?o(t,s,n):o(n))||n);return i&&n&&Pi(t,s,n),n};class U extends v{constructor(){super(...arguments),this.active=!1,this.loaded=!1}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}_toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?this.application.appendToDOM():this.application.hide()}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&ts(this.application.settings.branding,this)}async _renderSymbol(){var r;const t=(r=this.application)==null?void 0:r.triggerIcon;if(!t)return u;const s=async o=>await Promise.resolve().then(()=>require("./index-823bc9d0.js")).then(l=>l[o]),{type:i,content:n}=t;switch(i){case"Telia":{const o=await s(n);return o?$`<telia-icon
+ */const Wt=bt(class extends Ft{constructor(e){var t;if(super(e),e.type!==yt.ATTRIBUTE||e.name!=="class"||((t=e.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){var i,n;if(this.it===void 0){this.it=new Set,e.strings!==void 0&&(this.st=new Set(e.strings.join(" ").split(/\s/).filter(r=>r!=="")));for(const r in t)t[r]&&!((i=this.st)!=null&&i.has(r))&&this.it.add(r);return this.render(t)}const s=e.element.classList;for(const r of this.it)r in t||(s.remove(r),this.it.delete(r));for(const r in t){const o=!!t[r];o===this.it.has(r)||(n=this.st)!=null&&n.has(r)||(o?(s.add(r),this.it.add(r)):(s.remove(r),this.it.delete(r)))}return C}}),it=(e,t,s)=>{e&&s.style.setProperty(t,e)},ts=(e,t)=>{var s,i,n,r;it((s=e.colors)==null?void 0:s.primaryBackground,"--primary-background",t),it((i=e.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),it((n=e.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),it((r=e.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Pi=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,_t=(e,t,s,i)=>{for(var n=i>1?void 0:i?Li(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(n=(i?o(t,s,n):o(n))||n);return i&&n&&Pi(t,s,n),n};class U extends v{constructor(){super(...arguments),this.active=!1,this.loaded=!1}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}_toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?this.application.appendToDOM():this.application.hide()}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&ts(this.application.settings.branding,this)}async _renderSymbol(){var a,l;const t=(a=this.application)==null?void 0:a.branding(),s=t==null?void 0:t.graphics.trigger;if(s)return $` <img src=${s} class="trigger-icon" alt="" /> `;const i=(l=this.application)==null?void 0:l.triggerIcon;if(!i)return u;const n=async c=>await Promise.resolve().then(()=>require("./index-8f4273fd.js")).then(d=>d[c]),{type:r,content:o}=i;switch(r){case"Telia":{const c=await n(o);return c?$`<telia-icon
             class="trigger-icon"
-            svg=${o.svg}
+            svg=${c.svg}
             size="lg"
           ></telia-icon>`:u}default:return u}}render(){return $`<button
       class=${Wt({trigger:!0,active:this.active,rendered:this.loaded})}
@@ -152,6 +152,10 @@
         align-items: center;
         fill: var(--trigger-text-color, var(--text-on-primary-background));
       }
+
+      img {
+        max-width: 100%;
+      }
     `];_t([g({attribute:!1})],U.prototype,"application",2);_t([A()],U.prototype,"active",2);_t([A()],U.prototype,"loaded",2);_t([A()],U.prototype,"icon",2);var Ui=Object.defineProperty,Ni=Object.getOwnPropertyDescriptor,k=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ni(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(n=(i?o(t,s,n):o(n))||n);return i&&n&&Ui(t,s,n),n};const es=e=>{class t extends e{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(i){this.properties=i}writeLayout(i){this.layout=i}writeContext(i){this.context=i}addChild(i){i.parent=this,this.nodes.push(i)}connectedCallback(){super.connectedCallback(),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`)}}return t.styles=[_`
         :host {
           font-family: var(--font-family);

package/{conversation-82eb83b8.mjs → conversation-e5cbfa02.mjs}

@@ -1,4 +1,4 @@
-import { C as xt } from "./index-e9da2f7d.mjs";
+import { C as xt } from "./index-9a0c787a.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -1475,19 +1475,22 @@ class U extends v {
     (t = this.application) != null && t.settings && Ve(this.application.settings.branding, this);
   }
   async _renderSymbol() {
-    var r;
-    const t = (r = this.application) == null ? void 0 : r.triggerIcon;
-    if (!t)
+    var a, l;
+    const t = (a = this.application) == null ? void 0 : a.branding(), s = t == null ? void 0 : t.graphics.trigger;
+    if (s)
+      return $` <img src=${s} class="trigger-icon" alt="" /> `;
+    const i = (l = this.application) == null ? void 0 : l.triggerIcon;
+    if (!i)
       return u;
-    const s = async (o) => await import("./index-cc2f0d24.mjs").then(
-      (l) => l[o]
-    ), { type: i, content: n } = t;
-    switch (i) {
+    const n = async (c) => await import("./index-536e1cef.mjs").then(
+      (d) => d[c]
+    ), { type: r, content: o } = i;
+    switch (r) {
       case "Telia": {
-        const o = await s(n);
-        return o ? $`<telia-icon
+        const c = await n(o);
+        return c ? $`<telia-icon
             class="trigger-icon"
-            svg=${o.svg}
+            svg=${c.svg}
             size="lg"
           ></telia-icon>` : u;
       }
@@ -1604,6 +1607,10 @@ U.styles = [
         align-items: center;
         fill: var(--trigger-text-color, var(--text-on-primary-background));
       }
+
+      img {
+        max-width: 100%;
+      }
     `
 ];
 _t([