@cloudflare/realtimekit-ui 1.0.0-staging.5 → 1.0.0-staging.7

package/dist/realtimekit-ui/p-5359c5bf.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as a}from"./p-533ecbf2.js";import{a as e,c as o}from"./p-0d9929ac.js";import{d as n}from"./p-1567a135.js";import{S as r}from"./p-0218a56b.js";var l=function(t,i,s,a){var e,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(e=t[r])&&(n=(o<3?e(n):o>3?e(i,s,n):e(i,s))||n);return o>3&&n&&Object.defineProperty(i,s,n),n};const h=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=e,this.t=o(),this.pollsActive=!1,this.unreadPollsCount=0,this.canViewPolls=!1,this.onPollsUpdate=({newPoll:t})=>{!0===t&&(this.unreadPollsCount+=1)},this.updateCanView=()=>{this.canViewPolls=n(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,s,a,e,o;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.polls)||void 0===i||i.removeListener("pollsUpdate",this.onPollsUpdate),null===(a=null===(s=this.meeting)||void 0===s?void 0:s.self)||void 0===a||a.permissions.removeListener("pollsUpdate",this.updateCanView),null===(o=null===(e=this.meeting)||void 0===e?void 0:e.stage)||void 0===o||o.removeListener("stageStatusUpdate",this.updateCanView)}meetingChanged(t){var i,s;t&&t.polls&&(this.unreadPollsCount=t.polls.items.length,this.meeting.polls.addListener("pollsUpdate",this.onPollsUpdate),null===(i=null==t?void 0:t.self)||void 0===i||i.permissions.addListener("pollsUpdate",this.updateCanView),this.canViewPolls=n(t),null===(s=null==t?void 0:t.stage)||void 0===s||s.on("stageStatusUpdate",this.updateCanView))}statesChanged(t){null!=t&&(this.pollsActive=!0===t.activeSidebar&&"polls"===t.sidebar)}togglePollsTab(){const t=this.states;this.unreadPollsCount=0,this.pollsActive=!((null==t?void 0:t.activeSidebar)&&"polls"===(null==t?void 0:t.sidebar)),this.stateUpdate.emit({activeSidebar:this.pollsActive,sidebar:this.pollsActive?"polls":void 0,activeMoreMenu:!1,activeAI:!1})}render(){if(!this.canViewPolls)return s(a,{"data-hidden":!0});const t=this.t("polls");return s(a,{title:t},0!==this.unreadPollsCount&&!this.pollsActive&&s("div",{class:"unread-count",part:"unread-count"},s("span",null,this.unreadPollsCount<=100?this.unreadPollsCount:"99+")),s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.pollsActive},onClick:()=>this.togglePollsTab(),icon:this.iconPack.poll,label:t,variant:this.variant}))}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"]}}};l([r()],h.prototype,"meeting",void 0),l([r()],h.prototype,"states",void 0),l([r()],h.prototype,"size",void 0),l([r()],h.prototype,"iconPack",void 0),l([r()],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{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:auto}";export{h as rtk_polls_toggle}

package/dist/realtimekit-ui/p-551b32ce.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as a}from"./p-533ecbf2.js";import{a as e,c as o}from"./p-0d9929ac.js";import{S as r}from"./p-0218a56b.js";var n=function(t,i,s,a){var e,o=arguments.length,r=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(r=(o<3?e(r):o>3?e(i,s,r):e(i,s))||r);return o>3&&r&&Object.defineProperty(i,s,r),r};const c=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=e,this.t=o(),this.aiActive=!1}statesChanged(t){this.aiActive=t.activeAI}toggleAI(){var t;this.aiActive=!(null===(t=this.states)||void 0===t?void 0:t.activeAI),this.stateUpdate.emit({activeAI:this.aiActive,activeMoreMenu:!1,activeSidebar:!1})}render(){var t,i;const e=this.t("ai.meeting_ai");return(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions).transcriptionEnabled?s(a,{title:e},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.aiActive},onClick:()=>this.toggleAI(),icon:this.iconPack.meeting_ai,label:e,variant:this.variant,brandIcon:!0})):s(a,{"data-hidden":!0})}static get watchers(){return{states:["statesChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"size",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{display:block}:host([data-hidden]){display:none}";export{c as rtk_ai_toggle}

package/dist/realtimekit-ui/p-5a7d71b0.entry.js

@@ -1 +0,0 @@
-import{r as t,h as r,H as o}from"./p-533ecbf2.js";import{a}from"./p-0d9929ac.js";import{S as i}from"./p-0218a56b.js";var e=function(t,r,o,a){var i,e=arguments.length,n=e<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,r,o,a);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(n=(e<3?i(n):e>3?i(r,o,n):i(r,o))||n);return e>3&&n&&Object.defineProperty(r,o,n),n};const n=class{constructor(r){t(this,r),this.variant="button",this.showWarning=!1,this.disabled=!1,this.iconPack=a,this.brandIcon=!1}render(){return r(o,{key:"3170196be51638562b89397c6b7cfee143e36253"},r("button",{key:"a15f74dca82c8b5dce841cc9b7fabc1eff29f79b","aria-label":this.label,part:"button"},this.isLoading?r("rtk-spinner",{id:"icon",part:"spinner",iconPack:this.iconPack}):r("rtk-icon",{id:"icon",icon:this.icon,tabIndex:-1,"aria-hidden":!0,part:"icon"}),r("span",{key:"940ed7a610d8d5ac5fec7d6759d7b065f157f250",class:"label",part:"label"},this.label),this.showWarning&&r("rtk-icon",{key:"94efa90a82eedb5923bb539776744d4e91e45c0f",id:"warning-indicator",icon:this.iconPack.warning,part:"warning-indicator"})))}};e([i()],n.prototype,"size",void 0),e([i()],n.prototype,"iconPack",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{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";export{n as rtk_controlbar_button}

package/dist/realtimekit-ui/p-61f4443f.entry.js

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

package/dist/realtimekit-ui/p-6ad690e8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as a}from"./p-533ecbf2.js";import{a as e,c as n}from"./p-0d9929ac.js";import{b as o}from"./p-1567a135.js";import{S as l}from"./p-0218a56b.js";var r=function(t,i,s,a){var e,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,a);else for(var l=t.length-1;l>=0;l--)(e=t[l])&&(o=(n<3?e(o):n>3?e(i,s,o):e(i,s))||o);return n>3&&o&&Object.defineProperty(i,s,o),o};const h=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=e,this.t=n(),this.pluginsActive=!1,this.canViewPlugins=!1,this.updateCanView=()=>{this.canViewPlugins=o(this.meeting)}}disconnectedCallback(){var t,i,s,a;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",this.updateCanView),null===(a=null===(s=this.meeting)||void 0===s?void 0:s.self)||void 0===a||a.permissions.removeListener("pluginsUpdate",this.updateCanView)}connectedCallback(){this.statesChanged(this.states),this.meetingChanged(this.meeting)}meetingChanged(t){var i,s;null!=t&&(this.canViewPlugins=o(t),null===(i=null==t?void 0:t.stage)||void 0===i||i.on("stageStatusUpdate",this.updateCanView),null===(s=null==t?void 0:t.self)||void 0===s||s.permissions.addListener("pluginsUpdate",this.updateCanView))}statesChanged(t){null!=t&&(this.pluginsActive=!0===t.activeSidebar&&"plugins"===t.sidebar)}togglePlugins(){const t=this.states;this.pluginsActive=!((null==t?void 0:t.activeSidebar)&&"plugins"===(null==t?void 0:t.sidebar)),this.stateUpdate.emit({activeSidebar:this.pluginsActive,sidebar:this.pluginsActive?"plugins":void 0,activeMoreMenu:!1,activeAI:!1})}render(){if(!this.canViewPlugins)return s(a,{"data-hidden":!0});const t=this.t("plugins");return s(a,{title:t},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.pluginsActive},onClick:()=>this.togglePlugins(),icon:this.iconPack.rocket,label:t,variant:this.variant}))}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"]}}};r([l()],h.prototype,"meeting",void 0),r([l()],h.prototype,"states",void 0),r([l()],h.prototype,"size",void 0),r([l()],h.prototype,"iconPack",void 0),r([l()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";export{h as rtk_plugins_toggle}

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

@@ -1 +0,0 @@
-import{h as t}from"./p-533ecbf2.js";import{s as a,f as s}from"./p-338c7261.js";const o=(t,a)=>{const s=a.getTime()-t.getTime();return Math.round(Math.abs(s/1e3/60))},r=(t,a)=>{const s=o(t,a);if(s<2)return"just now";if(s<60)return`${s}m ago`;const r=Math.round(s/60);if(s<90)return`about ${r}h ago`;if(r<24)return`${r}h ago`;const e=Math.round(r/24);return e<7?`${e}d ago`:`${Math.round(e/7)}w ago`},e=t=>t.toDateString()+" "+t.toLocaleTimeString(),n=({name:o,time:n,now:i})=>t("div",{class:"head"},t("div",{class:"name"},a(s(o),20)),t("div",{class:"time",title:e(n)},r(n,i)));export{n as C,o as d,r as e,e as f}

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

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as r}from"./p-533ecbf2.js";import{a as s,c as o}from"./p-0d9929ac.js";import{S as i}from"./p-0218a56b.js";var f=function(t,a,e,r){var s,o=arguments.length,i=o<3?a:null===r?r=Object.getOwnPropertyDescriptor(a,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,a,e,r);else for(var f=t.length-1;f>=0;f--)(s=t[f])&&(i=(o<3?s(i):o>3?s(a,e,i):s(a,e))||i);return o>3&&i&&Object.defineProperty(a,e,i),i};const n=class{constructor(e){t(this,e),this.stateUpdate=a(this,"rtkStateUpdate",7),this.iconPack=s,this.t=o()}render(){return e(r,{key:"f3dba7a49cfd4c051dfba4cef64430ec670512d8"},e("slot",{key:"6500537d6fb1f3da3ede35f4e9aa3f227c71323f"}))}};f([i()],n.prototype,"iconPack",void 0),f([i()],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:block;position:relative;overflow:hidden}";export{n as rtk_stage}

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

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

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

@@ -1 +0,0 @@
-import{r as n,c as t,h as a,H as e}from"./p-533ecbf2.js";import{S as r}from"./p-0218a56b.js";import{a as o,c as i}from"./p-0d9929ac.js";const s=class{constructor(a){n(this,a),this.tabChange=t(this,"tabChange",7),this.sidebarClose=t(this,"sidebarClose",7),this.view="sidebar",this.tabs=[],this.hideHeader=!1,this.hideCloseAction=!1,this.iconPack=o,this.t=i(),this.onClose=()=>{this.sidebarClose.emit()}}render(){const n="full-screen"===this.view,t=this.tabs.find((n=>n.id===this.currentTab));return a(e,{key:"7e7b26b4e4ee46ca3a2736954dd696cfacf778fd",class:this.view},!this.hideCloseAction&&a("rtk-button",{key:"d8a79d17cefc4bb509545f42f1079e7a5827753d",variant:"ghost",kind:"icon",class:"close",onClick:this.onClose,"aria-label":this.t("close")},a("rtk-icon",{key:"b1d5af04e05834fbf8cc11632b16517712e7868a",icon:this.iconPack.dismiss})),t&&!this.hideHeader&&a("header",{key:"8b11b797a4dea3eb59f3f3840adb312cca5e9e60",class:"main-header"},a("h3",{key:"b242b4d75916bcdfbac23acfdc3c8576e362cc65"},t.name),a("slot",{key:"7484af9d5711eae12ab57bf186e6657f04098b29",name:"pinned-state"})),n&&a("header",{key:"71f70ff55b811ebe2f68ef3d8456ec0a686f292c",class:"mobile-tabs"},this.tabs.map((n=>a("button",{onClick:()=>{this.tabChange.emit(n.id)},class:{active:this.currentTab===n.id}},n.name)))),a("slot",{key:"095e9ef2c92879725c5d10d3e4583a10aad66911",name:this.currentTab}))}};(function(n,t,a,e){var r,o=arguments.length,i=o<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,a,e);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(i=(o<3?r(i):o>3?r(t,a,i):r(t,a))||i);o>3&&i&&Object.defineProperty(t,a,i)})([r()],s.prototype,"t",void 0),s.style=":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";export{s as rtk_sidebar_ui}