@telia-ace/widget-side-menu 1.1.123-rc.9 → 1.1.124-rc.0

package/index.js

@@ -1 +1 @@
-"use strict";const n=async e=>{e.registerComponent("side-menu",Promise.resolve().then(()=>require("./side-menu-C3pgXQfW.js")))};module.exports=n;
+"use strict";const n=async e=>{e.registerComponent("side-menu",Promise.resolve().then(()=>require("./side-menu-C1IZk4tO.js")))};module.exports=n;

package/index.mjs

@@ -1,5 +1,5 @@
 const n = async (e) => {
-  e.registerComponent("side-menu", import("./side-menu-DT5P7_Zx.mjs"));
+  e.registerComponent("side-menu", import("./side-menu-E8qfNAjn.mjs"));
 };
 export {
   n as default

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@telia-ace/widget-side-menu",
-  "version": "1.1.123-rc.9",
+  "version": "1.1.124-rc.0",
   "dependencies": {
     "lit": "^3.0.2",
     "rxjs": "^7.8.2",
-    "@telia-ace/widget-core-flamingo": "1.1.123-rc.9",
+    "@telia-ace/widget-core-flamingo": "1.1.123",
     "@teliads/components": "^22.1.1",
     "@lit-labs/motion": "^1.0.8",
     "lit-html": "^3.0.2"

package/{side-menu-C3pgXQfW.js → side-menu-C1IZk4tO.js}

@@ -67,7 +67,7 @@
             svg=${u.svg}
             size="lg"
           ></telia-icon>`:p}default:return p}}hideTrigger(){this.triggerVisible=!1}showTrigger(){this.triggerVisible=!0}render(){var t,e,s,r,n,o,a;return k`<div
-      class=${Be({"trigger-container":!0,hidden:!this.triggerVisible})}
+      class=${Be({"trigger-container":!0,"ace-hidden":!this.triggerVisible})}
       ${oe(this.containerRef)}
     >
       ${!this.active&&((r=(s=(e=(t=this.application)==null?void 0:t.settings)==null?void 0:e.branding)==null?void 0:s.other)!=null&&r.showButtonLabel)?k`
@@ -137,7 +137,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 wr({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(r){return s.get(this).setValue(r),t.set.call(this,r)},init(r){return s.set(this,new Fe(this,{context:i,initialValue:r})),r}};{t.constructor.addInitializer((o=>{s.set(o,new Fe(o,{context:i}))}));const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get(){return o.get(this)},set(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var xr=Object.defineProperty,Mi=(i,t,e,s)=>{for(var r=void 0,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=o(t,e,r)||r);return r&&xr(t,e,r),r};const Sr="application",$e=class $e extends x{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=_t(),this.fullscreen=!1,this.isReady=new li(!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&&Ri(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([s,r])=>{e.style.setProperty(`--${s}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var s,r;const t=this.application.settings.components.conversation;return((r=(s=t==null?void 0:t.properties)==null?void 0:s.chat)==null?void 0:r.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===ae.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"),k`<div class="widget-container" ${oe(this.wrapperRef)}>
+ */function wr({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(r){return s.get(this).setValue(r),t.set.call(this,r)},init(r){return s.set(this,new Fe(this,{context:i,initialValue:r})),r}};{t.constructor.addInitializer((o=>{s.set(o,new Fe(o,{context:i}))}));const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get(){return o.get(this)},set(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var xr=Object.defineProperty,Mi=(i,t,e,s)=>{for(var r=void 0,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=o(t,e,r)||r);return r&&xr(t,e,r),r};const Sr="application",$e=class $e extends x{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=_t(),this.fullscreen=!1,this.isReady=new li(!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&&Ri(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([s,r])=>{e.style.setProperty(`--${s}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var e,s,r;return((r=(s=(e=this.application.settings)==null?void 0:e.agentConfig)==null?void 0:s.live)==null?void 0:r.isThirdPartyWidget)??!1?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===ae.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"),k`<div class="widget-container" ${oe(this.wrapperRef)}>
       ${mr(this.nodes,n=>n)}
     </div>`}};$e.styles=N`
     :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 nt=$e;Mi([b({attribute:!0})],nt.prototype,"fullscreen");Mi([b({attribute:!1}),wr({context:Sr})],nt.prototype,"application");var Ar=Object.defineProperty,le=(i,t,e,s)=>{for(var r=void 0,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=o(t,e,r)||r);return r&&Ar(t,e,r),r};const ve=class ve extends x{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 p;if(this.widget.renderStrategy===ae.Trigger){const t=new E;return t.application=this.widget,t}return this.widget.render()}};ve.styles=[N`

package/{side-menu-DT5P7_Zx.mjs → side-menu-E8qfNAjn.mjs}

@@ -2124,7 +2124,7 @@ const pe = class pe extends x {
     return k`<div
       class=${Be({
       "trigger-container": !0,
-      hidden: !this.triggerVisible
+      "ace-hidden": !this.triggerVisible
     })}
       ${oe(this.containerRef)}
     >
@@ -2208,7 +2208,7 @@ pe.styles = [
         gap: 1rem;
       }
 
-      .trigger-container.hidden {
+      .trigger-container.ace-hidden {
         display: none;
       }
 
@@ -2568,9 +2568,8 @@ const Sr = "application", $e = class $e extends x {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    var s, r;
-    const t = this.application.settings.components.conversation;
-    return ((r = (s = t == null ? void 0 : t.properties) == null ? void 0 : s.chat) == null ? void 0 : r.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === ae.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"), k`<div class="widget-container" ${oe(this.wrapperRef)}>
+    var e, s, r;
+    return ((r = (s = (e = this.application.settings) == null ? void 0 : e.agentConfig) == null ? void 0 : s.live) == null ? void 0 : r.isThirdPartyWidget) ?? !1 ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === ae.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"), k`<div class="widget-container" ${oe(this.wrapperRef)}>
       ${mr(this.nodes, (n) => n)}
     </div>`;
   }
@@ -2725,19 +2724,19 @@ $e.styles = N`
       }
     }
 
-    :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/side-menu-option.d.ts

@@ -1,3 +1,4 @@
+import { Observable } from 'rxjs';
 import { OptionsController } from './controllers/options-controller';
 export declare class SideMenuOption {
     label: string;
@@ -13,5 +14,5 @@ export declare class SideMenuOption {
     updateLabel(value: string): void;
     updateIcon(value: string): void;
     remove(): void;
-    subscribe(): import('rxjs').Observable<void>;
+    subscribe(): Observable<void>;
 }

package/side-menu.d.ts

@@ -1,9 +1,9 @@
-import { LitElement, nothing } from 'lit';
+import { LitElement, nothing, CSSResultGroup, TemplateResult } from 'lit';
 import { CreateSideMenuOption } from './types';
 import { SideMenuOption } from './side-menu-option';
 declare const WidgetElement: (new (...args: any[]) => import('../../core/src/index.ts').WidgetComponentType) & typeof LitElement;
 export declare class SideMenu extends WidgetElement {
-    static styles: import('lit').CSSResultGroup[];
+    static styles: CSSResultGroup;
     optionsIsVisible: boolean;
     private options;
     private optionsRef;
@@ -14,6 +14,6 @@ export declare class SideMenu extends WidgetElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _onClickOutside;
-    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    render(): TemplateResult | typeof nothing;
 }
 export default SideMenu;