@cloudflare/realtimekit-ui 1.0.0-staging.5 → 1.0.0-staging.7

package/dist/realtimekit-ui/p-458dfb31.entry.js

@@ -1 +0,0 @@
-import{r as t,h as r,H as e,c as a,w as i,f as o,a as s,F as n}from"./p-533ecbf2.js";import{a as c,c as d,h as l,p as h,r as p,B as b,d as g,j as k,F as v,f,k as u,l as m,s as x}from"./p-0d9929ac.js";import{f as y,g as w,s as j,a as _,h as C}from"./p-338c7261.js";import{S as z}from"./p-0218a56b.js";import{d as R}from"./p-a08b5a59.js";import{h as O,g as P,T as S,i as $,d as D,e as M,s as U,p as T,M as L,f as A,j as E}from"./p-3e83ff84.js";import{d as I,f as q,e as N,C as G}from"./p-a7ec3e7f.js";import{s as Y}from"./p-0752f2ba.js";import{R as B}from"./p-1b0b0f2d.js";import{g as J,a as F,d as X}from"./p-9fc565cf.js";import{p as H,g as W,d as K}from"./p-faf1d40a.js";import{g as V}from"./p-96be234f.js";import{i as Q}from"./p-f47d4fe8.js";import{c as Z,o as tt,f as rt,s as et,a as at}from"./p-31964573.js";import{T as it}from"./p-db9371e5.js";import{R as ot}from"./p-3cf531c1.js";import"./p-2c3cda13.js";import"./p-46923b34.js";import"./p-5605a420.js";var st=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const nt=class{constructor(e){t(this,e),this.variant="circular",this.iconPack=c,this.t=d(),this.imageState="loading",this.getAvatar=()=>{var t;const e=y((null===(t=this.participant)||void 0===t?void 0:t.name)||"");let a;if(null!=this.participant&&"picture"in this.participant&&(a=this.participant.picture),a&&a.length>0&&"errored"!==this.imageState)return r("div",{class:"image-ctr"},"loading"===this.imageState&&r("rtk-spinner",{iconPack:this.iconPack}),r("img",{src:a,class:{loaded:"loaded"===this.imageState},loading:"lazy",title:e,onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored",part:"image"}));const i=w(e);return r("div",{class:"initials",title:e,part:"initials"},i)}}render(){return r(e,{key:"62ab06b7a747442ff9fb2b65d886dba0177dcc1c"},this.getAvatar(),r("slot",{key:"c076f0ccf24ffa9d1e42287a60c0afd9e27be439"}))}};st([z()],nt.prototype,"size",void 0),st([z()],nt.prototype,"iconPack",void 0),st([z()],nt.prototype,"t",void 0),nt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";var ct=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const dt=class{constructor(r){t(this,r),this.onParticipantsAdd=a(this,"participantsAdd",7),this.onParticipantDelete=a(this,"participantDelete",7),this.onRoomJoin=a(this,"roomJoin",7),this.deleteRoom=a(this,"delete",7),this.updateRoom=a(this,"update",7),this.allowDelete=!0,this.iconPack=c,this.t=d(),this.isDragMode=!1,this.defaultExpanded=!1,this.editingTitleRoomId=null,this.newTitle=null,this.showExpandedCard=!1,this.glowingCard=!1,this.permissionsUpdateListener=()=>{this.permissions=this.meeting.self.permissions.connectedMeetings},this.reset=()=>{this.editingTitleRoomId=null,this.newTitle=null},this.onEditClick=()=>{if(this.editingTitleRoomId){if(this.newTitle.length<3)return;this.roomTitle=this.newTitle,this.updateRoom.emit({title:this.newTitle,id:this.editingTitleRoomId}),this.glowCard(),this.reset()}else this.editingTitleRoomId=this.room.id,i((()=>{this.inputTextEl.focus(),this.inputTextEl.select()}))},this.onDrop=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.remove("drop-zone-active"),this.onAssign())},this.onDragOver=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.add("drop-zone-active"),t.preventDefault())}}connectedCallback(){var t;this.allParticipants=l(this.meeting),this.permissionsUpdateListener(),this.showExpandedCard=this.defaultExpanded,this.roomTitle=this.room.isParent?this.t("breakout_rooms.main_room"):null===(t=this.room)||void 0===t?void 0:t.title,this.canEditMeetingTitle=this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&!this.meeting.connectedMeetings.isActive,this.meeting.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener)}disconnectedCallback(){this.meeting.self.permissions.off("permissionsUpdate",this.permissionsUpdateListener)}onDragLeave(t){t.currentTarget instanceof HTMLParagraphElement&&t.currentTarget.classList.remove("drop-zone-active")}getAssignmentHint(){return this.assigningParticipants&&this.isDragMode?this.t("breakout_rooms.drag_drop_participants"):this.assigningParticipants?this.t("breakout_rooms.click_drop_participants"):0===this.room.participants.length?this.t("breakout_rooms.none_assigned"):void 0}toggleCardDisplay(){this.showExpandedCard=!this.showExpandedCard}glowCard(){this.glowingCard=!0,setTimeout((()=>{this.glowingCard=!1}),2e3)}onAssign(){this.onParticipantsAdd.emit(),this.glowCard()}onJoin(){this.onRoomJoin.emit()}onTitleChanged(t){"Enter"===t.key&&(this.newTitle=t.target.value,this.onEditClick())}renderPeer(t){const{displayPictureUrl:e}=this.allParticipants.find((r=>h(r)===h(t))),a=y(t.displayName||"");return r("div",{class:"peer-ui-container"},r("rtk-avatar",{participant:{name:a,picture:e},size:"sm"}),r("p",{class:"name",title:a},j(a,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}renderExpandedCardMaybe(){if(this.showExpandedCard&&!this.room.isParent&&this.getAssignmentHint()&&this.permissions.canAlterConnectedMeetings)return r("div",{class:"message-container"},r("p",{class:{"compact-height":0!==this.room.participants.length},onClick:()=>this.onAssign(),onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},this.getAssignmentHint()))}renderParticipantsMaybe(){if(this.showExpandedCard&&!this.room.isParent&&0!==this.room.participants.length)return r("div",{class:"participant-list",onClick:()=>{this.onAssign()}},this.room.participants.map((t=>r("div",{class:"participant-item",role:"listitem",key:t.id},this.renderPeer(t),this.permissions.canAlterConnectedMeetings&&r("rtk-icon",{class:"show-on-hover",icon:this.iconPack.dismiss,onClick:()=>{this.onParticipantDelete.emit(t)}})))))}render(){var t,a,i;return r(e,{key:"947ca9b82a497a0ce4274204dd7bcf9949d4e3c8"},r("div",{key:"cfd0a32bf1ad9db09edcf479e743292a064ff6e0",class:{"assign-mode":this.assigningParticipants,"selector-mode":!this.assigningParticipants,"glowing-card":this.glowingCard}},r("div",{key:"f96ef6dae36d6368d9651b1b7521b5281390a1c5",class:"header"},r("input",{key:"ec5862c36b2a8a23b1a7bd9530418af16d044102",ref:t=>this.inputTextEl=t,placeholder:this.t("breakout_rooms.room_name"),disabled:!(this.editingTitleRoomId===this.room.id),value:this.roomTitle,minlength:3,onChange:t=>{this.newTitle=t.target.value},onKeyPress:t=>this.onTitleChanged(t),class:{"editing-enabled":this.editingTitleRoomId===this.room.id},style:{width:`${this.roomTitle.length+1}ch`}}),this.editingTitleRoomId!==this.room.id&&r("span",{key:"b2abbce8a8b9dd49e2b72fbddd13b09763092aa4",class:"participant-count"},"(",r("rtk-icon",{key:"f2075dfaa059be92d5462a614e179449cf4bdf81",icon:this.iconPack.people}),null!==(i=null===(a=null===(t=this.room)||void 0===t?void 0:t.participants)||void 0===a?void 0:a.length)&&void 0!==i?i:"0",")"),this.canEditMeetingTitle&&r("rtk-tooltip",{key:"2a47492d1c1f24077ad1a861a19bec8a201cea74",label:this.t(this.editingTitleRoomId===this.room.id?"breakout_rooms.save_room_name":"breakout_rooms.edit_room_name")},r("rtk-icon",{key:"1211a94dd351b33443fe430f69801cff8bf15765",icon:this.editingTitleRoomId===this.room.id?this.iconPack.checkmark:this.iconPack.edit,class:"show-on-hover",onClick:this.onEditClick})),r("div",{key:"5430f371fad9022f4a9a4de2747914958ff1d846",class:"rooms-container"},this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&this.allowDelete&&r("rtk-tooltip",{key:"f807c8b6fabc2e85a9e9f023e7ac00ecd555861b",label:this.t("breakout_rooms.delete"),class:"danger"},r("rtk-icon",{key:"171ba25bd6d0b4b418d719f2eb4555ddc301ee2e",icon:this.iconPack.delete,class:"show-on-hover",onClick:()=>{this.deleteRoom.emit()}})),this.assigningParticipants&&this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&r("rtk-button",{key:"24c2023d3edeb75fdec77a145040741bbe6a90f8",kind:"button",variant:"ghost",class:"assign-button",size:"md",onClick:()=>this.onAssign()},this.t("breakout_rooms.assign")),"edit"===this.mode&&!this.assigningParticipants&&this.permissions.canSwitchConnectedMeetings&&r("rtk-button",{key:"d93e97a19162498f797e9e237105728907eb3b75",kind:"button",variant:"ghost",class:"assign-button",size:"md",disabled:this.room.id===this.meeting.meta.meetingId,onClick:()=>this.onJoin()},this.t(this.room.id===this.meeting.meta.meetingId?"joined":"join")),!this.room.isParent&&r("rtk-icon",{key:"c020a1e894c959580104255ab81c3772af16c862",icon:this.showExpandedCard?this.iconPack.chevron_up:this.iconPack.chevron_down,onClick:()=>this.toggleCardDisplay()}))),this.renderExpandedCardMaybe(),this.renderParticipantsMaybe()))}};ct([z()],dt.prototype,"meeting",void 0),ct([z()],dt.prototype,"states",void 0),ct([z()],dt.prototype,"iconPack",void 0),ct([z()],dt.prototype,"t",void 0),dt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var lt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ht=class{constructor(r){t(this,r),this.onSelectedParticipantsUpdate=a(this,"selectedParticipantsUpdate",7),this.onAllToggled=a(this,"allParticipantsToggleUpdate",7),this.onParticipantsDragging=a(this,"participantsDragging",7),this.participantIds=[],this.iconPack=c,this.t=d(),this.search="",this.participantsToShow=[],this.selectedParticipantIds=[],this.isDragging=!1,this.onSearchInput=t=>{this.search=t.target.value},this.onDragStart=t=>{this.isDragging=!0,this.onParticipantsDragging.emit(!0),this.updateSelectedParticipants(t,!0)},this.onDragEnd=t=>{this.isDragging=!1,this.onParticipantsDragging.emit(!1),this.updateSelectedParticipants(t,!1)},this.onClick=t=>{const r=this.selectedParticipantIds.includes(h(t));this.updateSelectedParticipants(t,!r)},this.onToggleAll=t=>{const r=t?this.participantsToShow.map(h):[];this.onAllToggled.emit(r)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){}updateSelectedParticipants(t,r){const e=h(t);let a=[];a=r&&!this.selectedParticipantIds.includes(e)?[...this.selectedParticipantIds,e]:[...this.selectedParticipantIds.filter((t=>t!==e))],this.onSelectedParticipantsUpdate.emit(a)}meetingChanged(t){null!=t&&this.getParticipants(this.search)}participantsChanged(){this.getParticipants(this.search)}searchChanged(t){this.getParticipants(t)}getParticipants(t){const r=l(this.meeting);this.participantsToShow=r.filter((r=>{var e;return this.participantIds.includes(h(r))&&(null!==(e=r.displayName)&&void 0!==e?e:"").toLowerCase().includes(t.toLowerCase())}))}renderPeer(t){const e=y(t.displayName||"");return r("div",{class:"peer-ui-container"},r("rtk-avatar",{participant:{name:t.displayName,picture:t.displayPictureUrl},size:"sm"}),r("p",{class:"name",title:e},j(e,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}render(){return r(e,{key:"f52879701d8a87899b877c28d53254b3bc56b299"},r("div",{key:"91d45e76f9f147c8ca30584bbb6c7816c189e0ce",class:"search-wrapper"},r("div",{key:"b4ae06fd6ce269008cdb4512590e5df8a39f5c9a",class:"search",part:"search"},r("rtk-icon",{key:"0018db4e3febb44ccef2b7891d13fb76e18573b6",icon:this.iconPack.search,part:"search-icon",class:"search-icon"}),r("input",{key:"61fddb7cde11b23976e7485c17f23d34d2f14379",type:"search",autocomplete:"off",placeholder:this.t("search"),onInput:this.onSearchInput,part:"search-input"})),r("slot",{key:"8b2bb46621a8f148e22e6ce34b4d2a47a3b3c707",name:"shuffle-button"})),r("div",{key:"9803b94e75d829ac1f95527b16ba7381807b630b",class:"header"},r("div",{key:"c1b21d875ec8cc2e0625f7e21191b78ffce9e4e3",class:"title-wrapper"},r("span",{key:"3f87be86358d89b288294cb09846a09f2182df11"},this.t("breakout_rooms.main_room")),r("span",{key:"f5a0d206f12479e064d20dc414532d88a24bd62e",class:"participant-count"},"(",r("rtk-icon",{key:"8c8302bd28b84dc72c98086905ae2416d5044216",icon:this.iconPack.people}),this.participantsToShow.length,")")),0!==this.selectedParticipantIds.length&&r("rtk-tooltip",{key:"a40167a7356b4c9d52cd795d5a2c8985a896a473",label:this.t("breakout_rooms.select_all")},r("input",{key:"754d9265dc605ecb460eddaa91f6673690a372c1",type:"checkbox",checked:this.selectedParticipantIds.length===this.participantsToShow.length,onChange:t=>this.onToggleAll(!!t.target.checked)}))),r("div",{key:"94373ef76a5ebd0fcf6d34fe34c0aa7ee1c38159",class:"ctr scrollbar",part:"container"},this.participantsToShow.length>0&&r("ul",{key:"5293af5ca10e9ccd031cfd4b43494a6b7d112084",class:"participants",part:"participants"},this.participantsToShow.map((t=>r("li",{class:{"participant-item":!0,dragging:this.isDragging},onClick:()=>this.onClick(t),onDragStart:()=>this.onDragStart(t),onDragEnd:()=>this.onDragEnd(t),draggable:0===this.selectedParticipantIds.length,role:"listitem",key:t.id},this.renderPeer(t),!this.isDragging&&r("input",{type:"checkbox",class:{"hide-checkbox":0===this.selectedParticipantIds.length},checked:this.selectedParticipantIds.includes(h(t))}))))),0===this.participantsToShow.length&&this.search.length>0&&r("div",{key:"2940a7bb997d27028dbafb8796dd9db3a55869d3",class:"empty-message"},this.t("participants.errors.empty_results")),0===this.participantsToShow.length&&0===this.search.length&&r("div",{key:"e3a7539e969f0f5369079bac5c01d6ad4a4fdb50",class:"empty-room"},r("rtk-icon",{key:"92b2b7022d9e2961e6ccfc9b721b8369d09bdbb9",icon:this.iconPack.people_checked,part:"search-icon",class:"search-icon"}),r("p",{key:"629b7fb160ec79432d5f7e1b3fd50972589cda7a"},this.t("breakout_rooms.all_assigned")),r("span",{key:"54c84669c543b7a12ee33e6aba25b30c271727b9"},this.t("breakout_rooms.empty_main_room")))))}static get watchers(){return{meeting:["meetingChanged"],participantIds:["participantsChanged"],search:["searchChanged"]}}};lt([z()],ht.prototype,"meeting",void 0),lt([z()],ht.prototype,"iconPack",void 0),lt([z()],ht.prototype,"t",void 0),ht.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var pt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const bt=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.loading=!1,this.roomConfig={rooms:2,step:"room-config",mode:"create",applyingChanges:!1},this.assigningParticipants=!1,this.selectedParticipants=[],this.ephemeralStatusText="",this.isDragMode=!1,this.iconPack=c,this.t=d(),this.permissionsUpdateListener=()=>{this.permissions=this.meeting.self.permissions.connectedMeetings},this.updateLocalState=t=>{this.stateManager.updateCurrentState(t),this.draftState=this.stateManager.currentState,this.meeting.connectedMeetings.isActive&&(this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{mode:"edit"})),"create"!==this.roomConfig.mode||this.meeting.connectedMeetings.isActive||p(),["edit","view"].includes(this.roomConfig.mode)&&(this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{rooms:t.meetings.length,step:"participants-config"}),this.selectedParticipants=[])},this.onAddNewRoom=()=>{this.stateManager.addNewMeeting(),this.draftState=this.stateManager.currentState,this.selectorRef.scrollTo({top:this.selectorRef.scrollHeight,behavior:"smooth"})},this.onRoomUpdate=t=>{const{detail:r}=t;this.stateManager.updateMeetingTitle(r.id,r.title),this.draftState=this.stateManager.currentState},this.onRoomDelete=t=>{this.stateManager.allConnectedMeetings.find((r=>r.id===t))&&(this.stateManager.deleteMeeting(t),this.draftState=this.stateManager.currentState)},this.unassignParticipant=t=>{this.stateManager.unassignParticipants([t]),this.draftState=this.stateManager.currentState},this.onUnassignAll=()=>{this.stateManager.unassignAllParticipants(),this.draftState=this.stateManager.currentState},this.assignParticipantsToRoom=t=>{0!==this.selectedParticipants.length&&0!=this.assigningParticipants&&(this.stateManager.assignParticipantsToMeeting(this.selectedParticipants,t),this.draftState=this.stateManager.currentState,this.selectedParticipants=[],this.assigningParticipants=!1,this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.participants_assigned")))},this.handleClose=(t,r)=>{t.emit({activeBreakoutRoomsManager:{active:!0}}),r.activeBreakoutRoomsManager={active:!0}},this.enableConfirmationModal=(t="start-breakout")=>{let r={active:!0,header:"breakout_rooms.confirm_modal.start_breakout.header",content:"breakout_rooms.confirm_modal.start_breakout.content",variant:"primary",cancelText:"breakout_rooms.confirm_modal.start_breakout.cancelText",ctaText:"breakout_rooms.confirm_modal.start_breakout.ctaText",onClick:()=>this.applyChanges(),onClose:this.handleClose};"close-breakout"===t&&(r={active:!0,header:"breakout_rooms.confirm_modal.close_breakout.header",content:"breakout_rooms.confirm_modal.close_breakout.content",variant:"danger",cancelText:"cancel",ctaText:"breakout_rooms.confirm_modal.close_breakout.ctaText",onClick:()=>this.closeBreakout(),onClose:this.handleClose}),this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!1},activeConfirmationModal:r})},this.close=()=>{this.stateManager.discardChanges(),this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!1}})},this.applyChanges=async()=>{this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{applyingChanges:!0}),await this.stateManager.applyChanges(this.meeting),this.close(),this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{applyingChanges:!1})}}onSelectedParticipantsChanged(t){this.assigningParticipants=t.length>0}connectedCallback(){this.permissionsUpdateListener(),this.meeting.connectedMeetings.on("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.on("changingMeeting",this.close),this.meeting.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener),this.stateManager=new b,this.fetchRoomState()}disconnectedCallback(){this.meeting.connectedMeetings.off("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.off("changingMeeting",this.close),this.meeting.self.permissions.off("permissionsUpdate",this.permissionsUpdateListener)}async fetchRoomState(){this.loading=!0,await this.meeting.connectedMeetings.getConnectedMeetings(),this.loading=!1}setEphemeralStatus(t){this.ephemeralStatusText=t,setTimeout((()=>{this.ephemeralStatusText=""}),3e3)}onCreateRooms(){this.selectedParticipants=[],this.stateManager.addNewMeetings(this.roomConfig.rooms),this.draftState=this.stateManager.currentState,this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{step:"participants-config"})}onParticipantDelete(t){const{detail:r}=t,e=h(r);null!=e&&this.unassignParticipant(e)}toggleDragMode(t){this.isDragMode=t.detail}assignParticipantsRandomly(){0!==this.stateManager.unassignedParticipants.length&&(this.stateManager.assignParticipantsRandomly(),this.draftState=this.stateManager.currentState,this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.participants_assigned_randomly")))}async joinRoom(t){const r=h(this.meeting.self);this.stateManager.assignParticipantsToMeeting([r],t),await this.applyChanges()}async closeBreakout(){this.stateManager.allConnectedMeetings.forEach((t=>this.stateManager.deleteMeeting(t.id))),await this.applyChanges()}updateSelectedParticipants(t){this.selectedParticipants=t.detail}updateAllParticipants(t){this.selectedParticipants=t.detail}getStatusText(){if(""!==this.ephemeralStatusText)return this.ephemeralStatusText;let t="";return"create"===this.roomConfig.mode&&(t=this.t("breakout_rooms.status.assign_multiple"),0!==this.selectedParticipants.length&&(t=this.t("breakout_rooms.status.select_room"))),t}getApproxDistribution(){return Math.max(1,Math.round(this.stateManager.unassignedParticipants.length/(this.roomConfig.rooms||1)))}deselectAll(){this.selectedParticipants=[]}async discardChanges(){this.stateManager.discardChanges(),await this.fetchRoomState(),this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.changes_discarded"))}shouldShowOnlyRoomSwitcher(){return!1===this.permissions.canAlterConnectedMeetings}getPermittedRooms(){return this.permissions.canAlterConnectedMeetings||this.permissions.canSwitchConnectedMeetings?this.stateManager.allConnectedMeetings:this.stateManager.allConnectedMeetings.filter((t=>t.id===this.meeting.meta.meetingId))}renderMainRoomMaybe(){return this.meeting.connectedMeetings.isActive&&this.permissions.canSwitchToParentMeeting?r("rtk-breakout-room-manager",{key:this.stateManager.currentState.parentMeeting.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,meeting:this.meeting,mode:this.roomConfig.mode,onParticipantsAdd:()=>this.assignParticipantsToRoom(this.stateManager.currentState.parentMeeting.id),onRoomJoin:()=>this.joinRoom(this.stateManager.currentState.parentMeeting.id),onUpdate:this.onRoomUpdate,states:this.states,room:Object.assign({},this.stateManager.currentState.parentMeeting),iconPack:this.iconPack,t:this.t}):null}renderRoomSwitcher(){return r(e,null,r("div",{class:"room-switcher-container"},r("header",null,r("rtk-icon",{icon:this.iconPack.breakout_rooms}),r("span",null,this.t("breakout_rooms.join_breakout_header"))),r("div",{class:"rooms",ref:t=>this.selectorRef=t},this.renderMainRoomMaybe(),this.getPermittedRooms().map(((t,e)=>r("rtk-breakout-room-manager",{key:t.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,defaultExpanded:0===e,meeting:this.meeting,mode:this.roomConfig.mode,onDelete:()=>this.onRoomDelete(t.id),onParticipantsAdd:()=>this.assignParticipantsToRoom(t.id),onRoomJoin:()=>this.joinRoom(t.id),states:this.states,room:Object.assign({},t),iconPack:this.iconPack,t:this.t,allowDelete:!1}))))))}renderLoading(){return r(e,null,r("div",{class:"loading-content"},r("rtk-spinner",{size:"xl"})))}renderRoomConfig(){return r(e,null,r("div",{class:"room-config"},r("header",null,r("rtk-icon",{icon:this.iconPack.breakout_rooms}),r("span",null,this.t("breakout_rooms.room_config_header"))),r("div",{class:"create-room"},r("p",null,this.t("breakout_rooms.num_of_rooms")),r("rtk-counter",{value:this.roomConfig.rooms,minValue:1,iconPack:this.iconPack,t:this.t,onValueChange:t=>{this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{rooms:Math.max(+t.detail,1)})}})),r("span",{class:"distribution-hint"},`${this.t("breakout_rooms.approx")} `," ",r("em",null,this.getApproxDistribution()," ",this.t("breakout_rooms.participants_per_room"))," ",this.t("breakout_rooms.division_text")),r("footer",null,r("rtk-button",{kind:"button",size:"lg",title:this.t("create"),disabled:0===this.roomConfig.rooms,onClick:()=>this.onCreateRooms()},this.t("create")))))}render(){return this.loading?this.renderLoading():this.shouldShowOnlyRoomSwitcher()?this.renderRoomSwitcher():"room-config"===this.roomConfig.step?this.renderRoomConfig():r(e,null,r("div",{class:"participant-config-wrapper"},r("div",{class:"participant-config"},r("aside",{part:"menu"},r("header",null,this.t("breakout_rooms.assign_participants")),r("rtk-breakout-room-participants",{meeting:this.meeting,iconPack:this.iconPack,t:this.t,participantIds:this.stateManager.unassignedParticipants.map(h),selectedParticipantIds:this.selectedParticipants},r("rtk-tooltip",{label:this.t("breakout_rooms.shuffle_participants"),slot:"shuffle-button"},r("rtk-button",{disabled:"edit"===this.roomConfig.mode||0===this.stateManager.unassignedParticipants.length,kind:"button",variant:"secondary",size:"md",onClick:()=>this.assignParticipantsRandomly(),class:"shuffle-button br-primary-btn"},r("rtk-icon",{icon:this.iconPack.shuffle})))),0!==this.selectedParticipants.length&&r("div",{class:"participants-assign-actions"},r("span",null,`${this.selectedParticipants.length} ${this.t("breakout_rooms.selected")}`),r("rtk-button",{disabled:"edit"===this.roomConfig.mode,kind:"button",variant:"ghost",size:"md",onClick:()=>this.deselectAll(),class:"deselect-button color-danger"},this.t("breakout_rooms.deselect")))),r("div",{class:"assign-rooms"},r("div",{class:"row"},r("p",{class:"row-header"},this.t("breakout_rooms.rooms")," (",this.stateManager.allConnectedMeetings.length,")"),!this.assigningParticipants&&r("div",{class:"cta-buttons"},r("rtk-button",{kind:"button",variant:"secondary",class:"br-primary-btn"},r("div",{onClick:this.onAddNewRoom},r("rtk-icon",{icon:this.iconPack.add}),this.t("breakout_rooms.add_room"))),0!==this.stateManager.allConnectedMeetings.flatMap((t=>t.participants)).length&&r("rtk-button",{kind:"button",variant:"ghost",onClick:this.onUnassignAll},this.t("breakout_rooms.unassign_all")))),r("div",{class:"rooms",ref:t=>this.selectorRef=t},this.renderMainRoomMaybe(),this.getPermittedRooms().map(((t,e)=>r("rtk-breakout-room-manager",{key:t.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,defaultExpanded:0===e,meeting:this.meeting,mode:this.roomConfig.mode,onDelete:()=>this.onRoomDelete(t.id),onParticipantsAdd:()=>this.assignParticipantsToRoom(t.id),onRoomJoin:()=>this.joinRoom(t.id),onUpdate:this.onRoomUpdate,states:this.states,room:Object.assign({},t),iconPack:this.iconPack,t:this.t,allowDelete:this.stateManager.allConnectedMeetings.length>1}))),r("rtk-button",{kind:"button",variant:"secondary",onClick:this.onAddNewRoom,class:"add-room-jumbo-btn br-secondary-btn"},r("div",null,r("rtk-icon",{icon:this.iconPack.add}),r("span",null,this.t("breakout_rooms.add_room_brief"))))))),r("div",{class:"participant-config-actions"},r("div",{class:{"status-bar":!0,"ephemeral-status":""!==this.ephemeralStatusText}},""!==this.ephemeralStatusText&&r("rtk-icon",{icon:this.iconPack.checkmark}),this.getStatusText()),r("div",{class:"breakout-actions"},"create"===this.roomConfig.mode&&this.permissions.canAlterConnectedMeetings&&r("rtk-button",{size:"md",class:"start-breakout-button",onClick:()=>this.enableConfirmationModal("start-breakout")},this.t("breakout_rooms.start_breakout")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&r("rtk-button",{size:"md",class:"color-danger",variant:"ghost",onClick:()=>this.discardChanges()},this.t("breakout_rooms.discard_changes")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&r("rtk-button",{size:"md",class:"update-breakout-button",onClick:this.applyChanges},this.t("breakout_rooms.update_breakout")),"edit"===this.roomConfig.mode&&!this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&r("rtk-button",{size:"md",class:"close-breakout-button",onClick:()=>this.enableConfirmationModal("close-breakout")},this.t("breakout_rooms.close_breakout"))))))}static get watchers(){return{selectedParticipants:["onSelectedParticipantsChanged"]}}};pt([z()],bt.prototype,"meeting",void 0),pt([z()],bt.prototype,"states",void 0),pt([z()],bt.prototype,"iconPack",void 0),pt([z()],bt.prototype,"t",void 0),bt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;height:595px;max-width:100%;max-height:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.rooms::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";var gt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const kt=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=c,this.t=d(),this.messagePayload={to:"Everyone",message:""},this.successMessage=!1}close(){var t;null===(t=this.stateUpdate)||void 0===t||t.emit({activeBroadcastMessageModal:!1})}sendMessage(){this.successMessage=!0,setTimeout((()=>{this.close()}),2e3)}render(){return r(e,{key:"ebc1bb7e9831ccecba8474cfc7af14dc5cb4d916"},r("div",{key:"f29fc0d8cd70f0d25b58073dedc56dbfece82f6e",class:"content-col"},r("h2",{key:"6e872c41a1735e396fec8c01286a6e551307d054"},"Broadcast message to"),r("select",{key:"de6fa3415f3b4fab48477ba68925981adac9d7da",onChange:t=>{this.messagePayload=Object.assign(Object.assign({},this.messagePayload),{to:t.target.value})}},r("option",{key:"85c21decd587ecbff9623d140c7e69e335d86e4e"},"Everyone"),r("option",{key:"e70c43b9bedd7a66519757842524af7fdd62b3d3"},"List of rooms")),r("textarea",{key:"c988e01cb69f54aa447f1d643acb0f046b95d3fd",placeholder:"Type message here...",onInput:t=>{this.messagePayload=Object.assign(Object.assign({},this.messagePayload),{message:t.target.value})}}),this.successMessage?r("p",null,"Message sent to ",this.messagePayload.to,r("rtk-icon",{icon:this.iconPack.checkmark})):r("div",{class:"content-row"},r("rtk-button",{onClick:()=>this.close(),variant:"secondary"},"Cancel")," ",r("rtk-button",{variant:"primary",onClick:()=>this.sendMessage()},"Send"))))}};gt([z()],kt.prototype,"meeting",void 0),gt([z()],kt.prototype,"states",void 0),gt([z()],kt.prototype,"iconPack",void 0),gt([z()],kt.prototype,"t",void 0),kt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-4, 16px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.content-col{display:flex;width:100%;flex-direction:column}h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-2, 8px)}.content-row{display:flex;width:100%;flex-direction:row}.content-row rtk-button{margin-top:var(--rtk-space-4, 16px);width:100%}textarea{margin-top:var(--rtk-space-3, 12px);resize:none;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;height:var(--rtk-space-16, 64px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}textarea::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}select{border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);outline:2px solid transparent;outline-offset:2px;border-right-width:var(--rtk-border-width-md, 2px);border-style:solid;border-color:transparent;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-2, 8px);width:100%;text-align:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));display:flex;flex-direction:row;align-items:center;justify-content:center}p rtk-icon{margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px)}";const vt=class{constructor(r){t(this,r),this.variant="primary",this.kind="button",this.reverse=!1,this.disabled=!1,this.type="button"}render(){return r(e,{key:"a75698a2fea0a57713401fad47f7f637e6e7a0de"},r("button",{key:"e4d9a8c8bf2a18dd271e9e857b1a8239efdcfb48",part:"button",type:this.type,disabled:this.disabled},r("span",{key:"bc4886ff0aae6e20adc32c130fa90cfeeeddc40c",class:"start"},r("slot",{key:"13a7629dfcc14cacebdbde86cafc8e8d85003daa",name:"start"})),r("span",{key:"4b621dcce5e777048ccb519f26db32430d59fdd2",class:"content",part:"content"},r("slot",{key:"a94f9ff0e4a3d58e9c50780e35899181e051c260"})),r("span",{key:"c7a1430740bb23e5835c834704d1eb5aacd62bf9",class:"end"},r("slot",{key:"ecfc59b45264186785789b81ecab35f62c04d33d",name:"end"}))))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([z()],vt.prototype,"size",void 0),vt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--icon-size:var(--rtk-button-icon-size, var(--rtk-space-5, 20px));--transition-property:var(--rtk-transition-property, all);--transition-duration:100ms;display:inline-flex;height:var(--rtk-space-8, 32px);cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-sm, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration)}button{box-sizing:border-box;background-color:transparent;color:inherit;border:var(--rtk-border-width-sm, 1px) solid transparent;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);display:inline-flex;flex-grow:1;justify-content:center;vertical-align:baseline;gap:var(--rtk-space-1, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration);outline:none;height:inherit;border-radius:inherit;fill:inherit;cursor:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.start,.content,.end{align-self:center}::slotted(rtk-icon),::slotted(rtk-spinner){height:var(--icon-size);width:var(--icon-size)}:host([variant='primary']){color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}button:focus-visible{border-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity))}:host([disabled]:not([disabled='false'])){cursor:not-allowed;opacity:0.6}:host([variant='secondary']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='secondary']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='secondary']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([variant='danger']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='danger']:hover){background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.7)}:host([variant='danger']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='ghost']){background-color:transparent;color:inherit}:host([variant='ghost'].active){--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}:host([variant='ghost']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='ghost']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([kind='icon']){--icon-size:var(--rtk-space-5, 20px);width:var(--rtk-space-8, 32px)}:host([kind='icon']) button{padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px)}:host([kind='wide']){width:100%}:host([size='lg']){--icon-size:var(--rtk-space-5, 20px);height:var(--rtk-space-10, 40px);font-size:16px}:host([size='lg'][kind='icon']){--icon-size:var(--rtk-space-6, 24px);height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px)}:host([size='sm']){--icon-size:var(--rtk-space-4, 16px);height:var(--rtk-space-6, 24px);font-size:12px}:host([size='sm'][kind='icon']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}";var ft=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ut=class{constructor(e){t(this,e),this.stateUpdate=a(this,"rtkStateUpdate",7),this.switchChannel=a(this,"switchChannel",7),this.t=d(),this.iconPack=c,this.channelName="",this.searchQuery="",this.step=1,this.loading=!1,this.selectedMemberIds=new Set,this.focusedMemberIndex=-1,this.showAllMembersList=!1,this.allMembers=new Map,this.inputTextRef=null,this.searchInputTextRef=null,this.focusOnSearch=(t=!1)=>{this.focusedMemberIndex=-1,i((()=>{var r,e;null===(r=this.searchInputTextRef)||void 0===r||r.focus(),t&&(null===(e=this.searchInputTextRef)||void 0===e||e.select())}))},this.onClickHandler=async()=>{if(0!==this.channelName.length){if(1===this.step){const t=this.meeting.participants.all.toArray(),r=this.meeting.self.userId;return t.filter((t=>t.userId!==r)).forEach((t=>this.allMembers.set(t.userId,t))),this.step=2,void this.focusOnSearch()}await this.createChannel()}},this.createChannel=async()=>{const t=Array.from(this.selectedMemberIds),r=await this.meeting.chat.createChannel(this.channelName,t,{displayPictureUrl:"",visibility:"public",isDirectMessage:!1});this.switchChannel.emit(r.id),this.stateUpdate.emit({activeChannelCreator:!1})},this.onMemberAdd=t=>{this.showAllMembersList=!1,this.selectedMemberIds.add(t),this.searchQuery="",this.focusOnSearch()},this.keyDownHandler=(t,r)=>{if("ArrowDown"===t.key)this.focusedMemberIndex=Math.min(this.focusedMemberIndex+1,r.length-1);else if("ArrowUp"===t.key){if(-1===this.focusedMemberIndex)return;if(0===this.focusedMemberIndex)return void this.focusOnSearch(!0);this.focusedMemberIndex=Math.max(this.focusedMemberIndex-1,0)}else if("Enter"===t.key)this.onMemberAdd(r[this.focusedMemberIndex].userId);else if("Backspace"===t.key){if(0!==this.searchQuery.length)return;if(0===this.selectedMemberIds.size)return;const t=Array.from(this.selectedMemberIds.values()).at(-1);this.selectedMemberIds.delete(t),o(this.$el)}},this.renderMemberSelector=()=>{const t=Array.from(this.allMembers.values()).filter((t=>!this.selectedMemberIds.has(t.userId)&&t.name.toLowerCase().includes(this.searchQuery.toLowerCase()))),e=Array.from(this.selectedMemberIds.values()).map((t=>this.allMembers.get(t))),a=this.selectedMemberIds.size===this.allMembers.size;return r("div",{class:"input-container"},r("ul",{class:"members scrollbar",onClick:()=>{var t;null===(t=this.searchInputTextRef)||void 0===t||t.focus()}},e.map((t=>r("li",{class:"pill"},r("rtk-avatar",{participant:{name:t.name,picture:t.picture},size:"sm"}),r("span",null,t.name),r("rtk-icon",{icon:this.iconPack.dismiss,onClick:()=>{this.selectedMemberIds.delete(t.userId),o(this.$el),this.focusOnSearch()}})))),!a&&r("input",{type:"text",ref:t=>this.searchInputTextRef=t,value:this.searchQuery,placeholder:0===this.selectedMemberIds.size?this.t("chat.member_name"):"",class:{"wide-input":0===this.selectedMemberIds.size},onInput:t=>{this.searchQuery=t.target.value.trim()},onClick:()=>{this.showAllMembersList=!this.showAllMembersList},onKeyDown:r=>this.keyDownHandler(r,t)})),(0!==this.searchQuery.length||this.showAllMembersList)&&r("ul",{class:"search-results"},t.map(((t,e)=>r("li",{class:{member:!0,selected:e===this.focusedMemberIndex},onClick:()=>this.onMemberAdd(t.userId),ref:t=>{e===this.focusedMemberIndex&&i((()=>{t&&t.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}))}},r("rtk-avatar",{participant:{name:t.name,picture:t.picture},size:"sm"}),r("span",null,t.name)))),0===t.length&&r("li",{class:"member"},r("span",null,this.t("chat.error.empty_results")))))}}componentDidLoad(){var t;null===(t=this.inputTextRef)||void 0===t||t.focus()}render(){return r(e,{key:"343bc1c61f83850b45010bb05ecb17d365345b51"},r("header",{key:"231b89e21003207dfc890cf2210b6c230fab9390"},this.t(1===this.step?"chat.new_channel":"chat.add_members")),1===this.step&&r("input",{key:"7a822d7fbb6946f866f12039f09159ae2b37f3e2",class:"channel-name-input",type:"text",placeholder:this.t("chat.channel_name"),ref:t=>this.inputTextRef=t,onInput:t=>{this.channelName=t.target.value.trim()}}),2===this.step&&this.renderMemberSelector(),r("footer",{key:"3de7edf3f52b99ce04e2f977bddaaf85a1243c43"},r("rtk-button",{key:"601c2634e7e917246987a51e395fd870494727c1",kind:"button",size:"lg",disabled:0===this.channelName.length,onClick:this.onClickHandler},this.t(1===this.step?"chat.add_members":"create"))))}get $el(){return s(this)}};ft([z()],ut.prototype,"meeting",void 0),ft([z()],ut.prototype,"t",void 0),ft([z()],ut.prototype,"iconPack",void 0),ut.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}.channel-name-input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";var mt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const xt=class{constructor(r){t(this,r),this.t=d(),this.iconPack=c,this.members=[]}renderMembers(){return r("ul",{class:"scrollbar"},this.members.map((t=>r("li",null,r("rtk-avatar",{participant:{name:t.name,picture:t.picture},size:"sm"}),r("span",null,t.name)))))}render(){return r(e,{key:"debf2dde0cfce1649181c7bfdca29d25c774bb2c"},r("header",{key:"5a7ed6c10130518158a939e9868d5ad68aeb9486"},this.t("chat.channel_members")),this.renderMembers())}};mt([z()],xt.prototype,"t",void 0),mt([z()],xt.prototype,"iconPack",void 0),xt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";var yt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const wt=class{constructor(r){t(this,r),this.search=a(this,"search",7),this.searchDismissed=a(this,"searchDismissed",7),this.back=a(this,"back",7),this.iconPack=c,this.t=d(),this.showChannelDetailsDialog=!1,this.showSearchBar=!1,this.members=[],this.showBackButton=!1}onChannelChanged(){this.$searchInput&&(this.$searchInput.value=""),this.showSearchBar=!1,this.channel.isDirectMessage||this.meeting.chat.getChannelMembers(this.channel.id).then((t=>{this.members=t}))}connectedCallback(){this.onChannelChanged()}renderChannelDetails(){return r("rtk-dialog",{open:!0,onRtkDialogClose:()=>{this.showChannelDetailsDialog=!1},iconPack:this.iconPack,t:this.t},r("rtk-channel-details",{members:this.members,channel:this.channel}))}render(){return this.channel?r(e,null,this.showChannelDetailsDialog&&this.renderChannelDetails(),r("header",{class:{searching:this.showSearchBar}},this.showBackButton&&r("rtk-button",{kind:"icon",variant:"secondary",class:"back-btn",onClick:()=>{this.back.emit()}},r("rtk-icon",{icon:this.iconPack.chevron_left})),r("div",{class:"channel-details"},r("span",{class:"name"},this.channel.displayName),!this.channel.isDirectMessage&&r("span",{class:"members"},this.members.map((t=>t.name)).join(", "))),r("div",{class:"channel-tools"},!this.channel.isDirectMessage&&r("rtk-tooltip",{label:this.t("chat.channel_members"),variant:"primary"},r("rtk-button",{kind:"button",variant:"secondary",size:"md",onClick:()=>{this.showChannelDetailsDialog=!this.showChannelDetailsDialog},class:"br-primary-btn"},r("rtk-icon",{icon:this.iconPack.people})))))):null}static get watchers(){return{channel:["onChannelChanged"]}}};yt([z()],wt.prototype,"meeting",void 0),yt([z()],wt.prototype,"iconPack",void 0),yt([z()],wt.prototype,"t",void 0),wt.style="header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";var jt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const _t=class{constructor(r){t(this,r),this.channelChange=a(this,"channelChange",7),this.disableSearch=!1,this.hideAvatar=!1,this.iconPack=c,this.t=d(),this.viewAs="list",this.searchQuery="",this.showDropdown=!1,this.calculateListHeight=R((()=>{if("list"===this.viewAs&&this.$listEl){let t=0;const r=this.$el.shadowRoot.querySelector('slot[name="header"]');r&&r.assignedElements().forEach((r=>t+=r.offsetHeight)),this.$searchEl&&(t+=this.$searchEl.offsetHeight),this.$listEl.style.height=window.innerHeight-t-16+"px"}}),60),this.getFilteredChannels=()=>""===this.searchQuery.trim()?this.channels:this.channels.filter((t=>t.name.toLowerCase().includes(this.searchQuery.toLowerCase()))),this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.getChannelById=t=>this.channels.find((r=>r.id===t)),this.getTotalUnreads=()=>this.channels.reduce(((t,r)=>t+r.unreadCount),0),this.onChannelClickHandler=t=>{this.channelChange.emit(t),"dropdown"===this.viewAs&&(this.showDropdown=!1)}}connectedCallback(){this.resizeObserver=new ResizeObserver(this.calculateListHeight)}componentDidLoad(){this.resizeObserver.observe(this.$el),this.calculateListHeight()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.calculateListHeight.cancel()}getTimeLabel(t){const r=new Date,e=new Date(r);e.setDate(r.getDate()-1);const a=new Date(r);return a.setDate(r.getDate()-r.getDay()-1),t.toDateString()===r.toDateString()?t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):t.toDateString()===e.toDateString()?this.t("date.yesteday"):t>a?this.t(["date.sunday","date.monday","date.tuesday","date.wednesday","date.thursday","date.friday","date.saturday"][t.getDay()]):Intl.DateTimeFormat([],{day:"2-digit",month:"2-digit",year:"2-digit"}).format(t)}render(){const t=this.getFilteredChannels(),a="list"===this.viewAs||"dropdown"===this.viewAs&&this.showDropdown;return r(e,{key:"2f9a7d72ebeadda388681aa4e08530f4bb75150b"},"list"===this.viewAs&&r("slot",{key:"2e0f2354e6a5e92c0c82158bc7a2d068fe0c42ca",name:"header"}),a&&r("div",{key:"0cfa739b959782b495b3ae45865cbe91de35237e",class:{dropdown:"dropdown"===this.viewAs,scrollbar:"dropdown"===this.viewAs,list:"list"===this.viewAs}},!this.disableSearch&&r("div",{key:"4b000515de7ebdb64accbe455d749b23955bdebf",class:"search-container",ref:t=>this.$searchEl=t},r("input",{key:"0efd92a23ed1b6fc041c317d2b6e00ec38fcd95a",type:"text",placeholder:this.t("chat.search_conversations"),value:this.searchQuery,onInput:t=>this.searchQuery=t.target.value}),r("rtk-icon",{key:"f62316f91ea71fa7cf561bfcb0e5eb0567df7350",icon:this.iconPack.search})),r("div",{key:"df19cc12b15ccb81380f6f7af41aae6637daafdb",class:"channels-container scrollbar",ref:t=>this.$listEl=t},t.map((t=>r("button",{class:{channel:!0,active:this.selectedChannelId===t.id},onClick:()=>this.onChannelClickHandler(t)},!this.hideAvatar&&r("div",null,t.icon?r("rtk-icon",{class:"avatar-icon",icon:this.iconPack[t.icon]}):r("rtk-avatar",{participant:{name:t.name,picture:t.avatarUrl}})),r("div",{class:"channel-data"},r("div",{class:"col"},r("div",{class:"name"},t.name),t.latestMessage&&r("div",{class:{"last-message":!0,"no-message":!t.latestMessage}},r("rtk-text-message-view",{isMarkdown:!0,text:t.latestMessage}))),r("div",{class:"col channel-meta"},t.latestMessageTime&&r("time",{class:"time"},this.getTimeLabel(t.latestMessageTime)),t.unreadCount>0&&r("div",{class:"unread-count"},t.unreadCount)))))))),"dropdown"===this.viewAs&&r("button",{key:"4dc6626d43cca729c7129cf44e5b1e90287e9a0a",class:"dropdown-trigger",onClick:this.toggleDropdown},r("span",{key:"58266d829571400e41be859c60d510324fa933a5"},this.selectedChannelId&&`${this.t("to")} ${this.getChannelById(this.selectedChannelId).name}`,this.getTotalUnreads()>0&&r("div",{key:"fd79330bdf7763baa3374e2ad5fcf79861a422dc",class:"unread-count"},this.getTotalUnreads())),r("rtk-icon",{key:"f168f3d51d356098dd2ec489bd34c2b1920333b4",icon:this.showDropdown?this.iconPack.chevron_up:this.iconPack.chevron_down})))}get $el(){return s(this)}};jt([z()],_t.prototype,"iconPack",void 0),jt([z()],_t.prototype,"t",void 0),_t.style=".scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";var Ct=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const zt=class{constructor(e){t(this,e),this.stateUpdate=a(this,"rtkStateUpdate",7),this.chatUpdateListener=({message:t})=>{t.channelId||this.displayFilter&&!this.displayFilter(t)||(this.addToChatGroup(t),this.chatGroups=Object.assign({},this.chatGroups))},this.chatPermissionUpdateListener=()=>{this.canSend=this.meeting.self.permissions.chatPublic.canSend,this.canSendTextMessage=this.meeting.self.permissions.chatPublic.text,this.canSendFiles=this.meeting.self.permissions.chatPublic.files},this.config=g,this.iconPack=c,this.t=d(),this.disablePrivateChat=!1,this.canPinMessages=!1,this.privatePresetFilter=[],this.displayFilter=void 0,this.unreadCountGroups={},this.chatGroups={everyone:[]},this.selectedGroup="everyone",this.now=new Date,this.dropzoneActivated=!1,this.showLatestMessageButton=!1,this.canSend=!1,this.canSendTextMessage=!1,this.canSendFiles=!1,this.canPrivateMessage=!1,this.canSendPrivateTexts=!1,this.canSendPrivateFiles=!1,this.emojiPickerEnabled=!1,this.chatRecipientId="everyone",this.participants=[],this.channels=[],this.editingMessage=null,this.replyMessage=null,this.searchQuery="",this.selectorState="hide",this.creatingChannel=!1,this.showPinnedMessages=!1,this.channelMap=new Map,this.onDragOver=t=>{t.preventDefault(),this.dropzoneActivated=!0},this.onDragLeave=()=>{this.dropzoneActivated=!1},this.onDrop=t=>{t.preventDefault(),this.dropzoneActivated=!1,O(t.dataTransfer.items,((t,r)=>{var e,a,i,o;switch(t){case"image":this.isFileMessagingAllowed()&&(null===(a=null===(e=this.meeting)||void 0===e?void 0:e.chat)||void 0===a||a.sendImageMessage(r,this.getRecipientPeerIds()));break;case"file":this.isFileMessagingAllowed()&&(null===(o=null===(i=this.meeting)||void 0===i?void 0:i.chat)||void 0===o||o.sendFileMessage(r,this.getRecipientPeerIds()))}}))},this.disconnectMeeting=t=>{var r,e,a,i,o,s;this.isPrivateChatSupported()&&(null==t||t.participants.joined.removeListener("participantJoined",this.onParticipantUpdate),null==t||t.participants.joined.removeListener("participantLeft",this.onParticipantUpdate)),null===(r=null==t?void 0:t.chat)||void 0===r||r.removeListener("chatUpdate",this.chatUpdateListener),null===(e=null==t?void 0:t.chat)||void 0===e||e.removeListener("channelCreate",this.onChannelCreateOrUpdate),null===(a=null==t?void 0:t.chat)||void 0===a||a.removeListener("channelUpdate",this.onChannelCreateOrUpdate),null===(i=null==t?void 0:t.chat)||void 0===i||i.removeListener("channelMessageUpdate",this.onChannelCreateOrUpdate),null===(s=null===(o=null==t?void 0:t.participants)||void 0===o?void 0:o.all)||void 0===s||s.removeListener("participantsUpdate",this.onChannelCreateOrUpdate),t.self.permissions.removeListener("*",this.chatPermissionUpdateListener)},this.getFilteredParticipants=()=>0===this.privatePresetFilter.length?this.participants:this.participants.filter((t=>this.privatePresetFilter.includes(t.presetName))),this.onParticipantUpdate=()=>{this.participants=this.meeting.participants.joined.toArray().filter((t=>0===this.privatePresetFilter.length||this.privatePresetFilter.includes(t.presetName))),this.selectedParticipant&&!this.participants.includes(this.selectedParticipant)&&(this.selectedParticipant=null,this.chatRecipientId=this.selectedGroup="everyone")},this.usePaginatedChat=()=>(!this.isGroupCall||!this.showPinnedMessages)&&"everyone"===this.selectedGroup&&k(this.meeting),this.updateUnreadCountGroups=t=>{this.unreadCountGroups=Object.assign(Object.assign({},this.unreadCountGroups),t)},this.isPrivateChatSupported=()=>this.canPrivateMessage&&!this.disablePrivateChat,this.updateRecipients=t=>{const{id:r}=t.detail;if(this.chatRecipientId=r,this.selectedParticipant=this.participants.find((t=>t.userId===r)),"everyone"!==this.chatRecipientId){const t=P([this.chatRecipientId,this.meeting.self.userId]);this.selectedGroup=t}else this.selectedGroup="everyone";this.updateUnreadCountGroups({[this.selectedGroup]:0})},this.isTextMessagingAllowed=()=>"everyone"===this.chatRecipientId?this.canSend&&this.canSendTextMessage:this.canPrivateMessage&&this.canSendPrivateTexts,this.isFileMessagingAllowed=()=>"everyone"===this.chatRecipientId?this.canSend&&this.canSendFiles:this.canPrivateMessage&&this.canSendPrivateFiles,this.onChannelChanged=t=>{const r=t.detail;r.id.includes(S)?this.createDMChannel(r.id.replace(S,"")):this.selectedChannelId=r.id,this.cleanup(),"desktop"!==this.selectorState&&(this.selectorState="hide")},this.createDMChannel=async t=>{this.creatingChannel=!0;const r=await this.meeting.chat.createChannel("Direct Message",[t],{visibility:"private",isDirectMessage:!0});this.creatingChannel=!1,this.selectedChannelId=r.id},this.cleanup=()=>{this.editingMessage=null,this.replyMessage=null,this.searchQuery=""},this.onQuotedMessageDismiss=()=>{this.replyMessage=null},this.onChannelCreateOrUpdate=t=>{t?this.channelMap.set(t.id,t):this.meeting.chat.channels.forEach((t=>this.channelMap.set(t.id,t)));const r=Array.from(this.channelMap.values()),e=r.filter((t=>!$(t))).sort(((t,r)=>D(t.displayName,r.displayName))),a=r.filter($).map((t=>Object.assign(Object.assign({},t),{displayName:this.getMemberDisplayName(t)}))),i=this.meeting.participants.all.toArray().filter((t=>{if(t.userId===this.meeting.self.userId)return!1;const r=M([this.meeting.self.userId,t.userId]);return a.every((t=>M(t.memberIds)!==r))})).map((t=>({id:`${S}${t.userId}`,displayName:t.name,displayPictureUrl:t.picture,isDirectMessage:!0,unreadCount:0}))),o=[...a,...i].sort(((t,r)=>D(t.displayName,r.displayName)));this.channels=[...e,...o];const s=[...e,...a];this.selectedChannelId||0===s.length||(this.selectedChannelId=s[0].id)},this.getMemberDisplayName=t=>{var r;let e;e=1===t.memberIds.length?t.memberIds[0]:t.memberIds[0]===this.meeting.self.userId?t.memberIds[1]:t.memberIds[0];const a=this.meeting.participants.all.toArray().find((t=>t.userId===e));return null!==(r=null==a?void 0:a.name)&&void 0!==r?r:e},this.onNewMessageHandler=async t=>{const r=t.detail;this.isChatViewType?(await this.meeting.chat.sendMessageToChannel(r,this.selectedChannelId,this.replyMessage?{replyTo:this.replyMessage}:{}),this.replyMessage=null):this.meeting.chat.sendMessage(r,this.getRecipientPeerIds())},this.onEditMessageHandler=async t=>{var r,e;await(null===(e=null===(r=this.meeting)||void 0===r?void 0:r.chat)||void 0===e?void 0:e.editTextMessage(this.editingMessage.id,t.detail,this.editingMessage.channelId)),this.editingMessage=null},this.onEditCancel=()=>{this.editingMessage=null},this.onSearchHandler=async t=>{this.searchQuery=t.detail},this.onSearchDismissed=()=>{this.searchQuery=""},this.onChannelCreateClicked=()=>{this.stateUpdate.emit({activeChannelCreator:!0})},this.onPinMessage=t=>{const r=t.detail;r.pinned?this.meeting.chat.unpin(r.id):this.meeting.chat.pin(r.id)},this.onDeleteMessage=t=>{this.meeting.chat.deleteMessage(t.detail.id)},this.getChannelItems=()=>this.channels.map((t=>{const r={id:t.id,name:t.displayName,avatarUrl:t.displayPictureUrl};return t.latestMessage&&(r.latestMessage="text"===t.latestMessage.type?U(t.latestMessage.message):"",r.latestMessageTime=t.latestMessage.time),r})),this.getPrivateChatRecipients=()=>{const t=this.getFilteredParticipants().map((t=>{const r=P([t.userId,this.meeting.self.userId]);return{id:t.userId,name:t.name,avatarUrl:t.picture,unreadCount:this.unreadCountGroups[r]}}));return[{id:"everyone",name:this.t("chat.everyone"),icon:"participants",unreadCount:this.unreadCountGroups.everyone},...t]},this.onTogglePinnedMessages=()=>{this.showPinnedMessages=!this.showPinnedMessages},this.renderPinnedMessagesHeader=()=>0===this.meeting.chat.pinned.length?null:r("rtk-tooltip",{label:this.t("chat.toggle_pinned_msgs")},r("div",{class:{"pinned-messages-header":!0,active:this.showPinnedMessages},onClick:this.onTogglePinnedMessages},r("rtk-icon",{icon:this.iconPack.pin}),this.t("chat.pinned_msgs"),` (${this.meeting.chat.pinned.length})`))}connectedCallback(){this.meeting&&(this.meetingChanged(this.meeting),this.meeting&&!this.meeting.chat||this.isFileMessagingAllowed()&&(this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop)))}onEditMessageInit(t){t.detail.flags.isReply?this.replyMessage=t.detail.payload:t.detail.flags.isEdit&&(this.editingMessage=t.detail.payload)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.disconnectMeeting(this.meeting),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop)}meetingChanged(t,r){var e,a,i,o,s,n;null!=r&&this.disconnectMeeting(r),t&&!t.chat||null==t||(this.canSend=t.self.permissions.chatPublic.canSend,this.canSendTextMessage=t.self.permissions.chatPublic.text,this.canSendFiles=t.self.permissions.chatPublic.files,this.canPrivateMessage=!(!(null===(e=t.self.permissions.chatPrivate)||void 0===e?void 0:e.canSend)&&!(null===(a=t.self.permissions.chatPrivate)||void 0===a?void 0:a.canReceive)),this.canSendPrivateTexts=!!(null===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.text),this.canSendPrivateFiles=!!(null===(o=t.self.permissions.chatPrivate)||void 0===o?void 0:o.files),this.canPinMessages=(null===(s=null==t?void 0:t.__internals__)||void 0===s?void 0:s.features.hasFeature(v.PINNED_MESSAGES))&&t.self.permissions.pinParticipant,this.isGroupCall="GROUP_CALL"===t.meta.viewType,this.isChatViewType="CHAT"===t.meta.viewType,this.isChatViewType&&(this.onChannelCreateOrUpdate(),this.channels.filter((t=>!t.id.includes(S))).length&&(this.selectedChannelId=this.channels[0].id),this.resizeObserver&&this.resizeObserver.disconnect(),this.resizeObserver=new ResizeObserver((t=>{for(const r of t)this.selectorState=r.contentBoxSize[0].inlineSize<758?"hide":"desktop"})),this.isChatViewType&&this.resizeObserver.observe(this.host)),this.initializeChatGroups(),this.chatGroups=Object.assign({},this.chatGroups),t.self.permissions.on("*",this.chatPermissionUpdateListener),this.onParticipantUpdate(),null===(n=t.chat)||void 0===n||n.addListener("chatUpdate",this.chatUpdateListener),this.isPrivateChatSupported()&&(t.participants.joined.addListener("participantJoined",this.onParticipantUpdate),t.participants.joined.addListener("participantLeft",this.onParticipantUpdate)),this.isChatViewType&&(t.chat.addListener("channelCreate",this.onChannelCreateOrUpdate),t.chat.addListener("channelUpdate",this.onChannelCreateOrUpdate),t.chat.addListener("channelMessageUpdate",this.onChannelCreateOrUpdate),t.participants.all.addListener("participantsUpdate",this.onChannelCreateOrUpdate)))}chatGroupsChanged(t){var r,e;if(!this.isPrivateChatSupported())return;const a={};for(const i in t){const o=null!==(r=f[i])&&void 0!==r?r:0;a[i]=t[i].filter((t=>"chat"==t.type&&t.message.time>o&&t.message.userId!==this.meeting.self.userId)).length,(i===P([this.meeting.self.userId,null===(e=this.selectedParticipant)||void 0===e?void 0:e.userId])||"everyone"===i&&null===this.selectedParticipant)&&(a[i]=0,f[i]=new Date)}this.updateUnreadCountGroups(a)}initializeChatGroups(){var t;null===(t=this.meeting.chat)||void 0===t||t.messages.forEach((t=>{this.displayFilter&&!this.displayFilter(t)||this.addToChatGroup(t)}))}onDisplayFilterChanged(t,r){t!==r&&(this.chatGroups={},this.initializeChatGroups())}addToChatGroup(t){var r;const e=T(t);let a="everyone";if((null===(r=e.targetUserIds)||void 0===r?void 0:r.length)>0){const t=new Set([e.userId,...e.targetUserIds]);a=P(Array.from(t))}void 0===this.chatGroups[a]&&(this.chatGroups[a]=[]);let i=!1,o=[];this.chatGroups[a].forEach((r=>{"chat"===r.type&&r.message.id===t.id?(i=!0,o.push({type:"chat",message:e})):o.push(r)})),i||o.push({type:"chat",message:e}),this.chatGroups[a]=o}getRecipientPeerIds(){let t=[];return"everyone"!==this.chatRecipientId&&(t=[this.selectedParticipant.id]),t}channelSwitchListener(t){this.onChannelChanged(t)}renderHeadlessComponents(){return r(n,null,r("rtk-dialog-manager",{meeting:this.meeting}),r("rtk-notifications",{meeting:this.meeting}))}renderComposerUI(){var t,e,a;if(this.isChatViewType&&0===this.channels.length)return null;if(this.isChatViewType&&""!==this.searchQuery)return null;if(this.isChatViewType&&!this.selectedChannelId)return null;if("everyone"===this.chatRecipientId){if(!this.canSendTextMessage&&!this.canSendFiles)return null}else if(!this.canSendPrivateTexts&&!this.canSendPrivateFiles)return null;const i={iconPack:this.iconPack,t:this.t,size:this.size};return r("rtk-chat-composer-view",Object.assign({message:this.editingMessage?this.editingMessage.message:"",storageKey:null!==(t=this.selectedChannelId)&&void 0!==t?t:`draft-${this.selectedChannelId}`,quotedMessage:this.replyMessage?this.replyMessage.message:"",isEditing:!!this.editingMessage,canSendTextMessage:this.isTextMessagingAllowed(),canSendFiles:this.isFileMessagingAllowed(),disableEmojiPicker:!!(null===(a=null===(e=this.meeting)||void 0===e?void 0:e.__internals__)||void 0===a?void 0:a.features.hasFeature(v.DISABLE_EMOJI_PICKER)),maxLength:this.meeting.chat.maxTextLimit,rateLimits:this.meeting.chat.rateLimits,inputTextPlaceholder:this.t("chat.message_placeholder"),onNewMessage:this.onNewMessageHandler,onEditMessage:this.onEditMessageHandler,onEditCancel:this.onEditCancel,onQuotedMessageDismiss:this.onQuotedMessageDismiss},i),r("slot",{name:"chat-addon",slot:"chat-addon"}))}renderFullChat(){if(this.creatingChannel)return r("div",{class:"banner"},r("rtk-spinner",{size:"lg"}));if(0===this.channels.length||!this.selectedChannelId)return r("div",{class:"banner"},r("rtk-icon",{icon:this.iconPack.create_channel_illustration,slot:"start",class:"create-channel-illustration"}),r("rtk-button",{kind:"wide",variant:"primary",size:"md",onClick:this.onChannelCreateClicked,class:"welcome-new-channel"},r("rtk-icon",{icon:this.iconPack.add,slot:"start"}),r("span",null,this.t("chat.new_channel"))),("mobile"===this.selectorState||"hide"===this.selectorState)&&r("rtk-button",{kind:"button",variant:"secondary",size:"md",class:"view-chats-btn",onClick:()=>{this.selectorState="mobile"}},r("rtk-icon",{icon:this.iconPack.chat,slot:"start"}),r("span",null,this.t("chat.view_chats"))));const t=this.channels.find((t=>t.id===this.selectedChannelId));return r("div",{class:"chat"},r("rtk-channel-header",{slot:"header",meeting:this.meeting,channel:t,onSearch:this.onSearchHandler,onSearchDismissed:this.onSearchDismissed,showBackButton:"mobile"===this.selectorState||"hide"===this.selectorState,onBack:()=>{this.selectorState="mobile"}}),""!==this.searchQuery&&r("rtk-chat-search-results",{meeting:this.meeting,query:this.searchQuery,channelId:this.selectedChannelId}),""===this.searchQuery&&r("rtk-chat-messages-ui-paginated",{meeting:this.meeting,size:this.size,iconPack:this.iconPack,t:this.t,selectedChannelId:this.selectedChannelId,selectedChannel:t}))}render(){var t,a;if(!this.meeting)return null;const i={iconPack:this.iconPack,t:this.t,size:this.size},o=null===(t=this.meeting)||void 0===t?void 0:t.self.userId;let s=this.chatGroups[this.selectedGroup]||[];return this.showPinnedMessages&&0!==this.meeting.chat.pinned.length&&(s=s.filter((t=>"chat"===t.type&&t.message.pinned))),r(e,null,this.isChatViewType&&this.renderHeadlessComponents(),r("div",{class:"chat-container"},this.isChatViewType&&r("div",{class:{"selector-container":!0,[this.selectorState]:!0}},r("rtk-channel-selector-view",{channels:this.getChannelItems(),selectedChannelId:this.selectedChannelId,onChannelChange:this.onChannelChanged,t:this.t},r("div",{class:"channel-selector-header",slot:"header"},r("rtk-logo",{meeting:this.meeting,config:this.config,t:this.t}),r("rtk-tooltip",{label:this.t("chat.new_channel")},r("rtk-button",{kind:"button",variant:"ghost",size:"md",onClick:this.onChannelCreateClicked,class:"channel-create-btn"},r("rtk-icon",{icon:this.iconPack.add}))))),r("rtk-button",{kind:"icon",variant:"ghost",class:"mobile-close-btn",onClick:()=>this.selectorState="hide"},r("rtk-icon",{icon:this.iconPack.dismiss}))),r("div",{class:"chat"},this.isFileMessagingAllowed()&&r("div",{id:"dropzone",class:{active:this.dropzoneActivated},part:"dropzone"},r("rtk-icon",{icon:this.iconPack.attach}),r("p",null,this.t("chat.send_attachment"))),this.renderPinnedMessagesHeader(),this.isPrivateChatSupported()&&r("rtk-channel-selector-view",{channels:this.getPrivateChatRecipients(),selectedChannelId:(null===(a=this.selectedParticipant)||void 0===a?void 0:a.userId)||"everyone",onChannelChange:this.updateRecipients,t:this.t,viewAs:"dropdown"}),this.isChatViewType?this.renderFullChat():this.usePaginatedChat()?r("rtk-chat-messages-ui-paginated",{meeting:this.meeting,onPinMessage:this.onPinMessage,onDeleteMessage:this.onDeleteMessage,size:this.size,iconPack:this.iconPack,t:this.t}):r("rtk-chat-messages-ui",Object.assign({messages:s,selfUserId:o,selectedGroup:this.selectedGroup,onPinMessage:this.onPinMessage,canPinMessages:this.canPinMessages},i)),this.renderComposerUI())))}get host(){return s(this)}static get watchers(){return{meeting:["meetingChanged"],chatGroups:["chatGroupsChanged"],displayFilter:["onDisplayFilterChanged"]}}};Ct([z()],zt.prototype,"meeting",void 0),Ct([z()],zt.prototype,"size",void 0),Ct([z()],zt.prototype,"iconPack",void 0),Ct([z()],zt.prototype,"t",void 0),zt.style=":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";var Rt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Ot={messagesSent:0,startTime:0},Pt=class{constructor(r){t(this,r),this.onNewMessage=a(this,"newMessage",7),this.onEditMessage=a(this,"editMessage",7),this.onEditCancel=a(this,"editCancel",7),this.onQuotedMessageDismiss=a(this,"quotedMessageDismiss",7),this.canSendTextMessage=!0,this.canSendFiles=!0,this.message="",this.quotedMessage="",this.storageKey="rtk-text-message",this.inputTextPlaceholder="Enter your message",this.isEditing=!1,this.iconPack=c,this.t=d(),this.disableEmojiPicker=!1,this.rateLimits={period:60,maxInvocations:60},this.fileToUpload=null,this.isEmojiPickerOpen=!1,this.disableSendButton=!1,this.rateLimitsBreached=!1,this.textMessage="",this.sendFile=()=>{this.canSendFiles&&(this.onNewMessage.emit("image"===this.fileToUpload.type?{type:"image",image:this.fileToUpload.file}:{type:"file",file:this.fileToUpload.file}),this.fileToUpload=null)},this.handleSendMessage=()=>{if(!this.canSendTextMessage||this.rateLimitsBreached)return;if(null!==this.fileToUpload)return void this.sendFile();const t=this.textMessage,r=Date.now();r-Ot.startTime>1e3*this.rateLimits.period&&(Ot.startTime=r,Ot.messagesSent=0),Ot.messagesSent+=1,this.checkRateLimitBreached(r),t.length>0&&(this.onNewMessage.emit({type:"text",message:t}),this.cleanup())},this.handleEditMessage=()=>{this.onEditMessage.emit(this.textMessage),this.cleanup()},this.handleEditCancel=()=>{this.onEditCancel.emit(),this.cleanup()},this.onTextChangeHandler=t=>{var r;this.textMessage=t.detail,this.textMessage.length>=(null!==(r=this.maxLength)&&void 0!==r?r:L)?this.disableSendButton=!0:this.disableSendButton&&(this.disableSendButton=!1),u.setItem(this.storageKey,t.detail)},this.onKeyDownHandler=t=>{"Enter"===t.key&&t.shiftKey||this.disableSendButton||"Enter"===t.key&&(t.preventDefault(),this.isEditing?this.handleEditMessage():this.handleSendMessage())},this.onFileUploadHandler=(t,r)=>{this.fileToUpload={type:t,file:r}},this.onQuotedMessageDismissHandler=()=>{this.onQuotedMessageDismiss.emit()},this.cleanup=()=>{this.textMessage="",this.fileToUpload=null,u.setItem(this.storageKey,""),this.$textComposer.setText("",!0),this.isEmojiPickerOpen=!1},this.onKeyDownHandler=this.onKeyDownHandler.bind(this)}connectedCallback(){this.textMessage=this.message||u.getItem(this.storageKey)||"",this.checkRateLimitBreached(Date.now())}componentWillUpdate(){this.textMessage=this.message||u.getItem(this.storageKey)||""}componentDidLoad(){this.message&&i((()=>this.$textComposer.setText(this.message,!0)))}checkRateLimitBreached(t){Ot.messagesSent>=this.rateLimits.maxInvocations&&(this.disableSendButton=!0,this.rateLimitsBreached=!0,setTimeout((()=>{Ot.messagesSent=0,Ot.startTime=Date.now(),this.disableSendButton=!1,this.rateLimitsBreached=!1}),t-Ot.startTime+1e3*this.rateLimits.period))}render(){var t;const a={iconPack:this.iconPack,t:this.t};return r(e,{key:"a672e9492db4fc74dabda1c294883706903d0e86"},this.canSendTextMessage&&this.isEmojiPickerOpen&&r("rtk-emoji-picker",Object.assign({key:"a75c42c1d308425ee58c91dc765eb7e785646049",part:"emoji-picker",onPickerClose:()=>{this.isEmojiPickerOpen=!1},onRtkEmojiClicked:t=>{this.textMessage+=t.detail,this.$textComposer.setText(this.textMessage,!0)}},a)),r("slot",{key:"a0edb07fc7c7dea7b994c4b335f6c2c9f4e1fb09",name:"chat-addon"}),this.quotedMessage&&0!==this.quotedMessage.length&&r("div",{key:"53c3efb018ee3a06d35d01e4c6b18d528a5fc271",class:"quoted-message-container",part:"quoted-message-container"},r("div",{key:"101e62eb4a7a03ce5eefbcc5f67c5fce34eb292f",class:"quoted-message scrollbar"},r("rtk-text-message-view",{key:"9e3ae5e8d1d46ffcdd03ae2d3487734257ae4425",text:this.quotedMessage,isMarkdown:!0})),r("div",{key:"089bde9c6be382e1b04bce8af318b776f492718e"},r("rtk-icon",{key:"b04ec3f54c1886690ba70f3eb21eb8372db3ef3c","aria-label":this.t("dismiss"),class:"dismiss",icon:this.iconPack.dismiss,onClick:this.onQuotedMessageDismissHandler}))),r("div",{key:"f531b78b2895fbb2f37bf937c60603f35c802cb4",class:"composer-container"},r("div",{key:"2c9389a3c823f4efabe4712b2166b477103a8667",class:"composers"},this.fileToUpload&&r("rtk-draft-attachment-view",Object.assign({key:"38b0366c7d131695b331ba7efe595bf10120f9bb"},a,{attachment:this.fileToUpload,onDeleteAttachment:()=>this.fileToUpload=null})),!this.fileToUpload&&r("rtk-text-composer-view",{key:"ef82106370bb9e64c3275004a27aa38dcdca6480",value:this.textMessage,placeholder:this.inputTextPlaceholder,onTextChange:this.onTextChangeHandler,keyDownHandler:this.onKeyDownHandler,maxLength:null!==(t=this.maxLength)&&void 0!==t?t:L,rateLimitBreached:this.rateLimitsBreached,t:this.t,iconPack:this.iconPack,ref:t=>this.$textComposer=t})),r("div",{key:"c6a524f4b9c130c429e6e87add59e85439adca2d",class:"chat-buttons",part:"chat-buttons"},r("div",{key:"0280b7dad1c85d51bd196c2bfade66979a362bd6",class:"left",part:"chat-buttons-left"},!this.fileToUpload&&!this.isEditing&&r("div",{key:"9caff064ea2a5e78f84a7c8072e99f4f944345fa"},this.canSendFiles&&[r("rtk-file-picker-button",Object.assign({key:"581b6351c4d9b2d7e376b95d494e2e3116c2cf61"},a,{onFileChange:t=>this.onFileUploadHandler("file",t.detail)})),r("rtk-file-picker-button",Object.assign({key:"08c3c03637d516c0c7557872f408a040ade455c4",filter:"image/*",label:this.t("chat.send_img"),icon:"image",onFileChange:t=>this.onFileUploadHandler("image",t.detail)},a))],this.canSendTextMessage&&!this.disableEmojiPicker&&r("rtk-emoji-picker-button",Object.assign({key:"10f628d5aee40f80f2f6e10717a69f0a420ea60e",isActive:this.isEmojiPickerOpen,onClick:()=>{this.isEmojiPickerOpen=!this.isEmojiPickerOpen}},a)),r("slot",{key:"782450debcfcb1ae7effe6cc3fabc176b1a17e12",name:"chat-buttons"}))),r("div",{key:"39d9e3b86a6d6e9788d71a6e6f7928cb694e5c54",class:"right",part:"chat-buttons-right"},!this.isEditing&&r("rtk-tooltip",{key:"e5a182cc2ce7ca563de2e7438679119bbc0ea4e3",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},r("rtk-button",{key:"da1d029ad519b2bdb4c43b610372ee5cbcdb3ffd",kind:"icon",disabled:this.disableSendButton,onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},r("rtk-icon",{key:"608f9769aaf2689a50ae9ba616218aba4ce10370",icon:this.iconPack.send}))),this.isEditing&&r("div",{key:"7bc9c5c60f9dca00a3fabd2bb9c9ff64ba32eb66",class:"edit-buttons"},r("rtk-tooltip",{key:"f203cb3b1f6097c84ebe9bdce87913383d561f35",variant:"secondary",label:this.t("cancel"),delay:2e3},r("rtk-button",{key:"36720b4a31fa853a3e7de18442acf00bd32406c9",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},r("rtk-icon",{key:"f4ed9e89f3633db7a3850539517f86ffb48fde96",icon:this.iconPack.dismiss}))),r("rtk-tooltip",{key:"e66251c4572d124359edaffb551b3aaf3e9d52ee",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},r("rtk-button",{key:"7f3be6fd93e61d0735ec0c5d36cec9bd65d0a164",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},r("rtk-icon",{key:"7b092e18376c32ac441fa57fbb758c8a452bec2f",icon:this.iconPack.checkmark}))))))))}};Rt([z()],Pt.prototype,"iconPack",void 0),Rt([z()],Pt.prototype,"t",void 0),Pt.style=":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";var St=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const $t=class{constructor(e){t(this,e),this.edit=a(this,"edit",7),this.reply=a(this,"reply",7),this.pin=a(this,"pin",7),this.delete=a(this,"delete",7),this.iconPack=c,this.t=d(),this.isSelf=!1,this.canEdit=!1,this.canDelete=!1,this.canReply=!1,this.canPin=!1,this.disableControls=!1,this.alignRight=!1,this.hideAvatar=!1,this.now=new Date,this.leftAlign=!1,this.renderMessage=()=>{switch(this.message.type){case"text":return r("div",{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&r("div",{class:"new-chat-marker",part:"new-chat-marker"},this.t("chat.new")),r("rtk-text-message",{message:this.message,now:this.now,isContinued:this.isContinued,"data-timestamp":this.message.time.getTime(),iconPack:this.iconPack,t:this.t,showBubble:!0}));case"image":return r("div",{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&r("div",{class:"new-chat-marker",part:"new-chat-marker"},this.t("chat.new")),r("rtk-image-message",{message:this.message,now:this.now,isContinued:this.isContinued,iconPack:this.iconPack,"data-timestamp":this.message.time.getTime(),t:this.t,showBubble:!0}));case"file":return r("div",{"is-continued":this.isContinued,key:this.message.id},this.isUnread&&r("div",{class:"new-chat-marker",part:"new-chat-marker"},this.t("chat.new")),r("rtk-file-message",{message:this.message,now:this.now,isContinued:this.isContinued,iconPack:this.iconPack,t:this.t,"data-timestamp":this.message.time.getTime(),showBubble:!0}));case"custom":this.child.setAttribute("message",JSON.stringify(this.message));const t=this.child.cloneNode(!0);return r("div",{"is-continued":this.isContinued,key:this.message.id,ref:r=>r.appendChild(t)})}},this.onReply=()=>{this.reply.emit(this.message)},this.onPinned=()=>{this.pin.emit(this.message)},this.onDelete=()=>{this.delete.emit(this.message)},this.onEdit=async()=>{this.edit.emit(this.message)},this.isTouchDevice=()=>"ontouchstart"in window||navigator.maxTouchPoints>0}renderControls(){if(!this.disableControls)return r("rtk-menu",{placement:this.alignRight?"bottom-end":"bottom-start"},r("button",{slot:"trigger",class:"actions"},r("rtk-icon",{icon:this.iconPack.chevron_down})),r("rtk-menu-list",null,this.canReply&&r("rtk-menu-item",{onClick:this.onReply},r("rtk-icon",{icon:this.iconPack.back,slot:"start"}),this.t("chat.reply")),this.canPin&&r("rtk-menu-item",{onClick:this.onPinned},r("rtk-icon",{icon:this.iconPack.pin,slot:"start"}),this.t("pin")),this.canEdit&&r("rtk-menu-item",{onClick:this.onEdit},r("rtk-icon",{icon:this.iconPack.edit,slot:"start"}),this.t("chat.edit_msg")),this.canDelete&&r("rtk-menu-item",{onClick:this.onDelete},r("rtk-icon",{icon:this.iconPack.delete,slot:"start"}),this.t("chat.delete_msg"))))}renderAvatar(){if(!this.hideAvatar)return this.isContinued?r("div",{class:"avatar"}):r("div",{class:"avatar"},r("rtk-avatar",{size:"sm",participant:{name:this.message.displayName,picture:this.senderDisplayPicture}}))}render(){return r(e,{key:"46d26d49f2f11697a5656d93278a0dfb157b13fd"},r("div",{key:"3e3555c8d3ea45256eaf8d46dbbbe56f02e54275",class:{"message-wrapper":!0,"align-right":this.alignRight,"left-align":this.leftAlign},"is-continued":this.isContinued},this.renderAvatar(),r("div",{key:"ceb96b104b12e2497d26ddf8c7d60aa928798107",class:{message:!0,"show-on-hover":!this.isTouchDevice()},"is-continued":this.isContinued},this.renderMessage(),this.renderControls())))}get $el(){return s(this)}};St([z()],$t.prototype,"size",void 0),St([z()],$t.prototype,"iconPack",void 0),St([z()],$t.prototype,"t",void 0),$t.style=".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";var Dt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Mt=class{constructor(r){t(this,r),this.onPinMessage=a(this,"pinMessage",7),this.stateUpdate=a(this,"rtkStateUpdate",7),this.observingEl=[],this.autoScrollEnabled=!0,this.messages=[],this.canPinMessages=!1,this.iconPack=c,this.t=d(),this.now=new Date,this.showLatestMessageButton=!1,this.onScroll=t=>{const r=t.target;i((()=>{const{scrollTop:t,clientHeight:e,scrollHeight:a}=r;t+e+10>=a?(this.autoScrollEnabled=!0,this.showLatestMessageButton=!1):this.autoScrollEnabled=!1}))},this.scrollToBottom=()=>{Y(this.$chat)},this.observeMessage=t=>{t&&this.observingEl.push(t);try{this.intersectionObserver.observe(t)}catch(t){}},this.getMessageActions=t=>{const r=[];return!t.pinned&&this.canPinMessages&&r.push({id:"pin_message",label:this.t("pin"),icon:this.iconPack.pin}),r},this.onMessageActionHandler=(t,r)=>{"pin_message"===t&&this.onPinMessage.emit(r)}}connectedCallback(){var t;this.lastReadTimestamp=null!==(t=f.everyone)&&void 0!==t?t:new Date("0001-01-01T00:00:00Z"),this.intersectionObserver=new IntersectionObserver((t=>{document.hasFocus()&&i((()=>{for(const r of t)r.isIntersecting&&parseInt(r.target.getAttribute("data-timestamp"))>this.lastReadTimestamp.getTime()&&(f[this.selectedGroup]=new Date)}))}));const r=()=>{this.now=new Date,this.timeout=setTimeout((()=>{null!=this.request&&(this.request=requestAnimationFrame(r))}),6e4)};this.request=requestAnimationFrame(r),this.chatChanged(this.messages)}componentDidLoad(){this.$chat.addEventListener("scroll",this.onScroll),this.$chat.scrollTop=this.$chat.scrollHeight}componentDidRender(){this.autoScrollEnabled?Y(this.$chat):null==this.autoScrollEnabled&&Y(this.$chat,!1)}chatChanged(t){if(null!=this.$chat&&!this.autoScrollEnabled&&this.$chat.clientHeight!==this.$chat.scrollHeight)for(let r=t.length-1;r>=0;r--)if(t[r].message.time>this.lastReadTimestamp&&t[r].message.userId!==this.selfUserId){this.showLatestMessageButton=!0;break}}selectedBucketChanged(){this.autoScrollEnabled=void 0,this.observingEl.forEach((t=>{this.intersectionObserver.unobserve(t)})),this.observingEl=[]}disconnectedCallback(){this.$chat.removeEventListener("scroll",this.onScroll),this.intersectionObserver.disconnect(),clearTimeout(this.timeout),cancelAnimationFrame(this.request)}render(){var t;let a=null,i=!1;return r(e,{key:"01c61fd2a60ca11df413406967eb80af92d07de0"},r("div",{key:"b1a6ad7904236a7fdb50034f33de979faa080ef6",class:"chat-container scrollbar",ref:t=>this.$chat=t,part:"container"},r("div",{key:"95664e4f9b8faae0c31c128abc6f54cf5bcd6acf",class:"spacer",part:"spacer"}),r("div",{key:"e0c40200e05026bb748e608ba6abb6f02b5a701c",class:"chat",part:"chat"},null===(t=this.messages)||void 0===t?void 0:t.map((t=>{if("chat"===t.type){const{message:e}=t,o=!(e.userId===this.selfUserId)&&!this.autoScrollEnabled&&!i&&e.time>this.lastReadTimestamp;o&&(i=o);const s=!o&&e.userId===(null==a?void 0:a.userId)&&I(e.time,null==a?void 0:a.time)<2;return a=e,r("div",{"is-continued":s,key:t.message.id,ref:this.observeMessage,"data-timestamp":e.time.getTime(),class:e.pinned?"pinned":""},o&&r("div",{class:"new-chat-marker",part:"new-chat-marker"},this.t("chat.new")),r("div",{class:"message-wrapper"},r("rtk-message-view",{time:e.time,actions:this.getMessageActions(e),authorName:e.displayName,hideAuthorName:!0,hideAvatar:!0,hideMetadata:!0,viewType:"incoming",variant:"bubble",onAction:t=>this.onMessageActionHandler(t.detail,e)},r("div",null,!s&&r("div",{class:"head"},r("div",{class:"name"},e.displayName),!!e.time&&r("div",{class:"time",title:q(e.time)},N(e.time,new Date(Date.now())))),r("div",{class:"body"},"text"===e.type&&r("rtk-text-message-view",{text:e.message,isMarkdown:!0}),"file"===e.type&&r("rtk-file-message-view",{name:e.name,url:e.link,size:e.size}),"image"===e.type&&r("rtk-image-message-view",{url:e.link,onPreview:()=>{this.stateUpdate.emit({image:e})}})))),e.pinned&&r("div",{class:"pin-button",part:"pin-button"},r("rtk-tooltip",{label:this.t("unpin")},r("rtk-button",{kind:"icon",variant:"ghost",onClick:()=>this.onMessageActionHandler("pin_message",e),disabled:!this.canPinMessages},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}))))))}return null})))),r("div",{key:"84333af1150e9e30982b3bc27431296181c58c18",class:"show-new-messages-ctr"},r("rtk-button",{key:"21b5c13d59fc4ef0b18870a916f155b4660ad706",class:{"show-new-messages":!0,active:this.showLatestMessageButton},kind:"icon",part:"show-new-messages",onClick:this.scrollToBottom},r("rtk-icon",{key:"beb6880a734bdc3feeb6b630af54d6b1d89273e3",icon:this.iconPack.chevron_down}))))}static get watchers(){return{messages:["chatChanged"],selectedGroup:["selectedBucketChanged"]}}};Dt([z()],Mt.prototype,"size",void 0),Dt([z()],Mt.prototype,"iconPack",void 0),Dt([z()],Mt.prototype,"t",void 0),Mt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--rtk-space-2, 8px);overflow-wrap:break-word;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-message-view{margin-top:var(--rtk-space-4, 16px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";var Ut=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Tt=class{constructor(e){t(this,e),this.editMessageInit=a(this,"editMessageInit",7),this.onPinMessage=a(this,"pinMessage",7),this.onDeleteMessage=a(this,"deleteMessage",7),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=c,this.t=d(),this.leftAlign=!1,this.permissionsChanged=!1,this.pageSize=25,this.lastReadMessageIndex=-1,this.permissionsUpdateListener=()=>{this.permissionsChanged=!this.permissionsChanged},this.maybeMarkChannelAsRead=t=>{if(!this.selectedChannelId)return;if(0===t.length)return;if(-1!==this.lastReadMessageIndex)return;const r=t.at(0).time>t.at(-1).time?t.at(0):t.at(-1);r.channelIndex&&(this.lastReadMessageIndex=parseInt(r.channelIndex,10),this.meeting.chat.markLastReadMessage(this.selectedChannelId,r))},this.getChatMessages=async(t,r,e)=>{const{messages:a}=await this.meeting.chat.getMessages(t,r,e,void 0,this.selectedChannelId);return this.maybeMarkChannelAsRead(a),a},this.createChatNodes=t=>t.map(((r,e)=>{var a;const i=r.userId===(null===(a=t[e-1])||void 0===a?void 0:a.userId);return this.createChatNode(r,i)})),this.disconnectMeeting=t=>{var r,e;null===(r=null==t?void 0:t.chat)||void 0===r||r.removeListener("chatUpdate",this.chatUpdateListener),null===(e=this.meeting)||void 0===e||e.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)},this.getMessageActions=t=>{const r=[];return this.meeting.self.permissions.pinParticipant&&r.push({id:"pin_message",label:this.t(t.pinned?"unpin":"pin"),icon:this.iconPack.pin}),r},this.onMessageActionHandler=(t,r)=>{switch(t){case"pin_message":this.onPinMessage.emit(r);break;case"delete_message":this.onDeleteMessage.emit(r)}},this.createChatNode=(t,e)=>{var a,i,o,s;if(0!==t.targetUserIds.length)return null;let n;return n="CHAT"===this.meeting.meta.viewType?null===(a=this.meeting.participants.all.toArray().find((r=>r.userId===t.userId)))||void 0===a?void 0:a.picture:this.meeting.self.userId===t.userId?this.meeting.self.picture:null!==(o=null===(i=this.meeting.participants.joined.toArray().find((r=>r.userId===t.userId)))||void 0===i?void 0:i.picture)&&void 0!==o?o:null===(s=this.meeting.participants.waitlisted.toArray().find((r=>r.userId===t.userId)))||void 0===s?void 0:s.picture,r("div",{class:{pinned:t.pinned}},r("div",{class:"message-wrapper"},r("rtk-message-view",{time:t.time,actions:this.getMessageActions(t),authorName:t.displayName,avatarUrl:n,hideAuthorName:e,viewType:"incoming",variant:"bubble",onAction:r=>this.onMessageActionHandler(r.detail,t)},r("div",null,r("div",{class:"body"},"text"===t.type&&r("rtk-text-message-view",{text:t.message,isMarkdown:!0}),"file"===t.type&&r("rtk-file-message-view",{name:t.name,url:t.link,size:t.size}),"image"===t.type&&r("rtk-image-message-view",{url:t.link,onPreview:()=>{this.stateUpdate.emit({image:t})}})),t.pinned&&r("div",{class:"pin-icon",part:"pin-icon"},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}))))))},this.chatUpdateListener=t=>{this.selectedChannelId&&t.message.channelId!==this.selectedChannelId||("add"===t.action?(this.$paginatedListRef.onNewNode(t.message),this.lastReadMessageIndex=-1,this.maybeMarkChannelAsRead([t.message])):"delete"===t.action?this.$paginatedListRef.onNodeDelete(t.message.id):"edit"===t.action&&this.$paginatedListRef.onNodeUpdate(t.message.id,t.message))}}componentDidLoad(){const t=this.host.shadowRoot.querySelector("slot");t&&(this.children=t.assignedElements()[0])}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}meetingChanged(t,r){var e;null!=r&&this.disconnectMeeting(r),t&&!t.chat||(null!=t&&(null===(e=t.chat)||void 0===e||e.addListener("chatUpdate",this.chatUpdateListener),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)),this.permissionsUpdateListener())}channelChanged(){this.lastReadMessageIndex=-1}render(){return r(e,{key:"088b35f5fe196ed2b3271a0b36eef02df47f28e0"},r("rtk-paginated-list",{key:"a856bde7e481f78b081dcd20351d872a6dd687fa",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes,selectedItemId:this.selectedChannelId,emptyListLabel:this.t("chat.empty_channel")},r("slot",{key:"a4c15d852264ca50ae784a8b26b052585b0acac8"})))}get host(){return s(this)}static get watchers(){return{meeting:["meetingChanged"],selectedChannelId:["channelChanged"]}}};Ut([z()],Tt.prototype,"meeting",void 0),Ut([z()],Tt.prototype,"size",void 0),Ut([z()],Tt.prototype,"iconPack",void 0),Ut([z()],Tt.prototype,"t",void 0),Tt.style=":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";var Lt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const At=class{constructor(e){t(this,e),this.iconPack=c,this.t=d(),this.pageSize=50,this.searchMessages=async(t,r,e)=>this.meeting.chat.searchMessages(this.query,{channelId:this.channelId,timestamp:t,size:r,reversed:e}),this.nodeRenderer=t=>t.map((t=>r("rtk-chat-message",{key:t.id,message:t,disableControls:!0})))}render(){return r(e,{key:"f94f965504c412fd2a33fd9f50a8baaedd05f3ab"},r("rtk-paginated-list",{key:"6e21d19a60937f67733162a2f2fcdae290c5991f",pageSize:this.pageSize,pagesAllowed:3,fetchData:this.searchMessages,createNodes:this.nodeRenderer,selectedItemId:this.query}))}};Lt([z()],At.prototype,"meeting",void 0),Lt([z()],At.prototype,"iconPack",void 0),Lt([z()],At.prototype,"t",void 0),At.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";var Et=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const It=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=c,this.t=d(),this.close=()=>{this.states.activeConfirmationModal.onClose(this.stateUpdate,this.states,this.meeting),this.stateUpdate.emit({activeConfirmationModal:{active:!1}}),this.states.activeConfirmationModal={active:!1}},this.onConfirmation=async()=>{this.states.activeConfirmationModal.onClick(this.stateUpdate,this.states,this.meeting),this.stateUpdate.emit({activeConfirmationModal:{active:!1}}),this.states.activeConfirmationModal={active:!1}}}connectedCallback(){document.addEventListener("keydown",this.keyPressListener)}componentDidLoad(){}disconnectedCallback(){document.removeEventListener("keydown",this.keyPressListener)}render(){var t,a;const i=this.states.activeConfirmationModal;return r(e,{key:"e9a8a58afa42b97d8dba92f3619b3b0b67160d04"},r("div",{key:"5ad16431e2157600116bbdbf47c194d8a4980621",class:"leave-modal"},r("div",{key:"9285137f1130bcc7f67183e476e5464688ccff90",class:"header"},r("h2",{key:"ef2144a5de17b8f1dd41f4bf765e3da17ae058e5",class:"title"},this.t(i.header?i.header:"cta.confirmation"))),r("p",{key:"e33ca25f27a755c747f9ea1ad09e84b44d5bf244",class:"message"},i.content?this.t(i.content):""),r("div",{key:"abaa111cd5ce55d51d3a94d3a82531f71adb4ec3",class:"content"},r("div",{key:"098e8adc7921dbe0bdef7b6cfd4f25a4ea230241",class:"leave-meeting"},r("rtk-button",{key:"d5942cec2e3eb5740bf3e8a7bb2ce246432328e7",variant:"secondary",title:this.t(i.cancelText?i.cancelText:"cancel"),onClick:this.close,class:"br-secondary-btn"},this.t(i.cancelText?i.cancelText:"cancel")),r("rtk-button",{key:"1fb2aa08c28b7c5553f831367fa3d2b13b11a082",onClick:()=>this.onConfirmation(),variant:null!==(a=null===(t=this.states.activeConfirmationModal)||void 0===t?void 0:t.variant)&&void 0!==a?a:"danger",title:this.t(i.ctaText?i.ctaText:"yes")},this.t(i.ctaText?i.ctaText:"yes"))))))}};Et([z()],It.prototype,"meeting",void 0),Et([z()],It.prototype,"states",void 0),Et([z()],It.prototype,"iconPack",void 0),Et([z()],It.prototype,"t",void 0),It.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-message p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";var qt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Nt=class{constructor(r){t(this,r),this.onChange=a(this,"valueChange",7),this.input="1",this.minValue=0,this.iconPack=c,this.t=d()}connectedCallback(){this.watchStateHandler(this.input),this.input=this.value.toString()}watchStateHandler(t){this.onChange.emit(t)}increment(){this.input=Math.max(parseInt(this.input)+1,this.minValue).toString()}decrement(){this.input=Math.max(this.minValue,parseInt(this.input)-1).toString()}render(){return r(e,{key:"69da144af824d130db538c62561020197f7b93fa"},r("rtk-button",{key:"c31072304b50d8f4eb75379ad9cf924762107425",kind:"icon",variant:"ghost",onClick:()=>this.decrement()},r("rtk-icon",{key:"ff4247e38e693b1a642cebb6c7dc4efc675945de",icon:this.iconPack.subtract})),r("input",{key:"ffe5abe4110565707ec1fcd26e74fae44cf9f7a9",type:"number",value:this.input,min:this.minValue,onInput:t=>{const r=parseInt(t.target.value,10);this.input=isNaN(r)||r<this.minValue?this.minValue.toString():r.toString()}}),r("rtk-button",{key:"5b063c1a3698c7f8ccbd6e7fb406efe0905a260b",kind:"icon",variant:"ghost",onClick:()=>this.increment()},r("rtk-icon",{key:"dbc1a35da59b9973eceab21fdf6fcb395942ac45",icon:this.iconPack.add})))}static get watchers(){return{input:["watchStateHandler"]}}};qt([z()],Nt.prototype,"size",void 0),qt([z()],Nt.prototype,"iconPack",void 0),qt([z()],Nt.prototype,"t",void 0),Nt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";var Gt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Yt=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=c,this.t=d(),this.activeTab="audio",this.isMobileMainVisible=!1,this.progress=0}connectedCallback(){document.addEventListener("keydown",this.keyPressListener)}disconnectedCallback(){this.keyPressListener&&document.removeEventListener("keydown",this.keyPressListener)}progressUpdate(t){this.progress=t.detail}changeTab(t){this.activeTab=t,"sm"===this.size&&(this.isMobileMainVisible||(this.isMobileMainVisible=!0))}close(){this.stateUpdate.emit({activeDebugger:!1})}getActiveTab(){switch(this.activeTab){case"audio":return this.t("debugger.audio.troubleshooting.label");case"screenshare":return this.t("debugger.screenshare.troubleshooting.label");case"video":return this.t("debugger.video.troubleshooting.label");case"system":return this.t("debugger.system.troubleshooting.label");default:return this.t("debugger.troubleshooting.label")}}render(){if(null==this.meeting)return null;const t={meeting:this.meeting,states:this.states,iconPack:this.iconPack,t:this.t,size:this.size},a=this.getActiveTab(),i=void 0!==navigator.getBattery;return r(e,null,r("aside",{class:{hide:this.isMobileMainVisible},part:"menu"},r("header",null,r("h3",null,this.t("debugger.troubleshooting.label"))),r("button",{type:"button",class:{active:"audio"===this.activeTab},onClick:()=>this.changeTab("audio")},this.t("debugger.audio.label"),r("div",{class:"right"},r("rtk-icon",{icon:this.iconPack.mic_on}),"sm"===this.size&&r("rtk-icon",{icon:this.iconPack.chevron_right}))),r("button",{type:"button",class:{active:"video"===this.activeTab},onClick:()=>this.changeTab("video")},this.t("debugger.video.label"),r("div",{class:"right"},r("rtk-icon",{icon:this.iconPack.video_on}),"sm"===this.size&&r("rtk-icon",{icon:this.iconPack.chevron_right}))),r("button",{type:"button",class:{active:"screenshare"===this.activeTab},onClick:()=>this.changeTab("screenshare")},this.t("debugger.screenshare.label"),r("div",{class:"right"},r("rtk-icon",{icon:this.iconPack.share_screen_start}),"sm"===this.size&&r("rtk-icon",{icon:this.iconPack.chevron_right}))),r("button",{type:"button",class:{active:"system"===this.activeTab,hidden:!i},onClick:()=>this.changeTab("system")},this.t("debugger.system.label"),r("div",{class:"right"},r("rtk-icon",{icon:this.iconPack.settings}),"sm"===this.size&&r("rtk-icon",{icon:this.iconPack.chevron_right})))),r("main",{class:{active:this.isMobileMainVisible},part:"main-content"},"sm"===this.size&&r("header",null,r("rtk-button",{kind:"icon",class:"back-btn",onClick:()=>this.isMobileMainVisible=!1},r("rtk-icon",{icon:this.iconPack.chevron_left})),r("h4",null,a)),"audio"===this.activeTab&&r("rtk-debugger-audio",Object.assign({},t)),"video"===this.activeTab&&r("rtk-debugger-video",Object.assign({},t)),"screenshare"===this.activeTab&&r("rtk-debugger-screenshare",Object.assign({},t)),"system"===this.activeTab&&i&&r("rtk-debugger-system",Object.assign({},t))))}};function Bt({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}function Jt({packetLossPercentage:t}){let r="Good";return t>4?r="Poor":t>=1&&t<=4&&(r="Average"),r}function Ft({jitterInMS:t}){let r="Good";return t>100?r="Poor":t>=50&&t<=100&&(r="Average"),r}function Xt({bitrate:t}){let r="Good";return 0===Math.round(t/1024)&&(r="Poor"),r}function Ht({batteryLevelPercentage:t}){let r="Good";return t<20?r="Poor":t<50&&(r="Average"),r}function Wt({charging:t,dischargingTimeInSeconds:r,batteryLevelPercentage:e}){return e<20?"Poor":t?"Good":r<1800?"Poor":"Average"}Gt([z()],Yt.prototype,"meeting",void 0),Gt([z()],Yt.prototype,"states",void 0),Gt([z()],Yt.prototype,"size",void 0),Gt([z()],Yt.prototype,"iconPack",void 0),Gt([z()],Yt.prototype,"t",void 0),Yt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";var Kt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Vt=class{constructor(r){t(this,r),this.iconPack=c,this.t=d(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"audio"!==t||r||(this.audioProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getAudioDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.audioUpdateListener=()=>{this.meeting.self.audioEnabled||(this.audioProducerScoreStats=null)}}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:Xt({bitrate:r.bitrate,kind:"audio",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:Jt({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:Ft({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e,this.networkBasedMediaHealth=Bt({kind:"audio",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("audioUpdate",this.audioUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("audioUpdate",this.audioUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,a;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.audio.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(a=this.networkBasedMediaHealth)||void 0===a?void 0:a.toLowerCase()}`))),this.isNetworkOpen&&!this.audioProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.audioEnabled?"debugger.audio.messages.generating_report":"debugger.audio.messages.enable_media"))),this.isNetworkOpen&&!!this.audioProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.audioProducerFormattedStats.map((t=>{var e,a;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(a=t.verdict)||void 0===a?void 0:a.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};Kt([z()],Vt.prototype,"meeting",void 0),Kt([z()],Vt.prototype,"states",void 0),Kt([z()],Vt.prototype,"size",void 0),Kt([z()],Vt.prototype,"iconPack",void 0),Kt([z()],Vt.prototype,"t",void 0),Vt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";var Qt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Zt=class{constructor(r){t(this,r),this.iconPack=c,this.t=d(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"===t&&r&&(this.videoProducerScoreStats=e),"audio"===t&&r&&(this.audioProducerScoreStats=e)},this.screenShareUpdateListener=()=>{this.meeting.self.screenShareEnabled||(this.videoProducerScoreStats=null,this.audioProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:Xt({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:Jt({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:Ft({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=Bt({kind:"video",isScreenshare:!1,stats:e})}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:Xt({bitrate:r.bitrate,kind:"audio",isScreenshare:!0})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:Jt({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:Ft({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("screenShareUpdate",this.screenShareUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("screenShareUpdate",this.screenShareUpdateListener))}render(){var t,a;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.screenshare.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(a=this.networkBasedMediaHealth)||void 0===a?void 0:a.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.screenShareEnabled?"debugger.screenshare.messages.generating_report":"debugger.screenshare.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,a;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(a=t.verdict)||void 0===a?void 0:a.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};Qt([z()],Zt.prototype,"meeting",void 0),Qt([z()],Zt.prototype,"states",void 0),Qt([z()],Zt.prototype,"size",void 0),Qt([z()],Zt.prototype,"iconPack",void 0),Qt([z()],Zt.prototype,"t",void 0),Zt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";var tr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const rr=class{constructor(r){t(this,r),this.iconPack=c,this.t=d(),this.isBatterySectionOpen=!0,this.batterySectionHealth=null,this.battery=null,this.batteryFormattedStats=[],this.batteryUpdateListener=()=>{const t=Math.round(100*this.battery.level),r=[];r.push({name:this.t("debugger.system.battery.level.label"),value:`${t}%`,description:this.t("debugger.system.battery.level.description"),verdict:Ht({batteryLevelPercentage:t})}),r.push({name:this.t("debugger.system.battery.charging.label"),value:`${this.t(this.battery.charging?"debugger.system.battery.charging.is_charging":"debugger.system.battery.charging.is_not_charging")}`,description:this.t("debugger.system.battery.charging.description"),verdict:Wt({batteryLevelPercentage:t,chargingTimeInSeconds:this.battery.chargingTime,dischargingTimeInSeconds:this.battery.dischargingTime,charging:this.battery.charging})}),this.batterySectionHealth=function({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}({stats:r}),this.batteryFormattedStats=r}}toggleSection(t){"battery"===t&&(this.isBatterySectionOpen=!this.isBatterySectionOpen)}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&this.battery&&(this.battery.removeEventListener("levelchange",this.batteryUpdateListener),this.battery.removeEventListener("chargingchange",this.batteryUpdateListener))}async meetingChanged(t){t&&void 0!==navigator.getBattery&&(this.battery=await navigator.getBattery(),this.battery.addEventListener("levelchange",this.batteryUpdateListener),this.battery.addEventListener("chargingchange",this.batteryUpdateListener),this.batteryUpdateListener())}render(){var t,a;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header",onClick:()=>this.toggleSection("battery")},r("span",null,this.t("debugger.system.sections.battery")),this.batterySectionHealth&&r("span",{class:`status ${null===(t=this.batterySectionHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(a=this.batterySectionHealth)||void 0===a?void 0:a.toLowerCase()}`))),this.isBatterySectionOpen&&!!this.batteryFormattedStats.length&&r("div",{class:"section-body battery-table"},this.batteryFormattedStats.map((t=>{var e,a;return r("div",{class:"battery-row"},r("div",{class:"battery-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"battery-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(a=t.verdict)||void 0===a?void 0:a.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{meeting:["meetingChanged"]}}};tr([z()],rr.prototype,"meeting",void 0),tr([z()],rr.prototype,"states",void 0),tr([z()],rr.prototype,"size",void 0),tr([z()],rr.prototype,"iconPack",void 0),tr([z()],rr.prototype,"t",void 0),rr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.battery-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.battery-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.battery-row:last-child{border-bottom:none}.battery-cell{display:flex;flex-direction:column}.battery-cell.label strong{font-size:14px}.battery-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.battery-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";var er=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ar=class{constructor(r){t(this,r),this.iconPack=c,this.t=d(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"!==t||r||(this.videoProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getVideoDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.videoUpdateListener=()=>{this.meeting.self.videoEnabled||(this.videoProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:Xt({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:Jt({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:Ft({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=Bt({kind:"video",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("videoUpdate",this.videoUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("videoUpdate",this.videoUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,a;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.video.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(a=this.networkBasedMediaHealth)||void 0===a?void 0:a.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.videoEnabled?"debugger.video.messages.generating_report":"debugger.video.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,a;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(a=t.verdict)||void 0===a?void 0:a.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};er([z()],ar.prototype,"meeting",void 0),er([z()],ar.prototype,"states",void 0),er([z()],ar.prototype,"size",void 0),er([z()],ar.prototype,"iconPack",void 0),er([z()],ar.prototype,"t",void 0),ar.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";var ir=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const or=class{constructor(r){t(this,r),this.onClose=a(this,"rtkDialogClose",7),this.hideCloseButton=!1,this.disableEscapeKey=!1,this.config=g,this.iconPack=c,this.t=d(),this.open=!0,this.close=()=>{this.open=!1,this.onClose.emit()},this.keydownListener=t=>{!this.disableEscapeKey&&"Escape"===t.key&&this.open&&this.close()}}connectedCallback(){document.addEventListener("keydown",this.keydownListener)}disconnectedCallback(){document.removeEventListener("keydown",this.keydownListener)}render(){return this.open?r(e,null,r("div",{id:"dialog",part:"container",role:"dialog","aria-modal":"true"},r("slot",null),!this.hideCloseButton&&r("rtk-button",{part:"close-button",id:"dismiss-btn",kind:"icon",variant:"ghost",onClick:()=>this.close(),type:"button","aria-label":this.t("dialog.close"),role:"button"},r("rtk-icon",{icon:this.iconPack.dismiss})))):null}};ir([z()],or.prototype,"meeting",void 0),ir([z()],or.prototype,"states",void 0),ir([z()],or.prototype,"size",void 0),ir([z()],or.prototype,"iconPack",void 0),ir([z()],or.prototype,"t",void 0),or.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);box-sizing:border-box;padding:var(--rtk-space-4, 16px);flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);color:rgb(var(--rtk-colors-text-1000, 255 255 255));visibility:hidden;display:none;overflow-wrap:break-word;word-wrap:break-word;z-index:60;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dialog{position:relative;max-height:100%;max-width:100%}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}:host([open]){visibility:visible;display:flex}:host([open='false']){visibility:hidden;display:none}";var sr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const nr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.config=g,this.iconPack=c,this.t=d(),this.updateStoreState=(t,r)=>{this.stateUpdate.emit({[t]:r})},this.cancelJoinStage=async()=>{var t,r,e;"ACCEPTED_TO_JOIN_STAGE"===(null===(t=this.meeting.stage)||void 0===t?void 0:t.status)&&await(null===(e=null===(r=this.meeting)||void 0===r?void 0:r.stage)||void 0===e?void 0:e.leave()),this.updateStoreState("activeJoinStage",!1)},this.joinStage=async()=>{await this.meeting.stage.join()},this.stageStatusUpdateListener=t=>{var r;(null===(r=this.states)||void 0===r?void 0:r.activeJoinStage)&&"ON_STAGE"===t&&this.updateStoreState("activeJoinStage",!1)}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)}meetingChanged(t){if(null==t)return;const{stage:r}=t;null==r||r.addListener("stageStatusUpdate",this.stageStatusUpdateListener)}render(){var t,a,i,o;const s={meeting:this.meeting,states:this.states,config:this.config,size:this.size,iconPack:this.iconPack,t:this.t},n=this.states;if(null!=(null==n?void 0:n.image)){const t=()=>{this.stateUpdate.emit({image:null})};return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:t,hideCloseButton:!0,iconPack:this.iconPack,t:this.t},r(B,{element:"rtk-image-viewer",defaults:s,props:{image:n.image,onClose:t}})))}if(!0===(null==n?void 0:n.activeSettings))return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeSettings",!1),iconPack:this.iconPack,t:this.t},r(B,{element:"rtk-settings",defaults:s})));if(!0===(null==n?void 0:n.activeDebugger))return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeDebugger",!1),iconPack:this.iconPack,t:this.t},r("rtk-debugger",Object.assign({},s))));if(!0===(null==n?void 0:n.activeLeaveConfirmation))return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeLeaveConfirmation",!1),iconPack:this.iconPack,t:this.t},r("rtk-leave-meeting",Object.assign({},s))));if(!0===(null===(t=null==n?void 0:n.activePermissionsMessage)||void 0===t?void 0:t.enabled))return r(e,null,r("rtk-dialog",{open:!0,hideCloseButton:!0,iconPack:this.iconPack,t:this.t},r("rtk-permissions-message",Object.assign({},s))));if(!0===(null===(a=null==n?void 0:n.activeBreakoutRoomsManager)||void 0===a?void 0:a.active))return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeBreakoutRoomsManager",{active:!1,data:void 0}),iconPack:this.iconPack,t:this.t},r("rtk-breakout-rooms-manager",Object.assign({},s))));if(!0===(null===(i=null==n?void 0:n.activeConfirmationModal)||void 0===i?void 0:i.active))return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeConfirmationModal",!1),iconPack:this.iconPack,t:this.t},r("rtk-confirmation-modal",Object.assign({},s))));if(!0===(null===(o=null==n?void 0:n.activeOverlayModal)||void 0===o?void 0:o.active))return r(e,null,r("rtk-overlay-modal",{meeting:this.meeting,states:this.states,iconPack:this.iconPack,t:this.t}));if(null==n?void 0:n.activeBroadcastMessageModal)return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>this.updateStoreState("activeBroadcastMessageModal",!1),iconPack:this.iconPack,t:this.t},r("rtk-broadcast-message-modal",Object.assign({},s))));if(!0===(null==n?void 0:n.activeJoinStage)){const t={title:this.t("stage.join_title"),label:{accept:this.t("stage.join_confirm"),reject:this.t("stage.join_cancel")},description:this.t("stage.join_summary")};return r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:this.cancelJoinStage,iconPack:this.iconPack,t:this.t},r("rtk-join-stage",Object.assign({dataConfig:t,onRtkJoinStage:this.joinStage,onRtkLeaveStage:this.cancelJoinStage},s))))}return!0===(null==n?void 0:n.activeMuteAllConfirmation)?r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>{this.updateStoreState("activeMuteAllConfirmation",!1)},iconPack:this.iconPack,t:this.t},r("rtk-mute-all-confirmation",Object.assign({},s)))):(null==n?void 0:n.activeChannelCreator)?r(e,null,r("rtk-dialog",{open:!0,onRtkDialogClose:()=>{this.updateStoreState("activeChannelCreator",!1)},iconPack:this.iconPack,t:this.t},r("rtk-channel-creator",Object.assign({},s)))):null}static get watchers(){return{meeting:["meetingChanged"]}}};sr([z()],nr.prototype,"meeting",void 0),sr([z()],nr.prototype,"states",void 0),sr([z()],nr.prototype,"size",void 0),sr([z()],nr.prototype,"iconPack",void 0),sr([z()],nr.prototype,"t",void 0),nr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";var cr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const dr=class{constructor(r){t(this,r),this.onDeleteAttachment=a(this,"deleteAttachment",7),this.iconPack=c,this.t=d(),this.attachment=null,this.filePreview=null,this.fileReader=new FileReader,this.generatePreview=()=>{"image"===this.attachment.type?this.fileReader.readAsDataURL(this.attachment.file):"file"===this.attachment.type&&(this.filePreview=this.attachment.file.name)},this.onDeleteClickHandler=()=>{this.filePreview=null,this.onDeleteAttachment.emit()}}onAttachmentChange(){this.generatePreview()}connectedCallback(){this.fileReader.onload=t=>{"string"==typeof t.target.result&&(this.filePreview=t.target.result)}}componentWillLoad(){this.onAttachmentChange()}render(){return r(e,{key:"bf052df6f3c49b6a52b3002a8ed92bae6cbd7b06"},r("div",{key:"786126525fd361e17ec716615da402f11b5f5d1d",class:"preview-overlay"},r("div",{key:"1d89de4184961ebc4c8822aa016394706d37b2ba",class:"preview"},r("rtk-tooltip",{key:"87177c3ff98e59097c02bfcc397c13b68952199c",label:this.t("chat.cancel_upload")},r("rtk-button",{key:"f2a2ce338be78a7572c6a819ee5a75a9521f73b0",variant:"secondary",kind:"icon",onClick:this.onDeleteClickHandler},r("rtk-icon",{key:"12b0d383efb984307eba05ccdb783a8bd9c2d636",icon:this.iconPack.dismiss}))),"image"===this.attachment.type?r("img",{class:"preview-image",src:this.filePreview}):r("div",{class:"preview-file"},r("span",null,this.filePreview)))))}static get watchers(){return{attachment:["onAttachmentChange"]}}};let lr;cr([z()],dr.prototype,"iconPack",void 0),cr([z()],dr.prototype,"t",void 0),dr.style=":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";var hr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const pr=class{constructor(r){t(this,r),this.pickerClose=a(this,"pickerClose",7),this.emojiClicked=a(this,"rtkEmojiClicked",7),this.iconPack=c,this.t=d(),this.focusWhenOpened=!0,this.filterVal="",this.filteredEmojis=[]}componentWillLoad(){(async()=>{if(!lr){const t=await fetch("https://cdn.dyte.in/assets/emojis-data.json");lr=t.json()}return lr})().then((t=>{this.emojiList=t,this.handleInputChange(this.inputElement)}))}componentDidLoad(){this.focusWhenOpened&&this.inputElement.focus()}handleInputChange(t){this.filterVal=t.value;const r=new RegExp(`([^,]*?${this.filterVal}[^,]*):(\\d+)`,"g");this.filteredEmojis=Array.from(this.emojiList.search.matchAll(r)).map((t=>({name:t[1],emoji:this.emojiList.emojis[t[2]]})))}handleEmojiClick(t){this.emojiClicked.emit(t)}mapEmojiList(){var t;return(null===(t=this.emojiList)||void 0===t?void 0:t.length)>0?r("div",{id:"loader"},r("rtk-spinner",{iconPack:this.iconPack})):r("div",{id:"emoji-grid",class:"scrollbar max-w-40"},this.filteredEmojis.map((t=>r("rtk-button",{key:`emoji-button-${t.name}`,class:"emoji",variant:"ghost",kind:"icon",title:t.name,onClick:()=>this.handleEmojiClick(t.emoji)},t.emoji))))}render(){return r(e,{key:"989c0508bb88941926f29091895707e7b4a3e139"},r("div",{key:"83a90c6b73ca11fb6e864a59362d15bf83391d20",class:"close-parent"},r("rtk-button",{key:"446a4c1a343eb11032b9ea2bf5b4cd5bef6f7f1b",variant:"ghost",kind:"icon",class:"close",onClick:()=>{var t;return null===(t=this.pickerClose)||void 0===t?void 0:t.emit()},"aria-label":this.t("close")},r("rtk-icon",{key:"cacfe97be0590e840d332fc9197bb473fef22d9f",icon:this.iconPack.dismiss}))),r("div",{key:"461a263d19a60547aff16689d3c6f4f31aea8a3a",class:"emoji-parent"},r("input",{key:"c9a111769b48d5ff12ac48d8c172a8d3f371df2c",value:this.filterVal,onInput:t=>this.handleInputChange(t.target),placeholder:this.t("search"),ref:t=>this.inputElement=t}),this.mapEmojiList()))}};hr([z()],pr.prototype,"iconPack",void 0),hr([z()],pr.prototype,"t",void 0),pr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{width:100%}.emoji-parent{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-64, 256px);width:100%;max-width:640px;flex-direction:column;padding:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-0, 0px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.close-parent{display:flex;flex:1 1 0%;justify-content:flex-end;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#emoji-grid{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:scroll;height:100%;grid-auto-rows:minmax(min-content, max-content)}#loader{display:flex;height:100%;width:100%;align-items:center;justify-content:center}input{display:block;height:var(--rtk-space-8, 32px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;border-width:var(--rtk-border-width-none, 0);border-style:solid;border-style:none;border-color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input::placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input{border-radius:var(--rtk-border-radius-sm, 4px);outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-ring-opacity));--tw-ring-opacity:0.3}.emoji{height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);font-size:20px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";var br=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const gr=class{constructor(r){t(this,r),this.iconPack=c,this.t=d()}render(){return r("rtk-tooltip",{key:"5edf35e2100be583f2be4feadaa3b3149f9c8962",label:this.t("chat.send_emoji")},r("rtk-button",{key:"00bfc269a700ab10955a627095aac31b64d8a28e",variant:"ghost",kind:"icon",class:{active:this.isActive},title:this.t("chat.send_emoji")},r("rtk-icon",{key:"47bd54c1593f7f5ea04eb96ccbca07ea3c22e511",icon:this.iconPack.emoji_multiple})))}};br([z()],gr.prototype,"iconPack",void 0),br([z()],gr.prototype,"t",void 0),gr.style=":host{}";var kr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const vr=class{constructor(r){t(this,r),this.now=new Date,this.isContinued=!1,this.iconPack=c,this.t=d(),this.showBubble=!1}render(){const t=_(this.message.link);return r(e,{key:"25ff2cd29b951ffee9fb266ec4937258db527ef4"},!this.isContinued&&r(G,{key:"50dc45f56ac2837215619c597f557c0e71e5fd85",name:this.message.displayName,time:this.message.time,now:this.now}),r("div",{key:"5b300ea679f835b6d7421568dde80aa38cbbc821",class:{body:!0,bubble:this.showBubble},part:"body"},r("div",{key:"895f033df99c8d9dfc1241bbaf5f20137b905395",class:"file"},r("div",{key:"345bd0370a81c50c1ef46fa7119fa321213ad741",class:"file-data"},r("div",{key:"fb30c6c130af584d2f4294029c4304e213ddd339",class:"name"},this.message.name),r("div",{key:"d0de234e1697b196fe248bbfbad18109b59c20df",class:"file-data-split"},r("div",{key:"635343bd7dbcbfeea1a7534c943be355decf20c4",class:"ext"},J(this.message.name)),r("span",{key:"bd7772e273ae55297c99d8564cfa44e6dd1b43d0",class:"divider"}),r("div",{key:"d6df3a4fca8932d3bcdeb805ef7b3bed1c3e8c15",class:"size"},F(this.message.size)))),r("rtk-button",{key:"4b4d9be6f228e5deda5590f2aa6038b3501623d7",variant:"secondary",kind:"icon",onClick:()=>X(t,{name:this.message.name,fallbackName:"file"}),part:"button"},r("rtk-icon",{key:"187e0b8f903bd7cd8b5f9e25ef2d6841299fe87f",icon:this.iconPack.download})))))}};kr([z()],vr.prototype,"iconPack",void 0),kr([z()],vr.prototype,"t",void 0);const fr=class{constructor(r){t(this,r),this.iconPack=c}render(){return r("div",{key:"7bc636599452b840ae0a5467fcf579a883a98727",class:"file"},r("rtk-button",{key:"98bfff6ca8aa598d296ff1f3b39994f8b839572c",variant:"secondary",kind:"icon",onClick:()=>X(_(this.url),{name:this.name,fallbackName:"file"}),part:"button"},r("rtk-icon",{key:"26b9fe1b7e884ffa993e988eb94e18351eec8c25",icon:this.iconPack.download})),r("div",{key:"c3d045925ef1a13039c44624930b96cd326d769f",class:"file-data"},r("div",{key:"619e9cd8f72f342e31c334586e44813e2d3216ba",class:"name"},this.name),r("div",{key:"71b788c2a10c8a7290da1f77d82c6b6e66746223",class:"file-data-split"},r("div",{key:"550720228247cdaf766a84938df720bf95249bf5",class:"ext"},J(this.name)),r("span",{key:"2bb1940a95e5e06ec8a064a775ea2257ff80fcc7",class:"divider"}),r("div",{key:"e5451bcd50b3e05d90b149a98b7c328711025827",class:"size"},F(this.size)))))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([z()],fr.prototype,"iconPack",void 0),fr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{margin-left:var(--rtk-space-1, 4px);flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}";var ur=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const mr=class{constructor(r){t(this,r),this.onFileChange=a(this,"fileChange",7),this.icon="attach",this.iconPack=c,this.t=d(),this.uploadFile=()=>{const t=this.fileInputField;t.type="file",this.filter&&(t.accept=this.filter),t.onchange=t=>{const{validity:r,files:[e]}=t.target;r.valid&&this.onFileChange.emit(e)},t.click()}}connectedCallback(){this.fileInputField=document.createElement("input")}disconnectedCallback(){this.fileInputField=void 0}render(){const t=this.label||this.t("chat.send_file");return r("rtk-tooltip",{key:"ea570679bd495c1230a563d08496211e57645797",label:t},r("rtk-button",{key:"894429d9abc652daf0d897fe3757b3a81dc06da2",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile(),title:t},r("rtk-icon",{key:"12f9e9a114accb42178da6663f85cac8a3cf70e2",icon:this.iconPack[this.icon]})))}};ur([z()],mr.prototype,"iconPack",void 0),ur([z()],mr.prototype,"t",void 0),mr.style=":host{}";const xr=t=>{try{return JSON.parse(t)}catch(r){return t}},yr=class{constructor(r){t(this,r),this.variant="primary",this.size="lg"}render(){return r(e,{key:"cc3de7d3c31d52bdc3c38891920f0f8b08c6fd2f"},r("div",{key:"e5a1487a5eb1e37272190a61300db415f12e8189",class:"icon-wrapper",innerHTML:xr(this.icon),part:"wrapper"}))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([z()],yr.prototype,"size",void 0),yr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:var(--rtk-space-10, 40px);outline:2px solid transparent;outline-offset:2px}:host .icon-wrapper{display:flex;height:100%;width:100%;flex-direction:column;align-items:center}:host svg{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}:host([size='xl']){box-sizing:border-box;display:block;height:var(--rtk-space-16, 64px) !important;width:var(--rtk-space-16, 64px) !important;--rtk-spinner-color:currentColor}:host([size='md']){box-sizing:border-box;display:block;height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important;--rtk-spinner-color:currentColor}:host([size='sm']){box-sizing:border-box;display:block;height:var(--rtk-space-4, 16px) !important;width:var(--rtk-space-4, 16px) !important;--rtk-spinner-color:currentColor}:host([variant='secondary']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-text-opacity))}:host([variant='danger']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var wr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const jr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.now=new Date,this.isContinued=!1,this.iconPack=c,this.t=d(),this.showBubble=!1,this.status="loading"}render(){return r(e,{key:"60b7d1f3569a3bd335b7db047ef5f5a7b8fa518c"},!this.isContinued&&r(G,{key:"e897d7239be3ba0a2594f5c6285cc5a5fd553375",name:this.message.displayName,time:this.message.time,now:this.now}),r("div",{key:"f99332c642a51af6d4ab20eff1654826479b420b",class:{body:!0,bubble:this.showBubble},part:"body"},r("div",{key:"667e081aff8edd5792cc2b0fac09d83d6520d6a7",class:{image:!0,loaded:"loaded"===this.status}},r("img",{key:"f079a0f75038bdf6a83e450bfdb68ab84d6f1663",src:_(this.message.link),onLoad:()=>{this.status="loaded"},onError:()=>{this.status="errored"},onClick:()=>{"loaded"===this.status&&this.stateUpdate.emit({image:this.message})}}),"loading"===this.status&&r("div",{key:"00968152adade14971180db8df90553a17aaaaa8",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},r("rtk-spinner",{key:"0e236fd24f70e5dfbd5528d1198c9ecf7f2f4888",iconPack:this.iconPack})),"errored"===this.status&&r("div",{key:"8cd94804cb58c23c9c4636e7d8e14e3121b3e169",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},r("rtk-icon",{key:"625d50f65dfbd6af0f2061d96b5332452b060a12",icon:this.iconPack.image_off})),"loaded"===this.status&&r("div",{key:"4a5105c9deef32a5526d5adf8f6075230a09a90f",class:"actions"},r("rtk-button",{key:"f8519c23a87d30909451ceaf9c874b6b5258f4cb",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.stateUpdate.emit({image:this.message})}},r("rtk-icon",{key:"3b8e52922b59e9f75f8a25bc9605f4d044b7981c",icon:this.iconPack.full_screen_maximize})),r("rtk-button",{key:"dc2703a02f091383498eaddfdcdf148e93471a88",class:"action",variant:"secondary",kind:"icon",onClick:()=>X(this.message.link,{fallbackName:"image"})},r("rtk-icon",{key:"1d9c9406e7937c64c93d77d685e86c3d1def4ec1",icon:this.iconPack.download}))))))}};wr([z()],jr.prototype,"iconPack",void 0),wr([z()],jr.prototype,"t",void 0),jr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";var _r=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Cr=class{constructor(r){t(this,r),this.onPreview=a(this,"preview",7),this.iconPack=c,this.t=d(),this.status="loading"}render(){return r("div",{key:"9d7c32348bb52dc60533d9d99cfbd4099d89fad0",class:{image:!0,loaded:"loaded"===this.status}},r("img",{key:"1c66e60f69842cc1c372545759201ae8e70cbfe8",src:_(this.url),onLoad:()=>{this.status="loaded"},onError:()=>{this.status="errored"},onClick:()=>{"loaded"===this.status&&this.onPreview.emit(this.url)}}),"loading"===this.status&&r("div",{key:"ee5cce91357ec2974c691ea95faacc78db9fa796",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},r("rtk-spinner",{key:"3c9236319042a7b9c5ff45dd196b4e14c38a7b0a",iconPack:this.iconPack})),"errored"===this.status&&r("div",{key:"a176782a3ea63795ed154d8bf4cc3342cb20cd32",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},r("rtk-icon",{key:"4d4275e21b280a3b981634a8da7b2d752a620be1",icon:this.iconPack.image_off})),"loaded"===this.status&&r("div",{key:"ca5468642912ad5407e3b828083b6e3f232b42e5",class:"actions"},r("rtk-button",{key:"3b8a485a435023cb9819d98541cd9b1f40a96911",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.onPreview.emit(this.url)}},r("rtk-icon",{key:"31e7ff096ca3e1db148f2808ad79aa79f56fa91e",icon:this.iconPack.full_screen_maximize})),r("rtk-button",{key:"a1de648d80f8ac6d4d2197f0148e9708123434f3",class:"action",variant:"secondary",kind:"icon",onClick:()=>X(this.url,{fallbackName:"image"})},r("rtk-icon",{key:"4a06af4520a81fce102397907b66202a18f0c191",icon:this.iconPack.download}))))}};_r([z()],Cr.prototype,"iconPack",void 0),_r([z()],Cr.prototype,"t",void 0),Cr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}";var zr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Rr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.joinStage=a(this,"rtkJoinStage",7),this.leaveStage=a(this,"rtkLeaveStage",7),this.config=g,this.iconPack=c,this.t=d(),this.dataConfig={title:this.t("stage.join_title"),label:{accept:this.t("stage.join_confirm"),reject:this.t("stage.join_cancel")},description:this.t("stage.join_summary")},this.isLoading=!1}render(){var t,a;const i={meeting:this.meeting,size:this.size,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return r(e,{key:"5adc039e20d21d089d3b34bb67d046387c46db06",class:{stage:!0}},r("header",{key:"43d3a4d1f004ae347fa8297b808ee9318b6a6a91"},r("h2",{key:"bdd9070ea15b136717ae060f86b46a32adbfcc99"},this.dataConfig.title)),r(B,{key:"7def3aec36f8616d88f41be6e503b033c98623ad",element:"rtk-participant-setup",defaults:i,props:{participant:null===(t=this.meeting)||void 0===t?void 0:t.self,size:"md"},childProps:{participant:null===(a=this.meeting)||void 0===a?void 0:a.self,size:"md"},deepProps:!0}),r("div",{key:"b464fd360e42c6201f6e2cbed7107c4410648a7e",class:"summary"},this.dataConfig.description),r("div",{key:"760a61c9d4b8284408a56818bd0d715d05bee9e6",class:"container"},r("rtk-button",{key:"4b23c3a442fed701f66f600a1bbd1633c4036ae2",variant:"secondary",onClick:()=>this.leaveStage.emit(),title:this.dataConfig.label.reject},this.dataConfig.label.reject),r("rtk-button",{key:"8f7745aba52c737a57c2158ae23eb17f32d7b56e",onClick:()=>{this.isLoading||(this.isLoading=!0,this.joinStage.emit())},title:this.dataConfig.label.accept},this.isLoading?r("rtk-icon",{icon:this.iconPack.spinner}):this.dataConfig.label.accept)))}};zr([z()],Rr.prototype,"meeting",void 0),zr([z()],Rr.prototype,"states",void 0),zr([z()],Rr.prototype,"size",void 0),zr([z()],Rr.prototype,"iconPack",void 0),zr([z()],Rr.prototype,"t",void 0),Rr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}:host::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host(.stage){box-sizing:border-box;display:block;width:512px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-6, 24px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);line-height:1.25}:host(.stage) rtk-participant-setup{display:flex;flex:1 1 0%;align-items:center;justify-content:space-around;margin-left:auto;margin-right:auto}:host(.stage) .container rtk-button{flex-grow:1;padding:var(--rtk-space-1, 4px);width:50%}:host(.stage) .container rtk-button:nth-child(1){margin-right:var(--rtk-space-1\\.5, 6px)}:host(.stage) .container rtk-button:nth-child(2){margin-left:var(--rtk-space-1\\.5, 6px)}:host(.stage) h2{font-size:24px;font-weight:500;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(.stage) header{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host(.stage) .summary{padding:var(--rtk-space-4, 16px)}.deny-access{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.container{width:100%;max-width:1080px;display:flex;flex:1 1 0%;align-items:center;justify-content:space-around}header{display:flex;align-items:center;justify-content:space-between}";var Or=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Pr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=c,this.t=d(),this.canEndMeeting=!1,this.isBreakoutRoomsActive=!1,this.isChildMeeting=!1,this.canJoinMainRoom=!1,this.permissionsUpdateListener=()=>{this.canEndMeeting=this.meeting.self.permissions.kickParticipant,this.canJoinMainRoom=this.meeting.self.permissions.connectedMeetings.canSwitchToParentMeeting},this.close=()=>{this.stateUpdate.emit({activeLeaveConfirmation:!1})},this.handleLeave=()=>{var t;null===(t=this.meeting)||void 0===t||t.leaveRoom(),this.close()},this.handleJoinMainRoom=()=>{this.meeting.connectedMeetings.moveParticipants(this.meeting.meta.meetingId,this.meeting.connectedMeetings.parentMeeting.id,[this.meeting.self.userId]),this.close()},this.handleEndMeeting=()=>{var t;null===(t=this.meeting)||void 0===t||t.participants.kickAll(),this.close()}}connectedCallback(){this.meetingChanged(this.meeting),document.addEventListener("keydown",this.keyPressListener)}disconnectedCallback(){var t;document.removeEventListener("keydown",this.keyPressListener),null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){null!=t&&(this.isBreakoutRoomsActive=this.meeting.connectedMeetings.supportsConnectedMeetings&&this.meeting.connectedMeetings.isActive,this.isChildMeeting=this.meeting.connectedMeetings.supportsConnectedMeetings&&this.meeting.connectedMeetings.meetings.some((r=>r.id===t.meta.meetingId)),this.meeting.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener),this.permissionsUpdateListener())}render(){return r(e,{key:"d6e7a2eba47854f5f3da4008137081383769d159"},r("div",{key:"afffb6ce1dd2b38dd3cf2731723dbd0c8e68e046",class:"leave-modal"},r("div",{key:"f60a1660e94307fdf36e5e52a513648adc741aa5",class:"header"},r("h2",{key:"5e80bd3031ed95929d6560e79e5edfcca607b169",class:"title"},this.t("leave"))),r("p",{key:"adfd75ca8e0408f90687f39de5de3b237378deb0",class:"message"},this.t(this.isBreakoutRoomsActive&&this.isChildMeeting?"breakout_rooms.leave_confirmation":"leave_confirmation")),r("div",{key:"395b4f29350512c4c9d512984482bb934aadf983",class:"content"},r("rtk-button",{key:"85adbf49f8ae02e05e16a349c99152b525ff6520",variant:"secondary",onClick:this.close,class:"secondary-btn"},this.t("cancel")),this.isBreakoutRoomsActive&&this.isChildMeeting&&this.canJoinMainRoom&&r("rtk-button",{key:"6a965a9e4cad6f07624c7ac5255207b7b021b47c",variant:"secondary",onClick:this.handleJoinMainRoom,class:"secondary-btn"},this.t("breakout_rooms.leave_confirmation.main_room_btn")),r("rtk-button",{key:"41050c3895eeab4edc56742799505790d881cad9",variant:"danger",title:this.t("leave"),onClick:this.handleLeave},this.t("leave")),this.canEndMeeting&&r("rtk-button",{key:"15fafd5ba16a9b545ba170ca1c0b113294d65ce9",variant:"danger",class:"secondary-btn secondary-danger-btn",onClick:this.handleEndMeeting},this.t("end.all")))))}static get watchers(){return{meeting:["meetingChanged"]}}};Or([z()],Pr.prototype,"meeting",void 0),Or([z()],Pr.prototype,"states",void 0),Or([z()],Pr.prototype,"iconPack",void 0),Or([z()],Pr.prototype,"t",void 0),Pr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var Sr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const $r=class{constructor(r){t(this,r),this.config=g,this.t=d()}connectedCallback(){this.configChanged(this.config),this.meetingChanged(this.meeting)}configChanged(t){var r;if(null!=t){const e=null===(r=null==t?void 0:t.designTokens)||void 0===r?void 0:r.logo;null!=e&&null==this.logoUrl&&(this.logoUrl=e)}}meetingChanged(t){var r,e,a,i;if(null!=t){const o=null===(i=null===(a=null===(e=null===(r=t.self)||void 0===r?void 0:r.config)||void 0===e?void 0:e.header)||void 0===a?void 0:a.elements)||void 0===i?void 0:i.logo;null!=o&&null==this.logoUrl&&(this.logoUrl=o)}}render(){if(!this.logoUrl||""===this.logoUrl)return null;const t=this.logoUrl,a=this.t("logo");return r(e,{class:"loaded"},r("img",{src:t,alt:a}))}static get watchers(){return{config:["configChanged"],meeting:["meetingChanged"]}}};Sr([z()],$r.prototype,"meeting",void 0),Sr([z()],$r.prototype,"t",void 0),$r.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";const Dr=class{constructor(e){t(this,e),this.maxLength=L,this.restoreEmpty=(t,r,e)=>0===t.trim().length?`${r}${t}${r}`:e(t),this.renderLink=t=>r("a",{class:"link",href:t,target:"_blank",rel:"noopener noreferrer"},t),this.renderBold=t=>"string"==typeof t?this.restoreEmpty(t,"*",(t=>r("b",null,t))):r("b",null,this.renderTokens(t)),this.renderItalic=t=>"string"==typeof t?this.restoreEmpty(t,"_",(t=>r("i",null,t))):r("i",null,this.renderTokens(t)),this.renderStrikethrough=t=>"string"==typeof t?this.restoreEmpty(t,"~",(t=>r("s",null,t))):r("b",null,this.renderTokens(t)),this.renderPlainText=t=>"string"==typeof t?t:r("p",null,this.renderTokens(t)),this.renderTokens=t=>t.map((t=>{switch(t.type){case"a":if("string"==typeof t.content)return this.renderLink(t.content);case"b":return this.renderBold(t.content);case"i":return this.renderItalic(t.content);case"s":return this.renderStrikethrough(t.content);case"q":return r("span",{class:"block-quote"});default:return this.renderPlainText(t.content)}}))}renderMessage(t){let e=t.split("\n"),a=!1;"```"===e[0]&&"```"===e[e.length-1]&&(a=!0,e=e.slice(1,-1));const i=e.map((t=>{const e=A(t);return r("p",null,this.renderTokens(e))}));return a?r("pre",{style:{whiteSpace:"pre",overflow:"scroll"}},e.join("\n")):i}render(){const t=this.text.slice(0,this.maxLength),e=E(t,!0),a=U(t);return r("p",{key:"0edda34be90038b70316ff2732939a7ea42f2b30"},0!==e.length&&r("blockquote",{key:"c58ade9478aee1080c922c29245509dc94672fc4"},this.renderMessage(e)),0!==a.length&&this.renderMessage(a))}};Dr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{overflow-wrap:break-word}a{color:currentColor}.block-quote,blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}pre{white-space:pre-wrap}";var Mr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Ur=class{constructor(r){t(this,r),this.statesUpdate=a(this,"rtkStatesUpdate",7),this.roomJoinedListener=()=>{this.updateStates({meeting:"joined"})},this.waitlistedListener=()=>{this.updateStates({meeting:"waiting"})},this.roomLeftListener=({state:t})=>{"disconnected"!==t&&"failed"!==t&&this.updateStates({meeting:"ended",roomLeftState:t})},this.mediaPermissionUpdateListener=({kind:t,message:r})=>{!["audio","video"].includes(t)||"DENIED"!==r&&"SYSTEM_DENIED"!==r||!0===m.states.activeDebugger||this.updateStates({activePermissionsMessage:{enabled:!0,kind:t}})},this.socketConnectionUpdateListener=({state:t})=>{"failed"===t&&setTimeout((()=>{this.meeting.leave("disconnected")}),this.leaveRoomTimer)},this.loadConfigFromPreset=!1,this.applyDesignSystem=!1,this.mode="fixed",this.leaveOnUnmount=!1,this.t=d(),this.config=g,this.gridLayout="row",this.iconPack=c}connectedCallback(){var t;"undefined"!=typeof window&&(this.authErrorListener=t=>{t.detail.message.includes("401")&&this.updateStates({meeting:"ended",roomLeftState:"unauthorized"})},window.addEventListener("rtkError",this.authErrorListener)),this.leaveRoomTimer=1e4,this.loadConfigFromPreset=!0,this.applyDesignSystem=!0,this.resizeObserver=new Q((()=>this.handleResize())),this.resizeObserver.observe(this.host),this.applyDesignSystem&&null!=(null===(t=this.config)||void 0===t?void 0:t.designTokens)&&"undefined"!=typeof document&&H(document.documentElement,this.config.designTokens),this.meetingChanged(this.meeting)}clearListeners(t){t&&(t.self.removeListener("roomLeft",this.roomLeftListener),t.self.removeListener("roomJoined",this.roomJoinedListener),t.self.removeListener("waitlisted",this.waitlistedListener),t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),t.meta.removeListener("socketConnectionUpdate",this.socketConnectionUpdateListener))}disconnectedCallback(){var t;this.leaveOnUnmount&&(null===(t=this.meeting)||void 0===t||t.leaveRoom()),this.resizeObserver.disconnect(),this.clearListeners(this.meeting),window.removeEventListener("rtkError",this.authErrorListener)}meetingChanged(t){var r,e;if(t){if(this.updateStates({viewType:t.meta.viewType}),this.loadConfigFromPreset&&null!=t.self.config){const e=t.self.config,{config:a,data:i}=W(e,t);this.config===g&&(this.config=a),null==this.showSetupScreen&&(this.showSetupScreen=i.showSetupScreen),t.connectedMeetings.supportsConnectedMeetings&&(null===(r=m.states.activeBreakoutRoomsManager)||void 0===r?void 0:r.destinationMeetingId)&&(this.showSetupScreen=!1)}this.applyDesignSystem&&null!=(null===(e=this.config)||void 0===e?void 0:e.designTokens)&&"undefined"!=typeof document&&H(document.documentElement,this.config.designTokens),t.self.addListener("roomJoined",this.roomJoinedListener),t.self.addListener("waitlisted",this.waitlistedListener),t.self.addListener("roomLeft",this.roomLeftListener),t.self.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),t.meta.addListener("socketConnectionUpdate",this.socketConnectionUpdateListener),t.connectedMeetings.supportsConnectedMeetings&&t.connectedMeetings.once("changingMeeting",this.handleChangingMeeting),t.self.roomJoined?this.updateStates({meeting:"joined"}):this.showSetupScreen?this.updateStates({meeting:"setup"}):t.joinRoom(),window.removeEventListener("rtkError",this.authErrorListener)}}listenState(t){this.updateStates(t.detail)}handleChangingMeeting(t){this.updateStates({activeBreakoutRoomsManager:Object.assign(Object.assign({},m.states.activeBreakoutRoomsManager),{destinationMeetingId:t})})}handleResize(){this.size=V(this.host.clientWidth)}updateStates(t){const r=Object.assign({},m.states);m.states=K(r,t),this.statesUpdate.emit(m.states)}render(){const t={meeting:this.meeting,size:this.size,states:m.states,config:this.config,iconPack:this.iconPack,t:this.t};return"CHAT"===m.states.viewType?r("rtk-chat",Object.assign({},t)):r(B,{element:"rtk-meeting",defaults:t,asHost:!0,elementProps:{"rtk-grid":{layout:this.gridLayout}}})}get host(){return s(this)}static get watchers(){return{meeting:["meetingChanged"]}}};Mr([z()],Ur.prototype,"meeting",void 0),Mr([z()],Ur.prototype,"t",void 0),Mr([z()],Ur.prototype,"iconPack",void 0),Ur.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";var Tr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Lr=class{constructor(r){t(this,r),this.clickedThis=!1,this.placement="bottom-end",this.offset=10,this.iconPack=c,this.t=d(),this.handleOutsideClick=()=>{this.clickedThis||(this.menuListEl.style.display="none"),this.clickedThis=!1}}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick),this.update()}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}update(){Z(this.triggerEl,this.menuListEl,{placement:this.placement,middleware:[tt(this.offset),rt(),et({padding:5})]}).then((({x:t,y:r})=>{Object.assign(this.menuListEl.style,{left:`${t}px`,top:`${r}px`})}))}render(){return r(e,{key:"b276110eb5171b15f815bfe7a96663e01f899e96"},r("span",{key:"8bfa076de490cee6929b3a5da3d90f7741795dd5",id:"trigger",ref:t=>this.triggerEl=t,onClick:()=>{this.clickedThis=!0,"block"!==this.menuListEl.style.display?(this.menuListEl.style.display="block",this.update()):this.menuListEl.style.display="none"}},r("slot",{key:"e287328ba8515ddd37a21645aef25e83e6484e6b",name:"trigger"})),r("span",{key:"cc7025445296778b3dd0ad3eceb24b03eb0c2924",part:"menu-list",id:"menu-list",ref:t=>this.menuListEl=t},r("slot",{key:"0d26db850bffc2cdf9b4142fdfa2f4113d180078"})))}};Tr([z()],Lr.prototype,"size",void 0),Tr([z()],Lr.prototype,"iconPack",void 0),Tr([z()],Lr.prototype,"t",void 0),Lr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}";var Ar=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Er=class{constructor(r){t(this,r),this.iconPack=c,this.t=d()}render(){return r(e,{key:"16f2f9a4030f6d6b48345af4cfdb3f55c1eee39e"},r("slot",{key:"82c4020f63a6cbf773ecee8493f3fcc6a61c3c61",name:"start"}),r("slot",{key:"55f0449e84f1833a7ef6ddb2c9d995408f0ddef3"}),r("slot",{key:"e826a0992e53227fd3fd517bbb2684f34fed3e8c",name:"end"}))}};Ar([z()],Er.prototype,"size",void 0),Ar([z()],Er.prototype,"iconPack",void 0),Ar([z()],Er.prototype,"t",void 0),Er.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var Ir=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const qr=class{constructor(r){t(this,r),this.iconPack=c,this.t=d()}render(){return r(e,{key:"53cfa1381ea1c0bdfe99362f56cc505bff492774"},r("slot",{key:"fffe3a71f857c152d6619514d875893b5899b956"}))}};Ir([z()],qr.prototype,"iconPack",void 0),Ir([z()],qr.prototype,"t",void 0),qr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";const Nr=class{constructor(r){t(this,r),this.onAction=a(this,"action",7),this.actions=[],this.variant="bubble",this.viewType="outgoing",this.hideAvatar=!1,this.hideAuthorName=!1,this.hideMetadata=!1,this.iconPack=c}renderActions(){return r("rtk-menu",{placement:"top-end",offset:1},r("button",{slot:"trigger",class:"actions"},r("rtk-icon",{icon:this.iconPack.chevron_down})),r("rtk-menu-list",null,this.actions.map((t=>r("rtk-menu-item",{onClick:()=>this.onAction.emit(t.id)},t.icon&&r("rtk-icon",{icon:t.icon,slot:"start"}),t.label)))))}render(){return r(e,{key:"fb4680e38de79ad40507a542c09d0b02c4691ded"},r("div",{key:"f6768fd2ea535e35ad86fc92d7f4595a503fdcca",class:{"message-wrapper":!0,[this.viewType]:!0}},!this.hideAvatar&&r("aside",{key:"a524e142b020ea1d528ca57f984bb6e725b59893",class:"avatar",part:"avatar"},r("rtk-avatar",{key:"ee56623f64d2bb3f74ebea3357eb1af9d67cd3a3",participant:{name:this.authorName,picture:this.avatarUrl},size:"sm"})),r("div",{key:"d6f5bb18ee7aa2ad174cd03c3aee4b9a94c3e63e",class:"message",part:"message"},!this.hideAuthorName&&r("div",{key:"338d4801d1ac9ce6a4dd3676148cac3c70f3b39f",class:"header"},this.authorName),r("div",{key:"86d147a38d6582979a94536df63213730becc572",class:{body:!0,bubble:"bubble"===this.variant}},r("slot",{key:"23a3984240643508ef10d3f2c0af5276e4cb5687"}),!this.hideMetadata&&!!this.time&&r("div",{key:"35a4884867e5bdd835532f85e3a9575976aa9703",class:"metadata",title:q(this.time)},N(this.time,new Date(Date.now()))),0!==this.actions.length&&this.renderActions()))))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([z()],Nr.prototype,"iconPack",void 0),Nr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.message-wrapper{display:flex;flex-direction:row-reverse;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column}.header{margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.body .metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px}.bubble{max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";var Gr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Yr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=c,this.t=d(),this.allowUnmute=!0,this.onClose=()=>{this.stateUpdate.emit({activeMuteAllConfirmation:!1})},this.onMuteAll=()=>{var t;null===(t=this.meeting)||void 0===t||t.participants.disableAllAudio(this.allowUnmute),this.onClose()}}render(){return r(e,{key:"199f56583843ca5b4e68f6a087471983c231983b"},r("div",{key:"86b15ff17b5a9526df77d2bc9f1d1e2d938c71c4",class:"leave-modal"},r("div",{key:"7f19f8d34586e3f8ee4661556e5f4c744facb4e8",class:"header"},r("h2",{key:"93adfa1d849b0aa3e483c280d1078d99ac1ef73c",class:"title"},this.t("mute_all.header"))),r("p",{key:"7532426538ef8de6280cf0246126061bff639209",class:"message"},this.t("mute_all.description")),r("div",{key:"14f577e917ecbf867afe2e6a4f94b86122d95496",class:"content"},r("div",{key:"2cbe2cea5befa86328d786aa3420af04bda0097e",class:"leave-meeting"},r("rtk-button",{key:"27b26964264a4c569ef7388357623ed97dff7bdb",variant:"secondary",title:this.t("close"),onClick:this.onClose},this.t("cancel")),r("rtk-button",{key:"dba570b9e72a21c0b76957cac4809f61878645d3",variant:"danger",title:this.t("mute_all"),onClick:this.onMuteAll},this.t("mute_all"))))))}};Gr([z()],Yr.prototype,"meeting",void 0),Gr([z()],Yr.prototype,"states",void 0),Gr([z()],Yr.prototype,"iconPack",void 0),Gr([z()],Yr.prototype,"t",void 0),Yr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .content{font-size:14px}.leave-message p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-2, 8px)}.leave-meeting rtk-button{flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.message{margin-bottom:var(--rtk-space-4, 16px)}label{display:flex;align-items:center}input[type='checkbox']{margin-right:var(--rtk-space-2, 8px);accent-color:rgb(var(--rtk-colors-brand-500, 33 96 253))}";var Br=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Jr=class{constructor(r){t(this,r),this.dismiss=a(this,"rtkNotificationDismiss",7),this.iconPack=c,this.t=d(),this.imageState="loading"}connectedCallback(){this.notificationChanged(this.notification)}notificationChanged(t){null!=t&&"number"==typeof t.duration&&setTimeout((()=>{this.dismiss.emit(t.id)}),t.duration)}render(){var t;return r(e,{key:"97c09930a40443d2f0468ffc3623f197d04d3c62"},r("div",{key:"099c921e90353f5965af50ef6019282d063692e9",class:"ctr"},null!=this.notification.icon&&r("rtk-icon",{key:"31502f1200bb0a7b8f059ee2916e79fc446cb73e",class:"icon",icon:this.notification.icon,variant:null!==(t=this.notification.iconVariant)&&void 0!==t?t:"primary"}),null!=this.notification.image&&null==this.notification.icon&&"errored"!==this.imageState&&r("img",{key:"e2388975b8bea497a9d982037028bc7a269ab1fd",src:this.notification.image,class:{loaded:"loaded"===this.imageState},onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored"}),r("p",{key:"252ae9de49d3cc8faf23dee76d9add01fd1c1958",class:"message"},r(it,{key:"07b7dc12a9678647a331a0755a1faee6fddc7c31",message:this.notification.message})),r("div",{key:"8609f56cf258e8c6fb3eb2507d66da83e1e04267",class:"right"},null!=this.notification.button&&r("rtk-button",{key:"b2a250ca6f0b7460f1dae4d35dab0aa7e57f6ecb",size:"sm",variant:this.notification.button.variant,onClick:()=>this.notification.button.onClick()},this.notification.button.text),r("rtk-icon",{key:"bbb1d1b15f3f58b6ed40a6339cf554e9870313d2","aria-label":this.t("dismiss"),class:"dismiss",icon:this.iconPack.dismiss,onClick:()=>this.dismiss.emit(this.notification.id)}))))}static get watchers(){return{notification:["notificationChanged"]}}};Br([z()],Jr.prototype,"size",void 0),Br([z()],Jr.prototype,"iconPack",void 0),Br([z()],Jr.prototype,"t",void 0),Jr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}rtk-icon.dismiss{margin-left:auto;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-md, 8px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}rtk-icon.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}rtk-icon.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}rtk-button{margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";const Fr=2e3,Xr=Object.freeze({notifications:{participant_joined:!0,participant_left:!0,participant_joined_waitlist:!0,chat:!0,polls:!0,webinar:!0,tab_sync:!0,recording_started:!0,recording_stopped:!0},notification_sounds:{participant_joined:!0,participant_left:!0,chat:!0,polls:!0,webinar:!0,participant_joined_waitlist:!0},notification_duration:{participant_joined:2100,participant_left:2100,participant_joined_waitlist:4e3,chat:Fr,polls:Fr,webinar:Fr,tab_sync:Fr,recording_started:Fr,recording_stopped:Fr},participant_joined_sound_notification_limit:10,participant_chat_message_sound_notification_limit:10});var Hr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};function Wr(t){return Object.keys(t).filter((r=>t[r]))}const Kr=class{constructor(r){t(this,r),this.permissions=Xr,this.enabledSounds=Wr(Xr.notification_sounds),this.config=g,this.t=d(),this.iconPack=c,this.notifications=[],this.addStagePeersListeners=t=>{t.participants.joined.addListener("participantJoined",this.participantJoinedListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener)},this.removeStagePeersListeners=t=>{t.participants.joined.removeListener("participantJoined",this.participantJoinedListener),t.participants.joined.removeListener("participantLeft",this.participantLeftListener)},this.onNotification=t=>{this.add(t.detail);const r=t.detail.playSound;null!=r&&this.audio.play(r)},this.onRecordingUpdate=t=>{var r,e;"RECORDING"===t&&!1!==this.permissions.notifications.recording_started?this.add({id:"recording-started",icon:this.iconPack.recording,message:this.t("recording.started"),duration:null!==(r=this.permissions.notification_duration.recording_started)&&void 0!==r?r:Fr}):"STOPPING"===t&&!1!==this.permissions.notifications.recording_stopped&&this.add({id:"recording-stopped",icon:this.iconPack.stop_recording,message:this.t("recording.stopped"),duration:null!==(e=this.permissions.notification_duration.recording_stopped)&&void 0!==e?e:Fr})}}connectedCallback(){"undefined"!=typeof document&&(null===document||void 0===document||document.addEventListener("rtkNotification",this.onNotification)),this.meetingChanged(this.meeting),this.configChanged(this.config),this.statesChanged(this.states)}clearListeners(t){var r,e,a,i,o,s,n,c;const d="LIVESTREAM"===t.meta.viewType;(d&&"ON_STAGE"===(null===(r=t.stage)||void 0===r?void 0:r.status)||!d)&&this.removeStagePeersListeners(t),this.chatUpdateListener&&(null===(e=t.chat)||void 0===e||e.removeListener("chatUpdate",this.chatUpdateListener)),this.pollUpdateListener&&(null===(a=t.polls)||void 0===a||a.removeListener("pollsUpdate",this.pollUpdateListener)),t.meta.removeListener("socketConnectionUpdate",this.socketConnectionUpdateListener),this.stageRequestAccepted&&(null===(i=t.stage)||void 0===i||i.removeListener("stageRequestApproved",this.stageRequestAccepted)),this.stageRequestRejected&&(null===(o=t.stage)||void 0===o||o.removeListener("stageRequestRejected",this.stageRequestRejected)),this.newStageRequests&&(null===(s=t.stage)||void 0===s||s.removeListener("newStageRequest",this.newStageRequests)),this.stageStatusUpdateListener&&(null===(n=t.stage)||void 0===n||n.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)),null===(c=t.recording)||void 0===c||c.removeListener("recordingUpdate",this.onRecordingUpdate),clearTimeout(this.disconnectTimeout),t.self.removeListener("deviceUpdate",this.deviceUpdateListener)}disconnectedCallback(){var t;"undefined"!=typeof document&&(null===document||void 0===document||document.removeEventListener("rtkNotification",this.onNotification)),null!=this.meeting&&(this.clearListeners(this.meeting),this.waitlistedParticipantJoinedListener&&this.meeting.participants.waitlisted.removeListener("participantJoined",this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&this.meeting.participants.waitlisted.removeListener("participantLeft",this.waitlistedParticipantLeftListener),this.activeTabUpdateListener&&(null===(t=this.meeting.meta)||void 0===t||t.removeListener("activeTabUpdate",this.activeTabUpdateListener)),this.peerStageStatusListener&&this.meeting.participants.joined.removeListener("stageStatusUpdate",this.peerStageStatusListener))}meetingChanged(t,r){var e,a,i,o,s,n,c,d,l;if(clearTimeout(this.disconnectTimeout),void 0!==r&&this.clearListeners(r),null==t)return;const h="LIVESTREAM"===t.meta.viewType;this.audio=new ot(t);const{notifications:p,notification_duration:b,notification_sounds:g}=this.permissions;if(this.participantJoinedListener=t=>{p.participant_joined&&this.add({id:`${t.id}-joined`,message:`${y(t.name)} ${this.t("notifications.joined")}`,image:t.picture,duration:b.participant_joined}),g.participant_joined&&this.canPlayParticipantJoinedSound()&&this.audio.play("joined")},this.participantLeftListener=t=>{const{socketState:{state:r}}=this.meeting.meta;p.participant_left&&"connected"!==r&&this.add({id:`${t.id}-left`,message:`${y(t.name)} ${this.t("notifications.left")}`,image:t.picture,duration:b.participant_left}),g.participant_left&&this.canPlayParticipantJoinedSound()&&this.audio.play("left")},this.waitlistedParticipantJoinedListener=t=>{if(!this.canAcceptWaitingRequests())return;const r=`${t.id}-joined-waitlist`;this.add({id:r,message:`${y(t.name)} ${this.t("notifications.requesting_to_join_meeting")}`,image:t.picture,duration:b.participant_joined_waitlist,button:{text:this.t("notifications.accept"),variant:"primary",onClick:async()=>{await this.meeting.participants.acceptWaitingRoomRequest(t.id),this.remove(r)}}}),g.participant_joined_waitlist&&this.canPlayParticipantJoinedSound()&&this.audio.play("message")},this.waitlistedParticipantLeftListener=t=>{this.remove(`${t.id}-joined-waitlist`)},this.chatUpdateListener=({message:r})=>{const e=T(r);if(null!=e){if(e.userId===t.self.userId)return;"text"===e.type&&(p.chat&&this.add({id:`message-${Math.random().toString(36)}`,icon:this.iconPack.chat,message:`${e.displayName}: ${e.message}`,duration:b.chat}),g.chat&&this.canPlayChatSound()&&this.audio.play("message"))}},this.pollUpdateListener=({polls:t,newPoll:r})=>{!1!==r&&(p.polls&&this.meeting.self.userId!==t[t.length-1].createdByUserId&&this.add({id:`poll-${Math.random().toString(36)}`,icon:this.iconPack.poll,message:`${this.t("notifications.new_poll_created_by")} ${t[t.length-1].createdBy}`,duration:b.polls}),g.polls&&this.meeting.self.userId!==t[t.length-1].createdByUserId&&this.canPlayChatSound()&&this.audio.play("message"))},this.deviceUpdateListener=({device:t,preview:r})=>{r||("audiooutput"===t.kind&&(this.audio.setDevice(t.deviceId),this.remove("speaker-switched"),this.add({id:"speaker-switched",message:`${this.t("notifications.connected_to")} ${t.label}`,icon:this.iconPack.speaker,duration:5e3})),"videoinput"===t.kind&&(this.remove("camera-switched"),this.add({id:"camera-switched",message:`${this.t("notifications.connected_to")} ${t.label}`,icon:this.meeting.self.videoEnabled?this.iconPack.video_on:this.iconPack.video_off,iconVariant:this.meeting.self.videoEnabled?"primary":"danger",duration:5e3})),"audioinput"===t.kind&&(this.remove("mic-switched"),this.add({id:"mic-switched",message:`${this.t("notifications.connected_to")} ${t.label}`,icon:this.meeting.self.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off,iconVariant:this.meeting.self.audioEnabled?"primary":"danger",duration:5e3})))},this.socketConnectionUpdateListener=({state:t,reconnectionAttempt:r,reconnected:e})=>{switch(t){case"connected":this.remove("socket"),e&&this.add({id:"socket",icon:this.iconPack.wifi,message:this.t("network.restored"),duration:3e3});break;case"disconnected":this.remove("socket"),this.add({id:"socket",icon:this.iconPack.disconnected,message:this.t("network.reconnecting")});break;case"reconnecting":r>=6?(this.remove("socket"),this.add({id:"socket",icon:this.iconPack.disconnected,message:this.t("network.disconnected"),button:{text:this.t("end"),variant:"danger",onClick:()=>{var t;return null===(t=this.meeting)||void 0===t?void 0:t.leaveRoom()}}})):r>=4&&(this.remove("socket"),this.add({id:"socket",icon:this.iconPack.disconnected,message:this.t("network.delay_extended")}));break;case"failed":this.remove("socket"),this.add({id:"socket",icon:this.iconPack.disconnected,message:this.t("network.leaving"),button:{text:this.t("end"),variant:"danger",onClick:()=>{var t;return null===(t=this.meeting)||void 0===t?void 0:t.leaveRoom()}}})}},this.activeTabUpdateListener=r=>{if(p.tab_sync)switch(r.type){case"plugin":const e=t.plugins.active.toArray().find((t=>t.id==r.id));null!=e&&this.add({id:"activeTab",message:`${this.t("notifications.plugin_switched_to")} ${e.name}`,duration:b.participant_joined});break;case"screenshare":const a=t.participants.joined.toArray().filter((t=>t.screenShareEnabled)).find((t=>t.id==r.id));null!=a&&this.add({id:"spotlight",message:`Now watching ${a.name}'s screen`,duration:b.webinar})}},this.peerStageStatusListener=t=>{"REQUESTED_TO_JOIN_STAGE"===t.stageStatus&&(this.add({id:`stage-request-${t.id}`,message:`${t.name} ${this.t("notifications.requested_to_join_stage")}`,duration:b.webinar,button:{text:this.t("notifications.accept"),variant:"primary",onClick:async()=>{await this.meeting.stage.grantAccess([t.userId]),this.remove(`stage-request-${t.id}`)}}}),g.webinar&&this.audio.play("joined")),"ON_STAGE"===t.stageStatus&&(this.add({id:`stage-joined-${t.id}`,message:`${t.name} ${this.t("notifications.joined_stage")}`,duration:b.webinar}),g.webinar&&this.audio.play("joined"))},this.stageRequestAccepted=()=>{this.add({id:"stage-request-accepted",message:this.t("notifications.request_to_join_accepted"),duration:3e3})},this.stageRequestRejected=()=>{this.add({id:"stage-request-rejected",message:this.t("notifications.request_to_join_rejected"),duration:3e3})},this.newStageRequests=({count:t})=>{this.add({id:"new-stage-request",message:`You have ${t<0?"new stage":`${t} pending`} request${1===t?"":"s"}`,duration:3e3})},this.stageStatusUpdateListener=r=>{"ON_STAGE"===r?this.addStagePeersListeners(t):this.removeStagePeersListeners(t)},!x(t)&&(null===(e=t.chat)||void 0===e||e.addListener("chatUpdate",this.chatUpdateListener)),"CHAT"===(null===(a=t.self.config.viewType)||void 0===a?void 0:a.toString()))return;const k=t.self.getCurrentDevices();null!=k.speaker&&this.audio.setDevice(k.speaker.deviceId),h?null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener):this.addStagePeersListeners(t),this.canAcceptWaitingRequests()&&(t.participants.waitlisted.addListener("participantJoined",this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener("participantLeft",this.waitlistedParticipantLeftListener)),null===(o=t.polls)||void 0===o||o.addListener("pollsUpdate",this.pollUpdateListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener),t.meta.addListener("socketConnectionUpdate",this.socketConnectionUpdateListener),null===(s=t.meta)||void 0===s||s.addListener("activeTabUpdate",this.activeTabUpdateListener),null===(n=t.recording)||void 0===n||n.addListener("recordingUpdate",this.onRecordingUpdate),null===(c=t.stage)||void 0===c||c.addListener("stageRequestApproved",this.stageRequestAccepted),null===(d=t.stage)||void 0===d||d.addListener("stageRequestRejected",this.stageRequestRejected),t.self.permissions.stageEnabled&&t.self.permissions.acceptStageRequests&&(null===(l=t.stage)||void 0===l||l.addListener("newStageRequest",this.newStageRequests))}configChanged(t){null!=t&&null!=(null==t?void 0:t.config)&&(this.permissions=function(t){const r=Object.assign({},Xr);return null==t||(Object.assign(r.notification_sounds,t.notification_sounds),Object.assign(r.notifications,t.notifications),Object.assign(r.notification_duration,t.notification_duration),r.participant_chat_message_sound_notification_limit=t.participant_chat_message_sound_notification_limit,r.participant_joined_sound_notification_limit=t.participant_joined_sound_notification_limit),r}(t.config),this.enabledSounds=Wr(this.permissions.notification_sounds))}statesChanged(t){var r;if(null!=t){const e=!(null===(r=null==t?void 0:t.prefs)||void 0===r?void 0:r.muteNotificationSounds);for(const t of this.enabledSounds)t in this.permissions.notification_sounds&&(this.permissions.notification_sounds[t]=e)}}apiErrorListener({detail:t}){const{trace:r,message:e}=t;this.add({id:r,message:e,duration:Fr,icon:this.iconPack.warning})}sendNotificationListener({detail:t}){const{trace:r,message:e}=t;this.add({id:r,message:e,duration:Fr})}add(t){"visible"===document.visibilityState&&this.notifications.length<5&&(this.notifications=[...this.notifications,t])}remove(t){this.notifications=this.notifications.filter((r=>r.id!==t))}handleDismiss(t){t.stopPropagation();const r=t.detail,e=this.host.shadowRoot.querySelector(`[data-id="${r}"]`);null==e||e.classList.add("exit"),setTimeout((()=>{i((()=>{this.remove(r)}))}),400)}canPlayParticipantJoinedSound(){return null==this.permissions.participant_joined_sound_notification_limit||this.permissions.participant_joined_sound_notification_limit<=0||this.meeting.participants.count<=this.permissions.participant_joined_sound_notification_limit}canPlayChatSound(){return null==this.permissions.participant_chat_message_sound_notification_limit||this.permissions.participant_chat_message_sound_notification_limit<=0||this.meeting.participants.count<=this.permissions.participant_chat_message_sound_notification_limit}canAcceptWaitingRequests(){return this.permissions.notifications.participant_joined_waitlist&&this.meeting.self.permissions.acceptWaitingRequests}render(){return r(e,{key:"5e997428b873dd19471cec88927d4e0f86a74e6e"},this.notifications.map((t=>r("rtk-notification",{size:this.size,key:t.id,"data-id":t.id,notification:t,onRtkNotificationDismiss:t=>this.handleDismiss(t),iconPack:this.iconPack,t:this.t}))))}get host(){return s(this)}static get watchers(){return{meeting:["meetingChanged"],config:["configChanged"],states:["statesChanged"]}}};Hr([z()],Kr.prototype,"meeting",void 0),Hr([z()],Kr.prototype,"states",void 0),Hr([z()],Kr.prototype,"t",void 0),Hr([z()],Kr.prototype,"size",void 0),Hr([z()],Kr.prototype,"iconPack",void 0),Kr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;z-index:100}rtk-notification{margin-top:var(--rtk-space-2, 8px)}";var Vr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Qr=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=c,this.t=d()}connectedCallback(){this.states.activeOverlayModal.timeout&&setTimeout((()=>{this.stateUpdate.emit({activeOverlayModal:{active:!1}})}),this.states.activeOverlayModal.timeout)}render(){return r(e,{key:"2c47006c013e278d9b65448f39e946458ba54158"},r("rtk-icon",{key:"daaa50fe0045a549f114d13c30059b79afaf4941",icon:this.states.activeOverlayModal.icon}),r("h2",{key:"b75c58c750cad4dd10e80e7c1bb9ab2a6635cc64"},this.states.activeOverlayModal.title),r("p",{key:"73f461f178f1924205cb9bed3e1605e358ce8c9f"},this.states.activeOverlayModal.description))}};Vr([z()],Qr.prototype,"meeting",void 0),Vr([z()],Qr.prototype,"states",void 0),Vr([z()],Qr.prototype,"iconPack",void 0),Vr([z()],Qr.prototype,"t",void 0),Qr.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);z-index:50}rtk-icon{height:var(--rtk-space-20, 80px)}h2{margin:var(--rtk-space-2, 8px);font-weight:500}p{margin:var(--rtk-space-0, 0px);font-size:16px}";var Zr=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const te=class{constructor(r){t(this,r),this.autoScroll=!0,this.iconPack=c,this.t=d(),this.emptyListLabel=null,this.isLoading=!1,this.rerenderBoolean=!1,this.shouldRenderNewNodes=!0,this.hasNewNodesToRender=!1,this.showEmptyListLabel=!1,this.pagesToRender=[[]],this.currentTime=()=>(new Date).getTime(),this.observe=t=>{t&&this.intersectionObserver.observe(t)}}async onNewNode(t){this.shouldRenderNewNodes?(this.addNodeToRender(t,!1),this.rerender()):this.hasNewNodesToRender=!0}async onNodeDelete(t){const r=this.pagesToRender.flat().length;this.pagesToRender=this.pagesToRender.map((r=>r.filter((r=>r.id!==t)))),r!==this.pagesToRender.flat().length&&this.rerender()}async onNodeUpdate(t,r){let e=!1;this.pagesToRender=this.pagesToRender.map((a=>a.map((a=>a.id===t?(e=!0,r):a)))),e&&this.rerender()}onItemChanged(t,r){t!==r&&(this.pagesToRender=[[]],this.loadFirstPage().then((()=>this.rerender())))}connectedCallback(){this.rerender=R(this.rerender.bind(this),50,{maxWait:200}),this.intersectionObserver=new IntersectionObserver((t=>{i((()=>{for(const r of t)"bottom-scroll"===r.target.id&&(r.isIntersecting?this.loadBottom():this.shouldRenderNewNodes=!1),"top-scroll"===r.target.id&&r.isIntersecting&&this.loadTop()}))}))}disconnectedCallback(){this.intersectionObserver.disconnect()}componentDidLoad(){this.loadFirstPage(),this.observe(this.$topRef),this.observe(this.$bottomRef)}componentDidRender(){this.shouldRenderNewNodes&&this.autoScroll&&Y(this.$paginatedList)}loadFirstPage(){return this.loadPage(this.currentTime(),this.pageSize,!0,(t=>{0===t.length&&(this.showEmptyListLabel=!0)}))}loadTop(){0!==this.pagesToRender.length&&(1===this.pagesToRender.length&&this.pagesToRender[0].length<this.pageSize||this.loadPage(this.pagesToRender[0][0].timeMs-1,this.pageSize,!0,(()=>{})))}loadBottom(){if(0===this.pagesToRender.length)return void(this.shouldRenderNewNodes=!0);if(1===this.pagesToRender.length&&this.pagesToRender[0].length<this.pageSize)return void(this.shouldRenderNewNodes=!0);const t=this.pagesToRender.at(-1).at(-1);this.loadPage(t.timeMs+1,this.pageSize,!1,(()=>Y(this.$paginatedList)))}addNodeToRender(t,r){if(r){const r=this.pagesToRender[0];r&&(null==r?void 0:r.length)<this.pageSize?r.unshift(t):(this.pagesToRender.unshift([t]),this.removeLastPageIfNeeded(!1))}else{const[r]=this.pagesToRender.slice(-1);r&&(null==r?void 0:r.length)<this.pageSize?r.push(t):(this.pagesToRender.push([t]),this.removeLastPageIfNeeded(!0))}}async loadPage(t,r,e,a=(()=>{})){this.isLoading=!0;const i=await this.fetchData(t,r,e);if(this.isLoading=!1,!(null==i?void 0:i.length))return e||(this.hasNewNodesToRender=!1,this.shouldRenderNewNodes=!0),void a([]);i.forEach((t=>this.addNodeToRender(t,e))),this.rerender(),a(i)}rerender(){this.rerenderBoolean=!this.rerenderBoolean}removeLastPageIfNeeded(t){this.pagesToRender.length>this.pagesAllowed&&(t?this.pagesToRender.shift():this.pagesToRender.pop())}onDownArrowClicked(){this.loadBottom()}render(){var t;return r(e,{key:"6fd10c2fdc24eeab3d52c10643ed92321e04d9fe"},r("div",{key:"675f184549482b76fc07ea5641b9c3297ab6a79b",class:"scrollbar container",part:"container",ref:t=>this.$paginatedList=t},r("div",{key:"37618a8856bd0f1a8ecc57b38cd700bc302191e6",class:{"show-new-messages-ctr":!0,active:!this.shouldRenderNewNodes}},r("rtk-button",{key:"b7ebb2a7b309c47af1987159726f1399452995c2",class:"show-new-messages",kind:"icon",variant:"secondary",part:"show-new-messages",onClick:()=>this.onDownArrowClicked()},r("rtk-icon",{key:"99532567bf299b314a8e0a6d5485ad3fa219e600",icon:this.iconPack.chevron_down}))),r("div",{key:"512f096db4e0fdbd969c3cb7cfacc00a38b2f2b6",class:"smallest-dom-element",id:"bottom-scroll",ref:t=>this.$bottomRef=t}),this.isLoading&&0===this.pagesToRender.flat().length&&r("rtk-spinner",{key:"bf2bcfdc9e4eecbc120ad38a0cc2c8323781532c",size:"lg"}),0===this.pagesToRender.flat().length&&this.showEmptyListLabel?r("div",{class:"empty-list"},null!==(t=this.emptyListLabel)&&void 0!==t?t:this.t("list.empty")):r("div",{class:"page-wrapper"},this.pagesToRender.map((t=>this.createNodes(t)))),r("div",{key:"2c29f14bcac1c725c619349f1e30627cfdbc26f9",class:"smallest-dom-element",id:"top-scroll",ref:t=>this.$topRef=t})))}static get watchers(){return{selectedItemId:["onItemChanged"]}}};Zr([z()],te.prototype,"iconPack",void 0),Zr([z()],te.prototype,"t",void 0),te.style=".scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;flex:1}.container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll;}.file-picker{display:none}.chat *:first-child{margin-top:var(--rtk-space-0, 0px)}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{margin-top:var(--rtk-space-4, 16px);display:block;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-3, 12px)}rtk-text-message[is-continued]{margin-top:var(--rtk-space-2, 8px)}.chat .image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.chat .image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.chat .image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.chat .image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat .image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.chat .image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.chat .file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.chat .file .file-data{flex:1 1 0%}.chat .file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.chat .file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.chat .file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}.smallest-dom-element{width:1px}#top-scroll{transform:translateY(20vh)}#bottom-scroll{transform:translateY(-20vh)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.show-new-messages-ctr{pointer-events:none;position:absolute;bottom:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10;margin-top:calc(var(--rtk-space-14, 56px) * -1);--tw-translate-y:var(--rtk-space-28, 112px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages-ctr.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.show-new-messages{pointer-events:auto;border-radius:9999px}.show-new-messages:hover{border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-ring-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}rtk-spinner,.empty-list{margin:auto}.page-wrapper{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.message-wrapper{margin-bottom:var(--rtk-space-2, 8px)}.pinned .message-wrapper{position:relative}.pinned .pin-icon{position:absolute;right:calc(var(--rtk-space-1, 4px) * -1);top:calc(var(--rtk-space-1, 4px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px)}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}";var re=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ee={"Chrome.Desktop.audio":["Chrome1.svg","Chrome2.svg","Chrome3.svg"],"Chrome.Desktop.video":["Chrome1.svg","Chrome2.svg","Chrome3.svg"]},ae=class{constructor(r){t(this,r),this.stateUpdate=a(this,"rtkStateUpdate",7),this.t=d(),this.iconPack=c,this.currentStep=0,this.svgSteps=[],this.continue=()=>{this.stateUpdate.emit({activePermissionsMessage:{enabled:!1}})},this.reload=()=>{"undefined"!=typeof window&&window.location.reload()},this.getImage=async t=>{function r(t,r,e){return t.split(r).join(e)}const e=await fetch(`https://assets.dyte.io/ui-kit/permissions/${t}`);let a=await e.text();return a=r(a,"yoursite.com",location.host),a=r(a,"Yoursite",document.title.length>14?`${document.title.slice(0,14)}...`:document.title),a},this.nextStep=()=>{this.currentStep=(this.currentStep+1)%this.svgSteps.length},this.openMacSystemSettings=()=>{const t=document.createElement("a");switch(this.mediaType){case"audio":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_Microphone";break;case"screenshare":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_ScreenCapture";break;case"video":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_Camera"}t.click()}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.stepsTimer&&clearTimeout(this.stepsTimer)}meetingChanged(t){var r,e,a;if(null!=t){this.device=t.self.device;const i=(null===(r=this.device)||void 0===r?void 0:r.isMobile)?"Mobile":"Desktop",o=null!==(a=ee[`${null===(e=this.device)||void 0===e?void 0:e.browserName}.${i}.${this.mediaType}`])&&void 0!==a?a:[];Promise.all(o.map(this.getImage)).then((t=>{this.svgSteps=t}))}}getLink(t){let r;switch(t){case"audio":r="microphone";break;case"video":r="camera";break;default:r="screenshare"}let e=`Allow+${r}+access`;if(null!=this.device){const{browserName:t,isMobile:r}=this.device;e+="+"+t,r&&(e+="+mobile")}return"https://www.google.com/search?q="+e}isDeniedBySystem(){var t;const r=null===(t=this.meeting)||void 0===t?void 0:t.self.mediaPermissions;return null!=r&&"SYSTEM_DENIED"===r[this.mediaType]}getTitle(){const t=this.isDeniedBySystem();return this.t(t?`perm_sys_denied.${this.mediaType}`:`perm_denied.${this.mediaType}`)}get mediaType(){var t,r,e;return null!==(e=null===(r=null===(t=this.states)||void 0===t?void 0:t.activePermissionsMessage)||void 0===r?void 0:r.kind)&&void 0!==e?e:"audio"}getMessage(){var t;const{browserName:r,osName:e}=this.meeting.self.device,a=this.isDeniedBySystem(),i=null!==(t=r.toLowerCase())&&void 0!==t?t:"others";if(a){const t=`perm_sys_denied.${this.mediaType}.${(null!=e?e:"others").toLowerCase()}.message`;return this.t(t)===t?this.t(`perm_sys_denied.${this.mediaType}.others.message`):this.t(t)}const o=`perm_denied.${this.mediaType}.${i}.message`;return this.t(o)===o?this.t(`perm_denied.${this.mediaType}.others.message`):this.t(o)}render(){var t,a,i;const o=this.isDeniedBySystem();this.svgSteps.length>0&&(this.stepsTimer&&clearTimeout(this.stepsTimer),this.stepsTimer=setTimeout(this.nextStep,2500));const s=o&&"macOS"==this.meeting.self.device.osName;return r(e,{key:"c147d4a660955e2dfc9983399c933b0c94167b8e"},r("h2",{key:"83d6494dcfeb87d4a69e0017f0fc19d02fcd087e"},r("rtk-icon",{key:"b91b71bda9a11dcebcd278b9443050175772e436",class:"text-icon",icon:this.iconPack.warning}),this.getTitle()),this.svgSteps.length>0&&r("div",{key:"b2bcc6e71b71435679ae2b601e18d9fe3f15884c",class:"svg-container"},this.svgSteps.map(((t,e)=>r("p",{innerHTML:t,class:"svg-ins",key:this.currentStep,hidden:e!==this.currentStep})))),r("div",{key:"d6459cdc59b262d9aa64ab9327e3586efdc9cf54"},this.getMessage()),!o&&r("a",{key:"faa7f974bc971f124a89c566a9e1c1ea1ef1f32e",class:"need-help-link",href:this.getLink(null!==(i=null===(a=null===(t=this.states)||void 0===t?void 0:t.activePermissionsMessage)||void 0===a?void 0:a.kind)&&void 0!==i?i:"audio"),target:"_blank",rel:"noreferrer external noreferrer noopener"},r("rtk-icon",{key:"befa0b687af79400e6f22c4f2078a703c2c43a7b",class:"text-icon",icon:this.iconPack.attach}),this.t("cta.help")),r("div",{key:"3cfcef69f2279d05451b290c0f3ef2dbbab5cfa7",class:"actions"},r("rtk-button",{key:"5b95ec238665d0417f9c5ddb0b5ff6937adde080",size:"lg",kind:"wide",variant:"secondary",onClick:this.continue},this.t("cta.continue")),s?r("rtk-button",{size:"lg",kind:"wide",onClick:this.openMacSystemSettings},this.t("cta.system_settings")):r("rtk-button",{size:"lg",kind:"wide",onClick:this.reload},this.t("cta.reload"))),r("slot",{key:"a892cb955b1776bb54bb6e96d7e7234041d979a0"}))}static get watchers(){return{meeting:["meetingChanged"]}}};re([z()],ae.prototype,"meeting",void 0),re([z()],ae.prototype,"t",void 0),re([z()],ae.prototype,"iconPack",void 0),re([z()],ae.prototype,"states",void 0),ae.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;max-height:100%;width:600px;overflow-y:auto;padding:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.actions{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.text-icon{display:inline-block;vertical-align:middle}h2{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}h2 .text-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}.need-help-link{margin-top:var(--rtk-space-2, 8px);display:inline-block;text-underline-offset:2px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity))}.need-help-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-text-opacity))}a rtk-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) .actions{flex-direction:column;align-items:flex-start;justify-content:center}:host([size='sm']) .action{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.actions{margin-top:var(--rtk-space-6, 24px)}.actions rtk-button{flex:1 1 0%}.svg-container{display:flex;width:100%;justify-content:center !important}.svg-ins{width:80%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}";var ie=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const oe=class{constructor(r){t(this,r),this.iconPack=c,this.size="md"}render(){return r(e,{key:"bad95fde6d19c342301f03cede54d405fac62d61"},r("rtk-icon",{key:"1dcdaaf95f9ada0f9966249a0246142180149ce4",class:"spinner",icon:this.iconPack.spinner}))}};ie([z()],oe.prototype,"iconPack",void 0),ie([z()],oe.prototype,"size",void 0),oe.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);--rtk-spinner-color:currentColor}.spinner{height:100%;width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;background-color:transparent;animation-duration:1.3s}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";var se=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ne=class{constructor(r){t(this,r),this.onTextChange=a(this,"textChange",7),this.disabled=!1,this.rateLimitBreached=!1,this.keyDownHandler=()=>{},this.iconPack=c,this.t=d(),this.maxLengthBreached=0,this.onInputHandler=()=>{const t=this.$textArea.value.trim();this.maybeResize(t),this.checkLength(t),this.onTextChange.emit(t)},this.maybeResize=t=>{const r=[...t.matchAll(/\n/g)].length;this.$textArea.style.height=`${Math.min(200,60+20*r)}px`}}componentDidLoad(){this.maxLength&&(this.$textArea.maxLength=this.maxLength);const t=this.$textArea.value.trim();""!==t&&this.maybeResize(t),this.$textArea.focus()}async setText(t,r=!1){this.$textArea.value=t,this.maybeResize(t),r&&this.$textArea.focus(),this.checkLength(t),this.onTextChange.emit(t)}checkLength(t){const r=t.length;r+10>=this.maxLength?this.maxLengthBreached=t.length:r+10<this.maxLength&&this.maxLengthBreached>0&&(this.maxLengthBreached=0)}render(){return r("div",{key:"a5c60716f87b3fe0c18849c889c33dc68e2cda5f",class:"chat-input",part:"chat-input-container"},this.maxLengthBreached>0&&r("div",{key:"fdb5dfa266fe4535a5623eec26f16dced824fc03",class:"text-error "+(this.maxLengthBreached===this.maxLength?"breached":"")},r("rtk-icon",{key:"57839914af1e0ba02cf962d66e0a6421f7d841e8",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})," ",this.maxLengthBreached," / ",this.maxLength," ",this.t("chat.max_limit_warning")),this.rateLimitBreached&&r("div",{key:"c0c869cae45b9b125034b7bb4f14bb8e843133a7",class:"text-error breached"},r("rtk-icon",{key:"f6cd0c6cf8b2a4e9811c7c189543f03fdc5c5c22",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})," ",this.t("chat.rate_limit_error")),r("textarea",{key:"78c0a228465c669fd3969f04e18c8e5f1e5cd342",ref:t=>this.$textArea=t,placeholder:this.placeholder,disabled:this.disabled,onInput:this.onInputHandler,onKeyDown:this.keyDownHandler,part:"chat-input",value:this.value}))}};se([z()],ne.prototype,"iconPack",void 0),se([z()],ne.prototype,"t",void 0),ne.style=".chat-input {\n  position: relative;\n  z-index: 10;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: var(--rtk-border-radius-md, 8px);\n  border-top-right-radius: var(--rtk-border-radius-md, 8px)\n}\n\n  .chat-input textarea {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  box-sizing: border-box;\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::-moz-placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea {\n  font-family: var(--rtk-font-family, sans-serif);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  overflow-y: auto;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  min-height: 60px;\n  font-size: 14px\n}\n\n@container chatcontainer (height < 360px) {\n  textarea {\n    height: 30px !important;\n    min-height: 30px !important\n  }\n}\n\n.text-error {\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  margin-top: var(--rtk-space-1, 4px);\n  margin-left: var(--rtk-space-1, 4px);\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  font-weight: 600;\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity));\n  border: 1px solid\n}\n\n#warning-indicator {\n  margin-right: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px)\n}\n\n.text-error.breached {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))\n}";var ce=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const de=class{constructor(r){t(this,r),this.now=new Date,this.isContinued=!1,this.iconPack=c,this.t=d(),this.showBubble=!1}render(){return r(e,{key:"2f3f5211b82e0ae80453d606bb962c3e1f1c5f4b"},!this.isContinued&&r(G,{key:"d41c973244580ef48141414c40eaff6a9429b33a",name:this.message.displayName,time:this.message.time,now:this.now}),r("div",{key:"3b4bf9ad47b959c79d9e70d3523b9ec46e6bdb8f",class:{body:!0,bubble:this.showBubble},part:"body"},r("div",{key:"a3d9a56aa79c80d7f6c837a5ca32e574c0cf9c5a",class:{text:!0,emoji:C(this.message.message)}},r(it,{key:"69f15f8de5596d483ccb8724993c2274a46ed186",message:this.message.message}))))}};ce([z()],de.prototype,"iconPack",void 0),ce([z()],de.prototype,"t",void 0);const le=class{constructor(r){t(this,r),this.isMarkdown=!1}render(){return r("p",{key:"67b3aadecf02b8838821c13a3fbf926506dd3143",class:{text:!0,emoji:C(this.text)}},this.isMarkdown?r("rtk-markdown-view",{text:this.text}):this.text)}};le.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.text{word-break:break-word;display:block;overflow-wrap:break-word;line-height:1.375}.text.emoji{font-size:24px}";const he=class{constructor(r){t(this,r),this.openChange=a(this,"rtkOpenChange",7),this.label="",this.variant="secondary",this.disabled=!1,this.open=!1,this.kind="inline",this.placement="top",this.delay=0,this.isInFocus=!1,this.showMenu=()=>{this.disabled||(this.isInFocus=!0,setTimeout((()=>{this.isInFocus&&(this.tooltipEl.style.display="block",this.update(),this.openChange.emit(!0),"sm"===this.size&&setTimeout((()=>{this.isInFocus&&this.hideMenu()}),1e3))}),this.delay))},this.hideMenu=()=>{this.open||this.disabled||(this.isInFocus=!1,this.tooltipEl.style.display="none",this.openChange.emit(!1))}}componentDidLoad(){this.triggerEl.addEventListener("focusin",this.showMenu),this.triggerEl.addEventListener("mouseenter",this.showMenu),this.triggerEl.addEventListener("focusout",this.hideMenu),this.triggerEl.addEventListener("mouseleave",this.hideMenu),i((()=>{this.openChanged(this.open)}))}disconnectedCallback(){this.triggerEl&&(this.triggerEl.removeEventListener("focusin",this.showMenu),this.triggerEl.removeEventListener("mouseenter",this.showMenu),this.triggerEl.removeEventListener("focusout",this.hideMenu),this.triggerEl.removeEventListener("mouseleave",this.hideMenu),this.triggerEl=void 0)}openChanged(t){t?this.showMenu():this.hideMenu()}update(){Z(this.triggerEl,this.tooltipEl,{placement:this.placement,middleware:[tt(8),rt(),et({padding:5}),at({element:this.arrowEl})]}).then((({x:t,y:r,placement:e,middlewareData:a})=>{Object.assign(this.tooltipEl.style,{left:`${t}px`,top:`${r}px`});const{x:i,y:o}=a.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[s]:"-4px"})}))}render(){return r(e,{key:"b43646b89b257321a382838a8c5f2ea0d3e5e122"},r("span",{key:"aa18e85265cc75e7d08a06d469a8bb10ccecdb56",part:"trigger",id:"trigger",ref:t=>this.triggerEl=t},r("slot",{key:"a422fbefd999ff26a30a7e03f6e14d84397cff88"})),r("div",{key:"593b5ec328f127c349ae0a92d36c6261e5abcb7a",part:"tooltip",class:"tooltip",id:"tooltip",role:"tooltip",ref:t=>this.tooltipEl=t},r("div",{key:"c25e6a54940097ebd880c9b9e8fc2b4d48677989",id:"arrow",ref:t=>this.arrowEl=t,part:"arrow"}),this.label,r("slot",{key:"cd8415e9fa2c1eaeffa8c7ec4ffcc6dd34fc04fa",name:"tooltip"})))}static get watchers(){return{open:["openChanged"]}}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([z()],he.prototype,"size",void 0),he.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(--rtk-tooltip-background-color, rgb(var(--rtk-colors-background-600, 60 60 60)));--color:var(--rtk-tooltip-color, rgb(var(--rtk-colors-text-1000, 255 255 255)));display:inline-flex}#trigger{display:block;width:100%;flex:1 1 0%}.tooltip{max-width:var(--rtk-space-64, 256px);position:fixed;z-index:20;display:none;width:-moz-max-content;width:max-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);font-size:12px}.tooltip,#arrow{position:absolute;background-color:var(--background-color);color:var(--color)}#arrow{position:absolute;height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);transform:rotate(45deg)}:host([variant='primary']){--background-color:rgb(var(--rtk-colors-brand-500, 33 96 253));--color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host([kind='block']){display:block}";export{nt as rtk_avatar,dt as rtk_breakout_room_manager,ht as rtk_breakout_room_participants,bt as rtk_breakout_rooms_manager,kt as rtk_broadcast_message_modal,vt as rtk_button,ut as rtk_channel_creator,xt as rtk_channel_details,wt as rtk_channel_header,_t as rtk_channel_selector_view,zt as rtk_chat,Pt as rtk_chat_composer_view,$t as rtk_chat_message,Mt as rtk_chat_messages_ui,Tt as rtk_chat_messages_ui_paginated,At as rtk_chat_search_results,It as rtk_confirmation_modal,Nt as rtk_counter,Yt as rtk_debugger,Vt as rtk_debugger_audio,Zt as rtk_debugger_screenshare,rr as rtk_debugger_system,ar as rtk_debugger_video,or as rtk_dialog,nr as rtk_dialog_manager,dr as rtk_draft_attachment_view,pr as rtk_emoji_picker,gr as rtk_emoji_picker_button,vr as rtk_file_message,fr as rtk_file_message_view,mr as rtk_file_picker_button,yr as rtk_icon,jr as rtk_image_message,Cr as rtk_image_message_view,Rr as rtk_join_stage,Pr as rtk_leave_meeting,$r as rtk_logo,Dr as rtk_markdown_view,Ur as rtk_meeting,Lr as rtk_menu,Er as rtk_menu_item,qr as rtk_menu_list,Nr as rtk_message_view,Yr as rtk_mute_all_confirmation,Jr as rtk_notification,Kr as rtk_notifications,Qr as rtk_overlay_modal,te as rtk_paginated_list,ae as rtk_permissions_message,oe as rtk_spinner,ne as rtk_text_composer_view,de as rtk_text_message,le as rtk_text_message_view,he as rtk_tooltip}