@cloudflare/realtimekit-ui 1.1.0 → 1.1.1-staging.2

package/dist/realtimekit-ui/{p-9e27670a.entry.js → p-0bd7eedc.entry.js}

@@ -1 +1 @@
-import{r as t,h as r,a as e,d as i,g as a,e as o}from"./p-a599f720.js";import{e as s,i as n,c,f as d,I as l,u as h,b as p}from"./p-8fc79c56.js";import{f as b,g,s as v,h as f}from"./p-6f211c3e.js";import{S as k}from"./p-315cd380.js";import{h as u,M as x,p as m,e as w,s as y}from"./p-b5e5e206.js";import{g as j,a as z,d as C}from"./p-40be18ee.js";import{p as _,d as R}from"./p-f6fdb3c3.js";import{R as O}from"./p-eccb6d78.js";import{g as P}from"./p-ddcb6b8b.js";import{i as S}from"./p-f47d4fe8.js";import{c as M,o as D,f as L,s as E,a as U}from"./p-769bb885.js";import{f as q,e as T}from"./p-382270d8.js";import{d as A}from"./p-d6126ff7.js";var I=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const N=class{constructor(e){t(this,e),this.variant="circular",this.iconPack=s,this.t=n(),this.imageState="loading",this.getAvatar=()=>{var t;const e=b((null===(t=this.participant)||void 0===t?void 0:t.name)||"");let i;if(null!=this.participant&&"picture"in this.participant&&(i=this.participant.picture),i&&i.length>0&&"errored"!==this.imageState)return r("div",{class:"image-ctr"},"loading"===this.imageState&&r("rtk-spinner",{iconPack:this.iconPack}),r("img",{src:i,class:{loaded:"loaded"===this.imageState},loading:"lazy",title:e,onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored",part:"image"}));const a=g(e);return r("div",{class:"initials",title:e,part:"initials"},a)}}render(){return r(e,{key:"d7d3a7b03a3807984dc6798b5e35cec4418e06e7"},this.getAvatar(),r("slot",{key:"25aa9fe632a132c1e2f8ef88ac98043bb8ef085a"}))}};I([k()],N.prototype,"iconPack",void 0),I([k()],N.prototype,"t",void 0),N.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)}";const $=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:"0f96cef4ae77a2be8013fa5d62d39626734eeced"},r("button",{key:"8c06d5f5cc71779b8d56f31d2dd77b8d35e8b280",part:"button",type:this.type,disabled:this.disabled},r("span",{key:"ae741ddf8cc914f9493c26330b1f322541f64223",class:"start"},r("slot",{key:"18275dab42a4dd38b5a59463ffca227e4a6df3c8",name:"start"})),r("span",{key:"c2b912515b6edc2966c4cdb282c89022aa05c13f",class:"content",part:"content"},r("slot",{key:"5d87993198e16a3b5f38e62979fa2ee5637a059d"})),r("span",{key:"0bc907da23ea362f8ae0b3fdf88452b1c3881078",class:"end"},r("slot",{key:"0862eeefcfa5765ce605b99a04aab88222ed6e68",name:"end"}))))}static get delegatesFocus(){return!0}};$.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 Y=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const F=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),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=c(),this.iconPack=s,this.t=n(),this.overrides=d,this.canPinMessages=!1,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.participants=[],this.editingMessage=null,this.replyMessage=null,this.searchQuery="",this.selectorState="hide",this.isSendingMessage=!1,this.showPinnedMessages=!1,this.onDragOver=t=>{t.preventDefault(),this.dropzoneActivated=!0},this.onDragLeave=()=>{this.dropzoneActivated=!1},this.onDrop=t=>{t.preventDefault(),this.dropzoneActivated=!1,u(t.dataTransfer.items,((t,r)=>{var e,i,a,o;switch(t){case"image":this.isFileMessagingAllowed()&&(null===(i=null===(e=this.meeting)||void 0===e?void 0:e.chat)||void 0===i||i.sendImageMessage(r,this.getRecipientPeerIds()));break;case"file":this.isFileMessagingAllowed()&&(null===(o=null===(a=this.meeting)||void 0===a?void 0:a.chat)||void 0===o||o.sendFileMessage(r,this.getRecipientPeerIds()))}}))},this.disconnectMeeting=t=>{t.self.permissions.removeListener("*",this.chatPermissionUpdateListener)},this.isTextMessagingAllowed=()=>this.selectedParticipant?this.canPrivateMessage&&this.canSendPrivateTexts:this.canSend&&this.canSendTextMessage,this.isFileMessagingAllowed=()=>this.selectedParticipant?this.canPrivateMessage&&this.canSendPrivateFiles:this.canSend&&this.canSendFiles,this.onQuotedMessageDismiss=()=>{this.replyMessage=null},this.onNewMessageHandler=async t=>{const r=t.detail;this.isSendingMessage=!0;try{await this.meeting.chat.sendMessage(r,this.getRecipientPeerIds())}finally{this.isSendingMessage=!1}},this.onEditMessageHandler=async t=>{var r,e;this.isSendingMessage=!0;try{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))}finally{this.isSendingMessage=!1,this.editingMessage=null}},this.onEditCancel=()=>{this.editingMessage=null},this.onPinMessage=t=>{const r=t.detail;r.pinned?this.meeting.chat.unpin(r.id):this.meeting.chat.pin(r.id)},this.onDeleteMessage=t=>{var r;const e=t.detail;(null===(r=this.editingMessage)||void 0===r?void 0:r.id)===e.id&&(this.editingMessage=null);try{if("undefined"!=typeof localStorage){const t=[];for(let r=0;r<localStorage.length;r++){const i=localStorage.key(r);i&&i.startsWith("rtk-chat-edit-")&&i.endsWith(`-${e.id}`)&&t.push(i)}t.forEach((t=>localStorage.removeItem(t)))}}catch(t){}this.meeting.chat.deleteMessage(e.id)},this.onMessageEdit=t=>{const r=t.detail;"text"===r.type&&(this.replyMessage=null,this.editingMessage=r)}}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)}onChatSelectorChange(t){var r;const e=null===(r=t.detail)||void 0===r?void 0:r.selectedUser;this.selectedParticipant=e||null}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,i,a,o;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===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.canReceive)),this.canSendPrivateTexts=!!(null===(a=t.self.permissions.chatPrivate)||void 0===a?void 0:a.text),this.canSendPrivateFiles=!!(null===(o=t.self.permissions.chatPrivate)||void 0===o?void 0:o.files),t.self.permissions.on("*",this.chatPermissionUpdateListener))}getRecipientPeerIds(){return this.selectedParticipant?[this.selectedParticipant.id]:[]}renderComposerUI(){if(this.selectedParticipant){if(!this.canSendPrivateTexts&&!this.canSendPrivateFiles)return null}else if(!this.canSendTextMessage&&!this.canSendFiles)return null;const t={iconPack:this.iconPack,t:this.t,size:this.size};return r("rtk-chat-composer-view",Object.assign({message:this.editingMessage?this.editingMessage.message:"",storageKey:this.editingMessage?this.editingMessage?`rtk-chat-edit-no-channel-${this.editingMessage.id}`:"rtk-chat-edit":"rtk-chat-draft",quotedMessage:this.replyMessage?this.replyMessage.message:"",isEditing:!!this.editingMessage,isSending:this.isSendingMessage,canSendTextMessage:this.isTextMessagingAllowed(),canSendFiles:this.isFileMessagingAllowed(),disableEmojiPicker:this.overrides.disableEmojiPicker,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},t),r("slot",{name:"chat-addon",slot:"chat-addon"}))}render(){return this.meeting?r(e,null,r("div",{class:"chat-container"},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"))),r("rtk-chat-header",null),r("rtk-chat-messages-ui-paginated",{meeting:this.meeting,privateChatRecipient:this.selectedParticipant,onPinMessage:this.onPinMessage,onEditMessage:this.onMessageEdit,onDeleteMessage:this.onDeleteMessage,size:this.size,iconPack:this.iconPack,t:this.t}),this.renderComposerUI()))):null}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"]}}};Y([k()],F.prototype,"meeting",void 0),Y([k()],F.prototype,"config",void 0),Y([k()],F.prototype,"iconPack",void 0),Y([k()],F.prototype,"t",void 0),Y([k()],F.prototype,"overrides",void 0),F.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%;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin:var(--rtk-space-0, 0px);display:flex;height:var(--rtk-space-12, 48px);align-items:center;justify-content:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}#dropzone{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);z-index:10;display:none;flex-direction:column;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));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}rtk-chat-messages-ui,rtk-chat-messages-ui-paginated{flex:1 0 0}rtk-chat-composer-view{margin:var(--rtk-space-2, 8px)}.chat-container{display:flex;height:100%;width:100%;flex-direction:row;container-type:size;container-name:chatcontainer}.chat{box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column}.banner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-chats-btn{margin-top:var(--rtk-space-4, 16px)}.selector-container{z-index:50;width:100%;max-width:var(--rtk-space-80, 320px);border-right:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.selector-container.hide{display:none}.mobile-close-btn{display:none}.selector-container.mobile{height:100%;width:100%;max-width:100%;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:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);display:flex}.selector-container.mobile .mobile-close-btn{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);margin-left:var(--rtk-space-6, 24px);margin-right:var(--rtk-space-6, 24px);display:block}.pinned-messages{position:relative;display:flex;flex-direction:column}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));font-size:14px;cursor:pointer}.pinned-messages-header div{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}.pinned-messages-header rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}.pinned-messages-content{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));position:absolute;left:var(--rtk-space-0, 0px);top:100%;z-index:50;max-height:30vh;width:100%;overflow:auto}.pinned-message{display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-4, 16px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-style:solid}.pinned-message-avatar{height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important}@keyframes swipe-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}";var J=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const X={messagesSent:0,startTime:0},B=class{constructor(r){t(this,r),this.onNewMessage=i(this,"newMessage",7),this.onEditMessage=i(this,"editMessage",7),this.onEditCancel=i(this,"editCancel",7),this.onQuotedMessageDismiss=i(this,"quotedMessageDismiss",7),this.canSendTextMessage=!0,this.isSending=!1,this.canSendFiles=!0,this.message="",this.quotedMessage="",this.storageKey="rtk-text-message",this.inputTextPlaceholder="Enter your message",this.isEditing=!1,this.iconPack=s,this.t=n(),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-X.startTime>1e3*this.rateLimits.period&&(X.startTime=r,X.messagesSent=0),X.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:x)?this.disableSendButton=!0:this.disableSendButton&&(this.disableSendButton=!1),l.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,l.setItem(this.storageKey,""),this.$textComposer.setText("",!0),this.isEmojiPickerOpen=!1},this.onKeyDownHandler=this.onKeyDownHandler.bind(this)}connectedCallback(){this.textMessage=this.message||l.getItem(this.storageKey)||"",this.checkRateLimitBreached(Date.now())}componentWillUpdate(){this.textMessage=this.message||l.getItem(this.storageKey)||""}componentDidLoad(){this.message&&o((()=>this.$textComposer.setText(this.message,!0)))}checkRateLimitBreached(t){X.messagesSent>=this.rateLimits.maxInvocations&&(this.disableSendButton=!0,this.rateLimitsBreached=!0,setTimeout((()=>{X.messagesSent=0,X.startTime=Date.now(),this.disableSendButton=!1,this.rateLimitsBreached=!1}),t-X.startTime+1e3*this.rateLimits.period))}render(){var t;const i={iconPack:this.iconPack,t:this.t};return r(e,{key:"2df23422579c855ced1cb6d24bb95786a1326baf"},this.canSendTextMessage&&this.isEmojiPickerOpen&&r("rtk-emoji-picker",Object.assign({key:"a7ed280a636d0207f58f0ad13f79c1eaed52ab9c",part:"emoji-picker",onPickerClose:()=>{this.isEmojiPickerOpen=!1},onRtkEmojiClicked:t=>{this.textMessage+=t.detail,this.$textComposer.setText(this.textMessage,!0)}},i)),r("slot",{key:"759df2a2029fbba963cfc26cd871771881dd6c5e",name:"chat-addon"}),this.quotedMessage&&0!==this.quotedMessage.length&&r("div",{key:"413be05a7374fc76f790ad3f6f5bef5a56a6ef97",class:"quoted-message-container",part:"quoted-message-container"},r("div",{key:"7fb6b571103c675dca202b74bd07fd55062dab70",class:"quoted-message scrollbar"},r("rtk-text-message-view",{key:"3997aa719a746234c5641e976dd0c27e68b69dae",text:this.quotedMessage,isMarkdown:!0})),r("div",{key:"f76ec54e3d67d6957d5d152b144b22d8cc122660"},r("rtk-icon",{key:"897b52fc41814d2cb8beeb461c36c9843cb2869e","aria-label":this.t("dismiss"),class:"dismiss",icon:this.iconPack.dismiss,onClick:this.onQuotedMessageDismissHandler}))),r("div",{key:"35447eb1fffffd372c231bc76ce741e483e7f26a",class:"composer-container"},r("div",{key:"0f8f198df49fcc27f6c85b8d6909eb2a7c00e142",class:"composers"},this.fileToUpload&&r("rtk-draft-attachment-view",Object.assign({key:"9d325d05fecb12ecb41f02e54561d2e1b59b2c2f"},i,{attachment:this.fileToUpload,onDeleteAttachment:()=>this.fileToUpload=null})),!this.fileToUpload&&r("rtk-text-composer-view",{key:"fbc870bb9d9c2418e528e64273edb67846e23e17",value:this.textMessage,placeholder:this.inputTextPlaceholder,onTextChange:this.onTextChangeHandler,keyDownHandler:this.onKeyDownHandler,maxLength:null!==(t=this.maxLength)&&void 0!==t?t:x,rateLimitBreached:this.rateLimitsBreached,t:this.t,iconPack:this.iconPack,ref:t=>this.$textComposer=t})),r("div",{key:"20191403531eb87bca86d13387c7937153a4c99e",class:"chat-buttons",part:"chat-buttons"},r("div",{key:"4914a61fea3f502dc14778a237e9ce35a97e3afc",class:"left",part:"chat-buttons-left"},!this.fileToUpload&&!this.isEditing&&r("div",{key:"76c843588f2f7d90f5e60a1e44955309026eda27"},this.canSendFiles&&[r("rtk-file-picker-button",Object.assign({key:"cbb6f17b22f10b48ada27a4b4da3c1d5b2c7e320"},i,{onFileChange:t=>this.onFileUploadHandler("file",t.detail)})),r("rtk-file-picker-button",Object.assign({key:"0868162a2da021dd4175e977adf47d72ca54044a",filter:"image/*",label:this.t("chat.send_img"),icon:"image",onFileChange:t=>this.onFileUploadHandler("image",t.detail)},i))],this.canSendTextMessage&&!this.disableEmojiPicker&&r("rtk-emoji-picker-button",Object.assign({key:"a73378b5495dc3bfcde7dba335f674292ee6a96c",isActive:this.isEmojiPickerOpen,onClick:()=>{this.isEmojiPickerOpen=!this.isEmojiPickerOpen}},i)),r("slot",{key:"31208ad279dec430da4527d22730de8e418bc722",name:"chat-buttons"}))),r("div",{key:"04fcdd3f690548cbf1e257ffb2982785e557726b",class:"right",part:"chat-buttons-right"},!this.isEditing&&r("rtk-tooltip",{key:"367bf710673a0a2276f46d52289409abb77fe27b",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},r("rtk-button",{key:"c677e3026636c375ed7eee411c596f6d2a802794",kind:"icon",disabled:this.disableSendButton||this.isSending,onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},this.isSending?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.send}))),this.isEditing&&r("div",{key:"1e09e8868e4ae048b36bc8198b8aa1de92209a00",class:"edit-buttons"},r("rtk-tooltip",{key:"29ff7a39bd168169fa7d104357b529a2c9efe0fd",variant:"secondary",label:this.t("cancel"),delay:2e3},r("rtk-button",{key:"27cf5353d0e8c2620fd8d4213994a9dcc83f83f3",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},r("rtk-icon",{key:"aeb4c9df3993c6cebf952f64f6676eb8a3866bb0",icon:this.iconPack.dismiss}))),r("rtk-tooltip",{key:"835195d0f51a1db81e66a1b2d9076a71f2aaee4e",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},r("rtk-button",{key:"d524f01ba5d7ca52224d39e23e7f963972ad80c9",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},this.isSending?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.checkmark}))))))))}};J([k()],B.prototype,"iconPack",void 0),J([k()],B.prototype,"t",void 0),B.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";const H=class{constructor(r){t(this,r),this.onPinnedToggle=async t=>{var r,e,i;(null===(r=t.detail)||void 0===r?void 0:r.open)&&await(null===(i=null===(e=this.$chatSelector)||void 0===e?void 0:e.close)||void 0===i?void 0:i.call(e))},this.onChatToggle=async t=>{var r,e,i;(null===(r=t.detail)||void 0===r?void 0:r.open)&&await(null===(i=null===(e=this.$pinnedSelector)||void 0===e?void 0:e.close)||void 0===i?void 0:i.call(e))}}render(){return r(e,{key:"af9956ff6e693f29fb63a6180ef773a0e64822e5"},r("rtk-pinned-message-selector",{key:"b0d9199d02d84453f8ee26c3a47e00c82047e4f6",ref:t=>this.$pinnedSelector=t,onRtkDropdownToggle:this.onPinnedToggle}),r("rtk-chat-selector",{key:"4d019562a85ebfeaf4ceae2e99d1b9c8c282127a",ref:t=>this.$chatSelector=t,onRtkDropdownToggle:this.onChatToggle}))}};H.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;width:100%;flex-direction:column;gap:var(--rtk-space-2, 8px);font-size:14px;z-index:10;margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);overflow:hidden;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));cursor:pointer}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}";var W=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const K=class{constructor(e){t(this,e),this.editMessageInit=i(this,"editMessageInit",7),this.onPinMessage=i(this,"pinMessage",7),this.onEditMessage=i(this,"editMessage",7),this.onDeleteMessage=i(this,"deleteMessage",7),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=s,this.t=n(),this.permissionsChanged=!1,this.pageSize=25,this.permissionsUpdateListener=()=>{this.permissionsChanged=!this.permissionsChanged},this.getChatMessages=async(t,r,e)=>{if(this.privateChatRecipient)try{return await this.meeting.chat.fetchPrivateMessages({timestamp:t,limit:r,direction:e?"before":"after",userId:this.privateChatRecipient.userId})}catch(t){return[]}try{return await this.meeting.chat.fetchPublicMessages({timestamp:t,limit:r,direction:e?"before":"after"})}catch(t){return[]}},this.createChatNodes=t=>t.map(((r,e)=>{var i,a;const o=r.userId===(null===(i=t[e-1])||void 0===i?void 0:i.userId);if(this.privateChatRecipient||!((null===(a=r.targetUserIds)||void 0===a?void 0:a.length)>0))return this.createChatNode(r,o)})),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=>{var r;const e=[],i=t.userId===this.meeting.self.userId;return(null===(r=t.targetUserIds)||void 0===r?void 0:r.length)>0||e.push({id:"pin_message",label:this.t(t.pinned?"unpin":"pin"),icon:this.iconPack.pin}),i&&(e.push({id:"edit_message",label:this.t("chat.edit_msg"),icon:this.iconPack.edit}),e.push({id:"delete_message",label:this.t("chat.delete_msg"),icon:this.iconPack.delete})),e},this.onMessageActionHandler=(t,r)=>{switch(t){case"pin_message":this.onPinMessage.emit(r);break;case"edit_message":this.onEditMessage.emit(r);break;case"delete_message":this.onDeleteMessage.emit(r)}},this.createChatNode=(t,e)=>{var i,a,o,s;let n;n="CHAT"===this.meeting.meta.viewType?null===(i=this.meeting.participants.all.toArray().find((r=>r.userId===t.userId)))||void 0===i?void 0:i.picture:this.meeting.self.userId===t.userId?this.meeting.self.picture:null!==(o=null===(a=this.meeting.participants.joined.toArray().find((r=>r.userId===t.userId)))||void 0===a?void 0:a.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;const c=t.userId===this.meeting.self.userId,d=c?"outgoing":"incoming";return r("div",null,r("div",{class:"message-wrapper",id:t.id},r("rtk-message-view",{messageType:t.type,pinned:t.pinned,isEdited:t.isEdited,time:t.time,actions:this.getMessageActions(t),authorName:t.displayName,isSelf:c,avatarUrl:n,hideAuthorName:e,viewType:d,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})}}))))))},this.chatUpdateListener=t=>{var r,e,i;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0&&!t.message.targetUserIds.includes(null===(e=this.privateChatRecipient)||void 0===e?void 0:e.userId)||this.privateChatRecipient&&0===(null===(i=t.message.targetUserIds)||void 0===i?void 0:i.length)||("add"===t.action?this.$paginatedListRef.onNewNode(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)}async onPinnedMessageSelect(t){var r,e;const i=t.detail;i&&await(null===(e=null===(r=this.$paginatedListRef)||void 0===r?void 0:r.reset)||void 0===e?void 0:e.call(r,i.timeMs+1))}disconnectedCallback(){this.disconnectMeeting(this.meeting)}privateChatRecipientChanged(){var t;null===(t=this.$paginatedListRef)||void 0===t||t.reset()}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())}render(){return r(e,{key:"8062f966f4bc489a4fdadb2da59bb88473e45194"},r("rtk-paginated-list",{key:"7f50458ee29cd7bd83bd123303e82db556230d67",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes,emptyListLabel:this.t("chat.empty_chat")},r("slot",{key:"69b0106558d9995b0bc24ed3d0d36f56febbf90f"})))}get host(){return a(this)}static get watchers(){return{privateChatRecipient:["privateChatRecipientChanged"],meeting:["meetingChanged"]}}};W([k()],K.prototype,"meeting",void 0),W([k()],K.prototype,"iconPack",void 0),W([k()],K.prototype,"t",void 0),K.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 V=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Q=class{constructor(e){t(this,e),this.dropdownToggle=i(this,"rtkDropdownToggle",7),this.chatSelectorChange=i(this,"rtkChatSelectorChange",7),this.config=c(),this.iconPack=s,this.t=n(),this.overrides=d,this.isOpen=!1,this.showPrivateChat=!1,this.selectedUser=void 0,this.pageSize=1e5,this.pagesAllowed=3,this.unreadMap=new Map,this.disconnectMeeting=t=>{var r,e,i,a;const{self:o,participants:s}=t||{};null===(r=t.chat)||void 0===r||r.off("chatUpdate",this.chatUpdateListener),null===(e=null==o?void 0:o.permissions)||void 0===e||e.off("*",this.chatPermissionUpdateListener),null===(i=null==s?void 0:s.joined)||void 0===i||i.off("participantJoined",this.participantJoinedListener),null===(a=null==s?void 0:s.joined)||void 0===a||a.off("participantLeft",this.participantLeftListener)},this.toggle=t=>{t.preventDefault(),t.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.selectUser=async t=>{(null==t?void 0:t.userId)&&(this.unreadMap.set(t.userId,!1),this.$paginatedListRef.rerenderList()),this.selectedUser=t,this.chatSelectorChange.emit({selectedUser:t}),await this.close()},this.chatPermissionUpdateListener=()=>{var t,r;this.showPrivateChat=!(!(null===(t=this.meeting.self.permissions.chatPrivate)||void 0===t?void 0:t.canSend)&&!(null===(r=this.meeting.self.permissions.chatPrivate)||void 0===r?void 0:r.canReceive)),this.showPrivateChat||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0}))},this.onParticipantUpdate=()=>{var t,r,e,i;this.selectedUser&&(((null===(i=null===(e=null===(r=null===(t=this.meeting)||void 0===t?void 0:t.participants)||void 0===r?void 0:r.joined)||void 0===e?void 0:e.toArray)||void 0===i?void 0:i.call(e))||[]).some((t=>{var r;return t.id===(null===(r=this.selectedUser)||void 0===r?void 0:r.id)}))||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0})))},this.participantJoinedListener=t=>{this.$paginatedListRef.onNewNode(t)},this.participantLeftListener=t=>{this.$paginatedListRef.onNodeDelete(t.id),this.onParticipantUpdate()},this.getParticipants=async t=>{const r=this.meeting;return r&&t?r.participants.joined.toArray():[]},this.createPaticipantNodes=t=>t.map((t=>{var e;return r("div",{class:"private-chat-label",id:t.id,onClick:()=>this.selectUser(t)},r("rtk-avatar",{size:"sm",participant:t}),r("span",null,null!==(e=t.name)&&void 0!==e?e:this.t("participant")),this.unreadMap.get(t.userId)?r("div",{class:"private-chat-unread-badge"}):null)})),this.chatUpdateListener=t=>{var r;if("add"!==t.action)return;if(!(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length))return;const e=this.meeting.self.userId,i=t.message.targetUserIds.find((t=>t!==e));i&&(this.unreadMap.set(i,!0),this.$paginatedListRef.rerenderList())}}async close(){this.isOpen&&(this.isOpen=!1,this.dropdownToggle.emit({open:!1}))}connectedCallback(){this.meetingChanged(this.meeting),this.overridesChanged(this.overrides)}disconnectedCallback(){var t,r,e;if(!this.meeting)return;const{self:i,participants:a}=this.meeting;null===(t=null==i?void 0:i.permissions)||void 0===t||t.off("*",this.chatPermissionUpdateListener),null===(r=null==a?void 0:a.joined)||void 0===r||r.off("participantJoined",this.participantJoinedListener),null===(e=null==a?void 0:a.joined)||void 0===e||e.off("participantLeft",this.participantLeftListener)}overridesChanged(t){var r,e;this.meeting&&!this.meeting.self&&(this.showPrivateChat=!(!(null===(r=this.meeting.self.permissions.chatPrivate)||void 0===r?void 0:r.canSend)&&!(null===(e=this.meeting.self.permissions.chatPrivate)||void 0===e?void 0:e.canReceive)||t.disablePrivateChat))}meetingChanged(t,r){var e,i,a,o,s,n,c;r&&this.disconnectMeeting(r),t&&t.chat&&(this.showPrivateChat=!(!(null===(e=t.self.permissions.chatPrivate)||void 0===e?void 0:e.canSend)&&!(null===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.canReceive)||this.overrides.disablePrivateChat),this.onParticipantUpdate(),null===(a=t.chat)||void 0===a||a.on("chatUpdate",this.chatUpdateListener),t.self.permissions.on("*",this.chatPermissionUpdateListener),null===(s=null===(o=null==t?void 0:t.participants)||void 0===o?void 0:o.joined)||void 0===s||s.on("participantJoined",this.participantJoinedListener),null===(c=null===(n=null==t?void 0:t.participants)||void 0===n?void 0:n.joined)||void 0===c||c.on("participantLeft",this.participantLeftListener))}render(){return this.showPrivateChat?r(e,null,r("div",{class:"chat-header",onClick:this.toggle},r("div",{class:"chat-header-label"},r("rtk-icon",this.selectedUser?{icon:this.iconPack.people,size:"sm"}:{icon:this.iconPack.participants,size:"sm"}),this.selectedUser?this.selectedUser.name:this.t("chat.everyone")),r("div",{class:"chevron"},r("rtk-icon",{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:"sm"}))),r("div",{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},r("div",{class:"public-chat-group-label",onClick:()=>this.selectUser(void 0)},r("div",{class:"public-chat-icon"},r("rtk-icon",{icon:this.iconPack.participants,size:"sm"})),this.t("chat.everyone")),r("rtk-paginated-list",{class:"chat-selector-paginated-list",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getParticipants,createNodes:this.createPaticipantNodes,emptyListLabel:this.t("participants.empty_list")},r("slot",null)))):null}static get watchers(){return{overrides:["overridesChanged"],meeting:["meetingChanged"]}}};V([k()],Q.prototype,"meeting",void 0),V([k()],Q.prototype,"states",void 0),V([k()],Q.prototype,"config",void 0),V([k()],Q.prototype,"iconPack",void 0),V([k()],Q.prototype,"t",void 0),V([k()],Q.prototype,"overrides",void 0),Q.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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.public-chat-icon rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";var Z=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const G=class{constructor(r){t(this,r),this.onDeleteAttachment=i(this,"deleteAttachment",7),this.iconPack=s,this.t=n(),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:"51ac9914a6c3626f3abd63d8101dd33d956f0cb0"},r("div",{key:"9520035fca81e905b7bcc3696ec9803ca127a370",class:"preview-overlay"},r("div",{key:"6c8139ece3ce95836f7853a160c0a01e298c2892",class:"preview"},r("rtk-tooltip",{key:"d3379d7a4a3b09c15d75ec4fce8bc7c2e89b1df4",label:this.t("chat.cancel_upload")},r("rtk-button",{key:"d5badd1b4a2fce0f2958d8923adde9353562eb8a",variant:"secondary",kind:"icon",onClick:this.onDeleteClickHandler},r("rtk-icon",{key:"4acde8f6352eab6e2277f6317ef226d22defe4e0",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 tt;Z([k()],G.prototype,"iconPack",void 0),Z([k()],G.prototype,"t",void 0),G.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 rt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const et=class{constructor(r){t(this,r),this.pickerClose=i(this,"pickerClose",7),this.emojiClicked=i(this,"rtkEmojiClicked",7),this.iconPack=s,this.t=n(),this.focusWhenOpened=!0,this.filterVal="",this.filteredEmojis=[]}componentWillLoad(){(async()=>{if(!tt){const t=await fetch("https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json");tt=t.json()}return tt})().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:"db0bbe8c8af774ca199ac800fb2a0fba9ef7ab6d"},r("div",{key:"3e51dd2b14a87ebc0c65ee406ec67f92722296ab",class:"close-parent"},r("rtk-button",{key:"a8697bf95723f0598de3e2b6f88729562466ed81",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:"dc787e4ccf8a6f170ccd1f0954602a08a85b12ad",icon:this.iconPack.dismiss}))),r("div",{key:"77f7377f40708c4f5fa3e531621660bf68f01b4b",class:"emoji-parent"},r("input",{key:"7db399dc58c0c6863db8ed1c80ac313417eab8c9",value:this.filterVal,onInput:t=>this.handleInputChange(t.target),placeholder:this.t("search"),ref:t=>this.inputElement=t}),this.mapEmojiList()))}};rt([k()],et.prototype,"iconPack",void 0),rt([k()],et.prototype,"t",void 0),et.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, 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 it=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const at=class{constructor(r){t(this,r),this.iconPack=s,this.t=n()}render(){return r("rtk-tooltip",{key:"82c39530cddfd5cab8672cc5f7f590587749f9cc",label:this.t("chat.send_emoji")},r("rtk-button",{key:"8e7ee7dbe901b78482ad3f828bb28bda1fdc36b7",variant:"ghost",kind:"icon",class:{active:this.isActive},title:this.t("chat.send_emoji")},r("rtk-icon",{key:"a83691903dae86b3cb7c8cf17fb488e4da13090b",icon:this.iconPack.emoji_multiple})))}};it([k()],at.prototype,"iconPack",void 0),it([k()],at.prototype,"t",void 0),at.style=":host{}";const ot=class{constructor(r){t(this,r),this.iconPack=s}render(){return r("div",{key:"9fce348979b0354484f0deeddc6e55007ef70ae5",class:"file"},r("rtk-button",{key:"22bc5f6cdff07ec4f9cdb1b588b64e5e604d0029",variant:"secondary",kind:"icon",onClick:()=>C(v(this.url),{name:this.name,fallbackName:"file"}),part:"button"},r("rtk-icon",{key:"3d46920c69604896bba651ae8205d3a761ffdeb7",icon:this.iconPack.download})),r("div",{key:"c42a4c9bdd415d4d307efcb4f375f575220e473a",class:"file-data"},r("div",{key:"fe9bd86c88ce3184ed0b38dfe312bf7ac0207551",class:"name"},this.name),r("div",{key:"93aa6bf4c3933b292c59a1522b8398e96938aba3",class:"file-data-split"},r("div",{key:"2807cbf9844af17617ec76db10689fc6dcb80e0e",class:"ext"},j(this.name)),r("span",{key:"fa0a03cf79b2f4dee34a11fb0a0bf82a608ca3c1",class:"divider"}),r("div",{key:"0fd5d15e43aca15ffd3ae2fc6b176c0455ea5db3",class:"size"},z(this.size)))))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([k()],ot.prototype,"iconPack",void 0),ot.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 st=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const nt=class{constructor(r){t(this,r),this.onFileChange=i(this,"fileChange",7),this.icon="attach",this.iconPack=s,this.t=n(),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:"c97c7e1e106e14f2443dd405fd6657a14d9d315c",label:t},r("rtk-button",{key:"cffa7ef14cc7fe0285e642ca76b658b6c70d4b42",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile(),title:t},r("rtk-icon",{key:"47133f919946ce2a63e4f2b64977f1127a4eae7c",icon:this.iconPack[this.icon]})))}};st([k()],nt.prototype,"iconPack",void 0),st([k()],nt.prototype,"t",void 0),nt.style=":host{}";const ct=t=>{try{return JSON.parse(t)}catch(r){return t}},dt=class{constructor(r){t(this,r),this.variant="primary",this.size="lg"}render(){return r(e,{key:"fdbe6fd9647bae7cfdf02ba6a250aa3c0c39ad85"},r("div",{key:"114baca2f9ce9376e69073b40170473cc359915f",class:"icon-wrapper",innerHTML:ct(this.icon),part:"wrapper"}))}};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{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 lt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ht=class{constructor(r){t(this,r),this.onPreview=i(this,"preview",7),this.iconPack=s,this.t=n(),this.status="loading"}render(){return r("div",{key:"5fd48d25a86c8a1f3084ff4c27ba95ddca04482f",class:{image:!0,loaded:"loaded"===this.status}},r("img",{key:"99d019ebaf2e4deb2f6f9f8541f1bd67bc089fee",src:v(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:"9e0eba0b06ee2039d0a36f598e2b55b79c6d4151",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},r("rtk-spinner",{key:"0488df56c74ff7fbcb30ae7a16f77eca57cdd50a",iconPack:this.iconPack})),"errored"===this.status&&r("div",{key:"d4f2cc45d94be0a4519d93169e337522f30949cf",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},r("rtk-icon",{key:"a633902737fe1a4690f349092fedb6d0c7a18bbf",icon:this.iconPack.image_off})),"loaded"===this.status&&r("div",{key:"bfb0b8f3f130315e1691dd87f9be6de211d669cd",class:"actions"},r("rtk-button",{key:"c0e200f62e7896b11f0cb1717e15db96223b2b45",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.onPreview.emit(this.url)}},r("rtk-icon",{key:"2527495fac5a7760c7a320c7f3fc769b4321dd66",icon:this.iconPack.full_screen_maximize})),r("rtk-button",{key:"80f46436895374dc43f9a3fb1adf2472c82c328b",class:"action",variant:"secondary",kind:"icon",onClick:()=>C(this.url,{fallbackName:"image"})},r("rtk-icon",{key:"5650cc2537980b244b31b937a5d367a800d0b0f9",icon:this.iconPack.download}))))}};lt([k()],ht.prototype,"iconPack",void 0),lt([k()],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)}.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}";const pt=class{constructor(e){t(this,e),this.maxLength=x,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"),i=!1;"```"===e[0]&&"```"===e[e.length-1]&&(i=!0,e=e.slice(1,-1));const a=e.map((t=>{const e=m(t);return r("p",null,this.renderTokens(e))}));return i?r("pre",{style:{whiteSpace:"pre",overflow:"scroll"}},e.join("\n")):a}render(){const t=this.text.slice(0,this.maxLength),e=w(t,!0),i=y(t);return r("p",{key:"2c21b4c1dc9f18a17048f0827e552ffb8d595eee",class:"markdown-message"},0!==e.length&&r("blockquote",{key:"f6ff3e02781136f2fb5f3e68dbbeac39430b6386"},this.renderMessage(e)),0!==i.length&&this.renderMessage(i))}};pt.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;width:300px;margin-right:var(--rtk-space-2, 8px)}.markdown-message{box-sizing:border-box}";const bt=class{constructor(r){t(this,r),this.statesUpdate=i(this,"rtkStatesUpdate",7),this.providerId="provider-"+Math.floor(100*Math.random()),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===(this.peerStore||h).state.states.activeDebugger||this.updateStates({activePermissionsMessage:{enabled:!0,kind:t}})},this.socketConnectionUpdateListener=({state:t})=>{"failed"===t&&setTimeout((()=>{this.meeting.leave("disconnected")}),this.leaveRoomTimer)},this.peerStore=null,this.loadConfigFromPreset=!1,this.applyDesignSystem=!1,this.mode="fixed",this.leaveOnUnmount=!1,this.t=n(),this.config=c(),this.gridLayout="row",this.iconPack=s,this.overrides=d,this.handleChangingMeeting=t=>{this.updateStates({activeBreakoutRoomsManager:Object.assign(Object.assign({},(this.peerStore||h).state.states.activeBreakoutRoomsManager),{destinationMeetingId:t})})}}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.setupStoreRequestListener(),this.setupStateUpdateListener(),this.meetingChanged(this.meeting),this.iconPackChanged(this.iconPack),this.tChanged(this.t),this.configChanged(this.config),this.overridesChanged(this.overrides),this.resizeObserver=new S((()=>this.handleResize())),this.resizeObserver.observe(this.host),this.applyDesignSystem&&null!=(null===(t=this.config)||void 0===t?void 0:t.designTokens)&&"undefined"!=typeof document&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(document.documentElement,this.config.designTokens)}disconnectedCallback(){var t;this.leaveOnUnmount&&(null===(t=this.meeting)||void 0===t||t.leaveRoom()),this.resizeObserver.disconnect(),window.removeEventListener("rtkError",this.authErrorListener),this.storeRequestListener&&(this.host.removeEventListener("rtkRequestStore",this.storeRequestListener),this.storeRequestListener=null),this.stateUpdateListener&&(this.host.removeEventListener("rtkStateUpdate",this.stateUpdateListener),this.stateUpdateListener=null),this.meeting&&this.clearListeners(this.meeting)}setupStoreRequestListener(){this.storeRequestListener&&this.host.removeEventListener("rtkRequestStore",this.storeRequestListener),this.storeRequestListener=t=>{if(!this.peerStore)return;const r=new CustomEvent("rtkProvideStore",{detail:{store:this.peerStore,requestId:t.detail.requestId}});document.dispatchEvent(r),t.stopPropagation()},this.host.addEventListener("rtkRequestStore",this.storeRequestListener)}setupStateUpdateListener(){this.stateUpdateListener&&this.host.removeEventListener("rtkStateUpdate",this.stateUpdateListener),this.stateUpdateListener=t=>{this.host.contains(t.target)&&this.updateStates(t.detail)},this.host.addEventListener("rtkStateUpdate",this.stateUpdateListener)}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))}meetingChanged(t){var r,e;if(t){if(t?(this.peerStore=p({meeting:t,config:this.config,iconPack:this.iconPack,t:this.t,providerId:this.providerId,overrides:R(Object.assign({},d),this.overrides)}),document.dispatchEvent(new CustomEvent("rtkPeerStoreReady",{detail:{peerId:t.self.id}}))):this.peerStore=null,this.updateStates({viewType:t.meta.viewType}),this.loadConfigFromPreset&&null!=t.self.config){const e=t.self.config,{config:i,data:a}=P(e,t);this.config=i,null==this.showSetupScreen&&(this.showSetupScreen=a.showSetupScreen),t.connectedMeetings.supportsConnectedMeetings&&(null===(r=(this.peerStore||h).state.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&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(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)}}iconPackChanged(t){this.peerStore&&(this.peerStore.state.iconPack=t)}tChanged(t){this.peerStore&&(this.peerStore.state.t=t)}configChanged(t){this.peerStore&&(this.peerStore.state.config=t),(null==t?void 0:t.designTokens)&&"undefined"!=typeof document&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(document.documentElement,t.designTokens)}overridesChanged(t){this.peerStore&&(this.peerStore.state.overrides=R(Object.assign({},d),t))}handleResize(){var t;this.size=(t=this.host.clientWidth)>=1080?"lg":t>=768?"md":"sm"}updateStates(t){const r=this.peerStore||h,e=Object.assign({},r.state.states);r.state.states=R(e,t),this.statesUpdate.emit(r.state.states);const i=new CustomEvent("rtkStatesUpdate",{detail:r.state.states,bubbles:!0,composed:!0});this.host.dispatchEvent(i)}render(){const t={meeting:this.meeting,size:this.size,states:(this.peerStore||h).state.states,config:this.config||c(),iconPack:this.iconPack,t:this.t};return"CHAT"===(this.peerStore||h).state.states.viewType?r("rtk-chat",Object.assign({},t)):r(O,{element:"rtk-meeting",defaults:t,asHost:!0,elementProps:{"rtk-grid":{layout:this.gridLayout}}})}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"],iconPack:["iconPackChanged"],t:["tChanged"],config:["configChanged"],overrides:["overridesChanged"]}}};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)}: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 gt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const vt=class{constructor(r){t(this,r),this.clickedThis=!1,this.placement="bottom-end",this.offset=10,this.iconPack=s,this.t=n(),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(){M(this.triggerEl,this.menuListEl,{placement:this.placement,middleware:[D(this.offset),L(),E({padding:5})]}).then((({x:t,y:r})=>{Object.assign(this.menuListEl.style,{left:`${t}px`,top:`${r}px`})}))}render(){return r(e,{key:"98d1a73c1fdd151945433a13dc1d9f11cfaaeb05"},r("span",{key:"5cb225dca906f51ea4f9cfe999840af35cbbf865",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:"75146b82e06b27ec57e85d741f42b6112d740334",name:"trigger"})),r("span",{key:"ef16bf3d6197fd16fa7fb9dca36bc97f9cafec52",part:"menu-list",id:"menu-list",ref:t=>this.menuListEl=t},r("slot",{key:"fa8644e4eff65fa5832d80cd53a70e626ea0b1e9"})))}};gt([k()],vt.prototype,"iconPack",void 0),gt([k()],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)}: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 ft=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const kt=class{constructor(r){t(this,r),this.menuVariant="secondary",this.iconPack=s,this.t=n()}render(){return r(e,{key:"d9b20b45e47b9fe8ab36a87a66eac6386b4c678c",class:{[this.menuVariant]:!0}},r("slot",{key:"639bd9af7b8ecd614ea87a21906e250023889a1c",name:"start"}),r("slot",{key:"9b6aa572707a1f78c8f82873b40132ec09290404"}),r("slot",{key:"02c7034af853977922e5cf3ac30f88e5f0148d75",name:"end"}))}};ft([k()],kt.prototype,"iconPack",void 0),ft([k()],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{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-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var ut=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const xt=class{constructor(r){t(this,r),this.iconPack=s,this.menuVariant="secondary",this.t=n()}render(){return r(e,{key:"0ac5ed2be7991106090b3ca0aa5a66a59f0e8250",class:{[this.menuVariant]:!0}},r("slot",{key:"cd8312cfd2de7eeb7d590e4189f482d620f59ef8"}))}};ut([k()],xt.prototype,"iconPack",void 0),ut([k()],xt.prototype,"t",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)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));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);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}";const mt=class{constructor(r){t(this,r),this.onAction=i(this,"action",7),this.actions=[],this.variant="bubble",this.pinned=!1,this.viewType="outgoing",this.hideAvatar=!1,this.isSelf=!1,this.hideAuthorName=!1,this.hideMetadata=!1,this.iconPack=s}renderActions(){return r("rtk-menu",{placement:this.isSelf?"bottom-start":"bottom-end",offset:1},r("button",{slot:"trigger",class:"actions"},r("rtk-icon",{icon:this.iconPack.chevron_down})),r("rtk-menu-list",{menuVariant:this.isSelf?"primary":"secondary"},this.actions.map((t=>{if("edit_message"!==t.id||"text"===this.messageType)return r("rtk-menu-item",{menuVariant:this.isSelf?"primary":"secondary",onClick:()=>this.onAction.emit(t.id)},t.icon&&r("rtk-icon",{icon:t.icon,slot:"start"}),t.label)}))))}render(){return r(e,{key:"3d53fc59bda6a82e4c4753e34f915c8f62611f6b"},r("div",{key:"1f9cbd79c9e5526645fafd0c4436b91c6c612f08",class:{"message-wrapper":!0,[this.viewType]:!0}},!this.hideAvatar&&r("aside",{key:"23071b4dff9dd4ecc1385be9a1610ffbab98a9e9",class:"avatar",part:"avatar"},r("rtk-avatar",{key:"9a4596ea3636188ef391e65f86d6a608b3aa02d5",participant:{name:this.authorName,picture:this.avatarUrl},size:"sm"})),r("div",{key:"eefe1bf5803e371266a0b8ee230dd2f42a193dc2",class:"message",part:"message"},!this.hideAuthorName&&r("div",{key:"45ba437f7a3ba2b253f22a1885d7e5be954a387e",class:"header"},this.authorName," ",this.isSelf?" (You)":""),r("div",{key:"e9636fb45358423d5cc4e8144b6b47cf065117cc",class:{body:!0,bubble:"bubble"===this.variant}},r("slot",{key:"1d6cd92eb8d4514b7ae4266fae8cd060a56ac1e3"}),!this.hideMetadata&&!!this.time&&r("div",{key:"77b29974a960e4b4809025305ce005aeab8edebc",class:"metadata",title:q(this.time)},this.pinned&&r("span",{key:"e6b99085f2cbcbc9505c20e5407a98c382306614",class:"metadata-content"},r("rtk-icon",{key:"45ad875ef38b1db0105c85659cf938cc9bd792d8",icon:this.iconPack.pin,size:"sm"})," •"),this.isEdited&&r("span",{key:"48d5ecd659fe2308d8c33e94a2216049a2bea5ef",class:"metadata-content"},r("span",{key:"9203ff6d3f65b81b875f5bc17231fd2c65c1c2c2"},"Edited")," •"),T(this.time,new Date(Date.now()))),0!==this.actions.length&&this.renderActions()))))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([k()],mt.prototype,"iconPack",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{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);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:12px;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}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--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)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--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))}.metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.metadata-content{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px)}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-1, 4px);top:var(--rtk-space-1, 4px);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;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none}.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 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))}.incoming .actions{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}@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 wt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const yt=class{constructor(r){t(this,r),this.oldestPaginatedTimestamp=0,this.latestPaginatedTimestamp=null,this.latestMessageTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.emptyListLabel=null,this.iconPack=s,this.t=n(),this.rerenderBoolean=!1,this.showEmptyListLabel=!1,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,this.pendingScrollAnchor=null,this.isInView=t=>{const r=t.getBoundingClientRect();return r.top>=0&&r.bottom<=window.innerHeight}}async rerenderList(){this.rerenderBoolean=!this.rerenderBoolean}async onNewNode(t){if(this.pages.length<1)this.oldestPaginatedTimestamp=t.timeMs,this.pages.unshift([t]),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.rerender(),this.autoScroll&&this.$bottomRef.scrollIntoView({behavior:"smooth"});else if(this.latestMessageTimestamp===this.latestPaginatedTimestamp){if(this.pages[0].length<this.pageSize)this.pages[0].unshift(t),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.rerender();else{this.pages.unshift([t]),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.pages.length>this.pagesAllowed&&this.pages.pop();const r=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=r[r.length-1].timeMs,this.rerender()}this.autoScroll&&this.$bottomRef.scrollIntoView({behavior:"smooth"})}else this.autoScroll&&this.scrollToBottom();this.pendingScrollAnchor=null}async onNodeDelete(t){var r,e;for(let i=this.pages.length-1;i>=0;i--){const a=this.pages[i].findIndex((r=>r.id===t));if(-1===a)continue;this.pages[i].splice(a,1),0===this.pages[i].length&&this.pages.splice(i,1);const o=this.pages[0],s=this.pages[this.pages.length-1];this.latestPaginatedTimestamp=null===(r=null==o?void 0:o[0])||void 0===r?void 0:r.timeMs,this.oldestPaginatedTimestamp=null===(e=null==s?void 0:s[s.length-1])||void 0===e?void 0:e.timeMs,0===a&&0===i&&(this.latestMessageTimestamp=this.latestPaginatedTimestamp),this.rerender();break}}async onNodeUpdate(t,r){for(let e=this.pages.length-1;e>=0;e--){const i=this.pages[e].findIndex((r=>r.id===t));if(-1!==i){this.pages[e][i]=Object.assign(Object.assign({},this.pages[e][i]),r),this.rerender();break}}}async reset(t=0){this.oldestPaginatedTimestamp=t,this.latestPaginatedTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.pendingScrollAnchor=null,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,0===t&&(this.latestMessageTimestamp=null),this.rerender(),await this.loadPrevPage()}connectedCallback(){this.rerender=A(this.rerender.bind(this),50,{maxWait:200})}componentDidLoad(){this.loadPrevPage(),this.$containerRef&&(this.$containerRef.onscrollend=async()=>{this.shouldScrollToBottom||(this.isInView(this.$bottomRef)&&this.latestMessageTimestamp>this.latestPaginatedTimestamp?await this.loadNextPage():this.isInView(this.$topRef)&&(this.showNewMessagesCTR=!0,await this.loadPrevPage()))})}componentDidRender(){if(!this.pendingScrollAnchor)return;const t=this.pendingScrollAnchor;this.pendingScrollAnchor=null,this.restoreScrollToAnchor(t)}async loadPrevPage(){if(this.isLoading)return;const t=this.getScrollAnchor("top");0===this.oldestPaginatedTimestamp&&(this.oldestPaginatedTimestamp=(new Date).getTime()),this.isLoading=!0,this.isLoadingTop=!0;const r=await this.fetchData(this.oldestPaginatedTimestamp-1,this.pageSize,!0);if(this.isLoading=!1,this.isLoadingTop=!1,!r.length)return;this.pages.push(r),this.pages.length>this.pagesAllowed&&this.pages.shift();const e=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=e[e.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.latestMessageTimestamp||(this.latestMessageTimestamp=this.latestPaginatedTimestamp),this.rerender(),t&&(this.pendingScrollAnchor=t)}async loadNextPage(){if(this.isLoading)return[];if(!this.latestPaginatedTimestamp)return this.showNewMessagesCTR=!1,[];this.isLoading=!0,this.isLoadingBottom=!0;const t=this.getScrollAnchor("bottom"),r=await this.fetchData(this.latestPaginatedTimestamp+1,this.pageSize,!1);if(this.isLoading=!1,this.isLoadingBottom=!1,!r.length)return this.latestMessageTimestamp=this.latestPaginatedTimestamp,this.showNewMessagesCTR=!1,[];const e=[...r].reverse();0===this.pages.length&&this.pages.unshift([]);const i=this.pages[0],a=this.pageSize-i.length;if(a>0){const t=e.splice(0,a);i.unshift(...t)}for(;e.length>0;)this.pages.unshift(e.splice(0,this.pageSize));this.pages.length>this.pagesAllowed&&this.pages.pop();const o=this.pages[this.pages.length-1];return this.oldestPaginatedTimestamp=o[o.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.rerender(),this.pendingScrollAnchor=t,r}getScrollAnchor(t="top"){if(!this.$containerRef)return null;const r=this.$containerRef.getBoundingClientRect(),e=Array.from(this.$containerRef.querySelectorAll("[id]")).filter((t=>"top-scroll"!==t.id&&"bottom-scroll"!==t.id));let i=null;for(const a of e){const e=a.getBoundingClientRect();if(e.bottom>r.top&&e.top<r.bottom)if("top"===t){const t=e.top-r.top;(null==i||"top"===i.edge&&t<i.offsetTop)&&(i={id:a.id,edge:"top",offsetTop:t})}else{const t=r.bottom-e.bottom;(null==i||"bottom"===i.edge&&t<i.offsetBottom)&&(i={id:a.id,edge:"bottom",offsetBottom:t})}}return i}restoreScrollToAnchor(t){if(!this.$containerRef)return;const r=this.$containerRef.querySelector(`#${(t=>{var r;const e=null===(r=globalThis.CSS)||void 0===r?void 0:r.escape;return"function"==typeof e?e(t):t.replace(/[^a-zA-Z0-9_-]/g,"\\$&")})(t.id)}`);if(!r)return;const e=this.$containerRef.getBoundingClientRect(),i=r.getBoundingClientRect();this.$containerRef.scrollTop+="top"===t.edge?i.top-e.top-t.offsetTop:t.offsetBottom-(e.bottom-i.bottom)}async scrollToBottom(){for(this.shouldScrollToBottom=!0;this.shouldScrollToBottom;){const t=await this.loadNextPage();this.$bottomRef.scrollIntoView({behavior:"smooth"}),0===t.length&&(this.shouldScrollToBottom=!1)}}rerender(){this.rerenderBoolean=!this.rerenderBoolean}render(){var t;return r(e,{key:"bff4fc91b737334c5764e690fbf2adafa1444408"},r("div",{key:"f4efa98ef0bd178602ee03718d35fcb833487909",class:"scrollbar container",part:"container",ref:t=>this.$containerRef=t},r("div",{key:"37403f6462812a6662efa9577ae9ed43d27f63d6",class:{"show-new-messages-ctr":!0,active:this.showNewMessagesCTR}},r("rtk-button",{key:"ee7e04e6281370dddb1b1e10b753e96dc602d42a",class:"show-new-messages",kind:"icon",variant:"secondary",part:"show-new-messages",onClick:()=>{this.scrollToBottom()}},this.shouldScrollToBottom?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.chevron_down}))),r("div",{key:"91bcdadd2518313fa06306a172575f5acc786596",class:"smallest-dom-element",id:"bottom-scroll",ref:t=>this.$bottomRef=t}),this.isLoadingBottom&&this.pages.length>0&&r("rtk-spinner",{key:"932af19af69c3ecd5af22dd3051a5eea5cb25e7a",size:"sm"}),this.isLoading&&this.pages.length<1&&r("rtk-spinner",{key:"9fa60fb784a09800a32a3accdc81d940476330d2",size:"lg"}),this.isLoading||0!==this.pages.flat().length?r("div",{class:"page-wrapper"},this.pages.map(((t,e)=>r("div",{class:"page","data-page-index":e},this.createNodes([...t].reverse()))))):r("div",{class:"empty-list"},null!==(t=this.emptyListLabel)&&void 0!==t?t:this.t("list.empty")),this.isLoadingTop&&this.pages.length>0&&r("rtk-spinner",{key:"73103f58338bdb89be69f9f6dc742e3cdd2c95d8",size:"sm"}),r("div",{key:"9c4c43ffb6442d58040448fe1b2d7332505fc81e",class:"smallest-dom-element",id:"top-scroll",ref:t=>this.$topRef=t})))}};wt([k()],yt.prototype,"iconPack",void 0),wt([k()],yt.prototype,"t",void 0),yt.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}:host(.chat-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.chat-selector-paginated-list) .private-chat-label{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px)}:host(.chat-selector-paginated-list) .private-chat-label rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host(.chat-selector-paginated-list) .show-new-messages-ctr.active{display:none}.private-chat-unread-badge{height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.pinned-message-selector-paginated-list) .page{position:relative;box-sizing:border-box}:host(.pinned-message-selector-paginated-list) .pinned-message{box-sizing:border-box;display:flex;width:100%;cursor:pointer;flex-direction:row;overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px)}:host(.pinned-message-selector-paginated-list) .pinned-message:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .pinned-message-container{display:flex;width:100%;flex-direction:row;align-items:flex-start;padding:var(--rtk-space-2, 8px)}:host(.pinned-message-selector-paginated-list) .pinned-message-content{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex;min-width:var(--rtk-space-0, 0px);flex:1 1 0%;flex-direction:column}:host(.pinned-message-selector-paginated-list) .pinned-message-time{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}:host(.pinned-message-selector-paginated-list) .pinned-message-preview{margin-bottom:var(--rtk-space-2, 8px);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:2}:host(.pinned-message-selector-paginated-list) rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.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);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);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);transform:translateY(20px)}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{position:absolute;bottom:var(--rtk-space-4, 16px);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, 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));cursor:pointer;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);display:flex;flex-direction:column-reverse}.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)}.load-more-on-top-container{pointer-events:none;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10}.load-more-icon{pointer-events:auto;border-radius:9999px}.load-more-icon:hover{--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))}";var jt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const zt=class{constructor(e){t(this,e),this.dropdownToggle=i(this,"rtkDropdownToggle",7),this.pinnedMessageSelect=i(this,"rtkPinnedMessageSelect",7),this.isOpen=!1,this.iconPack=s,this.t=n(),this.pageSize=25,this.pagesAllowed=3,this.showPinnedMessages=!0,this.toggle=t=>{t.preventDefault(),t.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.getPinnedChatMessages=async(t,r,e)=>{const i=this.meeting;if(!i)return[];try{return await i.chat.fetchPinnedMessages({timestamp:t,limit:r,direction:e?"before":"after"})}catch(t){return[]}},this.createPinnedChatNodes=t=>t.map((t=>{const e="text"===t.type?(t.message||"").replace(/\s+/g," ").trim():"file"===t.type?"File Attachment":"image"===t.type?"Image Attachment":"";return r("div",{class:"pinned-message",id:t.id,onClick:()=>{this.pinnedMessageSelect.emit(t),this.close()}},r("div",{class:"pinned-message-container"},r("rtk-avatar",{size:"sm",participant:{name:t.displayName,picture:""}}),r("div",{class:"pinned-message-content"},r("div",{class:"pinned-message-preview",title:e},e),r("div",{class:"pinned-message-meta"},r("span",{class:"pinned-message-time"},T(t.time,new Date(Date.now())))))))})),this.pinChatListener=t=>{var r,e;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0||null===(e=this.$paginatedListRef)||void 0===e||e.reset()},this.unpinChatListener=async t=>{var r,e;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0||null===(e=this.$paginatedListRef)||void 0===e||e.onNodeDelete(t.message.id)},this.chatUpdateListener=async t=>{"delete"===t.action&&this.unpinChatListener(t)}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}disconnectMeeting(t){var r,e,i;null===(r=t.chat)||void 0===r||r.removeListener("pinMessage",this.pinChatListener),null===(e=t.chat)||void 0===e||e.removeListener("unpinMessage",this.unpinChatListener),null===(i=t.chat)||void 0===i||i.removeListener("chatUpdate",this.chatUpdateListener)}meetingChanged(t,r){var e,i,a,o;r&&this.disconnectMeeting(r),t&&(null===(e=this.$paginatedListRef)||void 0===e||e.reset(),null===(i=t.chat)||void 0===i||i.addListener("pinMessage",this.pinChatListener),null===(a=t.chat)||void 0===a||a.addListener("unpinMessage",this.unpinChatListener),null===(o=t.chat)||void 0===o||o.addListener("chatUpdate",this.chatUpdateListener))}async close(){this.isOpen&&(this.isOpen=!1,this.dropdownToggle.emit({open:!1}))}async onChatSelectorChange(t){var r;const e=null===(r=t.detail)||void 0===r?void 0:r.selectedUser;this.showPinnedMessages=!e}render(){return this.showPinnedMessages?r(e,null,r("div",{class:"chat-header",onClick:this.toggle},r("div",{class:"chat-header-label"},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}),this.t("chat.pinned_msgs")),r("div",{class:"chevron"},r("rtk-icon",{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:"sm"}))),r("div",{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},r("rtk-paginated-list",{class:"pinned-message-selector-paginated-list",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getPinnedChatMessages,createNodes:this.createPinnedChatNodes,emptyListLabel:this.t("chat.empty_search")},r("slot",null)))):null}static get watchers(){return{meeting:["meetingChanged"]}}};jt([k()],zt.prototype,"meeting",void 0),jt([k()],zt.prototype,"iconPack",void 0),jt([k()],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{display:flex;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}";const Ct=class{constructor(r){t(this,r),this.iconPack=s,this.size="md"}render(){return r(e,{key:"f9f0f938827fb04712fb9f406fb07d48c398865a"},r("rtk-icon",{key:"a2daa23191ea94007c8a980f221409c6dfe35d03",class:"spinner",icon:this.iconPack.spinner}))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([k()],Ct.prototype,"iconPack",void 0),Ct.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 _t=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Rt=class{constructor(r){t(this,r),this.onTextChange=i(this,"textChange",7),this.disabled=!1,this.rateLimitBreached=!1,this.keyDownHandler=()=>{},this.iconPack=s,this.t=n(),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:"38a6c64bb92fd72f76109e0d55c04c00a77bb43a",class:"chat-input",part:"chat-input-container"},this.maxLengthBreached>0&&r("div",{key:"b3d3ed9cd0694edf05cb7ccda50dc8f6157315ef",class:"text-error "+(this.maxLengthBreached===this.maxLength?"breached":"")},r("rtk-icon",{key:"c5cd3e9887e90970729dc808413997bc17835ae6",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:"fd2c53dc324defba567638782d2fafd66f9be11b",class:"text-error breached"},r("rtk-icon",{key:"7f60d2b74f45a7c4e4cbe422066803ff750fa5ef",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})," ",this.t("chat.rate_limit_error")),r("textarea",{key:"d60bd094237e82a8a66e5afd6be464a242f43afa",ref:t=>this.$textArea=t,placeholder:this.placeholder,disabled:this.disabled,onInput:this.onInputHandler,onKeyDown:this.keyDownHandler,part:"chat-input",value:this.value}))}};_t([k()],Rt.prototype,"iconPack",void 0),_t([k()],Rt.prototype,"t",void 0),Rt.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}";const Ot=class{constructor(r){t(this,r),this.isMarkdown=!1}render(){return r("p",{key:"415dec939e8fa149f006a5c3afc4bafc11f911af",class:{text:!0,emoji:f(this.text)}},this.isMarkdown?r("rtk-markdown-view",{text:this.text}):this.text)}};Ot.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 Pt=class{constructor(r){t(this,r),this.openChange=i(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),o((()=>{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(){M(this.triggerEl,this.tooltipEl,{placement:this.placement,middleware:[D(8),L(),E({padding:5}),U({element:this.arrowEl})]}).then((({x:t,y:r,placement:e,middlewareData:i})=>{Object.assign(this.tooltipEl.style,{left:`${t}px`,top:`${r}px`});const{x:a,y:o}=i.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=a?`${a}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[s]:"-4px"})}))}render(){return r(e,{key:"ce9cb2211743e50c83b7f572b2e9dc5b02fa3ac8"},r("span",{key:"74f73894f5a62519b3bf8c03a83e7102092ccd5c",part:"trigger",id:"trigger",ref:t=>this.triggerEl=t},r("slot",{key:"4551b2a438b1c57ca68e4a2973529186063a13c2"})),r("div",{key:"e3dd196c6ee225cb363bcf54d35836ff17ed5969",part:"tooltip",class:"tooltip",id:"tooltip",role:"tooltip",ref:t=>this.tooltipEl=t},r("div",{key:"4eb8bb3af588160018ef9d8899afc09edf4b195d",id:"arrow",ref:t=>this.arrowEl=t,part:"arrow"}),this.label,r("slot",{key:"c427ef3ef9953b764f9b1adcb4a8b7eee1fe91cd",name:"tooltip"})))}static get watchers(){return{open:["openChanged"]}}};Pt.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{N as rtk_avatar,$ as rtk_button,F as rtk_chat,B as rtk_chat_composer_view,H as rtk_chat_header,K as rtk_chat_messages_ui_paginated,Q as rtk_chat_selector,G as rtk_draft_attachment_view,et as rtk_emoji_picker,at as rtk_emoji_picker_button,ot as rtk_file_message_view,nt as rtk_file_picker_button,dt as rtk_icon,ht as rtk_image_message_view,pt as rtk_markdown_view,bt as rtk_meeting,vt as rtk_menu,kt as rtk_menu_item,xt as rtk_menu_list,mt as rtk_message_view,yt as rtk_paginated_list,zt as rtk_pinned_message_selector,Ct as rtk_spinner,Rt as rtk_text_composer_view,Ot as rtk_text_message_view,Pt as rtk_tooltip}
+import{r as t,h as r,a as e,d as i,g as a,e as o}from"./p-a599f720.js";import{e as s,i as n,c,f as d,I as l,u as h,b as p}from"./p-8fc79c56.js";import{f as b,g,s as v,h as k}from"./p-6f211c3e.js";import{S as f}from"./p-315cd380.js";import{h as u,M as x,p as m,e as w,s as y}from"./p-b5e5e206.js";import{g as j,a as z,d as C}from"./p-40be18ee.js";import{p as _,d as R}from"./p-f6fdb3c3.js";import{R as O}from"./p-eccb6d78.js";import{g as P}from"./p-ddcb6b8b.js";import{i as S}from"./p-f47d4fe8.js";import{c as M,o as D,f as L,s as E,a as U}from"./p-769bb885.js";import{f as q,e as T}from"./p-382270d8.js";import{d as A}from"./p-d6126ff7.js";var I=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const N=class{constructor(e){t(this,e),this.variant="circular",this.iconPack=s,this.t=n(),this.imageState="loading",this.getAvatar=()=>{var t;const e=b((null===(t=this.participant)||void 0===t?void 0:t.name)||"");let i;if(null!=this.participant&&"picture"in this.participant&&(i=this.participant.picture),i&&i.length>0&&"errored"!==this.imageState)return r("div",{class:"image-ctr"},"loading"===this.imageState&&r("rtk-spinner",{iconPack:this.iconPack}),r("img",{src:i,class:{loaded:"loaded"===this.imageState},loading:"lazy",title:e,onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored",part:"image"}));const a=g(e);return r("div",{class:"initials",title:e,part:"initials"},a)}}render(){return r(e,{key:"d7d3a7b03a3807984dc6798b5e35cec4418e06e7"},this.getAvatar(),r("slot",{key:"25aa9fe632a132c1e2f8ef88ac98043bb8ef085a"}))}};I([f()],N.prototype,"iconPack",void 0),I([f()],N.prototype,"t",void 0),N.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)}";const $=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:"0f96cef4ae77a2be8013fa5d62d39626734eeced"},r("button",{key:"8c06d5f5cc71779b8d56f31d2dd77b8d35e8b280",part:"button",type:this.type,disabled:this.disabled},r("span",{key:"ae741ddf8cc914f9493c26330b1f322541f64223",class:"start"},r("slot",{key:"18275dab42a4dd38b5a59463ffca227e4a6df3c8",name:"start"})),r("span",{key:"c2b912515b6edc2966c4cdb282c89022aa05c13f",class:"content",part:"content"},r("slot",{key:"5d87993198e16a3b5f38e62979fa2ee5637a059d"})),r("span",{key:"0bc907da23ea362f8ae0b3fdf88452b1c3881078",class:"end"},r("slot",{key:"0862eeefcfa5765ce605b99a04aab88222ed6e68",name:"end"}))))}static get delegatesFocus(){return!0}};$.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 Y=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const F=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),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=c(),this.iconPack=s,this.t=n(),this.overrides=d,this.canPinMessages=!1,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.participants=[],this.editingMessage=null,this.replyMessage=null,this.searchQuery="",this.selectorState="hide",this.isSendingMessage=!1,this.showPinnedMessages=!1,this.onDragOver=t=>{t.preventDefault(),this.dropzoneActivated=!0},this.onDragLeave=()=>{this.dropzoneActivated=!1},this.onDrop=t=>{t.preventDefault(),this.dropzoneActivated=!1,u(t.dataTransfer.items,((t,r)=>{var e,i,a,o;switch(t){case"image":this.isFileMessagingAllowed()&&(null===(i=null===(e=this.meeting)||void 0===e?void 0:e.chat)||void 0===i||i.sendImageMessage(r,this.getRecipientPeerIds()));break;case"file":this.isFileMessagingAllowed()&&(null===(o=null===(a=this.meeting)||void 0===a?void 0:a.chat)||void 0===o||o.sendFileMessage(r,this.getRecipientPeerIds()))}}))},this.disconnectMeeting=t=>{t.self.permissions.removeListener("*",this.chatPermissionUpdateListener)},this.isTextMessagingAllowed=()=>this.selectedParticipant?this.canPrivateMessage&&this.canSendPrivateTexts:this.canSend&&this.canSendTextMessage,this.isFileMessagingAllowed=()=>this.selectedParticipant?this.canPrivateMessage&&this.canSendPrivateFiles:this.canSend&&this.canSendFiles,this.onQuotedMessageDismiss=()=>{this.replyMessage=null},this.onNewMessageHandler=async t=>{const r=t.detail;this.isSendingMessage=!0;try{await this.meeting.chat.sendMessage(r,this.getRecipientPeerIds())}finally{this.isSendingMessage=!1}},this.onEditMessageHandler=async t=>{var r,e;this.isSendingMessage=!0;try{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))}finally{this.isSendingMessage=!1,this.editingMessage=null}},this.onEditCancel=()=>{this.editingMessage=null},this.onPinMessage=t=>{const r=t.detail;r.pinned?this.meeting.chat.unpin(r.id):this.meeting.chat.pin(r.id)},this.onDeleteMessage=t=>{var r;const e=t.detail;(null===(r=this.editingMessage)||void 0===r?void 0:r.id)===e.id&&(this.editingMessage=null);try{if("undefined"!=typeof localStorage){const t=[];for(let r=0;r<localStorage.length;r++){const i=localStorage.key(r);i&&i.startsWith("rtk-chat-edit-")&&i.endsWith(`-${e.id}`)&&t.push(i)}t.forEach((t=>localStorage.removeItem(t)))}}catch(t){}this.meeting.chat.deleteMessage(e.id)},this.onMessageEdit=t=>{const r=t.detail;"text"===r.type&&(this.replyMessage=null,this.editingMessage=r)}}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)}onChatSelectorChange(t){var r;const e=null===(r=t.detail)||void 0===r?void 0:r.selectedUser;this.selectedParticipant=e||null}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,i,a,o;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===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.canReceive)),this.canSendPrivateTexts=!!(null===(a=t.self.permissions.chatPrivate)||void 0===a?void 0:a.text),this.canSendPrivateFiles=!!(null===(o=t.self.permissions.chatPrivate)||void 0===o?void 0:o.files),t.self.permissions.on("*",this.chatPermissionUpdateListener))}getRecipientPeerIds(){return this.selectedParticipant?[this.selectedParticipant.id]:[]}renderComposerUI(){if(this.selectedParticipant){if(!this.canSendPrivateTexts&&!this.canSendPrivateFiles)return null}else if(!this.canSendTextMessage&&!this.canSendFiles)return null;const t={iconPack:this.iconPack,t:this.t,size:this.size};return r("rtk-chat-composer-view",Object.assign({message:this.editingMessage?this.editingMessage.message:"",storageKey:this.editingMessage?this.editingMessage?`rtk-chat-edit-no-channel-${this.editingMessage.id}`:"rtk-chat-edit":"rtk-chat-draft",quotedMessage:this.replyMessage?this.replyMessage.message:"",isEditing:!!this.editingMessage,isSending:this.isSendingMessage,canSendTextMessage:this.isTextMessagingAllowed(),canSendFiles:this.isFileMessagingAllowed(),disableEmojiPicker:this.overrides.disableEmojiPicker,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},t),r("slot",{name:"chat-addon",slot:"chat-addon"}))}render(){return this.meeting?r(e,null,r("div",{class:"chat-container"},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"))),r("rtk-chat-header",null),r("rtk-chat-messages-ui-paginated",{meeting:this.meeting,privateChatRecipient:this.selectedParticipant,onPinMessage:this.onPinMessage,onEditMessage:this.onMessageEdit,onDeleteMessage:this.onDeleteMessage,size:this.size,iconPack:this.iconPack,t:this.t}),this.renderComposerUI()))):null}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"]}}};Y([f()],F.prototype,"meeting",void 0),Y([f()],F.prototype,"config",void 0),Y([f()],F.prototype,"iconPack",void 0),Y([f()],F.prototype,"t",void 0),Y([f()],F.prototype,"overrides",void 0),F.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%;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin:var(--rtk-space-0, 0px);display:flex;height:var(--rtk-space-12, 48px);align-items:center;justify-content:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}#dropzone{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);z-index:10;display:none;flex-direction:column;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));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}rtk-chat-messages-ui,rtk-chat-messages-ui-paginated{flex:1 0 0}rtk-chat-composer-view{margin:var(--rtk-space-2, 8px)}.chat-container{display:flex;height:100%;width:100%;flex-direction:row;container-type:size;container-name:chatcontainer}.chat{box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column}.banner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-chats-btn{margin-top:var(--rtk-space-4, 16px)}.selector-container{z-index:50;width:100%;max-width:var(--rtk-space-80, 320px);border-right:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.selector-container.hide{display:none}.mobile-close-btn{display:none}.selector-container.mobile{height:100%;width:100%;max-width:100%;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:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);display:flex}.selector-container.mobile .mobile-close-btn{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);margin-left:var(--rtk-space-6, 24px);margin-right:var(--rtk-space-6, 24px);display:block}.pinned-messages{position:relative;display:flex;flex-direction:column}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));font-size:14px;cursor:pointer}.pinned-messages-header div{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}.pinned-messages-header rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}.pinned-messages-content{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));position:absolute;left:var(--rtk-space-0, 0px);top:100%;z-index:50;max-height:30vh;width:100%;overflow:auto}.pinned-message{display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-4, 16px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-style:solid}.pinned-message-avatar{height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important}@keyframes swipe-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}";var J=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const X={messagesSent:0,startTime:0},B=class{constructor(r){t(this,r),this.onNewMessage=i(this,"newMessage",7),this.onEditMessage=i(this,"editMessage",7),this.onEditCancel=i(this,"editCancel",7),this.onQuotedMessageDismiss=i(this,"quotedMessageDismiss",7),this.canSendTextMessage=!0,this.isSending=!1,this.canSendFiles=!0,this.message="",this.quotedMessage="",this.storageKey="rtk-text-message",this.inputTextPlaceholder="Enter your message",this.isEditing=!1,this.iconPack=s,this.t=n(),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-X.startTime>1e3*this.rateLimits.period&&(X.startTime=r,X.messagesSent=0),X.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:x)?this.disableSendButton=!0:this.disableSendButton&&(this.disableSendButton=!1),l.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,l.setItem(this.storageKey,""),this.$textComposer.setText("",!0),this.isEmojiPickerOpen=!1},this.onKeyDownHandler=this.onKeyDownHandler.bind(this)}connectedCallback(){this.textMessage=this.message||l.getItem(this.storageKey)||"",this.checkRateLimitBreached(Date.now())}componentWillUpdate(){this.textMessage=this.message||l.getItem(this.storageKey)||""}componentDidLoad(){this.message&&o((()=>this.$textComposer.setText(this.message,!0)))}checkRateLimitBreached(t){X.messagesSent>=this.rateLimits.maxInvocations&&(this.disableSendButton=!0,this.rateLimitsBreached=!0,setTimeout((()=>{X.messagesSent=0,X.startTime=Date.now(),this.disableSendButton=!1,this.rateLimitsBreached=!1}),t-X.startTime+1e3*this.rateLimits.period))}render(){var t;const i={iconPack:this.iconPack,t:this.t};return r(e,{key:"2df23422579c855ced1cb6d24bb95786a1326baf"},this.canSendTextMessage&&this.isEmojiPickerOpen&&r("rtk-emoji-picker",Object.assign({key:"a7ed280a636d0207f58f0ad13f79c1eaed52ab9c",part:"emoji-picker",onPickerClose:()=>{this.isEmojiPickerOpen=!1},onRtkEmojiClicked:t=>{this.textMessage+=t.detail,this.$textComposer.setText(this.textMessage,!0)}},i)),r("slot",{key:"759df2a2029fbba963cfc26cd871771881dd6c5e",name:"chat-addon"}),this.quotedMessage&&0!==this.quotedMessage.length&&r("div",{key:"413be05a7374fc76f790ad3f6f5bef5a56a6ef97",class:"quoted-message-container",part:"quoted-message-container"},r("div",{key:"7fb6b571103c675dca202b74bd07fd55062dab70",class:"quoted-message scrollbar"},r("rtk-text-message-view",{key:"3997aa719a746234c5641e976dd0c27e68b69dae",text:this.quotedMessage,isMarkdown:!0})),r("div",{key:"f76ec54e3d67d6957d5d152b144b22d8cc122660"},r("rtk-icon",{key:"897b52fc41814d2cb8beeb461c36c9843cb2869e","aria-label":this.t("dismiss"),class:"dismiss",icon:this.iconPack.dismiss,onClick:this.onQuotedMessageDismissHandler}))),r("div",{key:"35447eb1fffffd372c231bc76ce741e483e7f26a",class:"composer-container"},r("div",{key:"0f8f198df49fcc27f6c85b8d6909eb2a7c00e142",class:"composers"},this.fileToUpload&&r("rtk-draft-attachment-view",Object.assign({key:"9d325d05fecb12ecb41f02e54561d2e1b59b2c2f"},i,{attachment:this.fileToUpload,onDeleteAttachment:()=>this.fileToUpload=null})),!this.fileToUpload&&r("rtk-text-composer-view",{key:"fbc870bb9d9c2418e528e64273edb67846e23e17",value:this.textMessage,placeholder:this.inputTextPlaceholder,onTextChange:this.onTextChangeHandler,keyDownHandler:this.onKeyDownHandler,maxLength:null!==(t=this.maxLength)&&void 0!==t?t:x,rateLimitBreached:this.rateLimitsBreached,t:this.t,iconPack:this.iconPack,ref:t=>this.$textComposer=t})),r("div",{key:"20191403531eb87bca86d13387c7937153a4c99e",class:"chat-buttons",part:"chat-buttons"},r("div",{key:"4914a61fea3f502dc14778a237e9ce35a97e3afc",class:"left",part:"chat-buttons-left"},!this.fileToUpload&&!this.isEditing&&r("div",{key:"76c843588f2f7d90f5e60a1e44955309026eda27"},this.canSendFiles&&[r("rtk-file-picker-button",Object.assign({key:"cbb6f17b22f10b48ada27a4b4da3c1d5b2c7e320"},i,{onFileChange:t=>this.onFileUploadHandler("file",t.detail)})),r("rtk-file-picker-button",Object.assign({key:"0868162a2da021dd4175e977adf47d72ca54044a",filter:"image/*",label:this.t("chat.send_img"),icon:"image",onFileChange:t=>this.onFileUploadHandler("image",t.detail)},i))],this.canSendTextMessage&&!this.disableEmojiPicker&&r("rtk-emoji-picker-button",Object.assign({key:"a73378b5495dc3bfcde7dba335f674292ee6a96c",isActive:this.isEmojiPickerOpen,onClick:()=>{this.isEmojiPickerOpen=!this.isEmojiPickerOpen}},i)),r("slot",{key:"31208ad279dec430da4527d22730de8e418bc722",name:"chat-buttons"}))),r("div",{key:"04fcdd3f690548cbf1e257ffb2982785e557726b",class:"right",part:"chat-buttons-right"},!this.isEditing&&r("rtk-tooltip",{key:"367bf710673a0a2276f46d52289409abb77fe27b",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},r("rtk-button",{key:"c677e3026636c375ed7eee411c596f6d2a802794",kind:"icon",disabled:this.disableSendButton||this.isSending,onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},this.isSending?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.send}))),this.isEditing&&r("div",{key:"1e09e8868e4ae048b36bc8198b8aa1de92209a00",class:"edit-buttons"},r("rtk-tooltip",{key:"29ff7a39bd168169fa7d104357b529a2c9efe0fd",variant:"secondary",label:this.t("cancel"),delay:2e3},r("rtk-button",{key:"27cf5353d0e8c2620fd8d4213994a9dcc83f83f3",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},r("rtk-icon",{key:"aeb4c9df3993c6cebf952f64f6676eb8a3866bb0",icon:this.iconPack.dismiss}))),r("rtk-tooltip",{key:"835195d0f51a1db81e66a1b2d9076a71f2aaee4e",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},r("rtk-button",{key:"d524f01ba5d7ca52224d39e23e7f963972ad80c9",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},this.isSending?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.checkmark}))))))))}};J([f()],B.prototype,"iconPack",void 0),J([f()],B.prototype,"t",void 0),B.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";const H=class{constructor(r){t(this,r),this.onPinnedToggle=async t=>{var r,e,i;(null===(r=t.detail)||void 0===r?void 0:r.open)&&await(null===(i=null===(e=this.$chatSelector)||void 0===e?void 0:e.close)||void 0===i?void 0:i.call(e))},this.onChatToggle=async t=>{var r,e,i;(null===(r=t.detail)||void 0===r?void 0:r.open)&&await(null===(i=null===(e=this.$pinnedSelector)||void 0===e?void 0:e.close)||void 0===i?void 0:i.call(e))}}render(){return r(e,{key:"af9956ff6e693f29fb63a6180ef773a0e64822e5"},r("rtk-pinned-message-selector",{key:"b0d9199d02d84453f8ee26c3a47e00c82047e4f6",ref:t=>this.$pinnedSelector=t,onRtkDropdownToggle:this.onPinnedToggle}),r("rtk-chat-selector",{key:"4d019562a85ebfeaf4ceae2e99d1b9c8c282127a",ref:t=>this.$chatSelector=t,onRtkDropdownToggle:this.onChatToggle}))}};H.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;width:100%;flex-direction:column;gap:var(--rtk-space-2, 8px);font-size:14px;z-index:10;margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);overflow:hidden;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));cursor:pointer}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}";var W=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const K=class{constructor(e){t(this,e),this.editMessageInit=i(this,"editMessageInit",7),this.onPinMessage=i(this,"pinMessage",7),this.onEditMessage=i(this,"editMessage",7),this.onDeleteMessage=i(this,"deleteMessage",7),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=s,this.t=n(),this.permissionsChanged=!1,this.pageSize=25,this.permissionsUpdateListener=()=>{this.permissionsChanged=!this.permissionsChanged},this.getChatMessages=async(t,r,e)=>{if(this.privateChatRecipient)try{return await this.meeting.chat.fetchPrivateMessages({timestamp:t,limit:r,direction:e?"before":"after",userId:this.privateChatRecipient.userId})}catch(t){return[]}try{return await this.meeting.chat.fetchPublicMessages({timestamp:t,limit:r,direction:e?"before":"after"})}catch(t){return[]}},this.createChatNodes=t=>t.map(((r,e)=>{var i,a;const o=r.userId===(null===(i=t[e-1])||void 0===i?void 0:i.userId);if(this.privateChatRecipient||!((null===(a=r.targetUserIds)||void 0===a?void 0:a.length)>0))return this.createChatNode(r,o)})),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=>{var r;const e=[],i=t.userId===this.meeting.self.userId;return(null===(r=t.targetUserIds)||void 0===r?void 0:r.length)>0||e.push({id:"pin_message",label:this.t(t.pinned?"unpin":"pin"),icon:this.iconPack.pin}),i&&(e.push({id:"edit_message",label:this.t("chat.edit_msg"),icon:this.iconPack.edit}),e.push({id:"delete_message",label:this.t("chat.delete_msg"),icon:this.iconPack.delete})),e},this.onMessageActionHandler=(t,r)=>{switch(t){case"pin_message":this.onPinMessage.emit(r);break;case"edit_message":this.onEditMessage.emit(r);break;case"delete_message":this.onDeleteMessage.emit(r)}},this.createChatNode=(t,e)=>{var i,a,o,s;let n;n="CHAT"===this.meeting.meta.viewType?null===(i=this.meeting.participants.all.toArray().find((r=>r.userId===t.userId)))||void 0===i?void 0:i.picture:this.meeting.self.userId===t.userId?this.meeting.self.picture:null!==(o=null===(a=this.meeting.participants.joined.toArray().find((r=>r.userId===t.userId)))||void 0===a?void 0:a.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;const c=t.userId===this.meeting.self.userId,d=c?"outgoing":"incoming";return r("div",null,r("div",{class:"message-wrapper",id:t.id},r("rtk-message-view",{messageType:t.type,pinned:t.pinned,isEdited:t.isEdited,time:t.time,actions:this.getMessageActions(t),authorName:t.displayName,isSelf:c,avatarUrl:n,hideAuthorName:e,viewType:d,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})}}))))))},this.chatUpdateListener=t=>{var r,e,i;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0&&!t.message.targetUserIds.includes(null===(e=this.privateChatRecipient)||void 0===e?void 0:e.userId)||this.privateChatRecipient&&0===(null===(i=t.message.targetUserIds)||void 0===i?void 0:i.length)||("add"===t.action?this.$paginatedListRef.onNewNode(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)}async onPinnedMessageSelect(t){var r,e;const i=t.detail;i&&await(null===(e=null===(r=this.$paginatedListRef)||void 0===r?void 0:r.reset)||void 0===e?void 0:e.call(r,i.timeMs+1))}disconnectedCallback(){this.disconnectMeeting(this.meeting)}privateChatRecipientChanged(){var t;null===(t=this.$paginatedListRef)||void 0===t||t.reset()}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())}render(){return r(e,{key:"8062f966f4bc489a4fdadb2da59bb88473e45194"},r("rtk-paginated-list",{key:"7f50458ee29cd7bd83bd123303e82db556230d67",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes,emptyListLabel:this.t("chat.empty_chat")},r("slot",{key:"69b0106558d9995b0bc24ed3d0d36f56febbf90f"})))}get host(){return a(this)}static get watchers(){return{privateChatRecipient:["privateChatRecipientChanged"],meeting:["meetingChanged"]}}};W([f()],K.prototype,"meeting",void 0),W([f()],K.prototype,"iconPack",void 0),W([f()],K.prototype,"t",void 0),K.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 V=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Q=class{constructor(e){t(this,e),this.dropdownToggle=i(this,"rtkDropdownToggle",7),this.chatSelectorChange=i(this,"rtkChatSelectorChange",7),this.config=c(),this.iconPack=s,this.t=n(),this.overrides=d,this.isOpen=!1,this.showPrivateChat=!1,this.selectedUser=void 0,this.pageSize=1e5,this.pagesAllowed=3,this.unreadMap=new Map,this.disconnectMeeting=t=>{var r,e,i,a;const{self:o,participants:s}=t||{};null===(r=t.chat)||void 0===r||r.off("chatUpdate",this.chatUpdateListener),null===(e=null==o?void 0:o.permissions)||void 0===e||e.off("*",this.chatPermissionUpdateListener),null===(i=null==s?void 0:s.joined)||void 0===i||i.off("participantJoined",this.participantJoinedListener),null===(a=null==s?void 0:s.joined)||void 0===a||a.off("participantLeft",this.participantLeftListener)},this.toggle=t=>{t.preventDefault(),t.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.selectUser=async t=>{(null==t?void 0:t.userId)&&(this.unreadMap.set(t.userId,!1),this.$paginatedListRef.rerenderList()),this.selectedUser=t,this.chatSelectorChange.emit({selectedUser:t}),await this.close()},this.chatPermissionUpdateListener=()=>{var t,r;this.showPrivateChat=!(!(null===(t=this.meeting.self.permissions.chatPrivate)||void 0===t?void 0:t.canSend)&&!(null===(r=this.meeting.self.permissions.chatPrivate)||void 0===r?void 0:r.canReceive)),this.showPrivateChat||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0}))},this.onParticipantUpdate=()=>{var t,r,e,i;this.selectedUser&&(((null===(i=null===(e=null===(r=null===(t=this.meeting)||void 0===t?void 0:t.participants)||void 0===r?void 0:r.joined)||void 0===e?void 0:e.toArray)||void 0===i?void 0:i.call(e))||[]).some((t=>{var r;return t.id===(null===(r=this.selectedUser)||void 0===r?void 0:r.id)}))||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0})))},this.participantJoinedListener=t=>{this.$paginatedListRef.onNewNode(t)},this.participantLeftListener=t=>{this.$paginatedListRef.onNodeDelete(t.id),this.onParticipantUpdate()},this.getParticipants=async t=>{const r=this.meeting;return r&&t?r.participants.joined.toArray():[]},this.createPaticipantNodes=t=>t.map((t=>{var e;return r("div",{class:"private-chat-label",id:t.id,onClick:()=>this.selectUser(t)},r("rtk-avatar",{size:"sm",participant:t}),r("span",null,null!==(e=t.name)&&void 0!==e?e:this.t("participant")),this.unreadMap.get(t.userId)?r("div",{class:"private-chat-unread-badge"}):null)})),this.chatUpdateListener=t=>{var r;if("add"!==t.action)return;if(!(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length))return;const e=this.meeting.self.userId,i=t.message.targetUserIds.find((t=>t!==e));i&&(this.unreadMap.set(i,!0),this.$paginatedListRef.rerenderList())}}async close(){this.isOpen&&(this.isOpen=!1,this.dropdownToggle.emit({open:!1}))}connectedCallback(){this.meetingChanged(this.meeting),this.overridesChanged(this.overrides)}disconnectedCallback(){var t,r,e;if(!this.meeting)return;const{self:i,participants:a}=this.meeting;null===(t=null==i?void 0:i.permissions)||void 0===t||t.off("*",this.chatPermissionUpdateListener),null===(r=null==a?void 0:a.joined)||void 0===r||r.off("participantJoined",this.participantJoinedListener),null===(e=null==a?void 0:a.joined)||void 0===e||e.off("participantLeft",this.participantLeftListener)}overridesChanged(t){var r,e;this.meeting&&!this.meeting.self&&(this.showPrivateChat=!(!(null===(r=this.meeting.self.permissions.chatPrivate)||void 0===r?void 0:r.canSend)&&!(null===(e=this.meeting.self.permissions.chatPrivate)||void 0===e?void 0:e.canReceive)||t.disablePrivateChat))}meetingChanged(t,r){var e,i,a,o,s,n,c;r&&this.disconnectMeeting(r),t&&t.chat&&(this.showPrivateChat=!(!(null===(e=t.self.permissions.chatPrivate)||void 0===e?void 0:e.canSend)&&!(null===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.canReceive)||this.overrides.disablePrivateChat),this.onParticipantUpdate(),null===(a=t.chat)||void 0===a||a.on("chatUpdate",this.chatUpdateListener),t.self.permissions.on("*",this.chatPermissionUpdateListener),null===(s=null===(o=null==t?void 0:t.participants)||void 0===o?void 0:o.joined)||void 0===s||s.on("participantJoined",this.participantJoinedListener),null===(c=null===(n=null==t?void 0:t.participants)||void 0===n?void 0:n.joined)||void 0===c||c.on("participantLeft",this.participantLeftListener))}render(){return this.showPrivateChat?r(e,null,r("div",{class:"chat-header",onClick:this.toggle},r("div",{class:"chat-header-label"},r("rtk-icon",this.selectedUser?{icon:this.iconPack.people,size:"sm"}:{icon:this.iconPack.participants,size:"sm"}),this.selectedUser?this.selectedUser.name:this.t("chat.everyone")),r("div",{class:"chevron"},r("rtk-icon",{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:"sm"}))),r("div",{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},r("div",{class:"public-chat-group-label",onClick:()=>this.selectUser(void 0)},r("div",{class:"public-chat-icon"},r("rtk-icon",{icon:this.iconPack.participants,size:"sm"})),this.t("chat.everyone")),r("rtk-paginated-list",{class:"chat-selector-paginated-list",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getParticipants,createNodes:this.createPaticipantNodes,emptyListLabel:this.t("participants.empty_list")},r("slot",null)))):null}static get watchers(){return{overrides:["overridesChanged"],meeting:["meetingChanged"]}}};V([f()],Q.prototype,"meeting",void 0),V([f()],Q.prototype,"states",void 0),V([f()],Q.prototype,"config",void 0),V([f()],Q.prototype,"iconPack",void 0),V([f()],Q.prototype,"t",void 0),V([f()],Q.prototype,"overrides",void 0),Q.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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.public-chat-icon rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";var Z=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const G=class{constructor(r){t(this,r),this.onDeleteAttachment=i(this,"deleteAttachment",7),this.iconPack=s,this.t=n(),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:"51ac9914a6c3626f3abd63d8101dd33d956f0cb0"},r("div",{key:"9520035fca81e905b7bcc3696ec9803ca127a370",class:"preview-overlay"},r("div",{key:"6c8139ece3ce95836f7853a160c0a01e298c2892",class:"preview"},r("rtk-tooltip",{key:"d3379d7a4a3b09c15d75ec4fce8bc7c2e89b1df4",label:this.t("chat.cancel_upload")},r("rtk-button",{key:"d5badd1b4a2fce0f2958d8923adde9353562eb8a",variant:"secondary",kind:"icon",onClick:this.onDeleteClickHandler},r("rtk-icon",{key:"4acde8f6352eab6e2277f6317ef226d22defe4e0",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 tt;Z([f()],G.prototype,"iconPack",void 0),Z([f()],G.prototype,"t",void 0),G.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 rt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const et=class{constructor(r){t(this,r),this.pickerClose=i(this,"pickerClose",7),this.emojiClicked=i(this,"rtkEmojiClicked",7),this.iconPack=s,this.t=n(),this.focusWhenOpened=!0,this.filterVal="",this.filteredEmojis=[]}componentWillLoad(){(async()=>{if(!tt){const t=await fetch("https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json");tt=t.json()}return tt})().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:"db0bbe8c8af774ca199ac800fb2a0fba9ef7ab6d"},r("div",{key:"3e51dd2b14a87ebc0c65ee406ec67f92722296ab",class:"close-parent"},r("rtk-button",{key:"a8697bf95723f0598de3e2b6f88729562466ed81",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:"dc787e4ccf8a6f170ccd1f0954602a08a85b12ad",icon:this.iconPack.dismiss}))),r("div",{key:"77f7377f40708c4f5fa3e531621660bf68f01b4b",class:"emoji-parent"},r("input",{key:"7db399dc58c0c6863db8ed1c80ac313417eab8c9",value:this.filterVal,onInput:t=>this.handleInputChange(t.target),placeholder:this.t("search"),ref:t=>this.inputElement=t}),this.mapEmojiList()))}};rt([f()],et.prototype,"iconPack",void 0),rt([f()],et.prototype,"t",void 0),et.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, 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 it=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const at=class{constructor(r){t(this,r),this.iconPack=s,this.t=n()}render(){return r("rtk-tooltip",{key:"82c39530cddfd5cab8672cc5f7f590587749f9cc",label:this.t("chat.send_emoji")},r("rtk-button",{key:"8e7ee7dbe901b78482ad3f828bb28bda1fdc36b7",variant:"ghost",kind:"icon",class:{active:this.isActive},title:this.t("chat.send_emoji")},r("rtk-icon",{key:"a83691903dae86b3cb7c8cf17fb488e4da13090b",icon:this.iconPack.emoji_multiple})))}};it([f()],at.prototype,"iconPack",void 0),it([f()],at.prototype,"t",void 0),at.style=":host{}";const ot=class{constructor(r){t(this,r),this.iconPack=s}render(){return r("div",{key:"9fce348979b0354484f0deeddc6e55007ef70ae5",class:"file"},r("rtk-button",{key:"22bc5f6cdff07ec4f9cdb1b588b64e5e604d0029",variant:"secondary",kind:"icon",onClick:()=>C(v(this.url),{name:this.name,fallbackName:"file"}),part:"button"},r("rtk-icon",{key:"3d46920c69604896bba651ae8205d3a761ffdeb7",icon:this.iconPack.download})),r("div",{key:"c42a4c9bdd415d4d307efcb4f375f575220e473a",class:"file-data"},r("div",{key:"fe9bd86c88ce3184ed0b38dfe312bf7ac0207551",class:"name"},this.name),r("div",{key:"93aa6bf4c3933b292c59a1522b8398e96938aba3",class:"file-data-split"},r("div",{key:"2807cbf9844af17617ec76db10689fc6dcb80e0e",class:"ext"},j(this.name)),r("span",{key:"fa0a03cf79b2f4dee34a11fb0a0bf82a608ca3c1",class:"divider"}),r("div",{key:"0fd5d15e43aca15ffd3ae2fc6b176c0455ea5db3",class:"size"},z(this.size)))))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([f()],ot.prototype,"iconPack",void 0),ot.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 st=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const nt=class{constructor(r){t(this,r),this.onFileChange=i(this,"fileChange",7),this.icon="attach",this.iconPack=s,this.t=n(),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:"c97c7e1e106e14f2443dd405fd6657a14d9d315c",label:t},r("rtk-button",{key:"cffa7ef14cc7fe0285e642ca76b658b6c70d4b42",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile(),title:t},r("rtk-icon",{key:"47133f919946ce2a63e4f2b64977f1127a4eae7c",icon:this.iconPack[this.icon]})))}};st([f()],nt.prototype,"iconPack",void 0),st([f()],nt.prototype,"t",void 0),nt.style=":host{}";const ct=t=>{try{return JSON.parse(t)}catch(r){return t}},dt=class{constructor(r){t(this,r),this.variant="primary",this.size="lg"}render(){return r(e,{key:"fdbe6fd9647bae7cfdf02ba6a250aa3c0c39ad85"},r("div",{key:"114baca2f9ce9376e69073b40170473cc359915f",class:"icon-wrapper",innerHTML:ct(this.icon),part:"wrapper"}))}};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{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 lt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ht=class{constructor(r){t(this,r),this.onPreview=i(this,"preview",7),this.iconPack=s,this.t=n(),this.status="loading"}render(){return r("div",{key:"170c98345079edb4814c871ca72c64cade6a4add",class:{image:!0,loaded:"loaded"===this.status}},r("img",{key:"88189cf42bab19881f2a95a4230f7d0ac66f4337",src:v(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:"54068ed33b45ea3e5096a3d9f7ad4d0e43021a9d",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},r("rtk-spinner",{key:"cd48be496f0dd93e570a968fabcd57396a74c3b5",iconPack:this.iconPack})),"errored"===this.status&&r("div",{key:"f978c01f72fec9fe777afa1b4c2be3aa90eeb2bf",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},r("rtk-icon",{key:"976ff4914e5d74b70aac86c1bdbacd0d6d685f73",icon:this.iconPack.image_off})),"loaded"===this.status&&r("div",{key:"94eb2ae1370cd8bd58f8e21238f860eff9a649cc",class:"actions"},r("rtk-button",{key:"ca64db76c200c2a902e35da82ff412e4d9324c23",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.onPreview.emit(this.url)}},r("rtk-icon",{key:"d764aa39aabb1ebf8e9a0e7c395d4b5383c9022e",icon:this.iconPack.full_screen_maximize})),r("rtk-button",{key:"1aade465c956175dfd4d31b6d48236f304154ef8",class:"action",variant:"secondary",kind:"icon",onClick:()=>C(this.url,{fallbackName:"image"})},r("rtk-icon",{key:"dbcba831bcc1f66a3b20624945883d4ce9ca301b",icon:this.iconPack.download}))))}};lt([f()],ht.prototype,"iconPack",void 0),lt([f()],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)}.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}";const pt=class{constructor(e){t(this,e),this.maxLength=x,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"),i=!1;"```"===e[0]&&"```"===e[e.length-1]&&(i=!0,e=e.slice(1,-1));const a=e.map((t=>{const e=m(t);return r("p",null,this.renderTokens(e))}));return i?r("pre",{style:{whiteSpace:"pre",overflow:"scroll"}},e.join("\n")):a}render(){const t=this.text.slice(0,this.maxLength),e=w(t,!0),i=y(t);return r("p",{key:"b4114b74658b0311835f31ea387e47ef9323ef4f",class:"markdown-message"},0!==e.length&&r("blockquote",{key:"cc726294f8b71999f6fa48442b40419f17e3c049"},this.renderMessage(e)),0!==i.length&&this.renderMessage(i))}};pt.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;width:300px;margin-right:var(--rtk-space-2, 8px)}.markdown-message{box-sizing:border-box}";const bt=class{constructor(r){t(this,r),this.statesUpdate=i(this,"rtkStatesUpdate",7),this.providerId="provider-"+Math.floor(100*Math.random()),this.roomJoinedListener=()=>{this.updateStates({meeting:"joined",joinError:void 0})},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===(this.peerStore||h).state.states.activeDebugger||this.updateStates({activePermissionsMessage:{enabled:!0,kind:t}})},this.socketConnectionUpdateListener=({state:t})=>{"failed"===t&&setTimeout((()=>{this.meeting.leave("disconnected")}),this.leaveRoomTimer)},this.peerStore=null,this.loadConfigFromPreset=!1,this.applyDesignSystem=!1,this.mode="fixed",this.leaveOnUnmount=!1,this.t=n(),this.config=c(),this.gridLayout="row",this.iconPack=s,this.overrides=d,this.handleChangingMeeting=t=>{this.updateStates({activeBreakoutRoomsManager:Object.assign(Object.assign({},(this.peerStore||h).state.states.activeBreakoutRoomsManager),{destinationMeetingId:t})})}}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.setupStoreRequestListener(),this.setupStateUpdateListener(),this.meetingChanged(this.meeting),this.iconPackChanged(this.iconPack),this.tChanged(this.t),this.configChanged(this.config),this.overridesChanged(this.overrides),this.resizeObserver=new S((()=>this.handleResize())),this.resizeObserver.observe(this.host),this.applyDesignSystem&&null!=(null===(t=this.config)||void 0===t?void 0:t.designTokens)&&"undefined"!=typeof document&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(document.documentElement,this.config.designTokens)}disconnectedCallback(){var t;this.leaveOnUnmount&&(null===(t=this.meeting)||void 0===t||t.leaveRoom()),this.resizeObserver.disconnect(),window.removeEventListener("rtkError",this.authErrorListener),this.storeRequestListener&&(this.host.removeEventListener("rtkRequestStore",this.storeRequestListener),this.storeRequestListener=null),this.stateUpdateListener&&(this.host.removeEventListener("rtkStateUpdate",this.stateUpdateListener),this.stateUpdateListener=null),this.meeting&&this.clearListeners(this.meeting)}setupStoreRequestListener(){this.storeRequestListener&&this.host.removeEventListener("rtkRequestStore",this.storeRequestListener),this.storeRequestListener=t=>{if(!this.peerStore)return;const r=new CustomEvent("rtkProvideStore",{detail:{store:this.peerStore,requestId:t.detail.requestId}});document.dispatchEvent(r),t.stopPropagation()},this.host.addEventListener("rtkRequestStore",this.storeRequestListener)}setupStateUpdateListener(){this.stateUpdateListener&&this.host.removeEventListener("rtkStateUpdate",this.stateUpdateListener),this.stateUpdateListener=t=>{this.host.contains(t.target)&&this.updateStates(t.detail)},this.host.addEventListener("rtkStateUpdate",this.stateUpdateListener)}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))}meetingChanged(t){var r,e;if(t){if(t?(this.peerStore=p({meeting:t,config:this.config,iconPack:this.iconPack,t:this.t,providerId:this.providerId,overrides:R(Object.assign({},d),this.overrides)}),document.dispatchEvent(new CustomEvent("rtkPeerStoreReady",{detail:{peerId:t.self.id}}))):this.peerStore=null,this.updateStates({viewType:t.meta.viewType}),this.loadConfigFromPreset&&null!=t.self.config){const e=t.self.config,{config:i,data:a}=P(e,t);this.config=i,null==this.showSetupScreen&&(this.showSetupScreen=a.showSetupScreen),t.connectedMeetings.supportsConnectedMeetings&&(null===(r=(this.peerStore||h).state.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&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(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().then((()=>{this.updateStates({joinError:void 0})})).catch((t=>{const r=(null==t?void 0:t.message)?t.message:this.t("network.lost_extended");this.updateStates({joinError:r})})),window.removeEventListener("rtkError",this.authErrorListener)}}iconPackChanged(t){this.peerStore&&(this.peerStore.state.iconPack=t)}tChanged(t){this.peerStore&&(this.peerStore.state.t=t)}configChanged(t){this.peerStore&&(this.peerStore.state.config=t),(null==t?void 0:t.designTokens)&&"undefined"!=typeof document&&!0!==(this.peerStore||h).state.states.activeDebugger&&_(document.documentElement,t.designTokens)}overridesChanged(t){this.peerStore&&(this.peerStore.state.overrides=R(Object.assign({},d),t))}handleResize(){var t;this.size=(t=this.host.clientWidth)>=1080?"lg":t>=768?"md":"sm"}updateStates(t){const r=this.peerStore||h,e=Object.assign({},r.state.states);r.state.states=R(e,t),this.statesUpdate.emit(r.state.states);const i=new CustomEvent("rtkStatesUpdate",{detail:r.state.states,bubbles:!0,composed:!0});this.host.dispatchEvent(i)}render(){const t={meeting:this.meeting,size:this.size,states:(this.peerStore||h).state.states,config:this.config||c(),iconPack:this.iconPack,t:this.t};return"CHAT"===(this.peerStore||h).state.states.viewType?r("rtk-chat",Object.assign({},t)):r(O,{element:"rtk-meeting",defaults:t,asHost:!0,elementProps:{"rtk-grid":{layout:this.gridLayout}}})}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"],iconPack:["iconPackChanged"],t:["tChanged"],config:["configChanged"],overrides:["overridesChanged"]}}};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)}: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 gt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const vt=class{constructor(r){t(this,r),this.clickedThis=!1,this.placement="bottom-end",this.offset=10,this.iconPack=s,this.t=n(),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(){M(this.triggerEl,this.menuListEl,{placement:this.placement,middleware:[D(this.offset),L(),E({padding:5})]}).then((({x:t,y:r})=>{Object.assign(this.menuListEl.style,{left:`${t}px`,top:`${r}px`})}))}render(){return r(e,{key:"65dc1faca548d5222533251ff175db56e37d4251"},r("span",{key:"68502e98e56a32200bfdea312cb137bcffc9df6b",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:"fa0deae3dcf9ed4b8c47ff9695c3ef39fefc014e",name:"trigger"})),r("span",{key:"9e618bf62212c2c04e59ff99bb0eec6cb9835707",part:"menu-list",id:"menu-list",ref:t=>this.menuListEl=t},r("slot",{key:"4836bb1ed6a82243264e428d2c4a5dc1228bada1"})))}};gt([f()],vt.prototype,"iconPack",void 0),gt([f()],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)}: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 kt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ft=class{constructor(r){t(this,r),this.menuVariant="secondary",this.iconPack=s,this.t=n()}render(){return r(e,{key:"daeee3f1da3b66a803a149013b5973d48fd5c8b5",class:{[this.menuVariant]:!0}},r("slot",{key:"d71253130e5c910a3112260898049e00a1e4088e",name:"start"}),r("slot",{key:"8c93c1bd422d1fcb667438373199bff23bcc7a3a"}),r("slot",{key:"e41161c7d4b5fb2652ddc9bda01d57793f144096",name:"end"}))}};kt([f()],ft.prototype,"iconPack",void 0),kt([f()],ft.prototype,"t",void 0),ft.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-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var ut=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const xt=class{constructor(r){t(this,r),this.iconPack=s,this.menuVariant="secondary",this.t=n()}render(){return r(e,{key:"747bcb38ca155d89fd5ae2c5fa2e667ad1e96a2f",class:{[this.menuVariant]:!0}},r("slot",{key:"5e9137c067847c3c4ef2defdcc958c077b821621"}))}};ut([f()],xt.prototype,"iconPack",void 0),ut([f()],xt.prototype,"t",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)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));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);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}";const mt=class{constructor(r){t(this,r),this.onAction=i(this,"action",7),this.actions=[],this.variant="bubble",this.pinned=!1,this.viewType="outgoing",this.hideAvatar=!1,this.isSelf=!1,this.hideAuthorName=!1,this.hideMetadata=!1,this.iconPack=s}renderActions(){return r("rtk-menu",{placement:this.isSelf?"bottom-start":"bottom-end",offset:1},r("button",{slot:"trigger",class:"actions"},r("rtk-icon",{icon:this.iconPack.chevron_down})),r("rtk-menu-list",{menuVariant:this.isSelf?"primary":"secondary"},this.actions.map((t=>{if("edit_message"!==t.id||"text"===this.messageType)return r("rtk-menu-item",{menuVariant:this.isSelf?"primary":"secondary",onClick:()=>this.onAction.emit(t.id)},t.icon&&r("rtk-icon",{icon:t.icon,slot:"start"}),t.label)}))))}render(){return r(e,{key:"3d53fc59bda6a82e4c4753e34f915c8f62611f6b"},r("div",{key:"1f9cbd79c9e5526645fafd0c4436b91c6c612f08",class:{"message-wrapper":!0,[this.viewType]:!0}},!this.hideAvatar&&r("aside",{key:"23071b4dff9dd4ecc1385be9a1610ffbab98a9e9",class:"avatar",part:"avatar"},r("rtk-avatar",{key:"9a4596ea3636188ef391e65f86d6a608b3aa02d5",participant:{name:this.authorName,picture:this.avatarUrl},size:"sm"})),r("div",{key:"eefe1bf5803e371266a0b8ee230dd2f42a193dc2",class:"message",part:"message"},!this.hideAuthorName&&r("div",{key:"45ba437f7a3ba2b253f22a1885d7e5be954a387e",class:"header"},this.authorName," ",this.isSelf?" (You)":""),r("div",{key:"e9636fb45358423d5cc4e8144b6b47cf065117cc",class:{body:!0,bubble:"bubble"===this.variant}},r("slot",{key:"1d6cd92eb8d4514b7ae4266fae8cd060a56ac1e3"}),!this.hideMetadata&&!!this.time&&r("div",{key:"77b29974a960e4b4809025305ce005aeab8edebc",class:"metadata",title:q(this.time)},this.pinned&&r("span",{key:"e6b99085f2cbcbc9505c20e5407a98c382306614",class:"metadata-content"},r("rtk-icon",{key:"45ad875ef38b1db0105c85659cf938cc9bd792d8",icon:this.iconPack.pin,size:"sm"})," •"),this.isEdited&&r("span",{key:"48d5ecd659fe2308d8c33e94a2216049a2bea5ef",class:"metadata-content"},r("span",{key:"9203ff6d3f65b81b875f5bc17231fd2c65c1c2c2"},"Edited")," •"),T(this.time,new Date(Date.now()))),0!==this.actions.length&&this.renderActions()))))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([f()],mt.prototype,"iconPack",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{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);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:12px;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}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--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)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--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))}.metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.metadata-content{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px)}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-1, 4px);top:var(--rtk-space-1, 4px);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;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none}.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 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))}.incoming .actions{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}@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 wt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const yt=class{constructor(r){t(this,r),this.oldestPaginatedTimestamp=0,this.latestPaginatedTimestamp=null,this.latestMessageTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.emptyListLabel=null,this.iconPack=s,this.t=n(),this.rerenderBoolean=!1,this.showEmptyListLabel=!1,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,this.pendingScrollAnchor=null,this.isInView=t=>{const r=t.getBoundingClientRect();return r.top>=0&&r.bottom<=window.innerHeight}}async rerenderList(){this.rerenderBoolean=!this.rerenderBoolean}async onNewNode(t){if(this.pages.length<1)this.oldestPaginatedTimestamp=t.timeMs,this.pages.unshift([t]),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.rerender(),this.autoScroll&&this.$bottomRef.scrollIntoView({behavior:"smooth"});else if(this.latestMessageTimestamp===this.latestPaginatedTimestamp){if(this.pages[0].length<this.pageSize)this.pages[0].unshift(t),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.rerender();else{this.pages.unshift([t]),this.latestPaginatedTimestamp=t.timeMs,this.latestMessageTimestamp=t.timeMs,this.pages.length>this.pagesAllowed&&this.pages.pop();const r=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=r[r.length-1].timeMs,this.rerender()}this.autoScroll&&this.$bottomRef.scrollIntoView({behavior:"smooth"})}else this.autoScroll&&this.scrollToBottom();this.pendingScrollAnchor=null}async onNodeDelete(t){var r,e;for(let i=this.pages.length-1;i>=0;i--){const a=this.pages[i].findIndex((r=>r.id===t));if(-1===a)continue;this.pages[i].splice(a,1),0===this.pages[i].length&&this.pages.splice(i,1);const o=this.pages[0],s=this.pages[this.pages.length-1];this.latestPaginatedTimestamp=null===(r=null==o?void 0:o[0])||void 0===r?void 0:r.timeMs,this.oldestPaginatedTimestamp=null===(e=null==s?void 0:s[s.length-1])||void 0===e?void 0:e.timeMs,0===a&&0===i&&(this.latestMessageTimestamp=this.latestPaginatedTimestamp),this.rerender();break}}async onNodeUpdate(t,r){for(let e=this.pages.length-1;e>=0;e--){const i=this.pages[e].findIndex((r=>r.id===t));if(-1!==i){this.pages[e][i]=Object.assign(Object.assign({},this.pages[e][i]),r),this.rerender();break}}}async reset(t=0){this.oldestPaginatedTimestamp=t,this.latestPaginatedTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.pendingScrollAnchor=null,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,0===t&&(this.latestMessageTimestamp=null),this.rerender(),await this.loadPrevPage()}connectedCallback(){this.rerender=A(this.rerender.bind(this),50,{maxWait:200})}componentDidLoad(){this.loadPrevPage(),this.$containerRef&&(this.$containerRef.onscrollend=async()=>{this.shouldScrollToBottom||(this.isInView(this.$bottomRef)&&this.latestMessageTimestamp>this.latestPaginatedTimestamp?await this.loadNextPage():this.isInView(this.$topRef)&&(this.showNewMessagesCTR=!0,await this.loadPrevPage()))})}componentDidRender(){if(!this.pendingScrollAnchor)return;const t=this.pendingScrollAnchor;this.pendingScrollAnchor=null,this.restoreScrollToAnchor(t)}async loadPrevPage(){if(this.isLoading)return;const t=this.getScrollAnchor("top");0===this.oldestPaginatedTimestamp&&(this.oldestPaginatedTimestamp=(new Date).getTime()),this.isLoading=!0,this.isLoadingTop=!0;const r=await this.fetchData(this.oldestPaginatedTimestamp-1,this.pageSize,!0);if(this.isLoading=!1,this.isLoadingTop=!1,!r.length)return;this.pages.push(r),this.pages.length>this.pagesAllowed&&this.pages.shift();const e=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=e[e.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.latestMessageTimestamp||(this.latestMessageTimestamp=this.latestPaginatedTimestamp),this.rerender(),t&&(this.pendingScrollAnchor=t)}async loadNextPage(){if(this.isLoading)return[];if(!this.latestPaginatedTimestamp)return this.showNewMessagesCTR=!1,[];this.isLoading=!0,this.isLoadingBottom=!0;const t=this.getScrollAnchor("bottom"),r=await this.fetchData(this.latestPaginatedTimestamp+1,this.pageSize,!1);if(this.isLoading=!1,this.isLoadingBottom=!1,!r.length)return this.latestMessageTimestamp=this.latestPaginatedTimestamp,this.showNewMessagesCTR=!1,[];const e=[...r].reverse();0===this.pages.length&&this.pages.unshift([]);const i=this.pages[0],a=this.pageSize-i.length;if(a>0){const t=e.splice(0,a);i.unshift(...t)}for(;e.length>0;)this.pages.unshift(e.splice(0,this.pageSize));this.pages.length>this.pagesAllowed&&this.pages.pop();const o=this.pages[this.pages.length-1];return this.oldestPaginatedTimestamp=o[o.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.rerender(),this.pendingScrollAnchor=t,r}getScrollAnchor(t="top"){if(!this.$containerRef)return null;const r=this.$containerRef.getBoundingClientRect(),e=Array.from(this.$containerRef.querySelectorAll("[id]")).filter((t=>"top-scroll"!==t.id&&"bottom-scroll"!==t.id));let i=null;for(const a of e){const e=a.getBoundingClientRect();if(e.bottom>r.top&&e.top<r.bottom)if("top"===t){const t=e.top-r.top;(null==i||"top"===i.edge&&t<i.offsetTop)&&(i={id:a.id,edge:"top",offsetTop:t})}else{const t=r.bottom-e.bottom;(null==i||"bottom"===i.edge&&t<i.offsetBottom)&&(i={id:a.id,edge:"bottom",offsetBottom:t})}}return i}restoreScrollToAnchor(t){if(!this.$containerRef)return;const r=this.$containerRef.querySelector(`#${(t=>{var r;const e=null===(r=globalThis.CSS)||void 0===r?void 0:r.escape;return"function"==typeof e?e(t):t.replace(/[^a-zA-Z0-9_-]/g,"\\$&")})(t.id)}`);if(!r)return;const e=this.$containerRef.getBoundingClientRect(),i=r.getBoundingClientRect();this.$containerRef.scrollTop+="top"===t.edge?i.top-e.top-t.offsetTop:t.offsetBottom-(e.bottom-i.bottom)}async scrollToBottom(){for(this.shouldScrollToBottom=!0;this.shouldScrollToBottom;){const t=await this.loadNextPage();this.$bottomRef.scrollIntoView({behavior:"smooth"}),0===t.length&&(this.shouldScrollToBottom=!1)}}rerender(){this.rerenderBoolean=!this.rerenderBoolean}render(){var t;return r(e,{key:"bff4fc91b737334c5764e690fbf2adafa1444408"},r("div",{key:"f4efa98ef0bd178602ee03718d35fcb833487909",class:"scrollbar container",part:"container",ref:t=>this.$containerRef=t},r("div",{key:"37403f6462812a6662efa9577ae9ed43d27f63d6",class:{"show-new-messages-ctr":!0,active:this.showNewMessagesCTR}},r("rtk-button",{key:"ee7e04e6281370dddb1b1e10b753e96dc602d42a",class:"show-new-messages",kind:"icon",variant:"secondary",part:"show-new-messages",onClick:()=>{this.scrollToBottom()}},this.shouldScrollToBottom?r("rtk-spinner",{size:"sm"}):r("rtk-icon",{icon:this.iconPack.chevron_down}))),r("div",{key:"91bcdadd2518313fa06306a172575f5acc786596",class:"smallest-dom-element",id:"bottom-scroll",ref:t=>this.$bottomRef=t}),this.isLoadingBottom&&this.pages.length>0&&r("rtk-spinner",{key:"932af19af69c3ecd5af22dd3051a5eea5cb25e7a",size:"sm"}),this.isLoading&&this.pages.length<1&&r("rtk-spinner",{key:"9fa60fb784a09800a32a3accdc81d940476330d2",size:"lg"}),this.isLoading||0!==this.pages.flat().length?r("div",{class:"page-wrapper"},this.pages.map(((t,e)=>r("div",{class:"page","data-page-index":e},this.createNodes([...t].reverse()))))):r("div",{class:"empty-list"},null!==(t=this.emptyListLabel)&&void 0!==t?t:this.t("list.empty")),this.isLoadingTop&&this.pages.length>0&&r("rtk-spinner",{key:"73103f58338bdb89be69f9f6dc742e3cdd2c95d8",size:"sm"}),r("div",{key:"9c4c43ffb6442d58040448fe1b2d7332505fc81e",class:"smallest-dom-element",id:"top-scroll",ref:t=>this.$topRef=t})))}};wt([f()],yt.prototype,"iconPack",void 0),wt([f()],yt.prototype,"t",void 0),yt.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}:host(.chat-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.chat-selector-paginated-list) .private-chat-label{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px)}:host(.chat-selector-paginated-list) .private-chat-label rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host(.chat-selector-paginated-list) .show-new-messages-ctr.active{display:none}.private-chat-unread-badge{height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.pinned-message-selector-paginated-list) .page{position:relative;box-sizing:border-box}:host(.pinned-message-selector-paginated-list) .pinned-message{box-sizing:border-box;display:flex;width:100%;cursor:pointer;flex-direction:row;overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px)}:host(.pinned-message-selector-paginated-list) .pinned-message:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .pinned-message-container{display:flex;width:100%;flex-direction:row;align-items:flex-start;padding:var(--rtk-space-2, 8px)}:host(.pinned-message-selector-paginated-list) .pinned-message-content{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex;min-width:var(--rtk-space-0, 0px);flex:1 1 0%;flex-direction:column}:host(.pinned-message-selector-paginated-list) .pinned-message-time{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}:host(.pinned-message-selector-paginated-list) .pinned-message-preview{margin-bottom:var(--rtk-space-2, 8px);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:2}:host(.pinned-message-selector-paginated-list) rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.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);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);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);transform:translateY(20px)}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{position:absolute;bottom:var(--rtk-space-4, 16px);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, 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));cursor:pointer;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);display:flex;flex-direction:column-reverse}.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)}.load-more-on-top-container{pointer-events:none;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10}.load-more-icon{pointer-events:auto;border-radius:9999px}.load-more-icon:hover{--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))}";var jt=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const zt=class{constructor(e){t(this,e),this.dropdownToggle=i(this,"rtkDropdownToggle",7),this.pinnedMessageSelect=i(this,"rtkPinnedMessageSelect",7),this.isOpen=!1,this.iconPack=s,this.t=n(),this.pageSize=25,this.pagesAllowed=3,this.showPinnedMessages=!0,this.toggle=t=>{t.preventDefault(),t.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.getPinnedChatMessages=async(t,r,e)=>{const i=this.meeting;if(!i)return[];try{return await i.chat.fetchPinnedMessages({timestamp:t,limit:r,direction:e?"before":"after"})}catch(t){return[]}},this.createPinnedChatNodes=t=>t.map((t=>{const e="text"===t.type?(t.message||"").replace(/\s+/g," ").trim():"file"===t.type?"File Attachment":"image"===t.type?"Image Attachment":"";return r("div",{class:"pinned-message",id:t.id,onClick:()=>{this.pinnedMessageSelect.emit(t),this.close()}},r("div",{class:"pinned-message-container"},r("rtk-avatar",{size:"sm",participant:{name:t.displayName,picture:""}}),r("div",{class:"pinned-message-content"},r("div",{class:"pinned-message-preview",title:e},e),r("div",{class:"pinned-message-meta"},r("span",{class:"pinned-message-time"},T(t.time,new Date(Date.now())))))))})),this.pinChatListener=t=>{var r,e;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0||null===(e=this.$paginatedListRef)||void 0===e||e.reset()},this.unpinChatListener=async t=>{var r,e;(null===(r=t.message.targetUserIds)||void 0===r?void 0:r.length)>0||null===(e=this.$paginatedListRef)||void 0===e||e.onNodeDelete(t.message.id)},this.chatUpdateListener=async t=>{"delete"===t.action&&this.unpinChatListener(t)}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}disconnectMeeting(t){var r,e,i;null===(r=t.chat)||void 0===r||r.removeListener("pinMessage",this.pinChatListener),null===(e=t.chat)||void 0===e||e.removeListener("unpinMessage",this.unpinChatListener),null===(i=t.chat)||void 0===i||i.removeListener("chatUpdate",this.chatUpdateListener)}meetingChanged(t,r){var e,i,a,o;r&&this.disconnectMeeting(r),t&&(null===(e=this.$paginatedListRef)||void 0===e||e.reset(),null===(i=t.chat)||void 0===i||i.addListener("pinMessage",this.pinChatListener),null===(a=t.chat)||void 0===a||a.addListener("unpinMessage",this.unpinChatListener),null===(o=t.chat)||void 0===o||o.addListener("chatUpdate",this.chatUpdateListener))}async close(){this.isOpen&&(this.isOpen=!1,this.dropdownToggle.emit({open:!1}))}async onChatSelectorChange(t){var r;const e=null===(r=t.detail)||void 0===r?void 0:r.selectedUser;this.showPinnedMessages=!e}render(){return this.showPinnedMessages?r(e,null,r("div",{class:"chat-header",onClick:this.toggle},r("div",{class:"chat-header-label"},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}),this.t("chat.pinned_msgs")),r("div",{class:"chevron"},r("rtk-icon",{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:"sm"}))),r("div",{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},r("rtk-paginated-list",{class:"pinned-message-selector-paginated-list",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getPinnedChatMessages,createNodes:this.createPinnedChatNodes,emptyListLabel:this.t("chat.empty_search")},r("slot",null)))):null}static get watchers(){return{meeting:["meetingChanged"]}}};jt([f()],zt.prototype,"meeting",void 0),jt([f()],zt.prototype,"iconPack",void 0),jt([f()],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{display:flex;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}";const Ct=class{constructor(r){t(this,r),this.iconPack=s,this.size="md"}render(){return r(e,{key:"5e435f3b94bf3a2b9d242d78407390996a76be15"},r("rtk-icon",{key:"9e9e4200e0dc295bfe9048e57beb6cd809bf53a2",class:"spinner",icon:this.iconPack.spinner}))}};(function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([f()],Ct.prototype,"iconPack",void 0),Ct.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 _t=function(t,r,e,i){var a,o=arguments.length,s=o<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(r,e,s):a(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Rt=class{constructor(r){t(this,r),this.onTextChange=i(this,"textChange",7),this.disabled=!1,this.rateLimitBreached=!1,this.keyDownHandler=()=>{},this.iconPack=s,this.t=n(),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:"900c8fc082af9cffe94011fb0d682802cc450851",class:"chat-input",part:"chat-input-container"},this.maxLengthBreached>0&&r("div",{key:"fa2362fa593952c3680ae3408c8041c2567342dc",class:"text-error "+(this.maxLengthBreached===this.maxLength?"breached":"")},r("rtk-icon",{key:"0bfa55917acfbe23250bb2b3d487cf27c1eddc58",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:"b4dc7987ec892e6dd8746d21efddeb0a3b765a4c",class:"text-error breached"},r("rtk-icon",{key:"e74b331f6674c5a5a7596d848c7b4846d28a4700",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})," ",this.t("chat.rate_limit_error")),r("textarea",{key:"16dfc924b0d935a2e6b4d9fd22418331a9cd1044",ref:t=>this.$textArea=t,placeholder:this.placeholder,disabled:this.disabled,onInput:this.onInputHandler,onKeyDown:this.keyDownHandler,part:"chat-input",value:this.value}))}};_t([f()],Rt.prototype,"iconPack",void 0),_t([f()],Rt.prototype,"t",void 0),Rt.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}";const Ot=class{constructor(r){t(this,r),this.isMarkdown=!1}render(){return r("p",{key:"45d7cc7d147e74609251f6ab3c2918d42ec6aaea",class:{text:!0,emoji:k(this.text)}},this.isMarkdown?r("rtk-markdown-view",{text:this.text}):this.text)}};Ot.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 Pt=class{constructor(r){t(this,r),this.openChange=i(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),o((()=>{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(){M(this.triggerEl,this.tooltipEl,{placement:this.placement,middleware:[D(8),L(),E({padding:5}),U({element:this.arrowEl})]}).then((({x:t,y:r,placement:e,middlewareData:i})=>{Object.assign(this.tooltipEl.style,{left:`${t}px`,top:`${r}px`});const{x:a,y:o}=i.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=a?`${a}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[s]:"-4px"})}))}render(){return r(e,{key:"ce9cb2211743e50c83b7f572b2e9dc5b02fa3ac8"},r("span",{key:"74f73894f5a62519b3bf8c03a83e7102092ccd5c",part:"trigger",id:"trigger",ref:t=>this.triggerEl=t},r("slot",{key:"4551b2a438b1c57ca68e4a2973529186063a13c2"})),r("div",{key:"e3dd196c6ee225cb363bcf54d35836ff17ed5969",part:"tooltip",class:"tooltip",id:"tooltip",role:"tooltip",ref:t=>this.tooltipEl=t},r("div",{key:"4eb8bb3af588160018ef9d8899afc09edf4b195d",id:"arrow",ref:t=>this.arrowEl=t,part:"arrow"}),this.label,r("slot",{key:"c427ef3ef9953b764f9b1adcb4a8b7eee1fe91cd",name:"tooltip"})))}static get watchers(){return{open:["openChanged"]}}};Pt.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{N as rtk_avatar,$ as rtk_button,F as rtk_chat,B as rtk_chat_composer_view,H as rtk_chat_header,K as rtk_chat_messages_ui_paginated,Q as rtk_chat_selector,G as rtk_draft_attachment_view,et as rtk_emoji_picker,at as rtk_emoji_picker_button,ot as rtk_file_message_view,nt as rtk_file_picker_button,dt as rtk_icon,ht as rtk_image_message_view,pt as rtk_markdown_view,bt as rtk_meeting,vt as rtk_menu,ft as rtk_menu_item,xt as rtk_menu_list,mt as rtk_message_view,yt as rtk_paginated_list,zt as rtk_pinned_message_selector,Ct as rtk_spinner,Rt as rtk_text_composer_view,Ot as rtk_text_message_view,Pt as rtk_tooltip}