@telia-ace/widget-components-area-flamingo 1.1.123-rc.9 → 1.1.123

package/{area-Muu1scep.js → area-NHtQ70qY.js}

@@ -71,7 +71,7 @@
             svg=${l.svg}
             size="lg"
           ></telia-icon>`:d}default:return d}}hideTrigger(){this.triggerVisible=!1}showTrigger(){this.triggerVisible=!0}render(){var t,e,i,r,o,n,a;return C`<div
-      class=${te({"trigger-container":!0,hidden:!this.triggerVisible})}
+      class=${te({"trigger-container":!0,"ace-hidden":!this.triggerVisible})}
       ${$e(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`
@@ -141,7 +141,7 @@
         gap: 1rem;
       }
 
-      .trigger-container.hidden {
+      .trigger-container.ace-hidden {
         display: none;
       }
 
@@ -286,7 +286,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function _i({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(r){return i.get(this).setValue(r),t.set.call(this,r)},init(r){return i.set(this,new ee(this,{context:s,initialValue:r})),r}};{t.constructor.addInitializer((n=>{i.set(n,new ee(n,{context:s}))}));const r=Object.getOwnPropertyDescriptor(t,e);let o;if(r===void 0){const n=new WeakMap;o={get(){return n.get(this)},set(a){i.get(this).setValue(a),n.set(this,a)},configurable:!0,enumerable:!0}}else{const n=r.set;o={...r,set(a){i.get(this).setValue(a),n==null||n.call(this,a)}}}return void Object.defineProperty(t,e,o)}}}var wi=Object.defineProperty,we=(s,t,e,i)=>{for(var r=void 0,o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(t,e,r)||r);return r&&wi(t,e,r),r};const xi="application",kt=class kt extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=be(),this.fullscreen=!1,this.isReady=new fe(!1)}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&ye(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===Ct.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")),this.application.fullscreen&&this.renderRoot.host.classList.add("fullscreen"),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),C`<div class="widget-container" ${$e(this.wrapperRef)}>
+ */function _i({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(r){return i.get(this).setValue(r),t.set.call(this,r)},init(r){return i.set(this,new ee(this,{context:s,initialValue:r})),r}};{t.constructor.addInitializer((n=>{i.set(n,new ee(n,{context:s}))}));const r=Object.getOwnPropertyDescriptor(t,e);let o;if(r===void 0){const n=new WeakMap;o={get(){return n.get(this)},set(a){i.get(this).setValue(a),n.set(this,a)},configurable:!0,enumerable:!0}}else{const n=r.set;o={...r,set(a){i.get(this).setValue(a),n==null||n.call(this,a)}}}return void Object.defineProperty(t,e,o)}}}var wi=Object.defineProperty,we=(s,t,e,i)=>{for(var r=void 0,o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(t,e,r)||r);return r&&wi(t,e,r),r};const xi="application",kt=class kt extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=be(),this.fullscreen=!1,this.isReady=new fe(!1)}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&ye(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 e,i,r;return((r=(i=(e=this.application.settings)==null?void 0:e.agentConfig)==null?void 0:i.live)==null?void 0:r.isThirdPartyWidget)??!1?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===Ct.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")),this.application.fullscreen&&this.renderRoot.host.classList.add("fullscreen"),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),C`<div class="widget-container" ${$e(this.wrapperRef)}>
       ${he(this.nodes,o=>o)}
     </div>`}};kt.styles=k`
     :host {
@@ -438,19 +438,19 @@
       }
     }
 
-    :host(.expanded) {
+    :host(.ace-expanded) {
       opacity: 1;
       animation: slideUp 0.3s linear;
     }
 
-    :host(.hidden) {
+    :host(.ace-hidden) {
       opacity: 0;
       animation: slideDown 0.3s linear;
       pointer-events: none;
     }
 
-    :host(.hidden.embedded),
-    :host(.expanded.embedded) {
+    :host(.ace-hidden.embedded),
+    :host(.ace-expanded.embedded) {
       animation: none;
     }
   `;let D=kt;we([g({attribute:!0})],D.prototype,"fullscreen");we([g({attribute:!1}),_i({context:xi})],D.prototype,"application");var Ai=Object.defineProperty,Et=(s,t,e,i)=>{for(var r=void 0,o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(t,e,r)||r);return r&&Ai(t,e,r),r};const Tt=class Tt extends m{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return d;if(this.widget.renderStrategy===Ct.Trigger){const t=new $;return t.application=this.widget,t}return this.widget.render()}};Tt.styles=[k`

package/{area-DNwNulDn.mjs → area-w530fuPt.mjs}

@@ -1592,7 +1592,7 @@ const St = class St extends m {
     return C`<div
       class=${Qt({
       "trigger-container": !0,
-      hidden: !this.triggerVisible
+      "ace-hidden": !this.triggerVisible
     })}
       ${$e(this.containerRef)}
     >
@@ -1676,7 +1676,7 @@ St.styles = [
         gap: 1rem;
       }
 
-      .trigger-container.hidden {
+      .trigger-container.ace-hidden {
         display: none;
       }
 
@@ -2025,9 +2025,8 @@ const xi = "application", Ot = class Ot extends m {
     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 === At.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")), this.application.fullscreen && this.renderRoot.host.classList.add("fullscreen"), window.self !== window.top && this.renderRoot.host.classList.add("embedded"), C`<div class="widget-container" ${$e(this.wrapperRef)}>
+    var e, i, r;
+    return ((r = (i = (e = this.application.settings) == null ? void 0 : e.agentConfig) == null ? void 0 : i.live) == null ? void 0 : r.isThirdPartyWidget) ?? !1 ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === At.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")), this.application.fullscreen && this.renderRoot.host.classList.add("fullscreen"), window.self !== window.top && this.renderRoot.host.classList.add("embedded"), C`<div class="widget-container" ${$e(this.wrapperRef)}>
       ${he(this.nodes, (o) => o)}
     </div>`;
   }
@@ -2182,19 +2181,19 @@ Ot.styles = k`
       }
     }
 
-    :host(.expanded) {
+    :host(.ace-expanded) {
       opacity: 1;
       animation: slideUp 0.3s linear;
     }
 
-    :host(.hidden) {
+    :host(.ace-hidden) {
       opacity: 0;
       animation: slideDown 0.3s linear;
       pointer-events: none;
     }
 
-    :host(.hidden.embedded),
-    :host(.expanded.embedded) {
+    :host(.ace-hidden.embedded),
+    :host(.ace-expanded.embedded) {
       animation: none;
     }
   `;

package/area.d.ts

@@ -1,9 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 import { WidgetComponentType } from '../../core/src/index.ts';
 declare const Area_base: (new (...args: any[]) => WidgetComponentType) & typeof LitElement;
 export declare class Area extends Area_base {
     nodes: WidgetComponentType[];
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1>;
+    static styles: CSSResultGroup;
+    render(): TemplateResult;
 }
 export default Area;

package/index.js

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

package/index.mjs

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

package/package.json

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