uapp-communication-sdk 1.0.0-dev.54

package/rtk-participant_2.entry-BQ8cRCla.js

@@ -0,0 +1,322 @@
+import { G as e, J as t, Q as n, X as r, Y as i, Z as a, g as o, m as s } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as c } from "./index-8be19fcf-BppFp8rx.js";
+import { a as l, t as u } from "./string-068ce30a-DsdGnSiw.js";
+import { n as d, t as f } from "./index-3f51790f-Cnkj1veX.js";
+import { a as p, n as m, o as h, r as g, s as _ } from "./floating-ui.dom.esm-21c3d54e-BPpyJeSs.js";
+import { t as v } from "./debounce-d193e708-DvRG74IY.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participant_2.entry.js
+var y = ":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:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}", b = 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;
+}, x = class {
+	constructor(t) {
+		n(this, t), this.rtkSendNotification = i(this, "rtkSendNotification", 7), this.pinnedListener = ({ isPinned: e }) => {
+			this.isPinned = e;
+		}, this.toggleTileListener = ({ hidden: e }) => {
+			this.isHidden = e;
+		}, this.stageListener = ({ stageStatus: e }) => {
+			this.isOnStage = e === "ON_STAGE";
+		}, this.view = "sidebar", this.iconPack = o, this.t = e(), this.config = s(), this.audioEnabled = !1, this.videoEnabled = !1, this.isPinned = !1, this.isHidden = !1, this.isOnStage = !1, this.canDisableParticipantAudio = !1, this.canDisableParticipantVideo = !1, this.canKickParticipant = !1, this.canPinParticipant = !1, this.canAllowParticipantOnStage = !1, this.menuOpen = !1, this.permissionsUpdateListener = () => {
+			this.meetingChanged(this.meeting);
+		}, this.inviteToStageToggle = async () => {
+			let e = this.participant, { stage: t } = this.meeting;
+			if (e.stageStatus === "ACCEPTED_TO_JOIN_STAGE") {
+				this.rtkSendNotification.emit({
+					message: `${e.name} ${this.t("stage.invited_notification")}`,
+					trace: `join-stage-${e.id}`
+				});
+				return;
+			}
+			this.isOnStage ? (e.isPinned && e.unpin(), await t.kick([e.userId])) : (await t.grantAccess([e.userId]), this.rtkSendNotification.emit({
+				message: `${e.name} ${this.t("stage.invited_notification")}`,
+				trace: `join-stage-invite-${e.id}`
+			})), this.isOnStage = e.stageStatus === "ON_STAGE";
+		}, this.handleOutsideClick = (e) => {
+			!e.composedPath().includes(this.host) && this.menuOpen && (this.menuOpen = !1);
+		}, this.update = () => {
+			let e = this.host.shadowRoot.getElementById("trigger"), t = this.host.shadowRoot.getElementById("menu-list");
+			g(e, t, {
+				placement: "bottom-end",
+				middleware: [
+					m({
+						allowedPlacements: ["bottom-end", "top-end"],
+						alignment: "end"
+					}),
+					h(4),
+					_({ padding: 8 }),
+					p()
+				]
+			}).then(({ x: e, y: n, placement: r }) => {
+				let i = null;
+				i = r === "bottom-end" ? {
+					right: `${e}px`,
+					top: `${n}px`
+				} : {
+					right: `${e}px`,
+					bottom: `${n}px`
+				}, Object.assign(t.style, i);
+			});
+		}, this.onMenuToggle = () => {
+			this.menuOpen = !this.menuOpen, this.menuOpen && this.update();
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting), this.participantChanged(this.participant), document.addEventListener("click", this.handleOutsideClick);
+	}
+	disconnectedCallback() {
+		var e;
+		document.removeEventListener("click", this.handleOutsideClick), (e = this.meeting) == null || e.self.permissions.removeListener("permissionsUpdate", this.permissionsUpdateListener), !(this.participant == null || this.participant.removeListener == null) && (this.audioUpdateListener && this.participant.removeListener("audioUpdate", this.audioUpdateListener), this.videoUpdateListener && this.participant.removeListener("videoUpdate", this.videoUpdateListener), this.participant.removeListener("pinned", this.pinnedListener), this.participant.removeListener("unpinned", this.pinnedListener), this.participant.removeListener("stageStatusUpdate", this.stageListener), this.participant.removeListener("toggleTile", this.toggleTileListener));
+	}
+	meetingChanged(e) {
+		if (e != null) {
+			let { self: t } = e;
+			this.canDisableParticipantAudio = t.permissions.canAllowParticipantAudio || t.permissions.canDisableParticipantAudio, this.canDisableParticipantVideo = t.permissions.canAllowParticipantVideo || t.permissions.canDisableParticipantVideo, this.canKickParticipant = t.permissions.kickParticipant, this.canPinParticipant = t.permissions.pinParticipant, this.canAllowParticipantOnStage = t.permissions.acceptStageRequests && t.permissions.stageEnabled, e.self.permissions.addListener("permissionsUpdate", this.permissionsUpdateListener);
+		}
+	}
+	participantChanged(e) {
+		if (e != null) {
+			if (this.audioEnabled = e.audioEnabled, this.videoEnabled = e.videoEnabled, this.isPinned = e.isPinned, this.isHidden = e.hidden ?? !1, this.isOnStage = e.stageStatus === "ON_STAGE", this.audioUpdateListener = ({ audioEnabled: e }) => {
+				this.audioEnabled = e;
+			}, this.videoUpdateListener = ({ videoEnabled: e }) => {
+				this.videoEnabled = e;
+			}, e.addListener == null) return;
+			e.addListener("audioUpdate", this.audioUpdateListener), e.addListener("videoUpdate", this.videoUpdateListener), e.addListener("pinned", this.pinnedListener), e.addListener("unpinned", this.pinnedListener), e.addListener("stageStatusUpdate", this.stageListener), this.participant.addListener("toggleTile", this.toggleTileListener);
+		}
+	}
+	render() {
+		let e = this.meeting?.meta.viewType === "AUDIO_ROOM", n = this.meeting?.self.id === this.participant.id, r = this.canDisableParticipantAudio && this.audioEnabled || this.canDisableParticipantVideo && this.videoEnabled && !e || this.canKickParticipant || this.canPinParticipant && this.isOnStage || this.canAllowParticipantOnStage, i = u(this.participant?.name || ""), o = this.isOnStage || ["GROUP_CALL", "AUDIO_ROOM"].includes(this.meeting?.meta.viewType), s = {
+			meeting: this.meeting,
+			size: "sm",
+			states: this.states,
+			config: this.config,
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return a(t, { key: "72dec22593ebf143608cd671c2fdf533378acae2" }, a("div", {
+			class: "left",
+			key: this.participant?.id
+		}, a("rtk-avatar", {
+			key: "e71b096c53fe07f425adf1e47d9adb6ee9e7c212",
+			participant: this.participant,
+			size: "sm",
+			iconPack: this.iconPack,
+			t: this.t
+		}), a("p", {
+			key: "492fe90030df26c000d2db3b0355d713e3a8ccf9",
+			class: "name",
+			title: i
+		}, l(i, 16), " ", this.meeting?.self.id === this.participant?.id && this.t("(you)"))), this.view === "sidebar" && a("div", {
+			key: "66ef58575c0c27d7afe631a544a44cb37c526c4c",
+			class: "right"
+		}, o && a("rtk-icon", {
+			key: "adbbf629c1a4f1034127be89c09f8003d3cfe3a7",
+			class: { red: !this.audioEnabled },
+			icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off
+		}), o && !e && a("rtk-icon", {
+			key: "ef0b24e9fb292968c96cb74be8d63f14fde38a44",
+			class: { red: !this.videoEnabled },
+			icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off
+		}), (r || d({
+			element: "rtk-participant",
+			defaults: s,
+			childProps: { participant: this.participant }
+		}) > 0) && a("div", {
+			key: "38d52737db83f9c444211e3040cf09f5f47c1513",
+			class: "menu"
+		}, a("span", {
+			key: "f061992198025919d2bcf14cd1a6eee3f077beaf",
+			id: "trigger",
+			onClick: this.onMenuToggle
+		}, a("rtk-button", {
+			key: "7eb863089acda3f9e20e5aedbcf55742c4b4eb64",
+			variant: "ghost",
+			kind: "icon",
+			slot: "trigger"
+		}, a("rtk-icon", {
+			key: "a7ff6d6dc9e1139f3b367ab662ad49b79e8258ff",
+			class: "more",
+			icon: this.iconPack.more_vertical
+		}))), a("span", {
+			key: "9188d1538accf4e4769f58580651e0ededa3dd75",
+			id: "menu-list"
+		}, this.menuOpen && a("rtk-menu-list", {
+			key: "ef8b7d03841f4920dc7eb295456669975d06ee2f",
+			iconPack: this.iconPack,
+			t: this.t
+		}, this.canPinParticipant && o && !e && a("rtk-menu-item", {
+			key: "d82737dc1227c642ce9c3880fcbe373ff6e0ec0c",
+			onClick: () => {
+				this.isPinned ? this.participant.unpin() : this.participant.pin();
+			},
+			iconPack: this.iconPack,
+			t: this.t
+		}, a("rtk-icon", {
+			key: "50e63cba1117df61588026b064046779a1e905fb",
+			icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin,
+			slot: "start"
+		}), this.isPinned ? this.t("unpin") : this.t("pin")), n && a("rtk-menu-item", {
+			key: "662d993d406bd00f014f41425ceb728ab4454ebd",
+			iconPack: this.iconPack,
+			t: this.t,
+			onClick: () => {
+				this.isHidden ? this.participant.show() : this.participant.hide();
+			}
+		}, a("rtk-icon", {
+			key: "8b296bdb308c3a18a7ec13bca1047277a60b0887",
+			icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize,
+			slot: "start"
+		}), this.meeting.self.hidden ? this.t("maximize") : this.t("minimize")), this.canDisableParticipantAudio && o && this.audioEnabled && a("rtk-menu-item", {
+			key: "efea4ce4a51bbe2203635e0a95878d80cfe460e4",
+			iconPack: this.iconPack,
+			t: this.t,
+			onClick: () => {
+				this.participant.disableAudio();
+			}
+		}, a("rtk-icon", {
+			key: "cdc27b2554c89ef5c3441de551c2bdbf4e91ed72",
+			icon: this.iconPack.mic_off,
+			slot: "start"
+		}), this.t("mute")), this.canDisableParticipantVideo && o && this.videoEnabled && a("rtk-menu-item", {
+			key: "4f1f4e0610cb9fa7a993b824defc71af47711cb1",
+			iconPack: this.iconPack,
+			t: this.t,
+			onClick: () => {
+				this.participant.disableVideo();
+			}
+		}, a("rtk-icon", {
+			key: "234d891a3ea80dbda3172e8e6a89d71a44676770",
+			icon: this.iconPack.video_off,
+			slot: "start"
+		}), this.t("participants.turn_off_video")), this.canAllowParticipantOnStage && this.participant?.id !== this.meeting?.self.id && a("rtk-menu-item", {
+			key: "90c465f0f66a792f160b6226714dd07e51c57616",
+			iconPack: this.iconPack,
+			t: this.t,
+			class: this.isOnStage ? "red" : "",
+			onClick: this.inviteToStageToggle
+		}, a("rtk-icon", {
+			key: "a5605d8b2864e27817646fc585e6598cd547ca70",
+			icon: this.isOnStage ? this.iconPack.leave_stage : this.iconPack.join_stage,
+			slot: "start"
+		}), this.isOnStage ? this.t("stage.remove_from_stage") : this.t("stage.add_to_stage")), !n && this.canKickParticipant && a("rtk-menu-item", {
+			key: "94ab4ac5ff623120259eefc4fde3d1cfc3906be9",
+			iconPack: this.iconPack,
+			t: this.t,
+			class: "red",
+			onClick: () => {
+				var e;
+				(e = this.meeting) == null || e.participants.kick(this.participant?.id);
+			}
+		}, a("rtk-icon", {
+			key: "89366c87999b7cba4437999d99c36fea55da52a7",
+			icon: this.iconPack.dismiss,
+			slot: "start"
+		}), this.t("kick")), a("slot", { key: "05bc7bda52eb6e9183a3c90628c64ac7fb1baa8c" }, a(f, {
+			key: "39fbd70a6d9d5a0014befedd7c12b16723e4ad01",
+			element: "rtk-participant",
+			defaults: s,
+			childProps: { participant: this.participant },
+			deepProps: !0,
+			onlyChildren: !0
+		})))))));
+	}
+	get host() {
+		return r(this);
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			participant: ["participantChanged"]
+		};
+	}
+};
+b([c()], x.prototype, "meeting", void 0), b([c()], x.prototype, "states", void 0), b([c()], x.prototype, "iconPack", void 0), b([c()], x.prototype, "t", void 0), b([c()], x.prototype, "config", void 0), x.style = y;
+var S = ":host{height:100%;width:100%}", C = class {
+	constructor(e) {
+		n(this, e), this.items = [], this.itemHeight = 55, this.bufferedItemsCount = 5, this.emptyListElement = null, this.visibleStart = 0, this.visibleEnd = 0, this.containerHeight = 0, this.lastScrollTop = 0, this.recalculatePositioning = () => {
+			this.updateContainerHeight(), requestAnimationFrame(() => {
+				this.updateItemHeight();
+			});
+		}, this.updateContainerHeight = () => {
+			this.el.querySelector(".virtual-list-container").clientHeight && (requestAnimationFrame(() => {
+				this.updateItemHeight();
+			}), this.containerHeight = this.el.querySelector(".virtual-list-container").clientHeight, this.updateVisibleRange());
+		}, this.onScroll = v(() => {
+			let e = this.el.querySelector(".virtual-list-container").scrollTop;
+			e > this.lastScrollTop && this.visibleEnd === this.items.length || (this.lastScrollTop = e, this.updateVisibleRange());
+		});
+	}
+	itemsChanged() {
+		this.recalculatePositioning();
+	}
+	componentDidLoad() {
+		this.recalculatePositioning(), this.el.querySelector(".virtual-list-container").addEventListener("scroll", this.onScroll), window.addEventListener("resize", this.recalculatePositioning);
+	}
+	componentDidUpdate() {
+		this.updateItemHeight();
+	}
+	disconnectedCallback() {
+		this.el.querySelector(".virtual-list-container").removeEventListener("scroll", this.onScroll), window.removeEventListener("resize", this.recalculatePositioning);
+	}
+	updateVisibleRange() {
+		let e = this.el.querySelector(".virtual-list-container").scrollTop, t = Math.floor(e / this.itemHeight), n = Math.ceil(this.containerHeight / this.itemHeight), r = Math.min(this.items.length, t + n + this.bufferedItemsCount);
+		this.visibleStart = t, this.visibleEnd = r, this.el.querySelector(".virtual-list-container").scrollTop = this.lastScrollTop;
+	}
+	updateItemHeight() {
+		let e = this.el.querySelector(".virtual-list-item");
+		if (e) {
+			let t = e.style.height;
+			e.style.height = "auto";
+			let n = e.getBoundingClientRect().height;
+			t && (e.style.height = t), n && Math.floor(n) !== Math.floor(this.itemHeight) && (this.itemHeight = n);
+		}
+	}
+	renderItems() {
+		return this.items.slice(this.visibleStart, this.visibleEnd).map((e, t) => {
+			let n = this.visibleStart + t;
+			return a("div", {
+				class: "virtual-list-item",
+				key: e.id,
+				style: {
+					position: "absolute",
+					top: `${n * this.itemHeight}px`,
+					height: `${this.itemHeight}px`,
+					width: "100%"
+				}
+			}, this.renderItem(e, n));
+		});
+	}
+	render() {
+		return a("div", {
+			key: "279498eedaa6605456a2fffc004bd0204179ffde",
+			class: "virtual-list-container",
+			style: {
+				position: "relative",
+				height: "100%",
+				overflowX: "hidden",
+				overflowY: "auto"
+			}
+		}, a("div", {
+			key: "debb114c51c7c229b72cfcd7e87aa845ab6647e1",
+			style: {
+				height: `${this.items.length * this.itemHeight}px`,
+				position: "relative"
+			}
+		}, this.items?.length ? this.renderItems() : this.emptyListElement), a("div", {
+			key: "7a97a5dd632fe6d4227674e46e091a1466c725bf",
+			style: { height: `${this.itemHeight}px` }
+		}));
+	}
+	get el() {
+		return r(this);
+	}
+	static get watchers() {
+		return { items: ["itemsChanged"] };
+	}
+};
+C.style = S;
+//#endregion
+export { x as rtk_participant, C as rtk_virtualized_participant_list };
+
+//# sourceMappingURL=rtk-participant_2.entry-BQ8cRCla.js.map

package/rtk-participant_2.entry-CSJ1WKyk.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./string-068ce30a-B_DfAHxl.cjs"),r=require("./index-3f51790f-D4DlIx1n.cjs"),i=require("./floating-ui.dom.esm-21c3d54e-BU9X0ai0.cjs"),a=require("./debounce-d193e708-Bk-G__sK.cjs");var o=`: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:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}`,s=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},c=class{constructor(t){e.Q(this,t),this.rtkSendNotification=e.Y(this,`rtkSendNotification`,7),this.pinnedListener=({isPinned:e})=>{this.isPinned=e},this.toggleTileListener=({hidden:e})=>{this.isHidden=e},this.stageListener=({stageStatus:e})=>{this.isOnStage=e===`ON_STAGE`},this.view=`sidebar`,this.iconPack=e.g,this.t=e.G(),this.config=e.m(),this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{let e=this.participant,{stage:t}=this.meeting;if(e.stageStatus===`ACCEPTED_TO_JOIN_STAGE`){this.rtkSendNotification.emit({message:`${e.name} ${this.t(`stage.invited_notification`)}`,trace:`join-stage-${e.id}`});return}this.isOnStage?(e.isPinned&&e.unpin(),await t.kick([e.userId])):(await t.grantAccess([e.userId]),this.rtkSendNotification.emit({message:`${e.name} ${this.t(`stage.invited_notification`)}`,trace:`join-stage-invite-${e.id}`})),this.isOnStage=e.stageStatus===`ON_STAGE`},this.handleOutsideClick=e=>{!e.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{let e=this.host.shadowRoot.getElementById(`trigger`),t=this.host.shadowRoot.getElementById(`menu-list`);i.r(e,t,{placement:`bottom-end`,middleware:[i.n({allowedPlacements:[`bottom-end`,`top-end`],alignment:`end`}),i.o(4),i.s({padding:8}),i.a()]}).then(({x:e,y:n,placement:r})=>{let i=null;i=r===`bottom-end`?{right:`${e}px`,top:`${n}px`}:{right:`${e}px`,bottom:`${n}px`},Object.assign(t.style,i)})},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener(`click`,this.handleOutsideClick)}disconnectedCallback(){var e;document.removeEventListener(`click`,this.handleOutsideClick),(e=this.meeting)==null||e.self.permissions.removeListener(`permissionsUpdate`,this.permissionsUpdateListener),!(this.participant==null||this.participant.removeListener==null)&&(this.audioUpdateListener&&this.participant.removeListener(`audioUpdate`,this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener(`videoUpdate`,this.videoUpdateListener),this.participant.removeListener(`pinned`,this.pinnedListener),this.participant.removeListener(`unpinned`,this.pinnedListener),this.participant.removeListener(`stageStatusUpdate`,this.stageListener),this.participant.removeListener(`toggleTile`,this.toggleTileListener))}meetingChanged(e){if(e!=null){let{self:t}=e;this.canDisableParticipantAudio=t.permissions.canAllowParticipantAudio||t.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=t.permissions.canAllowParticipantVideo||t.permissions.canDisableParticipantVideo,this.canKickParticipant=t.permissions.kickParticipant,this.canPinParticipant=t.permissions.pinParticipant,this.canAllowParticipantOnStage=t.permissions.acceptStageRequests&&t.permissions.stageEnabled,e.self.permissions.addListener(`permissionsUpdate`,this.permissionsUpdateListener)}}participantChanged(e){if(e!=null){if(this.audioEnabled=e.audioEnabled,this.videoEnabled=e.videoEnabled,this.isPinned=e.isPinned,this.isHidden=e.hidden??!1,this.isOnStage=e.stageStatus===`ON_STAGE`,this.audioUpdateListener=({audioEnabled:e})=>{this.audioEnabled=e},this.videoUpdateListener=({videoEnabled:e})=>{this.videoEnabled=e},e.addListener==null)return;e.addListener(`audioUpdate`,this.audioUpdateListener),e.addListener(`videoUpdate`,this.videoUpdateListener),e.addListener(`pinned`,this.pinnedListener),e.addListener(`unpinned`,this.pinnedListener),e.addListener(`stageStatusUpdate`,this.stageListener),this.participant.addListener(`toggleTile`,this.toggleTileListener)}}render(){let t=this.meeting?.meta.viewType===`AUDIO_ROOM`,i=this.meeting?.self.id===this.participant.id,a=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!t||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,o=n.t(this.participant?.name||``),s=this.isOnStage||[`GROUP_CALL`,`AUDIO_ROOM`].includes(this.meeting?.meta.viewType),c={meeting:this.meeting,size:`sm`,states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return e.Z(e.J,{key:`72dec22593ebf143608cd671c2fdf533378acae2`},e.Z(`div`,{class:`left`,key:this.participant?.id},e.Z(`rtk-avatar`,{key:`e71b096c53fe07f425adf1e47d9adb6ee9e7c212`,participant:this.participant,size:`sm`,iconPack:this.iconPack,t:this.t}),e.Z(`p`,{key:`492fe90030df26c000d2db3b0355d713e3a8ccf9`,class:`name`,title:o},n.a(o,16),` `,this.meeting?.self.id===this.participant?.id&&this.t(`(you)`))),this.view===`sidebar`&&e.Z(`div`,{key:`66ef58575c0c27d7afe631a544a44cb37c526c4c`,class:`right`},s&&e.Z(`rtk-icon`,{key:`adbbf629c1a4f1034127be89c09f8003d3cfe3a7`,class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),s&&!t&&e.Z(`rtk-icon`,{key:`ef0b24e9fb292968c96cb74be8d63f14fde38a44`,class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(a||r.n({element:`rtk-participant`,defaults:c,childProps:{participant:this.participant}})>0)&&e.Z(`div`,{key:`38d52737db83f9c444211e3040cf09f5f47c1513`,class:`menu`},e.Z(`span`,{key:`f061992198025919d2bcf14cd1a6eee3f077beaf`,id:`trigger`,onClick:this.onMenuToggle},e.Z(`rtk-button`,{key:`7eb863089acda3f9e20e5aedbcf55742c4b4eb64`,variant:`ghost`,kind:`icon`,slot:`trigger`},e.Z(`rtk-icon`,{key:`a7ff6d6dc9e1139f3b367ab662ad49b79e8258ff`,class:`more`,icon:this.iconPack.more_vertical}))),e.Z(`span`,{key:`9188d1538accf4e4769f58580651e0ededa3dd75`,id:`menu-list`},this.menuOpen&&e.Z(`rtk-menu-list`,{key:`ef8b7d03841f4920dc7eb295456669975d06ee2f`,iconPack:this.iconPack,t:this.t},this.canPinParticipant&&s&&!t&&e.Z(`rtk-menu-item`,{key:`d82737dc1227c642ce9c3880fcbe373ff6e0ec0c`,onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},e.Z(`rtk-icon`,{key:`50e63cba1117df61588026b064046779a1e905fb`,icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:`start`}),this.isPinned?this.t(`unpin`):this.t(`pin`)),i&&e.Z(`rtk-menu-item`,{key:`662d993d406bd00f014f41425ceb728ab4454ebd`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},e.Z(`rtk-icon`,{key:`8b296bdb308c3a18a7ec13bca1047277a60b0887`,icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:`start`}),this.meeting.self.hidden?this.t(`maximize`):this.t(`minimize`)),this.canDisableParticipantAudio&&s&&this.audioEnabled&&e.Z(`rtk-menu-item`,{key:`efea4ce4a51bbe2203635e0a95878d80cfe460e4`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},e.Z(`rtk-icon`,{key:`cdc27b2554c89ef5c3441de551c2bdbf4e91ed72`,icon:this.iconPack.mic_off,slot:`start`}),this.t(`mute`)),this.canDisableParticipantVideo&&s&&this.videoEnabled&&e.Z(`rtk-menu-item`,{key:`4f1f4e0610cb9fa7a993b824defc71af47711cb1`,iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},e.Z(`rtk-icon`,{key:`234d891a3ea80dbda3172e8e6a89d71a44676770`,icon:this.iconPack.video_off,slot:`start`}),this.t(`participants.turn_off_video`)),this.canAllowParticipantOnStage&&this.participant?.id!==this.meeting?.self.id&&e.Z(`rtk-menu-item`,{key:`90c465f0f66a792f160b6226714dd07e51c57616`,iconPack:this.iconPack,t:this.t,class:this.isOnStage?`red`:``,onClick:this.inviteToStageToggle},e.Z(`rtk-icon`,{key:`a5605d8b2864e27817646fc585e6598cd547ca70`,icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:`start`}),this.isOnStage?this.t(`stage.remove_from_stage`):this.t(`stage.add_to_stage`)),!i&&this.canKickParticipant&&e.Z(`rtk-menu-item`,{key:`94ab4ac5ff623120259eefc4fde3d1cfc3906be9`,iconPack:this.iconPack,t:this.t,class:`red`,onClick:()=>{var e;(e=this.meeting)==null||e.participants.kick(this.participant?.id)}},e.Z(`rtk-icon`,{key:`89366c87999b7cba4437999d99c36fea55da52a7`,icon:this.iconPack.dismiss,slot:`start`}),this.t(`kick`)),e.Z(`slot`,{key:`05bc7bda52eb6e9183a3c90628c64ac7fb1baa8c`},e.Z(r.t,{key:`39fbd70a6d9d5a0014befedd7c12b16723e4ad01`,element:`rtk-participant`,defaults:c,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return e.X(this)}static get watchers(){return{meeting:[`meetingChanged`],participant:[`participantChanged`]}}};s([t.t()],c.prototype,`meeting`,void 0),s([t.t()],c.prototype,`states`,void 0),s([t.t()],c.prototype,`iconPack`,void 0),s([t.t()],c.prototype,`t`,void 0),s([t.t()],c.prototype,`config`,void 0),c.style=o;var l=`:host{height:100%;width:100%}`,u=class{constructor(t){e.Q(this,t),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame(()=>{this.updateItemHeight()})},this.updateContainerHeight=()=>{this.el.querySelector(`.virtual-list-container`).clientHeight&&(requestAnimationFrame(()=>{this.updateItemHeight()}),this.containerHeight=this.el.querySelector(`.virtual-list-container`).clientHeight,this.updateVisibleRange())},this.onScroll=a.t(()=>{let e=this.el.querySelector(`.virtual-list-container`).scrollTop;e>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=e,this.updateVisibleRange())})}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(`.virtual-list-container`).addEventListener(`scroll`,this.onScroll),window.addEventListener(`resize`,this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(`.virtual-list-container`).removeEventListener(`scroll`,this.onScroll),window.removeEventListener(`resize`,this.recalculatePositioning)}updateVisibleRange(){let e=this.el.querySelector(`.virtual-list-container`).scrollTop,t=Math.floor(e/this.itemHeight),n=Math.ceil(this.containerHeight/this.itemHeight),r=Math.min(this.items.length,t+n+this.bufferedItemsCount);this.visibleStart=t,this.visibleEnd=r,this.el.querySelector(`.virtual-list-container`).scrollTop=this.lastScrollTop}updateItemHeight(){let e=this.el.querySelector(`.virtual-list-item`);if(e){let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;t&&(e.style.height=t),n&&Math.floor(n)!==Math.floor(this.itemHeight)&&(this.itemHeight=n)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map((t,n)=>{let r=this.visibleStart+n;return e.Z(`div`,{class:`virtual-list-item`,key:t.id,style:{position:`absolute`,top:`${r*this.itemHeight}px`,height:`${this.itemHeight}px`,width:`100%`}},this.renderItem(t,r))})}render(){return e.Z(`div`,{key:`279498eedaa6605456a2fffc004bd0204179ffde`,class:`virtual-list-container`,style:{position:`relative`,height:`100%`,overflowX:`hidden`,overflowY:`auto`}},e.Z(`div`,{key:`debb114c51c7c229b72cfcd7e87aa845ab6647e1`,style:{height:`${this.items.length*this.itemHeight}px`,position:`relative`}},this.items?.length?this.renderItems():this.emptyListElement),e.Z(`div`,{key:`7a97a5dd632fe6d4227674e46e091a1466c725bf`,style:{height:`${this.itemHeight}px`}}))}get el(){return e.X(this)}static get watchers(){return{items:[`itemsChanged`]}}};u.style=l,exports.rtk_participant=c,exports.rtk_virtualized_participant_list=u;
+//# sourceMappingURL=rtk-participant_2.entry-CSJ1WKyk.cjs.map

package/rtk-participants-audio.entry-Bj2RQjHj.cjs

@@ -0,0 +1,4 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./browser-24d8ab3e-Dc1oiNSF.cjs");var r=class{constructor(e,t){this.meeting=e,this.audio=t??document.createElement(`audio`),this.audio.autoplay=!0,this.logger=e.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(e,t){this.audioTracks.some(t=>t.id===e)||(this.audioTracks.push({id:e,track:t}),this.audioStream.addTrack(t),this.play())}removeTrack(e){let t=this.audioTracks.find(t=>t.id===e);t!=null&&(this.audioStream.removeTrack(t.track),this.audioTracks=this.audioTracks.filter(t=>t.id!==e))}async play(){this.audio.srcObject=this.audioStream,await this.audio.play()?.catch(e=>{e.name===`NotAllowedError`?this._onError!=null&&this._onError():e.name!==`AbortError`&&this.logger.error(`[rtk-audio] play() error
+`,e)})}async setDevice(e){var t;n.t(this.meeting)||await((t=this.audio).setSinkId?.call(t,e))?.catch(e=>{this.logger.error(`[rtk-audio] setSinkId() error
+`,e)})}onError(e){this._onError=e}},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:block;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}`,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.dialogClose=e.Y(this,`dialogClose`,7),this.iconPack=e.g,this.t=e.G(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e;this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener(`audioUpdate`,this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener(`screenShareUpdate`,this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener(`participantLeft`,this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener(`deviceUpdate`,this.deviceUpdateListener),this.stageStatusUpdateListener&&((e=this.meeting.stage)==null||e.removeListener(`stageStatusUpdate`,this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new r(this.meeting,this.preloadedAudioElem);let e=this.meeting.self.getCurrentDevices();e.speaker!=null&&await this.audio.setDevice(e.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError(()=>{this.showPlayDialog=!0}),this.audio.play()}async handleEvents(e){this.audioUpdateListener=({id:e,audioEnabled:t,audioTrack:n})=>{let r=`audio-${e}`;t&&n!=null?this.audio.addTrack(r,n):this.audio.removeTrack(r)};let t=e.participants.joined.toArray();for(let e of t)this.audioUpdateListener(e);this.participantLeftListener=({id:e})=>{this.audio.removeTrack(`audio-${e}`),this.audio.removeTrack(`screenshare-${e}`)},this.screenShareUpdateListener=({id:e,screenShareEnabled:t,screenShareTracks:n})=>{let r=`screenshare-${e}`;t&&n.audio!=null?this.audio.addTrack(r,n.audio):this.audio.removeTrack(r)},this.deviceUpdateListener=({device:e,preview:t})=>{t||e.kind===`audiooutput`&&this.audio.setDevice(e.deviceId)},e.participants.joined.addListener(`audioUpdate`,this.audioUpdateListener),e.participants.joined.addListener(`screenShareUpdate`,this.screenShareUpdateListener),e.participants.joined.addListener(`participantLeft`,this.participantLeftListener),e.self.addListener(`deviceUpdate`,this.deviceUpdateListener)}async meetingChanged(t){var n;t&&(this.setupAudio(),e.N(t)?(this.stageStatusUpdateListener=async e=>{e===`ON_STAGE`&&await this.handleAutoPlayError()},(n=t.stage)==null||n.on(`stageStatusUpdate`,this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return e.Z(e.J,{key:`b4dc66ad5570492c73e3fc2d88f92c67de90c392`},this.showPlayDialog&&e.Z(`rtk-dialog`,{key:`b0e893eee0ce675ba927f4bbb817ab7c0c4473f6`,open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},e.Z(`div`,{key:`a0f78ba76265d38a77dfbbe0bc680052f3d0393c`,class:`modal`},e.Z(`h3`,{key:`b150dc2862b2c626ecf27a5e78de86c98309ddee`},this.t(`audio_playback.title`)),e.Z(`p`,{key:`f4a8eb77ba14a074eb105741240e3cb6765364bf`},this.t(`audio_playback.description`)),e.Z(`rtk-button`,{key:`c6fc0f2d1e4d48f2d187fca780fafee841e69175`,kind:`wide`,onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t(`audio_playback`)},this.t(`audio_playback`)))))}static get watchers(){return{meeting:[`meetingChanged`]}}};a([t.t()],o.prototype,`meeting`,void 0),a([t.t()],o.prototype,`iconPack`,void 0),a([t.t()],o.prototype,`t`,void 0),o.style=i,exports.rtk_participants_audio=o;
+//# sourceMappingURL=rtk-participants-audio.entry-Bj2RQjHj.cjs.map

package/rtk-participants-audio.entry-CRRU4853.js

@@ -0,0 +1,112 @@
+import { G as e, J as t, N as n, Q as r, Y as i, Z as a, g as o } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as s } from "./index-8be19fcf-BppFp8rx.js";
+import { t as c } from "./browser-24d8ab3e-NtKNY0W9.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participants-audio.entry.js
+var l = class {
+	constructor(e, t) {
+		this.meeting = e, this.audio = t ?? document.createElement("audio"), this.audio.autoplay = !0, this.logger = e.__internals__.logger, this.audioStream = new MediaStream(), this.audio.srcObject = this.audioStream, this.audioTracks = [];
+	}
+	addTrack(e, t) {
+		this.audioTracks.some((t) => t.id === e) || (this.audioTracks.push({
+			id: e,
+			track: t
+		}), this.audioStream.addTrack(t), this.play());
+	}
+	removeTrack(e) {
+		let t = this.audioTracks.find((t) => t.id === e);
+		t != null && (this.audioStream.removeTrack(t.track), this.audioTracks = this.audioTracks.filter((t) => t.id !== e));
+	}
+	async play() {
+		this.audio.srcObject = this.audioStream, await this.audio.play()?.catch((e) => {
+			e.name === "NotAllowedError" ? this._onError != null && this._onError() : e.name !== "AbortError" && this.logger.error("[rtk-audio] play() error\n", e);
+		});
+	}
+	async setDevice(e) {
+		var t;
+		c(this.meeting) || await ((t = this.audio).setSinkId?.call(t, e))?.catch((e) => {
+			this.logger.error("[rtk-audio] setSinkId() error\n", e);
+		});
+	}
+	onError(e) {
+		this._onError = e;
+	}
+}, 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:block;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}", 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) {
+		r(this, t), this.dialogClose = i(this, "dialogClose", 7), this.iconPack = o, this.t = e(), this.preloadedAudioElem = void 0, this.showPlayDialog = !1, this.onRtkDialogClose = () => {
+			this.showPlayDialog = !1, this.dialogClose.emit();
+		};
+	}
+	componentDidLoad() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		var e;
+		this.meeting && (this.audioUpdateListener && this.meeting.participants.joined.removeListener("audioUpdate", this.audioUpdateListener), this.screenShareUpdateListener && this.meeting.participants.joined.removeListener("screenShareUpdate", this.screenShareUpdateListener), this.participantLeftListener && this.meeting.participants.joined.removeListener("participantLeft", this.participantLeftListener), this.deviceUpdateListener && this.meeting.self.removeListener("deviceUpdate", this.deviceUpdateListener), this.stageStatusUpdateListener && ((e = this.meeting.stage) == null || e.removeListener("stageStatusUpdate", this.stageStatusUpdateListener)));
+	}
+	async setupAudio() {
+		this.audio = new l(this.meeting, this.preloadedAudioElem);
+		let e = this.meeting.self.getCurrentDevices();
+		e.speaker != null && await this.audio.setDevice(e.speaker.deviceId);
+	}
+	async handleAutoPlayError() {
+		this.audio || await this.setupAudio(), this.audio.onError(() => {
+			this.showPlayDialog = !0;
+		}), this.audio.play();
+	}
+	async handleEvents(e) {
+		this.audioUpdateListener = ({ id: e, audioEnabled: t, audioTrack: n }) => {
+			let r = `audio-${e}`;
+			t && n != null ? this.audio.addTrack(r, n) : this.audio.removeTrack(r);
+		};
+		let t = e.participants.joined.toArray();
+		for (let e of t) this.audioUpdateListener(e);
+		this.participantLeftListener = ({ id: e }) => {
+			this.audio.removeTrack(`audio-${e}`), this.audio.removeTrack(`screenshare-${e}`);
+		}, this.screenShareUpdateListener = ({ id: e, screenShareEnabled: t, screenShareTracks: n }) => {
+			let r = `screenshare-${e}`;
+			t && n.audio != null ? this.audio.addTrack(r, n.audio) : this.audio.removeTrack(r);
+		}, this.deviceUpdateListener = ({ device: e, preview: t }) => {
+			t || e.kind === "audiooutput" && this.audio.setDevice(e.deviceId);
+		}, e.participants.joined.addListener("audioUpdate", this.audioUpdateListener), e.participants.joined.addListener("screenShareUpdate", this.screenShareUpdateListener), e.participants.joined.addListener("participantLeft", this.participantLeftListener), e.self.addListener("deviceUpdate", this.deviceUpdateListener);
+	}
+	async meetingChanged(e) {
+		var t;
+		e && (this.setupAudio(), n(e) ? (this.stageStatusUpdateListener = async (e) => {
+			e === "ON_STAGE" && await this.handleAutoPlayError();
+		}, (t = e.stage) == null || t.on("stageStatusUpdate", this.stageStatusUpdateListener)) : await this.handleAutoPlayError(), await this.handleEvents(e));
+	}
+	render() {
+		return a(t, { key: "b4dc66ad5570492c73e3fc2d88f92c67de90c392" }, this.showPlayDialog && a("rtk-dialog", {
+			key: "b0e893eee0ce675ba927f4bbb817ab7c0c4473f6",
+			open: !0,
+			onRtkDialogClose: this.onRtkDialogClose,
+			hideCloseButton: !0,
+			disableEscapeKey: !0,
+			iconPack: this.iconPack,
+			t: this.t
+		}, a("div", {
+			key: "a0f78ba76265d38a77dfbbe0bc680052f3d0393c",
+			class: "modal"
+		}, a("h3", { key: "b150dc2862b2c626ecf27a5e78de86c98309ddee" }, this.t("audio_playback.title")), a("p", { key: "f4a8eb77ba14a074eb105741240e3cb6765364bf" }, this.t("audio_playback.description")), a("rtk-button", {
+			key: "c6fc0f2d1e4d48f2d187fca780fafee841e69175",
+			kind: "wide",
+			onClick: () => {
+				this.audio.play(), this.onRtkDialogClose();
+			},
+			title: this.t("audio_playback")
+		}, this.t("audio_playback")))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+d([s()], f.prototype, "meeting", void 0), d([s()], f.prototype, "iconPack", void 0), d([s()], f.prototype, "t", void 0), f.style = u;
+//#endregion
+export { f as rtk_participants_audio };
+
+//# sourceMappingURL=rtk-participants-audio.entry-CRRU4853.js.map

package/rtk-participants-stage-list_4.entry-C2bhezUX.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");var r=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}`,i=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},a=class{constructor(t){e.Q(this,t),this.config=e.m(),this.hideHeader=!1,this.iconPack=e.g,this.view=`sidebar`,this.t=e.G(),this.search=``,this.participants=[],this.createParticipantNode=t=>{let r={meeting:this.meeting,view:this.view,t:this.t,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack};return e.Z(`div`,null,e.Z(n.t,{element:`rtk-participant`,defaults:r,props:{role:`listitem`,participant:t,key:t.id},childProps:Object.assign(Object.assign({},r),{participant:t,size:this.size}),deepProps:!0}))},this.updateStageList=()=>{this.getParticipants(this.search)}}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}disconnectedCallback(){if(!this.meeting)return;let{participants:e,stage:t}=this.meeting;this.participantJoinedListener&&this.meeting.participants.joined.removeListener(`participantJoined`,this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener(`participantLeft`,this.participantLeftListener),e.joined.removeListener(`stageStatusUpdate`,this.updateStageList),t?.removeListener(`stageStatusUpdate`,this.updateStageList)}meetingChanged(e){e&&(this.participantJoinedListener=e=>{if(e.stageStatus!==`ON_STAGE`)return;let t=this.search.toLowerCase();!e.name.toLowerCase().includes(t)||!e.id.toLowerCase().includes(t)||(this.participants=[...this.participants.filter(t=>t.id!==e.id),e])},this.participantLeftListener=e=>{this.participants=this.participants.filter(t=>t.id!==e.id)},e.participants.joined.addListener(`participantJoined`,this.participantJoinedListener),e.participants.joined.addListener(`participantLeft`,this.participantLeftListener),this.updateStageList(),e?.participants.joined.on(`stageStatusUpdate`,this.updateStageList),e?.stage.on(`stageStatusUpdate`,this.updateStageList))}searchChanged(e){this.getParticipants(e)}getParticipants(e=this.search){let t=this.meeting.stage.status===`ON_STAGE`?[this.meeting.self]:[];t=[...t,...this.meeting.participants.joined.toArray().filter(e=>e.stageStatus===`ON_STAGE`)],e===``?this.participants=t:this.participants=t.filter(t=>(t.name??t.id).toLowerCase().includes(e.toLowerCase()))}render(){return e.Z(e.J,{key:`82b79281405ea4012121471e245fd23b3b9c7bc6`},e.Z(`div`,{key:`231fbe8a811f49a92f6b16fb06e7246aebee7b77`,class:`participants-container`},!this.hideHeader&&e.Z(`div`,{key:`0398c09c5c203bb6e581d3c016910542f36ba0d5`,class:`heading-count`,part:`heading-count`},this.t(`participants`),` (`,this.participants.length,`)`),e.Z(`rtk-virtualized-participant-list`,{key:`7e33ce03b36d42fd91f360e7bcd19d08d77a5ac0`,items:this.participants,renderItem:this.createParticipantNode,part:`participants`,class:`participants`,emptyListElement:e.Z(`div`,{class:`empty-stage-list`},this.search.length>0?this.t(`search.could_not_find`):this.t(`search.empty`))})))}static get watchers(){return{meeting:[`meetingChanged`],search:[`searchChanged`]}}};i([t.t()],a.prototype,`meeting`,void 0),i([t.t()],a.prototype,`states`,void 0),i([t.t()],a.prototype,`config`,void 0),i([t.t()],a.prototype,`iconPack`,void 0),i([t.t()],a.prototype,`t`,void 0),a.style=r;var o=`: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-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}`,s=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},c=class{constructor(t){e.Q(this,t),this.config=e.m(),this.iconPack=e.g,this.view=`sidebar`,this.t=e.G(),this.stageRequestedParticipants=[],this.updateStageRequestedParticipants=()=>{this.stageRequestedParticipants=this.meeting.participants.joined.toArray().filter(e=>e.stageStatus===`REQUESTED_TO_JOIN_STAGE`)},this.acceptStageRequest=async e=>{let{userId:t}=e;await this.meeting.stage.grantAccess([t])},this.rejectStageRequest=async e=>{let{userId:t}=e;await this.meeting.stage.denyAccess([t])},this.acceptAllStageRequest=async()=>{await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map(e=>e.userId))},this.denyAllStageRequest=async()=>{await this.meeting.stage?.denyAccess(this.stageRequestedParticipants.map(e=>e.userId))},this.shouldShowStageRequests=()=>this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests&&this.stageRequestedParticipants.length>0,this.updateRequestList=async e=>{if(!this.meeting.self.permissions.acceptStageRequests||!this.meeting.self.permissions.stageEnabled){this.stageRequestedParticipants=[];return}this.meeting.meta.viewType===`LIVESTREAM`||this.meeting?.self?.permissions?.mediaRoomType===`HIVE`?(e||=(await this.meeting.stage?.getAccessRequests())?.stageRequests??[],this.stageRequestedParticipants=e.map(e=>Object.assign(Object.assign({},e),{name:e.displayName}))):this.stageRequestedParticipants=[this.meeting.self,...this.meeting.participants.joined.toArray()].filter(e=>e.stageStatus===`REQUESTED_TO_JOIN_STAGE`)}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var e;let{stage:t}=this.meeting;t?.removeListener(`stageAccessRequestUpdate`,this.updateRequestList),(e=this.meeting.participants.joined)==null||e.removeListener(`stageStatusUpdate`,this.updateStageRequestedParticipants)}meetingChanged(e){var t;e&&(this.updateRequestList(),e.participants.joined.on(`stageStatusUpdate`,this.updateStageRequestedParticipants),(t=e.stage)==null||t.on(`stageAccessRequestUpdate`,this.updateRequestList))}render(){if(!this.meeting)return null;if(!(this.view!==`sidebar`||!this.shouldShowStageRequests()))return e.Z(`div`,{class:`stage-requested-participants`},e.Z(`div`,{class:`heading-count`,part:`staged-heading-count`},this.t(`stage_request.header_title`),` (`,this.stageRequestedParticipants.length,`)`),e.Z(`ul`,{class:`participants`,part:`staged-participants`},this.stageRequestedParticipants.map(t=>e.Z(`li`,{class:`waiting-participant`,key:t.id},e.Z(`div`,{class:`participant-details`},e.Z(`rtk-avatar`,{participant:t,size:`sm`,iconPack:this.iconPack,t:this.t}),e.Z(`p`,{class:`name`,title:t.name},t.name)),e.Z(`div`,{class:`waitlist-controls`},e.Z(`rtk-tooltip`,{label:this.t(`stage_request.deny_request`),variant:`secondary`},e.Z(`rtk-button`,{variant:`secondary`,kind:`icon`,onClick:()=>this.rejectStageRequest(t)},e.Z(`rtk-icon`,{class:`deny`,icon:this.iconPack.dismiss}))),e.Z(`rtk-tooltip`,{label:this.t(`stage_request.accept_request`),variant:`secondary`},e.Z(`rtk-button`,{variant:`secondary`,kind:`icon`,onClick:()=>this.acceptStageRequest(t)},e.Z(`rtk-icon`,{class:`accept`,icon:this.iconPack.checkmark}))))))),e.Z(`div`,{class:`bulk-actions`},e.Z(`rtk-button`,{class:`accept-all-button`,variant:`secondary`,onClick:this.acceptAllStageRequest},this.t(`stage_request.accept_all`)),e.Z(`rtk-button`,{class:`deny-all-button`,variant:`danger`,onClick:this.denyAllStageRequest},this.t(`stage_request.deny_all`))))}static get watchers(){return{meeting:[`meetingChanged`]}}};s([t.t()],c.prototype,`meeting`,void 0),s([t.t()],c.prototype,`config`,void 0),s([t.t()],c.prototype,`iconPack`,void 0),s([t.t()],c.prototype,`t`,void 0),c.style=o;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;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}`,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){e.Q(this,t),this.updateStageViewers=()=>{this.getViewers(this.search)},this.config=e.m(),this.hideHeader=!1,this.iconPack=e.g,this.view=`sidebar`,this.search=``,this.t=e.G(),this.stageViewers=[],this.createParticipantNode=t=>e.Z(`rtk-participant`,{role:`listitem`,key:t.id,meeting:this.meeting,participant:t,view:this.view,iconPack:this.iconPack,config:this.config,t:this.t}),this.shouldShowViewers=()=>this.meeting?.self?.permissions?.stageEnabled}connectedCallback(){this.meetingChanged(this.meeting),this.searchChanged(this.search)}meetingChanged(e){e&&(this.participantJoinedListener=e=>{if(e.stageStatus===`ON_STAGE`)return;let t=this.search.toLowerCase();t.length>0&&!e.name.toLowerCase().includes(t)||(this.stageViewers=[...this.stageViewers.filter(t=>t.id!==e.id),e])},this.participantLeftListener=e=>{this.stageViewers=this.stageViewers.filter(t=>t.id!==e.id)},e.participants.joined.addListener(`participantJoined`,this.participantJoinedListener),e.participants.joined.addListener(`participantLeft`,this.participantLeftListener),e.participants.joined.on(`stageStatusUpdate`,this.updateStageViewers),e.stage.on(`stageStatusUpdate`,this.updateStageViewers))}searchChanged(e){this.getViewers(e)}disconnectedCallback(){let{participants:e,stage:t}=this.meeting;this.participantJoinedListener&&this.meeting.participants.joined.removeListener(`participantJoined`,this.participantJoinedListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener(`participantLeft`,this.participantLeftListener),e.joined.removeListener(`stageStatusUpdate`,this.updateStageViewers),t.removeListener(`stageStatusUpdate`,this.updateStageViewers)}getViewers(e){let t=this.meeting.stage.status===`ON_STAGE`?[]:[this.meeting.self];t=[...t,...this.meeting.participants.joined.toArray()].filter(e=>e.stageStatus!==`ON_STAGE`),e===``?this.stageViewers=t:this.stageViewers=t.filter(t=>(t.name??t.id).toLowerCase().includes(e.toLowerCase()))}render(){if(!this.meeting)return null;if(!(this.view!==`sidebar`||!this.shouldShowViewers()))return e.Z(`div`,{class:`list`},!this.hideHeader&&e.Z(`div`,{class:`heading-count`,part:`heading-count`},this.t(`viewers`),` (`,this.stageViewers.length,`)`),e.Z(`rtk-virtualized-participant-list`,{items:this.stageViewers,renderItem:this.createParticipantNode,class:`participants`,part:`participants`,style:{height:`100%`},emptyListElement:e.Z(`div`,{class:`empty-viewers-list`},this.search.length>0?this.t(`participants.errors.empty_results`):this.t(`participants.empty_list`))}))}static get watchers(){return{meeting:[`meetingChanged`],search:[`searchChanged`]}}};u([t.t()],d.prototype,`meeting`,void 0),u([t.t()],d.prototype,`config`,void 0),u([t.t()],d.prototype,`iconPack`,void 0),u([t.t()],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)}:host{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}`,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){e.Q(this,t),this.config=e.m(),this.iconPack=e.g,this.view=`sidebar`,this.t=e.G(),this.acceptWaitingRoomRequest=async e=>{await this.meeting.participants.acceptWaitingRoomRequest(e)},this.waitlistedParticipants=[],this.acceptAllWaitingRoomRequests=async()=>{await this.meeting.participants.acceptAllWaitingRoomRequest(this.waitlistedParticipants.map(e=>e.id))},this.rejectWaitingRoomRequest=async e=>{await this.meeting.participants.rejectWaitingRoomRequest(e)},this.shouldShowWaitlist=()=>this.meeting.meta.viewType===`LIVESTREAM`?!1:this.meeting.self.permissions.acceptWaitingRequests&&this.waitlistedParticipants.length!==0}disconnectedCallback(){let{participants:e}=this.meeting;this.waitlistedParticipantJoinedListener&&e.waitlisted.removeListener(`participantJoined`,this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&e.waitlisted.removeListener(`participantLeft`,this.waitlistedParticipantLeftListener),this.waitlistedParticipantsClearedListener&&e.waitlisted.removeListener(`participantsCleared`,this.waitlistedParticipantsClearedListener)}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(e){e&&(this.waitlistedParticipants=e.participants.waitlisted.toArray(),this.waitlistedParticipantJoinedListener=e=>{this.waitlistedParticipants.some(t=>t.id===e.id)||(this.waitlistedParticipants=[...this.waitlistedParticipants,e])},this.waitlistedParticipantLeftListener=e=>{this.waitlistedParticipants=this.waitlistedParticipants.filter(t=>t.id!==e.id)},this.waitlistedParticipantsClearedListener=()=>{this.waitlistedParticipants=[]},e.participants.waitlisted.addListener(`participantJoined`,this.waitlistedParticipantJoinedListener),e.participants.waitlisted.addListener(`participantLeft`,this.waitlistedParticipantLeftListener),e.participants.waitlisted.addListener(`participantsCleared`,this.waitlistedParticipantsClearedListener))}render(){if(!(this.view!==`sidebar`||!this.shouldShowWaitlist()))return e.Z(`div`,{class:`waiting-participants`},e.Z(`div`,{class:`heading-count`,part:`waitlisted-heading-count`},this.t(`waitlist.header_title`),` (`,this.waitlistedParticipants.length,`)`),e.Z(`ul`,{class:`participants`,part:`waitlisted-participants`},this.waitlistedParticipants.map(t=>e.Z(`li`,{class:`waiting-participant`,key:t.id},e.Z(`div`,{class:`participant-details`},e.Z(`rtk-avatar`,{participant:t,size:`sm`,iconPack:this.iconPack,t:this.t}),e.Z(`p`,{class:`name`,title:t.name},t.name)),e.Z(`div`,{class:`waitlist-controls`},e.Z(`rtk-tooltip`,{label:this.t(`waitlist.deny_request`),variant:`secondary`},e.Z(`rtk-button`,{variant:`secondary`,kind:`icon`,onClick:()=>this.rejectWaitingRoomRequest(t.id)},e.Z(`rtk-icon`,{class:`deny`,icon:this.iconPack.dismiss}))),e.Z(`rtk-tooltip`,{label:this.t(`waitlist.accept_request`),variant:`secondary`},e.Z(`rtk-button`,{variant:`secondary`,kind:`icon`,onClick:()=>this.acceptWaitingRoomRequest(t.id)},e.Z(`rtk-icon`,{class:`accept`,icon:this.iconPack.checkmark}))))))),e.Z(`rtk-button`,{class:`accept-all-button`,variant:`secondary`,kind:`wide`,onClick:this.acceptAllWaitingRoomRequests},this.t(`waitlist.accept_all`)))}static get watchers(){return{meeting:[`meetingChanged`]}}};p([t.t()],m.prototype,`meeting`,void 0),p([t.t()],m.prototype,`config`,void 0),p([t.t()],m.prototype,`iconPack`,void 0),p([t.t()],m.prototype,`t`,void 0),m.style=f,exports.rtk_participants_stage_list=a,exports.rtk_participants_stage_queue=c,exports.rtk_participants_viewer_list=d,exports.rtk_participants_waiting_list=m;
+//# sourceMappingURL=rtk-participants-stage-list_4.entry-C2bhezUX.cjs.map