uapp-communication-sdk 1.0.0-dev.101

package/rtk-screenshare-view.entry-DDmqE2sZ.js

@@ -0,0 +1,128 @@
+import { $ as e, G as t, J as n, Q as r, X as i, Y as a, Z as o, g as s } from "./ui-store-4fbabb78-D3qAYH9k.js";
+import { t as c } from "./index-8be19fcf-cQ0uyH2h.js";
+import { i as l, n as u, r as d, t as f } from "./full-screen-d36ffc68-DTjfmPnC.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-screenshare-view.entry.js
+var p = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n\n:host {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n  container-type: inline-size;\n  container-name: screentile;\n}\n\n::slotted(rtk-name-tag) {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  opacity: 0.8;\n}\n\n#video-container {\n  position: absolute;\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#video-container .fit-in-container {\n  -o-object-fit: fill;\n     object-fit: fill;\n}\n\nvideo {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  right: var(--rtk-space-2, 8px);\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  padding: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-name-tag) {\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: transparent;\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));\n  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: transparent;\n}\n\n:host([size='sm'][variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n}\n\nvideo.visible {\n  animation: video-fadein 0.4s ease;\n}\n\n#controls {\n  display: none;\n  position: absolute;\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host(:hover) #controls, \n:host(:active) #controls, \n:host(:focus-visible) #controls {\n  display: flex;\n}\n\n#full-screen-btn {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n/** For self view */\n\nh3 {\n  margin-top: var(--rtk-space-10, 40px);\n  margin-bottom: var(--rtk-space-6, 24px);\n  text-align: center;\n  font-size: 20px;\n  font-weight: 500;\n}\n\n:host([size='sm']) h3 {\n  font-size: 16px;\n}\n\n#self-message {\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n}\n\n:host(.isSelf) #self-view {\n  flex: 1 1 0%;\n}\n\n:host(.isSelf) #video-container {\n  position: static;\n  aspect-ratio: auto;\n  height: auto;\n  width: 50%;\n  max-width: var(--rtk-space-96, 384px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  transition: 0.6s ease;\n}\n\n:host(.isSelf) #video-container.expand {\n  width: 60%;\n  max-width: 100%;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host([size='sm'].isSelf) #video-container,\n:host([size='md'].isSelf) #video-container,\n:host([size='sm'].isSelf) #expand-btn,\n:host([size='md'].isSelf) #expand-btn {\n  /** Hide video, fullscreen buttons in sm and md breakpoints */\n  display: none;\n}\n\n/** Remote control */\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.remote-control {\n  z-index: 10;\n  height: 100%;\n  max-height: 100%;\n  flex: 0 1 auto;\n}\n\n#remote-control-self {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  left: 50%;\n  z-index: 10;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  height: var(--rtk-space-8, 32px);\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transform: translateX(-50%);\n}\n\n#remote-control-self p {\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  padding-top: var(--rtk-space-2, 8px);\n  padding-bottom: var(--rtk-space-2, 8px);\n}\n\n#remote-control-self rtk-button {\n  height: 100%;\n  border-radius: var(--rtk-border-radius-none, 0);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity));\n  font-size: 12px;\n}\n\n:host([size='sm']) #remote-control-self {\n  height: auto;\n  flex-direction: column;\n}\n\n:host([size='sm']) #remote-control-self rtk-button {\n  width: 100%;\n  padding-top: var(--rtk-space-1, 4px);\n  padding-bottom: var(--rtk-space-1, 4px);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: var(--rtk-space-3, 12px);\n}\n\n:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  bottom: auto;\n}\n\n:host([name-tag-position='top-right']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  left: auto;\n  bottom: auto;\n}\n\n:host([name-tag-position='top-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n/** Keyframes */\n\n@keyframes video-fadein {\n  0% {\n    opacity: 0;\n    transform: scale(1.4) translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n::slotted(rtk-network-indicator) {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n    :host([size='sm'][variant='solid']) rtk-name-tag {\n    left: var(--rtk-space-0, 0px);\n    bottom: var(--rtk-space-0, 0px);\n    border-radius: var(--rtk-border-radius-none, 0);\n      transform-origin: 0% 110%;\n      transform: scale(0.6);\n  }\n}\n\n@container screentile (max-width: 400px) {\n  ::slotted(rtk-name-tag) {\n    transform-origin: 0 130%;\n    transform: scale(0.7);\n  }\n}\n", m = 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;
+}, h = class {
+	constructor(e) {
+		r(this, e), this.stateUpdate = a(this, "rtkStateUpdate", 7), this.play = a(this, "screensharePlay", 7), this.fullScreenListener = () => {
+			this.isFullScreen = u();
+		}, this.participantScreenshareUpdate = (e) => {
+			e.id === this.participant.id && this.screenShareListener(e);
+		}, this.hideFullScreenButton = !1, this.nameTagPosition = "bottom-left", this.variant = "solid", this.iconPack = s, this.t = t(), this.videoExpanded = !1, this.screenShareEnabled = !1, this.isFullScreen = !1, this.toggleFullScreen = () => {
+			this.isFullScreen ? (f(), this.isFullScreen = !1) : (l(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 e = this.participant?.id === this.meeting?.self.id, t = this.isFullScreen ? this.t("full_screen.exit") : this.t("full_screen"), r = this.isFullScreen ? this.iconPack.full_screen_minimize : this.iconPack.full_screen_maximize;
+		return o(n, {
+			key: "10646f5ea7b7b9bc162c2a98af07928a0f68f605",
+			class: { isSelf: e }
+		}, o("div", {
+			key: "video-container",
+			id: "video-container",
+			class: { expand: this.videoExpanded }
+		}, o("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}`
+		})), o("div", {
+			id: "controls",
+			key: "controls"
+		}, !this.hideFullScreenButton && !e && d() && o("rtk-tooltip", {
+			key: "97ba6869139126f0114aee3239999bfe1172a798",
+			label: t
+		}, o("rtk-button", {
+			key: "0769449ffcba69117d10a7346e4881c207e7ac6f",
+			id: "full-screen-btn",
+			kind: "icon",
+			onClick: this.toggleFullScreen,
+			title: t
+		}, o("rtk-icon", {
+			key: "508cf201f0b2e6da061e35dff4d3899f1da0749a",
+			icon: r,
+			"aria-hidden": !0,
+			tabIndex: -1
+		})))), e && o("div", {
+			id: "self-message",
+			key: "self-message"
+		}, o("h3", { key: "6f055da4722c11893e3f8640bddad7f6844838da" }, this.t("screenshare.shared")), o("div", {
+			key: "96fa5f8b47cef2a2a58352e4275c3c325f22a465",
+			class: "actions"
+		}, this.meeting != null && o("rtk-button", {
+			key: "144c3908476ac18d1ffcc1282a46a4d7fad698c2",
+			variant: "danger",
+			onClick: () => {
+				this.meeting.self.disableScreenShare();
+			}
+		}, o("rtk-icon", {
+			key: "7a6f710ccb916ca78edbb5daa9b6bcf3547ed54e",
+			icon: this.iconPack.share_screen_stop,
+			slot: "start"
+		}), this.t("screenshare.stop")), o("rtk-button", {
+			key: "1667e04e5a22c3edfdab9300ffca06df7eba4948",
+			variant: "secondary",
+			id: "expand-btn",
+			onClick: () => {
+				this.videoExpanded = !this.videoExpanded;
+			}
+		}, o("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")))), o("slot", { key: "beeecb6fe5a1f46d259a86e698c31fb477949bf3" }));
+	}
+	get host() {
+		return i(this);
+	}
+	static get watchers() {
+		return { participant: ["participantChanged"] };
+	}
+};
+m([c()], h.prototype, "meeting", void 0), m([c()], h.prototype, "iconPack", void 0), m([c()], h.prototype, "t", void 0), h.style = p;
+//#endregion
+export { h as rtk_screenshare_view };
+
+//# sourceMappingURL=rtk-screenshare-view.entry-DDmqE2sZ.js.map

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

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.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-BFE1i57F.cjs.map

package/rtk-settings-audio_2.entry-BHibrom8.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-D3qAYH9k.js";
+import { t as c } from "./index-8be19fcf-cQ0uyH2h.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-BHibrom8.js.map

package/rtk-settings-toggle.entry-ChADrqnU.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.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-ChADrqnU.cjs.map

package/rtk-settings-toggle.entry-DcnzFfdf.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-D3qAYH9k.js";
+import { t as o } from "./index-8be19fcf-cQ0uyH2h.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-DcnzFfdf.js.map

package/rtk-settings.entry-B0MYbO2R.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-D3qAYH9k.js";
+import { t as o } from "./index-8be19fcf-cQ0uyH2h.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-B0MYbO2R.js.map

package/rtk-settings.entry-BUXN1kqm.cjs

@@ -0,0 +1,3 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.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-BUXN1kqm.cjs.map

package/rtk-setup-screen.entry-BJgJQNY1.js

@@ -0,0 +1,114 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a, m as o, q as s, w as c } from "./ui-store-4fbabb78-D3qAYH9k.js";
+import { t as l } from "./index-8be19fcf-cQ0uyH2h.js";
+import { a as u } from "./string-068ce30a-DsdGnSiw.js";
+import { t as d } from "./index-3f51790f-Dyjz_XrU.js";
+import { t as f } from "./join-error-e87be64a-Bxi3HnXN.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-setup-screen.entry.js
+var p = ":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))}", m = 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;
+}, h = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.config = o(), this.iconPack = a, this.t = e(), 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 e;
+			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, (e = this.meeting) == null || e.self.setName(this.displayName), c.setItem("rtk-display-name", this.displayName);
+				try {
+					await this.meeting?.joinRoom();
+				} catch (e) {
+					this.isJoining = !1;
+					let { message: t, code: n } = f(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 e = !!this.connectionState && this.connectionState !== "connected" && !this.joinError, n = this.joinError ? this.joinError : this.connectionState === "failed" ? this.t("network.lost_extended") : this.t("network.lost"), r = this.displayName?.trim() === "" || this.connectionState !== "connected" || this.isJoining, a = {
+			meeting: this.meeting,
+			config: this.config,
+			states: this.states,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}, o = (this.meeting?.meta?.meetingTitle)?.trim();
+		return i(t, null, i("div", { class: "container" }, i("div", { class: "container-tile" }, i(d, {
+			element: "rtk-participant-tile",
+			defaults: a,
+			props: {
+				participant: this.meeting?.self,
+				size: "md",
+				isPreview: !0
+			},
+			childProps: {
+				participant: this.meeting?.self,
+				size: "md"
+			},
+			deepProps: !0
+		}), i("div", { class: "media-selectors" }, i("rtk-microphone-selector", Object.assign({}, a, { variant: "inline" })), i("rtk-camera-selector", Object.assign({}, a, { variant: "inline" })), i("rtk-speaker-selector", Object.assign({}, a, { variant: "inline" })))), i("div", { class: "metadata" }, o && o !== "" && i("div", { class: "meeting-title" }, o), this.canEditName ? i(s, null, i("div", { class: "join-as" }, this.t("setup_screen.join_in_as")), i("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();
+			}
+		})) : i("div", { class: "uneditable-name" }, i("span", { class: "text" }, this.t("setup_screen.join_in_as"), " "), " ", i("div", { class: "name" }, u(this.displayName, 20))), i("rtk-button", {
+			size: "lg",
+			kind: "wide",
+			onClick: this.join,
+			disabled: r
+		}, this.isJoining ? i("rtk-spinner", { iconPack: this.iconPack }) : this.t("join")), (this.joinError || e) && i("div", {
+			class: "no-network-badge",
+			role: "alert"
+		}, i("rtk-icon", {
+			size: "md",
+			variant: "danger",
+			icon: this.iconPack.disconnected
+		}), n), this.meeting && this.joinError && i("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 && i("span", {
+			class: "error-code",
+			part: "error-code"
+		}, this.t("join.error_code"), ": ", this.joinErrorCode))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+m([l()], h.prototype, "meeting", void 0), m([l()], h.prototype, "states", void 0), m([l()], h.prototype, "config", void 0), m([l()], h.prototype, "iconPack", void 0), m([l()], h.prototype, "t", void 0), h.style = p;
+//#endregion
+export { h as rtk_setup_screen };
+
+//# sourceMappingURL=rtk-setup-screen.entry-BJgJQNY1.js.map

package/rtk-setup-screen.entry-sLKF-r_m.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-DJ1d5tcD.cjs"),t=require("./index-8be19fcf-RtyrL2rS.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./index-3f51790f-w6gq2XfJ.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-sLKF-r_m.cjs.map