@cloudflare/realtimekit-ui 1.1.3-staging.1 → 1.2.0-staging.1

package/dist/realtimekit-ui/{p-31f2d5de.entry.js → p-eb1d00ab.entry.js}

@@ -1 +1 @@
-import{r as a,d as e,h as r,a as t}from"./p-a599f720.js";import{i as c,e as o}from"./p-5681d35a.js";import{d as i}from"./p-40be18ee.js";import{S as s}from"./p-cfcda5dc.js";import{f as d,a as n}from"./p-6f211c3e.js";var l=function(a,e,r,t){var c,o=arguments.length,i=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(a,e,r,t);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(i=(o<3?c(i):o>3?c(e,r,i):c(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i};const b=class{constructor(r){a(this,r),this.close=e(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 r(t,{key:"6f8bcc73b18fd868c085d6447ced2ecb24e42325",class:"scrollbar",onClick:a=>a.stopPropagation()},r("div",{key:"11f7ad8c7e89442c0d257c57144a5408d90a178a",class:"header"},r("div",{key:"e9d10589aa9ceb961a34e55f74238a17632c4baf",class:"shared-by-user"},this.t("chat.img.shared_by")," ",r("span",{key:"3d37f78f6f9c7a92a91bdc18086e24d2818e9ed8",class:"displayName"},d(n(this.image.displayName)))),r("div",{key:"c551cd3d122d1be1076963de15b3f1d76520151c",class:"actions"},r("rtk-button",{key:"5433bb1fb5e6dac6925d3116d4836b00cb4c69e1",onClick:()=>i(this.image.link,{fallbackName:"image"})},r("rtk-icon",{key:"93ed055d68686903014fd5ebaee3330643a91859",icon:this.iconPack.download,slot:"start"}),"Download"),r("rtk-button",{key:"e77e1d1cbd4daaa09f133cf4ca54efcea74fd7b2",kind:"icon",variant:"secondary",onClick:()=>this.close.emit()},r("rtk-icon",{key:"8884eb7345fd6903e00c1c7f86c51abe499066e9",icon:this.iconPack.dismiss})))),r("div",{key:"b223cb91a00ce7967efe5ebcd1f0c680567ba098",class:"image-ctr"},r("img",{key:"b4ffa73bd05908314cb164302e51621a64fa074e",src:this.image.link})))}};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}
+import{r as a,d as e,h as r,a as t}from"./p-a599f720.js";import{i as c,e as o}from"./p-70d24051.js";import{d as i}from"./p-40be18ee.js";import{S as s}from"./p-2ce9a212.js";import{f as d,a as n}from"./p-6f211c3e.js";var l=function(a,e,r,t){var c,o=arguments.length,i=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(a,e,r,t);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(i=(o<3?c(i):o>3?c(e,r,i):c(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i};const b=class{constructor(r){a(this,r),this.close=e(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 r(t,{key:"6f8bcc73b18fd868c085d6447ced2ecb24e42325",class:"scrollbar",onClick:a=>a.stopPropagation()},r("div",{key:"11f7ad8c7e89442c0d257c57144a5408d90a178a",class:"header"},r("div",{key:"e9d10589aa9ceb961a34e55f74238a17632c4baf",class:"shared-by-user"},this.t("chat.img.shared_by")," ",r("span",{key:"3d37f78f6f9c7a92a91bdc18086e24d2818e9ed8",class:"displayName"},d(n(this.image.displayName)))),r("div",{key:"c551cd3d122d1be1076963de15b3f1d76520151c",class:"actions"},r("rtk-button",{key:"5433bb1fb5e6dac6925d3116d4836b00cb4c69e1",onClick:()=>i(this.image.link,{fallbackName:"image"})},r("rtk-icon",{key:"93ed055d68686903014fd5ebaee3330643a91859",icon:this.iconPack.download,slot:"start"}),"Download"),r("rtk-button",{key:"e77e1d1cbd4daaa09f133cf4ca54efcea74fd7b2",kind:"icon",variant:"secondary",onClick:()=>this.close.emit()},r("rtk-icon",{key:"8884eb7345fd6903e00c1c7f86c51abe499066e9",icon:this.iconPack.dismiss})))),r("div",{key:"b223cb91a00ce7967efe5ebcd1f0c680567ba098",class:"image-ctr"},r("img",{key:"b4ffa73bd05908314cb164302e51621a64fa074e",src:this.image.link})))}};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-fec40b3c.entry.js → p-ecf43c12.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,a as s,g as e}from"./p-a599f720.js";import{c as n,e as o,i as a}from"./p-5681d35a.js";import{R as h}from"./p-eccb6d78.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-cfcda5dc.js";var l=function(t,i,s,e){var n,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(a=(o<3?n(a):o>3?n(i,s,a):n(i,s))||a);return o>3&&a&&Object.defineProperty(i,s,a),a};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=n(),this.iconPack=o,this.t=a(),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(){if(!this.meeting)return null;const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:e,height:n,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(s,null,i("slot",null,this.participants.map(((s,a)=>{const{top:r,left:c}=o(a);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:`${n}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"]}}};l([p()],d.prototype,"meeting",void 0),l([p()],d.prototype,"states",void 0),l([p()],d.prototype,"config",void 0),l([p()],d.prototype,"iconPack",void 0),l([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,a as s,g as e}from"./p-a599f720.js";import{c as n,e as o,i as a}from"./p-70d24051.js";import{R as h}from"./p-eccb6d78.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-2ce9a212.js";var l=function(t,i,s,e){var n,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(a=(o<3?n(a):o>3?n(i,s,a):n(i,s))||a);return o>3&&a&&Object.defineProperty(i,s,a),a};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=n(),this.iconPack=o,this.t=a(),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(){if(!this.meeting)return null;const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:e,height:n,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(s,null,i("slot",null,this.participants.map(((s,a)=>{const{top:r,left:c}=o(a);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:`${n}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"]}}};l([p()],d.prototype,"meeting",void 0),l([p()],d.prototype,"states",void 0),l([p()],d.prototype,"config",void 0),l([p()],d.prototype,"iconPack",void 0),l([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-8e9e0696.js → p-f006a178.js}

@@ -1 +1 @@
-import{c as t,F as e}from"./p-5681d35a.js";import{d as r,i}from"./p-a164f1e4.js";const a=(e,i=t())=>{let a=Object.assign({},i);return r(a,e),a},o=(t,r,o={},l={grid_pagination:!0,settings_toggle:!0})=>{var n,d,g,s,c,v,k,p,m,u,h,b,x,f,y,S,w,O;const I={showSetupScreen:!0};let _,M=["rtk-stage"],T={},j={};const R=!1!==(null==l?void 0:l.settings_toggle),C=!1!==(null==l?void 0:l.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){M.push("rtk-controlbar");const{elements:i}=t.controlBar,a=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],...R?["rtk-settings-toggle"]:[]],o=[],l=[];(null===(d=r.participants.pip)||void 0===d?void 0:d.isSupported())&&(null===(s=null===(g=r.self)||void 0===g?void 0:g.config)||void 0===s?void 0:s.pipMode)&&"LIVESTREAM"!==(null===(c=r.self.config)||void 0===c?void 0:c.viewType)&&l.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&l.push("rtk-mute-all-button"),l.push("rtk-breakout-rooms-toggle"),(null===(v=r.self)||void 0===v?void 0:v.permissions.canRecord)&&l.push("rtk-recording-toggle"),null!==(k=r.self.permissions.transcriptionEnabled)&&void 0!==k&&k&&l.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&l.push("rtk-debugger-toggle"),e(r)&&a.push("rtk-livestream-toggle"),i.screenshare&&a.push("rtk-screen-share-toggle"),i.chat&&o.push("rtk-chat-toggle"),i.polls&&o.push("rtk-polls-toggle"),i.participants&&o.push("rtk-participants-toggle"),i.plugins&&o.push("rtk-plugins-toggle"),o.push("rtk-ai-toggle");const n=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];l.length>0&&n.push("rtk-more-toggle");const p=a.concat(o).concat(l);let m=!1;p.length>0&&(m=!0),j={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":a,"div#controlbar-center":n,"div#controlbar-right":o,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":l.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",m&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(p=t.header)||void 0===p?void 0:p.isEnabled){M.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],a=[];C&&a.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(_=e.logo,r.unshift("rtk-logo")),e.participantCount&&a.push("rtk-participant-count","rtk-viewer-count"),e.timer&&a.push("rtk-clock"),T={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":a,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}M.push("rtk-participants-audio","rtk-dialog-manager");let z={logo:_};z=t.designTokens,i(null===(u=null===(m=null==t?void 0:t.designTokens)||void 0===m?void 0:m.colors)||void 0===u?void 0:u.textOnBrand)&&(z.colors["text-on-brand"]=null===(b=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===b?void 0:b.textOnBrand),i(null===(f=null===(x=null==t?void 0:t.designTokens)||void 0===x?void 0:x.colors)||void 0===f?void 0:f.videoBg)&&(z.colors["video-bg"]=null===(S=null===(y=null==t?void 0:t.designTokens)||void 0===y?void 0:y.colors)||void 0===S?void 0:S.videoBg);let A={designTokens:z,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"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":M,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},T),j),{"rtk-stage":{states:["activeSidebar"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"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",...R?["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 A=a(o,A),I.showSetupScreen=null===(O=null===(w=t.setupScreen)||void 0===w?void 0:w.isEnabled)||void 0===O||O,{config:A,data:I}};export{a as e,o as g}
+import{c as t,F as e}from"./p-70d24051.js";import{d as r,i}from"./p-7c3d18d6.js";const a=(e,i=t())=>{let a=Object.assign({},i);return r(a,e),a},o=(t,r,o={},l={grid_pagination:!0,settings_toggle:!0})=>{var n,d,g,s,c,v,k,p,m,u,h,b,x,f,y,S,w,O;const I={showSetupScreen:!0};let _,M=["rtk-stage"],T={},j={};const R=!1!==(null==l?void 0:l.settings_toggle),C=!1!==(null==l?void 0:l.grid_pagination);if(null===(n=t.controlBar)||void 0===n?void 0:n.isEnabled){M.push("rtk-controlbar");const{elements:i}=t.controlBar,a=[...i.fullscreen?["rtk-fullscreen-toggle"]:[],...R?["rtk-settings-toggle"]:[]],o=[],l=[];(null===(d=r.participants.pip)||void 0===d?void 0:d.isSupported())&&(null===(s=null===(g=r.self)||void 0===g?void 0:g.config)||void 0===s?void 0:s.pipMode)&&"LIVESTREAM"!==(null===(c=r.self.config)||void 0===c?void 0:c.viewType)&&l.push("rtk-pip-toggle"),(null==r?void 0:r.self.permissions.canDisableParticipantAudio)&&l.push("rtk-mute-all-button"),l.push("rtk-breakout-rooms-toggle"),(null===(v=r.self)||void 0===v?void 0:v.permissions.canRecord)&&l.push("rtk-recording-toggle"),null!==(k=r.self.permissions.transcriptionEnabled)&&void 0!==k&&k&&l.push("rtk-caption-toggle"),"ReactNative"!==navigator.product&&l.push("rtk-debugger-toggle"),e(r)&&a.push("rtk-livestream-toggle"),i.screenshare&&a.push("rtk-screen-share-toggle"),i.chat&&o.push("rtk-chat-toggle"),i.polls&&o.push("rtk-polls-toggle"),i.participants&&o.push("rtk-participants-toggle"),i.plugins&&o.push("rtk-plugins-toggle"),o.push("rtk-ai-toggle");const n=["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle","rtk-leave-button"];l.length>0&&n.push("rtk-more-toggle");const p=a.concat(o).concat(l);let m=!1;p.length>0&&(m=!0),j={"rtk-controlbar":{states:["activeMoreMenu"],children:["div#controlbar-left","div#controlbar-center","div#controlbar-right"]},"div#controlbar-left":a,"div#controlbar-center":n,"div#controlbar-right":o,"rtk-more-toggle":{states:["activeMoreMenu"],children:[]},"rtk-more-toggle.activeMoreMenu":l.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-controlbar.sm":["div#controlbar-mobile"],"rtk-controlbar.md":["div#controlbar-mobile"],"rtk-more-toggle.activeMoreMenu.md":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"rtk-more-toggle.activeMoreMenu.sm":p.map((t=>[t,{variant:"horizontal",slot:"more-elements"}])),"div#controlbar-mobile":["rtk-mic-toggle","rtk-camera-toggle","rtk-stage-toggle",m&&"rtk-more-toggle","rtk-leave-button"]}}if(null===(p=t.header)||void 0===p?void 0:p.isEnabled){M.unshift("rtk-header");const{elements:e}=t.header;let r=["rtk-recording-indicator","rtk-livestream-indicator"],i=[],a=[];C&&a.push("rtk-grid-pagination"),e.title&&i.push("rtk-meeting-title"),"string"==typeof e.logo&&e.logo.length>0&&(_=e.logo,r.unshift("rtk-logo")),e.participantCount&&a.push("rtk-participant-count","rtk-viewer-count"),e.timer&&a.push("rtk-clock"),T={"rtk-header":["div#header-left","div#header-center","div#header-right"],"rtk-header.sm":{remove:["div#header-center"]},"div#header-left":r,"div#header-center":i,"div#header-right":a,"div#header-left.sm":{remove:["rtk-logo"],prepend:["rtk-meeting-title"]}}}M.push("rtk-participants-audio","rtk-dialog-manager");let z={logo:_};z=t.designTokens,i(null===(u=null===(m=null==t?void 0:t.designTokens)||void 0===m?void 0:m.colors)||void 0===u?void 0:u.textOnBrand)&&(z.colors["text-on-brand"]=null===(b=null===(h=null==t?void 0:t.designTokens)||void 0===h?void 0:h.colors)||void 0===b?void 0:b.textOnBrand),i(null===(f=null===(x=null==t?void 0:t.designTokens)||void 0===x?void 0:x.colors)||void 0===f?void 0:f.videoBg)&&(z.colors["video-bg"]=null===(S=null===(y=null==t?void 0:t.designTokens)||void 0===y?void 0:y.colors)||void 0===S?void 0:S.videoBg);let A={designTokens:z,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"]},"rtk-meeting[meeting=idle]":["rtk-idle-screen"],"rtk-meeting[meeting=waiting]":["rtk-waiting-screen"],"rtk-meeting[meeting=setup]":["rtk-setup-screen","rtk-dialog-manager"],"rtk-meeting[meeting=joined]":M,"rtk-meeting[meeting=joined].activeSidebar.sm":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=joined].activeSidebar.md":{add:[["rtk-sidebar",{view:"full-screen"}]]},"rtk-meeting[meeting=ended]":["rtk-ended-screen"]},T),j),{"rtk-stage":{states:["activeSidebar"],children:["rtk-grid","rtk-notifications","rtk-transcripts"]},"rtk-stage.activeSidebar":{add:[["rtk-sidebar",{view:"sidebar"}]]},"rtk-stage.activeSidebar.sm":{remove:["rtk-sidebar"]},"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",...R?["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 A=a(o,A),I.showSetupScreen=null===(O=null===(w=t.setupScreen)||void 0===w?void 0:w.isEnabled)||void 0===O||O,{config:A,data:I}};export{a as e,o as g}

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

@@ -0,0 +1 @@
+function e(e,r){const o=null==r?void 0:r.code;switch(o){case"0002":return{message:e("join.network_error"),code:o};case"0014":return{message:e("string"==typeof(null==r?void 0:r.message)&&r.message.includes("firewall")?"join.media_firewall_error":"join.media_error"),code:o};default:return{message:e("join.default_error"),code:o}}}export{e as g}

package/dist/realtimekit-ui/{p-680362b0.entry.js → p-f81488d3.entry.js}

@@ -1 +1 @@
-import{r as t,d as i,h as a,a as s}from"./p-a599f720.js";import{i as e}from"./p-05186172.js";import{e as r,i as o,M as h}from"./p-5681d35a.js";import{S as d}from"./p-cfcda5dc.js";class c{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var n=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new c(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"b4dc66ad5570492c73e3fc2d88f92c67de90c392"},this.showPlayDialog&&a("rtk-dialog",{key:"b0e893eee0ce675ba927f4bbb817ab7c0c4473f6",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"a0f78ba76265d38a77dfbbe0bc680052f3d0393c",class:"modal"},a("h3",{key:"b150dc2862b2c626ecf27a5e78de86c98309ddee"},this.t("audio_playback.title")),a("p",{key:"f4a8eb77ba14a074eb105741240e3cb6765364bf"},this.t("audio_playback.description")),a("rtk-button",{key:"c6fc0f2d1e4d48f2d187fca780fafee841e69175",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};n([d()],l.prototype,"meeting",void 0),n([d()],l.prototype,"iconPack",void 0),n([d()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}
+import{r as t,d as i,h as a,a as s}from"./p-a599f720.js";import{i as e}from"./p-05186172.js";import{e as r,i as o,M as h}from"./p-70d24051.js";import{S as d}from"./p-2ce9a212.js";class c{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var n=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new c(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"b4dc66ad5570492c73e3fc2d88f92c67de90c392"},this.showPlayDialog&&a("rtk-dialog",{key:"b0e893eee0ce675ba927f4bbb817ab7c0c4473f6",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"a0f78ba76265d38a77dfbbe0bc680052f3d0393c",class:"modal"},a("h3",{key:"b150dc2862b2c626ecf27a5e78de86c98309ddee"},this.t("audio_playback.title")),a("p",{key:"f4a8eb77ba14a074eb105741240e3cb6765364bf"},this.t("audio_playback.description")),a("rtk-button",{key:"c6fc0f2d1e4d48f2d187fca780fafee841e69175",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};n([d()],l.prototype,"meeting",void 0),n([d()],l.prototype,"iconPack",void 0),n([d()],l.prototype,"t",void 0),l.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}