@telia-ace/widget-conversation-flamingo 1.1.32-rc.0 → 1.1.32-rc.1
Sign up to get free protection for your applications and to get access to all the features.
- package/{conversation-3beb5b93.mjs → conversation-30b4f564.mjs} +766 -753
- package/conversation-d2944e09.js +688 -0
- package/conversation.d.ts +1 -0
- package/{index-1d75daa4.js → index-0255770a.js} +1 -1
- package/{index-f785c1ce.js → index-47f7bb79.js} +1 -1
- package/{index-945905bd.mjs → index-59fe3cc0.mjs} +1 -1
- package/{index-291fb24c.mjs → index-7b4e9cb8.mjs} +152 -152
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/conversation-c475dda3.js +0 -688
package/conversation-c475dda3.js
DELETED
@@ -1,688 +0,0 @@
|
|
1
|
-
"use strict";const St=require("./index-f785c1ce.js");/**
|
2
|
-
* @license
|
3
|
-
* Copyright 2019 Google LLC
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
-
*/const rt=globalThis,Dt=rt.ShadowRoot&&(rt.ShadyCSS===void 0||rt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,It=Symbol(),Jt=new WeakMap;let ke=class{constructor(t,s,i){if(this._$cssResult$=!0,i!==It)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(Dt&&t===void 0){const i=s!==void 0&&s.length===1;i&&(t=Jt.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Jt.set(s,t))}return t}toString(){return this.cssText}};const as=e=>new ke(typeof e=="string"?e:e+"",void 0,It),_=(e,...t)=>{const s=e.length===1?e[0]:t.reduce((i,n,r)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[r+1],e[0]);return new ke(s,e,It)},ls=(e,t)=>{if(Dt)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const i=document.createElement("style"),n=rt.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=s.cssText,e.appendChild(i)}},Vt=Dt?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const i of t.cssRules)s+=i.cssText;return as(s)})(e):e;/**
|
6
|
-
* @license
|
7
|
-
* Copyright 2017 Google LLC
|
8
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
-
*/const{is:cs,defineProperty:ds,getOwnPropertyDescriptor:hs,getOwnPropertyNames:ps,getOwnPropertySymbols:us,getPrototypeOf:fs}=Object,C=globalThis,te=C.trustedTypes,gs=te?te.emptyScript:"",Ct=C.reactiveElementPolyfillSupport,W=(e,t)=>e,ot={toAttribute(e,t){switch(t){case Boolean:e=e?gs:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},zt=(e,t)=>!cs(e,t),ee={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:zt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let U=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=ee){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,s);n!==void 0&&ds(this.prototype,t,n)}}static getPropertyDescriptor(t,s,i){const{get:n,set:r}=hs(this.prototype,t)??{get(){return this[s]},set(o){this[s]=o}};return{get(){return n==null?void 0:n.call(this)},set(o){const a=n==null?void 0:n.call(this);r.call(this,o),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ee}static _$Ei(){if(this.hasOwnProperty(W("elementProperties")))return;const t=fs(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(W("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(W("properties"))){const s=this.properties,i=[...ps(s),...us(s)];for(const n of i)this.createProperty(n,s[n])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[i,n]of s)this.elementProperties.set(i,n)}this._$Eh=new Map;for(const[s,i]of this.elementProperties){const n=this._$Eu(s,i);n!==void 0&&this._$Eh.set(n,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const n of i)s.unshift(Vt(n))}else t!==void 0&&s.push(Vt(t));return s}static _$Eu(t,s){const i=s.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$Eg=new Promise(s=>this.enableUpdating=s),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(s=>s(this))}addController(t){var s;(this._$ES??(this._$ES=[])).push(t),this.renderRoot!==void 0&&this.isConnected&&((s=t.hostConnected)==null||s.call(t))}removeController(t){var s;(s=this._$ES)==null||s.splice(this._$ES.indexOf(t)>>>0,1)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ls(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)==null||t.forEach(s=>{var i;return(i=s.hostConnected)==null?void 0:i.call(s)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)==null||t.forEach(s=>{var i;return(i=s.hostDisconnected)==null?void 0:i.call(s)})}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$EO(t,s){var r;const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const o=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:ot).toAttribute(s,i.type);this._$Em=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$Em=null}}_$AK(t,s){var r;const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const o=i.getPropertyOptions(n),a=typeof o.converter=="function"?{fromAttribute:o.converter}:((r=o.converter)==null?void 0:r.fromAttribute)!==void 0?o.converter:ot;this._$Em=n,this[n]=a.fromAttribute(s,o.type),this._$Em=null}}requestUpdate(t,s,i,n=!1,r){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??zt)(n?r:this[t],s))return;this.C(t,s,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this._$Ep){for(const[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[r,o]of n)o.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.C(r,this[r],o)}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),(i=this._$ES)==null||i.forEach(n=>{var r;return(r=n.hostUpdate)==null?void 0:r.call(n)}),this.update(s)):this._$ET()}catch(n){throw t=!1,this._$ET(),n}t&&this._$AE(s)}willUpdate(t){}_$AE(t){var s;(s=this._$ES)==null||s.forEach(i=>{var n;return(n=i.hostUpdated)==null?void 0:n.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(s=>this._$EO(s,this[s]))),this._$ET()}updated(t){}firstUpdated(t){}};U.elementStyles=[],U.shadowRootOptions={mode:"open"},U[W("elementProperties")]=new Map,U[W("finalized")]=new Map,Ct==null||Ct({ReactiveElement:U}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.0.1");/**
|
10
|
-
* @license
|
11
|
-
* Copyright 2017 Google LLC
|
12
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
13
|
-
*/const G=globalThis,at=G.trustedTypes,se=at?at.createPolicy("lit-html",{createHTML:e=>e}):void 0,Te="$lit$",S=`lit$${(Math.random()+"").slice(9)}$`,Oe="?"+S,$s=`<${Oe}>`,L=document,X=()=>L.createComment(""),Y=e=>e===null||typeof e!="object"&&typeof e!="function",Pe=Array.isArray,ms=e=>Pe(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",Et=`[
|
14
|
-
\f\r]`,F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,ne=/>/g,T=RegExp(`>|${Et}(?:([^\\s"'>=/]+)(${Et}*=${Et}*(?:[^
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,oe=/"/g,Le=/^(?:script|style|textarea|title)$/i,vs=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),f=vs(1),E=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),ae=new WeakMap,P=L.createTreeWalker(L,129);function Re(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return se!==void 0?se.createHTML(t):t}const ys=(e,t)=>{const s=e.length-1,i=[];let n,r=t===2?"<svg>":"",o=F;for(let a=0;a<s;a++){const l=e[a];let c,d,h=-1,p=0;for(;p<l.length&&(o.lastIndex=p,d=o.exec(l),d!==null);)p=o.lastIndex,o===F?d[1]==="!--"?o=ie:d[1]!==void 0?o=ne:d[2]!==void 0?(Le.test(d[2])&&(n=RegExp("</"+d[2],"g")),o=T):d[3]!==void 0&&(o=T):o===T?d[0]===">"?(o=n??F,h=-1):d[1]===void 0?h=-2:(h=o.lastIndex-d[2].length,c=d[1],o=d[3]===void 0?T:d[3]==='"'?oe:re):o===oe||o===re?o=T:o===ie||o===ne?o=F:(o=T,n=void 0);const g=o===T&&e[a+1].startsWith("/>")?" ":"";r+=o===F?l+$s:h>=0?(i.push(c),l.slice(0,h)+Te+l.slice(h)+S+g):l+S+(h===-2?a:g)}return[Re(e,r+(e[s]||"<?>")+(t===2?"</svg>":"")),i]};class K{constructor({strings:t,_$litType$:s},i){let n;this.parts=[];let r=0,o=0;const a=t.length-1,l=this.parts,[c,d]=ys(t,s);if(this.el=K.createElement(c,i),P.currentNode=this.el.content,s===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=P.nextNode())!==null&&l.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(const h of n.getAttributeNames())if(h.endsWith(Te)){const p=d[o++],g=n.getAttribute(h).split(S),x=/([.?@])?(.*)/.exec(p);l.push({type:1,index:r,name:x[2],strings:g,ctor:x[1]==="."?_s:x[1]==="?"?xs:x[1]==="@"?ws:vt}),n.removeAttribute(h)}else h.startsWith(S)&&(l.push({type:6,index:r}),n.removeAttribute(h));if(Le.test(n.tagName)){const h=n.textContent.split(S),p=h.length-1;if(p>0){n.textContent=at?at.emptyScript:"";for(let g=0;g<p;g++)n.append(h[g],X()),P.nextNode(),l.push({type:2,index:++r});n.append(h[p],X())}}}else if(n.nodeType===8)if(n.data===Oe)l.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(S,h+1))!==-1;)l.push({type:7,index:r}),h+=S.length-1}r++}}static createElement(t,s){const i=L.createElement("template");return i.innerHTML=t,i}}function I(e,t,s=e,i){var o,a;if(t===E)return t;let n=i!==void 0?(o=s._$Co)==null?void 0:o[i]:s._$Cl;const r=Y(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==r&&((a=n==null?void 0:n._$AO)==null||a.call(n,!1),r===void 0?n=void 0:(n=new r(e),n._$AT(e,s,i)),i!==void 0?(s._$Co??(s._$Co=[]))[i]=n:s._$Cl=n),n!==void 0&&(t=I(e,n._$AS(e,t.values),n,i)),t}class bs{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:i}=this._$AD,n=((t==null?void 0:t.creationScope)??L).importNode(s,!0);P.currentNode=n;let r=P.nextNode(),o=0,a=0,l=i[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new Z(r,r.nextSibling,this,t):l.type===1?c=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(c=new As(r,this,t)),this._$AV.push(c),l=i[++a]}o!==(l==null?void 0:l.index)&&(r=P.nextNode(),o++)}return P.currentNode=L,n}p(t){let s=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,s),s+=i.strings.length-2):i._$AI(t[s])),s++}}class Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,s,i,n){this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=i,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=I(this,t,s),Y(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==E&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):ms(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==u&&Y(this._$AH)?this._$AA.nextSibling.data=t:this.$(L.createTextNode(t)),this._$AH=t}g(t){var r;const{values:s,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=K.createElement(Re(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)==null?void 0:r._$AD)===n)this._$AH.p(s);else{const o=new bs(n,this),a=o.u(this.options);o.p(s),this.$(a),this._$AH=o}}_$AC(t){let s=ae.get(t.strings);return s===void 0&&ae.set(t.strings,s=new K(t)),s}T(t){Pe(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let i,n=0;for(const r of t)n===s.length?s.push(i=new Z(this.k(X()),this.k(X()),this,this.options)):i=s[n],i._$AI(r),n++;n<s.length&&(this._$AR(i&&i._$AB.nextSibling,n),s.length=n)}_$AR(t=this._$AA.nextSibling,s){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,s);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var s;this._$AM===void 0&&(this._$Cv=t,(s=this._$AP)==null||s.call(this,t))}}class vt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,i,n,r){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=s,this._$AM=n,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,s=this,i,n){const r=this.strings;let o=!1;if(r===void 0)t=I(this,t,s,0),o=!Y(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const a=t;let l,c;for(t=r[0],l=0;l<r.length-1;l++)c=I(this,a[i+l],s,l),c===E&&(c=this._$AH[l]),o||(o=!Y(c)||c!==this._$AH[l]),c===u?t=u:t!==u&&(t+=(c??"")+r[l+1]),this._$AH[l]=c}o&&!n&&this.O(t)}O(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class _s extends vt{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===u?void 0:t}}let xs=class extends vt{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}};class ws extends vt{constructor(t,s,i,n,r){super(t,s,i,n,r),this.type=5}_$AI(t,s=this){if((t=I(this,t,s,0)??u)===E)return;const i=this._$AH,n=t===u&&i!==u||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==u&&(i===u||n);n&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s;typeof this._$AH=="function"?this._$AH.call(((s=this.options)==null?void 0:s.host)??this.element,t):this._$AH.handleEvent(t)}}class As{constructor(t,s,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){I(this,t)}}const kt=G.litHtmlPolyfillSupport;kt==null||kt(K,Z),(G.litHtmlVersions??(G.litHtmlVersions=[])).push("3.0.2");const Ss=(e,t,s)=>{const i=(s==null?void 0:s.renderBefore)??t;let n=i._$litPart$;if(n===void 0){const r=(s==null?void 0:s.renderBefore)??null;i._$litPart$=n=new Z(t.insertBefore(X(),r),r,void 0,s??{})}return n._$AI(e),n};/**
|
16
|
-
* @license
|
17
|
-
* Copyright 2017 Google LLC
|
18
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
19
|
-
*/let v=class extends U{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var s;const t=super.createRenderRoot();return(s=this.renderOptions).renderBefore??(s.renderBefore=t.firstChild),t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ss(s,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return E}};var Ee;v._$litElement$=!0,v.finalized=!0,(Ee=globalThis.litElementHydrateSupport)==null||Ee.call(globalThis,{LitElement:v});const Tt=globalThis.litElementPolyfillSupport;Tt==null||Tt({LitElement:v});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.1");const Ue={name:"send",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>'},H={allRenderFn:!1,cmpDidLoad:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!0,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!0,hostListenerTargetDocument:!0,hostListenerTargetBody:!0,hostListenerTargetParent:!1,hostListenerTarget:!0,member:!0,method:!0,mode:!0,observeAttribute:!0,prop:!0,propMutable:!0,reflect:!0,scoped:!0,shadowDom:!0,slot:!0,cssAnnotations:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomXlink:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomPropOrAttr:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,hotModuleReplacement:!1,isDebug:!1,isDev:!1,isTesting:!1,hydrateServerSide:!1,hydrateClientSide:!1,lifecycleDOMEvents:!1,lazyLoad:!1,profile:!1,slotRelocation:!0,appendChildSlotFix:!1,cloneNodeFix:!1,hydratedAttribute:!1,hydratedClass:!0,safari10:!1,scriptDataOpts:!1,scopedSlotTextContentFix:!1,shadowDomShim:!1,slotChildNodesFix:!1,invisiblePrehydration:!0,propBoolean:!0,propNumber:!0,propString:!0,cssVarShim:!1,constructableCSS:!0,cmpShouldUpdate:!0,devTools:!1,dynamicImportShim:!1,shadowDelegatesFocus:!0,initializeNextTick:!1,asyncLoading:!1,asyncQueue:!1,transformTagName:!1,attachStyles:!0};let N,He,yt,Ne=!1,lt=!1,Bt=!1,y=!1,le=null,Rt=!1;const bt=typeof window<"u"?window:{},w=bt.document||{head:{}},Me=bt.HTMLElement||class{},m={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,i)=>e.addEventListener(t,s,i),rel:(e,t,s,i)=>e.removeEventListener(t,s,i),ce:(e,t)=>new CustomEvent(e,t)},Cs=(()=>{let e=!1;try{w.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch{}return e})(),Es=e=>Promise.resolve(e),ks=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),je=(e,t,s,i)=>{s&&s.map(([n,r,o])=>{const a=Os(e,n),l=Ts(t,o),c=Ps(n);m.ael(a,r,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>m.rel(a,r,l,c))})},Ts=(e,t)=>s=>{try{H.lazyLoad||e.$hostElement$[t](s)}catch(i){J(i)}},Os=(e,t)=>t&4?w:t&8?bt:t&16?w.body:e,Ps=e=>Cs?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,ce="http://www.w3.org/1999/xlink",R=(e,t="")=>()=>{},de=new WeakMap,Ls=(e,t,s)=>{let i=ht.get(e);ks&&s?(i=i||new CSSStyleSheet,i.replace(t)):i=t,ht.set(e,i)},Rs=(e,t,s,i)=>{let n=De(t,s),r=ht.get(n);if(e=e.nodeType===11?e:w,r)if(typeof r=="string"){e=e.head||e;let o=de.get(e),a;o||de.set(e,o=new Set),o.has(n)||(a=w.createElement("style"),a.innerHTML=r,e.insertBefore(a,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]);return n},Us=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,i=t.$flags$,n=R("attachStyles",t.$tagName$),r=Rs(s.shadowRoot?s.shadowRoot:s.getRootNode(),t,e.$modeName$);i&10&&(s["s-sc"]=r,s.classList.add(r+"-h"),i&2&&s.classList.add(r+"-s")),n()},De=(e,t)=>"sc-"+(t&&e.$flags$&32?e.$tagName$+"-"+t:e.$tagName$),Hs=e=>ci.map(t=>t(e)).find(t=>!!t),he={},Ns="http://www.w3.org/2000/svg",Ms="http://www.w3.org/1999/xhtml",js=e=>e!=null,Ft=e=>(e=typeof e,e==="object"||e==="function"),j=(e,t,...s)=>{let i=null,n=null,r=null,o=!1,a=!1,l=[];const c=h=>{for(let p=0;p<h.length;p++)i=h[p],Array.isArray(i)?c(i):i!=null&&typeof i!="boolean"&&((o=typeof e!="function"&&!Ft(i))&&(i=String(i)),o&&a?l[l.length-1].$text$+=i:l.push(o?ct(null,i):i),a=o)};if(c(s),t){t.key&&(n=t.key),t.name&&(r=t.name);{const h=t.className||t.class;h&&(t.class=typeof h!="object"?h:Object.keys(h).filter(p=>h[p]).join(" "))}}if(typeof e=="function")return e(t===null?{}:t,l,Is);const d=ct(e,null);return d.$attrs$=t,l.length>0&&(d.$children$=l),d.$key$=n,d.$name$=r,d},ct=(e,t)=>{const s={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s.$name$=null,s},Wt={},Ds=e=>e&&e.$tag$===Wt,Is={forEach:(e,t)=>e.map(pe).forEach(t),map:(e,t)=>e.map(pe).map(t).map(zs)},pe=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),zs=e=>{if(typeof e.vtag=="function"){const s=Object.assign({},e.vattrs);return e.vkey&&(s.key=e.vkey),e.vname&&(s.name=e.vname),j(e.vtag,s,...e.vchildren||[])}const t=ct(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},ue=(e,t,s,i,n,r)=>{if(s!==i){let o=me(e,t),a=t.toLowerCase();if(t==="class"){const l=e.classList,c=fe(s),d=fe(i);l.remove(...c.filter(h=>h&&!d.includes(h))),l.add(...d.filter(h=>h&&!c.includes(h)))}else if(t==="style"){for(const l in s)(!i||i[l]==null)&&(l.includes("-")?e.style.removeProperty(l):e.style[l]="");for(const l in i)(!s||i[l]!==s[l])&&(l.includes("-")?e.style.setProperty(l,i[l]):e.style[l]=i[l])}else if(t!=="key")if(t==="ref")i&&i(e);else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n")t[2]==="-"?t=t.slice(3):me(bt,a)?t=a.slice(2):t=a[2]+t.slice(3),s&&m.rel(e,t,s,!1),i&&m.ael(e,t,i,!1);else{const l=Ft(i);if((o||l&&i!==null)&&!n)try{if(e.tagName.includes("-"))e[t]=i;else{let d=i??"";t==="list"?o=!1:(s==null||e[t]!=d)&&(e[t]=d)}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),i==null||i===!1?(i!==!1||e.getAttribute(t)==="")&&(c?e.removeAttributeNS(ce,t):e.removeAttribute(t)):(!o||r&4||n)&&!l&&(i=i===!0?"":i,c?e.setAttributeNS(ce,t,i):e.setAttribute(t,i))}}},Bs=/\s/,fe=e=>e?e.split(Bs):[],Ie=(e,t,s,i)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||he,o=t.$attrs$||he;for(i in r)i in o||ue(n,i,r[i],void 0,s,t.$flags$);for(i in o)ue(n,i,r[i],o[i],s,t.$flags$)},dt=(e,t,s,i)=>{let n=t.$children$[s],r=0,o,a,l;if(Ne||(Bt=!0,n.$tag$==="slot"&&(N&&i.classList.add(N+"-s"),n.$flags$|=n.$children$?2:1)),n.$text$!==null)o=n.$elm$=w.createTextNode(n.$text$);else if(n.$flags$&1)o=n.$elm$=w.createTextNode("");else{if(y||(y=n.$tag$==="svg"),o=n.$elm$=w.createElementNS(y?Ns:Ms,n.$flags$&2?"slot-fb":n.$tag$),y&&n.$tag$==="foreignObject"&&(y=!1),Ie(null,n,y),js(N)&&o["s-si"]!==N&&o.classList.add(o["s-si"]=N),n.$children$)for(r=0;r<n.$children$.length;++r)a=dt(e,n,r,o),a&&o.appendChild(a);n.$tag$==="svg"?y=!1:o.tagName==="foreignObject"&&(y=!0)}return o["s-hn"]=yt,n.$flags$&3&&(o["s-sr"]=!0,o["s-cr"]=He,o["s-sn"]=n.$name$||"",l=e&&e.$children$&&e.$children$[s],l&&l.$tag$===n.$tag$&&e.$elm$&&Q(e.$elm$,!1)),o},Q=(e,t)=>{m.$flags$|=1;const s=e.childNodes;for(let i=s.length-1;i>=0;i--){const n=s[i];n["s-hn"]!==yt&&n["s-ol"]&&(Fe(n).insertBefore(n,Gt(n)),n["s-ol"].remove(),n["s-ol"]=void 0,Bt=!0),t&&Q(n,t)}m.$flags$&=-2},ze=(e,t,s,i,n,r)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e,a;for(o.shadowRoot&&o.tagName===yt&&(o=o.shadowRoot);n<=r;++n)i[n]&&(a=dt(null,s,n,e),a&&(i[n].$elm$=a,o.insertBefore(a,Gt(t))))},Be=(e,t,s,i,n)=>{for(;t<=s;++t)(i=e[t])&&(n=i.$elm$,qe(i),lt=!0,n["s-ol"]?n["s-ol"].remove():Q(n,!0),n.remove())},Fs=(e,t,s,i)=>{let n=0,r=0,o=0,a=0,l=t.length-1,c=t[0],d=t[l],h=i.length-1,p=i[0],g=i[h],x,st;for(;n<=l&&r<=h;)if(c==null)c=t[++n];else if(d==null)d=t[--l];else if(p==null)p=i[++r];else if(g==null)g=i[--h];else if(it(c,p))M(c,p),c=t[++n],p=i[++r];else if(it(d,g))M(d,g),d=t[--l],g=i[--h];else if(it(c,g))(c.$tag$==="slot"||g.$tag$==="slot")&&Q(c.$elm$.parentNode,!1),M(c,g),e.insertBefore(c.$elm$,d.$elm$.nextSibling),c=t[++n],g=i[--h];else if(it(d,p))(c.$tag$==="slot"||g.$tag$==="slot")&&Q(d.$elm$.parentNode,!1),M(d,p),e.insertBefore(d.$elm$,c.$elm$),d=t[--l],p=i[++r];else{for(o=-1,a=n;a<=l;++a)if(t[a]&&t[a].$key$!==null&&t[a].$key$===p.$key$){o=a;break}o>=0?(st=t[o],st.$tag$!==p.$tag$?x=dt(t&&t[r],s,o,e):(M(st,p),t[o]=void 0,x=st.$elm$),p=i[++r]):(x=dt(t&&t[r],s,r,e),p=i[++r]),x&&Fe(c.$elm$).insertBefore(x,Gt(c.$elm$))}n>l?ze(e,i[h+1]==null?null:i[h+1].$elm$,s,i,r,h):r>h&&Be(t,n,l)},it=(e,t)=>e.$tag$===t.$tag$?e.$tag$==="slot"?e.$name$===t.$name$:e.$key$===t.$key$:!1,Gt=e=>e&&e["s-ol"]||e,Fe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,M=(e,t)=>{const s=t.$elm$=e.$elm$,i=e.$children$,n=t.$children$,r=t.$tag$,o=t.$text$;let a;o===null?(y=r==="svg"?!0:r==="foreignObject"?!1:y,r==="slot"||Ie(e,t,y),i!==null&&n!==null?Fs(s,i,t,n):n!==null?(e.$text$!==null&&(s.textContent=""),ze(s,null,t,n,0,n.length-1)):i!==null&&Be(i,0,i.length-1),y&&r==="svg"&&(y=!1)):(a=s["s-cr"])?a.parentNode.textContent=o:e.$text$!==o&&(s.data=o)},We=e=>{let t=e.childNodes,s,i,n,r,o,a;for(i=0,n=t.length;i<n;i++)if(s=t[i],s.nodeType===1){if(s["s-sr"]){for(o=s["s-sn"],s.hidden=!1,r=0;r<n;r++)if(a=t[r].nodeType,t[r]["s-hn"]!==s["s-hn"]||o!==""){if(a===1&&o===t[r].getAttribute("slot")){s.hidden=!0;break}}else if(a===1||a===3&&t[r].textContent.trim()!==""){s.hidden=!0;break}}We(s)}},b=[],Ge=e=>{let t,s,i,n,r,o,a=0,l=e.childNodes,c=l.length;for(;a<c;a++){if(t=l[a],t["s-sr"]&&(s=t["s-cr"])&&s.parentNode)for(i=s.parentNode.childNodes,n=t["s-sn"],o=i.length-1;o>=0;o--)s=i[o],!s["s-cn"]&&!s["s-nr"]&&s["s-hn"]!==t["s-hn"]&&(ge(s,n)?(r=b.find(d=>d.$nodeToRelocate$===s),lt=!0,s["s-sn"]=s["s-sn"]||n,r?r.$slotRefNode$=t:b.push({$slotRefNode$:t,$nodeToRelocate$:s}),s["s-sr"]&&b.map(d=>{ge(d.$nodeToRelocate$,s["s-sn"])&&(r=b.find(h=>h.$nodeToRelocate$===s),r&&!d.$slotRefNode$&&(d.$slotRefNode$=r.$slotRefNode$))})):b.some(d=>d.$nodeToRelocate$===s)||b.push({$nodeToRelocate$:s}));t.nodeType===1&&Ge(t)}},ge=(e,t)=>e.nodeType===1?e.getAttribute("slot")===null&&t===""||e.getAttribute("slot")===t:e["s-sn"]===t?!0:t==="",qe=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(qe)},Ws=(e,t)=>{const s=e.$hostElement$,i=e.$cmpMeta$,n=e.$vnode$||ct(null,null),r=Ds(t)?t:j(null,null,t);yt=s.tagName,i.$attrsToReflect$&&(r.$attrs$=r.$attrs$||{},i.$attrsToReflect$.map(([o,a])=>r.$attrs$[a]=s[o])),r.$tag$=null,r.$flags$|=4,e.$vnode$=r,r.$elm$=n.$elm$=s.shadowRoot||s,N=s["s-sc"],He=s["s-cr"],Ne=(i.$flags$&1)!==0,lt=!1,M(n,r);{if(m.$flags$|=1,Bt){Ge(r.$elm$);let o,a,l,c,d,h,p=0;for(;p<b.length;p++)o=b[p],a=o.$nodeToRelocate$,a["s-ol"]||(l=w.createTextNode(""),l["s-nr"]=a,a.parentNode.insertBefore(a["s-ol"]=l,a));for(p=0;p<b.length;p++)if(o=b[p],a=o.$nodeToRelocate$,o.$slotRefNode$){for(c=o.$slotRefNode$.parentNode,d=o.$slotRefNode$.nextSibling,l=a["s-ol"];l=l.previousSibling;)if(h=l["s-nr"],h&&h["s-sn"]===a["s-sn"]&&c===h.parentNode&&(h=h.nextSibling,!h||!h["s-nr"])){d=h;break}(!d&&c!==a.parentNode||a.nextSibling!==d)&&a!==d&&(!a["s-hn"]&&a["s-ol"]&&(a["s-hn"]=a["s-ol"].parentNode.nodeName),c.insertBefore(a,d))}else a.nodeType===1&&(a.hidden=!0)}lt&&We(r.$elm$),m.$flags$&=-2,b.length=0}},Gs=e=>e,qs=(e,t,s)=>{const i=Gs(e);return{emit:n=>Xs(i,t,{bubbles:!!(s&4),composed:!!(s&2),cancelable:!!(s&1),detail:n})}},Xs=(e,t,s)=>{const i=m.ce(t,s);return e.dispatchEvent(i),i},Ys=(e,t)=>{},Xe=(e,t)=>(e.$flags$|=16,Ys(e,e.$ancestorComponent$),pi(()=>Ks(e,t))),Ks=(e,t)=>{const s=e.$hostElement$,i=R("scheduleUpdate",e.$cmpMeta$.$tagName$),n=s;let r;return t?r=D(n,"componentWillLoad"):r=D(n,"componentWillUpdate"),r=$e(r,()=>D(n,"componentWillRender")),i(),$e(r,()=>Qs(e,n,t))},Qs=async(e,t,s)=>{const i=e.$hostElement$,n=R("update",e.$cmpMeta$.$tagName$);i["s-rc"],s&&Us(e);const r=R("render",e.$cmpMeta$.$tagName$);Zs(e,t,i),r(),n(),Js(e)},Zs=(e,t,s)=>{try{le=t,t=t.render&&t.render(),e.$flags$&=-17,e.$flags$|=2,(H.hasRenderFn||H.reflect)&&(H.vdomRender||H.reflect)&&(H.hydrateServerSide||Ws(e,t))}catch(a){J(a,e.$hostElement$)}return le=null,null},Js=e=>{const t=e.$cmpMeta$.$tagName$,s=e.$hostElement$,i=R("postUpdate",t),n=s;e.$ancestorComponent$,D(n,"componentDidRender"),e.$flags$&64?(D(n,"componentDidUpdate"),i()):(e.$flags$|=64,D(n,"componentDidLoad"),i())},D=(e,t,s)=>{if(e&&e[t])try{return e[t](s)}catch(i){J(i)}},$e=(e,t)=>e&&e.then?e.then(t):t(),Vs=(e,t)=>e!=null&&!Ft(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,ti=(e,t)=>_t(e).$instanceValues$.get(t),ei=(e,t,s,i)=>{const n=_t(e),r=e,o=n.$instanceValues$.get(t),a=n.$flags$,l=r;s=Vs(s,i.$members$[t][0]);const c=Number.isNaN(o)&&Number.isNaN(s);if(s!==o&&!c){n.$instanceValues$.set(t,s);{if(i.$watchers$&&a&128){const h=i.$watchers$[t];h&&h.map(p=>{try{l[p](s,o,t)}catch(g){J(g,r)}})}if((a&18)===2){if(l.componentShouldUpdate&&l.componentShouldUpdate(s,o,t)===!1)return;Xe(n,!1)}}}},si=(e,t,s)=>{if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const i=Object.entries(t.$members$),n=e.prototype;i.map(([r,[o]])=>{(o&31||o&32)&&Object.defineProperty(n,r,{get(){return ti(this,r)},set(a){ei(this,r,a,t)},configurable:!0,enumerable:!0})});{const r=new Map;n.attributeChangedCallback=function(o,a,l){m.jmp(()=>{const c=r.get(o);if(this.hasOwnProperty(c))l=this[c],delete this[c];else if(n.hasOwnProperty(c)&&typeof this[c]=="number"&&this[c]==l)return;this[c]=l===null&&typeof this[c]=="boolean"?!1:l})},e.observedAttributes=i.filter(([o,a])=>a[0]&15).map(([o,a])=>{const l=a[1]||o;return r.set(l,o),a[0]&512&&t.$attrsToReflect$.push([o,l]),l})}}return e},ii=async(e,t,s,i,n)=>{if(!(t.$flags$&32)&&(n=e.constructor,t.$flags$|=32,customElements.whenDefined(s.$tagName$).then(()=>t.$flags$|=128),n.style)){let o=n.style;typeof o!="string"&&(o=o[t.$modeName$=Hs(e)]);const a=De(s,t.$modeName$);if(!ht.has(a)){const l=R("registerStyles",s.$tagName$);Ls(a,o,!!(s.$flags$&1)),l()}}t.$ancestorComponent$,(()=>Xe(t,!0))()},ni=e=>{},ri=e=>{if(!(m.$flags$&1)){const t=_t(e),s=t.$cmpMeta$,i=R("connectedCallback",s.$tagName$);t.$flags$&1?(je(e,t,s.$listeners$),ni(t.$lazyInstance$)):(t.$flags$|=1,s.$flags$&12&&oi(e),s.$members$&&Object.entries(s.$members$).map(([n,[r]])=>{if(r&31&&e.hasOwnProperty(n)){const o=e[n];delete e[n],e[n]=o}}),ii(e,t,s)),i()}},oi=e=>{const t=e["s-cr"]=w.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},ai=e=>{if(!(m.$flags$&1)){const t=_t(e);t.$rmListeners$&&(t.$rmListeners$.map(s=>s()),t.$rmListeners$=void 0)}},Ye=(e,t)=>{const s={$flags$:t[0],$tagName$:t[1]};s.$members$=t[2],s.$listeners$=t[3],s.$watchers$=e.$watchers$,s.$attrsToReflect$=[];const i=e.prototype.connectedCallback,n=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__registerHost(){li(this,s)},connectedCallback(){ri(this),i&&i.call(this)},disconnectedCallback(){ai(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(s.$flags$&16)})}}),e.is=s.$tagName$,si(e,s)},Ke=new WeakMap,_t=e=>Ke.get(e),li=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return je(e,s,t.$listeners$),Ke.set(e,s)},me=(e,t)=>t in e,J=(e,t)=>(0,console.error)(e,t),ht=new Map,ci=[],ve=[],Qe=[],di=(e,t)=>s=>{e.push(s),Rt||(Rt=!0,t&&m.$flags$&4?hi(Ut):m.raf(Ut))},ye=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(s){J(s)}e.length=0},Ut=()=>{ye(ve),ye(Qe),(Rt=ve.length>0)&&m.raf(Ut)},hi=e=>Es().then(e),pi=di(Qe,!0),ui=(e={})=>{const{content:t="",title:s,attributes:i=[]}=e;let n="",r=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},...i];return s&&(n=`<title>${s}</title>`),`<svg ${r.map(a=>`${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`},fi=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim();function gi(e){return`${e.getFullYear()}.${e.getMonth()+1}`}class $i{constructor(t){this.voca_component=t,this.voca_added=gi(new Date)}}const mi="telia-vst{display:none}",vi=Ye(class extends Me{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=qs(this,"vocaInternalUStats",7)}connectedCallback(){this.vocaInternalUStats.emit(new $i(this.dataTrackingId))}render(){return j(Wt,null)}static get style(){return mi}},[0,"telia-vst",{dataTrackingId:[1,"data-tracking-id"]}]);function Ze(){if(typeof customElements>"u")return;["telia-vst"].forEach(t=>{switch(t){case"telia-vst":customElements.get(t)||customElements.define(t,vi);break}})}Ze();function Ht(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function yi(){if(typeof Ht().vocadsIcons!==void 0)return Ht().vocadsIcons}function bi(){return Ht().vocadsIconsRegistered}const _i=".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}",xi=Ye(class extends Me{constructor(){super(),this.__registerHost(),this.size="md",this.allyTitle=null,this.dataTrackingId="telia-icon"}getSvgString(){if(this.svg)return this.svg;if(bi()&&this.name){const e=yi();return e[this.name]?e[this.name].svg:""}return this.name&&console.warn(this.name,"Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"),""}render(){let e=this.getSvgString(),t=[{name:"viewBox",value:"0 0 64 64"}];this.allyTitle?t=[...t,{name:"role",value:"img"}]:t=[...t,{name:"aria-hidden",value:"true"}];const s=ui({content:fi(e),attributes:t,title:this.allyTitle});return j(Wt,{class:`telia-icon telia-icon--${this.size}`},j("span",{"aria-label":this.allyTitle,class:"telia-icon__container",innerHTML:s}),j("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return _i}},[0,"telia-icon",{name:[1],svg:[1],size:[1],allyTitle:[1,"ally-title"],dataTestid:[1,"data-testid"]}]);function wi(){if(typeof customElements>"u")return;["telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-icon":customElements.get(t)||customElements.define(t,xi);break;case"telia-vst":customElements.get(t)||Ze();break}})}wi();/**
|
20
|
-
* @license
|
21
|
-
* Copyright 2017 Google LLC
|
22
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
23
|
-
*/const V=e=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};/**
|
24
|
-
* @license
|
25
|
-
* Copyright 2017 Google LLC
|
26
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
27
|
-
*/const Ai={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:zt},Si=(e=Ai,t,s)=>{const{kind:i,metadata:n}=s;let r=globalThis.litPropertyMetadata.get(n);if(r===void 0&&globalThis.litPropertyMetadata.set(n,r=new Map),r.set(s.name,e),i==="accessor"){const{name:o}=s;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,l,e)},init(a){return a!==void 0&&this.C(o,void 0,e),a}}}if(i==="setter"){const{name:o}=s;return function(a){const l=this[o];t.call(this,a),this.requestUpdate(o,l,e)}}throw Error("Unsupported decorator location: "+i)};function $(e){return(t,s)=>typeof s=="object"?Si(e,t,s):((i,n,r)=>{const o=n.hasOwnProperty(r);return n.constructor.createProperty(r,o?{...i,wrapped:!0}:i),o?Object.getOwnPropertyDescriptor(n,r):void 0})(e,t,s)}/**
|
28
|
-
* @license
|
29
|
-
* Copyright 2017 Google LLC
|
30
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
31
|
-
*/function A(e){return $({...e,state:!0,attribute:!1})}/**
|
32
|
-
* @license
|
33
|
-
* Copyright 2020 Google LLC
|
34
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
35
|
-
*/const Ci=e=>e.strings===void 0;/**
|
36
|
-
* @license
|
37
|
-
* Copyright 2017 Google LLC
|
38
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
39
|
-
*/const xt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},wt=e=>(...t)=>({_$litDirective$:e,values:t});let qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,i){this._$Ct=t,this._$AM=s,this._$Ci=i}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}};/**
|
40
|
-
* @license
|
41
|
-
* Copyright 2017 Google LLC
|
42
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
43
|
-
*/const q=(e,t)=>{var i;const s=e._$AN;if(s===void 0)return!1;for(const n of s)(i=n._$AO)==null||i.call(n,t,!1),q(n,t);return!0},pt=e=>{let t,s;do{if((t=e._$AM)===void 0)break;s=t._$AN,s.delete(e),e=t}while((s==null?void 0:s.size)===0)},Je=e=>{for(let t;t=e._$AM;e=t){let s=t._$AN;if(s===void 0)t._$AN=s=new Set;else if(s.has(e))break;s.add(e),Ti(t)}};function Ei(e){this._$AN!==void 0?(pt(this),this._$AM=e,Je(this)):this._$AM=e}function ki(e,t=!1,s=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(i))for(let r=s;r<i.length;r++)q(i[r],!1),pt(i[r]);else i!=null&&(q(i,!1),pt(i));else q(this,e)}const Ti=e=>{e.type==xt.CHILD&&(e._$AP??(e._$AP=ki),e._$AQ??(e._$AQ=Ei))};let Ve=class extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,i){super._$AT(t,s,i),Je(this),this.isConnected=t._$AU}_$AO(t,s=!0){var i,n;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)==null||i.call(this):(n=this.disconnected)==null||n.call(this)),s&&(q(this,t),pt(this))}setValue(t){if(Ci(this._$Ct))this._$Ct._$AI(t,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=t,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}};/**
|
44
|
-
* @license
|
45
|
-
* Copyright 2020 Google LLC
|
46
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
47
|
-
*/const ut=()=>new Oi;class Oi{}const Ot=new WeakMap,ft=wt(class extends Ve{render(e){return u}update(e,[t]){var i;const s=t!==this.G;return s&&this.G!==void 0&&this.ot(void 0),(s||this.rt!==this.lt)&&(this.G=t,this.ct=(i=e.options)==null?void 0:i.host,this.ot(this.lt=e.element)),u}ot(e){if(typeof this.G=="function"){const t=this.ct??globalThis;let s=Ot.get(t);s===void 0&&(s=new WeakMap,Ot.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ct,void 0),s.set(this.G,e),e!==void 0&&this.G.call(this.ct,e)}else this.G.value=e}get rt(){var e,t;return typeof this.G=="function"?(e=Ot.get(this.ct??globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});/**
|
48
|
-
* @license
|
49
|
-
* Copyright 2018 Google LLC
|
50
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
51
|
-
*/const Xt=wt(class extends qt{constructor(e){var t;if(super(e),e.type!==xt.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 E}}),Pi=new WeakMap;let be=0;const Pt=new Map,_e=new WeakSet,xe=()=>new Promise(e=>requestAnimationFrame(e)),Li=[{transform:"translateX(100%) scale(0)",opacity:0}],Ri=[{opacity:0}],we=[{opacity:0},{opacity:1}],Ae=(e,t)=>{const s=e-t;return s===0?void 0:s},Se=(e,t)=>{const s=e/t;return s===1?void 0:s},Lt={left:(e,t)=>{const s=Ae(e,t);return{value:s,transform:s==null||isNaN(s)?void 0:`translateX(${s}px)`}},top:(e,t)=>{const s=Ae(e,t);return{value:s,transform:s==null||isNaN(s)?void 0:`translateY(${s}px)`}},width:(e,t)=>{let s;t===0&&(t=1,s={width:"1px"});const i=Se(e,t);return{value:i,overrideFrom:s,transform:i==null||isNaN(i)?void 0:`scaleX(${i})`}},height:(e,t)=>{let s;t===0&&(t=1,s={height:"1px"});const i=Se(e,t);return{value:i,overrideFrom:s,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},Ui={duration:333,easing:"ease-in-out"},Hi=["left","top","width","height","opacity","color","background"],Ce=new WeakMap;class Ni extends Ve{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===xt.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){var t;(t=this.resolveFinished)==null||t.call(this),this.finished=new Promise(s=>{this.h=s})}async resolveFinished(){var t;(t=this.h)==null||t.call(this),this.h=void 0}render(t){return u}getController(){return Pi.get(this.l)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[s]){var n;const i=this.l===void 0;return i&&(this.l=(n=t.options)==null?void 0:n.host,this.l.addController(this),this.element=t.element,Ce.set(this.element,this)),this.optionsOrCallback=s,(i||typeof s!="function")&&this.u(s),this.render(s)}u(t){t=t??{};const s=this.getController();s!==void 0&&((t={...s.defaultOptions,...t}).keyframeOptions={...s.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??(t.properties=Hi),this.options=t}p(){const t={},s=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(n=>{const r=s[n]??(Lt[n]?void 0:i[n]),o=Number(r);t[n]=isNaN(o)?r+"":o}),t}m(){let t,s=!0;return this.options.guard&&(t=this.options.guard(),s=((i,n)=>{if(Array.isArray(i)){if(Array.isArray(n)&&n.length===i.length&&i.every((r,o)=>r===n[o]))return!1}else if(n===i)return!1;return!0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&s&&this.element.isConnected,this.o&&(this.v=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){typeof this.optionsOrCallback=="function"&&this.u(this.optionsOrCallback()),this.m()&&(this.g=this.p(),this.t=this.t??this.element.parentNode,this.i=this.element.nextSibling)}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await xe;const s=this._(),i=this.A(this.options.keyframeOptions,s),n=this.p();if(this.g!==void 0){const{from:r,to:o}=this.O(this.g,n,s);this.log("measured",[this.g,n,r,o]),t=this.calculateKeyframes(r,o)}else{const r=Pt.get(this.options.inId);if(r){Pt.delete(this.options.inId);const{from:o,to:a}=this.O(r,n,s);t=this.calculateKeyframes(o,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,be++,t.forEach(l=>l.zIndex=be)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,i)}resetStyles(){this.j!==void 0&&(this.element.setAttribute("style",this.j??""),this.j=void 0)}commitStyles(){var t,s;this.j=this.element.getAttribute("style"),(t=this.webAnimation)==null||t.commitStyles(),(s=this.webAnimation)==null||s.cancel()}reconnected(){}async disconnected(){var s;if(!this.o||(this.options.id!==void 0&&Pt.set(this.options.id,this.g),this.options.out===void 0))return;if(this.prepare(),await xe(),(s=this.t)==null?void 0:s.isConnected){const i=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,i),this.options.stabilizeOut){const n=this.p();this.log("stabilizing out");const r=this.g.left-n.left,o=this.g.top-n.top;getComputedStyle(this.element).position!=="static"||r===0&&o===0||(this.element.style.position="relative"),r!==0&&(this.element.style.left=r+"px"),o!==0&&(this.element.style.top=o+"px")}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,s;(s=(t=this.options).onStart)==null||s.call(t,this)}didFinish(t){var s,i;t&&((i=(s=this.options).onComplete)==null||i.call(s,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}_(){const t=[];for(let s=this.element.parentNode;s;s=s==null?void 0:s.parentNode){const i=Ce.get(s);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=_e.has(this.l);return t||this.l.updateComplete.then(()=>{_e.add(this.l)}),t}A(t,s=this._()){const i={...Ui};return s.forEach(n=>Object.assign(i,n.options.keyframeOptions)),Object.assign(i,t),i}O(t,s,i){t={...t},s={...s};const n=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let r=1,o=1;return n!==void 0&&(n.forEach(a=>{a.width&&(r/=a.width),a.height&&(o/=a.height)}),t.left!==void 0&&s.left!==void 0&&(t.left=r*t.left,s.left=r*s.left),t.top!==void 0&&s.top!==void 0&&(t.top=o*t.top,s.top=o*s.top)),{from:t,to:s}}calculateKeyframes(t,s,i=!1){const n={},r={};let o=!1;const a={};for(const l in s){const c=t[l],d=s[l];if(l in Lt){const h=Lt[l];if(c===void 0||d===void 0)continue;const p=h(c,d);p.transform!==void 0&&(a[l]=p.value,o=!0,n.transform=`${n.transform??""} ${p.transform}`,p.overrideFrom!==void 0&&Object.assign(n,p.overrideFrom))}else c!==d&&c!==void 0&&d!==void 0&&(o=!0,n[l]=c,r[l]=d)}return n.transformOrigin=r.transformOrigin=i?"center center":"top left",this.animatingProperties=a,o?[n,r]:void 0}async animate(t,s=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,s]),i=!0,this.webAnimation=this.element.animate(t,s);const n=this.getController();n==null||n.add(this);try{await this.webAnimation.finished}catch{}n==null||n.remove(this)}return this.didFinish(i),i}isAnimating(){var t,s;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((s=this.webAnimation)==null?void 0:s.pending)}log(t,s){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,s)}}const Nt=wt(Ni),nt=(e,t,s)=>{e&&s.style.setProperty(t,e)},ts=(e,t)=>{var s,i,n,r;nt((s=e.colors)==null?void 0:s.primaryBackground,"--primary-background",t),nt((i=e.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),nt((n=e.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),nt((r=e.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Mi=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,tt=(e,t,s,i)=>{for(var n=i>1?void 0:i?ji(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&&Mi(t,s,n),n};class k extends v{constructor(){super(...arguments),this.active=!1,this.loaded=!1,this.offset=0,this.buttonRef=ut()}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding(),this.offset>0&&this.buttonRef.value&&(this.buttonRef.value.style.right=`calc(${this.offset}px + 20px)`)}_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,c;const t=(a=this.application)==null?void 0:a.branding(),s=(l=t==null?void 0:t.graphics)==null?void 0:l.trigger;if(s)return f` <img src=${s} class="trigger-icon" alt="" /> `;const i=(c=this.application)==null?void 0:c.triggerIcon;if(!i)return u;const n=async d=>await Promise.resolve().then(()=>require("./index-1d75daa4.js")).then(p=>p[d]),{type:r,content:o}=i;switch(r){case"Telia":{const d=await n(o);return d?f`<telia-icon
|
52
|
-
class="trigger-icon"
|
53
|
-
svg=${d.svg}
|
54
|
-
size="lg"
|
55
|
-
></telia-icon>`:u}default:return u}}setOffset(t){this.offset=t}render(){var t,s,i,n;return f`<div class="trigger-container">
|
56
|
-
${!this.active&&((n=(i=(s=(t=this.application)==null?void 0:t.settings)==null?void 0:s.branding)==null?void 0:i.other)!=null&&n.showButtonLabel)?f`
|
57
|
-
<button
|
58
|
-
class="trigger-label"
|
59
|
-
@click=${this._toggleActive}
|
60
|
-
${Nt({keyframeOptions:{},in:Li,stabilizeOut:!0,skipInitial:!1})}
|
61
|
-
>
|
62
|
-
${this.application.settings.branding.other.buttonLabelText}
|
63
|
-
</button>
|
64
|
-
`:u}
|
65
|
-
|
66
|
-
<button
|
67
|
-
class=${Xt({trigger:!0,active:this.active,rendered:this.loaded})}
|
68
|
-
@click=${this._toggleActive}
|
69
|
-
${ft(this.buttonRef)}
|
70
|
-
>
|
71
|
-
${this.icon}
|
72
|
-
<span class="trigger-close">
|
73
|
-
<svg
|
74
|
-
width="18"
|
75
|
-
height="9"
|
76
|
-
viewBox="0 0 18 9"
|
77
|
-
fill="none"
|
78
|
-
xmlns="http://www.w3.org/2000/svg"
|
79
|
-
>
|
80
|
-
<path
|
81
|
-
d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z"
|
82
|
-
fill="white"
|
83
|
-
/>
|
84
|
-
</svg>
|
85
|
-
</span>
|
86
|
-
<span class="trigger-loader">
|
87
|
-
<svg viewBox="25 25 50 50">
|
88
|
-
<circle
|
89
|
-
cx="50"
|
90
|
-
cy="50"
|
91
|
-
r="20"
|
92
|
-
fill="none"
|
93
|
-
stroke="#000"
|
94
|
-
stroke-width="2"
|
95
|
-
stroke-miterlimit="10"
|
96
|
-
/>
|
97
|
-
</svg>
|
98
|
-
</span>
|
99
|
-
</button>
|
100
|
-
</div>`}}k.styles=[_`
|
101
|
-
:host {
|
102
|
-
--voca-rem-multiplier: 0.625;
|
103
|
-
--trigger-label-bg: #f5e0ff;
|
104
|
-
--trigger-label-text-color: rgba(0, 0, 0, 0.8);
|
105
|
-
display: block;
|
106
|
-
box-sizing: border-box;
|
107
|
-
/* font-family: var(--font-family); */
|
108
|
-
font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
109
|
-
}
|
110
|
-
|
111
|
-
.trigger-container {
|
112
|
-
position: fixed;
|
113
|
-
bottom: 20px;
|
114
|
-
right: 20px;
|
115
|
-
display: flex;
|
116
|
-
align-items: center;
|
117
|
-
gap: 1rem;
|
118
|
-
}
|
119
|
-
|
120
|
-
.trigger {
|
121
|
-
transform: scale(0);
|
122
|
-
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
123
|
-
z-index: 5;
|
124
|
-
display: flex;
|
125
|
-
align-items: center;
|
126
|
-
justify-content: center;
|
127
|
-
border: none;
|
128
|
-
line-height: 55px;
|
129
|
-
height: 55px;
|
130
|
-
width: 55px;
|
131
|
-
border-radius: 55px;
|
132
|
-
cursor: pointer;
|
133
|
-
background-color: var(--trigger-bg, var(--primary-background));
|
134
|
-
font-family: Lato;
|
135
|
-
text-decoration: none;
|
136
|
-
border: 3px dashed transparent;
|
137
|
-
box-sizing: border-box;
|
138
|
-
transition: transform 200ms ease-out;
|
139
|
-
}
|
140
|
-
.trigger:active {
|
141
|
-
transform: scale(0.8) !important;
|
142
|
-
}
|
143
|
-
.trigger:hover:not(:active) {
|
144
|
-
transform: scale(1.1) !important;
|
145
|
-
}
|
146
|
-
.trigger.rendered {
|
147
|
-
transform: scale(1);
|
148
|
-
}
|
149
|
-
.trigger.active .trigger-icon {
|
150
|
-
opacity: 0;
|
151
|
-
transform: rotate(-180deg) scale(0);
|
152
|
-
}
|
153
|
-
.trigger.active .trigger-close {
|
154
|
-
opacity: 1;
|
155
|
-
transform: rotate(0deg) scale(1);
|
156
|
-
}
|
157
|
-
|
158
|
-
.trigger-icon {
|
159
|
-
display: inline-block;
|
160
|
-
line-height: inherit;
|
161
|
-
text-align: center;
|
162
|
-
opacity: 1;
|
163
|
-
transform: rotate(0deg) scale(1);
|
164
|
-
transition: opacity 200ms ease-out, transform 200ms ease-out;
|
165
|
-
color: var(--trigger-text-color, var(--text-on-primary-background));
|
166
|
-
}
|
167
|
-
.trigger-close {
|
168
|
-
opacity: 0;
|
169
|
-
transition: transform 200ms ease-out;
|
170
|
-
transform: rotate(180deg) scale(0);
|
171
|
-
position: absolute;
|
172
|
-
top: 0;
|
173
|
-
bottom: 0;
|
174
|
-
left: 0;
|
175
|
-
right: 0;
|
176
|
-
display: flex;
|
177
|
-
justify-content: center;
|
178
|
-
align-items: center;
|
179
|
-
fill: var(--trigger-text-color, var(--text-on-primary-background));
|
180
|
-
}
|
181
|
-
|
182
|
-
img {
|
183
|
-
max-width: 100%;
|
184
|
-
}
|
185
|
-
|
186
|
-
.trigger-label {
|
187
|
-
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
188
|
-
background-color: var(--trigger-label-bg);
|
189
|
-
color: var(--trigger-label-text-color);
|
190
|
-
white-space: nowrap;
|
191
|
-
padding: 0.7rem 1rem;
|
192
|
-
border-radius: 0.3rem;
|
193
|
-
font-weight: 500;
|
194
|
-
display: flex;
|
195
|
-
justify-content: center;
|
196
|
-
align-items: center;
|
197
|
-
cursor: pointer;
|
198
|
-
border: none;
|
199
|
-
font-size: 1rem;
|
200
|
-
font-family: inherit;
|
201
|
-
transition: all 300ms ease-in-out;
|
202
|
-
}
|
203
|
-
|
204
|
-
.trigger-label:hover {
|
205
|
-
opacity: 0.8;
|
206
|
-
}
|
207
|
-
`];tt([$({attribute:!1})],k.prototype,"application",2);tt([A()],k.prototype,"active",2);tt([A()],k.prototype,"loaded",2);tt([A()],k.prototype,"icon",2);tt([A()],k.prototype,"offset",2);var Di=Object.defineProperty,Ii=Object.getOwnPropertyDescriptor,O=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ii(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&&Di(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))`),this.application.mountComponent(this)}}return t.styles=[_`
|
208
|
-
:host {
|
209
|
-
font-family: var(--font-family);
|
210
|
-
grid-column: span var(--width);
|
211
|
-
max-width: 100%;
|
212
|
-
overflow: hidden;
|
213
|
-
box-sizing: border-box;
|
214
|
-
display: block;
|
215
|
-
}
|
216
|
-
* {
|
217
|
-
box-sizing: border-box;
|
218
|
-
}
|
219
|
-
`],O([$()],t.prototype,"properties",2),O([$()],t.prototype,"context",2),O([$()],t.prototype,"layout",2),O([$()],t.prototype,"name",2),O([$()],t.prototype,"type",2),O([$({attribute:!1})],t.prototype,"application",2),O([$({attribute:!1})],t.prototype,"parent",2),t};class ss extends es(v){render(){return f`Non resolved component`}}ss.styles=[_`
|
220
|
-
:host {
|
221
|
-
display: block;
|
222
|
-
}
|
223
|
-
`];/**
|
224
|
-
* @license
|
225
|
-
* Copyright 2021 Google LLC
|
226
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
227
|
-
*/function*zi(e,t){if(e!==void 0){let s=0;for(const i of e)yield t(i,s++)}}var Yt=(e=>(e.Inline="inline",e.Trigger="trigger",e))(Yt||{}),Bi=Object.defineProperty,Fi=Object.getOwnPropertyDescriptor,Wi=(e,t,s,i)=>{for(var n=i>1?void 0:i?Fi(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&&Bi(t,s,n),n};class Kt extends v{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ut()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&ts(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),s=this.wrapperRef.value;Object.entries(t).forEach(([i,n])=>{s.style.setProperty(`--${i}`,n)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){return this.application.renderStrategy===Yt.Trigger&&this.renderRoot.host.classList.add("floating"),f`<div class="widget-container" ${ft(this.wrapperRef)}>
|
228
|
-
${zi(this.nodes,t=>t)}
|
229
|
-
</div>`}}Kt.styles=_`
|
230
|
-
:host {
|
231
|
-
--font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
232
|
-
--spacing-xs: 0.2rem;
|
233
|
-
--spacing-sm: 0.5rem;
|
234
|
-
--spacing-md: 1rem;
|
235
|
-
--spacing-lg: 1.2rem;
|
236
|
-
--spacing-xl: 1.8rem;
|
237
|
-
|
238
|
-
--text-color: #222222;
|
239
|
-
--link-color: #990ae3;
|
240
|
-
--gray-color: #f3f3f8;
|
241
|
-
--gray-dark-color: #a6a6a6;
|
242
|
-
|
243
|
-
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
244
|
-
--border-radius: var(--spacing-sm);
|
245
|
-
--border-radius-sm: var(--spacing-sm);
|
246
|
-
--gap: var(--spacing-sm);
|
247
|
-
}
|
248
|
-
:host {
|
249
|
-
--voca-rem-multiplier: 0.625;
|
250
|
-
box-sizing: border-box;
|
251
|
-
display: block;
|
252
|
-
}
|
253
|
-
|
254
|
-
:host(.inline) {
|
255
|
-
height: 100%;
|
256
|
-
position: fixed;
|
257
|
-
inset: 0 0 0 0;
|
258
|
-
}
|
259
|
-
|
260
|
-
:host(.floating) {
|
261
|
-
z-index: 6;
|
262
|
-
position: fixed;
|
263
|
-
}
|
264
|
-
@media screen and (max-width: 800px) {
|
265
|
-
:host(.floating) {
|
266
|
-
inset: 0 0 95px 0;
|
267
|
-
}
|
268
|
-
}
|
269
|
-
@media screen and (min-width: 801px) {
|
270
|
-
:host(.floating) {
|
271
|
-
inset: auto 20px 95px auto;
|
272
|
-
max-height: calc(100vh - 120px);
|
273
|
-
width: 400px;
|
274
|
-
height: 700px;
|
275
|
-
}
|
276
|
-
}
|
277
|
-
|
278
|
-
:host(.floating) .widget-container {
|
279
|
-
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
|
280
|
-
border-radius: 0.7rem;
|
281
|
-
}
|
282
|
-
|
283
|
-
* {
|
284
|
-
box-sizing: border-box;
|
285
|
-
}
|
286
|
-
.widget-container {
|
287
|
-
height: 100%;
|
288
|
-
background-color: var(--primary-background);
|
289
|
-
padding: var(--spacing-sm);
|
290
|
-
border: var(--widget-border, none);
|
291
|
-
}
|
292
|
-
@keyframes slideDown {
|
293
|
-
from {
|
294
|
-
transform: translateY(0);
|
295
|
-
opacity: 1;
|
296
|
-
}
|
297
|
-
to {
|
298
|
-
transform: translateY(100%);
|
299
|
-
opacity: 0;
|
300
|
-
}
|
301
|
-
}
|
302
|
-
@keyframes slideUp {
|
303
|
-
from {
|
304
|
-
transform: translateY(100%);
|
305
|
-
opacity: 0;
|
306
|
-
}
|
307
|
-
to {
|
308
|
-
transform: translateY(0);
|
309
|
-
opacity: 1;
|
310
|
-
}
|
311
|
-
}
|
312
|
-
:host(.expanded) {
|
313
|
-
opacity: 1;
|
314
|
-
animation: slideUp 0.3s linear;
|
315
|
-
}
|
316
|
-
:host(.hidden) {
|
317
|
-
opacity: 0;
|
318
|
-
animation: slideDown 0.3s linear;
|
319
|
-
}
|
320
|
-
`;Wi([$({attribute:!1})],Kt.prototype,"application",2);var Gi=Object.defineProperty,qi=Object.getOwnPropertyDescriptor,Qt=(e,t,s,i)=>{for(var n=i>1?void 0:i?qi(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&&Gi(t,s,n),n};class et extends v{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(s=>s.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return u;if(this.widget.renderStrategy===Yt.Trigger){const t=new k;return t.application=this.widget,t}return this.widget.render()}}et.styles=[_`
|
321
|
-
:host {
|
322
|
-
display: block;
|
323
|
-
}
|
324
|
-
`];Qt([$({attribute:!0})],et.prototype,"name",2);Qt([A()],et.prototype,"widget",2);Qt([A()],et.prototype,"status",2);customElements.get("ace-trigger")||customElements.define("ace-trigger",k);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",ss);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",Kt);customElements.get("ace-widget")||customElements.define("ace-widget",et);var Xi=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,At=(e,t,s,i)=>{for(var n=i>1?void 0:i?Yi(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&&Xi(t,s,n),n};let z=class extends v{constructor(){super(...arguments),this.loading=!0,this.entries=[]}connectedCallback(){super.connectedCallback(),this.session.entries().subscribe(e=>{this.entries=e}),this.session.isTyping().subscribe(e=>{this.loading=e})}updated(e){const t=new CustomEvent("updated",{});this.dispatchEvent(t)}render(){return f`<div class="conversation-session">
|
325
|
-
${this.entries.map(e=>f`<div class="conversation-entry" tabindex="-1">
|
326
|
-
<conversation-entry
|
327
|
-
.entry=${e}
|
328
|
-
${Nt({keyframeOptions:{},in:we,stabilizeOut:!0,skipInitial:!1})}
|
329
|
-
>
|
330
|
-
</conversation-entry>
|
331
|
-
</div>`)}
|
332
|
-
${this.loading?f`<ace-typing-state
|
333
|
-
${Nt({keyframeOptions:{},in:we,out:Ri,stabilizeOut:!0,skipInitial:!1})}
|
334
|
-
></ace-typing-state>`:u}
|
335
|
-
</div> `}};z.styles=[_`
|
336
|
-
:host {
|
337
|
-
display: block;
|
338
|
-
}
|
339
|
-
.conversation-session {
|
340
|
-
display: flex;
|
341
|
-
flex-direction: column;
|
342
|
-
justify-content: end;
|
343
|
-
min-height: 100%;
|
344
|
-
}
|
345
|
-
`];At([$({type:Boolean})],z.prototype,"loading",2);At([$({attribute:!1})],z.prototype,"session",2);At([A()],z.prototype,"entries",2);z=At([V("ace-conversation-session")],z);var Ki=Object.defineProperty,Qi=Object.getOwnPropertyDescriptor,is=(e,t,s,i)=>{for(var n=i>1?void 0:i?Qi(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&&Ki(t,s,n),n};let gt=class extends v{connectedCallback(){var e;super.connectedCallback(),(e=this.entry.didUpdate)==null||e.subscribe(()=>{this.requestUpdate()})}_renderTimestamp(e,t){if(!e&&!t)return u;const s=n=>new Date(n).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});let i="";return e?t?i=`${e}: ${s(t)}`:i=e:t&&(i=s(t)),f`<p class="conversation-timestamp">${i}</p>`}render(){var e,t;switch(this.entry.type){case St.ConversationMessageType.System:return"";case St.ConversationMessageType.Agent:return f`<div
|
346
|
-
class=${Xt({"conversation-agent-message":!0,"has-avatar":!!((e=this.entry.sender)!=null&&e.avatar)})}
|
347
|
-
>
|
348
|
-
${typeof((t=this.entry.sender)==null?void 0:t.avatar)=="string"?f`<div class="avatar">
|
349
|
-
<img src=${this.entry.sender.avatar} />
|
350
|
-
</div>`:u}
|
351
|
-
|
352
|
-
<div class="entry-content">
|
353
|
-
${this.entry.messages.map(s=>f`
|
354
|
-
<div class="message-container">
|
355
|
-
<div class="message-content">
|
356
|
-
<conversation-group .group=${s}></conversation-group>
|
357
|
-
</div>
|
358
|
-
</div>
|
359
|
-
`)}
|
360
|
-
</div>
|
361
|
-
${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
|
362
|
-
</div>`;case St.ConversationMessageType.User:return f`<div class="conversation-user-message">
|
363
|
-
<div class="entry-content">
|
364
|
-
${this.entry.messages.map(s=>f`
|
365
|
-
<div class="message-container">
|
366
|
-
<div class="message-content">
|
367
|
-
<conversation-group .group=${s}></conversation-group>
|
368
|
-
</div>
|
369
|
-
</div>
|
370
|
-
`)}
|
371
|
-
</div>
|
372
|
-
${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
|
373
|
-
</div>`;default:return u}}};gt.styles=[_`
|
374
|
-
:host {
|
375
|
-
box-sizing: border-box;
|
376
|
-
display: block;
|
377
|
-
}
|
378
|
-
* {
|
379
|
-
box-sizing: border-box;
|
380
|
-
}
|
381
|
-
.message-content {
|
382
|
-
padding: var(--spacing-md);
|
383
|
-
display: inline-block;
|
384
|
-
margin-top: var(--spacing-md);
|
385
|
-
max-width: 100%;
|
386
|
-
border: 1px solid rgba(255, 255, 255, 0.22);
|
387
|
-
border-radius: var(--border-radius);
|
388
|
-
background-color: var(--bubble-bg-color);
|
389
|
-
color: var(--bubble-text-color);
|
390
|
-
}
|
391
|
-
|
392
|
-
.conversation-user-message {
|
393
|
-
--bubble-bg-color: var(--user-bg-color);
|
394
|
-
--bubble-text-color: var(--user-text-color);
|
395
|
-
margin-left: 10%;
|
396
|
-
width: 90%;
|
397
|
-
display: flex;
|
398
|
-
flex-direction: column;
|
399
|
-
align-items: flex-end;
|
400
|
-
}
|
401
|
-
|
402
|
-
.conversation-agent-message {
|
403
|
-
--bubble-bg-color: var(--agent-bg-color);
|
404
|
-
--bubble-text-color: var(--agent-text-color);
|
405
|
-
display: grid;
|
406
|
-
margin-right: 10%;
|
407
|
-
width: 90%;
|
408
|
-
|
409
|
-
grid-template-columns: 1fr;
|
410
|
-
grid-template-rows: 1fr auto;
|
411
|
-
grid-template-areas:
|
412
|
-
'content'
|
413
|
-
'info';
|
414
|
-
}
|
415
|
-
.conversation-agent-message.has-avatar {
|
416
|
-
grid-template-columns: auto 1fr;
|
417
|
-
grid-template-rows: 1fr auto;
|
418
|
-
grid-template-areas:
|
419
|
-
'avatar content'
|
420
|
-
'. info';
|
421
|
-
}
|
422
|
-
|
423
|
-
.avatar {
|
424
|
-
grid-area: avatar;
|
425
|
-
place-self: flex-end;
|
426
|
-
width: 32px;
|
427
|
-
height: 32px;
|
428
|
-
border-radius: 50%;
|
429
|
-
align-self: flex-end;
|
430
|
-
justify-self: center;
|
431
|
-
overflow: hidden;
|
432
|
-
margin-right: var(--spacing-md);
|
433
|
-
justify-content: center;
|
434
|
-
align-items: center;
|
435
|
-
}
|
436
|
-
.avatar img {
|
437
|
-
height: 100%;
|
438
|
-
width: 100%;
|
439
|
-
object-fit: cover;
|
440
|
-
}
|
441
|
-
|
442
|
-
.conversation-timestamp {
|
443
|
-
grid-area: info;
|
444
|
-
margin: 0;
|
445
|
-
line-height: 1.5em;
|
446
|
-
grid-area: info;
|
447
|
-
color: var(--message-info-color, var(--text-color));
|
448
|
-
font-size: 0.8rem;
|
449
|
-
font-weight: 300;
|
450
|
-
}
|
451
|
-
|
452
|
-
.entry-content {
|
453
|
-
grid-area: content;
|
454
|
-
}
|
455
|
-
`];is([$({attribute:!1})],gt.prototype,"entry",2);gt=is([V("conversation-entry")],gt);var Zi=Object.defineProperty,Ji=Object.getOwnPropertyDescriptor,ns=(e,t,s,i)=>{for(var n=i>1?void 0:i?Ji(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&&Zi(t,s,n),n};let $t=class extends v{render(){return f`
|
456
|
-
<div class="message-group">
|
457
|
-
${this.group.items.map(([e,t])=>f`
|
458
|
-
${e==="html"?f`
|
459
|
-
<message-type-html .message=${t}></message-type-html>
|
460
|
-
`:u}
|
461
|
-
`)}
|
462
|
-
</div>
|
463
|
-
`}};$t.styles=[_`
|
464
|
-
:host {
|
465
|
-
box-sizing: border-box;
|
466
|
-
display: block;
|
467
|
-
}
|
468
|
-
* {
|
469
|
-
box-sizing: border-box;
|
470
|
-
}
|
471
|
-
.message-group {
|
472
|
-
display: flex;
|
473
|
-
flex-direction: column;
|
474
|
-
gap: var(--spacing-md);
|
475
|
-
}
|
476
|
-
`];ns([$({attribute:!1})],$t.prototype,"group",2);$t=ns([V("conversation-group")],$t);var Vi=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,en=(e,t,s,i)=>{for(var n=i>1?void 0:i?tn(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&&Vi(t,s,n),n};let Mt=class extends v{render(){return f`<div class="container">
|
477
|
-
<div class="dot"></div>
|
478
|
-
<div class="dot"></div>
|
479
|
-
<div class="dot"></div>
|
480
|
-
</div>`}};Mt.styles=[_`
|
481
|
-
:host {
|
482
|
-
display: block;
|
483
|
-
}
|
484
|
-
.container {
|
485
|
-
align-items: center;
|
486
|
-
display: flex;
|
487
|
-
justify-content: center;
|
488
|
-
gap: var(--spacing-sm);
|
489
|
-
padding: var(--spacing-md);
|
490
|
-
}
|
491
|
-
.dot {
|
492
|
-
border-radius: 9999px;
|
493
|
-
height: var(--spacing-sm);
|
494
|
-
width: var(--spacing-sm);
|
495
|
-
background: var(--primary-background);
|
496
|
-
opacity: 0;
|
497
|
-
animation: blink 1s infinite;
|
498
|
-
}
|
499
|
-
.dot:nth-child(1) {
|
500
|
-
animation-delay: 0.3333s;
|
501
|
-
}
|
502
|
-
.dot:nth-child(2) {
|
503
|
-
animation-delay: 0.6666s;
|
504
|
-
}
|
505
|
-
.dot:nth-child(3) {
|
506
|
-
animation-delay: 0.9999s;
|
507
|
-
}
|
508
|
-
|
509
|
-
@keyframes blink {
|
510
|
-
50% {
|
511
|
-
opacity: 1;
|
512
|
-
}
|
513
|
-
}
|
514
|
-
`];Mt=en([V("ace-typing-state")],Mt);/**
|
515
|
-
* @license
|
516
|
-
* Copyright 2017 Google LLC
|
517
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
518
|
-
*/class jt extends qt{constructor(t){if(super(t),this.et=u,t.type!==xt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===u||t==null)return this.vt=void 0,this.et=t;if(t===E)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const s=[t];return s.raw=s,this.vt={_$litType$:this.constructor.resultType,strings:s,values:[]}}}jt.directiveName="unsafeHTML",jt.resultType=1;const sn=wt(jt);var nn=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,rs=(e,t,s,i)=>{for(var n=i>1?void 0:i?rn(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&&nn(t,s,n),n};let mt=class extends v{render(){return f`<div class="message-type-html">
|
519
|
-
${sn(this.message.content)}
|
520
|
-
</div>`}};mt.styles=[_`
|
521
|
-
:host {
|
522
|
-
box-sizing: border-box;
|
523
|
-
}
|
524
|
-
* {
|
525
|
-
box-sizing: border-box;
|
526
|
-
}
|
527
|
-
p {
|
528
|
-
margin: 0;
|
529
|
-
padding: 0;
|
530
|
-
word-break: break-word;
|
531
|
-
}
|
532
|
-
`];rs([$({attribute:!1})],mt.prototype,"message",2);mt=rs([V("message-type-html")],mt);var on=Object.defineProperty,an=Object.getOwnPropertyDescriptor,Zt=(e,t,s,i)=>{for(var n=i>1?void 0:i?an(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&&on(t,s,n),n};const ln=e=>{e.scrollTo?e.scrollTo({top:e.scrollHeight,behavior:"smooth"}):e.scrollTop=e.scrollHeight},os=es(v);class B extends os{constructor(){super(...arguments),this.message="",this.platform=null,this.session=null,this.conversationContentRef=ut(),this.formRef=ut(),this.chatScrollHeight=0}async connectedCallback(){super.connectedCallback();const t=await this.application.container.get("conversation");this.platform=t||null,this.platform&&(this.platform.activeSessionId?this.session=this.platform.sessions.get(this.platform.activeSessionId)||null:this.session=this.platform.createSession(this)||null),this._addHeaderOptions()}async _onSendMessage(t){var i;if(t.preventDefault(),this.message.length<=0){(i=this.formRef.value)==null||i.classList.add("shake"),setTimeout(()=>{var n;(n=this.formRef.value)==null||n.classList.remove("shake")},500);return}const s=new CustomEvent("user-submit",{detail:{text:this.message}});this.dispatchEvent(s),this.message=""}_addHeaderOptions(){const t=this.application.getComponent("widget-header");t&&t.addOption({label:"Mute"})}_inputHandler(t){this.message=t.target.value}_actionHandler(t){}onSessionUpdated(){const t=this.conversationContentRef.value;t&&setTimeout(()=>{const s=t.scrollHeight;s>this.chatScrollHeight&&(ln(t),this.chatScrollHeight=s)},1e3)}render(){return f` <div
|
533
|
-
@action=${this._actionHandler}
|
534
|
-
class=${Xt({conversation:!0,"input-has-text":this.message.length>0})}
|
535
|
-
>
|
536
|
-
<div class="conversation-content" ${ft(this.conversationContentRef)}>
|
537
|
-
${this.session?f`<ace-conversation-session
|
538
|
-
@updated=${this.onSessionUpdated}
|
539
|
-
.session=${this.session}
|
540
|
-
></ace-conversation-session>`:u}
|
541
|
-
</div>
|
542
|
-
<form
|
543
|
-
class="conversation-bottom"
|
544
|
-
@submit=${this._onSendMessage}
|
545
|
-
${ft(this.formRef)}
|
546
|
-
>
|
547
|
-
<input
|
548
|
-
placeholder=${this.properties.inputPlaceholder||"Type your message here..."}
|
549
|
-
.value=${this.message}
|
550
|
-
@input=${this._inputHandler}
|
551
|
-
/>
|
552
|
-
<div class="conversation-actions">
|
553
|
-
<button class="conversation-send-button" type="submit">
|
554
|
-
<telia-icon svg=${Ue.svg}></telia-icon>
|
555
|
-
</button>
|
556
|
-
</div>
|
557
|
-
</form>
|
558
|
-
</div>`}}B.styles=[os.styles||[],_`
|
559
|
-
:host {
|
560
|
-
font-family: var(--font-family);
|
561
|
-
/* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
|
562
|
-
--send-icon-opacity: 0.4;
|
563
|
-
--send-icon-color: var(--text-color);
|
564
|
-
--conversation-bg: var(--conversation-bg-color, #fafafa);
|
565
|
-
--agent-bg-color: var(
|
566
|
-
--conversation-agent-bg-color,
|
567
|
-
var(--secondary-background)
|
568
|
-
);
|
569
|
-
--agent-text-color: var(
|
570
|
-
--conversation-agent-text-color,
|
571
|
-
var(--text-on-secondary-background)
|
572
|
-
);
|
573
|
-
--user-bg-color: var(
|
574
|
-
--conversation-user-bg-color,
|
575
|
-
var(--primary-background)
|
576
|
-
);
|
577
|
-
--user-text-color: var(
|
578
|
-
--conversation-user-text-color,
|
579
|
-
var(--text-on-primary-background)
|
580
|
-
);
|
581
|
-
|
582
|
-
--content-border: var(--conversation-content-border, none);
|
583
|
-
--input-border: var(--conversation-input-border, none);
|
584
|
-
--input-text-color: var(--conversation-input-text-color, inherit);
|
585
|
-
--conversation-input-bg: var(--conversation-input-bg-color, #fff);
|
586
|
-
|
587
|
-
--message-info-color: var(
|
588
|
-
--conversation-message-info-color,
|
589
|
-
var(--text-color)
|
590
|
-
);
|
591
|
-
|
592
|
-
scrollbar-width: thin; /* Firefox */
|
593
|
-
scrollbar-color: #7f7f7f transparent; /* Firefox */
|
594
|
-
}
|
595
|
-
::-webkit-scrollbar {
|
596
|
-
width: 3px !important;
|
597
|
-
background-color: transparent;
|
598
|
-
border-left: none;
|
599
|
-
}
|
600
|
-
::-webkit-scrollbar-thumb {
|
601
|
-
background-color: #7f7f7f;
|
602
|
-
}
|
603
|
-
::-webkit-scrollbar-track {
|
604
|
-
-webkit-box-shadow: none !important;
|
605
|
-
background-color: transparent;
|
606
|
-
}
|
607
|
-
|
608
|
-
@keyframes shake {
|
609
|
-
10%,
|
610
|
-
90% {
|
611
|
-
transform: translateX(1px);
|
612
|
-
}
|
613
|
-
20%,
|
614
|
-
80% {
|
615
|
-
transform: translateX(-1px);
|
616
|
-
}
|
617
|
-
30%,
|
618
|
-
50%,
|
619
|
-
70% {
|
620
|
-
transform: translateX(2px);
|
621
|
-
}
|
622
|
-
40%,
|
623
|
-
60% {
|
624
|
-
transform: translateX(-2px);
|
625
|
-
}
|
626
|
-
}
|
627
|
-
|
628
|
-
.conversation {
|
629
|
-
display: grid;
|
630
|
-
grid-template-rows: 1fr auto;
|
631
|
-
gap: var(--spacing-lg);
|
632
|
-
height: 100%;
|
633
|
-
background-color: transparent;
|
634
|
-
}
|
635
|
-
.conversation.input-has-text {
|
636
|
-
/* --send-icon-color: var(--primary-color); */
|
637
|
-
--send-icon-opacity: 1;
|
638
|
-
}
|
639
|
-
.conversation-content {
|
640
|
-
flex: 1;
|
641
|
-
background-color: var(--conversation-bg);
|
642
|
-
padding: var(--spacing-md);
|
643
|
-
overflow-y: auto;
|
644
|
-
overflow-x: hidden;
|
645
|
-
border-radius: var(--border-radius-sm);
|
646
|
-
border: var(--content-border);
|
647
|
-
}
|
648
|
-
.conversation-bottom {
|
649
|
-
border: var(--input-border);
|
650
|
-
border-radius: var(--border-radius-sm);
|
651
|
-
background-color: var(--conversation-input-bg);
|
652
|
-
min-height: 50px;
|
653
|
-
max-height: 150px;
|
654
|
-
display: flex;
|
655
|
-
align-items: center;
|
656
|
-
padding: 0 var(--spacing-md);
|
657
|
-
margin: 0;
|
658
|
-
}
|
659
|
-
.conversation-bottom.shake {
|
660
|
-
animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
|
661
|
-
running shake;
|
662
|
-
}
|
663
|
-
.conversation-bottom-left {
|
664
|
-
border-right: 1px solid var(--gray-color);
|
665
|
-
padding-right: var(--spacing-md);
|
666
|
-
}
|
667
|
-
.conversation-send-button {
|
668
|
-
border: none;
|
669
|
-
background: transparent;
|
670
|
-
cursor: pointer;
|
671
|
-
color: var(--send-icon-color);
|
672
|
-
opacity: var(--send-icon-opacity);
|
673
|
-
transition: opacity 200ms ease-in-out;
|
674
|
-
}
|
675
|
-
.conversation-send-button:hover {
|
676
|
-
--send-icon-opacity: 1;
|
677
|
-
}
|
678
|
-
input {
|
679
|
-
border: none;
|
680
|
-
font-family: inherit;
|
681
|
-
font-size: inherit;
|
682
|
-
flex: 1;
|
683
|
-
height: 2.5rem;
|
684
|
-
outline: none;
|
685
|
-
background-color: transparent;
|
686
|
-
color: var(--input-text-color);
|
687
|
-
}
|
688
|
-
`];Zt([A()],B.prototype,"message",2);Zt([A()],B.prototype,"platform",2);Zt([A()],B.prototype,"session",2);const cn=Object.freeze(Object.defineProperty({__proto__:null,Conversation:B,default:B},Symbol.toStringTag,{value:"Module"}));exports.conversation=cn;exports.send=Ue;
|