@cloudflare/realtimekit-ui 1.1.0-staging.9 → 1.1.0

package/dist/realtimekit-ui/p-9e27670a.entry.js

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

package/dist/realtimekit-ui/p-9ff0dfdb.entry.js

@@ -0,0 +1 @@
+import{r as t,d as r,h as o,a}from"./p-a599f720.js";import{e as i,i as s}from"./p-8fc79c56.js";import{S as e}from"./p-315cd380.js";var n=function(t,r,o,a){var i,s=arguments.length,e=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,r,o,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(e=(s<3?i(e):s>3?i(r,o,e):i(r,o))||e);return s>3&&e&&Object.defineProperty(r,o,e),e};const c=class{constructor(o){t(this,o),this.stateUpdate=r(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.stageStatusListener=()=>{this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo},this.iconPack=i,this.t=s(),this.activeTab="connection",this.isMobileMainVisible=!1,this.networkStatus="good",this.canProduceVideo=!1}connectedCallback(){document.addEventListener("keydown",this.keyPressListener),this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.keyPressListener&&document.removeEventListener("keydown",this.keyPressListener),this.poorConnectionListener&&(null===(t=this.meeting)||void 0===t||t.meta.removeListener("poorConnection",this.poorConnectionListener)),this.meeting.stage.removeListener("stageStatusUpdate",this.stageStatusListener)}meetingChanged(t){null!=t&&(this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo,this.activeTab=this.canProduceVideo?"video":"audio",this.poorConnectionListener=({score:t})=>{t<7?this.networkStatus="poor":t<4&&(this.networkStatus="poorest"),setTimeout((()=>{this.networkStatus="good"}),5e3)},t.meta.addListener("poorConnection",this.poorConnectionListener),t.stage.addListener("stageStatusUpdate",this.stageStatusListener))}changeTab(t){this.activeTab=t,"sm"===this.size&&(this.isMobileMainVisible||(this.isMobileMainVisible=!0))}close(){this.stateUpdate.emit({activeSettings:!1})}render(){if(!this.meeting)return null;const t={meeting:this.meeting,states:this.states,iconPack:this.iconPack,t:this.t};return o(a,null,o("aside",{class:{hide:this.isMobileMainVisible},part:"menu"},o("header",null,o("h2",null,this.t("settings"))),o("button",{type:"button",class:{active:"audio"===this.activeTab},onClick:()=>this.changeTab("audio")},this.t("audio"),o("div",{class:"right"},o("rtk-icon",{icon:this.iconPack.mic_on}),"sm"===this.size&&o("rtk-icon",{icon:this.iconPack.chevron_right}))),this.canProduceVideo&&o("button",{type:"button",class:{active:"video"===this.activeTab},onClick:()=>this.changeTab("video")},this.t("video"),o("div",{class:"right"},o("rtk-icon",{icon:this.iconPack.video_on}),"sm"===this.size&&o("rtk-icon",{icon:this.iconPack.chevron_right}))),o("button",{type:"none",title:`Your network condition is ${this.networkStatus}`},this.t("connection"),o("div",{class:"right"},o("rtk-icon",{icon:this.iconPack.wifi,class:this.networkStatus})))),o("main",{class:{active:this.isMobileMainVisible,scrollbar:!0},part:"main-content"},"sm"===this.size&&o("header",null,o("rtk-button",{kind:"icon",class:"back-btn",onClick:()=>this.isMobileMainVisible=!1},o("rtk-icon",{icon:this.iconPack.chevron_left})),o("h2",null,this.t("audio"===this.activeTab?"audio":"video"))),"audio"===this.activeTab&&o("rtk-settings-audio",Object.assign({},t)),"video"===this.activeTab&&o("rtk-settings-video",Object.assign({},t))))}static get watchers(){return{meeting:["meetingChanged"]}}};n([e()],c.prototype,"meeting",void 0),n([e()],c.prototype,"states",void 0),n([e()],c.prototype,"iconPack",void 0),n([e()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}.title{font-size:20px;line-height:1}.back-btn,.dismiss-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover,.dismiss-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;min-width:var(--rtk-space-56, 224px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:16px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}main{display:flex;flex:1 1 0%;align-items:center;justify-content:center;padding-left:var(--rtk-space-6, 24px);padding-right:var(--rtk-space-6, 24px);box-sizing:border-box;width:100%;max-width:calc(100% - var(--rtk-space-56, 224px))}.dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([size='sm']) .dismiss-btn{top:var(--rtk-space-5, 20px);right:var(--rtk-space-4, 16px)}:host([size='sm']) aside{width:100%;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;max-width:100%;overflow-y:auto;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) main header{justify-content:center}:host([size='sm']) main header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}:host([size='sm']) main.active{display:block}";export{c as rtk_settings}

package/dist/realtimekit-ui/{p-f32aecbc.entry.js → p-a43a7ffb.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as s}from"./p-0ee570cd.js";import{e as n,i as o}from"./p-25c4d10f.js";import{S as a}from"./p-9b550ec4.js";var r=function(t,i,e,s){var n,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(o<3?n(a):o>3?n(i,e,a):n(i,e))||a);return o>3&&a&&Object.defineProperty(i,e,a),a};const l=class{constructor(e){t(this,e),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=n,this.t=o(),this.canDisable=!1,this.permissionsUpdateListener=()=>{var t;this.canDisable=!!(null===(t=this.meeting)||void 0===t?void 0:t.self.permissions.canDisableParticipantAudio)},this.onMuteAll=()=>{this.stateUpdate.emit({activeMuteAllConfirmation:!0})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,e;null===(e=null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions)||void 0===e||e.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){t&&(this.canDisable=!!(null==t?void 0:t.self.permissions.canDisableParticipantAudio),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener))}render(){if(!this.meeting)return null;if(!this.canDisable)return null;const t=this.t("mute_all");return e(s,{title:t},e("rtk-tooltip",{kind:"block",label:t,part:"tooltip"},e("rtk-controlbar-button",{part:"controlbar-button",icon:this.iconPack.speaker_off,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,onClick:this.onMuteAll})))}static get watchers(){return{meeting:["meetingChanged"]}}};r([a()],l.prototype,"meeting",void 0),r([a()],l.prototype,"iconPack",void 0),r([a()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{l as rtk_mute_all_button}
+import{r as t,d as i,h as s,a as e}from"./p-a599f720.js";import{e as n,i as o}from"./p-8fc79c56.js";import{S as a}from"./p-315cd380.js";var r=function(t,i,s,e){var n,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(o<3?n(a):o>3?n(i,s,a):n(i,s))||a);return o>3&&a&&Object.defineProperty(i,s,a),a};const l=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=n,this.t=o(),this.canDisable=!1,this.permissionsUpdateListener=()=>{var t;this.canDisable=!!(null===(t=this.meeting)||void 0===t?void 0:t.self.permissions.canDisableParticipantAudio)},this.onMuteAll=()=>{this.stateUpdate.emit({activeMuteAllConfirmation:!0})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,s;null===(s=null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions)||void 0===s||s.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){t&&(this.canDisable=!!(null==t?void 0:t.self.permissions.canDisableParticipantAudio),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener))}render(){if(!this.meeting)return null;if(!this.canDisable)return null;const t=this.t("mute_all");return s(e,{title:t},s("rtk-tooltip",{kind:"block",label:t,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",icon:this.iconPack.speaker_off,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,onClick:this.onMuteAll})))}static get watchers(){return{meeting:["meetingChanged"]}}};r([a()],l.prototype,"meeting",void 0),r([a()],l.prototype,"iconPack",void 0),r([a()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{l as rtk_mute_all_button}

package/dist/realtimekit-ui/p-a599f720.js

@@ -0,0 +1,2 @@
+const e="realtimekit-ui",t={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,modernPropertyDecls:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!0,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!1,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0};var n,o=Object.defineProperty,s={isDev:!!t.isDev,isBrowser:!0,isServer:!1,isTesting:!!t.isTesting},i=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[s]])=>{if((t.state||t.prop)&&(31&s||32&s)){const t=e[o],s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),o);Object.defineProperty(e,o,{get(){return s.get.call(this)},set(e){s.set.call(this,e)},configurable:!0,enumerable:!0}),e[o]=n.i.has(o)?n.i.get(o):t}}))},r=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,n)=>{e.__stencil__getHostRef=()=>n,n.l=e,t.modernPropertyDecls&&(t.state||t.prop)&&i(e,n)},c=(e,n)=>{const o={u:0,$hostElement$:e,o:n,i:new Map};t.isDev&&(o.p=0),t.method&&t.lazyLoad&&(o.m=new Promise((e=>o.v=e))),t.asyncLoading&&(o.$=new Promise((e=>o.S=e)),e["s-p"]=[],e["s-rc"]=[]);const s=o;return e.__stencil__getHostRef=()=>s,!t.lazyLoad&&t.modernPropertyDecls&&(t.state||t.prop)&&i(e,o),s},a=(e,t)=>t in e,u=(e,t)=>(n||console.error)(e,t),d=t.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],f=(...e)=>console.error(...d,...e),h=(...e)=>console.warn(...d,...e),p=(...e)=>console.info(...d,...e),m=new Map,v=(e,n,o)=>{const s=e.C.replace(/-/g,"_"),i=e.O;if(t.isDev&&"string"!=typeof i)return void f(`Trying to lazily load component <${e.C}> with style mode "${n.j}", but it does not exist.`);if(!i)return;const r=!t.hotModuleReplacement&&m.get(i);return r?r[s]:import(`./${i}.entry.js${t.hotModuleReplacement&&o?"?s-hmr="+o:""}`).then((e=>(t.hotModuleReplacement||m.set(i,e),e[s])),(e=>{u(e,n.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$=new Map,g=[],b="s-id",y="sty-id",w="c-id",S="_stencilDocData",x={hostIds:0,rootLevelIds:0,staticComponents:new Set},C="slot-fb{display:contents}slot-fb[hidden]{display:none}",O="http://www.w3.org/1999/xlink",j=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],E="undefined"!=typeof window?window:{},k=E.HTMLElement||class{},N={u:0,k:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},T=t.shadowDom,R=e=>Promise.resolve(e),L=!!t.constructableCSS&&(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),_=0,D=!1,M=[],A=[],I=[],P=(e,t)=>n=>{e.push(n),D||(D=!0,t&&4&N.u?B(U):N.raf(U))},F=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){u(e)}e.length=0},H=(e,t)=>{let n=0,o=0;for(;n<e.length&&(o=performance.now())<t;)try{e[n++](o)}catch(e){u(e)}n===e.length?e.length=0:0!==n&&e.splice(0,n)},U=()=>{if(t.asyncQueue&&_++,F(M),t.asyncQueue){const e=2==(6&N.u)?performance.now()+14*Math.ceil(.1*_):1/0;H(A,e),H(I,e),A.length>0&&(I.push(...A),A.length=0),(D=M.length+A.length+I.length>0)?N.raf(U):_=0}else F(A),(D=M.length>0)&&N.raf(U)},B=e=>R().then(e),W=P(M,!1),z=P(A,!0),V=e=>"object"==(e=typeof e)||"function"===e;function X(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:!0})})({},{err:()=>J,map:()=>K,ok:()=>Y,unwrap:()=>Q,unwrapErr:()=>q});var Y=e=>({isOk:!0,isErr:!1,value:e}),J=e=>({isOk:!1,isErr:!0,value:e});function K(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>Y(e))):Y(n)}if(e.isErr)return J(e.value);throw"should never get here"}var Q=e=>{if(e.isOk)return e.value;throw e.value},q=e=>{if(e.isErr)return e.value;throw e.value},G=e=>{const t=Ne(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&ee(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!te(e,se(e),!1).length)}));let n=0;for(n=0;n<t.length;n++){const e=t[n];1===e.nodeType&&Ne(e,"childNodes").length&&G(e)}},Z=e=>{const t=[];for(let n=0;n<e.length;n++){const o=e[n]["s-nr"]||void 0;o&&o.isConnected&&t.push(o)}return t};function ee(e,t,n){let o,s=0,i=[];for(;s<e.length;s++){if(o=e[s],o["s-sr"]&&(!t||o["s-hn"]===t)&&(void 0===n||se(o)===n)&&(i.push(o),void 0!==n))return i;i=[...i,...ee(o.childNodes,t,n)]}return i}var te=(e,t,n=!0)=>{const o=[];(n&&e["s-sr"]||!e["s-sr"])&&o.push(e);let s=e;for(;s=s.nextSibling;)se(s)!==t||!n&&s["s-sr"]||o.push(s);return o},ne=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,oe=(e,n,o,s)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const i=document.createTextNode("");if(i["s-nr"]=e,!n["s-cr"]||!n["s-cr"].parentNode)return;const r=n["s-cr"].parentNode,l=Ne(r,o?"prepend":"appendChild");if(t.hydrateClientSide&&void 0!==s){i["s-oo"]=s;const e=Ne(r,"childNodes"),t=[i];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(r,e)))}else l.call(r,i);e["s-ol"]=i,e["s-sh"]=n["s-hn"]},se=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function ie(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:Z(s.childNodes)).forEach((e=>{o===se(e)&&n.push(e)})),t?n.filter((e=>1===e.nodeType)):n}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function re(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function le(e,t){var n;if(!(t=t||(null==(n=e["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=se(e)||"";return{slotNode:ee(Ne(t,"childNodes"),t.tagName,o)[0],slotName:o}}var ce=e=>{ae(e),ue(e),he(e),fe(e),$e(e),pe(e),me(e),ve(e),ge(e),be(e),de(e)},ae=e=>{const n=e.cloneNode;e.cloneNode=function(e){const o=!!t.shadowDom&&this.shadowRoot&&T,s=n.call(this,!!o&&e);if(t.slot&&!o&&e){let e,n,o=0;const i=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],r=this.__childNodes||this.childNodes;for(;o<r.length;o++)e=r[o]["s-nr"],n=i.every((e=>!r[o][e])),e&&(t.appendChildSlotFix&&s.__appendChild?s.__appendChild(e.cloneNode(!0)):s.appendChild(e.cloneNode(!0))),n&&s.appendChild(r[o].cloneNode(!0))}return s}},ue=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const{slotName:t,slotNode:n}=le(e,this);if(n){oe(e,n);const o=te(n,t),s=o[o.length-1],i=Ne(s,"parentNode"),r=Ne(i,"insertBefore")(e,s.nextSibling);return re(n),G(this),r}return this.__appendChild(e)}},de=e=>{e.__removeChild=e.removeChild,e.removeChild=function(e){return e&&void 0!==e["s-sn"]&&ee(this.__childNodes||this.childNodes,this.tagName,e["s-sn"])&&e.isConnected?(e.remove(),void G(this)):this.__removeChild(e)}},fe=e=>{e.__prepend=e.prepend,e.prepend=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t));const n=(t["s-sn"]=se(t))||"",o=ee(Ne(this,"childNodes"),this.tagName,n)[0];if(o){oe(t,o,!0);const e=te(o,n)[0],s=Ne(e,"parentNode"),i=Ne(s,"insertBefore")(t,Ne(e,"nextSibling"));return re(o),i}return 1===t.nodeType&&t.getAttribute("slot")&&(t.hidden=!0),e.__prepend(t)}))}},he=e=>{e.__append=e.append,e.append=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e)),this.appendChild(e)}))}},pe=e=>{const t=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,n){if("afterbegin"!==e&&"beforeend"!==e)return t.call(this,e,n);const o=this.ownerDocument.createElement("_");let s;if(o.innerHTML=n,"afterbegin"===e)for(;s=o.firstChild;)this.prepend(s);else if("beforeend"===e)for(;s=o.firstChild;)this.append(s)}},me=e=>{e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}},ve=e=>{e.__insertBefore||(e.__insertBefore=e.insertBefore,e.insertBefore=function(e,t){const{slotName:n,slotNode:o}=le(e,this),s=this.__childNodes?this.childNodes:Z(this.childNodes);if(o){let i=!1;if(s.forEach((s=>{if(s!==t&&null!==t);else{if(i=!0,null===t||n!==t["s-sn"])return void this.appendChild(e);if(n===t["s-sn"]){oe(e,o);const n=Ne(t,"parentNode");Ne(n,"insertBefore")(e,t),re(o)}}})),i)return e}const i=null==t?void 0:t.__parentNode;return i&&!this.isSameNode(i)?this.appendChild(e):this.__insertBefore(e,t)})},$e=e=>{const t=e.insertAdjacentElement;e.insertAdjacentElement=function(e,n){return"afterbegin"!==e&&"beforeend"!==e?t.call(this,e,n):"afterbegin"===e?(this.prepend(n),n):"beforeend"===e?(this.append(n),n):n}},ge=e=>{ke("textContent",e),Object.defineProperty(e,"textContent",{get:function(){let e="";return(this.__childNodes?this.childNodes:Z(this.childNodes)).forEach((t=>e+=t.textContent||"")),e},set:function(e){(this.__childNodes?this.childNodes:Z(this.childNodes)).forEach((e=>{e["s-ol"]&&e["s-ol"].remove(),e.remove()})),this.insertAdjacentHTML("beforeend",e)}})},be=e=>{class t extends Array{item(e){return this[e]}}ke("children",e),Object.defineProperty(e,"children",{get(){return this.childNodes.filter((e=>1===e.nodeType))}}),Object.defineProperty(e,"childElementCount",{get(){return this.children.length}}),ke("firstChild",e),Object.defineProperty(e,"firstChild",{get(){return this.childNodes[0]}}),ke("lastChild",e),Object.defineProperty(e,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),ke("childNodes",e),Object.defineProperty(e,"childNodes",{get(){const e=new t;return e.push(...Z(this.__childNodes)),e}})},ye=e=>{e&&void 0===e.__nextSibling&&globalThis.Node&&(we(e),xe(e),Oe(e),e.nodeType===Node.ELEMENT_NODE&&(Se(e),Ce(e)))},we=e=>{e&&!e.__nextSibling&&(ke("nextSibling",e),Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.childNodes,n=null==t?void 0:t.indexOf(this);return t&&n>-1?t[n+1]:this.__nextSibling}}))},Se=e=>{e&&!e.__nextElementSibling&&(ke("nextElementSibling",e),Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.children,n=null==t?void 0:t.indexOf(this);return t&&n>-1?t[n+1]:this.__nextElementSibling}}))},xe=e=>{e&&!e.__previousSibling&&(ke("previousSibling",e),Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.childNodes,n=null==t?void 0:t.indexOf(this);return t&&n>-1?t[n-1]:this.__previousSibling}}))},Ce=e=>{e&&!e.__previousElementSibling&&(ke("previousElementSibling",e),Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.children,n=null==t?void 0:t.indexOf(this);return t&&n>-1?t[n-1]:this.__previousElementSibling}}))},Oe=e=>{e&&!e.__parentNode&&(ke("parentNode",e),Object.defineProperty(e,"parentNode",{get:function(){var e;return(null==(e=this["s-ol"])?void 0:e.parentNode)||this.__parentNode},set:function(e){this.__parentNode=e}}))},je=["children","nextElementSibling","previousElementSibling"],Ee=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function ke(e,t){let n;je.includes(e)?n=Object.getOwnPropertyDescriptor(Element.prototype,e):Ee.includes(e)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,e)),n||(n=Object.getOwnPropertyDescriptor(t,e)),n&&Object.defineProperty(t,"__"+e,n)}function Ne(e,t){if("__"+t in e){const n=e["__"+t];return"function"!=typeof n?n:n.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var Te=0,Re=(e,n="")=>{if(t.profile&&performance.mark){const t=`st:${e}:${n}:${Te++}`;return performance.mark(t),()=>performance.measure(`[Stencil] ${e}() <${n}>`,t)}return()=>{}},Le=(e,n,...o)=>{let s=null,i=null,r=null,l=!1,c=!1;const a=[],u=n=>{for(let o=0;o<n.length;o++)s=n[o],Array.isArray(s)?u(s):null!=s&&"boolean"!=typeof s&&((l="function"!=typeof e&&!V(s))?s+="":t.isDev&&"function"!=typeof e&&void 0===s.u&&f("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),l&&c?a[a.length-1].N+=s:a.push(l?_e(null,s):s),c=l)};if(u(o),n&&(t.isDev&&"input"===e&&Fe(n),t.vdomKey&&n.key&&(i=n.key),t.slotRelocation&&n.name&&(r=n.name),t.vdomClass)){const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}if(t.isDev&&a.some(Me)&&f("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),t.vdomFunctional&&"function"==typeof e)return e(null===n?{}:n,a,Ae);const d=_e(e,null);return d.T=n,a.length>0&&(d.R=a),t.vdomKey&&(d.L=i),t.slotRelocation&&(d._=r),d},_e=(e,n)=>{const o={u:0,D:e,N:n,M:null,R:null};return t.vdomAttribute&&(o.T=null),t.vdomKey&&(o.L=null),t.slotRelocation&&(o._=null),o},De={},Me=e=>e&&e.D===De,Ae={forEach:(e,t)=>e.map(Ie).forEach(t),map:(e,t)=>e.map(Ie).map(t).map(Pe)},Ie=e=>({vattrs:e.T,vchildren:e.R,vkey:e.L,vname:e._,vtag:e.D,vtext:e.N}),Pe=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),Le(e.vtag,t,...e.vchildren||[])}const t=_e(e.vtag,e.vtext);return t.T=e.vattrs,t.R=e.vchildren,t.L=e.vkey,t._=e.vname,t},Fe=e=>{const t=Object.keys(e),n=t.indexOf("value");if(-1===n)return;const o=t.indexOf("type"),s=t.indexOf("min"),i=t.indexOf("max"),r=t.indexOf("step");(n<o||n<s||n<i||n<r)&&h('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},He=(e,n,o,s,i,r,l,c=[])=>{let a,u,d,f;const h=i["s-sc"];if(1===r.nodeType){if(a=r.getAttribute(w),a&&(u=a.split("."),u[0]===l||"0"===u[0])){d=Be({u:0,A:u[0],I:u[1],P:u[2],F:u[3],D:r.tagName.toLowerCase(),M:r,T:{class:r.className||""}}),n.push(d),r.removeAttribute(w),e.R||(e.R=[]),t.scoped&&h&&(r["s-si"]=h,d.T.class+=" "+h);const i=d.M.getAttribute("s-sn");"string"==typeof i&&("slot-fb"===d.D&&(We(i,u[2],d,r,e,n,o,s,c),t.scoped&&h&&r.classList.add(h)),d.M["s-sn"]=i,d.M.removeAttribute("s-sn")),void 0!==d.F&&(e.R[d.F]=d),e=d,s&&"0"===d.P&&(s[d.F]=d.M)}if(r.shadowRoot)for(f=r.shadowRoot.childNodes.length-1;f>=0;f--)He(e,n,o,s,i,r.shadowRoot.childNodes[f],l,c);const p=r.__childNodes||r.childNodes;for(f=p.length-1;f>=0;f--)He(e,n,o,s,i,p[f],l,c)}else if(8===r.nodeType)u=r.nodeValue.split("."),(u[1]===l||"0"===u[1])&&(a=u[0],d=Be({A:u[1],I:u[2],P:u[3],F:u[4]||"0",M:r,T:null,R:null,L:null,_:null,D:null,N:null}),"t"===a?(d.M=Je(r,3),d.M&&3===d.M.nodeType&&(d.N=d.M.textContent,n.push(d),r.remove(),l===d.A&&(e.R||(e.R=[]),e.R[d.F]=d),s&&"0"===d.P&&(s[d.F]=d.M))):"c"===a?(d.M=Je(r,8),d.M&&8===d.M.nodeType&&(n.push(d),r.remove())):d.A===l&&("s"===a?We(r["s-sn"]=u[5]||"",u[2],d,r,e,n,o,s,c):"r"===a&&(t.shadowDom&&s?r.remove():t.slotRelocation&&(i["s-cr"]=r,r["s-cn"]=!0))));else if(e&&"style"===e.D){const t=_e(null,r.textContent);t.M=r,t.F="0",e.R=[t]}else 3!==r.nodeType||r.wholeText.trim()||r.remove();return e},Ue=(e,t)=>{if(1===e.nodeType){const n=e[b]||e.getAttribute(b);n&&t.set(n,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)Ue(e.shadowRoot.childNodes[o],t);const s=e.__childNodes||e.childNodes;for(o=0;o<s.length;o++)Ue(s[o],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},Be=e=>({u:0,A:null,I:null,P:null,F:"0",M:null,T:null,R:null,L:null,_:null,D:null,N:null,...e});function We(e,n,o,s,i,r,l,c,a){s["s-sr"]=!0,o._=e||null,o.D="slot";const u=(null==i?void 0:i.M)?i.M["s-id"]||i.M.getAttribute("s-id"):"";if(t.shadowDom&&c&&E.document){const t=o.M=E.document.createElement(o.D);o._&&o.M.setAttribute("name",e),u&&u!==o.A?i.M.insertBefore(t,i.M.children[0]):s.parentNode.insertBefore(o.M,s),Ye(a,n,e,s,o.A),s.remove(),"0"===o.P&&(c[o.F]=o.M)}else{const t=o.M,l=u&&u!==o.A&&i.M.shadowRoot;Ye(a,n,e,s,l?u:o.A),ie(s),l&&i.M.insertBefore(t,i.M.children[0]),r.push(o)}l.push(o),i.R||(i.R=[]),i.R[o.F]=o}var ze,Ve,Xe,Ye=(e,t,n,o,s)=>{let i=o.nextSibling;for(e[t]=e[t]||[];i&&((i.getAttribute&&i.getAttribute("slot")||i["s-sn"])===n||""===n&&!i["s-sn"]&&(8===i.nodeType&&1!==i.nodeValue.indexOf(".")||3===i.nodeType));)i["s-sn"]=n,e[t].push({slot:o,node:i,hostId:s}),i=i.nextSibling},Je=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n},Ke="-shadowcsshost",Qe="-shadowcssslotted",qe="-shadowcsscontext",Ge=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",Ze=RegExp("("+Ke+Ge,"gim"),et=RegExp("("+qe+Ge,"gim"),tt=RegExp("("+Qe+Ge,"gim"),nt=Ke+"-no-combinator",ot=/-shadowcsshost-no-combinator([^\s]*)/,st=[/::shadow/g,/::content/g],it=/-shadowcsshost/gim,rt=e=>RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${e}\\b)`,"gim"),lt=rt("::slotted"),ct=rt(":host"),at=rt(":host-context"),ut=/\/\*\s*[\s\S]*?\*\//g,dt=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,ft=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,ht=/([{}])/g,pt=/(^.*?[^\\])??((:+)(.*)|$)/,mt="%BLOCK%",vt=(e,t)=>{const n=$t(e);let o=0;return n.escapedString.replace(ft,((...e)=>{const s=e[2];let i="",r=e[4],l="";r&&r.startsWith("{"+mt)&&(i=n.blocks[o++],r=r.substring(8),l="{");const c=t({selector:s,content:i});return`${e[1]}${c.selector}${e[3]}${l}${c.content}${r}`}))},$t=e=>{const t=e.split(ht),n=[],o=[];let s=0,i=[];for(let e=0;e<t.length;e++){const r=t[e];"}"===r&&s--,s>0?i.push(r):(i.length>0&&(o.push(i.join("")),n.push(mt),i=[]),n.push(r)),"{"===r&&s++}return i.length>0&&(o.push(i.join("")),n.push(mt)),{escapedString:n.join(""),blocks:o}},gt=(e,t,n)=>e.replace(t,((...e)=>{if(e[2]){const t=e[2].split(","),o=[];for(let s=0;s<t.length;s++){const i=t[s].trim();if(!i)break;o.push(n(nt,i,e[3]))}return o.join(",")}return nt+e[3]})),bt=(e,t,n)=>e+t.replace(Ke,"")+n,yt=(e,t,n)=>t.indexOf(Ke)>-1?bt(e,t,n):e+t+n+", "+t+" "+e+n,wt=(e,t)=>e.replace(pt,((e,n="",o,s="",i="")=>n+t+s+i)),St=(e,t,n,o)=>vt(e,(e=>{let s=e.selector,i=e.content;return"@"!==e.selector[0]?s=((e,t,n,o)=>e.split(",").map((e=>o&&e.indexOf("."+o)>-1?e.trim():((e,t)=>!(e=>(e=e.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+e+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(e))(e,t)?((e,t,n)=>{const o="."+(t=t.replace(/\[is=([^\]]*)\]/g,((e,...t)=>t[0]))),s=e=>{let s=e.trim();if(!s)return"";if(e.indexOf(nt)>-1)s=((e,t,n)=>{if(it.lastIndex=0,it.test(e)){const t="."+n;return e.replace(ot,((e,n)=>wt(n,t))).replace(it,t+" ")}return t+" "+e})(e,t,n);else{const t=e.replace(it,"");t.length>0&&(s=wt(t,o))}return s},i=(e=>{const t=[];let n=0;return{content:(e=e.replace(/(\[[^\]]*\])/g,((e,o)=>{const s=`__ph-${n}__`;return t.push(o),n++,s}))).replace(/(:nth-[-\w]+)(\([^)]+\))/g,((e,o,s)=>{const i=`__ph-${n}__`;return t.push(s),n++,o+i})),placeholders:t}})(e);let r,l="",c=0;const a=/( |>|\+|~(?!=))\s*/g;let u=!((e=i.content).indexOf(nt)>-1);for(;null!==(r=a.exec(e));){const t=r[1],n=e.slice(c,r.index).trim();u=u||n.indexOf(nt)>-1,l+=`${u?s(n):n} ${t} `,c=a.lastIndex}const d=e.substring(c);return u=u||d.indexOf(nt)>-1,l+=u?s(d):d,((e,t)=>t.replace(/__ph-(\d+)__/g,((t,n)=>e[+n])))(i.placeholders,l)})(e,t,n).trim():e.trim())).join(", "))(e.selector,t,n,o):(e.selector.startsWith("@media")||e.selector.startsWith("@supports")||e.selector.startsWith("@page")||e.selector.startsWith("@document"))&&(i=St(e.content,t,n,o)),{selector:s.replace(/\s{2,}/g," ").trim(),content:i}})),xt=(e,t)=>e.replace(/-shadowcsshost-no-combinator/g,"."+t),Ct=(e,t,n)=>{const o=t+"-h",s=t+"-s",i=(e=>e.match(dt)||[])(e);e=(e=>e.replace(ut,""))(e);const r=[];if(n){const t=e=>{const t=`/*!@___${r.length}___*/`;return r.push({placeholder:t,comment:`/*!@${e.selector}*/`}),e.selector=t+e.selector,e};e=vt(e,(e=>"@"!==e.selector[0]?t(e):e.selector.startsWith("@media")||e.selector.startsWith("@supports")||e.selector.startsWith("@page")||e.selector.startsWith("@document")?(e.content=vt(e.content,t),e):e))}const l=((e,t,n,o)=>{const s=((e,t)=>{const n="."+t+" > ",o=[];return e=e.replace(tt,((...e)=>{if(e[2]){const t=e[2].trim(),s=n+t+e[3];let i="";for(let t=e[4]-1;t>=0;t--){const n=e[5][t];if("}"===n||","===n)break;i=n+i}const r=(i+s).trim(),l=`${i.trimEnd()}${s.trim()}`.trim();return r!==l&&o.push({orgSelector:r,updatedSelector:`${l}, ${r}`}),s}return nt+e[3]})),{selectors:o,cssText:e}})(e=(e=>gt(e,et,yt))(e=(e=>gt(e,Ze,bt))(e=(e=>e.replace(at,"$1"+qe).replace(ct,"$1"+Ke).replace(lt,"$1"+Qe))(e))),o);return e=(e=>st.reduce(((e,t)=>e.replace(t," ")),e))(e=s.cssText),t&&(e=St(e,t,n,o)),{cssText:(e=(e=xt(e,n)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:s.selectors.map((e=>({orgSelector:xt(e.orgSelector,n),updatedSelector:xt(e.updatedSelector,n)})))}})(e,t,o,s);return e=[l.cssText,...i].join("\n"),n&&r.forEach((({placeholder:t,comment:n})=>{e=e.replace(t,n)})),l.slottedSelectors.forEach((t=>{const n=RegExp((e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t.orgSelector),"g");e=e.replace(n,t.updatedSelector)})),e},Ot=e=>g.map((t=>t(e))).find((e=>!!e)),jt=(e,n)=>null==e||V(e)?e:t.propBoolean&&4&n?"false"!==e&&(""===e||!!e):t.propNumber&&2&n?parseFloat(e):t.propString&&1&n?e+"":e,Et=e=>t.lazyLoad?r(e).$hostElement$:e,kt=(e,n,o)=>{const s=Et(e);return{emit:e=>(t.isDev&&!s.isConnected&&h(`The "${n}" event was emitted, but the dispatcher node is no longer connected to the dom.`),Nt(s,n,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:e}))}},Nt=(e,t,n)=>{const o=N.ce(t,n);return e.dispatchEvent(o),o},Tt=new WeakMap,Rt=(e,t,n)=>{let o=$.get(e);L&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,$.set(e,o)},Lt=(e,n,o)=>{var s;const i=Dt(n,o),r=$.get(i);if(!t.attachStyles||!E.document)return i;if(e=11===e.nodeType?e:E.document,r)if("string"==typeof r){let o,l=Tt.get(e=e.head||e);if(l||Tt.set(e,l=new Set),!l.has(i)){if(t.hydrateClientSide&&e.host&&(o=e.querySelector(`[${y}="${i}"]`)))o.innerHTML=r;else{o=document.querySelector(`[${y}="${i}"]`)||E.document.createElement("style"),o.innerHTML=r;const l=null!=(s=N.U)?s:X(E.document);if(null!=l&&o.setAttribute("nonce",l),(t.hydrateServerSide||t.hotModuleReplacement)&&(2&n.u||128&n.u)&&o.setAttribute(y,i),!(1&n.u))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(L){const t=new CSSStyleSheet;t.replaceSync(r),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=r+t.innerHTML:e.prepend(o)}else e.append(o);1&n.u&&e.insertBefore(o,null)}4&n.u&&(o.innerHTML+=C),l&&l.add(i)}}else t.constructableCSS&&!e.adoptedStyleSheets.includes(r)&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]);return i},_t=e=>{const n=e.o,o=e.$hostElement$,s=n.u,i=Re("attachStyles",n.C),r=Lt(t.shadowDom&&T&&o.shadowRoot?o.shadowRoot:o.getRootNode(),n,e.j);(t.shadowDom||t.scoped)&&t.cssAnnotations&&(10&s&&2&s||128&s)&&(o["s-sc"]=r,o.classList.add(r+"-h")),i()},Dt=(e,n)=>"sc-"+(t.mode&&n&&32&e.u?e.C+"-"+n:e.C),Mt=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),At=()=>{if(!E.document)return;const e=E.document.querySelectorAll(`[${y}]`);let t=0;for(;t<e.length;t++)Rt(e[t].getAttribute(y),Mt(e[t].innerHTML),!0)},It=(e,n,o,s,i,r,l)=>{if(o===s)return;let c=a(e,n),u=n.toLowerCase();if(t.vdomClass&&"class"===n){const n=e.classList,i=Ft(o);let r=Ft(s);t.hydrateClientSide&&e["s-si"]&&l?(r.push(e["s-si"]),i.forEach((t=>{t.startsWith(e["s-si"])&&r.push(t)})),r=[...new Set(r)],n.add(...r)):(n.remove(...i.filter((e=>e&&!r.includes(e)))),n.add(...r.filter((e=>e&&!i.includes(e)))))}else if(t.vdomStyle&&"style"===n){if(t.updatable)for(const n in o)s&&null!=s[n]||(!t.hydrateServerSide&&n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in s)o&&s[n]===o[n]||(!t.hydrateServerSide&&n.includes("-")?e.style.setProperty(n,s[n]):e.style[n]=s[n])}else if(t.vdomKey&&"key"===n);else if(t.vdomRef&&"ref"===n)s&&s(e);else if(!t.vdomListener||(t.lazyLoad?c:e.__lookupSetter__(n))||"o"!==n[0]||"n"!==n[1]){if(t.vdomPropOrAttr){const l=V(s);if((c||l&&null!==s)&&!i)try{if(e.tagName.includes("-"))e[n]!==s&&(e[n]=s);else{const t=null==s?"":s;"list"===n?c=!1:null!=o&&e[n]==t||("function"==typeof e.__lookupSetter__(n)?e[n]=t:e.setAttribute(n,t))}}catch(e){}let a=!1;t.vdomXlink&&u!==(u=u.replace(/^xlink\:?/,""))&&(n=u,a=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(n)||(t.vdomXlink&&a?e.removeAttributeNS(O,n):e.removeAttribute(n)):(!c||4&r||i)&&!l&&1===e.nodeType&&(s=!0===s?"":s,t.vdomXlink&&a?e.setAttributeNS(O,n,s):e.setAttribute(n,s))}}else if(n="-"===n[2]?n.slice(3):a(E,u)?u.slice(2):u[2]+n.slice(3),o||s){const t=n.endsWith(Ht);n=n.replace(Ut,""),o&&N.rel(e,n,o,t),s&&N.ael(e,n,s,t)}},Pt=/\s/,Ft=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(Pt):[]),Ht="Capture",Ut=RegExp(Ht+"$"),Bt=(e,n,o,s)=>{const i=11===n.M.nodeType&&n.M.host?n.M.host:n.M,r=e&&e.T||{},l=n.T||{};if(t.updatable)for(const e of Wt(Object.keys(r)))e in l||It(i,e,r[e],void 0,o,n.u,s);for(const e of Wt(Object.keys(l)))It(i,e,r[e],l[e],o,n.u,s)};function Wt(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var zt=!1,Vt=!1,Xt=!1,Yt=!1,Jt=(e,n,o)=>{var s;const i=n.R[o];let r,l,c,a=0;if(t.slotRelocation&&!zt&&(Xt=!0,"slot"===i.D&&(i.u|=i.R?2:1)),t.isDev&&i.M&&f(`The JSX ${null!==i.N?`"${i.N}" text`:`"${i.D}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`),t.vdomText&&null!==i.N)r=i.M=E.document.createTextNode(i.N);else if(t.slotRelocation&&1&i.u)r=i.M=t.isDebug||t.hydrateServerSide?an(i):E.document.createTextNode(""),t.vdomAttribute&&Bt(null,i,Yt);else{if(t.svg&&!Yt&&(Yt="svg"===i.D),!E.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(r=i.M=t.svg?E.document.createElementNS(Yt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!zt&&t.slotRelocation&&2&i.u?"slot-fb":i.D):E.document.createElement(!zt&&t.slotRelocation&&2&i.u?"slot-fb":i.D),t.svg&&Yt&&"foreignObject"===i.D&&(Yt=!1),t.vdomAttribute&&Bt(null,i,Yt),t.scoped&&null!=ze&&void 0!==ze&&r["s-si"]!==ze&&r.classList.add(r["s-si"]=ze),i.R)for(a=0;a<i.R.length;++a)l=Jt(e,i,a),l&&r.appendChild(l);t.svg&&("svg"===i.D?Yt=!1:"foreignObject"===r.tagName&&(Yt=!0))}return r["s-hn"]=Xe,t.slotRelocation&&3&i.u&&(r["s-sr"]=!0,r["s-cr"]=Ve,r["s-sn"]=i._||"",r["s-rf"]=null==(s=i.T)?void 0:s.ref,ie(r),c=e&&e.R&&e.R[o],c&&c.D===i.D&&e.M&&(t.experimentalSlotFixes?Kt(e.M):Qt(e.M,!1)),t.scoped&&ln(Ve,r,n.M,null==e?void 0:e.M)),r},Kt=e=>{N.u|=1;const t=e.closest(Xe.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(rn(t,e,null!=n?n:null),e["s-sh"]=void 0,Xt=!0)}N.u&=-2},Qt=(e,n)=>{N.u|=1;const o=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Xe&&o.push(t)}for(let e=o.length-1;e>=0;e--){const t=o[e];t["s-hn"]!==Xe&&t["s-ol"]&&(rn(en(t).parentNode,t,en(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,Xt=!0),n&&Qt(t,n)}N.u&=-2},qt=(e,n,o,s,i,r)=>{let l,c=t.slotRelocation&&e["s-cr"]&&e["s-cr"].parentNode||e;for(t.shadowDom&&c.shadowRoot&&c.tagName===Xe&&(c=c.shadowRoot);i<=r;++i)s[i]&&(l=Jt(null,o,i),l&&(s[i].M=l,rn(c,l,t.slotRelocation?en(n):n)))},Gt=(e,n,o)=>{for(let s=n;s<=o;++s){const n=e[s];if(n){const e=n.M;sn(n),e&&(t.slotRelocation&&(Vt=!0,e["s-ol"]?e["s-ol"].remove():Qt(e,!0)),e.remove())}}},Zt=(e,n,o=!1)=>e.D===n.D&&(t.slotRelocation&&"slot"===e.D?e._===n._:t.vdomKey&&!o?e.L===n.L:(o&&!e.L&&n.L&&(e.L=n.L),!0)),en=e=>e&&e["s-ol"]||e,tn=(e,n,o=!1)=>{const s=n.M=e.M,i=e.R,r=n.R,l=n.D,c=n.N;let a;t.vdomText&&null!==c?t.vdomText&&t.slotRelocation&&(a=s["s-cr"])?a.parentNode.textContent=c:t.vdomText&&e.N!==c&&(s.data=c):(t.svg&&(Yt="svg"===l||"foreignObject"!==l&&Yt),(t.vdomAttribute||t.reflect)&&(t.slot&&"slot"===l&&!zt&&t.experimentalSlotFixes&&e._!==n._&&(n.M["s-sn"]=n._||"",Kt(n.M.parentElement)),Bt(e,n,Yt,o)),t.updatable&&null!==i&&null!==r?((e,n,o,s,i=!1)=>{let r,l,c=0,a=0,u=0,d=0,f=n.length-1,h=n[0],p=n[f],m=s.length-1,v=s[0],$=s[m];for(;c<=f&&a<=m;)if(null==h)h=n[++c];else if(null==p)p=n[--f];else if(null==v)v=s[++a];else if(null==$)$=s[--m];else if(Zt(h,v,i))tn(h,v,i),h=n[++c],v=s[++a];else if(Zt(p,$,i))tn(p,$,i),p=n[--f],$=s[--m];else if(Zt(h,$,i))!t.slotRelocation||"slot"!==h.D&&"slot"!==$.D||Qt(h.M.parentNode,!1),tn(h,$,i),rn(e,h.M,p.M.nextSibling),h=n[++c],$=s[--m];else if(Zt(p,v,i))!t.slotRelocation||"slot"!==h.D&&"slot"!==$.D||Qt(p.M.parentNode,!1),tn(p,v,i),rn(e,p.M,h.M),p=n[--f],v=s[++a];else{if(u=-1,t.vdomKey)for(d=c;d<=f;++d)if(n[d]&&null!==n[d].L&&n[d].L===v.L){u=d;break}t.vdomKey&&u>=0?(l=n[u],l.D!==v.D?r=Jt(n&&n[a],o,u):(tn(l,v,i),n[u]=void 0,r=l.M),v=s[++a]):(r=Jt(n&&n[a],o,a),v=s[++a]),r&&(t.slotRelocation?rn(en(h.M).parentNode,r,en(h.M)):rn(h.M.parentNode,r,h.M))}c>f?qt(e,null==s[m+1]?null:s[m+1].M,o,s,a,m):t.updatable&&a>m&&Gt(n,c,f)})(s,i,n,r,o):null!==r?(t.updatable&&t.vdomText&&null!==e.N&&(s.textContent=""),qt(s,null,n,r,0,r.length-1)):!o&&t.updatable&&null!==i&&Gt(i,0,i.length-1),t.svg&&Yt&&"svg"===l&&(Yt=!1))},nn=[],on=e=>{let n,o,s;const i=e.__childNodes||e.childNodes;for(const e of i){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){o=n.parentNode.__childNodes||n.parentNode.childNodes;const i=e["s-sn"];for(s=o.length-1;s>=0;s--)if(n=o[s],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||t.experimentalSlotFixes&&n["s-sh"]&&n["s-sh"]===e["s-hn"]))if(ne(n,i)){let t=nn.find((e=>e.B===n));Vt=!0,n["s-sn"]=n["s-sn"]||i,t?(t.B["s-sh"]=e["s-hn"],t.W=e):(n["s-sh"]=e["s-hn"],nn.push({W:e,B:n})),n["s-sr"]&&nn.map((e=>{ne(e.B,n["s-sn"])&&(t=nn.find((e=>e.B===n)),t&&!e.W&&(e.W=t.W))}))}else nn.some((e=>e.B===n))||nn.push({B:n})}1===e.nodeType&&on(e)}},sn=e=>{t.vdomRef&&(e.T&&e.T.ref&&e.T.ref(null),e.R&&e.R.map(sn))},rn=(e,n,o)=>{if(t.scoped&&"string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])ln(n["s-cr"],n,e,n.parentElement);else if(t.experimentalSlotFixes&&"string"==typeof n["s-sn"]){11!==e.getRootNode().nodeType&&Oe(n),e.insertBefore(n,o);const{slotNode:t}=le(n);return t&&re(t),n}return t.experimentalSlotFixes&&e.__insertBefore?e.__insertBefore(n,o):null==e?void 0:e.insertBefore(n,o)};function ln(e,t,n,o){var s,i;let r;if(e&&"string"==typeof t["s-sn"]&&t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(r=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"],l=t["s-hn"];if(null==(s=n.classList)||s.add(r+"-s"),o&&(null==(i=o.classList)?void 0:i.contains(r+"-s"))){let t=(o.__childNodes||o.childNodes)[0],n=!1;for(;t;){if(t["s-sn"]!==e&&t["s-hn"]===l&&t["s-sr"]){n=!0;break}t=t.nextSibling}n||o.classList.remove(r+"-s")}}}var cn=(e,n,o=!1)=>{var s,i,r,l,c;const a=e.$hostElement$,u=e.o,d=e.V||_e(null,null),f=Me(n)?n:Le(null,null,n);if(Xe=a.tagName,t.isDev&&Array.isArray(n)&&n.some(Me))throw Error(`The <Host> must be the single root component.\nLooks like the render() function of "${Xe.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n  // Do not return an array\n  return (\n    <Host>{content}</Host>\n  );\n}\n  `);if(t.reflect&&u.X&&(f.T=f.T||{},u.X.map((([e,t])=>f.T[t]=a[e]))),o&&f.T)for(const e of Object.keys(f.T))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(f.T[e]=a[e]);if(f.D=null,f.u|=4,e.V=f,f.M=d.M=t.shadowDom&&a.shadowRoot||a,(t.scoped||t.shadowDom)&&(ze=a["s-sc"]),zt=T&&!!(1&u.u)&&!(128&u.u),t.slotRelocation&&(Ve=a["s-cr"],Vt=!1),tn(d,f,o),t.slotRelocation){if(N.u|=1,Xt){on(f.M);for(const e of nn){const n=e.B;if(!n["s-ol"]&&E.document){const e=t.isDebug||t.hydrateServerSide?un(n):E.document.createTextNode("");e["s-nr"]=n,rn(n.parentNode,n["s-ol"]=e,n)}}for(const e of nn){const n=e.B,c=e.W;if(c){const e=c.parentNode;let o=c.nextSibling;if(!t.hydrateServerSide&&(!t.experimentalSlotFixes||o&&1===o.nodeType)){let t=null==(s=n["s-ol"])?void 0:s.previousSibling;for(;t;){let s=null!=(i=t["s-nr"])?i:null;if(s&&s["s-sn"]===n["s-sn"]&&e===(s.__parentNode||s.parentNode)){for(s=s.nextSibling;s===n||(null==s?void 0:s["s-sr"]);)s=null==s?void 0:s.nextSibling;if(!s||!s["s-nr"]){o=s;break}}t=t.previousSibling}}(!o&&e!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o&&(t.experimentalSlotFixes||n["s-hn"]||!n["s-ol"]||(n["s-hn"]=n["s-ol"].parentNode.nodeName),rn(e,n,o),1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(r=n["s-ih"])&&r)),n&&"function"==typeof c["s-rf"]&&c["s-rf"](c)}else 1===n.nodeType&&(o&&(n["s-ih"]=null!=(l=n.hidden)&&l),n.hidden=!0)}}Vt&&G(f.M),N.u&=-2,nn.length=0}if(t.experimentalScopedSlotChanges&&2&u.u){const e=f.M.__childNodes||f.M.childNodes;for(const t of e)t["s-hn"]===Xe||t["s-sh"]||(o&&null==t["s-ih"]&&(t["s-ih"]=null!=(c=t.hidden)&&c),t.hidden=!0)}Ve=void 0},an=e=>{var t;return null==(t=E.document)?void 0:t.createComment(`<slot${e._?' name="'+e._+'"':""}> (host=${Xe.toLowerCase()})`)},un=e=>{var t;return null==(t=E.document)?void 0:t.createComment("org-location for "+(e.localName?`<${e.localName}> (host=${e["s-hn"]})`:`[${e.textContent}]`))},dn=(e,n)=>{if(t.asyncLoading&&n&&!e.Y&&n["s-p"]){const t=n["s-p"].push(new Promise((o=>e.Y=()=>{n["s-p"].splice(t-1,1),o()})))}},fn=(e,n)=>{if(t.taskQueue&&t.updatable&&(e.u|=16),t.asyncLoading&&4&e.u)return void(e.u|=512);dn(e,e.J);const o=()=>hn(e,n);return t.taskQueue?z(o):o()},hn=(e,n)=>{const o=e.$hostElement$,s=Re("scheduleUpdate",e.o.C),i=t.lazyLoad?e.l:o;if(!i)throw Error(`Can't render component <${o.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return n?(t.lazyLoad&&t.hostListener&&(e.u|=256,e.K&&(e.K.map((([e,t])=>Sn(i,e,t,o))),e.K=void 0)),xn(o,"componentWillLoad"),r=Sn(i,"componentWillLoad",void 0,o)):(xn(o,"componentWillUpdate"),r=Sn(i,"componentWillUpdate",void 0,o)),xn(o,"componentWillRender"),r=pn(r,(()=>Sn(i,"componentWillRender",void 0,o))),s(),pn(r,(()=>vn(e,i,n)))},pn=(e,t)=>mn(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),mn=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,vn=async(e,n,o)=>{var s;const i=e.$hostElement$,r=Re("update",e.o.C),l=i["s-rc"];t.style&&o&&_t(e);const c=Re("render",e.o.C);if(t.isDev&&(e.u|=1024),t.hydrateServerSide?await gn(e,n,i,o):gn(e,n,i,o),t.isDev&&(e.p=void 0===e.p?1:e.p+1,e.u&=-1025),t.hydrateServerSide)try{On(i),o&&(1&e.o.u?i["s-en"]="":2&e.o.u&&(i["s-en"]="c"))}catch(e){u(e,i)}if(t.asyncLoading&&l&&(l.map((e=>e())),i["s-rc"]=void 0),c(),r(),t.asyncLoading){const t=null!=(s=i["s-p"])?s:[],n=()=>bn(e);0===t.length?n():(Promise.all(t).then(n),e.u|=4,t.length=0)}else bn(e)},$n=null,gn=(e,n,o,s)=>{const i=!!t.allRenderFn,r=!!t.lazyLoad,l=!!t.taskQueue,c=!!t.updatable;try{if($n=n,n=(i||n.render)&&n.render(),c&&l&&(e.u&=-17),(c||r)&&(e.u|=2),t.hasRenderFn||t.reflect)if(t.vdomRender||t.reflect){if(t.hydrateServerSide)return Promise.resolve(n).then((t=>cn(e,t,s)));cn(e,n,s)}else 1&e.o.u?o.shadowRoot.textContent=n:o.textContent=n}catch(t){u(t,e.$hostElement$)}return $n=null,null},bn=e=>{const n=e.o.C,o=e.$hostElement$,s=Re("postUpdate",n),i=t.lazyLoad?e.l:o,r=e.J;t.isDev&&(e.u|=1024),Sn(i,"componentDidRender",void 0,o),t.isDev&&(e.u&=-1025),xn(o,"componentDidRender"),64&e.u?(t.isDev&&(e.u|=1024),Sn(i,"componentDidUpdate",void 0,o),t.isDev&&(e.u&=-1025),xn(o,"componentDidUpdate"),s()):(e.u|=64,t.asyncLoading&&t.cssAnnotations&&Cn(o),t.isDev&&(e.u|=2048),Sn(i,"componentDidLoad",void 0,o),t.isDev&&(e.u&=-2049),xn(o,"componentDidLoad"),s(),t.asyncLoading&&(e.S(o),r||wn(n))),t.method&&t.lazyLoad&&e.v(o),t.asyncLoading&&(e.Y&&(e.Y(),e.Y=void 0),512&e.u&&B((()=>fn(e,!1))),e.u&=-517)},yn=e=>{if(t.updatable&&(s.isBrowser||s.isTesting)){const t=r(e),n=t.$hostElement$.isConnected;return n&&2==(18&t.u)&&fn(t,!1),n}return!1},wn=n=>{t.asyncQueue&&(N.u|=2),B((()=>Nt(E,"appload",{detail:{namespace:e}}))),t.profile&&performance.measure&&performance.measure(`[Stencil] ${e} initial load (by ${n})`,"st:app:start")},Sn=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){u(e,o)}},xn=(n,o)=>{t.lifecycleDOMEvents&&Nt(n,"stencil_"+o,{bubbles:!0,composed:!0,detail:{namespace:e}})},Cn=e=>{var n,o;return t.hydratedClass?e.classList.add(null!=(n=t.hydratedSelectorName)?n:"hydrated"):t.hydratedAttribute?e.setAttribute(null!=(o=t.hydratedSelectorName)?o:"hydrated",""):void 0},On=e=>{const t=e.children;if(null!=t)for(let e=0,n=t.length;e<n;e++){const n=t[e];"function"==typeof n.connectedCallback&&n.connectedCallback(),On(n)}},jn=(e,t)=>r(e).i.get(t),En=(e,n,o,s)=>{const i=r(e);if(t.lazyLoad&&!i)throw Error(`Couldn't find host element for "${s.C}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=t.lazyLoad?i.$hostElement$:e,c=i.i.get(n),a=i.u,d=t.lazyLoad?i.l:l;if(o=jt(o,s.t[n][0]),(!t.lazyLoad||!(8&a)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.i.set(n,o),t.isDev&&(1024&i.u?h(`The state/prop "${n}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",l,"\nNew value",o,"\nOld value",c):2048&i.u&&h(`The state/prop "${n}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",l,"\nNew value",o,"\nOld value",c)),!t.lazyLoad||d)){if(t.watchCallback&&s.q&&128&a){const e=s.q[n];e&&e.map((e=>{try{d[e](o,c,n)}catch(e){u(e,l)}}))}if(t.updatable&&2==(18&a)){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(o,c,n))return;fn(i,!1)}}},kn=(e,n,o)=>{var s,i;const l=e.prototype;if(t.isTesting){if(l.__stencilAugmented)return;l.__stencilAugmented=!0}if(t.formAssociated&&64&n.u&&1&o&&j.forEach((e=>{const n=l[e];Object.defineProperty(l,e,{value(...o){const s=r(this),i=t.lazyLoad?s.l:this;if(i){const s=t.lazyLoad?i[e]:n;"function"==typeof s&&s.call(i,...o)}else s.$.then((t=>{const n=t[e];"function"==typeof n&&n.call(t,...o)}))}})})),t.member&&n.t||t.watchCallback&&(n.q||e.watchers)){t.watchCallback&&e.watchers&&!n.q&&(n.q=e.watchers);const c=Object.entries(null!=(s=n.t)?s:{});if(c.map((([e,[s]])=>{if((t.prop||t.state)&&(31&s||(!t.lazyLoad||2&o)&&32&s)){const{get:i,set:c}=Object.getOwnPropertyDescriptor(l,e)||{};i&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),(1&o||!i)&&Object.defineProperty(l,e,{get(){if(t.lazyLoad){if(!(2048&n.t[e][0]))return jn(this,e);const t=r(this),o=t?t.l:l;if(!o)return;return o[e]}if(!t.lazyLoad)return i?i.apply(this):jn(this,e)},configurable:!0,enumerable:!0}),Object.defineProperty(l,e,{set(i){const l=r(this);if(t.isDev&&(1&o||4096&n.t[e][0]||0!==(l&&8&l.u)||!(31&s)||1024&s||h(`@Prop() "${e}" on <${n.C}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)),c){const t=32&s?this[e]:l.$hostElement$[e];return void 0===t&&l.i.get(e)?i=l.i.get(e):!l.i.get(e)&&t&&l.i.set(e,t),c.call(this,jt(i,s)),void En(this,e,i=32&s?this[e]:l.$hostElement$[e],n)}if(t.lazyLoad){if(t.lazyLoad){if(!(1&o&&4096&n.t[e][0]))return En(this,e,i,n),void(1&o&&!l.l&&l.$.then((()=>{4096&n.t[e][0]&&l.l[e]!==l.i.get(e)&&(l.l[e]=i)})));const t=()=>{const t=l.l[e];!l.i.get(e)&&t&&l.i.set(e,t),l.l[e]=jt(i,s),En(this,e,l.l[e],n)};l.l?t():l.$.then((()=>t()))}}else En(this,e,i,n)}})}else t.lazyLoad&&t.method&&1&o&&64&s&&Object.defineProperty(l,e,{value(...t){var n;const o=r(this);return null==(n=null==o?void 0:o.m)?void 0:n.then((()=>{var n;return null==(n=o.l)?void 0:n[e](...t)}))}})})),t.observeAttribute&&(!t.lazyLoad||1&o)){const o=new Map;l.attributeChangedCallback=function(e,s,i){N.jmp((()=>{var c;const a=o.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad)i=this[a],delete this[a];else{if(l.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==i)return;if(null==a){const o=r(this),l=null==o?void 0:o.u;if(l&&!(8&l)&&128&l&&i!==s){const r=t.lazyLoad?o.l:t.lazyLoad?o.$hostElement$:this,l=null==(c=n.q)?void 0:c[e];null==l||l.forEach((t=>{null!=r[t]&&r[t].call(r,i,s,e)}))}return}}const u=Object.getOwnPropertyDescriptor(l,a);(i=(null!==i||"boolean"!=typeof this[a])&&i)===this[a]||u.get&&!u.set||(this[a]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.q)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,s])=>{var i;const r=s[1]||e;return o.set(r,e),t.reflect&&512&s[0]&&(null==(i=n.X)||i.push([e,r])),r}))]))}}return e},Nn=async(e,n,o,s)=>{let i;if(!(32&n.u)){if(n.u|=32,t.lazyLoad&&o.O){const r=v(o,n,s);if(r&&"then"in r){const e=((e,n)=>t.profile&&performance.mark?(0===performance.getEntriesByName(e,"mark").length&&performance.mark(e),()=>{0===performance.getEntriesByName(n,"measure").length&&performance.measure(n,e)}):()=>{})(`st:load:${o.C}:${n.j}`,`[Stencil] Load module for <${o.C}>`);i=await r,e()}else i=r;if(!i)throw Error(`Constructor for "${o.C}#${n.j}" was not found`);t.member&&!i.isProxied&&(t.watchCallback&&(o.q=i.watchers),kn(i,o,2),i.isProxied=!0);const l=Re("createInstance",o.C);t.member&&(n.u|=8);try{new i(n)}catch(t){u(t,e)}t.member&&(n.u&=-9),t.watchCallback&&(n.u|=128),l(),Tn(n.l,e)}else i=e.constructor,customElements.whenDefined(e.localName).then((()=>n.u|=128));if(t.style&&i&&i.style){let s;"string"==typeof i.style?s=i.style:t.mode&&"string"!=typeof i.style&&(n.j=Ot(e),n.j&&(s=i.style[n.j]),t.hydrateServerSide&&n.j&&e.setAttribute("s-mode",n.j));const r=Dt(o,n.j);if(!$.has(r)){const e=Re("registerStyles",o.C);t.hydrateServerSide&&t.shadowDom&&128&o.u&&(s=Ct(s,r,!0)),Rt(r,s,!!(1&o.u)),e()}}}const r=n.J,l=()=>fn(n,!0);t.asyncLoading&&r&&r["s-rc"]?r["s-rc"].push(l):l()},Tn=(e,n)=>{t.lazyLoad&&Sn(e,"connectedCallback",void 0,n)},Rn=e=>{if(!(1&N.u)){const n=r(e),o=n.o,s=Re("connectedCallback",o.C);if(t.hostListenerTargetParent&&Pn(e,n,o.G,!0),1&n.u)Pn(e,n,o.G,!1),(null==n?void 0:n.l)?Tn(n.l,e):(null==n?void 0:n.$)&&n.$.then((()=>Tn(n.l,e)));else{let s;if(n.u|=1,t.hydrateClientSide&&(s=e.getAttribute(b),s)){if(t.shadowDom&&T&&1&o.u){const n=t.mode?Lt(e.shadowRoot,o,e.getAttribute("s-mode")):Lt(e.shadowRoot,o);e.classList.remove(n+"-h",n+"-s")}else if(t.scoped&&2&o.u){const n=Dt(o,t.mode?e.getAttribute("s-mode"):void 0);e["s-sc"]=n}((e,n,o,s)=>{const i=Re("hydrateClient",n),r=e.shadowRoot,l=[],c=[],a=[],u=t.shadowDom&&r?[]:null,d=_e(n,null);let f;if(d.M=e,t.scoped){const t=s.o;t&&10&t.u&&e["s-sc"]?(f=e["s-sc"],e.classList.add(f+"-h")):e["s-sc"]&&delete e["s-sc"]}!E.document||N.Z&&N.Z.size||Ue(E.document.body,N.Z=new Map),e[b]=o,e.removeAttribute(b),s.V=He(d,l,c,u,e,e,o,a);let h=0;const p=l.length;let m;for(;h<p;h++){m=l[h];const t=m.A+"."+m.I,o=N.Z.get(t),s=m.M;r||(s["s-hn"]=n.toUpperCase(),"slot"===m.D&&(s["s-cr"]=e["s-cr"])),"slot"===m.D&&(m._=m.M["s-sn"]||m.M.name||null,m.R?(m.u|=2,m.M.childNodes.length||m.R.forEach((e=>{m.M.appendChild(e.M)}))):m.u|=1),o&&o.isConnected&&(r&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),r||(s["s-oo"]=parseInt(m.I))),N.Z.delete(t)}const v=[],$=a.length;let g,y,w,S,x=0;for(;x<$;x++)if(g=a[x],g&&g.length)for(w=g.length,y=0;y<w;y++){if(S=g[y],v[S.hostId]||(v[S.hostId]=N.Z.get(S.hostId)),!v[S.hostId])continue;const e=v[S.hostId];e.shadowRoot&&r||(S.slot["s-cr"]=e["s-cr"],S.slot["s-cr"]=!S.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0],oe(S.node,S.slot,!1,S.node["s-oo"]),t.experimentalSlotFixes&&ye(S.node)),e.shadowRoot&&S.node.parentElement!==e&&e.appendChild(S.node)}if(t.scoped&&f&&c.length&&c.forEach((e=>{e.M.parentElement.classList.add(f+"-s")})),t.shadowDom&&r&&!r.childNodes.length){let t=0;const n=u.length;if(n){for(;t<n;t++)r.appendChild(u[t]);Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):(8===e.nodeType||3===e.nodeType&&!e.wholeText.trim())&&e.parentNode.removeChild(e))}))}}N.Z.delete(e["s-id"]),s.$hostElement$=e,i()})(e,o.C,s,n)}if(t.slotRelocation&&!s&&(t.hydrateServerSide||(t.slot||t.shadowDom)&&12&o.u)&&Ln(e),t.asyncLoading){let o=e;for(;o=o.parentNode||o.host;)if(t.hydrateClientSide&&1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){dn(n,n.J=o);break}}t.prop&&!t.hydrateServerSide&&o.t&&Object.entries(o.t).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),t.initializeNextTick?B((()=>Nn(e,n,o))):Nn(e,n,o)}s()}},Ln=e=>{if(!E.document)return;const n=e["s-cr"]=E.document.createComment(t.isDebug?`content-ref (host=${e.localName})`:"");n["s-cn"]=!0,rn(e,n,e.firstChild)},_n=(e,n)=>{t.lazyLoad&&Sn(e,"disconnectedCallback",void 0,n||e)},Dn=async e=>{if(!(1&N.u)){const n=r(e);t.hostListener&&n.ee&&(n.ee.map((e=>e())),n.ee=void 0),t.lazyLoad?(null==n?void 0:n.l)?_n(n.l,e):(null==n?void 0:n.$)&&n.$.then((()=>_n(n.l,e))):_n(e)}Tt.has(e)&&Tt.delete(e),e.shadowRoot&&Tt.has(e.shadowRoot)&&Tt.delete(e.shadowRoot)},Mn=(e,n)=>{const o={u:n[0],C:n[1]};t.member&&(o.t=n[2]),t.hostListener&&(o.G=n[3]),t.watchCallback&&(o.q=e.q),t.reflect&&(o.X=[]),t.shadowDom&&!T&&1&o.u&&(o.u|=8),t.experimentalSlotFixes?t.scoped&&2&o.u&&ce(e.prototype):(t.slotChildNodesFix&&be(e.prototype),t.cloneNodeFix&&ae(e.prototype),t.appendChildSlotFix&&ue(e.prototype),t.scopedSlotTextContentFix&&2&o.u&&ge(e.prototype)),t.hydrateClientSide&&t.shadowDom&&At();const s=e.prototype.connectedCallback,i=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){c(this,o)},connectedCallback(){this.__hasHostListenerAttached||(Pn(this,r(this),o.G,!1),this.__hasHostListenerAttached=!0),Rn(this),s&&s.call(this)},disconnectedCallback(){Dn(this),i&&i.call(this)},__attachShadow(){if(T)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.C}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else this.attachShadow(t.shadowDelegatesFocus?{mode:"open",delegatesFocus:!!(16&o.u)}:{mode:"open"});else this.shadowRoot=this}}),e.is=o.C,kn(e,o,3)},An=(e,n={})=>{var o;if(t.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(t.devTools){const e=E.stencil=E.stencil||{},t=e.inspect;e.inspect=e=>{let n=(e=>{const t=r(e);if(!t)return;const n=t.u,o=t.$hostElement$;return{renderCount:t.p,flags:{hasRendered:!!(2&n),hasConnected:!!(1&n),isWaitingForChildren:!!(4&n),isConstructingInstance:!!(8&n),isQueuedForUpdate:!!(16&n),hasInitializedComponent:!!(32&n),hasLoadedComponent:!!(64&n),isWatchReady:!!(128&n),isListenReady:!!(256&n),needsRerender:!!(512&n)},instanceValues:t.i,ancestorComponent:t.J,hostElement:o,lazyInstance:t.l,vnode:t.V,modeName:t.j,onReadyPromise:t.$,onReadyResolve:t.S,onInstancePromise:t.m,onInstanceResolve:t.v,onRenderResolve:t.Y,queuedListeners:t.K,rmListeners:t.ee,"s-id":o["s-id"],"s-cr":o["s-cr"],"s-lr":o["s-lr"],"s-p":o["s-p"],"s-rc":o["s-rc"],"s-sc":o["s-sc"]}})(e);return n||"function"!=typeof t||(n=t(e)),n}}})(),!E.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const s=Re("bootstrapLazy"),i=[],l=n.exclude||[],a=E.customElements,u=E.document.head,d=u.querySelector("meta[charset]"),f=E.document.createElement("style"),h=[];let p,m=!0;Object.assign(N,n),N.k=new URL(n.resourcesUrl||"./",E.document.baseURI).href,t.asyncQueue&&n.syncQueue&&(N.u|=4),t.hydrateClientSide&&(N.u|=2),t.hydrateClientSide&&t.shadowDom&&At();let v=!1;if(e.map((e=>{e[1].map((o=>{var s;const u={u:o[0],C:o[1],t:o[2],G:o[3]};4&u.u&&(v=!0),t.member&&(u.t=o[2]),t.hostListener&&(u.G=o[3]),t.reflect&&(u.X=[]),t.watchCallback&&(u.q=null!=(s=o[4])?s:{}),t.shadowDom&&!T&&1&u.u&&(u.u|=8);const d=t.transformTagName&&n.transformTagName?n.transformTagName(u.C):u.C,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,c(e=this,u),t.shadowDom&&1&u.u)if(T)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.C}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow(t.shadowDelegatesFocus?{mode:"open",delegatesFocus:!!(16&u.u)}:{mode:"open"});else t.hydrateServerSide||"shadowRoot"in e||(e.shadowRoot=e)}connectedCallback(){const e=r(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Pn(this,e,u.G,!1)),p&&(clearTimeout(p),p=null),m?h.push(this):N.jmp((()=>Rn(this)))}disconnectedCallback(){N.jmp((()=>Dn(this))),N.raf((()=>{var e;const t=r(this),n=h.findIndex((e=>e===this));n>-1&&h.splice(n,1),(null==(e=null==t?void 0:t.V)?void 0:e.M)instanceof Node&&!t.V.M.isConnected&&delete t.V.M}))}componentOnReady(){return r(this).$}};t.experimentalSlotFixes?t.scoped&&2&u.u&&ce(f.prototype):(t.slotChildNodesFix&&be(f.prototype),t.cloneNodeFix&&ae(f.prototype),t.appendChildSlotFix&&ue(f.prototype),t.scopedSlotTextContentFix&&2&u.u&&ge(f.prototype)),t.formAssociated&&64&u.u&&(f.formAssociated=!0),t.hotModuleReplacement&&(f.prototype["s-hmr"]=function(e){((e,t,n)=>{const o=r(e);o.u=1,Nn(e,o,t,n)})(this,u,e)}),u.O=e[0],l.includes(d)||a.get(d)||(i.push(d),a.define(d,kn(f,u,1)))}))})),i.length>0&&(v&&(f.textContent+=C),t.invisiblePrehydration&&(t.hydratedClass||t.hydratedAttribute)&&(f.textContent+=i.sort()+"{visibility:hidden}.hydrated{visibility:inherit}"),f.innerHTML.length)){f.setAttribute("data-styles","");const e=null!=(o=N.U)?o:X(E.document);null!=e&&f.setAttribute("nonce",e),u.insertBefore(f,d?d.nextSibling:u.firstChild)}m=!1,h.length?h.map((e=>e.connectedCallback())):N.jmp(t.profile?()=>p=setTimeout(wn,30,"timeout"):()=>p=setTimeout(wn,30)),s()},In=(e,t)=>t,Pn=(e,n,o,s)=>{t.hostListener&&o&&E.document&&(t.hostListenerTargetParent&&(o=o.filter(s?([e])=>32&e:([e])=>!(32&e))),o.map((([o,s,i])=>{const r=t.hostListenerTarget?Hn(E.document,e,o):e,l=Fn(n,i),c=Un(o);N.ael(r,s,l,c),(n.ee=n.ee||[]).push((()=>N.rel(r,s,l,c)))})))},Fn=(e,n)=>o=>{var s;try{t.lazyLoad?256&e.u?null==(s=e.l)||s[n](o):(e.K=e.K||[]).push([n,o]):e.$hostElement$[n](o)}catch(t){u(t,e.$hostElement$)}},Hn=(e,n,o)=>t.hostListenerTargetDocument&&4&o?e:t.hostListenerTargetWindow&&8&o?E:t.hostListenerTargetBody&&16&o?e.body:t.hostListenerTargetParent&&32&o&&n.parentElement?n.parentElement:n,Un=e=>({passive:!!(1&e),capture:!!(2&e)}),Bn=e=>N.U=e,Wn=(e,t,n,o)=>{var s;null!=t&&(null!=t["s-nr"]&&o.push(t),1===t.nodeType)&&[...Array.from(t.childNodes),...Array.from((null==(s=t.shadowRoot)?void 0:s.childNodes)||[])].forEach((t=>{const s=r(t);null==s||n.staticComponents.has(t.nodeName.toLowerCase())||zn(e,t,s.V,n,{nodeIds:0}),Wn(e,t,n,o)}))},zn=(e,t,n,o,s)=>{if(null!=n){const i=++o.hostIds;if(t.setAttribute(b,i),null!=t["s-cr"]&&(t["s-cr"].nodeValue="r."+i),null!=n.R){const t=0;n.R.forEach(((n,o)=>{Vn(e,n,s,i,t,o)}))}if(t&&n&&n.M&&!t.hasAttribute(w)){const e=t.parentElement;if(e&&e.childNodes){const o=Array.from(e.childNodes),s=o.find((e=>8===e.nodeType&&e["s-sr"]));if(s){const e=o.indexOf(t)-1;n.M.setAttribute(w,`${s["s-host-id"]}.${s["s-node-id"]}.0.${e}`)}}}}},Vn=(e,t,n,o,s,i)=>{const r=t.M;if(null==r)return;const l=n.nodeIds++,c=`${o}.${l}.${s}.${i}`;if(r["s-host-id"]=o,r["s-node-id"]=l,1===r.nodeType)r.setAttribute(w,c),"string"!=typeof r["s-sn"]||r.getAttribute("slot")||r.setAttribute("s-sn",r["s-sn"]);else if(3===r.nodeType){const t=r.parentNode,n=null==t?void 0:t.nodeName;if("STYLE"!==n&&"SCRIPT"!==n){const n=e.createComment("t."+c);rn(t,n,r)}}else 8===r.nodeType&&r["s-sr"]&&(r.nodeValue=`s.${c}.${r["s-sn"]||""}`);if(null!=t.R){const i=s+1;t.R.forEach(((t,s)=>{Vn(e,t,n,o,i,s)}))}};const Xn=Object.freeze({__proto__:null,BUILD:t,Build:s,Env:{},Fragment:In,H:k,HTMLElement:k,Host:De,NAMESPACE:e,STENCIL_DEV_MODE:d,addHostEventListeners:Pn,bootstrapLazy:An,cmpModules:m,connectedCallback:Rn,consoleDevError:f,consoleDevInfo:p,consoleDevWarn:h,consoleError:u,createEvent:kt,defineCustomElement:(e,t)=>{customElements.define(t[1],Mn(e,t))},disconnectedCallback:Dn,forceModeUpdate:e=>{if(t.style&&t.mode&&!t.lazyLoad){const t=Ot(e),n=r(e);if(n.j!==t){const o=n.o,s=e["s-sc"],i=Dt(o,t),r=e.constructor.style[t],l=o.u;r&&($.has(i)||Rt(i,r,!!(1&l)),n.j=t,e.classList.remove(s+"-h",s+"-s"),_t(n),yn(e))}}},forceUpdate:yn,getAssetPath:e=>{const t=new URL(e,N.k);return t.origin!==E.location.origin?t.href:t.pathname},getElement:Et,getHostRef:r,getMode:e=>r(e).j,getRenderingRef:()=>$n,getValue:jn,h:Le,insertVdomAnnotations:(e,t)=>{if(null!=e){const n=S in e?e[S]:{...x};n.staticComponents=new Set(t);const o=[];Wn(e,e.body,n,o),o.forEach((t=>{var o;if(null!=t&&t["s-nr"]){const s=t["s-nr"];let i=s["s-host-id"],r=s["s-node-id"],l=`${i}.${r}`;if(null==i)if(i=0,n.rootLevelIds++,r=n.rootLevelIds,l=`${i}.${r}`,1===s.nodeType)s.setAttribute(w,l),"string"!=typeof s["s-sn"]||s.getAttribute("slot")||s.setAttribute("s-sn",s["s-sn"]);else if(3===s.nodeType){if(0===i&&""===(null==(o=s.nodeValue)?void 0:o.trim()))return void t.remove();const n=e.createComment(l);n.nodeValue="t."+l,rn(s.parentNode,n,s)}else if(8===s.nodeType){const t=e.createComment(l);t.nodeValue="c."+l,s.parentNode.insertBefore(t,s)}let c="o."+l;const a=t.parentElement;a&&(""===a["s-en"]?c+=".":"c"===a["s-en"]&&(c+=".c")),t.nodeValue=c}}))}},isMemberInElement:a,loadModule:v,modeResolutionChain:g,nextTick:B,parsePropertyValue:jt,plt:N,postUpdateComponent:bn,promiseResolve:R,proxyComponent:kn,proxyCustomElement:Mn,readTask:W,registerHost:c,registerInstance:l,renderVdom:cn,setAssetPath:e=>N.k=e,setErrorHandler:e=>n=e,setMode:e=>g.push(e),setNonce:Bn,setPlatformHelpers:e=>{Object.assign(N,e)},setPlatformOptions:e=>Object.assign(N,e),setValue:En,styles:$,supportsConstructableStylesheets:L,supportsListenerOptions:!0,supportsShadow:T,win:E,writeTask:z});export{t as B,In as F,k as H,e as N,Xn as S,De as a,An as b,p as c,kt as d,z as e,s as f,Et as g,Le as h,R as p,l as r,Bn as s,E as w}

package/dist/realtimekit-ui/p-abbee273.entry.js

@@ -0,0 +1 @@
+import{r as t,h as a,a as e}from"./p-a599f720.js";import{c as i,e as r,i as o}from"./p-8fc79c56.js";import{R as s}from"./p-eccb6d78.js";import{S as n}from"./p-315cd380.js";var c=function(t,a,e,i){var r,o=arguments.length,s=o<3?a:null===i?i=Object.getOwnPropertyDescriptor(a,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,a,e,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(o<3?r(s):o>3?r(a,e,s):r(a,e))||s);return o>3&&s&&Object.defineProperty(a,e,s),s};const d=class{constructor(a){t(this,a),this.variant="solid",this.disableRender=!1,this.config=i(),this.iconPack=r,this.t=o()}render(){return a(e,{key:"be00ae26f16ab4381eddade1f80172789a2833b2"},!this.disableRender&&a(s,{key:"d7ed714d51dfcb94195864d462c1b9598eea8ca7",element:"rtk-controlbar",defaults:{meeting:this.meeting,config:this.config,states:this.states,t:this.t,iconPack:this.iconPack,size:this.size},onlyChildren:!0}),a("slot",{key:"1601a47d06eab5c79762abdb45d3edb4b0a9f6b6"}))}};c([n()],d.prototype,"meeting",void 0),c([n()],d.prototype,"config",void 0),c([n()],d.prototype,"states",void 0),c([n()],d.prototype,"iconPack",void 0),c([n()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;align-items:center;gap:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);position:relative;z-index:10}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{padding-top:var(--rtk-space-0, 0px) !important}}";export{d as rtk_controlbar}

package/dist/realtimekit-ui/p-ad11a64a.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,a}from"./p-a599f720.js";import{c as i,e as s,i as r}from"./p-8fc79c56.js";import{R as n}from"./p-eccb6d78.js";import{S as o}from"./p-315cd380.js";var c=function(t,e,a,i){var s,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,a,i);else for(var o=t.length-1;o>=0;o--)(s=t[o])&&(n=(r<3?s(n):r>3?s(e,a,n):s(e,a))||n);return r>3&&n&&Object.defineProperty(e,a,n),n};const d=class{constructor(e){t(this,e),this.variant="solid",this.disableRender=!1,this.config=i(),this.iconPack=s,this.t=r()}render(){return e(a,{key:"e88e21ff9c7d6499eb935b4ed487eea19a5da28b"},!this.disableRender&&e(n,{key:"1e6641216a381c9d07152f61eb2a3c0634871bde",element:"rtk-header",defaults:{meeting:this.meeting,config:this.config,states:this.states,t:this.t,iconPack:this.iconPack,size:this.size},onlyChildren:!0}),e("slot",{key:"0cc84f35845f14f426c2b68c9abe914e9654f2db"}))}};c([o()],d.prototype,"meeting",void 0),c([o()],d.prototype,"config",void 0),c([o()],d.prototype,"states",void 0),c([o()],d.prototype,"iconPack",void 0),c([o()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";export{d as rtk_header}

package/dist/realtimekit-ui/p-aee32120.entry.js

@@ -0,0 +1 @@
+import{r as t,d as a,e,h as r,a as s,f as i}from"./p-a599f720.js";import{e as o,i as n,H as c}from"./p-8fc79c56.js";import{d as l,f as d,e as p}from"./p-382270d8.js";import{s as h}from"./p-0752f2ba.js";import{S as b}from"./p-315cd380.js";var k=function(t,a,e,r){var s,i=arguments.length,o=i<3?a:null===r?r=Object.getOwnPropertyDescriptor(a,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,a,e,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(i<3?s(o):i>3?s(a,e,o):s(a,e))||o);return i>3&&o&&Object.defineProperty(a,e,o),o};let v=!1;const g=class{constructor(r){t(this,r),this.onPinMessage=a(this,"pinMessage",7),this.stateUpdate=a(this,"rtkStateUpdate",7),this.observingEl=[],this.autoScrollEnabled=!0,this.messages=[],this.canPinMessages=!1,this.iconPack=o,this.t=n(),this.now=new Date,this.showLatestMessageButton=!1,this.onScroll=t=>{const a=t.target;e((()=>{const{scrollTop:t,clientHeight:e,scrollHeight:r}=a;t+e+10>=r?(this.autoScrollEnabled=!0,this.showLatestMessageButton=!1):this.autoScrollEnabled=!1}))},this.scrollToBottom=()=>{h(this.$chat)},this.observeMessage=t=>{t&&this.observingEl.push(t);try{this.intersectionObserver.observe(t)}catch(t){}},this.getMessageActions=t=>{const a=[];return!t.pinned&&this.canPinMessages&&a.push({id:"pin_message",label:this.t("pin"),icon:this.iconPack.pin}),a},this.onMessageActionHandler=(t,a)=>{"pin_message"===t&&this.onPinMessage.emit(a)}}connectedCallback(){var t;i.isDev&&!v&&(v=!0,console.warn("[realtimekit-ui] `rtk-chat-messages-ui` is deprecated and will be removed in a future release. Use `rtk-chat-messages-ui-paginated` instead.")),this.lastReadTimestamp=null!==(t=c.everyone)&&void 0!==t?t:new Date("0001-01-01T00:00:00Z"),this.intersectionObserver=new IntersectionObserver((t=>{document.hasFocus()&&e((()=>{for(const a of t)a.isIntersecting&&parseInt(a.target.getAttribute("data-timestamp"))>this.lastReadTimestamp.getTime()&&(c[this.selectedGroup]=new Date)}))}));const a=()=>{this.now=new Date,this.timeout=setTimeout((()=>{null!=this.request&&(this.request=requestAnimationFrame(a))}),6e4)};this.request=requestAnimationFrame(a),this.chatChanged(this.messages)}componentDidLoad(){this.$chat.addEventListener("scroll",this.onScroll),this.$chat.scrollTop=this.$chat.scrollHeight}componentDidRender(){this.autoScrollEnabled?h(this.$chat):null==this.autoScrollEnabled&&h(this.$chat,!1)}chatChanged(t){if(null!=this.$chat&&!this.autoScrollEnabled&&this.$chat.clientHeight!==this.$chat.scrollHeight)for(let a=t.length-1;a>=0;a--)if(t[a].message.time>this.lastReadTimestamp&&t[a].message.userId!==this.selfUserId){this.showLatestMessageButton=!0;break}}selectedBucketChanged(){this.autoScrollEnabled=void 0,this.observingEl.forEach((t=>{this.intersectionObserver.unobserve(t)})),this.observingEl=[]}disconnectedCallback(){this.$chat.removeEventListener("scroll",this.onScroll),this.intersectionObserver.disconnect(),clearTimeout(this.timeout),cancelAnimationFrame(this.request)}render(){var t;let a=null,e=!1;return r(s,{key:"eb407b1c88839fd9892658dd53ea838b45b649ae"},r("div",{key:"b3aa97bb11d4ce2fa688bb6171947505e3520b71",class:"chat-container scrollbar",ref:t=>this.$chat=t,part:"container"},r("div",{key:"8652876ea9af0bb1261718b412e34035cdbd905f",class:"spacer",part:"spacer"}),r("div",{key:"dd5caf3b54ff4378d75c3d2d4faec5dfaa79abb7",class:"chat",part:"chat"},null===(t=this.messages)||void 0===t?void 0:t.map((t=>{if("chat"===t.type){const{message:s}=t,i=!(s.userId===this.selfUserId)&&!this.autoScrollEnabled&&!e&&s.time>this.lastReadTimestamp;i&&(e=i);const o=!i&&s.userId===(null==a?void 0:a.userId)&&l(s.time,null==a?void 0:a.time)<2;return a=s,r("div",{"is-continued":o,key:t.message.id,ref:this.observeMessage,"data-timestamp":s.time.getTime(),class:s.pinned?"pinned":""},i&&r("div",{class:"new-chat-marker",part:"new-chat-marker"},this.t("chat.new")),r("div",{class:"message-wrapper"},r("rtk-message-view",{time:s.time,actions:this.getMessageActions(s),authorName:s.displayName,hideAuthorName:!0,hideAvatar:!0,hideMetadata:!0,viewType:"incoming",variant:"bubble",onAction:t=>this.onMessageActionHandler(t.detail,s)},!o&&r("div",{class:"head"},r("div",{class:"name"},s.displayName),!!s.time&&r("div",{class:"time",title:d(s.time)},p(s.time,new Date(Date.now())))),r("div",{class:"body"},"text"===s.type&&r("rtk-text-message-view",{text:s.message,isMarkdown:!0}),"file"===s.type&&r("rtk-file-message-view",{name:s.name,url:s.link,size:s.size}),"image"===s.type&&r("rtk-image-message-view",{url:s.link,onPreview:()=>{this.stateUpdate.emit({image:s})}}))),s.pinned&&r("div",{class:"pin-button",part:"pin-button"},r("rtk-tooltip",{label:this.t("unpin")},r("rtk-button",{kind:"icon",variant:"ghost",onClick:()=>this.onMessageActionHandler("pin_message",s),disabled:!this.canPinMessages},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}))))))}return null})))),r("div",{key:"d6d8dd49909ce709059c37a36a2a2bbb00ddadce",class:"show-new-messages-ctr"},r("rtk-button",{key:"4ce0073d4c5ea5116d555557e8bdbac52a68b34a",class:{"show-new-messages":!0,active:this.showLatestMessageButton},kind:"icon",part:"show-new-messages",onClick:this.scrollToBottom},r("rtk-icon",{key:"8e62ffccf8ac65eafead0442eaa4fb4447d5083a",icon:this.iconPack.chevron_down}))))}static get watchers(){return{messages:["chatChanged"],selectedGroup:["selectedBucketChanged"]}}};k([b()],g.prototype,"iconPack",void 0),k([b()],g.prototype,"t",void 0),g.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);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{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";export{g as rtk_chat_messages_ui}