uapp-communication-sdk 1.0.0-dev.54

package/rtk-avatar_26.entry-Bw8WR8R7.cjs

@@ -0,0 +1,202 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./date-b1f78dea-DZ5M_dXV.cjs"),r=require("./string-068ce30a-B_DfAHxl.cjs"),i=require("./index-3f51790f-D4DlIx1n.cjs"),a=require("./chat-98db6d32-BxDEnpgG.cjs"),o=require("./file-6114f1a9-tHgu1ZLQ.cjs"),s=require("./merge-d1e6bb2e-BwBSuC-3.cjs"),ee=require("./config-73678ba3-BprVFseQ.cjs"),te=require("./ResizeObserver.es-02979d4e-08-m4hFC.cjs"),ne=require("./join-error-e87be64a-Bp5K1v67.cjs"),c=require("./floating-ui.dom.esm-21c3d54e-BU9X0ai0.cjs"),re=require("./debounce-d193e708-Bk-G__sK.cjs");var ie=`: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)}`,l=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},u=class{constructor(t){e.Q(this,t),this.variant=`circular`,this.iconPack=e.g,this.t=e.G(),this.imageState=`loading`,this.getAvatar=()=>{let t=r.t(this.participant?.name||``),n;if(this.participant!=null&&`picture`in this.participant&&(n=this.participant.picture),n&&n.length>0&&this.imageState!==`errored`)return e.Z(`div`,{class:`image-ctr`},this.imageState===`loading`&&e.Z(`rtk-spinner`,{iconPack:this.iconPack}),e.Z(`img`,{src:n,class:{loaded:this.imageState===`loaded`},loading:`lazy`,title:t,onLoad:()=>this.imageState=`loaded`,onError:()=>this.imageState=`errored`,part:`image`}));let i=r.n(t);return e.Z(`div`,{class:`initials`,title:t,part:`initials`},i)}}render(){return e.Z(e.J,{key:`d7d3a7b03a3807984dc6798b5e35cec4418e06e7`},this.getAvatar(),e.Z(`slot`,{key:`25aa9fe632a132c1e2f8ef88ac98043bb8ef085a`}))}};l([t.t()],u.prototype,`iconPack`,void 0),l([t.t()],u.prototype,`t`,void 0),u.style=ie;var ae=`: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)}`,d=class{constructor(t){e.Q(this,t),this.variant=`primary`,this.kind=`button`,this.reverse=!1,this.disabled=!1,this.type=`button`}render(){return e.Z(e.J,{key:`0f96cef4ae77a2be8013fa5d62d39626734eeced`},e.Z(`button`,{key:`8c06d5f5cc71779b8d56f31d2dd77b8d35e8b280`,part:`button`,type:this.type,disabled:this.disabled},e.Z(`span`,{key:`ae741ddf8cc914f9493c26330b1f322541f64223`,class:`start`},e.Z(`slot`,{key:`18275dab42a4dd38b5a59463ffca227e4a6df3c8`,name:`start`})),e.Z(`span`,{key:`c2b912515b6edc2966c4cdb282c89022aa05c13f`,class:`content`,part:`content`},e.Z(`slot`,{key:`5d87993198e16a3b5f38e62979fa2ee5637a059d`})),e.Z(`span`,{key:`0bc907da23ea362f8ae0b3fdf88452b1c3881078`,class:`end`},e.Z(`slot`,{key:`0862eeefcfa5765ce605b99a04aab88222ed6e68`,name:`end`}))))}static get delegatesFocus(){return!0}};d.style=ae;var oe=`: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)))
+    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)}}`,f=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},p=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(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=e.m(),this.iconPack=e.g,this.t=e.G(),this.overrides=e._,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=e=>{e.preventDefault(),this.dropzoneActivated=!0},this.onDragLeave=()=>{this.dropzoneActivated=!1},this.onDrop=e=>{e.preventDefault(),this.dropzoneActivated=!1,a.i(e.dataTransfer.items,(e,t)=>{var n,r;switch(e){case`image`:this.isFileMessagingAllowed()&&((n=this.meeting?.chat)==null||n.sendImageMessage(t,this.getRecipientPeerIds()));break;case`file`:this.isFileMessagingAllowed()&&((r=this.meeting?.chat)==null||r.sendFileMessage(t,this.getRecipientPeerIds()));break}})},this.disconnectMeeting=e=>{e.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 e=>{let t=e.detail;this.isSendingMessage=!0;try{await this.meeting.chat.sendMessage(t,this.getRecipientPeerIds())}finally{this.isSendingMessage=!1}},this.onEditMessageHandler=async e=>{this.isSendingMessage=!0;try{await(this.meeting?.chat)?.editTextMessage(this.editingMessage.id,e.detail)}finally{this.isSendingMessage=!1,this.editingMessage=null}},this.onEditCancel=()=>{this.editingMessage=null},this.onPinMessage=e=>{let t=e.detail;t.pinned?this.meeting.chat.unpin(t.id):this.meeting.chat.pin(t.id)},this.onDeleteMessage=e=>{let t=e.detail;this.editingMessage?.id===t.id&&(this.editingMessage=null);try{if(typeof localStorage<`u`){let e=[];for(let n=0;n<localStorage.length;n++){let r=localStorage.key(n);r&&r.startsWith(`rtk-chat-edit-`)&&r.endsWith(`-${t.id}`)&&e.push(r)}e.forEach(e=>localStorage.removeItem(e))}}catch{}this.meeting.chat.deleteMessage(t.id)},this.onMessageEdit=e=>{let t=e.detail;t.type===`text`&&(this.replyMessage=null,this.editingMessage=t)}}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(e){e.detail.flags.isReply?this.replyMessage=e.detail.payload:e.detail.flags.isEdit&&(this.editingMessage=e.detail.payload)}onChatSelectorChange(e){let t=e.detail?.selectedUser;if(!t){this.selectedParticipant=null;return}this.selectedParticipant=t}disconnectedCallback(){var e;(e=this.resizeObserver)==null||e.disconnect(),this.disconnectMeeting(this.meeting),this.host.removeEventListener(`dragover`,this.onDragOver),this.host.removeEventListener(`dragleave`,this.onDragLeave),this.host.removeEventListener(`drop`,this.onDrop)}meetingChanged(e,t){t!=null&&this.disconnectMeeting(t),!(e&&!e.chat)&&e!=null&&(this.canSend=e.self.permissions.chatPublic.canSend,this.canSendTextMessage=e.self.permissions.chatPublic.text,this.canSendFiles=e.self.permissions.chatPublic.files,this.canPrivateMessage=!!(e.self.permissions.chatPrivate?.canSend||e.self.permissions.chatPrivate?.canReceive),this.canSendPrivateTexts=!!e.self.permissions.chatPrivate?.text,this.canSendPrivateFiles=!!e.self.permissions.chatPrivate?.files,e.self.permissions.on(`*`,this.chatPermissionUpdateListener))}getRecipientPeerIds(){return this.selectedParticipant?[this.selectedParticipant.id]:[]}renderComposerUI(){if(!this.selectedParticipant){if(!this.canSendTextMessage&&!this.canSendFiles)return null}else if(!this.canSendPrivateTexts&&!this.canSendPrivateFiles)return null;let t={iconPack:this.iconPack,t:this.t,size:this.size},n=this.editingMessage?this.editingMessage.message:``,r=this.replyMessage?this.replyMessage.message:``,i=this.editingMessage?`rtk-chat-edit-no-channel-${this.editingMessage.id}`:`rtk-chat-edit`,a=this.editingMessage?i:`rtk-chat-draft`;return e.Z(`rtk-chat-composer-view`,Object.assign({message:n,storageKey:a,quotedMessage:r,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),e.Z(`slot`,{name:`chat-addon`,slot:`chat-addon`}))}render(){return this.meeting?e.Z(e.J,null,e.Z(`div`,{class:`chat-container`},e.Z(`div`,{class:`chat`},this.isFileMessagingAllowed()&&e.Z(`div`,{id:`dropzone`,class:{active:this.dropzoneActivated},part:`dropzone`},e.Z(`rtk-icon`,{icon:this.iconPack.attach}),e.Z(`p`,null,this.t(`chat.send_attachment`))),e.Z(`rtk-chat-header`,null),e.Z(`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 e.X(this)}static get watchers(){return{meeting:[`meetingChanged`]}}};f([t.t()],p.prototype,`meeting`,void 0),f([t.t()],p.prototype,`config`,void 0),f([t.t()],p.prototype,`iconPack`,void 0),f([t.t()],p.prototype,`t`,void 0),f([t.t()],p.prototype,`overrides`,void 0),p.style=oe;var se=`:host {
+  display: flex;
+  flex-direction: column;
+  font-family: var(--rtk-font-family, sans-serif);
+  font-size: 14px;
+  position: relative;
+}
+
+.quoted-message-container {
+  margin-bottom: var(--rtk-space-2, 8px);
+  display: flex;
+  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-1000, 255 255 255));
+  border-radius: var(--rtk-border-radius-md, 8px);
+  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));
+}
+
+.quoted-message-container .quoted-message {
+  flex: 1 1 0%;
+  padding: var(--rtk-space-2, 8px);
+  border-radius: var(--rtk-border-radius-md, 8px);
+  max-height: var(--rtk-space-24, 96px);
+  overflow-y: auto;
+  word-break: break-all;
+}
+
+.quoted-message-container .quoted-message blockquote {
+  display: none;
+}
+
+.quoted-message-container rtk-icon.dismiss {
+  margin-left: auto;
+  height: var(--rtk-space-5, 20px);
+  width: var(--rtk-space-5, 20px);
+  padding: var(--rtk-space-2, 8px);
+  border-radius: var(--rtk-border-radius-md, 8px);
+  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));
+}
+
+.quoted-message-container rtk-icon.dismiss:hover {
+  cursor: pointer;
+  color: rgb(var(--rtk-colors-text-1000, 255 255 255));
+}
+
+.quoted-message-container rtk-icon.dismiss {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.composer-container {
+  position: relative;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));
+  border-radius: var(--rtk-border-radius-md, 8px);
+  overflow: hidden;
+  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));
+}
+
+.composer-container > .composers {
+    min-height: 60px;
+  }
+
+@container chatcontainer (height < 360px) {
+    .composer-container > .composers {
+      min-height: 30px;
+    }
+}
+
+.chat-buttons {
+  padding: var(--rtk-space-3, 12px);
+  display: flex;
+  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-1000, 255 255 255));
+}
+
+.chat-buttons .right {
+  z-index: 10;
+}
+
+.chat-buttons .right .edit-buttons {
+  display: flex;
+  gap: var(--rtk-space-2, 8px);
+}
+
+.chat-buttons > div {
+  display: flex;
+  align-items: center;
+}
+
+rtk-emoji-picker {
+  z-index: 20;
+  position: absolute;
+  top: calc(var(--rtk-space-72, 288px) * -1);
+  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));
+  animation: 0.3s slide-up ease;
+}
+
+@keyframes slide-up {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0%);
+  }
+}
+`,m=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},h={messagesSent:0,startTime:0},g=class{constructor(t){e.Q(this,t),this.onNewMessage=e.Y(this,`newMessage`,7),this.onEditMessage=e.Y(this,`editMessage`,7),this.onEditCancel=e.Y(this,`editCancel`,7),this.onQuotedMessageDismiss=e.Y(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=e.g,this.t=e.G(),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.fileToUpload.type===`image`?this.onNewMessage.emit({type:`image`,image:this.fileToUpload.file}):this.onNewMessage.emit({type:`file`,file:this.fileToUpload.file}),this.fileToUpload=null)},this.handleSendMessage=()=>{if(!this.canSendTextMessage||this.rateLimitsBreached)return;if(this.fileToUpload!==null){this.sendFile();return}let e=this.textMessage,t=Date.now();t-h.startTime>this.rateLimits.period*1e3&&(h.startTime=t,h.messagesSent=0),h.messagesSent+=1,this.checkRateLimitBreached(t),e.length>0&&(this.onNewMessage.emit({type:`text`,message:e}),this.cleanup())},this.handleEditMessage=()=>{this.onEditMessage.emit(this.textMessage),this.cleanup()},this.handleEditCancel=()=>{this.onEditCancel.emit(),this.cleanup()},this.onTextChangeHandler=t=>{this.textMessage=t.detail,this.textMessage.length>=(this.maxLength??2e3)?this.disableSendButton=!0:this.disableSendButton&&=!1,e.w.setItem(this.storageKey,t.detail)},this.onKeyDownHandler=e=>{e.key===`Enter`&&e.shiftKey||this.disableSendButton||e.key===`Enter`&&(e.preventDefault(),this.isEditing?this.handleEditMessage():this.handleSendMessage())},this.onFileUploadHandler=(e,t)=>{this.fileToUpload={type:e,file:t}},this.onQuotedMessageDismissHandler=()=>{this.onQuotedMessageDismiss.emit()},this.cleanup=()=>{this.textMessage=``,this.fileToUpload=null,e.w.setItem(this.storageKey,``),this.$textComposer.setText(``,!0),this.isEmojiPickerOpen=!1},this.onKeyDownHandler=this.onKeyDownHandler.bind(this)}connectedCallback(){this.textMessage=this.message||e.w.getItem(this.storageKey)||``,this.checkRateLimitBreached(Date.now())}componentWillUpdate(){this.textMessage=this.message||e.w.getItem(this.storageKey)||``}componentDidLoad(){this.message&&e.$(()=>this.$textComposer.setText(this.message,!0))}checkRateLimitBreached(e){if(h.messagesSent>=this.rateLimits.maxInvocations){this.disableSendButton=!0,this.rateLimitsBreached=!0;let t=e-h.startTime+this.rateLimits.period*1e3;setTimeout(()=>{h.messagesSent=0,h.startTime=Date.now(),this.disableSendButton=!1,this.rateLimitsBreached=!1},t)}}render(){let t={iconPack:this.iconPack,t:this.t};return e.Z(e.J,{key:`2df23422579c855ced1cb6d24bb95786a1326baf`},this.canSendTextMessage&&this.isEmojiPickerOpen&&e.Z(`rtk-emoji-picker`,Object.assign({key:`a7ed280a636d0207f58f0ad13f79c1eaed52ab9c`,part:`emoji-picker`,onPickerClose:()=>{this.isEmojiPickerOpen=!1},onRtkEmojiClicked:e=>{this.textMessage+=e.detail,this.$textComposer.setText(this.textMessage,!0)}},t)),e.Z(`slot`,{key:`759df2a2029fbba963cfc26cd871771881dd6c5e`,name:`chat-addon`}),this.quotedMessage&&this.quotedMessage.length!==0&&e.Z(`div`,{key:`413be05a7374fc76f790ad3f6f5bef5a56a6ef97`,class:`quoted-message-container`,part:`quoted-message-container`},e.Z(`div`,{key:`7fb6b571103c675dca202b74bd07fd55062dab70`,class:`quoted-message scrollbar`},e.Z(`rtk-text-message-view`,{key:`3997aa719a746234c5641e976dd0c27e68b69dae`,text:this.quotedMessage,isMarkdown:!0})),e.Z(`div`,{key:`f76ec54e3d67d6957d5d152b144b22d8cc122660`},e.Z(`rtk-icon`,{key:`897b52fc41814d2cb8beeb461c36c9843cb2869e`,"aria-label":this.t(`dismiss`),class:`dismiss`,icon:this.iconPack.dismiss,onClick:this.onQuotedMessageDismissHandler}))),e.Z(`div`,{key:`35447eb1fffffd372c231bc76ce741e483e7f26a`,class:`composer-container`},e.Z(`div`,{key:`0f8f198df49fcc27f6c85b8d6909eb2a7c00e142`,class:`composers`},this.fileToUpload&&e.Z(`rtk-draft-attachment-view`,Object.assign({key:`9d325d05fecb12ecb41f02e54561d2e1b59b2c2f`},t,{attachment:this.fileToUpload,onDeleteAttachment:()=>this.fileToUpload=null})),!this.fileToUpload&&e.Z(`rtk-text-composer-view`,{key:`fbc870bb9d9c2418e528e64273edb67846e23e17`,value:this.textMessage,placeholder:this.inputTextPlaceholder,onTextChange:this.onTextChangeHandler,keyDownHandler:this.onKeyDownHandler,maxLength:this.maxLength??2e3,rateLimitBreached:this.rateLimitsBreached,t:this.t,iconPack:this.iconPack,ref:e=>this.$textComposer=e})),e.Z(`div`,{key:`20191403531eb87bca86d13387c7937153a4c99e`,class:`chat-buttons`,part:`chat-buttons`},e.Z(`div`,{key:`4914a61fea3f502dc14778a237e9ce35a97e3afc`,class:`left`,part:`chat-buttons-left`},!this.fileToUpload&&!this.isEditing&&e.Z(`div`,{key:`76c843588f2f7d90f5e60a1e44955309026eda27`},this.canSendFiles&&[e.Z(`rtk-file-picker-button`,Object.assign({key:`cbb6f17b22f10b48ada27a4b4da3c1d5b2c7e320`},t,{onFileChange:e=>this.onFileUploadHandler(`file`,e.detail)})),e.Z(`rtk-file-picker-button`,Object.assign({key:`0868162a2da021dd4175e977adf47d72ca54044a`,filter:`image/*`,label:this.t(`chat.send_img`),icon:`image`,onFileChange:e=>this.onFileUploadHandler(`image`,e.detail)},t))],this.canSendTextMessage&&!this.disableEmojiPicker&&e.Z(`rtk-emoji-picker-button`,Object.assign({key:`a73378b5495dc3bfcde7dba335f674292ee6a96c`,isActive:this.isEmojiPickerOpen,onClick:()=>{this.isEmojiPickerOpen=!this.isEmojiPickerOpen}},t)),e.Z(`slot`,{key:`31208ad279dec430da4527d22730de8e418bc722`,name:`chat-buttons`}))),e.Z(`div`,{key:`04fcdd3f690548cbf1e257ffb2982785e557726b`,class:`right`,part:`chat-buttons-right`},!this.isEditing&&e.Z(`rtk-tooltip`,{key:`367bf710673a0a2276f46d52289409abb77fe27b`,variant:`primary`,label:this.t(`chat.send_msg`),delay:2e3},e.Z(`rtk-button`,{key:`c677e3026636c375ed7eee411c596f6d2a802794`,kind:`icon`,disabled:this.disableSendButton||this.isSending,onClick:()=>this.handleSendMessage(),title:this.t(`chat.send_msg`)},this.isSending?e.Z(`rtk-spinner`,{size:`sm`}):e.Z(`rtk-icon`,{icon:this.iconPack.send}))),this.isEditing&&e.Z(`div`,{key:`1e09e8868e4ae048b36bc8198b8aa1de92209a00`,class:`edit-buttons`},e.Z(`rtk-tooltip`,{key:`29ff7a39bd168169fa7d104357b529a2c9efe0fd`,variant:`secondary`,label:this.t(`cancel`),delay:2e3},e.Z(`rtk-button`,{key:`27cf5353d0e8c2620fd8d4213994a9dcc83f83f3`,kind:`icon`,variant:`secondary`,onClick:()=>this.handleEditCancel(),title:this.t(`cancel`)},e.Z(`rtk-icon`,{key:`aeb4c9df3993c6cebf952f64f6676eb8a3866bb0`,icon:this.iconPack.dismiss}))),e.Z(`rtk-tooltip`,{key:`835195d0f51a1db81e66a1b2d9076a71f2aaee4e`,variant:`primary`,label:this.t(`chat.update_msg`),delay:2e3},e.Z(`rtk-button`,{key:`d524f01ba5d7ca52224d39e23e7f963972ad80c9`,kind:`icon`,onClick:()=>this.handleEditMessage(),title:this.t(`chat.send_msg`)},this.isSending?e.Z(`rtk-spinner`,{size:`sm`}):e.Z(`rtk-icon`,{icon:this.iconPack.checkmark}))))))))}};m([t.t()],g.prototype,`iconPack`,void 0),m([t.t()],g.prototype,`t`,void 0),g.style=se;var ce=`: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)))
+    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)}`,_=class{constructor(t){e.Q(this,t),this.onPinnedToggle=async e=>{var t;e.detail?.open&&await((t=this.$chatSelector)?.close)?.call(t)},this.onChatToggle=async e=>{var t;e.detail?.open&&await((t=this.$pinnedSelector)?.close)?.call(t)}}render(){return e.Z(e.J,{key:`af9956ff6e693f29fb63a6180ef773a0e64822e5`},e.Z(`rtk-pinned-message-selector`,{key:`b0d9199d02d84453f8ee26c3a47e00c82047e4f6`,ref:e=>this.$pinnedSelector=e,onRtkDropdownToggle:this.onPinnedToggle}),e.Z(`rtk-chat-selector`,{key:`4d019562a85ebfeaf4ceae2e99d1b9c8c282127a`,ref:e=>this.$chatSelector=e,onRtkDropdownToggle:this.onChatToggle}))}};_.style=ce;var le=`: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}`,v=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},y=class{constructor(t){e.Q(this,t),this.editMessageInit=e.Y(this,`editMessageInit`,7),this.onPinMessage=e.Y(this,`pinMessage`,7),this.onEditMessage=e.Y(this,`editMessage`,7),this.onDeleteMessage=e.Y(this,`deleteMessage`,7),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.iconPack=e.g,this.t=e.G(),this.permissionsChanged=!1,this.pageSize=25,this.permissionsUpdateListener=()=>{this.permissionsChanged=!this.permissionsChanged},this.getChatMessages=async(e,t,n)=>{if(this.privateChatRecipient)try{return await this.meeting.chat.fetchPrivateMessages({timestamp:e,limit:t,direction:n?`before`:`after`,userId:this.privateChatRecipient.userId})}catch{return[]}try{return await this.meeting.chat.fetchPublicMessages({timestamp:e,limit:t,direction:n?`before`:`after`})}catch{return[]}},this.createChatNodes=e=>e.map((t,n)=>{let r=t.userId===e[n-1]?.userId;if(!(!this.privateChatRecipient&&t.targetUserIds?.length>0))return this.createChatNode(t,r)}),this.disconnectMeeting=e=>{var t,n;(t=e?.chat)==null||t.removeListener(`chatUpdate`,this.chatUpdateListener),(n=this.meeting)==null||n.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener)},this.getMessageActions=e=>{let t=[],n=e.userId===this.meeting.self.userId;return e.targetUserIds?.length>0||t.push({id:`pin_message`,label:e.pinned?this.t(`unpin`):this.t(`pin`),icon:this.iconPack.pin}),n&&(t.push({id:`edit_message`,label:this.t(`chat.edit_msg`),icon:this.iconPack.edit}),t.push({id:`delete_message`,label:this.t(`chat.delete_msg`),icon:this.iconPack.delete})),t},this.onMessageActionHandler=(e,t)=>{switch(e){case`pin_message`:this.onPinMessage.emit(t);break;case`edit_message`:this.onEditMessage.emit(t);break;case`delete_message`:this.onDeleteMessage.emit(t);break}},this.createChatNode=(t,n)=>{let r;r=this.meeting.meta.viewType===`CHAT`?this.meeting.participants.all.toArray().find(e=>e.userId===t.userId)?.picture:this.meeting.self.userId===t.userId?this.meeting.self.picture:this.meeting.participants.joined.toArray().find(e=>e.userId===t.userId)?.picture??this.meeting.participants.waitlisted.toArray().find(e=>e.userId===t.userId)?.picture;let i=t.userId===this.meeting.self.userId,a=i?`outgoing`:`incoming`;return e.Z(`div`,null,e.Z(`div`,{class:`message-wrapper`,id:t.id},e.Z(`rtk-message-view`,{messageType:t.type,pinned:t.pinned,isEdited:t.isEdited,time:t.time,actions:this.getMessageActions(t),authorName:t.displayName,isSelf:i,avatarUrl:r,hideAuthorName:n,viewType:a,variant:`bubble`,onAction:e=>this.onMessageActionHandler(e.detail,t)},e.Z(`div`,null,e.Z(`div`,{class:`body`},t.type===`text`&&e.Z(`rtk-text-message-view`,{text:t.message,isMarkdown:!0}),t.type===`file`&&e.Z(`rtk-file-message-view`,{name:t.name,url:t.link,size:t.size}),t.type===`image`&&e.Z(`rtk-image-message-view`,{url:t.link,onPreview:()=>{this.stateUpdate.emit({image:t})}}))))))},this.chatUpdateListener=e=>{e.message.targetUserIds?.length>0&&!e.message.targetUserIds.includes(this.privateChatRecipient?.userId)||this.privateChatRecipient&&e.message.targetUserIds?.length===0||(e.action===`add`?this.$paginatedListRef.onNewNode(e.message):e.action===`delete`?this.$paginatedListRef.onNodeDelete(e.message.id):e.action===`edit`&&this.$paginatedListRef.onNodeUpdate(e.message.id,e.message))}}componentDidLoad(){let e=this.host.shadowRoot.querySelector(`slot`);e&&(this.children=e.assignedElements()[0])}connectedCallback(){this.meetingChanged(this.meeting)}async onPinnedMessageSelect(e){var t;let n=e.detail;n&&await((t=this.$paginatedListRef)?.reset)?.call(t,n.timeMs+1)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}privateChatRecipientChanged(){var e;(e=this.$paginatedListRef)==null||e.reset()}meetingChanged(e,t){var n;t!=null&&this.disconnectMeeting(t),!(e&&!e.chat)&&(e!=null&&((n=e.chat)==null||n.addListener(`chatUpdate`,this.chatUpdateListener),e.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener)),this.permissionsUpdateListener())}render(){return e.Z(e.J,{key:`8062f966f4bc489a4fdadb2da59bb88473e45194`},e.Z(`rtk-paginated-list`,{key:`7f50458ee29cd7bd83bd123303e82db556230d67`,ref:e=>this.$paginatedListRef=e,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes,emptyListLabel:this.t(`chat.empty_chat`)},e.Z(`slot`,{key:`69b0106558d9995b0bc24ed3d0d36f56febbf90f`})))}get host(){return e.X(this)}static get watchers(){return{privateChatRecipient:[`privateChatRecipientChanged`],meeting:[`meetingChanged`]}}};v([t.t()],y.prototype,`meeting`,void 0),v([t.t()],y.prototype,`iconPack`,void 0),v([t.t()],y.prototype,`t`,void 0),y.style=le;var ue=`: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)))
+    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)))}`,b=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},x=class{constructor(t){e.Q(this,t),this.dropdownToggle=e.Y(this,`rtkDropdownToggle`,7),this.chatSelectorChange=e.Y(this,`rtkChatSelectorChange`,7),this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.overrides=e._,this.isOpen=!1,this.showPrivateChat=!1,this.selectedUser=void 0,this.pageSize=1e5,this.pagesAllowed=3,this.unreadMap=new Map,this.disconnectMeeting=e=>{var t,n,r,i;let{self:a,participants:o}=e||{};(t=e.chat)==null||t.off(`chatUpdate`,this.chatUpdateListener),(n=a?.permissions)==null||n.off(`*`,this.chatPermissionUpdateListener),(r=o?.joined)==null||r.off(`participantJoined`,this.participantJoinedListener),(i=o?.joined)==null||i.off(`participantLeft`,this.participantLeftListener)},this.toggle=e=>{e.preventDefault(),e.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.selectUser=async e=>{e?.userId&&(this.unreadMap.set(e.userId,!1),this.$paginatedListRef.rerenderList()),this.selectedUser=e,this.chatSelectorChange.emit({selectedUser:e}),await this.close()},this.chatPermissionUpdateListener=()=>{this.showPrivateChat=!!(this.meeting.self.permissions.chatPrivate?.canSend||this.meeting.self.permissions.chatPrivate?.canReceive),this.showPrivateChat||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0}))},this.onParticipantUpdate=()=>{var e;this.selectedUser&&((((e=this.meeting?.participants?.joined)?.toArray)?.call(e)||[]).some(e=>e.id===this.selectedUser?.id)||(this.selectedUser=void 0,this.chatSelectorChange.emit({selectedUser:void 0})))},this.participantJoinedListener=e=>{this.$paginatedListRef.onNewNode(e)},this.participantLeftListener=e=>{this.$paginatedListRef.onNodeDelete(e.id),this.onParticipantUpdate()},this.getParticipants=async(e,t,n)=>{let r=this.meeting;return!r||!e?[]:r.participants.joined.toArray()},this.createPaticipantNodes=t=>t.map(t=>e.Z(`div`,{class:`private-chat-label`,id:t.id,onClick:()=>this.selectUser(t)},e.Z(`rtk-avatar`,{size:`sm`,participant:t}),e.Z(`span`,null,t.name??this.t(`participant`)),this.unreadMap.get(t.userId)?e.Z(`div`,{class:`private-chat-unread-badge`}):null)),this.chatUpdateListener=e=>{if(e.action!==`add`||!e.message.targetUserIds?.length)return;let t=this.meeting.self.userId,n=e.message.targetUserIds.find(e=>e!==t);n&&(this.unreadMap.set(n,!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 e,t,n;if(!this.meeting)return;let{self:r,participants:i}=this.meeting;(e=r?.permissions)==null||e.off(`*`,this.chatPermissionUpdateListener),(t=i?.joined)==null||t.off(`participantJoined`,this.participantJoinedListener),(n=i?.joined)==null||n.off(`participantLeft`,this.participantLeftListener)}overridesChanged(e){!this.meeting||this.meeting.self||(this.showPrivateChat=!!(this.meeting.self.permissions.chatPrivate?.canSend||this.meeting.self.permissions.chatPrivate?.canReceive)&&!e.disablePrivateChat)}meetingChanged(e,t){var n,r,i;t&&this.disconnectMeeting(t),!(!e||!e.chat)&&(this.showPrivateChat=!!(e.self.permissions.chatPrivate?.canSend||e.self.permissions.chatPrivate?.canReceive)&&!this.overrides.disablePrivateChat,this.onParticipantUpdate(),(n=e.chat)==null||n.on(`chatUpdate`,this.chatUpdateListener),e.self.permissions.on(`*`,this.chatPermissionUpdateListener),(r=e?.participants?.joined)==null||r.on(`participantJoined`,this.participantJoinedListener),(i=e?.participants?.joined)==null||i.on(`participantLeft`,this.participantLeftListener))}render(){return this.showPrivateChat?e.Z(e.J,null,e.Z(`div`,{class:`chat-header`,onClick:this.toggle},e.Z(`div`,{class:`chat-header-label`},this.selectedUser?e.Z(`rtk-icon`,{icon:this.iconPack.people,size:`sm`}):e.Z(`rtk-icon`,{icon:this.iconPack.participants,size:`sm`}),this.selectedUser?this.selectedUser.name:this.t(`chat.everyone`)),e.Z(`div`,{class:`chevron`},e.Z(`rtk-icon`,{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:`sm`}))),e.Z(`div`,{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},e.Z(`div`,{class:`public-chat-group-label`,onClick:()=>this.selectUser(void 0)},e.Z(`div`,{class:`public-chat-icon`},e.Z(`rtk-icon`,{icon:this.iconPack.participants,size:`sm`})),this.t(`chat.everyone`)),e.Z(`rtk-paginated-list`,{class:`chat-selector-paginated-list`,ref:e=>this.$paginatedListRef=e,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getParticipants,createNodes:this.createPaticipantNodes,emptyListLabel:this.t(`participants.empty_list`)},e.Z(`slot`,null)))):null}static get watchers(){return{overrides:[`overridesChanged`],meeting:[`meetingChanged`]}}};b([t.t()],x.prototype,`meeting`,void 0),b([t.t()],x.prototype,`states`,void 0),b([t.t()],x.prototype,`config`,void 0),b([t.t()],x.prototype,`iconPack`,void 0),b([t.t()],x.prototype,`t`,void 0),b([t.t()],x.prototype,`overrides`,void 0),x.style=ue;var de=`: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}`,S=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},C=class{constructor(t){e.Q(this,t),this.onDeleteAttachment=e.Y(this,`deleteAttachment`,7),this.iconPack=e.g,this.t=e.G(),this.attachment=null,this.filePreview=null,this.fileReader=new FileReader,this.generatePreview=()=>{this.attachment.type===`image`?this.fileReader.readAsDataURL(this.attachment.file):this.attachment.type===`file`&&(this.filePreview=this.attachment.file.name)},this.onDeleteClickHandler=()=>{this.filePreview=null,this.onDeleteAttachment.emit()}}onAttachmentChange(){this.generatePreview()}connectedCallback(){this.fileReader.onload=e=>{typeof e.target.result==`string`&&(this.filePreview=e.target.result)}}componentWillLoad(){this.onAttachmentChange()}render(){return e.Z(e.J,{key:`51ac9914a6c3626f3abd63d8101dd33d956f0cb0`},e.Z(`div`,{key:`9520035fca81e905b7bcc3696ec9803ca127a370`,class:`preview-overlay`},e.Z(`div`,{key:`6c8139ece3ce95836f7853a160c0a01e298c2892`,class:`preview`},e.Z(`rtk-tooltip`,{key:`d3379d7a4a3b09c15d75ec4fce8bc7c2e89b1df4`,label:this.t(`chat.cancel_upload`)},e.Z(`rtk-button`,{key:`d5badd1b4a2fce0f2958d8923adde9353562eb8a`,variant:`secondary`,kind:`icon`,onClick:this.onDeleteClickHandler},e.Z(`rtk-icon`,{key:`4acde8f6352eab6e2277f6317ef226d22defe4e0`,icon:this.iconPack.dismiss}))),this.attachment.type===`image`?e.Z(`img`,{class:`preview-image`,src:this.filePreview}):e.Z(`div`,{class:`preview-file`},e.Z(`span`,null,this.filePreview)))))}static get watchers(){return{attachment:[`onAttachmentChange`]}}};S([t.t()],C.prototype,`iconPack`,void 0),S([t.t()],C.prototype,`t`,void 0),C.style=de;var fe=`https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json`,w,pe=async()=>(w||=(await fetch(fe)).json(),w),me=`: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)))
+    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))}`,T=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},E=class{constructor(t){e.Q(this,t),this.pickerClose=e.Y(this,`pickerClose`,7),this.emojiClicked=e.Y(this,`rtkEmojiClicked`,7),this.iconPack=e.g,this.t=e.G(),this.focusWhenOpened=!0,this.filterVal=``,this.filteredEmojis=[]}componentWillLoad(){pe().then(e=>{this.emojiList=e,this.handleInputChange(this.inputElement)})}componentDidLoad(){this.focusWhenOpened&&this.inputElement.focus()}handleInputChange(e){this.filterVal=e.value;let t=RegExp(`([^,]*?${this.filterVal}[^,]*):(\\d+)`,`g`);this.filteredEmojis=Array.from(this.emojiList.search.matchAll(t)).map(e=>({name:e[1],emoji:this.emojiList.emojis[e[2]]}))}handleEmojiClick(e){this.emojiClicked.emit(e)}mapEmojiList(){return this.emojiList?.length>0?e.Z(`div`,{id:`loader`},e.Z(`rtk-spinner`,{iconPack:this.iconPack})):e.Z(`div`,{id:`emoji-grid`,class:`scrollbar max-w-40`},this.filteredEmojis.map(t=>e.Z(`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 e.Z(e.J,{key:`db0bbe8c8af774ca199ac800fb2a0fba9ef7ab6d`},e.Z(`div`,{key:`3e51dd2b14a87ebc0c65ee406ec67f92722296ab`,class:`close-parent`},e.Z(`rtk-button`,{key:`a8697bf95723f0598de3e2b6f88729562466ed81`,variant:`ghost`,kind:`icon`,class:`close`,onClick:()=>this.pickerClose?.emit(),"aria-label":this.t(`close`)},e.Z(`rtk-icon`,{key:`dc787e4ccf8a6f170ccd1f0954602a08a85b12ad`,icon:this.iconPack.dismiss}))),e.Z(`div`,{key:`77f7377f40708c4f5fa3e531621660bf68f01b4b`,class:`emoji-parent`},e.Z(`input`,{key:`7db399dc58c0c6863db8ed1c80ac313417eab8c9`,value:this.filterVal,onInput:e=>this.handleInputChange(e.target),placeholder:this.t(`search`),ref:e=>this.inputElement=e}),this.mapEmojiList()))}};T([t.t()],E.prototype,`iconPack`,void 0),T([t.t()],E.prototype,`t`,void 0),E.style=me;var he=`:host{}`,D=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},O=class{constructor(t){e.Q(this,t),this.iconPack=e.g,this.t=e.G()}render(){return e.Z(`rtk-tooltip`,{key:`82c39530cddfd5cab8672cc5f7f590587749f9cc`,label:this.t(`chat.send_emoji`)},e.Z(`rtk-button`,{key:`8e7ee7dbe901b78482ad3f828bb28bda1fdc36b7`,variant:`ghost`,kind:`icon`,class:{active:this.isActive},title:this.t(`chat.send_emoji`)},e.Z(`rtk-icon`,{key:`a83691903dae86b3cb7c8cf17fb488e4da13090b`,icon:this.iconPack.emoji_multiple})))}};D([t.t()],O.prototype,`iconPack`,void 0),D([t.t()],O.prototype,`t`,void 0),O.style=he;var ge=`: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)}`,_e=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},k=class{constructor(t){e.Q(this,t),this.iconPack=e.g}render(){return e.Z(`div`,{key:`9fce348979b0354484f0deeddc6e55007ef70ae5`,class:`file`},e.Z(`rtk-button`,{key:`22bc5f6cdff07ec4f9cdb1b588b64e5e604d0029`,variant:`secondary`,kind:`icon`,onClick:()=>o.t(r.i(this.url),{name:this.name,fallbackName:`file`}),part:`button`},e.Z(`rtk-icon`,{key:`3d46920c69604896bba651ae8205d3a761ffdeb7`,icon:this.iconPack.download})),e.Z(`div`,{key:`c42a4c9bdd415d4d307efcb4f375f575220e473a`,class:`file-data`},e.Z(`div`,{key:`fe9bd86c88ce3184ed0b38dfe312bf7ac0207551`,class:`name`},this.name),e.Z(`div`,{key:`93aa6bf4c3933b292c59a1522b8398e96938aba3`,class:`file-data-split`},e.Z(`div`,{key:`2807cbf9844af17617ec76db10689fc6dcb80e0e`,class:`ext`},o.n(this.name)),e.Z(`span`,{key:`fa0a03cf79b2f4dee34a11fb0a0bf82a608ca3c1`,class:`divider`}),e.Z(`div`,{key:`0fd5d15e43aca15ffd3ae2fc6b176c0455ea5db3`,class:`size`},o.r(this.size)))))}};_e([t.t()],k.prototype,`iconPack`,void 0),k.style=ge;var ve=`:host{}`,A=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},j=class{constructor(t){e.Q(this,t),this.onFileChange=e.Y(this,`fileChange`,7),this.icon=`attach`,this.iconPack=e.g,this.t=e.G(),this.uploadFile=()=>{let e=this.fileInputField;e.type=`file`,this.filter&&(e.accept=this.filter),e.onchange=e=>{let{validity:t,files:[n]}=e.target;t.valid&&this.onFileChange.emit(n)},e.click()}}connectedCallback(){this.fileInputField=document.createElement(`input`)}disconnectedCallback(){this.fileInputField=void 0}render(){let t=this.label||this.t(`chat.send_file`),n=this.iconPack[this.icon];return e.Z(`rtk-tooltip`,{key:`c97c7e1e106e14f2443dd405fd6657a14d9d315c`,label:t},e.Z(`rtk-button`,{key:`cffa7ef14cc7fe0285e642ca76b658b6c70d4b42`,variant:`ghost`,kind:`icon`,onClick:()=>this.uploadFile(),title:t},e.Z(`rtk-icon`,{key:`47133f919946ce2a63e4f2b64977f1127a4eae7c`,icon:n})))}};A([t.t()],j.prototype,`iconPack`,void 0),A([t.t()],j.prototype,`t`,void 0),j.style=ve;var ye=`: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))}`,be=e=>{try{return JSON.parse(e)}catch{return e}},M=class{constructor(t){e.Q(this,t),this.variant=`primary`,this.size=`lg`}render(){return e.Z(e.J,{key:`fdbe6fd9647bae7cfdf02ba6a250aa3c0c39ad85`},e.Z(`div`,{key:`114baca2f9ce9376e69073b40170473cc359915f`,class:`icon-wrapper`,innerHTML:be(this.icon),part:`wrapper`}))}};M.style=ye;var xe=`: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}`,N=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},P=class{constructor(t){e.Q(this,t),this.onPreview=e.Y(this,`preview`,7),this.iconPack=e.g,this.t=e.G(),this.status=`loading`}render(){return e.Z(`div`,{key:`170c98345079edb4814c871ca72c64cade6a4add`,class:{image:!0,loaded:this.status===`loaded`}},e.Z(`img`,{key:`88189cf42bab19881f2a95a4230f7d0ac66f4337`,src:r.i(this.url),onLoad:()=>{this.status=`loaded`},onError:()=>{this.status=`errored`},onClick:()=>{this.status===`loaded`&&this.onPreview.emit(this.url)}}),this.status===`loading`&&e.Z(`div`,{key:`54068ed33b45ea3e5096a3d9f7ad4d0e43021a9d`,class:`image-spinner`,title:this.t(`chat.img.loading`),"aria-label":this.t(`chat.img.loading`)},e.Z(`rtk-spinner`,{key:`cd48be496f0dd93e570a968fabcd57396a74c3b5`,iconPack:this.iconPack})),this.status===`errored`&&e.Z(`div`,{key:`f978c01f72fec9fe777afa1b4c2be3aa90eeb2bf`,class:`image-errored`,title:this.t(`chat.error.img_not_found`),"aria-label":this.t(`chat.error.img_not_found`)},e.Z(`rtk-icon`,{key:`976ff4914e5d74b70aac86c1bdbacd0d6d685f73`,icon:this.iconPack.image_off})),this.status===`loaded`&&e.Z(`div`,{key:`94eb2ae1370cd8bd58f8e21238f860eff9a649cc`,class:`actions`},e.Z(`rtk-button`,{key:`ca64db76c200c2a902e35da82ff412e4d9324c23`,class:`action`,variant:`secondary`,kind:`icon`,onClick:()=>{this.onPreview.emit(this.url)}},e.Z(`rtk-icon`,{key:`d764aa39aabb1ebf8e9a0e7c395d4b5383c9022e`,icon:this.iconPack.full_screen_maximize})),e.Z(`rtk-button`,{key:`1aade465c956175dfd4d31b6d48236f304154ef8`,class:`action`,variant:`secondary`,kind:`icon`,onClick:()=>o.t(this.url,{fallbackName:`image`})},e.Z(`rtk-icon`,{key:`dbcba831bcc1f66a3b20624945883d4ce9ca301b`,icon:this.iconPack.download}))))}};N([t.t()],P.prototype,`iconPack`,void 0),N([t.t()],P.prototype,`t`,void 0),P.style=xe;var Se=`: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}`,F=class{constructor(t){e.Q(this,t),this.maxLength=a.t,this.restoreEmpty=(e,t,n)=>e.trim().length===0?`${t}${e}${t}`:n(e),this.renderLink=t=>e.Z(`a`,{class:`link`,href:t,target:`_blank`,rel:`noopener noreferrer`},t),this.renderBold=t=>typeof t==`string`?this.restoreEmpty(t,`*`,t=>e.Z(`b`,null,t)):e.Z(`b`,null,this.renderTokens(t)),this.renderItalic=t=>typeof t==`string`?this.restoreEmpty(t,`_`,t=>e.Z(`i`,null,t)):e.Z(`i`,null,this.renderTokens(t)),this.renderStrikethrough=t=>typeof t==`string`?this.restoreEmpty(t,`~`,t=>e.Z(`s`,null,t)):e.Z(`b`,null,this.renderTokens(t)),this.renderPlainText=t=>typeof t==`string`?t:e.Z(`p`,null,this.renderTokens(t)),this.renderTokens=t=>t.map(t=>{switch(t.type){case`a`:if(typeof t.content==`string`)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 e.Z(`span`,{class:`block-quote`});default:return this.renderPlainText(t.content)}})}renderMessage(t){let n=t.split(`
+`),r=!1;n[0]==="```"&&n[n.length-1]==="```"&&(r=!0,n=n.slice(1,-1));let i=n.map(t=>{let n=a.o(t);return e.Z(`p`,null,this.renderTokens(n))});return r?e.Z(`pre`,{style:{whiteSpace:`pre`,overflow:`scroll`}},n.join(`
+`)):i}render(){let t=this.text.slice(0,this.maxLength),n=a.n(t,!0),r=a.l(t);return e.Z(`p`,{key:`b4114b74658b0311835f31ea387e47ef9323ef4f`,class:`markdown-message`},n.length!==0&&e.Z(`blockquote`,{key:`cc726294f8b71999f6fa48442b40419f17e3c049`},this.renderMessage(n)),r.length!==0&&this.renderMessage(r))}};F.style=Se;var I={sm:640,md:768,lg:1080,xl:2160},Ce=e=>e>=I.lg?`lg`:e>=I.md?`md`:`sm`,we=`: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}`,L=class{constructor(t){e.Q(this,t),this.statesUpdate=e.Y(this,`rtkStatesUpdate`,7),this.providerId=`provider-`+Math.floor(Math.random()*100),this.roomJoinedListener=()=>{this.updateStates({meeting:`joined`,joinError:void 0,joinErrorCode:void 0})},this.waitlistedListener=()=>{this.updateStates({meeting:`waiting`})},this.roomLeftListener=({state:e})=>{e===`disconnected`||e===`failed`||this.updateStates({meeting:`ended`,roomLeftState:e})},this.mediaPermissionUpdateListener=({kind:t,message:n})=>{if([`audio`,`video`].includes(t)&&(n===`DENIED`||n===`SYSTEM_DENIED`)&&(this.peerStore||e.W).state.states.activeDebugger!==!0){let e={enabled:!0,kind:t};this.updateStates({activePermissionsMessage:e})}},this.socketConnectionUpdateListener=({state:e})=>{e===`failed`&&setTimeout(()=>{this.meeting.leave(`disconnected`)},this.leaveRoomTimer)},this.peerStore=null,this.loadConfigFromPreset=!1,this.applyDesignSystem=!1,this.mode=`fixed`,this.leaveOnUnmount=!1,this.t=e.G(),this.config=e.m(),this.gridLayout=`row`,this.iconPack=e.g,this.overrides=e._,this.handleChangingMeeting=t=>{let n=(this.peerStore||e.W).state.states;this.updateStates({activeBreakoutRoomsManager:Object.assign(Object.assign({},n.activeBreakoutRoomsManager),{destinationMeetingId:t})})}}connectedCallback(){typeof window<`u`&&(this.authErrorListener=e=>{e.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 te.t(()=>this.handleResize()),this.resizeObserver.observe(this.host),this.applyDesignSystem&&this.config?.designTokens!=null&&typeof document<`u`&&(this.peerStore||e.W).state.states.activeDebugger!==!0&&s.r(document.documentElement,this.config.designTokens)}disconnectedCallback(){var e;this.leaveOnUnmount&&((e=this.meeting)==null||e.leaveRoom()),this.resizeObserver.disconnect(),window.removeEventListener(`rtkError`,this.authErrorListener),this.storeRequestListener&&=(this.host.removeEventListener(`rtkRequestStore`,this.storeRequestListener),null),this.stateUpdateListener&&=(this.host.removeEventListener(`rtkStateUpdate`,this.stateUpdateListener),null),this.meeting&&this.clearListeners(this.meeting)}setupStoreRequestListener(){this.storeRequestListener&&this.host.removeEventListener(`rtkRequestStore`,this.storeRequestListener),this.storeRequestListener=e=>{if(!this.peerStore)return;let t=this.peerStore,n=new CustomEvent(`rtkProvideStore`,{detail:{store:t,requestId:e.detail.requestId}});document.dispatchEvent(n),e.stopPropagation()},this.host.addEventListener(`rtkRequestStore`,this.storeRequestListener)}setupStateUpdateListener(){this.stateUpdateListener&&this.host.removeEventListener(`rtkStateUpdate`,this.stateUpdateListener),this.stateUpdateListener=e=>{let t=e.target;this.host.contains(t)&&this.updateStates(e.detail)},this.host.addEventListener(`rtkStateUpdate`,this.stateUpdateListener)}clearListeners(e){e&&(e.self.removeListener(`roomLeft`,this.roomLeftListener),e.self.removeListener(`roomJoined`,this.roomJoinedListener),e.self.removeListener(`waitlisted`,this.waitlistedListener),e.self.removeListener(`mediaPermissionUpdate`,this.mediaPermissionUpdateListener),e.meta.removeListener(`socketConnectionUpdate`,this.socketConnectionUpdateListener))}meetingChanged(t,n){if(!t)return;t?(this.peerStore=e.h({meeting:t,config:this.config,iconPack:this.iconPack,t:this.t,providerId:this.providerId,overrides:s.t(Object.assign({},e._),this.overrides)}),document.dispatchEvent(new CustomEvent(`rtkPeerStoreReady`,{detail:{peerId:t.self.id}}))):this.peerStore=null;let r=this.peerStore||e.W,i=n?!!r.state.states.activeCaptions:!!t.self.permissions.transcriptionEnabled;if(this.updateStates({viewType:t.meta.viewType,activeCaptions:i}),this.loadConfigFromPreset&&t.self.config!=null){let e=t.self.config,{config:n,data:i}=ee.t(e,t);this.config=n,this.showSetupScreen??=i.showSetupScreen,t.connectedMeetings.supportsConnectedMeetings&&r.state.states.activeBreakoutRoomsManager?.destinationMeetingId&&(this.showSetupScreen=!1)}this.applyDesignSystem&&this.config?.designTokens!=null&&typeof document<`u`&&r.state.states.activeDebugger!==!0&&s.r(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,joinErrorCode:void 0})}).catch(e=>{let{message:t,code:n}=ne.t(this.t,e);this.updateStates({joinError:t,joinErrorCode:n})}),window.removeEventListener(`rtkError`,this.authErrorListener)}iconPackChanged(e){this.peerStore&&(this.peerStore.state.iconPack=e)}tChanged(e){this.peerStore&&(this.peerStore.state.t=e)}configChanged(t){this.peerStore&&(this.peerStore.state.config=t),t?.designTokens&&typeof document<`u`&&(this.peerStore||e.W).state.states.activeDebugger!==!0&&s.r(document.documentElement,t.designTokens)}overridesChanged(t){this.peerStore&&(this.peerStore.state.overrides=s.t(Object.assign({},e._),t))}handleResize(){this.size=Ce(this.host.clientWidth)}updateStates(t){let n=this.peerStore||e.W,r=Object.assign({},n.state.states);n.state.states=s.t(r,t),this.statesUpdate.emit(n.state.states);let i=new CustomEvent(`rtkStatesUpdate`,{detail:n.state.states,bubbles:!0,composed:!0});this.host.dispatchEvent(i)}render(){let t={meeting:this.meeting,size:this.size,states:(this.peerStore||e.W).state.states,config:this.config||e.m(),iconPack:this.iconPack,t:this.t};return(this.peerStore||e.W).state.states.viewType===`CHAT`?e.Z(`rtk-chat`,Object.assign({},t)):e.Z(i.t,{element:`rtk-meeting`,defaults:t,asHost:!0,elementProps:{"rtk-grid":{layout:this.gridLayout}}})}get host(){return e.X(this)}static get watchers(){return{meeting:[`meetingChanged`],iconPack:[`iconPackChanged`],t:[`tChanged`],config:[`configChanged`],overrides:[`overridesChanged`]}}};L.style=we;var Te=`: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}`,R=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},z=class{constructor(t){e.Q(this,t),this.clickedThis=!1,this.placement=`bottom-end`,this.offset=10,this.iconPack=e.g,this.t=e.G(),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(){c.r(this.triggerEl,this.menuListEl,{placement:this.placement,middleware:[c.o(this.offset),c.i(),c.s({padding:5})]}).then(({x:e,y:t})=>{Object.assign(this.menuListEl.style,{left:`${e}px`,top:`${t}px`})})}render(){return e.Z(e.J,{key:`65dc1faca548d5222533251ff175db56e37d4251`},e.Z(`span`,{key:`68502e98e56a32200bfdea312cb137bcffc9df6b`,id:`trigger`,ref:e=>this.triggerEl=e,onClick:()=>{this.clickedThis=!0,this.menuListEl.style.display===`block`?this.menuListEl.style.display=`none`:(this.menuListEl.style.display=`block`,this.update())}},e.Z(`slot`,{key:`fa0deae3dcf9ed4b8c47ff9695c3ef39fefc014e`,name:`trigger`})),e.Z(`span`,{key:`9e618bf62212c2c04e59ff99bb0eec6cb9835707`,part:`menu-list`,id:`menu-list`,ref:e=>this.menuListEl=e},e.Z(`slot`,{key:`4836bb1ed6a82243264e428d2c4a5dc1228bada1`})))}};R([t.t()],z.prototype,`iconPack`,void 0),R([t.t()],z.prototype,`t`,void 0),z.style=Te;var Ee=`: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))}`,B=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},V=class{constructor(t){e.Q(this,t),this.menuVariant=`secondary`,this.iconPack=e.g,this.t=e.G()}render(){return e.Z(e.J,{key:`daeee3f1da3b66a803a149013b5973d48fd5c8b5`,class:{[this.menuVariant]:!0}},e.Z(`slot`,{key:`d71253130e5c910a3112260898049e00a1e4088e`,name:`start`}),e.Z(`slot`,{key:`8c93c1bd422d1fcb667438373199bff23bcc7a3a`}),e.Z(`slot`,{key:`e41161c7d4b5fb2652ddc9bda01d57793f144096`,name:`end`}))}};B([t.t()],V.prototype,`iconPack`,void 0),B([t.t()],V.prototype,`t`,void 0),V.style=Ee;var De=`: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))}`,H=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},U=class{constructor(t){e.Q(this,t),this.iconPack=e.g,this.menuVariant=`secondary`,this.t=e.G()}render(){return e.Z(e.J,{key:`747bcb38ca155d89fd5ae2c5fa2e667ad1e96a2f`,class:{[this.menuVariant]:!0}},e.Z(`slot`,{key:`5e9137c067847c3c4ef2defdcc958c077b821621`}))}};H([t.t()],U.prototype,`iconPack`,void 0),H([t.t()],U.prototype,`t`,void 0),U.style=De;var Oe=`: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)))
+    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}}`,ke=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},W=class{constructor(t){e.Q(this,t),this.onAction=e.Y(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=e.g}renderActions(){return e.Z(`rtk-menu`,{placement:this.isSelf?`bottom-start`:`bottom-end`,offset:1},e.Z(`button`,{slot:`trigger`,class:`actions`},e.Z(`rtk-icon`,{icon:this.iconPack.chevron_down})),e.Z(`rtk-menu-list`,{menuVariant:this.isSelf?`primary`:`secondary`},this.actions.map(t=>{if(!(t.id===`edit_message`&&this.messageType!==`text`))return e.Z(`rtk-menu-item`,{menuVariant:this.isSelf?`primary`:`secondary`,onClick:()=>this.onAction.emit(t.id)},t.icon&&e.Z(`rtk-icon`,{icon:t.icon,slot:`start`}),t.label)})))}render(){return e.Z(e.J,{key:`3d53fc59bda6a82e4c4753e34f915c8f62611f6b`},e.Z(`div`,{key:`1f9cbd79c9e5526645fafd0c4436b91c6c612f08`,class:{"message-wrapper":!0,[this.viewType]:!0}},!this.hideAvatar&&e.Z(`aside`,{key:`23071b4dff9dd4ecc1385be9a1610ffbab98a9e9`,class:`avatar`,part:`avatar`},e.Z(`rtk-avatar`,{key:`9a4596ea3636188ef391e65f86d6a608b3aa02d5`,participant:{name:this.authorName,picture:this.avatarUrl},size:`sm`})),e.Z(`div`,{key:`eefe1bf5803e371266a0b8ee230dd2f42a193dc2`,class:`message`,part:`message`},!this.hideAuthorName&&e.Z(`div`,{key:`45ba437f7a3ba2b253f22a1885d7e5be954a387e`,class:`header`},this.authorName,` `,this.isSelf?` (You)`:``),e.Z(`div`,{key:`e9636fb45358423d5cc4e8144b6b47cf065117cc`,class:{body:!0,bubble:this.variant===`bubble`}},e.Z(`slot`,{key:`1d6cd92eb8d4514b7ae4266fae8cd060a56ac1e3`}),!this.hideMetadata&&!!this.time&&e.Z(`div`,{key:`77b29974a960e4b4809025305ce005aeab8edebc`,class:`metadata`,title:n.r(this.time)},this.pinned&&e.Z(`span`,{key:`e6b99085f2cbcbc9505c20e5407a98c382306614`,class:`metadata-content`},e.Z(`rtk-icon`,{key:`45ad875ef38b1db0105c85659cf938cc9bd792d8`,icon:this.iconPack.pin,size:`sm`}),` •`),this.isEdited&&e.Z(`span`,{key:`48d5ecd659fe2308d8c33e94a2216049a2bea5ef`,class:`metadata-content`},e.Z(`span`,{key:`9203ff6d3f65b81b875f5bc17231fd2c65c1c2c2`},`Edited`),` •`),n.n(this.time,new Date(Date.now()))),this.actions.length!==0&&this.renderActions()))))}};ke([t.t()],W.prototype,`iconPack`,void 0),W.style=Oe;var Ae=`.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
+    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))}`,G=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},K=class{constructor(t){e.Q(this,t),this.oldestPaginatedTimestamp=0,this.latestPaginatedTimestamp=null,this.latestMessageTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.emptyListLabel=null,this.iconPack=e.g,this.t=e.G(),this.rerenderBoolean=!1,this.showEmptyListLabel=!1,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,this.pendingScrollAnchor=null,this.isInView=e=>{let t=e.getBoundingClientRect();return t.top>=0&&t.bottom<=window.innerHeight}}async rerenderList(){this.rerenderBoolean=!this.rerenderBoolean}async onNewNode(e){if(this.pages.length<1)this.oldestPaginatedTimestamp=e.timeMs,this.pages.unshift([e]),this.latestPaginatedTimestamp=e.timeMs,this.latestMessageTimestamp=e.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(e),this.latestPaginatedTimestamp=e.timeMs,this.latestMessageTimestamp=e.timeMs,this.rerender();else{this.pages.unshift([e]),this.latestPaginatedTimestamp=e.timeMs,this.latestMessageTimestamp=e.timeMs,this.pages.length>this.pagesAllowed&&this.pages.pop();let t=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=t[t.length-1].timeMs,this.rerender()}this.autoScroll&&this.$bottomRef.scrollIntoView({behavior:`smooth`})}else this.autoScroll&&this.scrollToBottom();this.pendingScrollAnchor=null}async onNodeDelete(e){for(let t=this.pages.length-1;t>=0;t--){let n=this.pages[t].findIndex(t=>t.id===e);if(n===-1)continue;this.pages[t].splice(n,1),this.pages[t].length===0&&this.pages.splice(t,1);let r=this.pages[0],i=this.pages[this.pages.length-1];this.latestPaginatedTimestamp=r?.[0]?.timeMs,this.oldestPaginatedTimestamp=i?.[i.length-1]?.timeMs,n===0&&t===0&&(this.latestMessageTimestamp=this.latestPaginatedTimestamp),this.rerender();break}}async onNodeUpdate(e,t){for(let n=this.pages.length-1;n>=0;n--){let r=this.pages[n].findIndex(t=>t.id===e);if(r!==-1){this.pages[n][r]=Object.assign(Object.assign({},this.pages[n][r]),t),this.rerender();break}}}async reset(e=0){this.oldestPaginatedTimestamp=e,this.latestPaginatedTimestamp=null,this.pages=[],this.shouldScrollToBottom=!1,this.showNewMessagesCTR=!1,this.pendingScrollAnchor=null,this.isLoading=!1,this.isLoadingTop=!1,this.isLoadingBottom=!1,e===0&&(this.latestMessageTimestamp=null),this.rerender(),await this.loadPrevPage()}connectedCallback(){this.rerender=re.t(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;let e=this.pendingScrollAnchor;this.pendingScrollAnchor=null,this.restoreScrollToAnchor(e)}async loadPrevPage(){if(this.isLoading)return;let e=this.getScrollAnchor(`top`);this.oldestPaginatedTimestamp===0&&(this.oldestPaginatedTimestamp=new Date().getTime()),this.isLoading=!0,this.isLoadingTop=!0;let t=await this.fetchData(this.oldestPaginatedTimestamp-1,this.pageSize,!0);if(this.isLoading=!1,this.isLoadingTop=!1,!t.length)return;this.pages.push(t),this.pages.length>this.pagesAllowed&&this.pages.shift();let n=this.pages[this.pages.length-1];this.oldestPaginatedTimestamp=n[n.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.latestMessageTimestamp||=this.latestPaginatedTimestamp,this.rerender(),e&&(this.pendingScrollAnchor=e)}async loadNextPage(){if(this.isLoading)return[];if(!this.latestPaginatedTimestamp)return this.showNewMessagesCTR=!1,[];this.isLoading=!0,this.isLoadingBottom=!0;let e=this.getScrollAnchor(`bottom`),t=await this.fetchData(this.latestPaginatedTimestamp+1,this.pageSize,!1);if(this.isLoading=!1,this.isLoadingBottom=!1,!t.length)return this.latestMessageTimestamp=this.latestPaginatedTimestamp,this.showNewMessagesCTR=!1,[];let n=[...t].reverse();this.pages.length===0&&this.pages.unshift([]);let r=this.pages[0],i=this.pageSize-r.length;if(i>0){let e=n.splice(0,i);r.unshift(...e)}for(;n.length>0;)this.pages.unshift(n.splice(0,this.pageSize));this.pages.length>this.pagesAllowed&&this.pages.pop();let a=this.pages[this.pages.length-1];return this.oldestPaginatedTimestamp=a[a.length-1].timeMs,this.latestPaginatedTimestamp=this.pages[0][0].timeMs,this.rerender(),this.pendingScrollAnchor=e,t}getScrollAnchor(e=`top`){if(!this.$containerRef)return null;let t=this.$containerRef.getBoundingClientRect(),n=Array.from(this.$containerRef.querySelectorAll(`[id]`)).filter(e=>e.id!==`top-scroll`&&e.id!==`bottom-scroll`),r=null;for(let i of n){let n=i.getBoundingClientRect();if(n.bottom>t.top&&n.top<t.bottom)if(e===`top`){let e=n.top-t.top;(r==null||r.edge===`top`&&e<r.offsetTop)&&(r={id:i.id,edge:`top`,offsetTop:e})}else{let e=t.bottom-n.bottom;(r==null||r.edge===`bottom`&&e<r.offsetBottom)&&(r={id:i.id,edge:`bottom`,offsetBottom:e})}}return r}restoreScrollToAnchor(e){if(!this.$containerRef)return;let t=this.$containerRef.querySelector(`#${(e=>{let t=globalThis.CSS?.escape;return typeof t==`function`?t(e):e.replace(/[^a-zA-Z0-9_-]/g,`\\$&`)})(e.id)}`);if(!t)return;let n=this.$containerRef.getBoundingClientRect(),r=t.getBoundingClientRect();if(e.edge===`top`){let t=r.top-n.top;this.$containerRef.scrollTop+=t-e.offsetTop}else{let t=n.bottom-r.bottom;this.$containerRef.scrollTop+=e.offsetBottom-t}}async scrollToBottom(){for(this.shouldScrollToBottom=!0;this.shouldScrollToBottom;){let e=await this.loadNextPage();this.$bottomRef.scrollIntoView({behavior:`smooth`}),e.length===0&&(this.shouldScrollToBottom=!1)}}rerender(){this.rerenderBoolean=!this.rerenderBoolean}render(){return e.Z(e.J,{key:`bff4fc91b737334c5764e690fbf2adafa1444408`},e.Z(`div`,{key:`f4efa98ef0bd178602ee03718d35fcb833487909`,class:`scrollbar container`,part:`container`,ref:e=>this.$containerRef=e},e.Z(`div`,{key:`37403f6462812a6662efa9577ae9ed43d27f63d6`,class:{"show-new-messages-ctr":!0,active:this.showNewMessagesCTR}},e.Z(`rtk-button`,{key:`ee7e04e6281370dddb1b1e10b753e96dc602d42a`,class:`show-new-messages`,kind:`icon`,variant:`secondary`,part:`show-new-messages`,onClick:()=>{this.scrollToBottom()}},this.shouldScrollToBottom?e.Z(`rtk-spinner`,{size:`sm`}):e.Z(`rtk-icon`,{icon:this.iconPack.chevron_down}))),e.Z(`div`,{key:`91bcdadd2518313fa06306a172575f5acc786596`,class:`smallest-dom-element`,id:`bottom-scroll`,ref:e=>this.$bottomRef=e}),this.isLoadingBottom&&this.pages.length>0&&e.Z(`rtk-spinner`,{key:`932af19af69c3ecd5af22dd3051a5eea5cb25e7a`,size:`sm`}),this.isLoading&&this.pages.length<1&&e.Z(`rtk-spinner`,{key:`9fa60fb784a09800a32a3accdc81d940476330d2`,size:`lg`}),!this.isLoading&&this.pages.flat().length===0?e.Z(`div`,{class:`empty-list`},this.emptyListLabel??this.t(`list.empty`)):e.Z(`div`,{class:`page-wrapper`},this.pages.map((t,n)=>e.Z(`div`,{class:`page`,"data-page-index":n},this.createNodes([...t].reverse())))),this.isLoadingTop&&this.pages.length>0&&e.Z(`rtk-spinner`,{key:`73103f58338bdb89be69f9f6dc742e3cdd2c95d8`,size:`sm`}),e.Z(`div`,{key:`9c4c43ffb6442d58040448fe1b2d7332505fc81e`,class:`smallest-dom-element`,id:`top-scroll`,ref:e=>this.$topRef=e})))}};G([t.t()],K.prototype,`iconPack`,void 0),G([t.t()],K.prototype,`t`,void 0),K.style=Ae;var je=`: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)))
+    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}`,q=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},J=class{constructor(t){e.Q(this,t),this.dropdownToggle=e.Y(this,`rtkDropdownToggle`,7),this.pinnedMessageSelect=e.Y(this,`rtkPinnedMessageSelect`,7),this.isOpen=!1,this.iconPack=e.g,this.t=e.G(),this.pageSize=25,this.pagesAllowed=3,this.showPinnedMessages=!0,this.toggle=e=>{e.preventDefault(),e.stopPropagation(),this.isOpen=!this.isOpen,this.dropdownToggle.emit({open:this.isOpen})},this.getPinnedChatMessages=async(e,t,n)=>{let r=this.meeting;if(!r)return[];try{return await r.chat.fetchPinnedMessages({timestamp:e,limit:t,direction:n?`before`:`after`})}catch{return[]}},this.createPinnedChatNodes=t=>t.map(t=>{let r=t.type===`text`?(t.message||``).replace(/\s+/g,` `).trim():t.type===`file`?`File Attachment`:t.type===`image`?`Image Attachment`:``;return e.Z(`div`,{class:`pinned-message`,id:t.id,onClick:()=>{this.pinnedMessageSelect.emit(t),this.close()}},e.Z(`div`,{class:`pinned-message-container`},e.Z(`rtk-avatar`,{size:`sm`,participant:{name:t.displayName,picture:``}}),e.Z(`div`,{class:`pinned-message-content`},e.Z(`div`,{class:`pinned-message-preview`,title:r},r),e.Z(`div`,{class:`pinned-message-meta`},e.Z(`span`,{class:`pinned-message-time`},n.n(t.time,new Date(Date.now())))))))}),this.pinChatListener=e=>{var t;e.message.targetUserIds?.length>0||(t=this.$paginatedListRef)==null||t.reset()},this.unpinChatListener=async e=>{var t;e.message.targetUserIds?.length>0||(t=this.$paginatedListRef)==null||t.onNodeDelete(e.message.id)},this.chatUpdateListener=async e=>{e.action===`delete`&&this.unpinChatListener(e)}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}disconnectMeeting(e){var t,n,r;(t=e.chat)==null||t.removeListener(`pinMessage`,this.pinChatListener),(n=e.chat)==null||n.removeListener(`unpinMessage`,this.unpinChatListener),(r=e.chat)==null||r.removeListener(`chatUpdate`,this.chatUpdateListener)}meetingChanged(e,t){var n,r,i,a;t&&this.disconnectMeeting(t),e&&((n=this.$paginatedListRef)==null||n.reset(),(r=e.chat)==null||r.addListener(`pinMessage`,this.pinChatListener),(i=e.chat)==null||i.addListener(`unpinMessage`,this.unpinChatListener),(a=e.chat)==null||a.addListener(`chatUpdate`,this.chatUpdateListener))}async close(){this.isOpen&&(this.isOpen=!1,this.dropdownToggle.emit({open:!1}))}async onChatSelectorChange(e){e.detail?.selectedUser?this.showPinnedMessages=!1:this.showPinnedMessages=!0}render(){return this.showPinnedMessages?e.Z(e.J,null,e.Z(`div`,{class:`chat-header`,onClick:this.toggle},e.Z(`div`,{class:`chat-header-label`},e.Z(`rtk-icon`,{icon:this.iconPack.pin,size:`sm`}),this.t(`chat.pinned_msgs`)),e.Z(`div`,{class:`chevron`},e.Z(`rtk-icon`,{icon:this.isOpen?this.iconPack.chevron_up:this.iconPack.chevron_down,size:`sm`}))),e.Z(`div`,{class:{dropdown:!0,open:this.isOpen,scrollbar:!0}},e.Z(`rtk-paginated-list`,{class:`pinned-message-selector-paginated-list`,ref:e=>this.$paginatedListRef=e,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getPinnedChatMessages,createNodes:this.createPinnedChatNodes,emptyListLabel:this.t(`chat.empty_search`)},e.Z(`slot`,null)))):null}static get watchers(){return{meeting:[`meetingChanged`]}}};q([t.t()],J.prototype,`meeting`,void 0),q([t.t()],J.prototype,`iconPack`,void 0),q([t.t()],J.prototype,`t`,void 0),J.style=je;var Me=`: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)}`,Ne=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Y=class{constructor(t){e.Q(this,t),this.iconPack=e.g,this.size=`md`}render(){return e.Z(e.J,{key:`5e435f3b94bf3a2b9d242d78407390996a76be15`},e.Z(`rtk-icon`,{key:`9e9e4200e0dc295bfe9048e57beb6cd809bf53a2`,class:`spinner`,icon:this.iconPack.spinner}))}};Ne([t.t()],Y.prototype,`iconPack`,void 0),Y.style=Me;var Pe=`.chat-input {
+  position: relative;
+  z-index: 10;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  border-top-left-radius: var(--rtk-border-radius-md, 8px);
+  border-top-right-radius: var(--rtk-border-radius-md, 8px)
+}
+
+  .chat-input textarea {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));
+  box-sizing: border-box;
+  padding: var(--rtk-space-3, 12px);
+  color: rgb(var(--rtk-colors-text-1000, 255 255 255))
+}
+
+  .chat-input textarea::-moz-placeholder {
+  color: rgb(var(--rtk-colors-text-1000, 255 255 255))
+}
+
+  .chat-input textarea::placeholder {
+  color: rgb(var(--rtk-colors-text-1000, 255 255 255))
+}
+
+  .chat-input textarea {
+  font-family: var(--rtk-font-family, sans-serif);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  resize: none;
+  overflow-y: auto;
+  border-width: var(--rtk-border-width-none, 0);
+  border-style: none;
+  min-height: 60px;
+  font-size: 14px
+}
+
+@container chatcontainer (height < 360px) {
+  textarea {
+    height: 30px !important;
+    min-height: 30px !important
+  }
+}
+
+.text-error {
+  left: var(--rtk-space-0, 0px);
+  z-index: 10;
+  margin-top: var(--rtk-space-1, 4px);
+  margin-left: var(--rtk-space-1, 4px);
+  display: flex;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+  justify-content: flex-start;
+  border-radius: var(--rtk-border-radius-sm, 4px);
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));
+  padding-left: var(--rtk-space-2, 8px);
+  padding-right: var(--rtk-space-2, 8px);
+  font-size: 12px;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity));
+  border: 1px solid
+}
+
+#warning-indicator {
+  margin-right: var(--rtk-space-1, 4px);
+  height: var(--rtk-space-3, 12px);
+  width: var(--rtk-space-3, 12px)
+}
+
+.text-error.breached {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))
+}`,X=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Z=class{constructor(t){e.Q(this,t),this.onTextChange=e.Y(this,`textChange`,7),this.disabled=!1,this.rateLimitBreached=!1,this.keyDownHandler=()=>{},this.iconPack=e.g,this.t=e.G(),this.maxLengthBreached=0,this.onInputHandler=()=>{let e=this.$textArea.value.trim();this.maybeResize(e),this.checkLength(e),this.onTextChange.emit(e)},this.maybeResize=e=>{let t=[...e.matchAll(/\n/g)].length;this.$textArea.style.height=`${Math.min(200,60+20*t)}px`}}componentDidLoad(){this.maxLength&&(this.$textArea.maxLength=this.maxLength);let e=this.$textArea.value.trim();e!==``&&this.maybeResize(e),this.$textArea.focus()}async setText(e,t=!1){this.$textArea.value=e,this.maybeResize(e),t&&this.$textArea.focus(),this.checkLength(e),this.onTextChange.emit(e)}checkLength(e){let t=e.length;t+10>=this.maxLength?this.maxLengthBreached=e.length:t+10<this.maxLength&&this.maxLengthBreached>0&&(this.maxLengthBreached=0)}render(){return e.Z(`div`,{key:`900c8fc082af9cffe94011fb0d682802cc450851`,class:`chat-input`,part:`chat-input-container`},this.maxLengthBreached>0&&e.Z(`div`,{key:`fa2362fa593952c3680ae3408c8041c2567342dc`,class:`text-error `+(this.maxLengthBreached===this.maxLength?`breached`:``)},e.Z(`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&&e.Z(`div`,{key:`b4dc7987ec892e6dd8746d21efddeb0a3b765a4c`,class:`text-error breached`},e.Z(`rtk-icon`,{key:`e74b331f6674c5a5a7596d848c7b4846d28a4700`,id:`warning-indicator`,icon:this.iconPack.warning,part:`warning-indicator`}),` `,this.t(`chat.rate_limit_error`)),e.Z(`textarea`,{key:`16dfc924b0d935a2e6b4d9fd22418331a9cd1044`,ref:e=>this.$textArea=e,placeholder:this.placeholder,disabled:this.disabled,onInput:this.onInputHandler,onKeyDown:this.keyDownHandler,part:`chat-input`,value:this.value}))}};X([t.t()],Z.prototype,`iconPack`,void 0),X([t.t()],Z.prototype,`t`,void 0),Z.style=Pe;var Fe=`: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}`,Q=class{constructor(t){e.Q(this,t),this.isMarkdown=!1}render(){return e.Z(`p`,{key:`45d7cc7d147e74609251f6ab3c2918d42ec6aaea`,class:{text:!0,emoji:r.r(this.text)}},this.isMarkdown?e.Z(`rtk-markdown-view`,{text:this.text}):this.text)}};Q.style=Fe;var Ie=`: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}`,$=class{constructor(t){e.Q(this,t),this.openChange=e.Y(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),this.size===`sm`&&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),e.$(()=>{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),void 0)}openChanged(e){e?this.showMenu():this.hideMenu()}update(){c.r(this.triggerEl,this.tooltipEl,{placement:this.placement,middleware:[c.o(8),c.i(),c.s({padding:5}),c.t({element:this.arrowEl})]}).then(({x:e,y:t,placement:n,middlewareData:r})=>{Object.assign(this.tooltipEl.style,{left:`${e}px`,top:`${t}px`});let{x:i,y:a}=r.arrow,o={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[n.split(`-`)[0]];Object.assign(this.arrowEl.style,{left:i==null?``:`${i}px`,top:a==null?``:`${a}px`,right:``,bottom:``,[o]:`-4px`})})}render(){return e.Z(e.J,{key:`ce9cb2211743e50c83b7f572b2e9dc5b02fa3ac8`},e.Z(`span`,{key:`74f73894f5a62519b3bf8c03a83e7102092ccd5c`,part:`trigger`,id:`trigger`,ref:e=>this.triggerEl=e},e.Z(`slot`,{key:`4551b2a438b1c57ca68e4a2973529186063a13c2`})),e.Z(`div`,{key:`e3dd196c6ee225cb363bcf54d35836ff17ed5969`,part:`tooltip`,class:`tooltip`,id:`tooltip`,role:`tooltip`,ref:e=>this.tooltipEl=e},e.Z(`div`,{key:`4eb8bb3af588160018ef9d8899afc09edf4b195d`,id:`arrow`,ref:e=>this.arrowEl=e,part:`arrow`}),this.label,e.Z(`slot`,{key:`c427ef3ef9953b764f9b1adcb4a8b7eee1fe91cd`,name:`tooltip`})))}static get watchers(){return{open:[`openChanged`]}}};$.style=Ie,exports.rtk_avatar=u,exports.rtk_button=d,exports.rtk_chat=p,exports.rtk_chat_composer_view=g,exports.rtk_chat_header=_,exports.rtk_chat_messages_ui_paginated=y,exports.rtk_chat_selector=x,exports.rtk_draft_attachment_view=C,exports.rtk_emoji_picker=E,exports.rtk_emoji_picker_button=O,exports.rtk_file_message_view=k,exports.rtk_file_picker_button=j,exports.rtk_icon=M,exports.rtk_image_message_view=P,exports.rtk_markdown_view=F,exports.rtk_meeting=L,exports.rtk_menu=z,exports.rtk_menu_item=V,exports.rtk_menu_list=U,exports.rtk_message_view=W,exports.rtk_paginated_list=K,exports.rtk_pinned_message_selector=J,exports.rtk_spinner=Y,exports.rtk_text_composer_view=Z,exports.rtk_text_message_view=Q,exports.rtk_tooltip=$;
+//# sourceMappingURL=rtk-avatar_26.entry-Bw8WR8R7.cjs.map