@cloudflare/realtimekit-ui 1.1.0-staging.1 → 1.1.0-staging.11

package/dist/realtimekit-ui/{p-36c8dfa0.entry.js → p-2e996dd5.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,w as a,h as e,H as i}from"./p-0ee570cd.js";import{e as o,h as s,X as c,R as n}from"./p-e87928f7.js";import{f as p,a as d}from"./p-6f211c3e.js";import{S as h}from"./p-80c856cd.js";var l=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const b=class{constructor(e){t(this,e),this.onParticipantsAdd=r(this,"participantsAdd",7),this.onParticipantDelete=r(this,"participantDelete",7),this.onRoomJoin=r(this,"roomJoin",7),this.deleteRoom=r(this,"delete",7),this.updateRoom=r(this,"update",7),this.allowDelete=!0,this.iconPack=o,this.t=s(),this.isDragMode=!1,this.defaultExpanded=!1,this.editingTitleRoomId=null,this.newTitle=null,this.showExpandedCard=!1,this.glowingCard=!1,this.permissionsUpdateListener=()=>{this.permissions=this.meeting.self.permissions.connectedMeetings},this.reset=()=>{this.editingTitleRoomId=null,this.newTitle=null},this.onEditClick=()=>{if(this.editingTitleRoomId){if(this.newTitle.length<3)return;this.roomTitle=this.newTitle,this.updateRoom.emit({title:this.newTitle,id:this.editingTitleRoomId}),this.glowCard(),this.reset()}else this.editingTitleRoomId=this.room.id,a((()=>{this.inputTextEl.focus(),this.inputTextEl.select()}))},this.onDrop=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.remove("drop-zone-active"),this.onAssign())},this.onDragOver=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.add("drop-zone-active"),t.preventDefault())}}connectedCallback(){var t;this.allParticipants=c(this.meeting),this.permissionsUpdateListener(),this.showExpandedCard=this.defaultExpanded,this.roomTitle=this.room.isParent?this.t("breakout_rooms.main_room"):null===(t=this.room)||void 0===t?void 0:t.title,this.canEditMeetingTitle=this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&!this.meeting.connectedMeetings.isActive,this.meeting.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener)}disconnectedCallback(){this.meeting.self.permissions.off("permissionsUpdate",this.permissionsUpdateListener)}onDragLeave(t){t.currentTarget instanceof HTMLParagraphElement&&t.currentTarget.classList.remove("drop-zone-active")}getAssignmentHint(){return this.assigningParticipants&&this.isDragMode?this.t("breakout_rooms.drag_drop_participants"):this.assigningParticipants?this.t("breakout_rooms.click_drop_participants"):0===this.room.participants.length?this.t("breakout_rooms.none_assigned"):void 0}toggleCardDisplay(){this.showExpandedCard=!this.showExpandedCard}glowCard(){this.glowingCard=!0,setTimeout((()=>{this.glowingCard=!1}),2e3)}onAssign(){this.onParticipantsAdd.emit(),this.glowCard()}onJoin(){this.onRoomJoin.emit()}onTitleChanged(t){"Enter"===t.key&&(this.newTitle=t.target.value,this.onEditClick())}renderPeer(t){const{displayPictureUrl:r}=this.allParticipants.find((r=>n(r)===n(t))),a=p(t.displayName||"");return e("div",{class:"peer-ui-container"},e("rtk-avatar",{participant:{name:a,picture:r},size:"sm"}),e("p",{class:"name",title:a},d(a,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}renderExpandedCardMaybe(){if(this.showExpandedCard&&!this.room.isParent&&this.getAssignmentHint()&&this.permissions.canAlterConnectedMeetings)return e("div",{class:"message-container"},e("p",{class:{"compact-height":0!==this.room.participants.length},onClick:()=>this.onAssign(),onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},this.getAssignmentHint()))}renderParticipantsMaybe(){if(this.showExpandedCard&&!this.room.isParent&&0!==this.room.participants.length)return e("div",{class:"participant-list",onClick:()=>{this.onAssign()}},this.room.participants.map((t=>e("div",{class:"participant-item",role:"listitem",key:t.id},this.renderPeer(t),this.permissions.canAlterConnectedMeetings&&e("rtk-icon",{class:"show-on-hover",icon:this.iconPack.dismiss,onClick:()=>{this.onParticipantDelete.emit(t)}})))))}render(){var t,r,a;if(!this.meeting||!this.room||!this.permissions)return null;const o=this.permissions.canAlterConnectedMeetings||this.permissions.canSwitchConnectedMeetings&&!this.room.isParent||this.permissions.canSwitchToParentMeeting&&this.room.isParent;return e(i,null,e("div",{class:{"assign-mode":this.assigningParticipants,"selector-mode":!this.assigningParticipants,"glowing-card":this.glowingCard}},e("div",{class:"header"},e("input",{ref:t=>this.inputTextEl=t,placeholder:this.t("breakout_rooms.room_name"),disabled:!(this.editingTitleRoomId===this.room.id),value:this.roomTitle,minlength:3,onChange:t=>{this.newTitle=t.target.value},onKeyPress:t=>this.onTitleChanged(t),class:{"editing-enabled":this.editingTitleRoomId===this.room.id},style:{width:`${this.roomTitle.length+1}ch`}}),this.editingTitleRoomId!==this.room.id&&e("span",{class:"participant-count"},"(",e("rtk-icon",{icon:this.iconPack.people}),null!==(a=null===(r=null===(t=this.room)||void 0===t?void 0:t.participants)||void 0===r?void 0:r.length)&&void 0!==a?a:"0",")"),this.canEditMeetingTitle&&e("rtk-tooltip",{label:this.t(this.editingTitleRoomId===this.room.id?"breakout_rooms.save_room_name":"breakout_rooms.edit_room_name")},e("rtk-icon",{icon:this.editingTitleRoomId===this.room.id?this.iconPack.checkmark:this.iconPack.edit,class:"show-on-hover",onClick:this.onEditClick})),e("div",{class:"rooms-container"},this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&this.allowDelete&&e("rtk-tooltip",{label:this.t("breakout_rooms.delete"),class:"danger"},e("rtk-icon",{icon:this.iconPack.delete,class:"show-on-hover",onClick:()=>{this.deleteRoom.emit()}})),this.assigningParticipants&&this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&e("rtk-button",{kind:"button",variant:"ghost",class:"assign-button",size:"md",onClick:()=>this.onAssign()},this.t("breakout_rooms.assign")),"edit"===this.mode&&!this.assigningParticipants&&o&&e("rtk-button",{kind:"button",variant:"ghost",class:"assign-button",size:"md",disabled:this.room.id===this.meeting.meta.meetingId,onClick:()=>this.onJoin()},this.t(this.room.id===this.meeting.meta.meetingId?"joined":"join")),!this.room.isParent&&e("rtk-icon",{icon:this.showExpandedCard?this.iconPack.chevron_up:this.iconPack.chevron_down,onClick:()=>this.toggleCardDisplay()}))),this.renderExpandedCardMaybe(),this.renderParticipantsMaybe()))}};l([h()],b.prototype,"meeting",void 0),l([h()],b.prototype,"states",void 0),l([h()],b.prototype,"iconPack",void 0),l([h()],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{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var k=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const g=class{constructor(a){t(this,a),this.onSelectedParticipantsUpdate=r(this,"selectedParticipantsUpdate",7),this.onAllToggled=r(this,"allParticipantsToggleUpdate",7),this.onParticipantsDragging=r(this,"participantsDragging",7),this.participantIds=[],this.iconPack=o,this.t=s(),this.search="",this.participantsToShow=[],this.selectedParticipantIds=[],this.isDragging=!1,this.onSearchInput=t=>{this.search=t.target.value},this.onDragStart=t=>{this.isDragging=!0,this.onParticipantsDragging.emit(!0),this.updateSelectedParticipants(t,!0)},this.onDragEnd=t=>{this.isDragging=!1,this.onParticipantsDragging.emit(!1),this.updateSelectedParticipants(t,!1)},this.onClick=t=>{const r=this.selectedParticipantIds.includes(n(t));this.updateSelectedParticipants(t,!r)},this.onToggleAll=t=>{const r=t?this.participantsToShow.map(n):[];this.onAllToggled.emit(r)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){}updateSelectedParticipants(t,r){const a=n(t);let e=[];e=r&&!this.selectedParticipantIds.includes(a)?[...this.selectedParticipantIds,a]:[...this.selectedParticipantIds.filter((t=>t!==a))],this.onSelectedParticipantsUpdate.emit(e)}meetingChanged(t){t&&this.getParticipants(this.search)}participantsChanged(){this.getParticipants(this.search)}searchChanged(t){this.getParticipants(t)}getParticipants(t){const r=c(this.meeting);this.participantsToShow=r.filter((r=>{var a;return this.participantIds.includes(n(r))&&(null!==(a=r.displayName)&&void 0!==a?a:"").toLowerCase().includes(t.toLowerCase())}))}renderPeer(t){const r=p(t.displayName||"");return e("div",{class:"peer-ui-container"},e("rtk-avatar",{participant:{name:t.displayName,picture:t.displayPictureUrl},size:"sm"}),e("p",{class:"name",title:r},d(r,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}render(){return e(i,{key:"2df7ce2cbfbdfea7d739e2d9ba39e029e650813a"},e("div",{key:"22e9786b7ce49b59c19f6dacd74aab60150a5ac1",class:"search-wrapper"},e("div",{key:"66dbf04424c21717663bc72c2d005ea1ca3c7b0b",class:"search",part:"search"},e("rtk-icon",{key:"c6ea14f0ea2c2b4833a3c6eca076a20e876bf16a",icon:this.iconPack.search,part:"search-icon",class:"search-icon"}),e("input",{key:"506a501cbbb0d5ac9ab18d727a5878452a1ddb94",type:"search",autocomplete:"off",placeholder:this.t("search"),onInput:this.onSearchInput,part:"search-input"})),e("slot",{key:"7811caee1f0abb42effdb9f1d5cd962b1d74f378",name:"shuffle-button"})),e("div",{key:"31343e56d0109cd9a43e6baf0ecccc41e67aca0e",class:"header"},e("div",{key:"6a534ac1cb33e0cb9b2a8edbbf8933aa87e6e679",class:"title-wrapper"},e("span",{key:"3ce597924d2132e5b9ebacfb3d4078cff50a619b"},this.t("breakout_rooms.main_room")),e("span",{key:"1033023b38905b1a5ef7ebfd7be025dfdedb4f61",class:"participant-count"},"(",e("rtk-icon",{key:"5eed0bebdeb203efb34893e4e5790f8f4ff699e7",icon:this.iconPack.people}),this.participantsToShow.length,")")),0!==this.selectedParticipantIds.length&&e("rtk-tooltip",{key:"cbb49326b124b9fc085e9647fa00f0b9132b11e3",label:this.t("breakout_rooms.select_all")},e("input",{key:"049b49f2171d40908855f156bc12e714e5cdb3d9",type:"checkbox",checked:this.selectedParticipantIds.length===this.participantsToShow.length,onChange:t=>this.onToggleAll(!!t.target.checked)}))),e("div",{key:"0f0f58ee1e6743b40c955c8b7103d2ec73de8f9c",class:"ctr scrollbar",part:"container"},this.participantsToShow.length>0&&e("ul",{key:"7ecb78de6863bb8792e69b7bdff5cc94b95050e8",class:"participants",part:"participants"},this.participantsToShow.map((t=>e("li",{class:{"participant-item":!0,dragging:this.isDragging},onClick:()=>this.onClick(t),onDragStart:()=>this.onDragStart(t),onDragEnd:()=>this.onDragEnd(t),draggable:0===this.selectedParticipantIds.length,role:"listitem",key:t.id},this.renderPeer(t),!this.isDragging&&e("input",{type:"checkbox",class:{"hide-checkbox":0===this.selectedParticipantIds.length},checked:this.selectedParticipantIds.includes(n(t))}))))),0===this.participantsToShow.length&&this.search.length>0&&e("div",{key:"bbe867d1f141f2c72d7f801d0eaedd5a0fc484b7",class:"empty-message"},this.t("participants.errors.empty_results")),0===this.participantsToShow.length&&0===this.search.length&&e("div",{key:"84864749f6c582214a03ef21f027a9977d979785",class:"empty-room"},e("rtk-icon",{key:"31353ae4541b5d32d402c77838955f263a02c75f",icon:this.iconPack.people_checked,part:"search-icon",class:"search-icon"}),e("p",{key:"4201bc2d18b32a3e96fee9fe6f8fdb4f75464cb1"},this.t("breakout_rooms.all_assigned")),e("span",{key:"e5245caf044fd96b17c41851dce8d22e1c6a083e"},this.t("breakout_rooms.empty_main_room")))))}static get watchers(){return{meeting:["meetingChanged"],participantIds:["participantsChanged"],search:["searchChanged"]}}};k([h()],g.prototype,"meeting",void 0),k([h()],g.prototype,"iconPack",void 0),k([h()],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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.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-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var v=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const u=class{constructor(a){t(this,a),this.onChange=r(this,"valueChange",7),this.input="1",this.minValue=0,this.iconPack=o,this.t=s()}connectedCallback(){this.watchStateHandler(this.input),this.input=this.value.toString()}watchStateHandler(t){this.onChange.emit(t)}increment(){this.input=Math.max(parseInt(this.input)+1,this.minValue).toString()}decrement(){this.input=Math.max(this.minValue,parseInt(this.input)-1).toString()}render(){return e(i,{key:"ef85b8128d8f6470dade486d8b31948db504ca21"},e("rtk-button",{key:"cfe52b812fcbb969cfa26cfd6f07aaf2f8b68cb2",kind:"icon",variant:"ghost",onClick:()=>this.decrement()},e("rtk-icon",{key:"947cbae0757f3b56ca511789d431da4a9457259a",icon:this.iconPack.subtract})),e("input",{key:"082850c82f03fa110b670234c676b35e56ac663f",type:"number",value:this.input,min:this.minValue,onInput:t=>{const r=parseInt(t.target.value,10);this.input=isNaN(r)||r<this.minValue?this.minValue.toString():r.toString()}}),e("rtk-button",{key:"fcb469289475e418446019725f47b3fcfe4a2ec1",kind:"icon",variant:"ghost",onClick:()=>this.increment()},e("rtk-icon",{key:"d4f907255b622dfea369815f4c99ea3a4656caf7",icon:this.iconPack.add})))}static get watchers(){return{input:["watchStateHandler"]}}};v([h()],u.prototype,"iconPack",void 0),v([h()],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{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";export{b as rtk_breakout_room_manager,g as rtk_breakout_room_participants,u as rtk_counter}
+import{r as t,c as r,w as a,h as e,H as i}from"./p-0ee570cd.js";import{e as o,i as s,Y as c,T as n}from"./p-ae9de69a.js";import{f as p,a as d}from"./p-6f211c3e.js";import{S as h}from"./p-1ff96b0f.js";var l=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const b=class{constructor(e){t(this,e),this.onParticipantsAdd=r(this,"participantsAdd",7),this.onParticipantDelete=r(this,"participantDelete",7),this.onRoomJoin=r(this,"roomJoin",7),this.deleteRoom=r(this,"delete",7),this.updateRoom=r(this,"update",7),this.allowDelete=!0,this.iconPack=o,this.t=s(),this.isDragMode=!1,this.defaultExpanded=!1,this.editingTitleRoomId=null,this.newTitle=null,this.showExpandedCard=!1,this.glowingCard=!1,this.permissionsUpdateListener=()=>{this.permissions=this.meeting.self.permissions.connectedMeetings},this.reset=()=>{this.editingTitleRoomId=null,this.newTitle=null},this.onEditClick=()=>{if(this.editingTitleRoomId){if(this.newTitle.length<3)return;this.roomTitle=this.newTitle,this.updateRoom.emit({title:this.newTitle,id:this.editingTitleRoomId}),this.glowCard(),this.reset()}else this.editingTitleRoomId=this.room.id,a((()=>{this.inputTextEl.focus(),this.inputTextEl.select()}))},this.onDrop=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.remove("drop-zone-active"),this.onAssign())},this.onDragOver=t=>{t.currentTarget instanceof HTMLParagraphElement&&(t.currentTarget.classList.add("drop-zone-active"),t.preventDefault())}}connectedCallback(){var t;this.allParticipants=c(this.meeting),this.permissionsUpdateListener(),this.showExpandedCard=this.defaultExpanded,this.roomTitle=this.room.isParent?this.t("breakout_rooms.main_room"):null===(t=this.room)||void 0===t?void 0:t.title,this.canEditMeetingTitle=this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&!this.meeting.connectedMeetings.isActive,this.meeting.self.permissions.on("permissionsUpdate",this.permissionsUpdateListener)}disconnectedCallback(){this.meeting.self.permissions.off("permissionsUpdate",this.permissionsUpdateListener)}onDragLeave(t){t.currentTarget instanceof HTMLParagraphElement&&t.currentTarget.classList.remove("drop-zone-active")}getAssignmentHint(){return this.assigningParticipants&&this.isDragMode?this.t("breakout_rooms.drag_drop_participants"):this.assigningParticipants?this.t("breakout_rooms.click_drop_participants"):0===this.room.participants.length?this.t("breakout_rooms.none_assigned"):void 0}toggleCardDisplay(){this.showExpandedCard=!this.showExpandedCard}glowCard(){this.glowingCard=!0,setTimeout((()=>{this.glowingCard=!1}),2e3)}onAssign(){this.onParticipantsAdd.emit(),this.glowCard()}onJoin(){this.onRoomJoin.emit()}onTitleChanged(t){"Enter"===t.key&&(this.newTitle=t.target.value,this.onEditClick())}renderPeer(t){const{displayPictureUrl:r}=this.allParticipants.find((r=>n(r)===n(t))),a=p(t.displayName||"");return e("div",{class:"peer-ui-container"},e("rtk-avatar",{participant:{name:a,picture:r},size:"sm"}),e("p",{class:"name",title:a},d(a,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}renderExpandedCardMaybe(){if(this.showExpandedCard&&!this.room.isParent&&this.getAssignmentHint()&&this.permissions.canAlterConnectedMeetings)return e("div",{class:"message-container"},e("p",{class:{"compact-height":0!==this.room.participants.length},onClick:()=>this.onAssign(),onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},this.getAssignmentHint()))}renderParticipantsMaybe(){if(this.showExpandedCard&&!this.room.isParent&&0!==this.room.participants.length)return e("div",{class:"participant-list",onClick:()=>{this.onAssign()}},this.room.participants.map((t=>e("div",{class:"participant-item",role:"listitem",key:t.id},this.renderPeer(t),this.permissions.canAlterConnectedMeetings&&e("rtk-icon",{class:"show-on-hover",icon:this.iconPack.dismiss,onClick:()=>{this.onParticipantDelete.emit(t)}})))))}render(){var t,r,a;if(!this.meeting||!this.room||!this.permissions)return null;const o=this.permissions.canAlterConnectedMeetings||this.permissions.canSwitchConnectedMeetings&&!this.room.isParent||this.permissions.canSwitchToParentMeeting&&this.room.isParent;return e(i,null,e("div",{class:{"assign-mode":this.assigningParticipants,"selector-mode":!this.assigningParticipants,"glowing-card":this.glowingCard}},e("div",{class:"header"},e("input",{ref:t=>this.inputTextEl=t,placeholder:this.t("breakout_rooms.room_name"),disabled:!(this.editingTitleRoomId===this.room.id),value:this.roomTitle,minlength:3,onChange:t=>{this.newTitle=t.target.value},onKeyPress:t=>this.onTitleChanged(t),class:{"editing-enabled":this.editingTitleRoomId===this.room.id},style:{width:`${this.roomTitle.length+1}ch`}}),this.editingTitleRoomId!==this.room.id&&e("span",{class:"participant-count"},"(",e("rtk-icon",{icon:this.iconPack.people}),null!==(a=null===(r=null===(t=this.room)||void 0===t?void 0:t.participants)||void 0===r?void 0:r.length)&&void 0!==a?a:"0",")"),this.canEditMeetingTitle&&e("rtk-tooltip",{label:this.t(this.editingTitleRoomId===this.room.id?"breakout_rooms.save_room_name":"breakout_rooms.edit_room_name")},e("rtk-icon",{icon:this.editingTitleRoomId===this.room.id?this.iconPack.checkmark:this.iconPack.edit,class:"show-on-hover",onClick:this.onEditClick})),e("div",{class:"rooms-container"},this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&this.allowDelete&&e("rtk-tooltip",{label:this.t("breakout_rooms.delete"),class:"danger"},e("rtk-icon",{icon:this.iconPack.delete,class:"show-on-hover",onClick:()=>{this.deleteRoom.emit()}})),this.assigningParticipants&&this.permissions.canAlterConnectedMeetings&&!this.room.isParent&&e("rtk-button",{kind:"button",variant:"ghost",class:"assign-button",size:"md",onClick:()=>this.onAssign()},this.t("breakout_rooms.assign")),"edit"===this.mode&&!this.assigningParticipants&&o&&e("rtk-button",{kind:"button",variant:"ghost",class:"assign-button",size:"md",disabled:this.room.id===this.meeting.meta.meetingId,onClick:()=>this.onJoin()},this.t(this.room.id===this.meeting.meta.meetingId?"joined":"join")),!this.room.isParent&&e("rtk-icon",{icon:this.showExpandedCard?this.iconPack.chevron_up:this.iconPack.chevron_down,onClick:()=>this.toggleCardDisplay()}))),this.renderExpandedCardMaybe(),this.renderParticipantsMaybe()))}};l([h()],b.prototype,"meeting",void 0),l([h()],b.prototype,"states",void 0),l([h()],b.prototype,"iconPack",void 0),l([h()],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{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var k=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const g=class{constructor(a){t(this,a),this.onSelectedParticipantsUpdate=r(this,"selectedParticipantsUpdate",7),this.onAllToggled=r(this,"allParticipantsToggleUpdate",7),this.onParticipantsDragging=r(this,"participantsDragging",7),this.participantIds=[],this.iconPack=o,this.t=s(),this.search="",this.participantsToShow=[],this.selectedParticipantIds=[],this.isDragging=!1,this.onSearchInput=t=>{this.search=t.target.value},this.onDragStart=t=>{this.isDragging=!0,this.onParticipantsDragging.emit(!0),this.updateSelectedParticipants(t,!0)},this.onDragEnd=t=>{this.isDragging=!1,this.onParticipantsDragging.emit(!1),this.updateSelectedParticipants(t,!1)},this.onClick=t=>{const r=this.selectedParticipantIds.includes(n(t));this.updateSelectedParticipants(t,!r)},this.onToggleAll=t=>{const r=t?this.participantsToShow.map(n):[];this.onAllToggled.emit(r)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){}updateSelectedParticipants(t,r){const a=n(t);let e=[];e=r&&!this.selectedParticipantIds.includes(a)?[...this.selectedParticipantIds,a]:[...this.selectedParticipantIds.filter((t=>t!==a))],this.onSelectedParticipantsUpdate.emit(e)}meetingChanged(t){t&&this.getParticipants(this.search)}participantsChanged(){this.getParticipants(this.search)}searchChanged(t){this.getParticipants(t)}getParticipants(t){const r=c(this.meeting);this.participantsToShow=r.filter((r=>{var a;return this.participantIds.includes(n(r))&&(null!==(a=r.displayName)&&void 0!==a?a:"").toLowerCase().includes(t.toLowerCase())}))}renderPeer(t){const r=p(t.displayName||"");return e("div",{class:"peer-ui-container"},e("rtk-avatar",{participant:{name:t.displayName,picture:t.displayPictureUrl},size:"sm"}),e("p",{class:"name",title:r},d(r,16),this.meeting.self.userId===t.id&&` (${this.t("you")})`))}render(){return e(i,{key:"7b4fb8a52a766c434d0190690adee236653f8695"},e("div",{key:"6b9beba4ad3838402b502d6b3122d37bfc5b30a4",class:"search-wrapper"},e("div",{key:"932ecc0612acb51bd938ca9794af9b47c7bc09b8",class:"search",part:"search"},e("rtk-icon",{key:"6b375cbd17ce7deb3b38081cfb692ec443983a35",icon:this.iconPack.search,part:"search-icon",class:"search-icon"}),e("input",{key:"0b39fa195d5e915e74a1968a3f7344d0eb684b41",type:"search",autocomplete:"off",placeholder:this.t("search"),onInput:this.onSearchInput,part:"search-input"})),e("slot",{key:"71aa49c87ae265fb8a3a698081dc97d9491eb77b",name:"shuffle-button"})),e("div",{key:"01be3dbfb519320ad40f135eb02e79cc7b0e418a",class:"header"},e("div",{key:"d52d19db24477cb31119ea67e8c3873bde405cf6",class:"title-wrapper"},e("span",{key:"ebb123556faf18cbb29d8e80c4720922c25f29c4"},this.t("breakout_rooms.main_room")),e("span",{key:"3764c3184de86a8b47084ec43092f931ef80921a",class:"participant-count"},"(",e("rtk-icon",{key:"4b442b5e54b446861af22d63d21bf153d44307a0",icon:this.iconPack.people}),this.participantsToShow.length,")")),0!==this.selectedParticipantIds.length&&e("rtk-tooltip",{key:"84dd5dea2a502ce55f860ab46bc160d5f1fac3a5",label:this.t("breakout_rooms.select_all")},e("input",{key:"ba4de556aa6417f62e11b345d6c5deddeaada678",type:"checkbox",checked:this.selectedParticipantIds.length===this.participantsToShow.length,onChange:t=>this.onToggleAll(!!t.target.checked)}))),e("div",{key:"a5460550231bb96b13bcd72ab97c15bc0ca9227d",class:"ctr scrollbar",part:"container"},this.participantsToShow.length>0&&e("ul",{key:"dbe3c4fc0bed63ff086b02f431ff0e880c7c008f",class:"participants",part:"participants"},this.participantsToShow.map((t=>e("li",{class:{"participant-item":!0,dragging:this.isDragging},onClick:()=>this.onClick(t),onDragStart:()=>this.onDragStart(t),onDragEnd:()=>this.onDragEnd(t),draggable:0===this.selectedParticipantIds.length,role:"listitem",key:t.id},this.renderPeer(t),!this.isDragging&&e("input",{type:"checkbox",class:{"hide-checkbox":0===this.selectedParticipantIds.length},checked:this.selectedParticipantIds.includes(n(t))}))))),0===this.participantsToShow.length&&this.search.length>0&&e("div",{key:"96c88d33922b97ca5fc5752a85862e11eaa214cb",class:"empty-message"},this.t("participants.errors.empty_results")),0===this.participantsToShow.length&&0===this.search.length&&e("div",{key:"74a766dfc41fafe84a5e34d0352cbec27d0b8b1e",class:"empty-room"},e("rtk-icon",{key:"32f1e3389b316f4c9471960a7bdfedc2817d86a9",icon:this.iconPack.people_checked,part:"search-icon",class:"search-icon"}),e("p",{key:"0de2996cedffac1734a277e226978768b875aabd"},this.t("breakout_rooms.all_assigned")),e("span",{key:"83c7195b681e00ab53a52ecaad490c9b7501d5b0"},this.t("breakout_rooms.empty_main_room")))))}static get watchers(){return{meeting:["meetingChanged"],participantIds:["participantsChanged"],search:["searchChanged"]}}};k([h()],g.prototype,"meeting",void 0),k([h()],g.prototype,"iconPack",void 0),k([h()],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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.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-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";var v=function(t,r,a,e){var i,o=arguments.length,s=o<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(s=(o<3?i(s):o>3?i(r,a,s):i(r,a))||s);return o>3&&s&&Object.defineProperty(r,a,s),s};const u=class{constructor(a){t(this,a),this.onChange=r(this,"valueChange",7),this.input="1",this.minValue=0,this.iconPack=o,this.t=s()}connectedCallback(){this.watchStateHandler(this.input),this.input=this.value.toString()}watchStateHandler(t){this.onChange.emit(t)}increment(){this.input=Math.max(parseInt(this.input)+1,this.minValue).toString()}decrement(){this.input=Math.max(this.minValue,parseInt(this.input)-1).toString()}render(){return e(i,{key:"fbc7f1e47c7554a2ef41fd25469d0b7a6921b779"},e("rtk-button",{key:"6009c3bff7b0a9052e3381957bf3ebc0a272b707",kind:"icon",variant:"ghost",onClick:()=>this.decrement()},e("rtk-icon",{key:"cc87c9d0e756651ddca7346b7730089307dc5e32",icon:this.iconPack.subtract})),e("input",{key:"bf618a065b804ba2eb905c77fb8f28553fbaf982",type:"number",value:this.input,min:this.minValue,onInput:t=>{const r=parseInt(t.target.value,10);this.input=isNaN(r)||r<this.minValue?this.minValue.toString():r.toString()}}),e("rtk-button",{key:"1b4fadb3e4a6254956cc0b8ce14d98d97c491203",kind:"icon",variant:"ghost",onClick:()=>this.increment()},e("rtk-icon",{key:"334bb08975bc7ec0733de9ae1ca1feaddeecb332",icon:this.iconPack.add})))}static get watchers(){return{input:["watchStateHandler"]}}};v([h()],u.prototype,"iconPack",void 0),v([h()],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{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";export{b as rtk_breakout_room_manager,g as rtk_breakout_room_participants,u as rtk_counter}

package/dist/realtimekit-ui/{p-3a325310.entry.js → p-3229431b.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as r}from"./p-0ee570cd.js";import{c as a,e as s,h as i}from"./p-e87928f7.js";import{S as o}from"./p-80c856cd.js";var n=function(t,e,r,a){var s,i=arguments.length,o=i<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(i<3?s(o):i>3?s(e,r,o):s(e,r))||o);return i>3&&o&&Object.defineProperty(e,r,o),o};const c=class{constructor(e){t(this,e),this.config=a(),this.icon=s,this.t=i(),this.iconPack=s,this.message=""}connectedCallback(){this.statesChanged(this.states)}getBreakoutRoomsMessage(t){var e;let r;return"connected-meeting"===(null==t?void 0:t.roomLeftState)&&(r=(null===(e=this.states.activeBreakoutRoomsManager)||void 0===e?void 0:e.destinationMeetingId)===this.meeting.connectedMeetings.parentMeeting.id?"breakout_rooms.move_reason.switch_main_room":"breakout_rooms.move_reason.switch_room"),r}statesChanged(t){if(null!=t)switch(null==t?void 0:t.roomLeftState){case"left":this.message="ended.left";break;case"kicked":this.message="ended.kicked";break;case"disconnected":this.message="ended.disconnected";break;case"rejected":this.message="ended.rejected";break;case"connected-meeting":this.message=this.getBreakoutRoomsMessage(t);break;case"unauthorized":this.message="ended.unauthorized";break;default:this.message="ended"}}renderBreakoutRoomScreen(){return e(r,null,e("div",{class:"ctr",part:"container"},e("rtk-icon",{icon:this.iconPack.breakout_rooms}),e("p",{part:"message",class:"breakout"},this.t(this.message))))}render(){if(!this.meeting)return null;const t=this.states;return"connected-meeting"===t.roomLeftState?this.renderBreakoutRoomScreen():e(r,null,e("div",{class:"ctr",part:"container"},e("rtk-logo",{meeting:this.meeting,config:this.config,part:"logo",t:this.t}),e("p",{part:"message"},this.t(this.message)),"disconnected"===(null==t?void 0:t.roomLeftState)&&e("span",{part:"description"},this.t("ended.network"))))}static get watchers(){return{states:["statesChanged"]}}};n([o()],c.prototype,"config",void 0),n([o()],c.prototype,"states",void 0),n([o()],c.prototype,"t",void 0),n([o()],c.prototype,"iconPack",void 0),n([o()],c.prototype,"meeting",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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";export{c as rtk_ended_screen}
+import{r as t,h as e,H as r}from"./p-0ee570cd.js";import{c as a,e as i,i as s}from"./p-ae9de69a.js";import{S as o}from"./p-1ff96b0f.js";var n=function(t,e,r,a){var i,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(o=(s<3?i(o):s>3?i(e,r,o):i(e,r))||o);return s>3&&o&&Object.defineProperty(e,r,o),o};const c=class{constructor(e){t(this,e),this.config=a(),this.icon=i,this.t=s(),this.iconPack=i,this.message=""}connectedCallback(){this.statesChanged(this.states)}getBreakoutRoomsMessage(t){var e;let r;return"connected-meeting"===(null==t?void 0:t.roomLeftState)&&(r=(null===(e=this.states.activeBreakoutRoomsManager)||void 0===e?void 0:e.destinationMeetingId)===this.meeting.connectedMeetings.parentMeeting.id?"breakout_rooms.move_reason.switch_main_room":"breakout_rooms.move_reason.switch_room"),r}statesChanged(t){if(null!=t)switch(null==t?void 0:t.roomLeftState){case"left":this.message="ended.left";break;case"kicked":this.message="ended.kicked";break;case"disconnected":this.message="ended.disconnected";break;case"rejected":this.message="ended.rejected";break;case"connected-meeting":this.message=this.getBreakoutRoomsMessage(t);break;case"unauthorized":this.message="ended.unauthorized";break;default:this.message="ended"}}renderBreakoutRoomScreen(){return e(r,null,e("div",{class:"ctr",part:"container"},e("rtk-icon",{icon:this.iconPack.breakout_rooms}),e("p",{part:"message",class:"breakout"},this.t(this.message))))}render(){if(!this.meeting)return null;const t=this.states;return"connected-meeting"===t.roomLeftState?this.renderBreakoutRoomScreen():e(r,null,e("div",{class:"ctr",part:"container"},e("rtk-logo",{meeting:this.meeting,config:this.config,part:"logo",t:this.t}),e("p",{part:"message"},this.t(this.message)),"disconnected"===(null==t?void 0:t.roomLeftState)&&e("span",{part:"description"},this.t("ended.network"))))}static get watchers(){return{states:["statesChanged"]}}};n([o()],c.prototype,"config",void 0),n([o()],c.prototype,"states",void 0),n([o()],c.prototype,"t",void 0),n([o()],c.prototype,"iconPack",void 0),n([o()],c.prototype,"meeting",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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";export{c as rtk_ended_screen}

package/dist/realtimekit-ui/p-328d53bd.js

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

package/dist/realtimekit-ui/p-334f3f6d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as a,H as r}from"./p-0ee570cd.js";import{e as s,i}from"./p-ae9de69a.js";import{S as o}from"./p-1ff96b0f.js";var f=function(t,e,a,r){var s,i=arguments.length,o=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,a,r);else for(var f=t.length-1;f>=0;f--)(s=t[f])&&(o=(i<3?s(o):i>3?s(e,a,o):s(e,a))||o);return i>3&&o&&Object.defineProperty(e,a,o),o};const n=class{constructor(a){t(this,a),this.stateUpdate=e(this,"rtkStateUpdate",7),this.iconPack=s,this.t=i()}render(){return a(r,{key:"5368323635d0a3262bdecf9ac75a33db78bc1553"},a("slot",{key:"f0b07507a8a299e12c251fbb056ae30cf1302554"}))}};f([o()],n.prototype,"iconPack",void 0),f([o()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;position:relative;overflow:hidden}";export{n as rtk_stage}

package/dist/realtimekit-ui/{p-2a0ec1c6.entry.js → p-38fb340d.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,w as a,c as r}from"./p-0ee570cd.js";import{h as s}from"./p-3f882e7c.js";import{e as o,h as n,F as c}from"./p-e87928f7.js";import{S as l}from"./p-80c856cd.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 d=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(){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"]}}};d([l()],p.prototype,"iconPack",void 0),d([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)}: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(c(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([l()],g.prototype,"meeting",void 0),v([l()],g.prototype,"iconPack",void 0),v([l()],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(c(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&&!c(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([l()],k.prototype,"meeting",void 0),u([l()],k.prototype,"states",void 0),u([l()],k.prototype,"iconPack",void 0),u([l()],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:"2543d327357cb3533a081fe7e88f68b8a421771f",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:"1a737e76fd261e4e1dc13e94f69aee1004aa1753",class:"switch",part:"switch"}))}static get watchers(){return{checked:["checkedChange"]}}};f([l()],b.prototype,"iconPack",void 0),f([l()],b.prototype,"t",void 0),b.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}: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}
+import{r as t,h as i,H as e,w as a,c as r}from"./p-0ee570cd.js";import{h as s}from"./p-3f882e7c.js";import{e as o,i as n,G as c}from"./p-ae9de69a.js";import{S as l}from"./p-1ff96b0f.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([l()],p.prototype,"iconPack",void 0),h([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)}: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(c(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([l()],g.prototype,"meeting",void 0),v([l()],g.prototype,"iconPack",void 0),v([l()],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(c(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&&!c(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([l()],k.prototype,"meeting",void 0),u([l()],k.prototype,"states",void 0),u([l()],k.prototype,"iconPack",void 0),u([l()],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:"ce4f861d8b66849d5a9b2251be91f4ce02bba7dd",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:"26012b5e10f40d86c2f8cbac47c9ef09a3d4b21c",class:"switch",part:"switch"}))}static get watchers(){return{checked:["checkedChange"]}}};f([l()],b.prototype,"iconPack",void 0),f([l()],b.prototype,"t",void 0),b.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}: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-6a45f305.js → p-3a14da51.js}

@@ -1 +1 @@
-import{F as t}from"./p-e87928f7.js";const i={joined:"https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3",left:"https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3",message:"https://rtk-uploads.realtime.cloudflare.com/notification_message.mp3"};class o{constructor(t){this.meeting=t,this.audio=document.createElement("audio"),this.audio.volume=.3}play(t,o=3e3){var s;this.playing||(this.playing=!0,this.audio.src=i[t],this.audio.volume=.3,null===(s=this.audio.play())||void 0===s||s.catch((()=>{})),setTimeout((()=>{this.playing=!1}),o))}async setDevice(i){var o,s,a;t(this.meeting)||await(null===(a=null===(s=null===(o=this.audio)||void 0===o?void 0:o.setSinkId)||void 0===s?void 0:s.call(o,i))||void 0===a?void 0:a.catch((()=>{})))}}export{o as R}
+import{G as t}from"./p-ae9de69a.js";const i={joined:"https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3",left:"https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3",message:"https://rtk-uploads.realtime.cloudflare.com/notification_message.mp3"};class o{constructor(t){this.meeting=t,this.audio=document.createElement("audio"),this.audio.volume=.3}play(t,o=3e3){var s;this.playing||(this.playing=!0,this.audio.src=i[t],this.audio.volume=.3,null===(s=this.audio.play())||void 0===s||s.catch((()=>{})),setTimeout((()=>{this.playing=!1}),o))}async setDevice(i){var o,s,a;t(this.meeting)||await(null===(a=null===(s=null===(o=this.audio)||void 0===o?void 0:o.setSinkId)||void 0===s?void 0:s.call(o,i))||void 0===a?void 0:a.catch((()=>{})))}}export{o as R}

package/dist/realtimekit-ui/p-3a309e80.entry.js

@@ -0,0 +1 @@
+import{r,c as t,h as a,H as o}from"./p-0ee570cd.js";import{e,i}from"./p-ae9de69a.js";import{S as s}from"./p-1ff96b0f.js";import{a as c,f as l,g as n}from"./p-6f211c3e.js";var p=function(r,t,a,o){var e,i=arguments.length,s=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(r,t,a,o);else for(var c=r.length-1;c>=0;c--)(e=r[c])&&(s=(i<3?e(s):i>3?e(t,a,s):e(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s};const d=class{constructor(a){r(this,a),this.onVote=t(this,"rtkVotePoll",7),this.iconPack=e,this.t=i(),this.MAX_VOTES_RENDER=10}vote(r,t){this.poll.voted.includes(this.self)?r.preventDefault():this.onVote.emit({id:this.poll.id,index:t})}render(){const r=this.poll.voted.includes(this.self);return a(o,{key:"39f25f553fc30f4ebeea9b7dd9a55287f225448c"},a("div",{key:"a6a2343638fb7c9775bbfd84bba302a78fcde458",class:"ctr"},a("p",{key:"8ccf6166c6cb75fc0cd6f5069455a338be6e43c4",class:"poll-title"},this.t("polls.by")," ",c(l(this.poll.createdBy),20)),a("div",{key:"17f08a02b6893e7fbef7158570c6e31d9100a552",class:"poll"},a("p",{key:"eee1faa3319a7d589a391864934e98fab7bbeb5f",class:"poll-question"},this.poll.question),a("div",{key:"f8603d70251e079d081734c0178a1f164b8e8439",class:"poll-answers"},a("span",{key:"009a83cb6bb8f2d1ba575e711f7cd81e6756b6d0"},this.t("polls.answers")),a("span",{key:"6ef5c6ee1c85371f94e3219c060f088613f15147"},this.poll.voted.length)),this.poll.options.map(((t,o)=>a("div",{class:{active:t.votes.some((r=>r.id===this.self)),"open-vote":this.permissions.polls.canVote&&!r,"poll-option":!0}},a("div",{class:"poll-option-header","data-disabled":!this.permissions.polls.canVote},a("label",null,!r&&a("input",{disabled:!this.permissions.polls.canVote,readOnly:r,type:"radio",checked:t.votes.some((r=>r.id===this.self)),onClick:r=>this.vote(r,o)}),a("p",null,t.text)),a("span",{class:"counter"},t.count)),a("div",{class:"votes"},t.votes.slice(0,this.MAX_VOTES_RENDER).map((r=>{if(!this.poll.anonymous||this.self===this.poll.createdByUserId)return a("rtk-tooltip",{label:r.name},a("div",{class:"vote"},n(r.name)))})),t.votes.length>this.MAX_VOTES_RENDER&&a("rtk-tooltip",{label:`+${t.votes.length-this.MAX_VOTES_RENDER} more `},a("div",{class:"vote"},"+",t.votes.length-this.MAX_VOTES_RENDER)))))))))}};p([s()],d.prototype,"iconPack",void 0),p([s()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.ctr{margin-bottom:var(--rtk-space-3, 12px);display:flex;width:100%;flex-direction:column;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.poll-title{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-4, 16px);font-size:12px}.poll{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));display:flex;flex-direction:column;padding:var(--rtk-space-4, 16px)}.poll-question{padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;overflow-wrap:break-word}.poll-answers{display:flex;flex-direction:row;justify-content:space-between;font-size:12px;margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-3, 12px)}.poll-option{display:flex;flex-direction:column;margin-top:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);word-break:break-word}.poll-option.open-vote:hover{cursor:pointer}.poll-option label{display:flex;flex-direction:row;cursor:inherit}.poll-option-header{display:flex;flex-direction:row;justify-content:space-between;padding:var(--rtk-space-1, 4px)}.poll-option-header[data-disabled='true']:hover{cursor:default}.poll-option-header input{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-2, 8px);cursor:inherit}.poll-option-header .counter{color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:12px}.votes{margin-top:var(--rtk-space-1, 4px);display:flex;flex-direction:row;flex-wrap:wrap}.vote{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);display:flex;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-none, 0);clip-path:circle()}.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.active .counter{color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}";var b=function(r,t,a,o){var e,i=arguments.length,s=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(r,t,a,o);else for(var c=r.length-1;c>=0;c--)(e=r[c])&&(s=(i<3?e(s):i>3?e(t,a,s):e(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s};const k=class{constructor(a){r(this,a),this.onCreate=t(this,"rtkCreatePoll",7),this.iconPack=e,this.t=i(),this.options=["",""],this.anonymous=!1,this.hideVotes=!0}removeOption(r){var t;this.options=this.options.filter(((t,a)=>a!==r)),1===(null===(t=this.error)||void 0===t?void 0:t.code)&&(this.error=void 0)}addOption(){this.options=[...this.options,""]}updateOption(r,t){var a;this.options[t]=r.target.value,1===(null===(a=this.error)||void 0===a?void 0:a.code)&&(this.error=void 0)}handleSubmit(){const r={question:this.question.value,options:this.options,anonymous:this.anonymous,hideVotes:!!this.anonymous||this.hideVotes};r.question?this.options.filter((r=>""===r.trim())).length>0?this.error={code:1,message:this.t("polls.errors.empty_option")}:this.onCreate.emit(r):this.error={code:0,message:this.t("polls.errors.question_required")}}render(){return a(o,{key:"291ea84e0c3246a1ce1ac0aefdeec3c2917a9579"},a("div",{key:"e08cc25c50b03d1560bf0c662c4e2b2cab7455b3",class:"create-poll"},a("p",{key:"9fb8e5e925bf9cfb14ebc2b73c46b83d53252c81"},this.t("polls.question")),a("textarea",{key:"d48738ada9dc4bc9d2eae2237a2a1f6ac13525b1",onInput:()=>{this.error&&0===this.error.code&&(this.error=void 0)},ref:r=>this.question=r,placeholder:this.t("polls.question.placeholder")}),this.options.map(((r,t)=>a("div",{class:"option"},a("input",{placeholder:this.t("polls.option.placeholder"),value:r,onInput:r=>this.updateOption(r,t)}),t>1&&a("rtk-button",{kind:"icon",class:"auto remove-option",variant:"secondary",onClick:()=>this.removeOption(t)},a("rtk-icon",{icon:this.iconPack.subtract}))))),a("rtk-button",{key:"ceb6a530ce5b007507e9f4d2285f1abc18c76330",class:"add-option",variant:"secondary",onClick:()=>this.addOption()},this.t("polls.option")),a("label",{key:"64db0851844bb605a55ccb4bf4e1f18477d0244b"},a("input",{key:"bcad7270ece59a833fb516aed75f6d8dfa53e230",id:"anonymous",type:"checkbox",onChange:r=>this.anonymous=r.target.checked}),this.t("polls.results.anon")),a("label",{key:"aa067a3f691993b58eb01f12c89d4e21b3f27c76"},a("input",{key:"882bc0373e4b6965fd304c92c067cf8c8f58c40b",id:"hideVotes",type:"checkbox",disabled:this.anonymous,checked:!!this.anonymous||this.hideVotes,onChange:r=>this.hideVotes=r.target.checked}),this.t("polls.results.hide")),a("rtk-button",{key:"955b5aa163a4cdd030b4280ecc2a12d375526dfc",kind:"wide",onClick:()=>this.handleSubmit()},this.t("polls.create")),this.error&&a("span",{key:"01e8359f27c43a67966a27d22ab1673d0a64465a",class:"error-text"},this.error.message)))}};b([s()],k.prototype,"iconPack",void 0),b([s()],k.prototype,"t",void 0),k.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.create-poll{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);display:flex;flex:1 1 0%;flex-direction:column;padding:var(--rtk-space-3, 12px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.create-poll p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);text-align:center}.create-poll textarea{display:flex;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);font-family:var(--rtk-font-family, sans-serif);border-width:var(--rtk-border-width-none, 0);border-style:none;font-weight:500;outline:2px solid transparent;outline-offset:2px;margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);resize:vertical;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.create-poll textarea:focus{outline-style:solid;outline-offset:2px;outline-color:rgb(var(--rtk-colors-background-600, 60 60 60))}.option{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--rtk-space-3, 12px);width:100%}.option input{width:100%;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.remove-option{margin-left:var(--rtk-space-2, 8px);width:var(--rtk-space-10, 40px);border-radius:var(--rtk-border-radius-sm, 4px)}.add-option{margin-bottom:var(--rtk-space-3, 12px)}label{margin-bottom:var(--rtk-space-3, 12px)}.error-text{margin-top:var(--rtk-space-3, 12px);text-align:center;font-size:12px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{d as rtk_poll,k as rtk_poll_form}

package/dist/realtimekit-ui/{p-d0384d90.entry.js → p-3c003b71.entry.js}

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

package/dist/realtimekit-ui/{p-d7f16f24.entry.js → p-3cc15c7a.entry.js}

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

package/dist/realtimekit-ui/{p-8b189438.entry.js → p-3eb5a72d.entry.js}

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

package/dist/realtimekit-ui/p-423ff132.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,a}from"./p-0ee570cd.js";import{e as h,i as n,c,I as o}from"./p-ae9de69a.js";import{l as r,R as d}from"./p-c8eaa707.js";import{f as l,a as p}from"./p-6f211c3e.js";import{c as f,b,o as v,s as k,h as u}from"./p-769bb885.js";import{S as m}from"./p-1ff96b0f.js";import{d as g}from"./p-328d53bd.js";var y=function(t,i,s,e){var a,h=arguments.length,n=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(n=(h<3?a(n):h>3?a(i,s,n):a(i,s))||n);return h>3&&n&&Object.defineProperty(i,s,n),n};const x=class{constructor(s){t(this,s),this.rtkSendNotification=i(this,"rtkSendNotification",7),this.pinnedListener=({isPinned:t})=>{this.isPinned=t},this.toggleTileListener=({hidden:t})=>{this.isHidden=t},this.stageListener=({stageStatus:t})=>{this.isOnStage="ON_STAGE"===t},this.view="sidebar",this.iconPack=h,this.t=n(),this.config=c(),this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{const t=this.participant,{stage:i}=this.meeting;"ACCEPTED_TO_JOIN_STAGE"!==t.stageStatus?(this.isOnStage?(t.isPinned&&t.unpin(),await i.kick([t.userId])):(await i.grantAccess([t.userId]),this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-invite-${t.id}`})),this.isOnStage="ON_STAGE"===t.stageStatus):this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-${t.id}`})},this.handleOutsideClick=t=>{!t.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{const t=this.host.shadowRoot.getElementById("trigger"),i=this.host.shadowRoot.getElementById("menu-list");f(t,i,{placement:"bottom-end",middleware:[b({allowedPlacements:["bottom-end","top-end"],alignment:"end"}),v(4),k({padding:8}),u()]}).then((({x:t,y:s,placement:e})=>{let a=null;a="bottom-end"===e?{right:`${t}px`,top:`${s}px`}:{right:`${t}px`,bottom:`${s}px`},Object.assign(i.style,a)}))},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick),null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener),null!=this.participant&&null!=this.participant.removeListener&&(this.audioUpdateListener&&this.participant.removeListener("audioUpdate",this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener("videoUpdate",this.videoUpdateListener),this.participant.removeListener("pinned",this.pinnedListener),this.participant.removeListener("unpinned",this.pinnedListener),this.participant.removeListener("stageStatusUpdate",this.stageListener),this.participant.removeListener("toggleTile",this.toggleTileListener))}meetingChanged(t){var i,s,e,a,h,n,c;if(null!=t){const{self:r}=t;this.canDisableParticipantAudio=r.permissions.canAllowParticipantAudio||r.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=r.permissions.canAllowParticipantVideo||r.permissions.canDisableParticipantVideo,this.canKickParticipant=r.permissions.kickParticipant&&!0!==(null===(i=this.meeting)||void 0===i?void 0:i.__internals__.features.hasFeature(o.DISABLE_KICKING))&&(!0!==(null===(s=this.meeting)||void 0===s?void 0:s.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(e=this.participant)||void 0===e?void 0:e.presetName)),this.canPinParticipant=r.permissions.pinParticipant,this.canAllowParticipantOnStage=r.permissions.acceptStageRequests&&r.permissions.stageEnabled&&(!0!==(null===(a=this.meeting)||void 0===a?void 0:a.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(h=this.participant)||void 0===h?void 0:h.presetName))&&(!0!==(null===(n=this.meeting)||void 0===n?void 0:n.__internals__.features.hasFeature(o.CANTINVITE_VIEWER))||"webinar_viewer"!==(null===(c=this.participant)||void 0===c?void 0:c.presetName)),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)}}participantChanged(t){var i;if(null!=t){if(this.audioEnabled=t.audioEnabled,this.videoEnabled=t.videoEnabled,this.isPinned=t.isPinned,this.isHidden=null!==(i=t.hidden)&&void 0!==i&&i,this.isOnStage="ON_STAGE"===t.stageStatus,this.audioUpdateListener=({audioEnabled:t})=>{this.audioEnabled=t},this.videoUpdateListener=({videoEnabled:t})=>{this.videoEnabled=t},null==t.addListener)return;t.addListener("audioUpdate",this.audioUpdateListener),t.addListener("videoUpdate",this.videoUpdateListener),t.addListener("pinned",this.pinnedListener),t.addListener("unpinned",this.pinnedListener),t.addListener("stageStatusUpdate",this.stageListener),this.participant.addListener("toggleTile",this.toggleTileListener)}}render(){var t,i,a,h,n,c,o,f,b;const v="AUDIO_ROOM"===(null===(t=this.meeting)||void 0===t?void 0:t.meta.viewType),k=(null===(i=this.meeting)||void 0===i?void 0:i.self.id)===this.participant.id,u=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!v||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,m=l((null===(a=this.participant)||void 0===a?void 0:a.name)||""),g=this.isOnStage||["GROUP_CALL","AUDIO_ROOM"].includes(null===(h=this.meeting)||void 0===h?void 0:h.meta.viewType),y={meeting:this.meeting,size:"sm",states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return s(e,{key:"32d79a75f1b073c080e90112cc013652ed238050"},s("div",{class:"left",key:null===(n=this.participant)||void 0===n?void 0:n.id},s("rtk-avatar",{key:"5ec0ee4daf93e870289b66f08cc63797919b83d5",participant:this.participant,size:"sm",iconPack:this.iconPack,t:this.t}),s("p",{key:"6008d8fef3b5ad18f451e4ee0e6321b3915e1758",class:"name",title:m},p(m,16)," ",(null===(c=this.meeting)||void 0===c?void 0:c.self.id)===(null===(o=this.participant)||void 0===o?void 0:o.id)&&this.t("(you)"))),"sidebar"===this.view&&s("div",{key:"2c2cd09021fc5eaca8bbdc856a070d17b852ba55",class:"right"},g&&s("rtk-icon",{key:"82f359bff954f8cf3c5a1e4f1525c18888d8c461",class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),g&&!v&&s("rtk-icon",{key:"0e380137610333d6d749e48f81455b60e5245e47",class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(u||r({element:"rtk-participant",defaults:y,childProps:{participant:this.participant}})>0)&&s("div",{key:"9281c88dd452ac704719bdb5775947c15dc1141c",class:"menu"},s("span",{key:"122b9b706be2ee3d28d92b60445e6f6e23284520",id:"trigger",onClick:this.onMenuToggle},s("rtk-button",{key:"0147bfba303cd57e1319d72e12ba0a5677c4a954",variant:"ghost",kind:"icon",slot:"trigger"},s("rtk-icon",{key:"4793d1ec49a1457a39539e0cfe16973a8dd48ffd",class:"more",icon:this.iconPack.more_vertical}))),s("span",{key:"0b5028074336a787014f06ae930d17069330a0a2",id:"menu-list"},this.menuOpen&&s("rtk-menu-list",{key:"e40c57aba210b0cddd18bd1433866f8f3ab9a6ed",iconPack:this.iconPack,t:this.t},this.canPinParticipant&&g&&!v&&s("rtk-menu-item",{key:"45df96331cf834237d9b4c6eaccfa2e4d68c2e17",onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},s("rtk-icon",{key:"ed81b8b4a7635182ea4de64921f4ddce625bca69",icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:"start"}),this.t(this.isPinned?"unpin":"pin")),k&&s("rtk-menu-item",{key:"8b55ae7b82e2670c1bc43f1b291be440fa647f5b",iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},s("rtk-icon",{key:"74c2ea2ee3dddb24aefa6f99f1df0b7e1b38bbbc",icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:"start"}),this.t(this.meeting.self.hidden?"maximize":"minimize")),this.canDisableParticipantAudio&&g&&this.audioEnabled&&s("rtk-menu-item",{key:"16a995b8ba5da1b5a89ed462ec6ad8d939bb1ead",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},s("rtk-icon",{key:"851e66e51a0cf768e2c84815b7dccb5bdad7f4c3",icon:this.iconPack.mic_off,slot:"start"}),this.t("mute")),this.canDisableParticipantVideo&&g&&this.videoEnabled&&s("rtk-menu-item",{key:"b3c9f6d8310cea37eb8d0ea52e7ce76ed65d30bd",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},s("rtk-icon",{key:"10c6a6ba789c2eb84c9654800d32c0bac835a326",icon:this.iconPack.video_off,slot:"start"}),this.t("participants.turn_off_video")),this.canAllowParticipantOnStage&&(null===(f=this.participant)||void 0===f?void 0:f.id)!==(null===(b=this.meeting)||void 0===b?void 0:b.self.id)&&s("rtk-menu-item",{key:"2a2f9c4c1d65f0306e14e11b533b844def79f9ec",iconPack:this.iconPack,t:this.t,class:this.isOnStage?"red":"",onClick:this.inviteToStageToggle},s("rtk-icon",{key:"f166167aeda7b3054a5978bcf829b9e2acba748e",icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:"start"}),this.t(this.isOnStage?"stage.remove_from_stage":"stage.add_to_stage")),!k&&this.canKickParticipant&&s("rtk-menu-item",{key:"511973ee2a231f947f579892c49665c1a5ab20f3",iconPack:this.iconPack,t:this.t,class:"red",onClick:()=>{var t,i;null===(t=this.meeting)||void 0===t||t.participants.kick(null===(i=this.participant)||void 0===i?void 0:i.id)}},s("rtk-icon",{key:"38a7d90dd761fe6b5c573992ea6e59a8797696fc",icon:this.iconPack.dismiss,slot:"start"}),this.t("kick")),s("slot",{key:"ecdf440bc30129695e2a2f6a8026f3ef3cab083b"},s(d,{key:"d2c67848ff22c07bc3a9c8b5957e67c5208d7cff",element:"rtk-participant",defaults:y,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"],participant:["participantChanged"]}}};y([m()],x.prototype,"meeting",void 0),y([m()],x.prototype,"states",void 0),y([m()],x.prototype,"iconPack",void 0),y([m()],x.prototype,"t",void 0),y([m()],x.prototype,"config",void 0),x.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}";const w=class{constructor(i){t(this,i),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame((()=>{this.updateItemHeight()}))},this.updateContainerHeight=()=>{this.el.querySelector(".virtual-list-container").clientHeight&&(requestAnimationFrame((()=>{this.updateItemHeight()})),this.containerHeight=this.el.querySelector(".virtual-list-container").clientHeight,this.updateVisibleRange())},this.onScroll=g((()=>{const t=this.el.querySelector(".virtual-list-container").scrollTop;t>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=t,this.updateVisibleRange())}))}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(".virtual-list-container").addEventListener("scroll",this.onScroll),window.addEventListener("resize",this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(".virtual-list-container").removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.recalculatePositioning)}updateVisibleRange(){const t=this.el.querySelector(".virtual-list-container").scrollTop,i=Math.floor(t/this.itemHeight),s=Math.ceil(this.containerHeight/this.itemHeight),e=Math.min(this.items.length,i+s+this.bufferedItemsCount);this.visibleStart=i,this.visibleEnd=e,this.el.querySelector(".virtual-list-container").scrollTop=this.lastScrollTop}updateItemHeight(){const t=this.el.querySelector(".virtual-list-item");if(t){const i=t.style.height;t.style.height="auto";const s=t.getBoundingClientRect().height;i&&(t.style.height=i),s&&Math.floor(s)!==Math.floor(this.itemHeight)&&(this.itemHeight=s)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map(((t,i)=>{const e=this.visibleStart+i;return s("div",{class:"virtual-list-item",key:t.id,style:{position:"absolute",top:e*this.itemHeight+"px",height:`${this.itemHeight}px`,width:"100%"}},this.renderItem(t,e))}))}render(){var t;return s("div",{key:"bfea683b7e5371517b9f1a673b95b23a2983a605",class:"virtual-list-container",style:{position:"relative",height:"100%",overflowX:"hidden",overflowY:"auto"}},s("div",{key:"c4eaf34a528a8254661ba81f59c60be570555a19",style:{height:this.items.length*this.itemHeight+"px",position:"relative"}},(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderItems():this.emptyListElement),s("div",{key:"a9ecc505aedcd2460e18c6a9bcd039c37b6cc8bd",style:{height:`${this.itemHeight}px`}}))}get el(){return a(this)}static get watchers(){return{items:["itemsChanged"]}}};w.style=":host{height:100%;width:100%}";export{x as rtk_participant,w as rtk_virtualized_participant_list}

package/dist/realtimekit-ui/p-55074d37.entry.js

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

package/dist/realtimekit-ui/{p-9ad2c746.entry.js → p-574fa8db.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as r,H as s}from"./p-0ee570cd.js";import{h as e,e as n}from"./p-e87928f7.js";import{S as a}from"./p-80c856cd.js";var o=function(t,i,r,s){var e,n=arguments.length,a=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,r,s);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(a=(n<3?e(a):n>3?e(i,r,a):e(i,r))||a);return n>3&&a&&Object.defineProperty(i,r,a),a};const c=class{constructor(r){t(this,r),this.apiError=i(this,"rtkApiError",7),this.variant="button",this.t=e(),this.iconPack=n,this.disabled=!1,this.canRecord=!1,this.permissionsUpdateListener=()=>{this.canRecord=!0===this.meeting.self.permissions.canRecord},this.toggleRecording=async()=>{var t,i,r;if(!this.isLoading()&&!this.disabled)switch(this.recordingState){case"IDLE":try{return void await(null===(t=this.meeting)||void 0===t?void 0:t.recording.start())}catch(t){this.apiError.emit({trace:this.t("recording.start"),message:this.t("recording.error.start")})}return;case"RECORDING":try{return void await(null===(i=this.meeting)||void 0===i?void 0:i.recording.stop())}catch(t){this.apiError.emit({trace:this.t("recording.stop"),message:this.t("recording.error.stop")})}return;case"PAUSED":try{return void await(null===(r=this.meeting)||void 0===r?void 0:r.recording.resume())}catch(t){this.apiError.emit({trace:this.t("recording.resume"),message:this.t("recording.error.resume")})}return;default:return}},this.isLoading=()=>!this.meeting||"STARTING"===this.recordingState||"STOPPING"===this.recordingState}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i;this.recordingStateUpdateListener&&(null===(t=this.meeting)||void 0===t||t.recording.removeListener("recordingUpdate",this.recordingStateUpdateListener)),null===(i=this.meeting)||void 0===i||i.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){null!=t&&(this.recordingState=t.recording.recordingState,this.permissionsUpdateListener(),this.recordingStateUpdateListener=t=>{this.recordingState=t},t.recording.addListener("recordingUpdate",this.recordingStateUpdateListener),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener))}getLabel(){switch(this.recordingState){case"IDLE":return"recording.idle";case"RECORDING":return"recording.stop";case"STARTING":return"recording.starting";case"STOPPING":return"recording.stopping";case"PAUSED":return"recording.resume";default:return"recording.loading"}}getIcon(){switch(this.recordingState){case"IDLE":case"STARTING":case"STOPPING":default:return this.iconPack.recording;case"RECORDING":return this.iconPack.stop_recording}}render(){return this.meeting?this.canRecord?r(s,{title:this.t("RECORDING"===this.recordingState?"recording.stop":"recording.idle")},r("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:this.toggleRecording,icon:this.getIcon(),isLoading:this.isLoading(),label:this.t(this.getLabel()),variant:this.variant,disabled:this.disabled})):void 0:null}static get watchers(){return{meeting:["meetingChanged"]}}};o([a()],c.prototype,"meeting",void 0),o([a()],c.prototype,"t",void 0),o([a()],c.prototype,"iconPack",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_recording_toggle}
+import{r as t,c as i,h as r,H as s}from"./p-0ee570cd.js";import{i as e,e as n}from"./p-ae9de69a.js";import{S as a}from"./p-1ff96b0f.js";var o=function(t,i,r,s){var e,n=arguments.length,a=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,r,s);else for(var o=t.length-1;o>=0;o--)(e=t[o])&&(a=(n<3?e(a):n>3?e(i,r,a):e(i,r))||a);return n>3&&a&&Object.defineProperty(i,r,a),a};const c=class{constructor(r){t(this,r),this.apiError=i(this,"rtkApiError",7),this.variant="button",this.t=e(),this.iconPack=n,this.disabled=!1,this.canRecord=!1,this.permissionsUpdateListener=()=>{this.canRecord=!0===this.meeting.self.permissions.canRecord},this.toggleRecording=async()=>{var t,i,r;if(!this.isLoading()&&!this.disabled)switch(this.recordingState){case"IDLE":try{return void await(null===(t=this.meeting)||void 0===t?void 0:t.recording.start())}catch(t){this.apiError.emit({trace:this.t("recording.start"),message:this.t("recording.error.start")})}return;case"RECORDING":try{return void await(null===(i=this.meeting)||void 0===i?void 0:i.recording.stop())}catch(t){this.apiError.emit({trace:this.t("recording.stop"),message:this.t("recording.error.stop")})}return;case"PAUSED":try{return void await(null===(r=this.meeting)||void 0===r?void 0:r.recording.resume())}catch(t){this.apiError.emit({trace:this.t("recording.resume"),message:this.t("recording.error.resume")})}return;default:return}},this.isLoading=()=>!this.meeting||"STARTING"===this.recordingState||"STOPPING"===this.recordingState}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t,i;this.recordingStateUpdateListener&&(null===(t=this.meeting)||void 0===t||t.recording.removeListener("recordingUpdate",this.recordingStateUpdateListener)),null===(i=this.meeting)||void 0===i||i.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener)}meetingChanged(t){null!=t&&(this.recordingState=t.recording.recordingState,this.permissionsUpdateListener(),this.recordingStateUpdateListener=t=>{this.recordingState=t},t.recording.addListener("recordingUpdate",this.recordingStateUpdateListener),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener))}getLabel(){switch(this.recordingState){case"IDLE":return"recording.idle";case"RECORDING":return"recording.stop";case"STARTING":return"recording.starting";case"STOPPING":return"recording.stopping";case"PAUSED":return"recording.resume";default:return"recording.loading"}}getIcon(){switch(this.recordingState){case"IDLE":case"STARTING":case"STOPPING":default:return this.iconPack.recording;case"RECORDING":return this.iconPack.stop_recording}}render(){return this.meeting?this.canRecord?r(s,{title:this.t("RECORDING"===this.recordingState?"recording.stop":"recording.idle")},r("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:this.toggleRecording,icon:this.getIcon(),isLoading:this.isLoading(),label:this.t(this.getLabel()),variant:this.variant,disabled:this.disabled})):void 0:null}static get watchers(){return{meeting:["meetingChanged"]}}};o([a()],c.prototype,"meeting",void 0),o([a()],c.prototype,"t",void 0),o([a()],c.prototype,"iconPack",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_recording_toggle}

package/dist/realtimekit-ui/{p-9cbf286a.entry.js → p-59ac307d.entry.js}

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

package/dist/realtimekit-ui/{p-5a2d8313.entry.js → p-5cd2b5e0.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as a,h as o}from"./p-e87928f7.js";import{S as l}from"./p-80c856cd.js";var n=function(t,i,s,e){var a,o=arguments.length,l=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(l=(o<3?a(l):o>3?a(i,s,l):a(i,s))||l);return o>3&&l&&Object.defineProperty(i,s,l),l};const d=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=a,this.t=o(),this.stageStatus="OFF_STAGE",this.state={label:"",disabled:!1,icon:""},this.stageCallback=async()=>{var t,i,s,e,a,o,l;const n=null===(t=this.meeting.stage)||void 0===t?void 0:t.status;"ON_STAGE"===n&&await(null===(s=null===(i=null==this?void 0:this.meeting)||void 0===i?void 0:i.stage)||void 0===s?void 0:s.leave()),"OFF_STAGE"===n&&(null===(a=null===(e=null==this?void 0:this.meeting)||void 0===e?void 0:e.stage)||void 0===a||a.requestAccess(),(t=>{var i,s;return(null===(i=null==t?void 0:t.self)||void 0===i?void 0:i.permissions.stageEnabled)&&"ALLOWED"===(null===(s=null==t?void 0:t.self)||void 0===s?void 0:s.permissions.stageAccess)})(this.meeting)&&(this.states.activeJoinStage=!0,this.stateUpdate.emit({activeJoinStage:!0}))),"REQUESTED_TO_JOIN_STAGE"===n&&(null===(l=null===(o=null==this?void 0:this.meeting)||void 0===o?void 0:o.stage)||void 0===l||l.cancelRequestAccess())}}connectedCallback(){this.meetingChanged(this.meeting)}stageStatusHandler(t,i){this.stageStatus=i,"ACCEPTED_TO_JOIN_STAGE"===i&&(t.self.setupTracks({audio:!1,video:!1}),this.stateUpdate.emit({activeJoinStage:!0})),this.state=this.getState()}disconnectedCallback(){var t,i;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",(t=>this.stageStatusHandler(this.meeting,t)))}meetingChanged(t){var i,s,e,a;t&&(this.stageStatus=null===(i=t.stage)||void 0===i?void 0:i.status,this.stageStatusHandler(t,null===(s=t.stage)||void 0===s?void 0:s.status),null===(a=null===(e=this.meeting)||void 0===e?void 0:e.stage)||void 0===a||a.on("stageStatusUpdate",(i=>this.stageStatusHandler(t,i))))}getState(){let t="",i="",s=!1;switch(this.stageStatus){case"ON_STAGE":i=this.iconPack.leave_stage,t=this.t("stage_request.leave_stage"),s=!1;break;case"ACCEPTED_TO_JOIN_STAGE":i=this.iconPack.join_stage,t=this.t("stage_request.request"),s=!0;break;case"REQUESTED_TO_JOIN_STAGE":i=this.iconPack.join_stage,t=this.t("stage_request.requested"),s=!1;break;default:i=this.iconPack.join_stage,t=this.t("stage_request.request"),s=!1}return{label:t,disabled:s,icon:i}}render(){return(null===(i=null==(t=this.meeting)?void 0:t.self)||void 0===i?void 0:i.permissions.stageEnabled)&&"NOT_ALLOWED"!==(null===(a=null==t?void 0:t.self)||void 0===a?void 0:a.permissions.stageAccess)?s(e,{title:this.state.label},s("rtk-tooltip",{placement:"top",kind:"block",label:this.state.label,delay:600,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.state.label,icon:this.state.icon,onClick:this.stageCallback,disabled:this.state.disabled,showWarning:!1}))):s(e,{"data-hidden":!0});var t,i,a}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([l()],d.prototype,"states",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}";export{d as rtk_stage_toggle}
+import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as a,i as o}from"./p-ae9de69a.js";import{S as l}from"./p-1ff96b0f.js";var n=function(t,i,s,e){var a,o=arguments.length,l=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(l=(o<3?a(l):o>3?a(i,s,l):a(i,s))||l);return o>3&&l&&Object.defineProperty(i,s,l),l};const d=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=a,this.t=o(),this.stageStatus="OFF_STAGE",this.state={label:"",disabled:!1,icon:""},this.stageCallback=async()=>{var t,i,s,e,a,o,l;const n=null===(t=this.meeting.stage)||void 0===t?void 0:t.status;"ON_STAGE"===n&&await(null===(s=null===(i=null==this?void 0:this.meeting)||void 0===i?void 0:i.stage)||void 0===s?void 0:s.leave()),"OFF_STAGE"===n&&(null===(a=null===(e=null==this?void 0:this.meeting)||void 0===e?void 0:e.stage)||void 0===a||a.requestAccess(),(t=>{var i,s;return(null===(i=null==t?void 0:t.self)||void 0===i?void 0:i.permissions.stageEnabled)&&"ALLOWED"===(null===(s=null==t?void 0:t.self)||void 0===s?void 0:s.permissions.stageAccess)})(this.meeting)&&(this.states.activeJoinStage=!0,this.stateUpdate.emit({activeJoinStage:!0}))),"REQUESTED_TO_JOIN_STAGE"===n&&(null===(l=null===(o=null==this?void 0:this.meeting)||void 0===o?void 0:o.stage)||void 0===l||l.cancelRequestAccess())}}connectedCallback(){this.meetingChanged(this.meeting)}stageStatusHandler(t,i){this.stageStatus=i,"ACCEPTED_TO_JOIN_STAGE"===i&&(t.self.setupTracks({audio:!1,video:!1}),this.stateUpdate.emit({activeJoinStage:!0})),this.state=this.getState()}disconnectedCallback(){var t,i;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",(t=>this.stageStatusHandler(this.meeting,t)))}meetingChanged(t){var i,s,e,a;t&&(this.stageStatus=null===(i=t.stage)||void 0===i?void 0:i.status,this.stageStatusHandler(t,null===(s=t.stage)||void 0===s?void 0:s.status),null===(a=null===(e=this.meeting)||void 0===e?void 0:e.stage)||void 0===a||a.on("stageStatusUpdate",(i=>this.stageStatusHandler(t,i))))}getState(){let t="",i="",s=!1;switch(this.stageStatus){case"ON_STAGE":i=this.iconPack.leave_stage,t=this.t("stage_request.leave_stage"),s=!1;break;case"ACCEPTED_TO_JOIN_STAGE":i=this.iconPack.join_stage,t=this.t("stage_request.request"),s=!0;break;case"REQUESTED_TO_JOIN_STAGE":i=this.iconPack.join_stage,t=this.t("stage_request.requested"),s=!1;break;default:i=this.iconPack.join_stage,t=this.t("stage_request.request"),s=!1}return{label:t,disabled:s,icon:i}}render(){return(null===(i=null==(t=this.meeting)?void 0:t.self)||void 0===i?void 0:i.permissions.stageEnabled)&&"NOT_ALLOWED"!==(null===(a=null==t?void 0:t.self)||void 0===a?void 0:a.permissions.stageAccess)?s(e,{title:this.state.label},s("rtk-tooltip",{placement:"top",kind:"block",label:this.state.label,delay:600,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.state.label,icon:this.state.icon,onClick:this.stageCallback,disabled:this.state.disabled,showWarning:!1}))):s(e,{"data-hidden":!0});var t,i,a}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([l()],d.prototype,"states",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}";export{d as rtk_stage_toggle}

package/dist/realtimekit-ui/p-605e418e.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{c as a,e as r,i as h}from"./p-ae9de69a.js";import{d as n}from"./p-b13ddb7d.js";import{R as d}from"./p-c8eaa707.js";import{S as o}from"./p-1ff96b0f.js";var l=function(t,i,s,e){var a,r=arguments.length,h=r<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(h=(r<3?a(h):r>3?a(i,s,h):a(i,s))||h);return r>3&&h&&Object.defineProperty(i,s,h),h};const p=class{constructor(i){t(this,i),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.screenShareParticipants=[],this.plugins=[],this.aspectRatio="16:9",this.gap=8,this.config=a(),this.iconPack=r,this.t=h(),this.gridSize=n}componentWillLoad(){this.initialised=!1,this.screenShareParticipantsChanged(this.screenShareParticipants),this.pluginsChanged(this.plugins),this.initialised=!0}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting.meta)||void 0===t||t.removeListener("activeTabUpdate",this.activeTabUpdateListener)}meetingChanged(t){var i,s,e,a;null!=t&&(null!=(null===(i=t.meta)||void 0===i?void 0:i.selfActiveTab)&&this.onActiveTabUpdate(null===(s=t.meta.selfActiveTab)||void 0===s?void 0:s.type,null===(e=t.meta.selfActiveTab)||void 0===e?void 0:e.id),this.activeTabUpdateListener=t=>{this.onActiveTabUpdate(null==t?void 0:t.type,null==t?void 0:t.id)},null===(a=t.meta)||void 0===a||a.addListener("activeTabUpdate",this.activeTabUpdateListener))}screenShareParticipantsChanged(t=[]){(this.initialised||null==this.activeTab)&&(null==this.activeTab&&t.length>0?this.setActiveTab({type:"screenshare",participant:t[0]}):this.revalidateActiveTab())}pluginsChanged(t){(this.initialised||null==this.activeTab)&&(t.length>0?this.setActiveTab({type:"plugin",plugin:t[t.length-1]}):this.revalidateActiveTab())}revalidateActiveTab(){if(null!=this.activeTab)if("screenshare"===this.activeTab.type){const{participant:t}=this.activeTab;this.screenShareParticipants.some((i=>i.id===t.id))||this.reassignActiveTab()}else{const{plugin:t}=this.activeTab;this.plugins.some((i=>i.id===t.id))||this.reassignActiveTab()}}setActiveTab(t,i=!0){var s;this.activeTab=t,i&&(null===(s=this.meeting.meta)||void 0===s||s.setSelfActiveTab({type:t.type,id:"screenshare"===t.type?t.participant.id:t.plugin.id},0))}reassignActiveTab(){this.screenShareParticipants.length>0?this.setActiveTab({type:"screenshare",participant:this.screenShareParticipants[0]}):this.plugins.length>0&&this.setActiveTab({type:"plugin",plugin:this.plugins[this.plugins.length-1]})}onActiveTabUpdate(t,i){if(null!=t&&null!=i)switch(t){case"plugin":const t=this.plugins.find((t=>t.id===i));null!=t&&this.setActiveTab({type:"plugin",plugin:t},!1);break;case"screenshare":const s=this.screenShareParticipants.find((t=>t.id===i));null!=s&&this.setActiveTab({type:"screenshare",participant:s},!1)}}getTabs(){const t=this.screenShareParticipants.map((t=>({type:"screenshare",participant:t}))),i=this.plugins.map((t=>({type:"plugin",plugin:t})));return t.concat(i)}render(){var t,e;if(!this.meeting)return null;const a={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t};return i(s,null,i("main",{id:"main-view",part:"main-view"},(null===(t=this.getTabs())||void 0===t?void 0:t.length)>1&&i("rtk-tab-bar",Object.assign({activeTab:this.activeTab,tabs:this.getTabs(),onTabChange:t=>this.setActiveTab(t.detail)},a)),i("div",{id:"tabs",key:"tabs"},this.screenShareParticipants.map((t=>{var s,e;return i(d,{element:"rtk-screenshare-view",defaults:a,props:{participant:t,key:t.id,style:{display:"screenshare"===(null===(s=this.activeTab)||void 0===s?void 0:s.type)&&(null===(e=this.activeTab)||void 0===e?void 0:e.participant.id)===t.id?"flex":"none"}},childProps:{participant:t,isScreenShare:!0},deepProps:!0})})),this.plugins.map((t=>{var s,e;return i("rtk-plugin-main",Object.assign({},a,{plugin:t,key:t.id,style:{display:"plugin"===(null===(s=this.activeTab)||void 0===s?void 0:s.type)&&(null===(e=this.activeTab)||void 0===e?void 0:e.plugin.id)===t.id?"flex":"none"}}))})))),i(d,{element:"rtk-mixed-grid",defaults:a,childProps:{part:"participants-grid",class:this.gridSize.mixed?`grid-width-${this.gridSize.mixed}`:"grid-width-lg",participants:this.participants,pinnedParticipants:this.pinnedParticipants,screenShareParticipants:this.screenShareParticipants,plugins:this.plugins,aspectRatio:this.aspectRatio,gap:this.gap,size:"AUDIO_ROOM"===(null===(e=this.meeting.meta)||void 0===e?void 0:e.viewType)?"md":"sm",layout:"row"},onlyChildren:!0}))}get host(){return e(this)}static get watchers(){return{meeting:["meetingChanged"],screenShareParticipants:["screenShareParticipantsChanged"],plugins:["pluginsChanged"]}}};l([o()],p.prototype,"meeting",void 0),l([o()],p.prototype,"states",void 0),l([o()],p.prototype,"config",void 0),l([o()],p.prototype,"iconPack",void 0),l([o()],p.prototype,"t",void 0),p.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";export{p as rtk_mixed_grid}