@telia-ace/widget-conversation-flamingo 1.1.32-rc.0 → 1.1.32

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/{conversation-3beb5b93.mjs → conversation-30b4f564.mjs} +766 -753
  2. package/conversation-d2944e09.js +688 -0
  3. package/conversation.d.ts +1 -0
  4. package/{index-1d75daa4.js → index-0255770a.js} +1 -1
  5. package/{index-f785c1ce.js → index-47f7bb79.js} +1 -1
  6. package/{index-945905bd.mjs → index-59fe3cc0.mjs} +1 -1
  7. package/{index-291fb24c.mjs → index-7b4e9cb8.mjs} +152 -152
  8. package/index.js +1 -1
  9. package/index.mjs +1 -1
  10. package/package.json +2 -2
  11. 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;