uapp-communication-sdk 1.0.0-dev.54

package/rtk-screenshare-view.entry-ecNh6fwW.cjs

@@ -0,0 +1,296 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./full-screen-d36ffc68-BdzItNrC.cjs");var r=`:host {
+  line-height: initial;
+  font-family: var(--rtk-font-family, sans-serif);
+
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+}
+
+p {
+  margin: var(--rtk-space-0, 0px);
+  padding: var(--rtk-space-0, 0px);
+}
+
+
+:host {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: var(--rtk-border-radius-lg, 12px);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));
+  container-type: inline-size;
+  container-name: screentile;
+}
+
+::slotted(rtk-name-tag) {
+  position: absolute;
+  left: var(--rtk-space-3, 12px);
+  bottom: var(--rtk-space-3, 12px);
+  opacity: 0.8;
+}
+
+#video-container {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
+#video-container .fit-in-container {
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+video {
+  height: 100%;
+  width: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+:host([variant='gradient']) ::slotted(rtk-audio-visualizer) {
+  position: absolute;
+  top: var(--rtk-space-2, 8px);
+  right: var(--rtk-space-2, 8px);
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));
+  padding: var(--rtk-space-2, 8px);
+}
+
+:host([variant='gradient']) ::slotted(rtk-name-tag) {
+  bottom: var(--rtk-space-0, 0px);
+  left: var(--rtk-space-0, 0px);
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  background-color: transparent;
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));
+  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+  --tw-gradient-to: transparent;
+}
+
+:host([size='sm'][variant='gradient']) ::slotted(rtk-audio-visualizer) {
+  height: var(--rtk-space-5, 20px);
+  width: var(--rtk-space-5, 20px);
+}
+
+video.visible {
+  animation: video-fadein 0.4s ease;
+}
+
+#controls {
+  display: none;
+  position: absolute;
+  top: var(--rtk-space-3, 12px);
+  right: var(--rtk-space-3, 12px);
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--rtk-space-2, 8px);
+}
+
+:host(:hover) #controls, 
+:host(:active) #controls, 
+:host(:focus-visible) #controls {
+  display: flex;
+}
+
+#full-screen-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));
+}
+
+/** For self view */
+
+h3 {
+  margin-top: var(--rtk-space-10, 40px);
+  margin-bottom: var(--rtk-space-6, 24px);
+  text-align: center;
+  font-size: 20px;
+  font-weight: 500;
+}
+
+:host([size='sm']) h3 {
+  font-size: 16px;
+}
+
+#self-message {
+  padding-left: var(--rtk-space-4, 16px);
+  padding-right: var(--rtk-space-4, 16px);
+}
+
+:host(.isSelf) #self-view {
+  flex: 1 1 0%;
+}
+
+:host(.isSelf) #video-container {
+  position: static;
+  aspect-ratio: auto;
+  height: auto;
+  width: 50%;
+  max-width: var(--rtk-space-96, 384px);
+  border-radius: var(--rtk-border-radius-md, 8px);
+  transition: 0.6s ease;
+}
+
+:host(.isSelf) #video-container.expand {
+  width: 60%;
+  max-width: 100%;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--rtk-space-2, 8px);
+}
+
+:host([size='sm'].isSelf) #video-container,
+:host([size='md'].isSelf) #video-container,
+:host([size='sm'].isSelf) #expand-btn,
+:host([size='md'].isSelf) #expand-btn {
+  /** Hide video, fullscreen buttons in sm and md breakpoints */
+  display: none;
+}
+
+/** Remote control */
+
+p {
+  margin: var(--rtk-space-0, 0px);
+  padding: var(--rtk-space-0, 0px);
+}
+
+.remote-control {
+  z-index: 10;
+  height: 100%;
+  max-height: 100%;
+  flex: 0 1 auto;
+}
+
+#remote-control-self {
+  position: absolute;
+  top: var(--rtk-space-0, 0px);
+  left: 50%;
+  z-index: 10;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  height: var(--rtk-space-8, 32px);
+  align-items: center;
+  overflow: hidden;
+  border-radius: var(--rtk-border-radius-sm, 4px);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-bg-opacity));
+  font-size: 12px;
+  color: rgb(var(--rtk-colors-text-1000, 255 255 255));
+  transform: translateX(-50%);
+}
+
+#remote-control-self p {
+  padding-left: var(--rtk-space-3, 12px);
+  padding-right: var(--rtk-space-3, 12px);
+  padding-top: var(--rtk-space-2, 8px);
+  padding-bottom: var(--rtk-space-2, 8px);
+}
+
+#remote-control-self rtk-button {
+  height: 100%;
+  border-radius: var(--rtk-border-radius-none, 0);
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity));
+  font-size: 12px;
+}
+
+:host([size='sm']) #remote-control-self {
+  height: auto;
+  flex-direction: column;
+}
+
+:host([size='sm']) #remote-control-self rtk-button {
+  width: 100%;
+  padding-top: var(--rtk-space-1, 4px);
+  padding-bottom: var(--rtk-space-1, 4px);
+}
+
+/** Name tag positions */
+
+:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag) {
+  left: auto;
+  right: var(--rtk-space-3, 12px);
+}
+
+:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag) {
+  left: auto;
+  right: auto;
+}
+
+:host([name-tag-position='top-left']) ::slotted(rtk-name-tag) {
+  top: var(--rtk-space-3, 12px);
+  bottom: auto;
+}
+
+:host([name-tag-position='top-right']) ::slotted(rtk-name-tag) {
+  top: var(--rtk-space-3, 12px);
+  right: var(--rtk-space-3, 12px);
+  left: auto;
+  bottom: auto;
+}
+
+:host([name-tag-position='top-center']) ::slotted(rtk-name-tag) {
+  left: auto;
+  right: auto;
+  bottom: auto;
+  top: var(--rtk-space-3, 12px);
+}
+
+/** Keyframes */
+
+@keyframes video-fadein {
+  0% {
+    opacity: 0;
+    transform: scale(1.4) translateY(20px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+::slotted(rtk-network-indicator) {
+  position: absolute;
+  right: var(--rtk-space-3, 12px);
+  bottom: var(--rtk-space-3, 12px);
+}
+
+@media only screen and (max-height: 480px) and (orientation: landscape) {
+    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), 
+    :host([size='sm'][variant='solid']) rtk-name-tag {
+    left: var(--rtk-space-0, 0px);
+    bottom: var(--rtk-space-0, 0px);
+    border-radius: var(--rtk-border-radius-none, 0);
+      transform-origin: 0% 110%;
+      transform: scale(0.6);
+  }
+}
+
+@container screentile (max-width: 400px) {
+  ::slotted(rtk-name-tag) {
+    transform-origin: 0 130%;
+    transform: scale(0.7);
+  }
+}
+`,i=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},a=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.play=e.Y(this,`screensharePlay`,7),this.fullScreenListener=()=>{this.isFullScreen=n.n()},this.participantScreenshareUpdate=e=>{e.id===this.participant.id&&this.screenShareListener(e)},this.hideFullScreenButton=!1,this.nameTagPosition=`bottom-left`,this.variant=`solid`,this.iconPack=e.g,this.t=e.G(),this.videoExpanded=!1,this.screenShareEnabled=!1,this.isFullScreen=!1,this.toggleFullScreen=()=>{this.isFullScreen?(n.t(),this.isFullScreen=!1):(n.i(this.host),this.isFullScreen=!0)}}connectedCallback(){window==null||window.addEventListener(`fullscreenchange`,this.fullScreenListener),window==null||window.addEventListener(`webkitfullscreenchange`,this.fullScreenListener)}componentDidLoad(){this.participantChanged(this.participant)}disconnectedCallback(){if(!this.meeting)return;let{self:e}=this.meeting;this.participant.id===e.id&&this.screenShareListener?this.participant.removeListener(`screenShareUpdate`,this.screenShareListener):this.meeting.participants.joined.removeListener(`screenShareUpdate`,this.participantScreenshareUpdate),window==null||window.removeEventListener(`fullscreenchange`,this.fullScreenListener),window==null||window.removeEventListener(`webkitfullscreenchange`,this.fullScreenListener)}participantChanged(t){if(t!=null&&this.meeting){let{self:n}=this.meeting;this.screenShareListener=({screenShareEnabled:t,screenShareTracks:n})=>{let r=t&&n.video!=null;if(e.$(()=>{this.screenShareEnabled=r}),r){let e=new MediaStream;e.addTrack(n.video),this.videoEl!=null&&(this.videoEl.srcObject=e,this.videoEl.play())}else this.videoEl!=null&&(this.videoEl.srcObject=void 0)},this.screenShareListener(t),t.id===n.id?t.addListener(`screenShareUpdate`,this.screenShareListener):this.meeting.participants.joined.addListener(`screenShareUpdate`,this.participantScreenshareUpdate)}}render(){let t=this.participant?.id===this.meeting?.self.id,r=this.isFullScreen?this.t(`full_screen.exit`):this.t(`full_screen`),i=this.isFullScreen?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize;return e.Z(e.J,{key:`10646f5ea7b7b9bc162c2a98af07928a0f68f605`,class:{isSelf:t}},e.Z(`div`,{key:`video-container`,id:`video-container`,class:{expand:this.videoExpanded}},e.Z(`video`,{key:`13e87cfee55fdd6d45a72ec55792fbbfefdc5206`,ref:e=>this.videoEl=e,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}`})),e.Z(`div`,{id:`controls`,key:`controls`},!this.hideFullScreenButton&&!t&&n.r()&&e.Z(`rtk-tooltip`,{key:`97ba6869139126f0114aee3239999bfe1172a798`,label:r},e.Z(`rtk-button`,{key:`0769449ffcba69117d10a7346e4881c207e7ac6f`,id:`full-screen-btn`,kind:`icon`,onClick:this.toggleFullScreen,title:r},e.Z(`rtk-icon`,{key:`508cf201f0b2e6da061e35dff4d3899f1da0749a`,icon:i,"aria-hidden":!0,tabIndex:-1})))),t&&e.Z(`div`,{id:`self-message`,key:`self-message`},e.Z(`h3`,{key:`6f055da4722c11893e3f8640bddad7f6844838da`},this.t(`screenshare.shared`)),e.Z(`div`,{key:`96fa5f8b47cef2a2a58352e4275c3c325f22a465`,class:`actions`},this.meeting!=null&&e.Z(`rtk-button`,{key:`144c3908476ac18d1ffcc1282a46a4d7fad698c2`,variant:`danger`,onClick:()=>{this.meeting.self.disableScreenShare()}},e.Z(`rtk-icon`,{key:`7a6f710ccb916ca78edbb5daa9b6bcf3547ed54e`,icon:this.iconPack.share_screen_stop,slot:`start`}),this.t(`screenshare.stop`)),e.Z(`rtk-button`,{key:`1667e04e5a22c3edfdab9300ffca06df7eba4948`,variant:`secondary`,id:`expand-btn`,onClick:()=>{this.videoExpanded=!this.videoExpanded}},e.Z(`rtk-icon`,{key:`6140671792e626d5de181861ee4c7aef1dd11e3e`,icon:this.videoExpanded?this.iconPack.full_screen_minimize:this.iconPack.full_screen_maximize,slot:`start`}),this.videoExpanded?this.t(`screenshare.min_preview`):this.t(`screenshare.max_preview`)))),e.Z(`slot`,{key:`beeecb6fe5a1f46d259a86e698c31fb477949bf3`}))}get host(){return e.X(this)}static get watchers(){return{participant:[`participantChanged`]}}};i([t.t()],a.prototype,`meeting`,void 0),i([t.t()],a.prototype,`iconPack`,void 0),i([t.t()],a.prototype,`t`,void 0),a.style=r,exports.rtk_screenshare_view=a;
+//# sourceMappingURL=rtk-screenshare-view.entry-ecNh6fwW.cjs.map

package/rtk-settings-audio_2.entry-CO6UFXbq.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`: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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}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)}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.iconPack=e.g,this.t=e.G()}render(){if(!this.meeting)return null;let t={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},n=this.states?.prefs?.muteNotificationSounds===!0||e.S(`mute-notification-sounds`)===`true`;return e.Z(e.J,null,e.Z(`rtk-microphone-selector`,Object.assign({},t),e.Z(`rtk-audio-visualizer`,{participant:this.meeting?.self,iconPack:this.iconPack,t:this.t,slot:`indicator`})),e.Z(`rtk-speaker-selector`,Object.assign({},t)),e.Z(`div`,{class:`group`,part:`notification-toggle`},e.Z(`div`,{class:`row`},e.Z(`label`,{htmlFor:`notification-toggle`},this.t(`settings.notification_sound`)),e.Z(`rtk-switch`,{id:`notification-toggle`,checked:!n,onRtkChange:t=>{let{checked:n}=t.target,r=!n;this.stateUpdate.emit({prefs:{muteNotificationSounds:r}}),e.H(`mute-notification-sounds`,r)},iconPack:this.iconPack,t:this.t}))))}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n;var a=`: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}}`,o=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},s=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.iconPack=e.g,this.t=e.G(),this.onVideoUpdate=e=>{this.videoEnabled=e.videoEnabled}}componentDidLoad(){this.meetingChanged(this.meeting)}meetingChanged(e){var t;e&&(this.videoEnabled=e.self.videoEnabled,(t=e.self)==null||t.addListener(`videoUpdate`,this.onVideoUpdate))}disconnectedCallback(){var e;(e=this.meeting.self)==null||e.removeListener(`videoUpdate`,this.onVideoUpdate)}render(){if(!this.meeting)return null;let t={meeting:this.meeting,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},n=this.states,r=n?.prefs?.mirrorVideo===!0||e.S(`mirror-video`)===`true`;return e.Z(e.J,null,e.Z(`div`,{class:`section`,part:`tile-preview`},e.Z(`div`,{class:`group`,part:`tile-preview`},this.videoEnabled===!0?e.Z(`rtk-participant-tile`,{meeting:this.meeting,participant:this.meeting?.self,iconPack:this.iconPack,t:this.t,states:n,size:this.size,isPreview:!0}):e.Z(`div`,{class:`camera-off-helper`},e.Z(`rtk-participant-tile`,{meeting:this.meeting,participant:this.meeting?.self,size:this.size},e.Z(`div`,null,e.Z(`rtk-icon`,{id:`icon`,icon:this.iconPack.video_off,tabIndex:-1,"aria-hidden":!0}),e.Z(`div`,null,this.t(`settings.camera_off`))))))),e.Z(`rtk-camera-selector`,Object.assign({},t)),e.Z(`div`,{class:`group`,part:`mirror-toggle`},e.Z(`div`,{class:`row`},e.Z(`label`,{htmlFor:`mirror-toggle`},this.t(`settings.mirror_video`)),e.Z(`rtk-switch`,{checked:r,iconPack:this.iconPack,t:this.t,onRtkChange:t=>{let{checked:n}=t.target;this.stateUpdate.emit({prefs:{mirrorVideo:n}}),e.H(`mirror-video`,n)}}))))}static get watchers(){return{meeting:[`meetingChanged`]}}};o([t.t()],s.prototype,`meeting`,void 0),o([t.t()],s.prototype,`states`,void 0),o([t.t()],s.prototype,`iconPack`,void 0),o([t.t()],s.prototype,`t`,void 0),s.style=a,exports.rtk_settings_audio=i,exports.rtk_settings_video=s;
+//# sourceMappingURL=rtk-settings-audio_2.entry-CO6UFXbq.cjs.map

package/rtk-settings-audio_2.entry-Dq55Sn1K.js

@@ -0,0 +1,118 @@
+import { G as e, H as t, J as n, Q as r, S as i, Y as a, Z as o, g as s } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as c } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-settings-audio_2.entry.js
+var l = ":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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}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)}", u = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, d = class {
+	constructor(t) {
+		r(this, t), this.stateUpdate = a(this, "rtkStateUpdate", 7), this.iconPack = s, this.t = e();
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			states: this.states,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}, r = this.states?.prefs?.muteNotificationSounds === !0 || i("mute-notification-sounds") === "true";
+		return o(n, null, o("rtk-microphone-selector", Object.assign({}, e), o("rtk-audio-visualizer", {
+			participant: this.meeting?.self,
+			iconPack: this.iconPack,
+			t: this.t,
+			slot: "indicator"
+		})), o("rtk-speaker-selector", Object.assign({}, e)), o("div", {
+			class: "group",
+			part: "notification-toggle"
+		}, o("div", { class: "row" }, o("label", { htmlFor: "notification-toggle" }, this.t("settings.notification_sound")), o("rtk-switch", {
+			id: "notification-toggle",
+			checked: !r,
+			onRtkChange: (e) => {
+				let { checked: n } = e.target, r = !n;
+				this.stateUpdate.emit({ prefs: { muteNotificationSounds: r } }), t("mute-notification-sounds", r);
+			},
+			iconPack: this.iconPack,
+			t: this.t
+		}))));
+	}
+};
+u([c()], d.prototype, "meeting", void 0), u([c()], d.prototype, "states", void 0), u([c()], d.prototype, "iconPack", void 0), u([c()], d.prototype, "t", void 0), d.style = l;
+var f = ":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}}", p = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, m = class {
+	constructor(t) {
+		r(this, t), this.stateUpdate = a(this, "rtkStateUpdate", 7), this.iconPack = s, this.t = e(), this.onVideoUpdate = (e) => {
+			this.videoEnabled = e.videoEnabled;
+		};
+	}
+	componentDidLoad() {
+		this.meetingChanged(this.meeting);
+	}
+	meetingChanged(e) {
+		var t;
+		e && (this.videoEnabled = e.self.videoEnabled, (t = e.self) == null || t.addListener("videoUpdate", this.onVideoUpdate));
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.meeting.self) == null || e.removeListener("videoUpdate", this.onVideoUpdate);
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			states: this.states,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}, r = this.states, a = r?.prefs?.mirrorVideo === !0 || i("mirror-video") === "true";
+		return o(n, null, o("div", {
+			class: "section",
+			part: "tile-preview"
+		}, o("div", {
+			class: "group",
+			part: "tile-preview"
+		}, this.videoEnabled === !0 ? o("rtk-participant-tile", {
+			meeting: this.meeting,
+			participant: this.meeting?.self,
+			iconPack: this.iconPack,
+			t: this.t,
+			states: r,
+			size: this.size,
+			isPreview: !0
+		}) : o("div", { class: "camera-off-helper" }, o("rtk-participant-tile", {
+			meeting: this.meeting,
+			participant: this.meeting?.self,
+			size: this.size
+		}, o("div", null, o("rtk-icon", {
+			id: "icon",
+			icon: this.iconPack.video_off,
+			tabIndex: -1,
+			"aria-hidden": !0
+		}), o("div", null, this.t("settings.camera_off"))))))), o("rtk-camera-selector", Object.assign({}, e)), o("div", {
+			class: "group",
+			part: "mirror-toggle"
+		}, o("div", { class: "row" }, o("label", { htmlFor: "mirror-toggle" }, this.t("settings.mirror_video")), o("rtk-switch", {
+			checked: a,
+			iconPack: this.iconPack,
+			t: this.t,
+			onRtkChange: (e) => {
+				let { checked: n } = e.target;
+				this.stateUpdate.emit({ prefs: { mirrorVideo: n } }), t("mirror-video", n);
+			}
+		}))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+p([c()], m.prototype, "meeting", void 0), p([c()], m.prototype, "states", void 0), p([c()], m.prototype, "iconPack", void 0), p([c()], m.prototype, "t", void 0), m.style = f;
+//#endregion
+export { d as rtk_settings_audio, m as rtk_settings_video };
+
+//# sourceMappingURL=rtk-settings-audio_2.entry-Dq55Sn1K.js.map

package/rtk-settings-toggle.entry-Ba2kGEpx.js

@@ -0,0 +1,41 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-settings-toggle.entry.js
+var s = ":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}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.variant = "button", this.iconPack = a, this.t = e();
+	}
+	toggleSettings() {
+		let e = {
+			activeSettings: !0,
+			activeMoreMenu: !1
+		};
+		this.states = Object.assign(Object.assign({}, this.states), e), this.stateUpdate.emit(e);
+	}
+	render() {
+		let e = this.t("settings");
+		return i(t, {
+			key: "921afc41ed4a6019ff882c896855ab455b3edfb7",
+			title: e
+		}, i("rtk-controlbar-button", {
+			key: "88d4194fee24f1b96769e06e3a935d516ad543b0",
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			onClick: () => this.toggleSettings(),
+			icon: this.iconPack.settings,
+			label: e,
+			variant: this.variant
+		}));
+	}
+};
+c([o()], l.prototype, "states", void 0), c([o()], l.prototype, "iconPack", void 0), c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_settings_toggle };
+
+//# sourceMappingURL=rtk-settings-toggle.entry-Ba2kGEpx.js.map

package/rtk-settings-toggle.entry-Cn--weVb.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`: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}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.variant=`button`,this.iconPack=e.g,this.t=e.G()}toggleSettings(){let e={activeSettings:!0,activeMoreMenu:!1};this.states=Object.assign(Object.assign({},this.states),e),this.stateUpdate.emit(e)}render(){let t=this.t(`settings`);return e.Z(e.J,{key:`921afc41ed4a6019ff882c896855ab455b3edfb7`,title:t},e.Z(`rtk-controlbar-button`,{key:`88d4194fee24f1b96769e06e3a935d516ad543b0`,part:`controlbar-button`,size:this.size,iconPack:this.iconPack,onClick:()=>this.toggleSettings(),icon:this.iconPack.settings,label:t,variant:this.variant}))}};r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_settings_toggle=i;
+//# sourceMappingURL=rtk-settings-toggle.entry-Cn--weVb.cjs.map

package/rtk-settings.entry-09H6AFnX.cjs

@@ -0,0 +1,3 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`: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)))
+    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}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.keyPressListener=e=>{e.key===`Escape`&&this.close()},this.stageStatusListener=()=>{this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`},this.iconPack=e.g,this.t=e.G(),this.activeTab=`connection`,this.isMobileMainVisible=!1,this.networkStatus=`good`,this.canProduceVideo=!1}connectedCallback(){document.addEventListener(`keydown`,this.keyPressListener),this.meetingChanged(this.meeting)}disconnectedCallback(){var e;this.keyPressListener&&document.removeEventListener(`keydown`,this.keyPressListener),this.poorConnectionListener&&((e=this.meeting)==null||e.meta.removeListener(`poorConnection`,this.poorConnectionListener)),this.meeting.stage.removeListener(`stageStatusUpdate`,this.stageStatusListener)}meetingChanged(e){e!=null&&(this.canProduceVideo=this.meeting.self.permissions.canProduceVideo===`ALLOWED`,this.canProduceVideo?this.activeTab=`video`:this.activeTab=`audio`,this.poorConnectionListener=({score:e})=>{e<7?this.networkStatus=`poor`:e<4&&(this.networkStatus=`poorest`),setTimeout(()=>{this.networkStatus=`good`},5e3)},e.meta.addListener(`poorConnection`,this.poorConnectionListener),e.stage.addListener(`stageStatusUpdate`,this.stageStatusListener))}changeTab(e){this.activeTab=e,this.size===`sm`&&(this.isMobileMainVisible||=!0)}close(){this.stateUpdate.emit({activeSettings:!1})}render(){if(!this.meeting)return null;let t={meeting:this.meeting,states:this.states,iconPack:this.iconPack,t:this.t};return e.Z(e.J,null,e.Z(`aside`,{class:{hide:this.isMobileMainVisible},part:`menu`},e.Z(`header`,null,e.Z(`h2`,null,this.t(`settings`))),e.Z(`button`,{type:`button`,class:{active:this.activeTab===`audio`},onClick:()=>this.changeTab(`audio`)},this.t(`audio`),e.Z(`div`,{class:`right`},e.Z(`rtk-icon`,{icon:this.iconPack.mic_on}),this.size===`sm`&&e.Z(`rtk-icon`,{icon:this.iconPack.chevron_right}))),this.canProduceVideo&&e.Z(`button`,{type:`button`,class:{active:this.activeTab===`video`},onClick:()=>this.changeTab(`video`)},this.t(`video`),e.Z(`div`,{class:`right`},e.Z(`rtk-icon`,{icon:this.iconPack.video_on}),this.size===`sm`&&e.Z(`rtk-icon`,{icon:this.iconPack.chevron_right}))),e.Z(`button`,{type:`none`,title:`Your network condition is ${this.networkStatus}`},this.t(`connection`),e.Z(`div`,{class:`right`},e.Z(`rtk-icon`,{icon:this.iconPack.wifi,class:this.networkStatus})))),e.Z(`main`,{class:{active:this.isMobileMainVisible,scrollbar:!0},part:`main-content`},this.size===`sm`&&e.Z(`header`,null,e.Z(`rtk-button`,{kind:`icon`,class:`back-btn`,onClick:()=>this.isMobileMainVisible=!1},e.Z(`rtk-icon`,{icon:this.iconPack.chevron_left})),e.Z(`h2`,null,this.t(this.activeTab===`audio`?`audio`:`video`))),this.activeTab===`audio`&&e.Z(`rtk-settings-audio`,Object.assign({},t)),this.activeTab===`video`&&e.Z(`rtk-settings-video`,Object.assign({},t))))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_settings=i;
+//# sourceMappingURL=rtk-settings.entry-09H6AFnX.cjs.map

package/rtk-settings.entry-DmKkoEwh.js

@@ -0,0 +1,82 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-settings.entry.js
+var s = ":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}", c = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, l = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.keyPressListener = (e) => {
+			e.key === "Escape" && this.close();
+		}, this.stageStatusListener = () => {
+			this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED";
+		}, this.iconPack = a, this.t = e(), this.activeTab = "connection", this.isMobileMainVisible = !1, this.networkStatus = "good", this.canProduceVideo = !1;
+	}
+	connectedCallback() {
+		document.addEventListener("keydown", this.keyPressListener), this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e;
+		this.keyPressListener && document.removeEventListener("keydown", this.keyPressListener), this.poorConnectionListener && ((e = this.meeting) == null || e.meta.removeListener("poorConnection", this.poorConnectionListener)), this.meeting.stage.removeListener("stageStatusUpdate", this.stageStatusListener);
+	}
+	meetingChanged(e) {
+		e != null && (this.canProduceVideo = this.meeting.self.permissions.canProduceVideo === "ALLOWED", this.canProduceVideo ? this.activeTab = "video" : this.activeTab = "audio", this.poorConnectionListener = ({ score: e }) => {
+			e < 7 ? this.networkStatus = "poor" : e < 4 && (this.networkStatus = "poorest"), setTimeout(() => {
+				this.networkStatus = "good";
+			}, 5e3);
+		}, e.meta.addListener("poorConnection", this.poorConnectionListener), e.stage.addListener("stageStatusUpdate", this.stageStatusListener));
+	}
+	changeTab(e) {
+		this.activeTab = e, this.size === "sm" && (this.isMobileMainVisible ||= !0);
+	}
+	close() {
+		this.stateUpdate.emit({ activeSettings: !1 });
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			states: this.states,
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return i(t, null, i("aside", {
+			class: { hide: this.isMobileMainVisible },
+			part: "menu"
+		}, i("header", null, i("h2", null, this.t("settings"))), i("button", {
+			type: "button",
+			class: { active: this.activeTab === "audio" },
+			onClick: () => this.changeTab("audio")
+		}, this.t("audio"), i("div", { class: "right" }, i("rtk-icon", { icon: this.iconPack.mic_on }), this.size === "sm" && i("rtk-icon", { icon: this.iconPack.chevron_right }))), this.canProduceVideo && i("button", {
+			type: "button",
+			class: { active: this.activeTab === "video" },
+			onClick: () => this.changeTab("video")
+		}, this.t("video"), i("div", { class: "right" }, i("rtk-icon", { icon: this.iconPack.video_on }), this.size === "sm" && i("rtk-icon", { icon: this.iconPack.chevron_right }))), i("button", {
+			type: "none",
+			title: `Your network condition is ${this.networkStatus}`
+		}, this.t("connection"), i("div", { class: "right" }, i("rtk-icon", {
+			icon: this.iconPack.wifi,
+			class: this.networkStatus
+		})))), i("main", {
+			class: {
+				active: this.isMobileMainVisible,
+				scrollbar: !0
+			},
+			part: "main-content"
+		}, this.size === "sm" && i("header", null, i("rtk-button", {
+			kind: "icon",
+			class: "back-btn",
+			onClick: () => this.isMobileMainVisible = !1
+		}, i("rtk-icon", { icon: this.iconPack.chevron_left })), i("h2", null, this.t(this.activeTab === "audio" ? "audio" : "video"))), this.activeTab === "audio" && i("rtk-settings-audio", Object.assign({}, e)), this.activeTab === "video" && i("rtk-settings-video", Object.assign({}, e))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+c([o()], l.prototype, "meeting", void 0), c([o()], l.prototype, "states", void 0), c([o()], l.prototype, "iconPack", void 0), c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_settings };
+
+//# sourceMappingURL=rtk-settings.entry-DmKkoEwh.js.map

package/rtk-setup-screen.entry-DdR4UZeg.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./index-3f51790f-D4DlIx1n.cjs"),i=require("./join-error-e87be64a-Bp5K1v67.cjs");var a=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;padding:var(--rtk-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--rtk-controlbar-button-background-color:rgb(var(--rtk-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly;gap:var(--rtk-space-4, 16px)}.container-tile{display:flex;height:100%;width:100%;max-width:584px;flex-direction:column;gap:var(--rtk-space-2, 8px)}.metadata{display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;align-items:center;text-align:center}.meeting-title{margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:24px;font-weight:500}.join-as{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:16px;letter-spacing:-0.025em;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.uneditable-name{margin-bottom:var(--rtk-space-6, 24px)}.uneditable-name .text,.uneditable-name .name{display:inline-block}.uneditable-name .name{font-size:16px;font-weight:500}input{margin-bottom:var(--rtk-space-6, 24px);display:block;height:var(--rtk-space-10, 40px);width:100%;max-width:var(--rtk-space-80, 320px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}rtk-spinner{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--icon-size:var(--rtk-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}:host([size='sm']) .container-tile,:host([size='md']) .container-tile{height:-moz-min-content;height:min-content;flex-direction:column;justify-content:center}rtk-participant-tile{height:auto;width:100%;max-width:584px}.media-selectors{display:flex;flex-direction:column;justify-content:space-between}.media-selectors .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}.troubleshoot-link{margin-top:var(--rtk-space-1, 4px);font-size:12px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.troubleshoot-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.error-code{margin-top:var(--rtk-space-1, 4px);font-size:10px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}`,o=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},s=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.isJoining=!1,this.canEditName=!0,this.canProduceAudio=!0,this.socketStateUpdate=({state:e})=>{this.connectionState=e,e===`connected`&&(this.joinError=void 0,this.joinErrorCode=void 0),e===`failed`&&(this.isJoining=!1)},this.join=async()=>{var t;if(this.displayName?.trim()!==``&&!this.isJoining){if(this.connectionState!==`connected`){this.connectionState&&(this.joinError=this.connectionState===`failed`?this.t(`network.lost_extended`):this.t(`network.lost`));return}this.isJoining=!0,this.joinError=void 0,this.joinErrorCode=void 0,(t=this.meeting)==null||t.self.setName(this.displayName),e.w.setItem(`rtk-display-name`,this.displayName);try{await this.meeting?.joinRoom()}catch(e){this.isJoining=!1;let{message:t,code:n}=i.t(this.t,e);this.joinError=t,this.joinErrorCode=n}}}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting.meta.removeListener(`socketConnectionUpdate`,this.socketStateUpdate)}componentDidLoad(){var e;(e=this.inputEl)==null||e.focus()}meetingChanged(e){e&&(this.connectionState=e.meta.socketState?.state,this.canEditName=e.self.permissions.canEditDisplayName??!0,this.displayName=e.self.name?.trim()||(this.canEditName?``:`Participant`),e.meta.addListener(`socketConnectionUpdate`,this.socketStateUpdate))}render(){if(!this.meeting)return;let t=!!this.connectionState&&this.connectionState!==`connected`&&!this.joinError,i=this.joinError?this.joinError:this.connectionState===`failed`?this.t(`network.lost_extended`):this.t(`network.lost`),a=this.displayName?.trim()===``||this.connectionState!==`connected`||this.isJoining,o={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},s=(this.meeting?.meta?.meetingTitle)?.trim();return e.Z(e.J,null,e.Z(`div`,{class:`container`},e.Z(`div`,{class:`container-tile`},e.Z(r.t,{element:`rtk-participant-tile`,defaults:o,props:{participant:this.meeting?.self,size:`md`,isPreview:!0},childProps:{participant:this.meeting?.self,size:`md`},deepProps:!0}),e.Z(`div`,{class:`media-selectors`},e.Z(`rtk-microphone-selector`,Object.assign({},o,{variant:`inline`})),e.Z(`rtk-camera-selector`,Object.assign({},o,{variant:`inline`})),e.Z(`rtk-speaker-selector`,Object.assign({},o,{variant:`inline`})))),e.Z(`div`,{class:`metadata`},s&&s!==``&&e.Z(`div`,{class:`meeting-title`},s),this.canEditName?e.Z(e.q,null,e.Z(`div`,{class:`join-as`},this.t(`setup_screen.join_in_as`)),e.Z(`input`,{placeholder:this.t(`setup_screen.your_name`),value:this.displayName,spellcheck:!1,autoFocus:!0,ref:e=>{this.inputEl=e},onInput:e=>{this.displayName=e.target.value},onKeyDown:e=>{e.key===`Enter`&&this.join()}})):e.Z(`div`,{class:`uneditable-name`},e.Z(`span`,{class:`text`},this.t(`setup_screen.join_in_as`),` `),` `,e.Z(`div`,{class:`name`},n.a(this.displayName,20))),e.Z(`rtk-button`,{size:`lg`,kind:`wide`,onClick:this.join,disabled:a},this.isJoining?e.Z(`rtk-spinner`,{iconPack:this.iconPack}):this.t(`join`)),(this.joinError||t)&&e.Z(`div`,{class:`no-network-badge`,role:`alert`},e.Z(`rtk-icon`,{size:`md`,variant:`danger`,icon:this.iconPack.disconnected}),i),this.meeting&&this.joinError&&e.Z(`a`,{class:`troubleshoot-link`,href:`https://test.realtime.cloudflare.com?authToken=${this.meeting.__internals__.authToken}`,target:`_blank`,rel:`noopener noreferrer`},this.t(`network.troubleshoot`)),this.joinErrorCode&&e.Z(`span`,{class:`error-code`,part:`error-code`},this.t(`join.error_code`),`: `,this.joinErrorCode))))}static get watchers(){return{meeting:[`meetingChanged`]}}};o([t.t()],s.prototype,`meeting`,void 0),o([t.t()],s.prototype,`states`,void 0),o([t.t()],s.prototype,`config`,void 0),o([t.t()],s.prototype,`iconPack`,void 0),o([t.t()],s.prototype,`t`,void 0),s.style=a,exports.rtk_setup_screen=s;
+//# sourceMappingURL=rtk-setup-screen.entry-DdR4UZeg.cjs.map