@telia-ace/widget-conversation-flamingo 1.1.34-rc.0 → 1.1.34
Sign up to get free protection for your applications and to get access to all the features.
- package/controllers/toast-controller.d.ts +10 -0
- package/{conversation-d74b7570.mjs → conversation-16392b4c.mjs} +948 -831
- package/conversation-3d26c066.js +768 -0
- package/conversation.d.ts +5 -0
- package/entry.d.ts +4 -1
- package/{index-0b4bc287.mjs → index-127a80a4.mjs} +2 -2
- package/index-fe488435.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +3 -1
- package/index.mjs +1303 -8
- package/models/conversation-entry.d.ts +4 -1
- package/models/conversation-provider.d.ts +5 -0
- package/models/conversation-session-state.d.ts +1 -0
- package/models/system.d.ts +8 -0
- package/package.json +2 -2
- package/types.d.ts +4 -0
- package/conversation-2b47ebf9.js +0 -706
- package/index-1f92dd69.js +0 -3
- package/index-351f4e11.mjs +0 -1245
- package/index-ae71f17a.js +0 -1
package/conversation-2b47ebf9.js
DELETED
@@ -1,706 +0,0 @@
|
|
1
|
-
"use strict";const At=require("./index-1f92dd69.js");/**
|
2
|
-
* @license
|
3
|
-
* Copyright 2019 Google LLC
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
-
*/const nt=globalThis,Bt=nt.ShadowRoot&&(nt.ShadyCSS===void 0||nt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,zt=Symbol(),ee=new WeakMap;let Pe=class{constructor(t,s,i){if(this._$cssResult$=!0,i!==zt)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(Bt&&t===void 0){const i=s!==void 0&&s.length===1;i&&(t=ee.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ee.set(s,t))}return t}toString(){return this.cssText}};const ds=e=>new Pe(typeof e=="string"?e:e+"",void 0,zt),b=(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 Pe(s,e,zt)},hs=(e,t)=>{if(Bt)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const i=document.createElement("style"),n=nt.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=s.cssText,e.appendChild(i)}},se=Bt?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const i of t.cssRules)s+=i.cssText;return ds(s)})(e):e;/**
|
6
|
-
* @license
|
7
|
-
* Copyright 2017 Google LLC
|
8
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
-
*/const{is:ps,defineProperty:us,getOwnPropertyDescriptor:fs,getOwnPropertyNames:gs,getOwnPropertySymbols:$s,getPrototypeOf:ms}=Object,S=globalThis,ie=S.trustedTypes,vs=ie?ie.emptyScript:"",St=S.reactiveElementPolyfillSupport,W=(e,t)=>e,rt={toAttribute(e,t){switch(t){case Boolean:e=e?vs: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}},Ft=(e,t)=>!ps(e,t),ne={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,s=ne){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&&us(this.prototype,t,n)}}static getPropertyDescriptor(t,s,i){const{get:n,set:r}=fs(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)??ne}static _$Ei(){if(this.hasOwnProperty(W("elementProperties")))return;const t=ms(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=[...gs(s),...$s(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(se(n))}else t!==void 0&&s.push(se(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 hs(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:rt).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:rt;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??Ft)(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){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[W("elementProperties")]=new Map,H[W("finalized")]=new Map,St==null||St({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 G=globalThis,ot=G.trustedTypes,re=ot?ot.createPolicy("lit-html",{createHTML:e=>e}):void 0,Le="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,Re="?"+A,ys=`<${Re}>`,P=document,Z=()=>P.createComment(""),X=e=>e===null||typeof e!="object"&&typeof e!="function",He=Array.isArray,bs=e=>He(e)||typeof(e==null?void 0:e[Symbol.iterator])=="function",Et=`[
|
14
|
-
\f\r]`,F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,oe=/-->/g,ae=/>/g,T=RegExp(`>|${Et}(?:([^\\s"'>=/]+)(${Et}*=${Et}*(?:[^
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),le=/'/g,ce=/"/g,Me=/^(?:script|style|textarea|title)$/i,_s=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),f=_s(1),E=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),de=new WeakMap,O=P.createTreeWalker(P,129);function Ue(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return re!==void 0?re.createHTML(t):t}const xs=(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=oe:d[1]!==void 0?o=ae:d[2]!==void 0?(Me.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]==='"'?ce:le):o===ce||o===le?o=T:o===oe||o===ae?o=F:(o=T,n=void 0);const g=o===T&&e[a+1].startsWith("/>")?" ":"";r+=o===F?l+ys:h>=0?(i.push(c),l.slice(0,h)+Le+l.slice(h)+A+g):l+A+(h===-2?a:g)}return[Ue(e,r+(e[s]||"<?>")+(t===2?"</svg>":"")),i]};class Y{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]=xs(t,s);if(this.el=Y.createElement(c,i),O.currentNode=this.el.content,s===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(Le)){const p=d[o++],g=n.getAttribute(h).split(A),x=/([.?@])?(.*)/.exec(p);l.push({type:1,index:r,name:x[2],strings:g,ctor:x[1]==="."?Cs:x[1]==="?"?As:x[1]==="@"?Ss:mt}),n.removeAttribute(h)}else h.startsWith(A)&&(l.push({type:6,index:r}),n.removeAttribute(h));if(Me.test(n.tagName)){const h=n.textContent.split(A),p=h.length-1;if(p>0){n.textContent=ot?ot.emptyScript:"";for(let g=0;g<p;g++)n.append(h[g],Z()),O.nextNode(),l.push({type:2,index:++r});n.append(h[p],Z())}}}else if(n.nodeType===8)if(n.data===Re)l.push({type:2,index:r});else{let h=-1;for(;(h=n.data.indexOf(A,h+1))!==-1;)l.push({type:7,index:r}),h+=A.length-1}r++}}static createElement(t,s){const i=P.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=X(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 ws{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)??P).importNode(s,!0);O.currentNode=n;let r=O.nextNode(),o=0,a=0,l=i[0];for(;l!==void 0;){if(o===l.index){let c;l.type===2?c=new Q(r,r.nextSibling,this,t):l.type===1?c=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(c=new Es(r,this,t)),this._$AV.push(c),l=i[++a]}o!==(l==null?void 0:l.index)&&(r=O.nextNode(),o++)}return O.currentNode=P,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 Q{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),X(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):bs(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&&X(this._$AH)?this._$AA.nextSibling.data=t:this.$(P.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=Y.createElement(Ue(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 ws(n,this),a=o.u(this.options);o.p(s),this.$(a),this._$AH=o}}_$AC(t){let s=de.get(t.strings);return s===void 0&&de.set(t.strings,s=new Y(t)),s}T(t){He(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 Q(this.k(Z()),this.k(Z()),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 mt{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=!X(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=!X(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 Cs extends mt{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===u?void 0:t}}let As=class extends mt{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}};class Ss extends mt{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 Es{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 Tt=G.litHtmlPolyfillSupport;Tt==null||Tt(Y,Q),(G.litHtmlVersions??(G.litHtmlVersions=[])).push("3.0.2");const Ts=(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 Q(t.insertBefore(Z(),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 m=class extends H{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=Ts(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 Oe;m._$litElement$=!0,m.finalized=!0,(Oe=globalThis.litElementHydrateSupport)==null||Oe.call(globalThis,{LitElement:m});const kt=globalThis.litElementPolyfillSupport;kt==null||kt({LitElement:m});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.1");const Rt={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>'},Ne={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>'},Ht={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>'},M={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 U,je,vt,De=!1,at=!1,Wt=!1,y=!1,he=null,Mt=!1;const yt=typeof window<"u"?window:{},w=yt.document||{head:{}},Ie=yt.HTMLElement||class{},v={$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)},ks=(()=>{let e=!1;try{w.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch{}return e})(),Os=e=>Promise.resolve(e),Ps=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),Be=(e,t,s,i)=>{s&&s.map(([n,r,o])=>{const a=Rs(e,n),l=Ls(t,o),c=Hs(n);v.ael(a,r,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>v.rel(a,r,l,c))})},Ls=(e,t)=>s=>{try{M.lazyLoad||e.$hostElement$[t](s)}catch(i){J(i)}},Rs=(e,t)=>t&4?w:t&8?yt:t&16?w.body:e,Hs=e=>ks?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0,pe="http://www.w3.org/1999/xlink",L=(e,t="")=>()=>{},ue=new WeakMap,Ms=(e,t,s)=>{let i=dt.get(e);Ps&&s?(i=i||new CSSStyleSheet,i.replace(t)):i=t,dt.set(e,i)},Us=(e,t,s,i)=>{let n=ze(t,s),r=dt.get(n);if(e=e.nodeType===11?e:w,r)if(typeof r=="string"){e=e.head||e;let o=ue.get(e),a;o||ue.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},Ns=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,i=t.$flags$,n=L("attachStyles",t.$tagName$),r=Us(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()},ze=(e,t)=>"sc-"+(t&&e.$flags$&32?e.$tagName$+"-"+t:e.$tagName$),js=e=>pi.map(t=>t(e)).find(t=>!!t),fe={},Ds="http://www.w3.org/2000/svg",Is="http://www.w3.org/1999/xhtml",Bs=e=>e!=null,Gt=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"&&!Gt(i))&&(i=String(i)),o&&a?l[l.length-1].$text$+=i:l.push(o?lt(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,Fs);const d=lt(e,null);return d.$attrs$=t,l.length>0&&(d.$children$=l),d.$key$=n,d.$name$=r,d},lt=(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},qt={},zs=e=>e&&e.$tag$===qt,Fs={forEach:(e,t)=>e.map(ge).forEach(t),map:(e,t)=>e.map(ge).map(t).map(Ws)},ge=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),Ws=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=lt(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},$e=(e,t,s,i,n,r)=>{if(s!==i){let o=be(e,t),a=t.toLowerCase();if(t==="class"){const l=e.classList,c=me(s),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 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):be(yt,a)?t=a.slice(2):t=a[2]+t.slice(3),s&&v.rel(e,t,s,!1),i&&v.ael(e,t,i,!1);else{const l=Gt(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(pe,t):e.removeAttribute(t)):(!o||r&4||n)&&!l&&(i=i===!0?"":i,c?e.setAttributeNS(pe,t,i):e.setAttribute(t,i))}}},Gs=/\s/,me=e=>e?e.split(Gs):[],Fe=(e,t,s,i)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||fe,o=t.$attrs$||fe;for(i in r)i in o||$e(n,i,r[i],void 0,s,t.$flags$);for(i in o)$e(n,i,r[i],o[i],s,t.$flags$)},ct=(e,t,s,i)=>{let n=t.$children$[s],r=0,o,a,l;if(De||(Wt=!0,n.$tag$==="slot"&&(U&&i.classList.add(U+"-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?Ds:Is,n.$flags$&2?"slot-fb":n.$tag$),y&&n.$tag$==="foreignObject"&&(y=!1),Fe(null,n,y),Bs(U)&&o["s-si"]!==U&&o.classList.add(o["s-si"]=U),n.$children$)for(r=0;r<n.$children$.length;++r)a=ct(e,n,r,o),a&&o.appendChild(a);n.$tag$==="svg"?y=!1:o.tagName==="foreignObject"&&(y=!0)}return o["s-hn"]=vt,n.$flags$&3&&(o["s-sr"]=!0,o["s-cr"]=je,o["s-sn"]=n.$name$||"",l=e&&e.$children$&&e.$children$[s],l&&l.$tag$===n.$tag$&&e.$elm$&&K(e.$elm$,!1)),o},K=(e,t)=>{v.$flags$|=1;const s=e.childNodes;for(let i=s.length-1;i>=0;i--){const n=s[i];n["s-hn"]!==vt&&n["s-ol"]&&(qe(n).insertBefore(n,Zt(n)),n["s-ol"].remove(),n["s-ol"]=void 0,Wt=!0),t&&K(n,t)}v.$flags$&=-2},We=(e,t,s,i,n,r)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e,a;for(o.shadowRoot&&o.tagName===vt&&(o=o.shadowRoot);n<=r;++n)i[n]&&(a=ct(null,s,n,e),a&&(i[n].$elm$=a,o.insertBefore(a,Zt(t))))},Ge=(e,t,s,i,n)=>{for(;t<=s;++t)(i=e[t])&&(n=i.$elm$,Ye(i),at=!0,n["s-ol"]?n["s-ol"].remove():K(n,!0),n.remove())},qs=(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,et;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(st(c,p))N(c,p),c=t[++n],p=i[++r];else if(st(d,g))N(d,g),d=t[--l],g=i[--h];else if(st(c,g))(c.$tag$==="slot"||g.$tag$==="slot")&&K(c.$elm$.parentNode,!1),N(c,g),e.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),N(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?(et=t[o],et.$tag$!==p.$tag$?x=ct(t&&t[r],s,o,e):(N(et,p),t[o]=void 0,x=et.$elm$),p=i[++r]):(x=ct(t&&t[r],s,r,e),p=i[++r]),x&&qe(c.$elm$).insertBefore(x,Zt(c.$elm$))}n>l?We(e,i[h+1]==null?null:i[h+1].$elm$,s,i,r,h):r>h&&Ge(t,n,l)},st=(e,t)=>e.$tag$===t.$tag$?e.$tag$==="slot"?e.$name$===t.$name$:e.$key$===t.$key$:!1,Zt=e=>e&&e["s-ol"]||e,qe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,N=(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"||Fe(e,t,y),i!==null&&n!==null?qs(s,i,t,n):n!==null?(e.$text$!==null&&(s.textContent=""),We(s,null,t,n,0,n.length-1)):i!==null&&Ge(i,0,i.length-1),y&&r==="svg"&&(y=!1)):(a=s["s-cr"])?a.parentNode.textContent=o:e.$text$!==o&&(s.data=o)},Ze=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}}Ze(s)}},_=[],Xe=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"]&&(ve(s,n)?(r=_.find(d=>d.$nodeToRelocate$===s),at=!0,s["s-sn"]=s["s-sn"]||n,r?r.$slotRefNode$=t:_.push({$slotRefNode$:t,$nodeToRelocate$:s}),s["s-sr"]&&_.map(d=>{ve(d.$nodeToRelocate$,s["s-sn"])&&(r=_.find(h=>h.$nodeToRelocate$===s),r&&!d.$slotRefNode$&&(d.$slotRefNode$=r.$slotRefNode$))})):_.some(d=>d.$nodeToRelocate$===s)||_.push({$nodeToRelocate$:s}));t.nodeType===1&&Xe(t)}},ve=(e,t)=>e.nodeType===1?e.getAttribute("slot")===null&&t===""||e.getAttribute("slot")===t:e["s-sn"]===t?!0:t==="",Ye=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Ye)},Zs=(e,t)=>{const s=e.$hostElement$,i=e.$cmpMeta$,n=e.$vnode$||lt(null,null),r=zs(t)?t:j(null,null,t);vt=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,U=s["s-sc"],je=s["s-cr"],De=(i.$flags$&1)!==0,at=!1,N(n,r);{if(v.$flags$|=1,Wt){Xe(r.$elm$);let o,a,l,c,d,h,p=0;for(;p<_.length;p++)o=_[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<_.length;p++)if(o=_[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)}at&&Ze(r.$elm$),v.$flags$&=-2,_.length=0}},Xs=e=>e,Ys=(e,t,s)=>{const i=Xs(e);return{emit:n=>Ks(i,t,{bubbles:!!(s&4),composed:!!(s&2),cancelable:!!(s&1),detail:n})}},Ks=(e,t,s)=>{const i=v.ce(t,s);return e.dispatchEvent(i),i},Qs=(e,t)=>{},Ke=(e,t)=>(e.$flags$|=16,Qs(e,e.$ancestorComponent$),gi(()=>Js(e,t))),Js=(e,t)=>{const s=e.$hostElement$,i=L("scheduleUpdate",e.$cmpMeta$.$tagName$),n=s;let r;return t?r=D(n,"componentWillLoad"):r=D(n,"componentWillUpdate"),r=ye(r,()=>D(n,"componentWillRender")),i(),ye(r,()=>Vs(e,n,t))},Vs=async(e,t,s)=>{const i=e.$hostElement$,n=L("update",e.$cmpMeta$.$tagName$);i["s-rc"],s&&Ns(e);const r=L("render",e.$cmpMeta$.$tagName$);ti(e,t,i),r(),n(),ei(e)},ti=(e,t,s)=>{try{he=t,t=t.render&&t.render(),e.$flags$&=-17,e.$flags$|=2,(M.hasRenderFn||M.reflect)&&(M.vdomRender||M.reflect)&&(M.hydrateServerSide||Zs(e,t))}catch(a){J(a,e.$hostElement$)}return he=null,null},ei=e=>{const t=e.$cmpMeta$.$tagName$,s=e.$hostElement$,i=L("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)}},ye=(e,t)=>e&&e.then?e.then(t):t(),si=(e,t)=>e!=null&&!Gt(e)?t&4?e==="false"?!1:e===""||!!e:t&2?parseFloat(e):t&1?String(e):e:e,ii=(e,t)=>bt(e).$instanceValues$.get(t),ni=(e,t,s,i)=>{const n=bt(e),r=e,o=n.$instanceValues$.get(t),a=n.$flags$,l=r;s=si(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;Ke(n,!1)}}}},ri=(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 ii(this,r)},set(a){ni(this,r,a,t)},configurable:!0,enumerable:!0})});{const r=new Map;n.attributeChangedCallback=function(o,a,l){v.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},oi=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$=js(e)]);const a=ze(s,t.$modeName$);if(!dt.has(a)){const l=L("registerStyles",s.$tagName$);Ms(a,o,!!(s.$flags$&1)),l()}}t.$ancestorComponent$,(()=>Ke(t,!0))()},ai=e=>{},li=e=>{if(!(v.$flags$&1)){const t=bt(e),s=t.$cmpMeta$,i=L("connectedCallback",s.$tagName$);t.$flags$&1?(Be(e,t,s.$listeners$),ai(t.$lazyInstance$)):(t.$flags$|=1,s.$flags$&12&&ci(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}}),oi(e,t,s)),i()}},ci=e=>{const t=e["s-cr"]=w.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},di=e=>{if(!(v.$flags$&1)){const t=bt(e);t.$rmListeners$&&(t.$rmListeners$.map(s=>s()),t.$rmListeners$=void 0)}},Qe=(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(){hi(this,s)},connectedCallback(){li(this),i&&i.call(this)},disconnectedCallback(){di(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(s.$flags$&16)})}}),e.is=s.$tagName$,ri(e,s)},Je=new WeakMap,bt=e=>Je.get(e),hi=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return Be(e,s,t.$listeners$),Je.set(e,s)},be=(e,t)=>t in e,J=(e,t)=>(0,console.error)(e,t),dt=new Map,pi=[],_e=[],Ve=[],ui=(e,t)=>s=>{e.push(s),Mt||(Mt=!0,t&&v.$flags$&4?fi(Ut):v.raf(Ut))},xe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(s){J(s)}e.length=0},Ut=()=>{xe(_e),xe(Ve),(Mt=_e.length>0)&&v.raf(Ut)},fi=e=>Os().then(e),gi=ui(Ve,!0),$i=(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>`},mi=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim();function vi(e){return`${e.getFullYear()}.${e.getMonth()+1}`}class yi{constructor(t){this.voca_component=t,this.voca_added=vi(new Date)}}const bi="telia-vst{display:none}",_i=Qe(class extends Ie{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=Ys(this,"vocaInternalUStats",7)}connectedCallback(){this.vocaInternalUStats.emit(new yi(this.dataTrackingId))}render(){return j(qt,null)}static get style(){return bi}},[0,"telia-vst",{dataTrackingId:[1,"data-tracking-id"]}]);function ts(){if(typeof customElements>"u")return;["telia-vst"].forEach(t=>{switch(t){case"telia-vst":customElements.get(t)||customElements.define(t,_i);break}})}ts();function Nt(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function xi(){if(typeof Nt().vocadsIcons!==void 0)return Nt().vocadsIcons}function wi(){return Nt().vocadsIconsRegistered}const Ci=".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))}",Ai=Qe(class extends Ie{constructor(){super(),this.__registerHost(),this.size="md",this.allyTitle=null,this.dataTrackingId="telia-icon"}getSvgString(){if(this.svg)return this.svg;if(wi()&&this.name){const e=xi();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=$i({content:mi(e),attributes:t,title:this.allyTitle});return j(qt,{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 Ci}},[0,"telia-icon",{name:[1],svg:[1],size:[1],allyTitle:[1,"ally-title"],dataTestid:[1,"data-testid"]}]);function Si(){if(typeof customElements>"u")return;["telia-icon","telia-vst"].forEach(t=>{switch(t){case"telia-icon":customElements.get(t)||customElements.define(t,Ai);break;case"telia-vst":customElements.get(t)||ts();break}})}Si();/**
|
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 Ei={attribute:!0,type:String,converter:rt,reflect:!1,hasChanged:Ft},Ti=(e=Ei,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"?Ti(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 C(e){return $({...e,state:!0,attribute:!1})}/**
|
32
|
-
* @license
|
33
|
-
* Copyright 2020 Google LLC
|
34
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
35
|
-
*/const ki=e=>e.strings===void 0;/**
|
36
|
-
* @license
|
37
|
-
* Copyright 2017 Google LLC
|
38
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
39
|
-
*/const _t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},xt=e=>(...t)=>({_$litDirective$:e,values:t});let Xt=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},ht=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)},es=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),Li(t)}};function Oi(e){this._$AN!==void 0?(ht(this),this._$AM=e,es(this)):this._$AM=e}function Pi(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),ht(i[r]);else i!=null&&(q(i,!1),ht(i));else q(this,e)}const Li=e=>{e.type==_t.CHILD&&(e._$AP??(e._$AP=Pi),e._$AQ??(e._$AQ=Oi))};let ss=class extends Xt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,i){super._$AT(t,s,i),es(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),ht(this))}setValue(t){if(ki(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 pt=()=>new Ri;class Ri{}const Ot=new WeakMap,ut=xt(class extends ss{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 Yt=xt(class extends Xt{constructor(e){var t;if(super(e),e.type!==_t.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}});var Hi=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,Ui=(e,t,s,i)=>{for(var n=i>1?void 0:i?Mi(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&&Hi(t,s,n),n};class Kt extends m{constructor(){super(...arguments),this.anchor="BottomRight"}appendChild(t){var s;return(s=this.shadowRoot)==null||s.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}}Kt.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
|
-
`];Ui([$({attribute:!0})],Kt.prototype,"anchor",2);const Ni=new WeakMap;let we=0;const Pt=new Map,Ce=new WeakSet,Ae=()=>new Promise(e=>requestAnimationFrame(e)),ji=[{transform:"translateX(100%) scale(0)",opacity:0}],Di=[{opacity:0}],Se=[{opacity:0},{opacity:1}],Ee=(e,t)=>{const s=e-t;return s===0?void 0:s},Te=(e,t)=>{const s=e/t;return s===1?void 0:s},Lt={left:(e,t)=>{const s=Ee(e,t);return{value:s,transform:s==null||isNaN(s)?void 0:`translateX(${s}px)`}},top:(e,t)=>{const s=Ee(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=Te(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=Te(e,t);return{value:i,overrideFrom:s,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},Ii={duration:333,easing:"ease-in-out"},Bi=["left","top","width","height","opacity","color","background"],ke=new WeakMap;class zi extends ss{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===_t.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 Ni.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,ke.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=Bi),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 Ae;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,we++,t.forEach(l=>l.zIndex=we)}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 Ae(),(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=ke.get(s);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=Ce.has(this.l);return t||this.l.updateComplete.then(()=>{Ce.add(this.l)}),t}A(t,s=this._()){const i={...Ii};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 jt=xt(zi),it=(e,t,s)=>{e&&s.style.setProperty(t,e)},is=(e,t)=>{var s,i,n,r;it((s=e.colors)==null?void 0:s.primaryBackground,"--primary-background",t),it((i=e.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),it((n=e.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),it((r=e.colors)==null?void 0:r.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Fi=Object.defineProperty,Wi=Object.getOwnPropertyDescriptor,wt=(e,t,s,i)=>{for(var n=i>1?void 0:i?Wi(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&&Fi(t,s,n),n};class R extends m{constructor(){super(...arguments),this.active=!1,this.loaded=!1,this.containerRef=pt()}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&&is(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-ae71f17a.js")).then(p=>p[d]),{type:r,content:o}=i;switch(r){case"Telia":{const d=await n(o);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,s,i,n;return f`<div class="trigger-container" ${ut(this.containerRef)}>
|
72
|
-
${!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`
|
73
|
-
<button
|
74
|
-
class="trigger-label"
|
75
|
-
@click=${this._toggleActive}
|
76
|
-
${jt({keyframeOptions:{},in:ji,stabilizeOut:!0,skipInitial:!1})}
|
77
|
-
>
|
78
|
-
${this.application.settings.branding.other.buttonLabelText}
|
79
|
-
</button>
|
80
|
-
`:u}
|
81
|
-
|
82
|
-
<button
|
83
|
-
class=${Yt({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>`}}R.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
|
-
`];wt([$({attribute:!1})],R.prototype,"application",2);wt([C()],R.prototype,"active",2);wt([C()],R.prototype,"loaded",2);wt([C()],R.prototype,"icon",2);var Gi=Object.defineProperty,qi=Object.getOwnPropertyDescriptor,k=(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};const ns=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=[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
|
-
`],k([$()],t.prototype,"properties",2),k([$()],t.prototype,"context",2),k([$()],t.prototype,"layout",2),k([$()],t.prototype,"name",2),k([$()],t.prototype,"type",2),k([$({attribute:!1})],t.prototype,"application",2),k([$({attribute:!1})],t.prototype,"parent",2),t};class rs extends ns(m){render(){return f`Non resolved component`}}rs.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*Zi(e,t){if(e!==void 0){let s=0;for(const i of e)yield t(i,s++)}}var Qt=(e=>(e.Inline="inline",e.Trigger="trigger",e))(Qt||{}),Xi=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,Ki=(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};class Jt extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=pt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&is(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===Qt.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" ${ut(this.wrapperRef)}>
|
240
|
-
${Zi(this.nodes,t=>t)}
|
241
|
-
</div>`}}Jt.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
|
-
`;Ki([$({attribute:!1})],Jt.prototype,"application",2);var Qi=Object.defineProperty,Ji=Object.getOwnPropertyDescriptor,Vt=(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&&Qi(t,s,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(s=>s.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return u;if(this.widget.renderStrategy===Qt.Trigger){const t=new R;return t.application=this.widget,t}return this.widget.render()}}tt.styles=[b`
|
339
|
-
:host {
|
340
|
-
display: block;
|
341
|
-
}
|
342
|
-
`];Vt([$({attribute:!0})],tt.prototype,"name",2);Vt([C()],tt.prototype,"widget",2);Vt([C()],tt.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",Kt);customElements.get("ace-trigger")||customElements.define("ace-trigger",R);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",rs);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",Jt);customElements.get("ace-widget")||customElements.define("ace-widget",tt);var Vi=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,Ct=(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 B=class extends m{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">
|
343
|
-
${this.entries.map(e=>f`<div class="conversation-entry" tabindex="-1">
|
344
|
-
<conversation-entry
|
345
|
-
.entry=${e}
|
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:Di,stabilizeOut:!0,skipInitial:!1})}
|
352
|
-
></ace-typing-state>`:u}
|
353
|
-
</div> `}};B.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
|
-
}
|
363
|
-
`];Ct([$({type:Boolean})],B.prototype,"loading",2);Ct([$({attribute:!1})],B.prototype,"session",2);Ct([C()],B.prototype,"entries",2);B=Ct([V("ace-conversation-session")],B);var en=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,os=(e,t,s,i)=>{for(var n=i>1?void 0:i?sn(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&&en(t,s,n),n};let ft=class extends m{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 At.ConversationMessageType.System:return"";case At.ConversationMessageType.Agent:return f`<div
|
364
|
-
class=${Yt({"conversation-agent-message":!0,"has-avatar":!!((e=this.entry.sender)!=null&&e.avatar)})}
|
365
|
-
>
|
366
|
-
${typeof((t=this.entry.sender)==null?void 0:t.avatar)=="string"?f`<div class="avatar">
|
367
|
-
<img src=${this.entry.sender.avatar} />
|
368
|
-
</div>`:u}
|
369
|
-
|
370
|
-
<div class="entry-content">
|
371
|
-
${this.entry.messages.map(s=>f`
|
372
|
-
<div class="message-container">
|
373
|
-
<div class="message-content">
|
374
|
-
<conversation-group .group=${s}></conversation-group>
|
375
|
-
</div>
|
376
|
-
</div>
|
377
|
-
`)}
|
378
|
-
</div>
|
379
|
-
${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
|
380
|
-
</div>`;case At.ConversationMessageType.User:return f`<div class="conversation-user-message">
|
381
|
-
<div class="entry-content">
|
382
|
-
${this.entry.messages.map(s=>f`
|
383
|
-
<div class="message-container">
|
384
|
-
<div class="message-content">
|
385
|
-
<conversation-group .group=${s}></conversation-group>
|
386
|
-
</div>
|
387
|
-
</div>
|
388
|
-
`)}
|
389
|
-
</div>
|
390
|
-
${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
|
391
|
-
</div>`;default:return u}}};ft.styles=[b`
|
392
|
-
:host {
|
393
|
-
box-sizing: border-box;
|
394
|
-
display: block;
|
395
|
-
}
|
396
|
-
* {
|
397
|
-
box-sizing: border-box;
|
398
|
-
}
|
399
|
-
.message-content {
|
400
|
-
padding: var(--spacing-md);
|
401
|
-
display: inline-block;
|
402
|
-
margin-top: var(--spacing-md);
|
403
|
-
max-width: 100%;
|
404
|
-
border: 1px solid rgba(255, 255, 255, 0.22);
|
405
|
-
border-radius: var(--border-radius);
|
406
|
-
background-color: var(--bubble-bg-color);
|
407
|
-
color: var(--bubble-text-color);
|
408
|
-
}
|
409
|
-
|
410
|
-
.conversation-user-message {
|
411
|
-
--bubble-bg-color: var(--user-bg-color);
|
412
|
-
--bubble-text-color: var(--user-text-color);
|
413
|
-
margin-left: 10%;
|
414
|
-
width: 90%;
|
415
|
-
display: flex;
|
416
|
-
flex-direction: column;
|
417
|
-
align-items: flex-end;
|
418
|
-
}
|
419
|
-
|
420
|
-
.conversation-agent-message {
|
421
|
-
--bubble-bg-color: var(--agent-bg-color);
|
422
|
-
--bubble-text-color: var(--agent-text-color);
|
423
|
-
display: grid;
|
424
|
-
margin-right: 10%;
|
425
|
-
width: 90%;
|
426
|
-
|
427
|
-
grid-template-columns: 1fr;
|
428
|
-
grid-template-rows: 1fr auto;
|
429
|
-
grid-template-areas:
|
430
|
-
'content'
|
431
|
-
'info';
|
432
|
-
}
|
433
|
-
.conversation-agent-message.has-avatar {
|
434
|
-
grid-template-columns: auto 1fr;
|
435
|
-
grid-template-rows: 1fr auto;
|
436
|
-
grid-template-areas:
|
437
|
-
'avatar content'
|
438
|
-
'. info';
|
439
|
-
}
|
440
|
-
|
441
|
-
.avatar {
|
442
|
-
grid-area: avatar;
|
443
|
-
place-self: flex-end;
|
444
|
-
width: 32px;
|
445
|
-
height: 32px;
|
446
|
-
border-radius: 50%;
|
447
|
-
align-self: flex-end;
|
448
|
-
justify-self: center;
|
449
|
-
overflow: hidden;
|
450
|
-
margin-right: var(--spacing-md);
|
451
|
-
justify-content: center;
|
452
|
-
align-items: center;
|
453
|
-
}
|
454
|
-
.avatar img {
|
455
|
-
height: 100%;
|
456
|
-
width: 100%;
|
457
|
-
object-fit: cover;
|
458
|
-
}
|
459
|
-
|
460
|
-
.conversation-timestamp {
|
461
|
-
grid-area: info;
|
462
|
-
margin: 0;
|
463
|
-
line-height: 1.5em;
|
464
|
-
grid-area: info;
|
465
|
-
color: var(--message-info-color, var(--text-color));
|
466
|
-
font-size: 0.8rem;
|
467
|
-
font-weight: 300;
|
468
|
-
}
|
469
|
-
|
470
|
-
.entry-content {
|
471
|
-
grid-area: content;
|
472
|
-
}
|
473
|
-
`];os([$({attribute:!1})],ft.prototype,"entry",2);ft=os([V("conversation-entry")],ft);var nn=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,as=(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 gt=class extends m{render(){return f`
|
474
|
-
<div class="message-group">
|
475
|
-
${this.group.items.map(([e,t])=>f`
|
476
|
-
${e==="html"?f`
|
477
|
-
<message-type-html .message=${t}></message-type-html>
|
478
|
-
`:u}
|
479
|
-
`)}
|
480
|
-
</div>
|
481
|
-
`}};gt.styles=[b`
|
482
|
-
:host {
|
483
|
-
box-sizing: border-box;
|
484
|
-
display: block;
|
485
|
-
}
|
486
|
-
* {
|
487
|
-
box-sizing: border-box;
|
488
|
-
}
|
489
|
-
.message-group {
|
490
|
-
display: flex;
|
491
|
-
flex-direction: column;
|
492
|
-
gap: var(--spacing-md);
|
493
|
-
}
|
494
|
-
`];as([$({attribute:!1})],gt.prototype,"group",2);gt=as([V("conversation-group")],gt);var on=Object.defineProperty,an=Object.getOwnPropertyDescriptor,ln=(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};let Dt=class extends m{render(){return f`<div class="container">
|
495
|
-
<div class="dot"></div>
|
496
|
-
<div class="dot"></div>
|
497
|
-
<div class="dot"></div>
|
498
|
-
</div>`}};Dt.styles=[b`
|
499
|
-
:host {
|
500
|
-
display: block;
|
501
|
-
}
|
502
|
-
.container {
|
503
|
-
align-items: center;
|
504
|
-
display: flex;
|
505
|
-
justify-content: center;
|
506
|
-
gap: var(--spacing-sm);
|
507
|
-
padding: var(--spacing-md);
|
508
|
-
}
|
509
|
-
.dot {
|
510
|
-
border-radius: 9999px;
|
511
|
-
height: var(--spacing-sm);
|
512
|
-
width: var(--spacing-sm);
|
513
|
-
background: var(--primary-background);
|
514
|
-
opacity: 0;
|
515
|
-
animation: blink 1s infinite;
|
516
|
-
}
|
517
|
-
.dot:nth-child(1) {
|
518
|
-
animation-delay: 0.3333s;
|
519
|
-
}
|
520
|
-
.dot:nth-child(2) {
|
521
|
-
animation-delay: 0.6666s;
|
522
|
-
}
|
523
|
-
.dot:nth-child(3) {
|
524
|
-
animation-delay: 0.9999s;
|
525
|
-
}
|
526
|
-
|
527
|
-
@keyframes blink {
|
528
|
-
50% {
|
529
|
-
opacity: 1;
|
530
|
-
}
|
531
|
-
}
|
532
|
-
`];Dt=ln([V("ace-typing-state")],Dt);/**
|
533
|
-
* @license
|
534
|
-
* Copyright 2017 Google LLC
|
535
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
536
|
-
*/class It extends Xt{constructor(t){if(super(t),this.et=u,t.type!==_t.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:[]}}}It.directiveName="unsafeHTML",It.resultType=1;const cn=xt(It);var dn=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,ls=(e,t,s,i)=>{for(var n=i>1?void 0:i?hn(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&&dn(t,s,n),n};let $t=class extends m{render(){return f`<div class="message-type-html">
|
537
|
-
${cn(this.message.content)}
|
538
|
-
</div>`}};$t.styles=[b`
|
539
|
-
:host {
|
540
|
-
box-sizing: border-box;
|
541
|
-
}
|
542
|
-
* {
|
543
|
-
box-sizing: border-box;
|
544
|
-
}
|
545
|
-
p {
|
546
|
-
margin: 0;
|
547
|
-
padding: 0;
|
548
|
-
word-break: break-word;
|
549
|
-
}
|
550
|
-
`];ls([$({attribute:!1})],$t.prototype,"message",2);$t=ls([V("message-type-html")],$t);var pn=Object.defineProperty,un=Object.getOwnPropertyDescriptor,te=(e,t,s,i)=>{for(var n=i>1?void 0:i?un(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&&pn(t,s,n),n};const fn=e=>{e.scrollTo?e.scrollTo({top:e.scrollHeight,behavior:"smooth"}):e.scrollTop=e.scrollHeight},cs=ns(m);class z extends cs{constructor(){super(...arguments),this.message="",this.platform=null,this.session=null,this.conversationContentRef=pt(),this.formRef=pt(),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");if(!t)return;const i=!!this.application.branding().other.disableSound,n=t.addOption({label:i?"Unmute":"Mute",icon:i?Ht.svg:Rt.svg,onClick:()=>{!!this.application.branding().other.disableSound?(this.application.unmute(),n.updateLabel("Mute"),n.updateIcon(Ht.svg)):(this.application.mute(),n.updateLabel("Unmute"),n.updateIcon(Rt.svg))}})}_inputHandler(t){this.message=t.target.value}_actionHandler(t){}onSessionUpdated(){const t=this.conversationContentRef.value;t&&setTimeout(()=>{const s=t.scrollHeight;s>this.chatScrollHeight&&(fn(t),this.chatScrollHeight=s)},1e3)}render(){return f` <div
|
551
|
-
@action=${this._actionHandler}
|
552
|
-
class=${Yt({conversation:!0,"input-has-text":this.message.length>0})}
|
553
|
-
>
|
554
|
-
<div class="conversation-content" ${ut(this.conversationContentRef)}>
|
555
|
-
${this.session?f`<ace-conversation-session
|
556
|
-
@updated=${this.onSessionUpdated}
|
557
|
-
.session=${this.session}
|
558
|
-
></ace-conversation-session>`:u}
|
559
|
-
</div>
|
560
|
-
<form
|
561
|
-
class="conversation-bottom"
|
562
|
-
@submit=${this._onSendMessage}
|
563
|
-
${ut(this.formRef)}
|
564
|
-
>
|
565
|
-
<input
|
566
|
-
placeholder=${this.properties.inputPlaceholder||"Type your message here..."}
|
567
|
-
.value=${this.message}
|
568
|
-
@input=${this._inputHandler}
|
569
|
-
/>
|
570
|
-
<div class="conversation-actions">
|
571
|
-
<button class="conversation-send-button" type="submit">
|
572
|
-
<telia-icon svg=${Ne.svg}></telia-icon>
|
573
|
-
</button>
|
574
|
-
</div>
|
575
|
-
</form>
|
576
|
-
</div>`}}z.styles=[cs.styles||[],b`
|
577
|
-
:host {
|
578
|
-
font-family: var(--font-family);
|
579
|
-
/* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
|
580
|
-
--send-icon-opacity: 0.4;
|
581
|
-
--send-icon-color: var(--text-color);
|
582
|
-
--conversation-bg: var(--conversation-bg-color, #fafafa);
|
583
|
-
--agent-bg-color: var(
|
584
|
-
--conversation-agent-bg-color,
|
585
|
-
var(--secondary-background)
|
586
|
-
);
|
587
|
-
--agent-text-color: var(
|
588
|
-
--conversation-agent-text-color,
|
589
|
-
var(--text-on-secondary-background)
|
590
|
-
);
|
591
|
-
--user-bg-color: var(
|
592
|
-
--conversation-user-bg-color,
|
593
|
-
var(--primary-background)
|
594
|
-
);
|
595
|
-
--user-text-color: var(
|
596
|
-
--conversation-user-text-color,
|
597
|
-
var(--text-on-primary-background)
|
598
|
-
);
|
599
|
-
|
600
|
-
--content-border: var(--conversation-content-border, none);
|
601
|
-
--input-border: var(--conversation-input-border, none);
|
602
|
-
--input-text-color: var(--conversation-input-text-color, inherit);
|
603
|
-
--conversation-input-bg: var(--conversation-input-bg-color, #fff);
|
604
|
-
|
605
|
-
--message-info-color: var(
|
606
|
-
--conversation-message-info-color,
|
607
|
-
var(--text-color)
|
608
|
-
);
|
609
|
-
|
610
|
-
scrollbar-width: thin; /* Firefox */
|
611
|
-
scrollbar-color: #7f7f7f transparent; /* Firefox */
|
612
|
-
}
|
613
|
-
::-webkit-scrollbar {
|
614
|
-
width: 3px !important;
|
615
|
-
background-color: transparent;
|
616
|
-
border-left: none;
|
617
|
-
}
|
618
|
-
::-webkit-scrollbar-thumb {
|
619
|
-
background-color: #7f7f7f;
|
620
|
-
}
|
621
|
-
::-webkit-scrollbar-track {
|
622
|
-
-webkit-box-shadow: none !important;
|
623
|
-
background-color: transparent;
|
624
|
-
}
|
625
|
-
|
626
|
-
@keyframes shake {
|
627
|
-
10%,
|
628
|
-
90% {
|
629
|
-
transform: translateX(1px);
|
630
|
-
}
|
631
|
-
20%,
|
632
|
-
80% {
|
633
|
-
transform: translateX(-1px);
|
634
|
-
}
|
635
|
-
30%,
|
636
|
-
50%,
|
637
|
-
70% {
|
638
|
-
transform: translateX(2px);
|
639
|
-
}
|
640
|
-
40%,
|
641
|
-
60% {
|
642
|
-
transform: translateX(-2px);
|
643
|
-
}
|
644
|
-
}
|
645
|
-
|
646
|
-
.conversation {
|
647
|
-
display: grid;
|
648
|
-
grid-template-rows: 1fr auto;
|
649
|
-
gap: var(--spacing-lg);
|
650
|
-
height: 100%;
|
651
|
-
background-color: transparent;
|
652
|
-
}
|
653
|
-
.conversation.input-has-text {
|
654
|
-
/* --send-icon-color: var(--primary-color); */
|
655
|
-
--send-icon-opacity: 1;
|
656
|
-
}
|
657
|
-
.conversation-content {
|
658
|
-
flex: 1;
|
659
|
-
background-color: var(--conversation-bg);
|
660
|
-
padding: var(--spacing-md);
|
661
|
-
overflow-y: auto;
|
662
|
-
overflow-x: hidden;
|
663
|
-
border-radius: var(--border-radius-sm);
|
664
|
-
border: var(--content-border);
|
665
|
-
}
|
666
|
-
.conversation-bottom {
|
667
|
-
border: var(--input-border);
|
668
|
-
border-radius: var(--border-radius-sm);
|
669
|
-
background-color: var(--conversation-input-bg);
|
670
|
-
min-height: 50px;
|
671
|
-
max-height: 150px;
|
672
|
-
display: flex;
|
673
|
-
align-items: center;
|
674
|
-
padding: 0 var(--spacing-md);
|
675
|
-
margin: 0;
|
676
|
-
}
|
677
|
-
.conversation-bottom.shake {
|
678
|
-
animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
|
679
|
-
running shake;
|
680
|
-
}
|
681
|
-
.conversation-bottom-left {
|
682
|
-
border-right: 1px solid var(--gray-color);
|
683
|
-
padding-right: var(--spacing-md);
|
684
|
-
}
|
685
|
-
.conversation-send-button {
|
686
|
-
border: none;
|
687
|
-
background: transparent;
|
688
|
-
cursor: pointer;
|
689
|
-
color: var(--send-icon-color);
|
690
|
-
opacity: var(--send-icon-opacity);
|
691
|
-
transition: opacity 200ms ease-in-out;
|
692
|
-
}
|
693
|
-
.conversation-send-button:hover {
|
694
|
-
--send-icon-opacity: 1;
|
695
|
-
}
|
696
|
-
input {
|
697
|
-
border: none;
|
698
|
-
font-family: inherit;
|
699
|
-
font-size: inherit;
|
700
|
-
flex: 1;
|
701
|
-
height: 2.5rem;
|
702
|
-
outline: none;
|
703
|
-
background-color: transparent;
|
704
|
-
color: var(--input-text-color);
|
705
|
-
}
|
706
|
-
`];te([C()],z.prototype,"message",2);te([C()],z.prototype,"platform",2);te([C()],z.prototype,"session",2);const gn=Object.freeze(Object.defineProperty({__proto__:null,Conversation:z,default:z},Symbol.toStringTag,{value:"Module"}));exports.conversation=gn;exports.mute=Rt;exports.send=Ne;exports.volume=Ht;
|