uapp-communication-sdk 1.0.0-dev.54

package/rtk-participants-stage-list_4.entry-CfwKQNZo.js

@@ -0,0 +1,331 @@
+import { G as e, J as t, Q as n, Z as r, g as i, m as a } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as o } from "./index-8be19fcf-BppFp8rx.js";
+import { t as s } from "./index-3f51790f-Cnkj1veX.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participants-stage-list_4.entry.js
+var c = ":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%}", l = 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;
+}, u = class {
+	constructor(t) {
+		n(this, t), this.config = a(), this.hideHeader = !1, this.iconPack = i, this.view = "sidebar", this.t = e(), this.search = "", this.participants = [], this.createParticipantNode = (e) => {
+			let t = {
+				meeting: this.meeting,
+				view: this.view,
+				t: this.t,
+				config: this.config,
+				states: this.states,
+				size: this.size,
+				iconPack: this.iconPack
+			};
+			return r("div", null, r(s, {
+				element: "rtk-participant",
+				defaults: t,
+				props: {
+					role: "listitem",
+					participant: e,
+					key: e.id
+				},
+				childProps: Object.assign(Object.assign({}, t), {
+					participant: e,
+					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 r(t, { key: "82b79281405ea4012121471e245fd23b3b9c7bc6" }, r("div", {
+			key: "231fbe8a811f49a92f6b16fb06e7246aebee7b77",
+			class: "participants-container"
+		}, !this.hideHeader && r("div", {
+			key: "0398c09c5c203bb6e581d3c016910542f36ba0d5",
+			class: "heading-count",
+			part: "heading-count"
+		}, this.t("participants"), " (", this.participants.length, ")"), r("rtk-virtualized-participant-list", {
+			key: "7e33ce03b36d42fd91f360e7bcd19d08d77a5ac0",
+			items: this.participants,
+			renderItem: this.createParticipantNode,
+			part: "participants",
+			class: "participants",
+			emptyListElement: r("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"]
+		};
+	}
+};
+l([o()], u.prototype, "meeting", void 0), l([o()], u.prototype, "states", void 0), l([o()], u.prototype, "config", void 0), l([o()], u.prototype, "iconPack", void 0), l([o()], u.prototype, "t", void 0), u.style = c;
+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{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))}", 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.config = a(), this.iconPack = i, this.view = "sidebar", this.t = e(), 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 r("div", { class: "stage-requested-participants" }, r("div", {
+			class: "heading-count",
+			part: "staged-heading-count"
+		}, this.t("stage_request.header_title"), " (", this.stageRequestedParticipants.length, ")"), r("ul", {
+			class: "participants",
+			part: "staged-participants"
+		}, this.stageRequestedParticipants.map((e) => r("li", {
+			class: "waiting-participant",
+			key: e.id
+		}, r("div", { class: "participant-details" }, r("rtk-avatar", {
+			participant: e,
+			size: "sm",
+			iconPack: this.iconPack,
+			t: this.t
+		}), r("p", {
+			class: "name",
+			title: e.name
+		}, e.name)), r("div", { class: "waitlist-controls" }, r("rtk-tooltip", {
+			label: this.t("stage_request.deny_request"),
+			variant: "secondary"
+		}, r("rtk-button", {
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => this.rejectStageRequest(e)
+		}, r("rtk-icon", {
+			class: "deny",
+			icon: this.iconPack.dismiss
+		}))), r("rtk-tooltip", {
+			label: this.t("stage_request.accept_request"),
+			variant: "secondary"
+		}, r("rtk-button", {
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => this.acceptStageRequest(e)
+		}, r("rtk-icon", {
+			class: "accept",
+			icon: this.iconPack.checkmark
+		}))))))), r("div", { class: "bulk-actions" }, r("rtk-button", {
+			class: "accept-all-button",
+			variant: "secondary",
+			onClick: this.acceptAllStageRequest
+		}, this.t("stage_request.accept_all")), r("rtk-button", {
+			class: "deny-all-button",
+			variant: "danger",
+			onClick: this.denyAllStageRequest
+		}, this.t("stage_request.deny_all"))));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+f([o()], p.prototype, "meeting", void 0), f([o()], p.prototype, "config", void 0), f([o()], p.prototype, "iconPack", void 0), f([o()], p.prototype, "t", void 0), p.style = d;
+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{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))}", 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.updateStageViewers = () => {
+			this.getViewers(this.search);
+		}, this.config = a(), this.hideHeader = !1, this.iconPack = i, this.view = "sidebar", this.search = "", this.t = e(), this.stageViewers = [], this.createParticipantNode = (e) => r("rtk-participant", {
+			role: "listitem",
+			key: e.id,
+			meeting: this.meeting,
+			participant: e,
+			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 r("div", { class: "list" }, !this.hideHeader && r("div", {
+			class: "heading-count",
+			part: "heading-count"
+		}, this.t("viewers"), " (", this.stageViewers.length, ")"), r("rtk-virtualized-participant-list", {
+			items: this.stageViewers,
+			renderItem: this.createParticipantNode,
+			class: "participants",
+			part: "participants",
+			style: { height: "100%" },
+			emptyListElement: r("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"]
+		};
+	}
+};
+h([o()], g.prototype, "meeting", void 0), h([o()], g.prototype, "config", void 0), h([o()], g.prototype, "iconPack", void 0), h([o()], g.prototype, "t", void 0), g.style = m;
+var _ = ":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))}", v = 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;
+}, y = class {
+	constructor(t) {
+		n(this, t), this.config = a(), this.iconPack = i, this.view = "sidebar", this.t = e(), 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 r("div", { class: "waiting-participants" }, r("div", {
+			class: "heading-count",
+			part: "waitlisted-heading-count"
+		}, this.t("waitlist.header_title"), " (", this.waitlistedParticipants.length, ")"), r("ul", {
+			class: "participants",
+			part: "waitlisted-participants"
+		}, this.waitlistedParticipants.map((e) => r("li", {
+			class: "waiting-participant",
+			key: e.id
+		}, r("div", { class: "participant-details" }, r("rtk-avatar", {
+			participant: e,
+			size: "sm",
+			iconPack: this.iconPack,
+			t: this.t
+		}), r("p", {
+			class: "name",
+			title: e.name
+		}, e.name)), r("div", { class: "waitlist-controls" }, r("rtk-tooltip", {
+			label: this.t("waitlist.deny_request"),
+			variant: "secondary"
+		}, r("rtk-button", {
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => this.rejectWaitingRoomRequest(e.id)
+		}, r("rtk-icon", {
+			class: "deny",
+			icon: this.iconPack.dismiss
+		}))), r("rtk-tooltip", {
+			label: this.t("waitlist.accept_request"),
+			variant: "secondary"
+		}, r("rtk-button", {
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => this.acceptWaitingRoomRequest(e.id)
+		}, r("rtk-icon", {
+			class: "accept",
+			icon: this.iconPack.checkmark
+		}))))))), r("rtk-button", {
+			class: "accept-all-button",
+			variant: "secondary",
+			kind: "wide",
+			onClick: this.acceptAllWaitingRoomRequests
+		}, this.t("waitlist.accept_all")));
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+v([o()], y.prototype, "meeting", void 0), v([o()], y.prototype, "config", void 0), v([o()], y.prototype, "iconPack", void 0), v([o()], y.prototype, "t", void 0), y.style = _;
+//#endregion
+export { u as rtk_participants_stage_list, p as rtk_participants_stage_queue, g as rtk_participants_viewer_list, y as rtk_participants_waiting_list };
+
+//# sourceMappingURL=rtk-participants-stage-list_4.entry-CfwKQNZo.js.map

package/rtk-participants-toggle.entry-BrE4gVkE.js

@@ -0,0 +1,79 @@
+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";
+import { r as s } from "./sidebar-6b71ecaa-iR6OjeTU.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participants-toggle.entry.js
+var c = ":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}:host([data-hidden]){display:none}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}", l = 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;
+}, u = class {
+	constructor(t) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.variant = "button", this.iconPack = a, this.t = e(), this.participantsActive = !1, this.waitlistedParticipants = [], this.stageRequestedParticipants = [], this.badgeCount = 0, this.canViewParticipants = !1, this.updateStageRequests = async (e) => {
+			e ||= this.meeting.stage?.getAccessRequests()?.stageRequests ?? [], this.stageRequestedParticipants = e, this.stageRequestedParticipants = this.meeting.stage.status === "REQUESTED_TO_JOIN_STAGE" ? [this.meeting.self, ...e] : e, this.updateBadgeCount();
+		}, this.updateBadgeCount = () => {
+			this.badgeCount = this.waitlistedParticipants.length + this.stageRequestedParticipants.length;
+		}, this.updateCanView = () => {
+			this.canViewParticipants = s(this.meeting);
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting), this.statesChanged(this.states);
+	}
+	disconnectedCallback() {
+		var e, t;
+		this.meeting && ((e = this.meeting?.stage) == null || e.removeListener("stageStatusUpdate", this.updateCanView), this.waitlistedParticipantJoinedListener && this.meeting.participants.waitlisted.removeListener("participantJoined", this.waitlistedParticipantJoinedListener), this.waitlistedParticipantLeftListener && this.meeting.participants.waitlisted.removeListener("participantLeft", this.waitlistedParticipantLeftListener), (t = this.meeting.stage) == null || t.removeListener("stageAccessRequestUpdate", this.updateStageRequests));
+	}
+	meetingChanged(e) {
+		var t;
+		e && (this.canViewParticipants = s(e), (t = e?.stage) == null || t.on("stageStatusUpdate", this.updateCanView), e.self.permissions.acceptWaitingRequests && (this.waitlistedParticipants = e.participants.waitlisted.toArray(), this.waitlistedParticipantJoinedListener = (e) => {
+			this.waitlistedParticipants.some((t) => t.id === e.id) || (this.waitlistedParticipants = [...this.waitlistedParticipants, e], this.updateBadgeCount());
+		}, this.waitlistedParticipantLeftListener = (e) => {
+			this.waitlistedParticipants = this.waitlistedParticipants.filter((t) => t.id !== e.id), this.updateBadgeCount();
+		}, e.participants.waitlisted.addListener("participantJoined", this.waitlistedParticipantJoinedListener), e.participants.waitlisted.addListener("participantLeft", this.waitlistedParticipantLeftListener)), this.meeting.self.permissions.stageEnabled && this.meeting.self.permissions.acceptStageRequests && (this.updateStageRequests(), e?.stage.on("stageAccessRequestUpdate", this.updateStageRequests)), this.updateBadgeCount());
+	}
+	statesChanged(e) {
+		e != null && (this.participantsActive = e.activeSidebar === !0 && e.sidebar === "participants");
+	}
+	toggleParticipantsTab() {
+		let e = this.states;
+		this.participantsActive = !(e?.activeSidebar && e?.sidebar === "participants"), this.stateUpdate.emit({
+			activeSidebar: this.participantsActive,
+			sidebar: this.participantsActive ? "participants" : void 0,
+			activeMoreMenu: !1
+		});
+	}
+	handleParticipantsActiveChange() {
+		!this.participantsActive && !this.states.activeSidebar && this.buttonEl.focus();
+	}
+	render() {
+		if (!this.canViewParticipants) return i(t, { "data-hidden": !0 });
+		let e = this.t("participants");
+		return i(t, { title: e }, this.badgeCount !== 0 && !this.participantsActive && i("div", {
+			class: "waiting-participants-count",
+			part: "waiting-participants-count"
+		}, i("span", null, this.badgeCount <= 100 ? this.badgeCount : "99+")), i("rtk-controlbar-button", {
+			ref: (e) => this.buttonEl = e,
+			part: "controlbar-button",
+			size: this.size,
+			iconPack: this.iconPack,
+			class: { active: this.participantsActive },
+			onClick: () => this.toggleParticipantsTab(),
+			icon: this.iconPack.participants,
+			label: e,
+			variant: this.variant
+		}));
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			states: ["statesChanged"],
+			participantsActive: ["handleParticipantsActiveChange"]
+		};
+	}
+};
+l([o()], u.prototype, "meeting", void 0), l([o()], u.prototype, "states", void 0), l([o()], u.prototype, "iconPack", void 0), l([o()], u.prototype, "t", void 0), u.style = c;
+//#endregion
+export { u as rtk_participants_toggle };
+
+//# sourceMappingURL=rtk-participants-toggle.entry-BrE4gVkE.js.map

package/rtk-participants-toggle.entry-BvSc5CIe.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("./sidebar-6b71ecaa-BzGLot1H.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{position:relative;display:block}:host([data-hidden]){display:none}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}`,i=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},a=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.variant=`button`,this.iconPack=e.g,this.t=e.G(),this.participantsActive=!1,this.waitlistedParticipants=[],this.stageRequestedParticipants=[],this.badgeCount=0,this.canViewParticipants=!1,this.updateStageRequests=async e=>{e||=this.meeting.stage?.getAccessRequests()?.stageRequests??[],this.stageRequestedParticipants=e,this.stageRequestedParticipants=this.meeting.stage.status===`REQUESTED_TO_JOIN_STAGE`?[this.meeting.self,...e]:e,this.updateBadgeCount()},this.updateBadgeCount=()=>{this.badgeCount=this.waitlistedParticipants.length+this.stageRequestedParticipants.length},this.updateCanView=()=>{this.canViewParticipants=n.r(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var e,t;this.meeting&&((e=this.meeting?.stage)==null||e.removeListener(`stageStatusUpdate`,this.updateCanView),this.waitlistedParticipantJoinedListener&&this.meeting.participants.waitlisted.removeListener(`participantJoined`,this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&this.meeting.participants.waitlisted.removeListener(`participantLeft`,this.waitlistedParticipantLeftListener),(t=this.meeting.stage)==null||t.removeListener(`stageAccessRequestUpdate`,this.updateStageRequests))}meetingChanged(e){var t;e&&(this.canViewParticipants=n.r(e),(t=e?.stage)==null||t.on(`stageStatusUpdate`,this.updateCanView),e.self.permissions.acceptWaitingRequests&&(this.waitlistedParticipants=e.participants.waitlisted.toArray(),this.waitlistedParticipantJoinedListener=e=>{this.waitlistedParticipants.some(t=>t.id===e.id)||(this.waitlistedParticipants=[...this.waitlistedParticipants,e],this.updateBadgeCount())},this.waitlistedParticipantLeftListener=e=>{this.waitlistedParticipants=this.waitlistedParticipants.filter(t=>t.id!==e.id),this.updateBadgeCount()},e.participants.waitlisted.addListener(`participantJoined`,this.waitlistedParticipantJoinedListener),e.participants.waitlisted.addListener(`participantLeft`,this.waitlistedParticipantLeftListener)),this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests&&(this.updateStageRequests(),e?.stage.on(`stageAccessRequestUpdate`,this.updateStageRequests)),this.updateBadgeCount())}statesChanged(e){e!=null&&(this.participantsActive=e.activeSidebar===!0&&e.sidebar===`participants`)}toggleParticipantsTab(){let e=this.states;this.participantsActive=!(e?.activeSidebar&&e?.sidebar===`participants`),this.stateUpdate.emit({activeSidebar:this.participantsActive,sidebar:this.participantsActive?`participants`:void 0,activeMoreMenu:!1})}handleParticipantsActiveChange(){!this.participantsActive&&!this.states.activeSidebar&&this.buttonEl.focus()}render(){if(!this.canViewParticipants)return e.Z(e.J,{"data-hidden":!0});let t=this.t(`participants`);return e.Z(e.J,{title:t},this.badgeCount!==0&&!this.participantsActive&&e.Z(`div`,{class:`waiting-participants-count`,part:`waiting-participants-count`},e.Z(`span`,null,this.badgeCount<=100?this.badgeCount:`99+`)),e.Z(`rtk-controlbar-button`,{ref:e=>this.buttonEl=e,part:`controlbar-button`,size:this.size,iconPack:this.iconPack,class:{active:this.participantsActive},onClick:()=>this.toggleParticipantsTab(),icon:this.iconPack.participants,label:t,variant:this.variant}))}static get watchers(){return{meeting:[`meetingChanged`],states:[`statesChanged`],participantsActive:[`handleParticipantsActiveChange`]}}};i([t.t()],a.prototype,`meeting`,void 0),i([t.t()],a.prototype,`states`,void 0),i([t.t()],a.prototype,`iconPack`,void 0),i([t.t()],a.prototype,`t`,void 0),a.style=r,exports.rtk_participants_toggle=a;
+//# sourceMappingURL=rtk-participants-toggle.entry-BvSc5CIe.cjs.map

package/rtk-participants.entry-CS1ES8Ma.cjs

@@ -0,0 +1,3 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs"),n=require("./debounce-d193e708-Bk-G__sK.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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
+    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.ctr.virtualised{overflow-y:hidden}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}:host([size='md']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}:host([size='sm']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}.no-pending-requests{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))}`,i=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},a=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.config=e.m(),this.iconPack=e.g,this.defaultParticipantsTabId=`stage-list`,this.t=e.G(),this.currentParticipantsTabId=this.defaultParticipantsTabId,this.tabs=[],this.hasRequests=!1,this.search=``,this.updateParticipantCountsInTabs=n.t(()=>{let t=this.meeting.participants.waitlisted?.size||0,n=0,r=0;this.meeting.participants.joined.toArray().forEach(e=>{e.stageStatus===`ON_STAGE`&&n++,e.stageStatus===`OFF_STAGE`&&r++,e.stageStatus===`REQUESTED_TO_JOIN_STAGE`&&(t++,r++),e.stageStatus===`ACCEPTED_TO_JOIN_STAGE`&&r++}),this.meeting.self.stageStatus===`ON_STAGE`&&n++,this.meeting.self.stageStatus===`OFF_STAGE`&&r++,this.meeting.self.stageStatus===`REQUESTED_TO_JOIN_STAGE`&&(t++,r++),this.meeting.self.stageStatus===`ACCEPTED_TO_JOIN_STAGE`&&r++;let i=[];this.shouldShowRequestsTab()&&i.push({id:`requests`,name:e.Z(`span`,null,this.t(`requests`),`\xA0`,e.Z(`span`,{class:`tab-participant-count-badge ${t>0?`requests-pending`:``} ${this.currentParticipantsTabId===`requests`?`selected-tab`:``}`},t))}),i.push({id:`stage-list`,name:e.Z(`span`,null,this.t(`participants`),`\xA0`,e.Z(`span`,{class:`tab-participant-count-badge ${this.currentParticipantsTabId===`stage-list`?`selected-tab`:``}`},n))}),this.shouldShowViewersTab()&&i.push({id:`viewer-list`,name:e.Z(`span`,null,this.t(`viewers`),`\xA0`,e.Z(`span`,{class:`tab-participant-count-badge ${this.currentParticipantsTabId===`viewer-list`?`selected-tab`:``}`},r))}),this.tabs=i,this.hasRequests=t>0}),this.onSearchInput=e=>{this.search=e.target.value},this.shouldShowViewersTab=()=>this.meeting?.self?.permissions?.stageEnabled,this.shouldShowRequestsTab=()=>{let e=!1;return e=this.meeting.meta.viewType===`LIVESTREAM`?!1:this.meeting.self.config.waitingRoom?.isEnabled&&this.meeting.self.permissions.acceptWaitingRequests,this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests||e},this.viewSection=e=>{this.currentParticipantsTabId=e}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting&&(this.meeting.participants.joined.off(`participantJoined`,this.updateParticipantCountsInTabs),this.meeting.participants.joined.off(`participantsUpdate`,this.updateParticipantCountsInTabs),this.meeting.participants.joined.off(`participantLeft`,this.updateParticipantCountsInTabs),this.meeting.participants.joined.off(`stageStatusUpdate`,this.updateParticipantCountsInTabs),this.meeting.stage.off(`stageStatusUpdate`,this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off(`participantJoined`,this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off(`participantLeft`,this.updateParticipantCountsInTabs),this.meeting.participants.waitlisted.off(`stageStatusUpdate`,this.updateParticipantCountsInTabs))}meetingChanged(e){e&&(e.participants.joined.on(`participantJoined`,this.updateParticipantCountsInTabs),e.participants.joined.on(`participantsUpdate`,this.updateParticipantCountsInTabs),e.participants.joined.on(`participantLeft`,this.updateParticipantCountsInTabs),e.participants.joined.on(`stageStatusUpdate`,this.updateParticipantCountsInTabs),e.stage.on(`stageStatusUpdate`,this.updateParticipantCountsInTabs),e.participants.waitlisted.on(`participantJoined`,this.updateParticipantCountsInTabs),e.participants.waitlisted.on(`participantLeft`,this.updateParticipantCountsInTabs),e.participants.waitlisted.on(`stageStatusUpdate`,this.updateParticipantCountsInTabs),this.updateParticipantCountsInTabs())}currentParticipantsTabIdChanged(){this.stateUpdate.emit({participantsTabId:this.currentParticipantsTabId}),this.updateParticipantCountsInTabs()}render(){if(!this.meeting)return null;let t={meeting:this.meeting,states:this.states,config:this.config,size:this.size,iconPack:this.iconPack,t:this.t};return e.Z(e.J,null,e.Z(`div`,{class:`search`,part:`search`},e.Z(`rtk-icon`,{icon:this.iconPack.search,part:`search-icon`}),e.Z(`input`,{type:`search`,autocomplete:`off`,placeholder:this.t(`search`),onInput:this.onSearchInput,part:`search-input`})),e.Z(`slot`,{name:`start`}),e.Z(`div`,{class:`ctr scrollbar ${this.currentParticipantsTabId===`requests`?``:`virtualised`}`,part:`container`},e.Z(`rtk-sidebar-ui`,{tabs:this.tabs,currentTab:this.currentParticipantsTabId,view:`full-screen`,hideHeader:!0,hideCloseAction:!0,style:{position:`relative`},onTabChange:e=>{this.viewSection(e.detail),e.stopPropagation()}},(!this.currentParticipantsTabId||this.currentParticipantsTabId===`stage-list`)&&e.Z(`div`,{slot:`stage-list`,style:{marginTop:`10px`,height:`100%`}},e.Z(`rtk-participants-stage-list`,Object.assign({},t,{search:this.search,hideHeader:!0}))),this.currentParticipantsTabId===`requests`&&e.Z(`div`,{slot:`requests`,style:{marginTop:`10px`,height:`100%`}},!this.hasRequests&&e.Z(`div`,{class:`no-pending-requests`},this.t(`participants.no_pending_requests`)),e.Z(`rtk-participants-stage-queue`,Object.assign({},t)),e.Z(`rtk-participants-waiting-list`,Object.assign({},t))),this.currentParticipantsTabId===`viewer-list`&&e.Z(`div`,{slot:`viewer-list`,style:{marginTop:`10px`,height:`100%`}},e.Z(`rtk-participants-viewer-list`,Object.assign({},t,{search:this.search,hideHeader:!0}))))),e.Z(`slot`,{name:`end`}))}static get watchers(){return{meeting:[`meetingChanged`],currentParticipantsTabId:[`currentParticipantsTabIdChanged`]}}};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,exports.rtk_participants=a;
+//# sourceMappingURL=rtk-participants.entry-CS1ES8Ma.cjs.map

package/rtk-participants.entry-XWFx4V-1.js

@@ -0,0 +1,121 @@
+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 "./debounce-d193e708-DvRG74IY.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-participants.entry.js
+var l = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.ctr.virtualised{overflow-y:hidden}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}:host([size='md']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}:host([size='sm']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}.no-pending-requests{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))}", 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) {
+		n(this, t), this.stateUpdate = r(this, "rtkStateUpdate", 7), this.config = o(), this.iconPack = a, this.defaultParticipantsTabId = "stage-list", this.t = e(), this.currentParticipantsTabId = this.defaultParticipantsTabId, this.tabs = [], this.hasRequests = !1, this.search = "", this.updateParticipantCountsInTabs = c(() => {
+			let e = this.meeting.participants.waitlisted?.size || 0, t = 0, n = 0;
+			this.meeting.participants.joined.toArray().forEach((r) => {
+				r.stageStatus === "ON_STAGE" && t++, r.stageStatus === "OFF_STAGE" && n++, r.stageStatus === "REQUESTED_TO_JOIN_STAGE" && (e++, n++), r.stageStatus === "ACCEPTED_TO_JOIN_STAGE" && n++;
+			}), this.meeting.self.stageStatus === "ON_STAGE" && t++, this.meeting.self.stageStatus === "OFF_STAGE" && n++, this.meeting.self.stageStatus === "REQUESTED_TO_JOIN_STAGE" && (e++, n++), this.meeting.self.stageStatus === "ACCEPTED_TO_JOIN_STAGE" && n++;
+			let r = [];
+			this.shouldShowRequestsTab() && r.push({
+				id: "requests",
+				name: i("span", null, this.t("requests"), "\xA0", i("span", { class: `tab-participant-count-badge ${e > 0 ? "requests-pending" : ""} ${this.currentParticipantsTabId === "requests" ? "selected-tab" : ""}` }, e))
+			}), r.push({
+				id: "stage-list",
+				name: i("span", null, this.t("participants"), "\xA0", i("span", { class: `tab-participant-count-badge ${this.currentParticipantsTabId === "stage-list" ? "selected-tab" : ""}` }, t))
+			}), this.shouldShowViewersTab() && r.push({
+				id: "viewer-list",
+				name: i("span", null, this.t("viewers"), "\xA0", i("span", { class: `tab-participant-count-badge ${this.currentParticipantsTabId === "viewer-list" ? "selected-tab" : ""}` }, n))
+			}), this.tabs = r, this.hasRequests = e > 0;
+		}), this.onSearchInput = (e) => {
+			this.search = e.target.value;
+		}, this.shouldShowViewersTab = () => this.meeting?.self?.permissions?.stageEnabled, this.shouldShowRequestsTab = () => {
+			let e = !1;
+			return e = this.meeting.meta.viewType === "LIVESTREAM" ? !1 : this.meeting.self.config.waitingRoom?.isEnabled && this.meeting.self.permissions.acceptWaitingRequests, this.meeting.self.permissions.stageEnabled && this.meeting.self.permissions.acceptStageRequests || e;
+		}, this.viewSection = (e) => {
+			this.currentParticipantsTabId = e;
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		this.meeting && (this.meeting.participants.joined.off("participantJoined", this.updateParticipantCountsInTabs), this.meeting.participants.joined.off("participantsUpdate", this.updateParticipantCountsInTabs), this.meeting.participants.joined.off("participantLeft", this.updateParticipantCountsInTabs), this.meeting.participants.joined.off("stageStatusUpdate", this.updateParticipantCountsInTabs), this.meeting.stage.off("stageStatusUpdate", this.updateParticipantCountsInTabs), this.meeting.participants.waitlisted.off("participantJoined", this.updateParticipantCountsInTabs), this.meeting.participants.waitlisted.off("participantLeft", this.updateParticipantCountsInTabs), this.meeting.participants.waitlisted.off("stageStatusUpdate", this.updateParticipantCountsInTabs));
+	}
+	meetingChanged(e) {
+		e && (e.participants.joined.on("participantJoined", this.updateParticipantCountsInTabs), e.participants.joined.on("participantsUpdate", this.updateParticipantCountsInTabs), e.participants.joined.on("participantLeft", this.updateParticipantCountsInTabs), e.participants.joined.on("stageStatusUpdate", this.updateParticipantCountsInTabs), e.stage.on("stageStatusUpdate", this.updateParticipantCountsInTabs), e.participants.waitlisted.on("participantJoined", this.updateParticipantCountsInTabs), e.participants.waitlisted.on("participantLeft", this.updateParticipantCountsInTabs), e.participants.waitlisted.on("stageStatusUpdate", this.updateParticipantCountsInTabs), this.updateParticipantCountsInTabs());
+	}
+	currentParticipantsTabIdChanged() {
+		this.stateUpdate.emit({ participantsTabId: this.currentParticipantsTabId }), this.updateParticipantCountsInTabs();
+	}
+	render() {
+		if (!this.meeting) return null;
+		let e = {
+			meeting: this.meeting,
+			states: this.states,
+			config: this.config,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return i(t, null, i("div", {
+			class: "search",
+			part: "search"
+		}, i("rtk-icon", {
+			icon: this.iconPack.search,
+			part: "search-icon"
+		}), i("input", {
+			type: "search",
+			autocomplete: "off",
+			placeholder: this.t("search"),
+			onInput: this.onSearchInput,
+			part: "search-input"
+		})), i("slot", { name: "start" }), i("div", {
+			class: `ctr scrollbar ${this.currentParticipantsTabId === "requests" ? "" : "virtualised"}`,
+			part: "container"
+		}, i("rtk-sidebar-ui", {
+			tabs: this.tabs,
+			currentTab: this.currentParticipantsTabId,
+			view: "full-screen",
+			hideHeader: !0,
+			hideCloseAction: !0,
+			style: { position: "relative" },
+			onTabChange: (e) => {
+				this.viewSection(e.detail), e.stopPropagation();
+			}
+		}, (!this.currentParticipantsTabId || this.currentParticipantsTabId === "stage-list") && i("div", {
+			slot: "stage-list",
+			style: {
+				marginTop: "10px",
+				height: "100%"
+			}
+		}, i("rtk-participants-stage-list", Object.assign({}, e, {
+			search: this.search,
+			hideHeader: !0
+		}))), this.currentParticipantsTabId === "requests" && i("div", {
+			slot: "requests",
+			style: {
+				marginTop: "10px",
+				height: "100%"
+			}
+		}, !this.hasRequests && i("div", { class: "no-pending-requests" }, this.t("participants.no_pending_requests")), i("rtk-participants-stage-queue", Object.assign({}, e)), i("rtk-participants-waiting-list", Object.assign({}, e))), this.currentParticipantsTabId === "viewer-list" && i("div", {
+			slot: "viewer-list",
+			style: {
+				marginTop: "10px",
+				height: "100%"
+			}
+		}, i("rtk-participants-viewer-list", Object.assign({}, e, {
+			search: this.search,
+			hideHeader: !0
+		}))))), i("slot", { name: "end" }));
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			currentParticipantsTabId: ["currentParticipantsTabIdChanged"]
+		};
+	}
+};
+u([s()], d.prototype, "meeting", void 0), u([s()], d.prototype, "states", void 0), u([s()], d.prototype, "config", void 0), u([s()], d.prototype, "iconPack", void 0), u([s()], d.prototype, "t", void 0), d.style = l;
+//#endregion
+export { d as rtk_participants };
+
+//# sourceMappingURL=rtk-participants.entry-XWFx4V-1.js.map

package/rtk-pip-toggle.entry-BHC7Eu5O.cjs

@@ -0,0 +1,2 @@
+require("./jsx-runtime-VQ627FC0.cjs");const e=require("./ui-store-4fbabb78-BZ6xmQIE.cjs"),t=require("./index-8be19fcf-CdLnDVXY.cjs");var n=`:host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}`,r=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},i=class{constructor(t){e.Q(this,t),this.stateUpdate=e.Y(this,`rtkStateUpdate`,7),this.variant=`button`,this.config=e.m(),this.iconPack=e.g,this.t=e.G(),this.pipSupported=!1}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(e){e&&(this.pipSupported=e.participants.pip?.isSupported()&&e.self.config?.pipMode&&e.self.config?.viewType!==`LIVESTREAM`)}togglePip(){this.meeting.participants.pip&&(this.meeting.participants.pip.isActive?this.meeting.participants.pip.disable():this.meeting.participants.pip.enable(),this.stateUpdate.emit({activeMoreMenu:!1}))}render(){if(!this.meeting)return null;if(!this.pipSupported)return e.Z(e.J,{"data-hidden":!0});let t=this.meeting.participants.pip.isActive;return e.Z(e.J,{role:`log`,"aria-label":`Picture-in-Picture mode`},e.Z(`rtk-controlbar-button`,{part:`controlbar-button`,size:this.size,iconPack:this.iconPack,onClick:()=>this.togglePip(),icon:t?this.iconPack.pip_on:this.iconPack.pip_off,label:t?this.t(`pip_off`):this.t(`pip_on`),variant:this.variant}))}static get watchers(){return{meeting:[`meetingChanged`]}}};r([t.t()],i.prototype,`meeting`,void 0),r([t.t()],i.prototype,`states`,void 0),r([t.t()],i.prototype,`config`,void 0),r([t.t()],i.prototype,`iconPack`,void 0),r([t.t()],i.prototype,`t`,void 0),i.style=n,exports.rtk_pip_toggle=i;
+//# sourceMappingURL=rtk-pip-toggle.entry-BHC7Eu5O.cjs.map