@cloudflare/realtimekit-ui 1.2.1-staging.2 → 1.2.1-staging.4

package/dist/realtimekit-ui/p-ced9130e.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-efad3c75.js";import{g as b,a as r,d as n}from"./p-40be18ee.js";import{S as l}from"./p-1b41ba11.js";import{T as h}from"./p-53c0ddc5.js";import"./p-382270d8.js";import"./p-e4e7a8da.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:"b10da5fd1c4c6d80a1e5bf5f35f4956abde0ed5d"},!this.isContinued&&a(c,{key:"fb1384ad8bfc73219b28c4500f78e6c6421ee848",name:this.message.displayName,time:this.message.time,now:this.now}),a("div",{key:"81a067a5567ad160e4398a6f16b21309f81a0c9b",class:{body:!0,bubble:this.showBubble},part:"body"},a("div",{key:"c6eb4b26b0090b7f9fd6af9e79d04c8b4e76a6d1",class:"file"},a("div",{key:"10e9b854fa0c1f311bb1bc76c90223220c9a10f3",class:"file-data"},a("div",{key:"ace6eeb050ad6c656cd215456b69f8b6e9529aec",class:"name"},this.message.name),a("div",{key:"562de08ebd242e92aeca1fae0aa4823612a60c1c",class:"file-data-split"},a("div",{key:"968eee3032f98a59da43c0b4604dc597c4bfd94c",class:"ext"},b(this.message.name)),a("span",{key:"2cb436ffed86b9c3a73ff5feab9d3ec7c8e0ef3b",class:"divider"}),a("div",{key:"9cc1d37edf60fbd3d3538512539a79244ffd74de",class:"size"},r(this.message.size)))),a("rtk-button",{key:"e4eb744391b8fe61bd4d58e3ac3d7d10ee748976",variant:"secondary",kind:"icon",onClick:()=>n(e,{name:this.message.name,fallbackName:"file"}),part:"button"},a("rtk-icon",{key:"79efeb36257d970f243d1730d0ac4ad84bc6993d",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:"8ac3f237a8d77254219f8b5763dd6b53d2cb764b"},!this.isContinued&&a(c,{key:"6eb17e16b4fd4e12d3b8a7ce8a5bcfd548930a50",name:this.message.displayName,time:this.message.time,now:this.now}),a("div",{key:"d5cce1675057a0378425452898fcbc4c738b7bb2",class:{body:!0,bubble:this.showBubble},part:"body"},a("div",{key:"45f073d8268c92aee4fec8b139fd325e668dab76",class:{image:!0,loaded:"loaded"===this.status}},a("img",{key:"28a206e34b791205e042233ee7f317f389f421da",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:"b7862bff3f6c9df7042bdab2f6b0370e7c362f02",class:"image-spinner",title:this.t("chat.img.loading"),"aria-label":this.t("chat.img.loading")},a("rtk-spinner",{key:"460074eae700cd3f522019f967ba5955b9eb972e",iconPack:this.iconPack})),"errored"===this.status&&a("div",{key:"bdf48c8fdc5057d2c77d10b64d7af5576f478556",class:"image-errored",title:this.t("chat.error.img_not_found"),"aria-label":this.t("chat.error.img_not_found")},a("rtk-icon",{key:"523e5ff6dd4579082e5953346155df9b7b23862f",icon:this.iconPack.image_off})),"loaded"===this.status&&a("div",{key:"89e3679101615838ec6a0f521b98386454d25197",class:"actions"},a("rtk-button",{key:"ccaed0a3d70945d66e7b700e01bbc5289421f8ae",class:"action",variant:"secondary",kind:"icon",onClick:()=>{this.stateUpdate.emit({image:this.message})}},a("rtk-icon",{key:"ee20f5497dbb38590de65c4a404eda90b0d5c4e5",icon:this.iconPack.full_screen_maximize})),a("rtk-button",{key:"181d39cfd837e45d3da1aa0fa0f97226c50cb46a",class:"action",variant:"secondary",kind:"icon",onClick:()=>n(this.message.link,{fallbackName:"image"})},a("rtk-icon",{key:"53c7e551ec4a2efb32d60d16eb2a4a02144abf4f",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-79b8a0cd.entry.js → p-d0430abf.entry.js}

@@ -1 +1 @@
-import{r as i,d as t,h as s,a as o}from"./p-a599f720.js";import{e,i as a}from"./p-13cebc8f.js";import{S as l}from"./p-47979011.js";var n=function(i,t,s,o){var e,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,s,o);else for(var n=i.length-1;n>=0;n--)(e=i[n])&&(l=(a<3?e(l):a>3?e(t,s,l):e(t,s))||l);return a>3&&l&&Object.defineProperty(t,s,l),l};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.audioUpdateListener=({audioEnabled:i})=>{this.audioEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"audio"===i&&(this.micPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.audio)&&(this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio)},this.variant="button",this.iconPack=e,this.t=a(),this.audioEnabled=!1,this.canProduceAudio=!1,this.micPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleMic=()=>{var i,t,s,o,e,a,l,n,d,h,r,u;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkMicToggle::toggleMic",{media:{audio:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.audioEnabled),permission:this.micPermission,canProduce:null===(a=null===(e=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===e?void 0:e.permissions)||void 0===a?void 0:a.canProduceAudio}},webinar:{stageStatus:null===(n=null===(l=this.meeting)||void 0===l?void 0:l.stage)||void 0===n?void 0:n.status},livestream:{stageStatus:null===(h=null===(d=this.meeting)||void 0===d?void 0:d.stage)||void 0===h?void 0:h.status},moduleExists:{self:Boolean(null===(r=this.meeting)||void 0===r?void 0:r.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"audio"}}),!1;const c=null===(u=this.meeting)||void 0===u?void 0:u.self;null!=c&&this.canProduceAudio&&(c.audioEnabled?c.disableAudio():c.enableAudio())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,o,e,a,l;null===(i=this.meeting)||void 0===i||i.self.removeListener("audioUpdate",this.audioUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(o=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===o||o.removeListener("stageStatusUpdate",this.stageStatusListener),null===(l=null===(a=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===l||l.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:o,stage:e}=i;this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio,this.micPermission=i.self.mediaPermissions.audio||"NOT_REQUESTED",this.audioEnabled=o.audioEnabled,this.stageStatus=i.stage.status,o.addListener("audioUpdate",this.audioUpdateListener),o.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==e||e.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.micPermission||"SYSTEM_DENIED"===this.micPermission}getState(){let i="",t="",s="",o={},e=this.hasPermissionError(),a="COULD_NOT_START"===this.micPermission;return this.audioEnabled&&!e?(t=this.t("mic_on"),s=this.iconPack.mic_on):(t=this.t("mic_off"),s=this.iconPack.mic_off,o["red-icon"]=!0),i=this.t(a?"perm_could_not_start.audio":"SYSTEM_DENIED"===this.micPermission?"perm_sys_denied.audio":"DENIED"===this.micPermission?"perm_denied.audio":this.audioEnabled?"disable_mic":"enable_mic"),{tooltipLabel:i,label:t,icon:s,classList:o,showWarning:e||a,disable:e}}render(){if(!this.meeting)return null;if(!this.canProduceAudio||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(o,{"data-hidden":!0});const{tooltipLabel:i,label:t,icon:e,classList:a,showWarning:l,disable:n}=this.getState();return s(o,{title:t},s("rtk-tooltip",{kind:"block",label:i,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",icon:e,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,class:a,onClick:this.toggleMic,showWarning:l,disabled:n})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([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}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{d as rtk_mic_toggle}
+import{r as i,d as t,h as s,a as o}from"./p-a599f720.js";import{e,i as a}from"./p-efad3c75.js";import{S as l}from"./p-1b41ba11.js";var n=function(i,t,s,o){var e,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,s,o);else for(var n=i.length-1;n>=0;n--)(e=i[n])&&(l=(a<3?e(l):a>3?e(t,s,l):e(t,s))||l);return a>3&&l&&Object.defineProperty(t,s,l),l};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.audioUpdateListener=({audioEnabled:i})=>{this.audioEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"audio"===i&&(this.micPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.audio)&&(this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio)},this.variant="button",this.iconPack=e,this.t=a(),this.audioEnabled=!1,this.canProduceAudio=!1,this.micPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleMic=()=>{var i,t,s,o,e,a,l,n,d,h,r,u;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkMicToggle::toggleMic",{media:{audio:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.audioEnabled),permission:this.micPermission,canProduce:null===(a=null===(e=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===e?void 0:e.permissions)||void 0===a?void 0:a.canProduceAudio}},webinar:{stageStatus:null===(n=null===(l=this.meeting)||void 0===l?void 0:l.stage)||void 0===n?void 0:n.status},livestream:{stageStatus:null===(h=null===(d=this.meeting)||void 0===d?void 0:d.stage)||void 0===h?void 0:h.status},moduleExists:{self:Boolean(null===(r=this.meeting)||void 0===r?void 0:r.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"audio"}}),!1;const v=null===(u=this.meeting)||void 0===u?void 0:u.self;null!=v&&this.canProduceAudio&&(v.audioEnabled?v.disableAudio():v.enableAudio())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,o,e,a,l;null===(i=this.meeting)||void 0===i||i.self.removeListener("audioUpdate",this.audioUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(o=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===o||o.removeListener("stageStatusUpdate",this.stageStatusListener),null===(l=null===(a=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===l||l.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:o,stage:e}=i;this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio,this.micPermission=i.self.mediaPermissions.audio||"NOT_REQUESTED",this.audioEnabled=o.audioEnabled,this.stageStatus=i.stage.status,o.addListener("audioUpdate",this.audioUpdateListener),o.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==e||e.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.micPermission||"SYSTEM_DENIED"===this.micPermission}getState(){let i="",t="",s="",o={},e=this.hasPermissionError(),a="COULD_NOT_START"===this.micPermission;return this.audioEnabled&&!e?(t=this.t("mic_on"),s=this.iconPack.mic_on):(t=this.t("mic_off"),s=this.iconPack.mic_off,o["red-icon"]=!0),i=this.t(a?"perm_could_not_start.audio":"SYSTEM_DENIED"===this.micPermission?"perm_sys_denied.audio":"DENIED"===this.micPermission?"perm_denied.audio":this.audioEnabled?"disable_mic":"enable_mic"),{tooltipLabel:i,label:t,icon:s,classList:o,showWarning:e||a,disable:e}}render(){if(!this.meeting)return null;if(!this.canProduceAudio||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(o,{"data-hidden":!0});const{tooltipLabel:i,label:t,icon:e,classList:a,showWarning:l,disable:n}=this.getState();return s(o,{title:t},s("rtk-tooltip",{kind:"block",label:i,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",icon:e,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,class:a,onClick:this.toggleMic,showWarning:l,disabled:n})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([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}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{d as rtk_mic_toggle}

package/dist/realtimekit-ui/{p-4d65b02f.entry.js → p-d3498d94.entry.js}

@@ -1 +1 @@
-import{r as t,d as i,h as a,a as s}from"./p-a599f720.js";import{e,i as n}from"./p-13cebc8f.js";import{c as r}from"./p-10eadeba.js";import{S as o}from"./p-47979011.js";var h=function(t,i,a,s){var e,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,a,s);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(r=(n<3?e(r):n>3?e(i,a,r):e(i,a))||r);return n>3&&r&&Object.defineProperty(i,a,r),r};const c=class{constructor(a){t(this,a),this.stateUpdate=i(this,"rtkStateUpdate",7),this.unreadMessageCount=0,this.variant="button",this.iconPack=e,this.t=n(),this.chatActive=!1,this.canViewChat=!1,this.pageSize=11,this.onChatUpdate=({action:t,message:i})=>{var a;this.chatActive||"add"===t&&i.userId!==(null===(a=this.meeting)||void 0===a?void 0:a.self.userId)&&this.unreadMessageCount<=10&&(this.unreadMessageCount+=1)},this.toggleChat=()=>{const t=this.states;this.chatActive=!((null==t?void 0:t.activeSidebar)&&"chat"===(null==t?void 0:t.sidebar)),this.chatActive&&(this.unreadMessageCount=0),this.stateUpdate.emit({activeSidebar:this.chatActive,sidebar:this.chatActive?"chat":void 0,activeMoreMenu:!1})},this.updateCanView=()=>{this.canViewChat=r(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,a,s,e,n;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.chat)||void 0===i||i.removeListener("chatUpdate",this.onChatUpdate),null===(s=null===(a=this.meeting)||void 0===a?void 0:a.stage)||void 0===s||s.removeListener("stageStatusUpdate",this.updateCanView),null===(n=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===n||n.permissions.removeListener("chatUpdate",this.updateCanView)}meetingChanged(t){var i,a,s;t&&(this.setUnreadMessageCount(),this.canViewChat=r(t),null===(i=t.chat)||void 0===i||i.addListener("chatUpdate",this.onChatUpdate),null===(a=null==t?void 0:t.stage)||void 0===a||a.on("stageStatusUpdate",this.updateCanView),null===(s=null==t?void 0:t.self)||void 0===s||s.permissions.on("chatUpdate",this.updateCanView))}statesChanged(t){null!=t&&(this.chatActive=!0===t.activeSidebar&&"chat"===t.sidebar)}async setUnreadMessageCount(){var t,i;const a=this.meeting.chat;if(!a)return;const s=null!==(i=null===(t=this.meeting.meta)||void 0===t?void 0:t.meetingStartedTimestamp.getTime())&&void 0!==i?i:0,e=await a.fetchPublicMessages({timestamp:s,limit:this.pageSize,direction:"after"});this.unreadMessageCount=e.length}handleChatActiveChange(){this.chatActive||this.states.activeSidebar||this.buttonEl.focus()}render(){return this.meeting?this.canViewChat?a(s,{title:this.t("chat")},0!==this.unreadMessageCount&&!this.chatActive&&a("div",{class:"unread-count",part:"unread-count"},a("span",null,this.unreadMessageCount<this.pageSize?this.unreadMessageCount:"10+")),a("rtk-controlbar-button",{ref:t=>this.buttonEl=t,part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.chatActive},onClick:this.toggleChat,icon:this.iconPack.chat,label:this.t("chat"),variant:this.variant})):a(s,{"data-hidden":!0}):null}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],chatActive:["handleChatActiveChange"]}}};h([o()],c.prototype,"meeting",void 0),h([o()],c.prototype,"states",void 0),h([o()],c.prototype,"iconPack",void 0),h([o()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";export{c as rtk_chat_toggle}
+import{r as t,d as i,h as a,a as s}from"./p-a599f720.js";import{e,i as n}from"./p-efad3c75.js";import{c as r}from"./p-0769d0b9.js";import{S as o}from"./p-1b41ba11.js";var h=function(t,i,a,s){var e,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,a,s);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(r=(n<3?e(r):n>3?e(i,a,r):e(i,a))||r);return n>3&&r&&Object.defineProperty(i,a,r),r};const c=class{constructor(a){t(this,a),this.stateUpdate=i(this,"rtkStateUpdate",7),this.unreadMessageCount=0,this.variant="button",this.iconPack=e,this.t=n(),this.chatActive=!1,this.canViewChat=!1,this.pageSize=11,this.onChatUpdate=({action:t,message:i})=>{var a;this.chatActive||"add"===t&&i.userId!==(null===(a=this.meeting)||void 0===a?void 0:a.self.userId)&&this.unreadMessageCount<=10&&(this.unreadMessageCount+=1)},this.toggleChat=()=>{const t=this.states;this.chatActive=!((null==t?void 0:t.activeSidebar)&&"chat"===(null==t?void 0:t.sidebar)),this.chatActive&&(this.unreadMessageCount=0),this.stateUpdate.emit({activeSidebar:this.chatActive,sidebar:this.chatActive?"chat":void 0,activeMoreMenu:!1})},this.updateCanView=()=>{this.canViewChat=r(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,a,s,e,n;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.chat)||void 0===i||i.removeListener("chatUpdate",this.onChatUpdate),null===(s=null===(a=this.meeting)||void 0===a?void 0:a.stage)||void 0===s||s.removeListener("stageStatusUpdate",this.updateCanView),null===(n=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===n||n.permissions.removeListener("chatUpdate",this.updateCanView)}meetingChanged(t){var i,a,s;t&&(this.setUnreadMessageCount(),this.canViewChat=r(t),null===(i=t.chat)||void 0===i||i.addListener("chatUpdate",this.onChatUpdate),null===(a=null==t?void 0:t.stage)||void 0===a||a.on("stageStatusUpdate",this.updateCanView),null===(s=null==t?void 0:t.self)||void 0===s||s.permissions.on("chatUpdate",this.updateCanView))}statesChanged(t){null!=t&&(this.chatActive=!0===t.activeSidebar&&"chat"===t.sidebar)}async setUnreadMessageCount(){var t,i;const a=this.meeting.chat;if(!a)return;const s=null!==(i=null===(t=this.meeting.meta)||void 0===t?void 0:t.meetingStartedTimestamp.getTime())&&void 0!==i?i:0,e=await a.fetchPublicMessages({timestamp:s,limit:this.pageSize,direction:"after"});this.unreadMessageCount=e.length}handleChatActiveChange(){this.chatActive||this.states.activeSidebar||this.buttonEl.focus()}render(){return this.meeting?this.canViewChat?a(s,{title:this.t("chat")},0!==this.unreadMessageCount&&!this.chatActive&&a("div",{class:"unread-count",part:"unread-count"},a("span",null,this.unreadMessageCount<this.pageSize?this.unreadMessageCount:"10+")),a("rtk-controlbar-button",{ref:t=>this.buttonEl=t,part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.chatActive},onClick:this.toggleChat,icon:this.iconPack.chat,label:this.t("chat"),variant:this.variant})):a(s,{"data-hidden":!0}):null}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],chatActive:["handleChatActiveChange"]}}};h([o()],c.prototype,"meeting",void 0),h([o()],c.prototype,"states",void 0),h([o()],c.prototype,"iconPack",void 0),h([o()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";export{c as rtk_chat_toggle}

package/dist/realtimekit-ui/{p-8af33b63.entry.js → p-d52eeb73.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,a as e,e as a,d as r}from"./p-a599f720.js";import{h as s}from"./p-3f882e7c.js";import{e as o,i as n}from"./p-13cebc8f.js";import{S as c}from"./p-47979011.js";import{i as l}from"./p-05186172.js";const h=(t,i)=>{if(null==t)return;const e=Math.round(1.5),a=[...Array(3)].map(((t,a)=>{let r=a;return r>e-1&&(r=3-r-1),Math.round((r+1)/(e+1)*i)})),{width:r,height:s}=t,o=t.getContext("2d");let n=2;const c=1*r/a.length,l=c-4;o.clearRect(0,0,r,s),o.fillStyle="rgb(0,0,0,0.0)",o.fillRect(0,0,r,s);const h=getComputedStyle(t).getPropertyValue("color");o.fillStyle=h,o.strokeStyle=h,o.lineCap="round",o.lineWidth=4,o.beginPath();for(const t of a){const i=Math.min(-Math.abs(1.2*t/10*s)+s/2,s/2-2.5),e=Math.max(2*(s/2-i),5);o.moveTo(n+l/2,i),o.lineTo(n+l/2,i+e),n+=c}o.stroke()};var p=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const d=class{constructor(i){t(this,i),this.variant="bars",this.iconPack=o,this.t=n(),this.hideMuted=!1,this.isScreenShare=!1,this.volume=0}connectedCallback(){this.participantChanged(this.participant)}componentDidLoad(){h(this.visualizer,0)}disconnectedCallback(){var t,i,e;null===(t=this.hark)||void 0===t||t.stop(),this.audioUpdateListener&&(null===(i=this.participant)||void 0===i||i.removeListener("audioUpdate",this.audioUpdateListener)),this.screenShareUpdateListener&&(null===(e=this.participant)||void 0===e||e.removeListener("screenShareUpdate",this.screenShareUpdateListener))}participantChanged(t){null!=t&&(this.audioUpdateListener=({audioEnabled:t,audioTrack:i})=>{var e;if(null===(e=this.hark)||void 0===e||e.stop(),t&&null!=i){this.audioEnabled=!0;const t=new MediaStream;t.addTrack(i),this.calcVolume(t),h(this.visualizer,0)}else this.volume=0,this.audioEnabled=!1},this.isScreenShare?(this.screenShareUpdateListener=({screenShareEnabled:t,screenShareTracks:i})=>{this.audioUpdateListener({audioEnabled:t&&null!=i.audio,audioTrack:i.audio})},this.screenShareUpdateListener({screenShareEnabled:t.screenShareEnabled,screenShareTracks:{audio:t.screenShareTracks.audio,video:t.screenShareTracks.video}}),t.addListener("screenShareUpdate",this.screenShareUpdateListener)):(this.audioUpdateListener(t),t.addListener("audioUpdate",this.audioUpdateListener)))}calcVolume(t){this.hark=s(t,{play:!1,interval:100}),this.hark.on("volume_change",(t=>{const i=this.volume;let e=Math.round(10**(t/115)*10);e<3&&(e=0);let a=Math.round((2*i+e)/3);i!==a&&(this.volume=a,h(this.visualizer,this.volume))}))}render(){return this.hideMuted&&!this.audioEnabled?null:i(e,null,i("div",{class:{audioActivePadding:this.hideMuted&&this.audioEnabled}},i("canvas",{width:"24",height:"24",class:{bars:!0,visible:this.audioEnabled},ref:t=>this.visualizer=t,part:"canvas"}),!this.isScreenShare&&!this.audioEnabled&&i("rtk-icon",{icon:this.iconPack.mic_off,part:"mic-off-icon"})))}static get watchers(){return{participant:["participantChanged"]}}};p([c()],d.prototype,"iconPack",void 0),p([c()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;width:-moz-fit-content;width:fit-content}.audioActivePadding{padding:var(--rtk-space-1, 4px)}canvas,rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){transform:scale(0.9)}canvas{display:none}canvas.visible{display:block}canvas.bars{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";var v=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const g=class{constructor(i){t(this,i),this.iconPack=o,this.variant="full",this.t=n(),this.audioinputDevices=[],this.canProduceAudio=!0,this.currentDevices={audio:void 0},this.stageStateListener=()=>{this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getAudioDevices();this.audioinputDevices=t},this.deviceUpdateListener=({device:t})=>{"audioinput"===t.kind&&(this.currentDevices={audio:t})},this.mediaPermissionUpdateListener=async({kind:t,message:i})=>{this.meeting&&"audio"===t&&"ACCEPTED"===i&&(this.audioinputDevices=await this.meeting.self.getAudioDevices())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,e,a,r;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",this.stageStateListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(a=this.meeting)||void 0===a||a.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(r=this.meeting)||void 0===r||r.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener)}meetingChanged(t){t&&a((async()=>{var i,e;const{self:a,stage:r}=t,s=await t.self.getAudioDevices(),o=null===(i=t.self.getCurrentDevices())||void 0===i?void 0:i.audio;this.currentDevices={audio:o},this.canProduceAudio="ALLOWED"===t.self.permissions.canProduceAudio,null==r||r.addListener("stageStatusUpdate",this.stageStateListener),a.addListener("deviceListUpdate",this.deviceListUpdateListener),a.addListener("deviceUpdate",this.deviceUpdateListener),a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),this.audioinputDevices=null!=o?[null!==(e=s.find((t=>t.deviceId===o.deviceId)))&&void 0!==e?e:o,...s.filter((t=>t.deviceId!==o.deviceId))]:s}))}setDevice(t){var i;if(l(this.meeting))return;const e=this.audioinputDevices.find((i=>i.deviceId===t));null!=e&&(this.currentDevices={audio:e},null===(i=this.meeting)||void 0===i||i.self.setDevice(e))}render(){if(!this.meeting)return null;let t=0;return i(e,null,this.canProduceAudio&&i("div",{part:"microphone-selection",class:"group container "+this.variant},i("label",{slot:"label"},"inline"!==this.variant&&this.t("settings.microphone_input"),i("rtk-icon",{icon:this.iconPack.mic_on,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.audioinputDevices.map((({deviceId:e,label:a})=>{var r;return i("option",{value:e,selected:(null===(r=this.currentDevices.audio)||void 0===r?void 0:r.deviceId)===e},a||"Microphone "+ ++t)}))),i("slot",{name:"indicator"}))))}static get watchers(){return{meeting:["meetingChanged"]}}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.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%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.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 u=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const k=class{constructor(i){t(this,i),this.variant="full",this.iconPack=o,this.t=n(),this.speakerDevices=[],this.currentDevices={speaker:void 0},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getSpeakerDevices();this.speakerDevices=t},this.deviceUpdateListener=({device:t})=>{"audiooutput"===t.kind&&(this.currentDevices={speaker:t})},this.mediaPermissionUpdate=async({kind:t,message:i})=>{this.meeting&&"audio"===t&&"ACCEPTED"===i&&(this.speakerDevices=await this.meeting.self.getSpeakerDevices())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,e;null===(t=this.meeting)||void 0===t||t.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(e=this.meeting)||void 0===e||e.self.addListener("mediaPermissionUpdate",this.mediaPermissionUpdate)}meetingChanged(t){t&&a((async()=>{var i,e;const{self:a}=t,r=await t.self.getSpeakerDevices(),s=null===(i=t.self.getCurrentDevices())||void 0===i?void 0:i.speaker;this.currentDevices={speaker:s},a.addListener("deviceListUpdate",this.deviceListUpdateListener),a.addListener("deviceUpdate",this.deviceUpdateListener),a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdate),this.speakerDevices=null!=s?[null!==(e=r.find((t=>t.deviceId===s.deviceId)))&&void 0!==e?e:s,...r.filter((t=>t.deviceId!==s.deviceId))]:r}))}testAudio(){var t;null===(t=this.testAudioEl)||void 0===t||t.play()}setDevice(t){var i,e;if(l(this.meeting))return;const a=this.speakerDevices.find((i=>i.deviceId===t));this.currentDevices={speaker:a},null!=a&&(null===(i=this.meeting)||void 0===i||i.self.setDevice(a),null===(e=this.testAudioEl)||void 0===e||e.setSinkId(a.deviceId))}render(){if(!this.meeting)return null;let t=0;return i(e,null,i("audio",{preload:"auto",src:"https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3",ref:t=>this.testAudioEl=t}),i("div",{class:"group "+this.variant,part:"speaker-selection"},this.speakerDevices.length>0&&!l(this.meeting)&&i("div",{class:"container"},i("label",null,"inline"!==this.variant&&this.t("settings.speaker_output"),i("rtk-icon",{icon:this.iconPack.speaker,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.speakerDevices.map((({deviceId:e,label:a})=>{var r;return i("option",{value:e,selected:(null===(r=this.currentDevices.speaker)||void 0===r?void 0:r.deviceId)===e},a||"Speaker "+ ++t)}))))),"full"===this.variant&&i("rtk-button",{variant:"secondary",onClick:()=>this.testAudio()},i("rtk-icon",{icon:this.iconPack.speaker,slot:"start"}),this.t("test"))))}static get watchers(){return{meeting:["meetingChanged"]}}};u([c()],k.prototype,"meeting",void 0),u([c()],k.prototype,"states",void 0),u([c()],k.prototype,"iconPack",void 0),u([c()],k.prototype,"t",void 0),k.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{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%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.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 f=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const b=class{constructor(i){t(this,i),this.onChange=r(this,"rtkChange",4),this.checked=!1,this.readonly=!1,this.disabled=!1,this.iconPack=o,this.t=n(),this.onClick=()=>{this.readonly||this.disabled||(this.checked=!this.checked)},this.onKeyPress=t=>{if(!this.readonly)switch(t.key){case"Enter":case" ":this.checked=!this.checked}}}connectedCallback(){this.checkedChange(this.checked)}checkedChange(t){this.checked=t,this.onChange.emit(t)}render(){return i(e,{key:"eec1d068e605c536620cf04814474f1ce38fe6f6",role:"switch",tabIndex:this.disabled&&0,"aria-readonly":this.readonly,"aria-checked":this.checked,"aria-disabled":this.disabled,class:{checked:this.checked},onClick:this.onClick,onKeyPress:this.onKeyPress},i("div",{key:"d60840f1537241f87ad269e84896700bac89e31d",class:"switch",part:"switch"}))}static get watchers(){return{checked:["checkedChange"]}}};f([c()],b.prototype,"iconPack",void 0),f([c()],b.prototype,"t",void 0),b.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-10, 40px);align-items:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;background-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer}.switch{box-sizing:border-box;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);background-color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:9999px;transition-property:var(--rtk-transition-property, all);transition-duration:200ms}:host(.checked){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.checked) .switch{transform:translateX(100%)}:host([readonly]),:host([disabled]){cursor:not-allowed;opacity:0.6}";export{d as rtk_audio_visualizer,g as rtk_microphone_selector,k as rtk_speaker_selector,b as rtk_switch}
+import{r as t,h as i,a as e,e as a,d as r}from"./p-a599f720.js";import{h as s}from"./p-3f882e7c.js";import{e as o,i as n}from"./p-efad3c75.js";import{S as c}from"./p-1b41ba11.js";import{i as l}from"./p-05186172.js";const d=(t,i)=>{if(null==t)return;const e=Math.round(1.5),a=[...Array(3)].map(((t,a)=>{let r=a;return r>e-1&&(r=3-r-1),Math.round((r+1)/(e+1)*i)})),{width:r,height:s}=t,o=t.getContext("2d");let n=2;const c=1*r/a.length,l=c-4;o.clearRect(0,0,r,s),o.fillStyle="rgb(0,0,0,0.0)",o.fillRect(0,0,r,s);const d=getComputedStyle(t).getPropertyValue("color");o.fillStyle=d,o.strokeStyle=d,o.lineCap="round",o.lineWidth=4,o.beginPath();for(const t of a){const i=Math.min(-Math.abs(1.2*t/10*s)+s/2,s/2-2.5),e=Math.max(2*(s/2-i),5);o.moveTo(n+l/2,i),o.lineTo(n+l/2,i+e),n+=c}o.stroke()};var h=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const p=class{constructor(i){t(this,i),this.variant="bars",this.iconPack=o,this.t=n(),this.hideMuted=!1,this.isScreenShare=!1,this.volume=0}connectedCallback(){this.participantChanged(this.participant)}componentDidLoad(){d(this.visualizer,0)}disconnectedCallback(){var t,i,e;null===(t=this.hark)||void 0===t||t.stop(),this.audioUpdateListener&&(null===(i=this.participant)||void 0===i||i.removeListener("audioUpdate",this.audioUpdateListener)),this.screenShareUpdateListener&&(null===(e=this.participant)||void 0===e||e.removeListener("screenShareUpdate",this.screenShareUpdateListener))}participantChanged(t){null!=t&&(this.audioUpdateListener=({audioEnabled:t,audioTrack:i})=>{var e;if(null===(e=this.hark)||void 0===e||e.stop(),t&&null!=i){this.audioEnabled=!0;const t=new MediaStream;t.addTrack(i),this.calcVolume(t),d(this.visualizer,0)}else this.volume=0,this.audioEnabled=!1},this.isScreenShare?(this.screenShareUpdateListener=({screenShareEnabled:t,screenShareTracks:i})=>{this.audioUpdateListener({audioEnabled:t&&null!=i.audio,audioTrack:i.audio})},this.screenShareUpdateListener({screenShareEnabled:t.screenShareEnabled,screenShareTracks:{audio:t.screenShareTracks.audio,video:t.screenShareTracks.video}}),t.addListener("screenShareUpdate",this.screenShareUpdateListener)):(this.audioUpdateListener(t),t.addListener("audioUpdate",this.audioUpdateListener)))}calcVolume(t){this.hark=s(t,{play:!1,interval:100}),this.hark.on("volume_change",(t=>{const i=this.volume;let e=Math.round(10**(t/115)*10);e<3&&(e=0);let a=Math.round((2*i+e)/3);i!==a&&(this.volume=a,d(this.visualizer,this.volume))}))}render(){return this.hideMuted&&!this.audioEnabled?null:i(e,null,i("div",{class:{audioActivePadding:this.hideMuted&&this.audioEnabled}},i("canvas",{width:"24",height:"24",class:{bars:!0,visible:this.audioEnabled},ref:t=>this.visualizer=t,part:"canvas"}),!this.isScreenShare&&!this.audioEnabled&&i("rtk-icon",{icon:this.iconPack.mic_off,part:"mic-off-icon"})))}static get watchers(){return{participant:["participantChanged"]}}};h([c()],p.prototype,"iconPack",void 0),h([c()],p.prototype,"t",void 0),p.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;width:-moz-fit-content;width:fit-content}.audioActivePadding{padding:var(--rtk-space-1, 4px)}canvas,rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){transform:scale(0.9)}canvas{display:none}canvas.visible{display:block}canvas.bars{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";var v=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const g=class{constructor(i){t(this,i),this.iconPack=o,this.variant="full",this.t=n(),this.audioinputDevices=[],this.canProduceAudio=!0,this.currentDevices={audio:void 0},this.stageStateListener=()=>{this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getAudioDevices();this.audioinputDevices=t},this.deviceUpdateListener=({device:t})=>{"audioinput"===t.kind&&(this.currentDevices={audio:t})},this.mediaPermissionUpdateListener=async({kind:t,message:i})=>{this.meeting&&"audio"===t&&"ACCEPTED"===i&&(this.audioinputDevices=await this.meeting.self.getAudioDevices())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,e,a,r;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",this.stageStateListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(a=this.meeting)||void 0===a||a.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(r=this.meeting)||void 0===r||r.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener)}meetingChanged(t){t&&a((async()=>{var i,e;const{self:a,stage:r}=t,s=await t.self.getAudioDevices(),o=null===(i=t.self.getCurrentDevices())||void 0===i?void 0:i.audio;this.currentDevices={audio:o},this.canProduceAudio="ALLOWED"===t.self.permissions.canProduceAudio,null==r||r.addListener("stageStatusUpdate",this.stageStateListener),a.addListener("deviceListUpdate",this.deviceListUpdateListener),a.addListener("deviceUpdate",this.deviceUpdateListener),a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),this.audioinputDevices=null!=o?[null!==(e=s.find((t=>t.deviceId===o.deviceId)))&&void 0!==e?e:o,...s.filter((t=>t.deviceId!==o.deviceId))]:s}))}setDevice(t){var i;if(l(this.meeting))return;const e=this.audioinputDevices.find((i=>i.deviceId===t));null!=e&&(this.currentDevices={audio:e},null===(i=this.meeting)||void 0===i||i.self.setDevice(e))}render(){if(!this.meeting)return null;let t=0;return i(e,null,this.canProduceAudio&&i("div",{part:"microphone-selection",class:"group container "+this.variant},i("label",{slot:"label"},"inline"!==this.variant&&this.t("settings.microphone_input"),i("rtk-icon",{icon:this.iconPack.mic_on,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.audioinputDevices.map((({deviceId:e,label:a})=>{var r;return i("option",{value:e,selected:(null===(r=this.currentDevices.audio)||void 0===r?void 0:r.deviceId)===e},a||"Microphone "+ ++t)}))),i("slot",{name:"indicator"}))))}static get watchers(){return{meeting:["meetingChanged"]}}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.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%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.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 u=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const k=class{constructor(i){t(this,i),this.variant="full",this.iconPack=o,this.t=n(),this.speakerDevices=[],this.currentDevices={speaker:void 0},this.deviceListUpdateListener=async()=>{const t=await this.meeting.self.getSpeakerDevices();this.speakerDevices=t},this.deviceUpdateListener=({device:t})=>{"audiooutput"===t.kind&&(this.currentDevices={speaker:t})},this.mediaPermissionUpdate=async({kind:t,message:i})=>{this.meeting&&"audio"===t&&"ACCEPTED"===i&&(this.speakerDevices=await this.meeting.self.getSpeakerDevices())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i,e;null===(t=this.meeting)||void 0===t||t.self.removeListener("deviceListUpdate",this.deviceListUpdateListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("deviceUpdate",this.deviceUpdateListener),null===(e=this.meeting)||void 0===e||e.self.addListener("mediaPermissionUpdate",this.mediaPermissionUpdate)}meetingChanged(t){t&&a((async()=>{var i,e;const{self:a}=t,r=await t.self.getSpeakerDevices(),s=null===(i=t.self.getCurrentDevices())||void 0===i?void 0:i.speaker;this.currentDevices={speaker:s},a.addListener("deviceListUpdate",this.deviceListUpdateListener),a.addListener("deviceUpdate",this.deviceUpdateListener),a.addListener("mediaPermissionUpdate",this.mediaPermissionUpdate),this.speakerDevices=null!=s?[null!==(e=r.find((t=>t.deviceId===s.deviceId)))&&void 0!==e?e:s,...r.filter((t=>t.deviceId!==s.deviceId))]:r}))}testAudio(){var t;null===(t=this.testAudioEl)||void 0===t||t.play()}setDevice(t){var i,e;if(l(this.meeting))return;const a=this.speakerDevices.find((i=>i.deviceId===t));this.currentDevices={speaker:a},null!=a&&(null===(i=this.meeting)||void 0===i||i.self.setDevice(a),null===(e=this.testAudioEl)||void 0===e||e.setSinkId(a.deviceId))}render(){if(!this.meeting)return null;let t=0;return i(e,null,i("audio",{preload:"auto",src:"https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3",ref:t=>this.testAudioEl=t}),i("div",{class:"group "+this.variant,part:"speaker-selection"},this.speakerDevices.length>0&&!l(this.meeting)&&i("div",{class:"container"},i("label",null,"inline"!==this.variant&&this.t("settings.speaker_output"),i("rtk-icon",{icon:this.iconPack.speaker,size:"sm"})),i("div",{class:"row"},i("select",{class:"rtk-select",onChange:t=>this.setDevice(t.target.value)},this.speakerDevices.map((({deviceId:e,label:a})=>{var r;return i("option",{value:e,selected:(null===(r=this.currentDevices.speaker)||void 0===r?void 0:r.deviceId)===e},a||"Speaker "+ ++t)}))))),"full"===this.variant&&i("rtk-button",{variant:"secondary",onClick:()=>this.testAudio()},i("rtk-icon",{icon:this.iconPack.speaker,slot:"start"}),this.t("test"))))}static get watchers(){return{meeting:["meetingChanged"]}}};u([c()],k.prototype,"meeting",void 0),u([c()],k.prototype,"states",void 0),u([c()],k.prototype,"iconPack",void 0),u([c()],k.prototype,"t",void 0),k.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{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%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.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 f=function(t,i,e,a){var r,s=arguments.length,o=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(i,e,o):r(i,e))||o);return s>3&&o&&Object.defineProperty(i,e,o),o};const b=class{constructor(i){t(this,i),this.onChange=r(this,"rtkChange",4),this.checked=!1,this.readonly=!1,this.disabled=!1,this.iconPack=o,this.t=n(),this.onClick=()=>{this.readonly||this.disabled||(this.checked=!this.checked)},this.onKeyPress=t=>{if(!this.readonly)switch(t.key){case"Enter":case" ":this.checked=!this.checked}}}connectedCallback(){this.checkedChange(this.checked)}checkedChange(t){this.checked=t,this.onChange.emit(t)}render(){return i(e,{key:"af0bcf0202cda77f3ec27510b867ed149c478bdf",role:"switch",tabIndex:this.disabled&&0,"aria-readonly":this.readonly,"aria-checked":this.checked,"aria-disabled":this.disabled,class:{checked:this.checked},onClick:this.onClick,onKeyPress:this.onKeyPress},i("div",{key:"e6f5eeb8acf33e9f058b029423eddc099033053c",class:"switch",part:"switch"}))}static get watchers(){return{checked:["checkedChange"]}}};f([c()],b.prototype,"iconPack",void 0),f([c()],b.prototype,"t",void 0),b.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-10, 40px);align-items:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;background-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer}.switch{box-sizing:border-box;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);background-color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:9999px;transition-property:var(--rtk-transition-property, all);transition-duration:200ms}:host(.checked){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.checked) .switch{transform:translateX(100%)}:host([readonly]),:host([disabled]){cursor:not-allowed;opacity:0.6}";export{p as rtk_audio_visualizer,g as rtk_microphone_selector,k as rtk_speaker_selector,b as rtk_switch}

package/dist/realtimekit-ui/{p-ac2418d3.entry.js → p-da45cdc0.entry.js}

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

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

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

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

@@ -0,0 +1 @@
+import{r as t,h as i,a,g as r}from"./p-a599f720.js";import{e,i as s}from"./p-efad3c75.js";import{S as c}from"./p-1b41ba11.js";import{R as o}from"./p-eccb6d78.js";var n=function(t,i,a,r){var e,s=arguments.length,c=s<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,i,a,r);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(c=(s<3?e(c):s>3?e(i,a,c):e(i,a))||c);return s>3&&c&&Object.defineProperty(i,a,c),c};const l=class{constructor(i){t(this,i),this.iconPack=e,this.t=s(),this.hideSelf=!1,this.activeParticipants=[],this.onStageParticipants=[],this.offStageParticipants=[],this.onParticipantListUpdate=()=>{if(!this.meeting)return;let t=this.meeting.participants.active.toArray();this.hideSelf||(t=[...t,this.meeting.self]);let i=this.meeting.participants.joined.toArray().filter((i=>!t.some((t=>t.id===i.id))));this.activeParticipants=t,this.onStageParticipants=i}}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){t&&"AUDIO_ROOM"===t.self.config.viewType&&(this.onParticipantListUpdate(),t.participants.active.addListener("participantJoined",this.onParticipantListUpdate),t.participants.active.addListener("participantLeft",this.onParticipantListUpdate),t.participants.joined.addListener("participantJoined",this.onParticipantListUpdate),t.participants.joined.addListener("participantLeft",this.onParticipantListUpdate))}disconnectedCallback(){this.resizeObserver.disconnect(),this.resizeObserver=void 0,this.meeting.participants.active.removeListener("participantJoined",this.onParticipantListUpdate),this.meeting.participants.active.removeListener("participantLeft",this.onParticipantListUpdate),this.meeting.participants.joined.removeListener("participantJoined",this.onParticipantListUpdate),this.meeting.participants.joined.removeListener("participantLeft",this.onParticipantListUpdate)}renderGrid(t=[]){const a={meeting:this.meeting,size:this.size,config:this.config,t:this.t,iconPack:this.iconPack,states:this.states};return t.map((t=>i(o,{element:"rtk-audio-tile",defaults:a,props:{key:t.id,participant:t},childProps:{participant:t},deepProps:!0})))}render(){const t=this.activeParticipants.concat(this.onStageParticipants);return i(a,{key:"46eacac44f967fdac3ca9d1a62ffa08a9e2bec0e"},i("div",{key:"6121a8d6ec144197981ced909076345163f0fa69",class:"content scrollbar"},i("div",{key:"caeb7f4830e847e7dab63db199ec00cd12cb8ecc",class:"stage grid"},this.renderGrid(t)),this.offStageParticipants.length>0&&i("div",{key:"b5923cbb9be5992fdb007c3354e7792b19003d5b",class:"waitlist-area"},i("div",{key:"b93cefbe7de0eaf46c69f9d0dd6cf231ce683f27",class:"listening-title"},this.offStageParticipants.length," ",this.t("grid.listening")),i("div",{key:"f75c7cd4aa2422d3faed994ed24929e3c05fd097",class:"waitlist-grid grid"},this.renderGrid(this.offStageParticipants)))),i("slot",{key:"91240e462e7e510317b0ea6625ecba3aea94d5f3"}))}get host(){return r(this)}static get watchers(){return{meeting:["meetingChanged"]}}};n([c()],l.prototype,"meeting",void 0),n([c()],l.prototype,"config",void 0),n([c()],l.prototype,"states",void 0),n([c()],l.prototype,"iconPack",void 0),n([c()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";export{l as rtk_audio_grid}

package/dist/realtimekit-ui/{p-a971914f.entry.js → p-e39f23e1.entry.js}

@@ -1 +1 @@
-import{r as t,d as e,h as i,a as s}from"./p-a599f720.js";import{e as a,i as o}from"./p-13cebc8f.js";import{S as r}from"./p-47979011.js";var n=function(t,e,i,s){var a,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(e,i,r):a(e,i))||r);return o>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.iconPack=a,this.t=o()}toggleSettings(){const t={activeSettings:!0,activeMoreMenu:!1};this.states=Object.assign(Object.assign({},this.states),t),this.stateUpdate.emit(t)}render(){const t=this.t("settings");return i(s,{key:"61f238a38d98cee571d84ea45c45a9bebd9cea51",title:t},i("rtk-controlbar-button",{key:"f1610cd64dd69d941b4d58eea5ec02b52e811bfe",part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleSettings(),icon:this.iconPack.settings,label:t,variant:this.variant}))}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_settings_toggle}
+import{r as t,d as e,h as i,a as s}from"./p-a599f720.js";import{e as a,i as o}from"./p-efad3c75.js";import{S as r}from"./p-1b41ba11.js";var n=function(t,e,i,s){var a,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(e,i,r):a(e,i))||r);return o>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.iconPack=a,this.t=o()}toggleSettings(){const t={activeSettings:!0,activeMoreMenu:!1};this.states=Object.assign(Object.assign({},this.states),t),this.stateUpdate.emit(t)}render(){const t=this.t("settings");return i(s,{key:"921afc41ed4a6019ff882c896855ab455b3edfb7",title:t},i("rtk-controlbar-button",{key:"88d4194fee24f1b96769e06e3a935d516ad543b0",part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleSettings(),icon:this.iconPack.settings,label:t,variant:this.variant}))}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_settings_toggle}

package/dist/realtimekit-ui/{p-319d7ccf.js → p-e4e7a8da.js}

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

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

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

package/dist/realtimekit-ui/{p-95533cfd.entry.js → p-eac158e1.entry.js}

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

package/dist/realtimekit-ui/{p-c76f9116.entry.js → p-ed5c4c4e.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,a as s,g as e}from"./p-a599f720.js";import{c as h,e as d,i as a}from"./p-13cebc8f.js";import{d as r}from"./p-b13ddb7d.js";import{R as o}from"./p-eccb6d78.js";import{S as m}from"./p-47979011.js";var c=function(i,t,s,e){var h,d=arguments.length,a=d<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 r=i.length-1;r>=0;r--)(h=i[r])&&(a=(d<3?h(a):d>3?h(t,s,a):h(t,s))||a);return d>3&&a&&Object.defineProperty(t,s,a),a};const n=class{constructor(t){i(this,t),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.aspectRatio="16:9",this.gap=8,this.config=h(),this.iconPack=d,this.t=a(),this.gridSize=r,this.getAdaptiveSize=i=>"sm"===this.size||i>3||"md"===this.size?"sm":"md"}render(){const i={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},e=this.participants.filter((i=>this.pinnedParticipants.some((t=>t.id!=i.id))));return t(s,{key:"ae7a59ab30389858e0e858e45715703b5ff70a64"},t("main",{key:"c654fa973b878dfedcbf50d4cd721ead7c934823",part:"main"},t(o,{key:"76977fe2c71d9f5bb6fc1db0ea3b0a1fec953342",element:"rtk-simple-grid",defaults:i,props:{part:"main-grid",participants:this.pinnedParticipants,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(this.pinnedParticipants.length)}})),e.length>0&&t("aside",{key:"c4472ba092926b8252309ccb705ab176c9f778d3",part:"aside",class:this.gridSize.spotlight?`grid-width-${this.gridSize.spotlight}`:"grid-width-md"},t(o,{key:"e7b636cc6dd46a7c4b9771070df8531d239fc0c0",element:"rtk-simple-grid",defaults:i,props:{part:"aside-grid",participants:e,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(e.length)}})))}get host(){return e(this)}};c([m()],n.prototype,"meeting",void 0),c([m()],n.prototype,"states",void 0),c([m()],n.prototype,"config",void 0),c([m()],n.prototype,"iconPack",void 0),c([m()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";export{n as rtk_spotlight_grid}
+import{r as i,h as t,a as s,g as e}from"./p-a599f720.js";import{c as d,e as h,i as a}from"./p-efad3c75.js";import{d as r}from"./p-b13ddb7d.js";import{R as o}from"./p-eccb6d78.js";import{S as m}from"./p-1b41ba11.js";var c=function(i,t,s,e){var d,h=arguments.length,a=h<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 r=i.length-1;r>=0;r--)(d=i[r])&&(a=(h<3?d(a):h>3?d(t,s,a):d(t,s))||a);return h>3&&a&&Object.defineProperty(t,s,a),a};const n=class{constructor(t){i(this,t),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.aspectRatio="16:9",this.gap=8,this.config=d(),this.iconPack=h,this.t=a(),this.gridSize=r,this.getAdaptiveSize=i=>"sm"===this.size||i>3||"md"===this.size?"sm":"md"}render(){const i={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},e=this.participants.filter((i=>this.pinnedParticipants.some((t=>t.id!=i.id))));return t(s,{key:"1cb846cc92b660a8244d16a74f48dfadcef903b6"},t("main",{key:"8564f8b0bf6e7bd668132e2833fe73c73855d090",part:"main"},t(o,{key:"61b96f305727dc74de15f4c3c645069d6300afd9",element:"rtk-simple-grid",defaults:i,props:{part:"main-grid",participants:this.pinnedParticipants,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(this.pinnedParticipants.length)}})),e.length>0&&t("aside",{key:"2e297a8d83c1f7241d8688b643c055331d69299b",part:"aside",class:this.gridSize.spotlight?`grid-width-${this.gridSize.spotlight}`:"grid-width-md"},t(o,{key:"2c1969c610018dfb0a23308316f072e3b8d87a6e",element:"rtk-simple-grid",defaults:i,props:{part:"aside-grid",participants:e,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(e.length)}})))}get host(){return e(this)}};c([m()],n.prototype,"meeting",void 0),c([m()],n.prototype,"states",void 0),c([m()],n.prototype,"config",void 0),c([m()],n.prototype,"iconPack",void 0),c([m()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";export{n as rtk_spotlight_grid}