@telia-ace/widget-components-area-flamingo 1.1.76 → 1.1.77-rc.1

package/{area-3b36f4f8.mjs → area-15ee7b15.mjs}

@@ -300,7 +300,7 @@ k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[M("elementProper
  */
 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);
+\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"), d = 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");
@@ -311,9 +311,9 @@ const Ee = (s, t) => {
   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 && (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);
+    let h, l, p = -1, u = 0;
+    for (; u < c.length && (n.lastIndex = u, l = n.exec(c), l !== null); )
+      u = 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);
   }
@@ -334,17 +334,17 @@ class D {
         if (r.hasAttributes())
           for (const p of r.getAttributeNames())
             if (p.endsWith(Gt)) {
-              const d = l[n++], f = r.getAttribute(p).split($), T = /([.?@])?(.*)/.exec(d);
+              const u = l[n++], f = r.getAttribute(p).split($), T = /([.?@])?(.*)/.exec(u);
               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($) && (c.push({ type: 6, index: o }), r.removeAttribute(p));
         if (Qt.test(r.tagName)) {
-          const p = r.textContent.split($), d = p.length - 1;
-          if (d > 0) {
+          const p = r.textContent.split($), u = p.length - 1;
+          if (u > 0) {
             r.textContent = K ? K.emptyScript : "";
-            for (let f = 0; f < d; f++)
+            for (let f = 0; f < u; f++)
               r.append(p[f], H()), S.nextNode(), c.push({ type: 2, index: ++o });
-            r.append(p[d], H());
+            r.append(p[u], H());
           }
         }
       } else if (r.nodeType === 8)
@@ -406,7 +406,7 @@ class B {
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, i, r) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -420,7 +420,7 @@ class B {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    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);
+    t = U(this, t, e), I(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : 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,7 +429,7 @@ class B {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== u && I(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && I(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var o;
@@ -473,7 +473,7 @@ class Q {
     return this._$AM._$AU;
   }
   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;
+    this.type = 1, this._$AH = d, 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 = d;
   }
   _$AI(t, e = this, i, r) {
     const o = this.strings;
@@ -484,12 +484,12 @@ class Q {
       const a = t;
       let 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;
+        h = U(this, a[i + c], e, c), h === P && (h = this._$AH[c]), n || (n = !I(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + o[c + 1]), this._$AH[c] = h;
     }
     n && !r && this.j(t);
   }
   j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
 class Oe extends Q {
@@ -497,7 +497,7 @@ class Oe extends Q {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
+    this.element[this.name] = t === d ? void 0 : t;
   }
 }
 class Te extends Q {
@@ -505,7 +505,7 @@ class Te extends Q {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
+    this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
 class ke extends Q {
@@ -513,9 +513,9 @@ class ke extends Q {
     super(t, e, i, r, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = U(this, t, e, 0) ?? u) === P)
+    if ((t = U(this, t, e, 0) ?? d) === P)
       return;
-    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);
+    const i = this._$AH, r = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== d && (i === d || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -665,7 +665,7 @@ var ot = ie(function(s) {
   `) : "", this.name = "UnsubscriptionError", this.errors = e;
   };
 });
-function ut(s, t) {
+function dt(s, t) {
   if (s) {
     var e = s.indexOf(t);
     0 <= e && s.splice(e, 1);
@@ -710,7 +710,7 @@ var tt = function() {
       if (p) {
         this._finalizers = null;
         try {
-          for (var d = pt(p), f = d.next(); !f.done; f = d.next()) {
+          for (var u = pt(p), f = u.next(); !f.done; f = u.next()) {
             var T = f.value;
             try {
               Mt(T);
@@ -722,7 +722,7 @@ var tt = function() {
           i = { error: v };
         } finally {
           try {
-            f && !f.done && (r = d.return) && r.call(d);
+            f && !f.done && (r = u.return) && r.call(u);
           } finally {
             if (i)
               throw i.error;
@@ -753,10 +753,10 @@ var tt = function() {
     this._parentage = Array.isArray(e) ? (e.push(t), e) : e ? [e, t] : t;
   }, s.prototype._removeParent = function(t) {
     var e = this._parentage;
-    e === t ? this._parentage = null : Array.isArray(e) && ut(e, t);
+    e === t ? this._parentage = null : Array.isArray(e) && dt(e, t);
   }, s.prototype.remove = function(t) {
     var e = this._finalizers;
-    e && ut(e, t), t instanceof s && t._removeParent(this);
+    e && dt(e, t), t instanceof s && t._removeParent(this);
   }, s.EMPTY = function() {
     var t = new s();
     return t.closed = !0, t;
@@ -774,21 +774,21 @@ var oe = {
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, dt = {
+}, ut = {
   setTimeout: function(s, t) {
     for (var e = [], i = 2; i < arguments.length; i++)
       e[i - 2] = arguments[i];
-    var r = dt.delegate;
+    var r = ut.delegate;
     return r != null && r.setTimeout ? r.setTimeout.apply(r, X([s, t], G(e))) : setTimeout.apply(void 0, X([s, t], G(e)));
   },
   clearTimeout: function(s) {
-    var t = dt.delegate;
+    var t = ut.delegate;
     return ((t == null ? void 0 : t.clearTimeout) || clearTimeout)(s);
   },
   delegate: void 0
 };
 function je(s) {
-  dt.setTimeout(function() {
+  ut.setTimeout(function() {
     throw s;
   });
 }
@@ -1054,7 +1054,7 @@ var We = ie(function(s) {
   }, t.prototype._innerSubscribe = function(e) {
     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);
+      i.currentObservers = null, dt(a, e);
     }));
   }, t.prototype._checkFinalizedStatuses = function(e) {
     var i = this, r = i.hasError, o = i.thrownError, n = i.isStopped;
@@ -1162,7 +1162,7 @@ class bt extends m {
     return (e = this.shadowRoot) == null || e.appendChild(t), t;
   }
   render() {
-    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), u;
+    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), d;
   }
 }
 bt.styles = [
@@ -1329,7 +1329,7 @@ class oi extends he {
     (t = this.l) == null || t.call(this), this.l = void 0;
   }
   render(t) {
-    return u;
+    return d;
   }
   getController() {
     return ei.get(this.u);
@@ -1461,8 +1461,8 @@ class oi extends he {
         const p = ct[c];
         if (h === void 0 || l === void 0)
           continue;
-        const d = p(h, l);
-        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));
+        const u = p(h, l);
+        u.transform !== void 0 && (a[c] = u.value, n = !0, r.transform = `${r.transform ?? ""} ${u.transform}`, u.overrideFrom !== void 0 && Object.assign(r, u.overrideFrom));
       } else
         h !== l && h !== void 0 && l !== void 0 && (n = !0, r[c] = h, o[c] = l);
     }
@@ -1565,14 +1565,14 @@ const Yt = _t(class extends ae {
 const pe = () => new ci();
 class ci {
 }
-const ht = /* @__PURE__ */ new WeakMap(), ue = _t(class extends he {
+const ht = /* @__PURE__ */ new WeakMap(), de = _t(class extends he {
   render(s) {
-    return u;
+    return d;
   }
   update(s, [t]) {
     var i;
     const e = t !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), u;
+    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), d;
   }
   rt(s) {
     if (typeof this.Y == "function") {
@@ -1616,7 +1616,22 @@ class w extends m {
       );
       return;
     }
-    this.active = !this.active, this.active ? (this.application.appendToDOM(), this.widgetActive$.next(!0), this.hideTrigger()) : (this.application.hide(), this.widgetActive$.next(!1), this.showTrigger());
+    this.active = !this.active, this.active ? (this.application.appendToDOM(), this.notify("widget-set-active", {
+      widgetId: this.application.id,
+      active: !0
+    }), this.widgetActive$.next(!0), this.hideTrigger()) : (this.application.hide(), this.notify("widget-set-active", {
+      widgetId: this.application.id,
+      active: !1
+    }), this.widgetActive$.next(!1), this.showTrigger());
+  }
+  notify(t, e = {}) {
+    window != null && window.parent && window.parent.postMessage(
+      {
+        type: t,
+        data: e
+      },
+      "*"
+    );
   }
   _applyBranding() {
     var t;
@@ -1629,7 +1644,7 @@ class w extends m {
       return C` <img src=${e} class="trigger-icon" alt="" /> `;
     const i = (h = this.application) == null ? void 0 : h.triggerIcon;
     if (!i)
-      return u;
+      return d;
     const r = async (l) => ai, { type: o, content: n } = i;
     switch (o) {
       case "Telia": {
@@ -1638,10 +1653,10 @@ class w extends m {
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
-          ></telia-icon>` : u;
+          ></telia-icon>` : d;
       }
       default:
-        return u;
+        return d;
     }
   }
   hideTrigger() {
@@ -1657,7 +1672,7 @@ class w extends m {
       "trigger-container": !0,
       hidden: !this.triggerVisible
     })}
-      ${ue(this.containerRef)}
+      ${de(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) ? C`
             <button
@@ -1673,7 +1688,7 @@ class w extends m {
             >
               ${this.application.settings.branding.other.buttonLabelText}
             </button>
-          ` : u}
+          ` : d}
 
       <button
         label="Widget trigger"
@@ -1863,12 +1878,12 @@ V([
 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--)
+var pi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, x = (s, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? di(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) => {
+const ue = (s) => {
   class t extends s {
     constructor() {
       super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
@@ -1923,7 +1938,7 @@ const de = (s) => {
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class fe extends de(m) {
+class fe extends ue(m) {
   render() {
     return C`Non resolved component`;
   }
@@ -1941,7 +1956,7 @@ var wt = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s)
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let di = class extends Event {
+let ui = class extends Event {
   constructor(t, e, i) {
     super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = i ?? !1;
   }
@@ -2008,7 +2023,7 @@ class qt extends fi {
         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)));
+        c.has(h) || (c.add(h), l.dispatchEvent(new ui(this.context, h, !0)));
       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);
   }
@@ -2095,7 +2110,7 @@ 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")), C`<div class="widget-container" ${ue(this.wrapperRef)}>
+    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")), window.self !== window.top && this.renderRoot.host.classList.add("embedded"), C`<div class="widget-container" ${de(this.wrapperRef)}>
       ${ee(this.nodes, (o) => o)}
     </div>`;
   }
@@ -2269,7 +2284,7 @@ class W extends m {
   }
   render() {
     if (!this.widget || this.status !== "activated")
-      return u;
+      return d;
     if (this.widget.renderStrategy === wt.Trigger) {
       const t = new w();
       return t.application = this.widget, t;
@@ -2309,7 +2324,7 @@ const Ai = (s) => {
     s.style.setProperty(i.replace("css-", ""), r);
   });
 };
-class Ci extends de(m) {
+class Ci extends ue(m) {
   constructor() {
     super(...arguments), this.nodes = [];
   }

package/{area-929c9764.js → area-a4eeb7c8.js}

@@ -66,7 +66,7 @@
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ue=()=>new hi;class hi{}const ht=new WeakMap,de=_t(class extends le{render(s){return u}update(s,[t]){var i;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(i=s.options)==null?void 0:i.host,this.rt(this.ct=s.element)),u}rt(s){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=ht.get(t);e===void 0&&(e=new WeakMap,ht.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,s),s!==void 0&&this.Y.call(this.ht,s)}else this.Y.value=s}get lt(){var s,t;return typeof this.Y=="function"?(s=ht.get(this.ht??globalThis))==null?void 0:s.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var li=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,V=(s,t,e,i)=>{for(var r=i>1?void 0:i?pi(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&&li(t,e,r),r};class w extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=ue(),this.widgetActive$=new Ye(!1),this.componentIsDestroyed$=new yt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}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.widgetActive$.next(!0),this.hideTrigger()):(this.application.hide(),this.widgetActive$.next(!1),this.showTrigger())}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&pe(this.application.settings.branding,this)}async _renderSymbol(){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 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=>ci,{type:o,content:n}=i;switch(o){case"Telia":{const l=await r();return l?C`<telia-icon
+ */const ue=()=>new hi;class hi{}const ht=new WeakMap,de=_t(class extends le{render(s){return u}update(s,[t]){var i;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(i=s.options)==null?void 0:i.host,this.rt(this.ct=s.element)),u}rt(s){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=ht.get(t);e===void 0&&(e=new WeakMap,ht.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,s),s!==void 0&&this.Y.call(this.ht,s)}else this.Y.value=s}get lt(){var s,t;return typeof this.Y=="function"?(s=ht.get(this.ht??globalThis))==null?void 0:s.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var li=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,V=(s,t,e,i)=>{for(var r=i>1?void 0:i?pi(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&&li(t,e,r),r};class w extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=ue(),this.widgetActive$=new Ye(!1),this.componentIsDestroyed$=new yt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}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.notify("widget-set-active",{widgetId:this.application.id,active:!0}),this.widgetActive$.next(!0),this.hideTrigger()):(this.application.hide(),this.notify("widget-set-active",{widgetId:this.application.id,active:!1}),this.widgetActive$.next(!1),this.showTrigger())}notify(t,e={}){window!=null&&window.parent&&window.parent.postMessage({type:t,data:e},"*")}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&pe(this.application.settings.branding,this)}async _renderSymbol(){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 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=>ci,{type:o,content:n}=i;switch(o){case"Telia":{const l=await r();return l?C`<telia-icon
             class="trigger-icon"
             svg=${l.svg}
             size="lg"
@@ -284,7 +284,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function mi({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new Zt(this,{context:s}))}),{get(){return t.get.call(this)},set(r){var o;return(o=i.get(this))==null||o.setValue(r),t.set.call(this,r)},init(r){var o;return(o=i.get(this))==null||o.setValue(r),r}};{t.constructor.addInitializer(n=>{i.set(n,new Zt(n,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let o;if(r===void 0){const n=new WeakMap;o={get:function(){return n.get(this)},set:function(a){i.get(this).setValue(a),n.set(this,a)},configurable:!0,enumerable:!0}}else{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,o)}}}var yi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,$i=(s,t,e,i)=>{for(var r=i>1?void 0:i?bi(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&&yi(t,e,r),r};const _i="application";class At extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ue()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&pe(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,r])=>{e.style.setProperty(`--${i}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}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")),C`<div class="widget-container" ${de(this.wrapperRef)}>
+ */function mi({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new Zt(this,{context:s}))}),{get(){return t.get.call(this)},set(r){var o;return(o=i.get(this))==null||o.setValue(r),t.set.call(this,r)},init(r){var o;return(o=i.get(this))==null||o.setValue(r),r}};{t.constructor.addInitializer(n=>{i.set(n,new Zt(n,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let o;if(r===void 0){const n=new WeakMap;o={get:function(){return n.get(this)},set:function(a){i.get(this).setValue(a),n.set(this,a)},configurable:!0,enumerable:!0}}else{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,o)}}}var yi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,$i=(s,t,e,i)=>{for(var r=i>1?void 0:i?bi(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&&yi(t,e,r),r};const _i="application";class At extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ue()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&pe(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,r])=>{e.style.setProperty(`--${i}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}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")),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),C`<div class="widget-container" ${de(this.wrapperRef)}>
       ${ie(this.nodes,o=>o)}
     </div>`}}At.styles=O`
     :host {

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-929c9764.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-a4eeb7c8.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const o = async (e) => {
-  e.registerComponent("area", import("./area-3b36f4f8.mjs"));
+  e.registerComponent("area", import("./area-15ee7b15.mjs"));
 };
 export {
   o as default

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@telia-ace/widget-components-area-flamingo",
-  "version": "1.1.76",
+  "version": "1.1.77-rc.1",
   "dependencies": {
-    "@telia-ace/widget-core-flamingo": "1.1.76",
+    "@telia-ace/widget-core-flamingo": "1.1.77-rc.1",
     "lit": "^3.0.2"
   },
   "main": "./index.js",

package/widget-manifest.json

@@ -0,0 +1,7 @@
+{
+  "components": [
+    {
+      "export": "AreaComponent"
+    }
+  ]
+}