@cloudflare/realtimekit-ui 1.0.0-staging.14 → 1.0.0-staging.15

package/dist/realtimekit-ui/{p-c6f7cd03.entry.js → p-16951364.entry.js}

@@ -1 +1 @@
-import{r,c as t,h as a,H as o}from"./p-0ee570cd.js";import{a as e,c as i}from"./p-ee167b96.js";import{S as s}from"./p-2aa242f4.js";import{s as c,f as l,g as n}from"./p-338c7261.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:"3436a978185495090fcf81a59f40e3d0f9bac969"},a("div",{key:"1349450369add7268b290b2b75ca07aa28820683",class:"ctr"},a("p",{key:"f36ddcb1f30368e5b311fe7f11cca87785c9570c",class:"poll-title"},this.t("polls.by")," ",c(l(this.poll.createdBy),20)),a("div",{key:"6c5ac869b1c182d09d9e1490a312797c913d24b1",class:"poll"},a("p",{key:"1c3ca8f47cf9a08f3ac7ef47e144330b922534fc",class:"poll-question"},this.poll.question),a("div",{key:"e5e60be4359714828d1d25bb24f5f143a1c6428f",class:"poll-answers"},a("span",{key:"60eeb63b59d1f3d8c44a1cbd53c42e82877f22d1"},this.t("polls.answers")),a("span",{key:"6c6a42a4e6b84ec18ad94bcd4015ed4047b7b0aa"},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:"a5d66ad4586b3e3bf360fc7f3330cbebfcc27d29"},a("div",{key:"ab293118b0a4e4f0839da8b1f28e8bb4c3075e00",class:"create-poll"},a("p",{key:"dd851c73436db148c85fa4ae605841acc4047114"},this.t("polls.question")),a("textarea",{key:"f2fc86324169b0eb23eccbf6f9a9425b2fa43cef",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:"d33f567bcd74edf4ace17cd3a0ca36daf69eeb8c",class:"add-option",variant:"secondary",onClick:()=>this.addOption()},this.t("polls.option")),a("label",{key:"1ded9b5aeec6b5b5fec3cc2ec43c488b48a0568b"},a("input",{key:"37047cb8a6ccb8c37fc56261fb2f32fa0ff19d92",id:"anonymous",type:"checkbox",onChange:r=>this.anonymous=r.target.checked}),this.t("polls.results.anon")),a("label",{key:"50ac11b8af600d337cc2a1d8ec934e1abac7eaf6"},a("input",{key:"6d3df46887a4285d923cc2f8b82abf396a2df8fa",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:"36f2228ca82a29f9d72f768fa65028690230a26f",kind:"wide",onClick:()=>this.handleSubmit()},this.t("polls.create")),this.error&&a("span",{key:"fe7a37df641bcf672e8c85a87251df19d8d1fc91",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}
+import{r,c as t,h as a,H as o}from"./p-0ee570cd.js";import{a as e,c as i}from"./p-9c733fd3.js";import{S as s}from"./p-27478c0c.js";import{s as c,f as l,g as n}from"./p-338c7261.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:"3436a978185495090fcf81a59f40e3d0f9bac969"},a("div",{key:"1349450369add7268b290b2b75ca07aa28820683",class:"ctr"},a("p",{key:"f36ddcb1f30368e5b311fe7f11cca87785c9570c",class:"poll-title"},this.t("polls.by")," ",c(l(this.poll.createdBy),20)),a("div",{key:"6c5ac869b1c182d09d9e1490a312797c913d24b1",class:"poll"},a("p",{key:"1c3ca8f47cf9a08f3ac7ef47e144330b922534fc",class:"poll-question"},this.poll.question),a("div",{key:"e5e60be4359714828d1d25bb24f5f143a1c6428f",class:"poll-answers"},a("span",{key:"60eeb63b59d1f3d8c44a1cbd53c42e82877f22d1"},this.t("polls.answers")),a("span",{key:"6c6a42a4e6b84ec18ad94bcd4015ed4047b7b0aa"},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:"a5d66ad4586b3e3bf360fc7f3330cbebfcc27d29"},a("div",{key:"ab293118b0a4e4f0839da8b1f28e8bb4c3075e00",class:"create-poll"},a("p",{key:"dd851c73436db148c85fa4ae605841acc4047114"},this.t("polls.question")),a("textarea",{key:"f2fc86324169b0eb23eccbf6f9a9425b2fa43cef",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:"d33f567bcd74edf4ace17cd3a0ca36daf69eeb8c",class:"add-option",variant:"secondary",onClick:()=>this.addOption()},this.t("polls.option")),a("label",{key:"1ded9b5aeec6b5b5fec3cc2ec43c488b48a0568b"},a("input",{key:"37047cb8a6ccb8c37fc56261fb2f32fa0ff19d92",id:"anonymous",type:"checkbox",onChange:r=>this.anonymous=r.target.checked}),this.t("polls.results.anon")),a("label",{key:"50ac11b8af600d337cc2a1d8ec934e1abac7eaf6"},a("input",{key:"6d3df46887a4285d923cc2f8b82abf396a2df8fa",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:"36f2228ca82a29f9d72f768fa65028690230a26f",kind:"wide",onClick:()=>this.handleSubmit()},this.t("polls.create")),this.error&&a("span",{key:"fe7a37df641bcf672e8c85a87251df19d8d1fc91",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-d9e81b11.entry.js → p-1d66185e.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s}from"./p-0ee570cd.js";import{a as o,c as a}from"./p-ee167b96.js";import{S as r}from"./p-2aa242f4.js";var n=function(t,e,i,s){var o,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(e,i,r):o(e,i))||r);return a>3&&r&&Object.defineProperty(e,i,r),r};const c=class{constructor(i){t(this,i),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=o,this.t=a()}toggleSettings(){const t={activeSettings:!0,activeMoreMenu:!1};this.states=Object.assign(Object.assign({},this.states),t),this.stateUpdate.emit(t)}render(){const t=this.t("settings");return i(s,{key:"11653f887305c7ba74c0e62197b0b8502f64bb22",title:t},i("rtk-controlbar-button",{key:"4e4985182d0c63d2f9f8f2fc8173f2cd10edf91d",part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleSettings(),icon:this.iconPack.settings,label:t,variant:this.variant}))}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"size",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_settings_toggle}
+import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{a as o,c as a}from"./p-9c733fd3.js";import{S as r}from"./p-27478c0c.js";var n=function(t,i,s,e){var o,a=arguments.length,r=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(i,s,r):o(i,s))||r);return a>3&&r&&Object.defineProperty(i,s,r),r};const c=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=o,this.t=a()}toggleSettings(){const t={activeSettings:!0,activeMoreMenu:!1};this.states=Object.assign(Object.assign({},this.states),t),this.stateUpdate.emit(t)}render(){const t=this.t("settings");return s(e,{key:"11653f887305c7ba74c0e62197b0b8502f64bb22",title:t},s("rtk-controlbar-button",{key:"4e4985182d0c63d2f9f8f2fc8173f2cd10edf91d",part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleSettings(),icon:this.iconPack.settings,label:t,variant:this.variant}))}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"size",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_settings_toggle}

package/dist/realtimekit-ui/{p-4d8ab9a5.entry.js → p-1e624154.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as r,H as e}from"./p-0ee570cd.js";import{a as o,c as a,v as s,w as n}from"./p-ee167b96.js";import{S as c}from"./p-2aa242f4.js";var l=function(t,i,r,e){var o,a=arguments.length,s=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,r):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,r,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(i,r,s):o(i,r))||s);return a>3&&s&&Object.defineProperty(i,r,s),s};const p=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=o,this.t=a()}render(){var t,i;if(null==this.meeting)return null;const o={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},a=this.states,c=!0===(null===(t=null==a?void 0:a.prefs)||void 0===t?void 0:t.muteNotificationSounds)||"true"===s("mute-notification-sounds");return r(e,null,r("rtk-microphone-selector",Object.assign({},o),r("rtk-audio-visualizer",{participant:null===(i=this.meeting)||void 0===i?void 0:i.self,iconPack:this.iconPack,t:this.t,slot:"indicator"})),r("rtk-speaker-selector",Object.assign({},o)),r("div",{class:"group",part:"notification-toggle"},r("div",{class:"row"},r("label",{htmlFor:"notification-toggle"},this.t("settings.notification_sound")),r("rtk-switch",{id:"notification-toggle",checked:!c,onRtkChange:t=>{const{checked:i}=t.target,r=!i;this.stateUpdate.emit({prefs:{muteNotificationSounds:r}}),n("mute-notification-sounds",r)},iconPack:this.iconPack,t:this.t}))))}};l([c()],p.prototype,"meeting",void 0),l([c()],p.prototype,"states",void 0),l([c()],p.prototype,"size",void 0),l([c()],p.prototype,"iconPack",void 0),l([c()],p.prototype,"t",void 0),p.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.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%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";var d=function(t,i,r,e){var o,a=arguments.length,s=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,r):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,r,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(i,r,s):o(i,r))||s);return a>3&&s&&Object.defineProperty(i,r,s),s};const h=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=o,this.t=a(),this.onVideoUpdate=t=>{this.videoEnabled=t.videoEnabled}}componentDidLoad(){this.meetingChanged(this.meeting)}meetingChanged(t){var i;null!=t&&(this.videoEnabled=t.self.videoEnabled,null===(i=t.self)||void 0===i||i.addListener("videoUpdate",this.onVideoUpdate))}disconnectedCallback(){var t;null===(t=this.meeting.self)||void 0===t||t.removeListener("videoUpdate",this.onVideoUpdate)}render(){var t,i,o;if(null==this.meeting)return null;const a={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},c=this.states,l=!0===(null===(t=null==c?void 0:c.prefs)||void 0===t?void 0:t.mirrorVideo)||"true"===s("mirror-video");return r(e,null,r("div",{class:"section",part:"tile-preview"},r("div",{class:"group",part:"tile-preview"},!0===this.videoEnabled?r("rtk-participant-tile",{meeting:this.meeting,participant:null===(i=this.meeting)||void 0===i?void 0:i.self,iconPack:this.iconPack,t:this.t,states:c,size:this.size,isPreview:!0}):r("div",{class:"camera-off-helper"},r("rtk-participant-tile",{meeting:this.meeting,participant:null===(o=this.meeting)||void 0===o?void 0:o.self,size:this.size},r("div",null,r("rtk-icon",{id:"icon",icon:this.iconPack.video_off,tabIndex:-1,"aria-hidden":!0}),r("div",null,this.t("settings.camera_off"))))))),r("rtk-camera-selector",Object.assign({},a)),r("div",{class:"group",part:"mirror-toggle"},r("div",{class:"row"},r("label",{htmlFor:"mirror-toggle"},this.t("settings.mirror_video")),r("rtk-switch",{checked:l,iconPack:this.iconPack,t:this.t,onRtkChange:t=>{const{checked:i}=t.target;this.stateUpdate.emit({prefs:{mirrorVideo:i}}),n("mirror-video",i)}}))))}static get watchers(){return{meeting:["meetingChanged"]}}};d([c()],h.prototype,"meeting",void 0),d([c()],h.prototype,"states",void 0),d([c()],h.prototype,"size",void 0),d([c()],h.prototype,"iconPack",void 0),d([c()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.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)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";export{p as rtk_settings_audio,h as rtk_settings_video}
+import{r as t,c as i,h as r,H as e}from"./p-0ee570cd.js";import{a as o,c as a,v as s,w as n}from"./p-9c733fd3.js";import{S as c}from"./p-27478c0c.js";var l=function(t,i,r,e){var o,a=arguments.length,s=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,r):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,r,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(i,r,s):o(i,r))||s);return a>3&&s&&Object.defineProperty(i,r,s),s};const d=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=o,this.t=a()}render(){var t,i;if(null==this.meeting)return null;const o={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},a=this.states,c=!0===(null===(t=null==a?void 0:a.prefs)||void 0===t?void 0:t.muteNotificationSounds)||"true"===s("mute-notification-sounds");return r(e,null,r("rtk-microphone-selector",Object.assign({},o),r("rtk-audio-visualizer",{participant:null===(i=this.meeting)||void 0===i?void 0:i.self,iconPack:this.iconPack,t:this.t,slot:"indicator"})),r("rtk-speaker-selector",Object.assign({},o)),r("div",{class:"group",part:"notification-toggle"},r("div",{class:"row"},r("label",{htmlFor:"notification-toggle"},this.t("settings.notification_sound")),r("rtk-switch",{id:"notification-toggle",checked:!c,onRtkChange:t=>{const{checked:i}=t.target,r=!i;this.stateUpdate.emit({prefs:{muteNotificationSounds:r}}),n("mute-notification-sounds",r)},iconPack:this.iconPack,t:this.t}))))}};l([c()],d.prototype,"meeting",void 0),l([c()],d.prototype,"states",void 0),l([c()],d.prototype,"size",void 0),l([c()],d.prototype,"iconPack",void 0),l([c()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.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%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";var p=function(t,i,r,e){var o,a=arguments.length,s=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,r):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,r,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(i,r,s):o(i,r))||s);return a>3&&s&&Object.defineProperty(i,r,s),s};const h=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.iconPack=o,this.t=a(),this.onVideoUpdate=t=>{this.videoEnabled=t.videoEnabled}}componentDidLoad(){this.meetingChanged(this.meeting)}meetingChanged(t){var i;null!=t&&(this.videoEnabled=t.self.videoEnabled,null===(i=t.self)||void 0===i||i.addListener("videoUpdate",this.onVideoUpdate))}disconnectedCallback(){var t;null===(t=this.meeting.self)||void 0===t||t.removeListener("videoUpdate",this.onVideoUpdate)}render(){var t,i,o;if(null==this.meeting)return null;const a={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},c=this.states,l=!0===(null===(t=null==c?void 0:c.prefs)||void 0===t?void 0:t.mirrorVideo)||"true"===s("mirror-video");return r(e,null,r("div",{class:"section",part:"tile-preview"},r("div",{class:"group",part:"tile-preview"},!0===this.videoEnabled?r("rtk-participant-tile",{meeting:this.meeting,participant:null===(i=this.meeting)||void 0===i?void 0:i.self,iconPack:this.iconPack,t:this.t,states:c,size:this.size,isPreview:!0}):r("div",{class:"camera-off-helper"},r("rtk-participant-tile",{meeting:this.meeting,participant:null===(o=this.meeting)||void 0===o?void 0:o.self,size:this.size},r("div",null,r("rtk-icon",{id:"icon",icon:this.iconPack.video_off,tabIndex:-1,"aria-hidden":!0}),r("div",null,this.t("settings.camera_off"))))))),r("rtk-camera-selector",Object.assign({},a)),r("div",{class:"group",part:"mirror-toggle"},r("div",{class:"row"},r("label",{htmlFor:"mirror-toggle"},this.t("settings.mirror_video")),r("rtk-switch",{checked:l,iconPack:this.iconPack,t:this.t,onRtkChange:t=>{const{checked:i}=t.target;this.stateUpdate.emit({prefs:{mirrorVideo:i}}),n("mirror-video",i)}}))))}static get watchers(){return{meeting:["meetingChanged"]}}};p([c()],h.prototype,"meeting",void 0),p([c()],h.prototype,"states",void 0),p([c()],h.prototype,"size",void 0),p([c()],h.prototype,"iconPack",void 0),p([c()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.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)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";export{d as rtk_settings_audio,h as rtk_settings_video}

package/dist/realtimekit-ui/{p-55040827.entry.js → p-1fdd6794.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{d as a,a as h,c as d}from"./p-ee167b96.js";import{d as r}from"./p-b13ddb7d.js";import{R as o}from"./p-c8eaa707.js";import{S as m}from"./p-2aa242f4.js";var c=function(t,i,s,e){var a,h=arguments.length,d=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(d=(h<3?a(d):h>3?a(i,s,d):a(i,s))||d);return h>3&&d&&Object.defineProperty(i,s,d),d};const n=class{constructor(i){t(this,i),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.aspectRatio="16:9",this.gap=8,this.config=a,this.iconPack=h,this.t=d(),this.gridSize=r,this.getAdaptiveSize=t=>"sm"===this.size||t>3||"md"===this.size?"sm":"md"}render(){const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},e=this.participants.filter((t=>this.pinnedParticipants.some((i=>i.id!=t.id))));return i(s,{key:"78a47e090097d8c758b7e78678c60c66231559e4"},i("main",{key:"405ea4039c11b49abe9b7636f94b966b2a02388f",part:"main"},i(o,{key:"bff026528181c24c2c761aa354678cb61aa01169",element:"rtk-simple-grid",defaults:t,props:{part:"main-grid",participants:this.pinnedParticipants,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(this.pinnedParticipants.length)}})),e.length>0&&i("aside",{key:"f2f77d8371fef0a83c5682d0dd7bf4d6c57ea69b",part:"aside",class:this.gridSize.spotlight?`grid-width-${this.gridSize.spotlight}`:"grid-width-md"},i(o,{key:"ba9e91c14b812c650275c4ae99bd602fb0f16aa0",element:"rtk-simple-grid",defaults:t,props:{part:"aside-grid",participants:e,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(e.length)}})))}get host(){return e(this)}};c([m()],n.prototype,"size",void 0),c([m()],n.prototype,"meeting",void 0),c([m()],n.prototype,"states",void 0),c([m()],n.prototype,"iconPack",void 0),c([m()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";export{n as rtk_spotlight_grid}
+import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{d as a,a as h,c as d}from"./p-9c733fd3.js";import{d as r}from"./p-b13ddb7d.js";import{R as o}from"./p-c8eaa707.js";import{S as m}from"./p-27478c0c.js";var c=function(t,i,s,e){var a,h=arguments.length,d=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,i,s,e);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(d=(h<3?a(d):h>3?a(i,s,d):a(i,s))||d);return h>3&&d&&Object.defineProperty(i,s,d),d};const n=class{constructor(i){t(this,i),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.aspectRatio="16:9",this.gap=8,this.config=a,this.iconPack=h,this.t=d(),this.gridSize=r,this.getAdaptiveSize=t=>"sm"===this.size||t>3||"md"===this.size?"sm":"md"}render(){const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},e=this.participants.filter((t=>this.pinnedParticipants.some((i=>i.id!=t.id))));return i(s,{key:"78a47e090097d8c758b7e78678c60c66231559e4"},i("main",{key:"405ea4039c11b49abe9b7636f94b966b2a02388f",part:"main"},i(o,{key:"bff026528181c24c2c761aa354678cb61aa01169",element:"rtk-simple-grid",defaults:t,props:{part:"main-grid",participants:this.pinnedParticipants,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(this.pinnedParticipants.length)}})),e.length>0&&i("aside",{key:"f2f77d8371fef0a83c5682d0dd7bf4d6c57ea69b",part:"aside",class:this.gridSize.spotlight?`grid-width-${this.gridSize.spotlight}`:"grid-width-md"},i(o,{key:"ba9e91c14b812c650275c4ae99bd602fb0f16aa0",element:"rtk-simple-grid",defaults:t,props:{part:"aside-grid",participants:e,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(e.length)}})))}get host(){return e(this)}};c([m()],n.prototype,"size",void 0),c([m()],n.prototype,"meeting",void 0),c([m()],n.prototype,"states",void 0),c([m()],n.prototype,"iconPack",void 0),c([m()],n.prototype,"t",void 0),n.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";export{n as rtk_spotlight_grid}

package/dist/realtimekit-ui/{p-d77f7f22.entry.js → p-21cbb4c2.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{a}from"./p-ee167b96.js";import{S as n}from"./p-2aa242f4.js";var s=function(t,e,i,a){var n,s=arguments.length,r=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const r=t=>Math.trunc(t).toString().padStart(2,"0"),o=class{constructor(e){t(this,e),this.iconPack=a,this.disconnectMeeting=()=>{var t,e;this.timeout&&clearTimeout(this.timeout),"number"==typeof this.request&&cancelAnimationFrame(this.request),null===(e=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===e||e.removeListener("meetingStartTimeUpdate",this.startedTimeUpdateListener)},this.startedTimeUpdateListener=()=>{var t,e,i;this.startedTime=null===(i=null===(e=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===e?void 0:e.meetingStartedTimestamp)||void 0===i?void 0:i.toISOString()}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting()}meetingChanged(t){var e,i,a;this.disconnectMeeting(),null!=t&&(this.startedTime=null===(i=null===(e=t.meta)||void 0===e?void 0:e.meetingStartedTimestamp)||void 0===i?void 0:i.toISOString(),null===(a=t.meta)||void 0===a||a.addListener("meetingStartTimeUpdate",this.startedTimeUpdateListener))}startedTimeChanged(t){if(void 0!==t){const t=()=>{this.timeDiff=(Date.now()-new Date(this.startedTime).getTime())/1e3,this.timeout=setTimeout((()=>{null!=this.request&&(this.request=requestAnimationFrame(t))}),500)};this.request=requestAnimationFrame(t)}}getFormattedTime(){if(null==this.timeDiff)return null;const t=this.timeDiff;let e="";return t>=3600&&(e=`${r(t/3600)}:`),e+=`${r(t%3600/60)}:${r(t%60)}`,e}render(){return e(i,{key:"2775471382c6d07aae0ba8e18677d6850fd9cb34","data-hidden":!(void 0!==this.startedTime),tabIndex:0,role:"timer","aria-live":"off"},void 0!==this.startedTime&&[e("rtk-icon",{key:"48b8bdfeef973d7f3eb4cdd526e386226a4b999a",icon:this.iconPack.clock,"aria-hidden":!0,tabIndex:-1,part:"icon"}),e("span",{key:"9f2bb7aa7adc6ecb65c5fef57e406801e6592e59",part:"text"},this.getFormattedTime())])}static get watchers(){return{meeting:["meetingChanged"],startedTime:["startedTimeChanged"]}}};s([n()],o.prototype,"meeting",void 0),s([n()],o.prototype,"iconPack",void 0),o.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";export{o as rtk_clock}
+import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{a}from"./p-9c733fd3.js";import{S as n}from"./p-27478c0c.js";var s=function(t,e,i,a){var n,s=arguments.length,r=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const r=t=>Math.trunc(t).toString().padStart(2,"0"),o=class{constructor(e){t(this,e),this.iconPack=a,this.disconnectMeeting=()=>{var t,e;this.timeout&&clearTimeout(this.timeout),"number"==typeof this.request&&cancelAnimationFrame(this.request),null===(e=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===e||e.removeListener("meetingStartTimeUpdate",this.startedTimeUpdateListener)},this.startedTimeUpdateListener=()=>{var t,e,i;this.startedTime=null===(i=null===(e=null===(t=this.meeting)||void 0===t?void 0:t.meta)||void 0===e?void 0:e.meetingStartedTimestamp)||void 0===i?void 0:i.toISOString()}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.disconnectMeeting()}meetingChanged(t){var e,i,a;this.disconnectMeeting(),null!=t&&(this.startedTime=null===(i=null===(e=t.meta)||void 0===e?void 0:e.meetingStartedTimestamp)||void 0===i?void 0:i.toISOString(),null===(a=t.meta)||void 0===a||a.addListener("meetingStartTimeUpdate",this.startedTimeUpdateListener))}startedTimeChanged(t){if(void 0!==t){const t=()=>{this.timeDiff=(Date.now()-new Date(this.startedTime).getTime())/1e3,this.timeout=setTimeout((()=>{null!=this.request&&(this.request=requestAnimationFrame(t))}),500)};this.request=requestAnimationFrame(t)}}getFormattedTime(){if(null==this.timeDiff)return null;const t=this.timeDiff;let e="";return t>=3600&&(e=`${r(t/3600)}:`),e+=`${r(t%3600/60)}:${r(t%60)}`,e}render(){return e(i,{key:"2775471382c6d07aae0ba8e18677d6850fd9cb34","data-hidden":!(void 0!==this.startedTime),tabIndex:0,role:"timer","aria-live":"off"},void 0!==this.startedTime&&[e("rtk-icon",{key:"48b8bdfeef973d7f3eb4cdd526e386226a4b999a",icon:this.iconPack.clock,"aria-hidden":!0,tabIndex:-1,part:"icon"}),e("span",{key:"9f2bb7aa7adc6ecb65c5fef57e406801e6592e59",part:"text"},this.getFormattedTime())])}static get watchers(){return{meeting:["meetingChanged"],startedTime:["startedTimeChanged"]}}};s([n()],o.prototype,"meeting",void 0),s([n()],o.prototype,"iconPack",void 0),o.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";export{o as rtk_clock}

package/dist/realtimekit-ui/p-241230d3.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as e,H as t}from"./p-0ee570cd.js";import{c,a as o}from"./p-9c733fd3.js";import{d as i}from"./p-9fc565cf.js";import{S as s}from"./p-27478c0c.js";import{f as d,s as n}from"./p-338c7261.js";var l=function(a,r,e,t){var c,o=arguments.length,i=o<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(a,r,e,t);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(i=(o<3?c(i):o>3?c(r,e,i):c(r,e))||i);return o>3&&i&&Object.defineProperty(r,e,i),i};const b=class{constructor(e){a(this,e),this.close=r(this,"close",7),this.t=c(),this.iconPack=o,this.keypressListener=a=>{"Escape"===a.key&&this.close.emit()},this.handleOutsideClick=()=>this.close.emit()}connectedCallback(){document.addEventListener("keydown",this.keypressListener),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("keydown",this.keypressListener),document.removeEventListener("click",this.handleOutsideClick)}render(){return e(t,{key:"2bb235425497f7932f5cfd73ab7faa2c15d3691d",class:"scrollbar",onClick:a=>a.stopPropagation()},e("div",{key:"04dd5a250967f61e20b7b8fe559ca4ea1012f949",class:"header"},e("div",{key:"9f533863c5d32c7333c872333d7c6c14c02f5827",class:"shared-by-user"},this.t("chat.img.shared_by")," ",e("span",{key:"6e24710128bef29114ba0fa4f7c06561a7293a96",class:"displayName"},d(n(this.image.displayName)))),e("div",{key:"1d7e518f2b61c74634885518450a0364691205cb",class:"actions"},e("rtk-button",{key:"b9ca96cf9eef4dfe347412daeec77f6b5183e5c5",onClick:()=>i(this.image.link,{fallbackName:"image"})},e("rtk-icon",{key:"ee1326105412e04d113b35a8b1815f22c0699b87",icon:this.iconPack.download,slot:"start"}),"Download"),e("rtk-button",{key:"240d7f9f00f19031402bfca7c54d65a1f3bbef6d",kind:"icon",variant:"secondary",onClick:()=>this.close.emit()},e("rtk-icon",{key:"91e47a9b52baf9f28efda7b1d98f12d90724da1f",icon:this.iconPack.dismiss})))),e("div",{key:"e50deb0d992a18b49641ccfde023f256083d05c7",class:"image-ctr"},e("img",{key:"febe53b5401100dd4a7e9c46693302e4c8dd711c",src:this.image.link})))}};l([s()],b.prototype,"size",void 0),l([s()],b.prototype,"t",void 0),l([s()],b.prototype,"iconPack",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)}.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{width:1140px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-6, 24px);padding-top:var(--rtk-space-5, 20px);overflow-y:auto;color:rgb(var(--rtk-colors-text-1000, 255 255 255));z-index:40;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.displayName{font-weight:700}.image-ctr{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}img{box-sizing:border-box;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--rtk-space-4, 16px)}.shared-by-user{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']) .header{flex-direction:column}:host([size='sm']) .header .actions{margin-top:var(--rtk-space-4, 16px)}";export{b as rtk_image_viewer}

package/dist/realtimekit-ui/p-27478c0c.js

@@ -0,0 +1 @@
+import{a as n}from"./p-0ee570cd.js";import{m as t,n as o,u as c}from"./p-9c733fd3.js";function s(){return function(s,i){const{connectedCallback:r,disconnectedCallback:a}=s;s.connectedCallback=function(){const o=n(this);return o[i]||(o[i]=c.state[i],t(i,o)),null==r?void 0:r.call(this)},s.disconnectedCallback=function(){return o(i,n(this)),null==a?void 0:a.call(this)}}}export{s as S}

package/dist/realtimekit-ui/{p-0a1d9e02.entry.js → p-300dc0f3.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{a,c as o,l}from"./p-ee167b96.js";import{S as n}from"./p-2aa242f4.js";var d=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 r=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,n;const d=null===(t=this.meeting.stage)||void 0===t?void 0:t.status;"ON_STAGE"===d&&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"===d&&(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)&&(l.states.activeJoinStage=!0,this.stateUpdate.emit({activeJoinStage:!0}))),"REQUESTED_TO_JOIN_STAGE"===d&&(null===(n=null===(o=null==this?void 0:this.meeting)||void 0===o?void 0:o.stage)||void 0===n||n.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;null!=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"]}}};d([n()],r.prototype,"meeting",void 0),d([n()],r.prototype,"size",void 0),d([n()],r.prototype,"iconPack",void 0),d([n()],r.prototype,"states",void 0),d([n()],r.prototype,"t",void 0),r.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{r as rtk_stage_toggle}
+import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{a,c as o,l}from"./p-9c733fd3.js";import{S as n}from"./p-27478c0c.js";var d=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 r=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,n;const d=null===(t=this.meeting.stage)||void 0===t?void 0:t.status;"ON_STAGE"===d&&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"===d&&(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)&&(l.states.activeJoinStage=!0,this.stateUpdate.emit({activeJoinStage:!0}))),"REQUESTED_TO_JOIN_STAGE"===d&&(null===(n=null===(o=null==this?void 0:this.meeting)||void 0===o?void 0:o.stage)||void 0===n||n.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;null!=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"]}}};d([n()],r.prototype,"meeting",void 0),d([n()],r.prototype,"size",void 0),d([n()],r.prototype,"iconPack",void 0),d([n()],r.prototype,"states",void 0),d([n()],r.prototype,"t",void 0),r.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{r as rtk_stage_toggle}

package/dist/realtimekit-ui/{p-4ff47eb0.entry.js → p-376ac678.entry.js}

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

package/dist/realtimekit-ui/{p-94b739b4.entry.js → p-3b604624.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as a,H as i}from"./p-0ee570cd.js";import{a as s,c as o}from"./p-ee167b96.js";import{S as r}from"./p-2aa242f4.js";var n=function(t,e,a,i){var s,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(o<3?s(r):o>3?s(e,a,r):s(e,a))||r);return o>3&&r&&Object.defineProperty(e,a,r),r};const c=class{constructor(a){t(this,a),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=s,this.t=o(),this.leave=()=>{this.stateUpdate.emit({activeLeaveConfirmation:!0})}}render(){const t=this.t("leave");return a(i,{key:"2ce38b68e83d44e924766230f74b18111db72771",label:t},a("rtk-controlbar-button",{key:"5bdc59145416c548a980178df00225781bbbadcc",size:this.size,iconPack:this.iconPack,class:"leave red-icon",onClick:this.leave,icon:this.iconPack.call_end,label:t,variant:this.variant,part:"controlbar-button"}))}};n([r()],c.prototype,"size",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_leave_button}
+import{r as t,c as e,h as a,H as i}from"./p-0ee570cd.js";import{a as s,c as o}from"./p-9c733fd3.js";import{S as r}from"./p-27478c0c.js";var n=function(t,e,a,i){var s,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(o<3?s(r):o>3?s(e,a,r):s(e,a))||r);return o>3&&r&&Object.defineProperty(e,a,r),r};const c=class{constructor(a){t(this,a),this.stateUpdate=e(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=s,this.t=o(),this.leave=()=>{this.stateUpdate.emit({activeLeaveConfirmation:!0})}}render(){const t=this.t("leave");return a(i,{key:"2ce38b68e83d44e924766230f74b18111db72771",label:t},a("rtk-controlbar-button",{key:"5bdc59145416c548a980178df00225781bbbadcc",size:this.size,iconPack:this.iconPack,class:"leave red-icon",onClick:this.leave,icon:this.iconPack.call_end,label:t,variant:this.variant,part:"controlbar-button"}))}};n([r()],c.prototype,"size",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";export{c as rtk_leave_button}

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

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

package/dist/realtimekit-ui/{p-0e777b3f.entry.js → p-3e0b8db7.entry.js}

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

package/dist/realtimekit-ui/{p-42a64cbb.entry.js → p-3f42b7a8.entry.js}

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

package/dist/realtimekit-ui/{p-b16cee89.js → p-41382f52.js}

@@ -1 +1 @@
-import{q as r}from"./p-ee167b96.js";const t=r=>{if(r&&!r.chat)return!1;const{chatPublic:t,chatPrivate:n}=r.self.permissions;return t.canSend||t.canReceive||t.text||t.files||n.canSend||n.canReceive||n.files||n.text},n=r=>{if(r&&!r.polls)return!1;const{polls:t}=r.self.permissions;return t.canCreate||t.canView||t.canVote},e=r=>{var t;if(!(null===(t=r.self.permissions)||void 0===t?void 0:t.showParticipantList))return!1;if(r&&!r.participants)return!1;const n=null==r?void 0:r.self.config;return!(n&&!n.controlBar.elements.participants)},u=t=>{if(r(t))return!1;if(t&&!t.plugins)return!1;if("LIVESTREAM"===t.meta.viewType)return"ON_STAGE"===t.stage.status;const{plugins:n}=t.self.permissions;return n.canClose||n.canStart};export{e as a,u as b,t as c,n as d}
+import{q as r}from"./p-9c733fd3.js";const t=r=>{if(r&&!r.chat)return!1;const{chatPublic:t,chatPrivate:n}=r.self.permissions;return t.canSend||t.canReceive||t.text||t.files||n.canSend||n.canReceive||n.files||n.text},n=r=>{if(r&&!r.polls)return!1;const{polls:t}=r.self.permissions;return t.canCreate||t.canView||t.canVote},u=r=>{var t;if(!(null===(t=r.self.permissions)||void 0===t?void 0:t.showParticipantList))return!1;if(r&&!r.participants)return!1;const n=null==r?void 0:r.self.config;return!(n&&!n.controlBar.elements.participants)},i=t=>{if(r(t))return!1;if(t&&!t.plugins)return!1;if("LIVESTREAM"===t.meta.viewType)return"ON_STAGE"===t.stage.status;const{plugins:n}=t.self.permissions;return n.canClose||n.canStart};export{u as a,i as b,t as c,n as d}

package/dist/realtimekit-ui/{p-7c1a2584.entry.js → p-454f1abe.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e,a as s}from"./p-0ee570cd.js";import{d as a,a as o,c as n}from"./p-ee167b96.js";import{R as h}from"./p-c8eaa707.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-2aa242f4.js";var f=function(t,i,e,s){var a,o=arguments.length,n=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,s);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(n=(o<3?a(n):o>3?a(i,e,n):a(i,e))||n);return o>3&&n&&Object.defineProperty(i,e,n),n};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=a,this.iconPack=o,this.t=n(),this.dimensions={width:0,height:0},this.setHostDimensions=()=>{const{clientWidth:t,clientHeight:i}=this.host;this.dimensions={width:t,height:i}}}connectedCallback(){this.resizeObserver=new c(this.setHostDimensions),this.resizeObserver.observe(this.host),this.meetingChanged(this.meeting)}meetingChanged(t){const i=null==t?void 0:t.meta;i&&(this.mediaConnection=Object.assign({},i.mediaState))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:s,height:a,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(e,{key:"66b303c15b37e03ca647f8633c72f664f1e7256f"},i("slot",{key:"14f45cb35f76b6456561df790ca4be4ff415f1e7"},this.participants.map(((e,n)=>{const{top:r,left:c}=o(n);return i(h,{element:"rtk-participant-tile",defaults:t,props:{participant:e,style:{position:"absolute",top:`${r}px`,left:`${c}px`,width:`${s}px`,height:`${a}px`},key:e.id,"data-participant":e.id,mediaConnection:this.mediaConnection},childProps:{participant:e},deepProps:!0})}))))}get host(){return s(this)}static get watchers(){return{meeting:["meetingChanged"]}}};f([p()],d.prototype,"size",void 0),f([p()],d.prototype,"meeting",void 0),f([p()],d.prototype,"states",void 0),f([p()],d.prototype,"iconPack",void 0),f([p()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:100%;width:100%}";export{d as rtk_simple_grid}
+import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{d as a,a as o,c as n}from"./p-9c733fd3.js";import{R as h}from"./p-c8eaa707.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-27478c0c.js";var f=function(t,i,s,e){var a,o=arguments.length,n=o<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 h=t.length-1;h>=0;h--)(a=t[h])&&(n=(o<3?a(n):o>3?a(i,s,n):a(i,s))||n);return o>3&&n&&Object.defineProperty(i,s,n),n};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=a,this.iconPack=o,this.t=n(),this.dimensions={width:0,height:0},this.setHostDimensions=()=>{const{clientWidth:t,clientHeight:i}=this.host;this.dimensions={width:t,height:i}}}connectedCallback(){this.resizeObserver=new c(this.setHostDimensions),this.resizeObserver.observe(this.host),this.meetingChanged(this.meeting)}meetingChanged(t){const i=null==t?void 0:t.meta;i&&(this.mediaConnection=Object.assign({},i.mediaState))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:e,height:a,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(s,{key:"66b303c15b37e03ca647f8633c72f664f1e7256f"},i("slot",{key:"14f45cb35f76b6456561df790ca4be4ff415f1e7"},this.participants.map(((s,n)=>{const{top:r,left:c}=o(n);return i(h,{element:"rtk-participant-tile",defaults:t,props:{participant:s,style:{position:"absolute",top:`${r}px`,left:`${c}px`,width:`${e}px`,height:`${a}px`},key:s.id,"data-participant":s.id,mediaConnection:this.mediaConnection},childProps:{participant:s},deepProps:!0})}))))}get host(){return e(this)}static get watchers(){return{meeting:["meetingChanged"]}}};f([p()],d.prototype,"size",void 0),f([p()],d.prototype,"meeting",void 0),f([p()],d.prototype,"states",void 0),f([p()],d.prototype,"iconPack",void 0),f([p()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:100%;width:100%}";export{d as rtk_simple_grid}

package/dist/realtimekit-ui/p-473e3bff.entry.js

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

package/dist/realtimekit-ui/{p-050f0b1f.entry.js → p-48b31e6c.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as e}from"./p-0ee570cd.js";import{a as o,c as a}from"./p-ee167b96.js";import{S as l}from"./p-2aa242f4.js";var n=function(i,t,s,e){var o,a=arguments.length,l=a<3?t:null===e?e=Object.getOwnPropertyDescriptor(t,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,s,e);else for(var n=i.length-1;n>=0;n--)(o=i[n])&&(l=(a<3?o(l):a>3?o(t,s,l):o(t,s))||l);return a>3&&l&&Object.defineProperty(t,s,l),l};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.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=a(),this.videoEnabled=!1,this.canProduceVideo=!1,this.cameraPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleCamera=()=>{var i,t,s,e,o,a,l,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===(a=null===(o=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===o?void 0:o.permissions)||void 0===a?void 0:a.canProduceVideo}},webinar:{stageStatus:null===(l=this.meeting)||void 0===l?void 0:l.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,a,l;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===(l=null===(a=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===a?void 0:a.permissions)||void 0===l||l.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self: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(),a="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(a?"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||a,disable:o}}render(){var i;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:a,classList:l,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:l,variant:this.variant,label:o,icon:a,onClick:this.toggleCamera,showWarning:n,disabled:d})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"size",void 0),n([l()],d.prototype,"iconPack",void 0),n([l()],d.prototype,"t",void 0),d.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";export{d as rtk_camera_toggle}
+import{r as i,c as t,h as s,H as e}from"./p-0ee570cd.js";import{a as o,c as l}from"./p-9c733fd3.js";import{S as a}from"./p-27478c0c.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.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,"size",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-6ededa68.js → p-4ad4a43b.js}

@@ -1 +1 @@
-import{d as t,i as e}from"./p-ee167b96.js";import{e as r,b as i,i as o,g as n,c as a,k as l,a as d,d as s,f as c,h as g,j as v,l as p,m as k,n as u,o as m,S as f,p as b,q as h}from"./p-46923b34.js";import{i as x,b as y,a as w}from"./p-2c3cda13.js";const S=[0,.5,1,1.5,2,3,4,5,6,7,8,9,10,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],O={darkest:{background:{1e3:"#080808",900:"#1A1A1A",800:"#1E1E1E",700:"#2C2C2C",600:"#393939"},text:"#FFFFFF"},dark:{background:{1e3:"#252525",900:"#2F2F2F",800:"#323232",700:"#3E3E3E",600:"#4A4A4A"},text:"#F5F5F5","video-bg":"#1C1C1C"},light:{background:{1e3:"#FFFFFF",900:"#F5F5F5",800:"#EBEBEB",700:"#E0E0E0",600:"#D6D6D6"},text:"#111111","text-on-brand":"#ffffff","video-bg":"#DADADA"}},j={none:{none:0,sm:0,md:0,lg:0},thin:{none:0,sm:1,md:2,lg:4},fat:{none:0,sm:2,md:4,lg:8}},I={sharp:{none:0,sm:0,md:0,lg:0},rounded:{none:0,sm:4,md:8,lg:12},"extra-rounded":{none:0,sm:8,md:16,lg:24},circular:{none:9999,sm:9999,md:9999,lg:9999}};function A(t){let e="0",r="0",i="0";return 4==(t=t.trim()).length?(e="0x"+t[1]+t[1],r="0x"+t[2]+t[2],i="0x"+t[3]+t[3]):t.length>6&&(e="0x"+t[1]+t[2],r="0x"+t[3]+t[4],i="0x"+t[5]+t[6]),[+e,+r,+i]}const F=t=>"string"==typeof t&&7===t.length&&t.startsWith("#"),_="--rtk-";function M(t,e=_){return e+t}const $=(t,e,r=_)=>{Object.keys(e).forEach((i=>{const o=e[i];if("string"==typeof o)if("text"===i||"text-on-brand"===i){const e=A(o).join(" ");t.style.setProperty(M(`colors-${i}-1000`,r),`${e}`),t.style.setProperty(M(`colors-${i}-900`,r),`${e} / 0.88`),t.style.setProperty(M(`colors-${i}-800`,r),`${e} / 0.76`),t.style.setProperty(M(`colors-${i}-700`,r),`${e} / 0.64`),t.style.setProperty(M(`colors-${i}-600`,r),`${e} / 0.52`)}else{const e=A(o).join(" ");t.style.setProperty(M(`colors-${i}`,r),e)}else"object"==typeof o&&Object.keys(o).forEach((e=>{const n=A(o[e]).join(" ");t.style.setProperty(M(`colors-${i}-${e}`,r),n)}))}))},T=(t,{spacingBase:e,borderRadius:r,borderWidth:i,colors:o,fontFamily:n,googleFont:a,theme:l,tokenPrefix:d=_})=>{if("object"!=typeof t)throw new Error("[rtk-ui-kit] (provideRtkDesignSystem): Passed element is not a valid HTML Element");if("string"==typeof a&&((t=>{const e=[];if(null==document.querySelector("link[data-rtk-font]")){const t=document.createElement("link");t.rel="preconnect",t.setAttribute("data-rtk-font","true"),t.href="https://fonts.googleapis.com";const r=t.cloneNode(!0);r.href="https://fonts.gstatic.com",r.crossOrigin="",e.push(t,r)}const r=document.createElement("link");r.rel="stylesheet",r.setAttribute("data-rtk-font",t),r.href=encodeURI(`https://fonts.googleapis.com/css2?family=${t}:wght@${[400,500,700].join(";")}&display=swap`),e.push(r),document.head.append(...e)})(a),t.style.setProperty(M("font-family",d),a)),"string"==typeof n&&t.style.setProperty(M("font-family",d),n),"number"==typeof e&&((t,e,r=_)=>{S.forEach((i=>{t.style.setProperty(M(`space-${i}`,r),i*e+"px")}))})(t,e,d),"string"==typeof i&&((t,e,r=_)=>{if(e in j){const i=j[e];Object.keys(i).forEach((e=>{t.style.setProperty(M(`border-width-${e}`,r),`${i[e]}px`)}))}})(t,i,d),"string"==typeof r&&((t,e,r=_)=>{if(e in I){const i=I[e];Object.keys(i).forEach((e=>{t.style.setProperty(M(`border-radius-${e}`,r),`${i[e]}px`)}))}})(t,r,d),"string"==typeof l){const e=O[l];null!=e&&$(t,e,d)}"object"==typeof o&&$(t,o,d)};function R(t,e,o){(void 0!==o&&!r(t[e],o)||void 0===o&&!(e in t))&&i(t,e,o)}var C="[object Object]",D=Function.prototype.toString,E=Object.prototype.hasOwnProperty,z=D.call(Object);function P(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function U(t,e,r,i,b){t!==e&&function(t,e,r){for(var i=-1,o=Object(t),n=r(t),a=n.length;a--;){var l=n[++i];if(!1===e(o[l],l,o))break}}(e,(function(h,S){if(b||(b=new f),w(h))!function(t,e,r,i,f,b,h){var S=P(t,r),O=P(e,r),j=h.get(O);if(j)R(t,r,j);else{var I,A=b?b(S,O,r+"",t,e,h):void 0,F=void 0===A;if(F){var _=d(O),M=!_&&s(O),$=!_&&!M&&c(O);A=O,_||M||$?d(S)?A=S:x(I=S)&&o(I)?A=g(S):M?(F=!1,A=v(O,!0)):$?(F=!1,A=p(O,!0)):A=[]:function(t){if(!x(t)||y(t)!=C)return!1;var e=n(t);if(null===e)return!0;var r=E.call(e,"constructor")&&e.constructor;return"function"==typeof r&&r instanceof r&&D.call(r)==z}(O)||k(O)?(A=S,k(S)?A=function(t){return a(t,l(t))}(S):w(S)&&!u(S)||(A=m(O))):F=!1}F&&(h.set(O,A),f(A,O,i,b,h),h.delete(O)),R(t,r,A)}}(t,e,S,r,U,i,b);else{var O=i?i(P(t,S),h,S+"",t,e,b):void 0;void 0===O&&(O=h),R(t,S,O)}}),l)}function B(t){return t}var L,q,H,N=Math.max,V=b?function(t,e){return b(t,"toString",{configurable:!0,enumerable:!1,value:(r=e,function(){return r}),writable:!0});var r}:B,W=Date.now;const G=(L=V,q=0,H=0,function(){var t=W(),e=16-(t-H);if(H=t,e>0){if(++q>=800)return arguments[0]}else q=0;return L.apply(void 0,arguments)});var J;const K=(J=function(t,e,r){U(t,e,r)},function(t,e){return G(function(t,e,r){return e=N(void 0===e?t.length-1:e,0),function(){for(var i=arguments,o=-1,n=N(i.length-e,0),a=Array(n);++o<n;)a[o]=i[e+o];o=-1;for(var l=Array(e+1);++o<e;)l[o]=i[o];return l[e]=r(a),function(t,e,r){switch(r.length){case 0:return t.call(e);case 1:return t.call(e,r[0]);case 2:return t.call(e,r[0],r[1]);case 3:return t.call(e,r[0],r[1],r[2])}return t.apply(e,r)}(t,this,l)}}(t,e,B),t+"")}((function(t,e){var i=-1,n=e.length,a=n>1?e[n-1]:void 0,l=n>2?e[2]:void 0;for(a=J.length>3&&"function"==typeof a?(n--,a):void 0,l&&function(t,e,i){if(!w(i))return!1;var n=typeof e;return!!("number"==n?o(i)&&h(e,i.length):"string"==n&&e in i)&&r(i[e],t)}(e[0],e[1],l)&&(a=n<3?void 0:a,n=1),t=Object(t);++i<n;){var d=e[i];d&&J(t,d,i)}return t}))),Q=(e,r=t)=>{let i=Object.assign({},r);return K(i,e),i},X=(t,r,i={},o={grid_pagination:!0,settings_toggle:!0})=>{var n,a,l,d,s,c,g,v,p,k,u,m,f,b,h,x,y,w;const S={showSetupScreen:!0};let O,j=["rtk-stage"],I={},A={};const _=!1!==(null==o?void 0:o.settings_toggle),M=!1!==(null==o?void 0:o.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){j.push("rtk-controlbar");const{elements:i}=t.controlBar,o=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],..._?["rtk-settings-toggle"]:[]],n=[],v=[];(null===(a=r.participants.pip)||void 0===a?void 0:a.isSupported())&&(null===(d=null===(l=r.self)||void 0===l?void 0:l.config)||void 0===d?void 0:d.pipMode)&&"LIVESTREAM"!==(null===(s=r.self.config)||void 0===s?void 0:s.viewType)&&v.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&v.push("rtk-mute-all-button"),v.push("rtk-breakout-rooms-toggle"),(null===(c=r.self)||void 0===c?void 0:c.permissions.canRecord)&&v.push("rtk-recording-toggle"),null!==(g=r.self.permissions.transcriptionEnabled)&&void 0!==g&&g&&v.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&v.push("rtk-debugger-toggle"),e(r)&&o.push("rtk-livestream-toggle"),i.screenshare&&o.push("rtk-screen-share-toggle"),i.chat&&n.push("rtk-chat-toggle"),i.polls&&n.push("rtk-polls-toggle"),i.participants&&n.push("rtk-participants-toggle"),i.plugins&&n.push("rtk-plugins-toggle"),n.push("rtk-ai-toggle");const p=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];v.length>0&&p.push("rtk-more-toggle");const k=o.concat(n).concat(v);let u=!1;k.length>0&&(u=!0),A={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":o,"div#controlbar-center":p,"div#controlbar-right":n,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":v.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":k.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":k.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",u&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(v=t.header)||void 0===v?void 0:v.isEnabled){j.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],o=[];M&&o.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(O=e.logo,r.unshift("rtk-logo")),e.participantCount&&o.push("rtk-participant-count","rtk-viewer-count"),e.timer&&o.push("rtk-clock"),I={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":o,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}j.push("rtk-participants-audio","rtk-dialog-manager");let $={logo:O};$=t.designTokens,F(null===(k=null===(p=null==t?void 0:t.designTokens)||void 0===p?void 0:p.colors)||void 0===k?void 0:k.textOnBrand)&&($.colors["text-on-brand"]=null===(m=null===(u=null==t?void 0:t.designTokens)||void 0===u?void 0:u.colors)||void 0===m?void 0:m.textOnBrand),F(null===(b=null===(f=null==t?void 0:t.designTokens)||void 0===f?void 0:f.colors)||void 0===b?void 0:b.videoBg)&&($.colors["video-bg"]=null===(x=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===x?void 0:x.videoBg);let T={designTokens:$,styles:{"rtk-header":{display:"grid",height:"48px",gridTemplateColumns:"repeat(3, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--dyte-space-2, 8px)"},"rtk-header.sm":{display:"grid",gridArea:"header",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--dyte-space-1, 4px)"},"div#header-left":{display:"flex",alignItems:"center",height:"48px",wordBreak:"break-all",gap:"var(--header-section-gap)"},"rtk-logo":{height:"26px"},"div#header-center":{display:"flex",alignItems:"center",justifyContent:"center",wordBreak:"break-all",gap:"var(--header-section-gap)",paddingInline:"var(--dyte-space-3, 12px)"},"div#header-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--header-section-gap)"},"rtk-stage":{display:"flex",flex:"1"},"rtk-grid":{flex:"1",height:"auto"},"rtk-controlbar":{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"1fr",alignItems:"center",padding:"8px"},"rtk-controlbar.sm":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"rtk-controlbar.md":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"div#controlbar-left":{display:"flex",alignItems:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-center":{display:"flex",alignItems:"center",position:"relative",overflow:"visible",justifyContent:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-mobile":{display:"flex",flex:"1",alignItems:"center",justifyContent:"center",zIndex:"10000",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--rtk-space-1, 4px)"},"rtk-settings":{width:"720px",height:"480px"},"rtk-debugger":{width:"720px",height:"480px"},"div#setupcontrols-indicator":{position:"absolute",bottom:"12px",left:"12px",display:"flex",gap:"6px",background:"rgb(var(--rtk-colors-background-800, 0 0 0))",borderRadius:"100%"},"div#setupcontrols-media":{position:"absolute",bottom:"8px",right:"8px",display:"flex",gap:"6px"},"div#setupcontrols-settings":{position:"absolute",top:"8px",right:"8px",display:"flex",flexDirection:"column",gap:"6px"},"rtk-meeting-title.sm":{marginLeft:"0"},"rtk-clock":{marginRight:"0"}},root:Object.assign(Object.assign(Object.assign({"rtk-meeting":{state:"meeting",states:["activeSidebar","activeAI"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":j,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.sm":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.md":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},I),A),{"rtk-stage":{states:["activeSidebar","activeAI"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"rtk-stage.activeAI":{add:[["rtk-ai",{view:"sidebar"}]]},"rtk-stage.activeAI.sm":{remove:["rtk-ai"]},"rtk-grid":{states:["activeScreenShare","activePlugin","activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenshare":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-grid.activeScreenShare":["rtk-mixed-grid"],"rtk-grid.activePlugin":["rtk-mixed-grid"],"rtk-grid.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-mixed-grid":{states:["activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-mixed-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-mixed-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-participant-tile":{state:"meeting",children:["rtk-name-tag","rtk-avatar","rtk-network-indicator"]},"rtk-participant-setup":["rtk-avatar","div#setupcontrols-media"],"rtk-participant-tile[meeting=setup]":["rtk-avatar","div#setupcontrols-indicator","div#setupcontrols-media",..._?["div#setupcontrols-settings"]:[]],"div#setupcontrols-indicator":[["rtk-audio-visualizer",{slot:"start",hideMuted:!0}]],"div#setupcontrols-media":[["rtk-mic-toggle",{size:"sm"}],["rtk-camera-toggle",{size:"sm"}]],"div#setupcontrols-settings":[["rtk-settings-toggle",{size:"sm"}]],"rtk-screenshare-view":["rtk-name-tag","rtk-network-indicator"],"rtk-name-tag":[["rtk-audio-visualizer",{slot:"start"}]]}),config:{notification_sounds:{participant_left:!1},participant_joined_sound_notification_limit:3,participant_chat_message_sound_notification_limit:10,videoFit:"cover"}};return T=Q(i,T),S.showSetupScreen=null===(w=null===(y=t.setupScreen)||void 0===y?void 0:y.isEnabled)||void 0===w||w,{config:T,data:S}};export{K as d,Q as e,X as g,T as p}
+import{d as t,i as e}from"./p-9c733fd3.js";import{e as r,b as i,i as o,g as n,c as a,k as l,a as d,d as s,f as c,h as g,j as v,l as p,m as k,n as u,o as m,S as f,p as b,q as h}from"./p-46923b34.js";import{i as x,b as y,a as w}from"./p-2c3cda13.js";const S=[0,.5,1,1.5,2,3,4,5,6,7,8,9,10,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],O={darkest:{background:{1e3:"#080808",900:"#1A1A1A",800:"#1E1E1E",700:"#2C2C2C",600:"#393939"},text:"#FFFFFF"},dark:{background:{1e3:"#252525",900:"#2F2F2F",800:"#323232",700:"#3E3E3E",600:"#4A4A4A"},text:"#F5F5F5","video-bg":"#1C1C1C"},light:{background:{1e3:"#FFFFFF",900:"#F5F5F5",800:"#EBEBEB",700:"#E0E0E0",600:"#D6D6D6"},text:"#111111","text-on-brand":"#ffffff","video-bg":"#DADADA"}},j={none:{none:0,sm:0,md:0,lg:0},thin:{none:0,sm:1,md:2,lg:4},fat:{none:0,sm:2,md:4,lg:8}},I={sharp:{none:0,sm:0,md:0,lg:0},rounded:{none:0,sm:4,md:8,lg:12},"extra-rounded":{none:0,sm:8,md:16,lg:24},circular:{none:9999,sm:9999,md:9999,lg:9999}};function A(t){let e="0",r="0",i="0";return 4==(t=t.trim()).length?(e="0x"+t[1]+t[1],r="0x"+t[2]+t[2],i="0x"+t[3]+t[3]):t.length>6&&(e="0x"+t[1]+t[2],r="0x"+t[3]+t[4],i="0x"+t[5]+t[6]),[+e,+r,+i]}const F=t=>"string"==typeof t&&7===t.length&&t.startsWith("#"),_="--rtk-";function M(t,e=_){return e+t}const $=(t,e,r=_)=>{Object.keys(e).forEach((i=>{const o=e[i];if("string"==typeof o)if("text"===i||"text-on-brand"===i){const e=A(o).join(" ");t.style.setProperty(M(`colors-${i}-1000`,r),`${e}`),t.style.setProperty(M(`colors-${i}-900`,r),`${e} / 0.88`),t.style.setProperty(M(`colors-${i}-800`,r),`${e} / 0.76`),t.style.setProperty(M(`colors-${i}-700`,r),`${e} / 0.64`),t.style.setProperty(M(`colors-${i}-600`,r),`${e} / 0.52`)}else{const e=A(o).join(" ");t.style.setProperty(M(`colors-${i}`,r),e)}else"object"==typeof o&&Object.keys(o).forEach((e=>{const n=A(o[e]).join(" ");t.style.setProperty(M(`colors-${i}-${e}`,r),n)}))}))},T=(t,{spacingBase:e,borderRadius:r,borderWidth:i,colors:o,fontFamily:n,googleFont:a,theme:l,tokenPrefix:d=_})=>{if("object"!=typeof t)throw new Error("[rtk-ui-kit] (provideRtkDesignSystem): Passed element is not a valid HTML Element");if("string"==typeof a&&((t=>{const e=[];if(null==document.querySelector("link[data-rtk-font]")){const t=document.createElement("link");t.rel="preconnect",t.setAttribute("data-rtk-font","true"),t.href="https://fonts.googleapis.com";const r=t.cloneNode(!0);r.href="https://fonts.gstatic.com",r.crossOrigin="",e.push(t,r)}const r=document.createElement("link");r.rel="stylesheet",r.setAttribute("data-rtk-font",t),r.href=encodeURI(`https://fonts.googleapis.com/css2?family=${t}:wght@${[400,500,700].join(";")}&display=swap`),e.push(r),document.head.append(...e)})(a),t.style.setProperty(M("font-family",d),a)),"string"==typeof n&&t.style.setProperty(M("font-family",d),n),"number"==typeof e&&((t,e,r=_)=>{S.forEach((i=>{t.style.setProperty(M(`space-${i}`,r),i*e+"px")}))})(t,e,d),"string"==typeof i&&((t,e,r=_)=>{if(e in j){const i=j[e];Object.keys(i).forEach((e=>{t.style.setProperty(M(`border-width-${e}`,r),`${i[e]}px`)}))}})(t,i,d),"string"==typeof r&&((t,e,r=_)=>{if(e in I){const i=I[e];Object.keys(i).forEach((e=>{t.style.setProperty(M(`border-radius-${e}`,r),`${i[e]}px`)}))}})(t,r,d),"string"==typeof l){const e=O[l];null!=e&&$(t,e,d)}"object"==typeof o&&$(t,o,d)};function R(t,e,o){(void 0!==o&&!r(t[e],o)||void 0===o&&!(e in t))&&i(t,e,o)}var C="[object Object]",D=Function.prototype.toString,E=Object.prototype.hasOwnProperty,z=D.call(Object);function P(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function U(t,e,r,i,b){t!==e&&function(t,e,r){for(var i=-1,o=Object(t),n=r(t),a=n.length;a--;){var l=n[++i];if(!1===e(o[l],l,o))break}}(e,(function(h,S){if(b||(b=new f),w(h))!function(t,e,r,i,f,b,h){var S=P(t,r),O=P(e,r),j=h.get(O);if(j)R(t,r,j);else{var I,A=b?b(S,O,r+"",t,e,h):void 0,F=void 0===A;if(F){var _=d(O),M=!_&&s(O),$=!_&&!M&&c(O);A=O,_||M||$?d(S)?A=S:x(I=S)&&o(I)?A=g(S):M?(F=!1,A=v(O,!0)):$?(F=!1,A=p(O,!0)):A=[]:function(t){if(!x(t)||y(t)!=C)return!1;var e=n(t);if(null===e)return!0;var r=E.call(e,"constructor")&&e.constructor;return"function"==typeof r&&r instanceof r&&D.call(r)==z}(O)||k(O)?(A=S,k(S)?A=function(t){return a(t,l(t))}(S):w(S)&&!u(S)||(A=m(O))):F=!1}F&&(h.set(O,A),f(A,O,i,b,h),h.delete(O)),R(t,r,A)}}(t,e,S,r,U,i,b);else{var O=i?i(P(t,S),h,S+"",t,e,b):void 0;void 0===O&&(O=h),R(t,S,O)}}),l)}function B(t){return t}var L,q,H,N=Math.max,V=b?function(t,e){return b(t,"toString",{configurable:!0,enumerable:!1,value:(r=e,function(){return r}),writable:!0});var r}:B,W=Date.now;const G=(L=V,q=0,H=0,function(){var t=W(),e=16-(t-H);if(H=t,e>0){if(++q>=800)return arguments[0]}else q=0;return L.apply(void 0,arguments)});var J;const K=(J=function(t,e,r){U(t,e,r)},function(t,e){return G(function(t,e,r){return e=N(void 0===e?t.length-1:e,0),function(){for(var i=arguments,o=-1,n=N(i.length-e,0),a=Array(n);++o<n;)a[o]=i[e+o];o=-1;for(var l=Array(e+1);++o<e;)l[o]=i[o];return l[e]=r(a),function(t,e,r){switch(r.length){case 0:return t.call(e);case 1:return t.call(e,r[0]);case 2:return t.call(e,r[0],r[1]);case 3:return t.call(e,r[0],r[1],r[2])}return t.apply(e,r)}(t,this,l)}}(t,e,B),t+"")}((function(t,e){var i=-1,n=e.length,a=n>1?e[n-1]:void 0,l=n>2?e[2]:void 0;for(a=J.length>3&&"function"==typeof a?(n--,a):void 0,l&&function(t,e,i){if(!w(i))return!1;var n=typeof e;return!!("number"==n?o(i)&&h(e,i.length):"string"==n&&e in i)&&r(i[e],t)}(e[0],e[1],l)&&(a=n<3?void 0:a,n=1),t=Object(t);++i<n;){var d=e[i];d&&J(t,d,i)}return t}))),Q=(e,r=t)=>{let i=Object.assign({},r);return K(i,e),i},X=(t,r,i={},o={grid_pagination:!0,settings_toggle:!0})=>{var n,a,l,d,s,c,g,v,p,k,u,m,f,b,h,x,y,w;const S={showSetupScreen:!0};let O,j=["rtk-stage"],I={},A={};const _=!1!==(null==o?void 0:o.settings_toggle),M=!1!==(null==o?void 0:o.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){j.push("rtk-controlbar");const{elements:i}=t.controlBar,o=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],..._?["rtk-settings-toggle"]:[]],n=[],v=[];(null===(a=r.participants.pip)||void 0===a?void 0:a.isSupported())&&(null===(d=null===(l=r.self)||void 0===l?void 0:l.config)||void 0===d?void 0:d.pipMode)&&"LIVESTREAM"!==(null===(s=r.self.config)||void 0===s?void 0:s.viewType)&&v.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&v.push("rtk-mute-all-button"),v.push("rtk-breakout-rooms-toggle"),(null===(c=r.self)||void 0===c?void 0:c.permissions.canRecord)&&v.push("rtk-recording-toggle"),null!==(g=r.self.permissions.transcriptionEnabled)&&void 0!==g&&g&&v.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&v.push("rtk-debugger-toggle"),e(r)&&o.push("rtk-livestream-toggle"),i.screenshare&&o.push("rtk-screen-share-toggle"),i.chat&&n.push("rtk-chat-toggle"),i.polls&&n.push("rtk-polls-toggle"),i.participants&&n.push("rtk-participants-toggle"),i.plugins&&n.push("rtk-plugins-toggle"),n.push("rtk-ai-toggle");const p=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];v.length>0&&p.push("rtk-more-toggle");const k=o.concat(n).concat(v);let u=!1;k.length>0&&(u=!0),A={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":o,"div#controlbar-center":p,"div#controlbar-right":n,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":v.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":k.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":k.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",u&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(v=t.header)||void 0===v?void 0:v.isEnabled){j.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],o=[];M&&o.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(O=e.logo,r.unshift("rtk-logo")),e.participantCount&&o.push("rtk-participant-count","rtk-viewer-count"),e.timer&&o.push("rtk-clock"),I={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":o,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}j.push("rtk-participants-audio","rtk-dialog-manager");let $={logo:O};$=t.designTokens,F(null===(k=null===(p=null==t?void 0:t.designTokens)||void 0===p?void 0:p.colors)||void 0===k?void 0:k.textOnBrand)&&($.colors["text-on-brand"]=null===(m=null===(u=null==t?void 0:t.designTokens)||void 0===u?void 0:u.colors)||void 0===m?void 0:m.textOnBrand),F(null===(b=null===(f=null==t?void 0:t.designTokens)||void 0===f?void 0:f.colors)||void 0===b?void 0:b.videoBg)&&($.colors["video-bg"]=null===(x=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===x?void 0:x.videoBg);let T={designTokens:$,styles:{"rtk-header":{display:"grid",height:"48px",gridTemplateColumns:"repeat(3, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-2, 8px)"},"rtk-header.sm":{display:"grid",gridArea:"header",gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"1fr",alignItems:"center","--header-section-gap":"var(--rtk-space-1, 4px)"},"div#header-left":{display:"flex",alignItems:"center",height:"48px",wordBreak:"break-all",gap:"var(--header-section-gap)"},"rtk-logo":{height:"26px"},"div#header-center":{display:"flex",alignItems:"center",justifyContent:"center",wordBreak:"break-all",gap:"var(--header-section-gap)",paddingInline:"var(--rtk-space-3, 12px)"},"div#header-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--header-section-gap)"},"rtk-stage":{display:"flex",flex:"1"},"rtk-grid":{flex:"1",height:"auto"},"rtk-controlbar":{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"1fr",alignItems:"center",padding:"8px"},"rtk-controlbar.sm":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"rtk-controlbar.md":{display:"flex",position:"relative",backgroundColor:"var(--rtk-colors-background-1000, #000)"},"div#controlbar-left":{display:"flex",alignItems:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-center":{display:"flex",alignItems:"center",position:"relative",overflow:"visible",justifyContent:"center",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-mobile":{display:"flex",flex:"1",alignItems:"center",justifyContent:"center",zIndex:"10000",gap:"var(--rtk-space-1, 4px)"},"div#controlbar-right":{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"var(--rtk-space-1, 4px)"},"rtk-settings":{width:"720px",height:"480px"},"rtk-debugger":{width:"720px",height:"480px"},"div#setupcontrols-indicator":{position:"absolute",bottom:"12px",left:"12px",display:"flex",gap:"6px",background:"rgb(var(--rtk-colors-background-800, 0 0 0))",borderRadius:"100%"},"div#setupcontrols-media":{position:"absolute",bottom:"8px",right:"8px",display:"flex",gap:"6px"},"div#setupcontrols-settings":{position:"absolute",top:"8px",right:"8px",display:"flex",flexDirection:"column",gap:"6px"},"rtk-meeting-title.sm":{marginLeft:"0"},"rtk-clock":{marginRight:"0"}},root:Object.assign(Object.assign(Object.assign({"rtk-meeting":{state:"meeting",states:["activeSidebar","activeAI"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":j,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.sm":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeAI.md":{add:[["rtk-ai",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},I),A),{"rtk-stage":{states:["activeSidebar","activeAI"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"rtk-stage.activeAI":{add:[["rtk-ai",{view:"sidebar"}]]},"rtk-stage.activeAI.sm":{remove:["rtk-ai"]},"rtk-grid":{states:["activeScreenShare","activePlugin","activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenshare":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid[viewType=AUDIO_ROOM].activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-grid.activeScreenShare":["rtk-mixed-grid"],"rtk-grid.activePlugin":["rtk-mixed-grid"],"rtk-grid.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeSpotlight":["rtk-mixed-grid"],"rtk-grid.activePlugin.activeScreenShare.activeSpotlight":["rtk-mixed-grid"],"rtk-mixed-grid":{states:["activeSpotlight"],state:"viewType",children:["rtk-simple-grid"]},"rtk-mixed-grid[viewType=AUDIO_ROOM]":["rtk-audio-grid"],"rtk-mixed-grid.activeSpotlight":["rtk-spotlight-grid"],"rtk-participant-tile":{state:"meeting",children:["rtk-name-tag","rtk-avatar","rtk-network-indicator"]},"rtk-participant-setup":["rtk-avatar","div#setupcontrols-media"],"rtk-participant-tile[meeting=setup]":["rtk-avatar","div#setupcontrols-indicator","div#setupcontrols-media",..._?["div#setupcontrols-settings"]:[]],"div#setupcontrols-indicator":[["rtk-audio-visualizer",{slot:"start",hideMuted:!0}]],"div#setupcontrols-media":[["rtk-mic-toggle",{size:"sm"}],["rtk-camera-toggle",{size:"sm"}]],"div#setupcontrols-settings":[["rtk-settings-toggle",{size:"sm"}]],"rtk-screenshare-view":["rtk-name-tag","rtk-network-indicator"],"rtk-name-tag":[["rtk-audio-visualizer",{slot:"start"}]]}),config:{notification_sounds:{participant_left:!1},participant_joined_sound_notification_limit:3,participant_chat_message_sound_notification_limit:10,videoFit:"cover"}};return T=Q(i,T),S.showSetupScreen=null===(w=null===(y=t.setupScreen)||void 0===y?void 0:y.isEnabled)||void 0===w||w,{config:T,data:S}};export{K as d,Q as e,X as g,T as p}

package/dist/realtimekit-ui/{p-139da463.entry.js → p-4c04f719.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as r,H as e}from"./p-0ee570cd.js";import{d as a,a as s,c as o}from"./p-ee167b96.js";import{S as n}from"./p-2aa242f4.js";var c=function(t,i,r,e){var a,s=arguments.length,o=s<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--)(a=t[n])&&(o=(s<3?a(o):s>3?a(i,r,o):a(i,r))||o);return s>3&&o&&Object.defineProperty(i,r,o),o};const l=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.config=a,this.iconPack=s,this.t=o(),this.view="sidebar",this.close=()=>{this.stateUpdate.emit({activeAI:!1})}}connectedCallback(){this.viewChanged(this.view)}disconnectedCallback(){this.keydownListener&&document.removeEventListener("keydown",this.keydownListener)}viewChanged(t){"full-screen"===t&&(this.keydownListener=t=>{"Escape"===t.key&&this.close()},document.addEventListener("keydown",this.keydownListener))}render(){var t,i,a;if(!(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions).transcriptionEnabled||!(null===(a=this.states)||void 0===a?void 0:a.activeAI))return null;const s={meeting:this.meeting,config:this.config,states:this.states,size:this.size,t:this.t,iconPack:this.iconPack};return r(e,null,r("h3",{class:"title"},this.t("ai.transcriptions")),r("rtk-button",{variant:"ghost",kind:"icon",class:"close",onClick:this.close,"aria-label":this.t("close")},r("rtk-icon",{icon:this.iconPack.dismiss})),r("rtk-ai-transcriptions",Object.assign({},s)))}static get watchers(){return{view:["viewChanged"]}}};c([n()],l.prototype,"meeting",void 0),c([n()],l.prototype,"states",void 0),c([n()],l.prototype,"iconPack",void 0),c([n()],l.prototype,"t",void 0),c([n()],l.prototype,"size",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:50;max-width:100%;border:none}";export{l as rtk_ai}
+import{r as t,c as i,h as r,H as e}from"./p-0ee570cd.js";import{d as a,a as s,c as o}from"./p-9c733fd3.js";import{S as n}from"./p-27478c0c.js";var c=function(t,i,r,e){var a,s=arguments.length,o=s<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--)(a=t[n])&&(o=(s<3?a(o):s>3?a(i,r,o):a(i,r))||o);return s>3&&o&&Object.defineProperty(i,r,o),o};const l=class{constructor(r){t(this,r),this.stateUpdate=i(this,"rtkStateUpdate",7),this.config=a,this.iconPack=s,this.t=o(),this.view="sidebar",this.close=()=>{this.stateUpdate.emit({activeAI:!1})}}connectedCallback(){this.viewChanged(this.view)}disconnectedCallback(){this.keydownListener&&document.removeEventListener("keydown",this.keydownListener)}viewChanged(t){"full-screen"===t&&(this.keydownListener=t=>{"Escape"===t.key&&this.close()},document.addEventListener("keydown",this.keydownListener))}render(){var t,i,a;if(!(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions).transcriptionEnabled||!(null===(a=this.states)||void 0===a?void 0:a.activeAI))return null;const s={meeting:this.meeting,config:this.config,states:this.states,size:this.size,t:this.t,iconPack:this.iconPack};return r(e,null,r("h3",{class:"title"},this.t("ai.transcriptions")),r("rtk-button",{variant:"ghost",kind:"icon",class:"close",onClick:this.close,"aria-label":this.t("close")},r("rtk-icon",{icon:this.iconPack.dismiss})),r("rtk-ai-transcriptions",Object.assign({},s)))}static get watchers(){return{view:["viewChanged"]}}};c([n()],l.prototype,"meeting",void 0),c([n()],l.prototype,"states",void 0),c([n()],l.prototype,"iconPack",void 0),c([n()],l.prototype,"t",void 0),c([n()],l.prototype,"size",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:50;max-width:100%;border:none}";export{l as rtk_ai}

package/dist/realtimekit-ui/{p-55503b00.entry.js → p-4e0ceba3.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as r}from"./p-0ee570cd.js";import{a as e,c as s}from"./p-ee167b96.js";import{S as a}from"./p-2aa242f4.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),o([a()],n.prototype,"size",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{a as e,c as s}from"./p-9c733fd3.js";import{S as o}from"./p-27478c0c.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),a([o()],n.prototype,"size",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}