uapp-communication-sdk 1.0.0-dev.54

package/rtk-setup-screen.entry-zxtOKp8J.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-B6WDMKSM.js";
+import { t as l } from "./index-8be19fcf-BppFp8rx.js";
+import { a as u } from "./string-068ce30a-DsdGnSiw.js";
+import { t as d } from "./index-3f51790f-Cnkj1veX.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-zxtOKp8J.js.map

package/rtk-sidebar-ui.entry-BPAlJbUB.cjs

@@ -0,0 +1,137 @@
+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 {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  font-family: var(--rtk-font-family, sans-serif);
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+
+  container-type: size;
+  container-name: sidebarui;
+}
+
+@container sidebarui (height < 370px) {
+  .main-header {
+    height: var(--rtk-space-8, 32px) !important;
+  }
+  .close {
+    top: var(--rtk-space-0\\.5, 2px) !important;
+    left: var(--rtk-space-0, 0px) !important;
+    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);
+  }
+}
+
+:host([view='sidebar']) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));
+}
+
+:host([view='full-screen']) {
+  position: absolute;
+  top: var(--rtk-space-0, 0px);
+  right: var(--rtk-space-0, 0px);
+  bottom: var(--rtk-space-0, 0px);
+  left: var(--rtk-space-0, 0px);
+  max-width: 100%;
+  border: none;
+}
+
+::slotted(*) {
+  flex-grow: 1;
+}
+
+.close {
+  position: absolute;
+  top: var(--rtk-space-2, 8px);
+  left: var(--rtk-space-2, 8px);
+  z-index: 10;
+}
+
+.main-header {
+  position: relative;
+  display: flex;
+  height: var(--rtk-space-12, 48px);
+  place-items: center;
+  justify-content: center;
+}
+
+.main-header, 
+.mobile-tabs {
+  flex-shrink: 0;
+}
+
+.mobile-tabs {
+  display: flex;
+  place-items: center;
+  justify-content: space-evenly;
+  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));
+}
+
+.mobile-tabs button {
+  margin: var(--rtk-space-0, 0px);
+  border-width: var(--rtk-border-width-none, 0);
+  border-style: none;
+  background-color: transparent;
+  padding: var(--rtk-space-0, 0px);
+  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));
+  height: var(--rtk-space-10, 40px);
+  cursor: pointer;
+  padding-left: var(--rtk-space-4, 16px);
+  padding-right: var(--rtk-space-4, 16px);
+  font-weight: 500;
+  border-bottom: 1px solid transparent;
+}
+
+.mobile-tabs button.active {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));
+}
+
+header h3 {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+@media only screen and (max-device-height: 480px) and (orientation: landscape) {
+  .main-header {
+    display: none !important;
+  }
+}
+
+.tab-participant-count-badge {
+  display: inline-block;
+  padding: 2px 5px;
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));
+  font-size: 12px;
+  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));
+}
+
+.tab-participant-count-badge:not(.selected-tab) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));
+}
+
+.tab-participant-count-badge.requests-pending{
+  background-color: rgba(var(--rtk-colors-danger));
+}
+`,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.tabChange=e.Y(this,`tabChange`,7),this.sidebarClose=e.Y(this,`sidebarClose`,7),this.view=`sidebar`,this.tabs=[],this.hideHeader=!1,this.hideCloseAction=!1,this.iconPack=e.g,this.focusCloseButton=!0,this.t=e.G(),this.onClose=()=>{this.sidebarClose.emit(),document.activeElement instanceof HTMLElement&&document.activeElement.tagName?.includes(`RTK-`)&&document.activeElement.blur instanceof Function&&document.activeElement.blur()}}componentDidLoad(){this.keydownListener=e=>{e.key===`Escape`&&this.onClose()},this.hostEl.addEventListener(`keydown`,this.keydownListener),this.handleFocusCloseButton()}handleFocusCloseButton(){this.currentTab!==`chat`&&!this.hideCloseAction&&this.closeButton.focus()}disconnectedCallback(){this.hostEl.removeEventListener(`keydown`,this.keydownListener)}render(){let t=this.view===`full-screen`,n=this.tabs.find(e=>e.id===this.currentTab);return e.Z(e.J,{key:`239f279ceccceeaa57181d4a71f3e04ede4132ce`,ref:e=>this.hostEl=e,class:this.view},!this.hideCloseAction&&e.Z(`rtk-button`,{key:`921847fd946de305dce6f1fc7fe8a9ff175e38ee`,ref:e=>this.closeButton=e,variant:`ghost`,kind:`icon`,class:`close`,onClick:this.onClose,"aria-label":this.t(`close`)},e.Z(`rtk-icon`,{key:`1de9f1edf8ecce2d0390b7b8a1253de02affd9d1`,icon:this.iconPack.dismiss})),n&&!this.hideHeader&&e.Z(`header`,{key:`4cd288feeb658e62d3ad1efd47aea237119918e1`,class:`main-header`},e.Z(`h3`,{key:`d6c4129537b4e090f3c429c66057be9a1072a864`},n.name),e.Z(`slot`,{key:`dfb1ea30cfa476b515a3a4b628c036083f1fe0a5`,name:`pinned-state`})),t&&e.Z(`header`,{key:`7dafb426628960ba26718530417854a533de3664`,class:`mobile-tabs`},this.tabs.map(t=>e.Z(`button`,{onClick:()=>{this.tabChange.emit(t.id)},class:{active:this.currentTab===t.id}},t.name))),e.Z(`slot`,{key:`2696ccd9fcad418ad7738164cd5a9e6305320899`,name:this.currentTab}))}static get watchers(){return{currentTab:[`handleFocusCloseButton`]}}};r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_sidebar_ui=i;
+//# sourceMappingURL=rtk-sidebar-ui.entry-BPAlJbUB.cjs.map

package/rtk-sidebar-ui.entry-CGSGbuel.js

@@ -0,0 +1,70 @@
+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-sidebar-ui.entry.js
+var s = ":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  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\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  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n", 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.tabChange = r(this, "tabChange", 7), this.sidebarClose = r(this, "sidebarClose", 7), this.view = "sidebar", this.tabs = [], this.hideHeader = !1, this.hideCloseAction = !1, this.iconPack = a, this.focusCloseButton = !0, this.t = e(), this.onClose = () => {
+			this.sidebarClose.emit(), document.activeElement instanceof HTMLElement && document.activeElement.tagName?.includes("RTK-") && document.activeElement.blur instanceof Function && document.activeElement.blur();
+		};
+	}
+	componentDidLoad() {
+		this.keydownListener = (e) => {
+			e.key === "Escape" && this.onClose();
+		}, this.hostEl.addEventListener("keydown", this.keydownListener), this.handleFocusCloseButton();
+	}
+	handleFocusCloseButton() {
+		this.currentTab !== "chat" && !this.hideCloseAction && this.closeButton.focus();
+	}
+	disconnectedCallback() {
+		this.hostEl.removeEventListener("keydown", this.keydownListener);
+	}
+	render() {
+		let e = this.view === "full-screen", n = this.tabs.find((e) => e.id === this.currentTab);
+		return i(t, {
+			key: "239f279ceccceeaa57181d4a71f3e04ede4132ce",
+			ref: (e) => this.hostEl = e,
+			class: this.view
+		}, !this.hideCloseAction && i("rtk-button", {
+			key: "921847fd946de305dce6f1fc7fe8a9ff175e38ee",
+			ref: (e) => this.closeButton = e,
+			variant: "ghost",
+			kind: "icon",
+			class: "close",
+			onClick: this.onClose,
+			"aria-label": this.t("close")
+		}, i("rtk-icon", {
+			key: "1de9f1edf8ecce2d0390b7b8a1253de02affd9d1",
+			icon: this.iconPack.dismiss
+		})), n && !this.hideHeader && i("header", {
+			key: "4cd288feeb658e62d3ad1efd47aea237119918e1",
+			class: "main-header"
+		}, i("h3", { key: "d6c4129537b4e090f3c429c66057be9a1072a864" }, n.name), i("slot", {
+			key: "dfb1ea30cfa476b515a3a4b628c036083f1fe0a5",
+			name: "pinned-state"
+		})), e && i("header", {
+			key: "7dafb426628960ba26718530417854a533de3664",
+			class: "mobile-tabs"
+		}, this.tabs.map((e) => i("button", {
+			onClick: () => {
+				this.tabChange.emit(e.id);
+			},
+			class: { active: this.currentTab === e.id }
+		}, e.name))), i("slot", {
+			key: "2696ccd9fcad418ad7738164cd5a9e6305320899",
+			name: this.currentTab
+		}));
+	}
+	static get watchers() {
+		return { currentTab: ["handleFocusCloseButton"] };
+	}
+};
+c([o()], l.prototype, "t", void 0), l.style = s;
+//#endregion
+export { l as rtk_sidebar_ui };
+
+//# sourceMappingURL=rtk-sidebar-ui.entry-CGSGbuel.js.map

package/rtk-sidebar.entry-C4E4akdM.js

@@ -0,0 +1,115 @@
+import { G as e, J as t, Q as n, Y as r, Z as i, g as a, m as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+import { t as c } from "./index-3f51790f-Cnkj1veX.js";
+import { a as l, i as u, n as d, r as f, t as p } from "./sidebar-6b71ecaa-iR6OjeTU.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-sidebar.entry.js
+var m = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-right:var(--rtk-space-0, 0px);height:100%;width:100%;max-width:var(--rtk-space-96, 384px);box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-4, 16px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}", h = 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;
+}, g = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.enabledSections = [], this.defaultSection = "chat", this.config = o(), this.iconPack = a, this.t = e(), this.view = "sidebar", this.currentTab = this.defaultSection, this.isFloating = !1, this.enablePinning = !0, this.getTabs = () => this.meeting.self.config ? this.enabledSections.filter((e) => !(e.id in this.meeting.self.config.controlBar.elements) || this.meeting.self.config.controlBar.elements[e.id]) : this.enabledSections, this.close = () => {
+			this.stateUpdate.emit({
+				activeSidebar: !1,
+				sidebar: this.defaultSection
+			});
+		}, this.toggleFloating = () => {
+			this.isFloating = !this.isFloating;
+		};
+	}
+	connectedCallback() {
+		this.viewChanged(this.view), this.statesChanged(this.states), this.meetingChanged(this.meeting), this.isFloating = this.states?.sidebarFloating || !1;
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.meeting?.stage) == null || e.removeListener("stageStatusUpdate", this.onStageStatusUpdate), this.onStageStatusUpdate = null;
+	}
+	meetingChanged(e) {
+		var t;
+		e && (this.updateEnabledSections(e), this.onStageStatusUpdate = (e) => {
+			this.updateEnabledSections(this.meeting);
+		}, (t = this.meeting?.stage) == null || t.on("stageStatusUpdate", this.onStageStatusUpdate));
+	}
+	statesChanged(e) {
+		let t = e;
+		t?.sidebar && (this.currentTab = t.sidebar);
+	}
+	viewChanged(e) {
+		e === "full-screen" ? this.enablePinning = !1 : this.enablePinning = !0;
+	}
+	viewSection(e) {
+		this.currentTab = e, this.stateUpdate.emit({
+			activeSidebar: !0,
+			sidebar: this.currentTab
+		});
+	}
+	updateEnabledSections(e = this.meeting) {
+		let t = [];
+		d(e) && t.push({
+			id: "chat",
+			name: this.t("chat")
+		}), l(e) && t.push({
+			id: "polls",
+			name: this.t("polls")
+		}), f(e) && t.push({
+			id: "participants",
+			name: this.t("participants")
+		}), u(e) && t.push({
+			id: "plugins",
+			name: this.t("plugins")
+		}), p(e) && t.push({
+			id: "ai",
+			name: this.t("ai.meeting_ai")
+		}), this.enabledSections = t;
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			config: this.config,
+			states: this.states,
+			size: this.size,
+			t: this.t,
+			iconPack: this.iconPack
+		};
+		return e.states?.activeSidebar === !1 || !this.currentTab ? null : i(t, { class: this.enablePinning ? this.isFloating ? "floating" : "" : "floating" }, i("rtk-sidebar-ui", {
+			tabs: this.getTabs(),
+			currentTab: this.currentTab,
+			view: this.view,
+			onTabChange: (e) => {
+				this.viewSection(e.detail);
+			},
+			onSidebarClose: this.close
+		}, this.enablePinning && i("div", {
+			class: "pinned-state",
+			slot: "pinned-state"
+		}, i("rtk-button", {
+			variant: "ghost",
+			kind: "icon",
+			onClick: this.toggleFloating,
+			"aria-label": this.isFloating ? this.t("pin") : this.t("unpin")
+		}, i("rtk-icon", { icon: this.isFloating ? this.iconPack.pin : this.iconPack.pin_off }))), e.states.sidebar === "chat" && i(c, {
+			element: "rtk-chat",
+			defaults: e,
+			props: { slot: "chat" }
+		}), e.states.sidebar === "polls" && i("rtk-polls", Object.assign({}, e, { slot: "polls" })), e.states.sidebar === "participants" && i(c, {
+			element: "rtk-participants",
+			defaults: e,
+			props: { slot: "participants" }
+		}), e.states.sidebar === "plugins" && i("rtk-plugins", Object.assign({}, e, { slot: "plugins" })), e.states.sidebar === "ai" && i("rtk-ai", Object.assign({}, e, { slot: "ai" }))));
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			states: ["statesChanged"],
+			view: ["viewChanged"]
+		};
+	}
+};
+h([s()], g.prototype, "meeting", void 0), h([s()], g.prototype, "states", void 0), h([s()], g.prototype, "config", void 0), h([s()], g.prototype, "iconPack", void 0), h([s()], g.prototype, "t", void 0), g.style = m;
+//#endregion
+export { g as rtk_sidebar };
+
+//# sourceMappingURL=rtk-sidebar.entry-C4E4akdM.js.map

package/rtk-sidebar.entry-Dlm8FOU9.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("./index-3f51790f-D4DlIx1n.cjs"),r=require("./sidebar-6b71ecaa-BzGLot1H.cjs");var i=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-right:var(--rtk-space-0, 0px);height:100%;width:100%;max-width:var(--rtk-space-96, 384px);box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-4, 16px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}`,a=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},o=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.enabledSections=[],this.defaultSection=`chat`,this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.view=`sidebar`,this.currentTab=this.defaultSection,this.isFloating=!1,this.enablePinning=!0,this.getTabs=()=>this.meeting.self.config?this.enabledSections.filter(e=>!(e.id in this.meeting.self.config.controlBar.elements)||this.meeting.self.config.controlBar.elements[e.id]):this.enabledSections,this.close=()=>{this.stateUpdate.emit({activeSidebar:!1,sidebar:this.defaultSection})},this.toggleFloating=()=>{this.isFloating=!this.isFloating}}connectedCallback(){this.viewChanged(this.view),this.statesChanged(this.states),this.meetingChanged(this.meeting),this.isFloating=this.states?.sidebarFloating||!1}disconnectedCallback(){var e;(e=this.meeting?.stage)==null||e.removeListener(`stageStatusUpdate`,this.onStageStatusUpdate),this.onStageStatusUpdate=null}meetingChanged(e){var t;e&&(this.updateEnabledSections(e),this.onStageStatusUpdate=e=>{this.updateEnabledSections(this.meeting)},(t=this.meeting?.stage)==null||t.on(`stageStatusUpdate`,this.onStageStatusUpdate))}statesChanged(e){let t=e;t?.sidebar&&(this.currentTab=t.sidebar)}viewChanged(e){e===`full-screen`?this.enablePinning=!1:this.enablePinning=!0}viewSection(e){this.currentTab=e,this.stateUpdate.emit({activeSidebar:!0,sidebar:this.currentTab})}updateEnabledSections(e=this.meeting){let t=[];r.n(e)&&t.push({id:`chat`,name:this.t(`chat`)}),r.a(e)&&t.push({id:`polls`,name:this.t(`polls`)}),r.r(e)&&t.push({id:`participants`,name:this.t(`participants`)}),r.i(e)&&t.push({id:`plugins`,name:this.t(`plugins`)}),r.t(e)&&t.push({id:`ai`,name:this.t(`ai.meeting_ai`)}),this.enabledSections=t}render(){if(!this.meeting)return null;let t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,t:this.t,iconPack:this.iconPack};return t.states?.activeSidebar===!1||!this.currentTab?null:e.Z(e.J,{class:this.enablePinning?this.isFloating?`floating`:``:`floating`},e.Z(`rtk-sidebar-ui`,{tabs:this.getTabs(),currentTab:this.currentTab,view:this.view,onTabChange:e=>{this.viewSection(e.detail)},onSidebarClose:this.close},this.enablePinning&&e.Z(`div`,{class:`pinned-state`,slot:`pinned-state`},e.Z(`rtk-button`,{variant:`ghost`,kind:`icon`,onClick:this.toggleFloating,"aria-label":this.isFloating?this.t(`pin`):this.t(`unpin`)},e.Z(`rtk-icon`,{icon:this.isFloating?this.iconPack.pin:this.iconPack.pin_off}))),t.states.sidebar===`chat`&&e.Z(n.t,{element:`rtk-chat`,defaults:t,props:{slot:`chat`}}),t.states.sidebar===`polls`&&e.Z(`rtk-polls`,Object.assign({},t,{slot:`polls`})),t.states.sidebar===`participants`&&e.Z(n.t,{element:`rtk-participants`,defaults:t,props:{slot:`participants`}}),t.states.sidebar===`plugins`&&e.Z(`rtk-plugins`,Object.assign({},t,{slot:`plugins`})),t.states.sidebar===`ai`&&e.Z(`rtk-ai`,Object.assign({},t,{slot:`ai`}))))}static get watchers(){return{meeting:[`meetingChanged`],states:[`statesChanged`],view:[`viewChanged`]}}};a([t.t()],o.prototype,`meeting`,void 0),a([t.t()],o.prototype,`states`,void 0),a([t.t()],o.prototype,`config`,void 0),a([t.t()],o.prototype,`iconPack`,void 0),a([t.t()],o.prototype,`t`,void 0),o.style=i,exports.rtk_sidebar=o;
+//# sourceMappingURL=rtk-sidebar.entry-Dlm8FOU9.cjs.map

package/rtk-simple-grid.entry-Bkr6T1td.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("./index-3f51790f-D4DlIx1n.cjs"),r=require("./ResizeObserver.es-02979d4e-08-m4hFC.cjs"),i=require("./grid-a3ca5a3e-Be7O6bWJ.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{position:relative;display:block;height:100%;width:100%}`,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.participants=[],this.aspectRatio=`16:9`,this.gap=8,this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.dimensions={width:0,height:0},this.setHostDimensions=()=>{let{clientWidth:e,clientHeight:t}=this.host;this.dimensions={width:e,height:t}}}connectedCallback(){this.resizeObserver=new r.t(this.setHostDimensions),this.resizeObserver.observe(this.host),this.meetingChanged(this.meeting)}meetingChanged(e){let t=e?.meta;t&&(this.mediaConnection=Object.assign({},t.mediaState))}disconnectedCallback(){var e;(e=this.resizeObserver)==null||e.disconnect()}render(){if(!this.meeting)return null;let t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:r,height:a,getPosition:o}=i.n({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return e.Z(e.J,null,e.Z(`slot`,null,this.participants.map((i,s)=>{let{top:c,left:l}=o(s);return e.Z(n.t,{element:`rtk-participant-tile`,defaults:t,props:{participant:i,style:{position:`absolute`,top:`${c}px`,left:`${l}px`,width:`${r}px`,height:`${a}px`},key:i.id,"data-participant":i.id,mediaConnection:this.mediaConnection},childProps:{participant:i},deepProps:!0})})))}get host(){return e.X(this)}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_simple_grid=s;
+//# sourceMappingURL=rtk-simple-grid.entry-Bkr6T1td.cjs.map

package/rtk-simple-grid.entry-CT3YTo27.js

@@ -0,0 +1,85 @@
+import { G as e, J as t, Q as n, X as r, Z as i, g as a, m as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+import { t as c } from "./index-3f51790f-Cnkj1veX.js";
+import { t as l } from "./ResizeObserver.es-02979d4e-7ifz085B.js";
+import { n as u } from "./grid-a3ca5a3e-Bb63kX0E.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-simple-grid.entry.js
+var d = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:100%;width:100%}", f = 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;
+}, p = class {
+	constructor(t) {
+		n(this, t), this.participants = [], this.aspectRatio = "16:9", this.gap = 8, this.config = o(), this.iconPack = a, this.t = e(), this.dimensions = {
+			width: 0,
+			height: 0
+		}, this.setHostDimensions = () => {
+			let { clientWidth: e, clientHeight: t } = this.host;
+			this.dimensions = {
+				width: e,
+				height: t
+			};
+		};
+	}
+	connectedCallback() {
+		this.resizeObserver = new l(this.setHostDimensions), this.resizeObserver.observe(this.host), this.meetingChanged(this.meeting);
+	}
+	meetingChanged(e) {
+		let t = e?.meta;
+		t && (this.mediaConnection = Object.assign({}, t.mediaState));
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.resizeObserver) == null || e.disconnect();
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			config: this.config,
+			states: this.states,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}, { width: n, height: r, getPosition: a } = u({
+			dimensions: this.dimensions,
+			count: this.participants.length,
+			aspectRatio: this.aspectRatio,
+			gap: this.gap
+		});
+		return i(t, null, i("slot", null, this.participants.map((t, o) => {
+			let { top: s, left: l } = a(o);
+			return i(c, {
+				element: "rtk-participant-tile",
+				defaults: e,
+				props: {
+					participant: t,
+					style: {
+						position: "absolute",
+						top: `${s}px`,
+						left: `${l}px`,
+						width: `${n}px`,
+						height: `${r}px`
+					},
+					key: t.id,
+					"data-participant": t.id,
+					mediaConnection: this.mediaConnection
+				},
+				childProps: { participant: t },
+				deepProps: !0
+			});
+		})));
+	}
+	get host() {
+		return r(this);
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+f([s()], p.prototype, "meeting", void 0), f([s()], p.prototype, "states", void 0), f([s()], p.prototype, "config", void 0), f([s()], p.prototype, "iconPack", void 0), f([s()], p.prototype, "t", void 0), p.style = d;
+//#endregion
+export { p as rtk_simple_grid };
+
+//# sourceMappingURL=rtk-simple-grid.entry-CT3YTo27.js.map

package/rtk-spotlight-grid.entry-BXGT_8m1.js

@@ -0,0 +1,63 @@
+import { G as e, J as t, Q as n, X as r, Z as i, g as a, m as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+import { t as c } from "./index-3f51790f-Cnkj1veX.js";
+import { t as l } from "./grid-a3ca5a3e-Bb63kX0E.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-spotlight-grid.entry.js
+var u = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}", d = 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;
+}, f = class {
+	constructor(t) {
+		n(this, t), this.layout = "row", this.participants = [], this.pinnedParticipants = [], this.aspectRatio = "16:9", this.gap = 8, this.config = o(), this.iconPack = a, this.t = e(), this.gridSize = l, this.getAdaptiveSize = (e) => this.size === "sm" || e > 3 || this.size === "md" ? "sm" : "md";
+	}
+	render() {
+		let e = {
+			meeting: this.meeting,
+			config: this.config,
+			states: this.states,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}, n = this.participants.filter((e) => this.pinnedParticipants.some((t) => t.id != e.id));
+		return i(t, { key: "1cb846cc92b660a8244d16a74f48dfadcef903b6" }, i("main", {
+			key: "8564f8b0bf6e7bd668132e2833fe73c73855d090",
+			part: "main"
+		}, i(c, {
+			key: "61b96f305727dc74de15f4c3c645069d6300afd9",
+			element: "rtk-simple-grid",
+			defaults: e,
+			props: {
+				part: "main-grid",
+				participants: this.pinnedParticipants,
+				aspectRatio: this.aspectRatio,
+				gap: this.gap,
+				size: this.getAdaptiveSize(this.pinnedParticipants.length)
+			}
+		})), n.length > 0 && i("aside", {
+			key: "2e297a8d83c1f7241d8688b643c055331d69299b",
+			part: "aside",
+			class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : "grid-width-md"
+		}, i(c, {
+			key: "2c1969c610018dfb0a23308316f072e3b8d87a6e",
+			element: "rtk-simple-grid",
+			defaults: e,
+			props: {
+				part: "aside-grid",
+				participants: n,
+				aspectRatio: this.aspectRatio,
+				gap: this.gap,
+				size: this.getAdaptiveSize(n.length)
+			}
+		})));
+	}
+	get host() {
+		return r(this);
+	}
+};
+d([s()], f.prototype, "meeting", void 0), d([s()], f.prototype, "states", void 0), d([s()], f.prototype, "config", void 0), d([s()], f.prototype, "iconPack", void 0), d([s()], f.prototype, "t", void 0), f.style = u;
+//#endregion
+export { f as rtk_spotlight_grid };
+
+//# sourceMappingURL=rtk-spotlight-grid.entry-BXGT_8m1.js.map

package/rtk-spotlight-grid.entry-CIHutiNg.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("./index-3f51790f-D4DlIx1n.cjs"),r=require("./grid-a3ca5a3e-Be7O6bWJ.cjs");var i=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}`,a=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},o=class{constructor(t){e.Q(this,t),this.layout=`row`,this.participants=[],this.pinnedParticipants=[],this.aspectRatio=`16:9`,this.gap=8,this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.gridSize=r.t,this.getAdaptiveSize=e=>this.size===`sm`||e>3||this.size===`md`?`sm`:`md`}render(){let t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},r=this.participants.filter(e=>this.pinnedParticipants.some(t=>t.id!=e.id));return e.Z(e.J,{key:`1cb846cc92b660a8244d16a74f48dfadcef903b6`},e.Z(`main`,{key:`8564f8b0bf6e7bd668132e2833fe73c73855d090`,part:`main`},e.Z(n.t,{key:`61b96f305727dc74de15f4c3c645069d6300afd9`,element:`rtk-simple-grid`,defaults:t,props:{part:`main-grid`,participants:this.pinnedParticipants,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(this.pinnedParticipants.length)}})),r.length>0&&e.Z(`aside`,{key:`2e297a8d83c1f7241d8688b643c055331d69299b`,part:`aside`,class:this.gridSize.spotlight?`grid-width-${this.gridSize.spotlight}`:`grid-width-md`},e.Z(n.t,{key:`2c1969c610018dfb0a23308316f072e3b8d87a6e`,element:`rtk-simple-grid`,defaults:t,props:{part:`aside-grid`,participants:r,aspectRatio:this.aspectRatio,gap:this.gap,size:this.getAdaptiveSize(r.length)}})))}get host(){return e.X(this)}};a([t.t()],o.prototype,`meeting`,void 0),a([t.t()],o.prototype,`states`,void 0),a([t.t()],o.prototype,`config`,void 0),a([t.t()],o.prototype,`iconPack`,void 0),a([t.t()],o.prototype,`t`,void 0),o.style=i,exports.rtk_spotlight_grid=o;
+//# sourceMappingURL=rtk-spotlight-grid.entry-CIHutiNg.cjs.map

package/rtk-spotlight-indicator.entry-DfXSMTdr.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{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}`,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.iconPack=e.g,this.t=e.G(),this.permissionsUpdateListener=()=>{this.canSpotlight=this.meeting.self.permissions.canSpotlight}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e;(e=this.meeting)==null||e.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener)}meetingChanged(e){e!=null&&(this.canSpotlight=e.self.permissions.canSpotlight,this.isSpotlighted=e.meta?.broadcastTabChanges??!1,e.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener))}updateSpotlightState(e){var t;try{(t=this.meeting.meta)==null||t.setBroadcastTabChanges(e),this.isSpotlighted=e}catch(e){console.error(e)}}render(){if(this.canSpotlight)return e.Z(e.J,null,e.Z(`rtk-tooltip`,{size:`md`,label:this.t(`remote_access.indicator`)},e.Z(`div`,{id:`sync-button`,class:{tab:!0,active:this.isSpotlighted},onClick:()=>this.updateSpotlightState(!this.isSpotlighted)},e.Z(`span`,{class:`name`},`Sync`),e.Z(`rtk-icon`,{id:`icon`,icon:this.isSpotlighted?this.iconPack.checkmark:this.iconPack.warning,tabIndex:-1,"aria-hidden":!0}))))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_spotlight_indicator=i;
+//# sourceMappingURL=rtk-spotlight-indicator.entry-DfXSMTdr.cjs.map