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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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;