@cloudflare/realtimekit-ui 1.0.9-staging.1 → 1.0.9-staging.3

package/dist/realtimekit-ui/p-487e808a.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as e,c as a,a as i,w as o}from"./p-0ee570cd.js";import{e as s,h as n,c,H as d,G as l,I as h,u as p,b}from"./p-e87928f7.js";import{f as g,g as k,s as v,h as f}from"./p-6f211c3e.js";import{S as u}from"./p-80c856cd.js";import{d as x}from"./p-e720b51e.js";import{h as m,g as w,T as y,i as j,d as z,e as C,p as _,M as R,f as O,j as P,s as D}from"./p-084b6f30.js";import{g as L,a as M,d as S}from"./p-40be18ee.js";import{p as I,d as U}from"./p-91fd286c.js";import{R as E}from"./p-c8eaa707.js";import{g as q}from"./p-93b84c22.js";import{i as T}from"./p-f47d4fe8.js";import{c as $,o as N,f as A,s as F,a as Y}from"./p-769bb885.js";import{f as H,e as G}from"./p-382270d8.js";import{s as W}from"./p-0752f2ba.js";var X=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const J=class{constructor(e){t(this,e),this.variant="circular",this.iconPack=s,this.t=n(),this.imageState="loading",this.getAvatar=()=>{var t;const e=g((null===(t=this.participant)||void 0===t?void 0:t.name)||"");let a;if(null!=this.participant&&"picture"in this.participant&&(a=this.participant.picture),a&&a.length>0&&"errored"!==this.imageState)return r("div",{class:"image-ctr"},"loading"===this.imageState&&r("rtk-spinner",{iconPack:this.iconPack}),r("img",{src:a,class:{loaded:"loaded"===this.imageState},loading:"lazy",title:e,onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored",part:"image"}));const i=k(e);return r("div",{class:"initials",title:e,part:"initials"},i)}}render(){return r(e,{key:"c1a0be37edb75c40b275ad59af85cee7df3f1cdf"},this.getAvatar(),r("slot",{key:"1cd71e7494a09d68a52051edc279911dc3168515"}))}};X([u()],J.prototype,"iconPack",void 0),X([u()],J.prototype,"t",void 0),J.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 B=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}};B.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 K=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Q=class{constructor(r){t(this,r),this.channelChange=a(this,"channelChange",7),this.disableSearch=!1,this.hideAvatar=!1,this.iconPack=s,this.t=n(),this.viewAs="list",this.searchQuery="",this.showDropdown=!1,this.calculateListHeight=x((()=>{if("list"===this.viewAs&&this.$listEl){let t=0;const r=this.$el.shadowRoot.querySelector('slot[name="header"]');r&&r.assignedElements().forEach((r=>t+=r.offsetHeight)),this.$searchEl&&(t+=this.$searchEl.offsetHeight),this.$listEl.style.height=window.innerHeight-t-16+"px"}}),60),this.getFilteredChannels=()=>""===this.searchQuery.trim()?this.channels:this.channels.filter((t=>t.name.toLowerCase().includes(this.searchQuery.toLowerCase()))),this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.getChannelById=t=>this.channels.find((r=>r.id===t)),this.getTotalUnreads=()=>this.channels.reduce(((t,r)=>t+r.unreadCount),0),this.onChannelClickHandler=t=>{this.channelChange.emit(t),"dropdown"===this.viewAs&&(this.showDropdown=!1)}}connectedCallback(){this.resizeObserver=new ResizeObserver(this.calculateListHeight)}componentDidLoad(){this.resizeObserver.observe(this.$el),this.calculateListHeight()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.calculateListHeight.cancel()}getTimeLabel(t){const r=new Date,e=new Date(r);e.setDate(r.getDate()-1);const a=new Date(r);return a.setDate(r.getDate()-r.getDay()-1),t.toDateString()===r.toDateString()?t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):t.toDateString()===e.toDateString()?this.t("date.yesteday"):t>a?this.t(["date.sunday","date.monday","date.tuesday","date.wednesday","date.thursday","date.friday","date.saturday"][t.getDay()]):Intl.DateTimeFormat([],{day:"2-digit",month:"2-digit",year:"2-digit"}).format(t)}render(){const t=this.getFilteredChannels(),a="list"===this.viewAs||"dropdown"===this.viewAs&&this.showDropdown;return r(e,{key:"adc8ab4b9c8c865998588fbd9766296f18b3e48e"},"list"===this.viewAs&&r("slot",{key:"e5740725a4349472ca2eb1fb0816eb2311a99838",name:"header"}),a&&r("div",{key:"425adc920c28e0421e07bb0bd9f61b31c42fcda9",class:{dropdown:"dropdown"===this.viewAs,scrollbar:"dropdown"===this.viewAs,list:"list"===this.viewAs}},!this.disableSearch&&r("div",{key:"9fbbc48d8489f2a6490729fac1fecdef1838e84a",class:"search-container",ref:t=>this.$searchEl=t},r("input",{key:"f7fb43662d50274f80380b735ef9f5fc0b215442",type:"text",placeholder:this.t("chat.search_conversations"),value:this.searchQuery,onInput:t=>this.searchQuery=t.target.value}),r("rtk-icon",{key:"af76e65a1397d2a6e557a28b687e26aef641c568",icon:this.iconPack.search})),r("div",{key:"0711a9cfcc811269a5020dc41030c0daee5cc8bf",class:"channels-container scrollbar",ref:t=>this.$listEl=t},t.map((t=>r("button",{class:{channel:!0,active:this.selectedChannelId===t.id},onClick:()=>this.onChannelClickHandler(t)},!this.hideAvatar&&r("div",null,t.icon?r("rtk-icon",{class:"avatar-icon",icon:this.iconPack[t.icon]}):r("rtk-avatar",{participant:{name:t.name,picture:t.avatarUrl}})),r("div",{class:"channel-data"},r("div",{class:"col"},r("div",{class:"name"},t.name),t.latestMessage&&r("div",{class:{"last-message":!0,"no-message":!t.latestMessage}},r("rtk-text-message-view",{isMarkdown:!0,text:t.latestMessage}))),r("div",{class:"col channel-meta"},t.latestMessageTime&&r("time",{class:"time"},this.getTimeLabel(t.latestMessageTime)),t.unreadCount>0&&r("div",{class:"unread-count"},t.unreadCount)))))))),"dropdown"===this.viewAs&&r("button",{key:"0c87f90d6d0fe22284995ab7259689f80a862829",class:"dropdown-trigger",onClick:this.toggleDropdown},r("span",{key:"d1a364f2c5c57d19702d0b8707ca661c1dc4c14f"},this.selectedChannelId&&`${this.t("to")} ${this.getChannelById(this.selectedChannelId).name}`,this.getTotalUnreads()>0&&r("div",{key:"bf789f9df82851825bc6ea12a19a5f37ab74aefe",class:"unread-count"},this.getTotalUnreads())),r("rtk-icon",{key:"c0d03f883f4c46b2698be0f197751fc0470717ea",icon:this.showDropdown?this.iconPack.chevron_up:this.iconPack.chevron_down})))}get $el(){return i(this)}};K([u()],Q.prototype,"iconPack",void 0),K([u()],Q.prototype,"t",void 0),Q.style=".scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";var V=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Z=class{constructor(e){t(this,e),this.stateUpdate=a(this,"rtkStateUpdate",7),this.chatUpdateListener=({message:t})=>{t.channelId||this.displayFilter&&!this.displayFilter(t)||(this.addToChatGroup(t),this.chatGroups=Object.assign({},this.chatGroups))},this.chatPermissionUpdateListener=()=>{this.canSend=this.meeting.self.permissions.chatPublic.canSend,this.canSendTextMessage=this.meeting.self.permissions.chatPublic.text,this.canSendFiles=this.meeting.self.permissions.chatPublic.files},this.config=c(),this.iconPack=s,this.t=n(),this.disablePrivateChat=!1,this.canPinMessages=!1,this.privatePresetFilter=[],this.displayFilter=void 0,this.unreadCountGroups={},this.chatGroups={everyone:[]},this.selectedGroup="everyone",this.now=new Date,this.dropzoneActivated=!1,this.showLatestMessageButton=!1,this.canSend=!1,this.canSendTextMessage=!1,this.canSendFiles=!1,this.canPrivateMessage=!1,this.canSendPrivateTexts=!1,this.canSendPrivateFiles=!1,this.emojiPickerEnabled=!1,this.chatRecipientId="everyone",this.participants=[],this.channels=[],this.editingMessage=null,this.replyMessage=null,this.searchQuery="",this.selectorState="hide",this.creatingChannel=!1,this.showPinnedMessages=!1,this.channelMap=new Map,this.onDragOver=t=>{t.preventDefault(),this.dropzoneActivated=!0},this.onDragLeave=()=>{this.dropzoneActivated=!1},this.onDrop=t=>{t.preventDefault(),this.dropzoneActivated=!1,m(t.dataTransfer.items,((t,r)=>{var e,a,i,o;switch(t){case"image":this.isFileMessagingAllowed()&&(null===(a=null===(e=this.meeting)||void 0===e?void 0:e.chat)||void 0===a||a.sendImageMessage(r,this.getRecipientPeerIds()));break;case"file":this.isFileMessagingAllowed()&&(null===(o=null===(i=this.meeting)||void 0===i?void 0:i.chat)||void 0===o||o.sendFileMessage(r,this.getRecipientPeerIds()))}}))},this.disconnectMeeting=t=>{var r,e,a,i,o,s;this.isPrivateChatSupported()&&(null==t||t.participants.joined.removeListener("participantJoined",this.onParticipantUpdate),null==t||t.participants.joined.removeListener("participantLeft",this.onParticipantUpdate)),null===(r=null==t?void 0:t.chat)||void 0===r||r.removeListener("chatUpdate",this.chatUpdateListener),null===(e=null==t?void 0:t.chat)||void 0===e||e.removeListener("channelCreate",this.onChannelCreateOrUpdate),null===(a=null==t?void 0:t.chat)||void 0===a||a.removeListener("channelUpdate",this.onChannelCreateOrUpdate),null===(i=null==t?void 0:t.chat)||void 0===i||i.removeListener("channelMessageUpdate",this.onChannelCreateOrUpdate),null===(s=null===(o=null==t?void 0:t.participants)||void 0===o?void 0:o.all)||void 0===s||s.removeListener("participantsUpdate",this.onChannelCreateOrUpdate),t.self.permissions.removeListener("*",this.chatPermissionUpdateListener)},this.getFilteredParticipants=()=>0===this.privatePresetFilter.length?this.participants:this.participants.filter((t=>this.privatePresetFilter.includes(t.presetName))),this.onParticipantUpdate=()=>{this.participants=this.meeting.participants.joined.toArray().filter((t=>0===this.privatePresetFilter.length||this.privatePresetFilter.includes(t.presetName))),this.selectedParticipant&&!this.participants.includes(this.selectedParticipant)&&(this.selectedParticipant=null,this.chatRecipientId=this.selectedGroup="everyone")},this.updateUnreadCountGroups=t=>{this.unreadCountGroups=Object.assign(Object.assign({},this.unreadCountGroups),t)},this.isPrivateChatSupported=()=>this.canPrivateMessage&&!this.disablePrivateChat,this.updateRecipients=t=>{const{id:r}=t.detail;if(this.chatRecipientId=r,this.selectedParticipant=this.participants.find((t=>t.userId===r)),"everyone"!==this.chatRecipientId){const t=w([this.chatRecipientId,this.meeting.self.userId]);this.selectedGroup=t}else this.selectedGroup="everyone";this.updateUnreadCountGroups({[this.selectedGroup]:0})},this.isTextMessagingAllowed=()=>"everyone"===this.chatRecipientId?this.canSend&&this.canSendTextMessage:this.canPrivateMessage&&this.canSendPrivateTexts,this.isFileMessagingAllowed=()=>"everyone"===this.chatRecipientId?this.canSend&&this.canSendFiles:this.canPrivateMessage&&this.canSendPrivateFiles,this.onChannelChanged=t=>{const r=t.detail;r.id.includes(y)?this.createDMChannel(r.id.replace(y,"")):this.selectedChannelId=r.id,this.cleanup(),"desktop"!==this.selectorState&&(this.selectorState="hide")},this.createDMChannel=async t=>{this.creatingChannel=!0;const r=await this.meeting.chat.createChannel("Direct Message",[t],{visibility:"private",isDirectMessage:!0});this.creatingChannel=!1,this.selectedChannelId=r.id},this.cleanup=()=>{this.editingMessage=null,this.replyMessage=null,this.searchQuery=""},this.onQuotedMessageDismiss=()=>{this.replyMessage=null},this.onChannelCreateOrUpdate=t=>{t?this.channelMap.set(t.id,t):this.meeting.chat.channels.forEach((t=>this.channelMap.set(t.id,t)));const r=Array.from(this.channelMap.values()),e=r.filter((t=>!j(t))).sort(((t,r)=>z(t.displayName,r.displayName))),a=r.filter(j).map((t=>Object.assign(Object.assign({},t),{displayName:this.getMemberDisplayName(t)}))),i=this.meeting.participants.all.toArray().filter((t=>{if(t.userId===this.meeting.self.userId)return!1;const r=C([this.meeting.self.userId,t.userId]);return a.every((t=>C(t.memberIds)!==r))})).map((t=>({id:`${y}${t.userId}`,displayName:t.name,displayPictureUrl:t.picture,isDirectMessage:!0,unreadCount:0}))),o=[...a,...i].sort(((t,r)=>z(t.displayName,r.displayName)));this.channels=[...e,...o];const s=[...e,...a];this.selectedChannelId||0===s.length||(this.selectedChannelId=s[0].id)},this.getMemberDisplayName=t=>{var r;let e;e=1===t.memberIds.length?t.memberIds[0]:t.memberIds[0]===this.meeting.self.userId?t.memberIds[1]:t.memberIds[0];const a=this.meeting.participants.all.toArray().find((t=>t.userId===e));return null!==(r=null==a?void 0:a.name)&&void 0!==r?r:e},this.onNewMessageHandler=async t=>{this.meeting.chat.sendMessage(t.detail,this.getRecipientPeerIds())},this.onEditMessageHandler=async t=>{var r,e;await(null===(e=null===(r=this.meeting)||void 0===r?void 0:r.chat)||void 0===e?void 0:e.editTextMessage(this.editingMessage.id,t.detail,this.editingMessage.channelId)),this.editingMessage=null},this.onEditCancel=()=>{this.editingMessage=null},this.onPinMessage=t=>{const r=t.detail;r.pinned?this.meeting.chat.unpin(r.id):this.meeting.chat.pin(r.id)},this.onDeleteMessage=t=>{this.meeting.chat.deleteMessage(t.detail.id)},this.getPrivateChatRecipients=()=>{const t=this.getFilteredParticipants().map((t=>{const r=w([t.userId,this.meeting.self.userId]);return{id:t.userId,name:t.name,avatarUrl:t.picture,unreadCount:this.unreadCountGroups[r]}}));return[{id:"everyone",name:this.t("chat.everyone"),icon:"participants",unreadCount:this.unreadCountGroups.everyone},...t]},this.onTogglePinnedMessages=()=>{this.showPinnedMessages=!this.showPinnedMessages},this.renderPinnedMessagesHeader=()=>0===this.meeting.chat.pinned.length?null:r("rtk-tooltip",{label:this.t("chat.toggle_pinned_msgs")},r("div",{class:{"pinned-messages-header":!0,active:this.showPinnedMessages},onClick:this.onTogglePinnedMessages},r("rtk-icon",{icon:this.iconPack.pin}),this.t("chat.pinned_msgs"),` (${this.meeting.chat.pinned.length})`))}connectedCallback(){this.meeting&&(this.meetingChanged(this.meeting),this.meeting&&!this.meeting.chat||this.isFileMessagingAllowed()&&(this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop)))}onEditMessageInit(t){t.detail.flags.isReply?this.replyMessage=t.detail.payload:t.detail.flags.isEdit&&(this.editingMessage=t.detail.payload)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.disconnectMeeting(this.meeting),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop)}meetingChanged(t,r){var e,a,i,o,s,n;null!=r&&this.disconnectMeeting(r),t&&!t.chat||null!=t&&(this.canSend=t.self.permissions.chatPublic.canSend,this.canSendTextMessage=t.self.permissions.chatPublic.text,this.canSendFiles=t.self.permissions.chatPublic.files,this.canPrivateMessage=!(!(null===(e=t.self.permissions.chatPrivate)||void 0===e?void 0:e.canSend)&&!(null===(a=t.self.permissions.chatPrivate)||void 0===a?void 0:a.canReceive)),this.canSendPrivateTexts=!!(null===(i=t.self.permissions.chatPrivate)||void 0===i?void 0:i.text),this.canSendPrivateFiles=!!(null===(o=t.self.permissions.chatPrivate)||void 0===o?void 0:o.files),this.canPinMessages=(null===(s=null==t?void 0:t.__internals__)||void 0===s?void 0:s.features.hasFeature(d.PINNED_MESSAGES))&&t.self.permissions.pinParticipant,this.initializeChatGroups(),this.chatGroups=Object.assign({},this.chatGroups),t.self.permissions.on("*",this.chatPermissionUpdateListener),this.onParticipantUpdate(),null===(n=t.chat)||void 0===n||n.addListener("chatUpdate",this.chatUpdateListener),this.isPrivateChatSupported()&&(t.participants.joined.addListener("participantJoined",this.onParticipantUpdate),t.participants.joined.addListener("participantLeft",this.onParticipantUpdate)))}chatGroupsChanged(t){var r,e;if(!this.isPrivateChatSupported())return;const a={};for(const i in t){const o=null!==(r=l[i])&&void 0!==r?r:0;a[i]=t[i].filter((t=>"chat"==t.type&&t.message.time>o&&t.message.userId!==this.meeting.self.userId)).length,(i===w([this.meeting.self.userId,null===(e=this.selectedParticipant)||void 0===e?void 0:e.userId])||"everyone"===i&&null===this.selectedParticipant)&&(a[i]=0,l[i]=new Date)}this.updateUnreadCountGroups(a)}initializeChatGroups(){var t;null===(t=this.meeting.chat)||void 0===t||t.messages.forEach((t=>{this.displayFilter&&!this.displayFilter(t)||this.addToChatGroup(t)}))}onDisplayFilterChanged(t,r){t!==r&&(this.chatGroups={},this.initializeChatGroups())}addToChatGroup(t){var r;const e=_(t);let a="everyone";if((null===(r=e.targetUserIds)||void 0===r?void 0:r.length)>0){const t=new Set([e.userId,...e.targetUserIds]);a=w(Array.from(t))}void 0===this.chatGroups[a]&&(this.chatGroups[a]=[]);let i=!1,o=[];this.chatGroups[a].forEach((r=>{"chat"===r.type&&r.message.id===t.id?(i=!0,o.push({type:"chat",message:e})):o.push(r)})),i||o.push({type:"chat",message:e}),this.chatGroups[a]=o}getRecipientPeerIds(){let t=[];return"everyone"!==this.chatRecipientId&&(t=[this.selectedParticipant.id]),t}channelSwitchListener(t){this.onChannelChanged(t)}renderComposerUI(){var t,e,a;if("everyone"===this.chatRecipientId){if(!this.canSendTextMessage&&!this.canSendFiles)return null}else if(!this.canSendPrivateTexts&&!this.canSendPrivateFiles)return null;const i={iconPack:this.iconPack,t:this.t,size:this.size};return r("rtk-chat-composer-view",Object.assign({message:this.editingMessage?this.editingMessage.message:"",storageKey:null!==(t=this.selectedChannelId)&&void 0!==t?t:`draft-${this.selectedChannelId}`,quotedMessage:this.replyMessage?this.replyMessage.message:"",isEditing:!!this.editingMessage,canSendTextMessage:this.isTextMessagingAllowed(),canSendFiles:this.isFileMessagingAllowed(),disableEmojiPicker:!!(null===(a=null===(e=this.meeting)||void 0===e?void 0:e.__internals__)||void 0===a?void 0:a.features.hasFeature(d.DISABLE_EMOJI_PICKER)),maxLength:this.meeting.chat.maxTextLimit,rateLimits:this.meeting.chat.rateLimits,inputTextPlaceholder:this.t("chat.message_placeholder"),onNewMessage:this.onNewMessageHandler,onEditMessage:this.onEditMessageHandler,onEditCancel:this.onEditCancel,onQuotedMessageDismiss:this.onQuotedMessageDismiss},i),r("slot",{name:"chat-addon",slot:"chat-addon"}))}render(){var t;if(!this.meeting)return null;let a=this.chatGroups[this.selectedGroup]||[];return this.showPinnedMessages&&0!==this.meeting.chat.pinned.length&&(a=a.filter((t=>"chat"===t.type&&t.message.pinned))),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"))),this.renderPinnedMessagesHeader(),this.isPrivateChatSupported()&&r("rtk-channel-selector-view",{channels:this.getPrivateChatRecipients(),selectedChannelId:(null===(t=this.selectedParticipant)||void 0===t?void 0:t.userId)||"everyone",onChannelChange:this.updateRecipients,t:this.t,viewAs:"dropdown"}),r("rtk-chat-messages-ui-paginated",{meeting:this.meeting,onPinMessage:this.onPinMessage,onDeleteMessage:this.onDeleteMessage,size:this.size,iconPack:this.iconPack,t:this.t}),this.renderComposerUI())))}get host(){return i(this)}static get watchers(){return{meeting:["meetingChanged"],chatGroups:["chatGroupsChanged"],displayFilter:["onDisplayFilterChanged"]}}};V([u()],Z.prototype,"meeting",void 0),V([u()],Z.prototype,"config",void 0),V([u()],Z.prototype,"iconPack",void 0),V([u()],Z.prototype,"t",void 0),Z.style=":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";var tt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const rt={messagesSent:0,startTime:0},et=class{constructor(r){t(this,r),this.onNewMessage=a(this,"newMessage",7),this.onEditMessage=a(this,"editMessage",7),this.onEditCancel=a(this,"editCancel",7),this.onQuotedMessageDismiss=a(this,"quotedMessageDismiss",7),this.canSendTextMessage=!0,this.canSendFiles=!0,this.message="",this.quotedMessage="",this.storageKey="rtk-text-message",this.inputTextPlaceholder="Enter your message",this.isEditing=!1,this.iconPack=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-rt.startTime>1e3*this.rateLimits.period&&(rt.startTime=r,rt.messagesSent=0),rt.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:R)?this.disableSendButton=!0:this.disableSendButton&&(this.disableSendButton=!1),h.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,h.setItem(this.storageKey,""),this.$textComposer.setText("",!0),this.isEmojiPickerOpen=!1},this.onKeyDownHandler=this.onKeyDownHandler.bind(this)}connectedCallback(){this.textMessage=this.message||h.getItem(this.storageKey)||"",this.checkRateLimitBreached(Date.now())}componentWillUpdate(){this.textMessage=this.message||h.getItem(this.storageKey)||""}componentDidLoad(){this.message&&o((()=>this.$textComposer.setText(this.message,!0)))}checkRateLimitBreached(t){rt.messagesSent>=this.rateLimits.maxInvocations&&(this.disableSendButton=!0,this.rateLimitsBreached=!0,setTimeout((()=>{rt.messagesSent=0,rt.startTime=Date.now(),this.disableSendButton=!1,this.rateLimitsBreached=!1}),t-rt.startTime+1e3*this.rateLimits.period))}render(){var t;const a={iconPack:this.iconPack,t:this.t};return r(e,{key:"06455539e3067eb1c1c592b551d0ef99eba2f331"},this.canSendTextMessage&&this.isEmojiPickerOpen&&r("rtk-emoji-picker",Object.assign({key:"fe83b0ab9562cc0e1c61f89e4b441ef592edfa1a",part:"emoji-picker",onPickerClose:()=>{this.isEmojiPickerOpen=!1},onRtkEmojiClicked:t=>{this.textMessage+=t.detail,this.$textComposer.setText(this.textMessage,!0)}},a)),r("slot",{key:"8653c2e805e41adf5958941cc10ff01d43f97792",name:"chat-addon"}),this.quotedMessage&&0!==this.quotedMessage.length&&r("div",{key:"82b9bf5203a799709e980d61ab827b9daf8292e6",class:"quoted-message-container",part:"quoted-message-container"},r("div",{key:"4b9fe8f382da7075e815c329f2d7dca17ce0f694",class:"quoted-message scrollbar"},r("rtk-text-message-view",{key:"7a16547e83d9bca43794e46e56c5a9c743a9929a",text:this.quotedMessage,isMarkdown:!0})),r("div",{key:"5691b8d882016cda66cd2faf3858bc38cd53458c"},r("rtk-icon",{key:"2d5b222bd5eaac6d46812b704674f52f86efdb92","aria-label":this.t("dismiss"),class:"dismiss",icon:this.iconPack.dismiss,onClick:this.onQuotedMessageDismissHandler}))),r("div",{key:"d7638411df9ae1b2cbef8cae66d0af2b7ad310e6",class:"composer-container"},r("div",{key:"ca1ee222584fdd27e53989d28b6ce583c6b0c400",class:"composers"},this.fileToUpload&&r("rtk-draft-attachment-view",Object.assign({key:"d511c900c71a97f8f92640b73a7575dcd267de88"},a,{attachment:this.fileToUpload,onDeleteAttachment:()=>this.fileToUpload=null})),!this.fileToUpload&&r("rtk-text-composer-view",{key:"08f214184853dcedeccb5f07dac2a0a308269793",value:this.textMessage,placeholder:this.inputTextPlaceholder,onTextChange:this.onTextChangeHandler,keyDownHandler:this.onKeyDownHandler,maxLength:null!==(t=this.maxLength)&&void 0!==t?t:R,rateLimitBreached:this.rateLimitsBreached,t:this.t,iconPack:this.iconPack,ref:t=>this.$textComposer=t})),r("div",{key:"9b6cbe7cb8529c8e60f8cc9e13cc95ca64504efc",class:"chat-buttons",part:"chat-buttons"},r("div",{key:"30e24e8edf58179ef20ccd436d3833ba177ebb0d",class:"left",part:"chat-buttons-left"},!this.fileToUpload&&!this.isEditing&&r("div",{key:"54ad294bedab1c0bc7c02a72c4f3f51bc10bba85"},this.canSendFiles&&[r("rtk-file-picker-button",Object.assign({key:"1a0760e05a183b6c8da2ff02e33ecd40bfdb6e97"},a,{onFileChange:t=>this.onFileUploadHandler("file",t.detail)})),r("rtk-file-picker-button",Object.assign({key:"5d6cf1928c8edb6737b367807c93152ad62cea36",filter:"image/*",label:this.t("chat.send_img"),icon:"image",onFileChange:t=>this.onFileUploadHandler("image",t.detail)},a))],this.canSendTextMessage&&!this.disableEmojiPicker&&r("rtk-emoji-picker-button",Object.assign({key:"50f14152b8d15009104e9b1dd05ee5e1ec49ab16",isActive:this.isEmojiPickerOpen,onClick:()=>{this.isEmojiPickerOpen=!this.isEmojiPickerOpen}},a)),r("slot",{key:"1e1fe81e1e196fc8d679bfc2d6ed0c6402c74a4a",name:"chat-buttons"}))),r("div",{key:"272526b7c81ed1acd028beceb3869c584e94308f",class:"right",part:"chat-buttons-right"},!this.isEditing&&r("rtk-tooltip",{key:"6750abf323b2f1c951661c44390eb97d3ec71544",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},r("rtk-button",{key:"a159fa6dcc1f8ede64085abd8286a69ad86b7002",kind:"icon",disabled:this.disableSendButton,onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},r("rtk-icon",{key:"bb26a3a7954727859f5566ecc60d746ac6700b7b",icon:this.iconPack.send}))),this.isEditing&&r("div",{key:"5ef512e3fc236510a518e76ce027f0c8fc1c9a0c",class:"edit-buttons"},r("rtk-tooltip",{key:"e18ae7567350d32b18a70de8cb2c1af0830353bc",variant:"secondary",label:this.t("cancel"),delay:2e3},r("rtk-button",{key:"4f4aa2e44308a393314ab95244c87a3b8d4b282c",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},r("rtk-icon",{key:"a4a99fe9ae34707cb63f63461a4728baf70e3e7a",icon:this.iconPack.dismiss}))),r("rtk-tooltip",{key:"789315dbf551ba74d004459981532fa9a467ac45",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},r("rtk-button",{key:"61da43993c2da9b8bd00796544030e9b4cb45f12",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},r("rtk-icon",{key:"e45aab29b0f6553ed2d7f370a8817bdccdabe42e",icon:this.iconPack.checkmark}))))))))}};tt([u()],et.prototype,"iconPack",void 0),tt([u()],et.prototype,"t",void 0),et.style=":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";var at=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const it=class{constructor(e){t(this,e),this.editMessageInit=a(this,"editMessageInit",7),this.onPinMessage=a(this,"pinMessage",7),this.onDeleteMessage=a(this,"deleteMessage",7),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=s,this.t=n(),this.leftAlign=!1,this.permissionsChanged=!1,this.pageSize=25,this.lastReadMessageIndex=-1,this.permissionsUpdateListener=()=>{this.permissionsChanged=!this.permissionsChanged},this.maybeMarkChannelAsRead=t=>{if(!this.selectedChannelId)return;if(0===t.length)return;if(-1!==this.lastReadMessageIndex)return;const r=t.at(0).time>t.at(-1).time?t.at(0):t.at(-1);r.channelIndex&&(this.lastReadMessageIndex=parseInt(r.channelIndex,10),this.meeting.chat.markLastReadMessage(this.selectedChannelId,r))},this.getChatMessages=async(t,r,e)=>{const{messages:a}=await this.meeting.chat.getMessages(t,r,e,void 0,this.selectedChannelId);return this.maybeMarkChannelAsRead(a),a},this.createChatNodes=t=>t.map(((r,e)=>{var a;const i=r.userId===(null===(a=t[e-1])||void 0===a?void 0:a.userId);return this.createChatNode(r,i)})),this.disconnectMeeting=t=>{var r,e;null===(r=null==t?void 0:t.chat)||void 0===r||r.removeListener("chatUpdate",this.chatUpdateListener),null===(e=this.meeting)||void 0===e||e.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)},this.getMessageActions=t=>{const r=[];return this.meeting.self.permissions.pinParticipant&&r.push({id:"pin_message",label:this.t(t.pinned?"unpin":"pin"),icon:this.iconPack.pin}),r},this.onMessageActionHandler=(t,r)=>{switch(t){case"pin_message":this.onPinMessage.emit(r);break;case"delete_message":this.onDeleteMessage.emit(r)}},this.createChatNode=(t,e)=>{var a,i,o,s;if(0!==t.targetUserIds.length)return null;let n;n="CHAT"===this.meeting.meta.viewType?null===(a=this.meeting.participants.all.toArray().find((r=>r.userId===t.userId)))||void 0===a?void 0:a.picture:this.meeting.self.userId===t.userId?this.meeting.self.picture:null!==(o=null===(i=this.meeting.participants.joined.toArray().find((r=>r.userId===t.userId)))||void 0===i?void 0:i.picture)&&void 0!==o?o:null===(s=this.meeting.participants.waitlisted.toArray().find((r=>r.userId===t.userId)))||void 0===s?void 0:s.picture;const c=t.userId===this.meeting.self.userId,d=c?"outgoing":"incoming";return r("div",{class:{pinned:t.pinned}},r("div",{class:"message-wrapper"},r("rtk-message-view",{time:t.time,actions:this.getMessageActions(t),authorName:t.displayName,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})}})),t.pinned&&r("div",{class:"pin-icon",part:"pin-icon"},r("rtk-icon",{icon:this.iconPack.pin,size:"sm"}))))))},this.chatUpdateListener=t=>{this.selectedChannelId&&t.message.channelId!==this.selectedChannelId||("add"===t.action?(this.$paginatedListRef.onNewNode(t.message),this.lastReadMessageIndex=-1,this.maybeMarkChannelAsRead([t.message])):"delete"===t.action?this.$paginatedListRef.onNodeDelete(t.message.id):"edit"===t.action&&this.$paginatedListRef.onNodeUpdate(t.message.id,t.message))}}componentDidLoad(){const t=this.host.shadowRoot.querySelector("slot");t&&(this.children=t.assignedElements()[0])}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting(this.meeting)}meetingChanged(t,r){var e;null!=r&&this.disconnectMeeting(r),t&&!t.chat||(null!=t&&(null===(e=t.chat)||void 0===e||e.addListener("chatUpdate",this.chatUpdateListener),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)),this.permissionsUpdateListener())}channelChanged(){this.lastReadMessageIndex=-1}render(){return r(e,{key:"9716b4db0dbae3308a056693341635d93c0d1227"},r("rtk-paginated-list",{key:"4b540e565aa0d7031ad8c84f35cadb07d207abfe",ref:t=>this.$paginatedListRef=t,pageSize:this.pageSize,pagesAllowed:3,fetchData:this.getChatMessages,createNodes:this.createChatNodes,selectedItemId:this.selectedChannelId,emptyListLabel:this.t("chat.empty_channel")},r("slot",{key:"41ffb56aea7e02f3c20f8ea261638d6fd9d80232"})))}get host(){return i(this)}static get watchers(){return{meeting:["meetingChanged"],selectedChannelId:["channelChanged"]}}};at([u()],it.prototype,"meeting",void 0),at([u()],it.prototype,"iconPack",void 0),at([u()],it.prototype,"t",void 0),it.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 ot=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const st=class{constructor(r){t(this,r),this.onDeleteAttachment=a(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:"22c8ff3317b6247dc6a0fa2088f28dc293de9738"},r("div",{key:"317c0e6a06849af0af42d81353dc0002b82185a5",class:"preview-overlay"},r("div",{key:"94d0d35a3696725b59341303760212cf6e01c8a7",class:"preview"},r("rtk-tooltip",{key:"3171acf60f22a80cbcbf9d3d6f8cf5ac61b67b67",label:this.t("chat.cancel_upload")},r("rtk-button",{key:"37d1055de9d59318c0f7f612dee3304838142968",variant:"secondary",kind:"icon",onClick:this.onDeleteClickHandler},r("rtk-icon",{key:"9988b389300e0c6bd404d02440d7b3d323f384dd",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 nt;ot([u()],st.prototype,"iconPack",void 0),ot([u()],st.prototype,"t",void 0),st.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 ct=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const dt=class{constructor(r){t(this,r),this.pickerClose=a(this,"pickerClose",7),this.emojiClicked=a(this,"rtkEmojiClicked",7),this.iconPack=s,this.t=n(),this.focusWhenOpened=!0,this.filterVal="",this.filteredEmojis=[]}componentWillLoad(){(async()=>{if(!nt){const t=await fetch("https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json");nt=t.json()}return nt})().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:"48f4159ff5232b9d03fdcabf2d39e4375ca4fa14"},r("div",{key:"20f86592a9dc47231c0c6cf33484af981533e21d",class:"close-parent"},r("rtk-button",{key:"cff61f9c8fa0c1e0a8b6dc9433abedf914f9ded0",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:"56a12d4cc55b80ea026c92906466ebb10bf6cd6e",icon:this.iconPack.dismiss}))),r("div",{key:"b48a1933b33f9886f39955ecbd046ffff370719b",class:"emoji-parent"},r("input",{key:"40d0f74a160358c3214b810de0f2ee6f286f1af7",value:this.filterVal,onInput:t=>this.handleInputChange(t.target),placeholder:this.t("search"),ref:t=>this.inputElement=t}),this.mapEmojiList()))}};ct([u()],dt.prototype,"iconPack",void 0),ct([u()],dt.prototype,"t",void 0),dt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{width:100%}.emoji-parent{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-64, 256px);width:100%;max-width:640px;flex-direction:column;padding:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-0, 0px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.close-parent{display:flex;flex:1 1 0%;justify-content:flex-end;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#emoji-grid{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:scroll;height:100%;grid-auto-rows:minmax(min-content, max-content)}#loader{display:flex;height:100%;width:100%;align-items:center;justify-content:center}input{display:block;height:var(--rtk-space-8, 32px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;border-width:var(--rtk-border-width-none, 0);border-style:solid;border-style:none;border-color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input::placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input{border-radius:var(--rtk-border-radius-sm, 4px);outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-ring-opacity));--tw-ring-opacity:0.3}.emoji{height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);font-size:20px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";var lt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ht=class{constructor(r){t(this,r),this.iconPack=s,this.t=n()}render(){return r("rtk-tooltip",{key:"9826128cb78d2cb79a21b4dcb877ecc1ab020090",label:this.t("chat.send_emoji")},r("rtk-button",{key:"07fd6bcc6ffdb58278c843748f771a2597f8edcd",variant:"ghost",kind:"icon",class:{active:this.isActive},title:this.t("chat.send_emoji")},r("rtk-icon",{key:"30f352d18771bd542d9ca4ff1a4615ef5958ec7d",icon:this.iconPack.emoji_multiple})))}};lt([u()],ht.prototype,"iconPack",void 0),lt([u()],ht.prototype,"t",void 0),ht.style=":host{}";const pt=class{constructor(r){t(this,r),this.iconPack=s}render(){return r("div",{key:"d2cbeddc138f81c05da1656ee7f59c170e83bd1e",class:"file"},r("rtk-button",{key:"b0ee90c3493c24e938b6ea88a317c642e4afc003",variant:"secondary",kind:"icon",onClick:()=>S(v(this.url),{name:this.name,fallbackName:"file"}),part:"button"},r("rtk-icon",{key:"c1b25c655b5c87bf95948abfa461f8b58ff79195",icon:this.iconPack.download})),r("div",{key:"c961a8ce93d4ff4405590787a88b5a9bbdbf56ab",class:"file-data"},r("div",{key:"bd178354d166c7816d6fabb72f7bba70fd711415",class:"name"},this.name),r("div",{key:"59a791ae9f94a13b4005a0d8f79d09687fe3fc4c",class:"file-data-split"},r("div",{key:"b31421fdf786d92eed0decec9d3b247530413aa9",class:"ext"},L(this.name)),r("span",{key:"7a0a2a188b3e0b6bee0cf54d3afe29c2454788bb",class:"divider"}),r("div",{key:"b217b87fa0737732aae10662b82d337d7258e6d7",class:"size"},M(this.size)))))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([u()],pt.prototype,"iconPack",void 0),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)}.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 bt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const gt=class{constructor(r){t(this,r),this.onFileChange=a(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:"90e405f39792f7ea0430c55e9b5ba0da72ce2a4a",label:t},r("rtk-button",{key:"f0957e7a9668afd9e25e866ea2acbb6891123bbe",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile(),title:t},r("rtk-icon",{key:"1955f524343683974831b28629291428637aa8fc",icon:this.iconPack[this.icon]})))}};bt([u()],gt.prototype,"iconPack",void 0),bt([u()],gt.prototype,"t",void 0),gt.style=":host{}";const kt=t=>{try{return JSON.parse(t)}catch(r){return t}},vt=class{constructor(r){t(this,r),this.variant="primary",this.size="lg"}render(){return r(e,{key:"fbacb1ee3dd4c1ca7aa612f08e938601df73036c"},r("div",{key:"04c026967cb7aa3acb3fba09fcf5b0d33f45e2b0",class:"icon-wrapper",innerHTML:kt(this.icon),part:"wrapper"}))}};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{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 ft=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const ut=class{constructor(r){t(this,r),this.onPreview=a(this,"preview",7),this.iconPack=s,this.t=n(),this.status="loading"}render(){return r("div",{key:"259bdc1102c6026dd10388ae759f67608c777b5f",class:{image:!0,loaded:"loaded"===this.status}},r("img",{key:"dbcb8d497fee3710f4474ec3ac0ce9a9b4f1bb49",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:"b0ecfada4428e1cb8c3625cc4ce3d2a5bae058ab",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},r("rtk-spinner",{key:"fff61c6522d8bcb7de1345bb6505721ee6c6325e",iconPack:this.iconPack})),"errored"===this.status&&r("div",{key:"c07e2cf6e9a94d375802c974e519d859ab48aa9b",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},r("rtk-icon",{key:"83108f4f0396d77778463601a4f18d8593b0ffe7",icon:this.iconPack.image_off})),"loaded"===this.status&&r("div",{key:"96b5aafbd94eec920ae1cad14f09ab4a44571bd7",class:"actions"},r("rtk-button",{key:"a87ec11cc8de472aeb356689b49b6b366bd67f28",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.onPreview.emit(this.url)}},r("rtk-icon",{key:"543478c786b709ac477d4482874608c0b394b27c",icon:this.iconPack.full_screen_maximize})),r("rtk-button",{key:"6ce6d94a965688c7ec6ee64f79a4d13dda9651e3",class:"action",variant:"secondary",kind:"icon",onClick:()=>S(this.url,{fallbackName:"image"})},r("rtk-icon",{key:"3b1d67fbdd667e0d006e342c37f6e78c90fd2e34",icon:this.iconPack.download}))))}};ft([u()],ut.prototype,"iconPack",void 0),ft([u()],ut.prototype,"t",void 0),ut.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.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 xt=class{constructor(e){t(this,e),this.maxLength=R,this.restoreEmpty=(t,r,e)=>0===t.trim().length?`${r}${t}${r}`:e(t),this.renderLink=t=>r("a",{class:"link",href:t,target:"_blank",rel:"noopener noreferrer"},t),this.renderBold=t=>"string"==typeof t?this.restoreEmpty(t,"*",(t=>r("b",null,t))):r("b",null,this.renderTokens(t)),this.renderItalic=t=>"string"==typeof t?this.restoreEmpty(t,"_",(t=>r("i",null,t))):r("i",null,this.renderTokens(t)),this.renderStrikethrough=t=>"string"==typeof t?this.restoreEmpty(t,"~",(t=>r("s",null,t))):r("b",null,this.renderTokens(t)),this.renderPlainText=t=>"string"==typeof t?t:r("p",null,this.renderTokens(t)),this.renderTokens=t=>t.map((t=>{switch(t.type){case"a":if("string"==typeof t.content)return this.renderLink(t.content);case"b":return this.renderBold(t.content);case"i":return this.renderItalic(t.content);case"s":return this.renderStrikethrough(t.content);case"q":return r("span",{class:"block-quote"});default:return this.renderPlainText(t.content)}}))}renderMessage(t){let e=t.split("\n"),a=!1;"```"===e[0]&&"```"===e[e.length-1]&&(a=!0,e=e.slice(1,-1));const i=e.map((t=>{const e=O(t);return r("p",null,this.renderTokens(e))}));return a?r("pre",{style:{whiteSpace:"pre",overflow:"scroll"}},e.join("\n")):i}render(){const t=this.text.slice(0,this.maxLength),e=P(t,!0),a=D(t);return r("p",{key:"9544292f118f2c6975a807d6bcc2d307c70b2940"},0!==e.length&&r("blockquote",{key:"294bca9889738148fd51ecd8487d2d98b5adee4b"},this.renderMessage(e)),0!==a.length&&this.renderMessage(a))}};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{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}";const mt=class{constructor(r){t(this,r),this.statesUpdate=a(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||p).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.handleChangingMeeting=t=>{this.updateStates({activeBreakoutRoomsManager:Object.assign(Object.assign({},(this.peerStore||p).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.resizeObserver=new T((()=>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||p).state.states.activeDebugger&&I(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=b({meeting:t,config:this.config,iconPack:this.iconPack,t:this.t,providerId:this.providerId}),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:a,data:i}=q(e,t);this.config=a,null==this.showSetupScreen&&(this.showSetupScreen=i.showSetupScreen),t.connectedMeetings.supportsConnectedMeetings&&(null===(r=(this.peerStore||p).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||p).state.states.activeDebugger&&I(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||p).state.states.activeDebugger&&I(document.documentElement,t.designTokens)}handleResize(){var t;this.size=(t=this.host.clientWidth)>=1080?"lg":t>=768?"md":"sm"}updateStates(t){const r=this.peerStore||p,e=Object.assign({},r.state.states);r.state.states=U(e,t),this.statesUpdate.emit(r.state.states);const a=new CustomEvent("rtkStatesUpdate",{detail:r.state.states,bubbles:!0,composed:!0});this.host.dispatchEvent(a)}render(){const t={meeting:this.meeting,size:this.size,states:(this.peerStore||p).state.states,config:this.config||c(),iconPack:this.iconPack,t:this.t};return"CHAT"===(this.peerStore||p).state.states.viewType?r("rtk-chat",Object.assign({},t)):r(E,{element:"rtk-meeting",defaults:t,asHost:!0,elementProps:{"rtk-grid":{layout:this.gridLayout}}})}get host(){return i(this)}static get watchers(){return{meeting:["meetingChanged"],iconPack:["iconPackChanged"],t:["tChanged"],config:["configChanged"]}}};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)}: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 wt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const yt=class{constructor(r){t(this,r),this.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(){$(this.triggerEl,this.menuListEl,{placement:this.placement,middleware:[N(this.offset),A(),F({padding:5})]}).then((({x:t,y:r})=>{Object.assign(this.menuListEl.style,{left:`${t}px`,top:`${r}px`})}))}render(){return r(e,{key:"a814ea3dde902a15cb6fb0db8a9c2409c240537f"},r("span",{key:"de2447524c6a1787a6b9442ccb9c3d56a33e9f4f",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:"fb566f431ceca452fad8b564cfb777bc90411a02",name:"trigger"})),r("span",{key:"50b030d301e54677d19cc21dadcec53f566b14cf",part:"menu-list",id:"menu-list",ref:t=>this.menuListEl=t},r("slot",{key:"59ce6c30c39155fec448114fd25752585d95c87d"})))}};wt([u()],yt.prototype,"iconPack",void 0),wt([u()],yt.prototype,"t",void 0),yt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}: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 jt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const zt=class{constructor(r){t(this,r),this.iconPack=s,this.t=n()}render(){return r(e,{key:"f0316fee5ac5fd2124ee26ac2664172007ad1c54"},r("slot",{key:"994a3a27f743462a3ae0a4c95bc5de672119fdb6",name:"start"}),r("slot",{key:"24594ecaffb46a4b0458032596570fee37e6ae00"}),r("slot",{key:"4ede22267a24a37c508591b0148a1e1b2c391fc9",name:"end"}))}};jt([u()],zt.prototype,"iconPack",void 0),jt([u()],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)}:host{display:flex;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var Ct=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const _t=class{constructor(r){t(this,r),this.iconPack=s,this.t=n()}render(){return r(e,{key:"c0974bc340294b197aa8310e5a9913126ac22c48"},r("slot",{key:"1a660db36c713285203569957959663497803c5e"}))}};Ct([u()],_t.prototype,"iconPack",void 0),Ct([u()],_t.prototype,"t",void 0),_t.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";const Rt=class{constructor(r){t(this,r),this.onAction=a(this,"action",7),this.actions=[],this.variant="bubble",this.viewType="outgoing",this.hideAvatar=!1,this.isSelf=!1,this.hideAuthorName=!1,this.hideMetadata=!1,this.iconPack=s}renderActions(){return r("rtk-menu",{placement:"top-end",offset:1},r("button",{slot:"trigger",class:"actions"},r("rtk-icon",{icon:this.iconPack.chevron_down})),r("rtk-menu-list",null,this.actions.map((t=>r("rtk-menu-item",{onClick:()=>this.onAction.emit(t.id)},t.icon&&r("rtk-icon",{icon:t.icon,slot:"start"}),t.label)))))}render(){return r(e,{key:"61882011f477f816296277a4f2d5622d224e47f0"},r("div",{key:"ae21bfc0c499879da6a2167f0cad5203475de696",class:{"message-wrapper":!0,[this.viewType]:!0}},!this.hideAvatar&&r("aside",{key:"73b10ebb1dccdc4e2c9258f185eb14f07d11d542",class:"avatar",part:"avatar"},r("rtk-avatar",{key:"e07971bf9d7738fb2dcc015d339a13d5dca7c6f7",participant:{name:this.authorName,picture:this.avatarUrl},size:"sm"})),r("div",{key:"1e24801f717589e598c4160bea7ab10a59acfcc2",class:"message",part:"message"},!this.hideAuthorName&&r("div",{key:"3178f750ad798b7d83508f82ead36ee5407fee4c",class:"header"},this.authorName," ",this.isSelf?" (You)":""),r("div",{key:"056445ef0c557d7d756330df5778ad8bc2d41e60",class:{body:!0,bubble:"bubble"===this.variant}},r("slot",{key:"6d5486666ce2238e4387c2621d562b24704a9317"}),!this.hideMetadata&&!!this.time&&r("div",{key:"1d4b9bdbb3aaf288dce4b43a31354df3d413b2b4",class:"metadata",title:H(this.time)},G(this.time,new Date(Date.now()))),0!==this.actions.length&&this.renderActions()))))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([u()],Rt.prototype,"iconPack",void 0),Rt.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);align-self:flex-end;font-size:10px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";var Ot=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Pt=class{constructor(r){t(this,r),this.iconPack=s,this.t=n(),this.emptyListLabel=null,this.isLoading=!1,this.rerenderBoolean=!1,this.shouldRenderNewNodes=!0,this.hasNewNodesToRender=!1,this.showEmptyListLabel=!1,this.pagesToRender=[[]],this.currentTime=()=>(new Date).getTime(),this.observe=t=>{t&&this.intersectionObserver.observe(t)}}async onNewNode(t){this.shouldRenderNewNodes?(this.addNodeToRender(t,!1),this.rerender()):this.hasNewNodesToRender=!0}async onNodeDelete(t){const r=this.pagesToRender.flat().length;this.pagesToRender=this.pagesToRender.map((r=>r.filter((r=>r.id!==t)))),r!==this.pagesToRender.flat().length&&this.rerender()}async onNodeUpdate(t,r){let e=!1;this.pagesToRender=this.pagesToRender.map((a=>a.map((a=>a.id===t?(e=!0,r):a)))),e&&this.rerender()}onItemChanged(t,r){t!==r&&(this.pagesToRender=[[]],this.loadFirstPage().then((()=>this.rerender())))}connectedCallback(){this.rerender=x(this.rerender.bind(this),50,{maxWait:200}),this.autoScroll=!0,this.intersectionObserver=new IntersectionObserver((t=>{o((()=>{for(const r of t)"bottom-scroll"===r.target.id&&(r.isIntersecting?this.loadBottom():this.shouldRenderNewNodes=!1),"top-scroll"===r.target.id&&r.isIntersecting&&this.loadTop()}))}))}disconnectedCallback(){this.intersectionObserver.disconnect()}componentDidLoad(){this.loadFirstPage(),this.observe(this.$topRef),this.observe(this.$bottomRef)}componentDidRender(){this.shouldRenderNewNodes&&this.autoScroll&&W(this.$paginatedList)}loadFirstPage(){return this.loadPage(this.currentTime(),this.pageSize,!0,(t=>{0===t.length&&(this.showEmptyListLabel=!0)}))}loadTop(){0!==this.pagesToRender.length&&(1===this.pagesToRender.length&&this.pagesToRender[0].length<this.pageSize||this.loadPage(this.pagesToRender[0][0].timeMs-1,this.pageSize,!0,(()=>{})))}loadBottom(){if(0===this.pagesToRender.length)return void(this.shouldRenderNewNodes=!0);if(1===this.pagesToRender.length&&this.pagesToRender[0].length<this.pageSize)return void(this.shouldRenderNewNodes=!0);const t=this.pagesToRender.at(-1).at(-1);this.loadPage(t.timeMs+1,this.pageSize,!1,(()=>W(this.$paginatedList)))}addNodeToRender(t,r){if(r){const r=this.pagesToRender[0];r&&(null==r?void 0:r.length)<this.pageSize?r.unshift(t):(this.pagesToRender.unshift([t]),this.removeLastPageIfNeeded(!1))}else{const[r]=this.pagesToRender.slice(-1);r&&(null==r?void 0:r.length)<this.pageSize?r.push(t):(this.pagesToRender.push([t]),this.removeLastPageIfNeeded(!0))}}async loadPage(t,r,e,a=(()=>{})){this.isLoading=!0;const i=await this.fetchData(t,r,e);if(this.isLoading=!1,!(null==i?void 0:i.length))return e||(this.hasNewNodesToRender=!1,this.shouldRenderNewNodes=!0),void a([]);i.forEach((t=>this.addNodeToRender(t,e))),this.rerender(),a(i)}rerender(){this.rerenderBoolean=!this.rerenderBoolean}removeLastPageIfNeeded(t){this.pagesToRender.length>this.pagesAllowed&&(t?this.pagesToRender.shift():this.pagesToRender.pop())}onDownArrowClicked(){this.loadBottom()}render(){var t;return r(e,{key:"bb4971c301060a02d6a9ad536fb633c0c87519c4"},r("div",{key:"92a9524264d790fff447aefb7cc20a9da6958687",class:"scrollbar container",part:"container",ref:t=>this.$paginatedList=t},r("div",{key:"e64bd91ea1e869b9a1f5e861959ee78306c17bee",class:{"show-new-messages-ctr":!0,active:!this.shouldRenderNewNodes}},r("rtk-button",{key:"2471e6614616aa33c9ecd5d0c1f47d09fa00b481",class:"show-new-messages",kind:"icon",variant:"secondary",part:"show-new-messages",onClick:()=>this.onDownArrowClicked()},r("rtk-icon",{key:"ed0b255c69fbaeecc883c0492fd5b810b8d429b8",icon:this.iconPack.chevron_down}))),r("div",{key:"509aa620d47e853fd4e73d5b6c30433156b0f1da",class:"smallest-dom-element",id:"bottom-scroll",ref:t=>this.$bottomRef=t}),this.isLoading&&0===this.pagesToRender.flat().length&&r("rtk-spinner",{key:"47e60a2fcb103200d763b9af257babfca5ee6e3c",size:"lg"}),0===this.pagesToRender.flat().length&&this.showEmptyListLabel?r("div",{class:"empty-list"},null!==(t=this.emptyListLabel)&&void 0!==t?t:this.t("list.empty")):r("div",{class:"page-wrapper"},this.pagesToRender.map((t=>this.createNodes(t)))),r("div",{key:"64ab66547b004130f9f3d0b0976c27c5aeeb720e",class:"smallest-dom-element",id:"top-scroll",ref:t=>this.$topRef=t})))}static get watchers(){return{selectedItemId:["onItemChanged"]}}};Ot([u()],Pt.prototype,"iconPack",void 0),Ot([u()],Pt.prototype,"t",void 0),Pt.style=".scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;flex:1}.container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);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)}#bottom-scroll{transform:translateY(-20vh)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.show-new-messages-ctr{pointer-events:none;position:absolute;bottom:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10;margin-top:calc(var(--rtk-space-14, 56px) * -1);--tw-translate-y:var(--rtk-space-28, 112px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages-ctr.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.show-new-messages{pointer-events:auto;border-radius:9999px}.show-new-messages:hover{border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-ring-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}rtk-spinner,.empty-list{margin:auto}.page-wrapper{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.message-wrapper{margin-bottom:var(--rtk-space-2, 8px)}.pinned .message-wrapper{position:relative}.pinned .pin-icon{position:absolute;right:calc(var(--rtk-space-1, 4px) * -1);top:calc(var(--rtk-space-1, 4px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px)}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}";const Dt=class{constructor(r){t(this,r),this.iconPack=s,this.size="md"}render(){return r(e,{key:"896d7e13900a390f5c03df4e2af45163d61f6d09"},r("rtk-icon",{key:"dd05bbbb3eb9db982d85db131b82c2bcaf253a94",class:"spinner",icon:this.iconPack.spinner}))}};(function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);o>3&&s&&Object.defineProperty(r,e,s)})([u()],Dt.prototype,"iconPack",void 0),Dt.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{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 Lt=function(t,r,e,a){var i,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,e,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(r,e,s):i(r,e))||s);return o>3&&s&&Object.defineProperty(r,e,s),s};const Mt=class{constructor(r){t(this,r),this.onTextChange=a(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:"16cc81323e6fb16e4d4a6622895ed7edc80f2db9",class:"chat-input",part:"chat-input-container"},this.maxLengthBreached>0&&r("div",{key:"05fde7b4f3e084e464fcc3276f0ce1e0d909e6a7",class:"text-error "+(this.maxLengthBreached===this.maxLength?"breached":"")},r("rtk-icon",{key:"d4101bf8933a9873605e88fbb617d8ae38bb56a1",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:"779a1c58114de2cce65a13ee3ea8cb308f7cd68a",class:"text-error breached"},r("rtk-icon",{key:"9dedd14d826b1437f434d92c985659ecc3bc1842",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})," ",this.t("chat.rate_limit_error")),r("textarea",{key:"f45f8f812ad668a86d2d0a22926bf437be44cbc9",ref:t=>this.$textArea=t,placeholder:this.placeholder,disabled:this.disabled,onInput:this.onInputHandler,onKeyDown:this.keyDownHandler,part:"chat-input",value:this.value}))}};Lt([u()],Mt.prototype,"iconPack",void 0),Lt([u()],Mt.prototype,"t",void 0),Mt.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 St=class{constructor(r){t(this,r),this.isMarkdown=!1}render(){return r("p",{key:"3a9c21d67487ea40760163f0dd69152454049063",class:{text:!0,emoji:f(this.text)}},this.isMarkdown?r("rtk-markdown-view",{text:this.text}):this.text)}};St.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 It=class{constructor(r){t(this,r),this.openChange=a(this,"rtkOpenChange",7),this.label="",this.variant="secondary",this.disabled=!1,this.open=!1,this.kind="inline",this.placement="top",this.delay=0,this.isInFocus=!1,this.showMenu=()=>{this.disabled||(this.isInFocus=!0,setTimeout((()=>{this.isInFocus&&(this.tooltipEl.style.display="block",this.update(),this.openChange.emit(!0),"sm"===this.size&&setTimeout((()=>{this.isInFocus&&this.hideMenu()}),1e3))}),this.delay))},this.hideMenu=()=>{this.open||this.disabled||(this.isInFocus=!1,this.tooltipEl.style.display="none",this.openChange.emit(!1))}}componentDidLoad(){this.triggerEl.addEventListener("focusin",this.showMenu),this.triggerEl.addEventListener("mouseenter",this.showMenu),this.triggerEl.addEventListener("focusout",this.hideMenu),this.triggerEl.addEventListener("mouseleave",this.hideMenu),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(){$(this.triggerEl,this.tooltipEl,{placement:this.placement,middleware:[N(8),A(),F({padding:5}),Y({element:this.arrowEl})]}).then((({x:t,y:r,placement:e,middlewareData:a})=>{Object.assign(this.tooltipEl.style,{left:`${t}px`,top:`${r}px`});const{x:i,y:o}=a.arrow,s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[s]:"-4px"})}))}render(){return r(e,{key:"cee2142cb6afa3e002b614bd3dd18b710b749ac1"},r("span",{key:"4ba5b4777592afc8eb0ae14b50e5ebbfbb43bd1f",part:"trigger",id:"trigger",ref:t=>this.triggerEl=t},r("slot",{key:"fa1ecc3998424e21444324bf4b5c90d6891ab03f"})),r("div",{key:"39306bb13f784942525e0b8b203406512253be3d",part:"tooltip",class:"tooltip",id:"tooltip",role:"tooltip",ref:t=>this.tooltipEl=t},r("div",{key:"d5bd2ca0781605c1ffe4cbeb1ade65430aed6691",id:"arrow",ref:t=>this.arrowEl=t,part:"arrow"}),this.label,r("slot",{key:"c80c860e2c9cdcbe3c0e0ec97b8f4cd9c99abb78",name:"tooltip"})))}static get watchers(){return{open:["openChanged"]}}};It.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--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{J as rtk_avatar,B as rtk_button,Q as rtk_channel_selector_view,Z as rtk_chat,et as rtk_chat_composer_view,it as rtk_chat_messages_ui_paginated,st as rtk_draft_attachment_view,dt as rtk_emoji_picker,ht as rtk_emoji_picker_button,pt as rtk_file_message_view,gt as rtk_file_picker_button,vt as rtk_icon,ut as rtk_image_message_view,xt as rtk_markdown_view,mt as rtk_meeting,yt as rtk_menu,zt as rtk_menu_item,_t as rtk_menu_list,Rt as rtk_message_view,Pt as rtk_paginated_list,Dt as rtk_spinner,Mt as rtk_text_composer_view,St as rtk_text_message_view,It as rtk_tooltip}

package/dist/realtimekit-ui/p-4ab26f1f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as r,h as a,H as e}from"./p-0ee570cd.js";import{e as i,h as o,Q as s,B as c,R as n,c as d}from"./p-e87928f7.js";import{S as l}from"./p-80c856cd.js";import{R as h}from"./p-c8eaa707.js";var p=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const b=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.loading=!1,this.roomConfig={rooms:2,step:"room-config",mode:"create",applyingChanges:!1},this.assigningParticipants=!1,this.selectedParticipants=[],this.ephemeralStatusText="",this.isDragMode=!1,this.iconPack=i,this.t=o(),this.permissionsUpdateListener=()=>{this.permissions=this.meeting.self.permissions.connectedMeetings},this.updateLocalState=t=>{this.stateManager.updateCurrentState(t),this.draftState=this.stateManager.currentState,this.meeting.connectedMeetings.isActive&&(this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{mode:"edit"})),"create"!==this.roomConfig.mode||this.meeting.connectedMeetings.isActive||s(),["edit","view"].includes(this.roomConfig.mode)&&(this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{rooms:t.meetings.length,step:"participants-config"}),this.selectedParticipants=[])},this.onAddNewRoom=()=>{this.stateManager.addNewMeeting(),this.draftState=this.stateManager.currentState,this.selectorRef.scrollTo({top:this.selectorRef.scrollHeight,behavior:"smooth"})},this.onRoomUpdate=t=>{const{detail:r}=t;this.stateManager.updateMeetingTitle(r.id,r.title),this.draftState=this.stateManager.currentState},this.onRoomDelete=t=>{this.stateManager.allConnectedMeetings.find((r=>r.id===t))&&(this.stateManager.deleteMeeting(t),this.draftState=this.stateManager.currentState)},this.unassignParticipant=t=>{this.stateManager.unassignParticipants([t]),this.draftState=this.stateManager.currentState},this.onUnassignAll=()=>{this.stateManager.unassignAllParticipants(),this.draftState=this.stateManager.currentState},this.assignParticipantsToRoom=t=>{0!==this.selectedParticipants.length&&0!=this.assigningParticipants&&(this.stateManager.assignParticipantsToMeeting(this.selectedParticipants,t),this.draftState=this.stateManager.currentState,this.selectedParticipants=[],this.assigningParticipants=!1,this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.participants_assigned")))},this.handleClose=(t,r)=>{t.emit({activeBreakoutRoomsManager:{active:!0}}),r.activeBreakoutRoomsManager={active:!0}},this.enableConfirmationModal=(t="start-breakout")=>{let r={active:!0,header:"breakout_rooms.confirm_modal.start_breakout.header",content:"breakout_rooms.confirm_modal.start_breakout.content",variant:"primary",cancelText:"breakout_rooms.confirm_modal.start_breakout.cancelText",ctaText:"breakout_rooms.confirm_modal.start_breakout.ctaText",onClick:()=>this.applyChanges(),onClose:this.handleClose};"close-breakout"===t&&(r={active:!0,header:"breakout_rooms.confirm_modal.close_breakout.header",content:"breakout_rooms.confirm_modal.close_breakout.content",variant:"danger",cancelText:"cancel",ctaText:"breakout_rooms.confirm_modal.close_breakout.ctaText",onClick:()=>this.closeBreakout(),onClose:this.handleClose}),this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!1},activeConfirmationModal:r})},this.close=()=>{this.stateManager.discardChanges(),this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!1}})},this.applyChanges=async()=>{this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{applyingChanges:!0}),await this.stateManager.applyChanges(this.meeting),this.close(),this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{applyingChanges:!1})}}onSelectedParticipantsChanged(t){this.assigningParticipants=t.length>0}connectedCallback(){this.permissionsUpdateListener(),this.meeting.connectedMeetings.on("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.on("changingMeeting",this.close),this.meeting.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener),this.stateManager=new c,this.fetchRoomState()}disconnectedCallback(){this.meeting.connectedMeetings.off("stateUpdate",this.updateLocalState),this.meeting.connectedMeetings.off("changingMeeting",this.close),this.meeting.self.permissions.off("permissionsUpdate",this.permissionsUpdateListener)}async fetchRoomState(){this.loading=!0,await this.meeting.connectedMeetings.getConnectedMeetings(),this.loading=!1}setEphemeralStatus(t){this.ephemeralStatusText=t,setTimeout((()=>{this.ephemeralStatusText=""}),3e3)}onCreateRooms(){this.selectedParticipants=[],this.stateManager.addNewMeetings(this.roomConfig.rooms),this.draftState=this.stateManager.currentState,this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{step:"participants-config"})}onParticipantDelete(t){const{detail:r}=t,a=n(r);null!=a&&this.unassignParticipant(a)}toggleDragMode(t){this.isDragMode=t.detail}assignParticipantsRandomly(){0!==this.stateManager.unassignedParticipants.length&&(this.stateManager.assignParticipantsRandomly(),this.draftState=this.stateManager.currentState,this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.participants_assigned_randomly")))}async joinRoom(t){const r=n(this.meeting.self);this.stateManager.assignParticipantsToMeeting([r],t),await this.applyChanges()}async closeBreakout(){this.stateManager.allConnectedMeetings.forEach((t=>this.stateManager.deleteMeeting(t.id))),await this.applyChanges()}updateSelectedParticipants(t){this.selectedParticipants=t.detail}updateAllParticipants(t){this.selectedParticipants=t.detail}getStatusText(){if(""!==this.ephemeralStatusText)return this.ephemeralStatusText;let t="";return"create"===this.roomConfig.mode&&(t=this.t("breakout_rooms.status.assign_multiple"),0!==this.selectedParticipants.length&&(t=this.t("breakout_rooms.status.select_room"))),t}getApproxDistribution(){return Math.max(1,Math.round(this.stateManager.unassignedParticipants.length/(this.roomConfig.rooms||1)))}deselectAll(){this.selectedParticipants=[]}async discardChanges(){this.stateManager.discardChanges(),await this.fetchRoomState(),this.setEphemeralStatus(this.t("breakout_rooms.ephemeral_status.changes_discarded"))}shouldShowOnlyRoomSwitcher(){return!1===this.permissions.canAlterConnectedMeetings}getPermittedRooms(){return this.permissions.canAlterConnectedMeetings||this.permissions.canSwitchConnectedMeetings?this.stateManager.allConnectedMeetings:this.stateManager.allConnectedMeetings.filter((t=>t.id===this.meeting.meta.meetingId))}renderMainRoomMaybe(){return this.meeting.connectedMeetings.isActive&&this.permissions.canSwitchToParentMeeting?a("rtk-breakout-room-manager",{key:this.stateManager.currentState.parentMeeting.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,meeting:this.meeting,mode:this.roomConfig.mode,onParticipantsAdd:()=>this.assignParticipantsToRoom(this.stateManager.currentState.parentMeeting.id),onRoomJoin:()=>this.joinRoom(this.stateManager.currentState.parentMeeting.id),onUpdate:this.onRoomUpdate,states:this.states,room:Object.assign({},this.stateManager.currentState.parentMeeting),iconPack:this.iconPack,t:this.t}):null}renderRoomSwitcher(){return a(e,null,a("div",{class:"room-switcher-container"},a("header",null,a("rtk-icon",{icon:this.iconPack.breakout_rooms}),a("span",null,this.t("breakout_rooms.join_breakout_header"))),a("div",{class:"rooms",ref:t=>this.selectorRef=t},this.renderMainRoomMaybe(),this.getPermittedRooms().map(((t,r)=>a("rtk-breakout-room-manager",{key:t.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,defaultExpanded:0===r,meeting:this.meeting,mode:this.roomConfig.mode,onDelete:()=>this.onRoomDelete(t.id),onParticipantsAdd:()=>this.assignParticipantsToRoom(t.id),onRoomJoin:()=>this.joinRoom(t.id),states:this.states,room:Object.assign({},t),iconPack:this.iconPack,t:this.t,allowDelete:!1}))))))}renderLoading(){return a(e,null,a("div",{class:"loading-content"},a("rtk-spinner",{size:"xl"})))}renderRoomConfig(){return a(e,null,a("div",{class:"room-config"},a("header",null,a("rtk-icon",{icon:this.iconPack.breakout_rooms}),a("span",null,this.t("breakout_rooms.room_config_header"))),a("div",{class:"create-room"},a("p",null,this.t("breakout_rooms.num_of_rooms")),a("rtk-counter",{value:this.roomConfig.rooms,minValue:1,iconPack:this.iconPack,t:this.t,onValueChange:t=>{this.roomConfig=Object.assign(Object.assign({},this.roomConfig),{rooms:Math.max(+t.detail,1)})}})),a("span",{class:"distribution-hint"},`${this.t("breakout_rooms.approx")} `," ",a("em",null,this.getApproxDistribution()," ",this.t("breakout_rooms.participants_per_room"))," ",this.t("breakout_rooms.division_text")),a("footer",null,a("rtk-button",{kind:"button",size:"lg",title:this.t("create"),disabled:0===this.roomConfig.rooms,onClick:()=>this.onCreateRooms()},this.t("create")))))}render(){return this.loading?this.renderLoading():this.shouldShowOnlyRoomSwitcher()?this.renderRoomSwitcher():"room-config"===this.roomConfig.step?this.renderRoomConfig():a(e,null,a("div",{class:"participant-config-wrapper"},a("div",{class:"participant-config"},a("aside",{part:"menu"},a("header",null,this.t("breakout_rooms.assign_participants")),a("rtk-breakout-room-participants",{meeting:this.meeting,iconPack:this.iconPack,t:this.t,participantIds:this.stateManager.unassignedParticipants.map(n),selectedParticipantIds:this.selectedParticipants},a("rtk-tooltip",{label:this.t("breakout_rooms.shuffle_participants"),slot:"shuffle-button"},a("rtk-button",{disabled:"edit"===this.roomConfig.mode||0===this.stateManager.unassignedParticipants.length,kind:"button",variant:"secondary",size:"md",onClick:()=>this.assignParticipantsRandomly(),class:"shuffle-button br-primary-btn"},a("rtk-icon",{icon:this.iconPack.shuffle})))),0!==this.selectedParticipants.length&&a("div",{class:"participants-assign-actions"},a("span",null,`${this.selectedParticipants.length} ${this.t("breakout_rooms.selected")}`),a("rtk-button",{disabled:"edit"===this.roomConfig.mode,kind:"button",variant:"ghost",size:"md",onClick:()=>this.deselectAll(),class:"deselect-button color-danger"},this.t("breakout_rooms.deselect")))),a("div",{class:"assign-rooms"},a("div",{class:"row"},a("p",{class:"row-header"},this.t("breakout_rooms.rooms")," (",this.stateManager.allConnectedMeetings.length,")"),!this.assigningParticipants&&a("div",{class:"cta-buttons"},a("rtk-button",{kind:"button",variant:"secondary",class:"br-primary-btn"},a("div",{onClick:this.onAddNewRoom},a("rtk-icon",{icon:this.iconPack.add}),this.t("breakout_rooms.add_room"))),0!==this.stateManager.allConnectedMeetings.flatMap((t=>t.participants)).length&&a("rtk-button",{kind:"button",variant:"ghost",onClick:this.onUnassignAll},this.t("breakout_rooms.unassign_all")))),a("div",{class:"rooms",ref:t=>this.selectorRef=t},this.renderMainRoomMaybe(),this.getPermittedRooms().map(((t,r)=>a("rtk-breakout-room-manager",{key:t.id,assigningParticipants:this.assigningParticipants,isDragMode:this.isDragMode,defaultExpanded:0===r,meeting:this.meeting,mode:this.roomConfig.mode,onDelete:()=>this.onRoomDelete(t.id),onParticipantsAdd:()=>this.assignParticipantsToRoom(t.id),onRoomJoin:()=>this.joinRoom(t.id),onUpdate:this.onRoomUpdate,states:this.states,room:Object.assign({},t),iconPack:this.iconPack,t:this.t,allowDelete:this.stateManager.allConnectedMeetings.length>1}))),a("rtk-button",{kind:"button",variant:"secondary",onClick:this.onAddNewRoom,class:"add-room-jumbo-btn br-secondary-btn"},a("div",null,a("rtk-icon",{icon:this.iconPack.add}),a("span",null,this.t("breakout_rooms.add_room_brief"))))))),a("div",{class:"participant-config-actions"},a("div",{class:{"status-bar":!0,"ephemeral-status":""!==this.ephemeralStatusText}},""!==this.ephemeralStatusText&&a("rtk-icon",{icon:this.iconPack.checkmark}),this.getStatusText()),a("div",{class:"breakout-actions"},"create"===this.roomConfig.mode&&this.permissions.canAlterConnectedMeetings&&a("rtk-button",{size:"md",class:"start-breakout-button",onClick:()=>this.enableConfirmationModal("start-breakout")},this.t("breakout_rooms.start_breakout")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&a("rtk-button",{size:"md",class:"color-danger",variant:"ghost",onClick:()=>this.discardChanges()},this.t("breakout_rooms.discard_changes")),"edit"===this.roomConfig.mode&&this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&a("rtk-button",{size:"md",class:"update-breakout-button",onClick:this.applyChanges},this.t("breakout_rooms.update_breakout")),"edit"===this.roomConfig.mode&&!this.stateManager.hasLocalChanges&&this.permissions.canAlterConnectedMeetings&&a("rtk-button",{size:"md",class:"close-breakout-button",onClick:()=>this.enableConfirmationModal("close-breakout")},this.t("breakout_rooms.close_breakout"))))))}static get watchers(){return{selectedParticipants:["onSelectedParticipantsChanged"]}}};p([l()],b.prototype,"meeting",void 0),p([l()],b.prototype,"states",void 0),p([l()],b.prototype,"iconPack",void 0),p([l()],b.prototype,"t",void 0),b.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;min-height:595px;max-width:100%;max-height:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.rooms::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";var g=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const k=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.iconPack=i,this.t=o(),this.messagePayload={to:"Everyone",message:""},this.successMessage=!1}close(){var t;null===(t=this.stateUpdate)||void 0===t||t.emit({activeBroadcastMessageModal:!1})}sendMessage(){this.successMessage=!0,setTimeout((()=>{this.close()}),2e3)}render(){return a(e,{key:"4d23ce819f004fd0e14a4c9062e21f1321c46495"},a("div",{key:"f0814536068dd268c1aec9d80c45cc6817fe184b",class:"content-col"},a("h2",{key:"5b0caef4e9f93d1a18c7bba8a269f10d95f5d290"},"Broadcast message to"),a("select",{key:"8f32291fa522cf7a5947caf54178327e1574f103",onChange:t=>{this.messagePayload=Object.assign(Object.assign({},this.messagePayload),{to:t.target.value})}},a("option",{key:"b09bb9b952ade48788bf8ab15645a1a45dab6935"},"Everyone"),a("option",{key:"177d1af8eaeaa77393a9b2e477fca32563c05290"},"List of rooms")),a("textarea",{key:"b592528751cb63fa8c107b2b63455bfed0b3f3cb",placeholder:"Type message here...",onInput:t=>{this.messagePayload=Object.assign(Object.assign({},this.messagePayload),{message:t.target.value})}}),this.successMessage?a("p",null,"Message sent to ",this.messagePayload.to,a("rtk-icon",{icon:this.iconPack.checkmark})):a("div",{class:"content-row"},a("rtk-button",{onClick:()=>this.close(),variant:"secondary"},"Cancel")," ",a("rtk-button",{variant:"primary",onClick:()=>this.sendMessage()},"Send"))))}};g([l()],k.prototype,"meeting",void 0),g([l()],k.prototype,"states",void 0),g([l()],k.prototype,"iconPack",void 0),g([l()],k.prototype,"t",void 0),k.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-4, 16px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.content-col{display:flex;width:100%;flex-direction:column}h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-2, 8px)}.content-row{display:flex;width:100%;flex-direction:row}.content-row rtk-button{margin-top:var(--rtk-space-4, 16px);width:100%}textarea{margin-top:var(--rtk-space-3, 12px);resize:none;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;height:var(--rtk-space-16, 64px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}textarea::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}select{border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);outline:2px solid transparent;outline-offset:2px;border-right-width:var(--rtk-border-width-md, 2px);border-style:solid;border-color:transparent;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-2, 8px);width:100%;text-align:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));display:flex;flex-direction:row;align-items:center;justify-content:center}p rtk-icon{margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px)}";var v=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const u=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=i,this.t=o(),this.close=()=>{this.states.activeConfirmationModal.onClose(this.stateUpdate,this.states,this.meeting),this.stateUpdate.emit({activeConfirmationModal:{active:!1}}),this.states.activeConfirmationModal={active:!1}},this.onConfirmation=async()=>{this.states.activeConfirmationModal.onClick(this.stateUpdate,this.states,this.meeting),this.stateUpdate.emit({activeConfirmationModal:{active:!1}}),this.states.activeConfirmationModal={active:!1}}}connectedCallback(){document.addEventListener("keydown",this.keyPressListener)}componentDidLoad(){}disconnectedCallback(){document.removeEventListener("keydown",this.keyPressListener)}render(){var t,r;const i=this.states.activeConfirmationModal;return a(e,{key:"c79124361c70a80d200f4021c7483038f330b683"},a("div",{key:"a1c812cc2742b0eca2525416e67579864a8c0ae7",class:"leave-modal"},a("div",{key:"21edbc34bdd1c996707d297abf86a1c04a487396",class:"header"},a("h2",{key:"a7c77cf1a39bc46b787b851d51a5cd37695e44eb",class:"title"},this.t(i.header?i.header:"cta.confirmation"))),i.content&&a("p",{key:"25ceecc3c208442821795ebf0a1a981b5130d1d9",class:"message"},this.t(i.content)),a("div",{key:"f081c0544fb467787cbfea432575d4a16a1c42c3",class:"content"},a("div",{key:"a7cf64611e6a516624310fbe0c119c279bec682d",class:"leave-meeting"},a("rtk-button",{key:"469b16b167d943f369f9995c9b0d20225108303a",variant:"secondary",title:this.t(i.cancelText?i.cancelText:"cancel"),onClick:this.close,class:"br-secondary-btn"},this.t(i.cancelText?i.cancelText:"cancel")),a("rtk-button",{key:"5fc8427e0b0c51fad3a4d033f1d6c4b4399477f3",onClick:()=>this.onConfirmation(),variant:null!==(r=null===(t=this.states.activeConfirmationModal)||void 0===t?void 0:t.variant)&&void 0!==r?r:"danger",title:this.t(i.ctaText?i.ctaText:"yes")},this.t(i.ctaText?i.ctaText:"yes"))))))}};v([l()],u.prototype,"meeting",void 0),v([l()],u.prototype,"states",void 0),v([l()],u.prototype,"iconPack",void 0),v([l()],u.prototype,"t",void 0),u.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-modal p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";var m=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const f=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=i,this.t=o(),this.activeTab="audio",this.isMobileMainVisible=!1,this.progress=0}connectedCallback(){document.addEventListener("keydown",this.keyPressListener)}disconnectedCallback(){this.keyPressListener&&document.removeEventListener("keydown",this.keyPressListener)}progressUpdate(t){this.progress=t.detail}changeTab(t){this.activeTab=t,"sm"===this.size&&(this.isMobileMainVisible||(this.isMobileMainVisible=!0))}close(){this.stateUpdate.emit({activeDebugger:!1})}getActiveTab(){switch(this.activeTab){case"audio":return this.t("debugger.audio.troubleshooting.label");case"screenshare":return this.t("debugger.screenshare.troubleshooting.label");case"video":return this.t("debugger.video.troubleshooting.label");case"system":return this.t("debugger.system.troubleshooting.label");default:return this.t("debugger.troubleshooting.label")}}render(){if(!this.meeting)return null;const t={meeting:this.meeting,states:this.states,iconPack:this.iconPack,t:this.t,size:this.size},r=this.getActiveTab(),i=void 0!==navigator.getBattery;return a(e,null,a("aside",{class:{hide:this.isMobileMainVisible},part:"menu"},a("header",null,a("h3",null,this.t("debugger.troubleshooting.label"))),a("button",{type:"button",class:{active:"audio"===this.activeTab},onClick:()=>this.changeTab("audio")},this.t("debugger.audio.label"),a("div",{class:"right"},a("rtk-icon",{icon:this.iconPack.mic_on}),"sm"===this.size&&a("rtk-icon",{icon:this.iconPack.chevron_right}))),a("button",{type:"button",class:{active:"video"===this.activeTab},onClick:()=>this.changeTab("video")},this.t("debugger.video.label"),a("div",{class:"right"},a("rtk-icon",{icon:this.iconPack.video_on}),"sm"===this.size&&a("rtk-icon",{icon:this.iconPack.chevron_right}))),a("button",{type:"button",class:{active:"screenshare"===this.activeTab},onClick:()=>this.changeTab("screenshare")},this.t("debugger.screenshare.label"),a("div",{class:"right"},a("rtk-icon",{icon:this.iconPack.share_screen_start}),"sm"===this.size&&a("rtk-icon",{icon:this.iconPack.chevron_right}))),a("button",{type:"button",class:{active:"system"===this.activeTab,hidden:!i},onClick:()=>this.changeTab("system")},this.t("debugger.system.label"),a("div",{class:"right"},a("rtk-icon",{icon:this.iconPack.settings}),"sm"===this.size&&a("rtk-icon",{icon:this.iconPack.chevron_right})))),a("main",{class:{active:this.isMobileMainVisible},part:"main-content"},"sm"===this.size&&a("header",null,a("rtk-button",{kind:"icon",class:"back-btn",onClick:()=>this.isMobileMainVisible=!1},a("rtk-icon",{icon:this.iconPack.chevron_left})),a("h4",null,r)),"audio"===this.activeTab&&a("rtk-debugger-audio",Object.assign({},t)),"video"===this.activeTab&&a("rtk-debugger-video",Object.assign({},t)),"screenshare"===this.activeTab&&a("rtk-debugger-screenshare",Object.assign({},t)),"system"===this.activeTab&&i&&a("rtk-debugger-system",Object.assign({},t))))}};m([l()],f.prototype,"meeting",void 0),m([l()],f.prototype,"states",void 0),m([l()],f.prototype,"iconPack",void 0),m([l()],f.prototype,"t",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{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";var x=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const y=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.joinStage=r(this,"rtkJoinStage",7),this.leaveStage=r(this,"rtkLeaveStage",7),this.config=d(),this.iconPack=i,this.t=o(),this.dataConfig={title:this.t("stage.join_title"),label:{accept:this.t("stage.join_confirm"),reject:this.t("stage.join_cancel")},description:this.t("stage.join_summary")},this.isLoading=!1}render(){var t,r;const i={meeting:this.meeting,size:this.size,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return a(e,{key:"b69a0a77d20a65a3112a393f33e4bc71564b16e1",class:{stage:!0}},a("header",{key:"c9860a7bd9139b4ddb188f03f4efadcecf2d4259"},a("h2",{key:"3222f6b149c9584205f355daecb4ebc7a2c329e3"},this.dataConfig.title)),a(h,{key:"ae93b03e1ffeef036560de82bd1cfd678be9895a",element:"rtk-participant-setup",defaults:i,props:{participant:null===(t=this.meeting)||void 0===t?void 0:t.self,size:"md"},childProps:{participant:null===(r=this.meeting)||void 0===r?void 0:r.self,size:"md"},deepProps:!0}),a("div",{key:"b579bcd55ac13475d46a9b363e50a293b3f8ab87",class:"summary"},this.dataConfig.description),a("div",{key:"b7002bbcf12848243621dbd4e0e62d73ed5c7043",class:"container"},a("rtk-button",{key:"240d7e4f50f89e6859be85917a325075d5d98628",variant:"secondary",onClick:()=>this.leaveStage.emit(),title:this.dataConfig.label.reject},this.dataConfig.label.reject),a("rtk-button",{key:"c510ea579e35bf1302b6364065a2bb4eac43bec0",onClick:()=>{this.isLoading||(this.isLoading=!0,this.joinStage.emit())},title:this.dataConfig.label.accept},this.isLoading?a("rtk-icon",{icon:this.iconPack.spinner}):this.dataConfig.label.accept)))}};x([l()],y.prototype,"meeting",void 0),x([l()],y.prototype,"config",void 0),x([l()],y.prototype,"states",void 0),x([l()],y.prototype,"iconPack",void 0),x([l()],y.prototype,"t",void 0),y.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}:host::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host(.stage){box-sizing:border-box;display:block;width:512px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-6, 24px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);line-height:1.25}:host(.stage) rtk-participant-setup{display:flex;flex:1 1 0%;align-items:center;justify-content:space-around;margin-left:auto;margin-right:auto}:host(.stage) .container rtk-button{flex-grow:1;padding:var(--rtk-space-1, 4px);width:50%}:host(.stage) .container rtk-button:nth-child(1){margin-right:var(--rtk-space-1\\.5, 6px)}:host(.stage) .container rtk-button:nth-child(2){margin-left:var(--rtk-space-1\\.5, 6px)}:host(.stage) h2{font-size:24px;font-weight:500;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(.stage) header{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host(.stage) .summary{padding:var(--rtk-space-4, 16px)}.deny-access{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.container{width:100%;max-width:1080px;display:flex;flex:1 1 0%;align-items:center;justify-content:space-around}header{display:flex;align-items:center;justify-content:space-between}";var w=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const _=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.keyPressListener=t=>{"Escape"===t.key&&this.close()},this.iconPack=i,this.t=o(),this.canEndMeeting=!1,this.isBreakoutRoomsActive=!1,this.isChildMeeting=!1,this.canJoinMainRoom=!1,this.permissionsUpdateListener=()=>{this.canEndMeeting=this.meeting.self.permissions.kickParticipant,this.canJoinMainRoom=this.meeting.self.permissions.connectedMeetings.canSwitchToParentMeeting},this.close=()=>{this.stateUpdate.emit({activeLeaveConfirmation:!1})},this.handleLeave=()=>{var t;null===(t=this.meeting)||void 0===t||t.leaveRoom(),this.close()},this.handleJoinMainRoom=()=>{this.meeting.connectedMeetings.moveParticipants(this.meeting.meta.meetingId,this.meeting.connectedMeetings.parentMeeting.id,[this.meeting.self.userId]),this.close()},this.handleEndMeeting=()=>{var t;null===(t=this.meeting)||void 0===t||t.participants.kickAll(),this.close()}}connectedCallback(){this.meetingChanged(this.meeting),document.addEventListener("keydown",this.keyPressListener)}disconnectedCallback(){var t;document.removeEventListener("keydown",this.keyPressListener),null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){null!=t&&(this.isBreakoutRoomsActive=this.meeting.connectedMeetings.supportsConnectedMeetings&&this.meeting.connectedMeetings.isActive,this.isChildMeeting=this.meeting.connectedMeetings.supportsConnectedMeetings&&this.meeting.connectedMeetings.meetings.some((r=>r.id===t.meta.meetingId)),this.meeting.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener),this.permissionsUpdateListener())}render(){return a(e,{key:"3a498cd6ba7efe8697a29b25cb91bba8bf4f8385"},a("div",{key:"8094c0d9b4ade3f1a511796556b9bea6163f4081",class:"leave-modal"},a("div",{key:"2ccb549f2ce35c8f54d806f7d6aa8e74bbc7bab2",class:"header"},a("h2",{key:"cf9281517dfad495e37f86b51a5cef6e471a1e62",class:"title"},this.t("leave"))),a("p",{key:"c2c0f7a042c377ce26e1045c6462c0a526d00041",class:"message"},this.t(this.isBreakoutRoomsActive&&this.isChildMeeting?"breakout_rooms.leave_confirmation":"leave_confirmation")),a("div",{key:"d2e9264448b26532318022ec7991fc77a17f15e1",class:"content"},a("rtk-button",{key:"7792537400624c5f8028f5a6e167af8cc6c19317",variant:"secondary",onClick:this.close,class:"secondary-btn"},this.t("cancel")),this.isBreakoutRoomsActive&&this.isChildMeeting&&this.canJoinMainRoom&&a("rtk-button",{key:"e37a7a97fa85d120385f64831efebc02c9b4b036",variant:"secondary",onClick:this.handleJoinMainRoom,class:"secondary-btn"},this.t("breakout_rooms.leave_confirmation.main_room_btn")),a("rtk-button",{key:"b6ae60a2e64af83b118c077c4eac6c5d7ee6f6f8",variant:"danger",title:this.t("leave"),onClick:this.handleLeave},this.t("leave")),this.canEndMeeting&&a("rtk-button",{key:"05f27640ced0043aeb733df84f51a6ee637d3396",variant:"danger",class:"secondary-btn secondary-danger-btn",onClick:this.handleEndMeeting},this.t("end.all")))))}static get watchers(){return{meeting:["meetingChanged"]}}};w([l()],_.prototype,"meeting",void 0),w([l()],_.prototype,"states",void 0),w([l()],_.prototype,"iconPack",void 0),w([l()],_.prototype,"t",void 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)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var j=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const C=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.iconPack=i,this.t=o(),this.allowUnmute=!0,this.onClose=()=>{this.stateUpdate.emit({activeMuteAllConfirmation:!1})},this.onMuteAll=()=>{var t;null===(t=this.meeting)||void 0===t||t.participants.disableAllAudio(this.allowUnmute),this.onClose()}}render(){return a(e,{key:"6f260e3a10d229942b3903afc721d30b6e6494a7"},a("div",{key:"9bdf56a9eee7b0a172f4b29b619632817ccc1212",class:"leave-modal"},a("div",{key:"a68cd8b46f9727a2ced5e505651e65bf1a1fb1f2",class:"header"},a("h2",{key:"202529f47bd59dd2df1a7971a33cc706070705d9",class:"title"},this.t("mute_all.header"))),a("p",{key:"40569f7f09c9f370ccd117590113545a4a083e40",class:"message"},this.t("mute_all.description")),a("div",{key:"f6a19e3fcdc7ca1c8e8d443cb705dcd27b55398e",class:"content"},a("div",{key:"979e79f3f20c60b1e1474d7c37b96392809078f9",class:"leave-meeting"},a("rtk-button",{key:"a717271acf30ebf16e22cfbc23b7e7120662754c",variant:"secondary",title:this.t("close"),onClick:this.onClose},this.t("cancel")),a("rtk-button",{key:"6b425563d4f0c4db28e9201c87d0bd9aa71399a8",variant:"danger",title:this.t("mute_all"),onClick:this.onMuteAll},this.t("mute_all"))))))}};j([l()],C.prototype,"meeting",void 0),j([l()],C.prototype,"states",void 0),j([l()],C.prototype,"iconPack",void 0),j([l()],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)}:host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .content{font-size:14px}.leave-message p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-2, 8px)}.leave-meeting rtk-button{flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.message{margin-bottom:var(--rtk-space-4, 16px)}label{display:flex;align-items:center}input[type='checkbox']{margin-right:var(--rtk-space-2, 8px);accent-color:rgb(var(--rtk-colors-brand-500, 33 96 253))}";var z=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const O=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.iconPack=i,this.t=o()}connectedCallback(){this.states.activeOverlayModal.timeout&&setTimeout((()=>{this.stateUpdate.emit({activeOverlayModal:{active:!1}})}),this.states.activeOverlayModal.timeout)}render(){return a(e,{key:"c767e575975cc837f1f484932c5c916d5d7e4522"},a("rtk-icon",{key:"0f4e8e81e1fa985852cbe4055203ca3095ae8ebe",icon:this.states.activeOverlayModal.icon}),a("h2",{key:"1af8c19bc19e93b279cf396903a91d3ae7192eda"},this.states.activeOverlayModal.title),a("p",{key:"226aacfe32b70ba4e1a01b1e4875af3fd39b559a"},this.states.activeOverlayModal.description))}};z([l()],O.prototype,"meeting",void 0),z([l()],O.prototype,"states",void 0),z([l()],O.prototype,"iconPack",void 0),z([l()],O.prototype,"t",void 0),O.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);z-index:50}rtk-icon{height:var(--rtk-space-20, 80px)}h2{margin:var(--rtk-space-2, 8px);font-weight:500}p{margin:var(--rtk-space-0, 0px);font-size:16px}";var R=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const P={"Chrome.Desktop.audio":["Chrome1.svg","Chrome2.svg","Chrome3.svg"],"Chrome.Desktop.video":["Chrome1.svg","Chrome2.svg","Chrome3.svg"]},M=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.t=o(),this.iconPack=i,this.currentStep=0,this.svgSteps=[],this.continue=()=>{this.stateUpdate.emit({activePermissionsMessage:{enabled:!1}})},this.reload=()=>{"undefined"!=typeof window&&window.location.reload()},this.getImage=async t=>{function r(t,r,a){return t.split(r).join(a)}const a=await fetch(`https://rtk-assets.realtime.cloudflare.com/ui-kit/permissions/${t}`);let e=await a.text();return e=r(e,"yoursite.com",location.host),e=r(e,"Yoursite",document.title.length>14?`${document.title.slice(0,14)}...`:document.title),e},this.nextStep=()=>{this.currentStep=(this.currentStep+1)%this.svgSteps.length},this.openMacSystemSettings=()=>{const t=document.createElement("a");switch(this.mediaType){case"audio":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_Microphone";break;case"screenshare":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_ScreenCapture";break;case"video":t.href="x-apple.systempreferences:com.apple.preference.security?Privacy_Camera"}t.click()}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.stepsTimer&&clearTimeout(this.stepsTimer)}meetingChanged(t){var r,a,e;if(null!=t){this.device=t.self.device;const i=(null===(r=this.device)||void 0===r?void 0:r.isMobile)?"Mobile":"Desktop",o=null!==(e=P[`${null===(a=this.device)||void 0===a?void 0:a.browserName}.${i}.${this.mediaType}`])&&void 0!==e?e:[];Promise.all(o.map(this.getImage)).then((t=>{this.svgSteps=t}))}}getLink(t){let r;switch(t){case"audio":r="microphone";break;case"video":r="camera";break;default:r="screenshare"}let a=`Allow+${r}+access`;if(null!=this.device){const{browserName:t,isMobile:r}=this.device;a+="+"+t,r&&(a+="+mobile")}return"https://www.google.com/search?q="+a}isDeniedBySystem(){var t;const r=null===(t=this.meeting)||void 0===t?void 0:t.self.mediaPermissions;return null!=r&&"SYSTEM_DENIED"===r[this.mediaType]}getTitle(){const t=this.isDeniedBySystem();return this.t(t?`perm_sys_denied.${this.mediaType}`:`perm_denied.${this.mediaType}`)}get mediaType(){var t,r,a;return null!==(a=null===(r=null===(t=this.states)||void 0===t?void 0:t.activePermissionsMessage)||void 0===r?void 0:r.kind)&&void 0!==a?a:"audio"}getMessage(){var t;const{browserName:r,osName:a}=this.meeting.self.device,e=this.isDeniedBySystem(),i=null!==(t=r.toLowerCase())&&void 0!==t?t:"others";if(e){const t=`perm_sys_denied.${this.mediaType}.${(null!=a?a:"others").toLowerCase()}.message`;return this.t(t)===t?this.t(`perm_sys_denied.${this.mediaType}.others.message`):this.t(t)}const o=`perm_denied.${this.mediaType}.${i}.message`;return this.t(o)===o?this.t(`perm_denied.${this.mediaType}.others.message`):this.t(o)}render(){var t,r,i;const o=this.isDeniedBySystem();this.svgSteps.length>0&&(this.stepsTimer&&clearTimeout(this.stepsTimer),this.stepsTimer=setTimeout(this.nextStep,2500));const s=o&&"macOS"==this.meeting.self.device.osName;return a(e,{key:"9e1ddfa94e56f005310a17a451647055d687afdb"},a("h2",{key:"0f4105daa1ca09074175e27931f4883814a527fb"},a("rtk-icon",{key:"439a834c97fd162637202e8f682f115de8e0188f",class:"text-icon",icon:this.iconPack.warning}),this.getTitle()),this.svgSteps.length>0&&a("div",{key:"9f65d4789625e7fbfa8f3c7e5b916584febf3bc9",class:"svg-container"},this.svgSteps.map(((t,r)=>a("p",{innerHTML:t,class:"svg-ins",key:this.currentStep,hidden:r!==this.currentStep})))),a("div",{key:"c419b837d680c5e003dfbd58e66dfab790ae13ce"},this.getMessage()),!o&&a("a",{key:"9fd27220623637172a1fc0679cb1f60410dbb1b9",class:"need-help-link",href:this.getLink(null!==(i=null===(r=null===(t=this.states)||void 0===t?void 0:t.activePermissionsMessage)||void 0===r?void 0:r.kind)&&void 0!==i?i:"audio"),target:"_blank",rel:"noreferrer external noreferrer noopener"},a("rtk-icon",{key:"c237332bdbc21bd33350c3e94928c08526bf63d9",class:"text-icon",icon:this.iconPack.attach}),this.t("cta.help")),a("div",{key:"b0345160cc94639ed4d8bb9bdda4dd29a7defe83",class:"actions"},a("rtk-button",{key:"21e95a3acf84a9d4209039ea9b1ccf29987d2195",size:"lg",kind:"wide",variant:"secondary",onClick:this.continue},this.t("cta.continue")),s?a("rtk-button",{size:"lg",kind:"wide",onClick:this.openMacSystemSettings},this.t("cta.system_settings")):a("rtk-button",{size:"lg",kind:"wide",onClick:this.reload},this.t("cta.reload"))),a("slot",{key:"b08b0d9a9f91874e10d1b2e0fa8ededb71054e60"}))}static get watchers(){return{meeting:["meetingChanged"]}}};R([l()],M.prototype,"meeting",void 0),R([l()],M.prototype,"t",void 0),R([l()],M.prototype,"iconPack",void 0),R([l()],M.prototype,"states",void 0),M.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;max-height:100%;width:600px;overflow-y:auto;padding:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.actions{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.text-icon{display:inline-block;vertical-align:middle}h2{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}h2 .text-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}.need-help-link{margin-top:var(--rtk-space-2, 8px);display:inline-block;text-underline-offset:2px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity))}.need-help-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-text-opacity))}a rtk-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) .actions{flex-direction:column;align-items:flex-start;justify-content:center}:host([size='sm']) .action{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.actions{margin-top:var(--rtk-space-6, 24px)}.actions rtk-button{flex:1 1 0%}.svg-container{display:flex;width:100%;justify-content:center !important}.svg-ins{width:80%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}";export{b as rtk_breakout_rooms_manager,k as rtk_broadcast_message_modal,u as rtk_confirmation_modal,f as rtk_debugger,y as rtk_join_stage,_ as rtk_leave_meeting,C as rtk_mute_all_confirmation,O as rtk_overlay_modal,M as rtk_permissions_message}

package/dist/realtimekit-ui/{p-b026c868.entry.js → p-4eba1baa.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e}from"./p-0ee570cd.js";import{e as h,h as a}from"./p-89ebff3d.js";import{S as r}from"./p-09c73782.js";var n=function(t,s,i,e){var h,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(h=t[n])&&(r=(a<3?h(r):a>3?h(s,i,r):h(s,i))||r);return a>3&&r&&Object.defineProperty(s,i,r),r};const o=()=>"undefined"!=typeof navigator&&void 0!==navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,c=class{constructor(i){t(this,i),this.stateUpdate=s(this,"rtkStateUpdate",7),this.apiError=s(this,"rtkApiError",7),this.variant="button",this.iconPack=h,this.t=a(),this.maxScreenShareCount=-1,this.screenShareCount=0,this.screenShareEnabled=!1,this.canScreenShare=!1,this.shareScreenPermission="NOT_REQUESTED",this.screenShareState={tooltipLabel:this.t("screenshare.start"),label:this.t("screenshare.start"),icon:this.iconPack.share_screen_start,classList:{},showWarning:!1,disable:!1},this.stageStatus="OFF_STAGE",this.screenShareListener=()=>{const t=this.meeting.participants.active.toArray().filter((t=>t.screenShareEnabled)).length;this.screenShareCount=t+(this.meeting.self.screenShareEnabled?1:0),this.screenShareEnabled=this.meeting.self.screenShareEnabled,this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}})},this.participantLeftListener=({screenShareEnabled:t})=>{t&&(this.screenShareCount=Math.max(this.screenShareCount-1,0),this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}}))},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare},this.mediaPermissionUpdateListener=({kind:t,message:s})=>{"screenshare"===t&&(this.shareScreenPermission=s,this.getState(),"COULD_NOT_START"===s&&this.apiError.emit({trace:this.t("screenshare.permissions"),message:this.t("screenshare.error.unknown")}),this.hasPermissionError())&&this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}})},this.reachedMaxScreenShares=()=>this.maxScreenShareCount>0&&this.screenShareCount>=this.maxScreenShareCount,this.toggleScreenShare=async()=>{var t;if(this.screenShareState.disable)return;if(this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}}),!1;const s=null===(t=this.meeting)||void 0===t?void 0:t.self;this.screenShareEnabled?s.disableScreenShare():null==s||!this.canScreenShare||this.reachedMaxScreenShares()||this.hasPermissionError()||(this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!0}),await s.enableScreenShare(),this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!1}),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){o()?this.meetingChanged(this.meeting):this.meeting.__internals__.logger.error("[rtk-screenshare-toggle] Device does not support screensharing.")}disconnectedCallback(){var t,s,i,e,h,a;null===(t=this.meeting)||void 0===t||t.participants.joined.removeListener("screenShareUpdate",this.screenShareListener),null===(s=this.meeting)||void 0===s||s.participants.joined.removeListener("participantLeft",this.participantLeftListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("screenShareUpdate",this.screenShareListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(a=null===(h=this.meeting)||void 0===h?void 0:h.stage)||void 0===a||a.removeListener("stageStatusUpdate",this.stageStatusListener)}meetingChanged(t){if(null!=t){const{self:s,stage:i}=t;this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare,this.maxScreenShareCount=s.config.maxScreenShareCount,this.screenShareEnabled=s.screenShareEnabled;let e=0;for(const s of t.participants.joined.toArray())s.screenShareEnabled&&e++;this.screenShareCount=e,this.getState(),t.__internals__.logger.info("rtkScreenShare::initialise",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount,maxAllowedCount:this.maxScreenShareCount}}}),this.stageStatus=t.stage.status,t.participants.joined.addListener("screenShareUpdate",this.screenShareListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),s.addListener("screenShareUpdate",this.screenShareListener),s.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==i||i.addListener("stageStatusUpdate",this.stageStatusListener)}}hasPermissionError(){return"SYSTEM_DENIED"===this.shareScreenPermission||"DENIED"===this.shareScreenPermission}getState(){let t="",s="",i="",e={};const h=this.hasPermissionError()&&!this.screenShareEnabled,a=this.reachedMaxScreenShares()&&!this.screenShareEnabled,r="COULD_NOT_START"===this.shareScreenPermission;this.screenShareEnabled&&!h?(s=this.t("screenshare.stop"),i=this.iconPack.share_screen_stop,e["red-icon"]=!0):(s=this.t("screenshare.start"),i=this.iconPack.share_screen_start),"SYSTEM_DENIED"===this.shareScreenPermission?(t=this.t("perm_sys_denied.screenshare"),e["red-icon"]=!0):"DENIED"===this.shareScreenPermission?(t=this.t("perm_denied.screenshare"),e["red-icon"]=!0):t=s,a&&(t=this.t("screenshare.error.max_count")),r&&(t=this.t("screenshare.error.unknown")),this.screenShareState={tooltipLabel:t,label:s,icon:i,classList:e,disable:h||a,showWarning:h||a||r}}render(){return o()&&this.canScreenShare&&!["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus)?i(e,{title:this.screenShareState.label},i("rtk-tooltip",{placement:"top",kind:"block",label:this.screenShareState.tooltipLabel,delay:600,part:"tooltip"},i("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.screenShareState.label,icon:this.screenShareState.icon,class:this.screenShareState.classList,onClick:this.toggleScreenShare,disabled:this.screenShareState.disable,showWarning:this.screenShareState.showWarning}))):i(e,{"data-hidden":!0})}static get watchers(){return{meeting:["meetingChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],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)}:host{display:block}:host([data-hidden]){display:none}";export{c as rtk_screen_share_toggle}
+import{r as t,c as s,h as i,H as e}from"./p-0ee570cd.js";import{e as h,h as a}from"./p-e87928f7.js";import{S as r}from"./p-80c856cd.js";var n=function(t,s,i,e){var h,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(h=t[n])&&(r=(a<3?h(r):a>3?h(s,i,r):h(s,i))||r);return a>3&&r&&Object.defineProperty(s,i,r),r};const o=()=>"undefined"!=typeof navigator&&void 0!==navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,c=class{constructor(i){t(this,i),this.stateUpdate=s(this,"rtkStateUpdate",7),this.apiError=s(this,"rtkApiError",7),this.variant="button",this.iconPack=h,this.t=a(),this.maxScreenShareCount=-1,this.screenShareCount=0,this.screenShareEnabled=!1,this.canScreenShare=!1,this.shareScreenPermission="NOT_REQUESTED",this.screenShareState={tooltipLabel:this.t("screenshare.start"),label:this.t("screenshare.start"),icon:this.iconPack.share_screen_start,classList:{},showWarning:!1,disable:!1},this.stageStatus="OFF_STAGE",this.screenShareListener=()=>{const t=this.meeting.participants.active.toArray().filter((t=>t.screenShareEnabled)).length;this.screenShareCount=t+(this.meeting.self.screenShareEnabled?1:0),this.screenShareEnabled=this.meeting.self.screenShareEnabled,this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}})},this.participantLeftListener=({screenShareEnabled:t})=>{t&&(this.screenShareCount=Math.max(this.screenShareCount-1,0),this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}}))},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare},this.mediaPermissionUpdateListener=({kind:t,message:s})=>{"screenshare"===t&&(this.shareScreenPermission=s,this.getState(),"COULD_NOT_START"===s&&this.apiError.emit({trace:this.t("screenshare.permissions"),message:this.t("screenshare.error.unknown")}),this.hasPermissionError())&&this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}})},this.reachedMaxScreenShares=()=>this.maxScreenShareCount>0&&this.screenShareCount>=this.maxScreenShareCount,this.toggleScreenShare=async()=>{var t;if(this.screenShareState.disable)return;if(this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}}),!1;const s=null===(t=this.meeting)||void 0===t?void 0:t.self;this.screenShareEnabled?s.disableScreenShare():null==s||!this.canScreenShare||this.reachedMaxScreenShares()||this.hasPermissionError()||(this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!0}),await s.enableScreenShare(),this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!1}),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){o()?this.meetingChanged(this.meeting):this.meeting.__internals__.logger.error("[rtk-screenshare-toggle] Device does not support screensharing.")}disconnectedCallback(){var t,s,i,e,h,a;null===(t=this.meeting)||void 0===t||t.participants.joined.removeListener("screenShareUpdate",this.screenShareListener),null===(s=this.meeting)||void 0===s||s.participants.joined.removeListener("participantLeft",this.participantLeftListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("screenShareUpdate",this.screenShareListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(a=null===(h=this.meeting)||void 0===h?void 0:h.stage)||void 0===a||a.removeListener("stageStatusUpdate",this.stageStatusListener)}meetingChanged(t){if(null!=t){const{self:s,stage:i}=t;this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare,this.maxScreenShareCount=s.config.maxScreenShareCount,this.screenShareEnabled=s.screenShareEnabled;let e=0;for(const s of t.participants.joined.toArray())s.screenShareEnabled&&e++;this.screenShareCount=e,this.getState(),t.__internals__.logger.info("rtkScreenShare::initialise",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount,maxAllowedCount:this.maxScreenShareCount}}}),this.stageStatus=t.stage.status,t.participants.joined.addListener("screenShareUpdate",this.screenShareListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),s.addListener("screenShareUpdate",this.screenShareListener),s.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==i||i.addListener("stageStatusUpdate",this.stageStatusListener)}}hasPermissionError(){return"SYSTEM_DENIED"===this.shareScreenPermission||"DENIED"===this.shareScreenPermission}getState(){let t="",s="",i="",e={};const h=this.hasPermissionError()&&!this.screenShareEnabled,a=this.reachedMaxScreenShares()&&!this.screenShareEnabled,r="COULD_NOT_START"===this.shareScreenPermission;this.screenShareEnabled&&!h?(s=this.t("screenshare.stop"),i=this.iconPack.share_screen_stop,e["red-icon"]=!0):(s=this.t("screenshare.start"),i=this.iconPack.share_screen_start),"SYSTEM_DENIED"===this.shareScreenPermission?(t=this.t("perm_sys_denied.screenshare"),e["red-icon"]=!0):"DENIED"===this.shareScreenPermission?(t=this.t("perm_denied.screenshare"),e["red-icon"]=!0):t=s,a&&(t=this.t("screenshare.error.max_count")),r&&(t=this.t("screenshare.error.unknown")),this.screenShareState={tooltipLabel:t,label:s,icon:i,classList:e,disable:h||a,showWarning:h||a||r}}render(){return o()&&this.canScreenShare&&!["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus)?i(e,{title:this.screenShareState.label},i("rtk-tooltip",{placement:"top",kind:"block",label:this.screenShareState.tooltipLabel,delay:600,part:"tooltip"},i("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.screenShareState.label,icon:this.screenShareState.icon,class:this.screenShareState.classList,onClick:this.toggleScreenShare,disabled:this.screenShareState.disable,showWarning:this.screenShareState.showWarning}))):i(e,{"data-hidden":!0})}static get watchers(){return{meeting:["meetingChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],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)}:host{display:block}:host([data-hidden]){display:none}";export{c as rtk_screen_share_toggle}

package/dist/realtimekit-ui/p-50157a65.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{e,h as o}from"./p-e87928f7.js";import{c as n}from"./p-12e4cb4a.js";import{S as r}from"./p-80c856cd.js";var h=function(t,i,a,s){var e,o=arguments.length,n=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var r=t.length-1;r>=0;r--)(e=t[r])&&(n=(o<3?e(n):o>3?e(i,a,n):e(i,a))||n);return o>3&&n&&Object.defineProperty(i,a,n),n};const l=class{constructor(a){t(this,a),this.stateUpdate=i(this,"rtkStateUpdate",7),this.unreadMessageCount=0,this.variant="button",this.iconPack=e,this.t=o(),this.chatActive=!1,this.canViewChat=!1,this.hasNewMessages=!1,this.onChatUpdate=({action:t,message:i})=>{var a;this.chatActive||"add"===t&&i.userId!==(null===(a=this.meeting)||void 0===a?void 0:a.self.userId)&&(this.hasNewMessages=!0,this.unreadMessageCount+=1)},this.toggleChat=()=>{const t=this.states;this.chatActive=!((null==t?void 0:t.activeSidebar)&&"chat"===(null==t?void 0:t.sidebar)),this.chatActive&&(this.unreadMessageCount=0,this.hasNewMessages=!1),this.stateUpdate.emit({activeSidebar:this.chatActive,sidebar:this.chatActive?"chat":void 0,activeMoreMenu:!1,activeAI:!1})},this.updateCanView=()=>{this.canViewChat=n(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,a,s,e,o;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.chat)||void 0===i||i.removeListener("chatUpdate",this.onChatUpdate),null===(s=null===(a=this.meeting)||void 0===a?void 0:a.stage)||void 0===s||s.removeListener("stageStatusUpdate",this.updateCanView),null===(o=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===o||o.permissions.removeListener("chatUpdate",this.updateCanView)}meetingChanged(t){var i,a,s,e,o,r,h;if(!t)return;null===(i=t.chat)||void 0===i||i.getMessages((new Date).getTime(),1,!0).then((t=>{var i;(null===(i=null==t?void 0:t.messages)||void 0===i?void 0:i.length)&&(this.hasNewMessages=!0)}));const l=null!==(s=null===(a=t.meta)||void 0===a?void 0:a.meetingStartedTimestamp.getTime())&&void 0!==s?s:0,c=null===(e=t.chat)||void 0===e?void 0:e.messages.filter((t=>t.timeMs>l));this.unreadMessageCount=c.length||0,null===(o=t.chat)||void 0===o||o.addListener("chatUpdate",this.onChatUpdate),this.canViewChat=n(t),null===(r=null==t?void 0:t.stage)||void 0===r||r.on("stageStatusUpdate",this.updateCanView),null===(h=null==t?void 0:t.self)||void 0===h||h.permissions.on("chatUpdate",this.updateCanView)}statesChanged(t){null!=t&&(this.chatActive=!0===t.activeSidebar&&"chat"===t.sidebar)}handleChatActiveChange(){this.chatActive||this.states.activeSidebar||this.buttonEl.focus()}render(){return this.meeting?this.canViewChat?a(s,{title:this.t("chat")},this.hasNewMessages&&a("div",{class:"unread-count-dot",part:"unread-count-dot"}),a("rtk-controlbar-button",{ref:t=>this.buttonEl=t,part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.chatActive},onClick:this.toggleChat,icon:this.iconPack.chat,label:this.t("chat"),variant:this.variant})):a(s,{"data-hidden":!0}):null}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],chatActive:["handleChatActiveChange"]}}};h([r()],l.prototype,"meeting",void 0),h([r()],l.prototype,"states",void 0),h([r()],l.prototype,"iconPack",void 0),h([r()],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{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";export{l as rtk_chat_toggle}

package/dist/realtimekit-ui/p-51e949d6.entry.js

@@ -0,0 +1 @@
+import{r,c as t,w as a,f as e,h as i,H as s,a as o}from"./p-0ee570cd.js";import{h as n,e as c}from"./p-e87928f7.js";import{S as p}from"./p-80c856cd.js";var l=function(r,t,a,e){var i,s=arguments.length,o=s<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(r,t,a,e);else for(var n=r.length-1;n>=0;n--)(i=r[n])&&(o=(s<3?i(o):s>3?i(t,a,o):i(t,a))||o);return s>3&&o&&Object.defineProperty(t,a,o),o};const d=class{constructor(s){r(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.switchChannel=t(this,"switchChannel",7),this.t=n(),this.iconPack=c,this.channelName="",this.searchQuery="",this.step=1,this.loading=!1,this.selectedMemberIds=new Set,this.focusedMemberIndex=-1,this.showAllMembersList=!1,this.allMembers=new Map,this.inputTextRef=null,this.searchInputTextRef=null,this.focusOnSearch=(r=!1)=>{this.focusedMemberIndex=-1,a((()=>{var t,a;null===(t=this.searchInputTextRef)||void 0===t||t.focus(),r&&(null===(a=this.searchInputTextRef)||void 0===a||a.select())}))},this.onClickHandler=async()=>{if(0!==this.channelName.length){if(1===this.step){const r=this.meeting.participants.all.toArray(),t=this.meeting.self.userId;return r.filter((r=>r.userId!==t)).forEach((r=>this.allMembers.set(r.userId,r))),this.step=2,void this.focusOnSearch()}await this.createChannel()}},this.createChannel=async()=>{const r=Array.from(this.selectedMemberIds),t=await this.meeting.chat.createChannel(this.channelName,r,{displayPictureUrl:"",visibility:"public",isDirectMessage:!1});this.switchChannel.emit(t.id),this.stateUpdate.emit({activeChannelCreator:!1})},this.onMemberAdd=r=>{this.showAllMembersList=!1,this.selectedMemberIds.add(r),this.searchQuery="",this.focusOnSearch()},this.keyDownHandler=(r,t)=>{if("ArrowDown"===r.key)this.focusedMemberIndex=Math.min(this.focusedMemberIndex+1,t.length-1);else if("ArrowUp"===r.key){if(-1===this.focusedMemberIndex)return;if(0===this.focusedMemberIndex)return void this.focusOnSearch(!0);this.focusedMemberIndex=Math.max(this.focusedMemberIndex-1,0)}else if("Enter"===r.key)this.onMemberAdd(t[this.focusedMemberIndex].userId);else if("Backspace"===r.key){if(0!==this.searchQuery.length)return;if(0===this.selectedMemberIds.size)return;const r=Array.from(this.selectedMemberIds.values()).at(-1);this.selectedMemberIds.delete(r),e(this.$el)}},this.renderMemberSelector=()=>{const r=Array.from(this.allMembers.values()).filter((r=>!this.selectedMemberIds.has(r.userId)&&r.name.toLowerCase().includes(this.searchQuery.toLowerCase()))),t=Array.from(this.selectedMemberIds.values()).map((r=>this.allMembers.get(r))),s=this.selectedMemberIds.size===this.allMembers.size;return i("div",{class:"input-container"},i("ul",{class:"members scrollbar",onClick:()=>{var r;null===(r=this.searchInputTextRef)||void 0===r||r.focus()}},t.map((r=>i("li",{class:"pill"},i("rtk-avatar",{participant:{name:r.name,picture:r.picture},size:"sm"}),i("span",null,r.name),i("rtk-icon",{icon:this.iconPack.dismiss,onClick:()=>{this.selectedMemberIds.delete(r.userId),e(this.$el),this.focusOnSearch()}})))),!s&&i("input",{type:"text",ref:r=>this.searchInputTextRef=r,value:this.searchQuery,placeholder:0===this.selectedMemberIds.size?this.t("chat.member_name"):"",class:{"wide-input":0===this.selectedMemberIds.size},onInput:r=>{this.searchQuery=r.target.value.trim()},onClick:()=>{this.showAllMembersList=!this.showAllMembersList},onKeyDown:t=>this.keyDownHandler(t,r)})),(0!==this.searchQuery.length||this.showAllMembersList)&&i("ul",{class:"search-results"},r.map(((r,t)=>i("li",{class:{member:!0,selected:t===this.focusedMemberIndex},onClick:()=>this.onMemberAdd(r.userId),ref:r=>{t===this.focusedMemberIndex&&a((()=>{r&&r.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}))}},i("rtk-avatar",{participant:{name:r.name,picture:r.picture},size:"sm"}),i("span",null,r.name)))),0===r.length&&i("li",{class:"member"},i("span",null,this.t("chat.error.empty_results")))))}}componentDidLoad(){var r;null===(r=this.inputTextRef)||void 0===r||r.focus()}render(){return i(s,{key:"b0d6ee605e9b523d53bcc616d2e91569f25eefb8"},i("header",{key:"95a37537138ddd6069f445d956bb2fc40d211e0a"},this.t(1===this.step?"chat.new_channel":"chat.add_members")),1===this.step&&i("input",{key:"0a91dd51ebddb6d7d153f3650b441b475016941b",class:"channel-name-input",type:"text",placeholder:this.t("chat.channel_name"),ref:r=>this.inputTextRef=r,onInput:r=>{this.channelName=r.target.value.trim()}}),2===this.step&&this.renderMemberSelector(),i("footer",{key:"18e65d42174a88f7ef34bce3d8ab60ee7a052606"},i("rtk-button",{key:"b83ad46229d783ad642b8ae0293f93936353f99c",kind:"button",size:"lg",disabled:0===this.channelName.length,onClick:this.onClickHandler},this.t(1===this.step?"chat.add_members":"create"))))}get $el(){return o(this)}};l([p()],d.prototype,"meeting",void 0),l([p()],d.prototype,"t",void 0),l([p()],d.prototype,"iconPack",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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}.channel-name-input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";export{d as rtk_channel_creator}