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

package/dist/realtimekit-ui/{p-ebfde234.entry.js → p-c0e5ddd4.entry.js}

@@ -1 +1 @@
-import{r as t,h as r,H as e}from"./p-0ee570cd.js";import{e as s,i as a}from"./p-25c4d10f.js";import{S as o}from"./p-9b550ec4.js";function i({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}function n({packetLossPercentage:t}){let r="Good";return t>4?r="Poor":t>=1&&t<=4&&(r="Average"),r}function c({jitterInMS:t}){let r="Good";return t>100?r="Poor":t>=50&&t<=100&&(r="Average"),r}function l({bitrate:t}){let r="Good";return 0===Math.round(t/1024)&&(r="Poor"),r}function d({batteryLevelPercentage:t}){let r="Good";return t<20?r="Poor":t<50&&(r="Average"),r}function b({charging:t,dischargingTimeInSeconds:r,batteryLevelPercentage:e}){return e<20?"Poor":t?"Good":r<1800?"Poor":"Average"}var g=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const h=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"audio"!==t||r||(this.audioProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getAudioDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.audioUpdateListener=()=>{this.meeting.self.audioEnabled||(this.audioProducerScoreStats=null)}}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"audio",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"audio",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("audioUpdate",this.audioUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("audioUpdate",this.audioUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.audio.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.audioProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.audioEnabled?"debugger.audio.messages.generating_report":"debugger.audio.messages.enable_media"))),this.isNetworkOpen&&!!this.audioProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.audioProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};g([o()],h.prototype,"meeting",void 0),g([o()],h.prototype,"states",void 0),g([o()],h.prototype,"iconPack",void 0),g([o()],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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";var u=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const p=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"===t&&r&&(this.videoProducerScoreStats=e),"audio"===t&&r&&(this.audioProducerScoreStats=e)},this.screenShareUpdateListener=()=>{this.meeting.self.screenShareEnabled||(this.videoProducerScoreStats=null,this.audioProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"video",isScreenshare:!1,stats:e})}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"audio",isScreenshare:!0})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("screenShareUpdate",this.screenShareUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("screenShareUpdate",this.screenShareUpdateListener))}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.screenshare.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.screenShareEnabled?"debugger.screenshare.messages.generating_report":"debugger.screenshare.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};u([o()],p.prototype,"meeting",void 0),u([o()],p.prototype,"states",void 0),u([o()],p.prototype,"iconPack",void 0),u([o()],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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";var v=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const k=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isBatterySectionOpen=!0,this.batterySectionHealth=null,this.battery=null,this.batteryFormattedStats=[],this.batteryUpdateListener=()=>{const t=Math.round(100*this.battery.level),r=[];r.push({name:this.t("debugger.system.battery.level.label"),value:`${t}%`,description:this.t("debugger.system.battery.level.description"),verdict:d({batteryLevelPercentage:t})}),r.push({name:this.t("debugger.system.battery.charging.label"),value:`${this.t(this.battery.charging?"debugger.system.battery.charging.is_charging":"debugger.system.battery.charging.is_not_charging")}`,description:this.t("debugger.system.battery.charging.description"),verdict:b({batteryLevelPercentage:t,chargingTimeInSeconds:this.battery.chargingTime,dischargingTimeInSeconds:this.battery.dischargingTime,charging:this.battery.charging})}),this.batterySectionHealth=function({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}({stats:r}),this.batteryFormattedStats=r}}toggleSection(t){"battery"===t&&(this.isBatterySectionOpen=!this.isBatterySectionOpen)}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&this.battery&&(this.battery.removeEventListener("levelchange",this.batteryUpdateListener),this.battery.removeEventListener("chargingchange",this.batteryUpdateListener))}async meetingChanged(t){t&&void 0!==navigator.getBattery&&(this.battery=await navigator.getBattery(),this.battery.addEventListener("levelchange",this.batteryUpdateListener),this.battery.addEventListener("chargingchange",this.batteryUpdateListener),this.batteryUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header",onClick:()=>this.toggleSection("battery")},r("span",null,this.t("debugger.system.sections.battery")),this.batterySectionHealth&&r("span",{class:`status ${null===(t=this.batterySectionHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.batterySectionHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isBatterySectionOpen&&!!this.batteryFormattedStats.length&&r("div",{class:"section-body battery-table"},this.batteryFormattedStats.map((t=>{var e,s;return r("div",{class:"battery-row"},r("div",{class:"battery-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"battery-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{meeting:["meetingChanged"]}}};v([o()],k.prototype,"meeting",void 0),v([o()],k.prototype,"states",void 0),v([o()],k.prototype,"iconPack",void 0),v([o()],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;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.battery-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.battery-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.battery-row:last-child{border-bottom:none}.battery-cell{display:flex;flex-direction:column}.battery-cell.label strong{font-size:14px}.battery-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.battery-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";var m=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const f=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"!==t||r||(this.videoProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getVideoDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.videoUpdateListener=()=>{this.meeting.self.videoEnabled||(this.videoProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"video",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("videoUpdate",this.videoUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("videoUpdate",this.videoUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.video.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.videoEnabled?"debugger.video.messages.generating_report":"debugger.video.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};m([o()],f.prototype,"meeting",void 0),m([o()],f.prototype,"states",void 0),m([o()],f.prototype,"iconPack",void 0),m([o()],f.prototype,"t",void 0),f.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";export{h as rtk_debugger_audio,p as rtk_debugger_screenshare,k as rtk_debugger_system,f as rtk_debugger_video}
+import{r as t,h as r,a as e}from"./p-a599f720.js";import{e as s,i as a}from"./p-8fc79c56.js";import{S as o}from"./p-315cd380.js";function i({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}function n({packetLossPercentage:t}){let r="Good";return t>4?r="Poor":t>=1&&t<=4&&(r="Average"),r}function c({jitterInMS:t}){let r="Good";return t>100?r="Poor":t>=50&&t<=100&&(r="Average"),r}function l({bitrate:t}){let r="Good";return 0===Math.round(t/1024)&&(r="Poor"),r}function d({batteryLevelPercentage:t}){let r="Good";return t<20?r="Poor":t<50&&(r="Average"),r}function b({charging:t,dischargingTimeInSeconds:r,batteryLevelPercentage:e}){return e<20?"Poor":t?"Good":r<1800?"Poor":"Average"}var g=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const h=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"audio"!==t||r||(this.audioProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getAudioDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.audioUpdateListener=()=>{this.meeting.self.audioEnabled||(this.audioProducerScoreStats=null)}}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"audio",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"audio",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("audioUpdate",this.audioUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("audioUpdate",this.audioUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.audio.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.audioProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.audioEnabled?"debugger.audio.messages.generating_report":"debugger.audio.messages.enable_media"))),this.isNetworkOpen&&!!this.audioProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.audioProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};g([o()],h.prototype,"meeting",void 0),g([o()],h.prototype,"states",void 0),g([o()],h.prototype,"iconPack",void 0),g([o()],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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";var u=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const p=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.audioProducerFormattedStats=[],this.audioProducerScoreStats=null,this.networkBasedMediaHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"===t&&r&&(this.videoProducerScoreStats=e),"audio"===t&&r&&(this.audioProducerScoreStats=e)},this.screenShareUpdateListener=()=>{this.meeting.self.screenShareEnabled||(this.videoProducerScoreStats=null,this.audioProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"video",isScreenshare:!1,stats:e})}async audioProducerScoreStatsChanged(t){if(!t)return void(this.audioProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"audio",isScreenshare:!0})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.audioProducerFormattedStats=e}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("screenShareUpdate",this.screenShareUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("screenShareUpdate",this.screenShareUpdateListener))}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.screenshare.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.screenShareEnabled?"debugger.screenshare.messages.generating_report":"debugger.screenshare.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],audioProducerScoreStats:["audioProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};u([o()],p.prototype,"meeting",void 0),u([o()],p.prototype,"states",void 0),u([o()],p.prototype,"iconPack",void 0),u([o()],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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";var v=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const k=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isBatterySectionOpen=!0,this.batterySectionHealth=null,this.battery=null,this.batteryFormattedStats=[],this.batteryUpdateListener=()=>{const t=Math.round(100*this.battery.level),r=[];r.push({name:this.t("debugger.system.battery.level.label"),value:`${t}%`,description:this.t("debugger.system.battery.level.description"),verdict:d({batteryLevelPercentage:t})}),r.push({name:this.t("debugger.system.battery.charging.label"),value:`${this.t(this.battery.charging?"debugger.system.battery.charging.is_charging":"debugger.system.battery.charging.is_not_charging")}`,description:this.t("debugger.system.battery.charging.description"),verdict:b({batteryLevelPercentage:t,chargingTimeInSeconds:this.battery.chargingTime,dischargingTimeInSeconds:this.battery.dischargingTime,charging:this.battery.charging})}),this.batterySectionHealth=function({stats:t}){if(!t||!t.length)return null;let r="Good";const e=t.map((t=>t.verdict));return e.includes("Poor")?r="Poor":e.includes("Average")&&(r="Average"),r}({stats:r}),this.batteryFormattedStats=r}}toggleSection(t){"battery"===t&&(this.isBatterySectionOpen=!this.isBatterySectionOpen)}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&this.battery&&(this.battery.removeEventListener("levelchange",this.batteryUpdateListener),this.battery.removeEventListener("chargingchange",this.batteryUpdateListener))}async meetingChanged(t){t&&void 0!==navigator.getBattery&&(this.battery=await navigator.getBattery(),this.battery.addEventListener("levelchange",this.batteryUpdateListener),this.battery.addEventListener("chargingchange",this.batteryUpdateListener),this.batteryUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header",onClick:()=>this.toggleSection("battery")},r("span",null,this.t("debugger.system.sections.battery")),this.batterySectionHealth&&r("span",{class:`status ${null===(t=this.batterySectionHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.batterySectionHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isBatterySectionOpen&&!!this.batteryFormattedStats.length&&r("div",{class:"section-body battery-table"},this.batteryFormattedStats.map((t=>{var e,s;return r("div",{class:"battery-row"},r("div",{class:"battery-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"battery-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{meeting:["meetingChanged"]}}};v([o()],k.prototype,"meeting",void 0),v([o()],k.prototype,"states",void 0),v([o()],k.prototype,"iconPack",void 0),v([o()],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;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.battery-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.battery-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.battery-row:last-child{border-bottom:none}.battery-cell{display:flex;flex-direction:column}.battery-cell.label strong{font-size:14px}.battery-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.battery-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";var m=function(t,r,e,s){var a,o=arguments.length,i=o<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,r,e,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(r,e,i):a(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const f=class{constructor(r){t(this,r),this.iconPack=s,this.t=a(),this.isNetworkOpen=!0,this.isDevicesOpen=!1,this.videoProducerFormattedStats=[],this.videoProducerScoreStats=null,this.networkBasedMediaHealth=null,this.devicesHealth=null,this.mediaScoreUpdateListener=({kind:t,isScreenshare:r,scoreStats:e})=>{"video"!==t||r||(this.videoProducerScoreStats=e)},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getVideoDevices();this.devicesHealth=(null==t?void 0:t.length)>0?"Good":"Poor"},this.videoUpdateListener=()=>{this.meeting.self.videoEnabled||(this.videoProducerScoreStats=null)}}async videoProducerScoreStatsChanged(t){if(!t)return void(this.videoProducerFormattedStats=[]);const r=t,e=[];e.push({name:this.t("debugger.stats.cpu_limitations.label"),value:r.cpuLimitations?"Yes":"No",description:this.t("debugger.stats.cpu_limitations.description"),verdict:r.cpuLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bandwidth_limitations.label"),value:r.bandwidthLimitations?"Yes":"No",description:this.t("debugger.stats.bandwidth_limitations.description"),verdict:r.bandwidthLimitations?"Poor":"Good"}),e.push({name:this.t("debugger.stats.bitrate.label"),value:`${Math.round(r.bitrate/1024)} kbps`,description:this.t("debugger.stats.bitrate.description"),verdict:l({bitrate:r.bitrate,kind:"video",isScreenshare:!1})}),e.push({name:this.t("debugger.stats.packet_loss.label"),value:`${r.packetsLostPercentage}%`,description:this.t("debugger.stats.packet_loss.description"),verdict:n({packetLossPercentage:r.packetsLostPercentage})}),e.push({name:this.t("debugger.stats.jitter.label"),value:`${Math.round(1e3*r.jitter)} ms`,description:this.t("debugger.stats.jitter.description"),verdict:c({jitterInMS:1e3*r.jitter})}),this.videoProducerFormattedStats=e,this.networkBasedMediaHealth=i({kind:"video",isScreenshare:!1,stats:e})}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.self.off("mediaScoreUpdate",this.mediaScoreUpdateListener),this.meeting.self.off("videoUpdate",this.videoUpdateListener),this.meeting.self.off("deviceListUpdate",this.deviceListUpdateListener))}async meetingChanged(t){t&&(t.self.on("mediaScoreUpdate",this.mediaScoreUpdateListener),t.self.on("videoUpdate",this.videoUpdateListener),t.self.on("deviceListUpdate",this.deviceListUpdateListener),await this.deviceListUpdateListener())}render(){var t,s;if(this.meeting)return r(e,null,r("div",{id:"header"}),r("div",{class:"tab-body"},r("div",{class:"status-container"},r("div",{class:"status-section"},r("div",{class:"section-header "+(this.networkBasedMediaHealth?"":"only-child")},r("span",null,this.t("debugger.video.sections.network_media")),this.networkBasedMediaHealth&&r("span",{class:`status ${null===(t=this.networkBasedMediaHealth)||void 0===t?void 0:t.toLowerCase()}`},this.t(`debugger.quality.${null===(s=this.networkBasedMediaHealth)||void 0===s?void 0:s.toLowerCase()}`))),this.isNetworkOpen&&!this.videoProducerFormattedStats.length&&r("div",{class:"section-body missing-stats"},r("span",null,this.t(this.meeting.self.videoEnabled?"debugger.video.messages.generating_report":"debugger.video.messages.enable_media"))),this.isNetworkOpen&&!!this.videoProducerFormattedStats.length&&r("div",{class:"section-body network-table"},this.videoProducerFormattedStats.map((t=>{var e,s;return r("div",{class:"network-row"},r("div",{class:"network-cell label"},r("strong",null,t.name),r("span",{class:"description"},t.description)),r("div",{class:"network-cell value"},r("span",{class:`status ${null===(e=t.verdict)||void 0===e?void 0:e.toLowerCase()}`},this.t(`debugger.quality.${null===(s=t.verdict)||void 0===s?void 0:s.toLowerCase()}`)),r("span",{class:"value"},t.value)))})))))))}static get watchers(){return{videoProducerScoreStats:["videoProducerScoreStatsChanged"],meeting:["meetingChanged"]}}};m([o()],f.prototype,"meeting",void 0),m([o()],f.prototype,"states",void 0),m([o()],f.prototype,"iconPack",void 0),m([o()],f.prototype,"t",void 0),f.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";export{h as rtk_debugger_audio,p as rtk_debugger_screenshare,k as rtk_debugger_system,f as rtk_debugger_video}

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

@@ -0,0 +1 @@
+import{r as t,h as r,a}from"./p-a599f720.js";import{e as i,i as o}from"./p-8fc79c56.js";import{h as s}from"./p-3f882e7c.js";import{S as e}from"./p-315cd380.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-573187b4.entry.js → p-cbbb09a2.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as o}from"./p-0ee570cd.js";import{c as n,i as e}from"./p-25c4d10f.js";import{S as r}from"./p-9b550ec4.js";var l=function(t,i,o,n){var e,r=arguments.length,l=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,o,n);else for(var s=t.length-1;s>=0;s--)(e=t[s])&&(l=(r<3?e(l):r>3?e(i,o,l):e(i,o))||l);return r>3&&l&&Object.defineProperty(i,o,l),l};const s=class{constructor(i){t(this,i),this.config=n(),this.t=e()}connectedCallback(){this.configChanged(this.config),this.meetingChanged(this.meeting)}configChanged(t){var i;if(null!=t){const o=null===(i=null==t?void 0:t.designTokens)||void 0===i?void 0:i.logo;null!=o&&null==this.logoUrl&&(this.logoUrl=o)}}meetingChanged(t){var i,o,n,e;if(null!=t){const r=null===(e=null===(n=null===(o=null===(i=t.self)||void 0===i?void 0:i.config)||void 0===o?void 0:o.header)||void 0===n?void 0:n.elements)||void 0===e?void 0:e.logo;null!=r&&null==this.logoUrl&&(this.logoUrl=r)}}render(){if(!this.logoUrl||""===this.logoUrl)return null;const t=this.logoUrl,n=this.t("logo");return i(o,{class:"loaded"},i("img",{src:t,alt:n}))}static get watchers(){return{config:["configChanged"],meeting:["meetingChanged"]}}};l([r()],s.prototype,"config",void 0),l([r()],s.prototype,"meeting",void 0),l([r()],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{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";export{s as rtk_logo}
+import{r as t,h as i,a as o}from"./p-a599f720.js";import{c as n,i as e}from"./p-8fc79c56.js";import{S as r}from"./p-315cd380.js";var l=function(t,i,o,n){var e,r=arguments.length,l=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,o,n);else for(var s=t.length-1;s>=0;s--)(e=t[s])&&(l=(r<3?e(l):r>3?e(i,o,l):e(i,o))||l);return r>3&&l&&Object.defineProperty(i,o,l),l};const s=class{constructor(i){t(this,i),this.config=n(),this.t=e()}connectedCallback(){this.configChanged(this.config),this.meetingChanged(this.meeting)}configChanged(t){var i;if(null!=t){const o=null===(i=null==t?void 0:t.designTokens)||void 0===i?void 0:i.logo;null!=o&&null==this.logoUrl&&(this.logoUrl=o)}}meetingChanged(t){var i,o,n,e;if(null!=t){const r=null===(e=null===(n=null===(o=null===(i=t.self)||void 0===i?void 0:i.config)||void 0===o?void 0:o.header)||void 0===n?void 0:n.elements)||void 0===e?void 0:e.logo;null!=r&&null==this.logoUrl&&(this.logoUrl=r)}}render(){if(!this.logoUrl||""===this.logoUrl)return null;const t=this.logoUrl,n=this.t("logo");return i(o,{class:"loaded"},i("img",{src:t,alt:n}))}static get watchers(){return{config:["configChanged"],meeting:["meetingChanged"]}}};l([r()],s.prototype,"config",void 0),l([r()],s.prototype,"meeting",void 0),l([r()],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{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";export{s as rtk_logo}

package/dist/realtimekit-ui/{p-80e51a73.entry.js → p-cbfe61b9.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o}from"./p-0ee570cd.js";import{i as s,e as a}from"./p-25c4d10f.js";import{S as r}from"./p-9b550ec4.js";var n=function(t,e,i,o){var s,a=arguments.length,r=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(a<3?s(r):a>3?s(e,i,r):s(e,i))||r);return a>3&&r&&Object.defineProperty(e,i,r),r};const c=class{constructor(i){t(this,i),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.t=s(),this.iconPack=a}toggleDebugger(){var t;this.stateUpdate.emit({activeDebugger:!(null===(t=this.states)||void 0===t?void 0:t.activeDebugger),activeMoreMenu:!1})}render(){return i(o,{key:"38be7c2de47b57a51bb6feedc0f8ea05801eec58",title:this.t("Troubleshooting")},i("rtk-controlbar-button",{key:"18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleDebugger(),icon:this.iconPack.debug,label:this.t("Troubleshooting"),variant:this.variant}))}};n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"t",void 0),n([r()],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}";export{c as rtk_debugger_toggle}
+import{r as t,d as e,h as i,a as o}from"./p-a599f720.js";import{i as a,e as s}from"./p-8fc79c56.js";import{S as r}from"./p-315cd380.js";var n=function(t,e,i,o){var a,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(s<3?a(r):s>3?a(e,i,r):a(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const c=class{constructor(i){t(this,i),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.t=a(),this.iconPack=s}toggleDebugger(){var t;this.stateUpdate.emit({activeDebugger:!(null===(t=this.states)||void 0===t?void 0:t.activeDebugger),activeMoreMenu:!1})}render(){return i(o,{key:"3a400514eae52d10e947446e952e89f8ab539ba9",title:this.t("Troubleshooting")},i("rtk-controlbar-button",{key:"ad92157ea3d66898cfbc1bd65d3ec72720cf5e16",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleDebugger(),icon:this.iconPack.debug,label:this.t("Troubleshooting"),variant:this.variant}))}};n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"t",void 0),n([r()],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}";export{c as rtk_debugger_toggle}

package/dist/realtimekit-ui/{p-ad5e9fdb.entry.js → p-cd086077.entry.js}

@@ -1 +1 @@
-import{r as t,w as n,h as i,H as r,c as a}from"./p-0ee570cd.js";import{e,i as o,c as s,I as p}from"./p-25c4d10f.js";import{S as d}from"./p-9b550ec4.js";import{R as c}from"./p-c8eaa707.js";var l=function(t,n,i,r){var a,e=arguments.length,o=e<3?n:null===r?r=Object.getOwnPropertyDescriptor(n,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,n,i,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(e<3?a(o):e>3?a(n,i,o):a(n,i))||o);return e>3&&o&&Object.defineProperty(n,i,o),o};const h=class{constructor(n){t(this,n),this.iconPack=e,this.variant="full",this.t=o(),this.videoDevices=[],this.canProduceVideo=!0,this.stageStateListener=()=>{this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo},this.deviceListUpdateListener=({devices:t})=>{this.videoDevices=t.filter((t=>"videoinput"===t.kind))},this.deviceUpdateListener=({device:t})=>{"videoinput"===t.kind&&(this.currentDevice=t)},this.mediaPermissionUpdateListener=async({kind:t,message:n})=>{this.meeting&&"video"===t&&"ACCEPTED"===n&&(this.videoDevices=await this.meeting.self.getVideoDevices())}}meetingChanged(t){var i,r,a;t&&(null===(i=t.self)||void 0===i||i.addListener("deviceListUpdate",this.deviceListUpdateListener),null===(r=t.self)||void 0===r||r.addListener("deviceUpdate",this.deviceUpdateListener),null===(a=t.self)||void 0===a||a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),n((async()=>{var n,i;const r=await t.self.getVideoDevices(),a=null===(n=t.self.getCurrentDevices())||void 0===n?void 0:n.video;this.videoDevices=null!=a?[null!==(i=r.find((t=>t.deviceId===a.deviceId)))&&void 0!==i?i:a,...r.filter((t=>t.deviceId!==a.deviceId))]:r})))}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,n,i,r,a;null===(n=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===n||n.removeListener("stageStatusUpdate",this.stageStateListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(r=this.meeting)||void 0===r||r.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(a=this.meeting)||void 0===a||a.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener)}async setDevice(t){var n;const i=this.videoDevices.find((n=>n.deviceId===t));this.currentDevice=i,null!=i&&await(null===(n=this.meeting)||void 0===n?void 0:n.self.setDevice(i))}render(){if(!this.meeting)return null;let t=0;return i(r,null,this.canProduceVideo&&i("div",{class:"group container "+this.variant,part:"camera-selection"},i("label",null,"inline"!==this.variant&&this.t("camera"),i("rtk-icon",{icon:this.iconPack.video_on,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.videoDevices.map((({deviceId:n,label:r})=>{var a;return i("option",{selected:(null===(a=this.currentDevice)||void 0===a?void 0:a.deviceId)===n,value:n},r||"Camera "+ ++t)}))))))}static get watchers(){return{meeting:["meetingChanged"]}}};l([d()],h.prototype,"meeting",void 0),l([d()],h.prototype,"iconPack",void 0),l([d()],h.prototype,"t",void 0),h.style=".rtk-select{--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))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";var v=function(t,n,i,r){var a,e=arguments.length,o=e<3?n:null===r?r=Object.getOwnPropertyDescriptor(n,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,n,i,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(e<3?a(o):e>3?a(n,i,o):a(n,i))||o);return e>3&&o&&Object.defineProperty(n,i,o),o};const g=class{onVideoRef(t){this.participant&&this.meeting&&t!==this.videoEl&&(this.videoEl=t,this.participant.registerVideoElement(this.videoEl,this.isPreview),this.tileLoad.emit({participant:this.participant,videoElement:this.videoEl}))}connectedCallback(){this.meeting?this.meetingChanged(this.meeting):this.participantsChanged(this.participant)}constructor(n){t(this,n),this.tileLoad=a(this,"tileLoad",7),this.tileUnload=a(this,"tileUnload",7),this.isPinned=!1,this.mediaConnectionError=!1,this.nameTagPosition="bottom-left",this.isPreview=!1,this.config=s(),this.variant="solid",this.iconPack=e,this.t=o(),this.onPinned=({isPinned:t})=>{this.isPinned=t},this.isSelf=()=>{var t;return this.isPreview||this.participant.id===(null===(t=this.meeting)||void 0===t?void 0:t.self.id)},this.onPause=t=>{var n,i;this.isSelf()&&(null===(n=this.meeting)||void 0===n?void 0:n.__internals__.features.hasFeature(p.PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE))&&(this.meeting.__internals__.logger.warn(`Video player paused for ${this.participant.id} isSelf: ${this.isSelf()}`),null===(i=null==t?void 0:t.target)||void 0===i||i.play())},this.onPlaying=()=>{this.playTimeout&&clearTimeout(this.playTimeout)},this.mediaConnectionUpdateListener=this.mediaConnectionUpdateListener.bind(this)}disconnectedCallback(){this.playTimeout&&clearTimeout(this.playTimeout),null!=this.participant&&(this.participant.deregisterVideoElement(this.videoEl,this.isPreview),this.participant.removeListener("pinned",this.onPinned),this.participant.removeListener("unpinned",this.onPinned),this.meeting.meta.off("mediaConnectionUpdate",this.mediaConnectionUpdateListener),this.tileUnload.emit(this.participant))}meetingChanged(t){t&&this.participantsChanged(this.participant)}participantsChanged(t){t&&(this.meeting?(this.isPinned=t.isPinned,this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview),t.addListener("pinned",this.onPinned),t.addListener("unpinned",this.onPinned),this.meeting.meta.off("mediaConnectionUpdate",this.mediaConnectionUpdateListener),this.meeting.meta.on("mediaConnectionUpdate",this.mediaConnectionUpdateListener)):this.isPreview&&this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview))}mediaConnectionUpdateListener(){var t,n,i;const{recv:r,send:a}=null!==(i=null===(n=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===n?void 0:n.mediaState)&&void 0!==i?i:{};this.mediaConnectionError="connected"!==(null==r?void 0:r.state)&&!this.isSelf()||!("connected"===(null==a?void 0:a.state)||!this.isSelf())}isMirrored(){var t;if(null!=this.participant&&this.isSelf()){const n=this.states,i=null===(t=null==n?void 0:n.prefs)||void 0===t?void 0:t.mirrorVideo;if("boolean"==typeof i)return i}return!1}render(){var t,n,a;if(!this.meeting)return null;const e={meeting:this.meeting,size:this.size,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return i(r,null,i("video",{ref:t=>this.onVideoRef(t),class:{mirror:this.isMirrored(),[null!==(a=null===(n=null===(t=this.config)||void 0===t?void 0:t.config)||void 0===n?void 0:n.videoFit)&&void 0!==a?a:"cover"]:!0},onPlaying:this.onPlaying,onPause:this.onPause,autoPlay:!0,playsInline:!0,muted:!0,part:"video"}),this.isPinned&&i("rtk-icon",{class:"pinned-icon",icon:this.iconPack.pin,"aria-label":this.t("pinned"),part:"pinned-icon"}),this.mediaConnectionError&&i("div",{class:"network-container",part:"network-indicator"},i("rtk-icon",{class:"network-icon",icon:this.iconPack.disconnected,"aria-label":this.t("pinned"),part:"pinned-icon"})),i("slot",null,!this.isPreview&&i(c,{element:"rtk-participant-tile",defaults:e,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))}static get watchers(){return{meeting:["meetingChanged"],participant:["participantsChanged"]}}};v([d()],g.prototype,"meeting",void 0),v([d()],g.prototype,"states",void 0),v([d()],g.prototype,"config",void 0),v([d()],g.prototype,"iconPack",void 0),v([d()],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  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 16 / 9;\n  height: var(--rtk-space-56, 224px);\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n\n  transition-property: var(--rtk-transition-property, all);\n  transition-duration: 150ms;\n  container-type: inline-size;\n  container-name: participanttile;\n}\n\n@media (prefers-reduced-motion) {\n  /* No transitions when disabled */\n  :host {\n    --rtk-transition-property: none;\n  }\n}\n\nrtk-avatar {\n  z-index: -1;\n}\n\n/**\n  NOTE: provided :slotted(rtk-name-tag) & rtk-name-tag separately\n  because ::slotted isn't applied on default slots.\n*/\n\n::slotted(rtk-name-tag), \nrtk-name-tag {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n  :host([size='sm'][variant='solid']) rtk-name-tag {\n  left: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-4, 16px);\n}\n\n::slotted(rtk-network-indicator), \nrtk-network-indicator {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm']) ::slotted(rtk-network-indicator), \n  :host([size='sm']) rtk-network-indicator {\n  right: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n}\n\nvideo {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n}\n\nvideo.contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\nvideo.cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\nvideo::-webkit-media-controls {\n  display: none !important;\n}\n\n.pinned-icon {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  top: var(--rtk-space-3, 12px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-1, 4px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n.network-container {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n.network-icon {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));\n}\n\n:host([size='sm']) .pinned-icon {\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer), \n  :host([variant='gradient']) 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  :host([variant='gradient']) 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\nvideo.mirror {\n  transform: scaleX(-1);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='bottom-right']) 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  :host([name-tag-position='bottom-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-left']) 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  :host([name-tag-position='top-right']) 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  :host([name-tag-position='top-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -2% 100%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@media only screen and (max-width: 480px) and (orientation: portrait) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -5% 110%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@container participanttile (max-width: 300px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag {\n    transform-origin: 0 100%;\n    transform: scale(0.8);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-8, 32px) !important;\n    width: var(--rtk-space-8, 32px) !important;\n  }\n}\n\n@container participanttile (max-width: 150px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag[variant='solid'] {\n    transform-origin: -10% 130%;\n    transform: scale(0.6);\n    z-index: 10;\n    border-radius: 9999px;\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: 6 !important;\n    width: 6 !important;\n  }\n}\n";export{h as rtk_camera_selector,g as rtk_participant_tile}
+import{r as t,e as n,h as i,a as r,d as a}from"./p-a599f720.js";import{e,i as o,c as s,Y as p}from"./p-8fc79c56.js";import{S as d}from"./p-315cd380.js";import{R as c}from"./p-eccb6d78.js";var l=function(t,n,i,r){var a,e=arguments.length,o=e<3?n:null===r?r=Object.getOwnPropertyDescriptor(n,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,n,i,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(e<3?a(o):e>3?a(n,i,o):a(n,i))||o);return e>3&&o&&Object.defineProperty(n,i,o),o};const h=class{constructor(n){t(this,n),this.iconPack=e,this.variant="full",this.t=o(),this.videoDevices=[],this.canProduceVideo=!0,this.stageStateListener=()=>{this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo},this.deviceListUpdateListener=({devices:t})=>{this.videoDevices=t.filter((t=>"videoinput"===t.kind))},this.deviceUpdateListener=({device:t})=>{"videoinput"===t.kind&&(this.currentDevice=t)},this.mediaPermissionUpdateListener=async({kind:t,message:n})=>{this.meeting&&"video"===t&&"ACCEPTED"===n&&(this.videoDevices=await this.meeting.self.getVideoDevices())}}meetingChanged(t){var i,r,a;t&&(null===(i=t.self)||void 0===i||i.addListener("deviceListUpdate",this.deviceListUpdateListener),null===(r=t.self)||void 0===r||r.addListener("deviceUpdate",this.deviceUpdateListener),null===(a=t.self)||void 0===a||a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),n((async()=>{var n,i;const r=await t.self.getVideoDevices(),a=null===(n=t.self.getCurrentDevices())||void 0===n?void 0:n.video;this.videoDevices=null!=a?[null!==(i=r.find((t=>t.deviceId===a.deviceId)))&&void 0!==i?i:a,...r.filter((t=>t.deviceId!==a.deviceId))]:r})))}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,n,i,r,a;null===(n=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===n||n.removeListener("stageStatusUpdate",this.stageStateListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(r=this.meeting)||void 0===r||r.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(a=this.meeting)||void 0===a||a.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener)}async setDevice(t){var n;const i=this.videoDevices.find((n=>n.deviceId===t));this.currentDevice=i,null!=i&&await(null===(n=this.meeting)||void 0===n?void 0:n.self.setDevice(i))}render(){if(!this.meeting)return null;let t=0;return i(r,null,this.canProduceVideo&&i("div",{class:"group container "+this.variant,part:"camera-selection"},i("label",null,"inline"!==this.variant&&this.t("camera"),i("rtk-icon",{icon:this.iconPack.video_on,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.videoDevices.map((({deviceId:n,label:r})=>{var a;return i("option",{selected:(null===(a=this.currentDevice)||void 0===a?void 0:a.deviceId)===n,value:n},r||"Camera "+ ++t)}))))))}static get watchers(){return{meeting:["meetingChanged"]}}};l([d()],h.prototype,"meeting",void 0),l([d()],h.prototype,"iconPack",void 0),l([d()],h.prototype,"t",void 0),h.style=".rtk-select{--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))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";var v=function(t,n,i,r){var a,e=arguments.length,o=e<3?n:null===r?r=Object.getOwnPropertyDescriptor(n,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,n,i,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(e<3?a(o):e>3?a(n,i,o):a(n,i))||o);return e>3&&o&&Object.defineProperty(n,i,o),o};const g=class{onVideoRef(t){this.participant&&this.meeting&&t!==this.videoEl&&(this.videoEl=t,this.participant.registerVideoElement(this.videoEl,this.isPreview),this.tileLoad.emit({participant:this.participant,videoElement:this.videoEl}))}connectedCallback(){this.meeting?this.meetingChanged(this.meeting):this.participantsChanged(this.participant)}constructor(n){t(this,n),this.tileLoad=a(this,"tileLoad",7),this.tileUnload=a(this,"tileUnload",7),this.isPinned=!1,this.mediaConnectionError=!1,this.nameTagPosition="bottom-left",this.isPreview=!1,this.config=s(),this.variant="solid",this.iconPack=e,this.t=o(),this.onPinned=({isPinned:t})=>{this.isPinned=t},this.isSelf=()=>{var t;return this.isPreview||this.participant.id===(null===(t=this.meeting)||void 0===t?void 0:t.self.id)},this.onPause=t=>{var n,i;this.isSelf()&&(null===(n=this.meeting)||void 0===n?void 0:n.__internals__.features.hasFeature(p.PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE))&&(this.meeting.__internals__.logger.warn(`Video player paused for ${this.participant.id} isSelf: ${this.isSelf()}`),null===(i=null==t?void 0:t.target)||void 0===i||i.play())},this.onPlaying=()=>{this.playTimeout&&clearTimeout(this.playTimeout)},this.mediaConnectionUpdateListener=this.mediaConnectionUpdateListener.bind(this)}disconnectedCallback(){this.playTimeout&&clearTimeout(this.playTimeout),null!=this.participant&&(this.participant.deregisterVideoElement(this.videoEl,this.isPreview),this.participant.removeListener("pinned",this.onPinned),this.participant.removeListener("unpinned",this.onPinned),this.meeting.meta.off("mediaConnectionUpdate",this.mediaConnectionUpdateListener),this.tileUnload.emit(this.participant))}meetingChanged(t){t&&this.participantsChanged(this.participant)}participantsChanged(t){t&&(this.meeting?(this.isPinned=t.isPinned,this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview),t.addListener("pinned",this.onPinned),t.addListener("unpinned",this.onPinned),this.meeting.meta.off("mediaConnectionUpdate",this.mediaConnectionUpdateListener),this.meeting.meta.on("mediaConnectionUpdate",this.mediaConnectionUpdateListener)):this.isPreview&&this.videoEl&&this.participant.registerVideoElement(this.videoEl,this.isPreview))}mediaConnectionUpdateListener(){var t,n,i;const{recv:r,send:a}=null!==(i=null===(n=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===n?void 0:n.mediaState)&&void 0!==i?i:{};this.mediaConnectionError="connected"!==(null==r?void 0:r.state)&&!this.isSelf()||!("connected"===(null==a?void 0:a.state)||!this.isSelf())}isMirrored(){var t;if(null!=this.participant&&this.isSelf()){const n=this.states,i=null===(t=null==n?void 0:n.prefs)||void 0===t?void 0:t.mirrorVideo;if("boolean"==typeof i)return i}return!1}render(){var t,n,a;if(!this.meeting)return null;const e={meeting:this.meeting,size:this.size,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return i(r,null,i("video",{ref:t=>this.onVideoRef(t),class:{mirror:this.isMirrored(),[null!==(a=null===(n=null===(t=this.config)||void 0===t?void 0:t.config)||void 0===n?void 0:n.videoFit)&&void 0!==a?a:"cover"]:!0},onPlaying:this.onPlaying,onPause:this.onPause,autoPlay:!0,playsInline:!0,muted:!0,part:"video"}),this.isPinned&&i("rtk-icon",{class:"pinned-icon",icon:this.iconPack.pin,"aria-label":this.t("pinned"),part:"pinned-icon"}),this.mediaConnectionError&&i("div",{class:"network-container",part:"network-indicator"},i("rtk-icon",{class:"network-icon",icon:this.iconPack.disconnected,"aria-label":this.t("pinned"),part:"pinned-icon"})),i("slot",null,!this.isPreview&&i(c,{element:"rtk-participant-tile",defaults:e,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))}static get watchers(){return{meeting:["meetingChanged"],participant:["participantsChanged"]}}};v([d()],g.prototype,"meeting",void 0),v([d()],g.prototype,"states",void 0),v([d()],g.prototype,"config",void 0),v([d()],g.prototype,"iconPack",void 0),v([d()],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  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 16 / 9;\n  height: var(--rtk-space-56, 224px);\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n\n  transition-property: var(--rtk-transition-property, all);\n  transition-duration: 150ms;\n  container-type: inline-size;\n  container-name: participanttile;\n}\n\n@media (prefers-reduced-motion) {\n  /* No transitions when disabled */\n  :host {\n    --rtk-transition-property: none;\n  }\n}\n\nrtk-avatar {\n  z-index: -1;\n}\n\n/**\n  NOTE: provided :slotted(rtk-name-tag) & rtk-name-tag separately\n  because ::slotted isn't applied on default slots.\n*/\n\n::slotted(rtk-name-tag), \nrtk-name-tag {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n  :host([size='sm'][variant='solid']) rtk-name-tag {\n  left: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-4, 16px);\n}\n\n::slotted(rtk-network-indicator), \nrtk-network-indicator {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm']) ::slotted(rtk-network-indicator), \n  :host([size='sm']) rtk-network-indicator {\n  right: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n}\n\nvideo {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n}\n\nvideo.contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\nvideo.cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\nvideo::-webkit-media-controls {\n  display: none !important;\n}\n\n.pinned-icon {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  top: var(--rtk-space-3, 12px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-1, 4px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n.network-container {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n.network-icon {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));\n}\n\n:host([size='sm']) .pinned-icon {\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer), \n  :host([variant='gradient']) 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  :host([variant='gradient']) 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\nvideo.mirror {\n  transform: scaleX(-1);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='bottom-right']) 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  :host([name-tag-position='bottom-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-left']) 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  :host([name-tag-position='top-right']) 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  :host([name-tag-position='top-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -2% 100%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@media only screen and (max-width: 480px) and (orientation: portrait) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -5% 110%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@container participanttile (max-width: 300px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag {\n    transform-origin: 0 100%;\n    transform: scale(0.8);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-8, 32px) !important;\n    width: var(--rtk-space-8, 32px) !important;\n  }\n}\n\n@container participanttile (max-width: 150px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag[variant='solid'] {\n    transform-origin: -10% 130%;\n    transform: scale(0.6);\n    z-index: 10;\n    border-radius: 9999px;\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: 6 !important;\n    width: 6 !important;\n  }\n}\n";export{h as rtk_camera_selector,g as rtk_participant_tile}

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

@@ -0,0 +1 @@
+import{r as t,h as i,a as r}from"./p-a599f720.js";import{e as s,i as e}from"./p-8fc79c56.js";import{S as a}from"./p-315cd380.js";var o=function(t,i,r,s){var e,a=arguments.length,o=a<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,r,s);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(o=(a<3?e(o):a>3?e(i,r,o):e(i,r))||o);return a>3&&o&&Object.defineProperty(i,r,o),o};const n=class{constructor(i){t(this,i),this.iconPack=s,this.t=e(),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"]}}};o([a()],n.prototype,"meeting",void 0),o([a()],n.prototype,"iconPack",void 0),o([a()],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-a40cc665.entry.js → p-d10fe6c7.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as e}from"./p-0ee570cd.js";import{e as o,i as l}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";var a=function(i,t,s,e){var o,l=arguments.length,n=l<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(i,t,s,e);else for(var a=i.length-1;a>=0;a--)(o=i[a])&&(n=(l<3?o(n):l>3?o(t,s,n):o(t,s))||n);return l>3&&n&&Object.defineProperty(t,s,n),n};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.videoUpdateListener=({videoEnabled:i})=>{this.videoEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"video"===i&&(this.cameraPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.video)&&(this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo)},this.variant="button",this.iconPack=o,this.t=l(),this.videoEnabled=!1,this.canProduceVideo=!1,this.cameraPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleCamera=()=>{var i,t,s,e,o,l,n,a,d,h,r;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkCameraToggle::toggleCamera",{media:{video:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.videoEnabled),permission:this.cameraPermission,canProduce:null===(l=null===(o=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===o?void 0:o.permissions)||void 0===l?void 0:l.canProduceVideo}},webinar:{stageStatus:null===(n=this.meeting)||void 0===n?void 0:n.stage.status},livestream:{stageStatus:null===(d=null===(a=this.meeting)||void 0===a?void 0:a.stage)||void 0===d?void 0:d.status},moduleExists:{self:Boolean(null===(h=this.meeting)||void 0===h?void 0:h.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"video"}}),!1;const v=null===(r=this.meeting)||void 0===r?void 0:r.self;null!=v&&this.canProduceVideo&&(v.videoEnabled?v.disableVideo():v.enableVideo())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,e,o,l,n;null===(i=this.meeting)||void 0===i||i.self.removeListener("videoUpdate",this.videoUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(e=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===e||e.removeListener("stageStatusUpdate",this.stageStatusListener),null===(n=null===(l=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===l?void 0:l.permissions)||void 0===n||n.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:e,stage:o}=i;this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo,this.cameraPermission=e.mediaPermissions.video||"NOT_REQUESTED",this.videoEnabled=e.videoEnabled,this.stageStatus=i.stage.status,e.addListener("videoUpdate",this.videoUpdateListener),e.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==o||o.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=null==i?void 0:i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.cameraPermission||"SYSTEM_DENIED"===this.cameraPermission}getState(){let i="",t="",s="",e={},o=this.hasPermissionError(),l="COULD_NOT_START"===this.cameraPermission;return this.videoEnabled&&!o?(t=this.t("video_on"),s=this.iconPack.video_on):(t=this.t("video_off"),s=this.iconPack.video_off,e["red-icon"]=!0),i=this.t(l?"perm_could_not_start.video":"SYSTEM_DENIED"===this.cameraPermission?"perm_sys_denied.video":"DENIED"===this.cameraPermission?"perm_denied.video":this.videoEnabled?"disable_video":"enable_video"),{tooltipLabel:i,label:t,icon:s,classList:e,showWarning:o||l,disable:o}}render(){var i;if(!this.meeting)return null;if(!this.canProduceVideo||"AUDIO_ROOM"===(null===(i=this.meeting)||void 0===i?void 0:i.meta.viewType)||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(e,{"data-hidden":!0});const{tooltipLabel:t,label:o,icon:l,classList:n,showWarning:a,disable:d}=this.getState();return s(e,{title:o},s("rtk-tooltip",{kind:"block",label:t,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:n,variant:this.variant,label:o,icon:l,onClick:this.toggleCamera,showWarning:a,disabled:d})))}static get watchers(){return{meeting:["meetingChanged"]}}};a([n()],d.prototype,"meeting",void 0),a([n()],d.prototype,"iconPack",void 0),a([n()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";export{d as rtk_camera_toggle}
+import{r as i,d as t,h as s,a as e}from"./p-a599f720.js";import{e as o,i as l}from"./p-8fc79c56.js";import{S as a}from"./p-315cd380.js";var n=function(i,t,s,e){var o,l=arguments.length,a=l<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(i,t,s,e);else for(var n=i.length-1;n>=0;n--)(o=i[n])&&(a=(l<3?o(a):l>3?o(t,s,a):o(t,s))||a);return l>3&&a&&Object.defineProperty(t,s,a),a};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.videoUpdateListener=({videoEnabled:i})=>{this.videoEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"video"===i&&(this.cameraPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.video)&&(this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo)},this.variant="button",this.iconPack=o,this.t=l(),this.videoEnabled=!1,this.canProduceVideo=!1,this.cameraPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleCamera=()=>{var i,t,s,e,o,l,a,n,d,h,r;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkCameraToggle::toggleCamera",{media:{video:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.videoEnabled),permission:this.cameraPermission,canProduce:null===(l=null===(o=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===o?void 0:o.permissions)||void 0===l?void 0:l.canProduceVideo}},webinar:{stageStatus:null===(a=this.meeting)||void 0===a?void 0:a.stage.status},livestream:{stageStatus:null===(d=null===(n=this.meeting)||void 0===n?void 0:n.stage)||void 0===d?void 0:d.status},moduleExists:{self:Boolean(null===(h=this.meeting)||void 0===h?void 0:h.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"video"}}),!1;const v=null===(r=this.meeting)||void 0===r?void 0:r.self;null!=v&&this.canProduceVideo&&(v.videoEnabled?v.disableVideo():v.enableVideo())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,e,o,l,a;null===(i=this.meeting)||void 0===i||i.self.removeListener("videoUpdate",this.videoUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(e=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===e||e.removeListener("stageStatusUpdate",this.stageStatusListener),null===(a=null===(l=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===l?void 0:l.permissions)||void 0===a||a.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:e,stage:o}=i;this.canProduceVideo="ALLOWED"===this.meeting.self.permissions.canProduceVideo,this.cameraPermission=e.mediaPermissions.video||"NOT_REQUESTED",this.videoEnabled=e.videoEnabled,this.stageStatus=i.stage.status,e.addListener("videoUpdate",this.videoUpdateListener),e.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==o||o.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=null==i?void 0:i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.cameraPermission||"SYSTEM_DENIED"===this.cameraPermission}getState(){let i="",t="",s="",e={},o=this.hasPermissionError(),l="COULD_NOT_START"===this.cameraPermission;return this.videoEnabled&&!o?(t=this.t("video_on"),s=this.iconPack.video_on):(t=this.t("video_off"),s=this.iconPack.video_off,e["red-icon"]=!0),i=this.t(l?"perm_could_not_start.video":"SYSTEM_DENIED"===this.cameraPermission?"perm_sys_denied.video":"DENIED"===this.cameraPermission?"perm_denied.video":this.videoEnabled?"disable_video":"enable_video"),{tooltipLabel:i,label:t,icon:s,classList:e,showWarning:o||l,disable:o}}render(){var i;if(!this.meeting)return null;if(!this.canProduceVideo||"AUDIO_ROOM"===(null===(i=this.meeting)||void 0===i?void 0:i.meta.viewType)||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(e,{"data-hidden":!0});const{tooltipLabel:t,label:o,icon:l,classList:a,showWarning:n,disable:d}=this.getState();return s(e,{title:o},s("rtk-tooltip",{kind:"block",label:t,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:a,variant:this.variant,label:o,icon:l,onClick:this.toggleCamera,showWarning:n,disabled:d})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([a()],d.prototype,"meeting",void 0),n([a()],d.prototype,"iconPack",void 0),n([a()],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:block}:host([data-hidden]){display:none}";export{d as rtk_camera_toggle}

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

@@ -0,0 +1 @@
+import{r as t,h as i,a}from"./p-a599f720.js";import{c as s,e,i as r}from"./p-8fc79c56.js";import{R as n}from"./p-eccb6d78.js";import{S as c}from"./p-315cd380.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:"82b79281405ea4012121471e245fd23b3b9c7bc6"},i("div",{key:"231fbe8a811f49a92f6b16fb06e7246aebee7b77",class:"participants-container"},!this.hideHeader&&i("div",{key:"0398c09c5c203bb6e581d3c016910542f36ba0d5",class:"heading-count",part:"heading-count"},this.t("participants")," (",this.participants.length,")"),i("rtk-virtualized-participant-list",{key:"7e33ce03b36d42fd91f360e7bcd19d08d77a5ac0",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 u=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()],u.prototype,"meeting",void 0),v([c()],u.prototype,"config",void 0),v([c()],u.prototype,"iconPack",void 0),v([c()],u.prototype,"t",void 0),u.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{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,u as rtk_participants_waiting_list}

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

@@ -0,0 +1 @@
+import{r as e,d as t,h as r,a as o}from"./p-a599f720.js";import{e as a,i as c}from"./p-8fc79c56.js";import{S as i}from"./p-315cd380.js";var s=function(e,t,r,o){var a,c=arguments.length,i=c<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(i=(c<3?a(i):c>3?a(t,r,i):a(t,r))||i);return c>3&&i&&Object.defineProperty(t,r,i),i};const n=class{constructor(r){e(this,r),this.onDropCallback=t(this,"dropCallback",7),this.iconPack=a,this.t=c(),this.dropzoneActivated=!1}connectedCallback(){if(!this.hostEl)throw new Error("hostEl prop is required");this.hostEl.addEventListener("dragover",(e=>{e.preventDefault(),this.dropzoneActivated=!0})),this.hostEl.addEventListener("dragleave",(()=>{this.dropzoneActivated=!1})),this.hostEl.addEventListener("drop",(e=>{e.preventDefault(),this.dropzoneActivated=!1,this.onDropCallback.emit(e)}))}render(){return r(o,{key:"75d3181f8ae69f463d10eff1befe75cf5856eae9"},r("div",{key:"385ec4116e8b1748219d3c6bb803ba49dae07c04",id:"dropzone",class:{active:this.dropzoneActivated},part:"dropzone"},r("rtk-icon",{key:"fcdb498c515168f9b38e6a8e253484ed2ab48fe9",icon:this.iconPack.attach}),r("p",{key:"230cbb525a29675e43aa36c8e4d4711c75cedff0"},this.t("chat.send_attachment"))))}};s([i()],n.prototype,"iconPack",void 0),s([i()],n.prototype,"t",void 0),n.style="#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";export{n as rtk_file_dropzone}

package/dist/realtimekit-ui/{p-44d69c6b.entry.js → p-d3acf8e9.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,h as a,H as i}from"./p-0ee570cd.js";import{c as s,e,i as o}from"./p-25c4d10f.js";import{S as l}from"./p-9b550ec4.js";import{s as n}from"./p-0752f2ba.js";var c=function(t,r,a,i){var s,e=arguments.length,o=e<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 l=t.length-1;l>=0;l--)(s=t[l])&&(o=(e<3?s(o):e>3?s(r,a,o):s(r,a))||o);return e>3&&o&&Object.defineProperty(r,a,o),o};const d=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.config=s(),this.iconPack=e,this.t=o(),this.plugins=[],this.canStartPlugins=!1,this.canClosePlugins=!1,this.activatedPluginsId=[],this.close=()=>{this.stateUpdate.emit({activeSidebar:!1,sidebar:void 0})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.plugins.all.removeListener("stateUpdate",this.updateActivePlugins)}meetingChanged(t){null!=t&&(this.canStartPlugins=t.self.permissions.plugins.canStart,this.canClosePlugins=t.self.permissions.plugins.canClose,this.plugins=t.plugins.all.toArray().filter((r=>{var a;return!(null===(a=t.self.config.disabledPlugins)||void 0===a?void 0:a.includes(r.id))})),this.updateActivePlugins=()=>{this.activatedPluginsId=t.plugins.active.toArray().map((t=>t.id))},this.updateActivePlugins(),t.plugins.all.addListener("stateUpdate",this.updateActivePlugins))}render(){return a(i,{key:"4df38ce202b9551b38746e549824ff800ffc9fc1"},a("ul",{key:"19ad38b73ff77459cfda3227a013c2e28823386f",class:"scrollbar"},this.plugins.map((t=>a("li",{key:t.name,class:"plugin"},a("div",{class:"metadata"},a("img",{src:t.picture}),a("div",{class:"name"},t.name)),!this.activatedPluginsId.includes(t.id)&&this.canStartPlugins&&a("div",{class:"buttons"},a("rtk-button",{kind:"icon",size:"lg",onClick:()=>{t.activate(),this.close()},"aria-label":`${this.t("activate")} ${t.name}`},a("rtk-icon",{icon:this.iconPack.rocket,tabIndex:-1,"aria-hidden":!0}))),this.activatedPluginsId.includes(t.id)&&this.canClosePlugins&&a("div",{class:"buttons"},a("rtk-button",{kind:"icon",size:"lg",onClick:()=>{t.deactivate()},"aria-label":`${this.t("close")} ${t.name}`},a("rtk-icon",{icon:this.iconPack.dismiss,tabIndex:-1,"aria-hidden":!0}))))))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([l()],d.prototype,"meeting",void 0),c([l()],d.prototype,"config",void 0),c([l()],d.prototype,"iconPack",void 0),c([l()],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)}.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{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);display:block;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}ul{overflow-y:auto;padding:var(--rtk-space-0, 0px);flex-grow:1;flex-basis:0}.metadata{display:flex;align-items:center}.metadata img{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-sm, 4px)}.metadata .name{margin-left:var(--rtk-space-2, 8px);font-weight:500}.plugin{display:flex;align-items:center;justify-content:space-between;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.plugin .buttons{display:flex;align-items:center}rtk-button:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:rgb(var(--rtk-colors-background-1000, 8 8 8))}";var p=function(t,r,a,i){var s,e=arguments.length,o=e<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 l=t.length-1;l>=0;l--)(s=t[l])&&(o=(e<3?s(o):e>3?s(r,a,o):s(r,a))||o);return e>3&&o&&Object.defineProperty(r,a,o),o};const h=class{constructor(r){t(this,r),this.config=s(),this.iconPack=e,this.t=o(),this.create=!1,this.polls=[],this.onPollsUpdate=t=>{this.polls=[...t.polls]},this.onUpdatePermissions=()=>{this.permissions=this.meeting.self.permissions}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(null===(t=this.meeting.polls)||void 0===t||t.removeListener("pollsUpdate",this.onPollsUpdate),this.meeting.self.permissions.removeListener("pollsUpdate",this.onUpdatePermissions))}meetingChanged(t){t&&t.polls&&(this.permissions=this.meeting.self.permissions,this.polls=[...t.polls.items],t.polls.addListener("pollsUpdate",this.onPollsUpdate),this.meeting.self.permissions.addListener("pollsUpdate",this.onUpdatePermissions),this.onCreate=async r=>{this.create=!1,await t.polls.create(r.question,r.options,r.anonymous,r.hideVotes)},this.onVote=async(r,a)=>{await t.polls.vote(r,a)})}toggleCreateState(){this.create=!this.create}componentDidRender(){n(this.pollEl)}render(){var t,r;return a(i,{key:"f259b6fa652fe2e81c18d3a0fb85a15d0c091de3"},a("div",{key:"6cc127127307bcb1a5482a260fe7ccaf65bb1e3d",class:"ctr",part:"container"},a("div",{key:"ef9df557e4a5fb99ea2ce66172b7a889410daeea",class:"polls-view scrollbar",ref:t=>this.pollEl=t,part:"polls"},0==this.polls.length&&!0!==this.create&&a("div",{key:"0eb92f8f60ab00fb849b2d656a9d8bafb26195de",class:"empty-polls"},this.t("polls.empty")),this.polls.map((t=>{var r;return a("rtk-poll",{key:t.id,poll:t,onRtkVotePoll:t=>{this.onVote(t.detail.id,t.detail.index)},self:null===(r=this.meeting)||void 0===r?void 0:r.self.userId,iconPack:this.iconPack,t:this.t,permissions:this.permissions})})),this.create&&a("rtk-poll-form",{key:"71fc9e183684f5cafee5f0885af3d679d099a8ec",part:"poll-form",onRtkCreatePoll:t=>{this.onCreate(t.detail)},iconPack:this.iconPack,t:this.t})),(null===(r=null===(t=this.permissions)||void 0===t?void 0:t.polls)||void 0===r?void 0:r.canCreate)&&a("rtk-button",{key:"0639577353327ded0d1e7db08cbaadac47ec296c",kind:"wide",onClick:()=>this.toggleCreateState(),variant:this.create?"secondary":"primary",part:"button"},this.t(this.create?"polls.cancel":"polls.create"))))}static get watchers(){return{meeting:["meetingChanged"]}}};p([l()],h.prototype,"meeting",void 0),p([l()],h.prototype,"config",void 0),p([l()],h.prototype,"iconPack",void 0),p([l()],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{margin-top:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{box-sizing:border-box;padding:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);display:flex;flex:1 1 0%;flex-direction:column}.polls-view{overflow-y:auto;flex:1 1 0%;flex-basis:0}.empty-polls{display:flex;height:100%;width:100%;align-items:center;justify-content:center}";export{d as rtk_plugins,h as rtk_polls}
+import{r as t,d as r,h as a,a as i}from"./p-a599f720.js";import{c as s,e,i as o}from"./p-8fc79c56.js";import{S as l}from"./p-315cd380.js";import{s as n}from"./p-0752f2ba.js";var c=function(t,r,a,i){var s,e=arguments.length,o=e<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 l=t.length-1;l>=0;l--)(s=t[l])&&(o=(e<3?s(o):e>3?s(r,a,o):s(r,a))||o);return e>3&&o&&Object.defineProperty(r,a,o),o};const d=class{constructor(a){t(this,a),this.stateUpdate=r(this,"rtkStateUpdate",7),this.config=s(),this.iconPack=e,this.t=o(),this.plugins=[],this.canStartPlugins=!1,this.canClosePlugins=!1,this.activatedPluginsId=[],this.close=()=>{this.stateUpdate.emit({activeSidebar:!1,sidebar:void 0})}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.plugins.all.removeListener("stateUpdate",this.updateActivePlugins)}meetingChanged(t){null!=t&&(this.canStartPlugins=t.self.permissions.plugins.canStart,this.canClosePlugins=t.self.permissions.plugins.canClose,this.plugins=t.plugins.all.toArray().filter((r=>{var a;return!(null===(a=t.self.config.disabledPlugins)||void 0===a?void 0:a.includes(r.id))})),this.updateActivePlugins=()=>{this.activatedPluginsId=t.plugins.active.toArray().map((t=>t.id))},this.updateActivePlugins(),t.plugins.all.addListener("stateUpdate",this.updateActivePlugins))}render(){return a(i,{key:"14fa34c2c6d5ef9f1739b4b3a916ebf418b6f1e1"},a("ul",{key:"705bf03c63c0848f80874277024ec91fad2ccfa1",class:"scrollbar"},this.plugins.map((t=>a("li",{key:t.name,class:"plugin"},a("div",{class:"metadata"},a("img",{src:t.picture}),a("div",{class:"name"},t.name)),!this.activatedPluginsId.includes(t.id)&&this.canStartPlugins&&a("div",{class:"buttons"},a("rtk-button",{kind:"icon",size:"lg",onClick:()=>{t.activate(),this.close()},"aria-label":`${this.t("activate")} ${t.name}`},a("rtk-icon",{icon:this.iconPack.rocket,tabIndex:-1,"aria-hidden":!0}))),this.activatedPluginsId.includes(t.id)&&this.canClosePlugins&&a("div",{class:"buttons"},a("rtk-button",{kind:"icon",size:"lg",onClick:()=>{t.deactivate()},"aria-label":`${this.t("close")} ${t.name}`},a("rtk-icon",{icon:this.iconPack.dismiss,tabIndex:-1,"aria-hidden":!0}))))))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([l()],d.prototype,"meeting",void 0),c([l()],d.prototype,"config",void 0),c([l()],d.prototype,"iconPack",void 0),c([l()],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)}.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{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);display:block;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}ul{overflow-y:auto;padding:var(--rtk-space-0, 0px);flex-grow:1;flex-basis:0}.metadata{display:flex;align-items:center}.metadata img{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-sm, 4px)}.metadata .name{margin-left:var(--rtk-space-2, 8px);font-weight:500}.plugin{display:flex;align-items:center;justify-content:space-between;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.plugin .buttons{display:flex;align-items:center}rtk-button:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:rgb(var(--rtk-colors-background-1000, 8 8 8))}";var p=function(t,r,a,i){var s,e=arguments.length,o=e<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 l=t.length-1;l>=0;l--)(s=t[l])&&(o=(e<3?s(o):e>3?s(r,a,o):s(r,a))||o);return e>3&&o&&Object.defineProperty(r,a,o),o};const h=class{constructor(r){t(this,r),this.config=s(),this.iconPack=e,this.t=o(),this.create=!1,this.polls=[],this.onPollsUpdate=t=>{this.polls=[...t.polls]},this.onUpdatePermissions=()=>{this.permissions=this.meeting.self.permissions}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(null===(t=this.meeting.polls)||void 0===t||t.removeListener("pollsUpdate",this.onPollsUpdate),this.meeting.self.permissions.removeListener("pollsUpdate",this.onUpdatePermissions))}meetingChanged(t){t&&t.polls&&(this.permissions=this.meeting.self.permissions,this.polls=[...t.polls.items],t.polls.addListener("pollsUpdate",this.onPollsUpdate),this.meeting.self.permissions.addListener("pollsUpdate",this.onUpdatePermissions),this.onCreate=async r=>{this.create=!1,await t.polls.create(r.question,r.options,r.anonymous,r.hideVotes)},this.onVote=async(r,a)=>{await t.polls.vote(r,a)})}toggleCreateState(){this.create=!this.create}componentDidRender(){n(this.pollEl)}render(){var t,r;return a(i,{key:"0e868573a28a637e9df91a0c2e10bc1a73da2848"},a("div",{key:"63cf282074f7c9eb248c4a645f6798001379907b",class:"ctr",part:"container"},a("div",{key:"3237128bcbff4b513970e9832f26326a8be1cf56",class:"polls-view scrollbar",ref:t=>this.pollEl=t,part:"polls"},0==this.polls.length&&!0!==this.create&&a("div",{key:"12b3c463d0f63f0a62ab33f17c0f18bb44fa0408",class:"empty-polls"},this.t("polls.empty")),this.polls.map((t=>{var r;return a("rtk-poll",{key:t.id,poll:t,onRtkVotePoll:t=>{this.onVote(t.detail.id,t.detail.index)},self:null===(r=this.meeting)||void 0===r?void 0:r.self.userId,iconPack:this.iconPack,t:this.t,permissions:this.permissions})})),this.create&&a("rtk-poll-form",{key:"fb8b90bb86654aa8742ced745f88e5fbdc9282bf",part:"poll-form",onRtkCreatePoll:t=>{this.onCreate(t.detail)},iconPack:this.iconPack,t:this.t})),(null===(r=null===(t=this.permissions)||void 0===t?void 0:t.polls)||void 0===r?void 0:r.canCreate)&&a("rtk-button",{key:"7fffe35088db7620b4301145c6efa2f6da05153c",kind:"wide",onClick:()=>this.toggleCreateState(),variant:this.create?"secondary":"primary",part:"button"},this.t(this.create?"polls.cancel":"polls.create"))))}static get watchers(){return{meeting:["meetingChanged"]}}};p([l()],h.prototype,"meeting",void 0),p([l()],h.prototype,"config",void 0),p([l()],h.prototype,"iconPack",void 0),p([l()],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{margin-top:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{box-sizing:border-box;padding:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);display:flex;flex:1 1 0%;flex-direction:column}.polls-view{overflow-y:auto;flex:1 1 0%;flex-basis:0}.empty-polls{display:flex;height:100%;width:100%;align-items:center;justify-content:center}";export{d as rtk_plugins,h as rtk_polls}

package/dist/realtimekit-ui/{p-4b33b435.entry.js → p-d3d4e6de.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as n,i as a}from"./p-25c4d10f.js";import{i as r,r as o,e as c,a as h}from"./p-02f19345.js";import{S as l}from"./p-9b550ec4.js";var f=function(t,i,s,e){var n,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 o=t.length-1;o>=0;o--)(n=t[o])&&(r=(a<3?n(r):a>3?n(i,s,r):n(i,s))||r);return a>3&&r&&Object.defineProperty(i,s,r),r};const d=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=n,this.t=a(),this.fullScreenActive=!1,this.isFullScreenSupported=!0,this.onFullScreenchange=()=>{this.fullScreenActive=r()},this.toggleFullScreen=()=>{let t=this.targetElement||document.querySelector("rtk-meeting");t&&(this.fullScreenActive?(c(),this.fullScreenActive=!1):(o(t),this.fullScreenActive=!0),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){this.isFullScreenSupported=h(),this.onFullScreenchange(),window.addEventListener("webkitfullscreenchange",this.onFullScreenchange),window.addEventListener("fullscreenchange",this.onFullScreenchange)}disconnectedCallback(){window.removeEventListener("webkitfullscreenchange",this.onFullScreenchange),window.removeEventListener("fullscreenchange",this.onFullScreenchange)}render(){return this.isFullScreenSupported?s(e,{title:this.t("full_screen")},s("rtk-controlbar-button",{size:this.size,iconPack:this.iconPack,onClick:this.toggleFullScreen,icon:this.fullScreenActive?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize,label:this.t(this.fullScreenActive?"full_screen.exit":"full_screen"),variant:this.variant})):s(e,{"data-hidden":!0})}};f([l()],d.prototype,"states",void 0),f([l()],d.prototype,"iconPack",void 0),f([l()],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:block}:host([data-hidden]){display:none}";export{d as rtk_fullscreen_toggle}
+import{r as t,d as i,h as s,a as e}from"./p-a599f720.js";import{e as n,i as a}from"./p-8fc79c56.js";import{i as r,r as o,e as c,a as h}from"./p-02f19345.js";import{S as l}from"./p-315cd380.js";var f=function(t,i,s,e){var n,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 o=t.length-1;o>=0;o--)(n=t[o])&&(r=(a<3?n(r):a>3?n(i,s,r):n(i,s))||r);return a>3&&r&&Object.defineProperty(i,s,r),r};const d=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=n,this.t=a(),this.fullScreenActive=!1,this.isFullScreenSupported=!0,this.onFullScreenchange=()=>{this.fullScreenActive=r()},this.toggleFullScreen=()=>{let t=this.targetElement||document.querySelector("rtk-meeting");t&&(this.fullScreenActive?(c(),this.fullScreenActive=!1):(o(t),this.fullScreenActive=!0),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){this.isFullScreenSupported=h(),this.onFullScreenchange(),window.addEventListener("webkitfullscreenchange",this.onFullScreenchange),window.addEventListener("fullscreenchange",this.onFullScreenchange)}disconnectedCallback(){window.removeEventListener("webkitfullscreenchange",this.onFullScreenchange),window.removeEventListener("fullscreenchange",this.onFullScreenchange)}render(){return this.isFullScreenSupported?s(e,{title:this.t("full_screen")},s("rtk-controlbar-button",{size:this.size,iconPack:this.iconPack,onClick:this.toggleFullScreen,icon:this.fullScreenActive?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize,label:this.t(this.fullScreenActive?"full_screen.exit":"full_screen"),variant:this.variant})):s(e,{"data-hidden":!0})}};f([l()],d.prototype,"states",void 0),f([l()],d.prototype,"iconPack",void 0),f([l()],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:block}:host([data-hidden]){display:none}";export{d as rtk_fullscreen_toggle}

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

@@ -0,0 +1 @@
+import{r as t,d as i,h as o,a as r}from"./p-a599f720.js";import{c as s,e as a,i as e}from"./p-8fc79c56.js";import{S as n}from"./p-315cd380.js";var c=function(t,i,o,r){var s,a=arguments.length,e=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(e=(a<3?s(e):a>3?s(i,o,e):s(i,o))||e);return a>3&&e&&Object.defineProperty(i,o,e),e};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=a,this.t=e(),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);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-d5af89d0.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,a as t,d as i}from"./p-a599f720.js";import{C as c}from"./p-4ec77793.js";import{s,h as d}from"./p-6f211c3e.js";import{e as f,i as o}from"./p-8fc79c56.js";import{g as r,a as b,d as n}from"./p-40be18ee.js";import{S as l}from"./p-315cd380.js";import{T as h}from"./p-77e5605f.js";import"./p-382270d8.js";import"./p-b5e5e206.js";var k=function(e,a,t,i){var c,s=arguments.length,d=s<3?a:null===i?i=Object.getOwnPropertyDescriptor(a,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,a,t,i);else for(var f=e.length-1;f>=0;f--)(c=e[f])&&(d=(s<3?c(d):s>3?c(a,t,d):c(a,t))||d);return s>3&&d&&Object.defineProperty(a,t,d),d};const m=class{constructor(a){e(this,a),this.now=new Date,this.isContinued=!1,this.iconPack=f,this.t=o(),this.showBubble=!1}render(){const e=s(this.message.link);return a(t,{key:"76c8da9d878e7c1fb3b8ffa315237cd913338276"},!this.isContinued&&a(c,{key:"efd7339f8335d7da577f61caa61642fe48f5a412",name:this.message.displayName,time:this.message.time,now:this.now}),a("div",{key:"53947f39384592b44f42199a3c8eb2f4d90adafd",class:{body:!0,bubble:this.showBubble},part:"body"},a("div",{key:"1a09d5b047cfa88912e8fada39a5cf8b0e138736",class:"file"},a("div",{key:"fc6a30c8ddb0f8ac895de7ffad4bc4c455a59dfa",class:"file-data"},a("div",{key:"4ad8fa217942ca3f61faea3ed4de9fd0f158bbb1",class:"name"},this.message.name),a("div",{key:"d4adc2dd11b6be4ce508ac50eea67e8d500f1929",class:"file-data-split"},a("div",{key:"cca022a6825fbafa4c257ac9f32f4d25f2eece2b",class:"ext"},r(this.message.name)),a("span",{key:"62917b4cb5371045f8fcee541c2cc872038a90f9",class:"divider"}),a("div",{key:"9cae7724db8096dfa64f2f2e70915fddd0b1fb43",class:"size"},b(this.message.size)))),a("rtk-button",{key:"d2645e34ed2f984fa0403820c47329fa82ae4d58",variant:"secondary",kind:"icon",onClick:()=>n(e,{name:this.message.name,fallbackName:"file"}),part:"button"},a("rtk-icon",{key:"5650ea4473efec76a2e8942fa32be671ac143fb7",icon:this.iconPack.download})))))}};k([l()],m.prototype,"iconPack",void 0),k([l()],m.prototype,"t",void 0);var y=function(e,a,t,i){var c,s=arguments.length,d=s<3?a:null===i?i=Object.getOwnPropertyDescriptor(a,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,a,t,i);else for(var f=e.length-1;f>=0;f--)(c=e[f])&&(d=(s<3?c(d):s>3?c(a,t,d):c(a,t))||d);return s>3&&d&&Object.defineProperty(a,t,d),d};const p=class{constructor(a){e(this,a),this.stateUpdate=i(this,"rtkStateUpdate",7),this.now=new Date,this.isContinued=!1,this.iconPack=f,this.t=o(),this.showBubble=!1,this.status="loading"}render(){return a(t,{key:"0fd97958347fefb4a1666e1d676726d13220e5b3"},!this.isContinued&&a(c,{key:"8a629fe3782724a0c82c57850ee36ede941d83d7",name:this.message.displayName,time:this.message.time,now:this.now}),a("div",{key:"8e132ad25a04ddb4abb167b6b0e9863670baefac",class:{body:!0,bubble:this.showBubble},part:"body"},a("div",{key:"19cf2331068bc84218b2b7153c49ff1af2dedca8",class:{image:!0,loaded:"loaded"===this.status}},a("img",{key:"86e08153c32cb6f78d8477fc1abdb5b8f4cd0ed0",src:s(this.message.link),onLoad:()=>{this.status="loaded"},onError:()=>{this.status="errored"},onClick:()=>{"loaded"===this.status&&this.stateUpdate.emit({image:this.message})}}),"loading"===this.status&&a("div",{key:"367b76997445b7df0226aaa063b884c764a6ba63",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},a("rtk-spinner",{key:"704b81940f6f49cb79d2a5976a2714039358e007",iconPack:this.iconPack})),"errored"===this.status&&a("div",{key:"eb9a5b3593051905c3b4b345c810b318da1cb7cf",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},a("rtk-icon",{key:"73dfa63e1a253eac3dc75e598341335f63abb855",icon:this.iconPack.image_off})),"loaded"===this.status&&a("div",{key:"48444ac8542f8e3b5ed81c93c1b1b1f0b2cac39b",class:"actions"},a("rtk-button",{key:"2982aed5152442362a22f873cc7070b60462f7e4",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.stateUpdate.emit({image:this.message})}},a("rtk-icon",{key:"c8dbeac2a347245f21eef52f0c42772e48741f93",icon:this.iconPack.full_screen_maximize})),a("rtk-button",{key:"cfc3845ea0ae2373bb5a92d897d926797713cbf0",class:"action",variant:"secondary",kind:"icon",onClick:()=>n(this.message.link,{fallbackName:"image"})},a("rtk-icon",{key:"56a6109c8ba88160ef75f8c13923ab12a4764e0e",icon:this.iconPack.download}))))))}};y([l()],p.prototype,"iconPack",void 0),y([l()],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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";var v=function(e,a,t,i){var c,s=arguments.length,d=s<3?a:null===i?i=Object.getOwnPropertyDescriptor(a,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,a,t,i);else for(var f=e.length-1;f>=0;f--)(c=e[f])&&(d=(s<3?c(d):s>3?c(a,t,d):c(a,t))||d);return s>3&&d&&Object.defineProperty(a,t,d),d};const u=class{constructor(a){e(this,a),this.now=new Date,this.isContinued=!1,this.iconPack=f,this.t=o(),this.showBubble=!1}render(){return a(t,{key:"a34dd007a87a134202e153f3d886102bbe6a685c"},!this.isContinued&&a(c,{key:"8505cee0d359b7449776ece2bbd7455811217a41",name:this.message.displayName,time:this.message.time,now:this.now}),a("div",{key:"00b2baca454b62e4984e82790580bac116a046a0",class:{body:!0,bubble:this.showBubble},part:"body"},a("div",{key:"ecc8de946011c9836cebfd626a27cb23f111d0cc",class:{text:!0,emoji:d(this.message.message)}},a(h,{key:"1efad576e6110986cb2abac7ff2c42b492c995aa",message:this.message.message}))))}};v([l()],u.prototype,"iconPack",void 0),v([l()],u.prototype,"t",void 0);export{m as rtk_file_message,p as rtk_image_message,u as rtk_text_message}

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

@@ -0,0 +1 @@
+import{o as r,p as t,k as n,L as i}from"./p-8fc79c56.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 m(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 m="function"==typeof i.valueOf?i.valueOf():i;i=n(m)?m+"":m}if("string"!=typeof i)return 0===i?i:+i;var p;i=(p=i)?p.slice(0,function(r){for(var t=r.length;t--&&e.test(r.charAt(t)););return t}(p)+1).replace(u,""):p;var d=c.test(i);return d||v.test(i)?s(i.slice(2),d?2:8):a.test(i)?f:+i}const p=function(){return i.Date.now()};var d=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=p();if(h(r))return $(r);a=setTimeout(x,function(r){var n=t-(r-c);return T?y(n,u-(r-v)):n}(r))}function $(r){return a=void 0,b&&o?l(r):(o=e=void 0,f)}function g(){var r=p(),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=m(t)||0,n(i)&&(s=!!i.leading,u=(T="maxWait"in i)?d(m(i.maxWait)||0,t):u,b="trailing"in i?!!i.trailing:b),g.cancel=function(){void 0!==a&&clearTimeout(a),v=0,o=c=e=a=void 0},g.flush=function(){return void 0===a?f:$(p())},g}export{T as d}

package/dist/realtimekit-ui/{p-d3e520e5.js → p-ddcb6b8b.js}

@@ -1 +1 @@
-import{c as t,F as e}from"./p-25c4d10f.js";import{d as r,i}from"./p-cd0c5440.js";const a=(e,i=t())=>{let a=Object.assign({},i);return r(a,e),a},o=(t,r,o={},l={grid_pagination:!0,settings_toggle:!0})=>{var n,d,g,s,c,v,k,p,m,u,h,b,f,x,y,S,w,I;const O={showSetupScreen:!0};let _,M=["rtk-stage"],j={},T={};const A=!1!==(null==l?void 0:l.settings_toggle),R=!1!==(null==l?void 0:l.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){M.push("rtk-controlbar");const{elements:i}=t.controlBar,a=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],...A?["rtk-settings-toggle"]:[]],o=[],l=[];(null===(d=r.participants.pip)||void 0===d?void 0:d.isSupported())&&(null===(s=null===(g=r.self)||void 0===g?void 0:g.config)||void 0===s?void 0:s.pipMode)&&"LIVESTREAM"!==(null===(c=r.self.config)||void 0===c?void 0:c.viewType)&&l.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&l.push("rtk-mute-all-button"),l.push("rtk-breakout-rooms-toggle"),(null===(v=r.self)||void 0===v?void 0:v.permissions.canRecord)&&l.push("rtk-recording-toggle"),null!==(k=r.self.permissions.transcriptionEnabled)&&void 0!==k&&k&&l.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&l.push("rtk-debugger-toggle"),e(r)&&a.push("rtk-livestream-toggle"),i.screenshare&&a.push("rtk-screen-share-toggle"),i.chat&&o.push("rtk-chat-toggle"),i.polls&&o.push("rtk-polls-toggle"),i.participants&&o.push("rtk-participants-toggle"),i.plugins&&o.push("rtk-plugins-toggle"),o.push("rtk-ai-toggle");const n=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];l.length>0&&n.push("rtk-more-toggle");const p=a.concat(o).concat(l);let m=!1;p.length>0&&(m=!0),T={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":a,"div#controlbar-center":n,"div#controlbar-right":o,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":l.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",m&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(p=t.header)||void 0===p?void 0:p.isEnabled){M.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],a=[];R&&a.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(_=e.logo,r.unshift("rtk-logo")),e.participantCount&&a.push("rtk-participant-count","rtk-viewer-count"),e.timer&&a.push("rtk-clock"),j={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":a,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}M.push("rtk-participants-audio","rtk-dialog-manager");let C={logo:_};C=t.designTokens,i(null===(u=null===(m=null==t?void 0:t.designTokens)||void 0===m?void 0:m.colors)||void 0===u?void 0:u.textOnBrand)&&(C.colors["text-on-brand"]=null===(b=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===b?void 0:b.textOnBrand),i(null===(x=null===(f=null==t?void 0:t.designTokens)||void 0===f?void 0:f.colors)||void 0===x?void 0:x.videoBg)&&(C.colors["video-bg"]=null===(S=null===(y=null==t?void 0:t.designTokens)||void 0===y?void 0:y.colors)||void 0===S?void 0:S.videoBg);let z={designTokens:C,styles:{"rtk-header":{display:"grid",height:"48px",gridTemplateColumns:"repeat(3, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-2, 8px)"},"rtk-header.sm":{display:"grid",gridArea:"header",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-1, 4px)"},"div#header-left":{display:"flex",alignItems:"center",height:"48px",wordBreak:"break-all",gap:"var(--header-section-gap)"},"rtk-logo":{height:"26px"},"div#header-center":{display:"flex",alignItems:"center",justifyContent:"center",wordBreak:"break-all",gap:"var(--header-section-gap)",paddingInline:"var(--rtk-space-3, 12px)"},"div#header-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--header-section-gap)"},"rtk-stage":{display:"flex",flex:"1"},"rtk-grid":{flex:"1",height:"auto"},"rtk-controlbar":{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"1fr",alignItems:"center",padding:"8px"},"rtk-controlbar.sm":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"rtk-controlbar.md":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"div#controlbar-left":{display:"flex",alignItems:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-center":{display:"flex",alignItems:"center",position:"relative",overflow:"visible",justifyContent:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-mobile":{display:"flex",flex:"1",alignItems:"center",justifyContent:"center",zIndex:"10000",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--rtk-space-1, 4px)"},"rtk-settings":{width:"720px",height:"480px"},"rtk-debugger":{width:"720px",height:"480px"},"div#setupcontrols-indicator":{position:"absolute",bottom:"12px",left:"12px",display:"flex",gap:"6px",background:"rgb(var(--rtk-colors-background-800, 0 0 0))",borderRadius:"100%"},"div#setupcontrols-media":{position:"absolute",bottom:"8px",right:"8px",display:"flex",gap:"6px"},"div#setupcontrols-settings":{position:"absolute",top:"8px",right:"8px",display:"flex",flexDirection:"column",gap:"6px"},"rtk-meeting-title.sm":{marginLeft:"0"},"rtk-clock":{marginRight:"0"}},root:Object.assign(Object.assign(Object.assign({"rtk-meeting":{state:"meeting",states:["activeSidebar","activeAI"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":M,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.sm":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.md":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},j),T),{"rtk-stage":{states:["activeSidebar","activeAI"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"rtk-stage.activeAI":{add:[["rtk-ai",{view:"sidebar"}]]},"rtk-stage.activeAI.sm":{remove:["rtk-ai"]},"rtk-grid":{states:["activeScreenShare","activePlugin","activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenshare":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-grid.activeScreenShare":["rtk-mixed-grid"],"rtk-grid.activePlugin":["rtk-mixed-grid"],"rtk-grid.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-mixed-grid":{states:["activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-mixed-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-mixed-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-participant-tile":{state:"meeting",children:["rtk-name-tag","rtk-avatar","rtk-network-indicator"]},"rtk-participant-setup":["rtk-avatar","div#setupcontrols-media"],"rtk-participant-tile[meeting=setup]":["rtk-avatar","div#setupcontrols-indicator","div#setupcontrols-media",...A?["div#setupcontrols-settings"]:[]],"div#setupcontrols-indicator":[["rtk-audio-visualizer",{slot:"start",hideMuted:!0}]],"div#setupcontrols-media":[["rtk-mic-toggle",{size:"sm"}],["rtk-camera-toggle",{size:"sm"}]],"div#setupcontrols-settings":[["rtk-settings-toggle",{size:"sm"}]],"rtk-screenshare-view":["rtk-name-tag","rtk-network-indicator"],"rtk-name-tag":[["rtk-audio-visualizer",{slot:"start"}]]}),config:{notification_sounds:{participant_left:!1},participant_joined_sound_notification_limit:3,participant_chat_message_sound_notification_limit:10,videoFit:"cover"}};return z=a(o,z),O.showSetupScreen=null===(I=null===(w=t.setupScreen)||void 0===w?void 0:w.isEnabled)||void 0===I||I,{config:z,data:O}};export{a as e,o as g}
+import{c as t,F as e}from"./p-8fc79c56.js";import{d as r,i}from"./p-f6fdb3c3.js";const a=(e,i=t())=>{let a=Object.assign({},i);return r(a,e),a},o=(t,r,o={},l={grid_pagination:!0,settings_toggle:!0})=>{var n,d,g,s,c,v,k,p,m,u,h,b,f,x,y,S,w,I;const O={showSetupScreen:!0};let _,M=["rtk-stage"],j={},T={};const A=!1!==(null==l?void 0:l.settings_toggle),R=!1!==(null==l?void 0:l.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){M.push("rtk-controlbar");const{elements:i}=t.controlBar,a=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],...A?["rtk-settings-toggle"]:[]],o=[],l=[];(null===(d=r.participants.pip)||void 0===d?void 0:d.isSupported())&&(null===(s=null===(g=r.self)||void 0===g?void 0:g.config)||void 0===s?void 0:s.pipMode)&&"LIVESTREAM"!==(null===(c=r.self.config)||void 0===c?void 0:c.viewType)&&l.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&l.push("rtk-mute-all-button"),l.push("rtk-breakout-rooms-toggle"),(null===(v=r.self)||void 0===v?void 0:v.permissions.canRecord)&&l.push("rtk-recording-toggle"),null!==(k=r.self.permissions.transcriptionEnabled)&&void 0!==k&&k&&l.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&l.push("rtk-debugger-toggle"),e(r)&&a.push("rtk-livestream-toggle"),i.screenshare&&a.push("rtk-screen-share-toggle"),i.chat&&o.push("rtk-chat-toggle"),i.polls&&o.push("rtk-polls-toggle"),i.participants&&o.push("rtk-participants-toggle"),i.plugins&&o.push("rtk-plugins-toggle"),o.push("rtk-ai-toggle");const n=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];l.length>0&&n.push("rtk-more-toggle");const p=a.concat(o).concat(l);let m=!1;p.length>0&&(m=!0),T={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":a,"div#controlbar-center":n,"div#controlbar-right":o,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":l.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",m&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(p=t.header)||void 0===p?void 0:p.isEnabled){M.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],a=[];R&&a.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(_=e.logo,r.unshift("rtk-logo")),e.participantCount&&a.push("rtk-participant-count","rtk-viewer-count"),e.timer&&a.push("rtk-clock"),j={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":a,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}M.push("rtk-participants-audio","rtk-dialog-manager");let C={logo:_};C=t.designTokens,i(null===(u=null===(m=null==t?void 0:t.designTokens)||void 0===m?void 0:m.colors)||void 0===u?void 0:u.textOnBrand)&&(C.colors["text-on-brand"]=null===(b=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===b?void 0:b.textOnBrand),i(null===(x=null===(f=null==t?void 0:t.designTokens)||void 0===f?void 0:f.colors)||void 0===x?void 0:x.videoBg)&&(C.colors["video-bg"]=null===(S=null===(y=null==t?void 0:t.designTokens)||void 0===y?void 0:y.colors)||void 0===S?void 0:S.videoBg);let z={designTokens:C,styles:{"rtk-header":{display:"grid",height:"48px",gridTemplateColumns:"repeat(3, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-2, 8px)"},"rtk-header.sm":{display:"grid",gridArea:"header",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-1, 4px)"},"div#header-left":{display:"flex",alignItems:"center",height:"48px",wordBreak:"break-all",gap:"var(--header-section-gap)"},"rtk-logo":{height:"26px"},"div#header-center":{display:"flex",alignItems:"center",justifyContent:"center",wordBreak:"break-all",gap:"var(--header-section-gap)",paddingInline:"var(--rtk-space-3, 12px)"},"div#header-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--header-section-gap)"},"rtk-stage":{display:"flex",flex:"1"},"rtk-grid":{flex:"1",height:"auto"},"rtk-controlbar":{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"1fr",alignItems:"center",padding:"8px"},"rtk-controlbar.sm":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"rtk-controlbar.md":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"div#controlbar-left":{display:"flex",alignItems:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-center":{display:"flex",alignItems:"center",position:"relative",overflow:"visible",justifyContent:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-mobile":{display:"flex",flex:"1",alignItems:"center",justifyContent:"center",zIndex:"10000",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--rtk-space-1, 4px)"},"rtk-settings":{width:"720px",height:"480px"},"rtk-debugger":{width:"720px",height:"480px"},"div#setupcontrols-indicator":{position:"absolute",bottom:"12px",left:"12px",display:"flex",gap:"6px",background:"rgb(var(--rtk-colors-background-800, 0 0 0))",borderRadius:"100%"},"div#setupcontrols-media":{position:"absolute",bottom:"8px",right:"8px",display:"flex",gap:"6px"},"div#setupcontrols-settings":{position:"absolute",top:"8px",right:"8px",display:"flex",flexDirection:"column",gap:"6px"},"rtk-meeting-title.sm":{marginLeft:"0"},"rtk-clock":{marginRight:"0"}},root:Object.assign(Object.assign(Object.assign({"rtk-meeting":{state:"meeting",states:["activeSidebar","activeAI"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":M,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.sm":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.md":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},j),T),{"rtk-stage":{states:["activeSidebar","activeAI"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"rtk-stage.activeAI":{add:[["rtk-ai",{view:"sidebar"}]]},"rtk-stage.activeAI.sm":{remove:["rtk-ai"]},"rtk-grid":{states:["activeScreenShare","activePlugin","activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenshare":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-grid.activeScreenShare":["rtk-mixed-grid"],"rtk-grid.activePlugin":["rtk-mixed-grid"],"rtk-grid.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-mixed-grid":{states:["activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-mixed-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-mixed-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-participant-tile":{state:"meeting",children:["rtk-name-tag","rtk-avatar","rtk-network-indicator"]},"rtk-participant-setup":["rtk-avatar","div#setupcontrols-media"],"rtk-participant-tile[meeting=setup]":["rtk-avatar","div#setupcontrols-indicator","div#setupcontrols-media",...A?["div#setupcontrols-settings"]:[]],"div#setupcontrols-indicator":[["rtk-audio-visualizer",{slot:"start",hideMuted:!0}]],"div#setupcontrols-media":[["rtk-mic-toggle",{size:"sm"}],["rtk-camera-toggle",{size:"sm"}]],"div#setupcontrols-settings":[["rtk-settings-toggle",{size:"sm"}]],"rtk-screenshare-view":["rtk-name-tag","rtk-network-indicator"],"rtk-name-tag":[["rtk-audio-visualizer",{slot:"start"}]]}),config:{notification_sounds:{participant_left:!1},participant_joined_sound_notification_limit:3,participant_chat_message_sound_notification_limit:10,videoFit:"cover"}};return z=a(o,z),O.showSetupScreen=null===(I=null===(w=t.setupScreen)||void 0===w?void 0:w.isEnabled)||void 0===I||I,{config:z,data:O}};export{a as e,o as g}