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