@yoobic/yobi 7.7.80 → 7.7.84

package/dist/design-system/p-508eaccb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as e,H as o,g as r}from"./p-c26cc6ff.js";import{M as i,B as s}from"./p-4d956bd4.js";import{bo as n,br as l,bv as d,i as c,m as p,b7 as h,bt as b,T as f,b6 as m,K as g,j as v,af as y,t as u,S as x,b as w,a3 as k,bs as z,aq as C,z as j,y as T}from"./p-a966475f.js";import{i as S,a as E}from"./p-52b2bcbf.js";import{i as M,n as I}from"./p-e37ba040.js";import{g as P}from"./p-9430559f.js";import"./p-b5241164.js";import{p as O}from"./p-bf4c566d.js";import{a as B,f as A}from"./p-33b2d3a2.js";import{g as D}from"./p-85292647.js";import{a as Y,i as q}from"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-8c8163b6.js";import"./p-bd19a341.js";const L=class{constructor(e){t(this,e),this.loadMoreClicked=a(this,"loadMoreClicked",7),this.closePage=a(this,"closePage",7),this.showMore=a(this,"showMore",7),this.closeDeleteMode=a(this,"closeDeleteMode",7),this.selected=a(this,"selected",7),this.deleteMessages=a(this,"deleteMessages",7),this.conferenceMessageClicked=a(this,"conferenceMessageClicked",7),this.startVideocall=a(this,"startVideocall",7),this.chatFocused=a(this,"chatFocused",7),this.mediaInput=a(this,"mediaInput",7),this.playerReady=a(this,"playerReady",7),this.viewToggled=a(this,"viewToggled",7),this.scrolledBottom=a(this,"scrolledBottom",7),this.scrolledTop=a(this,"scrolledTop",7),this.messages=[],this.selectedTimeTokens=[]}get messageElements(){return Array.from(this.host.shadowRoot.querySelectorAll("yoo-chat-message"))}onPlaying(t){t&&t.detail&&(this.currentActivePlayerId=t.detail)}onStatusTap(t){t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation()}onPlayerClicked(){this.onToggleView()}onInputFocused(){this.inputFocused=!0,this.scrollBottomOnKeyboradShown=!0,this.oldestMostRecentMessageElement=null}onMediaLoading(t){this.showLoader=null==t?void 0:t.detail}onInputBlurred(){this.inputFocused=!1,this.preventToggle=!0,setTimeout((()=>{this.preventToggle=!1}),200)}onKeyboardShown(){this.scrollBottomOnKeyboradShown&&(this.scrollToBottom(),this.scrollBottomOnKeyboradShown=!1)}onMediaChatClicked(t){if(t.detail){const a=this.messages.filter((t=>t.type===i.video||t.type===i.photo||t.type===i.gif)),e=a.indexOf(t.detail),o=O(a),r=t=>a[t]&&o[t]?{message:a[t],item:o[t]}:null,{message:s,item:l}=r(e);B({items:o,currentSlideIndex:e,showBottomContainer:!1,secondaryActions:[{icon:"photo-annotated",isVisible:t=>{if(!(t>=0))return!0;const{item:a}=r(t);return a&&!(Y(a.value)||M(a.value))},handler:t=>{(null==t?void 0:t.target)&&(T(null==t?void 0:t.target,"yoo-photo-editor").isReadonly=!1)}},{icon:"download",isVisible:()=>!0,handler:()=>{const{message:t,item:a}=r(e);t&&a&&(q(a.value)||Y(a.value))&&"string"==typeof a.value&&I(a.value)}}],submitPhotoEditorButton:{text:"YOOBICSEND",shape:"rectangular",color:"success",size:"large",handler:t=>{n(t).then((()=>{var a;t&&this.mediaInput.emit({type:i.photo,payload:l.value,options:{requireUpload:!1,annotationData:t,dimensionData:null===(a=s.options)||void 0===a?void 0:a.dimensionData}})}))}}})}}async startCountDown(t,a,e,o){this.countDownStartValue=t,this.countDownValue=this.countDownStartValue,this.requestIntervalID=l((()=>{this.countDownValue--,this.countDownValue<=a&&!this.showCountdown&&(this.countDownStartValue=this.countDownValue,e()&&e(),this.showCountdown=!0),this.countDownValue<-1&&(b(this.requestIntervalID.value),this.requestIntervalID.value=null,o&&o())}),1e3)}async scrollToBottom(t){if(t&&this.scroll)return this.scroll.scrollToBottom(200)}async onToggleFloatingAnimation(t){const a=document.createElement("yoo-icon");d(this.floatingContainer,t.cssClass||"heart",a)}async scrollToTop(){return this.scrollToInternal(0)}async scrollToInternal(t){this.scroll&&this.scroll.scrollToPoint(0,t,0)}async onLoadMoreCompleted(t){this.refresher&&this.refresher.complete(),this.disableLoadMore=t}async onToggleView(){this.preventToggle||(this.hideControls=!this.hideControls,!c()&&this.broadcastParams&&this.broadcastParams.isLive?this.viewToggled.emit(this.hideControls):this.videoPlayerEl&&this.videoPlayerEl.togglePlay())}async onShowView(){this.preventToggle||(this.hideControls=!1)}async onHideView(){this.preventToggle||(this.hideControls=!0)}componentDidLoad(){this.initChat(),this.showBackgroundVideo&&!c()&&this.playerReady.emit(this.videoElWrapper)}componentDidUpdate(){this.oldestMostRecentMessageElement?this.initMessages():this.initChat(),!c()&&this.broadcastParams&&this.broadcastParams.isLive&&this.showBackgroundVideo&&this.videoElWrapper&&this.videoElWrapper.firstChild&&this.videoElWrapper.firstChild.childElementCount<=0&&this.playerReady.emit(this.videoElWrapper)}disconnectedCallback(){p()&&this.enableKeyboardResizing&&h(),this.requestIntervalID&&b(this.requestIntervalID.value)}get isSomeoneTyping(){return this.usersTyping&&Object.keys(this.usersTyping).length>0}initChat(){this.chatFocused.emit(!0),this.ionContent&&(this.ionContent.getScrollElement().then((async t=>{if(t){this.scroll=t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),this.scroll&&f(this.scroll,.15,{scrollTo:this.scroll.scrollHeight});for(const t of a)await(null==t?void 0:t.renderContent())}})),p()&&this.enableKeyboardResizing&&m())}onHeadingClicked(){var t,a,e;this.background||1!==(null===(t=this.users)||void 0===t?void 0:t.length)||(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.isStore)||g({type:"user-detail",params:{user:this.users[0]}})}async initMessages(){var t;const a=(this.messageElements||[]).reverse();await Promise.all(a.map((t=>(null==t?void 0:t.initMessage())||Promise.resolve(!0)))),await Promise.all(a.map((t=>(null==t?void 0:t.renderContent())||Promise.resolve(!0)))),null===(t=this.oldestMostRecentMessageElement)||void 0===t||t.scrollIntoView(),this.scrollLocker=!1}onChatFocused(){this.chatFocused.emit(!0)}getLastMessage(t){return t===this.messages.length-1||this.messages[t].author!==this.messages[t+1].author||!this.messages[t+1].author||S(this.messages[t+1])}getFirstMessage(t){return 0===t||this.messages[t].author!==this.messages[t-1].author||!this.messages[t-1].author||S(this.messages[t-1])}isNextImage(t){return this.messages&&this.messages[t+1]&&E(this.messages[t+1])}onPullToRefresh(){var t,a;this.oldestMostRecentMessageElement=null===(a=null===(t=this.messageElements)||void 0===t?void 0:t.filter((t=>{var a,e;return t.message.timetoken===(null===(e=null===(a=this.messages)||void 0===a?void 0:a[0])||void 0===e?void 0:e.timetoken)})))||void 0===a?void 0:a[0],this.loadMoreClicked.emit(!0)}onCloseDeleteMode(){this.selectedTimeTokens=[],this.closeDeleteMode.emit(!1)}onSelectMessages(t=!0){this.selectedTimeTokens=[],t&&this.messages.forEach((t=>{t&&!t.deleted&&(t.author&&t.author._id===v().user._id||this.forceDelete)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onClickMessage(t,a){const e=t.detail||!1;this.selectedTimeTokens=[],this.messages.forEach((t=>{t&&(t.timetoken!==a&&t.selected||t.timetoken===a&&e)&&this.selectedTimeTokens.push(t.timetoken)})),this.selected.emit(this.selectedTimeTokens)}onDeleteMessages(){this.selectedTimeTokens.length>0&&y([{text:u("DELETE"),cssClass:"danger",handler:()=>{this.selectedTimeTokens=[],this.deleteMessages.emit(!0)}}],"stable")}onSwipeDown(t){t&&t.stopPropagation(),this.broadcastParams&&this.broadcastParams.closeHandler&&this.broadcastParams.closeHandler()}onInfiniteScroll(){this.loadMoreClicked.emit(!0)}async onIonScroll(t){var a,e,o;const r=x(null===(a=null==t?void 0:t.detail)||void 0===a?void 0:a.scrollTop)&&t.detail.scrollTop;!this.scrollLocker&&r<=2&&!this.disableLoadMore&&w(this.host)&&(this.scrollLocker=!0,this.onPullToRefresh()),this.broadcastMode&&(!this.scroll&&this.ionContent&&(this.scroll=await this.ionContent.getScrollElement()),this.scroll.scrollHeight-(null===(e=this.scroll)||void 0===e?void 0:e.clientHeight)===(null===(o=t.detail)||void 0===o?void 0:o.scrollTop)?this.scrolledBottom.emit(!0):this.scrolledTop.emit(!0))}onMapChatActions(t){return this.chatSecondaryActions.map((a=>Object.assign(Object.assign({},a),{isVisible:()=>!a.isVisible||a.isVisible(t),handler:()=>a.handler?a.handler(t):""})))}onHighlightMessage(t){var a,e,o;(null==t?void 0:t.detail)&&this.chatSecondaryActions&&this.chatSecondaryActions.length>0&&((null===(a=t.detail)||void 0===a?void 0:a.message)&&(null===(e=t.detail)||void 0===e?void 0:e.content)&&(t.detail.message.content=t.detail.content),y(this.onMapChatActions(t.detail.message),"danger",{preventOverlayClick:!0},null===(o=t.detail)||void 0===o?void 0:o.host))}onRepliedMessageClicked(t){var a,e,o;const r=null===(a=this.messages)||void 0===a?void 0:a.findIndex((a=>a.timetoken===t.detail)),i=(null===(e=this.messages)||void 0===e?void 0:e.length)-1-r;if(this.messageElements[i]){const t=this.messageElements[i].getBoundingClientRect().bottom,a=null===(o=this.inputBarContainerElement)||void 0===o?void 0:o.getBoundingClientRect().top;this.scroll.scrollByPoint(0,t-a-10,300)}}renderAvatars(){var t,a,o;let r=w(this.host)?"medium":"small";return(null===(t=this.advancedOptions)||void 0===t?void 0:t.popupMode)&&(r="extra-small"),!this.background&&this.users&&1===this.users.length?e("yoo-avatar",{class:{clickable:!this.background&&1===(null===(a=this.users)||void 0===a?void 0:a.length)},onClick:()=>this.onHeadingClicked(),size:r,isOnline:this.isOnline,user:this.users[0]}):!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode)&&e("yoo-avatars",{size:"extra-small",layout:"grid",users:this.users})}renderReadOnlyHeader(){var t,a,o,r,i,s,n,l;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.heading)return this.renderAdvancedHeader();let d=w(this.host)?"medium":"small";(null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode)&&(d="extra-small");const c=!!(null===(o=this.advancedOptions)||void 0===o?void 0:o.popupMode),p=c?"light":"text-color-to-stable-alt",h=w(this.host)?"yoo-tooltip":"span";return e("yoo-header",{onClick:()=>{var t;(null===(t=this.advancedOptions)||void 0===t?void 0:t.headerFn)&&this.advancedOptions.headerFn()}},e("yoo-navbar",{class:c?"app-color chat no-shadow":"",centerTitle:!1},(this.closeIcon||!w(this.host))&&e("yoo-items",{slot:"start"},e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>{t.stopPropagation(),this.closePage.emit(!0)}},e("yoo-icon",{size:c?"small":void 0,name:this.closeIcon?this.closeIcon:"left",color:p}))),this.background?e("yoo-avatar",{size:d,imgSrc:this.background}):this.renderAvatars(),e("div",{class:{"heading-container":!0,"light small":c,clickable:!this.background&&1===(null===(r=this.users)||void 0===r?void 0:r.length)},onClick:()=>this.onHeadingClicked()},e("yoo-truncate",null,this.heading),!this.isMultiple&&!c&&e("yoo-truncate",{class:"subheading"},u(this.isOnline?"ONLINE":"OFFLINE"))),e("yoo-items",{slot:"end"},this.canVideoCall&&!c&&e("yoo-button",{size:c?"small":void 0,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>this.startVideocall.emit(!0)},e("yoo-icon",{size:c?"small":void 0,name:"videocamera",color:c?p:"app-color"})),!c&&!(null===(i=this.advancedOptions)||void 0===i?void 0:i.waitlist)&&e("yoo-button",{ref:t=>this.moreButtonEl=t,color:p,fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:t=>this.showMore.emit({host:this.moreButtonEl,ev:t})},e("yoo-icon",{name:"more",color:p})),(null===(n=null===(s=this.advancedOptions)||void 0===s?void 0:s.extraEndActions)||void 0===n?void 0:n.length)&&(null===(l=this.advancedOptions)||void 0===l?void 0:l.extraEndActions.map((t=>e(h,{hoverable:!0,content:t.text,placement:"top"},e("yoo-button",{size:c?"small":void 0,onClick:a=>t.handler(a),shape:"circular",fill:"transparent"},e("yoo-icon",{size:c?"small":"medium",class:t.cssClass,name:t.icon,color:t.color})))))))))}renderAdvancedHeader(){return e("div",{class:"advanced-heading-container"},e("div",{class:"advanced-heading"},e("div",{class:"advanced-heading-content"},e("yoo-avatar",{user:this.advancedOptions.user,size:"small"}),e("div",null,this.advancedOptions.heading),this.advancedOptions.canClose&&e("yoo-icon",{onClick:()=>{n(null)},color:"light",name:"close",size:"medium"})),e("div",{class:"advanced-heading-subheading"},this.advancedOptions.subheading)),e("yoo-ion-footer",null,e("yoo-copyright",{color:"light"})))}renderEditableHeader(){return e("yoo-header",{class:"delete-mode-header"},e("yoo-navbar",null,e("yoo-items",{slot:"start"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onSelectMessages(!0)},u("SELECTALL"))),e("yoo-items",{slot:"end"},e("yoo-button",{color:"app-color",fill:"transparent",animated:!1,onClick:()=>this.onCloseDeleteMode()},u("CANCEL")))))}renderInputBar(){return e("div",{class:"input-bar-container",ref:t=>this.inputBarContainerElement=t},e("slot",{name:"input-bar"}))}renderDeleteModeFooter(){return e("div",{class:"delete-mode-footer "+(this.selectedTimeTokens.length>0?"app-color":"disabled")},e("div",{class:"inner-container",onClick:()=>this.onDeleteMessages()},e("yoo-icon",{name:"delete"})," ",u(this.selectedTimeTokens.length<=1?"DELETE_MESSAGE":"DELETE_MESSAGES",{number:this.selectedTimeTokens.length})))}renderTypingIcon(){return[e("div",{class:"user-typing"},e("div",{class:"typing-indicator"},e("span",null),e("span",null),e("span",null)))]}renderUserName(t){return t&&t.firstName&&t.lastName&&e("div",{class:"username"},`${t.firstName} ${t.lastName} ${u("ISTYPING")}...`)}renderUser(t){return e("div",{class:"user-container"},t&&e("yoo-avatar",{size:"medium",user:t}))}renderIsTypingMultiple(){return Object.keys(this.usersTyping).map((t=>[this.renderUserName(this.usersTyping[t]),e("div",{class:"bottom-part"},this.renderUser(this.usersTyping[t]),this.renderTypingIcon())]))}renderSomeoneIsTyping(){return[e("div",{class:"someone-typing-container"},this.isMultiple?this.renderIsTypingMultiple():this.renderTypingIcon())]}renderChatMessages(){return this.messages.map(((t,a)=>{var o,r,i;if(!(null==t?void 0:t.deleted))return e("yoo-chat-message",{onConferenceMessageClicked:t=>{this.conferenceMessageClicked.emit(t.detail)},onRepliedMessageClicked:t=>this.onRepliedMessageClicked(t),id:null===(o=t.timetoken)||void 0===o?void 0:o.toString(),key:t.timetoken,hasOptions:w(this.host),hasStatus:!0,message:t,asyncRender:!0,allUsers:this.allUsers,isLast:this.getLastMessage(a),isFirst:this.getFirstMessage(a),onClicked:a=>this.onClickMessage(a,t.timetoken),isNextImage:this.isNextImage(a),isGroup:this.isMultiple,receivedByOthers:t.options&&t.options.messageRecievedInfo&&t.options.messageRecievedInfo.length===(null===(r=this.otherIds)||void 0===r?void 0:r.length),onPresshold:t=>this.onHighlightMessage(t),currentActivePlayerId:this.currentActivePlayerId,containerWidth:this.containerWidth,forceDelete:this.forceDelete,imageWidthRatio:(null===(i=this.advancedOptions)||void 0===i?void 0:i.popupMode)?.65:void 0,preventVideoPreloading:this.preventVideoPreloading,onUsernameClicked:t=>g({type:"user-detail",params:{user:t.detail}}),onAvatarClicked:t=>g({type:"user-detail",params:{user:t.detail}})})}))}renderBroadcastActions(t){const a=t.actionType,o=(t,a)=>{t.stopPropagation(),(null==a?void 0:a.handler)&&a.handler()};return"badge"===a?e("yoo-tag",{color:t.color,onClick:a=>o(a,t)},t.icon&&e("yoo-icon",{slot:"start",size:"small",name:t.icon}),t.text):"icon"===a?e("yoo-icon",{name:t.icon,color:"light",onClick:a=>o(a,t)}):void 0}renderBroadcastMessage(t){return e("div",{class:"broadcast-message"},e("yoo-avatar",{size:"medium",user:t.author}),e("div",{class:"content-container"},e("div",{class:"title"},P(t.author)),e("div",{class:"content"},t.content)))}renderShareOptions(t){var a;return e("div",{class:"share-container"},e("span",{class:"text"},t.text),e("div",{class:"buttons-container"},null===(a=null==t?void 0:t.shareButtons)||void 0===a?void 0:a.map((t=>D(t)))))}renderBroadcastBottom(){var t;return e("div",{class:"broadcast-bottom-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"floating-icon-container",ref:t=>this.floatingContainer=t}),(this.broadcastParams.isLive||this.broadcastParams.broadcastType!==s.broadcaster)&&[!!(null===(t=this.messages)||void 0===t?void 0:t.length)&&e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{hide:this.inputFocused},scrollEvents:!0,ref:t=>this.ionContent=t},e("div",{class:{"message-inner-container":!0}},this.messages&&this.messages.filter((t=>!k(t))).map((t=>this.renderBroadcastMessage(t))))),this.broadcastParams.isLive&&this.renderInputBar()],this.broadcastParams.finished&&this.broadcastParams.shareOptions&&this.renderShareOptions(this.broadcastParams.shareOptions),!this.broadcastParams.isLive&&!this.broadcastParams.finished&&this.broadcastParams.footerAction&&D(this.broadcastParams.footerAction))}renderVideo(){var t;const a=!c()&&this.broadcastParams.isLive;if(!(null===(t=this.broadcastParams)||void 0===t?void 0:t.videoSrc)&&!a)return;const o={videoPlayerCoreParameters:{source:this.broadcastParams.videoSrc,controls:!0,preventAutoResume:!0,cover:!0,fullscreen:!1,extraClass:"fullscreen"},preventVcAuto:!0,preventAutoPauseOnBlur:!0};return e("div",{ref:t=>this.videoElWrapper=t,class:{"video-outer-container":!0,"not-cordova":a}},a?e("div",{class:"video-container"}):e("yoo-videoplayer-core",Object.assign({ref:t=>this.videoPlayerEl=t},o)))}renderBroadcastStatus(t){const a=()=>t.users&&t.users.length>0&&e("div",{class:"avatars-container"},t.users.map((t=>e("yoo-avatar",{size:"small",user:t}," ")))),o=()=>e("span",{class:"status-text"},t.text);return e("div",{class:{"extra-status-container":!0,finished:this.broadcastParams.finished}},this.broadcastParams.finished?[o(),a()]:[a(),o()])}renderTimer(){if(!this.showCountdown)return;const t=z(this.countDownValue,!0),a=x(this.countDownValue)&&x(this.countDownStartValue)?this.countDownValue/this.countDownStartValue*100:0;return e("div",{class:"timer-container"},e("yoo-progress-bar",{animated:!0,class:"auto-height",shape:"circle",listenToProgress:!0,hideProgressValue:!0,progressAnimationDuration:0,progressValue:a,percentProgressColorScheme:!1,onProgressUpdate:t=>(t=>{t&&t.target&&t.detail&&100===t.detail&&(t.target.progressAnimationDuration=1.25)})(t)}),e("div",null,t))}renderOverlay(){return e("div",{class:"blur-overlay"})}renderBroadcastInnerContainer(t){var a,o;return e("div",{class:{"broadcast-container":!0,"hide-controls":this.hideControls,"show-player":this.showBackgroundVideo&&this.broadcastParams.showControl},onClick:()=>{this.onToggleView()}},e("div",{class:"top-container",onClick:t=>{t.stopPropagation()}},e("div",{class:"left"},(this.broadcastParams.isLive||!t)&&[e("yoo-avatar",{size:"small",user:this.broadcastParams.user}," "),e("span",null,this.broadcastParams.title)],this.broadcastParams.closeHandler&&!this.broadcastParams.isLive&&!this.broadcastParams.finished&&t&&!w(this.host)&&[e("yoo-icon",{name:"close",color:"light",onClick:()=>{this.broadcastParams.closeHandler()}}),e("yoo-tag",{color:"energized"},"BETA")]),((null===(a=this.broadcastParams)||void 0===a?void 0:a.headerTopActions)||this.broadcastParams.isLive)&&e("div",{class:"right"},((null===(o=this.broadcastParams)||void 0===o?void 0:o.headerTopActions)||[]).map((t=>this.renderBroadcastActions(t)))),!this.broadcastParams.isLive&&this.broadcastParams.broadcastStatus&&this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)),!this.broadcastParams.finished&&this.broadcastParams.statusActions&&e("div",{class:"status-container",onClick:t=>{t.stopPropagation()}},this.broadcastParams.statusActions.map((t=>this.renderBroadcastActions(t))),this.broadcastParams.isLive&&t&&this.renderTimer()),this.renderBroadcastBottom(),this.broadcastParams.finished&&this.renderOverlay(),this.showBackgroundVideo&&this.renderVideo(),w(this.host)&&e("div",{class:"video-container"},e("slot",{name:"video"})))}renderBroadcastContainer(){const t=this.broadcastParams.broadcastType===s.broadcaster;return this.broadcastParams.isPlayback&&!w(this.host)?e("yoo-swipe-container",{class:"dark",onSwipedDown:t=>{this.onSwipeDown(t)}},this.renderBroadcastInnerContainer(t)):this.renderBroadcastInnerContainer(t)}renderSimpleChat(){return[this.disableHeader?null:this.deleteModeEnabled?this.renderEditableHeader():this.renderReadOnlyHeader(),e("yoo-ion-content",{onIonScroll:t=>{this.onIonScroll(t)},class:{"bg-light-to-dark":!this.transparent,"simple-content":!0},forceOverscroll:!1,scrollEvents:!0,onIonScrollEnd:()=>{this.onChatFocused()},onClick:()=>{this.onChatFocused()},ref:t=>this.ionContent=t},e("yoo-ion-refresher",{class:this.transparent?"transparent":"",slot:"fixed",onIonRefresh:()=>this.onPullToRefresh(),disabled:this.deleteModeEnabled,ref:t=>this.refresher=t},e("yoo-ion-refresher-content",{pullingText:u("PULLTOREFRESH")})),e("div",{onClick:()=>{C("hideBottomDialog",window)},class:{"messages-container":!0,"iphone-x":j()}},this.messages&&this.renderChatMessages(),this.showLoader&&e("yoo-loader",{class:"loader transparent"}),this.isSomeoneTyping&&this.renderSomeoneIsTyping())),this.hideInputBar?null:this.deleteModeEnabled?this.renderDeleteModeFooter():this.renderInputBar()]}render(){var t,a,r;return e(o,{class:Object.assign({broadcast:this.broadcastMode,live:null===(t=this.broadcastParams)||void 0===t?void 0:t.isLive,popup:null===(a=this.advancedOptions)||void 0===a?void 0:a.popupMode,broadcaster:(null===(r=this.broadcastParams)||void 0===r?void 0:r.broadcastType)===s.broadcaster},A(this.host))},this.broadcastMode?this.renderBroadcastContainer():this.renderSimpleChat())}get host(){return r(this)}};L.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);--chat-message-max-width:75%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-app-color{background-color:var(--app-color) !important}:host .app-color{color:var(--app-color);fill:var(--app-color)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-danger-light{background-color:var(--danger-light, #f46885) !important}:host .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .bg-energized{background-color:var(--energized, #fed05b) !important}:host .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .bg-royal{background-color:var(--royal, #7577ff) !important}:host .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .bg-info{background-color:var(--info, #fc459e) !important}:host .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}:host .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}:host .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}:host .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .bg-light-orange{background-color:var(--light-orange, #fcae49) !important}:host .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-warning{background-color:var(--warning, #ff6402) !important}:host .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}:host .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}:host .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}:host .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}:host .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:var(--spacing-04, 0.25rem)}:host .heading-container{font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-10-deprecated, 0.625rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:""}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-05-deprecated, 0.3125rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light-to-dark, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .app-color{color:var(--app-color);fill:var(--app-color)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}:host .delete-mode-footer .energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}:host .delete-mode-footer .royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}:host .delete-mode-footer .info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}:host .delete-mode-footer .light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}:host .delete-mode-footer .stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}:host .delete-mode-footer .stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}:host .delete-mode-footer .stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host yoo-chat-message{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);--media-max-width:var(--chat-message-max-width)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark-to-light, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark-to-light, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}';export{L as yoo_chat}

package/dist/design-system/{p-b6d2e98f.entry.js → p-79fea067.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as a,h as o,H as r,g as i}from"./p-c26cc6ff.js";import{M as n}from"./p-4d956bd4.js";import{a3 as p,b as s,j as l,c3 as d,t as c,r as m,a2 as b,i as h,Y as g,as as f}from"./p-a966475f.js";import{a as y,c as v,i as x,d as u}from"./p-52b2bcbf.js";import{c as w,b as k,a as z}from"./p-9229f5bb.js";import{r as C,g as j}from"./p-9430559f.js";import{p as q}from"./p-cf2b3a56.js";import{a as M,r as P}from"./p-8c8163b6.js";import"./p-b5241164.js";import{f as Y,u as I}from"./p-33b2d3a2.js";import{d as L}from"./p-2a56c2b1.js";import"./p-e37ba040.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const U=class{constructor(a){t(this,a),this.clicked=e(this,"clicked",7),this.conferenceMessageClicked=e(this,"conferenceMessageClicked",7),this.presshold=e(this,"presshold",7),this.messageClick=e(this,"messageClick",7),this.mediaChatClicked=e(this,"mediaChatClicked",7),this.avatarClicked=e(this,"avatarClicked",7),this.usernameClicked=e(this,"usernameClicked",7),this.repliedMessageClicked=e(this,"repliedMessageClicked",7),this.hasOptions=!1,this.hasStatus=!1,this.isVisible=!1,this.shouldRender=!1,this.lockAssignPress=!1}async initMessage(){return this.shouldRender=!0,a(this.host),new Promise((t=>{this.readyRender=t}))}async renderContent(){return this.isVisible=!0,a(this.host),new Promise((t=>{this.readyMessage=t}))}get photoElement(){var t,e;return null===(e=null===(t=this.host)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("yoo-img")}get videoElement(){var t,e;return null===(e=null===(t=this.host)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("yoo-videoplayer-core")}get isConferenceMessage(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)===n.conference}get isDocument(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)===n.document}get mediaUrl(){var t;return(null===(t=this.message)||void 0===t?void 0:t.payload)&&("string"==typeof this.message.payload?this.message.payload:this.message.payload[0]||this.message.payload._downloadURL)}get isVisualMedia(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)&&this.message.type===n.photo||this.message.type===n.video}get isReplyMessage(){var t,e;return null!==(null===(t=this.message)||void 0===t?void 0:t.replyMessage)&&void 0!==(null===(e=this.message)||void 0===e?void 0:e.replyMessage)}componentWillLoad(){if(p(this.imageWidthRatio)&&(this.imageWidthRatio=s(this.host)?.35:.75),this.message.type===n.texturlpreview){const{links:t}=M(this.message.content);t.length>0&&(this.linkPreviews=t.map((t=>({url:t}))))}}componentDidLoad(){var t;this.contentWidth=this.containerWidth||(null===(t=this.host.parentElement)||void 0===t?void 0:t.clientWidth),this.resizeListener=L((()=>a(this)),250).bind(this),window.addEventListener("resize",this.resizeListener),this.asyncRender||this.assignPressActions()}componentDidUpdate(){this.isVisible&&this.readyMessage(),this.shouldRender&&(this.readyRender(),this.assignPressActions())}assignPressActions(){if(this.containerElement&&!this.lockAssignPress){let t,e;this.lockAssignPress=!0;const a=h()?"touchstart":"mousedown",o=h()?"touchend":"mouseup",r=(h()?"touch":"mouse")+"move",i=a=>{null==a||a.stopPropagation(),e=setTimeout((()=>{var e;!t&&this.presshold.emit({message:this.message,content:null===(e=this.yooTextEl)||void 0===e?void 0:e.innerText})}),1e3)},n=e=>{e&&(e.stopPropagation(),t=!0)},p=()=>{clearTimeout(e),t=!1};this.containerElement.addEventListener(a,(t=>i(t)),{passive:!0}),this.containerElement.addEventListener(r,(t=>n(t)),{passive:!0}),this.containerElement.addEventListener(o,(()=>p()),{passive:!0})}}calculatePreviewMediaBounds(t){let{width:e,height:a}=t||{};e||(e=230),a||(a=180);const o=e/a,r=e>=a,i=this.contentWidth*(r?.55:.35),n=e>i?i:e,p=n>350?r?350:227.5:n,s=p/o;return{width:`${p>i?i:p}px`,height:`${s>i/o?i/o:s}px`,maxHeight:i/o+"px",maxWidth:`${i}px`}}onHasMentions(){return this.message&&this.message.mentions&&this.message.mentions.length>0}get notificationAvatarUser(){return this.message.options&&this.message.options.notificationParams&&this.message.options.notificationParams.notificationAvatar?this.message.options.notificationParams.notificationAvatar:null}canDeleteMessage(){var t,e;return(null===(e=null===(t=this.message)||void 0===t?void 0:t.author)||void 0===e?void 0:e._id)===l().userId||this.forceDelete}onClickMessage(){var t,e;this.message&&(this.message.readonly||(null===(e=null===(t=this.message)||void 0===t?void 0:t.author)||void 0===e?void 0:e._id)!==l().userId&&!this.forceDelete||(this.message.selected=!this.message.selected,this.clicked.emit(this.message.selected)),this.isConferenceMessage&&this.message.content&&this.conferenceMessageClicked.emit(this.message.content),this.messageClick.emit(this.message.content))}onClickMessageContent(t){this.message.readonly&&(this.mediaChatClicked.emit(this.message),t.stopPropagation())}onStatusClicked(t){this.preventDetailView||(t.stopPropagation(),d(this.message,this.allUsers,this.isGroup,this.receivedByOthers))}onShowMore(t,e){var a;t.stopPropagation(),this.presshold.emit({message:this.message,content:null===(a=this.yooTextEl)||void 0===a?void 0:a.innerText,host:e}),e=null}renderConferenceMessage(){return o("div",{class:"conference-message-container"},o("yoo-icon",{name:"play"}," "),this.message&&this.message.content)}renderUser(){return o("div",{class:"user-container"},this.message.author?(this.isLast&&this.isFirst||this.isLast&&!this.isFirst)&&o("yoo-avatar",{onClick:()=>this.avatarClicked.emit(this.message.author),size:"medium",user:this.message.author}):o("div",{class:"empty-user"}))}renderTimeStamp(t){return t>=0&&o("div",{class:"info-container center"},o("span",null,q.timeAgo.transform(this.message.time)))}renderUserName(){return this.message.author&&this.message.author.firstName&&this.message.author.lastName?[o("div",{class:{username:!0},onClick:()=>this.usernameClicked.emit(this.message.author)},`${this.message.author.firstName} ${this.message.author.lastName}`)]:o("div",{class:{username:!0}},c("USERDEACTIVATED"))}renderVideoOnChat(){var t;let e=this.message.payload;m(e)&&(e=URL.createObjectURL(e));const a=this.calculatePreviewMediaBounds(null===(t=this.message.options)||void 0===t?void 0:t.dimensionData);return o("div",{class:"image-container",style:a},this.isVisible||!this.asyncRender?o("yoo-videoplayer-core",{class:"round",style:a,blockControlAndAutoPlayOnTap:!0,readonly:!0,videoPlayerCoreParameters:{controls:!1,cover:!0,preload:this.preventVideoPreloading?"none":"auto",preventAutoResume:!0,source:e},onClick:t=>this.onClickMessageContent(t)}):this.renderMediaLoader())}renderMediaLoader(){var t;const e=this.calculatePreviewMediaBounds(null===(t=this.message.options)||void 0===t?void 0:t.dimensionData);return o("span",{class:"media-loader-container",style:e},o("yoo-loader",{class:"absolute backdrop"}))}renderImageOnChat(t,e){var a;const r=this.calculatePreviewMediaBounds(null===(a=this.message.options)||void 0===a?void 0:a.dimensionData);return o("div",{class:"image-container",style:r},this.isVisible||!this.asyncRender?o("yoo-img",{style:r,onClick:t=>this.onClickMessageContent(t),src:t,instant:!0,ignoreHeight:!0}):this.renderMediaLoader(),b(e)&&o("yoo-tag",{icon:"pen",size:"small",color:"dark-40",iconOnlyColor:"light"}))}renderInnerMessage(){var t;return o("yoo-text",{ref:t=>this.yooTextEl=t,content:null===(t=this.message)||void 0===t?void 0:t.content,extraConversion:[t=>P(g(t),!1,this.message.isAlternate?"light":"app-color"),t=>this.onHasMentions()?C(t,this.message.mentions,!1):t]})}renderAudioOnChat(t){return o("yoo-audio-player",{class:{"transparent-light":this.isReplyMessage&&this.message.isAlternate,"transparent-dark":this.isReplyMessage&&!this.message.isAlternate},boost:100,src:t})}renderDocument(t){return o("yoo-form-document",{class:{"transparent-light":this.isReplyMessage&&this.message.isAlternate,"transparent-dark":this.isReplyMessage&&!this.message.isAlternate},document:t,showActionSheet:h()&&w(t),readonly:!0})}renderRichContentMessage(t,e){var a,o;return this.isDocument?this.renderDocument(this.message.payload):k(t)||e===n.audio?this.renderAudioOnChat(t):z(t)||!h()&&t&&t.startsWith&&t.startsWith("blob:")?this.renderVideoOnChat():this.renderImageOnChat(t,null===(o=null===(a=this.message)||void 0===a?void 0:a.options)||void 0===o?void 0:o.annotationData)}renderText(){return["loading"===this.animation&&o("span",{class:"dot"}),o("span",{class:{text:!0,mention:this.onHasMentions()}},this.isConferenceMessage&&!h()?this.renderConferenceMessage():this.renderInnerMessage())]}renderMessageStatus(){var t,e;const a=null===(e=null===(t=this.message)||void 0===t?void 0:t.options)||void 0===e?void 0:e.sentButNotPropagated;return o("div",{class:"status-container"},o("div",{class:"inner-icon-container",onClick:t=>{this.onStatusClicked(t)}},this.renderTimeStamp(this.message.timetoken),o("yoo-icon",{color:a||!this.receivedByOthers?"stable":"app-color",name:a?"tick":"double-tick",size:"small"})))}renderReplyMessage(){return o("yoo-chat-message-preview",{onRepliedMessageClicked:t=>{t.stopPropagation(),this.repliedMessageClicked.emit(t.detail)},mode:"sent",message:this.message.replyMessage})}renderMessageContent(){var t;let e;return o("div",{ref:t=>this.containerElement=t,class:{"message-content":!0,first:this.isFirst,last:this.isLast,img:y(this.message),"next-img":this.isNextImage,"has-more":this.hasOptions,[v(this.message)]:!0,reply:this.isReplyMessage}},this.message.replyMessage&&this.renderReplyMessage(),(null===(t=this.linkPreviews)||void 0===t?void 0:t.length)>0&&this.renderUrlPreview(),this.message.options&&this.message.options.isLoading&&!this.message.options.hideLoading?o("yoo-loader",{class:"absolute backdrop-transparent"}):this.renderText(),y(this.message)&&this.renderRichContentMessage(this.message.payload,this.message.type),this.hasOptions&&o("yoo-button",{shape:"square",class:"more-button",onClick:t=>this.onShowMore(t,e)},o("yoo-icon",{size:"small",name:"more"}),o("div",{ref:t=>e=t,class:"position-div"})))}renderUrlPreview(){return o("yoo-form-url",{class:"rounded",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!1,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,containImage:!1,showUrlLink:!1})}renderNotification(){var t,e,a,r,i,n;if(null===(a=null===(e=null===(t=this.message)||void 0===t?void 0:t.options)||void 0===e?void 0:e.notificationParams)||void 0===a?void 0:a.hidden)return;const p=!!(null===(n=null===(i=null===(r=this.message)||void 0===r?void 0:r.options)||void 0===i?void 0:i.notificationParams)||void 0===n?void 0:n.notificationTranslation);return o("div",{class:"notification-container"},o("div",{class:"avatar-container"},this.notificationAvatarUser&&o("yoo-avatar",{size:"small",user:this.notificationAvatarUser})),o("div",{class:"text-container"},p?c(this.message.options.notificationParams.notificationTranslation.key,this.message.options.notificationParams.notificationTranslation.keyParams):this.message.content))}renderDeleteCheckBox(){return this.message.readonly||x(this.message)?null:this.canDeleteMessage()?o("yoo-form-checkbox",{class:"btn-form-choice",value:this.message.selected}):o("div",{class:"empty-checkbox"})}renderInnerContainer(){return this.isGroup&&!this.message.isAlternate?[this.isFirst&&this.renderUserName(),o("div",{class:"group-message-container"},this.renderDeleteCheckBox(),this.renderUser(),this.renderMessageContent())]:[this.renderDeleteCheckBox(),this.renderMessageContent()]}render(){var t;return!this.shouldRender&&this.asyncRender?o(r,null):o(r,{class:Y(this.host)},o("div",{class:"message "+(this.message.isAlternate?"user-message":"other-message"),onClick:()=>this.onClickMessage()},this.isFirst&&this.renderTimeStamp(null===(t=this.message)||void 0===t?void 0:t.time),x(this.message)?this.renderNotification():this.renderInnerContainer()),this.hasStatus&&this.message.isAlternate&&!x(this.message)&&this.renderMessageStatus())}get host(){return i(this)}};U.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--background-message-content:var(--app-color);--border-message-content:none;--icon-total-width:54px;--message-container-padding-left:15%;--media-height:100%;--media-width:100vw;--media-max-width:75%;--user-message-color:var(--light-to-dark, #ffffff)}:host .media-loader-container{position:relative;background:var(--stable-alt, #d0d0d0)}:host .status-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:var(--spacing-08, 0.5rem)}:host .status-container .inner-icon-container{display:-ms-flexbox;display:flex;font-size:var(--font-size-18, 1.125rem)}:host .status-container .inner-icon-container .info-container{padding-right:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;max-width:100%;margin:0.0625rem 0.2rem}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(-0.625rem);transform:translateX(-0.625rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(-0.625rem);transform:translateX(-0.625rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .message .empty-checkbox{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);margin:var(--spacing-05-deprecated, 0.3125rem);-webkit-animation:slide-left 0.4s ease;animation:slide-left 0.4s ease}:host .message .notification-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);line-height:1.5;text-align:center}:host .message .notification-container .avatar-container{padding-right:var(--spacing-04, 0.25rem)}:host .message yoo-form-checkbox{-webkit-animation:slide-left 0.4s ease;animation:slide-left 0.4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .message yoo-context-menu{width:100%}:host .message .message-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:end;align-self:flex-end;max-width:var(--media-max-width);padding:0.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;border:var(--border-message-content);border-radius:1.25rem;cursor:pointer}:host .message .message-content .more-button{position:absolute;display:none}:host .message .message-content.has-more:hover.document .more-button{top:var(--spacing-16, 1rem)}:host .message .message-content.has-more:hover .more-button{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);z-index:100;display:block}:host .message .message-content.text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .message .message-content.img:not(.reply),:host .message .message-content.photo:not(.reply),:host .message .message-content.video:not(.reply),:host .message .message-content.audio:not(.reply),:host .message .message-content.document:not(.reply){padding:0;background-color:transparent !important}:host .message .message-content.document,:host .message .message-content.audio{width:100%}:host .message .message-content yoo-form-document{color:var(--dark, #000000)}:host .message .message-content yoo-img{--border-radius:var(--border-radius-08, 0.5rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host .message .message-content yoo-audio-player{margin:var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content yoo-audio-player:not(.transparent-dark):not(.transparent-light){background-color:var(--light-to-anthracite, #ffffff);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message .message-content yoo-audio-player.transparent-light{--slider-color:var(--light, #ffffff);--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content yoo-audio-player.transparent-dark{--slider-color:var(--app-color);--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000);--slider-trail-color:var(--stable-alt, #d0d0d0);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content yoo-videoplayer-core{--poster-size:cover}:host .message .message-content .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}:host .message .message-content .image-container yoo-videoplayer-core{width:var(--media-width);height:var(--media-height);-o-object-fit:cover;object-fit:cover}:host .message .message-content .image-container yoo-img,:host .message .message-content .image-container yoo-videoplayer-core{overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);--img-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content .image-container yoo-img span svg{width:var(--media-width);height:var(--media-height)}:host .message .message-content .image-container yoo-tag{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-04, 0.25rem);z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message .message-content .text{pointer-events:initial}:host .message .message-content .text a span,:host .message .message-content .text.mention span{display:inline-block;word-break:break-word}:host .message .message-content .text a yoo-mention-tag,:host .message .message-content .text.mention yoo-mention-tag{text-decoration:underline}:host .message .message-content .text a{color:var(--light-to-dark, #ffffff)}:host .message .message-content.reply{padding:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content.reply .image-container{-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-04, 0.25rem);background-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content.reply yoo-form-document{--outer-container-padding:0rem}:host .message .message-content.reply yoo-form-url{margin-top:var(--spacing-04, 0.25rem)}:host .message .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;margin:0.2rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap}:host .message .info-container yoo-avatar{margin-right:0.3rem}:host .message .info-container.center{-ms-flex-pack:center;justify-content:center}:host .message.user-message .message-content{max-width:var(--media-max-width);margin-left:auto;color:var(--user-message-color);word-wrap:break-word;background:var(--background-message-content);border-top-right-radius:5px;border-bottom-right-radius:5px}:host .message.user-message .message-content.has-more:hover.document .more-button{top:var(--spacing-08, 0.5rem)}:host .message.user-message .message-content.has-more:hover .more-button{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);left:auto;z-index:100;display:block}:host .message.user-message .message-content .position-div{position:absolute;left:-10rem;z-index:-1}:host .message.user-message .message-content.last:not(.reply){border-bottom-right-radius:1.25rem}:host .message.user-message .message-content.first:not(.reply){border-top-right-radius:1.25rem}:host .message.user-message .message-content .text.mention yoo-mention-tag{color:var(--light-to-dark, #ffffff)}:host .message.user-message .info-container{margin-left:auto}:host .message.other-message .message-content{-ms-flex-item-align:start;align-self:flex-start;margin-right:auto;background:var(--stable-light-to-light-10, #f1f1f1);border-top-left-radius:5px;border-bottom-left-radius:5px}:host .message.other-message .message-content .image-container{-ms-flex-pack:start;justify-content:flex-start}:host .message.other-message .message-content .image-container yoo-tag{right:initial;left:var(--spacing-08, 0.5rem)}:host .message.other-message .message-content.last:not(.reply){border-bottom-left-radius:1.25rem}:host .message.other-message .message-content.first:not(.reply){border-top-left-radius:1.25rem}:host .message .username{display:-ms-flexbox;display:flex;width:100%;padding-bottom:3px;padding-left:var(--icon-total-width);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);text-align:left}:host .message .group-message-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;width:100%;margin-bottom:var(--spacing-16, 1rem);padding-right:var(--message-container-padding-left)}:host .message .group-message-container .user-container{min-width:3.375rem}:host .message .group-message-container .user-container .empty-user{width:2rem;height:2rem;background:var(--dark-10, rgba(0, 0, 0, 0.1));border-radius:50%}:host .message .group-message-container .message-content.next-img{border-radius:1.25rem}:host(.choice) .message.user-message{float:right;max-width:77%}:host(.choice) .message.user-message .message-content{-ms-flex-item-align:end;align-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:var(--spacing-16, 1rem)}:host(.choice.selected) .message-content{position:relative;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background;transition-property:color, background;-webkit-animation-name:scale-up, scale-down;animation-name:scale-up, scale-down;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:0.1s, 0.25s;animation-delay:0.1s, 0.25s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}:host(.web) .message .username{cursor:pointer}:host(.web) .message .group-message-container .user-container yoo-avatar{cursor:pointer}:host([animation=loading]){--loading-dot-color:var(--text-color, #807f83);--loading-dot-duration:0.6s;--loading-dot-size:0.5rem;--loading-dot-spacing:1rem;--loading-dot-start:0.2s;--loading-dot-step:0.1s;--loading-text-duration:0.3s;--loading-text-start:0.8s}:host([animation=loading]) .message-content{position:relative}:host([animation=loading]) .message-content .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .dot,:host([animation=loading]) .message-content .dot::before,:host([animation=loading]) .message-content .dot::after{width:var(--loading-dot-size);height:var(--loading-dot-size);background:var(--loading-dot-color);border-radius:50%;opacity:0;-webkit-animation-name:fade-in, fade-out;animation-name:fade-in, fade-out;-webkit-animation-duration:calc(var(--loading-dot-duration) / 2);animation-duration:calc(var(--loading-dot-duration) / 2);-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine)}:host([animation=loading]) .message-content .dot::before,:host([animation=loading]) .message-content .dot::after{position:absolute;top:0;display:inline-block;content:""}:host([animation=loading]) .message-content .dot::before{right:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .dot::after{left:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .text{opacity:0;-webkit-animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';const A=class{constructor(a){t(this,a),this.dismissReplyClicked=e(this,"dismissReplyClicked",7),this.repliedMessageClicked=e(this,"repliedMessageClicked",7),this.mode="input-bar"}componentWillLoad(){if(this.message.type===n.texturlpreview){const{links:t}=M(this.message.content);t.length>0&&(this.linkPreviews=t.map((t=>({url:t}))))}}getMediaIcon(t){let e;switch(t){case"photo":e="image";break;case"video":e="play";break;case"audio":e="microphone";break;case"document":e="file-pdf";break;case"texturlpreview":e="link"}return e}isMessageTypeMedia(t){return u(t)||"document"===t||"texturlpreview"===t}onCloseClicked(){this.outerContainerElement.classList.add("dismiss"),setTimeout((()=>{this.dismissReplyClicked.emit()}),200)}onMessagePreviewClicked(t){null==t||t.stopPropagation(),"sent"===this.mode&&this.repliedMessageClicked.emit(this.message.timetoken)}renderMessageContent(){return o("div",{class:"message-content"},!this.isMessageTypeMedia(this.message.type)&&this.message.content&&o("yoo-truncate",{content:"input-bar"===this.mode?null:this.message.content},"input-bar"===this.mode?this.message.content:null),this.isMessageTypeMedia(this.message.type)&&this.renderMediaDisplay())}renderMediaDisplay(){var t,e,a,r,i,n;return o("div",{class:{"media-display":!0,[this.message.type]:!0}},o("yoo-icon",{name:this.getMediaIcon(this.message.type),color:"sent"===this.mode?"royal":"stable",size:"small"}),("photo"===this.message.type||"video"===this.message.type)&&c(null===(t=this.message.type)||void 0===t?void 0:t.toUpperCase()),"audio"===this.message.type&&q.timer.transform(Math.round(null===(a=null===(e=this.message)||void 0===e?void 0:e.options)||void 0===a?void 0:a.duration)).substr(3),"document"===this.message.type&&o("yoo-truncate",null,null===(i=null===(r=this.message)||void 0===r?void 0:r.payload)||void 0===i?void 0:i._filename),"texturlpreview"===this.message.type&&o("yoo-truncate",null,o("yoo-text",{content:null===(n=this.message)||void 0===n?void 0:n.content,extraConversion:[t=>P(g(t),!1,"app-color")]})))}renderMediaPreview(){var t,e;return o("div",{class:"media-container"},"photo"===this.message.type&&(null===(t=this.message)||void 0===t?void 0:t.payload)&&o("yoo-img",{src:this.message.payload}),"video"===this.message.type&&(null===(e=this.message)||void 0===e?void 0:e.payload)&&this.renderVideoPreview(),"texturlpreview"===this.message.type&&this.renderUrlPreview())}renderUrlPreview(){return o("yoo-form-url",{class:"extra-small",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!1,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,containImage:!1,showUrlLink:!1,showUrlLabel:!1})}renderVideoPreview(){let t=this.message.payload;return m(t)&&(t=URL.createObjectURL(t)),o("yoo-videoplayer-core",{class:{round:"sent"===this.mode},blockControlAndAutoPlayOnTap:!0,readonly:!0,videoPlayerCoreParameters:{controls:!1,cover:!0,preload:"auto",preventAutoResume:!0,source:t,extraClass:"input-bar"===this.mode?"hide-overlay":null,iconSize:"small"}})}render(){return o(r,{class:{[this.mode]:!0}},o("div",{class:"outer-container",ref:t=>this.outerContainerElement=t,onClick:t=>this.onMessagePreviewClicked(t)},o("div",{class:"content-container"},o("div",{class:"user-container"},o("yoo-avatar",{size:"extra-small",user:this.message.author}),this.message.isAlternate?c("YOOBICME"):j(this.message.author)),this.renderMessageContent()),this.isMessageTypeMedia(this.message.type)&&this.renderMediaPreview(),"input-bar"===this.mode&&o("div",{class:"close-container"},o("yoo-icon",{color:"app-color",name:"cross",onClick:()=>this.onCloseClicked()}))))}};A.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}@-webkit-keyframes show{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}@keyframes hide{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}:host .outer-container{display:-ms-flexbox;display:flex;width:100%;padding:0 0 0 var(--spacing-12-deprecated, 0.75rem);font-size:var(--font-size-12, 0.75rem);background-color:var(--stable-light, #f1f1f1);border-left:0.25rem solid var(--app-color);-webkit-animation:show 0.2s ease;animation:show 0.2s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}:host .outer-container .content-container .user-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .user-container yoo-avatar{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .message-content .media-display{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .message-content .media-display yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .media-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:2rem;padding-left:var(--spacing-04, 0.25rem)}:host .outer-container .media-container yoo-img{width:2rem;height:2rem}:host .outer-container .close-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:3.375rem;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-12-deprecated, 0.75rem)}:host .outer-container.dismiss{-webkit-animation:hide 0.2s ease;animation:hide 0.2s ease}:host(.input-bar) .outer-container{height:3.125rem}:host(.input-bar) .outer-container .media-container yoo-videoplayer-core{max-height:2.125rem}:host(.sent){display:-ms-flexbox;display:flex;background:var(--light-80, rgba(255, 255, 255, 0.8));border-radius:var(--border-radius-08, 0.5rem)}:host(.sent) .outer-container{height:auto;margin:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000);background:none}:host(.sent) .outer-container .content-container .message-content .media-display.texturlpreview yoo-mention-tag{overflow-wrap:anywhere}";const T=class{constructor(e){t(this,e)}async componentWillLoad(){await this.sanitizeContent(this.content)}async onContentChanged(t){await this.sanitizeContent(t)}async sanitizeContent(t){var e;this.safeContent=await I(t||"")||t,(null===(e=this.extraConversion)||void 0===e?void 0:e.length)>0&&this.extraConversion.forEach((t=>{f(t)&&(this.safeContent=t(this.safeContent))}))}render(){return o(r,{class:Y(this.host)},o("span",{innerHTML:this.safeContent||this.content}))}get host(){return i(this)}static get watchers(){return{content:["onContentChanged"]}}};export{U as yoo_chat_message,A as yoo_chat_message_preview,T as yoo_text}
+import{r as t,c as e,f as a,h as o,H as r,g as i}from"./p-c26cc6ff.js";import{M as n}from"./p-4d956bd4.js";import{a3 as p,b as s,j as l,c3 as d,t as c,r as m,a2 as b,i as h,Y as g,as as f}from"./p-a966475f.js";import{a as y,c as v,i as x,d as u}from"./p-52b2bcbf.js";import{c as w,b as k,a as z}from"./p-9229f5bb.js";import{r as C,g as j}from"./p-9430559f.js";import{p as q}from"./p-cf2b3a56.js";import{a as M,r as P}from"./p-8c8163b6.js";import"./p-b5241164.js";import{f as Y,u as I}from"./p-33b2d3a2.js";import{d as L}from"./p-2a56c2b1.js";import"./p-e37ba040.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-0bb947fc.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";import"./p-bd19a341.js";const U=class{constructor(a){t(this,a),this.clicked=e(this,"clicked",7),this.conferenceMessageClicked=e(this,"conferenceMessageClicked",7),this.presshold=e(this,"presshold",7),this.messageClick=e(this,"messageClick",7),this.mediaChatClicked=e(this,"mediaChatClicked",7),this.avatarClicked=e(this,"avatarClicked",7),this.usernameClicked=e(this,"usernameClicked",7),this.repliedMessageClicked=e(this,"repliedMessageClicked",7),this.hasOptions=!1,this.hasStatus=!1,this.isVisible=!1,this.shouldRender=!1,this.lockAssignPress=!1}async initMessage(){return this.shouldRender=!0,a(this.host),new Promise((t=>{this.readyRender=t}))}async renderContent(){return this.isVisible=!0,a(this.host),new Promise((t=>{this.readyMessage=t}))}get photoElement(){var t,e;return null===(e=null===(t=this.host)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("yoo-img")}get videoElement(){var t,e;return null===(e=null===(t=this.host)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("yoo-videoplayer-core")}get isConferenceMessage(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)===n.conference}get isDocument(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)===n.document}get mediaUrl(){var t;return(null===(t=this.message)||void 0===t?void 0:t.payload)&&("string"==typeof this.message.payload?this.message.payload:this.message.payload[0]||this.message.payload._downloadURL)}get isVisualMedia(){var t;return(null===(t=this.message)||void 0===t?void 0:t.type)&&this.message.type===n.photo||this.message.type===n.video}get isReplyMessage(){var t,e;return null!==(null===(t=this.message)||void 0===t?void 0:t.replyMessage)&&void 0!==(null===(e=this.message)||void 0===e?void 0:e.replyMessage)}get notificationAvatarUser(){return this.message.options&&this.message.options.notificationParams&&this.message.options.notificationParams.notificationAvatar?this.message.options.notificationParams.notificationAvatar:null}componentWillLoad(){if(p(this.imageWidthRatio)&&(this.imageWidthRatio=s(this.host)?.35:.75),this.message.type===n.texturlpreview){const{links:t}=M(this.message.content);t.length>0&&(this.linkPreviews=t.map((t=>({url:t}))))}}componentDidLoad(){var t;this.contentWidth=this.containerWidth||(null===(t=this.host.parentElement)||void 0===t?void 0:t.clientWidth),this.resizeListener=L((()=>a(this)),250).bind(this),window.addEventListener("resize",this.resizeListener),this.asyncRender||this.assignPressActions()}componentDidUpdate(){this.isVisible&&this.readyMessage(),this.shouldRender&&(this.readyRender(),this.assignPressActions())}assignPressActions(){if(this.containerElement&&!this.lockAssignPress){let t,e;this.lockAssignPress=!0;const a=h()?"touchstart":"mousedown",o=h()?"touchend":"mouseup",r=(h()?"touch":"mouse")+"move",i=a=>{null==a||a.stopPropagation(),e=setTimeout((()=>{var e;!t&&this.presshold.emit({message:this.message,content:null===(e=this.yooTextEl)||void 0===e?void 0:e.innerText})}),1e3)},n=e=>{e&&(e.stopPropagation(),t=!0)},p=()=>{clearTimeout(e),t=!1};this.containerElement.addEventListener(a,(t=>i(t)),{passive:!0}),this.containerElement.addEventListener(r,(t=>n(t)),{passive:!0}),this.containerElement.addEventListener(o,(()=>p()),{passive:!0})}}calculatePreviewMediaBounds(t){let{width:e,height:a}=t||{};e||(e=230),a||(a=180);const o=e/a,r=e>=a,i=this.contentWidth*(r?.55:.35),n=e>i?i:e,p=n>350?r?350:227.5:n,s=p/o;return{width:`${p>i?i:p}px`,height:`${s>i/o?i/o:s}px`,maxHeight:i/o+"px",maxWidth:`${i}px`}}onHasMentions(){return this.message&&this.message.mentions&&this.message.mentions.length>0}canDeleteMessage(){var t,e;return(null===(e=null===(t=this.message)||void 0===t?void 0:t.author)||void 0===e?void 0:e._id)===l().userId||this.forceDelete}onClickMessage(){var t,e;this.message&&(this.message.readonly||(null===(e=null===(t=this.message)||void 0===t?void 0:t.author)||void 0===e?void 0:e._id)!==l().userId&&!this.forceDelete||(this.message.selected=!this.message.selected,this.clicked.emit(this.message.selected)),this.isConferenceMessage&&this.message.content&&this.conferenceMessageClicked.emit(this.message.content),this.messageClick.emit(this.message.content))}onClickMessageContent(t){this.message.readonly&&(this.mediaChatClicked.emit(this.message),t.stopPropagation())}onStatusClicked(t){this.preventDetailView||(t.stopPropagation(),d(this.message,this.allUsers,this.isGroup,this.receivedByOthers))}onShowMore(t,e){var a;t.stopPropagation(),this.presshold.emit({message:this.message,content:null===(a=this.yooTextEl)||void 0===a?void 0:a.innerText,host:e}),e=null}renderConferenceMessage(){return o("div",{class:"conference-message-container"},o("yoo-icon",{name:"play"}," "),this.message&&this.message.content)}renderUser(){return o("div",{class:"user-container"},this.message.author?(this.isLast&&this.isFirst||this.isLast&&!this.isFirst)&&o("yoo-avatar",{onClick:()=>this.avatarClicked.emit(this.message.author),size:"medium",user:this.message.author}):o("div",{class:"empty-user"}))}renderTimeStamp(t){return t>=0&&o("div",{class:"info-container center"},o("span",null,q.timeAgo.transform(this.message.time)))}renderUserName(){return this.message.author&&this.message.author.firstName&&this.message.author.lastName?[o("div",{class:{username:!0},onClick:()=>this.usernameClicked.emit(this.message.author)},`${this.message.author.firstName} ${this.message.author.lastName}`)]:o("div",{class:{username:!0}},c("USERDEACTIVATED"))}renderVideoOnChat(){var t;let e=this.message.payload;m(e)&&(e=URL.createObjectURL(e));const a=this.calculatePreviewMediaBounds(null===(t=this.message.options)||void 0===t?void 0:t.dimensionData);return o("div",{class:"image-container",style:a},this.isVisible||!this.asyncRender?o("yoo-videoplayer-core",{class:"round",style:a,blockControlAndAutoPlayOnTap:!0,readonly:!0,videoPlayerCoreParameters:{controls:!1,cover:!0,preload:this.preventVideoPreloading?"none":"auto",preventAutoResume:!0,source:e},onClick:t=>this.onClickMessageContent(t)}):this.renderMediaLoader())}renderMediaLoader(){var t;const e=this.calculatePreviewMediaBounds(null===(t=this.message.options)||void 0===t?void 0:t.dimensionData);return o("span",{class:"media-loader-container",style:e},o("yoo-loader",{class:"absolute backdrop"}))}renderImageOnChat(t,e){var a;const r=this.calculatePreviewMediaBounds(null===(a=this.message.options)||void 0===a?void 0:a.dimensionData);return o("div",{class:"image-container",style:r},this.isVisible||!this.asyncRender?o("yoo-img",{style:r,onClick:t=>this.onClickMessageContent(t),src:t,instant:!0,ignoreHeight:!0}):this.renderMediaLoader(),b(e)&&o("yoo-tag",{icon:"pen",size:"small",color:"dark-40",iconOnlyColor:"light"}))}renderInnerMessage(){var t;return o("yoo-text",{ref:t=>this.yooTextEl=t,content:null===(t=this.message)||void 0===t?void 0:t.content,extraConversion:[t=>P(g(t),!1,this.message.isAlternate?"light":"app-color"),t=>this.onHasMentions()?C(t,this.message.mentions,!1):t]})}renderAudioOnChat(t){return o("yoo-audio-player",{class:{"transparent-light":this.isReplyMessage&&this.message.isAlternate,"transparent-dark":this.isReplyMessage&&!this.message.isAlternate},boost:100,src:t})}renderDocument(t){return o("yoo-form-document",{class:{"transparent-light":this.isReplyMessage&&this.message.isAlternate,"transparent-dark":this.isReplyMessage&&!this.message.isAlternate},document:t,showActionSheet:h()&&w(t),readonly:!0})}renderRichContentMessage(t,e){var a,o;return this.isDocument?this.renderDocument(this.message.payload):k(t)||e===n.audio?this.renderAudioOnChat(t):z(t)||!h()&&t&&t.startsWith&&t.startsWith("blob:")?this.renderVideoOnChat():this.renderImageOnChat(t,null===(o=null===(a=this.message)||void 0===a?void 0:a.options)||void 0===o?void 0:o.annotationData)}renderText(){return["loading"===this.animation&&o("span",{class:"dot"}),o("span",{class:{text:!0,mention:this.onHasMentions()}},this.isConferenceMessage&&!h()?this.renderConferenceMessage():this.renderInnerMessage())]}renderMessageStatus(){var t,e;const a=null===(e=null===(t=this.message)||void 0===t?void 0:t.options)||void 0===e?void 0:e.sentButNotPropagated;return o("div",{class:"status-container"},o("div",{class:"inner-icon-container",onClick:t=>{this.onStatusClicked(t)}},this.renderTimeStamp(this.message.timetoken),o("yoo-icon",{color:a||!this.receivedByOthers?"stable":"app-color",name:a?"tick":"double-tick",size:"small"})))}renderReplyMessage(){return o("yoo-chat-message-preview",{onRepliedMessageClicked:t=>{t.stopPropagation(),this.repliedMessageClicked.emit(t.detail)},mode:"sent",message:this.message.replyMessage})}renderMessageContent(){var t;let e;return o("div",{ref:t=>this.containerElement=t,class:{"message-content":!0,first:this.isFirst,last:this.isLast,img:y(this.message),"next-img":this.isNextImage,"has-more":this.hasOptions,[v(this.message)]:!0,reply:this.isReplyMessage}},this.message.replyMessage&&this.renderReplyMessage(),(null===(t=this.linkPreviews)||void 0===t?void 0:t.length)>0&&this.renderUrlPreview(),this.message.options&&this.message.options.isLoading&&!this.message.options.hideLoading?o("yoo-loader",{class:"absolute backdrop-transparent"}):this.renderText(),y(this.message)&&this.renderRichContentMessage(this.message.payload,this.message.type),this.hasOptions&&o("yoo-button",{shape:"square",class:"more-button",onClick:t=>this.onShowMore(t,e)},o("yoo-icon",{size:"small",name:"more"}),o("div",{ref:t=>e=t,class:"position-div"})))}renderUrlPreview(){return o("yoo-form-url",{class:"rounded",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!1,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,containImage:!1,showUrlLink:!1})}renderNotification(){var t,e,a,r,i,n;if(null===(a=null===(e=null===(t=this.message)||void 0===t?void 0:t.options)||void 0===e?void 0:e.notificationParams)||void 0===a?void 0:a.hidden)return;const p=!!(null===(n=null===(i=null===(r=this.message)||void 0===r?void 0:r.options)||void 0===i?void 0:i.notificationParams)||void 0===n?void 0:n.notificationTranslation);return o("div",{class:"notification-container"},o("div",{class:"avatar-container"},this.notificationAvatarUser&&o("yoo-avatar",{size:"small",user:this.notificationAvatarUser})),o("div",{class:"text-container"},p?c(this.message.options.notificationParams.notificationTranslation.key,this.message.options.notificationParams.notificationTranslation.keyParams):this.message.content))}renderDeleteCheckBox(){return this.message.readonly||x(this.message)?null:this.canDeleteMessage()?o("yoo-form-checkbox",{class:"btn-form-choice",value:this.message.selected}):o("div",{class:"empty-checkbox"})}renderInnerContainer(){return this.isGroup&&!this.message.isAlternate?[this.isFirst&&this.renderUserName(),o("div",{class:"group-message-container"},this.renderDeleteCheckBox(),this.renderUser(),this.renderMessageContent())]:[this.renderDeleteCheckBox(),this.renderMessageContent()]}render(){var t;return!this.shouldRender&&this.asyncRender?o(r,null):o(r,{class:Y(this.host)},o("div",{class:"message "+(this.message.isAlternate?"user-message":"other-message"),onClick:()=>this.onClickMessage()},this.isFirst&&this.renderTimeStamp(null===(t=this.message)||void 0===t?void 0:t.time),x(this.message)?this.renderNotification():this.renderInnerContainer()),this.hasStatus&&this.message.isAlternate&&!x(this.message)&&this.renderMessageStatus())}get host(){return i(this)}};U.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--background-message-content:var(--app-color);--border-message-content:none;--icon-total-width:54px;--message-container-padding-left:15%;--media-height:100%;--media-width:100vw;--media-max-width:75%;--user-message-color:var(--light-to-dark, #ffffff)}:host .media-loader-container{position:relative;background:var(--stable-alt, #d0d0d0)}:host .status-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:var(--spacing-08, 0.5rem)}:host .status-container .inner-icon-container{display:-ms-flexbox;display:flex;font-size:var(--font-size-18, 1.125rem)}:host .status-container .inner-icon-container .info-container{padding-right:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;max-width:100%;margin:0.0625rem 0.2rem}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(-0.625rem);transform:translateX(-0.625rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(-0.625rem);transform:translateX(-0.625rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .message .empty-checkbox{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);margin:var(--spacing-05-deprecated, 0.3125rem);-webkit-animation:slide-left 0.4s ease;animation:slide-left 0.4s ease}:host .message .notification-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);line-height:1.5;text-align:center}:host .message .notification-container .avatar-container{padding-right:var(--spacing-04, 0.25rem)}:host .message yoo-form-checkbox{-webkit-animation:slide-left 0.4s ease;animation:slide-left 0.4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .message yoo-context-menu{width:100%}:host .message .message-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:end;align-self:flex-end;max-width:var(--media-max-width);padding:0.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;border:var(--border-message-content);border-radius:1.25rem;cursor:pointer}:host .message .message-content .more-button{position:absolute;display:none}:host .message .message-content.has-more:hover.document .more-button{top:var(--spacing-16, 1rem)}:host .message .message-content.has-more:hover .more-button{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);z-index:100;display:block}:host .message .message-content.text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .message .message-content.img:not(.reply),:host .message .message-content.photo:not(.reply),:host .message .message-content.video:not(.reply),:host .message .message-content.audio:not(.reply),:host .message .message-content.document:not(.reply){padding:0;background-color:transparent !important}:host .message .message-content.document,:host .message .message-content.audio{width:100%}:host .message .message-content yoo-form-document{color:var(--dark, #000000)}:host .message .message-content yoo-img{--border-radius:var(--border-radius-08, 0.5rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host .message .message-content yoo-audio-player{margin:var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content yoo-audio-player:not(.transparent-dark):not(.transparent-light){background-color:var(--light-to-anthracite, #ffffff);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message .message-content yoo-audio-player.transparent-light{--slider-color:var(--light, #ffffff);--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content yoo-audio-player.transparent-dark{--slider-color:var(--app-color);--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000);--slider-trail-color:var(--stable-alt, #d0d0d0);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content yoo-videoplayer-core{--poster-size:cover}:host .message .message-content .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}:host .message .message-content .image-container yoo-videoplayer-core{width:var(--media-width);height:var(--media-height);-o-object-fit:cover;object-fit:cover}:host .message .message-content .image-container yoo-img,:host .message .message-content .image-container yoo-videoplayer-core{overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);--img-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content .image-container yoo-img span svg{width:var(--media-width);height:var(--media-height)}:host .message .message-content .image-container yoo-tag{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-04, 0.25rem);z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message .message-content .text{pointer-events:initial}:host .message .message-content .text a span,:host .message .message-content .text.mention span{display:inline-block;word-break:break-word}:host .message .message-content .text a yoo-mention-tag,:host .message .message-content .text.mention yoo-mention-tag{text-decoration:underline}:host .message .message-content .text a{color:var(--light-to-dark, #ffffff)}:host .message .message-content.reply{padding:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .message .message-content.reply .image-container{-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-04, 0.25rem);background-color:transparent;-webkit-box-shadow:none;box-shadow:none}:host .message .message-content.reply yoo-form-document{--outer-container-padding:0rem}:host .message .message-content.reply yoo-form-url{margin-top:var(--spacing-04, 0.25rem)}:host .message .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;margin:0.2rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap}:host .message .info-container yoo-avatar{margin-right:0.3rem}:host .message .info-container.center{-ms-flex-pack:center;justify-content:center}:host .message.user-message .message-content{max-width:var(--media-max-width);margin-left:auto;color:var(--user-message-color);word-wrap:break-word;background:var(--background-message-content);border-top-right-radius:5px;border-bottom-right-radius:5px}:host .message.user-message .message-content.has-more:hover.document .more-button{top:var(--spacing-08, 0.5rem)}:host .message.user-message .message-content.has-more:hover .more-button{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);left:auto;z-index:100;display:block}:host .message.user-message .message-content .position-div{position:absolute;left:-10rem;z-index:-1}:host .message.user-message .message-content.last:not(.reply){border-bottom-right-radius:1.25rem}:host .message.user-message .message-content.first:not(.reply){border-top-right-radius:1.25rem}:host .message.user-message .message-content .text.mention yoo-mention-tag{color:var(--light-to-dark, #ffffff)}:host .message.user-message .info-container{margin-left:auto}:host .message.other-message .message-content{-ms-flex-item-align:start;align-self:flex-start;margin-right:auto;background:var(--stable-light-to-light-10, #f1f1f1);border-top-left-radius:5px;border-bottom-left-radius:5px}:host .message.other-message .message-content .image-container{-ms-flex-pack:start;justify-content:flex-start}:host .message.other-message .message-content .image-container yoo-tag{right:initial;left:var(--spacing-08, 0.5rem)}:host .message.other-message .message-content.last:not(.reply){border-bottom-left-radius:1.25rem}:host .message.other-message .message-content.first:not(.reply){border-top-left-radius:1.25rem}:host .message .username{display:-ms-flexbox;display:flex;width:100%;padding-bottom:3px;padding-left:var(--icon-total-width);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);text-align:left}:host .message .group-message-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;width:100%;margin-bottom:var(--spacing-16, 1rem);padding-right:var(--message-container-padding-left)}:host .message .group-message-container .user-container{min-width:3.375rem}:host .message .group-message-container .user-container .empty-user{width:2rem;height:2rem;background:var(--dark-10, rgba(0, 0, 0, 0.1));border-radius:50%}:host .message .group-message-container .message-content.next-img{border-radius:1.25rem}:host(.choice) .message.user-message{float:right;max-width:77%}:host(.choice) .message.user-message .message-content{-ms-flex-item-align:end;align-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:var(--spacing-16, 1rem)}:host(.choice.selected) .message-content{position:relative;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background;transition-property:color, background;-webkit-animation-name:scale-up, scale-down;animation-name:scale-up, scale-down;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:0.1s, 0.25s;animation-delay:0.1s, 0.25s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}:host(.web) .message .username{cursor:pointer}:host(.web) .message .group-message-container .user-container yoo-avatar{cursor:pointer}:host([animation=loading]){--loading-dot-color:var(--text-color, #807f83);--loading-dot-duration:0.6s;--loading-dot-size:0.5rem;--loading-dot-spacing:1rem;--loading-dot-start:0.2s;--loading-dot-step:0.1s;--loading-text-duration:0.3s;--loading-text-start:0.8s}:host([animation=loading]) .message-content{position:relative}:host([animation=loading]) .message-content .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .dot,:host([animation=loading]) .message-content .dot::before,:host([animation=loading]) .message-content .dot::after{width:var(--loading-dot-size);height:var(--loading-dot-size);background:var(--loading-dot-color);border-radius:50%;opacity:0;-webkit-animation-name:fade-in, fade-out;animation-name:fade-in, fade-out;-webkit-animation-duration:calc(var(--loading-dot-duration) / 2);animation-duration:calc(var(--loading-dot-duration) / 2);-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine)}:host([animation=loading]) .message-content .dot::before,:host([animation=loading]) .message-content .dot::after{position:absolute;top:0;display:inline-block;content:""}:host([animation=loading]) .message-content .dot::before{right:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .dot::after{left:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message-content .text{opacity:0;-webkit-animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';const A=class{constructor(a){t(this,a),this.dismissReplyClicked=e(this,"dismissReplyClicked",7),this.repliedMessageClicked=e(this,"repliedMessageClicked",7),this.mode="input-bar"}componentWillLoad(){if(this.message.type===n.texturlpreview){const{links:t}=M(this.message.content);t.length>0&&(this.linkPreviews=t.map((t=>({url:t}))))}}getMediaIcon(t){let e;switch(t){case"photo":e="image";break;case"video":e="play";break;case"audio":e="microphone";break;case"document":e="file-pdf";break;case"texturlpreview":e="link"}return e}isMessageTypeMedia(t){return u(t)||"document"===t||"texturlpreview"===t}onCloseClicked(){this.outerContainerElement.classList.add("dismiss"),setTimeout((()=>{this.dismissReplyClicked.emit()}),200)}onMessagePreviewClicked(t){null==t||t.stopPropagation(),"sent"===this.mode&&this.repliedMessageClicked.emit(this.message.timetoken)}renderMessageContent(){return o("div",{class:"message-content"},!this.isMessageTypeMedia(this.message.type)&&this.message.content&&o("yoo-truncate",{content:"input-bar"===this.mode?null:this.message.content},"input-bar"===this.mode?this.message.content:null),this.isMessageTypeMedia(this.message.type)&&this.renderMediaDisplay())}renderMediaDisplay(){var t,e,a,r,i,n;return o("div",{class:{"media-display":!0,[this.message.type]:!0}},o("yoo-icon",{name:this.getMediaIcon(this.message.type),color:"sent"===this.mode?"royal":"stable",size:"small"}),("photo"===this.message.type||"video"===this.message.type)&&c(null===(t=this.message.type)||void 0===t?void 0:t.toUpperCase()),"audio"===this.message.type&&q.timer.transform(Math.round(null===(a=null===(e=this.message)||void 0===e?void 0:e.options)||void 0===a?void 0:a.duration)).substr(3),"document"===this.message.type&&o("yoo-truncate",null,null===(i=null===(r=this.message)||void 0===r?void 0:r.payload)||void 0===i?void 0:i._filename),"texturlpreview"===this.message.type&&o("yoo-truncate",null,o("yoo-text",{content:null===(n=this.message)||void 0===n?void 0:n.content,extraConversion:[t=>P(g(t),!1,"app-color")]})))}renderMediaPreview(){var t,e;return o("div",{class:"media-container"},"photo"===this.message.type&&(null===(t=this.message)||void 0===t?void 0:t.payload)&&o("yoo-img",{src:this.message.payload}),"video"===this.message.type&&(null===(e=this.message)||void 0===e?void 0:e.payload)&&this.renderVideoPreview(),"texturlpreview"===this.message.type&&this.renderUrlPreview())}renderUrlPreview(){return o("yoo-form-url",{class:"extra-small",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!1,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,containImage:!1,showUrlLink:!1,showUrlLabel:!1})}renderVideoPreview(){let t=this.message.payload;return m(t)&&(t=URL.createObjectURL(t)),o("yoo-videoplayer-core",{class:{round:"sent"===this.mode},blockControlAndAutoPlayOnTap:!0,readonly:!0,videoPlayerCoreParameters:{controls:!1,cover:!0,preload:"auto",preventAutoResume:!0,source:t,extraClass:"input-bar"===this.mode?"hide-overlay":null,iconSize:"small"}})}render(){return o(r,{class:{[this.mode]:!0}},o("div",{class:"outer-container",ref:t=>this.outerContainerElement=t,onClick:t=>this.onMessagePreviewClicked(t)},o("div",{class:"content-container"},o("div",{class:"user-container"},o("yoo-avatar",{size:"extra-small",user:this.message.author}),this.message.isAlternate?c("YOOBICME"):j(this.message.author)),this.renderMessageContent()),this.isMessageTypeMedia(this.message.type)&&this.renderMediaPreview(),"input-bar"===this.mode&&o("div",{class:"close-container"},o("yoo-icon",{color:"app-color",name:"cross",onClick:()=>this.onCloseClicked()}))))}};A.style=":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}@-webkit-keyframes show{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}@keyframes hide{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}}:host .outer-container{display:-ms-flexbox;display:flex;width:100%;padding:0 0 0 var(--spacing-12-deprecated, 0.75rem);font-size:var(--font-size-12, 0.75rem);background-color:var(--stable-light, #f1f1f1);border-left:0.25rem solid var(--app-color);-webkit-animation:show 0.2s ease;animation:show 0.2s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}:host .outer-container .content-container .user-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .user-container yoo-avatar{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .message-content .media-display{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .message-content .media-display yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .media-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:2rem;padding-left:var(--spacing-04, 0.25rem)}:host .outer-container .media-container yoo-img{width:2rem;height:2rem}:host .outer-container .close-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:3.375rem;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-12-deprecated, 0.75rem)}:host .outer-container.dismiss{-webkit-animation:hide 0.2s ease;animation:hide 0.2s ease}:host(.input-bar) .outer-container{height:3.125rem}:host(.input-bar) .outer-container .media-container yoo-videoplayer-core{max-height:2.125rem}:host(.sent){display:-ms-flexbox;display:flex;background:var(--light-80, rgba(255, 255, 255, 0.8));border-radius:var(--border-radius-08, 0.5rem)}:host(.sent) .outer-container{height:auto;margin:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000);background:none}:host(.sent) .outer-container .content-container .message-content .media-display.texturlpreview yoo-mention-tag{overflow-wrap:anywhere}";const T=class{constructor(e){t(this,e)}async componentWillLoad(){await this.sanitizeContent(this.content)}async onContentChanged(t){await this.sanitizeContent(t)}async sanitizeContent(t){var e;this.safeContent=await I(t||"")||t,(null===(e=this.extraConversion)||void 0===e?void 0:e.length)>0&&this.extraConversion.forEach((t=>{f(t)&&(this.safeContent=t(this.safeContent))}))}render(){return o(r,{class:Y(this.host)},o("span",{innerHTML:this.safeContent||this.content}))}get host(){return i(this)}static get watchers(){return{content:["onContentChanged"]}}};export{U as yoo_chat_message,A as yoo_chat_message_preview,T as yoo_text}