@telia-ace/widget-components-widget-header-flamingo 1.1.76-rc.14 → 1.1.76-rc.16

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-57437745.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-58c7f737.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const t = async (e) => {
-  e.registerComponent("widget-header", import("./widget-header-8d3447dd.mjs"));
+  e.registerComponent("widget-header", import("./widget-header-0813bffb.mjs"));
 };
 export {
   t as default

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.1.76-rc.14",
+  "version": "1.1.76-rc.16",
   "dependencies": {
     "lit": "^3.0.2",
-    "@telia-ace/widget-core-flamingo": "1.1.76-rc.14",
+    "@telia-ace/widget-core-flamingo": "1.1.76-rc.16",
     "@teliads/components": "^22.1.1",
     "@teliads/icons": "^8.4.0",
     "@lit-labs/motion": "^1.0.6",

package/{widget-header-8d3447dd.mjs → widget-header-0813bffb.mjs}

@@ -2661,7 +2661,7 @@ class ne extends S {
   render() {
     var s, n;
     const t = this.application.settings.components.conversation;
-    return ((n = (s = t == null ? void 0 : t.properties) == null ? void 0 : s.chat) == null ? void 0 : n.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === se.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")), b`<div class="widget-container" ${_t(this.wrapperRef)}>
+    return ((n = (s = t == null ? void 0 : t.properties) == null ? void 0 : s.chat) == null ? void 0 : n.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === se.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 ? (console.log("This page is embedded in an iframe."), this.renderRoot.host.classList.add("embedded")) : console.log("This page is not embedded in an iframe."), b`<div class="widget-container" ${_t(this.wrapperRef)}>
       ${vn(this.nodes, (r) => r)}
     </div>`;
   }
@@ -2711,6 +2711,14 @@ ne.styles = j`
       position: fixed;
     }
 
+    :host(.embedded) {
+      padding: 40px !important;
+    }
+
+    :host(.embedded) .widget-container {
+      padding: 0.7em !important;
+    }
+
     @media screen and (max-width: 800px) {
       :host(.floating) {
         inset: 0;

package/{widget-header-57437745.js → widget-header-58c7f737.js}

@@ -284,7 +284,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function _n({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){s.set(this,new Re(this,{context:i}))}),{get(){return t.get.call(this)},set(n){var r;return(r=s.get(this))==null||r.setValue(n),t.set.call(this,n)},init(n){var r;return(r=s.get(this))==null||r.setValue(n),n}};{t.constructor.addInitializer(o=>{s.set(o,new Re(o,{context:i}))});const n=Object.getOwnPropertyDescriptor(t,e);let r;if(n===void 0){const o=new WeakMap;r={get:function(){return o.get(this)},set:function(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=n.set;r={...n,set:function(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,r)}}}var wn=Object.defineProperty,xn=Object.getOwnPropertyDescriptor,Sn=(i,t,e,s)=>{for(var n=s>1?void 0:s?xn(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&wn(t,e,n),n};const An="application";class re extends S{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=bt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&Ci(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,n])=>{e.style.setProperty(`--${s}`,n)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var s,n;const t=this.application.settings.components.conversation;return((n=(s=t==null?void 0:t.properties)==null?void 0:s.chat)==null?void 0:n.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===ne.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")),b`<div class="widget-container" ${_t(this.wrapperRef)}>
+ */function _n({context:i}){return(t,e)=>{const s=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){s.set(this,new Re(this,{context:i}))}),{get(){return t.get.call(this)},set(n){var r;return(r=s.get(this))==null||r.setValue(n),t.set.call(this,n)},init(n){var r;return(r=s.get(this))==null||r.setValue(n),n}};{t.constructor.addInitializer(o=>{s.set(o,new Re(o,{context:i}))});const n=Object.getOwnPropertyDescriptor(t,e);let r;if(n===void 0){const o=new WeakMap;r={get:function(){return o.get(this)},set:function(a){s.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=n.set;r={...n,set:function(a){s.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,r)}}}var wn=Object.defineProperty,xn=Object.getOwnPropertyDescriptor,Sn=(i,t,e,s)=>{for(var n=s>1?void 0:s?xn(t,e):t,r=i.length-1,o;r>=0;r--)(o=i[r])&&(n=(s?o(t,e,n):o(n))||n);return s&&n&&wn(t,e,n),n};const An="application";class re extends S{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=bt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&Ci(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,n])=>{e.style.setProperty(`--${s}`,n)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var s,n;const t=this.application.settings.components.conversation;return((n=(s=t==null?void 0:t.properties)==null?void 0:s.chat)==null?void 0:n.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===ne.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?(console.log("This page is embedded in an iframe."),this.renderRoot.host.classList.add("embedded")):console.log("This page is not embedded in an iframe."),b`<div class="widget-container" ${_t(this.wrapperRef)}>
       ${vn(this.nodes,r=>r)}
     </div>`}}re.styles=j`
     :host {
@@ -331,6 +331,14 @@
       position: fixed;
     }
 
+    :host(.embedded) {
+      padding: 40px !important;
+    }
+
+    :host(.embedded) .widget-container {
+      padding: 0.7em !important;
+    }
+
     @media screen and (max-width: 800px) {
       :host(.floating) {
         inset: 0;