@telia-ace/widget-conversation-flamingo 1.1.52-rc.1 → 1.1.52-rc.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,810 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const nt=require("./index-b1ff7a55.js");/**
2
- * @license
3
- * Copyright 2019 Google LLC
4
- * SPDX-License-Identifier: BSD-3-Clause
5
- */const ot=globalThis,Bt=ot.ShadowRoot&&(ot.ShadyCSS===void 0||ot.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,zt=Symbol(),Vt=new WeakMap;let Le=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==zt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Bt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=Vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Vt.set(e,t))}return t}toString(){return this.cssText}};const cs=s=>new Le(typeof s=="string"?s:s+"",void 0,zt),b=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,n,o)=>i+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[o+1],s[0]);return new Le(e,s,zt)},ds=(s,t)=>{if(Bt)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),n=ot.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=e.cssText,s.appendChild(i)}},te=Bt?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return cs(e)})(s):s;/**
6
- * @license
7
- * Copyright 2017 Google LLC
8
- * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:hs,defineProperty:ps,getOwnPropertyDescriptor:us,getOwnPropertyNames:fs,getOwnPropertySymbols:gs,getPrototypeOf:$s}=Object,S=globalThis,ee=S.trustedTypes,ms=ee?ee.emptyScript:"",kt=S.reactiveElementPolyfillSupport,W=(s,t)=>s,rt={toAttribute(s,t){switch(t){case Boolean:s=s?ms:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},Ft=(s,t)=>!hs(s,t),se={attribute:!0,type:String,converter:rt,reflect:!1,hasChanged:Ft};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let H=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,e=se){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);n!==void 0&&ps(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:o}=us(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get(){return n==null?void 0:n.call(this)},set(r){const a=n==null?void 0:n.call(this);o.call(this,r),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??se}static _$Ei(){if(this.hasOwnProperty(W("elementProperties")))return;const t=$s(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 e=this.properties,i=[...fs(e),...gs(e)];for(const n of i)this.createProperty(n,e[n])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,n]of e)this.elementProperties.set(i,n)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const n=this._$Eu(e,i);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const n of i)e.unshift(te(n))}else t!==void 0&&e.push(te(t));return e}static _$Eu(t,e){const i=e.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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$ES??(this._$ES=[])).push(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$ES)==null||e.splice(this._$ES.indexOf(t)>>>0,1)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.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 ds(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e){var o;const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const r=(((o=i.converter)==null?void 0:o.toAttribute)!==void 0?i.converter:rt).toAttribute(e,i.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){var o;const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const r=i.getPropertyOptions(n),a=typeof r.converter=="function"?{fromAttribute:r.converter}:((o=r.converter)==null?void 0:o.fromAttribute)!==void 0?r.converter:rt;this._$Em=n,this[n]=a.fromAttribute(e,r.type),this._$Em=null}}requestUpdate(t,e,i,n=!1,o){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??Ft)(n?o:this[t],e))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}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[o,r]of this._$Ep)this[o]=r;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[o,r]of n)r.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.C(o,this[o],r)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$ES)==null||i.forEach(n=>{var o;return(o=n.hostUpdate)==null?void 0:o.call(n)}),this.update(e)):this._$ET()}catch(n){throw t=!1,this._$ET(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)==null||e.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(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[W("elementProperties")]=new Map,H[W("finalized")]=new Map,kt==null||kt({ReactiveElement:H}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.0.1");/**
10
- * @license
11
- * Copyright 2017 Google LLC
12
- * SPDX-License-Identifier: BSD-3-Clause
13
- */const Z=globalThis,at=Z.trustedTypes,ie=at?at.createPolicy("lit-html",{createHTML:s=>s}):void 0,Pe="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,Me="?"+A,vs=`<${Me}>`,L=document,q=()=>L.createComment(""),Y=s=>s===null||typeof s!="object"&&typeof s!="function",Re=Array.isArray,ys=s=>Re(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",Tt=`[
14
- \f\r]`,F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,oe=/>/g,k=RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),re=/'/g,ae=/"/g,He=/^(?:script|style|textarea|title)$/i,bs=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),f=bs(1),E=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),le=new WeakMap,O=L.createTreeWalker(L,129);function Ue(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return ie!==void 0?ie.createHTML(t):t}const _s=(s,t)=>{const e=s.length-1,i=[];let n,o=t===2?"<svg>":"",r=F;for(let a=0;a<e;a++){const l=s[a];let c,d,h=-1,p=0;for(;p<l.length&&(r.lastIndex=p,d=r.exec(l),d!==null);)p=r.lastIndex,r===F?d[1]==="!--"?r=ne:d[1]!==void 0?r=oe:d[2]!==void 0?(He.test(d[2])&&(n=RegExp("</"+d[2],"g")),r=k):d[3]!==void 0&&(r=k):r===k?d[0]===">"?(r=n??F,h=-1):d[1]===void 0?h=-2:(h=r.lastIndex-d[2].length,c=d[1],r=d[3]===void 0?k:d[3]==='"'?ae:re):r===ae||r===re?r=k:r===ne||r===oe?r=F:(r=k,n=void 0);const g=r===k&&s[a+1].startsWith("/>")?" ":"";o+=r===F?l+vs:h>=0?(i.push(c),l.slice(0,h)+Pe+l.slice(h)+A+g):l+A+(h===-2?a:g)}return[Ue(s,o+(s[e]||"<?>")+(t===2?"</svg>":"")),i]};class X{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let o=0,r=0;const a=t.length-1,l=this.parts,[c,d]=_s(t,e);if(this.el=X.createElement(c,i),O.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=O.nextNode())!==null&&l.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(const h of n.getAttributeNames())if(h.endsWith(Pe)){const p=d[r++],g=n.getAttribute(h).split(A),C=/([.?@])?(.*)/.exec(p);l.push({type:1,index:o,name:C[2],strings:g,ctor:C[1]==="."?xs:C[1]==="?"?ws:C[1]==="@"?As:yt}),n.removeAttribute(h)}else h.startsWith(A)&&(l.push({type:6,index:o}),n.removeAttribute(h));if(He.test(n.tagName)){const h=n.textContent.split(A),p=h.length-1;if(p>0){n.textContent=at?at.emptyScript:"";for(let g=0;g<p;g++)n.append(h[g],q()),O.nextNode(),l.push({type:2,index:++o});n.append(h[p],q())}}}else if(n.nodeType===8)if(n.data===Me)l.push({type:2,index:o});else{let h=-1;for(;(h=n.data.indexOf(A,h+1))!==-1;)l.push({type:7,index:o}),h+=A.length-1}o++}}static createElement(t,e){const i=L.createElement("template");return i.innerHTML=t,i}}function B(s,t,e=s,i){var r,a;if(t===E)return t;let n=i!==void 0?(r=e._$Co)==null?void 0:r[i]:e._$Cl;const o=Y(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==o&&((a=n==null?void 0:n._$AO)==null||a.call(n,!1),o===void 0?n=void 0:(n=new o(s),n._$AT(s,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=n:e._$Cl=n),n!==void 0&&(t=B(s,n._$AS(s,t.values),n,i)),t}class Cs{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,n=((t==null?void 0:t.creationScope)??L).importNode(e,!0);O.currentNode=n;let o=O.nextNode(),r=0,a=0,l=i[0];for(;l!==void 0;){if(r===l.index){let c;l.type===2?c=new Q(o,o.nextSibling,this,t):l.type===1?c=new l.ctor(o,l.name,l.strings,this,t):l.type===6&&(c=new Ss(o,this,t)),this._$AV.push(c),l=i[++a]}r!==(l==null?void 0:l.index)&&(o=O.nextNode(),r++)}return O.currentNode=L,n}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class Q{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,n){this.type=2,this._$AH=u,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=n,this._$Cv=(n==null?void 0:n.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=B(this,t,e),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):ys(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 o;const{values:e,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=X.createElement(Ue(i.h,i.h[0]),this.options)),i);if(((o=this._$AH)==null?void 0:o._$AD)===n)this._$AH.p(e);else{const r=new Cs(n,this),a=r.u(this.options);r.p(e),this.$(a),this._$AH=r}}_$AC(t){let e=le.get(t.strings);return e===void 0&&le.set(t.strings,e=new X(t)),e}T(t){Re(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const o of t)n===e.length?e.push(i=new Q(this.k(q()),this.k(q()),this,this.options)):i=e[n],i._$AI(o),n++;n<e.length&&(this._$AR(i&&i._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class yt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,n,o){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,e=this,i,n){const o=this.strings;let r=!1;if(o===void 0)t=B(this,t,e,0),r=!Y(t)||t!==this._$AH&&t!==E,r&&(this._$AH=t);else{const a=t;let l,c;for(t=o[0],l=0;l<o.length-1;l++)c=B(this,a[i+l],e,l),c===E&&(c=this._$AH[l]),r||(r=!Y(c)||c!==this._$AH[l]),c===u?t=u:t!==u&&(t+=(c??"")+o[l+1]),this._$AH[l]=c}r&&!n&&this.O(t)}O(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xs extends yt{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===u?void 0:t}}let ws=class extends yt{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}};class As extends yt{constructor(t,e,i,n,o){super(t,e,i,n,o),this.type=5}_$AI(t,e=this){if((t=B(this,t,e,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,o=t!==u&&(i===u||n);n&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ss{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){B(this,t)}}const Ot=Z.litHtmlPolyfillSupport;Ot==null||Ot(X,Q),(Z.litHtmlVersions??(Z.litHtmlVersions=[])).push("3.0.2");const Es=(s,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let n=i._$litPart$;if(n===void 0){const o=(e==null?void 0:e.renderBefore)??null;i._$litPart$=n=new Q(t.insertBefore(q(),o),o,void 0,e??{})}return n._$AI(s),n};/**
16
- * @license
17
- * Copyright 2017 Google LLC
18
- * SPDX-License-Identifier: BSD-3-Clause
19
- */let m=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Es(e,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 Oe;m._$litElement$=!0,m.finalized=!0,(Oe=globalThis.litElementHydrateSupport)==null||Oe.call(globalThis,{LitElement:m});const Lt=globalThis.litElementPolyfillSupport;Lt==null||Lt({LitElement:m});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.1");const ks={name:"alert",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>'},Ts={name:"check-circle-filled",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9829 16.5431 47.4569 4.01712 32 4ZM44.5613 24.5793L31.6382 43.9639C31.2806 44.5011 30.7008 44.8493 30.0586 44.9126C29.988 44.9197 29.9171 44.9232 29.8462 44.9231C29.275 44.9229 28.7272 44.696 28.3233 44.2921L19.7079 35.6767C19.1639 35.1326 18.9514 34.3396 19.1505 33.5964C19.3497 32.8533 19.9302 32.2728 20.6734 32.0736C21.4166 31.8745 22.2095 32.087 22.7536 32.631L29.5117 39.3881L40.9772 22.1899C41.4016 21.5439 42.1396 21.1749 42.9111 21.2229C43.6825 21.2709 44.3691 21.7286 44.7101 22.4223C45.0511 23.1159 44.9944 23.9391 44.5613 24.5793Z"/></svg>'},Os={name:"check-circle",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>'},ce={name:"mute",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.4283 11.6761L53.1768 9.53891C53.9347 8.61282 53.7982 7.24774 52.8722 6.48993C51.9461 5.73211 50.581 5.86852 49.8232 6.79461L36.3333 23.2822V13.3972C36.3332 11.6447 35.2774 10.0648 33.6583 9.39418C32.0391 8.72356 30.1755 9.09425 28.9362 10.3334L18.1029 21.1668H14.6667C9.88247 21.1722 6.00547 25.0492 6 29.8334V34.1668C6.00547 38.951 9.88247 42.828 14.6667 42.8334H18.1029L19.3315 44.0621L10.8232 54.4613C10.0653 55.3874 10.2018 56.7525 11.1279 57.5103C12.0539 58.2681 13.419 58.1317 14.1768 57.2056L22.411 47.1416L28.9362 53.6668C30.1755 54.9059 32.0391 55.2766 33.6583 54.606C35.2774 53.9354 36.3332 52.3555 36.3333 50.603V30.1254L42.6092 22.4549C44.2201 25.3756 45.044 28.6649 45 32.0001C45.1184 36.1899 43.7698 40.2896 41.1872 43.5909C40.409 44.5001 40.5152 45.8679 41.4243 46.6461C42.3334 47.4243 43.7012 47.3183 44.4795 46.4093C47.7313 42.3208 49.4486 37.2227 49.3333 32.0001C49.403 27.3538 48.067 22.7949 45.5005 18.9211L48.6119 15.1182C52.019 20.0793 53.7867 25.9829 53.6667 32.0001C53.6667 39.0587 51.4873 45.6518 47.6872 50.0909C46.909 51.0001 47.0152 52.3679 47.9243 53.1461C48.8334 53.9243 50.2012 53.8183 50.9795 52.9093C55.4408 47.6968 58 40.0764 58 32.0001C58 24.21 55.6006 16.8662 51.4283 11.6761ZM19.8971 38.5H14.6667C12.2744 38.4977 10.3357 36.559 10.3333 34.1667V29.8334C10.3357 27.4411 12.2744 25.5024 14.6667 25.5H19.8971L32 13.3972V28.5784L22.089 40.6919L19.8971 38.5ZM31.9997 50.603L25.1682 43.7715L31.9997 35.4218V50.603Z"/></svg>'},Ls={name:"question",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>'},Ps={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>'},de={name:"volume",svg:'<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.6578 9.3322C32.0391 8.65799 30.1735 9.02919 28.9362 10.2717L18.1029 21.105H14.6667C9.88247 21.1105 6.00547 24.9875 6 29.7717V34.105C6.00547 38.8892 9.88247 42.7662 14.6667 42.7717H18.1029L28.9362 53.605C30.1755 54.8442 32.0391 55.2149 33.6583 54.5442C35.2774 53.8736 36.3332 52.2937 36.3333 50.5412V13.3355C36.3365 11.5817 35.2794 10.0001 33.6578 9.3322ZM32 50.5411L19.8971 38.4382H14.6667C12.2744 38.4358 10.3357 36.4971 10.3333 34.1049V29.7716C10.3357 27.3793 12.2744 25.4406 14.6667 25.4382H19.8971L32 13.3353V50.5411ZM49.3334 31.9383C49.4487 37.161 47.7314 42.2591 44.4796 46.3475C43.7013 47.2565 42.3335 47.3625 41.4244 46.5843C40.5153 45.8061 40.4092 44.4383 41.1873 43.5291C43.7699 40.2278 45.1185 36.1282 45.0001 31.9383C45.1185 27.7485 43.7699 23.6488 41.1873 20.3475C40.4092 19.4383 40.5153 18.0705 41.4244 17.2923C42.3335 16.5141 43.7013 16.6201 44.4796 17.5291C47.7314 21.6176 49.4487 26.7157 49.3334 31.9383ZM58.0001 31.9383C58.0001 40.0147 55.441 47.635 50.9796 52.8475C50.2013 53.7565 48.8335 53.8625 47.9244 53.0843C47.0153 52.3061 46.9092 50.9383 47.6873 50.0291C51.4874 45.59 53.6668 38.9969 53.6668 31.9383C53.6668 24.8797 51.4874 18.2866 47.6873 13.8475C46.9092 12.9383 47.0153 11.5705 47.9244 10.7923C48.8335 10.0141 50.2013 10.1201 50.9796 11.0291C55.441 16.2416 58.0001 23.862 58.0001 31.9383Z"/></svg>'},U={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,Ne,bt,je=!1,lt=!1,Wt=!1,y=!1,he=null,Ht=!1;const _t=typeof window<"u"?window:{},x=_t.document||{head:{}},De=_t.HTMLElement||class{},v={$flags$:0,$resourcesUrl$:"",jmp:s=>s(),raf:s=>requestAnimationFrame(s),ael:(s,t,e,i)=>s.addEventListener(t,e,i),rel:(s,t,e,i)=>s.removeEventListener(t,e,i),ce:(s,t)=>new CustomEvent(s,t)},Ms=(()=>{let s=!1;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){s=!0}}))}catch{}return s})(),Rs=s=>Promise.resolve(s),Hs=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),Ie=(s,t,e,i)=>{e&&e.map(([n,o,r])=>{const a=Ns(s,n),l=Us(t,r),c=js(n);v.ael(a,o,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>v.rel(a,o,l,c))})},Us=(s,t)=>e=>{try{U.lazyLoad||s.$hostElement$[t](e)}catch(i){J(i)}},Ns=(s,t)=>t&4?x:t&8?_t:t&16?x.body:s,js=s=>Ms?{passive:(s&1)!==0,capture:(s&2)!==0}:(s&2)!==0,pe="http://www.w3.org/1999/xlink",P=(s,t="")=>()=>{},ue=new WeakMap,Ds=(s,t,e)=>{let i=ht.get(s);Hs&&e?(i=i||new CSSStyleSheet,i.replace(t)):i=t,ht.set(s,i)},Is=(s,t,e,i)=>{let n=Be(t,e),o=ht.get(n);if(s=s.nodeType===11?s:x,o)if(typeof o=="string"){s=s.head||s;let r=ue.get(s),a;r||ue.set(s,r=new Set),r.has(n)||(a=x.createElement("style"),a.innerHTML=o,s.insertBefore(a,s.querySelector("link")),r&&r.add(n))}else s.adoptedStyleSheets.includes(o)||(s.adoptedStyleSheets=[...s.adoptedStyleSheets,o]);return n},Bs=s=>{const t=s.$cmpMeta$,e=s.$hostElement$,i=t.$flags$,n=P("attachStyles",t.$tagName$),o=Is(e.shadowRoot?e.shadowRoot:e.getRootNode(),t,s.$modeName$);i&10&&(e["s-sc"]=o,e.classList.add(o+"-h"),i&2&&e.classList.add(o+"-s")),n()},Be=(s,t)=>"sc-"+(t&&s.$flags$&32?s.$tagName$+"-"+t:s.$tagName$),zs=s=>$i.map(t=>t(s)).find(t=>!!t),fe={},Fs="http://www.w3.org/2000/svg",Ws="http://www.w3.org/1999/xhtml",Zs=s=>s!=null,Zt=s=>(s=typeof s,s==="object"||s==="function"),D=(s,t,...e)=>{let i=null,n=null,o=null,r=!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"&&((r=typeof s!="function"&&!Zt(i))&&(i=String(i)),r&&a?l[l.length-1].$text$+=i:l.push(r?ct(null,i):i),a=r)};if(c(e),t){t.key&&(n=t.key),t.name&&(o=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 s=="function")return s(t===null?{}:t,l,qs);const d=ct(s,null);return d.$attrs$=t,l.length>0&&(d.$children$=l),d.$key$=n,d.$name$=o,d},ct=(s,t)=>{const e={$flags$:0,$tag$:s,$text$:t,$elm$:null,$children$:null};return e.$attrs$=null,e.$key$=null,e.$name$=null,e},Gt={},Gs=s=>s&&s.$tag$===Gt,qs={forEach:(s,t)=>s.map(ge).forEach(t),map:(s,t)=>s.map(ge).map(t).map(Ys)},ge=s=>({vattrs:s.$attrs$,vchildren:s.$children$,vkey:s.$key$,vname:s.$name$,vtag:s.$tag$,vtext:s.$text$}),Ys=s=>{if(typeof s.vtag=="function"){const e=Object.assign({},s.vattrs);return s.vkey&&(e.key=s.vkey),s.vname&&(e.name=s.vname),D(s.vtag,e,...s.vchildren||[])}const t=ct(s.vtag,s.vtext);return t.$attrs$=s.vattrs,t.$children$=s.vchildren,t.$key$=s.vkey,t.$name$=s.vname,t},$e=(s,t,e,i,n,o)=>{if(e!==i){let r=be(s,t),a=t.toLowerCase();if(t==="class"){const l=s.classList,c=me(e),d=me(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 e)(!i||i[l]==null)&&(l.includes("-")?s.style.removeProperty(l):s.style[l]="");for(const l in i)(!e||i[l]!==e[l])&&(l.includes("-")?s.style.setProperty(l,i[l]):s.style[l]=i[l])}else if(t!=="key")if(t==="ref")i&&i(s);else if(!s.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n")t[2]==="-"?t=t.slice(3):be(_t,a)?t=a.slice(2):t=a[2]+t.slice(3),e&&v.rel(s,t,e,!1),i&&v.ael(s,t,i,!1);else{const l=Zt(i);if((r||l&&i!==null)&&!n)try{if(s.tagName.includes("-"))s[t]=i;else{let d=i??"";t==="list"?r=!1:(e==null||s[t]!=d)&&(s[t]=d)}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),i==null||i===!1?(i!==!1||s.getAttribute(t)==="")&&(c?s.removeAttributeNS(pe,t):s.removeAttribute(t)):(!r||o&4||n)&&!l&&(i=i===!0?"":i,c?s.setAttributeNS(pe,t,i):s.setAttribute(t,i))}}},Xs=/\s/,me=s=>s?s.split(Xs):[],ze=(s,t,e,i)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,o=s&&s.$attrs$||fe,r=t.$attrs$||fe;for(i in o)i in r||$e(n,i,o[i],void 0,e,t.$flags$);for(i in r)$e(n,i,o[i],r[i],e,t.$flags$)},dt=(s,t,e,i)=>{let n=t.$children$[e],o=0,r,a,l;if(je||(Wt=!0,n.$tag$==="slot"&&(N&&i.classList.add(N+"-s"),n.$flags$|=n.$children$?2:1)),n.$text$!==null)r=n.$elm$=x.createTextNode(n.$text$);else if(n.$flags$&1)r=n.$elm$=x.createTextNode("");else{if(y||(y=n.$tag$==="svg"),r=n.$elm$=x.createElementNS(y?Fs:Ws,n.$flags$&2?"slot-fb":n.$tag$),y&&n.$tag$==="foreignObject"&&(y=!1),ze(null,n,y),Zs(N)&&r["s-si"]!==N&&r.classList.add(r["s-si"]=N),n.$children$)for(o=0;o<n.$children$.length;++o)a=dt(s,n,o,r),a&&r.appendChild(a);n.$tag$==="svg"?y=!1:r.tagName==="foreignObject"&&(y=!0)}return r["s-hn"]=bt,n.$flags$&3&&(r["s-sr"]=!0,r["s-cr"]=Ne,r["s-sn"]=n.$name$||"",l=s&&s.$children$&&s.$children$[e],l&&l.$tag$===n.$tag$&&s.$elm$&&K(s.$elm$,!1)),r},K=(s,t)=>{v.$flags$|=1;const e=s.childNodes;for(let i=e.length-1;i>=0;i--){const n=e[i];n["s-hn"]!==bt&&n["s-ol"]&&(Ze(n).insertBefore(n,qt(n)),n["s-ol"].remove(),n["s-ol"]=void 0,Wt=!0),t&&K(n,t)}v.$flags$&=-2},Fe=(s,t,e,i,n,o)=>{let r=s["s-cr"]&&s["s-cr"].parentNode||s,a;for(r.shadowRoot&&r.tagName===bt&&(r=r.shadowRoot);n<=o;++n)i[n]&&(a=dt(null,e,n,s),a&&(i[n].$elm$=a,r.insertBefore(a,qt(t))))},We=(s,t,e,i,n)=>{for(;t<=e;++t)(i=s[t])&&(n=i.$elm$,Ye(i),lt=!0,n["s-ol"]?n["s-ol"].remove():K(n,!0),n.remove())},Ks=(s,t,e,i)=>{let n=0,o=0,r=0,a=0,l=t.length-1,c=t[0],d=t[l],h=i.length-1,p=i[0],g=i[h],C,et;for(;n<=l&&o<=h;)if(c==null)c=t[++n];else if(d==null)d=t[--l];else if(p==null)p=i[++o];else if(g==null)g=i[--h];else if(st(c,p))j(c,p),c=t[++n],p=i[++o];else if(st(d,g))j(d,g),d=t[--l],g=i[--h];else if(st(c,g))(c.$tag$==="slot"||g.$tag$==="slot")&&K(c.$elm$.parentNode,!1),j(c,g),s.insertBefore(c.$elm$,d.$elm$.nextSibling),c=t[++n],g=i[--h];else if(st(d,p))(c.$tag$==="slot"||g.$tag$==="slot")&&K(d.$elm$.parentNode,!1),j(d,p),s.insertBefore(d.$elm$,c.$elm$),d=t[--l],p=i[++o];else{for(r=-1,a=n;a<=l;++a)if(t[a]&&t[a].$key$!==null&&t[a].$key$===p.$key$){r=a;break}r>=0?(et=t[r],et.$tag$!==p.$tag$?C=dt(t&&t[o],e,r,s):(j(et,p),t[r]=void 0,C=et.$elm$),p=i[++o]):(C=dt(t&&t[o],e,o,s),p=i[++o]),C&&Ze(c.$elm$).insertBefore(C,qt(c.$elm$))}n>l?Fe(s,i[h+1]==null?null:i[h+1].$elm$,e,i,o,h):o>h&&We(t,n,l)},st=(s,t)=>s.$tag$===t.$tag$?s.$tag$==="slot"?s.$name$===t.$name$:s.$key$===t.$key$:!1,qt=s=>s&&s["s-ol"]||s,Ze=s=>(s["s-ol"]?s["s-ol"]:s).parentNode,j=(s,t)=>{const e=t.$elm$=s.$elm$,i=s.$children$,n=t.$children$,o=t.$tag$,r=t.$text$;let a;r===null?(y=o==="svg"?!0:o==="foreignObject"?!1:y,o==="slot"||ze(s,t,y),i!==null&&n!==null?Ks(e,i,t,n):n!==null?(s.$text$!==null&&(e.textContent=""),Fe(e,null,t,n,0,n.length-1)):i!==null&&We(i,0,i.length-1),y&&o==="svg"&&(y=!1)):(a=e["s-cr"])?a.parentNode.textContent=r:s.$text$!==r&&(e.data=r)},Ge=s=>{let t=s.childNodes,e,i,n,o,r,a;for(i=0,n=t.length;i<n;i++)if(e=t[i],e.nodeType===1){if(e["s-sr"]){for(r=e["s-sn"],e.hidden=!1,o=0;o<n;o++)if(a=t[o].nodeType,t[o]["s-hn"]!==e["s-hn"]||r!==""){if(a===1&&r===t[o].getAttribute("slot")){e.hidden=!0;break}}else if(a===1||a===3&&t[o].textContent.trim()!==""){e.hidden=!0;break}}Ge(e)}},_=[],qe=s=>{let t,e,i,n,o,r,a=0,l=s.childNodes,c=l.length;for(;a<c;a++){if(t=l[a],t["s-sr"]&&(e=t["s-cr"])&&e.parentNode)for(i=e.parentNode.childNodes,n=t["s-sn"],r=i.length-1;r>=0;r--)e=i[r],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"]&&(ve(e,n)?(o=_.find(d=>d.$nodeToRelocate$===e),lt=!0,e["s-sn"]=e["s-sn"]||n,o?o.$slotRefNode$=t:_.push({$slotRefNode$:t,$nodeToRelocate$:e}),e["s-sr"]&&_.map(d=>{ve(d.$nodeToRelocate$,e["s-sn"])&&(o=_.find(h=>h.$nodeToRelocate$===e),o&&!d.$slotRefNode$&&(d.$slotRefNode$=o.$slotRefNode$))})):_.some(d=>d.$nodeToRelocate$===e)||_.push({$nodeToRelocate$:e}));t.nodeType===1&&qe(t)}},ve=(s,t)=>s.nodeType===1?s.getAttribute("slot")===null&&t===""||s.getAttribute("slot")===t:s["s-sn"]===t?!0:t==="",Ye=s=>{s.$attrs$&&s.$attrs$.ref&&s.$attrs$.ref(null),s.$children$&&s.$children$.map(Ye)},Qs=(s,t)=>{const e=s.$hostElement$,i=s.$cmpMeta$,n=s.$vnode$||ct(null,null),o=Gs(t)?t:D(null,null,t);bt=e.tagName,i.$attrsToReflect$&&(o.$attrs$=o.$attrs$||{},i.$attrsToReflect$.map(([r,a])=>o.$attrs$[a]=e[r])),o.$tag$=null,o.$flags$|=4,s.$vnode$=o,o.$elm$=n.$elm$=e.shadowRoot||e,N=e["s-sc"],Ne=e["s-cr"],je=(i.$flags$&1)!==0,lt=!1,j(n,o);{if(v.$flags$|=1,Wt){qe(o.$elm$);let r,a,l,c,d,h,p=0;for(;p<_.length;p++)r=_[p],a=r.$nodeToRelocate$,a["s-ol"]||(l=x.createTextNode(""),l["s-nr"]=a,a.parentNode.insertBefore(a["s-ol"]=l,a));for(p=0;p<_.length;p++)if(r=_[p],a=r.$nodeToRelocate$,r.$slotRefNode$){for(c=r.$slotRefNode$.parentNode,d=r.$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&&Ge(o.$elm$),v.$flags$&=-2,_.length=0}},Js=s=>s,Vs=(s,t,e)=>{const i=Js(s);return{emit:n=>ti(i,t,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:n})}},ti=(s,t,e)=>{const i=v.ce(t,e);return s.dispatchEvent(i),i},ei=(s,t)=>{},Xe=(s,t)=>(s.$flags$|=16,ei(s,s.$ancestorComponent$),yi(()=>si(s,t))),si=(s,t)=>{const e=s.$hostElement$,i=P("scheduleUpdate",s.$cmpMeta$.$tagName$),n=e;let o;return t?o=I(n,"componentWillLoad"):o=I(n,"componentWillUpdate"),o=ye(o,()=>I(n,"componentWillRender")),i(),ye(o,()=>ii(s,n,t))},ii=async(s,t,e)=>{const i=s.$hostElement$,n=P("update",s.$cmpMeta$.$tagName$);i["s-rc"],e&&Bs(s);const o=P("render",s.$cmpMeta$.$tagName$);ni(s,t,i),o(),n(),oi(s)},ni=(s,t,e)=>{try{he=t,t=t.render&&t.render(),s.$flags$&=-17,s.$flags$|=2,(U.hasRenderFn||U.reflect)&&(U.vdomRender||U.reflect)&&(U.hydrateServerSide||Qs(s,t))}catch(a){J(a,s.$hostElement$)}return he=null,null},oi=s=>{const t=s.$cmpMeta$.$tagName$,e=s.$hostElement$,i=P("postUpdate",t),n=e;s.$ancestorComponent$,I(n,"componentDidRender"),s.$flags$&64?(I(n,"componentDidUpdate"),i()):(s.$flags$|=64,I(n,"componentDidLoad"),i())},I=(s,t,e)=>{if(s&&s[t])try{return s[t](e)}catch(i){J(i)}},ye=(s,t)=>s&&s.then?s.then(t):t(),ri=(s,t)=>s!=null&&!Zt(s)?t&4?s==="false"?!1:s===""||!!s:t&2?parseFloat(s):t&1?String(s):s:s,ai=(s,t)=>Ct(s).$instanceValues$.get(t),li=(s,t,e,i)=>{const n=Ct(s),o=s,r=n.$instanceValues$.get(t),a=n.$flags$,l=o;e=ri(e,i.$members$[t][0]);const c=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!c){n.$instanceValues$.set(t,e);{if(i.$watchers$&&a&128){const h=i.$watchers$[t];h&&h.map(p=>{try{l[p](e,r,t)}catch(g){J(g,o)}})}if((a&18)===2){if(l.componentShouldUpdate&&l.componentShouldUpdate(e,r,t)===!1)return;Xe(n,!1)}}}},ci=(s,t,e)=>{if(t.$members$){s.watchers&&(t.$watchers$=s.watchers);const i=Object.entries(t.$members$),n=s.prototype;i.map(([o,[r]])=>{(r&31||r&32)&&Object.defineProperty(n,o,{get(){return ai(this,o)},set(a){li(this,o,a,t)},configurable:!0,enumerable:!0})});{const o=new Map;n.attributeChangedCallback=function(r,a,l){v.jmp(()=>{const c=o.get(r);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})},s.observedAttributes=i.filter(([r,a])=>a[0]&15).map(([r,a])=>{const l=a[1]||r;return o.set(l,r),a[0]&512&&t.$attrsToReflect$.push([r,l]),l})}}return s},di=async(s,t,e,i,n)=>{if(!(t.$flags$&32)&&(n=s.constructor,t.$flags$|=32,customElements.whenDefined(e.$tagName$).then(()=>t.$flags$|=128),n.style)){let r=n.style;typeof r!="string"&&(r=r[t.$modeName$=zs(s)]);const a=Be(e,t.$modeName$);if(!ht.has(a)){const l=P("registerStyles",e.$tagName$);Ds(a,r,!!(e.$flags$&1)),l()}}t.$ancestorComponent$,(()=>Xe(t,!0))()},hi=s=>{},pi=s=>{if(!(v.$flags$&1)){const t=Ct(s),e=t.$cmpMeta$,i=P("connectedCallback",e.$tagName$);t.$flags$&1?(Ie(s,t,e.$listeners$),hi(t.$lazyInstance$)):(t.$flags$|=1,e.$flags$&12&&ui(s),e.$members$&&Object.entries(e.$members$).map(([n,[o]])=>{if(o&31&&s.hasOwnProperty(n)){const r=s[n];delete s[n],s[n]=r}}),di(s,t,e)),i()}},ui=s=>{const t=s["s-cr"]=x.createComment("");t["s-cn"]=!0,s.insertBefore(t,s.firstChild)},fi=s=>{if(!(v.$flags$&1)){const t=Ct(s);t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0)}},Ke=(s,t)=>{const e={$flags$:t[0],$tagName$:t[1]};e.$members$=t[2],e.$listeners$=t[3],e.$watchers$=s.$watchers$,e.$attrsToReflect$=[];const i=s.prototype.connectedCallback,n=s.prototype.disconnectedCallback;return Object.assign(s.prototype,{__registerHost(){gi(this,e)},connectedCallback(){pi(this),i&&i.call(this)},disconnectedCallback(){fi(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)})}}),s.is=e.$tagName$,ci(s,e)},Qe=new WeakMap,Ct=s=>Qe.get(s),gi=(s,t)=>{const e={$flags$:0,$hostElement$:s,$cmpMeta$:t,$instanceValues$:new Map};return Ie(s,e,t.$listeners$),Qe.set(s,e)},be=(s,t)=>t in s,J=(s,t)=>(0,console.error)(s,t),ht=new Map,$i=[],_e=[],Je=[],mi=(s,t)=>e=>{s.push(e),Ht||(Ht=!0,t&&v.$flags$&4?vi(Ut):v.raf(Ut))},Ce=s=>{for(let t=0;t<s.length;t++)try{s[t](performance.now())}catch(e){J(e)}s.length=0},Ut=()=>{Ce(_e),Ce(Je),(Ht=_e.length>0)&&v.raf(Ut)},vi=s=>Rs().then(s),yi=mi(Je,!0),bi=(s={})=>{const{content:t="",title:e,attributes:i=[]}=s;let n="",o=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},...i];return e&&(n=`<title>${e}</title>`),`<svg ${o.map(a=>`${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`},_i=s=>s.replace(/<(\/?)svg([^>]*)>/g,"").trim();function Ci(s){return`${s.getFullYear()}.${s.getMonth()+1}`}class xi{constructor(t){this.voca_component=t,this.voca_added=Ci(new Date)}}const wi="telia-vst{display:none}",Ai=Ke(class extends De{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=Vs(this,"vocaInternalUStats",7)}connectedCallback(){this.vocaInternalUStats.emit(new xi(this.dataTrackingId))}render(){return D(Gt,null)}static get style(){return wi}},[0,"telia-vst",{dataTrackingId:[1,"data-tracking-id"]}]);function Ve(){if(typeof customElements>"u")return;["telia-vst"].forEach(t=>{switch(t){case"telia-vst":customElements.get(t)||customElements.define(t,Ai);break}})}Ve();function Nt(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function Si(){if(typeof Nt().vocadsIcons!==void 0)return Nt().vocadsIcons}function Ei(){return Nt().vocadsIconsRegistered}const ki=".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))}",Ti=Ke(class extends De{constructor(){super(),this.__registerHost(),this.size="md",this.allyTitle=null,this.dataTrackingId="telia-icon"}getSvgString(){if(this.svg)return this.svg;if(Ei()&&this.name){const s=Si();return s[this.name]?s[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 s=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 e=bi({content:_i(s),attributes:t,title:this.allyTitle});return D(Gt,{class:`telia-icon telia-icon--${this.size}`},D("span",{"aria-label":this.allyTitle,class:"telia-icon__container",innerHTML:e}),D("telia-vst",{dataTrackingId:this.dataTrackingId}))}static get style(){return ki}},[0,"telia-icon",{name:[1],svg:[1],size:[1],allyTitle:[1,"ally-title"],dataTestid:[1,"data-testid"]}]);function Oi(){if(typeof customElements>"u")return;["telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-icon":customElements.get(t)||customElements.define(t,Ti);break;case"telia-vst":customElements.get(t)||Ve();break}})}Oi();/**
20
- * @license
21
- * Copyright 2017 Google LLC
22
- * SPDX-License-Identifier: BSD-3-Clause
23
- */const V=s=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)};/**
24
- * @license
25
- * Copyright 2017 Google LLC
26
- * SPDX-License-Identifier: BSD-3-Clause
27
- */const Li={attribute:!0,type:String,converter:rt,reflect:!1,hasChanged:Ft},Pi=(s=Li,t,e)=>{const{kind:i,metadata:n}=e;let o=globalThis.litPropertyMetadata.get(n);if(o===void 0&&globalThis.litPropertyMetadata.set(n,o=new Map),o.set(e.name,s),i==="accessor"){const{name:r}=e;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(r,l,s)},init(a){return a!==void 0&&this.C(r,void 0,s),a}}}if(i==="setter"){const{name:r}=e;return function(a){const l=this[r];t.call(this,a),this.requestUpdate(r,l,s)}}throw Error("Unsupported decorator location: "+i)};function $(s){return(t,e)=>typeof e=="object"?Pi(s,t,e):((i,n,o)=>{const r=n.hasOwnProperty(o);return n.constructor.createProperty(o,r?{...i,wrapped:!0}:i),r?Object.getOwnPropertyDescriptor(n,o):void 0})(s,t,e)}/**
28
- * @license
29
- * Copyright 2017 Google LLC
30
- * SPDX-License-Identifier: BSD-3-Clause
31
- */function w(s){return $({...s,state:!0,attribute:!1})}/**
32
- * @license
33
- * Copyright 2020 Google LLC
34
- * SPDX-License-Identifier: BSD-3-Clause
35
- */const Mi=s=>s.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=s=>(...t)=>({_$litDirective$:s,values:t});let Yt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
40
- * @license
41
- * Copyright 2017 Google LLC
42
- * SPDX-License-Identifier: BSD-3-Clause
43
- */const G=(s,t)=>{var i;const e=s._$AN;if(e===void 0)return!1;for(const n of e)(i=n._$AO)==null||i.call(n,t,!1),G(n,t);return!0},pt=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while((e==null?void 0:e.size)===0)},ts=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),Ui(t)}};function Ri(s){this._$AN!==void 0?(pt(this),this._$AM=s,ts(this)):this._$AM=s}function Hi(s,t=!1,e=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(i))for(let o=e;o<i.length;o++)G(i[o],!1),pt(i[o]);else i!=null&&(G(i,!1),pt(i));else G(this,s)}const Ui=s=>{s.type==xt.CHILD&&(s._$AP??(s._$AP=Hi),s._$AQ??(s._$AQ=Ri))};let es=class extends Yt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),ts(this),this.isConnected=t._$AU}_$AO(t,e=!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)),e&&(G(this,t),pt(this))}setValue(t){if(Mi(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};/**
44
- * @license
45
- * Copyright 2020 Google LLC
46
- * SPDX-License-Identifier: BSD-3-Clause
47
- */const ut=()=>new Ni;class Ni{}const Pt=new WeakMap,ft=wt(class extends es{render(s){return u}update(s,[t]){var i;const e=t!==this.G;return e&&this.G!==void 0&&this.ot(void 0),(e||this.rt!==this.lt)&&(this.G=t,this.ct=(i=s.options)==null?void 0:i.host,this.ot(this.lt=s.element)),u}ot(s){if(typeof this.G=="function"){const t=this.ct??globalThis;let e=Pt.get(t);e===void 0&&(e=new WeakMap,Pt.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ct,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ct,s)}else this.G.value=s}get rt(){var s,t;return typeof this.G=="function"?(s=Pt.get(this.ct??globalThis))==null?void 0:s.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 gt=wt(class extends Yt{constructor(s){var t;if(super(s),s.type!==xt.ATTRIBUTE||s.name!=="class"||((t=s.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(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,n;if(this.it===void 0){this.it=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((i=this.st)!=null&&i.has(o))&&this.it.add(o);return this.render(t)}const e=s.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const r=!!t[o];r===this.it.has(o)||(n=this.st)!=null&&n.has(o)||(r?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return E}});var ji=Object.defineProperty,Di=Object.getOwnPropertyDescriptor,Ii=(s,t,e,i)=>{for(var n=i>1?void 0:i?Di(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&ji(t,e,n),n};class Xt extends m{constructor(){super(...arguments),this.anchor="BottomRight"}appendChild(t){var e;return(e=this.shadowRoot)==null||e.appendChild(t),t}render(){return this.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right"),u}}Xt.styles=[b`
52
- :host {
53
- position: fixed;
54
- display: flex;
55
- align-items: center;
56
- gap: 1rem;
57
- }
58
-
59
- :host(.bottom-right) {
60
- bottom: 20px;
61
- right: 20px;
62
- }
63
- :host(.bottom-left) {
64
- bottom: 20px;
65
- left: 20px;
66
- }
67
- `];Ii([$({attribute:!0})],Xt.prototype,"anchor",2);const Bi=new WeakMap;let xe=0;const Mt=new Map,we=new WeakSet,Ae=()=>new Promise(s=>requestAnimationFrame(s)),zi=[{transform:"translateX(100%) scale(0)",opacity:0}],Fi=[{opacity:0}],Se=[{opacity:0},{opacity:1}],Ee=(s,t)=>{const e=s-t;return e===0?void 0:e},ke=(s,t)=>{const e=s/t;return e===1?void 0:e},Rt={left:(s,t)=>{const e=Ee(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(s,t)=>{const e=Ee(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateY(${e}px)`}},width:(s,t)=>{let e;t===0&&(t=1,e={width:"1px"});const i=ke(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleX(${i})`}},height:(s,t)=>{let e;t===0&&(t=1,e={height:"1px"});const i=ke(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},Wi={duration:333,easing:"ease-in-out"},Zi=["left","top","width","height","opacity","color","background"],Te=new WeakMap;class Gi extends es{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(e=>{this.h=e})}async resolveFinished(){var t;(t=this.h)==null||t.call(this),this.h=void 0}render(t){return u}getController(){return Bi.get(this.l)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[e]){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,Te.set(this.element,this)),this.optionsOrCallback=e,(i||typeof e!="function")&&this.u(e),this.render(e)}u(t){t=t??{};const e=this.getController();e!==void 0&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??(t.properties=Zi),this.options=t}p(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(n=>{const o=e[n]??(Rt[n]?void 0:i[n]),r=Number(o);t[n]=isNaN(r)?o+"":r}),t}m(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((i,n)=>{if(Array.isArray(i)){if(Array.isArray(n)&&n.length===i.length&&i.every((o,r)=>o===n[r]))return!1}else if(n===i)return!1;return!0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&e&&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 Ae;const e=this._(),i=this.A(this.options.keyframeOptions,e),n=this.p();if(this.g!==void 0){const{from:o,to:r}=this.O(this.g,n,e);this.log("measured",[this.g,n,o,r]),t=this.calculateKeyframes(o,r)}else{const o=Mt.get(this.options.inId);if(o){Mt.delete(this.options.inId);const{from:r,to:a}=this.O(o,n,e);t=this.calculateKeyframes(r,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,xe++,t.forEach(l=>l.zIndex=xe)}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,e;this.j=this.element.getAttribute("style"),(t=this.webAnimation)==null||t.commitStyles(),(e=this.webAnimation)==null||e.cancel()}reconnected(){}async disconnected(){var e;if(!this.o||(this.options.id!==void 0&&Mt.set(this.options.id,this.g),this.options.out===void 0))return;if(this.prepare(),await Ae(),(e=this.t)==null?void 0:e.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 o=this.g.left-n.left,r=this.g.top-n.top;getComputedStyle(this.element).position!=="static"||o===0&&r===0||(this.element.style.position="relative"),o!==0&&(this.element.style.left=o+"px"),r!==0&&(this.element.style.top=r+"px")}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,e;(e=(t=this.options).onStart)==null||e.call(t,this)}didFinish(t){var e,i;t&&((i=(e=this.options).onComplete)==null||i.call(e,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}_(){const t=[];for(let e=this.element.parentNode;e;e=e==null?void 0:e.parentNode){const i=Te.get(e);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=we.has(this.l);return t||this.l.updateComplete.then(()=>{we.add(this.l)}),t}A(t,e=this._()){const i={...Wi};return e.forEach(n=>Object.assign(i,n.options.keyframeOptions)),Object.assign(i,t),i}O(t,e,i){t={...t},e={...e};const n=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let o=1,r=1;return n!==void 0&&(n.forEach(a=>{a.width&&(o/=a.width),a.height&&(r/=a.height)}),t.left!==void 0&&e.left!==void 0&&(t.left=o*t.left,e.left=o*e.left),t.top!==void 0&&e.top!==void 0&&(t.top=r*t.top,e.top=r*e.top)),{from:t,to:e}}calculateKeyframes(t,e,i=!1){const n={},o={};let r=!1;const a={};for(const l in e){const c=t[l],d=e[l];if(l in Rt){const h=Rt[l];if(c===void 0||d===void 0)continue;const p=h(c,d);p.transform!==void 0&&(a[l]=p.value,r=!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&&(r=!0,n[l]=c,o[l]=d)}return n.transformOrigin=o.transformOrigin=i?"center center":"top left",this.animatingProperties=a,r?[n,o]:void 0}async animate(t,e=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,e]),i=!0,this.webAnimation=this.element.animate(t,e);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,e;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((e=this.webAnimation)==null?void 0:e.pending)}log(t,e){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,e)}}const jt=wt(Gi),it=(s,t,e)=>{s&&e.style.setProperty(t,s)},ss=(s,t)=>{var e,i,n,o;it((e=s.colors)==null?void 0:e.primaryBackground,"--primary-background",t),it((i=s.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),it((n=s.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),it((o=s.colors)==null?void 0:o.textOnSecondaryBackground,"--text-on-secondary-background",t)};var qi=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,At=(s,t,e,i)=>{for(var n=i>1?void 0:i?Yi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&qi(t,e,n),n};class M extends m{constructor(){super(...arguments),this.active=!1,this.loaded=!1,this.containerRef=ut()}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}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&&ss(this.application.settings.branding,this)}async _renderSymbol(){var a,l,c;const t=(a=this.application)==null?void 0:a.branding(),e=(l=t==null?void 0:t.graphics)==null?void 0:l.trigger;if(e)return f` <img src=${e} class="trigger-icon" alt="" /> `;const i=(c=this.application)==null?void 0:c.triggerIcon;if(!i)return u;const n=async d=>Ls,{type:o,content:r}=i;switch(o){case"Telia":{const d=await n();return d?f`<telia-icon
68
- class="trigger-icon"
69
- svg=${d.svg}
70
- size="lg"
71
- ></telia-icon>`:u}default:return u}}render(){var t,e,i,n;return f`<div class="trigger-container" ${ft(this.containerRef)}>
72
- ${!this.active&&((n=(i=(e=(t=this.application)==null?void 0:t.settings)==null?void 0:e.branding)==null?void 0:i.other)!=null&&n.showButtonLabel)?f`
73
- <button
74
- class="trigger-label"
75
- @click=${this.toggleActive}
76
- ${jt({keyframeOptions:{},in:zi,stabilizeOut:!0,skipInitial:!1})}
77
- >
78
- ${this.application.settings.branding.other.buttonLabelText}
79
- </button>
80
- `:u}
81
-
82
- <button
83
- class=${gt({trigger:!0,active:this.active,rendered:this.loaded})}
84
- @click=${this.toggleActive}
85
- >
86
- ${this.icon}
87
- <span class="trigger-close">
88
- <svg
89
- width="18"
90
- height="9"
91
- viewBox="0 0 18 9"
92
- fill="none"
93
- xmlns="http://www.w3.org/2000/svg"
94
- >
95
- <path
96
- 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"
97
- fill="white"
98
- />
99
- </svg>
100
- </span>
101
- <span class="trigger-loader">
102
- <svg viewBox="25 25 50 50">
103
- <circle
104
- cx="50"
105
- cy="50"
106
- r="20"
107
- fill="none"
108
- stroke="#000"
109
- stroke-width="2"
110
- stroke-miterlimit="10"
111
- />
112
- </svg>
113
- </span>
114
- </button>
115
- </div>`}}M.styles=[b`
116
- :host {
117
- --voca-rem-multiplier: 0.625;
118
- --trigger-label-bg: #f5e0ff;
119
- --trigger-label-text-color: rgba(0, 0, 0, 0.8);
120
- display: block;
121
- box-sizing: border-box;
122
- /* font-family: var(--font-family); */
123
- font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
124
- }
125
-
126
- .trigger-container {
127
- display: flex;
128
- align-items: center;
129
- gap: 1rem;
130
- }
131
-
132
- .trigger {
133
- transform: scale(0);
134
- box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
135
- z-index: 5;
136
- display: flex;
137
- align-items: center;
138
- justify-content: center;
139
- border: none;
140
- line-height: 55px;
141
- height: 55px;
142
- width: 55px;
143
- border-radius: 55px;
144
- cursor: pointer;
145
- background-color: var(--trigger-bg, var(--primary-background));
146
- font-family: Lato;
147
- text-decoration: none;
148
- border: 3px dashed transparent;
149
- box-sizing: border-box;
150
- transition: transform 200ms ease-out;
151
- }
152
- .trigger:active {
153
- transform: scale(0.8) !important;
154
- }
155
- .trigger:hover:not(:active) {
156
- transform: scale(1.1) !important;
157
- }
158
- .trigger.rendered {
159
- transform: scale(1);
160
- }
161
- .trigger.active .trigger-icon {
162
- opacity: 0;
163
- transform: rotate(-180deg) scale(0);
164
- }
165
- .trigger.active .trigger-close {
166
- opacity: 1;
167
- transform: rotate(0deg) scale(1);
168
- }
169
-
170
- .trigger-icon {
171
- display: inline-block;
172
- line-height: inherit;
173
- text-align: center;
174
- opacity: 1;
175
- transform: rotate(0deg) scale(1);
176
- transition: opacity 200ms ease-out, transform 200ms ease-out;
177
- color: var(--trigger-text-color, var(--text-on-primary-background));
178
- }
179
- .trigger-close {
180
- opacity: 0;
181
- transition: transform 200ms ease-out;
182
- transform: rotate(180deg) scale(0);
183
- position: absolute;
184
- top: 0;
185
- bottom: 0;
186
- left: 0;
187
- right: 0;
188
- display: flex;
189
- justify-content: center;
190
- align-items: center;
191
- fill: var(--trigger-text-color, var(--text-on-primary-background));
192
- }
193
-
194
- img {
195
- max-width: 100%;
196
- }
197
-
198
- .trigger-label {
199
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
200
- background-color: var(--trigger-label-bg);
201
- color: var(--trigger-label-text-color);
202
- white-space: nowrap;
203
- padding: 0.7rem 1rem;
204
- border-radius: 0.3rem;
205
- font-weight: 500;
206
- display: flex;
207
- justify-content: center;
208
- align-items: center;
209
- cursor: pointer;
210
- border: none;
211
- font-size: 1rem;
212
- font-family: inherit;
213
- transition: all 300ms ease-in-out;
214
- }
215
-
216
- .trigger-label:hover {
217
- opacity: 0.8;
218
- }
219
- `];At([$({attribute:!1})],M.prototype,"application",2);At([w()],M.prototype,"active",2);At([w()],M.prototype,"loaded",2);At([w()],M.prototype,"icon",2);var Xi=Object.defineProperty,Ki=Object.getOwnPropertyDescriptor,T=(s,t,e,i)=>{for(var n=i>1?void 0:i?Ki(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Xi(t,e,n),n};const is=s=>{class t extends s{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=[b`
220
- :host {
221
- font-family: var(--font-family);
222
- grid-column: span var(--width);
223
- max-width: 100%;
224
- overflow: hidden;
225
- box-sizing: border-box;
226
- display: block;
227
- }
228
- * {
229
- box-sizing: border-box;
230
- }
231
- `],T([$()],t.prototype,"properties",2),T([$()],t.prototype,"context",2),T([$()],t.prototype,"layout",2),T([$()],t.prototype,"name",2),T([$()],t.prototype,"type",2),T([$({attribute:!1})],t.prototype,"application",2),T([$({attribute:!1})],t.prototype,"parent",2),t};class ns extends is(m){render(){return f`Non resolved component`}}ns.styles=[b`
232
- :host {
233
- display: block;
234
- }
235
- `];/**
236
- * @license
237
- * Copyright 2021 Google LLC
238
- * SPDX-License-Identifier: BSD-3-Clause
239
- */function*Qi(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var Kt=(s=>(s.Inline="inline",s.Trigger="trigger",s))(Kt||{}),Ji=Object.defineProperty,Vi=Object.getOwnPropertyDescriptor,tn=(s,t,e,i)=>{for(var n=i>1?void 0:i?Vi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Ji(t,e,n),n};class Qt extends m{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&&ss(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,n])=>{e.style.setProperty(`--${i}`,n)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){return this.application.renderStrategy===Kt.Trigger&&(this.renderRoot.host.classList.add("floating"),this.application.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.application.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right")),f`<div class="widget-container" ${ft(this.wrapperRef)}>
240
- ${Qi(this.nodes,t=>t)}
241
- </div>`}}Qt.styles=b`
242
- :host {
243
- --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
244
- --spacing-xs: 0.2rem;
245
- --spacing-sm: 0.5rem;
246
- --spacing-md: 1rem;
247
- --spacing-lg: 1.2rem;
248
- --spacing-xl: 1.8rem;
249
-
250
- --text-color: #222222;
251
- --link-color: #990ae3;
252
- --gray-color: #f3f3f8;
253
- --gray-dark-color: #a6a6a6;
254
-
255
- --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
256
- --border-radius: var(--spacing-sm);
257
- --border-radius-sm: var(--spacing-sm);
258
- --gap: var(--spacing-sm);
259
- }
260
- :host {
261
- --voca-rem-multiplier: 0.625;
262
- box-sizing: border-box;
263
- display: block;
264
- }
265
-
266
- :host(.inline) {
267
- height: 100%;
268
- position: fixed;
269
- inset: 0 0 0 0;
270
- }
271
-
272
- :host(.floating) {
273
- z-index: 6;
274
- position: fixed;
275
- }
276
- @media screen and (max-width: 800px) {
277
- :host(.floating) {
278
- inset: 0 0 95px 0;
279
- }
280
- }
281
- @media screen and (min-width: 801px) {
282
- :host(.floating) {
283
- inset: auto 20px 95px auto;
284
- max-height: calc(100vh - 120px);
285
- width: 400px;
286
- height: 700px;
287
- }
288
- :host(.floating.bottom-right) {
289
- inset: auto 20px 95px auto;
290
- }
291
- :host(.floating.bottom-left) {
292
- inset: auto auto 95px 20px;
293
- }
294
- }
295
-
296
- :host(.floating) .widget-container {
297
- box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
298
- border-radius: 0.7rem;
299
- }
300
-
301
- * {
302
- box-sizing: border-box;
303
- }
304
- .widget-container {
305
- height: 100%;
306
- background-color: var(--primary-background);
307
- padding: var(--spacing-sm);
308
- border: var(--widget-border, none);
309
- }
310
- @keyframes slideDown {
311
- from {
312
- transform: translateY(0);
313
- opacity: 1;
314
- }
315
- to {
316
- transform: translateY(100%);
317
- opacity: 0;
318
- }
319
- }
320
- @keyframes slideUp {
321
- from {
322
- transform: translateY(100%);
323
- opacity: 0;
324
- }
325
- to {
326
- transform: translateY(0);
327
- opacity: 1;
328
- }
329
- }
330
- :host(.expanded) {
331
- opacity: 1;
332
- animation: slideUp 0.3s linear;
333
- }
334
- :host(.hidden) {
335
- opacity: 0;
336
- animation: slideDown 0.3s linear;
337
- }
338
- `;tn([$({attribute:!1})],Qt.prototype,"application",2);var en=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,Jt=(s,t,e,i)=>{for(var n=i>1?void 0:i?sn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&en(t,e,n),n};class tt extends m{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return u;if(this.widget.renderStrategy===Kt.Trigger){const t=new M;return t.application=this.widget,t}return this.widget.render()}}tt.styles=[b`
339
- :host {
340
- display: block;
341
- }
342
- `];Jt([$({attribute:!0})],tt.prototype,"name",2);Jt([w()],tt.prototype,"widget",2);Jt([w()],tt.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",Xt);customElements.get("ace-trigger")||customElements.define("ace-trigger",M);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",ns);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",Qt);customElements.get("ace-widget")||customElements.define("ace-widget",tt);var nn=Object.defineProperty,on=Object.getOwnPropertyDescriptor,St=(s,t,e,i)=>{for(var n=i>1?void 0:i?on(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&nn(t,e,n),n};let z=class extends m{constructor(){super(...arguments),this.loading=!0,this.entries=[]}connectedCallback(){super.connectedCallback(),this.session.entries().subscribe(s=>{this.entries=s}),this.session.isTyping().subscribe(s=>{this.loading=s})}updated(s){const t=new CustomEvent("updated",{});this.dispatchEvent(t)}render(){return f`<div class="conversation-session">
343
- ${this.entries.map(s=>f`<div class="conversation-entry" tabindex="-1">
344
- <conversation-entry
345
- .entry=${s}
346
- ${jt({keyframeOptions:{},in:Se,stabilizeOut:!0,skipInitial:!1})}
347
- >
348
- </conversation-entry>
349
- </div>`)}
350
- ${this.loading?f`<ace-typing-state
351
- ${jt({keyframeOptions:{},in:Se,out:Fi,stabilizeOut:!0,skipInitial:!1})}
352
- ></ace-typing-state>`:u}
353
- </div> `}};z.styles=[b`
354
- :host {
355
- display: block;
356
- }
357
- .conversation-session {
358
- display: flex;
359
- flex-direction: column;
360
- justify-content: end;
361
- min-height: 100%;
362
- padding: var(--spacing-md);
363
- }
364
- `];St([$({type:Boolean})],z.prototype,"loading",2);St([$({attribute:!1})],z.prototype,"session",2);St([w()],z.prototype,"entries",2);z=St([V("ace-conversation-session")],z);var rn=Object.defineProperty,an=Object.getOwnPropertyDescriptor,os=(s,t,e,i)=>{for(var n=i>1?void 0:i?an(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&rn(t,e,n),n};let $t=class extends m{connectedCallback(){var s;super.connectedCallback(),(s=this.entry.didUpdate)==null||s.subscribe(()=>{this.requestUpdate()})}_getTimestamp(s){return new Date(s).toLocaleTimeString([],{hour:"numeric",minute:"2-digit",hourCycle:"h23"})}_renderTimestamp(s,t){if(!s&&!t)return u;let e="";return s?t?e=`${s}: ${this._getTimestamp(t)}`:e=s:t&&(e=this._getTimestamp(t)),f`<p class="conversation-timestamp">${e}</p>`}_renderDeliveryStatus(s){return s==="delivered"?f`<telia-icon
365
- svg=${Ts.svg}
366
- size="sm"
367
- ></telia-icon>`:s==="failed"?f`<telia-icon
368
- svg=${ks.svg}
369
- size="sm"
370
- title="Message could not be delivered"
371
- ></telia-icon>`:f`<telia-icon svg=${Os.svg} size="sm"></telia-icon>`}_dispatchEntryAction(s){this.entry.actions$.next(s.detail)}render(){var s,t;switch(this.entry.type){case nt.ConversationMessageType.System:return f`
372
- <div class="conversation-system-message">
373
- ${this.entry.messages.map(e=>f`
374
- <div class="message-container">
375
- <div class="message-content">
376
- <conversation-group
377
- .group=${e}
378
- @action=${this._dispatchEntryAction}
379
- ></conversation-group>
380
- </div>
381
- </div>
382
- `)}
383
- <span>${this._getTimestamp(this.entry.timestamp)}</span>
384
- </div>
385
- `;case nt.ConversationMessageType.Agent:return f`<div
386
- class=${gt({"conversation-agent-message":!0,"has-avatar":!!((s=this.entry.sender)!=null&&s.avatar)})}
387
- >
388
- ${typeof((t=this.entry.sender)==null?void 0:t.avatar)=="string"?f`<div class="avatar">
389
- <img src=${this.entry.sender.avatar} />
390
- </div>`:u}
391
-
392
- <div class="entry-content">
393
- ${this.entry.messages.map(e=>f`
394
- <div class="message-container">
395
- <div class="message-content">
396
- <conversation-group .group=${e}></conversation-group>
397
- </div>
398
- </div>
399
- `)}
400
- </div>
401
- <div class="message-details">
402
- ${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
403
- </div>
404
- </div>`;case nt.ConversationMessageType.User:return f`<div
405
- class=${gt({"conversation-user-message":!0,"has-error":this.entry.status==="failed"})}
406
- >
407
- <div class="entry-content">
408
- ${this.entry.messages.map(e=>f`
409
- <div class="message-container">
410
- <div class="message-content">
411
- <conversation-group .group=${e}></conversation-group>
412
- </div>
413
- </div>
414
- `)}
415
- </div>
416
- <div class="message-details">
417
- ${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
418
- ${this._renderDeliveryStatus(this.entry.status)}
419
- </div>
420
- </div>`;default:return u}}};$t.styles=[b`
421
- :host {
422
- box-sizing: border-box;
423
- display: block;
424
- }
425
- * {
426
- box-sizing: border-box;
427
- }
428
- .message-content {
429
- padding: var(--spacing-md);
430
- display: inline-block;
431
- margin-top: var(--spacing-md);
432
- max-width: 100%;
433
- border: 1px solid rgba(255, 255, 255, 0.22);
434
- border-radius: var(--border-radius);
435
- background-color: var(--bubble-bg-color);
436
- color: var(--bubble-text-color);
437
- }
438
-
439
- .message-details {
440
- display: flex;
441
- gap: var(--spacing-sm);
442
- align-items: center;
443
- }
444
-
445
- .conversation-system-message {
446
- display: flex;
447
- flex-direction: column;
448
- justify-content: center;
449
- align-items: center;
450
- }
451
-
452
- .conversation-system-message .message-content {
453
- padding: 0;
454
- }
455
-
456
- .conversation-system-message span {
457
- color: var(--message-info-color, var(--text-color));
458
- font-size: 0.8rem;
459
- }
460
-
461
- .conversation-user-message {
462
- --bubble-bg-color: var(--user-bg-color);
463
- --bubble-text-color: var(--user-text-color);
464
- margin-left: 10%;
465
- width: 90%;
466
- display: flex;
467
- flex-direction: column;
468
- align-items: flex-end;
469
- gap: var(--spacing-sm);
470
- }
471
-
472
- .conversation-user-message.has-error {
473
- opacity: 0.7;
474
- }
475
-
476
- .conversation-user-message.has-error .message-details {
477
- color: var(--error-text-color);
478
- }
479
-
480
- .conversation-agent-message {
481
- --bubble-bg-color: var(--agent-bg-color);
482
- --bubble-text-color: var(--agent-text-color);
483
- display: grid;
484
- margin-right: 10%;
485
- width: 90%;
486
- gap: var(--spacing-sm);
487
-
488
- grid-template-columns: 1fr;
489
- grid-template-rows: 1fr auto;
490
- grid-template-areas:
491
- 'content'
492
- 'info';
493
- }
494
- .conversation-agent-message.has-avatar {
495
- grid-template-columns: auto 1fr;
496
- grid-template-rows: 1fr auto;
497
- grid-template-areas:
498
- 'avatar content'
499
- '. info';
500
- }
501
-
502
- .avatar {
503
- grid-area: avatar;
504
- place-self: flex-end;
505
- width: 32px;
506
- height: 32px;
507
- border-radius: 50%;
508
- align-self: flex-end;
509
- justify-self: center;
510
- overflow: hidden;
511
- margin-right: var(--spacing-md);
512
- justify-content: center;
513
- align-items: center;
514
- }
515
- .avatar img {
516
- height: 100%;
517
- width: 100%;
518
- object-fit: cover;
519
- }
520
-
521
- .conversation-timestamp {
522
- grid-area: info;
523
- margin: 0;
524
- line-height: 1.5em;
525
- grid-area: info;
526
- color: var(--message-info-color, var(--text-color));
527
- font-size: 0.8rem;
528
- font-weight: 300;
529
- }
530
-
531
- .entry-content {
532
- grid-area: content;
533
- }
534
- `];os([$({attribute:!1})],$t.prototype,"entry",2);$t=os([V("conversation-entry")],$t);/**
535
- * @license
536
- * Copyright 2021 Google LLC
537
- * SPDX-License-Identifier: BSD-3-Clause
538
- */const ln=(s,t,e)=>{for(const i of t)if(i[0]===s)return(0,i[1])();return e==null?void 0:e()};var cn=Object.defineProperty,dn=Object.getOwnPropertyDescriptor,rs=(s,t,e,i)=>{for(var n=i>1?void 0:i?dn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&cn(t,e,n),n};let mt=class extends m{render(){return f`
539
- <div class="message-group">
540
- ${this.group.items.map(([s,t])=>f`
541
- ${ln(s,[["html",()=>f`<message-type-html .message=${t} />`]],()=>{const e=customElements.get(s);if(!e)return u;const i=new e;return f`${i}`})}
542
- `)}
543
- </div>
544
- `}};mt.styles=[b`
545
- :host {
546
- box-sizing: border-box;
547
- display: block;
548
- }
549
- * {
550
- box-sizing: border-box;
551
- }
552
- .message-group {
553
- display: flex;
554
- flex-direction: column;
555
- gap: var(--spacing-md);
556
- }
557
- `];rs([$({attribute:!1})],mt.prototype,"group",2);mt=rs([V("conversation-group")],mt);var hn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,un=(s,t,e,i)=>{for(var n=i>1?void 0:i?pn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&hn(t,e,n),n};let Dt=class extends m{render(){return f`<div class="container">
558
- <div class="dot"></div>
559
- <div class="dot"></div>
560
- <div class="dot"></div>
561
- </div>`}};Dt.styles=[b`
562
- :host {
563
- display: block;
564
- }
565
- .container {
566
- align-items: center;
567
- display: flex;
568
- justify-content: center;
569
- gap: var(--spacing-sm);
570
- padding: var(--spacing-md);
571
- }
572
- .dot {
573
- border-radius: 9999px;
574
- height: var(--spacing-sm);
575
- width: var(--spacing-sm);
576
- background: var(--primary-background);
577
- opacity: 0;
578
- animation: blink 1s infinite;
579
- }
580
- .dot:nth-child(1) {
581
- animation-delay: 0.3333s;
582
- }
583
- .dot:nth-child(2) {
584
- animation-delay: 0.6666s;
585
- }
586
- .dot:nth-child(3) {
587
- animation-delay: 0.9999s;
588
- }
589
-
590
- @keyframes blink {
591
- 50% {
592
- opacity: 1;
593
- }
594
- }
595
- `];Dt=un([V("ace-typing-state")],Dt);/**
596
- * @license
597
- * Copyright 2017 Google LLC
598
- * SPDX-License-Identifier: BSD-3-Clause
599
- */class It extends Yt{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 e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}}It.directiveName="unsafeHTML",It.resultType=1;const fn=wt(It);var gn=Object.defineProperty,$n=Object.getOwnPropertyDescriptor,as=(s,t,e,i)=>{for(var n=i>1?void 0:i?$n(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&gn(t,e,n),n};let vt=class extends m{render(){return f`<div class="message-type-html">
600
- ${fn(this.message.content)}
601
- </div>`}};vt.styles=[b`
602
- :host {
603
- box-sizing: border-box;
604
- }
605
- * {
606
- box-sizing: border-box;
607
- }
608
- p {
609
- margin: 0;
610
- padding: 0;
611
- word-break: break-word;
612
- }
613
- a {
614
- word-break: break-all;
615
- }
616
- `];as([$({attribute:!1})],vt.prototype,"message",2);vt=as([V("message-type-html")],vt);class mn{constructor(t){this._message=null,this._host=t,t.addController(this)}hostConnected(){}set message(t){this._message=t,this._host.requestUpdate()}get message(){return this._message}hasMessage(){return!!this.message}}var vn=Object.defineProperty,yn=Object.getOwnPropertyDescriptor,Et=(s,t,e,i)=>{for(var n=i>1?void 0:i?yn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&vn(t,e,n),n};const bn=s=>{s.scrollTo?s.scrollTo({top:s.scrollHeight,behavior:"smooth"}):s.scrollTop=s.scrollHeight},ls=is(m);class R extends ls{constructor(){super(...arguments),this.toast=new mn(this),this.messageMaxLength=1e3,this.message="",this.platform=null,this.session=null,this.disabled=!1,this.conversationContentRef=ut(),this.formRef=ut(),this.chatScrollHeight=0}async connectedCallback(){super.connectedCallback(),this.messageMaxLength=this.properties.messageMaxLength??this.messageMaxLength;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}this.message=this.message.slice(0,this.messageMaxLength);const e=new CustomEvent("user-submit",{detail:{text:this.message}});this.dispatchEvent(e),this.message=""}_addHeaderOptions(){const t=this.application.getComponent("widget-header");if(!t)return;const e=this.application.texts,i=e.getOrFallback("conversation.mute","Mute"),n=e.getOrFallback("conversation.unmute","Unmute"),r=!!this.application.branding().other.disableSound,a=t.addOption({label:r?n:i,icon:r?de.svg:ce.svg,closeOnClick:!1,datatestid:"options-mute-button",onClick:()=>{!!this.application.branding().other.disableSound?(this.application.unmute(),a.updateLabel(i),a.updateIcon(de.svg)):(this.application.mute(),a.updateLabel(n),a.updateIcon(ce.svg))}})}_inputHandler(t){this.message=t.target.value}_actionHandler(t){}onSessionUpdated(){const t=this.conversationContentRef.value;t&&setTimeout(()=>{const e=t.scrollHeight;e>this.chatScrollHeight&&(bn(t),this.chatScrollHeight=e)},1e3)}disableInput(){this.disabled=!0}enableInput(){this.disabled=!1}setToastMessage(t){this.toast.message=t}handover(t,e={}){var i;return this.enableInput(),this.setToastMessage(null),((i=this.session)==null?void 0:i.handover(t,e))||nt.EMPTY}render(){const t=this.application.texts;return f` <div
617
- @action=${this._actionHandler}
618
- class=${gt({conversation:!0,disabled:this.disabled,"conversation--has-toast":this.toast.hasMessage(),"conversation--input-has-text":this.message.length>0})}
619
- >
620
- <div
621
- class="conversation-content"
622
- aria-live="polite"
623
- ${ft(this.conversationContentRef)}
624
- >
625
- ${this.toast.hasMessage()?f`<div class="conversation__toast">${this.toast.message}</div>`:u}
626
- ${this.session?f`<ace-conversation-session
627
- @updated=${this.onSessionUpdated}
628
- .session=${this.session}
629
- ></ace-conversation-session>`:u}
630
- </div>
631
- <form
632
- class="conversation-bottom"
633
- @submit=${this._onSendMessage}
634
- ${ft(this.formRef)}
635
- >
636
- <input
637
- maxlength=${this.messageMaxLength}
638
- placeholder=${t.getOrFallback("conversation.input-placeholder","Aa")}
639
- data-testid='message-input'
640
- .value=${this.message}
641
- ?disabled=${this.disabled}
642
- @input=${this._inputHandler} />
643
- <div class="conversation-actions">
644
- <button
645
- class="conversation-send-button"
646
- type="submit"
647
- data-testid='send-message-button'
648
- title=${t.getOrFallback("conversation.send-alt","Send")}
649
- ?disabled=${this.disabled}
650
- >
651
- <telia-icon svg=${Ps.svg}></telia-icon>
652
- </button>
653
- </div>
654
- </form>
655
- </div>`}}R.styles=[ls.styles||[],b`
656
- :host {
657
- font-family: var(--font-family);
658
- /* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
659
- --send-icon-opacity: 0.4;
660
- --send-icon-color: var(--text-color);
661
- --conversation-bg: var(--conversation-bg-color, #fafafa);
662
- --agent-bg-color: var(
663
- --conversation-agent-bg-color,
664
- var(--secondary-background)
665
- );
666
- --agent-text-color: var(
667
- --conversation-agent-text-color,
668
- var(--text-on-secondary-background)
669
- );
670
- --user-bg-color: var(
671
- --conversation-user-bg-color,
672
- var(--primary-background)
673
- );
674
- --user-text-color: var(
675
- --conversation-user-text-color,
676
- var(--text-on-primary-background)
677
- );
678
-
679
- --content-border: var(--conversation-content-border, none);
680
- --input-border: var(--conversation-input-border, none);
681
- --input-text-color: var(--conversation-input-text-color, inherit);
682
- --conversation-input-bg: var(--conversation-input-bg-color, #fff);
683
-
684
- --toast-bg: #eb5185;
685
- --toast-text-color: white;
686
-
687
- --error-text-color: #eb5185;
688
-
689
- --message-info-color: var(
690
- --conversation-message-info-color,
691
- var(--text-color)
692
- );
693
-
694
- scrollbar-width: thin; /* Firefox */
695
- scrollbar-color: #7f7f7f transparent; /* Firefox */
696
- }
697
- ::-webkit-scrollbar {
698
- width: 3px !important;
699
- background-color: transparent;
700
- border-left: none;
701
- }
702
- ::-webkit-scrollbar-thumb {
703
- background-color: #7f7f7f;
704
- }
705
- ::-webkit-scrollbar-track {
706
- -webkit-box-shadow: none !important;
707
- background-color: transparent;
708
- }
709
-
710
- @keyframes shake {
711
- 10%,
712
- 90% {
713
- transform: translateX(1px);
714
- }
715
- 20%,
716
- 80% {
717
- transform: translateX(-1px);
718
- }
719
- 30%,
720
- 50%,
721
- 70% {
722
- transform: translateX(2px);
723
- }
724
- 40%,
725
- 60% {
726
- transform: translateX(-2px);
727
- }
728
- }
729
-
730
- .conversation {
731
- display: grid;
732
- grid-template-rows: 1fr auto;
733
- gap: var(--spacing-lg);
734
- height: 100%;
735
- background-color: transparent;
736
- }
737
- .conversation.conversation--input-has-text {
738
- /* --send-icon-color: var(--primary-color); */
739
- --send-icon-opacity: 1;
740
- }
741
- .conversation.conversation--has-toast .conversation-content {
742
- border-top-right-radius: 0;
743
- border-top-left-radius: 0;
744
- }
745
- .conversation.disabled .conversation-bottom {
746
- --conversation-input-bg: rgba(255, 255, 255, 0.4);
747
- }
748
- .conversation-content {
749
- flex: 1;
750
- background-color: var(--conversation-bg);
751
- overflow-y: auto;
752
- overflow-x: hidden;
753
- border-radius: var(--border-radius-sm);
754
- border: var(--content-border);
755
- position: relative;
756
- }
757
- .conversation-bottom {
758
- border: var(--input-border);
759
- border-radius: var(--border-radius-sm);
760
- background-color: var(--conversation-input-bg);
761
- min-height: 50px;
762
- max-height: 150px;
763
- display: flex;
764
- align-items: center;
765
- padding: 0 var(--spacing-md);
766
- margin: 0;
767
- transition: background-color 500ms ease-in-out;
768
- }
769
- .conversation-bottom.shake {
770
- animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
771
- running shake;
772
- }
773
- .conversation-bottom-left {
774
- border-right: 1px solid var(--gray-color);
775
- padding-right: var(--spacing-md);
776
- }
777
- .conversation-send-button {
778
- border: none;
779
- background: transparent;
780
- color: var(--send-icon-color);
781
- opacity: var(--send-icon-opacity);
782
- transition: opacity 200ms ease-in-out;
783
- }
784
- .conversation-send-button:not(:disabled):hover {
785
- --send-icon-opacity: 1;
786
- cursor: pointer;
787
- }
788
- .conversation__toast {
789
- background-color: var(--toast-bg);
790
- color: var(--toast-text-color);
791
- padding: var(--spacing-md);
792
- position: sticky;
793
- top: 0;
794
- left: 0;
795
- right: 0;
796
- font-size: 0.8rem;
797
- text-align: center;
798
- font-weight: 500;
799
- }
800
- input {
801
- border: none;
802
- font-family: inherit;
803
- font-size: inherit;
804
- flex: 1;
805
- height: 2.5rem;
806
- outline: none;
807
- background-color: transparent;
808
- color: var(--input-text-color);
809
- }
810
- `];Et([w()],R.prototype,"message",2);Et([w()],R.prototype,"platform",2);Et([w()],R.prototype,"session",2);Et([w()],R.prototype,"disabled",2);exports.Conversation=R;exports.default=R;