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

package/conversation-3d26c066.js

@@ -0,0 +1,768 @@
+"use strict";const St=require("./index.js");/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const nt=globalThis,zt=nt.ShadowRoot&&(nt.ShadyCSS===void 0||nt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ft=Symbol(),ee=new WeakMap;let Pe=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=ee.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ee.set(e,t))}return t}toString(){return this.cssText}};const ds=s=>new Pe(typeof s=="string"?s:s+"",void 0,Ft),b=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,n,o)=>i+(r=>{if(r._$cssResult$===!0)return r.cssText;if(typeof r=="number")return r;throw Error("Value passed to 'css' function must be a 'css' function result: "+r+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+s[o+1],s[0]);return new Pe(e,s,Ft)},hs=(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=nt.litNonce;n!==void 0&&i.setAttribute("nonce",n),i.textContent=e.cssText,s.appendChild(i)}},se=zt?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return ds(e)})(s):s;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:ps,defineProperty:us,getOwnPropertyDescriptor:fs,getOwnPropertyNames:gs,getOwnPropertySymbols:$s,getPrototypeOf:ms}=Object,S=globalThis,ie=S.trustedTypes,vs=ie?ie.emptyScript:"",Et=S.reactiveElementPolyfillSupport,W=(s,t)=>s,ot={toAttribute(s,t){switch(t){case Boolean:s=s?vs: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)=>!ps(s,t),ne={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:Wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),S.litPropertyMetadata??(S.litPropertyMetadata=new WeakMap);let H=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=ne){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&&us(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:o}=fs(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get(){return n==null?void 0:n.call(this)},set(r){const a=n==null?void 0:n.call(this);o.call(this,r),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??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 e=this.properties,i=[...gs(e),...$s(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(se(n))}else t!==void 0&&e.push(se(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 hs(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e){var o;const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(n!==void 0&&i.reflect===!0){const r=(((o=i.converter)==null?void 0:o.toAttribute)!==void 0?i.converter:ot).toAttribute(e,i.type);this._$Em=t,r==null?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(t,e){var o;const i=this.constructor,n=i._$Eh.get(t);if(n!==void 0&&this._$Em!==n){const r=i.getPropertyOptions(n),a=typeof r.converter=="function"?{fromAttribute:r.converter}:((o=r.converter)==null?void 0:o.fromAttribute)!==void 0?r.converter:ot;this._$Em=n,this[n]=a.fromAttribute(e,r.type),this._$Em=null}}requestUpdate(t,e,i,n=!1,o){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??Wt)(n?o:this[t],e))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$Eg=this._$EP())}C(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this._$Ep){for(const[o,r]of this._$Ep)this[o]=r;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[o,r]of n)r.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.C(o,this[o],r)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$ES)==null||i.forEach(n=>{var o;return(o=n.hostUpdate)==null?void 0:o.call(n)}),this.update(e)):this._$ET()}catch(n){throw t=!1,this._$ET(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)==null||e.forEach(i=>{var n;return(n=i.hostUpdated)==null?void 0:n.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EO(e,this[e]))),this._$ET()}updated(t){}firstUpdated(t){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[W("elementProperties")]=new Map,H[W("finalized")]=new Map,Et==null||Et({ReactiveElement:H}),(S.reactiveElementVersions??(S.reactiveElementVersions=[])).push("2.0.1");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const G=globalThis,rt=G.trustedTypes,oe=rt?rt.createPolicy("lit-html",{createHTML:s=>s}):void 0,Le="$lit$",A=`lit$${(Math.random()+"").slice(9)}$`,Me="?"+A,ys=`<${Me}>`,P=document,Z=()=>P.createComment(""),X=s=>s===null||typeof s!="object"&&typeof s!="function",Re=Array.isArray,bs=s=>Re(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",Tt=`[ 	
+\f\r]`,F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,re=/-->/g,ae=/>/g,T=RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),le=/'/g,ce=/"/g,He=/^(?:script|style|textarea|title)$/i,_s=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),f=_s(1),E=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),de=new WeakMap,O=P.createTreeWalker(P,129);function Ue(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const xs=(s,t)=>{const e=s.length-1,i=[];let n,o=t===2?"<svg>":"",r=F;for(let a=0;a<e;a++){const l=s[a];let c,d,h=-1,p=0;for(;p<l.length&&(r.lastIndex=p,d=r.exec(l),d!==null);)p=r.lastIndex,r===F?d[1]==="!--"?r=re:d[1]!==void 0?r=ae:d[2]!==void 0?(He.test(d[2])&&(n=RegExp("</"+d[2],"g")),r=T):d[3]!==void 0&&(r=T):r===T?d[0]===">"?(r=n??F,h=-1):d[1]===void 0?h=-2:(h=r.lastIndex-d[2].length,c=d[1],r=d[3]===void 0?T:d[3]==='"'?ce:le):r===ce||r===le?r=T:r===re||r===ae?r=F:(r=T,n=void 0);const g=r===T&&s[a+1].startsWith("/>")?" ":"";o+=r===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(s,o+(s[e]||"<?>")+(t===2?"</svg>":"")),i]};class Y{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let o=0,r=0;const a=t.length-1,l=this.parts,[c,d]=xs(t,e);if(this.el=Y.createElement(c,i),O.currentNode=this.el.content,e===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(n=O.nextNode())!==null&&l.length<a;){if(n.nodeType===1){if(n.hasAttributes())for(const h of n.getAttributeNames())if(h.endsWith(Le)){const p=d[r++],g=n.getAttribute(h).split(A),x=/([.?@])?(.*)/.exec(p);l.push({type:1,index:o,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:o}),n.removeAttribute(h));if(He.test(n.tagName)){const h=n.textContent.split(A),p=h.length-1;if(p>0){n.textContent=rt?rt.emptyScript:"";for(let g=0;g<p;g++)n.append(h[g],Z()),O.nextNode(),l.push({type:2,index:++o});n.append(h[p],Z())}}}else if(n.nodeType===8)if(n.data===Me)l.push({type:2,index:o});else{let h=-1;for(;(h=n.data.indexOf(A,h+1))!==-1;)l.push({type:7,index:o}),h+=A.length-1}o++}}static createElement(t,e){const i=P.createElement("template");return i.innerHTML=t,i}}function B(s,t,e=s,i){var r,a;if(t===E)return t;let n=i!==void 0?(r=e._$Co)==null?void 0:r[i]:e._$Cl;const o=X(t)?void 0:t._$litDirective$;return(n==null?void 0:n.constructor)!==o&&((a=n==null?void 0:n._$AO)==null||a.call(n,!1),o===void 0?n=void 0:(n=new o(s),n._$AT(s,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=n:e._$Cl=n),n!==void 0&&(t=B(s,n._$AS(s,t.values),n,i)),t}class ws{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)??P).importNode(e,!0);O.currentNode=n;let o=O.nextNode(),r=0,a=0,l=i[0];for(;l!==void 0;){if(r===l.index){let c;l.type===2?c=new Q(o,o.nextSibling,this,t):l.type===1?c=new l.ctor(o,l.name,l.strings,this,t):l.type===6&&(c=new Es(o,this,t)),this._$AV.push(c),l=i[++a]}r!==(l==null?void 0:l.index)&&(o=O.nextNode(),r++)}return O.currentNode=P,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):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 o;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(((o=this._$AH)==null?void 0:o._$AD)===n)this._$AH.p(e);else{const r=new ws(n,this),a=r.u(this.options);r.p(e),this.$(a),this._$AH=r}}_$AC(t){let e=de.get(t.strings);return e===void 0&&de.set(t.strings,e=new Y(t)),e}T(t){Re(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const o of t)n===e.length?e.push(i=new Q(this.k(Z()),this.k(Z()),this,this.options)):i=e[n],i._$AI(o),n++;n<e.length&&(this._$AR(i&&i._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const n=t.nextSibling;t.remove(),t=n}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class mt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,n,o){this.type=1,this._$AH=u,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}_$AI(t,e=this,i,n){const o=this.strings;let r=!1;if(o===void 0)t=B(this,t,e,0),r=!X(t)||t!==this._$AH&&t!==E,r&&(this._$AH=t);else{const a=t;let l,c;for(t=o[0],l=0;l<o.length-1;l++)c=B(this,a[i+l],e,l),c===E&&(c=this._$AH[l]),r||(r=!X(c)||c!==this._$AH[l]),c===u?t=u:t!==u&&(t+=(c??"")+o[l+1]),this._$AH[l]=c}r&&!n&&this.O(t)}O(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class 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,e,i,n,o){super(t,e,i,n,o),this.type=5}_$AI(t,e=this){if((t=B(this,t,e,0)??u)===E)return;const i=this._$AH,n=t===u&&i!==u||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==u&&(i===u||n);n&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Es{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 kt=G.litHtmlPolyfillSupport;kt==null||kt(Y,Q),(G.litHtmlVersions??(G.litHtmlVersions=[])).push("3.0.2");const Ts=(s,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let n=i._$litPart$;if(n===void 0){const o=(e==null?void 0:e.renderBefore)??null;i._$litPart$=n=new Q(t.insertBefore(Z(),o),o,void 0,e??{})}return n._$AI(s),n};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let m=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ts(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return E}};var Oe;m._$litElement$=!0,m.finalized=!0,(Oe=globalThis.litElementHydrateSupport)==null||Oe.call(globalThis,{LitElement:m});const Ot=globalThis.litElementPolyfillSupport;Ot==null||Ot({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>'},U={allRenderFn:!1,cmpDidLoad:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!0,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!0,hostListenerTargetDocument:!0,hostListenerTargetBody:!0,hostListenerTargetParent:!1,hostListenerTarget:!0,member:!0,method:!0,mode:!0,observeAttribute:!0,prop:!0,propMutable:!0,reflect:!0,scoped:!0,shadowDom:!0,slot:!0,cssAnnotations:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomXlink:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomPropOrAttr:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,hotModuleReplacement:!1,isDebug:!1,isDev:!1,isTesting:!1,hydrateServerSide:!1,hydrateClientSide:!1,lifecycleDOMEvents:!1,lazyLoad:!1,profile:!1,slotRelocation:!0,appendChildSlotFix:!1,cloneNodeFix:!1,hydratedAttribute:!1,hydratedClass:!0,safari10:!1,scriptDataOpts:!1,scopedSlotTextContentFix:!1,shadowDomShim:!1,slotChildNodesFix:!1,invisiblePrehydration:!0,propBoolean:!0,propNumber:!0,propString:!0,cssVarShim:!1,constructableCSS:!0,cmpShouldUpdate:!0,devTools:!1,dynamicImportShim:!1,shadowDelegatesFocus:!0,initializeNextTick:!1,asyncLoading:!1,asyncQueue:!1,transformTagName:!1,attachStyles:!0};let N,je,vt,Ie=!1,at=!1,Gt=!1,y=!1,he=null,Ut=!1;const yt=typeof window<"u"?window:{},w=yt.document||{head:{}},De=yt.HTMLElement||class{},v={$flags$:0,$resourcesUrl$:"",jmp:s=>s(),raf:s=>requestAnimationFrame(s),ael:(s,t,e,i)=>s.addEventListener(t,e,i),rel:(s,t,e,i)=>s.removeEventListener(t,e,i),ce:(s,t)=>new CustomEvent(s,t)},ks=(()=>{let s=!1;try{w.addEventListener("e",null,Object.defineProperty({},"passive",{get(){s=!0}}))}catch{}return s})(),Os=s=>Promise.resolve(s),Ps=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replace=="function"}catch{}return!1})(),Be=(s,t,e,i)=>{e&&e.map(([n,o,r])=>{const a=Ms(s,n),l=Ls(t,r),c=Rs(n);v.ael(a,o,l,c),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>v.rel(a,o,l,c))})},Ls=(s,t)=>e=>{try{U.lazyLoad||s.$hostElement$[t](e)}catch(i){J(i)}},Ms=(s,t)=>t&4?w:t&8?yt:t&16?w.body:s,Rs=s=>ks?{passive:(s&1)!==0,capture:(s&2)!==0}:(s&2)!==0,pe="http://www.w3.org/1999/xlink",L=(s,t="")=>()=>{},ue=new WeakMap,Hs=(s,t,e)=>{let i=dt.get(s);Ps&&e?(i=i||new CSSStyleSheet,i.replace(t)):i=t,dt.set(s,i)},Us=(s,t,e,i)=>{let n=ze(t,e),o=dt.get(n);if(s=s.nodeType===11?s:w,o)if(typeof o=="string"){s=s.head||s;let r=ue.get(s),a;r||ue.set(s,r=new Set),r.has(n)||(a=w.createElement("style"),a.innerHTML=o,s.insertBefore(a,s.querySelector("link")),r&&r.add(n))}else s.adoptedStyleSheets.includes(o)||(s.adoptedStyleSheets=[...s.adoptedStyleSheets,o]);return n},Ns=s=>{const t=s.$cmpMeta$,e=s.$hostElement$,i=t.$flags$,n=L("attachStyles",t.$tagName$),o=Us(e.shadowRoot?e.shadowRoot:e.getRootNode(),t,s.$modeName$);i&10&&(e["s-sc"]=o,e.classList.add(o+"-h"),i&2&&e.classList.add(o+"-s")),n()},ze=(s,t)=>"sc-"+(t&&s.$flags$&32?s.$tagName$+"-"+t:s.$tagName$),js=s=>pi.map(t=>t(s)).find(t=>!!t),fe={},Is="http://www.w3.org/2000/svg",Ds="http://www.w3.org/1999/xhtml",Bs=s=>s!=null,qt=s=>(s=typeof s,s==="object"||s==="function"),I=(s,t,...e)=>{let i=null,n=null,o=null,r=!1,a=!1,l=[];const c=h=>{for(let p=0;p<h.length;p++)i=h[p],Array.isArray(i)?c(i):i!=null&&typeof i!="boolean"&&((r=typeof s!="function"&&!qt(i))&&(i=String(i)),r&&a?l[l.length-1].$text$+=i:l.push(r?lt(null,i):i),a=r)};if(c(e),t){t.key&&(n=t.key),t.name&&(o=t.name);{const h=t.className||t.class;h&&(t.class=typeof h!="object"?h:Object.keys(h).filter(p=>h[p]).join(" "))}}if(typeof s=="function")return s(t===null?{}:t,l,Fs);const d=lt(s,null);return d.$attrs$=t,l.length>0&&(d.$children$=l),d.$key$=n,d.$name$=o,d},lt=(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={},zs=s=>s&&s.$tag$===Zt,Fs={forEach:(s,t)=>s.map(ge).forEach(t),map:(s,t)=>s.map(ge).map(t).map(Ws)},ge=s=>({vattrs:s.$attrs$,vchildren:s.$children$,vkey:s.$key$,vname:s.$name$,vtag:s.$tag$,vtext:s.$text$}),Ws=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=lt(s.vtag,s.vtext);return t.$attrs$=s.vattrs,t.$children$=s.vchildren,t.$key$=s.vkey,t.$name$=s.vname,t},$e=(s,t,e,i,n,o)=>{if(e!==i){let r=be(s,t),a=t.toLowerCase();if(t==="class"){const l=s.classList,c=me(e),d=me(i);l.remove(...c.filter(h=>h&&!d.includes(h))),l.add(...d.filter(h=>h&&!c.includes(h)))}else if(t==="style"){for(const l in e)(!i||i[l]==null)&&(l.includes("-")?s.style.removeProperty(l):s.style[l]="");for(const l in i)(!e||i[l]!==e[l])&&(l.includes("-")?s.style.setProperty(l,i[l]):s.style[l]=i[l])}else if(t!=="key")if(t==="ref")i&&i(s);else if(!s.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n")t[2]==="-"?t=t.slice(3):be(yt,a)?t=a.slice(2):t=a[2]+t.slice(3),e&&v.rel(s,t,e,!1),i&&v.ael(s,t,i,!1);else{const l=qt(i);if((r||l&&i!==null)&&!n)try{if(s.tagName.includes("-"))s[t]=i;else{let d=i??"";t==="list"?r=!1:(e==null||s[t]!=d)&&(s[t]=d)}}catch{}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),i==null||i===!1?(i!==!1||s.getAttribute(t)==="")&&(c?s.removeAttributeNS(pe,t):s.removeAttribute(t)):(!r||o&4||n)&&!l&&(i=i===!0?"":i,c?s.setAttributeNS(pe,t,i):s.setAttribute(t,i))}}},Gs=/\s/,me=s=>s?s.split(Gs):[],Fe=(s,t,e,i)=>{const n=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,o=s&&s.$attrs$||fe,r=t.$attrs$||fe;for(i in o)i in r||$e(n,i,o[i],void 0,e,t.$flags$);for(i in r)$e(n,i,o[i],r[i],e,t.$flags$)},ct=(s,t,e,i)=>{let n=t.$children$[e],o=0,r,a,l;if(Ie||(Gt=!0,n.$tag$==="slot"&&(N&&i.classList.add(N+"-s"),n.$flags$|=n.$children$?2:1)),n.$text$!==null)r=n.$elm$=w.createTextNode(n.$text$);else if(n.$flags$&1)r=n.$elm$=w.createTextNode("");else{if(y||(y=n.$tag$==="svg"),r=n.$elm$=w.createElementNS(y?Is:Ds,n.$flags$&2?"slot-fb":n.$tag$),y&&n.$tag$==="foreignObject"&&(y=!1),Fe(null,n,y),Bs(N)&&r["s-si"]!==N&&r.classList.add(r["s-si"]=N),n.$children$)for(o=0;o<n.$children$.length;++o)a=ct(s,n,o,r),a&&r.appendChild(a);n.$tag$==="svg"?y=!1:r.tagName==="foreignObject"&&(y=!0)}return r["s-hn"]=vt,n.$flags$&3&&(r["s-sr"]=!0,r["s-cr"]=je,r["s-sn"]=n.$name$||"",l=s&&s.$children$&&s.$children$[e],l&&l.$tag$===n.$tag$&&s.$elm$&&K(s.$elm$,!1)),r},K=(s,t)=>{v.$flags$|=1;const e=s.childNodes;for(let i=e.length-1;i>=0;i--){const n=e[i];n["s-hn"]!==vt&&n["s-ol"]&&(qe(n).insertBefore(n,Xt(n)),n["s-ol"].remove(),n["s-ol"]=void 0,Gt=!0),t&&K(n,t)}v.$flags$&=-2},We=(s,t,e,i,n,o)=>{let r=s["s-cr"]&&s["s-cr"].parentNode||s,a;for(r.shadowRoot&&r.tagName===vt&&(r=r.shadowRoot);n<=o;++n)i[n]&&(a=ct(null,e,n,s),a&&(i[n].$elm$=a,r.insertBefore(a,Xt(t))))},Ge=(s,t,e,i,n)=>{for(;t<=e;++t)(i=s[t])&&(n=i.$elm$,Ye(i),at=!0,n["s-ol"]?n["s-ol"].remove():K(n,!0),n.remove())},qs=(s,t,e,i)=>{let n=0,o=0,r=0,a=0,l=t.length-1,c=t[0],d=t[l],h=i.length-1,p=i[0],g=i[h],x,et;for(;n<=l&&o<=h;)if(c==null)c=t[++n];else if(d==null)d=t[--l];else if(p==null)p=i[++o];else if(g==null)g=i[--h];else if(st(c,p))j(c,p),c=t[++n],p=i[++o];else if(st(d,g))j(d,g),d=t[--l],g=i[--h];else if(st(c,g))(c.$tag$==="slot"||g.$tag$==="slot")&&K(c.$elm$.parentNode,!1),j(c,g),s.insertBefore(c.$elm$,d.$elm$.nextSibling),c=t[++n],g=i[--h];else if(st(d,p))(c.$tag$==="slot"||g.$tag$==="slot")&&K(d.$elm$.parentNode,!1),j(d,p),s.insertBefore(d.$elm$,c.$elm$),d=t[--l],p=i[++o];else{for(r=-1,a=n;a<=l;++a)if(t[a]&&t[a].$key$!==null&&t[a].$key$===p.$key$){r=a;break}r>=0?(et=t[r],et.$tag$!==p.$tag$?x=ct(t&&t[o],e,r,s):(j(et,p),t[r]=void 0,x=et.$elm$),p=i[++o]):(x=ct(t&&t[o],e,o,s),p=i[++o]),x&&qe(c.$elm$).insertBefore(x,Xt(c.$elm$))}n>l?We(s,i[h+1]==null?null:i[h+1].$elm$,e,i,o,h):o>h&&Ge(t,n,l)},st=(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,qe=s=>(s["s-ol"]?s["s-ol"]:s).parentNode,j=(s,t)=>{const e=t.$elm$=s.$elm$,i=s.$children$,n=t.$children$,o=t.$tag$,r=t.$text$;let a;r===null?(y=o==="svg"?!0:o==="foreignObject"?!1:y,o==="slot"||Fe(s,t,y),i!==null&&n!==null?qs(e,i,t,n):n!==null?(s.$text$!==null&&(e.textContent=""),We(e,null,t,n,0,n.length-1)):i!==null&&Ge(i,0,i.length-1),y&&o==="svg"&&(y=!1)):(a=e["s-cr"])?a.parentNode.textContent=r:s.$text$!==r&&(e.data=r)},Ze=s=>{let t=s.childNodes,e,i,n,o,r,a;for(i=0,n=t.length;i<n;i++)if(e=t[i],e.nodeType===1){if(e["s-sr"]){for(r=e["s-sn"],e.hidden=!1,o=0;o<n;o++)if(a=t[o].nodeType,t[o]["s-hn"]!==e["s-hn"]||r!==""){if(a===1&&r===t[o].getAttribute("slot")){e.hidden=!0;break}}else if(a===1||a===3&&t[o].textContent.trim()!==""){e.hidden=!0;break}}Ze(e)}},_=[],Xe=s=>{let t,e,i,n,o,r,a=0,l=s.childNodes,c=l.length;for(;a<c;a++){if(t=l[a],t["s-sr"]&&(e=t["s-cr"])&&e.parentNode)for(i=e.parentNode.childNodes,n=t["s-sn"],r=i.length-1;r>=0;r--)e=i[r],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"]&&(ve(e,n)?(o=_.find(d=>d.$nodeToRelocate$===e),at=!0,e["s-sn"]=e["s-sn"]||n,o?o.$slotRefNode$=t:_.push({$slotRefNode$:t,$nodeToRelocate$:e}),e["s-sr"]&&_.map(d=>{ve(d.$nodeToRelocate$,e["s-sn"])&&(o=_.find(h=>h.$nodeToRelocate$===e),o&&!d.$slotRefNode$&&(d.$slotRefNode$=o.$slotRefNode$))})):_.some(d=>d.$nodeToRelocate$===e)||_.push({$nodeToRelocate$:e}));t.nodeType===1&&Xe(t)}},ve=(s,t)=>s.nodeType===1?s.getAttribute("slot")===null&&t===""||s.getAttribute("slot")===t:s["s-sn"]===t?!0:t==="",Ye=s=>{s.$attrs$&&s.$attrs$.ref&&s.$attrs$.ref(null),s.$children$&&s.$children$.map(Ye)},Zs=(s,t)=>{const e=s.$hostElement$,i=s.$cmpMeta$,n=s.$vnode$||lt(null,null),o=zs(t)?t:I(null,null,t);vt=e.tagName,i.$attrsToReflect$&&(o.$attrs$=o.$attrs$||{},i.$attrsToReflect$.map(([r,a])=>o.$attrs$[a]=e[r])),o.$tag$=null,o.$flags$|=4,s.$vnode$=o,o.$elm$=n.$elm$=e.shadowRoot||e,N=e["s-sc"],je=e["s-cr"],Ie=(i.$flags$&1)!==0,at=!1,j(n,o);{if(v.$flags$|=1,Gt){Xe(o.$elm$);let r,a,l,c,d,h,p=0;for(;p<_.length;p++)r=_[p],a=r.$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(r=_[p],a=r.$nodeToRelocate$,r.$slotRefNode$){for(c=r.$slotRefNode$.parentNode,d=r.$slotRefNode$.nextSibling,l=a["s-ol"];l=l.previousSibling;)if(h=l["s-nr"],h&&h["s-sn"]===a["s-sn"]&&c===h.parentNode&&(h=h.nextSibling,!h||!h["s-nr"])){d=h;break}(!d&&c!==a.parentNode||a.nextSibling!==d)&&a!==d&&(!a["s-hn"]&&a["s-ol"]&&(a["s-hn"]=a["s-ol"].parentNode.nodeName),c.insertBefore(a,d))}else a.nodeType===1&&(a.hidden=!0)}at&&Ze(o.$elm$),v.$flags$&=-2,_.length=0}},Xs=s=>s,Ys=(s,t,e)=>{const i=Xs(s);return{emit:n=>Ks(i,t,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:n})}},Ks=(s,t,e)=>{const i=v.ce(t,e);return s.dispatchEvent(i),i},Qs=(s,t)=>{},Ke=(s,t)=>(s.$flags$|=16,Qs(s,s.$ancestorComponent$),gi(()=>Js(s,t))),Js=(s,t)=>{const e=s.$hostElement$,i=L("scheduleUpdate",s.$cmpMeta$.$tagName$),n=e;let o;return t?o=D(n,"componentWillLoad"):o=D(n,"componentWillUpdate"),o=ye(o,()=>D(n,"componentWillRender")),i(),ye(o,()=>Vs(s,n,t))},Vs=async(s,t,e)=>{const i=s.$hostElement$,n=L("update",s.$cmpMeta$.$tagName$);i["s-rc"],e&&Ns(s);const o=L("render",s.$cmpMeta$.$tagName$);ti(s,t,i),o(),n(),ei(s)},ti=(s,t,e)=>{try{he=t,t=t.render&&t.render(),s.$flags$&=-17,s.$flags$|=2,(U.hasRenderFn||U.reflect)&&(U.vdomRender||U.reflect)&&(U.hydrateServerSide||Zs(s,t))}catch(a){J(a,s.$hostElement$)}return he=null,null},ei=s=>{const t=s.$cmpMeta$.$tagName$,e=s.$hostElement$,i=L("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)}},ye=(s,t)=>s&&s.then?s.then(t):t(),si=(s,t)=>s!=null&&!qt(s)?t&4?s==="false"?!1:s===""||!!s:t&2?parseFloat(s):t&1?String(s):s:s,ii=(s,t)=>bt(s).$instanceValues$.get(t),ni=(s,t,e,i)=>{const n=bt(s),o=s,r=n.$instanceValues$.get(t),a=n.$flags$,l=o;e=si(e,i.$members$[t][0]);const c=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!c){n.$instanceValues$.set(t,e);{if(i.$watchers$&&a&128){const h=i.$watchers$[t];h&&h.map(p=>{try{l[p](e,r,t)}catch(g){J(g,o)}})}if((a&18)===2){if(l.componentShouldUpdate&&l.componentShouldUpdate(e,r,t)===!1)return;Ke(n,!1)}}}},oi=(s,t,e)=>{if(t.$members$){s.watchers&&(t.$watchers$=s.watchers);const i=Object.entries(t.$members$),n=s.prototype;i.map(([o,[r]])=>{(r&31||r&32)&&Object.defineProperty(n,o,{get(){return ii(this,o)},set(a){ni(this,o,a,t)},configurable:!0,enumerable:!0})});{const o=new Map;n.attributeChangedCallback=function(r,a,l){v.jmp(()=>{const c=o.get(r);if(this.hasOwnProperty(c))l=this[c],delete this[c];else if(n.hasOwnProperty(c)&&typeof this[c]=="number"&&this[c]==l)return;this[c]=l===null&&typeof this[c]=="boolean"?!1:l})},s.observedAttributes=i.filter(([r,a])=>a[0]&15).map(([r,a])=>{const l=a[1]||r;return o.set(l,r),a[0]&512&&t.$attrsToReflect$.push([r,l]),l})}}return s},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 r=n.style;typeof r!="string"&&(r=r[t.$modeName$=js(s)]);const a=ze(e,t.$modeName$);if(!dt.has(a)){const l=L("registerStyles",e.$tagName$);Hs(a,r,!!(e.$flags$&1)),l()}}t.$ancestorComponent$,(()=>Ke(t,!0))()},ai=s=>{},li=s=>{if(!(v.$flags$&1)){const t=bt(s),e=t.$cmpMeta$,i=L("connectedCallback",e.$tagName$);t.$flags$&1?(Be(s,t,e.$listeners$),ai(t.$lazyInstance$)):(t.$flags$|=1,e.$flags$&12&&ci(s),e.$members$&&Object.entries(e.$members$).map(([n,[o]])=>{if(o&31&&s.hasOwnProperty(n)){const r=s[n];delete s[n],s[n]=r}}),ri(s,t,e)),i()}},ci=s=>{const t=s["s-cr"]=w.createComment("");t["s-cn"]=!0,s.insertBefore(t,s.firstChild)},di=s=>{if(!(v.$flags$&1)){const t=bt(s);t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0)}},Qe=(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(){hi(this,e)},connectedCallback(){li(this),i&&i.call(this)},disconnectedCallback(){di(this),n&&n.call(this)},__attachShadow(){this.attachShadow({mode:"open",delegatesFocus:!!(e.$flags$&16)})}}),s.is=e.$tagName$,oi(s,e)},Je=new WeakMap,bt=s=>Je.get(s),hi=(s,t)=>{const e={$flags$:0,$hostElement$:s,$cmpMeta$:t,$instanceValues$:new Map};return Be(s,e,t.$listeners$),Je.set(s,e)},be=(s,t)=>t in s,J=(s,t)=>(0,console.error)(s,t),dt=new Map,pi=[],_e=[],Ve=[],ui=(s,t)=>e=>{s.push(e),Ut||(Ut=!0,t&&v.$flags$&4?fi(Nt):v.raf(Nt))},xe=s=>{for(let t=0;t<s.length;t++)try{s[t](performance.now())}catch(e){J(e)}s.length=0},Nt=()=>{xe(_e),xe(Ve),(Ut=_e.length>0)&&v.raf(Nt)},fi=s=>Os().then(s),gi=ui(Ve,!0),$i=(s={})=>{const{content:t="",title:e,attributes:i=[]}=s;let n="",o=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},...i];return e&&(n=`<title>${e}</title>`),`<svg ${o.map(a=>`${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`},mi=s=>s.replace(/<(\/?)svg([^>]*)>/g,"").trim();function vi(s){return`${s.getFullYear()}.${s.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 De{constructor(){super(),this.__registerHost(),this.vocaInternalUStats=Ys(this,"vocaInternalUStats",7)}connectedCallback(){this.vocaInternalUStats.emit(new yi(this.dataTrackingId))}render(){return I(Zt,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 jt(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{vocadsIcons:void 0,vocadsIconsRegistered:!1}}function xi(){if(typeof jt().vocadsIcons!==void 0)return jt().vocadsIcons}function wi(){return jt().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 De{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 s=xi();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=$i({content:mi(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 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();/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const V=s=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Ei={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:Wt},Ti=(s=Ei,t,e)=>{const{kind:i,metadata:n}=e;let o=globalThis.litPropertyMetadata.get(n);if(o===void 0&&globalThis.litPropertyMetadata.set(n,o=new Map),o.set(e.name,s),i==="accessor"){const{name:r}=e;return{set(a){const l=t.get.call(this);t.set.call(this,a),this.requestUpdate(r,l,s)},init(a){return a!==void 0&&this.C(r,void 0,s),a}}}if(i==="setter"){const{name:r}=e;return function(a){const l=this[r];t.call(this,a),this.requestUpdate(r,l,s)}}throw Error("Unsupported decorator location: "+i)};function $(s){return(t,e)=>typeof e=="object"?Ti(s,t,e):((i,n,o)=>{const r=n.hasOwnProperty(o);return n.constructor.createProperty(o,r?{...i,wrapped:!0}:i),r?Object.getOwnPropertyDescriptor(n,o):void 0})(s,t,e)}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function C(s){return $({...s,state:!0,attribute:!1})}/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ki=s=>s.strings===void 0;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const _t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},xt=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)}};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */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},ht=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)},es=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),Li(t)}};function Oi(s){this._$AN!==void 0?(ht(this),this._$AM=s,es(this)):this._$AM=s}function Pi(s,t=!1,e=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(t)if(Array.isArray(i))for(let o=e;o<i.length;o++)q(i[o],!1),ht(i[o]);else i!=null&&(q(i,!1),ht(i));else q(this,s)}const Li=s=>{s.type==_t.CHILD&&(s._$AP??(s._$AP=Pi),s._$AQ??(s._$AQ=Oi))};let ss=class extends Yt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),es(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),ht(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(){}};/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const pt=()=>new Mi;class Mi{}const Pt=new WeakMap,ut=xt(class extends ss{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)}});/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Kt=xt(class extends Yt{constructor(s){var t;if(super(s),s.type!==_t.ATTRIBUTE||s.name!=="class"||((t=s.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,n;if(this.it===void 0){this.it=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((i=this.st)!=null&&i.has(o))&&this.it.add(o);return this.render(t)}const e=s.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const r=!!t[o];r===this.it.has(o)||(n=this.st)!=null&&n.has(o)||(r?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return E}});var Ri=Object.defineProperty,Hi=Object.getOwnPropertyDescriptor,Ui=(s,t,e,i)=>{for(var n=i>1?void 0:i?Hi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Ri(t,e,n),n};class Qt extends m{constructor(){super(...arguments),this.anchor="BottomRight"}appendChild(t){var e;return(e=this.shadowRoot)==null||e.appendChild(t),t}render(){return this.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right"),u}}Qt.styles=[b`
+      :host {
+        position: fixed;
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+      }
+
+      :host(.bottom-right) {
+        bottom: 20px;
+        right: 20px;
+      }
+      :host(.bottom-left) {
+        bottom: 20px;
+        left: 20px;
+      }
+    `];Ui([$({attribute:!0})],Qt.prototype,"anchor",2);const Ni=new WeakMap;let we=0;const Lt=new Map,Ce=new WeakSet,Ae=()=>new Promise(s=>requestAnimationFrame(s)),ji=[{transform:"translateX(100%) scale(0)",opacity:0}],Ii=[{opacity:0}],Se=[{opacity:0},{opacity:1}],Ee=(s,t)=>{const e=s-t;return e===0?void 0:e},Te=(s,t)=>{const e=s/t;return e===1?void 0:e},Mt={left:(s,t)=>{const e=Ee(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(s,t)=>{const e=Ee(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateY(${e}px)`}},width:(s,t)=>{let e;t===0&&(t=1,e={width:"1px"});const i=Te(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=Te(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},Di={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(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 Ni.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=Bi),this.options=t}p(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(n=>{const o=e[n]??(Mt[n]?void 0:i[n]),r=Number(o);t[n]=isNaN(r)?o+"":r}),t}m(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((i,n)=>{if(Array.isArray(i)){if(Array.isArray(n)&&n.length===i.length&&i.every((o,r)=>o===n[r]))return!1}else if(n===i)return!1;return!0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&e&&this.element.isConnected,this.o&&(this.v=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){typeof this.optionsOrCallback=="function"&&this.u(this.optionsOrCallback()),this.m()&&(this.g=this.p(),this.t=this.t??this.element.parentNode,this.i=this.element.nextSibling)}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await Ae;const e=this._(),i=this.A(this.options.keyframeOptions,e),n=this.p();if(this.g!==void 0){const{from:o,to:r}=this.O(this.g,n,e);this.log("measured",[this.g,n,o,r]),t=this.calculateKeyframes(o,r)}else{const o=Lt.get(this.options.inId);if(o){Lt.delete(this.options.inId);const{from:r,to:a}=this.O(o,n,e);t=this.calculateKeyframes(r,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,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,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 o=this.g.left-n.left,r=this.g.top-n.top;getComputedStyle(this.element).position!=="static"||o===0&&r===0||(this.element.style.position="relative"),o!==0&&(this.element.style.left=o+"px"),r!==0&&(this.element.style.top=r+"px")}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,e;(e=(t=this.options).onStart)==null||e.call(t,this)}didFinish(t){var e,i;t&&((i=(e=this.options).onComplete)==null||i.call(e,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}_(){const t=[];for(let e=this.element.parentNode;e;e=e==null?void 0:e.parentNode){const i=ke.get(e);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,e=this._()){const i={...Di};return e.forEach(n=>Object.assign(i,n.options.keyframeOptions)),Object.assign(i,t),i}O(t,e,i){t={...t},e={...e};const n=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let o=1,r=1;return n!==void 0&&(n.forEach(a=>{a.width&&(o/=a.width),a.height&&(r/=a.height)}),t.left!==void 0&&e.left!==void 0&&(t.left=o*t.left,e.left=o*e.left),t.top!==void 0&&e.top!==void 0&&(t.top=r*t.top,e.top=r*e.top)),{from:t,to:e}}calculateKeyframes(t,e,i=!1){const n={},o={};let r=!1;const a={};for(const l in e){const c=t[l],d=e[l];if(l in Mt){const h=Mt[l];if(c===void 0||d===void 0)continue;const p=h(c,d);p.transform!==void 0&&(a[l]=p.value,r=!0,n.transform=`${n.transform??""} ${p.transform}`,p.overrideFrom!==void 0&&Object.assign(n,p.overrideFrom))}else c!==d&&c!==void 0&&d!==void 0&&(r=!0,n[l]=c,o[l]=d)}return n.transformOrigin=o.transformOrigin=i?"center center":"top left",this.animatingProperties=a,r?[n,o]:void 0}async animate(t,e=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,e]),i=!0,this.webAnimation=this.element.animate(t,e);const n=this.getController();n==null||n.add(this);try{await this.webAnimation.finished}catch{}n==null||n.remove(this)}return this.didFinish(i),i}isAnimating(){var t,e;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((e=this.webAnimation)==null?void 0:e.pending)}log(t,e){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,e)}}const It=xt(zi),it=(s,t,e)=>{s&&e.style.setProperty(t,s)},is=(s,t)=>{var e,i,n,o;it((e=s.colors)==null?void 0:e.primaryBackground,"--primary-background",t),it((i=s.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),it((n=s.colors)==null?void 0:n.secondaryBackground,"--secondary-background",t),it((o=s.colors)==null?void 0:o.textOnSecondaryBackground,"--text-on-secondary-background",t)};var Fi=Object.defineProperty,Wi=Object.getOwnPropertyDescriptor,wt=(s,t,e,i)=>{for(var n=i>1?void 0:i?Wi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Fi(t,e,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(),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-fe488435.js")).then(p=>p[d]),{type:o,content:r}=i;switch(o){case"Telia":{const d=await n(r);return d?f`<telia-icon
+            class="trigger-icon"
+            svg=${d.svg}
+            size="lg"
+          ></telia-icon>`:u}default:return u}}render(){var t,e,i,n;return f`<div class="trigger-container" ${ut(this.containerRef)}>
+      ${!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`
+            <button
+              class="trigger-label"
+              @click=${this._toggleActive}
+              ${It({keyframeOptions:{},in:ji,stabilizeOut:!0,skipInitial:!1})}
+            >
+              ${this.application.settings.branding.other.buttonLabelText}
+            </button>
+          `:u}
+
+      <button
+        class=${Kt({trigger:!0,active:this.active,rendered:this.loaded})}
+        @click=${this._toggleActive}
+      >
+        ${this.icon}
+        <span class="trigger-close">
+          <svg
+            width="18"
+            height="9"
+            viewBox="0 0 18 9"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              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"
+              fill="white"
+            />
+          </svg>
+        </span>
+        <span class="trigger-loader">
+          <svg viewBox="25 25 50 50">
+            <circle
+              cx="50"
+              cy="50"
+              r="20"
+              fill="none"
+              stroke="#000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+            />
+          </svg>
+        </span>
+      </button>
+    </div>`}}R.styles=[b`
+      :host {
+        --voca-rem-multiplier: 0.625;
+        --trigger-label-bg: #f5e0ff;
+        --trigger-label-text-color: rgba(0, 0, 0, 0.8);
+        display: block;
+        box-sizing: border-box;
+        /* font-family: var(--font-family); */
+        font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
+      }
+
+      .trigger-container {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+      }
+
+      .trigger {
+        transform: scale(0);
+        box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
+        z-index: 5;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        line-height: 55px;
+        height: 55px;
+        width: 55px;
+        border-radius: 55px;
+        cursor: pointer;
+        background-color: var(--trigger-bg, var(--primary-background));
+        font-family: Lato;
+        text-decoration: none;
+        border: 3px dashed transparent;
+        box-sizing: border-box;
+        transition: transform 200ms ease-out;
+      }
+      .trigger:active {
+        transform: scale(0.8) !important;
+      }
+      .trigger:hover:not(:active) {
+        transform: scale(1.1) !important;
+      }
+      .trigger.rendered {
+        transform: scale(1);
+      }
+      .trigger.active .trigger-icon {
+        opacity: 0;
+        transform: rotate(-180deg) scale(0);
+      }
+      .trigger.active .trigger-close {
+        opacity: 1;
+        transform: rotate(0deg) scale(1);
+      }
+
+      .trigger-icon {
+        display: inline-block;
+        line-height: inherit;
+        text-align: center;
+        opacity: 1;
+        transform: rotate(0deg) scale(1);
+        transition: opacity 200ms ease-out, transform 200ms ease-out;
+        color: var(--trigger-text-color, var(--text-on-primary-background));
+      }
+      .trigger-close {
+        opacity: 0;
+        transition: transform 200ms ease-out;
+        transform: rotate(180deg) scale(0);
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        fill: var(--trigger-text-color, var(--text-on-primary-background));
+      }
+
+      img {
+        max-width: 100%;
+      }
+
+      .trigger-label {
+        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+        background-color: var(--trigger-label-bg);
+        color: var(--trigger-label-text-color);
+        white-space: nowrap;
+        padding: 0.7rem 1rem;
+        border-radius: 0.3rem;
+        font-weight: 500;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        font-size: 1rem;
+        font-family: inherit;
+        transition: all 300ms ease-in-out;
+      }
+
+      .trigger-label:hover {
+        opacity: 0.8;
+      }
+    `];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=(s,t,e,i)=>{for(var n=i>1?void 0:i?qi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Gi(t,e,n),n};const ns=s=>{class t extends s{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(i){this.properties=i}writeLayout(i){this.layout=i}writeContext(i){this.context=i}addChild(i){i.parent=this,this.nodes.push(i)}connectedCallback(){super.connectedCallback(),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),this.application.mountComponent(this)}}return t.styles=[b`
+        :host {
+          font-family: var(--font-family);
+          grid-column: span var(--width);
+          max-width: 100%;
+          overflow: hidden;
+          box-sizing: border-box;
+          display: block;
+        }
+        * {
+          box-sizing: border-box;
+        }
+      `],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 os extends ns(m){render(){return f`Non resolved component`}}os.styles=[b`
+      :host {
+        display: block;
+      }
+    `];/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function*Zi(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var Jt=(s=>(s.Inline="inline",s.Trigger="trigger",s))(Jt||{}),Xi=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,Ki=(s,t,e,i)=>{for(var n=i>1?void 0:i?Yi(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Xi(t,e,n),n};class Vt 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(),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===Jt.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)}>
+      ${Zi(this.nodes,t=>t)}
+    </div>`}}Vt.styles=b`
+    :host {
+      --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
+      --spacing-xs: 0.2rem;
+      --spacing-sm: 0.5rem;
+      --spacing-md: 1rem;
+      --spacing-lg: 1.2rem;
+      --spacing-xl: 1.8rem;
+
+      --text-color: #222222;
+      --link-color: #990ae3;
+      --gray-color: #f3f3f8;
+      --gray-dark-color: #a6a6a6;
+
+      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+      --border-radius: var(--spacing-sm);
+      --border-radius-sm: var(--spacing-sm);
+      --gap: var(--spacing-sm);
+    }
+    :host {
+      --voca-rem-multiplier: 0.625;
+      box-sizing: border-box;
+      display: block;
+    }
+
+    :host(.inline) {
+      height: 100%;
+      position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    :host(.floating) {
+      z-index: 6;
+      position: fixed;
+    }
+    @media screen and (max-width: 800px) {
+      :host(.floating) {
+        inset: 0 0 95px 0;
+      }
+    }
+    @media screen and (min-width: 801px) {
+      :host(.floating) {
+        inset: auto 20px 95px auto;
+        max-height: calc(100vh - 120px);
+        width: 400px;
+        height: 700px;
+      }
+      :host(.floating.bottom-right) {
+        inset: auto 20px 95px auto;
+      }
+      :host(.floating.bottom-left) {
+        inset: auto auto 95px 20px;
+      }
+    }
+
+    :host(.floating) .widget-container {
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
+      border-radius: 0.7rem;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+    .widget-container {
+      height: 100%;
+      background-color: var(--primary-background);
+      padding: var(--spacing-sm);
+      border: var(--widget-border, none);
+    }
+    @keyframes slideDown {
+      from {
+        transform: translateY(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+    }
+    @keyframes slideUp {
+      from {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+    :host(.expanded) {
+      opacity: 1;
+      animation: slideUp 0.3s linear;
+    }
+    :host(.hidden) {
+      opacity: 0;
+      animation: slideDown 0.3s linear;
+    }
+  `;Ki([$({attribute:!1})],Vt.prototype,"application",2);var Qi=Object.defineProperty,Ji=Object.getOwnPropertyDescriptor,te=(s,t,e,i)=>{for(var n=i>1?void 0:i?Ji(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Qi(t,e,n),n};class tt extends m{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return u;if(this.widget.renderStrategy===Jt.Trigger){const t=new R;return t.application=this.widget,t}return this.widget.render()}}tt.styles=[b`
+      :host {
+        display: block;
+      }
+    `];te([$({attribute:!0})],tt.prototype,"name",2);te([C()],tt.prototype,"widget",2);te([C()],tt.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",Qt);customElements.get("ace-trigger")||customElements.define("ace-trigger",R);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",os);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",Vt);customElements.get("ace-widget")||customElements.define("ace-widget",tt);var Vi=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,Ct=(s,t,e,i)=>{for(var n=i>1?void 0:i?tn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&Vi(t,e,n),n};let z=class extends m{constructor(){super(...arguments),this.loading=!0,this.entries=[]}connectedCallback(){super.connectedCallback(),this.session.entries().subscribe(s=>{this.entries=s}),this.session.isTyping().subscribe(s=>{this.loading=s})}updated(s){const t=new CustomEvent("updated",{});this.dispatchEvent(t)}render(){return f`<div class="conversation-session">
+      ${this.entries.map(s=>f`<div class="conversation-entry" tabindex="-1">
+            <conversation-entry
+              .entry=${s}
+              ${It({keyframeOptions:{},in:Se,stabilizeOut:!0,skipInitial:!1})}
+            >
+            </conversation-entry>
+          </div>`)}
+      ${this.loading?f`<ace-typing-state
+            ${It({keyframeOptions:{},in:Se,out:Ii,stabilizeOut:!0,skipInitial:!1})}
+          ></ace-typing-state>`:u}
+    </div> `}};z.styles=[b`
+      :host {
+        display: block;
+      }
+      .conversation-session {
+        display: flex;
+        flex-direction: column;
+        justify-content: end;
+        min-height: 100%;
+        padding: var(--spacing-md);
+      }
+    `];Ct([$({type:Boolean})],z.prototype,"loading",2);Ct([$({attribute:!1})],z.prototype,"session",2);Ct([C()],z.prototype,"entries",2);z=Ct([V("ace-conversation-session")],z);var en=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,rs=(s,t,e,i)=>{for(var n=i>1?void 0:i?sn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&en(t,e,n),n};let ft=class extends m{connectedCallback(){var s;super.connectedCallback(),(s=this.entry.didUpdate)==null||s.subscribe(()=>{this.requestUpdate()})}_getTimestamp(s){return new Date(s).toLocaleTimeString([],{hour:"numeric",minute:"2-digit",hourCycle:"h23"})}_renderTimestamp(s,t){if(!s&&!t)return u;let e="";return s?t?e=`${s}: ${this._getTimestamp(t)}`:e=s:t&&(e=this._getTimestamp(t)),f`<p class="conversation-timestamp">${e}</p>`}_dispatchEntryAction(s){this.entry.actions$.next(s.detail)}render(){var s,t;switch(this.entry.type){case St.ConversationMessageType.System:return f`
+          <div class="conversation-system-message">
+            ${this.entry.messages.map(e=>f`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-group
+                      .group=${e}
+                      @action=${this._dispatchEntryAction}
+                    ></conversation-group>
+                  </div>
+                </div>
+              `)}
+            <span>${this._getTimestamp(this.entry.timestamp)}</span>
+          </div>
+        `;case St.ConversationMessageType.Agent:return f`<div
+          class=${Kt({"conversation-agent-message":!0,"has-avatar":!!((s=this.entry.sender)!=null&&s.avatar)})}
+        >
+          ${typeof((t=this.entry.sender)==null?void 0:t.avatar)=="string"?f`<div class="avatar">
+                <img src=${this.entry.sender.avatar} />
+              </div>`:u}
+
+          <div class="entry-content">
+            ${this.entry.messages.map(e=>f`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-group .group=${e}></conversation-group>
+                  </div>
+                </div>
+              `)}
+          </div>
+          ${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
+        </div>`;case St.ConversationMessageType.User:return f`<div class="conversation-user-message">
+          <div class="entry-content">
+            ${this.entry.messages.map(e=>f`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-group .group=${e}></conversation-group>
+                  </div>
+                </div>
+              `)}
+          </div>
+          ${this._renderTimestamp(this.entry.sender.name||"",this.entry.timestamp)}
+        </div>`;default:return u}}};ft.styles=[b`
+      :host {
+        box-sizing: border-box;
+        display: block;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      .message-content {
+        padding: var(--spacing-md);
+        display: inline-block;
+        margin-top: var(--spacing-md);
+        max-width: 100%;
+        border: 1px solid rgba(255, 255, 255, 0.22);
+        border-radius: var(--border-radius);
+        background-color: var(--bubble-bg-color);
+        color: var(--bubble-text-color);
+      }
+
+      .conversation-system-message {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .conversation-system-message .message-content {
+        padding: 0;
+      }
+
+      .conversation-system-message span {
+        color: var(--message-info-color, var(--text-color));
+        font-size: 0.8rem;
+      }
+
+      .conversation-user-message {
+        --bubble-bg-color: var(--user-bg-color);
+        --bubble-text-color: var(--user-text-color);
+        margin-left: 10%;
+        width: 90%;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+      }
+
+      .conversation-agent-message {
+        --bubble-bg-color: var(--agent-bg-color);
+        --bubble-text-color: var(--agent-text-color);
+        display: grid;
+        margin-right: 10%;
+        width: 90%;
+
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr auto;
+        grid-template-areas:
+          'content'
+          'info';
+      }
+      .conversation-agent-message.has-avatar {
+        grid-template-columns: auto 1fr;
+        grid-template-rows: 1fr auto;
+        grid-template-areas:
+          'avatar content'
+          '. info';
+      }
+
+      .avatar {
+        grid-area: avatar;
+        place-self: flex-end;
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        align-self: flex-end;
+        justify-self: center;
+        overflow: hidden;
+        margin-right: var(--spacing-md);
+        justify-content: center;
+        align-items: center;
+      }
+      .avatar img {
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+      }
+
+      .conversation-timestamp {
+        grid-area: info;
+        margin: 0;
+        line-height: 1.5em;
+        grid-area: info;
+        color: var(--message-info-color, var(--text-color));
+        font-size: 0.8rem;
+        font-weight: 300;
+      }
+
+      .entry-content {
+        grid-area: content;
+      }
+    `];rs([$({attribute:!1})],ft.prototype,"entry",2);ft=rs([V("conversation-entry")],ft);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const nn=(s,t,e)=>{for(const i of t)if(i[0]===s)return(0,i[1])();return e==null?void 0:e()};var on=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,as=(s,t,e,i)=>{for(var n=i>1?void 0:i?rn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&on(t,e,n),n};let gt=class extends m{render(){return f`
+      <div class="message-group">
+        ${this.group.items.map(([s,t])=>f`
+            ${nn(s,[["html",()=>f`<message-type-html .message=${t} />`]],()=>{const e=customElements.get(s);if(!e)return u;const i=new e;return f`${i}`})}
+          `)}
+      </div>
+    `}};gt.styles=[b`
+      :host {
+        box-sizing: border-box;
+        display: block;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      .message-group {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+      }
+    `];as([$({attribute:!1})],gt.prototype,"group",2);gt=as([V("conversation-group")],gt);var an=Object.defineProperty,ln=Object.getOwnPropertyDescriptor,cn=(s,t,e,i)=>{for(var n=i>1?void 0:i?ln(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&an(t,e,n),n};let Dt=class extends m{render(){return f`<div class="container">
+      <div class="dot"></div>
+      <div class="dot"></div>
+      <div class="dot"></div>
+    </div>`}};Dt.styles=[b`
+      :host {
+        display: block;
+      }
+      .container {
+        align-items: center;
+        display: flex;
+        justify-content: center;
+        gap: var(--spacing-sm);
+        padding: var(--spacing-md);
+      }
+      .dot {
+        border-radius: 9999px;
+        height: var(--spacing-sm);
+        width: var(--spacing-sm);
+        background: var(--primary-background);
+        opacity: 0;
+        animation: blink 1s infinite;
+      }
+      .dot:nth-child(1) {
+        animation-delay: 0.3333s;
+      }
+      .dot:nth-child(2) {
+        animation-delay: 0.6666s;
+      }
+      .dot:nth-child(3) {
+        animation-delay: 0.9999s;
+      }
+
+      @keyframes blink {
+        50% {
+          opacity: 1;
+        }
+      }
+    `];Dt=cn([V("ace-typing-state")],Dt);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class Bt extends Yt{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 e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Bt.directiveName="unsafeHTML",Bt.resultType=1;const dn=xt(Bt);var hn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,ls=(s,t,e,i)=>{for(var n=i>1?void 0:i?pn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&hn(t,e,n),n};let $t=class extends m{render(){return f`<div class="message-type-html">
+      ${dn(this.message.content)}
+    </div>`}};$t.styles=[b`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      p {
+        margin: 0;
+        padding: 0;
+        word-break: break-word;
+      }
+    `];ls([$({attribute:!1})],$t.prototype,"message",2);$t=ls([V("message-type-html")],$t);class un{constructor(t){this._message=null,this._host=t,t.addController(this)}hostConnected(){}set message(t){this._message=t,this._host.requestUpdate()}get message(){return this._message}hasMessage(){return!!this.message}}var fn=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,At=(s,t,e,i)=>{for(var n=i>1?void 0:i?gn(t,e):t,o=s.length-1,r;o>=0;o--)(r=s[o])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&fn(t,e,n),n};const $n=s=>{s.scrollTo?s.scrollTo({top:s.scrollHeight,behavior:"smooth"}):s.scrollTop=s.scrollHeight},cs=ns(m);class M extends cs{constructor(){super(...arguments),this.toast=new un(this),this.message="",this.platform=null,this.session=null,this.disabled=!1,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 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 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 e=t.scrollHeight;e>this.chatScrollHeight&&($n(t),this.chatScrollHeight=e)},1e3)}disableInput(){this.disabled=!0}enableInput(){this.disabled=!1}setToastMessage(t){this.toast.message=t}render(){return f` <div
+      @action=${this._actionHandler}
+      class=${Kt({conversation:!0,disabled:this.disabled,"conversation--has-toast":this.toast.hasMessage(),"conversation--input-has-text":this.message.length>0})}
+    >
+      <div class="conversation-content" ${ut(this.conversationContentRef)}>
+        ${this.toast.hasMessage()?f`<div class="conversation__toast">${this.toast.message}</div>`:u}
+        ${this.session?f`<ace-conversation-session
+              @updated=${this.onSessionUpdated}
+              .session=${this.session}
+            ></ace-conversation-session>`:u}
+      </div>
+      <form
+        class="conversation-bottom"
+        @submit=${this._onSendMessage}
+        ${ut(this.formRef)}
+      >
+        <input
+          placeholder=${this.properties.inputPlaceholder||"Type your message here..."}
+          .value=${this.message}
+          ?disabled=${this.disabled}
+          @input=${this._inputHandler}
+        />
+        <div class="conversation-actions">
+          <button
+            class="conversation-send-button"
+            type="submit"
+            ?disabled=${this.disabled}
+          >
+            <telia-icon svg=${Ne.svg}></telia-icon>
+          </button>
+        </div>
+      </form>
+    </div>`}}M.styles=[cs.styles||[],b`
+      :host {
+        font-family: var(--font-family);
+        /* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
+        --send-icon-opacity: 0.4;
+        --send-icon-color: var(--text-color);
+        --conversation-bg: var(--conversation-bg-color, #fafafa);
+        --agent-bg-color: var(
+          --conversation-agent-bg-color,
+          var(--secondary-background)
+        );
+        --agent-text-color: var(
+          --conversation-agent-text-color,
+          var(--text-on-secondary-background)
+        );
+        --user-bg-color: var(
+          --conversation-user-bg-color,
+          var(--primary-background)
+        );
+        --user-text-color: var(
+          --conversation-user-text-color,
+          var(--text-on-primary-background)
+        );
+
+        --content-border: var(--conversation-content-border, none);
+        --input-border: var(--conversation-input-border, none);
+        --input-text-color: var(--conversation-input-text-color, inherit);
+        --conversation-input-bg: var(--conversation-input-bg-color, #fff);
+
+        --toast-bg: #eb5185;
+        --toast-text-color: white;
+
+        --message-info-color: var(
+          --conversation-message-info-color,
+          var(--text-color)
+        );
+
+        scrollbar-width: thin; /* Firefox */
+        scrollbar-color: #7f7f7f transparent; /* Firefox */
+      }
+      ::-webkit-scrollbar {
+        width: 3px !important;
+        background-color: transparent;
+        border-left: none;
+      }
+      ::-webkit-scrollbar-thumb {
+        background-color: #7f7f7f;
+      }
+      ::-webkit-scrollbar-track {
+        -webkit-box-shadow: none !important;
+        background-color: transparent;
+      }
+
+      @keyframes shake {
+        10%,
+        90% {
+          transform: translateX(1px);
+        }
+        20%,
+        80% {
+          transform: translateX(-1px);
+        }
+        30%,
+        50%,
+        70% {
+          transform: translateX(2px);
+        }
+        40%,
+        60% {
+          transform: translateX(-2px);
+        }
+      }
+
+      .conversation {
+        display: grid;
+        grid-template-rows: 1fr auto;
+        gap: var(--spacing-lg);
+        height: 100%;
+        background-color: transparent;
+      }
+      .conversation.conversation--input-has-text {
+        /* --send-icon-color: var(--primary-color); */
+        --send-icon-opacity: 1;
+      }
+      .conversation.conversation--has-toast .conversation-content {
+        border-top-right-radius: 0;
+        border-top-left-radius: 0;
+      }
+      .conversation.disabled .conversation-bottom {
+        --conversation-input-bg: rgba(255, 255, 255, 0.4);
+      }
+      .conversation-content {
+        flex: 1;
+        background-color: var(--conversation-bg);
+        overflow-y: auto;
+        overflow-x: hidden;
+        border-radius: var(--border-radius-sm);
+        border: var(--content-border);
+        position: relative;
+      }
+      .conversation-bottom {
+        border: var(--input-border);
+        border-radius: var(--border-radius-sm);
+        background-color: var(--conversation-input-bg);
+        min-height: 50px;
+        max-height: 150px;
+        display: flex;
+        align-items: center;
+        padding: 0 var(--spacing-md);
+        margin: 0;
+        transition: background-color 500ms ease-in-out;
+      }
+      .conversation-bottom.shake {
+        animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
+          running shake;
+      }
+      .conversation-bottom-left {
+        border-right: 1px solid var(--gray-color);
+        padding-right: var(--spacing-md);
+      }
+      .conversation-send-button {
+        border: none;
+        background: transparent;
+        color: var(--send-icon-color);
+        opacity: var(--send-icon-opacity);
+        transition: opacity 200ms ease-in-out;
+      }
+      .conversation-send-button:not(:disabled):hover {
+        --send-icon-opacity: 1;
+        cursor: pointer;
+      }
+      .conversation__toast {
+        background-color: var(--toast-bg);
+        color: var(--toast-text-color);
+        padding: var(--spacing-md);
+        position: sticky;
+        top: 0;
+        left: 0;
+        right: 0;
+        font-size: 0.8rem;
+        text-align: center;
+        font-weight: 500;
+      }
+      input {
+        border: none;
+        font-family: inherit;
+        font-size: inherit;
+        flex: 1;
+        height: 2.5rem;
+        outline: none;
+        background-color: transparent;
+        color: var(--input-text-color);
+      }
+    `];At([C()],M.prototype,"message",2);At([C()],M.prototype,"platform",2);At([C()],M.prototype,"session",2);At([C()],M.prototype,"disabled",2);const mn=Object.freeze(Object.defineProperty({__proto__:null,Conversation:M,default:M},Symbol.toStringTag,{value:"Module"}));exports.conversation=mn;exports.mute=Rt;exports.send=Ne;exports.volume=Ht;