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

package/dist/realtimekit-ui/p-45f90b95.js

@@ -1 +0,0 @@
-import{o as r,p as t,k as n,M as i}from"./p-25c4d10f.js";var o="[object Symbol]",e=/\s/,u=/^\s+/;var f=NaN,a=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,v=/^0o[0-7]+$/i,s=parseInt;function d(i){if("number"==typeof i)return i;if(function(n){return"symbol"==typeof n||r(n)&&t(n)==o}(i))return f;if(n(i)){var d="function"==typeof i.valueOf?i.valueOf():i;i=n(d)?d+"":d}if("string"!=typeof i)return 0===i?i:+i;var m;i=(m=i)?m.slice(0,function(r){for(var t=r.length;t--&&e.test(r.charAt(t)););return t}(m)+1).replace(u,""):m;var p=c.test(i);return p||v.test(i)?s(i.slice(2),p?2:8):a.test(i)?f:+i}const m=function(){return i.Date.now()};var p=Math.max,y=Math.min;function T(r,t,i){var o,e,u,f,a,c,v=0,s=!1,T=!1,b=!0;if("function"!=typeof r)throw new TypeError("Expected a function");function l(t){var n=o,i=e;return o=e=void 0,v=t,f=r.apply(i,n)}function h(r){var n=r-c;return void 0===c||n>=t||n<0||T&&r-v>=u}function x(){var r=m();if(h(r))return M(r);a=setTimeout(x,function(r){var n=t-(r-c);return T?y(n,u-(r-v)):n}(r))}function M(r){return a=void 0,b&&o?l(r):(o=e=void 0,f)}function $(){var r=m(),n=h(r);if(o=arguments,e=this,c=r,n){if(void 0===a)return function(r){return v=r,a=setTimeout(x,t),s?l(r):f}(c);if(T)return clearTimeout(a),a=setTimeout(x,t),l(c)}return void 0===a&&(a=setTimeout(x,t)),f}return t=d(t)||0,n(i)&&(s=!!i.leading,u=(T="maxWait"in i)?p(d(i.maxWait)||0,t):u,b="trailing"in i?!!i.trailing:b),$.cancel=function(){void 0!==a&&clearTimeout(a),v=0,o=c=e=a=void 0},$.flush=function(){return void 0===a?f:M(m())},$}export{T as d}

package/dist/realtimekit-ui/p-48c87789.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as a,H as e}from"./p-0ee570cd.js";import{e as o,i as c}from"./p-25c4d10f.js";import{S as i}from"./p-9b550ec4.js";import{T as s}from"./p-a7e0277f.js";import"./p-a5900df2.js";var n=function(r,t,a,e){var o,c=arguments.length,i=c<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,t,a,e);else for(var s=r.length-1;s>=0;s--)(o=r[s])&&(i=(c<3?o(i):c>3?o(t,a,i):o(t,a))||i);return c>3&&i&&Object.defineProperty(t,a,i),i};const d=class{constructor(e){r(this,e),this.channelChanged=t(this,"channelChanged",7),this.iconPack=o,this.t=c(),this.showRecentMessage=!1,this.isHidden=!1,this.searchQuery="",this.handleResize=r=>{this.isHidden=!r.matches},this.channelSelected=r=>{this.channelChanged.emit(r),this.onRevealClicked()},this.onSearchInput=r=>{this.searchQuery=r.target.value},this.onRevealClicked=()=>{this.matchMedia.matches||(this.isHidden=!this.isHidden)},this.renderChannelDisplayPic=r=>a("div",{class:"channel-display"},r.isDirectMessage||r.displayPictureUrl&&0!==r.displayPictureUrl.length?a("rtk-avatar",{participant:{name:r.displayName,picture:r.displayPictureUrl}}):a("rtk-icon",{icon:this.iconPack.people,slot:"start"})),this.renderRecentMessage=r=>{if(!r.latestMessage)return a("p",{class:"latest-msg new"},this.t("chat.start_conversation"));let t=r.isDirectMessage?"":`${r.latestMessage.displayName}: `;if("text"===r.latestMessage.type)return a("p",{class:"latest-msg"},t,a(s,{message:r.latestMessage.message}));let e="";return"image"===r.latestMessage.type?e=this.t("image"):"file"===r.latestMessage.type&&(e=this.t("file")),a("p",{class:"latest-msg"},`${t}${e}`)}}connectedCallback(){this.matchMedia=window.matchMedia("(orientation: landscape) and (min-width: 400px)"),this.matchMedia.addEventListener("change",this.handleResize),this.isHidden=!this.matchMedia.matches}disconnectedCallback(){this.matchMedia.removeEventListener("change",this.handleResize)}componentDidRender(){this.$el.style.transform=this.isHidden?"translateX(-380px)":"translateX(0)"}getTimeLabel(r){const t=r.time,a=new Date,e=new Date(a);e.setDate(a.getDate()-1);const o=new Date(a);return o.setDate(a.getDate()-a.getDay()-1),t.toDateString()===a.toDateString()?t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):t.toDateString()===e.toDateString()?this.t("date.yesteday"):t>o?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(){return a(e,{key:"8c0e21c2edeb6cedf5e4332d361dd06fef80e2c3"},a("div",{key:"b4f0bdc102cf4a6bdaafe945ccacc65691cda6c8",class:"container",ref:r=>this.$el=r},this.isHidden&&a("rtk-button",{key:"c0a4ffa6a83074b59d39827dd0d49db89d0bbe86",kind:"icon",variant:"ghost",size:"md",onClick:this.onRevealClicked,class:"sidebar-btn"},a("rtk-icon",{key:"51316a7127bc3f780d4110fe62a6114156859fef",icon:this.isHidden?this.iconPack.chevron_left:this.iconPack.dismiss})),a("slot",{key:"9f62d231516e418d40e73ff4e7128c3df93fa516",name:"header"}),a("div",{key:"e337d9c1c2599b894812d1f9d68740ddff45a417",class:"search-wrapper"},a("div",{key:"a4e60014174739d658cac4a8a2b4cc6170a718c3",class:"search"},a("input",{key:"e4b02408f7893c2ac6dc4d7f52dbafbd6acba59b",type:"search",autocomplete:"off",placeholder:this.t("chat.search_conversations"),onInput:this.onSearchInput}),a("rtk-icon",{key:"ab9fd67f26aebf1062ed89d0411f00cd3a1ce30b",icon:this.iconPack.search,class:"search-icon"}))),a("div",{key:"ac46c45d8f8ee6a93c04748e8eae278fecc9d2a9",class:"channel-container scrollbar",role:"list"},this.channels.filter((r=>""===this.searchQuery||r.displayName.includes(this.searchQuery))).map((r=>a("div",{class:{channel:!0,selected:r.id===this.selectedChannelId,highlight:!!r.unreadCount},role:"listitem",onClick:()=>{this.channelSelected(r.id)}},this.renderChannelDisplayPic(r),a("div",{class:"channel-card","is-direct-message":r.isDirectMessage},a("div",{class:"recent-message-row"},a("span",{class:"channel-name"},r.displayName),r.latestMessage&&a("span",{class:"latest-msg-time"},this.getTimeLabel(r.latestMessage))),a("div",{class:"recent-message-row"},this.renderRecentMessage(r),r.unreadCount>0&&r.id!==this.selectedChannelId?a("span",{class:"new-msgs-count"},r.unreadCount<99?r.unreadCount:"99+"):null))))))),!this.isHidden&&a("div",{key:"7c886fbae80b1248db515317cfcf525eb74ffa6b",class:"overlay-container"},a("rtk-button",{key:"f48116160f38d361ec4842dbe2a550a1154d0b00",kind:"icon",variant:"ghost",size:"md",onClick:this.onRevealClicked,class:"sidebar-btn"},a("rtk-icon",{key:"29f1f41eb90dddacf0ef6a42479d7468a03ee005",icon:this.isHidden?this.iconPack.chevron_left:this.iconPack.dismiss}))))}};n([i()],d.prototype,"iconPack",void 0),n([i()],d.prototype,"t",void 0),d.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{display:flex}.container{display:flex;height:100%;width:var(--rtk-space-96, 384px);flex-direction:column;position:absolute;--tw-translate-x:calc(var(--rtk-space-96, 384px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-sm, 1px);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity));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}@keyframes fade{0%{opacity:0}100%{opacity:1}}.overlay-container{width:100vw;--tw-translate-x:var(--rtk-space-96, 384px);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));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));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;animation:fade 0.8s}.overlay-container .sidebar-btn{position:static;padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.sidebar-btn{position:absolute;right:calc(var(--rtk-space-9, 36px) * -1);top:var(--rtk-space-4, 16px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-7, 28px);--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-sm, 4px)}@media (orientation: landscape) and (min-width: 400px){.container{position:static;--tw-translate-x: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))}.sidebar-btn,.overlay-container{display:none}}.search-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px);width:100%}.search .search-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);padding:var(--rtk-space-2, 8px);--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));border-top-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-right-radius:var(--rtk-border-radius-sm, 4px)}.search input{box-sizing:border-box;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);--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));border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;font-size:14px;line-height:1.25rem}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input{border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px)}.channel-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);overflow-y:scroll}.channel-container .channel{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}.channel-container .channel:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .channel:hover .latest-msg-time,.channel-container .channel:hover .latest-msg,.channel-container .channel:hover .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .channel-display{display:flex;gap:var(--rtk-space-2, 8px);align-self:center;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-0, 0px)}.channel-container .channel-display rtk-avatar{height:var(--rtk-space-9, 36px);width:var(--rtk-space-9, 36px);flex-shrink:0;font-size:12px}.channel-container .channel-display rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-shrink:0;padding:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.channel-container .channel-card{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-1, 4px)}.channel-container .channel-card .channel-name{max-width:var(--rtk-space-60, 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.channel-container .channel-card .latest-msg{margin:var(--rtk-space-0, 0px);max-width:var(--rtk-space-56, 224px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.channel-container .channel-card .latest-msg.new{font-weight:200;font-style:italic;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.channel-container .channel-card .latest-msg-time{font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.channel-container .channel-meta{width:var(--rtk-space-12, 48px);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--rtk-space-1\\.5, 6px);font-size:12px;font-weight:600}.channel-container .new-msgs-count{height:var(--rtk-space-4, 16px);min-width:var(--rtk-space-4, 16px);padding-top:1px;padding-bottom:1px;padding-left:2px;padding-right:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / 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-sm, 4px);text-align:center;font-size:12px}.channel-container .selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .selected .latest-msg-time,.channel-container .selected .latest-msg,.channel-container .selected .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .highlight .channel-title span{font-weight:700}.latest-msg p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.latest-msg blockquote{display:none}.recent-message-row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;justify-content:space-between}";export{d as rtk_channel_selector_ui}

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

@@ -1 +0,0 @@
-import{r as t,h as i,H as r}from"./p-0ee570cd.js";import{e,i as s}from"./p-25c4d10f.js";import{S as o}from"./p-9b550ec4.js";var a=function(t,i,r,e){var s,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,r):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,r,e);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(i,r,a):s(i,r))||a);return o>3&&a&&Object.defineProperty(i,r,a),a};const n=class{constructor(i){t(this,i),this.iconPack=e,this.t=s(),this.permissionsUpdateListener=()=>{this.canSpotlight=this.meeting.self.permissions.canSpotlight}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){var i,r;null!=t&&(this.canSpotlight=t.self.permissions.canSpotlight,this.isSpotlighted=null!==(r=null===(i=t.meta)||void 0===i?void 0:i.broadcastTabChanges)&&void 0!==r&&r,t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener))}updateSpotlightState(t){var i;try{null===(i=this.meeting.meta)||void 0===i||i.setBroadcastTabChanges(t),this.isSpotlighted=t}catch(t){console.error(t)}}render(){if(this.canSpotlight)return i(r,null,i("rtk-tooltip",{size:"md",label:this.t("remote_access.indicator")},i("div",{id:"sync-button",class:{tab:!0,active:this.isSpotlighted},onClick:()=>this.updateSpotlightState(!this.isSpotlighted)},i("span",{class:"name"},"Sync"),i("rtk-icon",{id:"icon",icon:this.isSpotlighted?this.iconPack.checkmark:this.iconPack.warning,tabIndex:-1,"aria-hidden":!0}))))}static get watchers(){return{meeting:["meetingChanged"]}}};a([o()],n.prototype,"meeting",void 0),a([o()],n.prototype,"iconPack",void 0),a([o()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}";export{n as rtk_spotlight_indicator}

package/dist/realtimekit-ui/p-53680d55.entry.js

@@ -1 +0,0 @@
-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{i as n,e as c}from"./p-25c4d10f.js";import{S as p}from"./p-9b550ec4.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 h=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:"0e938e24a3838a8b3cff8be5f8f56e0e828a656a"},i("header",{key:"b0aed03cea09e2105feee1bbfd1acad453cc924e"},this.t(1===this.step?"chat.new_channel":"chat.add_members")),1===this.step&&i("input",{key:"f252b9a1d899fa189837d6dd44097ee3e132907b",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:"4dc3bc442c35be9c21d5c0a510aac74f8f94bc6a"},i("rtk-button",{key:"de530ede30a33ae9cf14c155cbf3b53d25d434ae",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()],h.prototype,"meeting",void 0),l([p()],h.prototype,"t",void 0),l([p()],h.prototype,"iconPack",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{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{h as rtk_channel_creator}

package/dist/realtimekit-ui/p-54a88fdf.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as i}from"./p-0ee570cd.js";import{e as s,i as o}from"./p-25c4d10f.js";import{S as r}from"./p-9b550ec4.js";var n=function(t,e,a,i){var s,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(o<3?s(r):o>3?s(e,a,r):s(e,a))||r);return o>3&&r&&Object.defineProperty(e,a,r),r};const c=class{constructor(a){t(this,a),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=s,this.t=o(),this.leave=()=>{this.stateUpdate.emit({activeLeaveConfirmation:!0})}}render(){const t=this.t("leave");return a(i,{key:"fc176585ba4617c2b64d05d9b2e1ee66084666aa",label:t},a("rtk-controlbar-button",{key:"feb4ee03ff7d16bf6ab858a3207a628121fd477b",size:this.size,iconPack:this.iconPack,class:"leave red-icon",onClick:this.leave,icon:this.iconPack.call_end,label:t,variant:this.variant,part:"controlbar-button"}))}};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}";export{c as rtk_leave_button}

package/dist/realtimekit-ui/p-5892c1e0.entry.js

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

package/dist/realtimekit-ui/p-5b2d97fc.js

@@ -1 +0,0 @@
-import{h as s}from"./p-0ee570cd.js";import{f as a,e}from"./p-382270d8.js";import{a as m,f as i}from"./p-6f211c3e.js";const o=({name:o,time:t,now:p})=>s("div",{class:"head"},s("div",{class:"name"},m(i(o),20)),s("div",{class:"time",title:a(t)},e(t,p)));export{o as C}

package/dist/realtimekit-ui/p-612a8d25.entry.js

@@ -1 +0,0 @@
-import{r,h as a,H as t}from"./p-0ee570cd.js";import{i as e,e as o}from"./p-25c4d10f.js";import{S as c}from"./p-9b550ec4.js";var s=function(r,a,t,e){var o,c=arguments.length,s=c<3?a:null===e?e=Object.getOwnPropertyDescriptor(a,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(r,a,t,e);else for(var i=r.length-1;i>=0;i--)(o=r[i])&&(s=(c<3?o(s):c>3?o(a,t,s):o(a,t))||s);return c>3&&s&&Object.defineProperty(a,t,s),s};const i=class{constructor(a){r(this,a),this.t=e(),this.iconPack=o,this.members=[]}renderMembers(){return a("ul",{class:"scrollbar"},this.members.map((r=>a("li",null,a("rtk-avatar",{participant:{name:r.name,picture:r.picture},size:"sm"}),a("span",null,r.name)))))}render(){return a(t,{key:"0d50bc8ecef99900be123c21754cc7e865425c65"},a("header",{key:"4b595171c0c7f10835230d7ed66508d5b2412ac4"},this.t("chat.channel_members")),this.renderMembers())}};s([c()],i.prototype,"t",void 0),s([c()],i.prototype,"iconPack",void 0),i.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";export{i as rtk_channel_details}

package/dist/realtimekit-ui/p-639601b7.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as i,H as s}from"./p-0ee570cd.js";import{c as a,e,i as o}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";import{d as p}from"./p-45f90b95.js";var c=function(t,r,i,s){var a,e=arguments.length,o=e<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,r,i,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(e<3?a(o):e>3?a(r,i,o):a(r,i))||o);return e>3&&o&&Object.defineProperty(r,i,o),o};const h=class{constructor(s){t(this,s),this.stateUpdate=r(this,"rtkStateUpdate",7),this.config=a(),this.iconPack=e,this.defaultParticipantsTabId="stage-list",this.t=o(),this.currentParticipantsTabId=this.defaultParticipantsTabId,this.tabs=[],this.hasRequests=!1,this.search="",this.updateParticipantCountsInTabs=p((()=>{var t;let r=(null===(t=this.meeting.participants.waitlisted)||void 0===t?void 0:t.size)||0,s=0,a=0;this.meeting.participants.joined.toArray().forEach((t=>{"ON_STAGE"===t.stageStatus&&s++,"OFF_STAGE"===t.stageStatus&&a++,"REQUESTED_TO_JOIN_STAGE"===t.stageStatus&&(r++,a++),"ACCEPTED_TO_JOIN_STAGE"===t.stageStatus&&a++})),"ON_STAGE"===this.meeting.self.stageStatus&&s++,"OFF_STAGE"===this.meeting.self.stageStatus&&a++,"REQUESTED_TO_JOIN_STAGE"===this.meeting.self.stageStatus&&(r++,a++),"ACCEPTED_TO_JOIN_STAGE"===this.meeting.self.stageStatus&&a++;const e=[];this.shouldShowRequestsTab()&&e.push({id:"requests",name:i("span",null,this.t("requests")," ",i("span",{class:`tab-participant-count-badge ${r>0?"requests-pending":""} ${"requests"===this.currentParticipantsTabId?"selected-tab":""}`},r))}),e.push({id:"stage-list",name:i("span",null,this.t("participants")," ",i("span",{class:"tab-participant-count-badge "+("stage-list"===this.currentParticipantsTabId?"selected-tab":"")},s))}),this.shouldShowViewersTab()&&e.push({id:"viewer-list",name:i("span",null,this.t("viewers")," ",i("span",{class:"tab-participant-count-badge "+("viewer-list"===this.currentParticipantsTabId?"selected-tab":"")},a))}),this.tabs=e,this.hasRequests=r>0})),this.onSearchInput=t=>{this.search=t.target.value},this.shouldShowViewersTab=()=>{var t,r,i;return null===(i=null===(r=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===r?void 0:r.permissions)||void 0===i?void 0:i.stageEnabled},this.shouldShowRequestsTab=()=>{var t;let r=!1;return r="LIVESTREAM"!==this.meeting.meta.viewType&&(null===(t=this.meeting.self.config.waitingRoom)||void 0===t?void 0:t.isEnabled)&&this.meeting.self.permissions.acceptWaitingRequests,this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests||r},this.viewSection=t=>{this.currentParticipantsTabId=t}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.participants.joined.off("participantJoined",this.updateParticipantCountsInTabs),this.meeting.participants.joined.off("participantsUpdate",this.updateParticipantCountsInTabs),this.meeting.participants.joined.off("participantLeft",this.updateParticipantCountsInTabs),this.meeting.participants.joined.off("stageStatusUpdate",this.updateParticipantCountsInTabs),this.meeting.stage.off("stageStatusUpdate",this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off("participantJoined",this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off("participantLeft",this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off("stageStatusUpdate",this.updateParticipantCountsInTabs))}meetingChanged(t){t&&(t.participants.joined.on("participantJoined",this.updateParticipantCountsInTabs),t.participants.joined.on("participantsUpdate",this.updateParticipantCountsInTabs),t.participants.joined.on("participantLeft",this.updateParticipantCountsInTabs),t.participants.joined.on("stageStatusUpdate",this.updateParticipantCountsInTabs),t.stage.on("stageStatusUpdate",this.updateParticipantCountsInTabs),t.participants.waitlisted.on("participantJoined",this.updateParticipantCountsInTabs),t.participants.waitlisted.on("participantLeft",this.updateParticipantCountsInTabs),t.participants.waitlisted.on("stageStatusUpdate",this.updateParticipantCountsInTabs),this.updateParticipantCountsInTabs())}currentParticipantsTabIdChanged(){this.stateUpdate.emit({participantsTabId:this.currentParticipantsTabId}),this.updateParticipantCountsInTabs()}render(){if(!this.meeting)return null;const t={meeting:this.meeting,states:this.states,config:this.config,size:this.size,iconPack:this.iconPack,t:this.t};return i(s,null,i("div",{class:"search",part:"search"},i("rtk-icon",{icon:this.iconPack.search,part:"search-icon"}),i("input",{type:"search",autocomplete:"off",placeholder:this.t("search"),onInput:this.onSearchInput,part:"search-input"})),i("slot",{name:"start"}),i("div",{class:"ctr scrollbar "+("requests"!==this.currentParticipantsTabId?"virtualised":""),part:"container"},i("rtk-sidebar-ui",{tabs:this.tabs,currentTab:this.currentParticipantsTabId,view:"full-screen",hideHeader:!0,hideCloseAction:!0,style:{position:"relative"},onTabChange:t=>{this.viewSection(t.detail),t.stopPropagation()}},(!this.currentParticipantsTabId||"stage-list"===this.currentParticipantsTabId)&&i("div",{slot:"stage-list",style:{marginTop:"10px",height:"100%"}},i("rtk-participants-stage-list",Object.assign({},t,{search:this.search,hideHeader:!0}))),"requests"===this.currentParticipantsTabId&&i("div",{slot:"requests",style:{marginTop:"10px",height:"100%"}},!this.hasRequests&&i("div",{class:"no-pending-requests"},this.t("participants.no_pending_requests")),i("rtk-participants-stage-queue",Object.assign({},t)),i("rtk-participants-waiting-list",Object.assign({},t))),"viewer-list"===this.currentParticipantsTabId&&i("div",{slot:"viewer-list",style:{marginTop:"10px",height:"100%"}},i("rtk-participants-viewer-list",Object.assign({},t,{search:this.search,hideHeader:!0}))))),i("slot",{name:"end"}))}static get watchers(){return{meeting:["meetingChanged"],currentParticipantsTabId:["currentParticipantsTabIdChanged"]}}};c([n()],h.prototype,"meeting",void 0),c([n()],h.prototype,"states",void 0),c([n()],h.prototype,"config",void 0),c([n()],h.prototype,"iconPack",void 0),c([n()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.ctr.virtualised{overflow-y:hidden}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}:host([size='md']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}:host([size='sm']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}.no-pending-requests{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";export{h as rtk_participants}

package/dist/realtimekit-ui/p-64206b62.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as r,a}from"./p-0ee570cd.js";import{e,i as s}from"./p-25c4d10f.js";import{S as c}from"./p-9b550ec4.js";import{R as o}from"./p-c8eaa707.js";var n=function(t,i,r,a){var e,s=arguments.length,c=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,i,r,a);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(c=(s<3?e(c):s>3?e(i,r,c):e(i,r))||c);return s>3&&c&&Object.defineProperty(i,r,c),c};const l=class{constructor(i){t(this,i),this.iconPack=e,this.t=s(),this.hideSelf=!1,this.activeParticipants=[],this.onStageParticipants=[],this.offStageParticipants=[],this.onParticipantListUpdate=()=>{if(!this.meeting)return;let t=this.meeting.participants.active.toArray();this.hideSelf||(t=[...t,this.meeting.self]);let i=this.meeting.participants.joined.toArray().filter((i=>!t.some((t=>t.id===i.id))));this.activeParticipants=t,this.onStageParticipants=i}}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){t&&"AUDIO_ROOM"===t.self.config.viewType&&(this.onParticipantListUpdate(),t.participants.active.addListener("participantJoined",this.onParticipantListUpdate),t.participants.active.addListener("participantLeft",this.onParticipantListUpdate),t.participants.joined.addListener("participantJoined",this.onParticipantListUpdate),t.participants.joined.addListener("participantLeft",this.onParticipantListUpdate))}disconnectedCallback(){this.resizeObserver.disconnect(),this.resizeObserver=void 0,this.meeting.participants.active.removeListener("participantJoined",this.onParticipantListUpdate),this.meeting.participants.active.removeListener("participantLeft",this.onParticipantListUpdate),this.meeting.participants.joined.removeListener("participantJoined",this.onParticipantListUpdate),this.meeting.participants.joined.removeListener("participantLeft",this.onParticipantListUpdate)}renderGrid(t=[]){const r={meeting:this.meeting,size:this.size,config:this.config,t:this.t,iconPack:this.iconPack,states:this.states};return t.map((t=>i(o,{element:"rtk-audio-tile",defaults:r,props:{key:t.id,participant:t},childProps:{participant:t},deepProps:!0})))}render(){const t=this.activeParticipants.concat(this.onStageParticipants);return i(r,{key:"1fe3a85bc93c05e225d68f21055e1017a7f70d58"},i("div",{key:"af48ec158bcd5b6a9c2326703aac739643053c05",class:"content scrollbar"},i("div",{key:"c8141f9cb9f9eee023419c3c99cc98098907208b",class:"stage grid"},this.renderGrid(t)),this.offStageParticipants.length>0&&i("div",{key:"43bc09bdf14e0faac406f8f5f0f0a244ec95624a",class:"waitlist-area"},i("div",{key:"609530579f746d37e16839dd82afd8f04c183101",class:"listening-title"},this.offStageParticipants.length," ",this.t("grid.listening")),i("div",{key:"410f40724a1816bd12e925e5de5a2212f0202c6a",class:"waitlist-grid grid"},this.renderGrid(this.offStageParticipants)))),i("slot",{key:"f3ecc1e452e89239e3cb3327b597805fd01b6a1b"}))}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"]}}};n([c()],l.prototype,"meeting",void 0),n([c()],l.prototype,"config",void 0),n([c()],l.prototype,"states",void 0),n([c()],l.prototype,"iconPack",void 0),n([c()],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)}.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;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";export{l as rtk_audio_grid}

package/dist/realtimekit-ui/p-67ead213.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as o,H as e,a}from"./p-0ee570cd.js";import{e as i,i as s}from"./p-25c4d10f.js";import{S as c}from"./p-9b550ec4.js";var n=function(t,r,o,e){var a,i=arguments.length,s=i<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,o,e);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(s=(i<3?a(s):i>3?a(r,o,s):a(r,o))||s);return i>3&&s&&Object.defineProperty(r,o,s),s};const d=class{constructor(o){t(this,o),this.stateUpdate=r(this,"rtkStateUpdate",7),this.iconPack=i,this.t=s(),this.handleKeyDown=({key:t})=>{"Escape"===t&&this.stateUpdate.emit({activeMoreMenu:!1})},this.handleOnClick=t=>{!t.composedPath().includes(this.host)&&this.states.activeMoreMenu&&this.stateUpdate.emit({activeMoreMenu:!1})},this.toggleMoreMenu=()=>{this.stateUpdate.emit({activeMoreMenu:!this.states.activeMoreMenu})}}connectedCallback(){window.addEventListener("keydown",this.handleKeyDown),window.addEventListener("click",this.handleOnClick)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("click",this.handleOnClick)}render(){const t=this.t("more");return o(e,{key:"ae92dc374ab721ea86cfe8d0f658be4f4c624d51",title:t},this.states.activeMoreMenu&&o("div",{key:"061d68748259df66e729ff830c9d72909b8185a6",class:"more-menu"},o("slot",{key:"6a89ae4f51c32c560c83bb5fa10f694797f4d20c",name:"more-elements"})),o("rtk-controlbar-button",{key:"775fcd968101f57f070159f6992ad55527fd424a",size:this.size,iconPack:this.iconPack,onClick:t=>{t.stopPropagation(),this.toggleMoreMenu()},icon:this.iconPack.horizontal_dots,label:t,part:"controlbar-button"}),o("slot",{key:"4b2006186051bf7c0e80dc4d9536d610d25ae7ba",name:"expanded"}))}get host(){return a(this)}};n([c()],d.prototype,"states",void 0),n([c()],d.prototype,"iconPack",void 0),n([c()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:visible}.more-menu{position:absolute;right:calc(var(--rtk-space-24, 96px) * -1);bottom:var(--rtk-space-16, 64px);z-index:50;margin-bottom:var(--rtk-space-3, 12px);box-sizing:border-box;max-height:60vh;width:var(--rtk-space-64, 256px);overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;display:flex;flex-direction:column;align-items:stretch}:host([size='sm']) .more-menu{bottom:var(--rtk-space-10, 40px)}.more-menu::-webkit-scrollbar{height:var(--rtk-space-0, 0px);width:var(--rtk-space-1\\.5, 6px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.more-menu::-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))}";export{d as rtk_more_toggle}

package/dist/realtimekit-ui/p-685adc5f.entry.js

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

package/dist/realtimekit-ui/p-701cdf1b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as a}from"./p-0ee570cd.js";import{c as r,e,i as o}from"./p-25c4d10f.js";import{c as n,d as h,a as l,b as p}from"./p-11a469d9.js";import{S as c}from"./p-9b550ec4.js";import{R as d}from"./p-c8eaa707.js";var v=function(t,i,s,a){var r,e=arguments.length,o=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(e<3?r(o):e>3?r(i,s,o):r(i,s))||o);return e>3&&o&&Object.defineProperty(i,s,o),o};const g=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.enabledSections=[],this.defaultSection="chat",this.config=r(),this.iconPack=e,this.t=o(),this.view="sidebar",this.currentTab=this.defaultSection,this.isFloating=!1,this.enablePinning=!0,this.getTabs=()=>this.meeting.self.config?this.enabledSections.filter((t=>this.meeting.self.config.controlBar.elements[t.id])):this.enabledSections,this.close=()=>{this.stateUpdate.emit({activeSidebar:!1,sidebar:this.defaultSection})},this.toggleFloating=()=>{this.isFloating=!this.isFloating}}connectedCallback(){var t;this.viewChanged(this.view),this.statesChanged(this.states),this.meetingChanged(this.meeting),this.isFloating=(null===(t=this.states)||void 0===t?void 0:t.sidebarFloating)||!1}disconnectedCallback(){var t,i;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",this.onStageStatusUpdate),this.onStageStatusUpdate=null}meetingChanged(t){var i,s;t&&(this.updateEnabledSections(t),this.onStageStatusUpdate=()=>{this.updateEnabledSections(this.meeting)},null===(s=null===(i=this.meeting)||void 0===i?void 0:i.stage)||void 0===s||s.on("stageStatusUpdate",this.onStageStatusUpdate))}statesChanged(t){(null==t?void 0:t.sidebar)&&(this.currentTab=t.sidebar)}viewChanged(t){this.enablePinning="full-screen"!==t}viewSection(t){this.currentTab=t,this.stateUpdate.emit({activeSidebar:!0,sidebar:this.currentTab})}updateEnabledSections(t=this.meeting){const i=[];n(t)&&i.push({id:"chat",name:this.t("chat")}),h(t)&&i.push({id:"polls",name:this.t("polls")}),l(t)&&i.push({id:"participants",name:this.t("participants")}),p(t)&&i.push({id:"plugins",name:this.t("plugins")}),this.enabledSections=i}render(){var t;if(!this.meeting)return null;const i={meeting:this.meeting,config:this.config,states:this.states,size:this.size,t:this.t,iconPack:this.iconPack};return!1!==(null===(t=i.states)||void 0===t?void 0:t.activeSidebar)&&this.currentTab?s(a,{class:this.enablePinning?this.isFloating?"floating":"":"floating"},s("rtk-sidebar-ui",{tabs:this.getTabs(),currentTab:this.currentTab,view:this.view,onTabChange:t=>{this.viewSection(t.detail)},onSidebarClose:this.close},this.enablePinning&&s("div",{class:"pinned-state",slot:"pinned-state"},s("rtk-button",{variant:"ghost",kind:"icon",onClick:this.toggleFloating,"aria-label":this.t(this.isFloating?"pin":"unpin")},s("rtk-icon",{icon:this.isFloating?this.iconPack.pin:this.iconPack.pin_off}))),"chat"===i.states.sidebar&&s(d,{element:"rtk-chat",defaults:i,props:{slot:"chat"}}),"polls"===i.states.sidebar&&s("rtk-polls",Object.assign({},i,{slot:"polls"})),"participants"===i.states.sidebar&&s(d,{element:"rtk-participants",defaults:i,props:{slot:"participants"}}),"plugins"===i.states.sidebar&&s("rtk-plugins",Object.assign({},i,{slot:"plugins"})))):null}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],view:["viewChanged"]}}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"states",void 0),v([c()],g.prototype,"config",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-right:var(--rtk-space-0, 0px);height:100%;width:100%;max-width:var(--rtk-space-96, 384px);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));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-4, 16px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}";export{g as rtk_sidebar}

package/dist/realtimekit-ui/p-7a9a226e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e}from"./p-0ee570cd.js";import{i as a,e as r}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";var s=function(t,i,e,a){var r,n=arguments.length,s=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,a);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);return n>3&&s&&Object.defineProperty(i,e,s),s};const c=class{constructor(i){t(this,i),this.t=a(),this.iconPack=r,this.setIsRecording=t=>{this.isRecording="RECORDING"===t}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.recording.removeListener("recordingUpdate",this.updateRecordingStatus)}meetingChanged(t){null!=t&&(this.setIsRecording(t.recording.recordingState),this.updateRecordingStatus=t=>{this.setIsRecording(t)},t.recording.addListener("recordingUpdate",this.updateRecordingStatus))}render(){return i(e,{key:"3bc3bfca9c1b7159afd2f79820c2b6e9a6726dfc","data-hidden":!this.isRecording},this.isRecording&&i("div",{key:"66fc2ee9663a4d1bfc4f1e3c200e712fa1c8b80f",class:"indicator","aria-label":this.t("recording.indicator"),part:"indicator"},i("rtk-icon",{key:"24f268ae015c0d8874a5e398e7e24bbea66b76df",icon:this.iconPack.recording,"aria-hidden":!0,tabIndex:-1,part:"icon"}),i("span",{key:"033532a521765c2a5e9c1a5ceafbb453be9c2d86"},this.t("recording.label"))))}static get watchers(){return{meeting:["meetingChanged"]}}};s([n()],c.prototype,"meeting",void 0),s([n()],c.prototype,"t",void 0),s([n()],c.prototype,"iconPack",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}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";export{c as rtk_recording_indicator}

package/dist/realtimekit-ui/p-820dad23.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s}from"./p-0ee570cd.js";import{e as a,i}from"./p-25c4d10f.js";import{S as r}from"./p-9b550ec4.js";var o=function(e,t,s,a){var i,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,a);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(o=(r<3?i(o):r>3?i(t,s,o):i(t,s))||o);return r>3&&o&&Object.defineProperty(t,s,o),o};const c=class{constructor(s){e(this,s),this.iconPack=a,this.t=i(),this.pageSize=50,this.searchMessages=async(e,t,s)=>this.meeting.chat.searchMessages(this.query,{channelId:this.channelId,timestamp:e,size:t,reversed:s}),this.nodeRenderer=e=>e.map((e=>t("rtk-chat-message",{key:e.id,message:e,disableControls:!0})))}render(){return t(s,{key:"e71457e70093c4de4d453d3905aaeedf7ef91df3"},t("rtk-paginated-list",{key:"4a8f9360d483804ed31c512ddc9ae91454ab1c89",pageSize:this.pageSize,pagesAllowed:3,fetchData:this.searchMessages,createNodes:this.nodeRenderer,selectedItemId:this.query}))}};o([r()],c.prototype,"meeting",void 0),o([r()],c.prototype,"iconPack",void 0),o([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:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";export{c as rtk_chat_search_results}

package/dist/realtimekit-ui/p-85b45c3b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as r,H as a}from"./p-0ee570cd.js";import{e as i,i as o}from"./p-25c4d10f.js";import{h as s}from"./p-3f882e7c.js";import{S as e}from"./p-9b550ec4.js";var c=function(t,r,a,i){var o,s=arguments.length,e=s<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,r,a,i);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(e=(s<3?o(e):s>3?o(r,a,e):o(r,a))||e);return s>3&&e&&Object.defineProperty(r,a,e),e};const n=class{constructor(r){t(this,r),this.iconPack=i,this.t=o(),this.audioEnabled=!1,this.volume=0,this.onAudioUpdate=({audioEnabled:t,audioTrack:r})=>{if(this.participant)if(t&&r){const t=new MediaStream;t.addTrack(r),this.calcVolume(t),this.audioEnabled=!0}else this.volume=0,this.audioEnabled=!1}}connectedCallback(){this.participantChanged(this.participant)}disconnectedCallback(){var t,r;null===(t=this.hark)||void 0===t||t.stop(),null===(r=this.participant)||void 0===r||r.removeListener("audioUpdate",this.onAudioUpdate)}participantChanged(t){t&&(this.audioEnabled=t.audioEnabled,t.addListener("audioUpdate",this.onAudioUpdate))}calcVolume(t){this.hark=s(t,{play:!1,interval:100}),this.hark.on("volume_change",(t=>{const r=this.volume;let a=Math.round(10**(t/115)*10);a<3&&(a=0);let i=Math.round((2*r+a)/3);r!==i&&(this.volume=i)}))}render(){if(!this.meeting)return null;const t={meeting:this.meeting,size:this.size,config:this.config,states:this.states,iconPack:this.iconPack,t:this.t};let o="bar-0";return o=this.volume>5?"bar-5":this.volume<0?"bar-0":"bar-"+this.volume,r(a,null,r("div",{class:{"avatar-ctr":!0,speaking:this.audioEnabled,[o]:!0}},r("rtk-avatar",{participant:this.participant,size:this.size},!this.audioEnabled&&r("div",{class:"mic-icon"},r("rtk-icon",{icon:i.mic_off})))),r("rtk-name-tag",Object.assign({variant:"text",participant:this.participant},t)),r("slot",null))}static get watchers(){return{participant:["participantChanged"]}}};c([e()],n.prototype,"meeting",void 0),c([e()],n.prototype,"config",void 0),c([e()],n.prototype,"states",void 0),c([e()],n.prototype,"iconPack",void 0),c([e()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column}.avatar-ctr{box-sizing:border-box;width:100%;flex:1 1 0%;padding:var(--rtk-space-1\\.5, 6px);border:2px solid transparent;border-radius:calc(var(--rtk-border-radius-xl, 40px) + var(--rtk-space-1\\.5, 6px))}.avatar-ctr.speaking{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bar-0{box-shadow:none}.bar-1{box-shadow:0 0 4px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-2{box-shadow:0 0 8px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-3{box-shadow:0 0 16px 1px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-4{box-shadow:0 0 20px 3px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-5{box-shadow:0 0 24px 6px rgb(var(--rtk-colors-brand-500, 33 96 253))}rtk-avatar{aspect-ratio:1 / 1;height:100%;width:100%;position:relative;border-radius:var(--rtk-border-radius-xl, 40px)}rtk-name-tag{display:block;height:var(--rtk-space-10, 40px);width:100%;text-align:center;line-height:2.5rem}:host([size='sm']) .avatar-ctr{border-radius:calc(var(--rtk-border-radius-lg, 12px) + var(--rtk-space-1\\.5, 6px))}:host([size='sm']) rtk-name-tag{height:var(--rtk-space-7, 28px);line-height:1.75rem}:host([size='sm']) rtk-avatar{border-radius:var(--rtk-border-radius-lg, 12px)}.mic-icon{position:absolute;bottom:calc(var(--rtk-space-1, 4px) * -1);right:calc(var(--rtk-space-1, 4px) * -1);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));--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)}.mic-icon rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) .mic-icon rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='md']) .mic-icon rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}";export{n as rtk_audio_tile}

package/dist/realtimekit-ui/p-95fb25d6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,H as r}from"./p-0ee570cd.js";import{c as s,e,i as a}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";var c=function(t,i,o,r){var s,e=arguments.length,a=e<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(e<3?s(a):e>3?s(i,o,a):s(i,o))||a);return e>3&&a&&Object.defineProperty(i,o,a),a};const l=class{constructor(o){t(this,o),this.onClose=i(this,"rtkDialogClose",7),this.hideCloseButton=!1,this.disableEscapeKey=!1,this.config=s(),this.iconPack=e,this.t=a(),this.open=!0,this.close=()=>{this.open=!1,this.onClose.emit()},this.keydownListener=t=>{!this.disableEscapeKey&&"Escape"===t.key&&this.open&&this.close()}}connectedCallback(){document.addEventListener("keydown",this.keydownListener)}disconnectedCallback(){document.removeEventListener("keydown",this.keydownListener)}componentDidRender(){this.open&&!this.dialogEl.open&&this.dialogEl.showModal()}render(){return this.open?o(r,null,o("dialog",{ref:t=>this.dialogEl=t,id:"dialog",part:"container",onClose:this.close,onClick:t=>{this.disableEscapeKey||t.target!==this.dialogEl||this.close()},onKeyDown:t=>{this.disableEscapeKey&&"Escape"===t.key&&t.preventDefault()}},o("slot",null),!this.hideCloseButton&&o("rtk-button",{part:"close-button",id:"dismiss-btn",kind:"icon",variant:"ghost",onClick:()=>this.close(),type:"button","aria-label":this.t("dialog.close"),role:"button"},o("rtk-icon",{icon:this.iconPack.dismiss})))):null}};c([n()],l.prototype,"meeting",void 0),c([n()],l.prototype,"config",void 0),c([n()],l.prototype,"states",void 0),c([n()],l.prototype,"iconPack",void 0),c([n()],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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";export{l as rtk_dialog}

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

@@ -1 +0,0 @@
-import{r as t,w as r,h as i,H as a,c as e}from"./p-0ee570cd.js";import{e as o,i as s,c as n}from"./p-25c4d10f.js";import{S as c}from"./p-9b550ec4.js";import{f as l,a as p}from"./p-6f211c3e.js";var d=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const h=class{constructor(r){t(this,r),this.iconPack=o,this.t=s(),this.canClosePlugin=!1,this.viewModeEnabled=!1,this.onIframeRef=t=>{var r;t!==this.iframeEl&&(this.iframeEl=t,null===(r=this.plugin)||void 0===r||r.addPluginView(t,"plugin-main"))},this.canInteractWithPlugin=()=>{const t=this.plugin.id;if(!t)return!0;const r=this.meeting.self.permissions.plugins.config[t];return!r||!r.accessControl||"FULL_ACCESS"===r.accessControl}}componentDidLoad(){this.meetingChanged(this.meeting),this.pluginChanged(this.plugin)}meetingChanged(t){if(!t)return;const i=this.canInteractWithPlugin();this.viewModeEnabled=!i,r((()=>{this.canClosePlugin=t.self.permissions.plugins.canClose||this.plugin.enabledBy===t.self.id}))}pluginChanged(t){this.toggleViewModeListener=t=>{this.canInteractWithPlugin()||(this.viewModeEnabled=t)},null!=t&&(this.iframeEl&&t.addPluginView(this.iframeEl,"plugin-main"),t.addListener("toggleViewMode",this.toggleViewModeListener))}disconnectedCallback(){var t,r;null===(t=this.plugin)||void 0===t||t.removePluginView("plugin-main"),null===(r=this.plugin)||void 0===r||r.removeListener("toggleViewMode",this.toggleViewModeListener)}render(){return null==this.plugin?null:i(a,null,i("header",{part:"header"},i("div",null,this.plugin.name),this.canClosePlugin&&i("div",null,i("rtk-button",{kind:"icon",onClick:()=>this.plugin.deactivate(),part:"button"},i("rtk-icon",{icon:this.iconPack.dismiss})))),i("div",{class:"iframe-container"},!this.canInteractWithPlugin()&&this.viewModeEnabled?i("div",{class:"block-inputs"}):null,i("iframe",{ref:t=>this.onIframeRef(t),part:"iframe"})))}static get watchers(){return{meeting:["meetingChanged"],plugin:["pluginChanged"]}}};d([c()],h.prototype,"meeting",void 0),d([c()],h.prototype,"iconPack",void 0),d([c()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";var v=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const g=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.config=n(),this.layout="row",this.iconPack=o,this.t=s(),this.tabs=[]}render(){return i(a,{key:"f586079ea469d413cdd8c2bb495bb06d9315417c"},i("rtk-spotlight-indicator",{key:"b9d139ef77a33c6470f4cbd7af1f7ded017b197d",meeting:this.meeting,iconPack:this.iconPack,t:this.t,size:this.size}),this.tabs.map((t=>{var r,a,e,o,s;let n=!1;if(("plugin"===(null===(r=this.activeTab)||void 0===r?void 0:r.type)&&t.plugin&&(null===(a=this.activeTab)||void 0===a?void 0:a.plugin.id)===t.plugin.id||"screenshare"===(null===(e=this.activeTab)||void 0===e?void 0:e.type)&&t.participant&&(null===(o=this.activeTab)||void 0===o?void 0:o.participant.id)===t.participant.id)&&(n=!0),"screenshare"===t.type){const r=t.participant,a=l(r.name);return i("rtk-button",{title:`${a}'s Screen Share`,key:t.participant.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("rtk-icon",{icon:this.iconPack.share_screen_person}),i("span",{class:"name"},r.id===(null===(s=this.meeting)||void 0===s?void 0:s.self.id)?this.t("you"):p(a,6))))}if("plugin"===t.type){const r=t.plugin;return i("rtk-button",{title:r.name,key:r.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("img",{src:r.picture}),i("span",{class:"name"},p(r.name,6))))}})))}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"states",void 0),v([c()],g.prototype,"config",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";export{h as rtk_plugin_main,g as rtk_tab_bar}

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

@@ -1 +0,0 @@
-import{H as t}from"./p-25c4d10f.js";const n=t=>{let n=null;try{const e=JSON.parse(t.message),{target:s,message:r}=e;n=void 0===s||void 0===r?t:Object.assign(Object.assign({},t),{targetUserIds:s,message:r})}catch(e){n=t}return n};function e(t,n){return t.localeCompare(n)}function s(t){return t.sort(((t,n)=>t.localeCompare(n))).join("_")}function r(t,n){if(null==t)return!0;for(const e of t)if("file"===e.kind){const t=e.getAsFile();e.type.startsWith("image/")?n("image",t):n("file",t)}}function o({messages:t,participants:e,selfUserId:r}){const o={};for(const t of e)o[s([t.userId,r])]=[];return t.forEach((t=>{var e;const r=n(t);let c="everyone";if((null===(e=r.targetUserIds)||void 0===e?void 0:e.length)>0){const t=new Set([r.userId,...r.targetUserIds]);c=s(Array.from(t))}o[c]||(o[c]=[]),o[c].push({type:"chat",message:r})})),o}function c({messages:n,selfUserId:e,selectedGroupId:s,participants:r}){var c;const a=o({messages:n,selfUserId:e,participants:r}),i={};for(const n in a){const r=null!==(c=t[n])&&void 0!==c?c:0;n===s?(i[n]=0,t[n]=new Date):i[n]=a[n].filter((t=>"chat"==t.type&&t.message.time>r&&t.message.userId!==e)).length}return i}function a({groupId:t,selfUserId:n}){return t.split("_").find((t=>t!=n))}const i="dm__";function u(t){return t.isDirectMessage}function f(t){return[...new Set(t)].sort(e).join("<>")}function l(t){return t.split("").reverse().join("")}const p=/^\*([^*\s]+)\*/,d=/^_([^_\s]+)_/,g=/^~([^~\s]+)~/,m=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.,~#?&//=]*)/,_=/<blockquote>[.\s\S]*<\/blockquote>\n\n/m;function b(t,n=!1){if(!_.test(t))return"";let e=0,s=13;return n&&(e=12,s=0),t.substring(t.indexOf("<blockquote>")+e,t.indexOf("</blockquote>")+s)}function v(t){return t.replace(_,"")}const q=2e3,I=["<a>","<b>","<i>","<q>","<s>"];function w(t){t=(t=t.split(" ").map((t=>{if(m.test(t)){const n=m.exec(t);t=t.replace(n[0],`<a>${n[0]}</a>`)}else{if(p.test(t)){const n=p.exec(t);t=t.replace(n[0],`<b>${n[1]}</b>`)}if(d.test(t)){const n=d.exec(t);t=t.replace(n[0],`<i>${n[1]}</i>`)}if(g.test(t)){const n=g.exec(t);t=t.replace(n[0],`<s>${n[1]}</s>`)}}return t})).join(" ")).split(" ").map(((t,n)=>">"!==t||0!==n&&">"!==t[n-1]?t:"<q></q>")).join(" ");const[n]=y(t);return n}function y(t,n=""){const e=[];if(0===t.length)return[e,0];let s=0;for(;s<t.length;){if(n.length&&n===t.substring(s,s+n.length))return[e,s+n.length];if(I.includes(t.substring(s,s+3))){const[n,r]=y(t.substring(s+3),`</${t[s+1]}>`);e.push({type:t[s+1],content:1===n.length&&"plain_text"===n[0].type?n[0].content:n}),s+=r+3}else{let n=e[e.length-1];n&&"plain_text"===n.type||(e.push({type:"plain_text",content:""}),n=e[e.length-1]),n.content+=t[s],s++}}return[e,s]}export{q as M,i as T,o as a,c as b,a as c,e as d,f as e,w as f,s as g,r as h,u as i,b as j,_ as k,n as p,l as r,v as s}

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

@@ -1 +0,0 @@
-import{r as t,h as i,H as a}from"./p-0ee570cd.js";import{c as s,e,i as r}from"./p-25c4d10f.js";import{R as n}from"./p-c8eaa707.js";import{S as c}from"./p-9b550ec4.js";var p=function(t,i,a,s){var e,r=arguments.length,n=r<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 c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const o=class{constructor(a){t(this,a),this.config=s(),this.hideHeader=!1,this.iconPack=e,this.view="sidebar",this.t=r(),this.search="",this.participants=[],this.createParticipantNode=t=>{const a={meeting:this.meeting,view:this.view,t:this.t,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack};return i("div",null,i(n,{element:"rtk-participant",defaults:a,props:{role:"listitem",participant:t,key:t.id},childProps:Object.assign(Object.assign({},a),{participant:t,size:this.size}),deepProps:!0}))},this.updateStageList=()=>{this.getParticipants(this.search)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){if(!this.meeting)return;const{participants:t,stage:i}=this.meeting;this.participantJoinedListener&&this.meeting.participants.joined.removeListener("participantJoined",this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),t.joined.removeListener("stageStatusUpdate",this.updateStageList),null==i||i.removeListener("stageStatusUpdate",this.updateStageList)}meetingChanged(t){t&&(this.participantJoinedListener=t=>{if("ON_STAGE"!==t.stageStatus)return;const i=this.search.toLowerCase();t.name.toLowerCase().includes(i)&&t.id.toLowerCase().includes(i)&&(this.participants=[...this.participants.filter((i=>i.id!==t.id)),t])},this.participantLeftListener=t=>{this.participants=this.participants.filter((i=>i.id!==t.id))},t.participants.joined.addListener("participantJoined",this.participantJoinedListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),this.updateStageList(),null==t||t.participants.joined.on("stageStatusUpdate",this.updateStageList),null==t||t.stage.on("stageStatusUpdate",this.updateStageList))}searchChanged(t){this.getParticipants(t)}getParticipants(t=this.search){let i="ON_STAGE"===this.meeting.stage.status?[this.meeting.self]:[];i=[...i,...this.meeting.participants.joined.toArray().filter((t=>"ON_STAGE"===t.stageStatus))],this.participants=""===t?i:i.filter((i=>{var a;return(null!==(a=i.name)&&void 0!==a?a:i.id).toLowerCase().includes(t.toLowerCase())}))}render(){return i(a,{key:"d9102eb22990f801c354c45ee0ff46f4a13fef60"},i("div",{key:"58644b83e1b580f2ffd41a61319e88cfb1aae584",class:"participants-container"},!this.hideHeader&&i("div",{key:"4063fc5e4322b723f02d40fe80522236a7ae728d",class:"heading-count",part:"heading-count"},this.t("participants")," (",this.participants.length,")"),i("rtk-virtualized-participant-list",{key:"45a95caaa31437c03679394305115045fa6a016f",items:this.participants,renderItem:this.createParticipantNode,part:"participants",class:"participants",emptyListElement:i("div",{class:"empty-stage-list"},this.t(this.search.length>0?"search.could_not_find":"search.empty"))})))}static get watchers(){return{meeting:["meetingChanged"],search:["searchChanged"]}}};p([c()],o.prototype,"meeting",void 0),p([c()],o.prototype,"states",void 0),p([c()],o.prototype,"config",void 0),p([c()],o.prototype,"iconPack",void 0),p([c()],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;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";var l=function(t,i,a,s){var e,r=arguments.length,n=r<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 c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const h=class{constructor(i){t(this,i),this.config=s(),this.iconPack=e,this.view="sidebar",this.t=r(),this.stageRequestedParticipants=[],this.updateStageRequestedParticipants=()=>{this.stageRequestedParticipants=this.meeting.participants.joined.toArray().filter((t=>"REQUESTED_TO_JOIN_STAGE"===t.stageStatus))},this.acceptStageRequest=async t=>{const{userId:i}=t;await this.meeting.stage.grantAccess([i])},this.rejectStageRequest=async t=>{const{userId:i}=t;await this.meeting.stage.denyAccess([i])},this.acceptAllStageRequest=async()=>{await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((t=>t.userId)))},this.denyAllStageRequest=async()=>{var t;await(null===(t=this.meeting.stage)||void 0===t?void 0:t.denyAccess(this.stageRequestedParticipants.map((t=>t.userId))))},this.shouldShowStageRequests=()=>this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests&&this.stageRequestedParticipants.length>0,this.updateRequestList=async t=>{var i,a,s,e,r,n,c;this.meeting.self.permissions.acceptStageRequests&&this.meeting.self.permissions.stageEnabled?"LIVESTREAM"===this.meeting.meta.viewType||"HIVE"===(null===(s=null===(a=null===(i=this.meeting)||void 0===i?void 0:i.self)||void 0===a?void 0:a.permissions)||void 0===s?void 0:s.mediaRoomType)?(t||(t=null!==(n=null===(r=await(null===(e=this.meeting.stage)||void 0===e?void 0:e.getAccessRequests()))||void 0===r?void 0:r.stageRequests)&&void 0!==n?n:[]),this.stageRequestedParticipants=t.map((t=>Object.assign(Object.assign({},t),{name:t.displayName})))):this.stageRequestedParticipants=null===(c=[this.meeting.self,...this.meeting.participants.joined.toArray()])||void 0===c?void 0:c.filter((t=>"REQUESTED_TO_JOIN_STAGE"===t.stageStatus)):this.stageRequestedParticipants=[]}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;const{stage:i}=this.meeting;null==i||i.removeListener("stageAccessRequestUpdate",this.updateRequestList),null===(t=this.meeting.participants.joined)||void 0===t||t.removeListener("stageStatusUpdate",this.updateStageRequestedParticipants)}meetingChanged(t){var i;t&&(this.updateRequestList(),t.participants.joined.on("stageStatusUpdate",this.updateStageRequestedParticipants),null===(i=t.stage)||void 0===i||i.on("stageAccessRequestUpdate",this.updateRequestList))}render(){return this.meeting?"sidebar"===this.view&&this.shouldShowStageRequests()?i("div",{class:"stage-requested-participants"},i("div",{class:"heading-count",part:"staged-heading-count"},this.t("stage_request.header_title")," (",this.stageRequestedParticipants.length,")"),i("ul",{class:"participants",part:"staged-participants"},this.stageRequestedParticipants.map((t=>i("li",{class:"waiting-participant",key:t.id},i("div",{class:"participant-details"},i("rtk-avatar",{participant:t,size:"sm",iconPack:this.iconPack,t:this.t}),i("p",{class:"name",title:t.name},t.name)),i("div",{class:"waitlist-controls"},i("rtk-tooltip",{label:this.t("stage_request.deny_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.rejectStageRequest(t)},i("rtk-icon",{class:"deny",icon:this.iconPack.dismiss}))),i("rtk-tooltip",{label:this.t("stage_request.accept_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.acceptStageRequest(t)},i("rtk-icon",{class:"accept",icon:this.iconPack.checkmark})))))))),i("div",{class:"bulk-actions"},i("rtk-button",{class:"accept-all-button",variant:"secondary",onClick:this.acceptAllStageRequest},this.t("stage_request.accept_all")),i("rtk-button",{class:"deny-all-button",variant:"danger",onClick:this.denyAllStageRequest},this.t("stage_request.deny_all")))):void 0:null}static get watchers(){return{meeting:["meetingChanged"]}}};l([c()],h.prototype,"meeting",void 0),l([c()],h.prototype,"config",void 0),l([c()],h.prototype,"iconPack",void 0),l([c()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";var d=function(t,i,a,s){var e,r=arguments.length,n=r<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 c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const g=class{constructor(a){t(this,a),this.updateStageViewers=()=>{this.getViewers(this.search)},this.config=s(),this.hideHeader=!1,this.iconPack=e,this.view="sidebar",this.search="",this.t=r(),this.stageViewers=[],this.createParticipantNode=t=>i("rtk-participant",{role:"listitem",key:t.id,meeting:this.meeting,participant:t,view:this.view,iconPack:this.iconPack,config:this.config,t:this.t}),this.shouldShowViewers=()=>{var t,i,a;return null===(a=null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions)||void 0===a?void 0:a.stageEnabled}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}meetingChanged(t){t&&(this.participantJoinedListener=t=>{if("ON_STAGE"===t.stageStatus)return;const i=this.search.toLowerCase();i.length>0&&!t.name.toLowerCase().includes(i)||(this.stageViewers=[...this.stageViewers.filter((i=>i.id!==t.id)),t])},this.participantLeftListener=t=>{this.stageViewers=this.stageViewers.filter((i=>i.id!==t.id))},t.participants.joined.addListener("participantJoined",this.participantJoinedListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.participants.joined.on("stageStatusUpdate",this.updateStageViewers),t.stage.on("stageStatusUpdate",this.updateStageViewers))}searchChanged(t){this.getViewers(t)}disconnectedCallback(){const{participants:t,stage:i}=this.meeting;this.participantJoinedListener&&this.meeting.participants.joined.removeListener("participantJoined",this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),t.joined.removeListener("stageStatusUpdate",this.updateStageViewers),i.removeListener("stageStatusUpdate",this.updateStageViewers)}getViewers(t){let i="ON_STAGE"===this.meeting.stage.status?[]:[this.meeting.self];i=[...i,...this.meeting.participants.joined.toArray()].filter((t=>"ON_STAGE"!==t.stageStatus)),this.stageViewers=""===t?i:i.filter((i=>{var a;return(null!==(a=i.name)&&void 0!==a?a:i.id).toLowerCase().includes(t.toLowerCase())}))}render(){return this.meeting?"sidebar"===this.view&&this.shouldShowViewers()?i("div",{class:"list"},!this.hideHeader&&i("div",{class:"heading-count",part:"heading-count"},this.t("viewers")," (",this.stageViewers.length,")"),i("rtk-virtualized-participant-list",{items:this.stageViewers,renderItem:this.createParticipantNode,class:"participants",part:"participants",style:{height:"100%"},emptyListElement:i("div",{class:"empty-viewers-list"},this.t(this.search.length>0?"participants.errors.empty_results":"participants.empty_list"))})):void 0:null}static get watchers(){return{meeting:["meetingChanged"],search:["searchChanged"]}}};d([c()],g.prototype,"meeting",void 0),d([c()],g.prototype,"config",void 0),d([c()],g.prototype,"iconPack",void 0),d([c()],g.prototype,"t",void 0),g.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";var v=function(t,i,a,s){var e,r=arguments.length,n=r<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 c=t.length-1;c>=0;c--)(e=t[c])&&(n=(r<3?e(n):r>3?e(i,a,n):e(i,a))||n);return r>3&&n&&Object.defineProperty(i,a,n),n};const f=class{constructor(i){t(this,i),this.config=s(),this.iconPack=e,this.view="sidebar",this.t=r(),this.acceptWaitingRoomRequest=async t=>{await this.meeting.participants.acceptWaitingRoomRequest(t)},this.waitlistedParticipants=[],this.acceptAllWaitingRoomRequests=async()=>{await this.meeting.participants.acceptAllWaitingRoomRequest(this.waitlistedParticipants.map((t=>t.id)))},this.rejectWaitingRoomRequest=async t=>{await this.meeting.participants.rejectWaitingRoomRequest(t)},this.shouldShowWaitlist=()=>"LIVESTREAM"!==this.meeting.meta.viewType&&this.meeting.self.permissions.acceptWaitingRequests&&0!==this.waitlistedParticipants.length}disconnectedCallback(){const{participants:t}=this.meeting;this.waitlistedParticipantJoinedListener&&t.waitlisted.removeListener("participantJoined",this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&t.waitlisted.removeListener("participantLeft",this.waitlistedParticipantLeftListener),this.waitlistedParticipantsClearedListener&&t.waitlisted.removeListener("participantsCleared",this.waitlistedParticipantsClearedListener)}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){t&&(this.waitlistedParticipants=t.participants.waitlisted.toArray(),this.waitlistedParticipantJoinedListener=t=>{this.waitlistedParticipants.some((i=>i.id===t.id))||(this.waitlistedParticipants=[...this.waitlistedParticipants,t])},this.waitlistedParticipantLeftListener=t=>{this.waitlistedParticipants=this.waitlistedParticipants.filter((i=>i.id!==t.id))},this.waitlistedParticipantsClearedListener=()=>{this.waitlistedParticipants=[]},t.participants.waitlisted.addListener("participantJoined",this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener("participantLeft",this.waitlistedParticipantLeftListener),t.participants.waitlisted.addListener("participantsCleared",this.waitlistedParticipantsClearedListener))}render(){if("sidebar"===this.view&&this.shouldShowWaitlist())return i("div",{class:"waiting-participants"},i("div",{class:"heading-count",part:"waitlisted-heading-count"},this.t("waitlist.header_title")," (",this.waitlistedParticipants.length,")"),i("ul",{class:"participants",part:"waitlisted-participants"},this.waitlistedParticipants.map((t=>i("li",{class:"waiting-participant",key:t.id},i("div",{class:"participant-details"},i("rtk-avatar",{participant:t,size:"sm",iconPack:this.iconPack,t:this.t}),i("p",{class:"name",title:t.name},t.name)),i("div",{class:"waitlist-controls"},i("rtk-tooltip",{label:this.t("waitlist.deny_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.rejectWaitingRoomRequest(t.id)},i("rtk-icon",{class:"deny",icon:this.iconPack.dismiss}))),i("rtk-tooltip",{label:this.t("waitlist.accept_request"),variant:"secondary"},i("rtk-button",{variant:"secondary",kind:"icon",onClick:()=>this.acceptWaitingRoomRequest(t.id)},i("rtk-icon",{class:"accept",icon:this.iconPack.checkmark})))))))),i("rtk-button",{class:"accept-all-button",variant:"secondary",kind:"wide",onClick:this.acceptAllWaitingRoomRequests},this.t("waitlist.accept_all")))}static get watchers(){return{meeting:["meetingChanged"]}}};v([c()],f.prototype,"meeting",void 0),v([c()],f.prototype,"config",void 0),v([c()],f.prototype,"iconPack",void 0),v([c()],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)}:host{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{o as rtk_participants_stage_list,h as rtk_participants_stage_queue,g as rtk_participants_viewer_list,f as rtk_participants_waiting_list}

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

@@ -1 +0,0 @@
-import{r,c as t,h as o,H as a}from"./p-0ee570cd.js";import{e,i as s}from"./p-25c4d10f.js";import{g as c}from"./p-a5900df2.js";import{S as i}from"./p-9b550ec4.js";var n=function(r,t,o,a){var e,s=arguments.length,c=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(r,t,o,a);else for(var i=r.length-1;i>=0;i--)(e=r[i])&&(c=(s<3?e(c):s>3?e(t,o,c):e(t,o))||c);return s>3&&c&&Object.defineProperty(t,o,c),c};const p=class{constructor(o){r(this,o),this.groupChanged=t(this,"rtkChatGroupChanged",7),this.unreadCounts={},this.groups=[],this.iconPack=e,this.t=s(),this.showParticipantsPanel=!1,this.query="",this.onScopeClick=r=>{this.showParticipantsPanel=!1,this.groupChanged.emit(r)}}toggleParticipants(){this.showParticipantsPanel=!this.showParticipantsPanel}getGroups(){return this.groups.filter((r=>r.name.toLowerCase().includes(this.query.toLowerCase())))}getName(){if(!this.selectedGroupId||"everyone"===this.selectedGroupId)return this.t("everyone");const r=this.groups.find((r=>r.userId===this.selectedGroupId));return r?r.name:this.t("everyone")}render(){const r=Object.keys(this.unreadCounts).reduce(((r,t)=>r+this.unreadCounts[t]),0);return o(a,null,o("div",{class:"chat-scope-selector"},this.showParticipantsPanel&&o("div",{class:"participants-container"},o("div",{class:"search",part:"search"},o("rtk-icon",{icon:this.iconPack.search,part:"search-icon"}),o("input",{type:"search",autocomplete:"off",placeholder:this.t("search"),value:this.query,onInput:r=>{this.query=r.target.value},part:"search-input"})),o("ul",{class:"scope-list scrollbar"},""===this.query&&o("li",{class:"scope scope-special",onClick:()=>this.onScopeClick("everyone")},o("div",{class:"everyone-icon"},o("rtk-icon",{icon:this.iconPack.participants})),this.t("everyone"),this.unreadCounts.everyone>0&&o("div",{class:"unread-count",part:"unread-count"},o("span",null,this.unreadCounts.everyone))),this.getGroups().map((r=>{const t=this.unreadCounts[c([this.selfUserId,r.userId])];return o("li",{class:"scope",onClick:()=>this.onScopeClick(r),key:r.userId},r.name,t>0&&o("div",{class:"unread-count",part:"unread-count"},o("span",null,t)))})))),o("button",{onClick:()=>this.toggleParticipants()},o("span",null,`${this.t("to")} ${this.getName()}`,"  ",r>0&&o("div",{class:"unread-count selector"},o("span",null,r))),o("rtk-icon",{icon:this.showParticipantsPanel?this.iconPack.chevron_up:this.iconPack.chevron_down}))))}};n([i()],p.prototype,"iconPack",void 0),n([i()],p.prototype,"t",void 0),p.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.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}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";export{p as rtk_chat_selector_ui}

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

@@ -1 +0,0 @@
-import{r as n,c as t,h as e,H as a}from"./p-0ee570cd.js";import{S as r}from"./p-9b550ec4.js";import{e as o,i}from"./p-25c4d10f.js";const s=class{constructor(e){n(this,e),this.tabChange=t(this,"tabChange",7),this.sidebarClose=t(this,"sidebarClose",7),this.view="sidebar",this.tabs=[],this.hideHeader=!1,this.hideCloseAction=!1,this.iconPack=o,this.focusCloseButton=!0,this.t=i(),this.onClose=()=>{var n;this.sidebarClose.emit(),document.activeElement instanceof HTMLElement&&(null===(n=document.activeElement.tagName)||void 0===n?void 0:n.includes("RTK-"))&&document.activeElement.blur instanceof Function&&document.activeElement.blur()}}componentDidLoad(){this.keydownListener=n=>{"Escape"===n.key&&this.onClose()},this.hostEl.addEventListener("keydown",this.keydownListener),this.handleFocusCloseButton()}handleFocusCloseButton(){"chat"===this.currentTab||this.hideCloseAction||this.closeButton.focus()}disconnectedCallback(){this.hostEl.removeEventListener("keydown",this.keydownListener)}render(){const n="full-screen"===this.view,t=this.tabs.find((n=>n.id===this.currentTab));return e(a,{key:"bc9969254516bb334f0bbc6216432121d675a83e",ref:n=>this.hostEl=n,class:this.view},!this.hideCloseAction&&e("rtk-button",{key:"ce9dabf448e0914fa516c717825ee00ad476d412",ref:n=>this.closeButton=n,variant:"ghost",kind:"icon",class:"close",onClick:this.onClose,"aria-label":this.t("close")},e("rtk-icon",{key:"5966e4c6a7bbdea25fa64e197c47fcded0625754",icon:this.iconPack.dismiss})),t&&!this.hideHeader&&e("header",{key:"3b7109ba37e019a3da3a0aeb07b54fcf28e869b4",class:"main-header"},e("h3",{key:"c57a8719fe6dca4ed092fbb21733c0d0ac074dc3"},t.name),e("slot",{key:"f95589b898e0b4a8001d45d5b4c833576fab4fd8",name:"pinned-state"})),n&&e("header",{key:"72cd52ea2a27caf4dc826d4222738325853281c8",class:"mobile-tabs"},this.tabs.map((n=>e("button",{onClick:()=>{this.tabChange.emit(n.id)},class:{active:this.currentTab===n.id}},n.name)))),e("slot",{key:"266ec59a2d04803b2d035f7929394e66e92aa542",name:this.currentTab}))}static get watchers(){return{currentTab:["handleFocusCloseButton"]}}};(function(n,t,e,a){var r,o=arguments.length,i=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,e,a);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(i=(o<3?r(i):o>3?r(t,e,i):r(t,e))||i);o>3&&i&&Object.defineProperty(t,e,i)})([r()],s.prototype,"t",void 0),s.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\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\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  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\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  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";export{s as rtk_sidebar_ui}

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

@@ -1 +0,0 @@
-import{r as n,c as t,w as e,h as a,H as i,a as r}from"./p-0ee570cd.js";import{e as o,i as s}from"./p-25c4d10f.js";import{i as c,r as d,e as l,a as p}from"./p-02f19345.js";import{S as h}from"./p-9b550ec4.js";var f=function(n,t,e,a){var i,r=arguments.length,o=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(n,t,e,a);else for(var s=n.length-1;s>=0;s--)(i=n[s])&&(o=(r<3?i(o):r>3?i(t,e,o):i(t,e))||o);return r>3&&o&&Object.defineProperty(t,e,o),o};const g=class{constructor(e){n(this,e),this.stateUpdate=t(this,"rtkStateUpdate",7),this.play=t(this,"screensharePlay",7),this.fullScreenListener=()=>{this.isFullScreen=c()},this.participantScreenshareUpdate=n=>{n.id===this.participant.id&&this.screenShareListener(n)},this.hideFullScreenButton=!1,this.nameTagPosition="bottom-left",this.variant="solid",this.iconPack=o,this.t=s(),this.videoExpanded=!1,this.screenShareEnabled=!1,this.isFullScreen=!1,this.toggleFullScreen=()=>{this.isFullScreen?(l(),this.isFullScreen=!1):(d(this.host),this.isFullScreen=!0)}}connectedCallback(){null===window||void 0===window||window.addEventListener("fullscreenchange",this.fullScreenListener),null===window||void 0===window||window.addEventListener("webkitfullscreenchange",this.fullScreenListener)}componentDidLoad(){this.participantChanged(this.participant)}disconnectedCallback(){if(!this.meeting)return;const{self:n}=this.meeting;this.participant.id===n.id&&this.screenShareListener?this.participant.removeListener("screenShareUpdate",this.screenShareListener):this.meeting.participants.joined.removeListener("screenShareUpdate",this.participantScreenshareUpdate),null===window||void 0===window||window.removeEventListener("fullscreenchange",this.fullScreenListener),null===window||void 0===window||window.removeEventListener("webkitfullscreenchange",this.fullScreenListener)}participantChanged(n){if(null!=n&&this.meeting){const{self:t}=this.meeting;this.screenShareListener=({screenShareEnabled:n,screenShareTracks:t})=>{const a=n&&null!=t.video;if(e((()=>{this.screenShareEnabled=a})),a){const n=new MediaStream;n.addTrack(t.video),null!=this.videoEl&&(this.videoEl.srcObject=n,this.videoEl.play())}else null!=this.videoEl&&(this.videoEl.srcObject=void 0)},this.screenShareListener(n),n.id===t.id?n.addListener("screenShareUpdate",this.screenShareListener):this.meeting.participants.joined.addListener("screenShareUpdate",this.participantScreenshareUpdate)}}render(){var n,t;const e=(null===(n=this.participant)||void 0===n?void 0:n.id)===(null===(t=this.meeting)||void 0===t?void 0:t.self.id),r=this.t(this.isFullScreen?"full_screen.exit":"full_screen"),o=this.isFullScreen?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize;return a(i,{key:"2f708b5df22fcffc0d19fdf30896e4aaad29684b",class:{isSelf:e}},a("div",{key:"video-container",id:"video-container",class:{expand:this.videoExpanded}},a("video",{key:"7cdbbde096cad5a675757f87291150d5bd8087b6",ref:n=>this.videoEl=n,class:{visible:this.screenShareEnabled,"fit-in-container":this.participant.supportsRemoteControl},playsInline:!0,onPlay:()=>{this.play.emit({screenshareParticipant:this.participant,participant:this.meeting.self})},autoPlay:!0,muted:!0,id:`screen-share-video-${this.participant.id}`})),a("div",{id:"controls",key:"controls"},!this.hideFullScreenButton&&!e&&p()&&a("rtk-tooltip",{key:"c3340c5de0b70f2759a4654442a6ba9c85061a34",label:r},a("rtk-button",{key:"882d093ec8c5af94ed7d15fa246319811eb45350",id:"full-screen-btn",kind:"icon",onClick:this.toggleFullScreen,title:r},a("rtk-icon",{key:"59cf742dc69dc5407a0c575bef7cd9ad40c648dc",icon:o,"aria-hidden":!0,tabIndex:-1})))),e&&a("div",{id:"self-message",key:"self-message"},a("h3",{key:"cddd41b2f2ce83d28c52f86c401ea41b847d1197"},this.t("screenshare.shared")),a("div",{key:"475a0a10753366bf3ae5c25b18086155c1d57be7",class:"actions"},null!=this.meeting&&a("rtk-button",{key:"98dd92a16e1b26e22053868d07add3b38514b3d1",variant:"danger",onClick:()=>{this.meeting.self.disableScreenShare()}},a("rtk-icon",{key:"1147425c7c92aa8e8e9b15848e86b64e8fde3d5b",icon:this.iconPack.share_screen_stop,slot:"start"}),this.t("screenshare.stop")),a("rtk-button",{key:"15aa7c156b00282d7b2c7be66eaef6d78768d166",variant:"secondary",id:"expand-btn",onClick:()=>{this.videoExpanded=!this.videoExpanded}},a("rtk-icon",{key:"3e15e3948c1226eb02ed2f573a57447d2b8459b6",icon:this.videoExpanded?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize,slot:"start"}),this.t(this.videoExpanded?"screenshare.min_preview":"screenshare.max_preview")))),a("slot",{key:"ec18e9db10beca7faa8191ab4da5f375c9d5e056"}))}get host(){return r(this)}static get watchers(){return{participant:["participantChanged"]}}};f([h()],g.prototype,"meeting",void 0),f([h()],g.prototype,"iconPack",void 0),f([h()],g.prototype,"t",void 0),g.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\n:host {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n  container-type: inline-size;\n  container-name: screentile;\n}\n\n::slotted(rtk-name-tag) {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  opacity: 0.8;\n}\n\n#video-container {\n  position: absolute;\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#video-container .fit-in-container {\n  -o-object-fit: fill;\n     object-fit: fill;\n}\n\nvideo {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  right: var(--rtk-space-2, 8px);\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  padding: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-name-tag) {\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: transparent;\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));\n  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: transparent;\n}\n\n:host([size='sm'][variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n}\n\nvideo.visible {\n  animation: video-fadein 0.4s ease;\n}\n\n#controls {\n  display: none;\n  position: absolute;\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host(:hover) #controls, \n:host(:active) #controls, \n:host(:focus-visible) #controls {\n  display: flex;\n}\n\n#full-screen-btn {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n/** For self view */\n\nh3 {\n  margin-top: var(--rtk-space-10, 40px);\n  margin-bottom: var(--rtk-space-6, 24px);\n  text-align: center;\n  font-size: 20px;\n  font-weight: 500;\n}\n\n:host([size='sm']) h3 {\n  font-size: 16px;\n}\n\n#self-message {\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n}\n\n:host(.isSelf) #self-view {\n  flex: 1 1 0%;\n}\n\n:host(.isSelf) #video-container {\n  position: static;\n  aspect-ratio: auto;\n  height: auto;\n  width: 50%;\n  max-width: var(--rtk-space-96, 384px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  transition: 0.6s ease;\n}\n\n:host(.isSelf) #video-container.expand {\n  width: 60%;\n  max-width: 100%;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host([size='sm'].isSelf) #video-container,\n:host([size='md'].isSelf) #video-container,\n:host([size='sm'].isSelf) #expand-btn,\n:host([size='md'].isSelf) #expand-btn {\n  /** Hide video, fullscreen buttons in sm and md breakpoints */\n  display: none;\n}\n\n/** Remote control */\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.remote-control {\n  z-index: 10;\n  height: 100%;\n  max-height: 100%;\n  flex: 0 1 auto;\n}\n\n#remote-control-self {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  left: 50%;\n  z-index: 10;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  height: var(--rtk-space-8, 32px);\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transform: translateX(-50%);\n}\n\n#remote-control-self p {\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  padding-top: var(--rtk-space-2, 8px);\n  padding-bottom: var(--rtk-space-2, 8px);\n}\n\n#remote-control-self rtk-button {\n  height: 100%;\n  border-radius: var(--rtk-border-radius-none, 0);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity));\n  font-size: 12px;\n}\n\n:host([size='sm']) #remote-control-self {\n  height: auto;\n  flex-direction: column;\n}\n\n:host([size='sm']) #remote-control-self rtk-button {\n  width: 100%;\n  padding-top: var(--rtk-space-1, 4px);\n  padding-bottom: var(--rtk-space-1, 4px);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: var(--rtk-space-3, 12px);\n}\n\n:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  bottom: auto;\n}\n\n:host([name-tag-position='top-right']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  left: auto;\n  bottom: auto;\n}\n\n:host([name-tag-position='top-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n/** Keyframes */\n\n@keyframes video-fadein {\n  0% {\n    opacity: 0;\n    transform: scale(1.4) translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n::slotted(rtk-network-indicator) {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n    :host([size='sm'][variant='solid']) rtk-name-tag {\n    left: var(--rtk-space-0, 0px);\n    bottom: var(--rtk-space-0, 0px);\n    border-radius: var(--rtk-border-radius-none, 0);\n      transform-origin: 0% 110%;\n      transform: scale(0.6);\n  }\n}\n\n@container screentile (max-width: 400px) {\n  ::slotted(rtk-name-tag) {\n    transform-origin: 0 130%;\n    transform: scale(0.7);\n  }\n}\n";export{g as rtk_screenshare_view}

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

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

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

@@ -1 +0,0 @@
-import{r as e,h as t,H as r}from"./p-0ee570cd.js";import{c as i,e as a,i as c}from"./p-25c4d10f.js";import{S as o}from"./p-9b550ec4.js";var n=function(e,t,r,i){var a,c=arguments.length,o=c<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,i);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(c<3?a(o):c>3?a(t,r,o):a(t,r))||o);return c>3&&o&&Object.defineProperty(t,r,o),o};const s=class{constructor(t){e(this,t),this.config=i(),this.iconPack=a,this.t=c()}render(){return t(r,{key:"9542c3ce51e79f077f59e3c260884b117ee8d327"},t("slot",{key:"b0d7e6f916ef6bc00eb77c89a6ee6c4f55fe81c5"},t("div",{key:"028702fec102195179abb5ad93803478cda2cd4d",class:"ctr",part:"container"},t("rtk-logo",{key:"5fa9163f969de1ee7f9f02b585138e16d583bf2b",meeting:this.meeting,config:this.config,t:this.t,part:"logo"}),t("rtk-spinner",{key:"cbf0b91e0455cb2be65059766d6eb713674f2dcb","aria-label":"Idle, waiting for meeting data",part:"spinner",iconPack:this.iconPack}))))}};n([o()],s.prototype,"meeting",void 0),n([o()],s.prototype,"config",void 0),n([o()],s.prototype,"iconPack",void 0),n([o()],s.prototype,"t",void 0),s.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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";export{s as rtk_idle_screen}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as o,i as a,N as r}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";var c=function(t,i,s,e){var o,a=arguments.length,r=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(i,s,r):o(i,s))||r);return a>3&&r&&Object.defineProperty(i,s,r),r};const l=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=o,this.t=a(),this.canToggle=!1,this.permissionsUpdateListener=()=>{this.canToggle=r(this.meeting)},this.breakoutRoomToggle=()=>{var t,i;this.stateUpdate.emit({activeBreakoutRoomsManager:{active:!(null===(i=null===(t=this.states)||void 0===t?void 0:t.activeBreakoutRoomsManager)||void 0===i?void 0:i.active),mode:this.meeting.connectedMeetings.isActive?"view":"create"}})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,s;null===(s=null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions)||void 0===s||s.off("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){t&&(this.canToggle=r(t),t.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener))}render(){return this.meeting?this.canToggle?s(e,{title:this.t("breakout_rooms")},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:this.breakoutRoomToggle,icon:this.iconPack.breakout_rooms,label:this.t("breakout_rooms"),variant:this.variant})):void 0:null}static get watchers(){return{meeting:["meetingChanged"]}}};c([n()],l.prototype,"meeting",void 0),c([n()],l.prototype,"states",void 0),c([n()],l.prototype,"iconPack",void 0),c([n()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{l as rtk_breakout_rooms_toggle}

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

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

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

@@ -1 +0,0 @@
-import{r as t,c as r,h as a,H as i}from"./p-0ee570cd.js";import{e,i as s}from"./p-25c4d10f.js";import{S as o}from"./p-9b550ec4.js";import{T as n}from"./p-a7e0277f.js";import"./p-a5900df2.js";var c=function(t,r,a,i){var e,s=arguments.length,o=s<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,r,a,i);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(o=(s<3?e(o):s>3?e(r,a,o):e(r,a))||o);return s>3&&o&&Object.defineProperty(r,a,o),o};const d=class{constructor(a){t(this,a),this.dismiss=r(this,"rtkNotificationDismiss",7),this.iconPack=e,this.t=s(),this.imageState="loading"}connectedCallback(){this.notificationChanged(this.notification)}pausedChanged(t){t?clearTimeout(this.timeout):this.notificationChanged(this.notification)}notificationChanged(t){null==t||"number"!=typeof t.duration||this.paused||(this.timeout=window.setTimeout((()=>{this.dismiss.emit(t.id)}),t.duration))}render(){var t;return a(i,{key:"1e728f896ce0212c990677528187929c53e70b87"},a("div",{key:"1855671fbe703e142f873aff2492f7c2190671ed",class:"ctr"},null!=this.notification.icon&&a("rtk-icon",{key:"b79f092b899ffe893473571ba735fbb0926901d8",class:"icon",icon:this.notification.icon,variant:null!==(t=this.notification.iconVariant)&&void 0!==t?t:"primary"}),null!=this.notification.image&&null==this.notification.icon&&"errored"!==this.imageState&&a("img",{key:"48b6d72eceb2414e5f045f5f311ed15ebff6ddb7",src:this.notification.image,class:{loaded:"loaded"===this.imageState},onLoad:()=>this.imageState="loaded",onError:()=>this.imageState="errored"}),a("p",{key:"c78fd59b339d0f1b91cb168a42d1c44bfdbcad77",class:"message"},a(n,{key:"3ddd5d840631752b6369b3361f71f655ddf814d5",message:this.notification.message})),a("div",{key:"d160cc17361b7183baf08170bdd79d086584de94",class:"right"},null!=this.notification.button&&a("rtk-button",{key:"e08976222e6e410cc1cd4d38bfd448f830b48044",size:"sm",variant:this.notification.button.variant,onClick:()=>this.notification.button.onClick()},this.notification.button.text),a("button",{key:"23b0f91a687d3193df1d26e5e0fdc055f10a385b",onClick:()=>this.dismiss.emit(this.notification.id),class:"dismiss"},a("rtk-icon",{key:"e055d3607a74898d70905da7720005158d403826","aria-label":this.t("dismiss"),icon:this.iconPack.dismiss})))))}static get watchers(){return{paused:["pausedChanged"],notification:["notificationChanged"]}}};c([o()],d.prototype,"iconPack",void 0),c([o()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-2, 8px);max-width:var(--rtk-space-72, 288px) !important;font-size:14px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px)}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";export{d as rtk_notification}

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

@@ -1 +0,0 @@
-import{r as t,h as r,H as a}from"./p-0ee570cd.js";import{e as o,i as e}from"./p-25c4d10f.js";import{S as i}from"./p-9b550ec4.js";var s=function(t,r,a,o){var e,i=arguments.length,s=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,o);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(s=(i<3?e(s):i>3?e(r,a,s):e(r,a))||s);return i>3&&s&&Object.defineProperty(r,a,s),s};const c=class{constructor(r){t(this,r),this.iconPack=o,this.t=e(),this.isScreenShare=!1,this.score=10,this.onMediaScoreUpdate=({kind:t,isScreenshare:r,score:a})=>{("video"===t||this.isScreenShare&&r)&&(this.score=a)}}connectedCallback(){this.participantChanged(this.participant)}participantChanged(t){t&&t.addListener("mediaScoreUpdate",this.onMediaScoreUpdate)}disconnectedCallback(){var t;null===(t=this.participant)||void 0===t||t.removeListener("mediaScoreUpdate",this.onMediaScoreUpdate)}render(){let t=Math.round(this.score/2),o="good";if(t>3)return null;switch(t<1&&(t=1),t){case 3:case 2:o="poor";break;case 1:o="poorest"}return r(a,null,r("rtk-icon",{icon:this.iconPack[`signal_${t}`],class:o}),r("rtk-icon",{icon:this.iconPack.signal_5,class:"bg-signal"}))}static get watchers(){return{participant:["participantChanged"]}}};s([i()],c.prototype,"meeting",void 0),s([i()],c.prototype,"iconPack",void 0),s([i()],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{position:relative;display:block;height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}rtk-icon{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;height:100%;width:100%;--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.bg-signal{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:0;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}";export{c as rtk_network_indicator}